/* xong */
@media screen and (max-width: 319px){
    #intro{
        padding: 25px 15px;
    }
    #intro .desc .title{
        margin-bottom: 15px;
    }
    #intro .desc h1 span{
        display: inline-block;
        padding: 6px 12px;
        font-size: 20px;
    }
    #intro .desc .title{
        font-size: 15px;
    }
    #intro .desc{
        padding: 20px;
    }
    #gioithieu .title,
    #gioithieu_section .title,
    #yeucau_section .title,
    #thunhap h2{
        margin-top: 15px;
        font-size: 23px;
    }
    #yeucau_section{
        padding: 15px;
    }
    #gioithieu .text{
        padding: 15px;
    }
    #gioithieu_section .editor{
        padding-left: 40px;
    }
    .icon_que{
        font-size: 55px;
    }
    .item_noibat{
        padding: 7px 0;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    #intro{
        padding: 25px 15px;
    }
    #intro .desc .title{
        margin-bottom: 15px;
    }
    #intro .desc h1 span{
        display: inline-block;
        padding: 6px 12px;
        font-size: 20px;
    }
    #intro .desc .title{
        font-size: 15px;
    }
    #intro .desc{
        padding: 20px;
    }
    #gioithieu .title,
    #gioithieu_section .title,
    #yeucau_section .title,
    #thunhap h2{
        margin-top: 15px;
        font-size: 23px;
    }
    #yeucau_section{
        padding: 15px;
    }
    #gioithieu .text{
        padding: 15px;
    }
    #gioithieu_section .editor{
        padding-left: 40px;
    }
    .icon_que{
        font-size: 55px;
    }
    .item_noibat{
        padding: 7px 0;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    #intro{
        padding: 25px 15px;
    }
    #intro .desc .title{
        margin-bottom: 15px;
    }
    #intro .desc h1 span{
        display: inline-block;
        padding: 6px 12px;
        font-size: 20px;
    }
    #intro .desc .title{
        font-size: 15px;
    }
    #intro .desc{
        padding: 20px;
    }
    #gioithieu .title,
    #gioithieu_section .title,
    #yeucau_section .title,
    #thunhap h2{
        margin-top: 15px;
        font-size: 23px;
    }
    #yeucau_section{
        padding: 15px;
    }
    #gioithieu .text{
        padding: 15px;
    }
    #gioithieu_section .editor{
        padding-left: 40px;
    }
    .icon_que{
        font-size: 55px;
    }
    .item_noibat{
        padding: 7px 0;
    }
}
@media (min-width: 769px) and (max-width: 991px) {

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

}