@media (min-width: 768px) and (max-width: 768px) {
  .home-baner .views-field-field-image img {
    height: auto;
    width: 100%;
}

.header-top .navbar-toggle{
    margin: 0;
    right: 15px;
    top: 3px;
}

}
@media (min-width: 768px) and (max-width: 991px) {
    
    .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;
    }
    .language-switcher-locale-url{
        float: right;
    }
    .region-header{
        width: 92%;
    } 
    .header-top .navbar-toggle {
        display: block;
        margin: 0;
        position: absolute;
        right: 15px;
        top: 16px;
    }
    .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{
        display: inline-block;
        margin: 0 !important;
        padding: 0;
        width: 100%;
    }
    .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-toggle-mobile{
        display: block;
    }
    .header-menu .navbar-mobile-collapse{
        display: none!important;
    }
    .header-menu .navbar-mobile-collapse.in{
        display: block!important;
    }
    .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;
    }
    .home-view-project .nav-tabs{
        width: 100%;
    }
    
    
    
    .footer.wrapper {
        background: rgb(0, 84, 166) url("../images/bg_footer.png") no-repeat scroll center bottom / contain ;
    }
    #block-block-2 {
        float: right;
        width: 25%;
    }
    .col-sm-3.sidebar_first{
        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;
        padding: 5px 10px;
    }
    #edit-loai-cong-ty-wrapper{
        padding-right: 0;
    }
    .header-menu{
        display: inline-block;
        padding: 0;
        width: 100%;
    }
    .node-page .field-name-field-image {
        float: left;
        margin-right: 3%;
        width: 40%;
    }
    .node-page .field-name-field-mo-ta {
        float: left;
        width: 57%;
    }
    #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;
    }
    .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;
    }
    .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 {
        float: left;
        overflow: hidden;
        position: relative;
        width: 50%;
    }
    #block-menu-menu-menu-top{
        width: 100%;
    }
    .page-views-gallery .view-content .col {
        width: 33.333%;
        float: left;
    }
    
    #block-menu-menu-menu-top{
        width: 100%;
    }
    .header-menu {
        display: inline-block;
        padding: 0;
        width: 100%;
    }
    /*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;
    }
    .header-menu .container{
        padding: 0;
    }   
    .home-about .view-admin-page .views-field-field-image img{
        height: auto;
    }
    .home-about .view-admin-page .views-field-field-mo-ta {
        background: rgba(0, 84, 166, 0.7) none repeat scroll 0 0;
        padding: 10px;
        position: relative;
        top: 0;
    }
    #block-views-admin-article-block-1{
        width: 40%;
    }
    #block-views-admin-page-block-1{
        width: 60%;
    }
    .document_left {
        margin-bottom: 20px;
        padding: 0;
        width: 100%;
    }
    .document_right {
        width: 100%;
    }
    #block-views-admin-banner-block-8 {
        padding: 0;
    }
    #block-views-admin-banner-block-8 .views-field-field-image img{
        width: 100%;
    }
    .home-menu-box ul li a {
        display: inline-table;
        margin: 0 auto 0 30%;
        vertical-align: middle;
    }
    .home-menu-box ul li{
        padding: 41px 0;
    }
    .home-menu-box ul li:last-child{
        padding: 40px 0px;
    }
    .home-menu-box ul li::after{
        top: 45%;
    }
    .home-menu-box ul li::before{
        top: 40%;
    }
    #block-views-admin-video-block-1,
    #block-views-admin-gallery-block-1,
    #block-views-admin-thong-tin-lien-he-block-1{
        display: inline-block;
        margin-bottom: 20px;
        padding: 0;
        width: 100%;
    }
    #block-views-admin-gallery-block-1 .view-content{
        padding: 0px 5px;
    }
    #block-views-admin-gallery-block-1 .view-content .col {
        width: 33.3333%;
        float: left;
    }
    #block-views-admin-video-block-1 .views-field-field-image .popup-video img{
        margin-top: 0;
        width: 100%;
    }
    .footer-video .views-field-field-image .icon-play{
        width: 100%;
    }
    .gallery-footer img {
        height: auto;
        max-height: 153px;
        width: 100%;
    }
    #block-views-admin-gallery-block-1{
        margin-bottom: 0;
    }
    .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%;
    }
    .sidebar-news ul li a:focus::after, 
    .sidebar-news ul li a:hover::after, 
    .sidebar-news ul li a.active::after{
        right: -43px;
    }
    .page-du-an .sidebar-news ul li:nth-child(2) a:focus::after, 
    .page-du-an .sidebar-news ul li:nth-child(2) a:hover::after, 
    .page-du-an .sidebar-news ul li:nth-child(2) a.active::after{
        border-width: 22px;
        right: -44px;
    }
    .page-du-an .page-views-project .col{
        margin-bottom: 20px;
    }
    .page-views-project .views-field-title{
        padding: 0;
    }
    #block-system-main .node-du-an .links {
        padding: 5px 15px 0;
    }
    .node-du-an .links ul li a{
        margin-top: 0;
        margin-bottom: 5px;
    }
    .pgwSlideshow .ps-list .ps-next{
        right: 20%;
    }
    .pgwSlideshow .ps-list .ps-prev{
        left: 20%;
    }
    .page-views-gallery.dien-dan .col {
        float: left;
        width: 33.333%;
    }
    .dien-dan .views-field-created {
        padding-left: 25px;
        padding-top: 0;
        width: 100%;
    }
    .page-views-gallery .views-field-title {
        font-family: "Roboto Condensed Regular";
        font-size: 16px;
        margin-top: 10px;
        max-width: 100%;
        text-align: left;
        width: 100%;
    }
    .dien-dan .views-field-created {
        padding-left: 25px;
        padding-top: 0;
        width: 100%;
    }
    body.node-type-webform .contact-form-infomation .col.col-lg-6{
        width: 100%;
    }
    .node-type-webform .contact-form-infomation .view-admin-thong-tin-lien-he{
        margin-top: 10px;
    }
    .node-type-webform .contact-form-infomation .view-admin-thong-tin-lien-he .views-field-body img{
        width: 100%;
    }
    .header-menu .navbar-mobile-collapse.in{
        float: right;
        height: auto;
        max-width: 35%;
    }
    .view-admin-banner .views-field-nothing {
        bottom: 20px;
        left: 20px;
    }
    .home-baner .carousel-indicators {
        bottom: 25px;
        left: 365px;
        margin: 0;
        width: 100px;
    }
    .view-admin-banner .views-field-nothing{
        padding: 10px;
    }
    .view-admin-banner .views-field-nothing .views-field-title{
        font-size: 20px;
    }
    #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-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;
    }
    .carousel-control.right, .carousel-control.left{
        top: 38%;
    }
    #block-views-admin-article-block-1{
        width: 50%;
    }
    .page-breadcrumb{
        position: relative;
    }
    .views-other-projects .views-row{
        width: 50%;
    }
    .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;
    }
    .page-du-an .page-views-project .col {
        margin-bottom: 10px;
    }
   
}
@media (min-width: 768px) and (max-width: 1199px)  {
    .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%;
    }
    .header-menu .nav-navigation{
        padding: 0;
      }
    .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-field-field-image img{
        height: auto;
    }
    .views-project-album .views-field-field-images a {
        display: block;
        float: left;
        width: 25%;
    }
    .page-views-gallery .views-row{
        width: 50%;
    }
    .page-views-gallery .views-row .info-project{
        top: 10%;
    }
    .page-views-gallery .view-header{
        width: 720px;
    }
    .page-views-gallery .view-header ul li a{
        padding: 6px 83px;
    }
    #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;
    }
    
    
    
    .header-top{
        height: 30px;
        padding-bottom: 10px;
    }
    #block-block-2{
		padding: 0;
		float: left;
		width: 35%;
		margin-left:20px;
	}
	.header-menu .nav-navigation > ul > li:nth-child(3){
		margin-right: 0;
	}
    .navbar-mobile-collapse.in{
        position: relative;
        z-index: 999;
    }
    .page-views-project .views-field-field-image img{
        height: auto;
    }
    .node-type-webform .contact-form-infomation .col.col-lg-6{
        width: 50%;
        float: left;
    }
    .webform-client-form .webform-submit{
        margin-left: 15px;
    }
    
}
@media (min-width: 992px) and (max-width: 1199px) {
    .header-menu .nav-navigation > ul > li{
        padding: 10px 5px 13px;
    }
    
    #block-locale-language{
       
        margin-right: 0;
        width: 165px;
    }
    #block-views-admin-article-block-6 .views-field-title{
        max-height: 87px;
        overflow: hidden;
    }
    .views-block-tin-tuc-khac .views-field-title{
        max-height: 57px;
        overflow: hidden;
    }
    
    
}
@media (min-width: 1024px) and (max-width: 1024px)  {
    .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: 30%;
    }
    .views-exposed-form .views-submit-button{
        width: 10%;
        padding: 0;
    }
    .views-exposed-form .views-exposed-widget .form-submit{
        margin-top: 27px;
        padding: 5px 10px;
    }
    
    .view-page-node-news .col {
        float: left;
        margin-bottom: 30px;
        position: relative;
        width: 50%;
    }
    
    .home-view-project .nav-tabs{
        width: 100%;
    }
     .home-baner .views-field-field-image img {
        height: auto;
        width: 100%;
    }
    .view-admin-banner .views-field-nothing{
         bottom: 20px;
        left: 20px;
    }
    .home-view-project .nav-tabs li a{
        padding: 7px 38px 6px;
    }
    #block-locale-language{
        width: 8%;
        float: right;
    }
    #block-search-form,
    #block-block-2{
        width: 22%;
    }
    .home-view-project .nav-tabs li a{
        padding: 7px 14px 6px;
    }
    .home-view-project .views-field-title{
        max-height: 56px;
        overflow: hidden;
    }
    .home-about .view-admin-page .views-field-field-image img{
        height: auto;
    }
    .home-about .view-admin-page .views-field-field-mo-ta{
        padding: 0;
        position: relative;
        top: 10px;
    }
    #block-views-admin-article-block-1{
        width: 40%;
    }
    #block-views-admin-page-block-1{
        width: 60%;
    }
    
    #block-views-admin-banner-block-8{
        padding-right: 0;
    }
    .home-menu-box ul li a {
        display: inline-table;
        margin: 0 auto 0 30%;
        vertical-align: middle;
    }
    #block-views-admin-gallery-block-1{
        width: 33.33%;
        float: left;
    }
    #block-views-admin-gallery-block-1 .view-admin-gallery .col {
        width: 33.33%;
        float: left;
    }
    #block-views-admin-gallery-block-1 .view-admin-gallery{
        padding: 0px 5px;
    }
    .gallery-footer h2.block-title, 
    .footer-video h2.block-title,
    .info-footer .views-field-body strong{
        font-size: 14px;
    }
    .footer-video .views-field-field-image .icon-play{
        width: 100%;
        top: -5px;
    }
    .page-breadcrumb{
        margin-top: 0;
    }
    .col-sm-3.sidebar_first{
        padding-left: 0;
    }
    .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%;
    }
    
    #block-views-admin-article-block-6 .views-field-nothing{
        margin-bottom: 12px;
        margin-top: 17px;
    }
    #block-views-admin-article-block-6 .views-field-field-image img{
        height: 74px;
        width: 100px;
    }
    #block-views-admin-article-block-6 .views-field-title {
        max-height: 65px;
        overflow: hidden;
    }
    .content_bottom{
       /* margin-top: 50px;*/
    }
    .views-block-tin-tuc-khac .row{
        margin: 0 0 15px;
    }
    .views-block-tin-tuc-khac .col {
        padding: 0;
    }
    .page-views-project #views-bootstrap-grid-1{
        padding: 0px 5px;
    }
    .page-views-project .col{
        width: 25%;
        float: left;
    }
    .page-du-an .page-views-project .col{
        width: 33.333%;
        float: left;
    }
    .node-du-an .links ul li{
        width: auto;
    }
    .page-views-gallery .col {
        width: 25%;
        float: left;
    }
    .page-views-gallery.dien-dan .col {
        width: 33.333%;
        float: left;
    }
    .dien-dan .views-field-created {
        padding-left: 25px;
        padding-top: 0;
        width: 100%;
    }
    .page-views-gallery .views-field-title{
        width: 100%;
        text-align: center;
        max-width: 100%;
    }
    .webform-client-form .form-item .form-textarea,
    .webform-client-form .form-item .form-text{
        width: 65%;
    }
    .webform-client-form .webform-submit {
        margin-left: 16.4%;
    }
    .view-admin-thong-tin-lien-he .views-field-body ul li:first-child{
        padding-left: 27px;
    }
    .view-admin-thong-tin-lien-he .views-field-body ul li:first-child .fa-map-marker{
        margin-left: -27px;
    }
    .webform-client-form .form-item label{
        width: 110px;
    }
    .home-menu-box ul li{
         padding: 24px 0;
    }
    .front .home-view-notice .view-content .row:last-child,
    .front .view-admin-thong-bao .view-content .row:last-child{
        display: none;
    }
    .home-view-project .nav-tabs li a {
        padding: 7px 33.3px 6px;
        font-size: 13px;
    }
    .home-view-project .nav-tabs li:nth-child(2), .home-view-project .nav-tabs li:nth-child(4){
        background: transparent url("../images/Forma-1-blue.png") no-repeat scroll 7px 7px;
    }.home-view-project .nav-tabs li:nth-child(5), .home-view-project .nav-tabs li:nth-child(3){
        background: transparent url("../images/Forma-11-blue.png") no-repeat scroll 8px 6px;
    }
    .home-view-project .nav-tabs li a:hover, .home-view-project .nav-tabs li a:focus, .home-view-project .nav-tabs li.active a{
         background: #0054a6 url("../images/Forma-12hover.png") no-repeat scroll 10px 5px !important;
    }
    .header-menu .nav-navigation > ul > li {
        padding: 10px 5px 13px;
    }
    .header-menu .logo{
        left: -43%;
    }

}
@media only screen 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1){
  
  /************************************************************/
  .block-simplenews ::-webkit-input-placeholder { color: #b2b2b2; }
  .block-simplenews :-moz-placeholder { color: #b2b2b2; }
  .block-simplenews ::-moz-placeholder { color: #b2b2b2; opacity: 1; }
  .block-simplenews :-ms-input-placeholder { color: #b2b2b2; }
  /************************************************************/ 
  
  
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
  .navbar-mobile {
    height: 100%;
  }
  
  
  
  
}