/* Responsive css */



/* Responsive nav css */



@media (max-width: 1199px) {}



@media (max-width: 1024px) {

    .main_head .navbar-nav .clickD {

        position: absolute;

        right: -5px;

        top: 50%;

        width: 10px;

        height: 5px;

        border-top: 5px solid #fff;

        border-right: 5px solid transparent;

        border-left: 5px solid transparent;

        cursor: pointer;

        display: block;

        background-size: 10px;

        z-index: 9999;

        transform: translateY(-50%);

    }

    .main_head ul.navbar-nav li .clickD+.sub-menu {

        opacity: 0;

        visibility: hidden;

    }

    .main_head ul.navbar-nav li .clickD.toggled+.sub-menu {

        position: absolute;

        top: 100%;

        opacity: 1;

        visibility: visible;

    }

}







@media (max-width: 991px){



    .left_nav{

        float: left;

        justify-content: left;

        padding-left: 15px;

    }



}



@media (max-width: 767px) {

    .main_head .navbar-nav .clickD {

        top: 25px;

    }

    .main_head ul.navbar-nav li .clickD.toggled+.sub-menu {

        position: relative;

        top: 100%;

    }

}





/* Responsive nav end */



@media (max-width: 1750px){



    .home_slider img{

        width: 100%;

        height: 650px;

    }

    .outer_bannerCap{

        padding: 80px 0;

    }



}



@media (max-width: 1649px){



    .home_slider .banner_cap{

        margin-top: -28%;

        width: 65%;

    }

    .outer_bannerCap{

        width: 50%;

        padding: 80px 0;

    }

}



@media (max-width: 1480px){



    .home_slider .banner_cap{

        margin-top: -30%;

    }



}





@media (max-width: 1399px){



    .home_slider .banner_cap h1{

        line-height: 60px;

        font-size: 45px;

    }

    .home_slider img{

        height: 650px;

        object-fit: cover;

    }

    .home_slider .banner_cap{

        margin-top: -35%;

    }

    .about .right_contact{

        padding-left: 20px;

    }

    .about .left_img{

        padding: 25px;

    }

    .about .right_contact p{

        width: 90%;

    }

    .about{

        padding: 50px 0;

    }

    .insight{

        margin-bottom: 50px;

    }

    .product{

        padding-bottom: 50px;

    }

    .custom_row{

        width: 87%;

    }

    .pro_detail_banner .banner_cap{

        padding: 120px 0;

    }

    .outer_bannerCap{

        padding: 80px 0;

    }



}



@media (max-width: 1299px){



    .home_slider .banner_cap h1{

        line-height: 60px;

        font-size: 45px;

    }

    .home_slider img{

        height: 600px;

        object-fit: cover;

    }

    .home_slider .banner_cap{

        margin-top: -35%;

    }

    .custom_row{

        width: 85%;

    }

    .pro_detail_banner .banner_cap{

        padding: 110px 0;

    }

    .outer_bannerCap{

        padding: 80px 0;

        width: 55%;

    }

    



}



@media (max-width: 1199px){



    .navbar .navbar-nav>li{

        padding: 12px 10px;

    }

    .clickD{

        right: 7px !important;

    }

    .home_slider .banner_cap{

        margin-top: -40%;

        width: 75%;

    }

    .home_slider .banner_cap h1{

        width: 100%;

    }

    .product p{

        width: 65%;

    }

    .product{

        padding-bottom: 20px;

    }

    .pro_detail_banner .banner_cap{

        padding: 100px 0;

    }

    .outer_bannerCap{

        padding: 80px 0;

        width: 70%;

    }

    .about .left_img{

        height: 300px;

        margin-top: 26%;

    }



}



@media (max-width: 991px){



    .navbar li a{

        color: #fff;

    }

    .navbar .navbar-nav>li{

        padding: 12px 10px;

    }

    .clickD{

        right: 7px !important;

    }

    .home_slider .banner_cap{

        margin-top: -55%;

        width: 75%;

    }

    .home_slider .banner_cap h1{

        width: 100%;

    }

    .product p{

        width: 65%;

    }

    .product{

        padding-bottom: 20px;

    }

    .about .left_img{

        height: 500px;

        overflow: hidden;

        padding: 0 20px;

        margin-top: 0;

    }

    .about .left_img img {

        height: 460px;

        object-fit: cover;

        width: 100%;

        object-position: top;

    }

    .about .right_contact p{

        width: 100%;

    }

    .insight p{

        width: 80%;

    }

    .product p{

        width: 80%;

    }

    .custom_row{

        width: 100%;

    }

    .pro_detail_banner .banner_cap{

        padding: 85px 0;

    }

    .pro_detail_banner .banner_cap h1{

        font-size: 50px;

    }

    .product_det_content{

        padding: 60px 0 30px 0;

    }

    .product_det_content .content_sec img.product_img{

        width: 100%;

    }

    .outer_bannerCap{

        padding: 70px 0;

        width: 90%;

    }

    .inner_pro_bg h2{

        font-size: 45px;

    }

    .product.inner_pro_sec{

        padding-top: 60px;

    }



}



