/* xong */
@media screen and (max-width: 319px){
    .mega-menu .menu-logo{margin: 0px;padding: 10px;position: inherit;top:0px;float: left;width: 100%;}
    .menu-logo img{height: 50px;}
    .mega-menu .menu-mobile-collapse-trigger{top:10px;}

    ul.listing-mark li{
        float: left;
        width: 100%;
    }
    .heading-title .title{
        font-size: 22px;
        line-height: 30px;
    }
    .slider .slide--bio {
        line-height: 1.5;
        width: 320px;
        white-space: normal;
        margin: auto;
        font-size: 15px;
        margin-top: -50px;
    }
    .overview-block-ptb{
        padding: 20px 0px;
    }
    h1.small-title{
        line-height: 35px;
    }
    .arrow-1 .owl-next{
        right: 15px !Important;
    }
    .arrow-1 .owl-prev{
        left: 15px !Important;
    }
    #breadcrumbs{
        padding: 0px 15px;
    }
    .slide-action a{font-size: 12px;}
    .slide--bio br{display: none;}
    .slider .slide--headline{margin-top: -100px;}

    .icon-baogia{right: 0px;}
    .showphone{font-size: 16px;width: 170px;}
    .icon-baogia img{height: 40px;}

    .hwp-title{font-size: 20px;line-height: 30px;padding: 0px 20px;}
    .page-title{padding: 90px 0px 30px 0px;}
    .title-call-to-action{font-size: 20px;line-height: 25px;}
    .iq-mt-60{margin-top: 30px;}
    h1#intro {
        font-size: 28px;
        line-height: 50px;
    }

    h1#intro {
        font-size: 25px;
        line-height: 50px;
    }
    .offset-2{
        margin-left: 0px;
    }
    .header-01 + .slider{
        margin: 0px;
    }
    header {
        height: 70px;
    }
    .rev_slider_wrapper,
    .tp-fullwidth-forcer,
    .slider{
        height: 500px !Important;
        max-height: 500px !Important;
        position: relative;
    }
    .slide--headline{
        top:200px;
    }
    .tp-fullwidth-forcer{
        display: none;
    }
    #detail-post-box h1{
        font-size: 20px;
        line-height: 30px;
    }
    .hwp-title {
        font-size: 20px !Important;
        line-height: 30px !Important;
        padding: 0px 20px;
    }
    #lichtrinh_box{
        padding: 30px 0px;
    }
    #lichtrinh_box .iq-mt-30{
        margin-top: 0px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .mega-menu .menu-logo{margin: 0px;padding: 10px;position: inherit;top:0px;float: left;width: 100%;}
    .menu-logo img{height: 50px;}
    .mega-menu .menu-mobile-collapse-trigger{top:10px;}

    ul.listing-mark li{
        float: left;
        width: 100%;
    }
    .heading-title .title{
        font-size: 22px;
        line-height: 30px;
    }
    .slider .slide--bio {
        line-height: 1.5;
        width: 320px;
        white-space: normal;
        margin: auto;
        font-size: 15px;
        margin-top: -50px;
    }
    .overview-block-ptb{
        padding: 20px 0px;
    }
    h1.small-title{
        line-height: 35px;
    }
    .arrow-1 .owl-next{
        right: 15px !Important;
    }
    .arrow-1 .owl-prev{
        left: 15px !Important;
    }
    #breadcrumbs{
        padding: 0px 15px;
    }
    .slide-action a{font-size: 12px;}
    .slide--bio br{display: none;}
    .slider .slide--headline{margin-top: -100px;}

    .icon-baogia{right: 0px;}
    .showphone{font-size: 16px;width: 170px;}
    .icon-baogia img{height: 40px;}

    .hwp-title{font-size: 20px;line-height: 30px;padding: 0px 20px;}
    .page-title{padding: 90px 0px 30px 0px;}
    .overview-block-ptb4{padding: 0px;}
    .iq-mt-60{margin-top: 30px;}
    .title-call-to-action{font-size: 20px;line-height: 25px;}

    h1#intro {
        font-size: 25px;
        line-height: 50px;
    }
    .offset-2{
        margin-left: 0px;
    }
    .header-01 + .slider{
        margin: 0px;
    }
    header {
        height: 70px;
    }
    .rev_slider_wrapper,
    .tp-fullwidth-forcer,
    .slider{
        height: 500px !Important;
        max-height: 500px !Important;
        position: relative;
    }
    .slide--headline{
        top:200px;
    }
    .tp-fullwidth-forcer{
        display: none;
    }
    #detail-post-box h1{
        font-size: 20px;
        line-height: 30px;
    }
    .hwp-title {
        font-size: 20px !Important;
        line-height: 30px !Important;
        padding: 0px 20px;
    }
    #lichtrinh_box{
        padding: 30px 0px;
    }
    #lichtrinh_box .iq-mt-30{
        margin-top: 0px;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    .mega-menu .menu-logo{margin: 0px;padding: 10px;position: inherit;top:0px;float: left;width: 100%;}
    .menu-logo img{height: 50px;}
    .mega-menu .menu-mobile-collapse-trigger{top:10px;}
    ul.listing-mark li{
        float: left;
        width: 100%;
    }
    .heading-title .title{
        font-size: 22px;
        line-height: 30px;
    }
    .slider .slide--bio {
        line-height: 1.5;
        width: 320px;
        white-space: normal;
        margin: auto;
        font-size: 15px;
        margin-top: -50px;
    }
    .overview-block-ptb{
        padding: 20px 0px;
    }
    h1.small-title{
        line-height: 35px;
    }
    .arrow-1 .owl-next{
        right: 15px !Important;
    }
    .arrow-1 .owl-prev{
        left: 15px !Important;
    }
    #breadcrumbs{
        padding: 0px 15px;
    }
    .slide-action a{font-size: 12px;}
    .slide--bio br{display: none;}
    .slider .slide--headline{margin-top: -100px;}
    .icon-baogia{right: 0px;}
    .showphone{font-size: 16px;width: 170px;}
    .icon-baogia img{height: 40px;}

    .hwp-title{font-size: 20px;line-height: 30px;padding: 0px 20px;}
    .page-title{padding: 90px 0px 30px 0px;}
    h1#intro {
        font-size: 35px;
        line-height: 55px;
    }
}
@media (min-width: 769px) and (max-width: 991px) {
    .mega-menu .menu-logo{margin: 0px;padding: 10px;position: inherit;top:0px;float: left;width: 100%;}
    .menu-logo img{height: 50px;}
    .mega-menu .menu-mobile-collapse-trigger{top:10px;}
    .heading-title .title{
        font-size: 22px;
        line-height: 30px;
    }
    .slider .slide--bio {
        line-height: 1.5;
        width: 320px;
        white-space: normal;
        margin: auto;
        font-size: 15px;
        margin-top: -50px;
    }
    .overview-block-ptb{
        padding: 20px 0px;
    }
    h1.small-title{
        line-height: 35px;
    }
    .arrow-1 .owl-next{
        right: 15px !Important;
    }
    .arrow-1 .owl-prev{
        left: 15px !Important;
    }
    #breadcrumbs{
        padding: 0px 15px;
    }
    .slide-action a{font-size: 12px;}
    .slide--bio br{display: none;}
    .slider .slide--headline{margin-top: -100px;}

    h1#intro {
        font-size: 35px;
        line-height: 55px;
    }

    h1#intro {
        font-size: 25px;
        line-height: 50px;
    }
    .offset-2{
        margin-left: 0px;
    }
    .header-01 + .slider{
        margin: 0px;
    }
    header {
        height: 70px;
    }
    .rev_slider_wrapper,
    .tp-fullwidth-forcer,
    .slider{
        height: 500px !Important;
        max-height: 500px !Important;
        position: relative;
    }
    .slide--headline{
        top:200px;
    }
    .tp-fullwidth-forcer{
        display: none;
    }
    #detail-post-box h1{
        font-size: 20px;
        line-height: 30px;
    }
    .hwp-title {
        font-size: 20px !Important;
        line-height: 30px !Important;
        padding: 0px 20px;
    }
    #lichtrinh_box{
        padding: 30px 0px;
    }
    #lichtrinh_box .iq-mt-30{
        margin-top: 0px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .menu-logo img{height: 57px;}
    .mobileTopFixed .menu-logo,.desktopTopFixed .menu-logo{top:0px;}
    .mobileTopFixed .menu-logo img,.desktopTopFixed .menu-logo img{height: 45px;}
    .mega-menu .menu-links>li>a{font-size: 12px;padding: 0px 7px;}
    .mega-menu .menu-links>li{margin-right: 0px;}
    .mega-menu .menu-sidebar>li{line-height: inherit;}
}