@media only screen and (max-width: 1350px){
    /* .navbar-default .navbar-nav > li > a { font-size:15px;} */
    .isStuck .navbar-default .navbar-nav > li > a { font-size:15px;}
    .container { width:100%; padding:0;}
    .out-container {width:100%; padding:0;}
    /* .out-footer { width:100%;  padding:0px; float:left} */
   
    .out-banner { width:100%;}

    .search-form_label { background: rgba(255,255,255,0.9);}
    .row { margin-left:0px; margin-right:0px;}
    .wr-loading { padding:0}

   
    

    .owl-carousel .carousel-caption .wr-tt p{ font-size: 30px;}

    

 
    .navbar-default .navbar-nav > li > a{font-size: 15px; margin: 0 30px 0 0;}


    .out-box-project{width: 100%;}
   
    .owl-carousel .carousel-caption{ margin-left: auto; left: 0;}
    .owl-carousel .owl-controls .owl-nav .owl-prev{left: 0; margin-left: 20px;}
    .owl-carousel .owl-controls{bottom: 42%;}
  

	
	.introduction-wr{margin-top: -160px;}
	.out-box-project.owl-carousel .owl-controls{width: 100%; margin-left: auto; left: auto; max-width: 1350px;}
	.out-box-project.owl-carousel .owl-controls .owl-nav .owl-next { right:0px;}
	.out-box-project.owl-carousel .owl-controls .owl-nav .owl-prev { left:0px; }
	.out-box-project.owl-carousel .owl-controls{bottom: auto; top: 80px;}
	
	.partner.owl-carousel .owl-controls .owl-nav .owl-next { right:0px;}
	.partner.owl-carousel .owl-controls .owl-nav .owl-prev { left:0px; }
	.gallery-wr .list-unstyled.gallery { width: 100%;}
	.gallery-wr .list-unstyled li {  display:block; width:100%; margin-right:2%; margin-bottom: 30px;}
.gallery-wr .list-unstyled li:nth-child(4n) { margin-right:0;}
.mail-top {padding-right: 15px;}
	.navbar-nav{padding-right: 50px;}
	.gallery-wr .list-unstyled.gallery { width: 100%;}
	.gallery-wr .list-unstyled li { float:left; display:block; width:23.5%; margin-right:2%; margin-bottom: 30px;}
.gallery-wr .list-unstyled li:nth-child(4n) { margin-right:0;}
}
@media only screen and (max-width: 1200px){
	a.hotline{background: #13668d url(../images/icon-call.png) no-repeat 15px 11px; padding-left: 35px;}
	a.hotline:hover{background: #ecb251 url(../images/icon-call.png) no-repeat 15px 11px; padding-left: 35px;}
	a.hotline span{display: none;}
	a.flag{right: 205px;}

	.out-box-cate-pro.owl-carousel .owl-controls{width: 100%; left:  auto; margin-left:  auto;}
	.out-box-cate-pro.owl-carousel .owl-controls .owl-nav .owl-prev{left: 10px;}
	.out-box-cate-pro.owl-carousel .owl-controls .owl-nav .owl-next{right: 10px;}
	 .navbar-default .navbar-nav > li > a{font-size: 13px; margin: 0 25px 0 0;}
}

@media (max-width: 1024px) {
    .out-nav-top { min-height: 72px; padding: 0; background: #fff; border-bottom: 1px solid #cdcdcd;}
    .wr-out-mn { display:none}
    .show-mb { display:block!important}
    .hide-mb { display:none!important}
    .menu-desktop { display:none;}
    .out-main { padding-top: 0px; margin-top: 100px;}
    .rd-mobilemenu, .rd-mobilepanel {  display: block; }
    .stuck_container { position:relative; z-index:99;}
    .isStuck { display:none}
    .container { width:100%; margin-left:0%; margin-right:0%;}
    header { z-index:999999; position:fixed; width:100%; background:rgba(255,255,255,1);}
    .navbar-nav { display: none;}
    .wr-dock-top { top:0px; right:70px;}
    .wr-dock-top:after { display:none}
    .wr-dock-top.left { right:70px; left:auto; top:25px;}
    .wr-dock-top.left:after { display:none}
    .logo { margin: 0px 0 10px 50px; max-width: 240px; top: 5px;}
    .logo-right { clear:none; margin-top:0; max-width:200px;}

    .out-list-flag { margin-top:17px;}
    .wr-search { top: 25px; right: 10px; left:auto;}
    .txt-ft { text-align:center; width:100%}
    .wr-social-bottom { width:100%;}
    .txt-ft { margin-top:0}
    .title-wr h2 { font-size:40px;}

    .search-form_toggle{margin-top: 0;}
    .wr-line-cont{padding: 40px 0;}
	.partner-wr{padding: 20px 0 !important;}
    .wr-loading { padding:0; margin:0}
    .wr-box-img .btn-see { left:10px; top:10px; text-align:center; padding:7px 15px; font-size:14px;}


    /* .owl-carousel .carousel-caption .wr-tt{padding: 20px;} */
    .owl-carousel .carousel-caption .wr-tt h2{ font-size: 30px;}
    .owl-carousel .carousel-caption .wr-tt p{ font-size: 20px;}
    .owl-carousel .owl-controls{top: 50%; transform: translateY(-50%);}


    header{border-bottom: 1px solid #0D529E;}

    .text-info{top: 0;}
    footer .in-footer{padding: 0 20px;}
    footer .mid-footer .social{right: 120px; top: 100px; margin: 0;}
    .out-footer{float: none; margin: 0 auto;}

    .container.menu-top{position: absolute; right: 50px;}
    .owl-carousel .owl-controls .owl-nav .owl-prev{left: 0; margin-left: auto;}
    .owl-carousel .owl-controls .owl-nav .owl-next{left: auto; right: 0; margin-left: auto;}
    .owl-carousel .carousel-caption{left: 50px;}

	

	a.hotline{top: 18px;}

	a.flag{right: 180px; top: 24px;}
	.show-mb{display: block !important;}
	
}

@media (max-width: 991px) {
    .box-img { margin-top:25px; margin-bottom:15px}

    .title-wr h2 { font-size:28px;}


    
    .wr-list-txt li { text-align:center}

    
    .i-show-all{margin: 20px 0;}

   

    footer .in-footer{height: 400px;}

    footer .mid-footer .social{right: 90px;}

    footer .kontakt{padding-top: 0;}

    footer .mid-footer{padding: 0;}
    footer .logo-footer a img{width: 70%;}

    .wr-map-kt{min-height: 0;}
    
    .wr-line-cont{padding: 70px 0;}
    .owl-carousel .carousel-caption .wr-tt{padding: 0 20px;}
    .text-info{padding: 20px 0 0 0;}
    .wr-level-3 .item-box{padding: 50px 15px;}
	
	.introduction-wr{margin-top: -120px;}
	.introduction-wr .intro-ct .right .logo-group{width: 40%; margin-left: 5%; margin-bottom: 20px;}
	.owl-carousel .carousel-caption{width: 100%; left: 0; margin:  auto;}
	.title-wr h1{font-size: 40px;}
	.title-wr h3{font-size: 20px;}
	.service-home .box1 .info h2{font-size: 26px;}
	.service-home .box2 .box-50 .info h2{font-size: 26px;}
	.service-home .box3 .info h2{font-size: 26px;}
	
}


@media (max-width: 800px) {
    .owl-carousel .owl-controls .owl-dots{display: none !important;}
}

@media screen and (max-width: 767px){
    .title-wr {margin-top: 0px;}
    .title-wr h2 { font-size: 30px;}
    .logo-right { max-width:100px;}
    .wr-box-img.right { width:48%; margin-right:4%; float:left}
    .wr-box-img.right:nth-child(2) { margin-right:0}
    .wr-ft.text-right { text-align:center}


    .text-left { text-align:center!important}
    .text-right { text-align:center!important}

    .out-box-project{margin-top: 35px;}

    .owl-carousel .carousel-caption .wr-tt h2{ font-size: 25px;}
    .owl-carousel .carousel-caption .wr-tt p{ font-size: 20px;}
    .logo{max-width: none; width: 100%; left: 0; display: block; text-align: center;margin: 0 auto; }
    .title-wr.prod h1{margin-bottom: 30px;}
    .no-pd { padding:0 0 15px;}
    .sub .title-wr h1 { font-size: 30px;}
    footer .mid-footer .social{right: 70px; text-align: center;}
    .fix{padding-left: 0; padding-right: 0;}

    .wr-line-cont{padding: 50px 0 0 0;}
    .half-right{display: none;}
	
	.introduction-wr{margin-top: -120px;}
	.introduction-wr .intro-ct .left{width: 100%;}
	.introduction-wr .intro-ct .right{width: 100%;}
	.introduction-wr .intro-ct .right .logo-group{width: 31%; margin-left: 0; }
	
	
	.news-home .pic{margin-top: 30px;}
	.news-home .box{margin-bottom: 0;}
	.mail-top{padding-right: 0; text-align:  center;}
	.chat-wr{width: 270px;}
	.chat-wr .icon{display: inline-block;}
	.banner-desk{display: none;}
	.banner-mobi{display: block;}

.news-left h4{font-size: 18px;}
	.home-about img.right{display: none;}
	.title-wr h4{text-align: center; margin-bottom: 10px;}
	.title-wr h4:after{display: none;}
	.title-wr h3{text-align: center;}
	.title-wr h1{text-align: center;}
	a.readmore{margin: 0 auto;}
	.title-wr p.txt{text-align: center;}
	.service-home p.txt{width: 100%;}
	.service-home .box1 .info h2{font-size: 18px;}
	.service-home .box2 .box-50 .info h2{font-size: 20px;}
	.service-home .box3 .info h2{font-size: 18px;}
	.service-home .box2 .box-50 .info{padding: 35px 0 0 0;}
	.sub-navi-wr{padding: 20px 0 10px 0;}
	.sub-navi-wr h2{font-size: 24px;}
	.sub-navi-ct ul li{font-size: 15px; padding: 15px 20px 0 6px }
	.ad-news .title-wr h3{font-size: 20px;}
	.top-header a{width: 100%; background: #0071BC; color: #fff; font-size: 13px;}
.sanh-ot .box1{width: 50%; float: left; position: relative;}
	.gallery-wr .list-unstyled li { width:49%; margin-right:2%;}
.gallery-wr .list-unstyled li:nth-child(2n) { margin-right:0;}	
	.sanh-ot{padding: 0;}
}

@media (max-width: 640px) {

    .owl-carousel .carousel-caption .wr-tt h2 { margin-bottom:5px; float:left; width:100%; text-align:center; font-size: 24px;}
	.owl-carousel .carousel-caption .wr-tt p{text-align: center;}
    .owl-carousel .owl-controls .owl-nav { display: block!important;}
    .owl-carousel .owl-controls .owl-dots { display: none!important; }
    .owl-carousel .carousel-caption{left: auto; width: 100%; padding: 0 50px;}
    .wr-box-img.right { width:100%; margin-right:0; float:left}
    .wr-box-img.right:nth-child(2) { margin-right:0}
    .wr-box-img .btn-see { left:50%!important; margin-left:-125px!important; top:50%!important; right:auto!important; width:100%!important; max-width:250px!important; background:rgba(250,122,82,0.8)}
    .owl-carousel .carousel-caption .wr-tt h2 { margin-top:0}
    .owl-carousel .carousel-caption .wr-tt{width: 100%; padding: 0;}
    footer .mid-footer .social {right: 20px; top: 60px;}
	
	.introduction-wr{margin-top: -80px;}
	.introduction-wr .intro-ct{padding: 50px;}
	.owl-carousel .carousel-caption .wr-tt p{margin: 0;}

	.service-home .box1, .service-home .box2, .service-home .box3{width: 100%;}
		.service-home .box1 .info h2{font-size: 30px;}
	.service-home .box2 .box-50 .info h2{font-size: 30px;}
	.service-home .box3 .info h2{font-size: 30px;}
	.service-home .box2 .box-50 .info{padding-top: 80px;}
}

@media (max-width: 580px) {
    .wr-box-img .btn-see {   margin-left:-90px!important;  max-width:180px!important; }

    .out-box-project{width: 100%;}
    .wr-search{top: 22px;}

    .title-wr h1 { font-size: 30px;}

    footer .social-bt {display: block; padding-bottom: 0;}

}


@media (max-width: 560px) {
    .owl-carousel .carousel-caption .wr-tt h2 { margin-top:5px;}
    .owl-carousel .carousel-caption .wr-tt h3 { font-size:14px;}

    footer .social{display: inline-block;}
	.out-box-project.owl-carousel .owl-controls{ top: 150px;}
	.service-home .box2 .box-50 .info{padding-top: 40px;	}
	.contact-home .box1{width: 100%;}
	.contact-home .box2{width: 100%;}
	.news-home .box{padding: 25px 0 0 0;}
	.sanh-ot .box1 .info h2{font-size: 18px;}
}

@media (max-width: 500px) {
    .wr-ft {text-align:center}
    .wr-mid-ft { padding-left:0; padding-right:0;}
    .wr-box-img .btn-see {   margin-left:-125px!important;  max-width:250px!important; }
    
    .owl-carousel .carousel-caption .wr-tt h2{font-size: 20px;}
	.owl-carousel .carousel-caption .wr-tt p{font-size: 16px;}
    .out-box-project .img-news{padding: 0;}
}

@media (max-width: 470px) {
    .wr-dock-top { display:none}
    .out-nav-top .social{display: none;}
    footer .in-footer { height: 500px;}
    footer .mid-footer .social-footer a img {
        margin: 20px 5px 0 0;
    }
}
@media (max-width: 460px) {
    .wr-out-search-top .wr-search { right:90px; top:-42px;}
    .col-xs-6 { width:100%;}

    .owl-carousel .carousel-caption .wr-tt h3 { font-size:12px;}
    .owl-carousel .carousel-caption .wr-tt h3:after { width:40px; margin-left:-40px; }
    .owl-carousel .carousel-caption .wr-tt h3:before { width:40px; margin-right:-40px; }


  
    footer .mid-footer .social {right: 190px; top: 70px;}
    footer .mid-footer .logo-footer a img{margin: 25px 0 5px 0;}
    footer .mid-footer{text-align: left;}
    .wr-line-cont{padding: 30px 0;}
	
	.introduction-wr{margin-top: -40px;}
	.out-box-project.owl-carousel .owl-controls{top: 120px;}

	
	.partner-wr{padding: 10px 0 !important;}
	.promotion-wr .info ul li{padding: 10px;}
	.promotion-wr .info ul li{font-size: 12px;}
.promotion-wr .info li span{font-size: 24px; font-family: 'RobotoBold';}
}

@media (max-width: 420px) {
    .wr-list-info li a { width:100%; font-size:14px;}
    .owl-carousel .carousel-caption .wr-tt{padding: 5px;}
    .owl-carousel .carousel-caption .wr-tt h2{ font-size: 20px;}
    footer .mid-footer .social {right: 155px;}
	a.hotline{font-size: 13px; top: 21px;}
	a.flag{right: 120px;}
    
}
@media (max-width: 360px) {
    .logo{max-width: 160px;}

    .owl-carousel .carousel-caption .wr-tt h2 { font-size:18px;}
    .owl-carousel .owl-controls .owl-nav .owl-next { right:0;}
    .owl-carousel .owl-controls .owl-nav .owl-prev { left:0;}
    .owl-carousel .carousel-caption .wr-tt a.btn-link { padding:5px 20px; font-size:13px}
    .col-g-1 h2, .col-g-2 h2, .col-g-3 h2 { font-size:14px!important;}
    footer .mid-footer .social {right: 115px;}
	.out-box-project.owl-carousel .owl-controls{top: 90px;}
	.owl-carousel .owl-controls .owl-nav { display: none!important;}
}
@media (max-width: 318px) {
    footer .mid-footer .social {right: 90px;}
	
}


/*======= 16/04/2019 ====== */
@media (max-width: 1024px) {	
	.out-container-banner .menu-project ul li{margin: 0 15px;}
	.out-container-banner .menu-project ul li a{font-size: 13px;}
	.show-mb{display: none !important;}
	.home-about img.left{display: none;}
}
@media (max-width: 768px) {
	footer{padding-bottom: 60px;}
	.chat-wr{width: 100%; bottom: 0;}	
	.bdl-sub h4{margin-top: 0;}
	}
@media (max-width: 460px) {
	.out-container-banner .menu-project ul li{margin: 0 15px;}
	.out-container-banner .menu-project ul li a{font-size: 11px;}
	
	}
@media (max-width: 420px) {	a.flag{right: 160px;}}
	
@media (max-width: 360px) {
	.show-mb{}
	.out-container-banner .menu-project{display: none;}
	.show-mb{display: block !important; }
	.show-mb a{text-transform: none !important;  padding-left: 50px !important;}
	}	
	
/*======= 18/04/2019 ====== */
@media (max-width: 768px) {
	.title-sub{margin-bottom: 30px;}
.gallery-wr .list-unstyled li {  margin-right:2%;}
.gallery-wr .list-unstyled li:nth-child(2n) { margin-right:0;}	
.bdl-sub .nav-gallery{float: none; margin-bottom: 30px; text-align: center;}
.bdl-sub .nav-gallery ul li{margin: 0 3px;}
.bdl-sub .nav-gallery ul li a{font-size: 13px;}
.news-left{ border-right: 0px solid #cdcdcd; padding-right: 0px;}
.newslink{margin-top: 30px;}
}


@media (max-width: 360px) {
	.gallery-wr .list-unstyled li {width:100%; margin-right:0%;}
	.title-sub {background: url(../images/title.png) no-repeat scroll bottom left; height: 60px; margin-bottom: 30px;}
	.title-sub h3{font-size: 20px;}
	}
	

	/*======= 29/8/2022 ====== */
	@media (max-width: 460px) {
		.ser-new{padding-top: 0;}
		.ser-new .box{width: 100%; padding: 5px 15px; float: none;}}