@import url('photoswipe.css');

@media (max-width: 800px) {
    .big-menu-div{width:100%; top: auto; bottom:100%; margin-bottom:-37px; text-align:center; height:auto;}
    .big-menu-div .big-menu-logo{ top:auto; bottom:8px; left:50%; width:150px; margin-left:-75px; opacity:1; }
    .big-menu-div .controls{display:none;}
    
    .big-menu-div .big-menu{width:100%; list-style: none; margin:0 0 34px 0; padding:7px;}
    .big-menu-div .big-menu li{width:100%; border-top:1px solid #bbb; }
    .big-menu-div .big-menu li:first-child{border:none;}
    .big-menu-div .big-menu li:first-child a{border:none;}
    .big-menu-div .big-menu li a{width:100%; text-align:center; margin:0; font-size:12px !important; padding:3px 0; border-top:1px solid #eee;}
    .big-menu-div .big-menu li a:after{content:""; margin-left:0;}
    .big-menu-div .big-menu-bg{opacity:.95; background:#eee;}
    
    .big-menu-toggle.orange{cursor: pointer; top:100%; right:50%; margin:0 -15px 0 0; z-index:4; width:30px; height:30px; transform: rotate(-90deg); }
    .big-menu-toggle.orange:hover{ width:30px;  right:50%;}

    .content-container{position:fixed; border-bottom:40px solid #6d6e72; display:inline-block; z-index:4; width:100%; overflow:hidden; overflow-y: auto; height:100%; max-height:none; right:0; top:0; margin-top:0; padding:60px 7px 0 7px;}
    .content-container h2.heading{font-size:16px; padding:9px 13px 6px 15px; top:47px; right:7px;}
    .content-container h2.heading .openclose{display:none;}
    
    .content-container .content{position: absolute; max-height:none; top:90px; padding:15px;}
    .content-container .content-bg{ left:7px; top:90px; }
    
    .content-container.gallerypagecontent .gal-object{display: inline-block; opacity:0; cursor:pointer; float:left; border:1px solid #fff; box-shadow:0 0 7px 3px #fff; width:48%; margin:10px 1%; overflow:hidden;}

    .right-logo{position:fixed; width:150px; bottom:4px;}
    
}


@media (device-height : 568px) and (device-width : 320px) and (-webkit-min-device-pixel-ratio: 2)
/* and (orientation : todo: you can add orientation or delete this comment)*/ {
                 /*IPhone 5 only CSS here*/
}

@media (device-height: 568px) and (height: 529px), (device-height: 480px) and (height: 441px) {
	/* minimal-ui is active */
}

@media (device-height: 568px) and (height: 460px), (device-height: 480px) and (height: 372px) {
	/* normal mode, minimal-ui inactive */
}