/* ----- Responsive Stylesheet for LaunchGVL Microsite ----- */
@media screen and (min-width: 1551px)  {
    #nav > ul > li > a, #nav > ul > li > span {
        padding: 10px 2em 10px 2em;
    }
    /* Hero Slider */
    #hero_slider, #hero_slider #slides, #hero_slider #slides .slide, #hero_slider #slides.interior, #hero_slider #slides.interior .slide { height: 500px; width: 100%; }
    #hero_slider #slides .slide .slide_caption { font-size: 64px; }
}


/* Medium Desktop ---------------------------------------------------*/
@media screen and (min-width: 1201px) and (max-width: 1400px) {
    #nav > ul > li > a, #nav > ul > li > span {
        padding: 10px 2em 10px 2em;
    }
    /* Hero Slider */
    #hero_slider, #hero_slider #slides, #hero_slider #slides .slide, #hero_slider #slides.interior, #hero_slider #slides.interior .slide { height: 500px; width: 100%; }
    #hero_slider #slides .slide .slide_caption { font-size: 48px; }
}

/* Medium-Large Desktop ---------------------------------------------------*/
@media screen and (min-width: 1401px) and (max-width: 1550px) {
    /* Hero Slider */
    #hero_slider, #hero_slider #slides, #hero_slider #slides .slide, #hero_slider #slides.interior, #hero_slider #slides.interior .slide { height: 500px; width: 100%; }
    #hero_slider #slides .slide .slide_caption { font-size: 56px; }
}

/* Small Desktop ---------------------------------------------------*/
@media screen and (min-width: 1101px) and (max-width: 1200px) {
    #nav > ul > li > a, #nav > ul > li > span {
        padding: 10px 2em 10px 2em;
    }
    /* Hero Slider */
    #hero_slider, #hero_slider #slides, #hero_slider #slides .slide, #hero_slider #slides.interior, #hero_slider #slides.interior .slide { height: 500px; width: 100%; }
    #hero_slider #slides .slide .slide_caption { font-size: 48px; }
}


/* Smaller Desktop ---------------------------------------------------*/
@media screen and (min-width: 1025px) and (max-width: 1100px) {

    /* Hero Slider */
    #hero_slider, #hero_slider #slides, #hero_slider #slides .slide, #hero_slider #slides.interior, #hero_slider #slides.interior .slide { height: 500px; width: 100%; }
    #hero_slider #slides .slide .slide_caption { font-size: 48px; }
    
    /* Default Show on Mobile */
    .desktop, .no_mobile { display: none; }
    .mobile_only { display: block !important; }
    
    #header { height: auto; }
    
    /* Mobile Navigation */
    #nav.desktop { display: block; }
    #mobile_menu { display: none; }
    #menu_toggle { display: none; }
    
    /* Main Navigation */
    #nav > ul > li > a, #nav > ul > li > span {
        padding: 10px 1.5em 10px 1.5em;
    }
    
    .sponsor_item { position: relative; display: block; float: left; width: 100%; margin-left: 0; margin-bottom: 4%; height: 114px; text-align: center; }
    .sponsor_item:first-child { margin-left: 0px; }
    
    #main { margin: 0; padding: 0; }
    #main .main_content { float: left; width: 100% !important; margin: 0 !important; }

}


/* Tablet ---------------------------------------------------*/
@media screen and (min-width: 750px) and (max-width: 1024px) {
    
    /* Hero Slider */
    #hero_slider, #hero_slider #slides, #hero_slider #slides .slide, #hero_slider #slides.interior, #hero_slider #slides.interior .slide { height: 300px; width: 100%; }
    #hero_slider #slides .slide .slide_caption { font-size: 48px; }
    
    /* Default Show on Mobile */
    .desktop, .no_mobile { display: none; }
    .mobile_only { display: block !important; }
    
    #header { height: auto; }
    
    #header .logos.desktop { display: none; }
    #header .logos.mobile { display: block; width: 100%; height: auto; padding: 0; }
    #header .logos.mobile > .logo { float: left; width: 100%; height: 75px; display: block; margin: 0; padding: 0; }
    #header .logos.mobile > .logo a > img { width: 270px; }
    
    /* Mobile Navigation */
    #nav.desktop { display: none !important; } 
    #mobile_menu { display: block; }
    #menu_toggle { display: block; }
    
    .sponsor_item { position: relative; display: block; float: left; width: 100%; margin-left: 0; margin-bottom: 4%; height: 114px; text-align: center; }
    .sponsor_item:first-child { margin-left: 0px; }
    
    #boxes_table .boxes { display: block; }
    #boxes_table .box { display: block; float: left; }
    #boxes_table .box.image { width: 33%; }
    
    #main { margin: 0; padding: 0; }
    #main .main_content { float: left; width: 100% !important; margin: 0 !important; }


}

