@media only screen and (max-width:1400px), (max-width:1499px){
.main_banner .banner_text h1{font-size: 50px;line-height: 50px;}

}

@media only screen and (max-width:1300px){

    header .main-menu li a,
    header .header-phone a{
        font-size: 18px;
    }
}

@media only screen and (max-width:1200px), (max-width:1299px){
.common_title{padding-bottom: 40px;}
.common_title strong,
.footer_logo span{font-size: 28px;}
.common_title strong.font52{font-size: 48px;}

}

@media only screen and (max-width:1100px),(max-width:1199px){

}

@media only screen and (max-width:1000px),(max-width:1099px){
.main_banner .wrapper,
.home-one .wrapper,
.home-two .wrapper,
.home-seven .wrapper,
.home-nine .wrapper{width: 100%;}

.home-five .btn_holder a,
.home-six .main_content .btn_holder a,
.home-seven .product-slider .main-content .btn_holder a{line-height: 45px;}

.home-seven .product-slider{gap: 10px;}
.home-seven .product-slider .card{flex: 0 0 calc((100% - 30px) / 3);}
.home-seven .product-slider .main-content{padding: 15px 10px;}
.home-seven .product-slider .main-content .prd_name span.name{font-size: 15px;}

.home-nine .main-content .content{padding: 15px 10px;  height: 175px;}

}

@media only screen and (max-width:900px),(max-width:999px){
.home-five .wrapper{width: 100%;}

.common_title{padding-bottom: 30px;}
.common_title strong,
.footer_logo span{font-size: 24px;}
.common_title strong.font52{font-size: 40px;}

.home-two .main-content{font-size: 36px;}
.home-three .main-content .content .title{font-size: 18px; line-height: 20px;}

}

@media only screen and (max-width:420px),(max-width:499px) {
.common_title{padding-bottom: 30px;}
.common_title strong,
.footer_logo span{font-size: 20px;padding: 0px 0;}
.common_title strong.font52{font-size: 26px;}

.main_banner .banner_img{width: 100%;}
.main_banner .banner_text{right: 15px; top: 10%;}
.main_banner .banner_text h1{font-size: 38px; line-height: 40px; padding-bottom: 30px;}
.main_banner .banner_text .btn_holder a.btn2{margin-top: 15px;}

.home-one{padding: 30px 0 0 0;}
.home-one .wrapper{gap: 30px; display: flex; flex-wrap: wrap;}
.home-one .box-content{flex: 0 0 calc(100% - 60px) / 3;}
.home-one .box-content img{width: 80%; margin: 0 auto;}
.home-two .main-content{font-size: 24px; background: none; background-size: 15px; padding-bottom: 30px;}
.home-two .main-content span.text1{font-size: 46px;}
.home-two .main-content span.text2{font-size: 36px;}
.home-two .main-content strong{font-weight: 400;font-size: 36px;
    line-height: 34px;}

.home-three,
.home-five{padding: 30px 0;}

.home-five .btn_holder{
    padding-top: 20px;
}

.home-three h2 span{padding-top: 15px;}
.home-three .main-content{flex-wrap: wrap; display: flex; align-content: center; justify-content: center;}
.home-three .main-content .box-content{flex: 100%;}
.home-three .main-content .content .title{font-size: 20px;}
.home-three .main-content .content p{height: auto; font-size: 14px;}
.home-three .main-content .content a{font-size: 14px;}

.home-four{padding: 40px 0;}
.home-four .wrapper{width: 100%; padding: 0 25px;}
.home-four .btn_holder input{width: 100%;}

.home-five .common_title{padding-bottom: 50px;}
.home-five .main-content{padding: 0;}
.home-five .main-content ul li{display: flex; align-content: center;}
.home-five .main-content .text_holder{font-size: 13px; width: 68%; padding: 0;}
.home-five .main-content .text_holder span{font-size: 17px;}
.home-five .btn_holder a{width: 160px;}

.home-six .wrapper,
.home-six .main_content,
.home-faq .wrapper{width: 100%;}
.home-six .common_title .img_holder{width: 100px;}
.home-six .common_title .text_holder{padding: 0;margin-inline-start: -30px;}
.home-six .common_title .text_holder span{border: 1px solid rgba(240, 208, 96, 0.20);padding: 6px 26px 6px 16px;font-size: 14px;background: url(../images/star.png) no-repeat 90% 8px;background-size: 16px;border-radius: 26px;}
.home-six .main_content .text_holder .box{width: 48%; border: 0;padding: 10px 0;}
.home-six .main_content .btn_holder{padding: 30px 0 40px 0;}
.home-six .main_content .btn_holder a{width: 100%;}

.home-seven{padding: 60px 0 20px 0;}
.home-seven .product-slider{flex-wrap: wrap; gap: 10px;}
.home-seven .product-slider .card {flex: 0 0 calc((100% - 10px) / 2);}

.home-eight{background: none; padding: 30px 0;}
.home-eight .wrapper{padding: 0; width: 100%;}
.home-eight .mobile_img{display: block;}
.home-eight .text_holder{padding: 20px 15px 0 15px;}
.home-eight .text_holder a{margin: 30px auto 0 auto; display: block;}

.home-nine,
.home-faq{padding: 30px 0;}

.home-nine .wrapper{
    padding: 0;
}

.footer_logo p{
    text-align: center;
}

.owl-theme .owl-nav .owl-prev span, .owl-theme .owl-nav .owl-next span{
    font-size: 33px;
}
.home-nine .main-content{flex-wrap: wrap;}
.home-nine .main-content .box-content{flex: 0 0 100%}
.home-nine .btn_holder a{width: auto; padding: 0 32px;}

.home-faq .btn_holder a{width: 100%; line-height: 55px;}

.home-nine .main-content .content{
    height: auto;
}

.home-contact .common_title p{
    margin-block: 5px;
    margin-block-end: 10px;
}

.home-four.home-contact{
    padding-bottom: 30px;
}

}

