@media only screen and (min-width: 1441px) and (max-width: 1920px) {
    .content {padding: 50px 0; height: calc(100vh - 200px); overflow: hidden;}
    .content .scroll {min-height: 100px; max-height: 100vh;}
}
@media only screen and (min-width:1003px) and (max-width:1024px)
{

}
@media only screen and (min-width:768px) and (max-width:1002px)
{
    body, table, input, textarea, select {font-size: 13px;}
/*    #mobile-menu-icon {display: block; top: 14px;}*/
/*    #mobile-menu.active #top-menu, #mobile-menu.active #main-menu {display: block !important;}*/
    #wrapper {width:100%; position:relative; z-index:10; background:#fff; overflow: hidden;}

}

@media only screen and (min-width:320px) and (max-width:767px)
{
    body, table, input, textarea, select {font-size: 13px;}
/*    #mobile-menu-icon {display: block;}*/
    #mobile-menu.active #top-menu, #mobile-menu.active #main-menu {display: block !important;}
    #splash {z-index: 99;}
    #wrapper {width:100%; position:relative; z-index:10; background:#fff; overflow: hidden;}
    header {bottom: auto; top: 0;}
    header #logo a {font-size: 20px;}
    
    #mobile-menu{position: fixed; width: 250px; top: 0; height:100%; z-index:2; overflow-y: scroll; right: -250px; display: block; border-left: 3px solid #0268B2;}
    #mobile-menu.active{right:-250px;}
/*    #main-menu {display: none;}*/
    #main-menu .navbar-nav {margin: 0;}
    #main-menu .navbar-nav > li {margin-left: 0; display: inline-block; width: 34px;}
    #main-menu .navbar-nav > li > a {height: 34px; line-height: 35px; width: 34px; display: block; text-align: center; font-size: 128%;}
    .pg-bg, footer {position: inherit !important;}
    footer {height: auto; line-height: 20px; padding: 15px; text-align: center;}
    footer .text-right {text-align: center;}
    
    .content {padding: 30px 0; height: auto;}
    .content .scroll {max-height: 100%;}
    h1 {font-size: 30px; color: rgba(255,255,255,0.5);}

    #work .col-xs-12 {max-width: 260px;}
    #work .items-column  {margin: 0 7.5px;}
    .fancybox-container {height: 100%;}

}

@media only screen and (min-width:320px) and (max-width:767px) and (orientation: landscape)
{

}