@media (max-width : 768px)
 {
 .mobile_col{float:left;width:100%!important;}
 #logo-sidebarright{display:none!important;}
	#wrapper{width:100%;}
	.headerOuter, .footerOuter, .bodybox, .copyrightContent {margin: 0 2%; max-width: 768px;}
	body{display:block;width:100%;background-position: center -50px !important;background-color: #f3f0ed;}
	.column, .bodyContainer, .bodyContainer02,.maincontentleft, .listSimple .imagecont1, .footer, .footer .column.right,  .imagelink_ILH_text, .imagelink_ILH, .div_ILH_cntr, .social_ILH, .topbanner-center,  .maincontainer, .listSimple {width:100%;float:left;max-width: none;min-width: 100%;margin:0;}
	.headerOuter, .footerOuter, .bodybox, .copyrightContent {float:left; margin:0 10px;}
	.mainContent{margin:0 10px; padding:0;} 			
	.itemouter{} 	
	.column-left{float:none!important;width:100%!important;}
	.column-right{float:none!important;width:100%!important;}
	.column>div{margin:0;}	 
/*---------------------- Menu ---------------------- */	
	.Mobile_navTop{display:block!important;} 
	.Mobile_navTop{display:block!important;}
 	.mobile ul{display:none;}
	.menubox-mobile-menu {display:block!important;}
	.menubox-mobile-top{display:block!important;}
	.nav{display:none!important;overflow:hidden;}
	.menubox-page-top{float:left;}	
	.menubox-top-left {margin:0;}
	.menubox {margin-bottom:  1%;top: 0;}
	.menudivider {height: auto;}

	.menudivider a{background-color:#96A2A7;border-bottom:solid 1px white;}
	.menudivider a:hover {background-color:#424B4F;}
	.mob_menu_header {background-color:#96A2A7; font-weight: bold;}
	.mobile .currentpage {background-color:#424B4F;}	
	
		
/*---------------------- Header ---------------------- */	
	.logo-center img { float: right;width: 80%;}
	#logo-sidebarright{}
	.topbanner{display:none;overflow:hidden;float:left; height:1px;background-image: none;}
	.headerOuter{ background-position:right 30px !important;background-size: 65%;}
	.header {height: auto !important;}
	.headerColumnRight {margin: 0 1%;}
	.headerColumnMiddle {margin-left: 0; float:right;}
	
/*---------------------- Banner ---------------------- */	
	.topbanner{display:none;overflow:hidden;float:left;}
	.bannerimg{display:none;}
	.bannerimg #bannerimg{display:none;}
	.bannerleft{display:none;}
	.bannerheading{display:none;}
	.bannertext{display:none;}

/*---------------------- General ---------------------- */	
	.mainContent { }
	.maincontentboth {margin-left: 2%;}
	.leftColumn, .rightColumn {margin: 10px 0 0;padding: 4%;width: 90%;}
	.sidebartext, .item {margin: 0;padding: 0 !important ;}
	.rightpanel { margin: 0 1%;}
	.sideBarPanel01  {padding: 15px;min-height: 250px;}
	.sideBarPanel02, .sideBarPanel03 { margin: 0 2%;padding: 15px;min-height: 250px;}
	.sideBarPanel02 h2, .sideBarPanel03 h2	{font-size: 18px;font-weight: normal}
	.customimage1 { padding: 20px 5px 120px 0;}
	.sideBarPanel01 h1 {font-size: 19px;}
	h2 {font-size: 32px;}
	h3, h4 {font-size: 18px; margin: 15px 0;}
	.quoteButton { width: 90%;}
	.pageIntro{margin-bottom:10px;padding:0 5%;}
	.fadeinOuter{display:none;}
	.fadein {width: 80%;}	
	.bodyContainer02{background-image: none;}	
	.general, .listSimple, .logoGeneral, .contact, .blog2column {background-color: #FFF;background-position: bottom;}
	.home .Leftfeaturespanel h2{margin:20px;}
	.home .Leftfeaturespanel img{margin: 0 20px;}
	.sidebartext, .item{padding:0; margin:0 ;padding:5%;}
	.imagelink_ILH_inner {margin: 0 20px 0 0;}
	.imagelink_ILH_text h2 {float:left;}
	.div_ILH_cntr {padding: 10px 0;}
	.additionalimages {float: left; width: 40%; }
	.listSimple .imagecont1 img { height: auto; width: 200px;}
	.listSimple .imagecont1 {background-color: transparent;}
	.listSimple .itemouter {background-color: transparent;border: none 0;margin: 0;}
	.mainList{padding-left:0;}
	.contact .rightpanel{display:none !important;}  
	
	/*---------------------- Contact ---------------------- */	
	.contactdetails, .enquiriesform {width: 80%;margin: 0;padding:0;}
	.contactdetails > div{margin:0}
	.contactcontainer {margin: 0;}
	.contactcontainerTop {margin: 20px;}
	.contactdetails h2, .contactdetails h3, .contactdetails h4{margin:0}
	.mapbox {float: left;width: 100%;}
	iframe {width: 98%;}
	.lifloat, .contactcontainer ul li textarea {width: 100%;	}	
/*---------------------- Social Media ---------------------- */	
	.social_ILH {background-color: #fff;}
	.social_ILH_inner p {font-size: 14px;margin: 0;padding: 0;text-align: left;}
	.social_ILH_inner {float:left;width:90%;} 
	.social_ILH_inner .column {border-bottom: 2px solid #333333;float:	left;margin:5px 20px;padding-bottom:10px;min-height: 20px;}

/*--------------------product---------------*/
	.productleftcolumn{width:100%;}
	.productimage {margin:0 auto;float:none;height:auto;}
	.productimage img{margin-top:10px;}
	.productrightcolumn{padding:5%;width:90%;}
	.prod_description{}
	.one_column .prodbuttons{width:99%;text-align:center;margin:0 auto;}
	.order-now , .add-to-cart , .installation-quote , .product-enquiry {width:99%!important;font-size:14px;}
	.order-now a, .add-to-cart a, .installation-quote a, .product-enquiry a{width:95px;font-size:11px;}	
	.one_column .prodbuttons{width:100%;line-height: normal;
}
	.product-enquiry{margin-right: 1%;}
	.order-now{margin-right: 1%;}
	.installation-quote{}

/*--------------------widgets---------------*/
	.widget-top-container {margin: 0 auto 20px;}
		
/*---------------------- Footer ---------------------- */	
	.footerOuter {height: auto;}
	.footerMiddle {margin: 0 20px;}
	.footerBits {padding-bottom: 10px;}
	.phone { margin: 0 !important;}
	.copyright {padding: 1% 2%;text-align: left;}
	.copyright p{padding-left: 20px; padding-right: 20px;}

}

@media only screen 
and (max-width : 568px) 
{
	.headerOuter, .footerOuter, .bodybox, .copyrightContent {max-width: 568px; width: 100%;}
	.headerOuter{ background-position:right 30px !important;background-size: auto;}
	.headerColumnLeft { }
	.headerColumnMiddle { width: 50%; min-width:100px;float: left;}	
	.rightpanel {float: left;width: 100%;}
	.copyright { text-align: left;}
	.copyright p { padding-left: 10px;padding-right: 10px;}
.contactcontainer input[type="text"], .contactcontainer input[type="password"], .contactcontainer input[type="email"], .contactcontainer select, .contactcontainer textarea {width: 100%; margin:0;width: 100%;}
.contactcontainer ul li {
    margin: 4px 0;
}	
}
@media only screen 
and (max-width : 568px) 
{
	.headerOuter{ background-position:right 30px !important;background-size: 98%;}

	
}
@media only screen 
and (max-width : 360px) 
{
	.headerOuter{margin:0 0 0 5px;}
	.headerColumnLeft{float:left; width:100%;}
	.logo-left a img{margin-top:10px;width:80px;}
	.headerInnertop{min-width:10%;width:22%;margin-right:5%;margin-left:0;}
.headerInnerbottom{width:65%;float:left; text-align:left;}
.headertextposition_bottom-left h1{float:left; text-align:left;}
.headertextposition_bottom-bottom h2{text-align:left;width:100%;}
.headertextposition_bottom-right h2{text-align:left;}	
}