@media (max-width: 767px) {
    .header-top .logo-warpper {
      display: block !important;
      width: 50px;
      position: absolute;
      left: 50%;
      top: 22px;
      margin-left: -25px;
    }
    #block-search-form {
      position: absolute;
      right: 10px;
      top:45px
    }
    .page-breadcrumb {position:inherit}
    .header-menu .nav-navigation > ul > li .arrow {
        height: 25px;
        position: absolute;
        right: 8px;
        top: 8px;
        width: 25px;
        
    }
    .header-menu .nav-navigation > ul > li.first a {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border-top: 0 none;
        display: inline-block;
        height: auto;
        text-indent: 0;
        width: 100%;
    }
    .header-menu .nav-navigation > ul > li.first a:hover{
        background: none!important;
    }
    .header-menu .nav-navigation > ul > li .arrow:hover{
        cursor: pointer;
    }
    .header-menu .nav-navigation > ul > li .arrow:after{
        color: #fff;
        content: "+";
        font-size: 25px;
        left: 6px;
        position: absolute;
        top: -5px;
    }
    .header-menu .nav-navigation > ul > li.open .arrow:after{
        color: #fff;
        content: "-";
        font-size: 25px;
        left: 6px;
        position: absolute;
        top: -5px;
        color: #000;
    }
    .header-menu .nav-navigation .nav .open > a, 
    .header-menu .nav-navigation .nav .open > a:hover, 
    .header-menu .nav-navigation .nav .open > a:focus{
        color: #000;
    }
    .header-menu .nav-navigation > ul > li.open .sub-menu{
        display: block;
    }
    .header-menu .nav-navigation > ul > li .sub-menu a:hover{
        color: #000;
    }
   .home-baner .views-field-field-image img {
        height: auto;
        width: 100%;
    }
    .header-top{
        height: auto;
        min-height: 45px;
    }
    .header-menu{
        display: inline-block;
        padding: 0;
        width: 100%;
    }
    .view-admin-banner .views-field-nothing{
        bottom: 0;
        left: 0;
        width: 50%;
        padding: 10px;
    }
    .view-admin-banner .views-field-nothing .views-field-title{
        font-size: 20px;
    }
    
    .view-admin-banner .views-field-nothing p {
        font-size: 14px;
    }
    .home-baner .carousel-indicators {
         bottom: 5px;
        left: 37%;
        margin: 0;
        width: 100px;
    }
    .home-view-project .nav-tabs {
        border: medium none;
        border-radius: 0;
        padding: 0 15px;
        width: 100%;
    }
    .home-view-project .nav-tabs li{
        display: inline-block;
        width: 100%;
    }
    .home-view-project .nav-tabs li a{
        border: none;
    }
    .home-about .view-admin-page .views-field-field-image img {
        height: auto;
    }
    .home-about .view-admin-page .views-field-field-mo-ta{
        padding: 25px 20px;
        position: relative;
    }
    .footer-video,
    .footer-news,
    .info-footer,
    .document_left{
        padding: 0;
    }
    .home-menu-box{
        padding: 0;
    }
    .footer.wrapper{
        background-position: center bottom;
    }
    .header-top .navbar-toggle{
        margin-bottom: 5px;
        position: absolute;
        right: 0;
        top: 10px;
        z-index: 999;
    }
    .header-top .navbar-toggle span{
        background: #1d55a1;
    }
    .logo-warpper{
        display: none;
    }
    .header-menu .navbar-mobile-collapse{
        background: #1d55a1;
        display: inline-block;
        height: auto;
        margin: 0;
        width: 100%;
    }
    .header-menu .nav-navigation {
        padding: 0;
    }
    .header-menu .nav-navigation > ul > li{
        padding: 0;
        margin: 0!important;
    }
    .header-menu .nav-navigation > ul > li a{
        border-bottom: 1px solid #fff;
        border-top: medium none;
        color: #fff;
        display: inline-block;
        padding: 10px 20px;
        width: 100%;
    }
    .header-menu .nav-navigation > ul > li a:hover{
        border-bottom: 1px solid #fff;
    }
    .header-menu .nav-navigation > ul > li.active-trail a, 
    .header-menu .nav-navigation > ul > li > a:focus, 
    .header-menu .nav-navigation > ul > li > a.active, 
    .header-menu .nav-navigation > ul > li > a:hover{
        border-bottom: 1px solid #fff;
        border-top: none;
        color: #000;
    }
    .header-menu .navbar-mobile-collapse{
        display: none;
    }
    .header-menu .navbar-mobile-collapse.in{
        display: block;
        z-index: 9999;
    }
    .header-menu .navbar-collapse{
        padding: 0;
    }
    .header-menu .navbar-nav{
        margin: 0;
    }
    .home-view-project .nav-tabs li a{
        border-radius: 0!important;
    }
    .home-view-project .nav-tabs li {
        border: 1px solid #0054a6;
        border-radius: 0 !important;
        display: inline-block;
        width: 100%;
    }
    .home-view-project .nav-tabs li.active:last-child a, 
    .home-view-project .nav-tabs li:last-child a, 
    .home-view-project .nav-tabs li:last-child,
    .home-view-project .nav-tabs li:first-child a{
        border-radius: 0!important;
    }
    #block-views-admin-article-block-1{
        padding: 0;
    }
    #block-menu-menu-menu-content-home{
        margin: 15px 0px;
    }
    #block-views-admin-article-block-2{
        margin: 15px 0px;
    }
    .home-news-event .views-field-field-image{
        width: 40%;
        margin-right: 5%;
    }
    .home-news-event .views-field-created,
    .home-news-event .views-field-title{
        width: 55%;
    }
    #block-menu-menu-menu-top {
        float: none;
        width: 100%;
    }
    
    
    
    #block-views-admin-banner-block-8 .views-field-field-image img{
        margin: 0 auto;
        display: block;
    }
    .view-admin-video .views-field-field-image .popup-video  img{
        width: 100%;
    }
    
   
   .page-gioi-thieu-38 .view-node-about .views-row{
    width: 47%;
    margin-right: 6%;
   }
   .page-gioi-thieu-38 .view-node-about .views-row:nth-child(3n+3){
    margin-right: 6%;
   }
   .page-gioi-thieu-38 .view-node-about .views-row:nth-child(2n+2){
        margin-right: 0;
   }
   .views-exposed-form .views-exposed-widget {
        float: left;
        margin-bottom: 10px;
        padding: 0 10px 0 0;
        width: 50%;
    }
    .views-exposed-form .views-exposed-widget .form-submit{
        margin-top: 27px;
    }
    #edit-loai-cong-ty-wrapper{
        padding-right: 0;
    }
    .node-page .field-name-field-image {
        float: left;
        margin: 0;
        width: 100%;
    }
    .node-page .field-name-field-mo-ta {
        float: none;
        width: 100%;
    }
    .node-type-article .sidebar-news ul li:nth-child(3) a:focus::after, 
    .node-type-article .sidebar-news ul li:nth-child(3) a:hover::after, 
    .node-type-article .sidebar-news ul li:nth-child(3) a.active::after, 
    .page-tin-tuc .sidebar-news ul li:nth-child(3) a:focus::after, 
    .page-tin-tuc .sidebar-news ul li:nth-child(3) a:hover::after, 
    .page-tin-tuc .sidebar-news ul li:nth-child(3) a.active::after {
        border-width: 22px;
        right: -44px;
    }
    #block-views-admin-article-block-5 {
        float: none;
        padding: 0;
        width: 100%;
    }
    #block-views-admin-article-block-6 {
        float: none;
        margin-top: 30px;
        padding: 0;
        width: 100%;
    }
    .view-page-node-news .views-field-nothing{
        height: auto!important;
    }
    .region-sidebar-first{
        overflow: hidden;
        padding-right: 0;
    }
    #block-liva-hud-menu-tin-tuc{
        padding-right: 22px;
    }
    section.col-sm-9 {
        overflow: hidden;
        width: 100%;
    }
    .views-block-tin-tuc-khac .row{
        display: inline-block;
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .views-block-tin-tuc-khac .row .col {
        padding: 0;
    }
    .views-block-tin-tuc-khac .views-field-title {
        height: 55px;
        overflow: hidden;
    }
    #block-views-admin-article-block-6 .views-field-title{
        max-height: 63px;
        overflow: hidden;
    }
    .home-partner .owl-next,
    .home-view-project .owl-next{
        right: 16px;
    }
    .home-partner .owl-prev,
    .home-view-project .owl-prev{
        left: 16px;
    }
    .page-views-project .views-field-field-image img{
        height: auto;
    }
    .page-views-project .views-row{
        width: 100%;
    }
    .node-du-an .links{
        padding: 0 15px;
    }
    .node-du-an .links ul li {
        float: left;
        margin: 0;
        text-align: center;
        width: 25%;
    }
    .views-other-projects .views-row{
        width: 100%;
    }
    .views-project-album .views-field-field-images a{
        display: block;
        float: none;
        width: 100%;
    }
    .ps-list-wap{
        display: none;
    }
    .pgwSlideshow.narrow .ps-current .ps-next,
    .pgwSlideshow.narrow .ps-current .ps-prev{
        top:30%;
    }
    .page-views-gallery .view-header{
         border-radius: 0;
        display: inline-block;
        width: 100%;
    }
    .page-views-gallery .view-header ul li {
        border: 1px solid #0054a6 !important;
        float: left;
        width: 100%;
    }
    .page-views-gallery .view-header ul li:first-child a:hover, .page-views-gallery .view-header ul li:first-child a.active{
        border-radius: 0;
    }
    .page-views-gallery .view-header ul li:first-child{
        border-radius: 0;
        border-bottom: none!important;
    }
    .page-views-gallery .view-header ul li:last-child {
        border-radius: 0;
        border-top: none!important;
    }
    .page-views-gallery .view-header ul li:first-child, .home-view-project .nav-tabs li:first-child{
        border-radius: 0;
    }
    .page-views-gallery .view-header ul li:last-child a:hover, .page-views-gallery .view-header ul li:last-child a.active {
        border-radius: 0;
    }
    .page-views-gallery .views-row{
        width: 100%;
    }
    #block-locale-language ul li a,
    #block-block-2 p a{
        position: relative;
        z-index: 99;
    }
    .webform-client-form .webform-submit{
        margin-left: 15px;
    }
    .header-menu .container{
        padding: 0;
    }
    /*logo*/
    .content-top .logo-mobie{
        display: block !important;
        left: 50%;
        position: absolute;
        top: -27px;
    }
    .content-top .logo-mobie .logo {
        background: transparent url("../images/bg_logo2.png") no-repeat scroll center bottom;
        bottom: 0;
        height: 52px;
        left: -40%;
        position: relative;
        text-align: center;
        width: 162px;
        z-index: 99;
    }
    .content-top .logo-mobie .logo:hover{
        background: transparent url("../images/bg_logo2.png") no-repeat scroll center bottom!important;
    }
    .content-top .logo-mobie .logo img{
        max-width: 60px;
    }
    .col-sm-3.sidebar_first{
        display: none;
    }
    .view-node-about .views-field-title{
        font-size: 25px;
    }
    .views-page-thongbao .views-field-title{
        max-width: 100%;
        min-width: 100%;
    }
    .views-page-thongbao .views-field-created{
        padding-left: 25px;
        width: 100%;
    }
    .content-top{
        margin-top: -23px;
    }
    #block-locale-language ul li a {
        color: #999999;
        display: block;
        font-size: 13px;
        height: 20px;
        overflow: hidden;
        width: 23px;
    }
    .node-du-an .webform-client-form .webform-submit {
        margin-left: 0;
    }
    .region-header{
        width: 90%;
    }
    #block-locale-language {
        float: right;
        margin: 5px 0 0;
        width: 14%;
    }
    #block-block-2 {
        float: right;
        padding: 0;
        width: 80%;
    }
    .header-top .navbar-toggle{
        margin: 0;
        right: 15px;
        top: 3px;
    }
    .home-view-project .nav-tabs li:nth-child(2), .home-view-project .nav-tabs li:nth-child(4){
        background-position: 12px 10px;
    }
    
    .home-view-project .owl-next,
    .home-view-project .owl-prev{
        top: 25%;
    }
    .home-about .view-admin-page .views-field-field-mo-ta{
        padding: 0;
        top: 15px;
    }
    .home-menu-box ul li a{
        margin: 0 auto 0 30%;
        display: inline-table;
        vertical-align: middle;
    }
    #block-views-admin-gallery-block-1{
        padding: 0;
        margin-top: 15px;
    }
    .gallery-footer .col{
        width: 33.333%;
        float: left;
    }
    .view-admin-gallery{
        padding: 0px 5px;
    }
    .page-gioi-thieu-38 .view-node-about .views-row .views-field-field-image{
        display: inline-block;
        height: auto;
        padding: 50px 0;
        text-align: center;
        vertical-align: middle;
        width: 100%;
    }
    .page-views-project .col{
        margin-bottom: 15px;
    }
    .page-breadcrumb .breadcrumb > li a, .page-breadcrumb .breadcrumb > li{
        font-size: 13px;
    }
    .pgwSlideshow .ps-current .ps-next,
    .pgwSlideshow .ps-current .ps-prev{
        height: 30px;
        background-size: contain;
    }
    .page-dien-dan .page-views-gallery, 
    .page-video .page-views-gallery, 
    .page-thu-vien-anh .page-views-gallery{
        margin-top: 50px;
    }
    .page-thu-vien-anh .page-views-gallery .col{
        margin-bottom: 15px;
    }
    .home-view-project .owl-prev{
        background: transparent url("../images/next-mobi.png") no-repeat scroll 0 0 !important;
    }
    .home-view-project .owl-next{
        background: transparent url("../images/pret-mob.png") no-repeat scroll 0 0 !important;
    }
    #block-locale-language ul li span img {
        height: 13px;
        margin-right: 4px;
        margin-top: -2px;
        width: 22px;
    }
    .page-views-project .views-field-title {
        margin-top: 15px;
        padding: 0;
    }
    .page-du-an .page-views-project .view-content{
        padding: 0px 5px;
    }
    .page-dien-dan .page-views-gallery .views-field-title{
        text-align: left;
    }
    .page-dien-dan .views-page-thongbao .views-field-created{
        padding-top: 0;
    }
    #webform-client-form-71 .contact-form-infomation .contact-form{
    width: 100%;
    }
    #webform-client-form-71 .contact-form-infomation .contact-infomation{
        width: 100%;
    }
    #block-views-admin-page-block-2{
        padding: 0;
    }
    .views-other-projects .views-row .info-project {
        background: none;
        height: 100%;
        left: 0;
        opacity: 1;
        padding: 0;
        position: relative;
        top: 0;
        transition: all 1s ease 0s;
        width: 100%;
    }
    .views-other-projects .views-row .views-field-view-node{
        display: none;
    }
    .views-other-projects .views-field-field-image img{
        height: auto;
    }
    .views-other-projects .views-row:hover .views-field-field-image img {
        transform: none;
    }
    .views-other-projects .views-row .info-project .field-content {
        top: 0;
        transform: none;

    }
    .views-other-projects .views-row .views-field-title a{
        color: #333;
        font-size: 15px;
    }
    .views-other-projects .views-row .views-field-title{
        margin-top: 15px;
    }
    .views-other-projects .views-row{
        margin-bottom: 15px;
    }
}

