/* =========================================================
   RESPONSIVE STYLES — Organized & De-duplicated
   Breakpoint order:
   1) Min-width (desktop-first refinements)
   2) Ranged min/max windows
   3) Max-width (tablet → mobile)
   Notes:
   - Kept all original selectors and comments
   - Removed empty/unnecessary blocks
   - Normalized spacing/indentation
   ========================================================= */


/* =========================
   DESKTOP (MIN-WIDTH)
   ========================= */

/* ≥1200–1380px */
@media only screen and (min-width: 1200px) and (max-width: 1380px) {

  /*** Top Bar Style2 ***/
  .top-style2-right .top-right-menu li { padding-right: 10px; }
  .top-style2-right .topbar-social-links li { padding-right: 20px; }

  /*** Header Style2 ***/
  .header-style2 .inner-container { position: relative; padding: 0 25px; }
  .main-menu.style2 .navigation > li { margin-right: 35px; }
  .mainmenu-right.style2 { margin-left: 0; }
}

/* ≥1200–1880px */
@media only screen and (min-width: 1200px) and (max-width: 1880px) {

  /*** Instagram ***/
  .instagram-title { margin-right: -30px; padding: 190px 0; }
  .instagram-title .pattern-bg {
    position: absolute; top: 0; left: -500px; bottom: -1000px; right: 0;
    background-repeat: repeat; z-index: -1;
  }
  .instagram-items { margin-right: 0; }
  .instagram-items li { width: 254px; }
}

/* ≥1200–1500px : Slider arrows tweak */
@media only screen and (min-width: 1200px) and (max-width: 1500px) {
  .main-slider.style2 .tparrows { left: 30% !important; }
  .main-slider.style2 .tp-rightarrow { left: 38% !important; }
}

/* ≥1200–1300px : Slide content offsets */
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .main-slider .slide-content.left-slide { margin-left: 50px; }
  .main-slider.style2 .slide-content.left-slide { margin-left: 0; }
}


/* =========================
   RANGED WINDOWS
   ========================= */

/* 992–1199px (Medium screens) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

  /*** Header Style1 ***/
  .header-upper-style1 .inner-container { padding: 0 20px; }
  .main-menu .navigation > li { margin-right: 20px; }
  .header-lower-style1 .inner-content { border: none; }
  .header-contact-info { border-left: none; padding-left: 0; float: none !important; overflow: hidden; margin-bottom: 23px; }
  .header-contact-info li { border-right: none; padding-right: 0; margin-right: 50px; }
  .header-social-links-style1 { padding-right: 0; margin: 0; float: none !important; overflow: hidden; text-align: center; }
  .header-social-links-style1 li { float: none; margin: 0 8px; }

  /*** About ***/
  .about-area { padding-top: 60px; padding-bottom: 146px; }
  .about-text { padding-left: 0; }
  .about-carousel-box .owl-dots { margin-top: 80px !important; }

  /*** Working ***/
  .single-working-box .text-holder .outer-box .icon { width: 50px; }
  .single-working-box .text-holder .outer-box .text { padding-left: 0; padding-right: 10px; }

  /*** Working Process ***/
  .single-working-process .inner { padding: 82px 10px 50px; }

  /*** Footer ***/
  .single-footer-widget.marbtm50 { margin-bottom: 50px; }

  /*** Top Bar Style2 ***/
  .top-bar-style2 { padding: 20px; }
  .top-style2-left { overflow: hidden; text-align: center; }
  .top-style2-left p { display: block; float: none; }
  .top-style2-left ul { display: block; overflow: hidden; float: none; padding-left: 0; }
  .top-style2-left ul li { display: inline-block; float: none; padding-right: 16px; margin-right: 15px; }
  .top-style2-right { overflow: hidden; float: none; text-align: center; padding-top: 11px; }
  .top-style2-right .top-right-menu { display: block; overflow: hidden; float: none; padding-right: 0; margin-right: 0; text-align: center; }
  .top-style2-right .top-right-menu:before { display: none; }
  .top-style2-right .top-right-menu li { float: none; padding-right: 0; margin: 0 5px; }
  .top-style2-right .topbar-social-links { display: block; float: none; overflow: hidden; text-align: center; }
  .top-style2-right .topbar-social-links li { float: none; padding-right: 0; margin: 0 13px; }

  /*** Header Style2 ***/
  .header-style2 .inner-container { position: relative; padding: 0 10px; }
  .main-menu.style2 .navigation > li { margin-right: 20px; }
  .main-menu.style2 .navigation > li.dropdown > a:after { display: none; }
  .mainmenu-right.style2 { margin-left: 0; }
  .outer-search-box { margin-right: 10px; }
  .mainmenu-right.style2 .button { margin-left: 15px; }
  .mainmenu-right.style2 .button a { padding: 0 15px 0; }
  .mainmenu-right.style2 .button a.btn-one span:before { display: none; }

  /*** About Style2 ***/
  .about-style2-image-box { margin-top: 170px; }
  .about-style2-image-box .pattern { top: -110px; left: 0; right: 0; bottom: -110px; width: 100%; height: auto; }

  /*** Working Style2 ***/
  .single-working-box-style2 { width: 50%; margin-bottom: 60px; }
  .working-style-bottom { padding-top: 24px; }

  /*** Why Choose ***/
  .why-choose-content { max-width: 100%; width: 100%; display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; }

  /*** Contact Details ***/
  .contact-details-form-box .title-box { padding-bottom: 25px; }
  .contact-details-form-box { padding: 30px 60px 0; padding-left: 0; }

  /*** Brand Style2 ***/
  .brand-area.style2 { padding-top: 110px; padding-bottom: 80px; }
  .single-brand-item.style2 { max-width: 280px; margin-right: 30px; margin-bottom: 30px; }

  /*** Instagram ***/
  .instagram-title { margin-right: 0; padding: 43px 0; }
  .instagram-title .pattern-bg { top: 0; left: -500px; bottom: -500px; right: -500px; background-repeat: repeat; }
  .instagram-items { margin-right: 0; }
  .instagram-items li { width: 154px; }

  /*** Header Style3 ***/
  .header-contact-info.style2 { padding-left: 30px; margin: 30px 0; float: left !important; }
  .header-contact-info.style2 li { margin-right: 20px; }
  .header-contact-info.style2 li .single-item .icon { width: 40px; }
  .header-contact-info.style2 li .single-item .icon span:before { top: 2px; font-size: 40px; line-height: 40px; }
  .header-contact-info.style2 li .single-item .text { padding-left: 10px; }
  .header-contact-info.style2 li .single-item .text h3 { font-size: 16px; }
  .header-call-button { width: 210px; padding: 30px 10px; }
  .header-call-button .inner { padding-right: 45px; }
  .header-call-button .inner .icon span:before { font-size: 30px; }
  .header-call-button .inner .title h3 { font-size: 16px; margin: 3px 0 0; }

  /*** Mainmenu Style3 ***/
  .main-menu.style3 .navigation > li > a { padding: 30px 17px 26px; }

  /*** Brand Style3 ***/
  .single-brand-item.style3 { max-width: 130px; }

  /*** Footer Style3 ***/
  .single-footer-widget .usefull-links ul { float: none !important; }
  .single-footer-widget .usefull-links ul.marleft30 { margin-left: 0; }

  /*** Company Overview ***/
  .company-overview-area { padding: 105px 0 86px; }
  .intro-box { position: relative; display: block; margin-bottom: 42px; }
  .intro-box .text { max-width: 770px; width: 100%; margin-top: 24px; }
  .single-history-content .text-box { padding-left: 20px; min-height: auto; }
  .single-history-content .text-box .inner { padding-top: 40px; padding-right: 20px; }
  .single-history-content .text-box .inner .title { padding: 25px 0 20px; }
  .single-history-content .text-box .inner .text p { margin: 0 0 10px; }
  .single-fact-counter { margin-bottom: 30px; }

  /*** Footer Style4 ***/
  .single-footer-widget.s4 .usefull-links ul { float: left !important; }
  li .single-footer-contact-info { max-width: 310px; }
  li .single-footer-contact-info .inner { padding: 35px 15px 30px; }
  li .single-footer-contact-info .text p br { display: none; }

  /*** Services Style2 (Service Page) ***/
  .services-style2-service-page .sec-title { padding-bottom: 13px; }
  .services-style2-service-page .text { margin-top: 0; margin-bottom: 32px; }
  .single-service-style2 .text-holder .inner .text { padding: 0 20px 32px; }
  .single-service-style2 .text-holder .inner .text p { font-size: 15px; line-height: 25px; }

  /*** Single Service ***/
  .single-advantages-box { margin-bottom: 30px; }
  .how-work-box { padding-top: 50px; }
  .how-work-box .how-works-content { padding-top: 50px; }

  /*** Project Description ***/
  .project-description-image-box img { max-width: 100%; float: none; width: 100%; }
  .project-description-content { position: relative; display: block; z-index: 3; padding-top: 50px; padding-left: 0; }

  /*** Project Info ***/
  .project-info-area { padding-top: 44px; padding-bottom: 110px; }
  .project-info-area .pattern-bg { top: auto; right: 0; bottom: 0; }
  .project-info-content { margin: -6px auto 30px; }
  .project-info-image-box img { max-width: 100%; float: none; width: 100%; }

  /*** Blog Single ***/
  .blog-single-image-with-text-box .image-box li { margin-right: 30px; max-width: 270px; width: 100%; }
  .blog-prev-next-option .single { max-width: 270px; width: 100%; }

  /*** Shop ***/
  .shop-sidebar-wrapper { float: right; }

  /*** Login/Register ***/
  .login-register-area .form a.forgot-password { margin: 70px 0 0; }
  .login-register-area .form.register { overflow: hidden; margin-top: 50px; }
  .login-register-area .form h6 { margin: 28px 0 0; }

  /*** Job Career Brochures ***/
  .job-career-brochures-box .overlay-content .innner .box h1 {
    font-size: 28px; line-height: 38px; margin: 0 0 14px;
  }

  /*** Blog Large ***/
  .single-blog-post.style4:before { bottom: 0; }
}

