@media screen and (max-width:1199px) {
	.head-bottom .logo-container{max-width:370px; left:-70px;}
	.head-bottom .desktop-menu li{margin:0 5px;}
	
	

}

@media screen and (max-width:1024px) {
	.head-bottom .logo-container{left:0; right:0; margin:auto;}
	.head-bottom .head-inner{text-align:center;}
	.head-bottom .desktop-menu{margin:auto; float:none; display:inline-block; padding-top:70px; } 
		.carousel-control img{ margin-top:200%;}
			.carousel-indicators{bottom:210px;}
			#search-wrapper .search-bar .button{width:22%;}
			#search-wrapper .search-bar .icon{width:18%;}
			.head-bottom{ background-repeat:repeat; background-position:left; height: auto;}
	.carousel, .item, .active{height:700px;}
	.carousel-caption{top:142px;}
	#footer-bottom .left{font-size:9px; line-height:30px;}
	#footer-bottom .right{font-size:9px; line-height:20px;}
	#footer-bottom .left a{font-size:9px; line-height:20px;}
	#footer-bottom .left img{float:left; width:80px;}
	#safety-container .safety .image .title{font-size:12px;}
	#safety-container .safety .content{font-size:12px;}
	#operating-container .operation .image .title{font-size:13px;}
	#operating-container .operation .image a{font-size:13px; margin-top:0;}
	#operating-container .operation .image .title{padding:4px 40px; min-height:inherit;}
	#certificate-container .signup-container .textbox{width:100%;}
	#certificate-container{background-size:cover;}
	#footer-top .foot-content p{font-size:9px;}
	#footer-top .foot-content ul li a{font-size:9px;}
	.carousel-caption{left:10%;}
	.carousel-control{width:60px;}
	.carousel-control img{ width:40px; margin-top:500%;}
	#certificate-container .signup-container label{font-size:15px;}
	#certificate-container .signup-container .textbox{height:32px; font-size:14px;}
	#certificate-container .signup-container .btn{font-size:15px; line-height:30px; width:100px;}

	
}

@media screen and (max-width:768px) {
	.head-bottom .logo-container{left:0; right:auto; max-width:500px; left:-120px;}
	.head-bottom .desktop-menu{display:none;}
	.mobile-menu{display:block; float:right; margin-top:20px;}	
	.mobile-menu a{width:50px; float:left; margin-left:10px; color:#fff; font-size:12px; font-family:'DINOT-bold'; font-weight:bold; }
	.mobile-menu a img{ float:none; margin:auto;}	
	.head-bottom .logo-container{ left:-160px; max-width:570px;}
	.head-bottom{ background:none; padding-bottom:20px; background-color:rgba(42, 103, 177, 0.5); height:auto;}
	.carousel-control img{ margin-top:450%;}
	.carousel-indicators{bottom:210px;}
	#search-wrapper .search-icon{width:130px;}
		.eee-solutions h3{font-size:17px;}
		.eee-solutions p{font-size:13px; line-height:15px;}
	.eee-solutions{background-image:url(/wp-content/themes/nrc-2016/images/eee-section-back-tab.png); padding-top:100px;}
	.eee-solutions .btn{ width:160px;}
	#safety-container .safety .image .title span{font-size:11px;}
	#certificate-container .signup-container{padding-top:85px;}
	
}
@media screen and (max-width:736px) {
.head-top p{
	text-align:center !important;	
}
.head-top ul{
margin: 0 auto;
float: none;
display: table;	
}
.head-bottom{
	top: 48px !important;
}
.head-bottom .logo-container{
max-width: 350px !important;
}
}


@media screen and (max-width:694px) {
.head-top ul li, .head-top p{
text-align:center !important;	
}

.head-bottom{
	top: 48px !important;
}
.head-bottom .logo-container{
	max-width: 400px !important;
}
.head-top ul{
margin: 0 auto;
float: none;
display: table;	
}
#help-container form .textbox{
max-width: 60%;
margin-right: auto;
display: block;
margin: 10px auto;	
}
}


