@media only screen and (min-width: 768px){
  /* ========= Theme Header ========= */
  .resc-menu-add{display: none;}
}

@media only screen and (min-width: 1200px){
  /* ========= Theme Header ========= */
  .mobile-menu-close{display: none;}
  .header .nav-item.dropdown .dropdown-menu{top: 100%;left: 50%;transform: translateX(-50%);}
  /* -------------------------- */
  .mega-content .dropdown-item-card:nth-child(-n + 3){border-top-color: transparent;}
  .mega-content .dropdown-item-card:nth-child(3n-3){border-right-color: transparent;}
}

@media only screen and (min-width: 1400px){
  .container{padding: 0;max-width: 1374px;}
  .whycompany-section .whycompany-crad:nth-child(5n + 0){border-color: transparent;}
}

@media only screen and (max-width: 1499px){
  /* ========= Theme Header ========= */
  .header{padding: 0 30px;}
  .header .navbar-brand img{width: 190px;}
  .header .navbar-nav{gap: 8px;}
  .header .nav-item .nav-link{padding: 32px 15px;}
  .header .header-right{gap: 20px;}
  .header .header-right .header-contact{gap: 8px;}
  .header .header-right .header-contact span{width: 40px;}
  .header .header-right .header-contact span img{width: 50%;}
  .header .header-right .header-contact p{font-size: 16px;}
  .header .header-right .theme-btn{padding: 13px 15px;font-size: 14px;}
  /* -------------------------- */
  .mega-content{padding: 30px 0;}
  .mega-content .dropdown-item-card{gap: 20px;padding: 25px 30px;}
  .mega-content .dropdown-item-card img{width: 50px;}
  .mega-content .dropdown-item-card p{font-size: 19px;}

  /* ================== Product Page ================== */
  .pro-spcl-btn.move-style{top: 80px;}
}

@media only screen and (max-width: 1399px){
  /* ========= WhyCompany Section ========= */
  .whycompany-section .theme-title{margin-bottom: 60px;}
  .whycompany-section .whycompany-crad-area{gap: 50px 0;}
  .whycompany-section .whycompany-crad{gap: 25px;width: calc(33.33% - 12.5px);}
  .whycompany-section .whycompany-crad img{width: 60px;height: 60px;object-fit: contain;}
  /* ========= Theme Footer ========= */
  .footer .footer-top .footer-top-area{padding-inline: 10px 30px;}

  
  /* ================== About Page ================== */
  .about-page-section{padding-block: 70px;}
  .about-page-section .about-img-area{margin: auto;max-width: 380px;height: unset;aspect-ratio: 663 / 558;position: sticky;top: 100px;}

  /* ================== Product Page ================== */
  .pro-secn .pro-inner .pro-img img{max-width: 90%;max-height: 90%;}
  .pro-secn .pro-inner .pro-title{margin-bottom: 5px;}
  .pro-secn .pro-inner .shop-btn .theme-btn{min-width: unset;}
  .pro-secn .pro-inner.grid .pro-img{aspect-ratio: 1 / 0.85;}
  
  /* ================== Product Details Page ================== */
  .similar-product-section{padding-block: 70px;}
}

@media only screen and (max-width: 1399px) and (min-width: 992px){
  .whycompany-section .whycompany-crad:nth-child(3n + 0){border-color: transparent;}
}

@media only screen and (max-width: 1299px){
  /* ========= Theme Header ========= */
  .header .header-right .header-contact p{display: none;}
}

