/*  MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */


	
		header {
			width: 100%; /* 720px / 768px */
            background: #222;
		}

		#maincontent{
			width: 93.75%; /* 720px / 768px */
		}

		
		.maincontent{
			width: 93.75%; /* 720px / 768px */
		}

		
		footer {
			width: 93.75%; /* 720px / 768px */
		}
h1 {
    font-size: 1.4em;
}
p {
    font-size: 1em;
    line-height: 1.2em;
}
.teaser h2 {
    font-size: 1.1em;}
a.cta span {
    font-size: 1em;
}

#topnav a {

    font-size:1em;
    
}
#topnav a.active, #topnav a:hover {
	background:none;
	
}
#topnav a.button:last-child {
    border-left:1px solid #999;
    border-right:1px solid #999;
    color:red;
}
#topnav img {
    display:none;
}
input.searchfield {

    font-size:0.9em;
    padding:3px 0 3px 10px;
}
input.searchbuttun {
    padding: 3px 15px;
}
/*nav ul#menu li a.firstlay {
    font-size:0.88em;
}
ul#menu li ul.dropdown.row a.seclay {
    font-size:0.8em;
}
ul#menu li ul.dropdown.row li a.thirdlay {
    font-size:0.7em;
}
*/
.sliderbtns a.sliderbtn {
    width:70%;
}
.sliderbtns span.linkbtn {
    font-size:0.9em;
}
.sliderbtns span.hlbtn {
    font-size:1.2em;
}


.teasertext {
    padding: 0 10px;
}


/*  GRID OF EIGHT TURNS INTO A GRID OF FOUR */

.span_8_of_8 {
    width: 100%;
    margin-left: 0;
}

.span_7_of_8 {
    width: 100%;
    margin-left: 0;
}

.span_6_of_8 {
    width: 100%;
    margin-left: 0;
}

.span_5_of_8 {
    width: 100%;
    margin-left: 0;
}

.span_4_of_8 {
    width: 100%;
    margin-left: 0;
}

.span_3_of_8 {
    width: 74.2%;
    margin: 1% 0 1% 3.2%;
}
.msf-view .span_3_of_8 {

    width: 100%;
    margin: 2% 0 4% 0%;

}
.span_2_of_8 {
    width: 48.4%;
    margin: 1% 0 1% 3.2%;
}

.span_1_of_8 {
    width: 22.6%;
    margin: 1% 0 1% 3.2%;
}

.span_1_of_8:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
}

#content .caption, .caption {top:10%;padding: 5px 20px;}
.caption h2, .caption h1 {
    font-size:1.3em;
}
.caption p {
    font-size:1em;}
#topnav {
    ;
}
nav {height:auto;}
.mean-container .mean-nav ul li a.mean-expand {
    padding: 0 !important;
}
#headcontainer .span_1_of_5 {
    width:100%;

}
.col a.logo {
    width: 100%;margin: 20px 0;
}
.col.span_4_of_5.topnav {width:100%;
    margin: 0;}
#topnav {width: 95%; */
    border-top: 1px solid #999;
    /* border-right: 1px solid #999; */
    margin: 0 auto;
    float: none;
	background:transparent;
}
#topnav img {
display:none;
}
div#loginbox {
    padding: 1% 2%;
    top: 0!important;
    width: 96%;
    left: 0;
}
nav ul#menu li {margin-top:20px;}

#productwrapper a.cta {
    margin:0;
}
.col.span_1_of_4.formset {
    margin-top: 5% !important;
}
p.order_price {
    font-size: 1.7em;
}
.teasertext h4 {
    font-size: 1.2em;
}
#productwrapper a.cta, button.cta.submitbutton {
    float: right;
    display: inline;
    margin: 2% 2% 5% 1%;
}

.collapse {
    width: 100%;
    margin: 2% 0;
}
.msf-step{

    width: 6.0%!important;
}
.msf-step span {
    width: 35px;
    margin: 0 auto;
    overflow: hidden;
    color: transparent!important;
}
label.picture.norm:hover .option-input, .selection-field .color_box .option-input:checked, .fabricZoom label.button:hover .option-input {
    left:33%;
}
input#fabricNoSearch {
    width: 95%;
}
.colorlink {
   
    min-height: 40px;
}
label.picture.norm:hover .option-input, .selection-field .color_box .option-input:checked, #fabricContainer .color_box label.button:hover .option-input, #fabricContainer .color_box label.button .option-input:checked, #fabricContainer-schatten .color_box label.button:hover .option-input, #fabricContainer-schatten .color_box label.button .option-input:checked {
    left: 26%;
    top: 15%;
}
.accordion-title span:after, .accordion-title.open span:after {
	padding-top:5px;
}