@import url("../WCM010020/responsive.css");

@media only screen and (max-width: 979px){

	/*************Header************/
	.main-navigation{background:none;}

	.toggled-on .mega-menu .mega{background-color:#06649e;}
	.toggled-on .mega-menu ul li a:hover{background-color:#002c4e;}
	
	/*************Footer*************/
	.follow_us_inner{width:100%; border:none;}
	.site-footer .mobile_togglecolumn{  color: #efefef;;}

}
@media only screen and (max-width: 767px){
	.header-menu-links .header-menu-toggle {
    	background: #002c4e;  
	}
	.header-menu-links ul{
		background:#002c4e;
		opacity:0.8;
	}
	
}
@media only screen and (max-width: 479px) {
	.header-search input[type="submit"]{background:url("images/megnor/respo-search.png") no-repeat scroll center center #06649e;}
	.header-search input[type="submit"]:hover{background:url("images/megnor/respo-search.png") no-repeat scroll center center #06649e;}
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  	.header_left::after{
  		content: none;
	  }
	  .header_left{
		margin: 25px 0 0 18px;
	  }
	  .header-search button[type="submit"]{
		margin-top: 10px;
	  }
	  .search-field {
		width: 100% !important;
	}
	.mobile_togglecolumn {padding: 1px;}

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/*ipad*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
		.header_left::after{
			content:none;
		}
		.header_left {
			margin: 0px;
			top: 13px;
			left: 23px;
	}
		.header-search {
			bottom: 132px;
	}

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
		.header_left {
			margin: 0px;
			top: 0px;
			left: 23px;
	}
	.header-search {
		bottom: 110px;
}
}