/* Enter Your Custom CSS Here */

.page-template-template-front-page-slider .header {box-shadow: 1px 1px 10px #424352 !important;}

.top {
  font-size: 18px !important;
  height: 70px !important;}
}

.top__tagline {margin-left: 0px !important;}
.top__container::before {height: auto !important;}

.header::before, .header::after {
    bottom: 0 !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
    left: 0 !important;
  	top: 0 !important;
    border: none !important;
}

.top::before, .top::after {
    bottom: 0 !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
    right: 0 !important;
    top: 0 !important;
    border: none !important;
}

.top-bar-left {
    float: left !important;
    text-align: left !important;
    padding: 10px !important;
    display: inline-block !important;
    width: auto !important;
    margin: 0 auto !important;
    position: relative !important;
    font-family: Montserrat;
    font-size: 24px !important;
    font-weight: 500 !important;
}

.top-navigation a {
  padding: 10px !important;
  font-size: 24px !important;
}

.top-left-phone {
    float: left !important;
    position: relative !important;
    width: auto !important;
}

.top-left-email {
    position: relative !important;
    text-align: left !important;
    margin-left: 0px !important;
    margin-top: 5px !important;
}

div.top-bar-left.top-left-phone a {
  color: #fff !important;
  text-decoration: none !important;
}

div.top-bar-left.top-left-email a {
  color: #fff !important;
  text-decoration: none !important;
}

