﻿@media (max-width: 1102px) {
    .dropdown-menu.dropdown-menu-middle { left: -455%;}
}


@media (max-width: 1024px) {
    .container { padding: 0 20px;}
}


@media (max-width: 991px) {
    .header { height: auto; padding: 24px 0 18px}
        .desktop-header { display: none; color: #00aac6;}

    .navbar-header { display: none;}
    .mobile-header { display: block; height: 45px;}
    .navbar-brand.mobile { display: block;}

    .navbar-inverse { padding: 0;}
    .navbar-inverse .container { width: auto; padding: 0;}
    .navbar-inverse .navbar-nav > li > a { text-align: left; }

    ul.top-bar li { list-style: none;}
    .top-bar-right .dropdown-menu li { float: none;}
    .navbar-nav { margin-top: 0;}
    .navbar-nav > li { margin: 0 -1px; }
    .navbar-collapse { border-top: none; padding: 0;}

    .top-bar { list-style: none; margin: 0; padding: 0; }
            .top-bar li { float: left;  line-height: 45px; }
                .top-bar li a { color: #fff; font-family: oswald, sans-serif; text-transform: uppercase; letter-spacing: .3px; }
                .top-bar li.top-bar-left { width: 10%; height: 45px; line-height: 42px; /*border-right: 1px #695080 solid;*/  text-align: center; }
                    .top-bar li.top-bar-left .navbar-toggle { padding: 15px 0 0 38%; }
                    .top-bar li.top-bar-left.search-icon { padding-top: 0px; margin-left: -2px; font-size: 1.3em;}

                .top-bar li.top-bar-middle { width: 60%; height: 45px; line-height: 42px; /*border-right: 1px #695080 solid; border-left: 1px #695080 solid;*/ text-align: center; }

                .top-bar li.top-bar-right { width: 20.2%; line-height: 45px; position: relative;}
                     .top-bar li.top-bar-right .dropdown-menu li a { font-family: museo-sans, Arial, sans-serif; text-transform: initial; color: #6f6a74;}
                     .top-bar li.top-bar-right .dropdown-menu li a:hover { color: #fff;}
                        .top-bar li.top-bar-right .dropdown-menu li i { padding-right: 5px; }
                    li.search-collapse, .dropdown.login-collapse { display: none; }
            .dropdown-menu .dropdown-menu-right { margin-top: 0;}


          
    .mobile-logo { text-align: center;}
        .mobile-logo img { margin-top: -5px; height: 32px; }
        .mobile-logo a.btn-header { font-size: 13px; padding: 6px 12px 5px; margin-top: -5px;}
    .mobile-contact i { font-size: 24px; margin-top: -2px}



.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 25px 5px 25px; }
    .navbar-inverse .navbar-nav > li > a { padding: 18px 25px 20px; }
    li.top-bar-right a:hover, li.top-bar-right a:focus { text-decoration: none;}
.navbar-nav .open .dropdown-menu > li > a { line-height: 30px; }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: #00aac6; }
    .sales-ad { background: #00aac6}
        .sales-ad p { font-size: 16px;}
        .sales-ad .btn-teal { border: 1px solid #fff;}
        .sales-ad .btn-teal:hover { border: 1px solid #592C82; background: #592C82}
    .dropdown-menu-right { margin-top: 0px; margin-right: -1px; }

.sticky-top-subnav { display: none; }
.sticky-top-subnav-mobile { display: block; text-align: center; padding: 10px 0; background: #f4f4f4;}
    .sticky-top-subnav-mobile .dropdown-menu { width: 100%; margin: 0; background: #fff; border-bottom: 1px solid #d1d2d4; }
    a.hsa-toc-mobile { text-decoration: none; text-transform: uppercase; color: #00aac6; font-weight: 500;}
   
    .nav-sticky-items li a { float: none; text-align: center; border-bottom: none; text-transform: initial; }
    .nav-sticky-items li a.active, .nav-sticky-items li a.active:hover { border-bottom: none; color: #592C82; font-weight: 700;}
     .nav-sticky-items li a:hover { border-bottom: none; color: #00aac6}
.hero h1 { font-size: 36px;}
.hero p { font-size: 14px;}
    .hero p.subhead { font-size: 22px;}

}

@media (max-width: 768px) {
    body { margin: 0 0 85px;}
    .mobile-header { display: block; height: 45px;}
    .mobile-header.container { padding: 0 20px;}     
    .mobile-logo img { margin-left: 5% }

    .navbar-header { display: none;}
    .navbar-nav { text-align: left; margin-top: 0;}
        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 28px; }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: #00aac6; }
    .navbar-inverse { padding: 0;}

    /*.nav > li > a { position: relative; display: block; padding: 10px 28px; }*/

      .navbar-inverse .navbar-nav > li > a { position: relative; display: block; padding: 18px 28px; }



    a.dropdown-toggle {  }

    #search input[type="search"] { width: 290% }
    

    /*.dropdown-menu .subnav { border-right: none; }*/

    .sales-ad { background: #00aac6;  }
     .sales-ad p { font-family: sanchez-semibold; color: #fff;  }
        .sales-ad .btn-teal { background: transparent; border: 1px solid #fff;}
        .sales-ad .btn-teal:hover { background: #592C82; border: 1px solid #fff;}

        .sticky-footer { position: fixed; background: #00aac6; color: #fff; width: 100%; z-index: 30000; bottom: 0;  text-align: center;  display: block;}
            .sticky-footer p { color: #fff; }
            .sticky-footer a, .sticky-footer a:hover{  font-size: 20px; font-weight: 500;  color: #fff;text-decoration: none;}
                .sticky-footer span { font-size: 16px; text-transform: initial; font-weight: 500;}
            .cta-contact { margin: 10px 0;}

    footer { padding: 15px 10px 0px;}
    .follow { padding-top: 20px; }
     .social { padding-bottom: 20px; }
     .copyright { padding-top: 10px; padding-right: 15px; }

}


@media (max-width: 767px) {
     .generic-footer { height: 185px;}
 .copyright { text-align: left; padding-top: 20px; }
        .copyright span { display: block;}
        .mobile-header.container { padding: 0 18px;}

    .container { padding: 0 25px; }
    .hero { padding-bottom: 25px}
    .hero-img { display: none;}
    .legend-video { margin-top: 10px;  }
}

    @media (max-width: 767px) {
    	.dropdown-menu.multi-column {
    		min-width: 240px !important;
    		overflow-x: hidden;
    	}
    }



@media (max-width: 485px) {
    .nav-tabs { margin: 0 -15px; }
      .nav-tabs > li { width: 100%; text-align: center;} 
      
}


@media (max-width: 480px) {
    .top-bar li.top-bar-left .navbar-toggle { padding: 18px 0 0 50%; }
    .top-bar li.top-bar-left.search-icon { padding-top: 0px; margin-top: -1px; margin-left: -2px; font-size: 1.2em; }
    .top-bar li.top-bar-right { line-height: 42px;  }
}

@media (max-width: 414px) {
    .nav-tabs { margin: 0 -25px; }
    #sendBtn, #sendBtn a { left: 0; width: 100%; }

    .header { padding: 15px 0; }
    .mobile-header.container { padding: 0 25px; }

    .mobile-logo img { margin-top: 2px; height: 28px; }
    .mobile-logo a.btn-header { margin-top: -1px; }
    .mobile-contact i { margin-top: 2px; }
    /*.mobile-header.container { padding: 0 15px;}*/
    .container { padding: 0 25px; }

    .col-xs-4.subnav { width: 100%;}
        .dropdown-menu .subnav { min-height: auto;}
    .dropdown-menu.columns-2 { padding-bottom: 20px; }
    .navbar-nav > li > .dropdown-menu { margin: 0; }

    .hero { padding-bottom: 18px; }
        .hero h1 { margin-top: 5px; font-size: 2.6em; }
        .hero p.subhead { font-size: 18px; padding: 10px 0 0; }
    .hero-img { display: none; }
    .hero .btn-teal-lg { display: block; width: 100%; }

    .search-disclaimer { width: 380px; }

}
@media (max-width: 375px) {
    .hero h1 { width: 80%;}

}
@media (max-width: 320px) {
    .top-bar li.top-bar-middle img { width: 80%; padding-top: 0px;  }

}

