body{
	width: auto;
	min-width: 0;
}
body img{
	max-width: 100%!important;
}
.headerwrap {
    width: auto;
}
.header {
    height: auto !important;

}

.headertop {
    height: auto;

}

.logo a {
    display: inline;
}
.logo{
	height: auto;
	text-align: center;
	display: none
	;
}
.logo.mobile{
	display: block;
	background-color: #fff;
}

#main-nav.column {
    display: block;
    float: none;
    margin: 0;
}
.nav {
    background-color: #333333;
    clear: both;
    height: 30px;
    padding-top: 8px;
    position: absolute;
    right: 0;
    top: 90px;
    width: 610px;
}
.nav {
    background-color: #333333;
    clear: both;
    height: auto;
    padding-top: 8px;
    position: relative;
    right: auto;
    top: auto;
    width: auto;
   
}
.nav ul{
	 margin: 0;
     padding: 0;
     text-align: center;
}
#main-nav-menu li{
	margin: 0 10px;
}
.texthome{
	width: auto;
}

.footwrap {
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

.doors {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

.nav-footer {
    clear: both;
    height: auto;
    padding-top: 15px;
    width: auto;
}
.nav-footer ul li{
	margin: 0 10px;
}
.top {
    float: none;
    width: auto;
    display: none;
}

.topcol {
    color: #fff;
    font-family: open_sanssemibold;
    font-size: 16px;
    position: relative;
    right: auto;
    text-transform: uppercase;
    top: auto;
}
.hinged, .swing, .slide, .fire, .rapid, .vertical{
	float: none;
	width: 300px;
	margin: auto;
	height: 190px;
}
.buttonfind > a{
	position: relative;
	top: auto;
	left: auto;
	margin: auto;
}
.door1{
	background-color: white;
    border-top: 1px solid #efefef;
    margin-top: 10px;
}
.whitestuff{
	height: auto;
}
#outer-wrap {
    min-height: auto;
    padding: 0 15px;
}
.footwrap{
	padding: 0 15px;
}
.nav-footer ul{
	padding: 0;
	text-align: center;
	display: block;
}
.copyright {
    color: #c7c7c7;
    float: none;
    font-size: 13px;
    margin-left: 0;
    margin-top: 0;
   }

.legal {
    clear: both;
    float: none;
    font-size: 13px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    width:  auto;
}


.footerlogo {
    float: none;
    position: inherit;
    text-align: center;
    top: 0px;
}
.contactcool {
    width: auto;
}

.contactcool h2 {
    float: none;
    font-family: "source_sans_probold";
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
}
.mainwrap{
	width: auto;
}

.benefitslist {
    float: none;
    margin-right: 0;
    width: auto;
}


.benefitsimg {
    float: none;
    width: auto;
}

.aboutleft {
    float: none;
    width: auto;
}
.aboutright {
    float: none;
    width: auto;
}
.contactcool img {
    float: none;
    margin-top: 0;
}
.contactcool a {
	top: auto !important;
	text-align:center;
}

#main{
	width: auto;
}

#maingallery {
    background: #fff none repeat scroll 0 0;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: auto !important;
    width: auto;
}
.coolintro {
    border-bottom: 1px dashed #e4e4e4;
    float: none;
    font-size: 15px;
    margin-bottom: 18px;
    width: auto;
}

.hingedleft,.hingedright,.slidingdoorsleft, .slidingdoorsright, .hingeddoorleft, .hingeddoorright, .slidingdoorsleft, .slidingdoorsright, .hingeddoorleft, .hingeddoorright, .slidingdoorsleft, .slidingdoorsright {
    float: none;
    width: auto;
}
.hingedright p, .slidingdoorsleft p, .hingeddoorright p, .slidingdoorsright p,  .hingeddoorright p, .slidingdoorsright p{
	width: auto;
}

.footer {
    background: #333 none repeat scroll 0 0;
    color: #c7c7c7;
    height: auto;
    width: 100%;
}

.mainwrapgallery {
    margin-left: auto;
    margin-right: auto;
    min-height: auto !important;
    position: relative;
    width: auto;
}
#large_image {
    background: rgba(0, 0, 0, 0) url("http://emcodoor.co.uk/resources/css/mobile.css") no-repeat scroll center center;
    border: 1px solid #bbb;
    border-radius: 5px;
    box-shadow: 0 0 4px threedshadow;
    display: none;
    height: 400px;
    margin: auto auto 30px;
    position: relative;
    transition: opacity 0.5s ease 0s, height 0.5s ease 0s, background-image 0.5s ease 0s, transform 0.5s ease 0s;
    width: auto;
}
.slick-dots{
	display: none!important;
}
.slick-slide{
	width: auto!important;
}
.slick-next {
    right: 0px;
}
#gallerywrap .slick-prev {
    left: 0px!important;
}
.slick-prev, .slick-next {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    margin-top: -10px;
    outline: medium none;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 20px;
}
.cool{
	display: none;
	top: auto;
}
.cool.mobile{
	display: block;
	width: 100%;
}
.graySection.topbanner{
	margin-left: -15px;
    margin-right: -15px;
    background-color: #fff!important;
}
.banner{
	
}
.desktop{
	display: none;
}

.form input[type="text"], .form input[type="select"], .form input[type="password"], .form textarea, .form select{
	border: 1px solid #ddd;
    box-shadow: 0 0 5px #ddd;
    clear: both;
    color: #000;
    display: block;
    font-size: 14px;
    margin: 10px 0;
    padding: 8px;
    width: 100%;
    box-sizing:padding-box;
}

.col-twenty.sidebar {
    float: none;
    overflow: hidden;
    width: auto;
    display: none;
}

.col-eighty {
    float: none;
    width: auto;
}
.post-content img{
	width: 100%!important;
	height: auto!important;
}
.offset-2r {
    margin-right: 0px;
}
.fullcatalog{
	display: none;
}
.fullcatalog.mobile{
	display:block;
}