@media (max-width: 991px){
   
}
@media (max-width: 860px){
    .header-top-custom .list-social,
    .header-top-custom .contact-infor,
    .header-top-custom .box-right{
        display: none !important;
    }
    .header-top-custom .list-social::after{
        display: none !important;
    }
    .header-top-custom{
        display: inline-block;
        width: 100%;
    }
    .header-top-custom .box-left{
        justify-content: center;
    }
    .slide_banner{
        padding-top: 130px !important;
    }
    .main-category-post .list-item-category {
        grid-template-columns: repeat(2, 1fr);
    }
    .cate-gai-phap .box-item .item .content .desc p{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .main-single .box-top{
        flex-direction: column;
        gap: 0;
        padding-bottom: 20px;
    }
    .main-single .box-top .item-left, .main-single .box-top .item-right{
        max-width: 100%;
    }
    .section-aboutus .title-section br{
        display: block;
    }
}
@media (max-width: 767px){
    .section-product-cate{
        padding: 0 !important;
    }
    .list-item-cate,
    .section-cate-album .box-album .list_item_post{
        gap: 10px;
    }
    .list-item-related .list-item-category{
        grid-template-columns: repeat(2, 1fr);
    }
    .list-item-cate .box-item
    ,.section-cate-album .box-album .list_item_post .album {
      max-width: 48%;
    }
    .list-item-cate .box-item .name{
        font-size: 14px;
    }
    .section-main-shop .content .list_item_post {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .main-single .title{
        font-size: 28px;
        line-height: 40px;
    }
    .main-single .list-item-desc .desc{
        margin-top: 20px;
    }
    #custom-popup{
        max-width: 400px;
    }
    .section-main-shop .content .title-cate{
        font-size: 30px;
    }
    .section-main-shop .content{
        padding: 20px 13px;
    }
    .title-section {
        font-size: 22px;
    }
    .notification{
        text-align: justify;
    }
    .list-item-cate .box-item{
        height: auto;
    }
    .section-cate-album .box-album .list_item_post .album{
        height: auto !important;
    }
    .section-main-shop{
        padding-top: 30px;
    }
    .section-main-shop .content .title-cate,
    .title-section{
        font-size: 20px;
        line-height: normal;
        margin-bottom: 10px !important;
    }
}
@media (max-width: 574px){
    .cate-gai-phap .box-item .item{
        flex-direction: column;
    }
    .cate-gai-phap .box-item .item .thumnail,
    .cate-gai-phap .box-item .item .content{
        max-width: 100%;
    }
    .main-single {
        padding: 40px 0;
    }
    .header-top-custom .working-time .content{
        font-size: 12px;
    }
    .header-top-custom .working-time .icon {
        bottom: 0px;
    }
    .list-item-desc{
        grid-template-columns: repeat(1, 1fr);
    }
    .section-cate-album .box-album .list_item_post .album .img-wrap{
        padding-top: 73.25%;
    }

}
@media (max-width: 474px){
    #custom-popup{
        max-width: 300px;
    }
    .form-popup .btn-submit p{
        margin-bottom: 0 !important;
    }
    .form-popup form{
        margin-bottom: 0 !important;
    }
    .form-popup .btn-submit .wpcf7-submit{
        margin: 0 !important;
    }
    .form-popup .btn-submit {
        margin-top: 14px;
    }
    #custom-popup .modal-content {
        padding: 5px 20px 0 20px;
    }
    #custom-popup .title-popup {
        font-size: 18px;
    }
    #custom-popup #close-popup{
        padding: 0 !important;
    }
    .form-popup .form-control{
        padding: 5px !important;
    }
    .section-cate-album .box-album .list_item_post .album .name{
        font-size: 13px;
    }
}
@media (max-width: 400px){
    
    .section-aboutus .col{
        padding: 0 !important;
    }
}
@media (max-width: 375px){
    .list-item-cate {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .section-main-shop .content .list_item_post {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .list-item-related .list-item-category{
        grid-template-columns: repeat(1, 1fr);
    }
    .main-category-post .list-item-category {
        grid-template-columns: repeat(1, 1fr);
    }    
    #custom-popup{
        max-width: 330px;
    }
    .list-item-cate .box-item,
    .section-cate-album .box-album .list_item_post {
        max-width: 100%;
    }
}