Headers


<header id="site-header">
    <div class="container">
        <div class="logo"><a href="/"><img src="//assets-cdn-interactrv.netdna-ssl.com/scenicviewrv/images/logo-new.png" alt="DemoRVDealer" /></a></div>
        <div class="visible-print pull-right print-contact-info">800-515-9672<br /></div>
    </div>
</header>
<div class="container top-nav-container">
    <nav id="main-nav" class="navbar navbar-justified navbar-default" role="navigation">
        <div class="navbar-header btn-group visible-xs visible-sm"><button type="button" class="btn btn-primary pull-left" data-toggle="collapse" data-target=".navbar-collapse"><span class="sr-only">Toggle navigation</span> <i class="icon-reorder"></i> Menu</button> <a class="btn btn-primary pull-right" href="/contact-us"><span class="sr-only">Contact Us</span><i class="icon-phone"></i> Contact</a> <button type="button" class="btn btn-primary pull-right" data-toggle="collapse" data-target=".top-search"> <span class="sr-only">RV Search</span><i class="icon-search"></i> Search</button></div>
        <div class="collapse navbar-collapse">
            <div class="umb-macro-holder mceNonEditable"><!-- <?UMBRACO_MACRO macroAlias="Snippet" CacheBuster="" SnippetParams="" Snippet="15278" /> --> <ins>
                <div><button class="btn-mce btn-macro-edit-inline">Edit Snippet</button><button class="btn-mce btn-macro-delete-inline">Delete</button></div>
                </ins></div>
        </div>
    </nav>
</div>

/* --- Header 1 --- */

.header-1 #site-header {background: #fff;height: 60px;position: relative;}
.header-1 .logo {max-width: 180px;position: absolute;top: 14px;left: 15px;}
.header-1 .top-nav-container {background: #DD6522;z-index: 9999;position: relative;}

    @media (min-width: 768px) {
        .header-1 #site-header { height: 95px; }
        .header-1 #site-header .container { position: relative; }
        .header-1 .logo {max-width:300px;top: 20px;}
        .header-1 .top-nav-container { width: 100%; }
    }

    @media (min-width: 992px) {
        .header-1 #site-header { height: 100px;}
        .header-1 .logo { top: 20px; max-width: 250px; }
        .header-1 .top-nav-container { background: #fff; }
    }

    @media (min-width: 1200px) {
        .header-1 #site-header {height: 100px; border-bottom: 1px solid #ddd; }
        .header-1 .homepage #site-header { border-bottom: none; }
        .header-1 .logo { top: 25px; }
        .header-1 .top-nav-container {position: relative;padding: 0;top: -90px;width: 1170px;}
        .header-1 nav#main-nav {display: inline-block;position: absolute;top: 20px;right: 15px;background: none;width: 880px;}
        .header-1 nav#main-nav .nav { float: right; }
        .header-1 .navbar-default .navbar-nav > li > a {padding: 10px 15px;font-size: 16px;font-weight: 700;}
        .header-1 .navbar-default .navbar-nav > li:last-child > a { padding-right: 0; }
    }

    @media (min-width: 1600px) {
        .header-1 #site-header { height: 120px; }
        .header-1 .logo { max-width: none; display:inline-block; }
        .header-1 .header-phone {font-size: 28px;top: 90px;}
        .header-1 .top-nav-container {width: 1570px;top: -100px;}
        .header-1 nav#main-nav {width: auto;}
        .header-1 .navbar-default .navbar-nav > li > a { padding: 10px 30px; }
        .header-1 nav#main-nav a { font-size: 16px; }
    }