/* 320px (iPhone) */
@media screen and (max-width:320px) {
}
/* 480px (WVGA - Low End Windows Phone) */
@media screen and (max-width:480px) {
	.wrapper { background: #f3f5f8; height: 640px; }
	.iphone { display: none; }
	.fluid-white { display: none; }
	.wp2, .wp4, .wp5, .light-box { margin-bottom: 30px; }
	.legals { text-align: center; margin: 0; padding: 0; }
	.credit { text-align: center; }
	.subscribe.ebulten  input {display:block; width:100%; max-width:400px; margin:0px auto 5px auto;}
	.logo .pc {display:none;}
	.logo .mobile {display:block;}
}
/* xGA iPad */
@media screen and (max-width:1024px) {
	.wp3 { /*background-position: 50px 0;*/ }
	.swag { background-attachment: scroll; }
	.subscribe { background-attachment: scroll; }
}
/* 1200px (Small Desktop, Netbook) */
@media screen and (max-width:1280px) {
	.wp3 { /*background-position: 50px 0;*/ }
}
/* Bootstrap 990px Breakpoint to 480px */
@media screen and (min-width:480px) and (max-width:991px) {
	.iphone { display: none; }
	.fluid-white { display: none; }
	.wrapper { background: #f3f5f8; height: 540px; }
	.wp2, .wp4, .wp5, .light-box { margin-bottom: 30px; }
	.legals { text-align: center; margin: 0; padding: 0; }
	.credit { text-align: center; }
}



/* ==========================================================================
   CSS Queries
   ========================================================================== */

@media screen and (max-width: 780px) {  
    nav {   
        height: auto;
        width: 100%;  
    }  
    nav ul {  
        width: 100%;  
        display: block;  
        height: auto;
        margin: 0;
        padding: 0;  
    }  
    nav ul li {  
        width: 100%;  
        float: left;  
        background-color: #242a2c; 
        position: relative;
        text-align: center;
    }
    nav ul li a {  
        width: 100%;  
        float: left;  
        background-color: #242a2c; 
        position: relative;
        padding: 25px 0; 
        text-align: center;
        border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
    }
    nav ul li a.last {  
        border-bottom: none;
    }
    .laptop-placeholder img {
        max-width: 80%;
    }
	
	    nav {  
        border-bottom: 0;  
    }  
    nav ul {  
        display: none;  
        height: auto;  
    }
    .pullcontainer {
	    width: 100%;
		text-align: right;
		padding: 12px 20px 0 0;
    }   
    .pullcontainer a#pull {  
        display: block;  
        width: 100%;
        color: #fff;   
    }  
}  

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