@media (max-width: 640px) {
   .view-admin-banner .views-field-nothing{
        bottom: 0;
        color: #fff;
        height: auto;
        left: 0;
        padding: 20px 30px;
        position: absolute;
        width: 50%;
   }
   .header-top .navbar-toggle{
    top: 20px;
   }
   .pgwSlideshow .ps-current{
        width: 100%;
   }
   .region-header{
        width: 90%;
    }
    #block-locale-language {
        float: right;
        margin: 5px 0 0;
        width: 14%;
    }
    #block-block-2 {
        float: right;
        padding: 0;
        width: 80%;
    }
    .header-top .navbar-toggle{
        margin: 0;
        right: 15px;
        top: 16px;
    }
    .document_left h2.block-title::after{
        height: 1px;
        bottom: -1px;
    }
    .document_left h2.block-title{
        border-bottom: 1px solid #dddddd;
    }
   
    #search-block-form .form-text:hover{
         width: 140px;
    }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { 
    //iPhone 6 Portrait
    .page-gioi-thieu-38 .view-node-about .views-row{
        width: 100%;
        margin-right: 0;
   }
}


@media (max-width: 1021px) {
  section.col-sm-9 {width:100%}
}

@media (max-width: 768px) {
  .page-news section.col-sm-9 {
    width: 100%;
  }
  
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
    
  .page-gioi-thieu-38 .view-node-about .views-row{
        width: 100%;
        margin-right: 0;
   }
}