/* Tablet Incremental Scaling ---------------------------------------------------*/
@media screen and (min-width: 750px) and (max-width: 849px) { }
@media screen and (min-width: 850px) and (max-width: 959px) { }
@media screen and (min-width: 960px) and (max-width: 1024px) { }


/* Phone ---------------------------------------------------*/
@media screen and (min-width: 20px) and (max-width: 749px) {

    /* Hero Slider */
    #hero_slider, #hero_slider #slides, #hero_slider #slides .slide, #hero_slider #slides.interior, #hero_slider #slides.interior .slide { height: 300px; width: 100%; }
    #hero_slider #slides .slide .slide_caption { font-size: 48px; }
    #hero_slider #slides .slide img {margin-top: 0;height:100%;object-fit:cover;}
    
    /* Default Show on Mobile */
    .mobile_home_banners { display: block; }
    
    .desktop, .no_mobile { display: none; }
    .mobile_only { display: block !important; }
    
    #header { height: auto; }
    
    #header .logos.desktop { display: none; }
    #header .logos.mobile { display: block; width: 100%; height: auto; padding: 0; }
    #header .logos.mobile > .logo { float: left; width: 100%; height: 75px; display: block; margin: 0; padding: 0; }
    #header .logos.mobile > .logo a > img { width: 270px; }
    
    /* Mobile Navigation */
    #nav.desktop { display: none !important; } 
    #mobile_menu { display: block; }
    #menu_toggle { display: block; }
    
    .sponsor_item { position: relative; display: block; float: left; width: 100%; margin-left: 0; margin-bottom: 4%; height: 114px; text-align: center; }
    .sponsor_item:first-child { margin-left: 0px; }
    
    #boxes_table .boxes { display: block; }
    #boxes_table .box { display: block; float: left; }
    #boxes_table .box.image { width: 33%; }
    
    /* -- Main Content Area -- */
    #main { margin: 0; padding: 0; }
    #main .main_content { float: left; width: 100% !important; margin: 0 !important; }
    
    #faq h2 > p { max-width:86%; }
    
    body.partners #widget_boxes { width: 100%; }
    body.partners #widget_boxes .widget_box { width: 302px; height: 170px; }
    body.partners #widget_boxes .widget_box img, body.partners .content_body_section img { width: 100%; }
    body.partners #widget_boxes .widget_box .read_more_button { font-size: 12px; height: 37px; }
    
    body.partners #accident_fund_investors { flex-direction: column; }
    body.partners #accident_fund_investors .caption { margin: 20px auto; }
    
    body.partners #accident_fund_contact_form .form_wrapper { width: 90%; }
    body.partners #accident_fund_contact_form .form_wrapper .form_body, body.partners #accident_fund_contact_form .form_footer { flex-direction: column; }
    body.partners #accident_fund_contact_form .form_wrapper .form_fields, body.partners #accident_fund_contact_form .form_wrapper .form_submit { width: 100%; }
    body.partners #accident_fund_contact_form .form_wrapper .form_submit_placeholder { position: relative; top: unset; }
    body.partners #accident_fund_contact_form .form_footer, body.partners #accident_fund_contact_form .form_footer .form_footer_text { width: auto; margin: 0; padding: 0; }
    body.partners #accident_fund_contact_form .form_footer .form_footer_text { height: 130px; }
    body.partners #accident_fund_contact_form .form_footer { margin-top: 20px; height: 100px; }
    body.partners #accident_fund_contact_form .form_footer .form_footer_button a { margin: 10px auto; }
    
    body.partners #contact_bar { box-sizing: border-box; padding: 5px 10px; }
}


/* Phone Scaling ---------------------------------------------------*/
@media screen and (min-width: 20px) and (max-width: 400px) {
    #boxes_table .box.image { width: 50%; }
}
@media screen and (min-width: 401px) and (max-width: 450px) { #boxes_table .box.image { width: 50%; } }
@media screen and (min-width: 451px) and (max-width: 529px) { #boxes_table .box.image { width: 50%; } }
@media screen and (min-width: 530px) and (max-width: 749px) {
    body.partners #widget_boxes .widget_box img, body.partners .content_body_section img { width: auto; }
}