/*RESPONSIVE MENU*/
.responsive_btn {display: none; cursor: pointer; text-align: center; width: 40px; height: 40px; margin: -2px 0; float: right; position: relative; z-index: 20; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; background: #fff; border-radius: 8px; margin-left: 40px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; background: var(--primary-color);}
.responsive_btn span {display: block; height: 2px; width: 20px; position: relative; top: 50%; margin: -1px auto;}
.responsive_btn span:before,.responsive_btn span:after {content: ""; display: inline-block; height: 100%; width: 100%; position: absolute; left: 0;}
.responsive_btn span:before {top: -6px;}
.responsive_btn span:after {bottom: -6px;}
.responsive_btn span,.responsive_btn span:before,.responsive_btn span:after { background: #fff; -webkit-border-radius: 1px; border-radius: 1px; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; }
.responsive_btn:hover span, .responsive_btn:hover span:before, .responsive_btn:hover span:after {background: var(--primary-color);}

.responsivenav { display: block; position: fixed; left: -280px; top: 0; bottom: 0; width: 280px; min-height: 100%; z-index: 101; background:  var(--primary-color); overflow: auto; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; }
.responsivenav {margin: 0; padding: 0; text-align: left;}
.responsivenav li { border-top: 1px solid rgba(255, 255, 255, 0.2); list-style-type: none; margin: 0; padding: 0; position: relative; text-transform: capitalize; font-size: 15px; line-height: 20px; color: #fff; }
.responsivenav li:first-child {border-top: none;}
.responsivenav li:after{display: none;}
.responsivenav li > a {display: block; padding: 12px 10px 8px; color: var(--white-color); position: relative;}
.responsivenav li a:hover,.responsivenav li a:focus,.responsivenav li.current_page_item > a{color: var(--white-color); background: #3e3e3e;}
.responsivenav ul {padding: 0 }
.responsivenav .sub-menu,.responsivenav li a i {display: none;}
.responsivenav .subarrow {display: block; pointer-events: inherit; width: 30px; height: 40px; line-height: 40px; position: absolute; top: 0; right: 0;}
.responsivenav .sub-menu .container {width: 100%; padding: 0;}
.bodyOverlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; transform: none; background: rgba(0, 0, 0, 0.6); opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s; }
html.responsive,.responsive body {overflow-y: hidden;}
.responsive .wrapper {-webkit-transform: translate(-280px, 0) !important; transform: translate(-280px, 0) !important;}
.responsive .bodyOverlay {opacity: 1; visibility: visible;}
.responsive .responsivenav {left: 0;}
.responsive .responsive_btn {pointer-events: none;}
.responsive .responsive_btn span {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.responsive .responsive_btn span:after {-webkit-transform: rotate(270deg); transform: rotate(270deg); top: 0;}
.responsive .responsive_btn span:before {opacity: 0;}
.responsivenav .opened > .subarrow {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.responsivenav .mCSB_outside + .mCSB_scrollTools{right: 0;}
.responsive .responsivenav .mCSB_outside + .mCSB_scrollTools{right: -4px;}
.responsivenav li.menu-item-has-children{display: block;}
.responsivenav ul li .sub-menu{padding-left: 10px;}
/*MENU END*/

@media only screen and (min-width: 1920px) and (max-width: 3000px) {
    .container {
        max-width: 1440px;
    }
}

@media only screen and (min-width: 1401px) and (max-width: 1919px) {}

/*1200px*/
@media only screen and (max-width: 1400px) {
    .product_popup .productimg {
        height: 450px;
    }

    .product_popup {
        max-width: inherit;
    }

    /* .product_popup {
        top: 50%;
    } */

    .newsletter_text i {
        font-size: 50px;
    }

    .newsletter_text .heading {
        font-size: 20px;
    }

    .newsletter_text .editor_text {
        font-size: 14px;
    }

    .newsletter_home_form form .tnp-field-email {
        width: 340px;
        margin-left: 30px;
    }

    .heading {
        font-size: 38px;
    }

    .newsletter .grid-3 {
        grid-template-columns: repeat(1, 3fr 3fr 2fr);
    }

    .newsletter .grid-3 .sociallink {
        justify-self: end;
    }

    .home_about .img {
        height: 300px;
        width: 80%;
        margin-top: 20px;
    }

    .home_about .img img {
        width: 100%;
        height: 100%;
    }

    .home_about .owner {
        max-width: 280px;
    }

    .logo {
        max-width: 170px;
    }

    .logo img {
        width: 100%;
        height: 100%;
    }

    .home_about .title {
        max-width: 400px;
    }

    .productbox figure {
        height: 230px;
        margin-bottom: 25px;
    }
    .productsection .productbox {
        margin: 10px 9px;
    }
    .productsection .productbox figure img{
        aspect-ratio: 3/2;
    }

    .innerBanner {
        height: 400px;
    }

    .woocommerce ul.productlist li.productbox .woocommerce-loop-product__title {
        font-size: 20px;
        margin-bottom: 10px;
        height: 46px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .socialbox {
        padding: 54px 54px 60px 72px;
        min-height: 352px;
    }
    .socialwall .youtube_iframe iframe {
        width: 420px;
        height: 242px;
        padding: 8px;
        background: #757575;
        margin: 1px 0px 0px 16px;
    }
    .social_repeater a img {
        width: 100%;
        height: 82px;
    }
    .socialwall .youtube_iframe{top: 15%;}
    .image_content .slides figure:first-child{
        /* height: 480px; */
    }
    header.mainHeader ul.menu{
        column-gap: 30px;
    }
    .servicebox figure{
        height: 220px;
    }
    .servicebox .title{
        font-size: 18px;
        height: 29px;
        -webkit-line-clamp: 1;
    }
    .servicebox .servicecontent .editor_text{
        font-size: 14px;
        line-height: 1.5;
    }
    .servicebox .servicecontent .btn_wrap{
        margin: 10px 0;
    }
    .social_body .socialwall::before {
        right: 17vw;
    }
}

/*1170px*/
@media only screen and (max-width: 1199px) {
    header.mainHeader ul.menu{column-gap: 14px;}
    header.mainHeader ul.menu a{font-size: 14px;}
    td.product-name{font-size: 18px;}
    .logo {
        max-width: 140px;
    }
    .productbox figure {
        height: 240px;
    }
    .gallery figure {
        height: 260px;
    }
    .woocommerce ul.products li.product a img {
        height: 240px;
    }
    .contact_inner ul li a{
        font-size: 18px;
    }
    .woocommerce ul.products, .woocommerce-page ul.products{
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 20px;
    }
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        float: none;
        margin: 0;
        position: relative;
        width: 100%;
        margin-left: 0;
    }
    .woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
       display: none;
    }
    footer .footerNav ul li {
        margin-bottom: 10px;
    }
    footer .footerNav .sub-heading{
        font-size: 18px;
    }
    .contactnav ul li a{
        font-size: 14px;
    }
    .copyright_wrap{
        margin-top: 20px;
    }
    footer .footerNav {
        margin-top: 60px;
    }
    .copyright p, .copyright a {
        font-size: 12px;
    }
    footer p, footer a{
        font-size: 14px;
    }
    .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
        width: 100%;
    }
    h1{font-size: 38px;}
    .comment-reply-title{font-size: 30px;}
    .card-customer ul li a{font-size: 14px;}
   
}

/*992px*/
@media only screen and (max-width: 1169px) {
    .social_body .socialwall::before{
        width: 200px;
        height: 100px;
        bottom: -46px;
    }
    .social_body .innerBanner::before{
        width: 200px;
        height: 120px;
    }
    .social_body .innerBanner::after{
        width: 180px;
        height: 130px;
        bottom: -50px;
    }
    h1 {
        font-size: 32px;
    }
    .comment-reply-title {
        font-size: 24px;
    }
    .copyright{text-align: left !important;}
    .copyright p, .copyright a {
        font-size: 12px;
        line-height: 20px;
    }
}

/*768px*/
@media only screen and (max-width: 991px) {
    .responsive_btn{display: block;}
    .header_wrap .menu-header-menu-container{display: none;}
    .productsection .sm_content figure{width: 340px;}
    .newsletter .grid-3 {
        grid-template-columns: repeat(1, 1fr);
    }
    .newsletter_text{
        justify-content: center;
        flex-direction: column;
        text-align: center;
    }
    .newsletter_text i{
        display: none;
    }
    .newsletter_home_form form .tnp-field-email{
        width: 100%;
        margin-left: 0;
    }
    .newsletter .grid-3 .sociallink {
        justify-self: center;
        text-align: center;
    }
    .detailslist .row{
        margin: 0;
        padding-bottom: 30px;
    }
    .detailslist .row figure {
        max-width: 90%;
        margin: 0 auto 30px;
    }
    .woocommerce ul.products, .woocommerce-page ul.products{
        grid-template-columns: repeat(2,1fr);
    }
    .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product{
        margin: 0;
    }
    .woocommerce h2{
        font-size: 26px;
    }
    .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product{
        width: 100%;
    }
    .servicebox figure{
        height: 160px;
    }
    .servicebox .title{
        font-size: 18px;
        height: 30px;
    }
    .servicebox .servicecontent .editor_text{
        font-size: 14px;
    }
    .servicebox .servicecontent .btn_wrap{
        margin: 10px 0;
    }
    .contact_inner .sitelink{
        margin-bottom: 30px;
    }
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
        width: 100%;
        position: relative;
        top: 0;
    }
    .detailslist .row .content {
        padding: 0;
    }
    .product_data_container .product-head-wrap{
        flex-wrap: wrap;
    }
}

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

/*480px*/
@media only screen and (max-width: 599px) {}

/*360px*/
@media only screen and (max-width: 479px) {}