@media screen and (max-width:319px){
    .session_form .wpcf7-form-control-wrap,.session_form input[type="submit"]{
        width: 100% !Important;
    }
    .main_menu{
        position:inherit 
    }
    #navbarNavDropdown{
        background:#f8f8f8;
        position:absolute;
        left:0;
        top:70px;
        width:100%;
        z-index:99;
        display:none 
    }
    .collapse.in{
        display:block!Important 
    }
    ul#main-menu>li>a{
        height:auto 
    }
    ul#main-menu .sub-menu{
        display:block;
        position:initial;
        background:0;
        box-shadow:none;
        border:0;
        float:left;
        width:100%;
        min-width:100%;
        margin-left:20px;
        border-left:1px solid #ccc;
        border-radius:0 
    }
    ul#main-menu .sub-menu li a{
        background:0;
        text-transform:uppercase;
        width:100% 
    }
    ul#main-menu>li{
        display:block;
        float:left;
        width:100% 
    }
    ul#main-menu>li>a{
        align-items:left;
        -webkit-justify-content:left;
        justify-content:left 
    }
    .hotline-top a{
        font-size:11px;
        padding-left:20px;
        padding-right:10px 
    }
    .hotline-top a:before{
        left:6px 
    }
    .title-hwp,#intro_box h1{
        font-size:23px 
    }
    #footer .info_vinhomes .logo_and_info{
        display:block;
        padding:0;
        float:left;
        width:100% 
    }
    div#footer{
        padding:0 
    }
    #footer .info_vinhomes .info_vh .info_vh_logo{
        width:100%;
        text-align:center;
        padding-top:30px 
    }
    #footer .info_vinhomes .hotline_wrapper,#footer .hotline_wrapper .hotline{
        width:100% 
    }
    .copyright_wrapper{
        display:none 
    }
    .info-item{
        float:left;
        width:100%;
        margin-bottom:15px 
    }
    .pt-50{
        padding-top:15px 
    }
    #tongquan .left,#tongquan .right{
        width:100%;
        padding:0;
        margin:0 
    }
    #tongquan .right .content{
        padding:15px 
    }
    #tongquan .left img{
        width:100%;
        height:auto 
    }
    .lienketvung{
        display:block 
    }
    .lienketvung .left,.lienketvung .right{
        width:100%;
        padding:0 
    }
    .item-photos img{
        height:auto 
    }
    .item-project{
        height:auto;
        overflow:auto 
    }
    .main-page h2.title{
        font-size:23px;
        line-height:30px 
    }
    .news_page .news_content_wrapper .thumb_wrapper img{
        margin-bottom:10px 
    }
    .choose-content,.main-page .choose-content{
        min-height:230px 
    }
    ul#main-menu{
        position: absolute;
        width: 100%;
        left: 0px;
        background: #ccc;
        z-index: 99;
        top: 68px;
        display: none;
    }
    .logo img{
        width: auto;
    }
    .navbar-toggler{
        position: absolute;
        right: 15px;
        z-index: 999;
    }
    .hotline-top{
        width: 50%;
    }
    #tongquan img{
        margin-bottom: 15px;
    }
    .content h2{font-size: 19px;}
    .container h3{font-size: 17px;line-height: 22px;}
    .form_ngang_2 .sub-title{font-size: 17px;line-height: 22px;}
    .form_ngang_2 .container{padding: 30px 15px;}
}
@media(min-width:320px) and (max-width:480px){
    .session_form .wpcf7-form-control-wrap,.session_form input[type="submit"]{
        width: 100% !Important;
    }
    .main_menu{
        position:inherit 
    }
    #navbarNavDropdown{
        background:#f8f8f8;
        position:absolute;
        left:0;
        top:70px;
        width:100%;
        z-index:99;
        display:none 
    }
    .collapse.in{
        display:block!Important 
    }
    ul#main-menu>li>a{
        height:auto 
    }
    ul#main-menu .sub-menu{
        display:block;
        position:initial;
        background:0;
        box-shadow:none;
        border:0;
        float:left;
        width:100%;
        min-width:100%;
        margin-left:20px;
        border-left:1px solid #ccc;
        border-radius:0 
    }
    ul#main-menu .sub-menu li a{
        background:0;
        text-transform:uppercase;
        width:100% 
    }
    ul#main-menu>li{
        display:block;
        float:left;
        width:100% 
    }
    ul#main-menu>li>a{
        align-items:left;
        -webkit-justify-content:left;
        justify-content:left;
        padding:8px 8px 
    }
    .hotline-top a{
        font-size:11px;
        padding-left:20px;
        padding-right:10px 
    }
    .hotline-top a:before{
        left:6px 
    }
    .title-hwp,#intro_box h1{
        font-size: 19px;
        line-height: 25px;
    }
    #footer .info_vinhomes .logo_and_info{
        display:block;
        padding:0;
        float:left;
        width:100% 
    }
    div#footer{
        padding:0 
    }
    #footer .info_vinhomes .info_vh .info_vh_logo{
        width:100%;
        text-align:center;
        padding-top:30px 
    }
    #footer .info_vinhomes .hotline_wrapper,#footer .hotline_wrapper .hotline{
        width:100% 
    }
    .copyright_wrapper{
        display:none 
    }
    .info-item{
        float:left;
        width:100%;
        margin-bottom:15px 
    }
    .pt-50{
        padding-top:15px 
    }
    #tongquan .left,#tongquan .right{
        width:100%;
        padding:0;
        margin:0 
    }
    #tongquan .right .content{
        padding:15px 
    }
    #tongquan .left img{
        width:100%;
        height:auto 
    }
    .lienketvung{
        display:block 
    }
    .lienketvung .left,.lienketvung .right{
        width:100%;
        padding:0 
    }
    .item-photos img{
        height:auto; 
    }
    .item-project{
        height:auto;
        overflow:auto 
    }
    .main-page h2.title{
        font-size:23px;
        line-height:30px 
    }
    .news_page .news_content_wrapper .thumb_wrapper img{
        margin-bottom:10px 
    }
    .choose-content,.main-page .choose-content{
        min-height:230px 
    }
    .modal-body{
        padding:15px 10px 
    }
    #contact_modal .modal-body form>div>label{
        padding-left:25px;
        width:120px 
    }
    #contact_modal .modal-body .wpcf7-form-control-wrap{
        width:calc(100% - 120px)!important 
    }
    .btn_nhanthongtin{
        display:none 
    }
    .btn_footer{
        width:100%;
        bottom:0;
        border-radius:0;
        left:0;
        right:0 
    }
    ul#main-menu{
        position: absolute;
        width: 100%;
        left: 0px;
        background: #ccc;
        z-index: 99;
        top: 68px;
        display: none;
    }

    .logo img{
        width: auto;
    }
    .navbar-toggler{
        position: absolute;
        right: 15px;
        z-index: 999;
    }
    .hotline-top{
        width: 50%;
    }
    #tongquan img{
        margin-bottom: 15px;
    }
    .content h2{font-size: 19px;}
    .container h3{font-size: 17px;line-height: 22px;}
    .form_ngang_2 .sub-title{font-size: 17px;line-height: 22px;}
    .form_ngang_2 .container{padding: 30px 15px;}
}
@media(min-width:481px) and (max-width:768px){
    .session_form .wpcf7-form-control-wrap,.session_form input[type="submit"]{
        width: 100% !Important;
    }
    .main_menu{
        position:inherit 
    }
    #navbarNavDropdown{
        background:#f8f8f8;
        position:absolute;
        left:0;
        top:70px;
        width:100%;
        z-index:99;
        display:none 
    }
    .collapse.in{
        display:block!Important 
    }
    ul#main-menu>li>a{
        height:auto 
    }
    ul#main-menu .sub-menu{
        display:block;
        position:initial;
        background:0;
        box-shadow:none;
        border:0;
        float:left;
        width:100%;
        min-width:100%;
        margin-left:20px;
        border-left:1px solid #ccc;
        border-radius:0 
    }
    ul#main-menu .sub-menu li a{
        background:0;
        text-transform:uppercase;
        width:100% 
    }
    ul#main-menu>li{
        display:block;
        float:left;
        width:100% 
    }
    ul#main-menu>li>a{
        align-items:left;
        -webkit-justify-content:left;
        justify-content:left 
    }
    .hotline-top a{
        font-size:13px;
        padding-left:25px;
        padding-right:15px 
    }
    .hotline-top a:before{
        left:6px 
    }
    .title-hwp,#intro_box h1{
        font-size:23px 
    }
    #footer .info_vinhomes .logo_and_info{
        display:block;
        padding:0;
        float:left;
        width:100% 
    }
    div#footer{
        padding:0 
    }
    #footer .info_vinhomes .info_vh .info_vh_logo{
        width:100%;
        text-align:center;
        padding-top:30px 
    }
    #footer .info_vinhomes .hotline_wrapper,#footer .hotline_wrapper .hotline{
        width:100% 
    }
    .copyright_wrapper{
        display:none 
    }
    .info-item{
        float:left;
        width:100%;
        margin-bottom:15px 
    }
    .pt-50{
        padding-top:15px 
    }
    #tongquan .left,#tongquan .right{
        width:100%;
        padding:0;
        margin:0 
    }
    #tongquan .right .content{
        padding:15px 
    }
    #tongquan .left img{
        width:100%;
        height:auto 
    }
    .lienketvung{
        display:block 
    }
    .lienketvung .left,.lienketvung .right{
        width:100%;
        padding:0 
    }
    .item-photos img{
        height:auto 
    }
    .item-project{
        height:auto;
        overflow:auto 
    }
    .main-page h2.title{
        font-size:23px;
        line-height:30px 
    }
    .news_page .news_content_wrapper .thumb_wrapper img{
        margin-bottom:10px 
    }
    .choose-content,.main-page .choose-content{
        min-height:365px 
    }
    .session_form .sub-title,.session_form .sub-title2{
        font-size:23px 
    }
    .ht-header .logo{
        width:50% 
    }
    .hotline-top{
        width:50% 
    }
    .hot_news_wrapper .col-md-3{
        width:50%;
        float:left 
    }
    .modal-body{
        padding:15px 10px 
    }
    #contact_modal .modal-body form>div>label{
        padding-left:25px;
        width:120px 
    }
    #contact_modal .modal-body .wpcf7-form-control-wrap{
        width:calc(100% - 120px)!important 
    }
    .btn_nhanthongtin{
        display:none 
    }
    .btn_footer{
        width:100%;
        bottom:0;
        border-radius:0;
        left:0;
        right:0 
    }
    ul#main-menu{
        position: absolute;
        width: 100%;
        left: 0px;
        background: #ccc;
        z-index: 99;
        top: 68px;
        display: none;
    }

    .logo img{
        width: auto;
    }
    .navbar-toggler{
        position: absolute;
        right: 15px;
        z-index: 999;
    }
    .hotline-top{
        width: 50%;
    }
    #tongquan img{
        margin-bottom: 15px;
    }
    .content h2{font-size: 19px;}
    .container h3{font-size: 17px;line-height: 22px;}
    .form_ngang_2 .sub-title{font-size: 17px;line-height: 22px;}
    .form_ngang_2 .container{padding: 30px 15px;}
}
@media(min-width:769px) and (max-width:991px){
    .main_menu{
        position:inherit 
    }
    #navbarNavDropdown{
        background:#f8f8f8;
        position:absolute;
        left:0;
        top:70px;
        width:100%;
        z-index:99;
        display:none 
    }
    .collapse.in{
        display:block!Important 
    }
    ul#main-menu>li>a{
        height:auto 
    }
    ul#main-menu .sub-menu{
        display:block;
        position:initial;
        background:0;
        box-shadow:none;
        border:0;
        float:left;
        width:100%;
        min-width:100%;
        margin-left:20px;
        border-left:1px solid #ccc;
        border-radius:0 
    }
    ul#main-menu .sub-menu li a{
        background:0;
        text-transform:uppercase;
        width:100% 
    }
    ul#main-menu>li{
        display:block;
        float:left;
        width:100% 
    }
    ul#main-menu>li>a{
        align-items:left;
        -webkit-justify-content:left;
        justify-content:left 
    }
    .hotline-top a{
        font-size:13px;
        padding-left:25px;
        padding-right:15px 
    }
    .title-hwp,#intro_box h1{
        font-size:23px 
    }
    #footer .info_vinhomes .logo_and_info{
        display:block;
        padding:0;
        float:left;
        width:100% 
    }
    div#footer{
        padding:0 
    }
    #footer .info_vinhomes .info_vh .info_vh_logo{
        width:100%;
        text-align:center;
        padding-top:30px 
    }
    #footer .info_vinhomes .hotline_wrapper,#footer .hotline_wrapper .hotline{
        width:100% 
    }
    .copyright_wrapper{
        display:none 
    }
    .info-item{
        float:left;
        width:100%;
        margin-bottom:15px 
    }
    .pt-50{
        padding-top:15px 
    }
    #tongquan .left,#tongquan .right{
        width:100%;
        padding:0;
        margin:0;
        min-height:auto 
    }
    #tongquan .right .content{
        padding:15px 
    }
    #tongquan .left img{
        width:100%;
        height:auto 
    }
    .lienketvung{
        display:block 
    }
    .lienketvung .left,.lienketvung .right{
        width:100%;
        padding:0 
    }
    .item-photos img{
        height:auto 
    }
    .item-project{
        height:auto;
        overflow:auto 
    }
    .main-page h2.title{
        font-size:23px;
        line-height:30px 
    }
    .news_page .news_content_wrapper .thumb_wrapper img{
        margin-bottom:10px 
    }
    .choose-content,.main-page .choose-content{
        min-height:365px 
    }
    .session_form .sub-title,.session_form .sub-title2{
        font-size:23px 
    }
    .ht-header .logo{
        width:50% 
    }
    .hotline-top{
        width:50% 
    }
    .hot_news_wrapper .col-md-3{
        width:50%;
        float:left 
    }
    .title-footer{
        padding-top:20px 
    }
}