@media (min-width: 1200px){ 
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1200px; } 
} 
@media (max-width:1200px) { 
.offerList .offerBox .offerDetail .tt { width: 94%; } 
.footer-theme2 .subscribe-block { padding: 0px 35px; } 
.counter-block.bg-light.rounded.p-3.text-center.h-350.pt-4 { padding: 15px 0px !important; } 
.features .feature-panel-holder .feature-panel { padding: 20px 0px;} 
.offerList .offerBox .offerDetail .tt { font-size: 17px;} 
.bookNow a { padding: 12px 10px;} 
.heading_banner .cat_title { font-size: 18px; padding: 10px 20px; } 
.col-xxl-8.col-xl-8.col-lg-8.col-md-8.col-sm-12.col-12 .more_info { max-height: 180px; } 
} 
@media (min-width:1023px) { 
.navigation .menu ul li.menu-scroll ul.cs-dropdown { max-height: 371px; overflow-y: auto; } 
.menu-scroll ul.cs-dropdown::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; } 
.menu-scroll ul.cs-dropdown::-webkit-scrollbar { width: 7px; background-color: #f5f5f5; } 
.menu-scroll ul.cs-dropdown::-webkit-scrollbar-thumb { background-color: var(--brown); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); } 
.menu-scroll ul.cs-dropdown::-webkit-scrollbar-thumb:hover { background-color: var(--dark-blue); } div::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; } div::-webkit-scrollbar { width: 7px; background-color: #f5f5f5;  display: none; position: absolute; z-index: 999; right: 0px; top: 0px; } div::-webkit-scrollbar-thumb { background-color: var(--brown); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); } div::-webkit-scrollbar-thumb:hover { background-color: var(--dark-blue); } div:hover::-webkit-scrollbar { display: block; } 
} 
@media (max-width:1023px) { 
.navigation { float: left; width: 100%; position: relative; } 
.features .features-holder { display: flex; flex-wrap: wrap; justify-content: center; } 
.features .feature-panel-holder { padding-top: 5px; width: 30%; } 
.features .features-card { display: block; transform: inherit; margin-top: 0px; } 
.features .features-card .card-panel { margin-bottom: 30px; } 
.approach.company-core-value.pt-5.pb-0.w-100.mt-5.float-start { padding-top: 0px !important; margin-top: 0px !important; } 
.counter-block p { padding: 0px 10px; } 
.faq-sec .col-lg-8.col-md-7.col-12 { width: 100%; } 
.faq-sec .col-lg-4.col-md-5.col-12 { width: 100%; margin-top: 20px; } 
.footer-contant ul { width: 100%; display: flex; justify-content: center;    flex-wrap: wrap; } 
.footer-theme2 .contact-details li a { padding: 0px 10px; } 
.product_popup h6 { margin-bottom: 10px; } 
.col-lg-6 .right-content { text-align: center; } 
.col-lg-6 .right-content p { text-align: center; } 
.col-lg-6 .right-content .head a { text-align: center; } 
.product_listing .readMore { padding: 8px 7px 7px 3px; } 
.col-xxl-8.col-xl-8.col-lg-8.col-md-8.col-sm-8.col-12 .more_info { display: block; width: 100%; float: left; height: 140px; overflow-y: scroll; padding-right: 15px; margin-bottom: 15px; } 
.readMore svg { margin-left: 17px;} 
.product_popup_image img { height: auto; object-fit: contain; } 
.menubar { background: #fff; position: relative;z-index: 999; } 
.navbar .phone_call a { color: #0a1f54; } 
.top_right { margin: 0; } 
.bookNow { display: none; } 
.navigation .navbar { display: flex; float: left; width: 100%; padding: 5px 0; align-items: center; } 
.navigation .navbar .logo { max-width: 250px; } 
.menubar.stricky-fixed { background: #fff; } 
.navigation .menu { display: none; width: 100%; overflow: hidden; overflow-y: visible; position: relative; z-index: 9999; max-height: 480px; overflow-y: auto; position: absolute; top: 100%; background: var(--liner); background-color: var(--brown); left: 0; right: 0; text-align: left; } 
.navigation .menu ul li { padding: 0; float: left; width: 100%; display: block } 
.navigation .menu ul li a { padding: 8px 15px; text-align: left; font-size: 13px; border-right: none; border-left: none; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: block; } 
.navigation .menu ul li.active a, .navigation .menu ul li:hover a{ color: #fff; } 
.navigation .menu ul li ul.cs-dropdown { position: relative !important; opacity: 1 !important; visibility: visible !important; top: auto !important; left: auto !important; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; width: 100%; display: none; transition: none !important } 
.navigation .menu ul li ul.cs-dropdown, .navigation .menu ul li ul.cs-dropdown li .cs-dropdown { padding-top: 0; padding-left: 0; padding-bottom: 0; display: none; transition: none; padding-right: 0; width: 100%; background: #666 } 
.navigation .menu ul .cs-submenu a { position: relative } 
.navigation .menu ul li.cs-submenu a button { display: block; position: absolute; top: 0px; right: 15px; background: transparent; border: 0; color: #fff; font-size: 16px; height: 30px; outline: none; width: 30px; padding: 0; text-align: center; line-height: 18px } 
.navigation ul li.cs-submenu a button svg { width: 16px; height: 16px; } 
.navigation ul li.cs-submenu a button.rotated svg { transform: rotateZ(180deg); color: #fff; } 
.navigation ul li.cs-submenu:hover svg { transform: rotateZ(0deg); color: #fff; } 
.navigation ul li.cs-submenu ul.cs-dropdown li a button svg { transform: rotateZ(0deg); color: #fff; } 
.navigation ul li.cs-submenu ul.cs-dropdown li a button.rotated svg { transform: rotateZ(180deg); } 
.navigation .menu ul li ul.cs-dropdown, .navigation .menu ul li ul.cs-dropdown li .cs-dropdown li .cs-dropdown { padding-top: 0; padding-left: 0; padding-bottom: 0; display: none; transition: none; padding-right: 0; float: left; width: 100% !important; background: #444 } 
.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown { left: 100%; margin-top: 0 } 
.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li ul.cs-dropdown { left: -100%; margin-top: 0 } 
.navigation .menu ul li ul.cs-dropdown li { border-bottom: 0 } 
.navigation .menu ul li ul.cs-dropdown li a { color: #fff; display: block; font-size: 14px; padding: 7px 15px; line-height: normal; border-bottom: 1px solid rgba(255, 255, 255, 0.5); background: var(--brown); } 
.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li a { background: #3e68b7; border-bottom: 1px solid #4977ce; } 
.mobile_hide { display: none !important; } 
.navigation .menu ul li:hover ul.cs-dropdown { display: none; } 
.team_info { padding: 0 15px; } 
.right-content { padding: 0 15px; } 
.read_more { text-transform: inherit; } 
.navigation .menu ul li ul.cs-dropdown li:hover ul.cs-dropdown { display: none; } 
} 
@media (max-width:980px) { 
.youtube_video.float-start.p-3.rounded.py-2.bg-white { margin-top: 20px; } 
.whyChoose .count-bx{ border: 0; gap: 5px; justify-content: start; } 
.step-container { background: #fff0 !important;} 
.step-container .step-bx { margin-top: 0; margin-bottom: 25px; background: #eee; position: relative; z-index: 9; padding: 25px 0px; } 
.whyChoose .count-bx .ic-bx{ width: 35px; } 
.whyChoose .count-bx .tx-bx .coun{ font-size: 25px; } 
.whyChoose .count-bx .tx-bx p{ font-size: 13px; } 
.search { max-width: 250px; width: 100%; margin: 0 0px; padding: 0; position: relative; } 
.col-xxl-8.col-xl-8.col-lg-8.col-md-8.col-sm-12.col-12 .more_info {
    max-height: 130px;
    margin-bottom: 10px;
}
} 
@media (max-width:768px) { 
.step-container::before{ content: none; } 
.homeAbout .homeRight { max-width: 100%; width: 100%; margin-left: 0px;} 
.step-container { margin-bottom: 10px;} 
.step-container{ padding: 0; padding-top: 0px; padding-bottom: 0; } 
.step-container .step-bx{ margin-top: 0; margin-bottom: 25px; } #featuredProducts .owl-nav .owl-prev { left: -10px; } #featuredProducts .owl-nav .owl-next { right: -10px; } #ourProducts .owl-nav .owl-prev { left: -10px; } #ourProducts .owl-nav .owl-next { right: -10px; } 
.text-right { text-align: left; } 
.navbar .phone_call { margin: 7px 0 0; } 
.market-list li { width: 50%; } 
.offerList .offerBox { width: 100%; } #testimonials .owl-nav .owl-prev { left: 20px; } #testimonials .owl-nav .owl-next { right: 20px; } 
.footer-theme2 .subscribe-block { padding: 15px; border: 0; } 
.footer-title h4 { margin-top: 25px; } 
.footer-theme2 .footer-link li, .footer-theme2 .footer-link-b li { display: block; } 
.sub-footer p { padding: 5px 0; } 
.heading_banner { background-size: cover; padding: 40px 0; } 
.blog_details_img { height: auto; } 
.market-list li { width: 50% !important; display: block !important; } 
.product_right_image .detail_image { height: auto; } 
.product_right_image .detail_image img { position: relative; top: 0; left: 0; transform: none; } 
} 
@media (max-width:767px) { 
.col-xxl-8.col-xl-8.col-lg-8.col-md-8.col-sm-12.col-12 .more_info { height: auto;         max-height: max-content;} 
h4.titleCat.p-0.text-start {text-align: center !important;}
.inner_breadcrumb.hidden_xs { display: none; } /* .youtube_video.float-start.p-3.rounded.py-2.bg-white { margin-top: 30px; } */ .homeAbout h1 { font-size: 25px; text-transform: capitalize; position: relative; line-height: 35px; font-weight: 800; margin-bottom: 6px; width: 100%; display: flow-root; } 
.imagesLeft.rounded.rounded-3.overflow-hidden { margin-bottom: 20px; } 
.features .feature-panel-holder { width: 47%; } 
.features .feature-panel-holder .feature-panel { margin-bottom: 5px;} 
.features .features-holder { display: flex; flex-wrap: wrap;    justify-content: center; } 
.more-features.more-features-2 { margin-top: 20px; } 
.features .features-card { display: block; transform: inherit; margin-top: 0px; z-index: 9; margin-bottom: 35px; } 
.features .features-card .card-panel.reversed .panel-icon { margin-right: auto; margin-left: auto; display: flex; align-items: center; transform: inherit; justify-content: center; } 
.approach.company-core-value.pt-5.pb-0.w-100.mt-5.float-start { margin-top: 0px !important; padding-top: 0px !important; } 
.counter-block p { -webkit-line-clamp: inherit; padding: 0px 10px; } 
.faq-sec { padding: 30px 0px 40px; } 
.features .features-card .card-panel { display: block;    margin: 15px 0px; text-align: center;} 
.footer-theme2 .footer-link li, .footer-theme2 .footer-link-b li { padding-right: 5px; padding-left: 5px;} 
.right-content { padding-bottom: 15px; } 
.default-form-area.bg-light { margin-top: 0px;    margin-bottom: 30px; } 
.blogBox.d-flex { display: block !important; } 
.blogs1, .blogs12 { width: 100%; } 
.blog_details1 ul li { line-height: 25px; display: block; } 
.blog_details1 ul li:before { margin-top: 5px;} 
.h-170 { height: auto; } 
.text-holder.position-absolute { position: relative !important; } 
.market-list li { width: 100% !important; } footer { background: #000000 !important;} 
.qut-frm { margin-top: 20px; } 
.product_popup_image { aspect-ratio: 1 / 1;}
.col-xxl-8.col-xl-8.col-lg-8.col-md-8.col-sm-12.col-12 .more_info {
    max-height: max-content;}
} 
@media (max-width:650px) { 
.col-xxl-8.col-xl-8.col-lg-8.col-md-8.col-sm-12.col-12 .more_info {max-height: inherit;}
.whyChoose { background: #212020; } 
.tt-bx .tt{ font-size: 23px; } 
.homeAbout { background: #fff;}
.whyChoose .col-lg-3.col-md-3.col-6 { width: 100%; } 
.whyChoose .count-bx .ic-bx { margin: auto; } 
.whyChoose .count-bx .tx-bx { text-align: center; } 
.whyChoose .count-bx { justify-content: center; text-align: center; display: block; border: 1px solid #eeeeee59 !important; padding: 20px; } 
.tt-bx p{ font-size: 14px; line-height: 21px; } 
.home_testimonials_webpulse { background: #0c0c0c; } 
.about_page{ padding: 40px 0; } 
.faq-sec { padding: 25px 0px 40px; } 
.inner_breadcrumb{ display: none; } 
.footer-contant ul { display: block;} 
.phone_call { margin: 0; font-size: 17px; } 
.faq-sec .accordion{ padding: 10px; margin-bottom: 20px; } 
.heading_banner .cat_title { font-size: 15px; padding: 10px 15px; } 
.features .feature-panel-holder { width: 100%; } 
.qut-frm { padding: 15px; } 
.webpulse_home_clients { padding: 25px 0; } 
.features .features-card .card-panel { padding: 15px;} 
.features .features-holder { display: block;} 
.title_2 { font-size: 22px; } 
.footer-theme2 .footer-link li a { padding: 3px 0px; } 
.product_popup_image { height: 270px; } 
.right-content { padding: 0 10px; } 
.right-content .table-responsive { max-height: max-content;} 
.faq-sec .accordion .accordion-item .accordion-button{ font-size: 16px; } 
} 
@media (max-width:480px) { 
.whatapp_btn, .cl-now, #web-pulse-scroll-up, .send_enquiry{ bottom: 65px; width: 40px; height: 40px; } 
.send_enquiry{ width: auto; min-width: 40px; } 
.cl-now, .send_enquiry{ bottom: 20px; } 
.send_enquiry svg, .whatapp_btn svg, #web-pulse-scroll-up svg{ width: 16px; height: 16px; } 
} 
@media (max-width:400px) {
    .product_listing .readMore {
        padding: 8px 4px 7px 4px;    font-size: 14px;
    }
}