@media (max-width: 767px){



    .green_bar .right_contact{

        justify-content: center;

    }

    .navbar li a{

        color: #fff;

    }

    .navbar .navbar-nav>li{

        padding: 12px 10px;

    }

    .clickD{

        right: 7px !important;

    }

    .home_slider img{

        height: 450px;

    }

    .home_slider .banner_cap{

        margin-top: -55%;

        width: 100%;

    }

    .home_slider .banner_cap h1{

        width: 100%;

        font-size: 40px;

        line-height: 50px;

    }

    .home_slider .banner_cap h2{

        font-size: 36px;

        padding-bottom: 15px;

    }

    .product p{

        width: 65%;

    }

    .product{

        padding-bottom: 0px;

    }

    .about{

        padding: 40px 0;

    }

    .about .left_img{

        height: 400px;

        overflow: hidden;

        padding: 0 20px;

    }

    .about .left_img img{

        height: 375px;

        object-fit: cover;

    }

    .about .right_contact p{

        width: 100%;

    }

    .insight p{

        width: 100%;

    }

    .product p{

        width: 100%;

    }

    .custom_row{

        width: 100%;

    }

    .about .right_contact h2{

        font-size: 35px;

    }

    .insight h2{

        font-size: 35px;

    }

    .product h2{

        font-size: 35px;

    }

    footer p{

        padding-bottom: 15px;

    }

    .pro_detail_banner .banner_cap{

        padding: 85px 0;

    }

    .pro_detail_banner .banner_cap h1{

        font-size: 38px;

    }

    .product_det_content{

        padding: 40px 0 20px 0;

    }

    .product_det_content .content_sec img.product_img{

        width: 100%;

    }

    .product_det_content .content_sec{

        width: 95%;

    }

    .product_det_content .content_sec p{

        padding-bottom: 20px;

    }

    .outer_bannerCap{

        padding: 60px 0;

        width: 90%;

    }

    .inner_pro_bg h2{

        font-size: 40px;

    }

    .product.inner_pro_sec{

        padding-top: 50px;

    }

    .product.inner_pro_sec .product_box .pro_img_box{

        padding: 22px 0;

    }



}



@media (max-width: 575px){



    .green_bar .right_contact{

        justify-content: center;

    }

    .navbar li a{

        color: #fff;

    }

    .navbar .navbar-nav>li{

        padding: 12px 10px;

    }

    .clickD{

        right: 7px !important;

    }

    .home_slider img{

        height: 400px;

    }

    .home_slider .banner_cap{

        margin-top: -60%;

        width: 100%;

    }

    .home_slider .banner_cap h1{

        width: 100%;

        font-size: 30px;

        line-height: 40px;

    }

    .home_slider .banner_cap a{

        padding: 12px 25px;

    }

    .home_slider .banner_cap h2{

        font-size: 30px;

        padding-bottom: 15px;

    }

    .product p{

        width: 65%;

    }

    .product{

        padding-bottom: 0px;

    }

    .about{

        padding: 40px 0;

    }

    .about .left_img{

        height: 200px;

        overflow: hidden;

        padding: 0 20px;

    }

    .about .left_img img{

        height: 100%;

        object-fit: contain;

    }

    .about .right_contact p{

        width: 100%;

    }

    .insight p{

        width: 100%;

    }

    .product p{

        width: 100%;

    }

    .custom_row{

        width: 100%;

    }

    .about .right_contact h2{

        font-size: 25px;

    }

    .insight h2{

        font-size: 25px;

    }

    .product h2{

        font-size: 25px;

    }

    footer p{

        padding-bottom: 15px;

    }

    .pro_detail_banner .banner_cap{

        padding: 85px 0;

    }

    .pro_detail_banner .banner_cap h1{

        font-size: 20px;

    }

    .pro_detail_banner .banner_cap ul li{

        padding: 0 8px;

    }

    .product_det_content{

        padding: 40px 0 20px 0;

    }

    .product_det_content .content_sec img.product_img{

        width: 100%;

    }

    .product_det_content .content_sec{

        width: 95%;

    }

    .product_det_content .content_sec p{

        padding-bottom: 20px;

    }

    .product_det_content .content_sec ul{

        padding-left: 10px;

    }

    .outer_bannerCap{

        padding: 50px 0;

        width: 100%;

    }

    .inner_pro_bg span{

        font-size: 32px;

    }

    .inner_pro_bg li{

        font-size: 22px;

    }

    .inner_pro_bg h2{

        font-size: 30px;

    }

    .green_bar .right_contact ul{

        flex-direction: column;

        justify-content: center;

    }

    .green_bar .right_contact ul li{

        justify-content: center;

        padding: 0 0 5px 0;

    }

    .green_bar .right_contact ul li:last-child{

        padding-bottom: 0px;

    }

    .inner_pro_bg li{

        display: none;

    }



}



@media (min-width: 419px) and (max-width: 540px){



    .home_slider .banner_cap{

        margin-top: -45%;

    }



}



@media (min-width: 541px) and (max-width: 575px){



    .home_slider .banner_cap{

        margin-top: -35%;

    }



}



@media (min-width: 320px) and (max-width: 485px){



    .pro_detail_banner .banner_cap ul li.active{

        font-size: 13px;

    }

    .pro_detail_banner .banner_cap ul li a{

        font-size: 14px;

    }

    .pro_detail_banner .banner_cap{

        padding: 60px 0;

    }

	.xzoom-thumbs{
        text-align: center !important;
        padding-left: 0px;
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .xzoom-container{
        padding: 16px;
    }

}