@media(max-width:1300px) { .menubar .logo { height: 63px; width: 200px } 
.menubar .logo img { padding: 8px 0; width: 180px } 
.navigation .menu ul li a { padding: 20px 10px; font-size: 13px } 
} 
@media(max-width:1200px) { .menubar .logo { height: 62px; width: 180px } 
.navigation .menu ul li a { padding: 20px 8px; font-size: 12px } 
.search_action { padding: 15px 0 15px 8px } 
.header_appointment_btn { width: 170px; margin-top: 10px } 
} 
@media(max-width:1100px) { .menubar .logo { float: left; width: 160px; padding: 0 5px 0 0; position: absolute; height: 60px; border-right: 0px solid #eee; z-index: 999 } 
.header_appointment_btn { width: 155px; margin: 0px 0 0; font-size: 15px; } 
.navigation .menu ul li a { padding: 20px 6px; font-size: 12px } 
.header_appointment_btn svg { width: 20px; height: 20px; } 
.features .feature-panel-holder { padding-top: 20px; } 
.header_appointment_btn svg { width: 17px; height: 20px; float: right; margin-left: 6px; } 
} 
@media(max-width:1023px) { .menubar .logo { width: 250px; height: auto } 
.menubar .logo img { padding: 3px 5px 3px 0 } 
.header_appointment_btn { display: none } 
.navigation { float: left; width: 100%; position: relative } 
.navigation .navbar { display: block; float: left; width: 100% } 
.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: #2575a2; 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: 7px 15px; text-align: left; font-size: 14px; border-right: 1px dashed transparent; color: #fff; border-bottom: 1px solid #3284b3; display: block } 
.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: 0; right: 15px; background: 0 0; border: 0; color: #fff; font-size: 16px; height: 30px; outline: 0; 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) } 
.navigation ul li.cs-submenu:hover svg { transform: rotateZ(0) } 
.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: #3f5faa } 
.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 #3e95c8; background: #3284b3 } 
.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li a { background: #666 } 
.mobile_hide { display: none !important } 
.navigation .menu ul li.active a, .navigation .menu ul li:hover a { border-color: #3284b3 } 
.navigation .menu ul>li.active>a:before, .navigation .menu ul>li>a:hover:before { opacity: 0 } 
.navigation .menu ul li:hover ul.cs-dropdown { display: none } 
.navigation .menu ul li:hover a:before { border: 0 } 
.navigation .menu ul li.cs_mega ul.cs-dropdown { padding: 0; max-height: initial; overflow: hidden } 
.navigation .menu ul li.cs_mega ul.cs-dropdown li { border: 0; width: 100% } 
.right-content { padding: 0 15px } 
.menubar .row { width: 100%; justify-content: space-between; } 
.menubar .col-xxl-10.col-xl-10.col-lg-10.col-md-10 { width: 100%; } 
.section-content .col-xxl-3.col-xl-3.col-lg-3.col-md-3.col-sm-12.col-12.padding_0 { width: 50%; } 
.features .features-card .card-panel.reversed .panel-icon { margin-right: auto; margin-left: auto; display: flex; align-items: center; justify-content: center; } 
.features .features-card .card-panel .panel-icon img { margin: auto; } 
.features .features-card .card-panel .panel-body .titleCat { text-align: center; } 
.features .features-card .card-panel .panel-body p { text-align: center; } 
.features .features-card a.read_more_1.bg_btn_1 { margin: auto; display: block; width: 150px; } 
.testimonials_four .col-xxl-6.col-xl-6.col-lg-6.col-md-6.col-12.col-12.wow.fadeIn { display: none; } 
.testimonials_four .col-xxl-6.col-xl-6.col-lg-6.col-md-6.col-12.col-12 { width: 100%; } 
.testimonial-body .testimonial-content p { font-size: 16px; font-weight: 500; line-height: 24px; color: #fff; margin-bottom: 30px; } 
.heading_banner .cat_title2 { font-size: 15px; padding: 3px 20px; } 
.heading_banner .cat_title { font-size: 20px; } 
.navigation .menu ul li.active a, .navigation .menu ul li:hover a { color: #b4ffa0; } 
.videoSection a.read_more_1.bg_btn_1 { width: 165px; padding: 10px 3px; } 
.modal-body .col-xxl-7.col-xl-7.col-lg-7.col-md-7.col-sm-7.col-12 { width: 100%; } 
.modal-body .col-xxl-5.col-xl-5.col-lg-5.col-md-5.col-sm-5.col-12 { width: 100%; margin-top: 10px; } 
.more_info { max-height: 220px; margin-bottom: 10px; } 
.right_news .image { height: 95px; } 
.contact_details { width: 100%; } 
.contact_form_grid1 .form_grid { width: 100%; } 
.col-xxl-3.col-xl-3.col-lg-3.col-md-3.col-sm-6.col-6.padding_0 { width: 50%; } 
.product_popup_image { height: 250px; } 
} 
@media (max-width:768px) { .carousel-control-prev { display: none; } 
.carousel-control-next { display: none; } 
.top_contact li { padding: 0 5px; margin: 0 } 
.social-flt-btn { display: none } 
.top_contact li:first-child { padding-left: 5px } 
.top_contact li a { font-size: 14px } header { position: relative; background: #333 } 
.top_social li a { width: 30px; height: 30px; line-height: 30px } 
.top_contact li a { line-height: 30px } 
.about-right-part { max-width: 100%; width: 100% } 
.introduce_images { max-width: 100%; width: 100% } 
.features .features-holder { display: block } 
.features .feature-panel-holder .feature-panel { margin-bottom: 0; padding: 23px 20px; min-height: 240px; border-radius: 8px } 
.features .feature-panel-holder:hover .feature-panel.feature-panel-dark a { margin-top: 65px } 
.features .feature-panel-holder { float: left; width: 48%; padding-top: 0; margin: 1%; } 
.features .more-features { float: left; width: 100%; margin: 30px 0 } 
.features .features-card { float: left; width: 100%; display: block } 
.features .features-card .card-panel { float: left; width: 100%; display: block; margin-bottom: 20px } 
.read_more_btn { padding: 8px 20px } 
.home_interior { border: 1px solid #ccc; margin-bottom: 20px } 
.about_video .about_text { width: 100%; height: auto; padding: 20px } 
.about_video .about_text p { font-size: 16px; line-height: 26px; margin: 0 } 
.home_about_us p { float: left; width: 100% } 
.about_video .about_video { float: left; width: 100%; height: 210px; margin: 0 } 
.home_trending h2 { font-size: 18px } 
.home_selling h2 { font-size: 18px } 
.h2_title { font-size: 22px } 
.kitchen_step { margin-bottom: 30px } 
.home_gallery_nav { bottom: 40px } 
.home_galley_left { height: auto; padding: 25px 0 } 
.home_galley_left h2 { font-size: 18px } 
.fact-counter .count-box .count { float: none; margin: 0 0 10px; font-size: 30px; line-height: normal } 
.fact-counter .count-box .count-text { font-size: 30px } 
.fact-counter .count-box { border: 1px solid #eee; text-align: center; margin-bottom: 20px; padding: 15px } 
.sm-height-auto { height: 250px } 
.text_content h3 { font-size: 18px } 
.text_content p { font-size: 15px } 
.bg-theme-colored2 { border-bottom: 1px solid #53b539 } 
.bg-theme-colored { border-bottom: 1px solid #3181b0 } 
.box-hover-effect.effect-siberia .info-box .info-title h3 { font-size: 18px } #popularCourse .owl-nav .owl-prev { left: -10px } #popularCourse .owl-nav .owl-next { right: -10px } 
.blog-content2 h5 { height: auto } 
.blog-content2 h5 span { position: relative; top: 0; left: 0; transform: none } 
.footer-menu ul { margin-bottom: 20px } 
.social-icons li a span { display: none } 
.text-right { text-align: left } 
.wps_copy { line-height: normal; padding: 10px 0 } 
.blog_details_img { height: auto } 
.market-list li { width: 50% } 
} 
@media (max-width:767px) { .wps_copy .col-xxl-5.col-xl-5.col-lg-5.col-md-4.col-sm-4.col-12 { width: 100%; text-align: center; } 
.wps_copy .col-xxl-7.col-xl-7.col-lg-7.col-md-8.col-sm-8.col-12.text-right { text-align: center; width: 100%; } 
.left_image { width: 100%; margin: 0 0px 15px 0; } 
.wps_right { margin-bottom: 0px; } 
.testimonials_four { background: linear-gradient(to right, #095c8a, #5fb640); } 
.footer-menu ul { margin-bottom: 5px; } 
.right-content .read_more_1 { margin-top: 10px; } 
.right-content .read_more_1 { line-height: 40px; padding: 0 10px; } 
.col-xxl-9.col-xl-9.col-lg-9.col-md-9.col-sm-9.col-12 { width: 100%; } 
.left_sidebar { margin-top: 25px; } 
.inner_breadcrumb.hidden_xs { display: none; } 
.product_right_image { max-width: 100%; width: 100%; margin: 0 0 15px 0px; } 
} 
@media (max-width:650px) { .section-content .col-xxl-3.col-xl-3.col-lg-3.col-md-3.col-sm-12.col-12.padding_0 { width: 100%; } #popularCourse .owl-next, button.owl-next { right: -5px; } #popularCourse .owl-prev, button.owl-prev { left: -5px; } 
.features { background: linear-gradient(to right, #1e8ac6, #5fb640); } 
.bg-theme-colored2 {
    background-color: #5fb640 !important;
}
.h2_title { 
    color: #5fb640;}
    .bg-theme-colored {
    background-color: #145a81 !important;
}
.text_content .titleOne { 
    font-size: 23px;}
    .text_content p {
        font-size: 16px;
    }
    .h2_title {
        font-size: 23px;
    }
    .maxWidth p {
    font-size: 16px;}
.bg_btn_1 {
    background: #5fb640;
    border-color: #5fb640;
}
.services_block .service_info .h2_title { 
    font-size: 20px;
}
.services_block .service_info p {
    font-size: 16px;}
    .read_more_1 { 
    font-size: 16px;
    letter-spacing: 0.3px;}
.videoFeedback .image { 
    height: 170px;}
    .videoFeedback .image img {
    height: 100%;
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
}
p { 
    font-size: 16px;}
    .features .feature-panel-holder .feature-panel .feature-content .titleFact { 
    font-size: 20px; 
    max-width: 250px; 
    height: 45px;
}
.features .feature-panel-holder .feature-panel { 
        min-height: max-content; 
    }
    .features .features-card .card-panel .panel-body p {
    font-size: 16px;}
        .features .features-card a.read_more_1.bg_btn_1 { 
        width: 170px;
    }
    .features .features-card .card-panel .panel-icon {
    margin-right: 0px;}
    .effect-wrapper .title {
    font-size: 18px;}
    .testimonial-body .testimonial-content .testimonial-thumb .thumb-body .clientName {
    font-size: 18px;}
    .footer-menu ul li { 
    font-size: 16px;
}
.testimonials_four { background: linear-gradient(to right, #145a81, #5fb640); } 
.features .feature-panel-holder { width: 100%; margin: 1% 0px; } 
.testimonials_four { padding: 10px 0; } 
.home_slider, .home_slider .carousel-item img {aspect-ratio: 70 / 27;}
.features .features-card .card-panel { padding: 30px 15px 34px; } 
.features .features-card .card-panel .panel-icon img { width: 30px; } 
.blog-content2 .titleBlog a span { -webkit-box-orient: inherit; } 
.blog-content2 p { -webkit-box-orient: initial; } 
.whatapp_btn { left: 5px; } 
.send_enquiry { left: 5px; } #web-pulse-scroll-up { right: 5px; } 
.wps_introduce .h1_title { font-size: 22px; } 
.product_listing .product .image1 { margin-bottom: 0px; height: 280px; } 
.product_listing .product .image1 img { width: 100%; object-fit: cover; } 
.market-list li { width: 100%; } 
.col-xxl-3.col-xl-3.col-lg-3.col-md-3.col-sm-6.col-6.padding_0 { width: 100%; } 
.title_2 { font-size: 25px; } 
.heading_banner { padding: 25px 0px; } 
.wps_introduce h2 { font-size: 20px; } 
} 
@media (max-width:480px) { .trending_item .trending_box { margin: 0 } 
.blog-content2 .titleBlog { height: auto } 
}