div.top-bar-left.top-left-phone a:hover, div.top-bar-left.top-left-email a:hover {color: #add !important;}

div.top-bar-left.top-left-phone i.fa.fa-mobile::before {
  font-size: 45px !important;
  margin-left: 0px !important;
  top: 7px !important;
  position: relative !important;
  display: block !important;
}

div.top-bar-left.top-left-email i.fa.fa-envelope-o::before {
  font-size: 30px !important;
  margin-left: 0px !important;
  top: 0px !important;
  position: relative !important;
  display: block !important;
}

.top__menu {margin-top: 5px !important;}

.top-navigation a:hover {color: #add !important;}

.header__featured-link {padding-top: 2.2rem !important;}

.header__featured-link .btn {
    font-family: Montserrat;
    font-size: 18px !important;
    font-weight: 500 !important;
    padding: 10px !important;
}

.main-navigation {padding-left: 25px !important;}

.main-navigation a {
    font-family: Montserrat !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    text-transform: uppercase !important;
    border-bottom: none !important;
    padding: 45px 12px 45px 12px !important;
    text-decoration: none !important;
}

.main-navigation a:hover {
  color: #31a5bd !important;
  text-decoration: none !important;
}
.main-navigation > .current-menu-item > a {
  /*color: #31a5bd !important;*/
  text-decoration: none !important;
}
.main-navigation > .current-menu-item > a::after {bottom: 2.5rem !important; display: none !important;}

.menu-item a.mPS2id-highlight {
  background: #31a5bd !important;
  color: #fff !important;
  bottom: 0px !important;
  padding: 8px !important;
  text-decoration: none !important;
}

.is-sticky-nav .header {z-index: 999 !important;}

.jumbotron-content {width: 50% !important;}

.jumbotron-content__title {
  font-family: Montserrat !important;
  font-size: 2.5rem !important;
  text-shadow: 1px 1px 2px #fff !important;
}

.btn {
    font-family: Montserrat !important;
    font-size: 18px !important;
}

.jumbotron-content__description {font-size: 20px !important;}
.jumbotron-content p {
    color: #ffffff !important;
}
.jumbotron-content__description .btn {padding: 8px 20px 8px 20px !important;}

.btn-primary:hover {
  background: #969e00 !important;
  border-color: #969e00 !important;
  color: #ffffff !important;
}

.btn-tertiary {
  background: #969e00 !important;
  border-color: #969e00 !important;
  color: #ffffff !important;
}

.btn-tertiary:hover {
  background: #31a5bd !important;
  border-color: #31a5bd !important;
  color: #ffffff !important;
}

.jumbotron .icon-box__title {
    font-size: 20px !important;
    font-family: Montserrat !important;
    font-weight: normal !important;
    color: #add !important;
}

.header .icon-box__title {
    font-size: 18px !important;
    font-family: Montserrat !important;
    font-weight: normal !important;
    color: #999999 !important;
}

.jumbotron__extras::before {background-color: rgba(255, 255, 255, 1) !important;}
.jumbotron .icon-box__subtitle {
    font-size: 18px !important;
    font-family: Montserrat !important;
    font-weight: 600 !important;
    color: #f2f2f2 !important;
}

.header .icon-box__subtitle {
    font-size: 16px !important;
    font-family: Montserrat !important;
    font-weight: 600 !important;
    color: #424352 !important;
}

.jumbotron__extras {background: #424352 !important;}
.jumbotron .carousel-item > img {height: 600px !important;}
.jumbotron__control {
  background: #969e00 !important;
  color: #fff !important;
}

.jumbotron__control:hover {
  background: #31a5bd !important;
  color: #ffffff !important;
}

.icon-box .fa {margin-top: 5px !important;}

.icon-box .fa-mobile-phone:before, .fa-mobile:before {
    font-size: 56px !important;
    margin-left: 15px !important;
    margin-top: -5px !important;
    position: relative !important;
    display: block !important;
}

.icon-box .fa-clock-o:before {font-size: 46px !important;}

span.widget-title__inline {
    font-size: 30px !important;
    font-family: Montserrat !important;
    font-weight: 600 !important;
}

.accordion__panel .panel-title a {
    font-size: 20px !important;
    font-family: Montserrat !important;
    font-weight: 500 !important;
    color: #31a5bd !important;
}

.accordion__panel .panel-title a:hover {
    background-color: #f2f3f7 !important;
    color: #969e00 !important;
    text-decoration: none !important;
}

.accordion__panel .panel-title a::before {color: #424352 !important;}

.accordion__content .panel-body {
    font-size: 16px !important;
    text-align: justify !important;
}

.accordion {border: 1px solid #424352 !important;}
.accordion__panel {border-left: 3px solid #424352 !important;}
.accordion__panel:hover {border-left: 3px solid #31a5bd !important;}

.accordion-title span.widget-title__inline {
    font-size: 26px !important;
    font-family: Montserrat !important;
    font-weight: 600 !important;
}

.about-us-title h3.widget-title {text-align: center !important;}

.about-us-title h3.widget-title::after {
	content: '' !important;
	display: block !important;
	position: relative !important;
	top: 10px !important;
	width: 10% !important;
	left: 45% !important;
	border-top: 4px solid #969e00 !important;
}

.about-us-title span.widget-title__inline {
  font-size: 36px !important;
  font-family: Montserrat !important;
  font-weight: 600 !important;
  color: #31a5bd !important;
}

.about-bio-title h3.widget-title {text-align: center !important;}
.about-separator {margin-top: -30px !important;}
.about-img {margin-top: 0px !important;}
#about-content {margin-top: -70px !important;}
#about-us-button a.btn.btn-primary {
  padding: 10px !important;
  margin-top: 15px !important;
}

.about-separator {
  margin: 0 auto;
  text-align: center;
}

.custom-title h3.widget-title {line-height:40px !important;}

#services-row {margin-top: -30px !important;}

.services-title h3.widget-title {text-align: center !important;}

.services-title h3.widget-title::after {
	content: '' !important;
	display: block !important;
	position: relative !important;
	top: 10px !important;
	width: 12% !important;
	left: 45% !important;
	border-top: 4px solid #969e00 !important;
}

.services-title span.widget-title__inline {
  font-size: 36px !important;
  font-family: Montserrat !important;
  font-weight: 600 !important;
  color: #31a5bd !important;
}

.gallery-title h3.widget-title {text-align: center !important;}

.gallery-title h3.widget-title::after {
	content: '' !important;
	display: block !important;
	position: relative !important;
	top: 10px !important;
	width: 10% !important;
	left: 45% !important;
	border-top: 4px solid #969e00 !important;
}

.gallery-title span.widget-title__inline {
  font-size: 36px !important;
  font-family: Montserrat !important;
  font-weight: 600 !important;
  color: #31a5bd !important;
}

.esgbox-overlay {
    position: fixed !important;
    display: block !important;
    z-index: 99998 !important;
}
.esgbox-wrap {z-index: 99999 !important;}

.testimonials-title h3.widget-title {
  color: #ffffff !important;
  text-align: center !important;
}

.brands-title h3.widget-title {text-align: center !important;}

.contact-us-title h3.widget-title {text-align: center !important;}

.contact-us-title h3.widget-title::after {
	content: '' !important;
	display: block !important;
	position: relative !important;
	top: 10px !important;
	width: 12% !important;
	left: 45% !important;
	border-top: 4px solid #969e00 !important;
}

.contact-us-title span.widget-title__inline {
  font-size: 36px !important;
  font-family: Montserrat !important;
  font-weight: 600 !important;
  color: #31a5bd !important;
}

div#panel-11-12-0-0.so-panel.widget.widget_sow-editor.panel-first-child {margin-bottom: 0px !important;}

.location-title h3.widget-title {text-align: center !important;}

.location-title span.widget-title__inline {
  	font-size: 30px !important;
    font-family: Montserrat !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin-bottom: 0px !important;
}

#pl-11 .so-panel {margin-bottom: 0px !important;}

.working-hours h3.widget-title {text-align: center !important;}

.time-table h3 {
	font-size: 30px !important;
    font-family: Montserrat !important;
    font-weight: 600 !important;
    margin-bottom: 40px !important;
    text-align: center !important;
}

.time-table .inner-bg {border: 1px solid #424352 !important;}
.time-table .week-day {font-size: 18px !important;}
.time-table .week-day dt {color: #31a5bd !important;}

div.additional-info {
  text-align: justify !important;
  margin-top: 20px !important;
  color: #424352 !important;
}

.so-widget-sow-button-flat-adedc425435c .ow-button-base a {
  	font-size: 24px !important;
    font-family: Montserrat !important;
    font-weight: 500 !important;
    text-shadow: 1px 1px 2px #000 !important;
    padding: 10px 15px;
    background: #969e00;
    color: #ffffff !important;
}

.parallax-row .ow-button-base a [class^="sow-icon-"] {
    margin: -0.1em 0.125em -0.2em 0.125em;
}

#custom-bullets ul li {
	list-style-type: none !important;
	background: url("//islandwidegutters.com/wp-content/uploads/2017/08/roof-icon-2.png") left top -1px no-repeat !important;
	border: none !important;
	padding: 0px 0px 20px 35px !important;
	line-height: 28px !important;
    margin-left: -50px !important;
}

.parallax-row {
  background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url("//islandwidegutters.com/wp-content/uploads/2015/10/content-bg.jpg") !important;
  background-position: center center !important;
  background-size: cover !important;
  margin-top: -30px !important;
}

.testimonials-bg {
  background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url("/wp-content/uploads/2024/09/testimonials-bg.jpg") !important;
  background-position: center center !important;
  background-size: cover !important;
  margin-top: -30px !important;
}

.testimonial {
  background-color: #f2f3f7 !important;
  border-color: #31a5bd !important;
}

.testimonial::after {background-color: #f2f3f7 !important;}

.testimonial__carousel {
  background-color: #969e00 !important;
  border-color: #969e00 !important;
  color: #ffffff !important;
}

.testimonial__carousel:hover {
  background-color: #31a5bd !important;
  border-color: #31a5bd !important;
  color: #ffffff !important;
}

.testimonial__quote {
  border-top: 1px solid #add !important;
  font-size: 16px !important;
  text-align: justify !important;
}

.testimonial__author {border-top: 1px solid #add !important;}

.testimonial__author-avatar {border-right: 1.25rem solid #f2f3f7 !important;}

.so-widget-sow-button-flat-adedc425435c .ow-button-base a {text-decoration: none !important;}
a.ow-button-hover:hover {
  background: #31a5bd !important;
  border-color: #31a5bd !important;
  color: #ffffff !important;
}

/*.jumbotron__widgets .widget {border-right: 1px solid rgba(255, 255, 255, 1) !important;}*/

.call-to-action__title {font-size:22px !important;}
.call-to-action__subtitle {font-size:17px !important;}

.minimal-dark .esg-navigationbutton {
  	background-color: #31a5bd !important;
    border-color: #31a5bd !important;
    color: #fff !important;
    box-shadow: none !important;
    margin-right: 5px !important;
    cursor: pointer !important;
    padding: 0px 10px !important;
    border: 1px solid #fff !important;
    line-height: 50px !important;
    border-radius: 0px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    font-family: Montserrat !important;
    display: inline-block !important;
    margin-bottom: 5px !important;
}

.minimal-dark .esg-navigationbutton:hover {
  	background-color: #969e00 !important;
    border-color: #fff !important;
    color: #fff !important;
    box-shadow: none !important;
}

.eg-icon-left-open:before {
    content: '\e819' !important;
    color: #fff !important;
    font-size: 18px !important;
}

.eg-icon-right-open:before {
    content: '\e81a' !important;
    color: #fff !important;
    font-size: 18px !important;
}

#contact-us {margin-top: -30px !important;}
#contact-row {margin-top: -30px !important;}

.logo-panel img {border: none !important;}
.logo-panel img:hover {border: none !important;}

.wpcf7-select, .wpcf7-text, .wpcf7-number, .wpcf7-date, .wpcf7-textarea {
  font-size: 16px !important;
  margin-bottom: 20px !important;
  padding: 10px !important;
  border: 1px solid #424352 !important;
}

input.form-control:focus {border: 1px soild #31a5bd !important;}

.custom-textarea {resize: none !important;}

.wpcf7 .wpcf7-validation-errors {
    background-color: #faf8d2 !important;
    border: 2px solid #f00 !important;
    color: #b9b015 !important;
    line-height: 24px !important;
}

.wpcf7 .wpcf7-not-valid-tip {
    margin-top: -12px !important;
    margin-bottom: 12px !important;
}

.widget select {
  background-color: #f2f2f2 !important;
  width: 100% !important;
}

input[type="submit"] {
  padding: 10px 20px 10px 20px !important;
  margin-top: 0px !important;
}

/*img.contact-profile__image.wp-post-image {background: #f2f3f7 !important;}*/

.contact-profile__container {border-bottom: 0px solid #424352 !important;}
    /*margin-top: 20px !important;
    border-top: none !important;*/

.card {border: 1px solid #424352 !important;}

/*
  background: #424352 !important;
  border-top: 3px solid #31a5bd !important;
  border-left: 3px solid #31a5bd !important;
  border-right: 3px solid #31a5bd !important;
  border-bottom: 3px solid #31a5bd !important;
}*/

.contact-profile__name {
    font-size: 18px !important;
    font-weight: 600 !important;
    font-family: Montserrat !important;
    left: 22px !important;
}

.contact-profile__text {
  font-size: 17px !important;
  color: #424352 !important;
}

.contact-profile__icon {
    float: left !important;
    color: #969e00 !important;
    font-size: 24px !important;
    margin-top: -5px !important;
}

.contact-profile__social-icons {
  background-color: #31a5bd !important;
  padding: 6px !important;
}

.contact-profile__social-icons::before {border-bottom: 2.80rem solid #31a5bd !important;}

.contact-profile__social-icon {
	font-size: 32px !important;
    color: #fff !important;
    padding-left: 5px !important;
    margin-right: 5px !important;
}

.contact-profile__social-icon:hover {color: #add !important;}

.contact-profile__social-icons::before {border-bottom: 2.80rem solid #31a5bd !important;}

.footer-top__headings {
    font-size: 24px !important;
    font-family: Montserrat !important;
  	color: #969e00 !important;
}

.footer-top .widget img {margin-top: -10px !important;}

.footer-top {
    color: #ffffff !important;
    font-size: 16px !important;
    margin-bottom: -1px !important;
}

.footer-top .widget_nav_menu .menu a {
    color: #31a5bd !important;
    font-size: 16px !important;
    font-family: Open Sans !important;
    margin-left: 6px !important;
}

.footer-top .widget_nav_menu .menu a:hover {color: #969e00 !important;}

.dashicons-arrow-right-alt2:before {color: #add !important;}

.widget_nav_menu ul {line-height: 44px !important;}

.footer-top a {
  color: #31a5bd !important;
  text-decoration: none !important;
}

.footer-top a:hover {color: #969e00 !important;}

.footer-bottom__left, .footer-bottom__right {font-size: 16px !important;}

.fa-2x {
    font-size: 45px !important;
    color: #969e00 !important;
    margin-top: 15px !important;
}

.footer-top a.icon-container .fa {
    font-size: 40px !important;
    color: #969e00 !important;
}

.footer-top .icon-container {
    font-size: 20px !important;
    color: #add !important;
}

.footer-top a.icon-container .fa:hover {color: #31a5bd !important;}

.footer-top .btn-secondary {border-color: #fff !important;}
.footer-top a.btn.btn-secondary {
  font-size: 20px !important;
  padding: 10px !important;
}

.footer-top a.btn.btn-secondary:hover {
  	background-color: #fff !important;
    border-color: #969e00 !important;
    color: #969e00 !important;
}

.footer-top .btn .fa {font-size: 36px !important;}

.footer-top .fa-mobile:before {
	font-size: 45px !important;
    top: 8px !important;
    position: relative !important;
    display: block !important;
    margin-right: -5px !important;
    margin-left: -1px !important;
    padding: 0px !important;
    vertical-align: middle !important;
    text-align: center !important;
}

.footer-middle {background: #f2f3f7 !important;}
.footer-bottom__left::before, .footer-bottom__right::after {background: #f2f3f7 !important;}
.footer-bottom::before, .footer-bottom::after {background: #f2f3f7 !important;}
div.footer-bottom__left a {font-weight:normal !important;}
.footer-bottom a {text-decoration: none !important;}
.footer-bottom a:hover {color: #969e00 !important;}

#ncf_sidebar .ncf_sidebar_cont_scrollable {overflow-x: hidden !important;}

#ncf_sidebar.ncf_minimalistic .ncf_sidebar_header {
    border-bottom: 1px solid #add !important;
    margin-top: 25px !important;
}

#ncf_sidebar.ncf_minimalistic .ncf_user_firstname {
    font-size: 29px !important;
    font-weight: 500 !important;
    margin-bottom: 4px !important;
    color: #31a5bd !important;
    font-family: Montserrat !important;
    line-height: 32px !important;
    text-shadow: 1px 1px 1px #000 !important;
}

#ncf_sidebar.ncf_minimalistic .ncf_user_lastname {
    font-size: 21px !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
    color: #424352 !important;
    text-shadow: 1px 1px 1px #000 !important;
    line-height: 28px !important;
    text-transform: uppercase !important;
}

#ncf_sidebar.ncf_minimalistic .ncf_userpic {padding: 95px 10px 30px 30px !important;}

#ncf_sidebar .ncf_user_title {font-size: 18px !important;}

#ncf_sidebar.ncf_minimalistic .ncf_sidebar_socialbar {
    border-top: none !important;
    margin-top: 15px !important;
    margin-bottom: 20px !important;
}

#ncf_sidebar.ncf_minimalistic .ncf_sidebar_socialbar li a {
    background-color: #424352 !important;
    width: 45px !important;
    height: 50px !important;
}

#ncf_sidebar.ncf_minimalistic .ncf_sidebar_socialbar li a:hover {color:#31a5bd !important;}

#ncf_sidebar.ncf_minimalistic input[type=text], #ncf_sidebar.ncf_minimalistic input[type=email], #ncf_sidebar.ncf_minimalistic input[type=tel], #ncf_sidebar.ncf_minimalistic input[type=date], #ncf_sidebar.ncf_minimalistic .ncf_select_wrap, #ncf_sidebar.ncf_minimalistic textarea {
    background: #fff !important;
    width: 100% !important;
}

#ncf_sidebar input, #ncf_sidebar input:focus, #ncf_sidebar textarea, #ncf_sidebar textarea:focus, .ncf_ph label, #ncf_sidebar select {
    font-size: 16px !important;
    font-family: Open Sans !important;
    font-weight: 500 !important;
    color: #424352 !important;
    border: none !important;
}

#ncf_sidebar .ncf_select_wrap select {
    padding: 15px !important;
    width: 100% !important;
    border: none !important;
    color: #999 !important;
    font-size: 16px !important;
}

#ncf_sidebar.ncf_minimalistic .ncf_select_wrap {
  margin-top: -10px !important;
  margin-bottom:10px !important;
}

#ncf_sidebar input[type=submit] {
    position: relative !important;
    width: 280px !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    display: block !important;
    padding: 10px 20px 10px 20px !important;
    margin-top: 0px !important;
    font-size: 24px !important;
    font-family: Montserrat !important;
    font-weight: 600 !important;
    background: #31a5bd !important;
    border-color: #31a5bd !important;
    color: #ffffff !important;
    box-shadow: none !important;
    text-shadow: 1px 1px 1px #000 !important;
}

#ncf_sidebar input[type=submit]:hover {
  background: #969e00 !important;
  border-color: #969e00 !important;
  color: #ffffff !important;
}

#ncf_sidebar .ncf_form_wrapper {background: #f2f3f7 !important;}

#ncf_sidebar.ncf_minimalistic .ncf_sidebar_cont {
    background: #f2f3f7 !important;
    box-shadow: none !important;
    border: none !important;
}

.ncf_sidebar_pos_right #ncf_sidebar .ncf_sidebar_cont {
    float: right !important;
    margin: 0 auto !important;
}

#ncf_sidebar .ncf_sidebar_cont {width: 450px !important;}

#ncf_sidebar .wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
    margin-top: -12px !important;
    margin-bottom: 12px !important;
    position: relative !important;
    display: block !important;
}

.nks_cc_trigger_tabs.ncf_tab .fa {border: 1px solid #fff !important;}
.nks_cc_trigger_tabs .ncf-tab-icon:after {
    font-family: Lato !important;
    font-weight: 600 !important;
    font-size: 24px !important;
  	color: #fff !important;
    border: 1px solid #fff !important;
}

/* Mobile Responsive CSS */

@media only screen and (min-width:320px) and (max-width:480px) and (orientation:portrait) {
   .top-left-phone, .top-left-email {font-size: 19px !important;}
  	div.top-bar-left.top-left-phone i.fa.fa-mobile::before {font-size: 36px !important;}
	div.top-bar-left.top-left-email i.fa.fa-envelope-o::before {font-size: 26px !important;}
  .header__navbar-toggler.btn {
    font-size: 16px !important;
    padding: 10px !important;
    margin: 25px 0px 0px 0px !important;
  }
  .header__navbar-toggler span {font-size: 16px !important;}
  .jumbotron .carousel-item > img {height: auto !important;}
  .header__featured-link .btn {
    width: 200px !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    display: block !important;
    background: #31a5bd !important;
    border-color: #31a5bd !important;
    color: #ffffff !important;
}
.header__featured-link .btn:hover {
  background: #969e00 !important;
  border-color: #969e00 !important;
  color: #ffffff !important;
  }
}

@media only screen and (min-width:320px) and (max-width:480px) and (orientation:landscape) {
  .header__navbar-toggler.btn {
    font-size: 18px !important;
    padding: 10px !important;
    margin: 30px 0px 0px 0px !important;
  }
  .header__navbar-toggler span {font-size: 18px !important;}
  .header__navigation {margin-top: 15px !important;}
  .jumbotron .carousel-item > img {height: auto !important;}
    .header__featured-link .btn {
    width: 200px !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    display: block !important;
    background: #31a5bd !important;
    border-color: #31a5bd !important;
    color: #ffffff !important;
}
.header__featured-link .btn:hover {
  background: #969e00 !important;
  border-color: #969e00 !important;
  color: #ffffff !important;
  }
}

@media only screen and (min-width:320px) and (max-width:568px) and (orientation:portrait) {
  .top-left-phone, .top-left-email {font-size: 19px !important;}
  	div.top-bar-left.top-left-phone i.fa.fa-mobile::before {font-size: 36px !important;}
	div.top-bar-left.top-left-email i.fa.fa-envelope-o::before {font-size: 26px !important;}
  .header__navbar-toggler.btn {
    font-size: 16px !important;
    padding: 5px !important;
    margin: 30px 0px 0px 0px !important;
  }
  .header__navbar-toggler span {font-size: 16px !important;}
  .jumbotron .carousel-item > img {height: auto !important;}
    .header__featured-link .btn {
    width: 200px !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    display: block !important;
    background: #31a5bd !important;
    border-color: #31a5bd !important;
    color: #ffffff !important;
}
.header__featured-link .btn:hover {
  background: #969e00 !important;
  border-color: #969e00 !important;
  color: #ffffff !important;
  }
}

@media only screen and (min-width:320px) and (max-width:568px) and (orientation:landscape) {
  .header__navbar-toggler.btn {
    font-size: 18px !important;
    padding: 10px !important;
    margin: 40px 0px 0px 0px !important;
  }
  .header__navbar-toggler span {font-size: 18px !important;}
  .header__navigation {margin-top: 15px !important;}
  .jumbotron .carousel-item > img {height: auto !important;}
    .header__featured-link .btn {
    width: 200px !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    display: block !important;
    background: #31a5bd !important;
    border-color: #31a5bd !important;
    color: #ffffff !important;
}
.header__featured-link .btn:hover {
  background: #969e00 !important;
  border-color: #969e00 !important;
  color: #ffffff !important;
  }
}

@media only screen and (min-width:375px) and (max-width:667px) and (orientation:landscape) {
  .header__navbar-toggler.btn {
    font-size: 18px !important;
    padding: 10px !important;
    margin: 40px 0px 0px 0px !important;
  }
  .header__navbar-toggler span {font-size: 18px !important;}
  .header__navigation {margin-top: 15px !important;}
  .jumbotron .carousel-item > img {height: auto !important;}
    .header__featured-link .btn {
    width: 200px !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    display: block !important;
    background: #31a5bd !important;
    border-color: #31a5bd !important;
    color: #ffffff !important;
}
.header__featured-link .btn:hover {
  background: #969e00 !important;
  border-color: #969e00 !important;
  color: #ffffff !important;
  }
}

@media only screen and (min-width:414px) and (max-width:736px) and (orientation:landscape) {
  .header__navbar-toggler.btn {
    font-size: 18px !important;
    padding: 10px !important;
    margin: 40px 0px 0px 0px !important;
  }
  .header__navbar-toggler span {font-size: 18px !important;}
  .header__navigation {margin-top: 15px !important;}
  .jumbotron .carousel-item > img {height: auto !important;}
    .header__featured-link .btn {
    width: 200px !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    display: block !important;
    background: #31a5bd !important;
    border-color: #31a5bd !important;
    color: #ffffff !important;
}
.header__featured-link .btn:hover {
  background: #969e00 !important;
  border-color: #969e00 !important;
  color: #ffffff !important;
  }
}

@media only screen and (max-width:991px) {
  .top {height: auto !important;}
  .top-bar-left {
    float: none !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
  }
  
  .top-left-phone {
    float: none !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
  }
  
  .top-left-email {
    float: none !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
  }

.top-navigation a {
    float: none !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
  }
  .header__navbar-toggler.btn {font-size: 18px !important;}
  .header__navbar-toggler span {font-size: 18px !important;}
  .main-navigation a {padding: 17.5px 30px !important;}
  .jumbotron-content {width: 100% !important;}
  .jumbotron .carousel-item > img {height: auto !important;}
  .header__featured-link .btn {
    width: 200px !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    display: block !important;
    background: #31a5bd !important;
    border-color: #31a5bd !important;
    color: #ffffff !important;
}
.header__featured-link .btn:hover {
  background: #969e00 !important;
  border-color: #969e00 !important;
  color: #ffffff !important;
  }
  .main-navigation a {border-bottom: 1px solid #fff !important;}
}

@media only screen and (min-width:544px) {
  .jumbotron__control {top: 100px !important;}
}

@media only screen and (min-width:992px) {
  .jumbotron__control {
    margin-top: 35px !important;
    top: 80px !important;
  }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
  .header__navbar-toggler.btn {
    font-size: 18px !important;
    padding: 10px !important;
    margin: 40px 0px 0px 0px !important;
  }
  .header__navbar-toggler span {font-size: 18px !important;}
  .header__navigation {margin-top: 15px !important;}
  .jumbotron .carousel-item > img {height: auto !important;}
    .header__featured-link .btn {
    width: 35% !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    display: block !important;
    background: #31a5bd !important;
    border-color: #31a5bd !important;
    color: #ffffff !important;
}
.header__featured-link .btn:hover {
  background: #969e00 !important;
  border-color: #969e00 !important;
  color: #ffffff !important;
  }
  #brands div.row.center-row div.col-xs-12.col-sm-8.col-lg-4 {
  float: none !important;
  width: 50% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  display: block !important;
  }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
  .main-navigation {padding-left: 10px !important;}
  .main-navigation a {
    font-size: 16px !important;
    padding: 40px 0px 40px 10px !important;
  }
  .header__featured-link {padding-top: 1.875rem !important;}
  .jumbotron .carousel-item > img {height: 450px !important;}
  .jumbotron .icon-box__title {font-size: 18px !important;}
  .jumbotron .icon-box__subtitle {font-size: 14px !important;}
}

@media only screen and (min-width:1024px) and (max-width:1366px) and (orientation:portrait) {
  .main-navigation {padding-left: 10px !important;}
  .main-navigation a {
    font-size: 16px !important;
    padding: 30px 0px 40px 10px !important;
  }
  .header__featured-link {padding-top: 1.875rem !important;}
  .header__featured-link .btn {width: 200px !important;}
  .jumbotron .carousel-item > img {height: 450px !important;}
  .jumbotron .icon-box__title {font-size: 18px !important;}
  .jumbotron .icon-box__subtitle {font-size: 14px !important;}
}