@media screen and (max-width:600px) {
#counter-container .count{width:50%; margin-left:0; margin-right:0;}	
#safety-container .safety{width:100%; margin:0; margin-bottom:50px;}
#safety-container .safety .image .title{font-size:14px;}
#safety-container .safety .image .title span{ font-size:13px;}
#safety-container .safety .content{ font-size:13px;}
#operating-container .operation{width:100%; margin:0; margin-bottom:50px;}
#operating-container .operation:last-child{margin:0;}
#operating-container .operation .image .title{font-size:17px; line-height:25px; min-height:75px;}
#operating-container .operation .image a{font-size:16px; color:#777777; }
#certificate-container{ background:none;}
#certificate-container .logos-container{width:100%;}
#certificate-container .signup-container{width:100%; padding:50px; background-image:url(/wp-content/themes/nrc-2016/images/mobile-sunset.png); background-size:100%; }
#footer-top .foot-content{width:33%; min-height:330px;}
#footer-bottom .left img{width:100px; display:block; float:none;}
#footer-bottom .left {width:100%; text-align:left; margin-bottom:20px;}
#footer-bottom .right{width:100%; margin:auto; text-align:left;}
#footer-top .foot-content p{font-size:11px;}
#footer-top .foot-content ul li a{font-size:11px;}
.head-top p{
text-align:center;	
}
.head-top ul{
width: auto;
margin: 5px auto;
padding: 0;
float: none;
display: table;	
}
.head-bottom{
top: 58px;	
}
.head-bottom .logo-container{
left: -150px;
max-width: 470px;	
}
.carousel-caption{
top: 102px;	
}
#help-container form .textbox{
	max-width: 60%;
margin-right: auto;
display: table;
margin: 10px auto;
}

#footer-bottom .left, #footer-bottom .right{
text-align:center;	
}

#footer-bottom .left img{
diesplay:table;
margin:0 auto;	
}

.head-top p{
text-align:center !important;	
}
	
}

@media screen and (max-width:600px) {
.head-bottom{
top: 58px !important;	
}
}


@media screen and (max-width:480px) {
	.head-top ul{display:none;}
	.head-top{ padding:0;}	
	.head-bottom .logo-container{ max-width:250px !important;}
	.mobile{display:block;}
	.desktop{display:none;}
	.head-bottom{top: 16px !important;}
	.fill{ background-position:65% -170px;}
	.carousel-indicators{}
	.carousel-caption{top:260px; left:15px; right:15px;} 
#operating-container .operation{margin-bottom:30px;}
	.carousel-caption .slide-content{max-width:100%;}
	.carousel, .item, .active{height:840px;}
	#search-wrapper{top:11px;}
	#search-wrapper .search-bar .icon{width:15%;}
	#search-wrapper .search-bar .icon img{width:25px; margin-top:5px;}
	#search-wrapper .search-bar .textbox{width:50%; font-size:20px; height:40px; text-indent:3px;}
	#search-wrapper .search-bar .button{width:29%; height:40px;}
	#search-wrapper .search-result{height:542vh;}
	#search-wrapper .search-bar{padding-top:20px; padding-bottom:20px;}
	#footer-top .foot-content{width:100%; min-height:auto; margin-bottom:0px; padding:0}
	#footer-top{padding-bottom:40px;}
	#search-wrapper .search-bar .textbox{font-size:15px;}
	#help-container form .textbox{width:100%; max-width:100%; margin:0; margin-bottom:20px; height:35px;}
	#help-container form .btn{float:right; font-size:15px;}
	#help-container{padding:30px 0;}
	#safety-container{padding-bottom:30px; padding-top:30px;}
	#safety-container .safety:last-child{ margin-bottom:0}
	#counter-container{padding-top:40px; padding-bottom:40px; background:none; background-color:#2A68B3}
	#operating-container{padding:30px 0 30px;}
	#operating-container .operation .image .title{font-size:13px; line-height:15px; min-height:45px;}
	#operating-container .operation .image a{font-size:12px;}
	#certificate-container .logos-container{padding-top:10px;}
.eee-solutions h3{font-size:20px;}
#help-container h3{font-size:20px; line-height:35px;}
#certificate-container .signup-container label{text-align:center; width:100%; font-size:18px;}
#certificate-container .signup-container .btn{float:right;}
	.eee-solutions p{font-size:16px; line-height:25px;}
	#safety-container .safety .image .title{font-size:18px;}
	#safety-container .safety .image .title span{font-size:17px;}
	#safety-container .safety .content{font-size:15px; line-height:20px;}
	#help-container p{font-size:16px; line-height:25px;}
		#help-container p span{color:#2d2d2d; font-weight:500;}
		#footer-bottom .left{font-size:11px;}
		#certificate-container .signup-container{padding:50px 15px;}
	.carousel-control img{ margin-top:340%;}
	
}

@media screen and (max-width:414px) {
	.head-bottom{ 
	top: 16px !important;
	}
	.head-bottom .logo-container{
		max-width: 200px !important;
	}
	
}


@media screen and (max-width:400px) {
	.head-bottom .logo-container{ max-width:240px; left:-20px;}
	
}

@media screen and (max-width:350px) {
	.mobile-menu a{width:38px;}
	.head-bottom{padding-bottom:10px;}
	.mobile-menu{margin-top:10px;}
	.head-bottom .logo-container{max-width:200px;}
	#search-wrapper .search-icon{width:90px; height:68px;}
	#search-wrapper .search-icon img{margin-top:15px;}
}


@media screen and (max-width:320px) {
.head-bottom{
top: 31px !important;	
}
}