.body-container {position:relative;}
/* Set Design Standards & Colors Here */
:root {
	--primary: #efae5a;
	--primary-rgb: 122, 215, 166;
	--secondary: #0e242b;
	--dark: #0e242b;
	--light: #efae5a;
	--gray: #e6e6e6;
	--body-text: #333333;
	--primary-font: 'Lato', sans-serif;
	--secondary-font: 'Nunito', sans-serif;
	--cursive-font: 'ff-market-web', cursive;
	--box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
	--box-shadow-lg: 0 2px 12px 5px rgb(0 0 0 / 5%), 0 3px 11px -2px rgb(0 0 0 / 3%), 0 1px 15px 8px rgb(0 0 0 / 5%);
	--box-shadow-xl: 0px 33px 79px 0px rgba(0, 0, 0, 0.08);
}
html { }
body { background:#fff;font-family: var(--primary-font); color: var(--body-text); line-height: 2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
main { overflow: hidden; }

/* Font Styles
============================================================================= */
h1, h2, .display-1 { font-size: 45px; margin: 0 0 30px; font-weight: 500; font-style:normal; text-transform: uppercase; font-family: var(--secondary-font); color:var(--secondary) !important; line-height: 1; }
h1 + h2, h2 + h3, .display-2 { font-family: var(--secondary-font); font-size: 40px; margin: -30px 0 45px; text-transform: none; font-weight: 400; line-height: 1.5; letter-spacing: .05em; }
h3, .display-3 { font-size: 25px; margin: 40px 0 8px; color: var(--body-text); font-weight: 400;font-style:italic; line-height: 1.2; letter-spacing: .05em; }
h4, .display-4 { font-size: 17px; margin: 25px 0 5px; font-weight: bold; line-height: 1.2; }
p { margin-bottom: 25px; }
a { color: var(--secondary); text-decoration: none; transition: all 0.5s; }
a:hover, a:active { color: var(--primary); text-decoration: none; }
@media (min-width:992px) {
	h1, h2, .display-1 { font-size: 45px; }
}
@media (max-width:575.98px) {
	h1, h2, .display-1 { font-size: 40px; }
	h1 + h2, h2 + h3, .display-2 { font-size: 20px; }
	h3, .display-3 { font-size: 20px; }
}

.btn {background:var(--secondary);border-color:var(--secondary);color:#fff;min-width:300px;height:40px;line-height:19px;}
.btn:hover {background:#fff;border-color:var(--secondary);color:var(--secondary);}

.bg-dark {background:var(--dark);color:#fff;}

.anchor-offset{
	display: block;
	height: 235px;
	margin: -235px 0 0 0;
	content: '';
}

#header.riverview{border: 0; height: auto; background-color: transparent;}
#header.riverview #top{
	height: 95px;
	background-color: #fff;
}
#header.riverview #top a img{position: absolute; top: 50%; transform: translateY(-50%); left: 15px; max-height: 85px;}
#header.riverview #top a.launch-menu-button{position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-family: 'Oxygen'; color: #555555;}
#header.riverview #bottom{height: 200px;background-color:var(--dark);position:relative;}
#header.riverview #bottom .nav{border: 0;text-align: right;margin-bottom: 0;bottom: 15px;}
#header.riverview #bottom .nav ul{list-style-type: none; padding: 0; margin-bottom: 0;}
#header.riverview #bottom .nav ul li{display: inline-block; margin: 0 10px; color: #898989;}
#header.riverview #bottom .nav ul li a{font-size: 16px; font-weight: 300; color: #898989; text-transform: uppercase; font-family: 'Lato';}
#header.riverview #bottom .nav ul li:hover a{opacity: .5;}
#header.riverview #bottom .phone{position: absolute; top: 40px; right: 15px;}
#header.riverview #bottom .phone a{color: #fff; margin-left: 10px; font-size: 32px;font-weight: 400;}
#header:not(.affix) .logo {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:10;}
#header .logins {position:absolute;top:45px;color:#fff;}
#header .logins a {text-transform: uppercase;color:#fff;font-size:16px;}
#header .logins a:hover {color:var(--primary);}
#header .phone a:hover {color:var(--primary) !important;opacity:1 !important;}
#header.riverview.affix #bottom {height:50px;}
#header.affix .phone{display: block;top:50% !important;transform:translateY(-50%);}
#header.affix .nav{top: inherit; right: 15px; left: 15px; text-align: right;}
#header.affix .logins {display:none;}
#header.riverview.affix #bottom .phone a {font-size:25px;}
@media(max-width:991px){
	#header .phone, #header .logins {display:none;}
}
@media (max-width: 767px){
	#header.riverview #top{height: 50px;}
	#header.riverview #top a img{max-height: 45px;}
	#header.affix .nav{text-align: center;}
	#header.affix .phone {display:none;}
	#header.affix .logo {text-align: center;left:50%;transform:translateX(-50%) translateY(-50%);}
}
@media (max-width: 400px){

}


#secondary-banner.riverview {height:100vh;min-height:900px;background-image: url('/images/harvest-park-banner.jpg'); background-size: cover;  background-position: top center; background-repeat: no-repeat;}

@media (max-width: 600px){
	#secondary-banner.riverview {height:auto;min-height:700px;background-image: url('/images/harvest-park-banner-sm.jpg');}
}


.banner {padding:85px 0;}
.container hr, .container-fluid hr {border-bottom:3px solid var(--light);width:50px;}

#home-welcome {background:#fff;padding-top:130px;}

@media(max-width:991px){
	#home-welcome {padding-top:200px;}
}

@media(max-width:550px){
	#home-welcome {padding-top:300px;}
}


/* Apartments Floorplans
================================================== */
#floorplans { padding-bottom:100px;}
#floorplans header {margin-bottom:15px;}
#floorplans [class^="icon-"], #floorplans [class*=" icon-"] {fill:black !important;}

/* Nav Tabs */
.nav-tabs { position: relative; padding: 40px 30px; display: flex; justify-content: space-between;z-index: 9; border-bottom:#fff;}
.nav-tabs li { padding: 0 20px; flex: 1 1 auto; }
.holly-tree .nav-tabs li a {background:#324229;}
.nav-tabs li a { border-radius: 0; height: 35px; line-height: 35px; font-size: 17px; padding: 0 15px; width: 100%; min-width: unset;color: #fff!important;background:var(--primary); border-color:var(--primary); }
.nav-tabs li a:hover {background:#fff;border-color:var(--primary);color:var(--primary) !important;}
.nav-tabs li.active a { color: #fff!important;background:var(--primary); border-color:var(--primary);}
.nav-tabs li.active a:hover, .nav-tabs>li.active>a:focus {border-color:var(--primary);color:var(--primary) !important;}
@media (max-width: 1199px) {
	.nav-tabs li { padding: 0 8px; }
}
@media (max-width: 991px) {
	.nav-tabs { transform: none!important; }
}
@media (max-width: 599px) {
	.nav-tabs, .nav-tabs li { display: block; float: none; text-align: center; }
	.nav-tabs li ~ li { margin-top: 20px; }
}

#floorplans {background:#fff;}
#floorplans .floorplan { display: flex; }
#floorplans .floorplan-image { padding: 15px 10%;  }
#floorplans .floorplan-image a { display: block; transition: 0.5s; }
#floorplans .floorplan-image a:hover { cursor: zoom-in; transform: scale(1.05); transition: 0.5s; }
#floorplans .floorplan-image img { max-height: 530px; display: block; margin: 0 auto; }
#floorplans .floorplan-details h3 { font-family:var(--secondary-font);color: var(--secondary); font-size: 26px; margin: 0;font-style:normal; }
#floorplans .floorplan-details hr { border-color: var(--primary); border-width: 2px; width: 83px; max-width: 100%; margin: 10px 0 35px; }
#floorplans .floorplan-details ul { list-style: none; padding: 0; margin: 0 0 35px; font-size: 17px; }
#floorplans .floorplan-details .btn { text-transform: uppercase;display: block; width: 290px;background:var(--secondary);border:1px solid var(--secondary);color:#fff;}
#floorplans .floorplan-details .btn:hover {background:#fff;color:var(--secondary) !important;}
#floorplans .floorplan-details .btn ~ .btn { margin-top: 20px; }
#floorplans img.cover {object-position: 0% 90% !important;}
#floorplans .carousel-inner .item { height: 100%; }
#floorplans .controls { position: absolute; text-align: center; right: auto; top: 90px; height: 164px; width: 158px; }
#floorplans .controls h3 { color: #fff; font-size: 30px; margin: 30px 0 15px; font-family: 'Shadows Into Light';  }
#floorplans .carousel-control { color: var(--light); display: inline-block; width: 5%; opacity: 1; background: none;top:80%;transform:translateY(-50%);height:100%; box-shadow: none; text-shadow: none; font-size: 50px; }
#floorplans .carousel-control:hover {opacity:0.7;}
#floorplans .carousel-control.right {right:0;}
.tab-content, .tab-content>.tab-pane {position:relative;}
@media (min-width: 992px) {
	#floorplans .image-container { height: 370px; }
	/* #floorplans .carousel { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; }
	#floorplans .carousel-inner { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } */
}
@media(max-width:991px){
	#floorplans .controls {right:auto;left:50%;transform:translateX(-50%);height:60px;top:auto;bottom:0px;}
  #floorplans .floorplan {padding-bottom: 100px;padding-top:40px;}
}
@media (min-width: 651px) {
	#floorplans .floorplan { height: 100%; justify-content: space-around; align-items: center; }
	#floorplans .floorplan-image { flex: 0 0 60%; }
	#floorplans .floorplan-details { flex: 1 1 40%; text-align: left; }
}
@media (max-width: 650px) {
	#floorplans .floorplan { flex-direction: column; padding-bottom: 70px; }
	#floorplans .floorplan-details { text-align: center; padding: 50px 15px; order: -1; }
	#floorplans .floorplan-details hr,
	#floorplans .floorplan-details .btn { margin-left: auto; margin-right: auto; }
}

#three-bed-plan {position:relative;}
#three-bed-plan .controls {position:absolute;bottom:0;}



#harvest-amenities, #amenities {padding:0;background:#fff;padding-bottom:100px;}
#harvest-amenities  hr, #amenities hr {margin-right:auto;margin-left:0;}
#harvest-amenities .row, #amenities .row {display:flex;justify-content: center;align-items: center;flex-wrap:wrap;}
#harvest-amenities [class*='col-']:first-of-type, #amenities [class*='col-']:first-of-type {padding:0;}

@media(min-width:992px){
	#harvest-amenities [class*='col-']:last-of-type, #amenities [class*='col-']:last-of-type {padding-left:50px;}
	#harvest-amenities .amenities-info, #amenities .amenities-info {max-width:500px;}
	#harvest-amenities [class*='col-']:first-of-type img, #amenities [class*='col-']:first-of-type img {border-radius: 0 30px 30px 0;}

}
@media(max-width:991px){
	#harvest-amenities .amenities-info, #amenities .amenities-info {margin-top:40px;}
}


#harvest-location, #location {background:#fff;text-align: center;}


/* Apartments Gallery
================================================== */
#gallery { overflow: hidden;padding:100px 0 100px; }
#gallery h2 {color:#fff;}
#gallery .container-fluid {margin-bottom:50px;}
#gallery .title-container { padding: 65px 15px; text-align: center; width: 100%; background-color: #333333;   }
#gallery .title-container h3 { color: #fff; text-transform: uppercase; margin: 0;font-style:italic; }
#gallery .image-gallery { margin: 0 -5px; }
#gallery .image-gallery .col-md-4 { padding: 0 10px 20px; }
#gallery .gallery-image { display: block; width: 100%; padding-top: 60%; height: 0; position: relative; overflow: hidden; }
#gallery .gallery-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: .5s; }
#gallery .gallery-image:hover img { transform: scale(1.05); transition: .5s; }
#gallery .collapse:not(.in) { display: none; }
#gallery .view-more { padding: 25px 15px 35px; }
#gallery .view-more .btn { font-size: 0;background:#333333;border:1px solid #333333;color:#fff; }
#gallery .view-more .btn:hover{background:transparent;color:#333333;}
#gallery .view-more .btn::after { content: 'View Less'; font-size: 18px; }
#gallery .view-more .btn.collapsed::after { content: 'View More'; font-size: 18px; }
@media (min-width: 992px) {
	#gallery .title-container { padding: 140px 15px; position: absolute; top: 0; right: 0; width: 28.6%; z-index: 9; }
}
@media (max-width: 991px) {
	#gallery .image-container { height: auto; }
	#gallery .image-container img { position: relative; height: 300px; object-position: 0 30%;}
}

#apartment-gallery-carousel { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
#apartment-gallery-carousel .carousel-inner { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
#apartment-gallery-carousel .carousel-inner .item { height: 100%; }
#apartment-gallery-carousel .carousel-inner .item img { height: 100%; }
#apartment-gallery-carousel .controls { position: absolute; text-align: center; right: 0; bottom: 0; height: 164px; width: 158px; background: #333333; }
#apartment-gallery-carousel .controls h3 { color: #fff; font-size: 30px; margin: 30px 0 15px; font-family: 'Shadows Into Light';  }
#apartment-gallery-carousel .controls .carousel-control { position: relative; color: #fff; display: inline-block; width: 35%; opacity: 1; background: none; }



/* Apartments Contact
================================================== */
#contact { background:#fff;color:#fff; }
#contact h3 {color:#fff !important;font-size:35px;margin-bottom:5px;}
#contact .bg-dark {padding:50px 55px;}
#contact .row {display:flex;justify-content: center;align-items: center;flex-wrap:wrap;}
#contact .form-container { background: #fff; border: 0; padding: 0 15px 60px; }
#contact .image-container { flex: 1 1 385px; }
#contact .content-container { padding-bottom: 60px; padding-left: 15px; padding-right: 15px; }
#contact ul li {line-height:1.5;}
#contact .address {list-style:none;padding:0;}

@media (min-width: 992px) {
	.no-wrap-sm { flex-wrap: nowrap; }
	#contact .form-container { padding: 50px 15px; }
	#contact .title-container { width: auto; flex: 1 0 28.6%; }
	#contact .title-container + .content-container { width: auto; flex: 1 1 auto; padding: 65px 5% 50px; }
	#contact .container-fluid {padding:0;}

}
@media(max-width:991px){
	#contact .row [class*='col-'] {padding:0;}
	#contact .form-container {padding-bottom:40px !important;}
}

/* footer
========================================= */
#footer-bar{background-color: var(--light);color:#000; padding: 40px 0; text-align: center;}
#footer-bar a {color:#000;}


.pb-0 {padding-bottom:0;}
.mb-0 {margin-bottom:0;}

/* List Styles
============================================================================= */

/* Inline list with Pipes or Dots */
.list-inline, .list-inline--pipes, .list-inline--dots { list-style: none; padding: 0; margin: 0; }
.list-inline li, .list-inline--pipes li, .list-inline--dots li { display: inline-block; }
.list-inline--pipes li:nth-child(1n+2)::before { content: '|'; margin: 0 8px; }
.list-inline--dots li:nth-child(1n+2)::before { content: '•'; margin: 0 8px; }


/* Utilities - Helper Classes
============================================================================= */
.mw-500 { width: 500px; max-width: 100%;  }
.mw-600 { width: 600px; max-width: 100%; margin-left: auto!important; margin-right: auto!important; }
.mw-650 { width: 650px; max-width: 100%; margin-left: auto!important; margin-right: auto!important; }
.mw-700 { width: 700px; max-width: 100%; margin-left: auto!important; margin-right: auto!important; }
.mw-750 { width: 750px; max-width: 100%; margin-left: auto!important; margin-right: auto!important; }
.mw-900 { width: 900px; max-width: 100%; margin-left: auto!important; margin-right: auto!important; }
.mw-1000 { width: 1000px; max-width: 100%; margin-left: auto!important; margin-right: auto!important; }
.mw-1060 { width: 1060px; max-width: 100%; margin-left: auto!important; margin-right: auto!important; }
.mw-1400 { width: 1400px; max-width: 100%; margin-left: auto!important; margin-right: auto!important; }
.mw-1600 { width: 1600px; max-width: 100%; margin-left: auto!important; margin-right: auto!important; }
.mw-1700 { width: 1700px; max-width: 100%; margin-left: auto!important; margin-right: auto!important; }
.mw-1850 { width: 1850px; max-width: 100%; margin-left: auto!important; margin-right: auto!important; }

/* Padding Relative to Screen Width on containers */
/* Math: (2000px (design width) - 1000px (content width) / 2 (sides)) / 2000px (design width) * 100 = VW */
.pw-1000 { padding-left: 25vw; padding-right: 25vw; }
.pw-1400 { padding-left: 16vw; padding-right: 16vw; }
.pw-1600 { padding-left: 10vw; padding-right: 10vw; }
.pw-1700 { padding-left: 8vw; padding-right: 8vw; }

/* Adjust size of padding between columns */
.g-3 { margin: -15px; }
.g-3 > [class*='col-'] { padding: 15px; }
.g-4 { margin: -22px; }
.g-4 > [class*='col-'] { padding: 22px; }
.g-5 { margin: -30px; }
.g-5 > [class*='col-'] { padding: 30px; }
.g-6 { margin: -2.25vw; }
.g-6 > [class*='col-'] { padding: 2.25vw; }
.g-7 { margin: -3.5vw; }
.g-7 > [class*='col-'] { padding: 3.5vw; }
.g-8 { margin: -5.5vw; }
.g-8 > [class*='col-'] { padding: 5.5vw; }

.gx-6 { margin-left: -2.25vw; margin-right: -2.25vw; }
.gx-6 > [class*='col-'] { padding-right: 2.25vw; padding-left: 2.25vw; }

@media (min-width:1200px) {
	.pr-xl-6, .px-xl-6 { padding-right: 6rem!important; }
	.pl-xl-6, .px-xl-6 { padding-left: 6rem!important; }
	.g-xl-4 { margin: -22px; }
	.g-xl-4 > [class*='col-'] { padding: 22px; }
	.g-xl-5 { margin: -30px; }
	.g-xl-5 > [class*='col-'] { padding: 30px; }
	.g-xl-6 { margin: -45px; }
	.g-xl-6 > [class*='col-'] { padding: 45px; }
}
@media (min-width:992px) {
	.g-lg-4 { margin: -22px; }
	.g-lg-4 > [class*='col-'] { padding: 22px; }
	.g-lg-5 { margin: -30px; }
	.g-lg-5 > [class*='col-'] { padding: 30px; }
	.g-lg-6 { margin: -45px; }
	.g-lg-6 > [class*='col-'] { padding: 45px; }
	.row--gutters-lg { margin: 0 -30px; }
	.row--gutters-lg [class*='col-'] { padding: 0 30px; }
	.row--gutters-xl { margin: 0 -35px; }
	.row--gutters-xl [class*='col-'] { padding: 0 35px; }
	.pr-lg-6, .px-lg-6 { padding-right: 6rem!important; }
	.pl-lg-6, .px-lg-6 { padding-left: 6rem!important; }
}


/* Form Container
================================================== */
.form-container .ion-form button { display: block; border: 1px solid #fff; background-color: #333333; color: #fff; height: 35px; line-height: 35px; width: 115px; max-width: 100%; margin: 10px 0 0 auto; padding: 0; border-radius: 0; font-size: 17px; font-weight: 400; text-transform: uppercase; transition: 0.3s; }
.form-container .ion-form button:hover { color: #333333; background-color: #fff; border: 1px solid #333333; transition: 0.3s; }
.form-container .ion-form-success { text-align: center; }

.form-container .ion-form label { color: #000; }
.form-container .ion-form .ion-form-group:not(.ion-form-group-radio) label { display: none; }
.form-container ::-webkit-input-placeholder { color: #333333; font-size: 16px; font-weight: 300; }
.form-container .ion-form .ion-form-group { margin-bottom: 35px; font-size: 15px; }
.form-container .ion-form .ion-form-group:not(.ion-form-group-radio) input { border-radius: 0; height: 42px; padding: 0 10px; border: 1px solid #333333; font-size: 15px; color: #000; }
.form-container .ion-form .ion-form-group.ion-form-group-radio label { font-weight: 500; }
.form-container .ion-form .ion-form-group.ion-form-group-radio span { font-weight: 400; }
.form-container .ion-form .ion-form-group textarea { border-radius: 0; padding: 10px 10px; border: 1px solid #333333; font-size: 16px; color: #000; }
.form-container .ion-form .ion-form-group select { height: 42px; border: 0; background: transparent; font-size: 15px; color: #000; }
.form-container .ion-form .ion-form-group select:focus { outline: none; }
.form-container .ion-form .ion-form-group select:invalid { color: #333333; font-weight: 300; }
.form-container .ion-form .ion-form-group-dropdown, .form-container .ion-form .ion-form-group-state { padding: 0 4px; position: relative; border: 1px solid #333333; background: #fff; }


.form-container h3 { font-size: 18px; color: #333333; font-weight: 600; margin: 30px 0 15px; }
.form-container .ion-form-group-break:first-child h3 { margin-top: 0; }

@media(min-width:992px){
	.form-container > div { width: 79%;padding-left:3em;padding-right:3em; }

}
/* Form Container Stacked */
@media (min-width: 600px) {
	.form-container-stacked form { margin: 0 auto; }
	.form-container-stacked form .ion-form-group { flex-basis: calc(50% - 30px); }

}
@media (min-width: 600px) and (max-width: 991px){
	.form-container form { width: 930px; max-width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -15px; }
	.form-container form .ion-form-group { flex: 1 1 auto; margin: 0 15px 15px; }
	.form-container form .ion-form-group.ion-form-group-textarea, .form-container form .ion-form-group.ion-form-group-break, .form-container form .ion-form-group.ion-form-group-checkbox, .form-container form .ion-form-group.ion-form-group-radio { flex-basis: 100%; }
	.form-container .ion-btn { display: block; margin-left: auto; margin-right: 15px!important; }
	.form-container form { margin: 0 auto; }
	.form-container form .ion-form-group { flex-basis: calc(50% - 30px); }

}



/* SUB NAV */
#sub-nav { position: absolute; top: 0; list-style: none; padding: 15px 0; background: var(--dark); display: -webkit-box; display: -ms-flexbox; display: flex;
width: 100%; color:#fff;text-align: center; font-size: 16px; font-weight: 400; -webkit-transition: padding 0.3s; -o-transition: padding 0.3s; transition: padding 0.3s; }
#sub-nav a {color:#fff !important;}
#sub-nav a:hover {color:var(--primary) !important;}
#sub-nav .container-fluid { width: 100%; max-width: 1552px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
#sub-nav .nav .launch-menu-button { color: #fff; }
#sub-nav .nav .launch-menu-button:hover { text-decoration: none; }
#sub-nav .btn:first-of-type { margin-right:25px; }
#sub-nav.affix { position: fixed; top: 0px; padding: 0px; z-index: 999; -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35); -webkit-transition: padding 0.3s; -o-transition: padding 0.3s; transition: padding 0.3s; }
#sub-nav.affix { height: 60px; bottom: auto; top: 0; z-index: 9999; transition: height 0s; box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.35); }
#sub-nav.affix .logo img {max-height:50px;}
@media(max-width:1300px){
	#sub-nav .btn{min-width:170px;}
}
@media(max-width:1199px){
	#sub-nav .btn:first-of-type {margin-right:0;}
}
@media(max-width:1100px){
	#sub-nav .logo {width:25%;text-align: left;}
	#sub-nav .nav {width:50%;text-align: center;}
	#sub-nav .button-list {width:25%;text-align: center;}
  #sub-nav .btn {display:block;max-width:200px;margin:0 0 0 auto;}
	#sub-nav .btn:first-of-type {margin-bottom:5px;}
	#sub-nav.affix {height:110px;}
}
@media (max-width: 991px){
  #sub-nav .nav .launch-menu-button {text-align: right;}
  #sub-nav .button-list {display:none;}
  #sub-nav .logo {width:50%}
  #sub-nav .nav{width:50%;text-align: right;}
  #sub-nav.affix {height:60px;}

}