@media only screen and (max-width: 1199px){
  p{font-size: 15px;}
  /* ========= Theme Title ========= */
  .theme-title{font-size: 35px;}
  /* ========= Owl Carousel ========= */
  .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{width: 35px;height: 35px;}
  .owl-carousel .owl-nav button svg{width: 6px;height: 10px;}
  /* ========= Theme Header ========= */
  .header{padding: 20px 30px;/*position: relative;*/}
  .header .navbar{position: unset;}
  .header .navbar-collapse{position: absolute;top: 0;right: 0;width: 320px;height: 100vh !important;background: #fff;z-index: 2;visibility: visible;clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);overflow-y: auto;transition: 0.5s;}
  .header .navbar-collapse.show{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
  .header .navi-backdrop{content: '';position: absolute;top: 0;right: 0;width: 0vw;height: 100vh;background: rgb(41 62 119 /90%);backdrop-filter: blur(1px);transition: 0.5s;}
  .header.active-menu .navi-backdrop{width: 100vw;}
  /* -------------------------- */
  .header .navbar-nav{padding: 90px 0 20px;gap: 0;}
  .header .nav-item .nav-link{padding: 20px 10px 20px 30px;border-bottom: 1px solid rgb(0 0 0 / 8%);}
  .header .nav-item .nav-link span::before{display: none;}
  .header .nav-item .nav-link span::after{top: 0;left: 0;bottom: unset;width: 3px;height: 0;}
  .header .nav-item .nav-link:hover span::after, 
  .header .nav-item .nav-link.active span::after, 
  .header .nav-item .nav-link.dropdown-toggle.show span::after{width: 3px;height: 100%;}
  /* -------------------------- */
  .header .nav-item.dropdown .dropdown-menu{height: 0;border: unset;overflow-y: auto;}
  .header .nav-item.dropdown .dropdown-menu.show{padding: 0 0 0 20px;height: 397px;}
  .header .nav-item.dropdown .dropdown-menu .dropdown-item{padding: 10px 5px 10px 15px;font-size: 14px;}
  .header .nav-item.dropdown .dropdown-menu .dropdown-item:focus, 
  .header .nav-item.dropdown .dropdown-menu .dropdown-item:hover{padding: 10px 0px 10px 20px;}
  /* -------------------------- */
  .header .nav-item.dropdown.dropdown-mega .dropdown-menu{padding: 0 10px 0 30px;border-radius: 0;border-bottom: 1px solid rgb(0 0 0 / 8%);}
  .header .nav-item.dropdown.dropdown-mega .dropdown-menu .container{padding: 0;}
  .mega-content{padding: 0;flex-direction: column;}
  .mega-content .dropdown-item-card{gap: 15px;padding: 10px 0;width: 100%;border-right-color: transparent;}
  .mega-content .dropdown-item-card:first-child{border-top-color: transparent;}
  .mega-content .dropdown-item-card img{width: 40px;}
  .mega-content .dropdown-item-card:not(:hover) img{filter: unset;}
  .mega-content .dropdown-item-card p{font-size: 17px;}

  /* ========= Product Section ========= */
  .product-section{padding: 60px 0 80px;}
  .product-section .theme-title{padding: 0 0 0 30px;}
  .product-section .product-slider-area{margin-top: 26px;}
  .product-section .product-slider-area .card-content-area{margin-top: 15px;}
  .product-section .product-slider-area .card-content-area .card-title{font-size: 20px;}
  .product-section .product-slider-area .card-content-area .theme-btn{margin-top: 15px;}
  .product-slider.owl-carousel .owl-nav{top: -46px;right: 46px;}
  /* ========= AboutCompany Section ========= */
  .aboutcompany-section{padding-block: 70px;}
  .aboutcompany-section .about-content{padding: 50px 0 50px 50px;}
  .aboutcompany-section .about-content .theme-title{margin-bottom: 10px;}
  /* ========= WhyCompany Section ========= */
  .whycompany-section{padding-block: 70px;}
  .whycompany-section .theme-title{margin-bottom: 50px;}
  .whycompany-section .whycompany-crad-area{gap: 40px 0;}
  .whycompany-section .whycompany-crad{gap: 14px;width: calc(33.33% - 7px);}
  .whycompany-section .whycompany-crad img{width: 50px;height: 50px;}
  .whycompany-section .whycompany-crad h5{font-size: 18px;}
  /* ========= Testimonial Section ========= */
  .testimonial-section{padding-block: 70px;}
  .testimonial-card p{font-size: 14px;}
  .testimonial-card .testimonial-footer h6{font-size: 16px;}
  /* ========= Client Section ========= */
  .client-section{padding-block: 70px;}
  /* ========= CTA Section ========= */
  .cta-section-area{padding-block: 70px;}
  .cta-section-area .theme-title{padding-left: 40px;font-size: 28px;}
  /* ========= Theme Footer ========= */
  .footer .footer-link-area h6{font-size: 13px;}
  .footer .footer-link-area p{font-size: 14px;}
  .footer .footer-top{padding: 50px 0 70px;}
  .footer .footer-top .footer-top-area{padding-inline: 0 0;}
  .footer .footer-top .footer-link-area h6{margin-bottom: 15px;font-size: 14px;}
  .footer .footer-top .footer-link-area ul li{font-size: 14px;}
  .footer .footer-mid{padding: 50px 0 35px;}
  .footer .footer-mid .footer-link-area ul li a{font-size: 14px;}
  .footer .footer-logo{margin-left: 30px;}
  .footer .footer-social{margin: 18px 0 0 30px;}
  .footer .footer-social li a{width: 40px;font-size: 17px;}
  .footer .footer-btm{padding: 25px 0;}
  .footer .footer-btm p{font-size: 13px;}
  .footer .footer-btm .webplus img{max-width: 25px;}

  /* ================== Inner Page ================== */
  /* .inner-banner{min-height: 170px;} */
  .inner-banner .banner-content .page-title{font-size: 35px;}
  .inner-banner .banner-content .breadcrumb .breadcrumb-item{font-size: 14px;}
  /* ================== Inner Page ================== */
  .inner-page .theme-title{margin-bottom: 10px;font-size: 35px;}

  /* ================== Contact Page ================== */
  .branch-section{padding-block: 70px;}
  .branch-section .theme-title{margin-bottom: 50px;}
  /* ----------  ---------- */
  .contact-form-section{padding-block: 70px;}
  
  /* ================== About Page ================== */
  .about-page-section2{padding-block: 70px;}
  /* ----------  ---------- */
  .about-page-section3{padding-block: 70px;}
  .about-steps-content ul li h5{font-size: 18px;}
  .about-steps-content ul li p{font-size: 14px;}

  /* ================== Product Page ================== */
  .pro-spcl-btn.move-style{top: 90px;}
  .pro-secn .pro-inner .shop-btn .theme-btn{padding: 12px 20px;}
  .pro-secn .pro-inner.grid{width: calc(50% - 10px);}
  .pro-secn .pro-inner.list .pro-img{margin-right: 15px;padding: 15px;max-width: 210px;height: fit-content;}
  .pro-secn .pro-inner.list .pro-details{width: calc(100% - 225px);}
  .modal.getquote .contact-form{padding: 10px 30px;}
  
  /* ================== Product Details Page ================== */
  .product-details-page-section{margin-block: 70px;}
  .product-img-area{margin-bottom: 40px;max-width: 490px;}
  .product-details-area .nav-tabs .nav-link{font-size: 20px;}
  .product-details-area .tab-content .pro-tab-content .table th{font-size: 14px;}
  .product-details-area .tab-content .pro-tab-content .table td{font-size: 15px;}
  /* ----------  ---------- */
  .pro-highlights .pro-categories .title{font-size: 20px;}
  /* ----------  ---------- */
  .similar-product-section .product-slider.owl-carousel .owl-nav{top: 0;right: 0;}

  /* ================== Extra Quote Page ================== */
  .extra-quote-area{margin-block: 70px;}
  .extra-quote-area .theme-title{font-size: 50px;}
}

@media only screen and (max-width: 991px){
  /* ========= Theme Title ========= */
  .theme-title{font-size: 28px;}
  /* ========= Theme Btn ========= */
  .theme-btn{padding: 15px 30px;min-width: 140px;font-size: 14px;}

  /* ========= Counter Section ========= */
  .counter-section{padding: 50px 15px 33px 15px;}
  .counter-section .counter-card p{padding: 0 0 15px 15px;font-size: 17px;}
  .counter-section .counter-card h6{padding: 25px 0 0 15px;font-size: 45px;}
  .counter-section .counter-card h6::before{top: 15px;width: 50px;}
  .counter-section .counter{margin: 6px 0;height: 43px;}
  .counter-section .counter > span{width: 28px;}
  .counter-section .counter-card h6 sup{font-size: 27px;}
  /* ========= Product Section ========= */
  .product-section .theme-title{padding: 0 0 0 20px;}
  .product-section .product-slider-area{margin-top: 50px;}
  .product-section .product-slider-area .card-content-area .theme-btn{padding: 10px 15px;min-width: 120px;font-size: 12px;}
  /* ========= AboutCompany Section ========= */
  .aboutcompany-section .about-content{padding: 30px 0 30px 30px;}
  /* ========= WhyCompany Section ========= */
  .whycompany-section .theme-title{margin-bottom: 40px;}
  .whycompany-section .whycompany-crad-area{gap: 30px 0;}
  .whycompany-section .whycompany-crad{gap: 10px;width: calc(50% - 5px);}
  .whycompany-section .whycompany-crad:nth-child(2n + 0){border-color: transparent;}
  .whycompany-section .whycompany-crad h5{font-size: 16px;}
  /* ========= CTA Section ========= */
  .cta-section-area .theme-title{padding-left: 25px;font-size: 26px;}
  /* ========= Theme Footer ========= */
  .footer .footer-link-area{padding-left: 20px;} 
  .footer .footer-logo{margin-left: 20px;}
  .footer .footer-social{margin: 15px 0 0 20px;}
  
  /* ================== Inner Page ================== */
  /* .inner-banner{min-height: 150px;} */
  .inner-banner .banner-content{padding: 20px 0;}
  .inner-banner .banner-content .page-title{font-size: 26px;}
  /* ================== Inner Page ================== */
  .inner-page .theme-title{font-size: 26px;}
  
  /* ================== Contact Page ================== */
  .branch-section .theme-title{margin-bottom: 40px;}
  .branch-section .branch-card{padding: 30px 20px;}
  .branch-section .branch-card .card-title{margin-bottom: 18px;padding-bottom: 6px;font-size: 20px;}
  .branch-section .branch-card .map-link{top: 30px;right: 20px;padding: 3px;width: 30px;}
  .map-modal .modal-content .modal-header{padding: 16px 20px;}
  .map-modal .modal-content .modal-header .theme-title{font-size: 22px;}
  /* ----------  ---------- */
  .contact-form{padding: 30px 40px 30px 50px;}
  .contact-form-section .theme-title, .contact-form-section p{padding-left: 20px;}
  
  /* ================== About Page ================== */
  .about-page-section{padding-block: 60px;}
  .about-page-section .about-content{padding-left: 20px;padding-block: 0;}
  /* ----------  ---------- */
  .about-steps-slider{margin: auto;max-width: 500px;}
  .about-steps-content{padding-left: 20px;}
  
  /* ================== Product Page ================== */
  .pro-secn .pro-inner.grid{width: 100%;}
  .pro-secn .pro-inner.grid .pro-img{aspect-ratio: unset ;}
  .pro-secn .pro-inner.list{flex-direction: column;}
  .pro-secn .pro-inner.list .pro-img{margin: 0;padding: 5px 15px;width: 100%;max-width: unset;}
  .pro-secn .pro-inner.list .pro-details{width: 100%;}
  /* .modal.getquote .contact-form{padding: 0;} */
  
  /* ================== Product Details Page ================== */
  .product-details-page-section .pro-share-card{padding: 10px 20px;gap: 8px;}
  .product-details-page-section .pro-share-card li a{width: 34px;height: 34px;font-size: 14px;line-height: 34px;}
  /* ----------  ---------- */
  .similar-product-section{padding-block: 60px;}

  /* ================== Get Quote Section ================== */
  .getquote .modal-body{padding: 20px 30px;}
  .getquote .contact-form{padding: 10px 15px;}

  /* ================== Extra Quote Page ================== */
  .extra-quote-area .qoute-icon{width: 80px;}
  .extra-quote-area h4{font-size: 17px;}
  .extra-quote-area .theme-title{font-size: 45px;}
  .extra-quote-area h4{font-size: 15px;}
  .extra-quote-area .theme-btn{margin-top: 30px;}
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
  /* ================== Contact Page ================== */
  .branch-section .branch-card p{white-space: unset;}
}

@media only screen and (max-width: 767px){
  p{margin-bottom: 15px;font-size: 14px;}
  /* ========= Theme Title ========= */
  .theme-title{font-size: 26px;}
  
  /* ========= Theme Header ========= */
  .header .header-right .header-contact, .header .header-right .theme-btn{display: none;}
  /* -------------------------- */
  .resc-menu-add .theme-btn{display: block;margin: 30px auto 0;width: fit-content;}

  /* ========= Product Section ========= */
  .product-section{padding: 50px 0 70px;}
  .product-section .theme-title{margin-bottom: 10px;}
  .product-section .product-slider-area .card-content-area{margin-top: 12px;}
  .product-section .product-slider-area .card-content-area .card-title{font-size: 18px;}
  .product-section .product-slider-area .card-content-area .theme-btn{margin-top: 10px;}
  /* ========= AboutCompany Section ========= */
  .aboutcompany-section{padding-block: 60px;}
  .aboutcompany-section .about-img{max-height: 320px;}
  .aboutcompany-section .about-content{padding: 0 0 0 20px;}
  /* ========= WhyCompany Section ========= */
  .whycompany-section .theme-title{margin-bottom: 30px;}
  .whycompany-section{padding-block: 60px;}
  /* ========= Testimonial Section ========= */
  .testimonial-section{padding-block: 60px;}
  .testimonial-section .theme-title{margin-bottom: 20px;}
  .testimonial-card{margin-top: 18px;padding: 40px 20px 40px 30px;}
  .testimonial-card::before{width: 43px;height: 36px;top: -18px;}
  .testimonial-card p{font-size: 13px;}
  .testimonial-card .testimonial-footer h6{font-size: 15px;}
  .testimonial-slider.owl-carousel .owl-nav{padding: 15px 15px 0 0;}
  /* ========= Client Section ========= */
  .client-section{padding-block: 60px;}
  .client-section .theme-title{margin-bottom: 30px;}
  .client-slider .client-card{padding: 12px;}
  /* ========= CTA Section ========= */
  .cta-section-area{padding-block: 60px;}
  .cta-section-area .theme-title{margin: auto;padding-left: 0;width: 85%;max-width: 500px; font-size: 24px;text-align: center;}
  /* ========= Theme Footer ========= */
  .footer .footer-link-area{margin-bottom: 15px;padding-left: 10px;}
  .footer .footer-link-area h6{font-size: 12px;}
  .footer .footer-link-area p{font-size: 13px;}
  .footer .footer-top{padding: 40px 0 60px;}
  .footer .footer-top .footer-link-area h6{margin-bottom: 12px;font-size: 13px;}
  .footer .footer-top .footer-link-area ul li{margin-bottom: 5px;font-size: 13px;}
  .footer .footer-mid{padding: 40px 0 30px;}
  .footer .footer-mid .footer-link-area ul li a{font-size: 13px;}
  .footer .footer-logo{margin-left: 10px;}
  .footer .footer-logo img{max-width: 210px;}
  .footer .footer-social{margin: 8px 0 0 10px;gap: 5px;}
  .footer .footer-social li a{width: 35px;font-size: 15px;}
  .footer .footer-btm{padding: 20px 0;}
  .footer .footer-btm p{font-size: 12px;}
  .footer .footer-btm .webplus img{max-width: 20px;}

  /* ================== Inner Page ================== */
  .inner-banner .banner-content .page-title{font-size: 22px;}
  /* ================== Inner Page ================== */
  .inner-page .theme-title{font-size: 22px;}

  /* ================== Contact Page ================== */
  .branch-section{padding-block: 60px;}
  .branch-section .theme-title{margin-bottom: 30px;}
  .branch-section .branch-card-area{margin-top: 0;}
  /* ----------  ---------- */
  .contact-form-section{padding-block: 60px;}
  
  /* ================== About Page ================== */
  .about-page-section2{padding-block: 60px;}
  /* ----------  ---------- */
  .about-page-section3{padding-block: 60px;}
  .scroll-progress-innercontent{left: 19px;}
  .about-steps-content ul{gap: 18px 15px;}
  .about-steps-content ul li{padding-left: 60px;padding-top: 10px;}
  .about-steps-content ul li:before{width: 40px;height: 40px;font-size: 15px;}
  .about-steps-content ul li h5{font-size: 16px;}
  .about-steps-content ul li p{font-size: 13px;}

  /* ================== Product Page ================== */
  .side-bar{position: unset;}
  .pro-secn .pro-inner .pro-img img{width: 100%;max-width: 300px;}
  
  /* ================== Product Details Page ================== */
  .product-details-page-section{margin-block: 60px;}
  .product-img-area{margin-bottom: 30px;max-width: 330px;}
  /* ----------  ---------- */
  .product-details-area .nav-tabs .nav-link{font-size: 18px;}
  .product-details-area .tab-content .pro-tab-content{padding: 25px 20px;}
  .product-details-area .tab-content .pro-tab-content .table th{font-size: 13px;}
  .product-details-area .tab-content .pro-tab-content .table td{font-size: 14px;}
  /* ----------  ---------- */
  .pro-highlights .pro-categories .title{font-size: 18px;}
  .pro-highlights .pro-categories a{font-size: 12px;}
  /* ----------  ---------- */
  .similar-product-section .theme-title{margin-bottom: 20px;}
  .similar-product-section .owl-carousel .owl-nav{padding: 15px 15px 0 0;}
  
  /* ================== Get Quote Section ================== */
  .getquote .getquote-left p{font-size: 14px;}

  /* ================== Extra Quote Page ================== */
  .extra-quote-area{margin-block: 60px;}
  .extra-quote-area .theme-title{font-size: 40px;}
}

@media only screen and (max-width: 575px){
  p{font-size: 13px;}
  /* ========= Theme Title ========= */
  .theme-title{font-size: 22px;}
  /* ========= Theme Btn ========= */
  .theme-btn{padding: 10px 15px;min-width: 110px;font-size: 12px;}
  /* ========= Owl Carousel ========= */
  .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{width: 30px;height: 30px;}
  .owl-carousel .owl-nav button.owl-prev{left: -40px;}
  .owl-carousel .owl-nav button.owl-next{right: -40px;}
  /* ================== Theme Modal ================== */
  .modal-content .modal-header{padding: 12px 15px;}
  .modal-content .modal-header .theme-title{font-size: 19px;}

  
  /* ========= Theme Header ========= */
  .header{padding: 10px 10px;}
  .header .navbar-brand img{width: 150px;}
  .header .navbar-toggler{padding: 6px;width: 45px;height: 30px;}
  .header .navbar-toggler span{width: 30px;top: 13px;right: 6px;}
  .header .navbar-toggler span:first-child{width: 30px;top: 6px;}
  .header .navbar-toggler span:last-child{width: 30px;top: 20px;}
  @-webkit-keyframes toggleshow{0%{width: 32px;}50%{width: 15px;}100%{width: 32px;}}
          @keyframes toggleshow{0%{width: 32px;}50%{width: 15px;}100%{width: 32px;}}
  /* -------------------------- */
  .header .navbar-collapse{width: 230px;}
  .header .navbar-nav{padding: 60px 0 10px;}
  .header .nav-item .nav-link{padding: 15px 10px 15px 20px;font-size: 15px;}
  .header .nav-item.dropdown .dropdown-menu .dropdown-item{padding: 8px 5px 9px 15px;font-size: 13px;}
  .header .nav-item.dropdown .dropdown-menu.show{height: 313px;}
  /* -------------------------- */
  .header .nav-item.dropdown.dropdown-mega .dropdown-menu{padding: 0 10px 0 20px;}
  .mega-content .dropdown-item-card{gap: 10px;padding: 8px 0;}
  .mega-content .dropdown-item-card img{width: 30px;}
  .mega-content .dropdown-item-card p{font-size: 13px;}

  /* ========= Counter Section ========= */
  .counter-section{padding: 30px 10px 20px 10px;}
  .counter-section .counter-card p{padding: 0 0 10px 10px;font-size: 15px;}
  .counter-section .counter-card h6{padding: 15px 0 0 10px;font-size: 35px;}
  .counter-section .counter-card h6::before{top: 10px;width: 40px;}
  .counter-section .counter{margin: 4px 0;height: 32px;}
  .counter-section .counter > span{width: 22px;}
  .counter-section .counter-card h6 sup{font-size: 22px;}
  /* ========= Product Section ========= */
  .product-section{padding: 40px 0 50px;}
  .product-section .theme-title{padding: 0 0 0 10px;}
  .product-section .product-content{padding-left: 10px;}
  .product-section .product-slider-area{margin-top: 60px;}
  .product-section .product-slider-area .card-content-area .theme-btn{padding: 8px 10px;min-width: 100px;font-size: 11px;}
  .product-slider.owl-carousel .owl-nav{top: -40px;right: 0px;}
  .product-slider-card{max-width: 250px;margin: 0 auto;}
  /* ========= AboutCompany Section ========= */
  .aboutcompany-section{padding-block: 40px;}
  .aboutcompany-section .about-img{max-height: 230px;}
  .aboutcompany-section .about-content{padding: 0 0 0 10px;}
  /* ========= WhyCompany Section ========= */
  .whycompany-section{padding-block: 40px;}
  .whycompany-section .theme-title{margin-bottom: 20px;}
  .whycompany-section .whycompany-crad-area{gap: 20px 8px;}
  .whycompany-section .whycompany-crad{padding: 8px 10px 15px 10px;}
  .whycompany-section .whycompany-crad img{width: 40px;height: 40px;}
  .whycompany-section .whycompany-crad h5{font-size: 14px;}
  /* ========= Testimonial Section ========= */
  .testimonial-section{padding-block: 40px;}
  .testimonial-section .theme-title{margin-bottom: 10px;}
  .testimonial-card{margin-top: 14px;padding: 30px 10px 30px 20px;}
  .testimonial-card::before{width: 33px;height: 28px;top: -14px;}
  .testimonial-card p{font-size: 12px;}
  .testimonial-card .testimonial-footer h6{font-size: 14px;}
  .testimonial-slider.owl-carousel .owl-nav{padding: 10px 10px 0 0;}
  /* ========= Client Section ========= */
  .client-section{padding: 40px;}
  .client-section .theme-title{margin-bottom: 20px;}
  .client-slider .client-card img{max-width: 120px;}
  /* ========= CTA Section ========= */
  .cta-section-area{padding-block: 40px;}
  .cta-section-area .theme-title{font-size: 20px;}
  /* ========= Theme Footer ========= */
  .footer .footer-link-area h6{margin-bottom: 8px;font-size: 11px;}
  .footer .footer-link-area p{font-size: 12px;}
  .footer .footer-top{padding: 35px 0 40px;}
  .footer .footer-top .footer-link-area h6{margin-bottom: 6px;font-size: 12px;}
  .footer .footer-top .footer-link-area ul li{margin-bottom: 2px;font-size: 12px;}
  .footer .footer-mid{padding: 35px 0 20px;}
  .footer .footer-mid .footer-link-area ul li a{font-size: 12px;}
  .footer .footer-logo img{max-width: 150px;}
  .footer .footer-social li a{width: 30px;font-size: 12px;}
  .footer .footer-btm{padding: 15px 0;}
  .footer .footer-btm p{font-size: 11px;}
  .footer .footer-btm .webplus img{max-width: 18px;}

  /* ================== Inner Page ================== */
  /* .inner-banner{min-height: 100px;} */
  .inner-banner .banner-content{padding: 15px 0;flex-direction: column;}
  .inner-banner .banner-content .page-title{font-size: 20px;text-align: center;}
  /* ================== Inner Page ================== */
  .inner-page .theme-title{font-size: 20px;}
  
  /* ================== Contact Page ================== */
  .branch-section{padding-block: 40px;}
  .branch-section .theme-title{margin-bottom: 20px;}
  .branch-section .branch-card .card-title{margin-bottom: 10px;padding-bottom: 5px;font-size: 16px;}
  .branch-section .branch-card p{white-space: unset;}
  .branch-section .branch-card li{margin-bottom: 10px;}
  .branch-section .branch-card li .branch-icon{width: 30px;height: 30px;font-size: 12px;}
  .branch-section .branch-card li p{margin-top: 2px;}
  .branch-section .branch-card .map-link{top: 20px;width: 28px;}
  .map-modal .modal-content .modal-body{padding: 0;aspect-ratio: 1.5/1;}
  /* ----------  ---------- */
  .contact-form-section{padding-block: 40px;}
  .contact-form-section .theme-title, .contact-form-section p{padding-left: 10px;}
  .contact-form{padding: 20px 20px 20px 20px;}
  .contact-form label{top: 22px;left: 12px;font-size: 13px;}
  .contact-form .input{margin-top: 12px;padding: 5px 12px 5px 12px;font-size: 15px;}
  .contact-form .input-wrap.active label{top: 0px;}
  .invalid-feedback{bottom: -20px;left: 12px;font-size: .75em;}
  .contact-form .input-wrap:before{font-size: 11px;line-height: 11px;top: 19px;width: 15px;height: 15px;}

  
  /* ================== About Page ================== */
  .about-page-section{padding-block: 40px;}
  .about-page-section .about-content{padding-left: 10px;}
  /* ----------  ---------- */
  .about-page-section2{padding-block: 40px;}
  /* ----------  ---------- */
  .about-page-section3{padding-block: 40px;}
  .about-steps-content{padding-left: 10px;}
  .scroll-progress-innercontent{left: 14px;width: 1px;}
  .about-steps-content ul{gap: 12px 15px;}
  .about-steps-content ul li{padding-left: 40px;padding-top: 8px;}
  .about-steps-content ul li:before{width: 30px;height: 30px;font-size: 12px;border-width: 1px;}
  .about-steps-content ul li h5{margin-bottom: 8px;font-size: 14px;}

  /* ================== Product Page ================== */
  .pro-spcl-btn.move-style{top: 62px;}
  .pro-spcl-btn a{padding: 6px 10px;font-size: 11px;}
  
  /* ================== Product Details Page ================== */
  .product-details-page-section{margin-block: 40px;}
  .product-details-page-section .pro-share-area .pro-share{margin: 0 0 10px auto;padding: 2px 10px;width: fit-content;font-size: 12px;position: relative;}
  .product-details-page-section .pro-share-card{padding: 5px 10px;top: 20px;gap: 4px;}
  .product-details-page-section .pro-share-card li a{width: 30px;height: 30px;font-size: 12px;line-height: 30px;}
  /* ----------  ---------- */
  .product-img-area{margin-bottom: 20px;max-width: 90%;width: 300px;}
  /* ----------  ---------- */
  .product-details-area .nav-tabs{padding: 0 10px;gap: 5px;}
  .product-details-area .nav-tabs .nav-link{padding: 8px 15px;font-size: 16px;}
  .product-details-area .tab-content .pro-tab-content{padding: 20px 15px;}
  .product-details-area .tab-content .pro-tab-content .table th{font-size: 12px;}
  .product-details-area .tab-content .pro-tab-content .table td{font-size: 13px;}
  .product-details-area .tab-content .pro-tab-content .table>:not(caption)>*>*{padding: 6px 6px 6px 6px;}
  .product-details-area .tab-content .pro-tab-content .table th::after{right: 2px;}
  /* ----------  ---------- */
  .similar-product-section{padding-block: 40px;}
  .similar-product-section .theme-title{margin-bottom: 10px;}
  .similar-product-section .owl-carousel .owl-nav{padding: 10px 10px 0 0;}
  
  /* ================== Get Quote Section ================== */
  .getquote .modal-body{padding: 10px 15px;}
  .getquote .getquote-left h6{margin-bottom: 6px;font-size: 12px;}
  .getquote .getquote-left .theme-title{margin-bottom: 8px;font-size: 26px;}
  .getquote .getquote-left p{font-size: 13px;}
  .getquote .getquote-left .getquote-contact{margin-top: 20px;gap: 8px;}
  .getquote .getquote-left .getquote-contact .icon{width: 40px;}
  .getquote .getquote-left .getquote-contact .icon img{width: 20px;}
  
  /* ================== Extra Quote Page ================== */
  .extra-quote-area{margin-block: 40px;}
  .extra-quote-area .qoute-icon{width: 60px;}
  .extra-quote-area h4{font-size: 15px;}
  .extra-quote-area .theme-title{font-size: 35px;}
  .extra-quote-area p{font-size: 14px;}
  .extra-quote-area .theme-btn{margin-top: 20px;}
}

@media only screen and (max-width: 479px){
  /* ================== Product Details Page ================== */
  .similar-product-section .pro-inner .pro-img{aspect-ratio: 1 / 0.6;}
  .similar-product-section .pro-inner .pro-img img{max-width: 60%;max-height: 60%;}
}

@media only screen and (max-width: 360px){
  /* ========= Counter Section ========= */
  .counter-section .counter-card p{padding: 0 10px 10px 10px;text-align: center;}
  .counter-section .counter-card h6{margin: 0 auto;width: fit-content;}

  /* ========= WhyCompany Section ========= */
  .whycompany-section .whycompany-crad{padding: 5px 10px 12px 5px;}
  .whycompany-section .whycompany-crad img{width: 35px;height: 35px;}
  .whycompany-section .whycompany-crad h5{font-size: 12px;}
  /* .whycompany-section .whycompany-crad-area{gap: 20px 0;}
  .whycompany-section .whycompany-crad{padding: 8px 10px 15px 20px;gap: 10px;width: 100%;max-width: 350px;border-width: 0 0 4px 0;}
  .whycompany-section .whycompany-crad:after{right: 0;bottom: -3px;border-width: 0  0 4px 0;} */
}