@media screen and (max-width: 1500px){
	.banner .slick-dots{bottom: 11%;}
}


@media screen and (max-width: 1440px){
	.common_sec .container{padding-left: 40px;}
}
@media screen and (max-width: 1366px){
   
}
@media screen and (max-width: 1280px){
    
}
@media screen and (max-width: 1100px){
	nav ul li a{ font-size: 16px;}
}
@media screen and (max-width: 1080px){
	.ban_top{max-width: 500px;}
	.ban_bottom{max-width: 600px;}
}
@media screen and (max-width: 1024px){
   
}
@media screen and (max-width: 992px){
	
	
	header.headmain { height: auto; padding-left: 0; padding: 0; background-color: transparent; display:none;  }
    header.headmain .container { padding-left: 0; padding-right: 0; }
    header.sticky { height: auto; }
    header.sticky nav { padding-bottom: 0; }
    #logo { padding-left: 15px;  }
    #nav-toggle { display: block; }
    nav { display: none; width: 100%; /*margin-top: 30px;*/ background-color: #333333; padding-bottom: 15px; }
    .menu { width: 100%; }
    nav ul li { display: block; padding: 0; line-height: 35px; border-bottom: 1px solid #ffffff; margin-bottom: 10px; padding-left: 15px ; padding-right: 15px; box-sizing: border-box; }
    nav ul li:first-child { padding-left: 15px; }
    nav ul li a { line-height: 35px; }
    nav ul li.active a, nav ul li a:hover { color: #ffffff; /*border-bottom: 4px solid transparent;*/ }
	
	
	
	
	
	.banner_caption h1{font-size: 32px;}
	h4{font-size: 22px;}
	.common_sec h3{    font-size: 30px;}
	.common_sec ul li a{    font-size: 24px;}
	nav ul li a{font-size: 16px;}
	
	
	#logo{position: static;/*margin: 0 auto;*/display: block;padding-top: 10px;}
	
	#logo ul li a{font-size: 14px;}
	
	.banner_caption{    position: absolute;
    /*left: 50%;
    transform: translateX(-50%);*/
    top: 250px;}
	
	.banner_caption .ban_top{/*margin: 0 auto;*/margin-bottom: 30px;}
	.banner_caption .ban_bottom{/*margin: 0 auto;*/}
	
	nav ul li{    width: 100%;line-height: normal;}
	nav ul li a{  line-height: normal;}
	
	/*.banner .slick-slide{height: 900px;}*/
	
	
	
	#logo{max-width: 200px;}
	#logo ul li{padding: 0 2px;}
	
	
	
	
	.header{top: 0;}
	.ban_top br{display: none;}
	.ban_top, .ban_bottom{height: auto;}
	#logo ul{margin-top: 0;}
	.ban_top,.ban_bottom{padding:  25px;}
	.banner_caption{top: 150px}
	.banner .slick-dots{bottom: 30px;}
	
	nav ul li a br{display: none;}
	
	
	
	header.headmain nav{padding-top: 140px;}
	
	
	header.headmain          { width: 100%; height:400px;; position: absolute; top: 0; display: inline-block; vertical-align: top; /*padding: 5px 0 5px;*/ z-index: 99;  display:none;}
	
		
	.workplace{background-position: inherit;}
	
	
	
	
	
	
	/*25-3-2019*/
	
/*.page-template-subpage-listing	header.headmain{z-index: -1;}*/

#nav-toggle{display:block !important;}

nav{display:block;}
	
	
}

@media screen and (max-width: 767px){
	
   h4{font-size: 22px;}
	.common_sec h3{    font-size: 24px;}
	.common_sec ul li a{    font-size: 18px;}
	.common_sec ul li:before{top: 6px;}
	nav ul li a{font-size: 16px;}
	/*.ban_bottom{padding: 40px 35px;}*/
	
	.banner_caption h1{    font-size: 26px;}
	
}

@media screen and (max-width: 640px){
	.banner_caption h1{    font-size: 24px;}
    h4{font-size: 20px;}
	.banner_caption .ban_top{margin-bottom: 15px;}
}
@media screen and (max-width: 479px){
	h4{    font-size: 17px;}
	.common_sec h3{    font-size: 18px;}
	#logo {max-width: 180px;}
	#logo a img{max-width: 150px;}
	#logo ul li a{font-size: 12px;}
	.ban_top,.ban_bottom{padding: 15px;}
	.banner_caption h1{font-size: 18px;}
	.ban_bottom h4{font-size: 14px;}
	.banner .slick-dots{bottom: 0;}
	.banner .slick-dots{height: 30px;line-height: 30px;padding: 0;}
	.banner .slick-dots li{    width: 15px;
    height: 15px;}
}

@media screen and (max-width: 414px){
    
}

@media screen and (max-width: 375px){
   
}

@media screen and (max-width: 360px){
    
}

@media screen and (max-width: 320px){
    
}