/* 800–1199px : Slider arrows */
@media only screen and (min-width: 800px) and (max-width: 1199px) {
  .main-slider.style2 .tparrows { left: 25% !important; }
  .main-slider.style2 .tp-rightarrow { left: 35% !important; }
}

/* 768–991px (Tablet) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

  /*** Header Style1 ***/
  .header-upper-style1 .inner-container { position: relative; display: block; padding: 0 20px; margin-top: -45px; }
  .logo-box-style1 { position: absolute; margin: 15px 0; top: 0; left: 20px; float: none !important; z-index: 33; }
  .main-menu-box { position: relative; display: block; float: none !important; }
  .mainmenu-right { position: absolute; float: none; margin-left: 0; top: 0; right: 60px; z-index: 33; }
  .mainmenu-right .outer-search-box { padding: 15px 0; margin-right: 20px; }
  .mainmenu-right .cart-box { margin: 15px 0; }
  .header-upper-style1.fixed-header .inner-container { max-width: 690px; }
  .header-upper-style1.fixed-header .logo-box-style1 { margin: 15px 0; }
  .header-upper-style1.fixed-header .outer-search-box { padding: 15px 0; }
  .header-upper-style1.fixed-header .cart-box { margin: 15px 0; }
  .header-lower-style1 .inner-content { border: none; }
  .header-contact-info {
    border-left: none; padding-left: 0; float: none !important; overflow: hidden; margin-bottom: 23px;
    text-align: center; width: 290px; margin: 0 auto 23px;
  }
  .header-contact-info li {
    border-right: none; padding-right: 0; margin-right: 0; float: none; display: block; margin-bottom: 25px;
  }
  .header-contact-info li:last-child { margin-bottom: 0; }
  .header-social-links-style1 { padding-right: 0; margin: 0; float: none !important; overflow: hidden; text-align: center; }
  .header-social-links-style1 li { float: none; margin: 0 8px; }

  /*** About ***/
  .about-area { padding-top: 60px; padding-bottom: 170px; }
  .about-text { padding-left: 0; margin-top: 60px; }
  .about-carousel-box .owl-dots { margin-top: 80px !important; }

  /*** Slogan ***/
  .slogan-area .flex-box-two { justify-content: center; }
  .slogan-area .title { margin-bottom: 22px; text-align: center; }

  /*** Appointment ***/
  .appointment-area { background: #27282c; background-position: unset; background-attachment: scroll; background-size: cover; }
  .appointment-box { padding: 44px 50px 50px; margin-top: 40px; }

  /*** Brand ***/
  .brand-area .sec-title { padding-bottom: 130px; }
  .brand-items-carousel.owl-carousel .owl-nav { position: absolute; left: 0; right: auto; top: -100px; }

  /*** Footer ***/
  .single-footer-widget.marbtm50 { margin-bottom: 50px; }

  /*** Top Bar Style2 ***/
  .top-bar-style2 { padding: 20px; }
  .top-style2-left, .top-style2-right { overflow: hidden; float: none; text-align: center; }
  .top-style2-left p { display: block; float: none; }
  .top-style2-left ul { display: block; overflow: hidden; float: none; padding-left: 0; }
  .top-style2-left ul li { display: inline-block; float: none; padding-right: 16px; margin-right: 15px; }
  .top-style2-right { padding-top: 11px; }
  .top-style2-right .top-right-menu { display: block; overflow: hidden; float: none; padding-right: 0; margin-right: 0; text-align: center; }
  .top-style2-right .top-right-menu:before { display: none; }
  .top-style2-right .top-right-menu li { float: none; padding-right: 0; margin: 0 5px; }
  .top-style2-right .topbar-social-links { display: block; float: none; overflow: hidden; text-align: center; }
  .top-style2-right .topbar-social-links li { float: none; padding-right: 0; margin: 0 13px; }

  /*** Header Style2 ***/
  .header-style2 .inner-container { position: relative; padding: 0 20px; }
  .logo-box-style2 { position: absolute; top: 0; left: 20px; margin: 15px 0; z-index: 33; }
  .mainmenu-right.style2 { position: absolute; top: 0; right: 60px; margin: 0; }
  .mainmenu-right.style2 .outer-search-box { padding: 15px 0; margin-right: 10px; }
  .mainmenu-right.style2 .cart-box { float: left; margin: 15px 0; }
  .mainmenu-right.style2 .button { margin-left: 15px; padding: 15px 0; }
  .mainmenu-right.style2 .button a { padding: 0 15px 0; }
  .mainmenu-right.style2 .button a.btn-one span:before { display: none; }

  /*** About Style2 ***/
  .about-style2-image-box { margin-top: 170px; }
  .about-style2-image-box .pattern { top: -110px; left: 0; right: 0; bottom: -110px; width: 100%; height: auto; }

  /*** Working Style2 ***/
  .single-working-box-style2 { width: 50%; margin-bottom: 60px; }
  .working-style-bottom { padding-top: 24px; }

  /*** Why Choose ***/
  .why-choose-content { max-width: 100%; width: 100%; display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; }

  /*** Contact Details ***/
  .content-info-box { min-height: 650px; margin-right: 5px; }
  .contact-details-form-box { padding: 65px 60px 110px; width: 100%; }

  /*** Brand Style2 ***/
  .brand-area.style2 { padding-top: 110px; padding-bottom: 80px; }
  .brand-area.style2 .sec-title { padding-bottom: 50px; }
  .single-brand-item.style2 { max-width: 200px; margin-right: 30px; margin-bottom: 30px; }

  /*** Instagram ***/
  .instagram-title { margin-right: 0; padding: 43px 0; }
  .instagram-title .pattern-bg { top: 0; left: -500px; bottom: -500px; right: -500px; background-repeat: repeat; }
  .instagram-items { margin-right: 0; }
  .instagram-items li { width: 115px; }

  /*** Footer Style2 ***/
  .single-footer-widget.pdtop50-s2 { padding-top: 50px; }
  .single-footer-widget .subscribe-form { max-width: 450px; width: 100%; }

  /*** Header Style3 ***/
  .logo-box-style3 { margin: 30px 0; float: none !important; text-align: center; }
  .header-contact-info.style2 { position: relative; display: block; padding: 0; margin: 0 auto; float: none !important; width: 265px; }
  .header-call-button { width: 270px; padding: 30px; float: none !important; margin: 25px auto 0; }

  /*** Mainmenu Style3 ***/
  .mainmenu-right.style3 {
    position: absolute; top: 0; left: 0; right: auto; z-index: 33; float: none !important; display: inline-block; margin: 5px 0;
  }

  /*** Featured ***/
  .about-style3-content .button a.black { margin-top: 20px; }
  .about-style3-bg.banner-animate { animation: none; background-size: cover; background-repeat: no-repeat; background-position: center bottom; }

  /*** Brand Style3 ***/
  .single-brand-item.style3 { max-width: 200px; }

  /*** Footer Style3 ***/
  .single-footer-widget.marbtm50-s3 { margin-bottom: 50px; }

  /*** Company Overview ***/
  .company-overview-area { padding: 105px 0 86px; }
  .intro-box { position: relative; display: block; margin-bottom: 42px; }
  .intro-box .text { max-width: 770px; width: 100%; margin-top: 24px; }
  .single-history-content .img-box { width: 100%; float: none; }
  .single-history-content .img-box .inner { padding-right: 0; }
  .single-history-content .text-box { width: 100%; float: none; padding-left: 30px; min-height: auto; }
  .single-history-content .text-box .inner { padding: 50px 30px 50px 0; }
  .single-fact-counter { margin-bottom: 30px; }

  /*** Footer Style4 ***/
  .footer-area.style4 { padding: 110px 0 100px; }
  .single-footer-widget.pdtop50-s4 { padding-top: 50px; }

  /*** Footer Contact Info ***/
  .footer-contact-info-area { margin: 0; padding: 30px 0 20px; }
  li .single-footer-contact-info {
    display: block; float: none; max-width: 300px; width: 100%; border-right: none; overflow: hidden; margin: 0 auto;
  }
  li .single-footer-contact-info .inner { padding: 15px 0; }

  /*** Footer Bottom Style3 ***/
  .footer-bottom-area.style3 { padding: 29px 0 28px; }

  /*** Timer ***/
  .countdown-timer li { margin: 0 3px; }

  /*** Services Style2 (Service Page) ***/
  .services-style2-service-page .sec-title { padding-bottom: 13px; }
  .services-style2-service-page .text { margin-top: 0; margin-bottom: 32px; }
  .single-service-style2 .text-holder .inner .text { padding: 0 20px 32px; }

  /*** Single Service ***/
  .single-service-sidebar:before { display: none; }
  .single-service-top { margin-top: 50px; }
  .single-advantages-box { margin-bottom: 30px; }
  .how-work-box { padding-top: 50px; }
  .how-work-box .how-works-content { padding-top: 50px; }

  /*** Project Style8 ***/
  .single-project-style8 .overlay-content .inner-content .title-box h3 { font-size: 15px; }

  /*** Project Description ***/
  .project-description-image-box img { max-width: 100%; float: none; width: 100%; }
  .project-description-content { position: relative; display: block; z-index: 3; padding-top: 50px; padding-left: 0; }

  /*** Project Info ***/
  .project-info-area { padding-top: 44px; padding-bottom: 110px; }
  .project-info-area .pattern-bg { top: auto; right: 0; bottom: 0; }
  .project-info-content { margin: -6px auto 30px; }
  .project-info-image-box img { max-width: 100%; float: none; width: 100%; }

  /*** Blog Large ***/
  #blog-area.blog-large-area { padding-bottom: 60px; }
  .single-blog-post.style4 { padding-left: 30px; padding-right: 0; margin-bottom: 50px; }
  .single-blog-post.style4:before { top: -300px; left: 0; bottom: 0; }
  #blog-area .sidebar-wrapper {
    position: relative; display: block; max-width: 300px; margin-left: 0; z-index: 99; padding-top: 100px;
  }

  /*** Blog Single ***/
  #blog-area.blog-single-area { padding: 0 0 60px; }
  .blog-single-area .blog-post { margin-right: 0; }
  .blog-single-image-with-text-box .image-box li { margin-right: 30px; max-width: 329px; }
  .blog-prev-next-option .single { max-width: 330px; width: 100%; }

  /*** Shop ***/
  .shop-sidebar-wrapper { padding-top: 100px; }

  /*** Single Shop ***/
  .single-product-image-holder { margin-right: 0; }
  .single-shop-content .content-box { margin-top: 40px; }

  /*** Cart ***/
  .cart-area .cart-bottom .calculate-shipping { padding-bottom: 60px; }

  /*** Checkout ***/
  .checkout-area .form.shipping-info { padding-top: 60px; }
  .checkout-area .cart-total { padding-top: 60px; }

  /*** Login/Register ***/
  .login-register-area .form a.forgot-password { margin: 70px 0 0; }
  .login-register-area .register { padding-top: 50px; }
  .login-register-area .form h6 {
    color: #797979; float: left; font-size: 14px; margin: 27px 0 0;
  }

  /*** Contact Address ***/
  .contact-address-area { padding-bottom: 27px; }
  .single-contact-address-box { margin-top: -115px; margin-bottom: 155px; }
  .contact-address-area .bottom-text { padding-top: 0; margin-top: -100px; }
  .contact-form-image-box { position: relative; z-index: 1; top: -110px; right: 0; }

  /*** Contact Info ***/
  .contact-info-area { padding: 110px 0 0; }
}


