.container{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width:0) and (max-width:575.98px){
    .container{
        max-width: 540px;
    }
    .col-sm-2{
        flex: 0 0 auto;
        width:16.67% ;
    }
    .col-sm-8{
        flex: 0 0 auto;
        width: 66.66%;
    }
    .col-sm-3{
        width: 100%;
    }
    .col-sm-9{
        width: 100%;
    }
    .col-sm-6{
        flex: 0 0 auto;
        width: 50%;
    }
    .col-sm-5{
        flex: 0 0 auto;
        /* 41.66% Nam sửa thành 25%*/
        width: 25%;
    }
    .col-sm-7{
        flex: 0 0 auto;
        width: 58.33%;
    }
    .col-sm-12{
        flex: 0 0 auto;
        width: 100%;
    }


}
@media (min-width:576px) and (max-width:767.98px){
    .container{
        max-width: 720px;
    }
    .col-md-2{
        flex: 0 0 auto;
        width:16.67% ;
    }
    .col-md-8{
        flex: 0 0 auto;
        width: 66.66%;
    }
    .col-md-3{
        width: 100%;
    }
    .col-md-9{
        width: 100%;
    }
    .col-md-6{
        flex: 0 0 auto;
        width: 50%;
    }
    .col-md-5{
        flex: 0 0 auto;
        /* 41.66% Nam sửa thành 25%*/
        width: 25%;
    }
    .col-md-7{
        flex: 0 0 auto;
        width: 58.33%;
    }
    .col-md-12{
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width:768px ) and (max-width: 991.98px){
    .container{
        max-width: 900px;
    }
    .col-lg-2{
        flex: 0 0 auto;
        width:16.67% ;
    }
    .col-lg-8{
        flex: 0 0 auto;
        width: 66.66%;
    }
    /* .col-md{
        width: 100%;
    } */
    .col-lg-3{
        flex: 0 0 auto;
        width: 25%;
    }
    .col-lg-9{
        flex: 0 0 auto;
        width: 75%;
    }
    .col-lg-12{
        flex: 0 0 auto;
        width: 100%;
    }
    .col-lg-6{
        flex: 0 0 auto;
        width: 50%;
    }
    .col-lg-5{
        flex: 0 0 auto;
        /* 41.66% Nam sửa thành 25%*/
        width: 25%;
    }
    .col-lg-7{
        flex: 0 0 auto;
        width: 58.33%;
    }
    .col-lg-12{
        flex: 0 0 auto;
        width:100%;
    }
    .col-lg-4{
        flex: 0 0 auto;
        width:33.33%;
    }
} 
@media (min-width:992px ) and (max-width: 1198.98px){
        .container{
            max-width: 1100px;
        }
        /* .col-lg-5{
            flex: 0 0 auto;
            width: 50%;
        } */
        .col-xl-2{
            flex: 0 0 auto;
            width:16.67% ;
        }
        .col-xl-8{
            flex: 0 0 auto;
            width: 66.66%;
        }
        .col-xl-6{
            flex: 0 0 auto;
            width: 50%;
        }
        .col-xl-5{
            flex: 0 0 auto;
            /* 41.66% Nam sửa thành 25%*/
            width: 25%;
        }
        .col-xl-7{
            flex: 0 0 auto;
            width: 58.33%;
        }
        .col-xl-6{
            flex: 0 0 auto;
            width: 50%;
        }
        .col-xl-3{
            flex: 0 0 auto;
            width: 25%;
        }
        .col-xl-4{
            flex: 0 0 auto;
            width:33.33%;
        }
        .col-xl-12{
            flex: 0 0 auto;
            width:100%;
        }
        .col-xl-9{
            flex: 0 0 auto;
            width: 75%;
        }
}
@media (min-width:1200px ) and (max-width: 1399.98px){
    .container{
        max-width: 1300px;
    }
    .col-xxl-4{
        flex: 0 0 auto;
        width:33.33%;
    }
    .col-xxl-6{
        flex: 0 0 auto;
        width: 50%;
    }
    .col-xxl-8{
        flex: 0 0 auto;
        width: 66.66%;
    }
    .col-xxl-2{
        flex: 0 0 auto;
        width:16.67% ;
    }
    /* .col-xl-5{
        flex: 0 0 auto;
        width: 50%;
    } */
    .col-xxl-3{
        flex: 0 0 auto;
        width: 25%;
    }
    .col-xxl-9{
        flex: 0 0 auto;
        width: 75%;
    }
    .col-xxl-5{
        flex: 0 0 auto;
        /* 41.66% Nam sửa thành 25%*/
        width: 25%;
    }
    .col-xxl-7{
        flex: 0 0 auto;
        width: 58.33%;
    }
    .col-xxl-12{
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width:1400px){
    .container{
        max-width: 1300px;
    }
    .col-xxl-4{
        flex: 0 0 auto;
        width:33.33%;
    }
    .col-xxl-6{
        flex: 0 0 auto;
        width: 50%;
    }
    .col-xxl-8{
        flex: 0 0 auto;
        width: 66.66%;
    }
    .col-xxl-2{
        flex: 0 0 auto;
        width:16.67% ;
    }
    /* .col-xl-5{
        flex: 0 0 auto;
        width: 50%;
    } */
    .col-xxl-3{
        flex: 0 0 auto;
        width: 25%;
    }
    .col-xxl-9{
        flex: 0 0 auto;
        width: 75%;
    }
    .col-xxl-5{
        flex: 0 0 auto;
        /* 41.66% Nam sửa thành 25%*/
        width: 41.67%;
    }
    .col-xxl-7{
        flex: 0 0 auto;
        width: 58.33%;
    }
    .col-xxl-12{
        flex: 0 0 auto;
        width: 100%;
    }
}
/* 
 @media (min-width:px) and (){
    .container{
      max-width: 1140px;
    }
  } 
  @media(min-width:1400px){
    .container{
        max-width:1220px;
    }
}
@media (max-width:768px){
    .container{
      max-width: 720px;
    }
  } 
@media (min-width:1400px){
     .col-xl-5{
        flex: 0 0 auto;
        width: 50%;
     }
} */
.row{
    /* margin-left: -15px;
    margin-right: -15px; */
    display: flex;
    flex-wrap: wrap;
}
.row > *{
    flex-shrink: 0;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
 }
 @media (max-width:1199.98px){

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

 }
 @media (max-width:767.98px){
    
 }
 @media (max-width:575.98px){
    
 }