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

    #mainContainer { width: 750px; }
    header #logoContainer { background: none; }
    header{ width: 750px; }
    header #logoContainer { width:360px; }
    header article { width:220px; }
    header article.left { text-align:left; width:130px; }
    header article.right { float:right; padding: 0; width: 240px; }
    
    nav#globalNavigation { width: 750px; }
    nav#globalNavigation ul li { padding: 2px; }
    nav#globalNavigation .lastMenu ul { right: 2px; }
    #nav-open-btn { display: none; }
    #mobileNavigation { display:none; }
    #slide { width:750px; }
    #display { width: 748px; height: auto; }
    section#mainContent { width: 815px; }
    section .threeColumn { width:25.5%; }
    #interiorMainContent { width: 70.5%; }
    #historyGallery { width: 93%; padding: 27px 0; }
    
    #cart-content { width: 82%; padding: 30px; }
    #cart-content .grid { position: relative; width: 30%; margin: 28px 10px 0 0; }
    #cart-content .grid .box { width: 100%; }
    #cart-content .grid .box img { width: 100%; }
    /*#cart-content .grid .box .hover { height: 18.5%; width: 88.5%; padding: 25px 0 0 0; }*/
	#cart-content .grid .box .hover {
		height: 23%;
		width: 88.5%;
		padding: 20px 0 0 0;
	}
    #cart-content .grid .box .hover.bottom { top: 71px; }
	#cart-content .grid .box .hover.full { height: 82px; padding-top: 45px; }
    
    #full-two-column { padding: 20px; width: 94.6%; }
    #full-two-column h1, .wide_margins h1 { padding: 20px; width: 90%; }
    #full-two-column #product-box { width: 100%; }
    #full-two-column #product-box img { width: 100%; }
    #full-two-column .col50 { width: 47%; padding: 0 10px 0 10px; }
    #full-two-column .col50 section { padding: 10px 0 10px 15px; width: 95%; }
    #full-two-column .col50 #bx-pager3 { width: 100%; }
    #full-two-column .col50 #bx-pager3 .thumb { width: 17%; }
    #full-two-column .final .btn_special { float: none; }
    
    .wide_margins { padding: 0 50px; }
    .wide_margins section { width: 90%; }
    
    #ladder { width: 100%; }
    #ladder ul { width: 100%; }
    #ladder ul li { width: 25%; display: in-line block;}
    #ladder ul li.one a,
    #ladder ul li.two a,
    #ladder ul li.three a,
    #ladder ul li.four a { width: 100%; font-size: .85em; }
    #ladder ul li.past:after { background-position: -50px 3px; width: 10px; }
    #ladder ul li:after { background:transparent url("../img/arrows_ladder_mobile.png") no-repeat scroll -64px -1px; right: -7px;  }
    #ladder ul li.last { width: 25% }
    #ladder ul li.last.active a { width: 95%; }
    #ladder ul li a { padding: 11px 0 12px 0; }

    .col50 { width: 35%; }
	 
    #imgBox { width: 90%; }
    .bx-wrapper .bx-prev { left: -35px; }
    .bx-wrapper .bx-next { right: -35px; }
    #bx-pager1 { width: 100%; }
    #bx-pager1 a { padding: 0 7px; margin-left:3px; }
    footer { width: 750px; height:78px; background-image: url(../img/nav_pad.jpg); }
    footer article .left { width:430px; padding-top:4px; }
    footer article .right { padding: 12px; }
    footer article .right a { padding:0px 3px 0 0; }
    
    .double-border-bottom { width: 80%; }
    #cart-content a.button.login { width: 25%; }
    
}
@media screen and (max-width:988px){ 
	html.no-js body {
	   background-position: 0 78px;
	}
}
@media screen and (max-width:760px){

    #mainContainer { width: 100%; }
    header {width: 100%;}
    header #logoContainer { width:60%; position: absolute; top:0; left:-5% ; margin-top:15px; }
    header #logoContainer img { max-height: 60px; }
    header article { width:50%; margin-top:3%; }
    header article.left { display: none;}
    header article.right { float:right; padding: 0; width: 55%; }
    section#mainContent { padding: 5px; width: 90%; }
    #slide { width: 100%; }
    #display { width: 100%; height: auto; }
    
    aside .lower { position: relative; width: 200px; margin: 0 auto; }
    aside .lower a.button { width: 70%; margin:0 auto; }
    aside form a { position: relative; }
    
    section { padding: 5px; }
    section .threeColumn { margin-left:3%; width:90%; border-right: none; border-left: none; border-bottom:1px solid #ada590; }
    section .threeColumn:last-child { border: none; }
    aside { width: 100%; padding: 0; }
    aside ul li { display:inline-block; padding: 10px; }
    #mainContent { width:100% }
    #interiorMainContent { width: 100%; padding: 0;}
    #interiorMainContent article { border:none; }
    #historyGallery { margin: 0 auto; margin-left: 2%; }
    #cart-content { margin: 0 auto; width: 80%; padding: 0;}
    #cart-content section { padding: 0; }
    
    .bx-wrapper .bx-prev { display:none; }
    .bx-wrapper .bx-next { display:none; }
    
    footer { width: 100%; height:150px; background-image: url(../img/footer_mobile.jpg); }
    footer article .left { width:90%; float:none; margin: 0 auto; }
    footer article .right { padding: 12px 12px 3px 12px; float:none; margin: 0 auto; margin-top: 2%; }
    footer article .right a { padding:0px 3px 0 0; }

    #mainContainer{ 
		-webkit-transform: translate3d(0, 0, 0);
		-webkit-transition: -webkit-transform .5s ease;
    }
    .csstransforms3d body #innerWrapper.slid { -webkit-transform: translate3d(-263px, 0, 0); }
    .nav-btn {  float: right;
		display: block;
		width: 27px;
		height: 40px;
		outline: none;
		background:transparent url(../img/btn_nav_menu2.png) 0 center no-repeat;
		background-size: 27px 22px;
		overflow: hidden;
		text-indent: -9999em;
                margin:3px 20px 0 0;
	}
    nav#globalNavigation { width: 100%; }   
    nav#globalNavigation > ul { display:none; }
    #nav-open-btn { display: block; }
    
    aside h3 { padding: 10px 35px; }
    aside aform { width: 100% }
    aside form input[type="text"],
    aside form input[type="email"],
    aside form input[type="password"],
    aside form textarea {
    width: 100%;
    }
    aside form input[type=checkbox] {
	-ms-transform: scale(2); /* IE */
	-moz-transform: scale(2); /* FF */
	-webkit-transform: scale(2); /* Safari and Chrome */
	-o-transform: scale(2); /* Opera */
	margin: 10px 0 10px 40px;
    }
    aside form label { display: block; float: left; margin: 7px 0 0 30px !important; padding: 10px 0 !important; font-size: 14px; }
    
    #cart-content a.button { width: 50%; }
    .double-border-bottom { border-bottom: 3px double #efe7db; width: 55%; }

    #cart-content .grid {
	height: auto;
	margin: 15% 0;
	width: 100%;
    }
        #cart-content .grid:first-child {
	margin: 28px 0 15% 0;
    }
    #cart-content .grid .box {
	height: 192px;
	margin: 0 auto;
	padding: 8px;
	position: relative;
	width: 196px;
	text-align:center;
    }
    #cart-content .grid .box .hover {
	/*height: 34.5%;*/
	height: 73%;
	width: 196px;
    }
    #cart-content .grid .box .hover.bottom {
        top: 104px;
    }
    #cart-content .grid .box .hover:before {
        height: 30%;
    }
    
    #full-two-column  { width: 100%; padding: 0 10px 0 0; }
    #full-two-column .col50 { width: 90%; padding: 0 20px; }
    #full-two-column .col50 #bx-pager3 .thumb { width: 24%; }
    #full-two-column .col50 h1,
    #full-two-column .col50 h2,
    #full-two-column .col50 h3,
    #full-two-column .col50 h4,
    #full-two-column .col50 h5,
    #full-two-column .col50 p { padding-left: 0; }
    #full-two-column .col50 ul { margin: 0; }
    #full-two-column .col50 .col .selectbox { width: 80%; }
    #full-two-column .col50 .col a.button { margin-left: 0; }
    #full-two-column .col50 section { width: 90%; }
    
    .block .inner .details { clear:both; margin: 0; }
    .block .inner .detail_col { text-align: center; }
    
    /*
    #ladder .past { display: none; }
    #ladder ul { overflow: hidden; }
    #ladder ul li a { border: none; }
    #ladder ul li.two, #ladder ul li.three, #ladder ul li.four { margin-left: 10%; }
    #ladder ul li.active { margin-left: 0; padding-left: 1%; }
    #ladder ul li:after { right: -25px; }
    #ladder ul li.active.last { width: 100%; }
    */
    
    
    #ladder ul {
        list-style-type: decimal;
        margin: 0 0 0 23px;
        float: none;
        box-shadow: none;
        height: auto; text-align: left; }
    #ladder ul li { width: auto; float: none; margin-left: 15px; padding: 5px 0; font-size: 1.25em; color: #9F6928; }
    #ladder ul li:after { background: none; }
    #ladder ul li.active, #ladder ul li.past { background: none; }
    #ladder ul li a { border: none; color: #9F6928; }
    #ladder ul li.one a { margin-left: 0; }
    #ladder ul li.active { font-weight: bold; font-style: oblique; color: #000; }
    #ladder ul li.active a { color: #000; }
    #ladder ul li.past, #ladder ul li.past a { font-style: oblique; color: #a1a1a1; }
    
    #full-two-column h1, .wide_margins h1 { padding: 20px; width: 80%; margin-left: 10px; }
    
    .wide_margins { padding: 0 10px; }
    .wide_margins .form .col50:first-child { padding: 0; }
    .wide_margins .form .col50 { width: 100%; }
    .wide_margins .form .col30 { margin: 5px 0; }
    .wide_margins .form .col30 { padding: 0; width: 100%; }
    .wide_margins section.main div { width: 80%; display: normal; margin: 0; }
    .wide_margins section.main div.area_right { float: left; width: 100%; }
    .wide_margins section.main .btn_special { margin-top: 20px; }
    .wide_margins table.amounts_table { float: none; margin: 0 auto; width: 100%; }
        
    .wide_margins section.main div.area_right table tr td,
    .wide_margins section.main div.area_right table tr td label { font-size: 1em; }
    .wide_margins section.main div.area_right table tr td:first-child { width: 50%; }
    
        
    .wide_margins input[type="radio"] + label,
    .wide_margins input[type="checkbox"] + label { width: 80%; padding: 15px 0 3px 10px !important; }

    .mfp-inline-holder .mfp-content,
    .mfp-ajax-holder .mfp-content {
      width: 80%; }

}

@media screen and (max-width:600px){
    header #logoContainer img { max-width: 200px; height: auto;}
    header { background-repeat:no-repeat; }
	header article.right { width: 45%; }  
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	nav#globalNavigation ul > li:hover ul { display:none; }
}