/* =========================
   MAX-WIDTH (DOWNWARD)
   Order: larger → smaller
   ========================= */

/* ≤1199px : Shared reductions */
@media only screen and (max-width: 1199px) {
  .main-slider .slide-content.left-slide { margin-left: 50px; }

  .main-slider.style2 .slide-content .big-title { font-size: 40px; line-height: 1.2em; }
  .main-slider.style2 .slide-content .text { font-size: 16px; line-height: 1.6em; }
}

/* ≤1039px : Highlights/Featured and Slider sizing */
@media only screen and (max-width: 1039px) {

  /*** Highlights ***/
  .highlights-area { margin-top: 0; padding-top: 110px; }

  /*** Featured ***/
  .featured-area { margin-top: 0; padding-top: 60px; background: #ffffff; }

  .main-slider .tparrows { top: 50% !important; }
  .main-slider .slide-content.left-slide { margin-left: 50px; }
  .main-slider .slide-content .big-title { font-size: 50px; line-height: 1.1em; }

  .main-slider.style3 .slide-content .big-title { font-size: 50px; line-height: 1.2em; }
  .main-slider.style3 .slide-content .text { font-size: 16px; line-height: 1.6em; }
}

/* ≤991px : Nav collapse & mobile menu */
@media only screen and (max-width: 991px) {

  .mainmenu-area .inner-content { position: relative; display: block; }
  .main-menu {
    display: block; float: none; padding-top: 17px; padding-bottom: 0; z-index: 5; width: 100%;
  }
  .main-menu .navigation li { margin-left: 0; margin-right: 0; padding: 0; float: none; }
  .main-menu .collapse {
    border: none; border-radius: 0 !important; float: none; margin: 0; height: auto; overflow: auto; padding: 0; width: 100%;
  }
  .main-menu .collapse.in, .main-menu .collapsing { border: none; border-radius: 0; margin: 0; padding: 0; border-top: none; }

  .main-menu .navbar-header {
    position: relative; float: none; display: block; text-align: right; width: 100%;
    padding: 63px 0 0; right: 0; z-index: 12;
  }
  .main-menu .navbar-header .navbar-toggle {
    background: #000100; border: 1px dashed #000100; display: inline-block; border-radius: 3px; float: none; margin: 0; z-index: 7;
    width: 50px; height: 47px; cursor: pointer; padding: 0 9px; position: absolute; top: 0; right: 0;
  }
  .main-menu .navbar-header .navbar-toggle .icon-bar { display: block; background: #e7e7e7; width: 30px; height: 2px; border-radius: 1px; }
  .main-menu .navbar-header .navbar-toggle .icon-bar + .icon-bar { margin-top: 6px; }

  .main-menu .navbar-collapse > .navigation { float: none !important; width: 100% !important; margin: 0; }
  .main-menu .navbar-collapse .navigation > li { display: block; margin: 0 !important; padding: 0; float: none !important; width: 100%; }

  .main-menu .navbar-collapse > .navigation > li > ul,
  .main-menu .navbar-collapse > .navigation > li > ul > li > ul {
    position: relative; float: none; visibility: visible; opacity: 1; display: none; margin: 0; padding: 0;
    left: auto !important; right: auto !important; top: auto !important; width: 100%; background: none; border-radius: 0; box-shadow: none;
    transition: none !important;
  }

  .main-menu .navbar-collapse .navigation li,
  .main-menu .navbar-collapse .navigation li ul li,
  .main-menu .navbar-collapse .navigation li ul li ul li {
    background: #27282c; border-top: 1px solid #151618; opacity: 1 !important; top: 0 !important; left: 0 !important; visibility: visible !important;
  }
  .main-menu .navbar-collapse .navigation li:last-child,
  .main-menu .navbar-collapse .navigation li ul li:last-child,
  .main-menu .navbar-collapse .navigation li ul li ul li:last-child {
    border-bottom: 1px solid #151618;
  }

  .main-menu .navbar-collapse .navigation li ul li,
  .main-menu .navbar-collapse .navigation li ul li ul li { border-bottom: 0 !important; }

  .main-menu .navbar-collapse .navigation li a {
    padding: 10px !important; line-height: 22px; color: #f1f1f1; text-align: left; border-radius: 0;
  }
  .main-menu .navbar-collapse .navigation li ul li a {
    padding: 10px !important; line-height: 22px; color: #ffffff; text-align: left; font-size: 14px; font-weight: 400; border: none !important;
    text-transform: capitalize; font-family: 'Rubik', sans-serif;
  }

  .main-menu .navbar-collapse > .navigation > li:hover > a,
  .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
  .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
  .main-menu .navbar-collapse > .navigation > li.current > a {
    color: #ffffff !important; background: #e9212e;
  }

  .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn { display: block; }
  .main-menu .navbar-collapse .navigation > li > ul { border: none; padding: 0; margin: 0; }

  .main-menu .navigation > li > ul > li > a:after { display: none; }
  .main-menu.style2 .navigation > li.dropdown > a:after { display: none; }
}

/* Desktop nav always visible on ≥992px */
@media (min-width: 992px) {
  .navbar-collapse.collapse { display: block !important; height: auto; padding-bottom: 0; overflow: visible !important; }
  .navbar-toggle { display: none !important; }
}

/* ≤799px : Hide slider arrows */
@media only screen and (max-width: 799px) {
  .main-slider.style2 .tparrows { display: none !important; }
}

/* ≤777px : Slider text scale-down */
@media only screen and (max-width: 777px) {
  .main-slider .slide-content .big-title { font-size: 40px; line-height: 1.1em; }
  .main-slider .slide-content .text { font-size: 16px; line-height: 1.6em; font-weight: 400; }
  .main-slider .slide-content .text br { display: none; }
  .main-slider .slide-content .btn-box a.project-view-button { display: block; margin-left: 0; padding: 0; line-height: 50px; }
  .main-slider .slide-content .btn-box a.project-view-button:before { display: none; }

  .main-slider.style2 .slide-content .big-title { font-size: 30px; line-height: 1.2em; }
  .main-slider.style2 .slide-content .text { font-size: 15px; line-height: 1.6em; }

  .main-slider.style3 .slide-content .big-title { font-size: 30px; line-height: 1.2em; }
  .main-slider.style3 .slide-content .text { font-size: 14px; line-height: 1.6em; }
}

/* ≤767px : Mobile */
@media only screen and (max-width: 767px) {

  /*** Header Style1 ***/
  .header-upper-style1 .inner-container { position: relative; display: block; padding: 0 10px; margin-top: -45px; }
  .logo-box-style1 { position: absolute; margin: 22px 0 23px; top: 0; left: 10px; float: none !important; z-index: 33; }
  .logo-box-style1 img { max-width: 70%; }
  .main-menu-box { position: relative; display: block; float: none !important; width: 100%; }
  .mainmenu-right { position: absolute; float: none; margin-left: 0; top: 0; right: 60px; z-index: 33; }
  .mainmenu-right .outer-search-box { padding: 15px 0; margin-right: 10px; }
  .mainmenu-right .cart-box { margin: 15px 0; }
  .header-upper-style1.fixed-header .inner-container { max-width: 350px; }
  .header-upper-style1.fixed-header .logo-box-style1 { margin: 22px 0 23px; }
  .header-upper-style1.fixed-header .outer-search-box { padding: 15px 0; }
  .header-upper-style1.fixed-header .cart-box { margin: 15px 0; }
  .header-lower-style1 .inner-content { border: none; }
  .header-contact-info {
    border-left: none; padding-left: 0; float: none !important; overflow: hidden; margin-bottom: 23px;
    text-align: center; width: 290px; margin: 0 auto 23px;
  }
  .header-contact-info li { border-right: none; padding-right: 0; margin-right: 0; float: none; display: block; margin-bottom: 25px; }
  .header-contact-info li:last-child { margin-bottom: 0; }
  .header-social-links-style1 { padding-right: 0; margin: 0; float: none !important; overflow: hidden; text-align: center; }
  .header-social-links-style1 li { float: none; margin: 0 8px; }

  /*** Hero & custom mobile classes ***/
  .hero-wrap.no-overlay { background-size: contain; background-repeat: no-repeat; min-height: 288px !important; background-position: center; }
  .svc-grid { gap: 24px; grid-template-columns: repeat(3, 1fr) !important; }
  .svc-card-title { font-size: 14px !important; }
  .svc-card-text { font-size: 12px !important; }
  .svc-btn { display: block; width: 150px !important; padding: 6px 16px; border-radius: 10px; color: #fff; text-decoration: none; font-weight: 400; }
  .vn-col { padding: 12px; flex: 1 0 45% !important; }
  .hf-section { padding: 72px 16px 15px !important; }
  .au-section { padding: 30px 16px !important; }
  .wc-section, .pd-section, .pk-section, .hf-section, .faq-section, .tc-section { padding: 40px 16px !important; }
  .wc-grid { display: grid; grid-template-columns: repeat(4, 1fr) !important; gap: 22px; }
  .wc-card { border-radius: 18px !important; padding: 15px !important; }
  .wc-card-title { margin: 0 0 8px; font-weight: 600 !important; font-size: 14px !important; line-height: 1.25 !important; }
  .wc-card-text { font-size: 14px !important; line-height: 1.3 !important; }
  .vn-title, .pd-title, .pk-title, .hf-title, .au-title, .wc-title, .faq-title, .tc-title { font-size: 24px !important; font-weight: 700; }
  .testimonial-carousel-2.owl-carousel .owl-stage-outer { padding: 0 !important; }

  /*** Footer container fix ***/
  .footer-area .container { width: 100% !important; max-width: 100% !important; }
  .single-footer-widget .our-info-box .footer-logo { position: relative !important; display: block !important; padding: 10px 0 !important; }
  .single-footer-widget .our-info-box .footer-logo a { display: block !important; margin: 0 auto 13px !important; max-width: 250px !important; width: 100% !important; }
  .single-footer-widget .our-info-box .text p {
    display: block !important; max-width: 463px !important; margin: 0 auto !important; text-align: center !important; color: #FFF !important; line-height: 24px !important;
  }
  .single-footer-widget .our-info-box .more-info-about-company { display: block !important; margin: 13px auto !important; width: 214px !important; text-align: center !important; }

  .mark, mark { padding: .2em; background-color: #fcf8e3; line-height: 1.5 !important; }
  .single-service-style2 .img-holder { height: 120px !important; }

  /*** About ***/
  .about-area { padding-top: 60px; padding-bottom: 170px; }
  .about-image-box { padding-top: 20px; padding-left: 20px; }
  .about-text { padding-left: 0; margin-top: 60px; }
  .about-carousel-box .single-box .icon-holder, .about-carousel-box .single-box .text-holder { display: block; vertical-align: middle; }
  .about-carousel-box .single-box .text-holder { padding-left: 0; margin-top: 30px; }
  .about-carousel-box .owl-dots { margin-top: 80px !important; }

  /*** Recently Projects ***/
  .recently-project-area .sec-title { padding-bottom: 24px; float: none !important; }
  .more-project-button { float: none !important; margin: 0; padding-bottom: 52px; }

  /*** Slogan ***/
  .slogan-area .flex-box-two { justify-content: center; }
  .slogan-area .title { margin-bottom: 22px; text-align: center; }

  /*** Testimonial ***/
  .testimonial-area .sec-title { padding-bottom: 24px; float: none !important; }
  .more-reviews-button { float: none !important; margin: 0; padding-bottom: 52px; }

  /*** Appointment ***/
  .appointment-area { background: #27282c; background-position: unset; background-attachment: scroll; background-size: cover; }
  .appointment-box { padding: 44px 30px 50px; margin-top: 40px; }

  /*** Brand ***/
  .brand-area .sec-title { padding-bottom: 130px; }
  .brand-items-carousel.owl-carousel .owl-nav { position: absolute; left: 0; right: auto; top: -100px; }

  /*** Footer ***/
  .single-footer-widget.marbtm50 { margin-bottom: 50px; }
  .single-footer-widget.pdbtm50 { padding-bottom: 50px; }

  /*** Footer Bottom ***/
  .footer-bottom-content.flex-box-two { justify-content: center; }

  /*** Top Bar Style2 ***/
  .top-bar-style2 { padding: 20px; }
  .top-style2-left { overflow: hidden; text-align: center; }
  .top-style2-left p { display: block; float: none; }
  .top-style2-left ul { display: block; overflow: hidden; float: none; padding-left: 0; }
  .top-style2-left ul li { display: inline-block; float: none; margin: 0 10px; }
  .top-style2-left ul li:before { display: none; }
  .top-style2-right { overflow: hidden; float: none; text-align: center; padding-top: 11px; }
  .top-style2-right .top-right-menu { display: block; overflow: hidden; float: none; padding-right: 0; margin-right: 0; text-align: center; }
  .top-style2-right .top-right-menu:before { display: none; }
  .top-style2-right .top-right-menu li { float: none; padding-right: 0; margin: 0 5px; }
  .top-style2-right .topbar-social-links { display: block; float: none; overflow: hidden; text-align: center; }
  .top-style2-right .topbar-social-links li { float: none; padding-right: 0; margin: 0 13px; }

  /*** Header Style2 ***/
  .header-style2 .inner-container { position: relative; padding: 0 10px; }
  .logo-box-style2 { position: absolute; top: 0; left: 10px; margin: 22px 0 23px; z-index: 33; }
  .logo-box-style2 a img { width: 70%; }
  .mainmenu-right.style2 { position: absolute; top: 0; right: 60px; margin: 0; }
  .mainmenu-right.style2 .outer-search-box { padding: 15px 0; margin-right: 10px; }
  .mainmenu-right.style2 .cart-box { float: left; margin: 15px 0; }
  .mainmenu-right.style2 .button { display: none; }

  /*** About Style2 ***/
  .about-style2-image-box { margin-top: 170px; }
  .about-style2-image-box .pattern { top: -110px; left: 0; right: 0; bottom: -110px; width: 100%; height: auto; }
  .about-style2-text .authorised-info .signature, 
  .about-style2-text .authorised-info .name { display: block; }
  .about-style2-text .authorised-info .name { border-left: none; padding-left: 0; margin-top: 20px; }
  .about-style2-image-box .overlay-box { left: 40px; bottom: 30px; right: 40px; max-width: 300px; margin: 0 auto; }
  .about-style2-image-box .overlay-box .title { float: none; padding: 23px 0 20px 20px; }
  .about-style2-image-box .overlay-box .button { float: none; }
  .about-style2-image-box .overlay-box .button a span:before { margin: 0 auto; }

  /*** Working Style2 ***/
  .single-working-box-style2 { width: 100%; margin-bottom: 60px; }
  .working-style-bottom { padding-top: 24px; }

  /*** Slogan Style2 ***/
  .slogan-style2-area .inner-content .button a.call-us { margin-bottom: 20px; }
  .slogan-style2-area .inner-content .title.float-bob { animation: none; }

  /*** Why Choose ***/
  .why-choose-title { padding-bottom: 60px; max-width: 100%; width: 100%; }
  .why-choose-content { max-width: 100%; width: 100%; display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; }
  .why-choose-content .single-box { padding: 50px 40px 42px 30px; width: 100%; }

  /*** Working Process Style2 ***/
  .working-process-style2-area .sec-title { padding-bottom: 125px; }
  .working-process-carousel.owl-carousel .owl-nav { position: absolute; left: 0; right: auto; top: -95px; }
  .single-working-process-style2 { max-width: 330px; min-width: 330px; }
  .single-working-process-style2 .top-box:after { width: 330px; }

  /*** Contact Details ***/
  .content-info-box { min-height: 650px; margin-right: 5px; }
  .contact-details-form-box { padding: 65px 20px 110px; width: 100%; }

  /*** Brand Style2 ***/
  .brand-area.style2 { padding-top: 110px; padding-bottom: 80px; }
  .brand-area.style2 .sec-title { padding-bottom: 50px; }
  .single-brand-item.style2 { max-width: 290px; float: none; margin: 0 auto 30px; }
  .single-brand-item.style2:last-child { margin-right: auto; }

  /*** Instagram ***/
  .instagram-title { margin-right: 0; padding: 43px 0; text-align: center; }
  .instagram-title .pattern-bg { display: none; }
  .instagram-items { margin-right: 0; }
  .instagram-items li { width: 270px; display: block; float: none; margin: 0 auto; }

  /*** Footer Style2 ***/
  .single-footer-widget.pdtop50-s2 { padding-top: 50px; }
  .single-footer-widget.marbtm50-s2 { margin-bottom: 50px; }
  .single-footer-widget .usefull-links ul,
  .single-footer-widget .usefull-links ul.borders-left { float: none !important; display: block; margin-left: 0; padding-left: 0; }
  .single-footer-widget .usefull-links ul.borders-left:before { display: none; }
  .single-footer-widget .subscribe-form { max-width: 450px; width: 100%; }
  .scroll-to-top { height: 40px; width: 40px; bottom: 24px; }
  .scroll-to-top a { font-size: 34px; }

  /*** Topbar Style3 ***/
  .topbar-style3-content { justify-content: center; flex-direction: row; align-items: center; flex-wrap: wrap; }

  /*** Header Style3 ***/
  .logo-box-style3 { margin: 30px 0; float: none !important; text-align: center; }
  .header-contact-info.style2 { position: relative; display: block; padding: 0; margin: 0 auto; float: none !important; width: 265px; }
  .header-call-button { width: 270px; padding: 30px; float: none !important; margin: 25px auto 0; }

  /*** Mainmenu Style3 ***/
  .mainmenu-right.style3 { position: absolute; top: 0; left: 0; z-index: 33; float: none !important; display: inline-block; right: auto; margin: 5px 0; }
  .mainmenu-right.style3 .button a { width: 230px; }

  /*** Featured ***/
  .about-style3-content .button a.black { margin-top: 20px; }
  .about-style3-bg.banner-animate { animation: none; background-size: cover; background-repeat: no-repeat; background-position: center bottom; }

  /*** Latest Projects ***/
  .latest-projects-area .sec-title { padding-bottom: 115px; }
  .project-carousel-v3.owl-carousel .owl-nav { position: absolute; top: -90px; left: 0; right: 0; max-width: 120px; margin: 0 auto; }

  /*** Team ***/
  .team-area .sec-title { display: block; float: none !important; padding-bottom: 24px; }
  .view-all-member { margin-top: 0; float: none !important; padding-bottom: 42px; }

  /*** Brand Style3 ***/
  .single-brand-item.style3 { max-width: 170px; width: 100%; float: none; margin-right: 0; margin: 0 auto; }
  .single-brand-item.style3:last-child { margin-right: auto; }

  /*** Blog Style3 ***/
  .latest-blog-area.style3 .sec-title { display: block; float: none !important; padding-bottom: 24px; }
  .more-blog-button { margin-top: 0; float: none !important; padding-bottom: 42px; }

  /*** Footer Style3 ***/
  .single-footer-widget.marbtm50-s3 { margin-bottom: 50px; }
  .single-footer-widget .usefull-links ul { float: none !important; display: block; }
  .single-footer-widget .usefull-links ul.marleft30 { margin-left: 0; }
  .single-footer-widget.pdtop50-s3 { padding-top: 50px; }
  .footer-bottom-area .copyright-text { text-align: center; margin: 0; }

  /*** Company Overview ***/
  .company-overview-area { padding: 105px 0 86px; }
  .intro-box { position: relative; display: block; margin-bottom: 42px; }
  .intro-box .text { max-width: 770px; width: 100%; margin-top: 24px; }
  .single-history-content { box-shadow: none; }
  .single-history-content .img-box { width: 100%; float: none; }
  .single-history-content .img-box .inner { padding-right: 0; }
  .single-history-content .text-box { width: 100%; float: none; padding-left: 0; min-height: auto; }
  .single-history-content .text-box .inner { padding: 50px 0 50px 0; }
  .single-history-content .text-box .inner .title h3 br { display: none; }
  .single-fact-counter { max-width: 270px; margin: 0 auto 30px; }

  /*** Footer Style4 ***/
  .footer-area.style4 { padding: 110px 0 100px; }
  .single-footer-widget.marbtm50-s4 { margin-bottom: 50px; }
  .single-footer-widget.pdtop50-s4 { padding-top: 50px; }

  /*** Footer Contact Info ***/
  .footer-contact-info-area { margin: 0; padding: 30px 0 20px; }
  li .single-footer-contact-info { display: block; float: none; max-width: 300px; width: 100%; border-right: none; overflow: hidden; margin: 0 auto; }
  li .single-footer-contact-info .inner { padding: 15px 0; }

  /*** Footer Bottom Style3 ***/
  .footer-bottom-area.style3 { padding: 29px 0 28px; }

  /*** FAQ ***/
  .faq-content-box { padding: 60px 20px 40px; }
  .accordion-box .accordion .accord-btn h4 { font-size: 16px; line-height: 22px; }
  .accordion-box .accordion .accord-btn { padding: 22px 40px 22px 20px; }
  .accordion-box .accordion .accord-btn::after { right: 20px; }

  /*** Coming Soon ***/
  .coming-soon-content .title { font-size: 50px; line-height: 60px; }

  /*** Timer ***/
  .timer-box { padding: 74px 15px 72px; margin-top: -320px; }
  .countdown-timer li { margin: 0 3px; }
  .timer-box .subscribe-box .subscribe-form button { width: 130px; }
  .timer-box .subscribe-box .subscribe-form input[type="email"] { padding: 0 10px; padding-right: 135px; }

  /*** Error Page ***/
  .error-content .title { font-size: 110px; line-height: 100px; margin: 13px 0 14px; }

  /*** Services Style2 (Service Page) ***/
  .services-style2-service-page .sec-title { padding-bottom: 13px; }
  .services-style2-service-page .text { margin-top: 0; margin-bottom: 32px; }
  .single-service-style2 .text-holder .inner .text { padding: 0 20px 32px; }

  /*** Testimonial Style3 (Service Page) ***/
  .testimonial-style3-service-page .sec-title { padding-bottom: 115px; }
  .testimonial-style3-service-page .owl-carousel .owl-nav { top: -95px; left: 0; right: auto; }
  .testimonial-style3-service-page .owl-carousel .owl-nav .owl-prev { left: 0; right: 0; }
  .testimonial-style3-service-page .owl-carousel .owl-nav .owl-next { margin-left: 10px; right: auto; left: 60px; }

  /*** Single Service ***/
  .single-service-sidebar:before { display: none; }
  .single-service-top { margin-top: 50px; }
  .single-advantages-box { margin-bottom: 30px; }
  .how-work-box { padding-top: 50px; }
  .how-work-box .how-works-content { padding-top: 50px; }
  .sidebar-contact-box .inner-content { padding: 48px 15px 50px; }
  .additional-information-box .additional-info-content-box { padding: 40px 15px 20px; }

  /*** Main Project Style5 ***/
  .main-project-area.style5:before { display: none; }
  .single-project-style8 .overlay-content .inner-content .title-box h3 { font-size: 16px; }

  /*** Main Project Style6 ***/
  .main-project-area.style6:before { display: none; }

  /*** Project Description ***/
  .project-description-image-box img { max-width: 100%; float: none; width: 100%; }
  .project-description-content { position: relative; display: block; z-index: 3; padding-top: 50px; padding-left: 0; }

  /*** Project Info ***/
  .project-info-area { padding-top: 44px; padding-bottom: 110px; }
  .project-info-area .pattern-bg { top: auto; right: 0; bottom: 0; }
  .project-info-content { margin: -6px auto 30px; }
  .project-info-image-box img { max-width: 100%; float: none; width: 100%; }

  /*** Blog Large ***/
  #blog-area.blog-large-area { padding-bottom: 60px; }
  .single-blog-post.style4 { padding-left: 30px; padding-right: 0; margin-bottom: 50px; }
  .single-blog-post.style4:before { top: -300px; left: 0; bottom: 0; }
  .single-blog-post.style4 .text-holder .blog-title { font-size: 24px; line-height: 32px; }
  #blog-area .sidebar-wrapper { position: relative; display: block; max-width: 300px; margin-left: 0; z-index: 99; padding-top: 100px; }

  /*** Breadcrumb ***/
  .breadcrumb-area .inner-content-box .title-s2 h1 { font-size: 40px; line-height: 52px; }

  /*** Blog Single ***/
  #blog-area.blog-single-area { padding: 0 0 60px; }
  .blog-single-area .blog-post { margin-right: 0; }
  .blog-single-image-with-text-box .image-box li { margin-right: 30px; max-width: 329px; }
  .blog-prev-next-option .single { max-width: 330px; width: 100%; }

  /*** Single Post Info ***/
  .single-post-info-area { padding: 104px 0 99px; }
  .single-post-info-content .blog-title { font-size: 36px; line-height: 46px; margin: 22px 0 0; }
  .blog-single-image-with-text-box .image-box li { margin-right: 0; max-width: 100%; float: none; display: block; margin-bottom: 10px; }
  .blog-single-image-with-text-box .image-box li:last-child { margin-bottom: 0; }
  .tag-with-social-links-box .tag-box,
  .tag-with-social-links-box .social-links-box { float: none !important; overflow: hidden; }
  .tag-with-social-links-box .social-links-box { margin-top: 5px; }
  .blog-prev-next-option .single { max-width: 300px; width: 100%; float: none !important; margin: 0 auto; }
  .blog-prev-next-option .single.prev { margin-bottom: 30px; }

  .author-box-holder { padding: 45px 30px 40px; }
  .author-box-holder .inner-box .img-box, 
  .author-box-holder .inner-box .text { display: block; }
  .author-box-holder .inner-box .text { padding-left: 0; margin-top: 20px; }
  .blog-single-area .inner-comment-box .single-comment-outer-box { padding: 35px 30px 32px; }
  .blog-single-area .inner-comment-box .single-comment-box { padding-left: 0; }
  .blog-single-area .inner-comment-box .single-comment-box .img-box { position: static; width: 80px; height: 80px; }
  .blog-single-area .inner-comment-box .single-comment-box .text-box { margin-top: 20px; margin-left: 0; }
  .blog-single-area .inner-comment-box .single-comment-outer-box.mar-left { margin-left: 30px; }

  .author-quote-box { padding: 33px 25px 33px; }

  /*** Shop ***/
  .shop-sidebar-wrapper { padding-top: 100px; }
  .showing-result-shorting {
    display: flex; justify-content: space-between; flex-direction: column; flex-wrap: wrap; align-items: center;
    padding-bottom: 30px; border-bottom: 1px solid #ededed; margin-bottom: 50px;
  }
  .showing-result-shorting .showing { margin: 14px 0 0; }

  /*** Single Shop ***/
  .single-product-image-holder { margin-right: 0; }
  .single-shop-content .content-box { margin-top: 40px; }

  /*** Cart ***/
  .cart-middle .apply-coupon { padding-left: 0; }
  .cart-middle .apply-coupon input[type="text"] { margin: 0 0 20px; position: static; width: 225px; }
  .cart-area .cart-bottom .calculate-shipping { padding-bottom: 60px; }
  .cart-middle .update-cart { float: left !important; margin: 20px 0 0; }
  .cart-bottom .calculate-shipping input[type="text"] { margin-bottom: 25px; }

  /*** Checkout ***/
  .checkout-area .form.shipping-info { padding-top: 60px; }
  .checkout-area .cart-total { padding-top: 60px; }
  .checkout-area .exisitng-customer h5 a,
  .checkout-area .coupon h5 a { display: block; width: 100%; padding: 0; margin-top: 7px; }

  /*** Login/Register ***/
  .login-register-area .form a.forgot-password { float: left; margin: 35px 0 0; }
  .login-register-area .form.register { padding-top: 60px; }
  .login-register-area .form .social-icon { float: left; margin-right: 0; margin-top: 30px; }
  .login-register-area .form .social-icon span { left: 0; position: relative; }
  .login-register-area .form .social-icon .login-with { position: static; }
  .login-register-area .form h6 { margin: 20px 0 0; }
  .login-register-area .form .right { display: block; overflow: hidden; margin-left: 0; }

  .inner-container { position: relative; }
  .logo-box-style2 { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); }
  .main-menu .navbar-header { padding: 25px 0 !important; }
  .main-menu { padding-top: 7px !important; }
}

/* ≤599px : Compact slider text */
@media only screen and (max-width: 599px) {
  .main-slider .slide-content.left-slide { margin-left: 0; }
  .main-slider .slide-content .big-title { font-size: 30px; line-height: 1.0em; }
  .main-slider .slide-content .text { font-size: 14px; line-height: 1.4em; }
  .main-slider .slide-content .btn-box a { line-height: 50px; }

  .main-slider.style2 .slide-content.left-slide { margin-left: 0; }
  .main-slider.style2 .slide-content .big-title { font-size: 20px; line-height: 1.3em; }
  .main-slider.style2 .slide-content .text { font-size: 14px; line-height: 1.6em; }

  .main-slider.style3 .slide-content .big-title { font-size: 20px; line-height: 1.2em; font-weight: 600; }
  .main-slider.style3 .slide-content .text { font-size: 14px; line-height: 1.6em; }
}

/* ≤550px : Grid tightening + footer tweaks */
@media only screen and (max-width: 550px) {
  .wc-grid { display: grid; grid-template-columns: repeat(2, 1fr) !important; gap: 22px; }
  .faq-q { font-size: 14px !important; }
  .details-content-text { padding-left: 15px; padding-right: 15px; }
  .svc-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .vn-flagwrap { height: 76px !important; border-radius: 5px !important; }
  .vn-name { line-height: 17px !important; font-weight: 600 !important; font-size: 14px !important; }
  .svc-btn { width: auto !important; }
  .vn-btn { font-weight: 400 !important; font-size: 12px !important; border-radius: 5px !important; padding: 7px 12px !important; }
  .vn-card { padding: 15px !important; border-radius: 7px !important; }
  .single-footer-widget .title-style2 h3 { font-size: 14px; }
  .single-footer-widget .title-style2 { padding-bottom: 15px; }
  footer.footer-area.style3 .col-xs-4 { width: 40% !important; }
  footer.footer-area.style3 .col-xs-8 { width: 60% !important; }
  .single-footer-widget .usefull-links ul li { line-height: 25px; }
  .single-footer-widget .usefull-links ul li a { font-size: 13px; font-weight: 400; }
  .pkg-body, .hf-body {padding: 22px 24px 20px; display: flex; flex-direction: column; gap: 12px; font-size: 13px; line-height: 17px;}
  .pkg-body, .hf-body{padding-left: 15px !important; padding-right: 15px !important;}
  .pkg-title, .hf-name {font-weight: 600 !important;font-size: 14px !important;}
  .pkg-price .now, .hf-price .now{font-size: 16px !important;}
  .pkg-price {display: flex; flex-direction: column;}
  .pkg-cta, .hf-cta{font-weight: 400 !important;font-size: 12px !important;border-radius: 5px !important;padding: 7px 12px !important;}
  .pk-carousel, .hf-carousel{margin: 0 !important;}
}

/* ≤479px : Smallest slider adjustments */
@media only screen and (max-width: 479px) {
  .main-slider .slide-content.left-slide { margin-left: 0; }
  .main-slider .slide-content .big-title { font-size: 25px; line-height: 1.3em; font-weight: 500; }
  .main-slider .slide-content .btn-box a { line-height: 50px; padding: 0 20px; }

  .main-slider.style2 .slide-content .big-title { font-size: 20px; line-height: 1.3em; }
  .main-slider.style2 .slide-content .text { font-size: 14px; line-height: 1.4em; }
  .main-slider.style2 .slide-content .btn-box a.slide-style2-button { margin-left: 5px; line-height: 70px; }
  .main-slider.style2 .slide-content .btn-box a.slide-style2-button:before { display: none; }

  .main-slider.style3 .slide-content .big-title { font-size: 20px; line-height: 1.2em; font-weight: 500; }
  .main-slider.style3 .slide-content .text { font-size: 14px; line-height: 1.6em; }
}