@charset "UTF-8";
/*Responsive CSS
==================================================================================*/


@media only screen and (min-width:1024px) and (max-width:1181px){
	
   
   
   

	
}

@media only screen and (min-width:768px) and (max-width:1023px){

h2{ font-size:26px;}
.main-nav ul li{ font-size:12px;}
.main-nav ul li a{ padding:8px}	
	
}

@media screen and (min-width: 768px){

.main-nav{ display:block !important;}
.nav-icon{ display:none;}
.no-scroll{ overflow:visible !important}


}

@media screen and (max-width: 767px){

.nav-icon{ display:block;}
.main-nav{ position:fixed; z-index:9999; width:calc(100% - 71px); background:rgba(243,243,243,0.95);
left:-100%; top:0px; height:100%; transition:all 0.2s ease-in-out;}
.main-nav.active{ left:0;}
.main-nav ul{ float:none; display:block; width:auto;}
.main-nav ul li{ font-size:12px;}
.main-nav ul li,.main-nav ul li:first-child{ float:none; margin:0 15px; display:block; border:0px;} 
.main-nav ul li a{ line-height:1.2; border-bottom:1px solid #09173B;}
.main-nav ul li a:hover,.main-nav ul li.active a{ border-bottom:1px solid #1e1e1e;}
h2{ font-size:22px;}
.banner .slick-arrow{
	padding:10px;
	margin-top:-15px;
}	
.banner .slick-arrow:after,
.banner .slick-arrow:before{
	font-size:22px;
}
.header-right{
	float:left;
	padding-bottom:0px;
}
.header-bottom{ width:auto; padding-top:25px;}
.no-scroll{ overflow:hidden;}
#header .logo .logotext{ font-size:26px; width:auto;}
#header .logo .slogan{ width:auto;}
#header .logo{ width:540px; margin:0 auto; float:none;}
.header-right a{ font-size:17px;}

}

@media screen and (max-width: 585px){

.banner .slick-arrow{
	padding:5px;
	margin-top:-15px;
}	
.banner .slick-arrow:after,
.banner .slick-arrow:before{
	font-size:18px;
}
#header .logo{ width:auto;}
#header .logo .logotext{ background-size:100% auto; font-size:22px;}
.side_bar,.home-about{ float:none; width:auto; margin:0;}
.advertise .Text{ width:auto;}	
	
}

@media screen and (max-width: 479px){
	
#header .logo .logotext{ font-size:14px;}
#header .logo .slogan{ font-size:12px;}
.logo-pic{ width:75px;}

	
}
