@media screen and (max-width: 320px){
    .py-50{
        padding-top: 80px !Important;
    }
    .gallery-columns-2 .gallery-item{
        width: 100% !Important;
        margin-bottom: 15px !Important;
    }
    #vitri{
        padding-left: 15px;
        padding-right: 15px;
    }
    #tongquan .scroll{
        height: auto;
        overflow: inherit;
    }
    #gioithieu iframe{
        width: 100%;
        height: 200px;
    }
    .title-h1{
        font-size: 33px;
        line-height: 37px;
    }
    .main-title {
        font-size: 19px;
    }
    #gioithieu,
    #tongquan,
    #duan,
    #tienich,
    #matbang,
    #giaban,
    #phuongthucthanhtoan,
    #vay,
    #thietke,
    #tintuc{
        margin-top: 0px;
        padding-top: 20px !Important;
    }
    #tongquan,
    #vay,
    #phuongthucthanhtoan,
    #matbang,
    #duan,
    #thietke,
    #giaban,
    #gioithieu{
        padding-bottom: 0px !Important;
    }
}
@media (min-width: 321px) and (max-width: 480px){
    .py-50{
        padding-top: 80px !Important;
    }
    .gallery-columns-2 .gallery-item{
        width: 100% !Important;
        margin-bottom: 15px !Important;
    }
    #vitri{
        padding-left: 15px;
        padding-right: 15px;
    }
    #tongquan .scroll{
        height: auto;
        overflow: inherit;
    }
    .popup-form .box .title{
        font-size: 20px;
        font-weight: bold;
    }
    #gioithieu iframe{
        width: 100%;
        height: 200px;
    }
    .title-h1{
        font-size: 33px;
        line-height: 37px;
    }
    .main-title {
        font-size: 19px;
    }
    #gioithieu,
    #tongquan,
    #duan,
    #tienich,
    #matbang,
    #giaban,
    #phuongthucthanhtoan,
    #vay,
    #thietke,
    #tintuc{
        margin-top: 0px;
        padding-top: 20px !Important;
    }
    #tongquan,
    #vay,
    #phuongthucthanhtoan,
    #matbang,
    #duan,
    #thietke,
    #giaban,
    #gioithieu{
        padding-bottom: 0px !Important;
    }
}
@media (min-width: 481px) and (max-width: 760px){
    .py-50{
        padding-top: 80px !Important;
    }
    .gallery-columns-2 .gallery-item{
        width: 100% !Important;
        margin-bottom: 15px !Important;
    }
    #vitri{
        padding-left: 15px;
        padding-right: 15px;
    }
    #tongquan .scroll{
        height: auto;
        overflow: inherit;
    }
    .popup-form .box .title{
        font-size: 20px;
        font-weight: bold;
    }
    #gioithieu iframe{
        width: 100%;
        height: 200px;
    }
    .title-h1{
        font-size: 33px;
        line-height: 37px;
    }
    .main-title {
        font-size: 19px;
    }
    #gioithieu,
    #tongquan,
    #duan,
    #tienich,
    #matbang,
    #giaban,
    #phuongthucthanhtoan,
    #vay,
    #thietke,
    #tintuc{
        margin-top: 0px;
        padding-top: 20px !Important;
    }
    #tongquan,
    #vay,
    #phuongthucthanhtoan,
    #matbang,
    #duan,
    #thietke,
    #giaban,
    #gioithieu{
        padding-bottom: 0px !Important;
    }
}
@media (min-width: 761px) and (max-width: 849px){
    .py-50{
        padding-top: 80px !Important;
    }
    .gallery-columns-2 .gallery-item{
        width: 100% !Important;
        margin-bottom: 15px !Important;
    }
    #vitri{
        padding-left: 15px;
        padding-right: 15px;
    }
    #tongquan .scroll{
        height: auto;
        overflow: inherit;
    }
    .popup-form .box .title{
        font-size: 20px;
        font-weight: bold;
    }
    .title-h1{
        font-size: 33px;
        line-height: 37px;
    }
    .main-title {
        font-size: 19px;
    }
}
@media (min-width: 850px) and (max-width: 1199px){

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

}