@media only screen and (max-width:375px),(max-width:399px){

}

@media only screen and (max-width:360px){
.home-one .wrapper{gap: 10px;}
.home-one .box-content{flex: 0 0 calc(100% - 20px) / 3;}

}

@media only screen and (max-width:300px),(max-width:320px){
.home-one .wrapper{gap: 5px;}
.home-one .box-content{flex: 0 0 calc(100% - 10px) / 3;}

}

@media only screen and (min-width:767px){
    header .menu_icon{
        display: none;
    }
}

@media only screen and (max-width:767px){
    header nav.main-navigation{
        position: fixed;
        top: 0;
        right: 0;
        left: auto;
        visibility: hidden;
        height: 100%;
        max-height: none;
        z-index: 104100;
        background-color: #fff;
        box-shadow: none;
        touch-action: manipulation;
        /* transition: transform .3s ease, visibility .3s ease; */
        -moz-transition: transform .6s cubic-bezier(.75,0,.175,1),visibility .6s cubic-bezier(.75,0,.175,1);
        -webkit-transition: transform .6s cubic-bezier(.75, 0, .175, 1), visibility .6s cubic-bezier(.75, 0, .175, 1);
        transition: transform .6s cubic-bezier(.75, 0, .175, 1), visibility .6s cubic-bezier(.75, 0, .175, 1);
        padding: 20px 0 50px;
        width: 90%;
        transform: translate(100%);
        max-width: 350px;
    }

    body.menu-open header nav.main-navigation{
        visibility: visible;
        transform: translate(0);
        max-width: 90%;
    }

    .anylock-section--icons_strip_second{
        margin-block: 30px;
    }

    main{
        padding-block-start: 50px;
    }

    header .header-phone{
        order: 3;
        margin-inline-end: 0;
        margin-inline-start: 0;
        max-width: fit-content;
    }

    header{
        height: 70px;
    }

    header .main-logo img {
        max-height: 65px;
        margin: auto;
    }

    header .header-phone a{
        font-size: 0;
        width: 40px;
        height: 40px;
        padding: 0;
        justify-content: center;
        gap: 0;
    }

    .main_banner .wrapper{
        padding: 0;
    }

    .site-overlay{
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100vw;
        visibility: hidden;
        opacity: 0;
        background: #363636;
        -webkit-transition: opacity 0.45s, visibility 0.45s;
        -moz-transition: opacity 0.45s, visibility 0.45s;
        -ms-transition: opacity 0.45s, visibility 0.45s;
        -o-transition: opacity 0.45s, visibility 0.45s;
        transition: opacity 0.45s, visibility 0.45s;
        z-index: 200;
    }

    body.menu-open .site-overlay{
        visibility: visible;
        opacity: 0.5;
    }

    .main_banner .banner_text{
        width: 100%;
        padding-inline: 15px;
        right: 0;
        position: static;
        align-items: center;
        margin-block-start: 25px;
        display: inline-block;
    }

    .main_banner .banner_text h1{
        text-align: center;
    }

    .anylock-section.anylock-section--icons_strip .home-one{
        padding: 40px 0 0 0;
    }

    .home-two{
        padding: 30px 0;
    }

    .main_banner .banner_text h1 span, .main_banner .banner_text h1 strong{
        display: inline-block;
    }

    .main_banner .banner_text .btn_holder{
        width: 100%;
        display: flex;
        gap: 20px;
    }

    .main_banner .banner_text .btn_holder a.btn2{
        margin-top: 0;
    }

    .main_banner .banner_text .btn_holder a{
        height: 37px;
        border-radius: 50px;
    }

    .home-one .box-content .img_holder{
        margin-block-end: 0;
    }

    .anylock-section .anylock-section--blog_cards .wrapper{
        padding-inline: 0;
    }

    .home-six .common_title .img_holder{
        position: absolute;
        left: 10px;
        top: 30px;
    }

    .home-six .main_content .text_holder .box img{
        margin: 0 auto;
    }

    .home-six .common_title{
        justify-content: center;
    }

    .home-six{
        padding-top: 8px;
    }

    .home-six .common_title .text_holder h2{
        max-width: 150px;
        margin: auto;
        line-height: 31px;
    }

    .home-seven .common_title p strong,
    .home-five h2, .home-five p, .home-seven h2{
        font-size: 25px;
    }

    .home-five .main-content .text_holder strong{
        font-size: 25px;
    }

    .home-eight{
        background: none !important;
    }

    .home-eight .text_holder p{
        font-size: 15px;
    }

    .anylock-section--blog_cards{
        background: #EBEBEB80;
    }

    body.home .home-seven .product-slider{
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
        overflow: auto !important;
        white-space: nowrap;
        display: block !important;
        padding-right: 0;
        opacity: 1 !important;
        padding-bottom: 10px;
        padding-left: 0;
        margin-left: -15px;
    }

    body.home .home-seven .product-slider .card{
        list-style: none;
        display: inline-block;
        width: 62vw;
        text-align: right;
        vertical-align: top;
        white-space: normal;
        margin-left: 10px;
        max-width: none !important;
    }

    .home-one .box-content .icon-text{
        font-size: 18px;
    }

    header .main-menu{
        flex-direction: column;
        padding: 15px;
    }

    header .main-menu li:after{
        display: none;
    }

    header .main-menu li{
        border-bottom: 1px solid rgb(21 37 68 / 40%);
        padding-block-end: 15px;
    }

    header .main-menu li:last-child{
        border-bottom: 0;
    }

    header .main-menu li.current-menu-item{
        border-color: #00A895;
    }

    body.home .wrapper{
        padding: 0 25px;
    }

    .home-four h3{
        line-height: 27px;
    }

    .home-seven .product-slider .card .offer{
        right: 10px;
        top: 10px;
        font-size: 10px;
        padding: 2px 5px;
    }

    .home-seven .product-slider .main-content .prd_tag{
        min-height: 130px;
    }
}