/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
    
  

}
/*
 * Style by Kha
 *
 */

@media (max-width: 480px) {
   .home-news-event .views-field-field-image {
    margin-right: 5%;
    width: 40%;
}
.home-news-event .views-field-created, .home-news-event .views-field-title {
    width: 55%;
}
.page-gioi-thieu-38 .view-node-about .views-row{
        width: 100%;
        margin-right: 0;
   }
.views-exposed-form .views-exposed-widget {
    float: left;
    margin-bottom: 10px;
    padding: 0;
    width: 100%;
    overflow: hidden;
}
.views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 0;
}
.node-page .field-name-field-image {
    float: left;
    margin: 0;
    width: 100%;
}
.node-page .field-name-field-mo-ta {
    float: none;
    width: 100%;
}
    #block-locale-language ul li span,
    #block-locale-language ul li a {
        color: #999999;
        display: block;
        font-size: 13px;
        height: 20px;
        overflow: hidden;
        width: 23px;
    }
    .language-switcher-locale-url{
        margin-top: 5px;
    }
    .header-menu {
        display: inline-block;
        padding: 0;
        width: 100%;
    }
    .node-du-an .links ul li{
        width: 100%;
    }
    
    .header-top{
        padding-bottom: 50px;
    }
    .view-admin-banner .views-field-nothing{
        display: none;
    }
    .content-top .logo-mobie{
        left: 47%;
    }
    .content-top .logo-mobie .logo{
        height: 51px;
    }
    .region-header{
        width: 88%;
    }
    #block-locale-language {
        float: right;
        margin: 2px 0 0;
        width: 20%;
    }
    #block-block-2 {
        float: right;
        padding: 0;
        width: 80%;
    }
    .header-top .navbar-toggle{
        margin: 0;
        right: 15px;
        top: 3px;
    }
    
    #block-locale-language{
        width: 22%;
    }
    #block-block-2{
        width: 78%;
    }
    #block-views-admin-banner-block-1 .carousel-control .icon-prev, 
    #block-views-admin-banner-block-1 .carousel-control .icon-next, 
    #block-views-admin-banner-block-1 .carousel-control .glyphicon-chevron-left, 
    #block-views-admin-banner-block-1 .carousel-control .glyphicon-chevron-right{
        top: 0;
    }
    
}
@media (max-width: 375px) {
    .contact-map iframe{width: 100%; height: 200px;}
    #block-locale-language ul li span,
    #block-locale-language ul li a {
        color: #999999;
        display: block;
        font-size: 13px;
        height: 20px;
        overflow: hidden;
        width: 23px;
    }
    .language-switcher-locale-url{
        margin-top: 5px;
    }
    .header-menu {
        display: inline-block;
        padding: 0;
        width: 100%;
    }
    .view-admin-banner .views-field-nothing {
        display: none;
    }
    .footer-video .views-field-field-image .icon-play {
        background-position: center top 40px;
        width: 100%;
    }
    .region-header{
        width: 80%;
    }
    #block-locale-language {
        float: right;
        margin: 2px 0 0;
        width: 30%;
    }
    #block-block-2 {
        float: right;
        padding: 0;
        width: 70%;
    }
    .header-top .navbar-toggle{
        margin: 0;
        right: 15px;
        top: 3px;
    }
    #block-views-admin-banner-block-8{
        padding: 0;
    }
    #block-views-admin-banner-block-8 .views-field-field-image img{
        width: 100%;
    }
    .page-node .node-article h2.title{
        text-align: justify;
    }
    .node-du-an .links ul li:last-child a{
        margin-bottom: 10px;
    }
    .view-admin-thong-tin-lien-he .views-field-body ul li .fa-map-marker{
        margin-left: -27px;
    }
    .view-admin-thong-tin-lien-he .views-field-body ul li:first-child{
        padding-left: 27px;
    }
    
}
@media (max-width: 360px) {
    #block-menu-menu-menu-top{
        float: none;
        width: 100%;
        margin-bottom: 5px;
    }
    #block-menu-menu-menu-top ul li a{
        font-size: 10px;
        padding: 5px;
    }
    
    
    .view-admin-banner .views-field-nothing {
        bottom: 0;
        color: #fff;
        height: auto;
        left: 0;
        padding: 10px 10px 20px;
        position: absolute;
        width: 50%;
    }
    .view-admin-banner .views-field-nothing .views-field-title{
        font-size: 12px;
    }
    .view-admin-banner .views-field-nothing p {
        font-size: 9px;
    }
    .home-baner .carousel-indicators {
        bottom: 0;
        left: 0;
        margin: 0;
        width: 100px;
    }
    .view-admin-banner .views-field-nothing .views-field-view-node {
        margin-top: 5px;
    }
    .home-news-event .views-field-field-image {
        float: none;
        height: auto;
        margin: 0 0 10px;
        width: 100%;
    }
    .home-news-event .views-field-field-image img{
        height: auto;
    }
    
    
    .home-news-event .views-field-created, .home-news-event .views-field-title{
        width: 100%;
    }
    .home-news-event .views-field-created, .home-news-event .views-field-title{
        width: 100%;
        margin: 0;
    }
    /*about*/
    .page-gioi-thieu-38 .view-node-about .views-row{
        width: 100%;
        margin-right: 0;
    }
    .content-top .logo-mobie{
        left: 47%;
    }
    .content-top .logo-mobie .logo{
        height: 51px;
    }
    .region-header{
        width: 80%;
    }
    #block-locale-language {
        float: right;
        margin: 2px 0 0;
        width: 30%;
    }
    #block-block-2 {
        float: right;
        padding: 0;
        width: 70%;
    }
    .header-top .navbar-toggle{
        margin: 0;
        right: 15px;
        top: 3px;
    }
    
    
}
@media (max-width: 320px) {
    
    
    .page-tin-tuc .sidebar-news ul li:nth-child(3) a:focus::after, 
    .page-tin-tuc .sidebar-news ul li:nth-child(3) a:hover::after, 
    .page-tin-tuc .sidebar-news ul li:nth-child(3) a.active::after {
        border-width: 34px;
        right: -67px;
    }
    .view-admin-banner .views-field-nothing{
        display: none;
    }
    
    .footer-video .views-field-field-image .icon-play{
        background-position: top 30px center;
    }
    .node-du-an .links ul li{
        width: 100%;
    }
    .content-top .logo-mobie{
        left: 47%;
    }
    .content-top .logo-mobie .logo{
        height: 51px;
    }
    .region-header{
        width: 80%;
    }
    #block-locale-language {
        float: right;
        margin: 2px 0 0;
        width: 30%;
    }
    #block-block-2 {
        float: right;
        padding: 0;
        width: 70%;
    }
    .header-top .navbar-toggle{
        margin: 0;
        right: 15px;
        top: 3px;
    }
    
}