@charset "utf-8";





@media (max-width : 1186px) {

.backButton::before {margin-top: -10px;}

.small-text, .small-text p {font-size: 12px;line-height: normal;letter-spacing: 0.1em;width: 100%;}

.blogfrontHeader .small-text { width: auto;}





}

@media (max-width : 1150px){

.page-top li a{font-size: 1.3vw;}

.product-enquiry a{font-size: 1.3vw;}

.installation-quote a{font-size: 1.2vw;}

.order-now a{width:80%;font-size: 1.7vw!important;}



}

/* Desktops and laptops ----------- */

@media (max-width : 1100px){	

.maincontentOuterleft {float: left;height: 100%; min-height: 100%;}

.menubox-page-top ul li {padding: 5px 2.5%!important;}

.featured_prod_img img, .productimage img{} 

.mobile_prod_col{} 



}

@media (max-width : 990px){

/*---------------------- Blog ---------------------- */	

.blogArticle {padding: 0 0 0 40px;}

.two_colblogPanel , .four_colblog.block {width: 100%;}

.four_colblogPanel .left, .four_colblogPanel .right, .four_colblogPanel .postitem, 

.three_colblogPanel .left,.three_colblogPanel .right,.three_colblogPanel .postitem 

{flex: 0 0 48%;margin: 0 2% 24px 0;}

.one_colblog_postheader {background-color:#CCC;display:inline-block;float:left;width:100%;}

.one_colblogPanel .blogContentHome {height:auto;width: 100%;}

.one_colblogPanel .blogImage{float: left; height:auto;width: 100%;}

.one_colblogPanel .postitem {flex: 0 0 100%;margin: 0 0 24px; padding:0; }

.one_colblogPanel .postsubject { width: 100%;display: inline-block;}



}

@media (max-width : 900px){

.mob_hide{display:none;}

.mobile_prod_col{}

.mobile_col2{float:left;width:100%!important;}

.mobile_col3{float:left;width:100%;}

.mobile_col li{float:left;width:100%!important;}



/*---------------------- Menu ---------------------- */	

.outerpanel_left-sidebar{float:right; width:80%;margin-top:-15px;}

.Mobile_navTop{display:block!important;} 

.mobile ul{display:none;}

.menubox-mobile-menu {display:block!important; width:45px;/*float:left;*/}

.mob_menu_header {width: 32px; height: 32px; margin: 24px 24px 8px 24px ;}

.menubox-mobile-top{display:block!important;}

.mob_hide .nav{display:none!important;overflow:hidden;}

.mob_show{}

.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 { font-weight: bold;}

.mobile .currentpage {background-color:#424B4F;}	

.mob_menu_header, .mobile-menu .sub1ul li a, .menudivider a:hover {}	

.mobile-menu .sub1ul li *:hover	{background-color: #c9d2d9}	



}

@media (max-width : 800px){

.col_768_show {display:block;}

.col_768_hide {display:none;}

.one_col_768 {float:left;width:100%!important;}

.col_70p_768 {float:left;width:70%;}

.two_col_768 {float:left;width:48%;}

.three_col_768 {float:left;width:31%;}

.four_col_768 {float:left;width:24%;}

.rightpanel{position:relative;width:100%;left:0;}

.searchpanelouter {margin-top:0;}

 body{display:block;width:100%;background-position: center -50px !important;}	

.headerInner {}	

.headerColumnRight {width:65%;} 

.headertextposition_right h2{font-size:15px;margin-top:25px;margin-right:0!important;}

.product-enquiry h3 a ,.installation-quote h3 a, .order-now h3 a{width:260px;}

.product-enquiry a{font-size: 20px!important;}

.installation-quote a{font-size: 20px!important;}

.order-now a{width:80%;font-size: 22px!important;}

.featured_Item_panel{height:auto;}

.productimage img{width:100%!important}

.featured_Item_text_panel,.prod_description  {height:auto!important;}

.formbuilder .submitbutton {width:100%!important;}

.static_bigimage{width:100%;}	

#logo-sidebarright{display:none!important;}

#wrapper{width:100%;margin:0; padding:0;}

.headerOuter {}

.footerOuter, .bodybox, .copyrightContent {float:left; margin:0;padding: 20px;}

.column, .bodyContainer, .bodyContainer02,.maincontentleft, .listSimple .imagecont1, .footer, .footer .column.right,  .imagelink_ILH_text, .imagelink_ILH, .div_ILH_cntr, .social_ILH, .topbanner-center,  .maincontainer, .listSimple {float:left; margin:0; padding:0;}

.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;}	

 .headerColumnRightContainer, .headerColumnRightContainer h2 , .headertextposition_right{padding:0;margin:0;}



/*---------------------- Header ---------------------- */	

.logo-center img { float: right;width: 80%;}

#logo-sidebarright{}

.headerOuter{}

.headerColumnRight {margin: 0 1%;}

.headerColumnMiddle {margin-left: 0; float:right;}

.headerInnerbottom {background-color: #fff;float: left;width: 100%;}

.logo-bottom-bottom, .logo-bottom-center img { border-bottom: 1px solid #96A2A7;border-top: 1px solid #96A2A7; width: 100%;float: left;}

.logo-bottom-bottom {box-sizing: border-box;float: left;padding: 5px;width: 100%;}



/*---------------------- General ---------------------- */

.mobile_leftcol { display:none;}

.mobile_rightcol { display:none;}

.leftpanel, .rightpanel, .rightinner, .leftinner {float: right;margin: 0;padding: 0;width: 100%;max-width: inherit !important; height: inherit !important;max-height: inherit !important;}		

.homepage .mainContent { margin: 0;}

.mainContent { margin: 0;}

.leftColumn, .rightColumn {margin: 10px 0; padding: 4%; width: 90%;}

.sidebartext, .item {margin: 0;padding: 0 }

.customimage1 { padding: 20px 5px 120px 0;}

.pageIntro {padding: 0;}

h2 {font-size: 28px;}

h3, h4 {font-size: 18px;}

.quoteButton { width: 90%;}

.slider_cont{display:none;}

.sliderOn{display: block;}

.fadein {width: 80%;}	

.bodyContainer02{background-image: none;}	

.general, .listSimple, .logoGeneral, .contact, .blog2column {background-color: #FFF;background-position: bottom;}

.imagelink_ILH_inner {margin: 0 20px 0 0;}

.imagelink_ILH_text h2 {float:left;}

.div_ILH_cntr {padding: 10px 0;}

.additionalimages {float: left; }

.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}

.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 { padding: 5% 5% 0;}

.productimage img{margin-top:0;}

.productrightcolumn{padding:0 5%;width:90%;}

.prod_heading_outer, .prod_description{min-height: auto;}

.product_details_productdetail .column-left	{ border-right: 0 none;margin: 0; padding-bottom: 15px;width: 100%;}

.one_column .prodbuttons{width:100%;line-height: normal;}

.prod_detail_heading .prod_heading h3 {margin:0;}

.product_productdetail .product-enquiry a{width:80%;font-size: 15px!important;}

.product_productdetail .installation-quote a{width:80%;font-size: 15px!important;}

.product_productdetail .order-now a{width:80%;font-size: 20px!important;}



/*---------------------- Blog ---------------------- */	

.blogfront.one_colblog_cat, .blogfront.two_colblog_cat, .blogfront.three_colblog_cat, .blogfront.four_colblog_cat, .blogPanel {display: unset}

.blogPanel ,.menuleft, .blogArticle {display: block;padding: 16px 0; text-align: center; width: 100%;flex: unset;}

.one_colblogPanel , .two_colblogPanel ,

.three_colblogPanel , .four_colblogPanel {padding: 0}

.four_colblogPanel .left, .four_colblogPanel .right, .four_colblogPanel .postitem 

.three_colblogPanel .left,.three_colblogPanel .right,.three_colblogPanel .postitem 

{flex: 0 0 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;}



/*--------------------widgets---------------*/

.widget-top-container {margin: 0 auto 20px;}



/*---------------------- Footer ---------------------- */	

.footerOuter {height: auto;}

.footerMiddle {margin: 0; padding:0;}

.leftall  {width:100% !important;}

.footerBits {padding-bottom: 10px;}

.footer h3 { margin:0;}

.phone { margin: 0 !important;}

.copyright { box-sizing: border-box;text-align: left !important;}



}

@media (max-width : 780px) {	

.two_colblogPanel .left, .two_colblogPanel .right, .two_colblogPanel .postitem, 

.three_colblogPanel .left,.three_colblogPanel .right,.three_colblogPanel .postitem,

.four_colblogPanel .left, .four_colblogPanel .right, .four_colblogPanel .postitem 

{flex: 0 0 98%;}



}

@media (max-width : 680px) {		

.home_video_left{float:left;width:100%!important;}



}

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

.rightpanel {position:relative;}

.featured_prod_img {height:auto;}

.null_margin_568 {left:0;margin:0;padding:10px;top:0;}

.col_568_show {display:block;}

.col_568_hide {display:none;}

.one_col_568 {float:left;width:100%!important;}

.two_col_568 {float:left;padding:2px;width:48%;}

.mobile_prod_col {float:left;width:48%;}

.mob_hide {display:none;}

.custom_item_colLeftImages {display:none;}

.headerColumnMiddle {float:left;width:50%;}

.contactdetails, .enquiriesform {float:left;min-width:inherit !important;width:100%;}

.contactcontainer input[type="text"], .contactcontainer input[type="password"], 

.contactcontainer input[type="email"],

.contactcontainer select, .contactcontainer textarea {width:100%;}

.contactcontainer ul li {padding: 0 0 8px;}

.headermiddleBottom,.headerrightBottom, .headerleftBottom, .headerColumnLeft, .headerColumnMiddle, 	.headerColumnRight {min-width:100%;}

.header img {width: auto}

.static_bigimage {width:100%;}



}

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

.one_colblogPanel .postitem { flex: unset; margin: 0 0 24px; padding: 0; background: #fff; border: 0 none; border-radius: 0; box-shadow: unset; border-bottom: 1px solid #e8e8e8; }

.mainContent.blog { padding: 0 40px;}

.postsubject {display: block; padding: 8px 0;}

.postsubject h2 {font-size: 40px;}	

.small-text, .small-text p {font-size: 10px;}	

.blog h1 {font-size: 40px;padding: 0;}	



}

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

.featured_prod_img{height:auto;}

.one_col_360{float:left;width:100%;margin:0;position:relative;}

.col_360{float:left;width:100%;}

.propertyBanner .title, .propertyBanner .type{transform:none;}

.headertextposition_right h2{font-size:12px;margin:0 auto;}

.mobile_prod_col{float:left;width:100%!important;}

.headerOuter { padding: 0}

.headerColumnLeft{float:left; width:100%; padding: 0 20px}

.logo-left a img{margin-top:10px;}

.headerInnerbottom{width:100%;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;}

.searchpanelouter{margin: 4px 0;}



}