@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1366px){
.services-banner{ background-size:cover;}
.col1 .pic img{width:100%;}
.text-slide{font-size:50px;}
.txt4{font-size:20px;}	
.txt5{font-size:26px;}
.footer-top h4{font-size:16px;}
.pic-detail h2{font-size:18px;}
.global-banner p{ font-size:26px;}
.global-focus h1{  font-size:26px;}
.global-focus p{ font-size:15px;}
.global-focus li img { display:block; width:100%;}
.text-slide02{font-size:26px;}
.contactus-banner p{ font-size:50px;}
.txt9{ font-size:30px;}
.txt10 span{ font-size:20px;}
.txt10{ font-size:16px;}
.contactus-banner p{ font-size:48px; padding: 112px 0 0 0;}
.form-field .inp button{ font-size:20px;}
.form-field .inp textarea{ font-size:16px;}
.form-field .inp input{ font-size:16px;	}
.fontsize{ font-size:22px;} 
.bannertxt2 p{ font-size:46px;}
} 

@media screen and (max-width:1280px){
.col1 .pic-detail{min-height:441px;}
.top-tabs ul {font-size:13px; }
.top-tabs ul li a {padding: 22px 21px;}
.text-slide{ font-size:48px;}
.txt5{font-size:24px;}
.footer-top{font-size:12px;}
.global-banner p{ font-size:24px;}
.global-focus h1{ font-size:22px;}
.text-slide02{ font-size:24px;}
.text-slide02 p{padding:112px 0 0 0; width:100%;}
.golat-services{width:90%; margin:0px auto; margin-top:58px; float:none; display:table;}
.golat-services ul li p{width:86%;  padding: 0 15px 0 3.2%;}
.services-banner{background:url(../images/services-banner.jpg) no-repeat center center; float:left; width:100%; background-size:cover;}
.fontsize{ font-size:18px;} 
.bannertxt2 p{ font-size:38px;}
.mtop2{margin-top:102px;}


}



@media screen and (max-width:1024px){
.service-block{padding: 85px 0 15px 0;}	
.service-block ul{width:96%; margin-left: 3.5%;}
.service-block ul li{width:43%; margin:0 3% 70px 0;}
.bannertxt2 p{ font-size:34px;}

/*=========new css22 May============*/
.landing_page ul li a{ display: table-cell;
    font-size: 36px;
    height: 150px;
    line-height: 46px;
    vertical-align: middle;}
}

@media screen and (max-width:980px){
.col1 .pic-detail{padding:10px 20px 25px;  margin-top:-65px;}	
.bottom-logo{width:24%;}	
.message-box{width:28.6%;}
.bottom-logo{margin-right:3%; width:18%;}
.bottom-logo img {width:100%;}
.golat-services ul li p{width:83%;  padding: 0 5px 0 3%;}
.head-office{padding: 32px 15px;}
.txt9{ font-size:24px;}
.form-field .inp button{ font-size:18px;}
.contactus-banner p{ font-size:40px;}
.fontsize{font-size:16px;} 
.bannertxt2 p{ font-size:28px;}

}


