section{
    margin-top:100px;
}
section#section-header,section.banner{
    margin-top:0;
}
h2{
    text-align: center;
    font-size:40px;
    font-weight: bold;
    margin-bottom:50px;
}
.container-fluid{
    padding:0;

}
.con p{
    margin-bottom:10px;
}
a:hover{
     text-decoration: none; 
}
.pagination{
    flex-wrap:wrap;
}
.row{
    margin-left:0;
    margin-right:0;
}


.des-content{
    font-size:16px;
    line-height: 40px;

}
.list-content{
    font-size:16px;
    line-height: 20px;
}
.read-more{
    width:130px;
    height:40px;
    line-height:38px;
    text-align: center;
    border-radius: 50px;
    border:1px solid #172A88;s
}
.read-more a{
    color:#172A88;
    font-size:16px;
}
.read-more:hover{
    background-color: #172A88;
}
.read-more:hover a{
    color:#fff;
    
}

.cta-img{
    padding:0;
    margin:0;
}
.cta-content-wrap{
    padding:0;
    margin:0;
}
@media (max-width: 1800px) {
    .detail-banner-wrap{
        width:1200px;
    }
    .detail-banner-wrap .quote-wrap{
       
        right:9%;
    }
}
@media (max-width: 1600px) {
     .detail-banner-wrap{
        width:1100px;
        margin-top: 64px;
    }
    .detail-banner-wrap h1{
        height:96px;
        font-size:36px;
    }
    .detail-banner-wrap .quote-wrap{
        margin-top:50px;
    }
    .detail-banner-wrap .name-item {
        margin-top: 153px;
    }

}
@media (max-width: 3000px) {
    .banner-con-center .quote-wrap .quote,.banner-con-left-bac .quote-wrap .quote {
        width: 240px;
        height: 85px;
        /* line-height: 64px; */
        font-size: 24px;
    }
}
@media (max-width: 1500px) {
    .banner-con-center h1 {
        font-size: 40px;
    }
    .banner-con-center .title-des {
        font-size: 22px;
    }
    .banner-con-center .quote-wrap .quote,.banner-con-left-bac .quote-wrap .quote {
        width: 240px;
        height: 85px;
        /*line-height: 64px;*/
        font-size: 24px;

    }
    /* .quote-go {
        width: 64px;
        height: 64px;
        line-height: 64px;
    } */
    .quote-go img{
        width:70%;
    }
    .word-item{
        right:2%;
    }
    .pull-down-menu .Spec-table{
        top:75px;
        left:0;
    }

    /* product-list */
    .banner-con-left-bac .title-des{
        font-size:1.1rem;
        margin-top:26px;
        color:#000;
        line-height:2.5rem;
        text-align: center;
    }
    .product-lists-t-wrap li{
        height:515px;
        width:385px;
        margin-right:7.9rem;
        padding:5px 4px;
        background: url(../img/product-lists-t-wrap-item-bac-he-1200.png) no-repeat 100% 100%;
    }
    .product-lists-t-wrap li:nth-child(3n){
        margin-right:0;
    }
.product-lists-t-wrap li:hover{
    background-image: url(../img/product-lists-t-wrap-item-bac-hehover-1200.png);
    transition: all 0.3s;
}
section.cta-section{
    background: url(../img/botbanner-1280.webp) no-repeat center/cover;
}
.detail-banner-wrap{
    width:1000px;
}
.detail-banner-wrap .quote-wrap{
    right:0;
    margin-top: 48px;
}
.detail-banner-wrap .name-item{
    margin-top: 147px;
}
.detail-related-wrap{
    gap:6%;
}    
.list-related-wrap{
    gap:14.5%;
}
.detail-banner-wrap h1{
    height:96px;
}    
}
@media (max-width: 1450px) {
    .product-lists-t-wrap li{
        margin-right:6.5rem;   
    }
    .product-lists-t-wrap li:nth-child(3n){
        margin-right:0;
    }
    .detail-banner-wrap .quote-wrap {
        right: 7%;

    }
}
@media (max-width: 1400px) {
    .product-lists-t-wrap li{
        margin-right:4.7rem;   
    }
    .product-lists-t-wrap li:nth-child(3n){
        margin-right:0;
    }
    .detail-related-wrap{
        gap:5%;
    }
    .list-related-wrap{
        gap:13%;
    }
    .detail-banner-wrap .quote-wrap {
        right: 11%;
    }
}
@media (max-width: 1350px) {
    .product-lists-t-wrap li{
        margin-right:3.1rem;   
    }
    .product-lists-t-wrap li:nth-child(3n){
        margin-right:0;
    }
     .list-related-wrap{
        gap:12%;
    }
}
@media (max-width: 1300px) {
    .product-lists-t-wrap li{
        margin-right:1.5rem;   
    }
    .product-lists-t-wrap li:nth-child(3n){
        margin-right:0;
    }
    .detail-related-wrap{
        gap:3%;
    }
     .list-related-wrap{
        gap:10%;
    }
    .detail-banner-wrap {
        width: 900px;
    }
}
@media (max-width: 1250px) {
    .product-lists-t-wrap li{
        margin-right:0.2rem;   
    }
    .product-lists-t-wrap li:nth-child(3n){
        margin-right:0;
    }
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
     .word-item{
        right:2%;
    }
       /* product-list */
    .banner-con-left-bac h1{
        font-size:1.5rem;
    }
    .banner-con-left-bac .title-des{
        font-size:0.9rem;
    }
    .banner-con-left-bac .quote-wrap{
        margin-top:22px;
    }
    .banner-con-left-bac .quote-wrap .quote{
        width: 163px;
        height: 48px;
        line-height: 48px;
        font-size: 20px;
    }
    .banner-con-left-bac .quote-go {
        width: 48px;
        height: 48px;
        line-height: 44px;
    }
    .product-feature-item-img img{
        width:100%;
    }
    .product-list-list-line{
        height:510px;
        margin-top:0;
    }
    .product-list-list-item{
        width:46%;
        margin-top:10px;
    }
    .product-list-list-item:nth-child(2n){
        margin-right:0.5%;
    }
    .product-lists-t-wrap li{
        margin-right:1rem;
    }
     .product-feature-t .product-feature-t-wrap-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }
    .detail-related-wrap{
        gap:1%;
    }
    .detail-banner-wrap {
        width: 752px;
    }
    .detail-banner-wrap {
        margin-top: 80px;
    }
    .detail-banner-wrap .quote-wrap {
        right: 12%;
        margin-top: 36px;
    }
    .detail-banner-wrap .name-item {
        margin-top: 145px;
    }
    .main-nav>ul {
        gap: 6px;
    }
   
}
/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .banner-con-center h1 {
        font-size: 36px;
    }
    .banner-con-center .title-des {
        font-size: 20px;
    }
    .banner-con-center .quote-wrap .quote {
        width: 208px;
        height: 58px;
        line-height: 52px;
        font-size: 24px;
    }
    .quote-go {
        width: 58px;
        height: 58px;
        line-height: 58px;
    }
    .quote-go img{
        width:70%;
    }
         /* product-list */
    .banner-con-left-bac h1{
        font-size:2.5rem;
    }
    .banner-con-left-bac .title-des{
        font-size:1.3rem;
         line-height:2rem;
    }
    .banner-con-left-bac .quote-wrap{
        margin-top:40px;
    }
    .banner-con-left-bac .quote-wrap .quote{
        width: 220px;
        height: 64px;
        line-height: 64px;
        font-size: 24px;
    }
    .banner-con-left-bac .quote-go {
        width: 64px;
        height: 64px;
        line-height: 64px;
    }
     section.contactus-future{
        height:980px;
    }
    .vision-wrap {
        margin-top:105px;
    }
     .product-feature-t .product-feature-t-wrap-list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
    }
    .detail-banner-wrap {
        width: 555px;
    }
    .detail-banner-wrap h1{
        font-size:32px;
    }
}
/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .banner-con-center h1 {
        font-size: 28px;
    }
    .banner-con-center .title-des {
        font-size: 18px;
    }
    .contact-info-phone, .contact-info-email{
        width:100%;
    }
    .contact-info-email{
        margin-left:0;
    }
    .contact-info-email .info .word{
        font-size:15px;
    }
    .spanpolicy{
        position: static;
    }
    .policy{
        width:100%;
        position: static;
    }
    .product-form .form form .col2 {
        width: 100%;
    }
    .banner-product-list .banner-con-left-bac{
        background: none;
    }


    /* product-detail */
        .product_spec .flex {
        gap: 2rem;
        flex-direction: column;
    }
        .product_spec .left {
        width: 100%;
    }
    .product_spec .right {
        width: 100%;
        max-width: 214px;
    }
    .product_spec table tbody {
        display: unset;
    }
    
    .product_spec table tbody tr td {
        font-size: 14px;
        line-height: 1.5;
        min-width: 120px;
        padding-left: 12px;
        padding-right: 12px;
    }
    .product_spec table tbody tr td:first-child {
        font-size: 14px;
        line-height: 1.5;
        min-width: 120px;
    }
    .btn_cir p{
        font-size:12px;
    }
    .detail-banner-wrap {
        width: 100%;
    }

}
/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
     .banner-product-list .banner-con-left-bac{
        background: none;
    }

    .product-feature-item-img{
        width:40%;
    }
    .product-feature-item-img{
        margin:20px 0;
    } 
    .product-feature-item-img img{
        width:100%;  
    }
    .product-feature-item-word{
        height:10rem;
    }
    .product-list-list-item{
        width:100%;
    }
    .detail-banner-wrap {
        width: 100%;
    }
    .detail-banner-wrap .quote-wrap{
        position:static;
    }
    .detail-banner-wrap .name-item{
        margin-top:3px;
     }
    .detail-banner-wrap h1 {
        font-size: 28px;
    
    }
    .detail-related-wrap{
        display:block;
    }
    .detail-related-wrap li{
        width:100%;
    }
    .detail-related-wrap li>a{
        width:100%;
    }
    .pull-down-menu .menu-title{
        width:100%;
    }
    .pull-down-menu .menu-title>p{
        font-size:19px;
    }
    .pull-down-menu .menu-title .selt{
        width:60px;
    }
    .pull-down-menu .Spec-table{
        width:100%;
        height:auto;
    }
    
 }

@media (max-width: 768px) {
    .product-form .form form .btn {
        margin-top: 200px;
    }
    .policy {
        width:100%;
    }
}