/*------------------------------------------------*/
/*--------------[RESPONSIVE STYLES]---------------*/
/*------------------------------------------------*/

/* Fixes for Very Large Displays */
@media (max-width: 1300px) {

.bios .col-1-4 { width:33%; }


}


/* Lanscape Tablet and Lower */
@media (max-width: 1050px) {

.container { width:92%; margin:0 auto; }

.primary { width:57%; margin:0 1% 0 0; }
.secondary { width:40%; margin:20px 0 0; }

.featherlight .featherlight-content { width:60%; }

.bios .col-1-4 { width:50%; }


.map-div-title {font-size: 16px;}
.air-class h3 {font-size: 16px;}
.timelabel {font-size: 16px;}

}



/* Portrait Tablet and Lower */
@media (max-width: 850px) {

.top { text-align:center; }
.logo, .navfloat .logo { float:left; height:45px !important; width:auto; margin:14px 5% 14px 0; vertical-align: middle; }
.main-nav { background: rgba(0,0,0,0.8); }
nav, .navfloat nav { display:none; width:100%; text-align:center; margin-top:15px; padding:15px; }
nav ul li, .navfloat nav ul li { display:block; width:100%; margin:0 0 10px; padding:0; }
nav ul li.has-sub { display:inline-block; }
nav ul li.has-sub .togglesubmenu { display:inline-block !important; padding:0 12px; position:relative; left:18px; color:#fff; }
nav ul li.has-sub a { position:relative; }
nav ul li.has-sub ul { position:relative; top:10px; padding:12px 0; width:100%; opacity:1 !important; white-space: normal; }
nav ul li.has-sub ul li span:after { content: none; }
nav ul li.has-sub ul li { display: block; text-align:center; margin:14px auto; padding:0; }
nav ul li.has-sub ul li .togglesubmenu { display:none !important; }
nav ul li.has-sub ul li a { display:block; width:90%; margin:0 5%; position:relative; left:0px; }
nav ul li.has-sub:hover > ul { display:none; }


a.menu-link, a.float-link { display:inline-block; float:right; vertical-align:middle; margin:8px 0; font-size:2em; color:#ffffff !important; }
a.menu-link:after, a.float-link:after { display:block; clear:both; }
footer nav { display:block !important; }
.primary, .secondary { display:block; width:100%; margin:0 0 30px; }

.grid.preowned>[class*=col-] h2 { padding:0; }
.featherlight .featherlight-content { width:80%; }

.parallax { padding:200px 0; }
.parallaximage { height:120%; margin-top:-200px; background-size:auto 130% !important; }


}

@media (max-width: 750px) {

.bios .col-1-4 { width:100%; }

.map-div-title {font-size: 14px;}
.air-class h3 {font-size: 14px;}
.timelabel {font-size: 14px;}


}


/* Phone */
@media (max-width: 481px) {

header { position:relative; }

.sidebar { display:none; position:relative; left:0px; top:0px; width:100%; box-shadow:none; margin-bottom:40px; }
.sidebar .popout { display:none; }
.sidebar.active { display:block; }
.mobilebox { display:inline-block !important; }

.page-template-page-nocontainer .sidebar { width:92%; margin:0 4% 40px; }

.breadcrumbs { margin-bottom:32px; }

.parallax { padding:100px 0; }
.parallaximage { margin-top:-150px; }

.featherlight .featherlight-content { width:85%; }

}