@media screen and (max-width:767px){
/*=====menu======*/	
.nav-btn{float: right; margin-top:-54px; margin-right:10px; display:block; padding:0px;  outline:none;}
.top-tabs{ display:block;  position:relative; z-index:99999; margin:0 0 0 0; width:100%;}
.top-tabs ul{display:none; width:100%;}	
.top-tabs ul{position:relative !important; text-align:center;}
.top-tabs ul li{ margin-right:0%; width:100%; border-top:1px solid #01284f;  }
.top-tabs ul li a { background:#0081ff; display:block; color:#fff; font-size:14px; padding:10px 0px; position:relative;  height:auto; width:100%; border-radius:0; line-height:normal;  border:1px solid transparent;}
.top-tabs ul li a:hover, .top-tabs ul li a.active{background:#000; color:#0081ff; }
/*=====menu======*/	
.video-block{margin:-64px 0 0;}
.col1 .pic-detail{ min-height:498px;  padding: 10px 15px 25px;}	
.golat-services ul li{width:100%; margin:0 0 60px 0;}
.golat-services ul li span{width:100%; text-align:center; margin:-80px 0 0 0;}
.golat-services ul li h3{ text-align:center; margin:11px 0px 8px	; width:100%;}
.golat-services ul li p{width:100%; padding:0 10px; text-align:center;}
.global-banner p{height: 250px; font-size:18px;}
.services-banner{height: 250px;}
.text-slide02 p{padding:100px 0 0 0 ;font-size:18px;}
.contactus-banner p{font-size:30px;}
.contactus-banner{height:250px; }
.fontsize{font-size:15px;}
.color2{width:100%;} 
.bannertxt2 p{ font-size:24px;}
.banner{margin-top:99px;  }
.banner{ float:left; width:100%; z-index:4; position:relative; margin-top:0px;  }
.banner-pic{position: relative;  background:url(../images/0Company-001.jpg) no-repeat center 97px  ; background-size:100% auto;  width:100%; float:left; z-index:4; padding:10% 0 29% 0; background-size:100%; background-position:0 0 !important;}
.mtop1{ margin-top:25px;}
.top-fixed{ position: relative; top:0; z-index:9999; height:auto;}
.mtop2{margin-top:0px;}

/*=========new css22 May============*/
.landing_page ul li{ width:100%; display:table;}
.landing_page ul li.last{ margin-bottom:20px;}
.landing_page ul li a{ width:100%; font-size:48px; line-height:56px;}

}


@media screen and (max-width:640px){
.pic-block{ margin-bottom:20px;}
.text-slide{ font-size:40px;}
.txt4{ font-size:18px;}
.txt5{ font-size:20px;}
.pic-detail h2{ font-size:20px;}
.col1:first-child{}
.col1{width:90%; margin:0px auto !important; margin-bottom:20px; float:none;}
.col1 .pic-detail{ min-height: inherit; margin-bottom:30px;}	
.service-block ul{ width:90%; margin:0px auto; }
.service-block ul li{ margin:0 0 50px 0; width:100%;}
.service-block{ padding: 60px 0 15px;}
.bottom-logo{width:100%; margin:0; text-align:center; margin-bottom:30px;}
.bottom-logo img{width:auto; margin:0;}
.footer-top{padding: 31px 0;}
.footer-link{width:100%; margin:0px auto; margin-bottom:30px; text-align:center;}
.address{width:100%; margin:0px auto; margin-bottom:30px;  text-align:center;}
.message-box{width:90%; margin:0px auto; margin-bottom:30px; text-align:center; float:none;}
.footer-bottom{ text-align:center;}
.footer-top h4{margin:0 0 15px; font-size:14px;}
.video-full{width:90%;}
.global-focus p{ line-height:20px; font-size:14px;}
.global-focus h1{ font-size:20px;}
.global-focus ul{width:90%; margin:0px auto; float:none; margin-left:3%;}
.global-focus li:first-child{margin-left: 5%;}
.global-focus li{width:45%; margin:0 0 5% 5%;}
.contactus-banner p{ font-size:24px;}
.head-office{width:100%;}
.form-field{ float:left; width:100%; margin:20px 0 0 0; }
.contact-from{padding:25px;}
.map-area{padding:25px 0;}
.fontsize{font-size:13px;} 
.bannertxt{top:25%;}
.bannertxt p{width:60%;}

}


@media screen and (max-width:550px){
.bannertxt{ position:relative; float:left; margin:25px 0; }
.color1{ color:#385072;}
.fontsize{font-size:13px;}
.color2{width:100%;}
.bannertxt2{ position:relative; float:left; margin:25px 0 0 0; }
.bannertxt2 p{ font-size:26px; text-shadow: none;}
.bannertxt2 p .txt7, .bannertxt2 p .txt8{ color:#000;} { color:#000;} 
.contact-from{margin:25px 0 45px 0;}
.bannertxt p {width:100%; text-align:center;}
	
}


@media screen and (max-width:480px){
.global-focus ul{margin-left:0; width:90%; margin:0px auto;}	
.global-focus li{width:100%; margin:0 0 25px 0%;}
.global-focus li:first-child{margin-left:0%;}	
	

}