@media only screen and (max-width: 1200px){
    /* .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;}

    .wr-search{margin-right: auto; right: 5px; top: 25px;} 

    .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: 25px;}
    .owl-carousel .owl-controls .owl-nav .owl-next{left: 0; margin-left: 70px;}

  
	.top-icon{margin-right: 15px;}
	
	.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: 130px;}
	
	.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:0%; margin-bottom: 0px;}
.gallery-wr .list-unstyled li:nth-child(4n) { margin-right:0;}
.out-container-banner{padding: 0;}
}
@media only screen and (max-width: 1200px){
	a.hotline{background: #0195db 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;}
	.vision-wr .vs-ct{width: 50%;}
	}

@media (max-width: 1024px) {
    .out-nav-top { min-height: 72px; padding: 0; background: #fff;}
    .wr-out-mn { display:none}
    .show-mb { display:block!important}
    .hide-mb { display:none!important}
    .menu-desktop { display:none;}
    .out-main { padding-top:70px;}
    .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 40px; max-width: 250px;}
    .logo-right { clear:none; margin-top:0; max-width:200px;}
    .logo a img{max-width: 70px;}
    .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}


    .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: 18px;}
    .owl-carousel .carousel-caption .wr-tt p{ font-size: 20px;}


    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;}


	
	.top-icon{display: none;}
	a.hotline{top: 18px;}
	.logo{padding-left: 10px;}
	a.flag{ top: 26px;}
	.show-mb{display: block !important;}
	a.search{top: 26px;}	

	.owl-carousel .owl-controls{bottom: 0;}
	.owl-carousel .carousel-caption{bottom: -35px;}
	.owl-carousel .owl-controls{bottom: 48%}
	.owl-carousel .carousel-caption{width: 260px;}
	.owl-carousel .carousel-caption .wr-tt{width: 240px; padding: 0 5px 0 0;}
	.owl-carousel .carousel-caption .wr-tt h2 span{font-size: 20px;}
	.owl-carousel .carousel-caption .wr-tt h2{font-size: 32px;}
}

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




    
    .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;}
	.vision-wr{padding: 0 !important;}

    .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{left: auto; width: 100%; padding: 0px;}
	.owl-carousel .carousel-caption .wr-tt{width: 100%;padding: 0; text-align:  center; background: #1A4282;}
	.owl-carousel .carousel-caption .wr-tt a.btn-more{display: none;}
	.owl-carousel .carousel-caption{top: auto;}
	.show-banner-mb{display: block;}
	.hide-mb-banner{display: none;}
}


@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: 20px;}
    .title-wr h1 { font-size: 32px; margin-bottom: 0px;}
    .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 p{ font-size: 20px;}
    .logo{max-width: 200px;}
    .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;}
    .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; }
	
	.vision-wr{background: #0195db;}
	.vision-wr .vs-ct{width: 100%;}
	
	.news-home .pic{margin-top: 30px;}
	.news-home .box{margin-bottom: 0;}
	.under-banner .about-home{margin: 0;}
    .under-banner{padding: 40px  0 30px 0;}
	.under-banner .newslist-home{margin-top: 20px;}
	.news-list-top .pic{width: 100%; margin-bottom: 20px;}
	.news-list-top .info{width: 100%;}
	.bhc-sub h3{margin: 40px 0 10px 0;}
	.about-ct .pic{width: 100%; float:  none; margin-right: 0;}
	.about-ct .info{width: 100%; }
}


@media (max-width: 640px) {


	.owl-carousel .carousel-caption .wr-tt p{text-align: center;}
    .owl-carousel .owl-controls .owl-nav { display: none!important;}
    .owl-carousel .owl-controls .owl-dots { display: none!important; }
    .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; padding: 5px; text-align: center;}
    .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;}
	.owl-carousel .carousel-caption{bottom: 0px;}
	.owl-carousel .carousel-caption .wr-tt{border-left: 0;}
	.carousel-caption{position: relative;}
	.out-container-banner{margin-top: 0px;}
	
}

@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;}
	.out-box-project.owl-carousel .owl-controls{top: 220px;}
}

@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;}
	.owl-carousel .carousel-caption{bottom: -24px;}
}

@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;}
	.out-box-project.owl-carousel .owl-controls{margin-top: 70px;}
}

@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;}
    .owl-carousel .carousel-caption{bottom: -36px;}
	.out-box-project.owl-carousel .owl-controls{margin-top:30px;}
}
@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;}
	
}
@media (max-width: 768px) {
	/*footer{padding-bottom: 80px;}*/
	.chat-wr{width: 100%; bottom: 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: 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 { width:49%; margin-right:2%;}
.gallery-wr .list-unstyled li:nth-child(2n) { margin-right:0;}	
.bhc-sub .nav-gallery{float: none; margin-bottom: 30px; text-align: center;}
.bhc-sub .nav-gallery ul li{margin: 0 3px;}
.bhc-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;}
	}


/* Fix banner */
@media (max-width: 640px) {
.owl-carousel .carousel-caption .wr-tt	{background: #1A4282; height:  auto;}
.owl-carousel .carousel-caption .wr-tt h2{margin-top: 0;}
.owl-carousel .carousel-caption{bottom: 0;}
}



/* === 28/09/2020 ===*/

@media (max-width: 768px) {
	.owl-carousel .carousel-caption .wr-tt h2{font-size: 30px; line-height:  normal;}
	.owl-carousel .carousel-caption .wr-tt h2 span{font-size:18px;}
}

@media (max-width: 460px) {
	.owl-carousel .carousel-caption .wr-tt h2{font-size: 22px; line-height:  normal;}
	.owl-carousel .carousel-caption .wr-tt h2 span{font-size:14px;}
}

/* === 03/10/2020 ===*/
@media (max-width: 1200px) {
.gallery-wr .list-unstyled li {  display:block; width:100%; margin-right:0%; margin-bottom: 0px;}

}