@charset "utf-8";

@media screen and ( max-width:1920px ){
    .carousel-caption {top:18rem !important;}

}
@media screen and ( max-width:1600px ){
    .carousel-caption {top:15rem !important;}

}
@media screen and ( max-width:1440px ){
    .carousel-caption {top:14rem !important;}

}

@media screen and ( max-width:1200px ){
    #carouselIndex{ margin-top:3rem; }
    .carousel-caption {top:8rem !important;}

}


@media screen and ( max-width:992px ){
    #carouselIndex{ margin-top:5rem; }
    .carousel-caption {top:8rem !important;}
    .why .list-group {display: block !important;}
    .about-l{ padding: 4rem 0.75rem; }
    .about-r img { padding-top: 5rem; }
    .data .col{ display: block; padding: 0.4rem; background:rgba(); text-align: center; margin: 0 1rem; padding: 1rem; border-radius: 1rem; }
    .number { font-size: 2rem; font-weight: 500; }

}

@media screen and ( max-width:768px ){
    .navbar-brand { max-width:80% }
    #carouselIndex{ margin-top:5rem; }
    .carousel-caption {top:5rem !important;}
    .carousel-caption h2 {font-size:2rem !important;}
    .carousel-caption p {font-size:1.5rem !important;}
    .banner {margin-top: 5rem;}
    .data .col{ display: block; padding: 0.4rem; background:rgba(); text-align: center; margin: 0 1rem; padding: 1rem; border-radius: 1rem; }
    .number { font-size: 2rem; font-weight: 500; }
    .about-r img { padding-top: 3rem; }

}

@media screen and ( max-width:576px ){
    .head .navbar-toggler {position: absolute; top:1.7rem; right: 0.2rem; z-index: 99 !important;} 
    #carouselIndex{ margin-top:5rem; }
    .carousel-caption {top:4rem !important; left: 5% !important; right: 5% !important;}
    .carousel-caption h2 {font-size:1.5rem !important;}
    .carousel-caption p {font-size:1.2rem !important; margin-top: 1rem !important;}
    .products, .factory, .about {padding:4rem 0.5rem;}
    .productdes { margin-top:2rem; }
    .imgthumb { margin-top: 0; }

    .service{margin-top:3rem; padding-left: 0 !important;}
    .service-box{border-radius: 0.5rem !important; margin: 0.5rem !important; padding: 0.5rem !important}
    .banner {margin-top: 5rem;}
    .about{height: auto !important;}
    .index_con { padding: 0.5rem;  background: rgba(18, 142, 136, 0.9); color: #FFF;}
    .index_con a:link, .index_con a:visited { color:#CCC; }
    .article-content {padding: 1rem 0;}
    .data{ padding:2rem 0; }
    .data li{ margin-bottom:2rem; }
    .contact li { float:left; width:48%; padding-top:2rem; }
    h1{ text-align:center; }
    ul.application li{}

}