@charset "utf-8";


@media only screen and (min-width: 960px) and (max-width: 1279px) {
    #content .container { width:960px; }
    .slider #content .container, .post #content .container { width:960px; }
    .col3-3 { width:620px; 
    }
    .combi .col1-3 {width:320px; margin:0; float:left; }
    .col1-3form { width:300px; margin:10px; float:left; overflow:hidden }
    .col2-3form { width:600px; margin:10px; float:right; overflow:hidden }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    #content .container { width:640px; }
    .slider #content .container, .post #content .container, .cart  #content .container { width:640px; }
    .col3-3 { width:300px; }
    .combi .col1-3 {width:620px; margin:0; float:left; }
    
    .caption {display:none !important }
    .combi .col2-3, .col1-1, .col1-3.white-right {width:620px; position:relative; }
    .height-400 {height:auto }
    .combi .col2-3 .flexslider img {float:none; margin:10px 0 0 10px; }
    .combi .col2-3 .flex-direction-nav .flex-prev {left:33px; }
    
    
    
    .col1-3form { width:620px; margin:0px; float:none; position:relative;  }
    .col2-3form { width:620px; margin:0px; float:none; position:relative; }
    
    
    .white-right {overflow:visible }
    .white-right:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,0) rgba(255,255,255,1) rgba(255,255,255,0); position:absolute; top:-49px; margin-left:35px; left:0; z-index:1 }

    .white-right .bottom-field {position:relative; width:620px; margin-left:-35px; left:0; top:31px; margin-top:-6px; }

    #options { width:100%; }
    #options ul { border:0; border-top:1px solid #ccc; position:relative;  padding:17px 35px; width:100%; margin:0}

    #options ul li ul.other { border:0; border-left:1px solid #ccc; left:125px; }

    #options ul#homepage { position:relative; height:auto; min-height:inherit; border-top:1px solid #ccc;  padding:17px 35px;}
    #options ul#homepage li {display:block; height:auto; width:auto; }
    #options ul#homepage li a {display:block; border:0; padding:0; height:auto; line-height:19px; }
    #options ul#homepage li a.selected {color:#2b2b2b; background:none }

    .more-info {display:block; position:relative; top:0px; right:0px; padding:20px 15px; border-top:1px solid #ccc }

    #nav-button {display:block; border:1px solid #ccc; float:right; padding:18px 20px; width:67px; margin:20px; margin-bottom:0; cursor:pointer; }
    .nav-bar {background-color:#2b2b2b; border-radius:1px; display:block; width:25px; height:3px; margin:3px auto; }
    #options, .more-info { display:none; }
}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:767px){
    #content .container { width:320px; }
    .slider #content .container, .post #content .container, .cart  #content .container { width:320px; }
    .col3-3 { width:300px; }
    .combi .col1-3 {width:620px; margin:0; float:left; }
    .caption {display:none !important }
    .combi .col2-3, .col1-1, .col1-3.white-right, .col2-3, .col2-3 .grey-area {width:300px; position:relative; }
    .height-400 {height:auto }
    .combi .col2-3 .flexslider img {float:none; margin:0px; width:300px; height:auto }
    .combi .col2-3 .flex-direction-nav .flex-prev {left:33px; }
    .white-right {overflow:visible }
    
    .col1-3form { width:300px; position:relative; float:left; }
    .col2-3form { width:300px; position:relative; height:auto; }
    
    
    .white-right:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,0) rgba(255,255,255,1) rgba(255,255,255,0); position:absolute; top:-49px; margin-left:35px; left:0; z-index:1 }

    .white-right .bottom-field {position:relative; width:300px; margin-left:-35px; left:0; top:31px; margin-top:-6px; }

    #options { width:100%; }
    #options ul { border:0; border-top:1px solid #ccc; position:relative;  padding:17px 35px; width:100%; margin:0}

    #options ul li ul.other { border:0; border-left:1px solid #ccc; left:125px; }

    #options ul#homepage { position:relative; height:auto; min-height:inherit; border-top:1px solid #ccc;  padding:17px 35px;}
    #options ul#homepage li {display:block; height:auto; width:auto; }
    #options ul#homepage li a {display:block; border:0; padding:0; height:auto; line-height:19px; }
    #options ul#homepage li a.selected {color:#2b2b2b; background:none }


    .more-info {display:block; position:relative; top:0px; right:0px; padding:20px 15px; border-top:1px solid #ccc }

    #nav-button {display:block; border:1px solid #ccc; float:right; padding:18px 20px; width:67px; margin:20px; margin-bottom:0; cursor:pointer; }
    .nav-bar {background-color:#2b2b2b; border-radius:1px; display:block; width:25px; height:3px; margin:3px auto; }
    #options, .more-info { display:none; }
}