body {
    background-color: #666 !important;
}

.header-container {
    padding: 0 !important;
}

.header-bg {
    background-size:cover !important;
    background-repeat: no-repeat !important;
    min-height: 300px;
}

.navbar-container {
    background: #FFC500 url(wp-content/uploads/2024/08/menu-sliver.jpg) repeat-x !important;
    position: relative;
    top: -10px;
}

.headr-nav {
    float: right;
    padding: 10px;
    margin-right: 15px;
}

.headr-nav ul li {
    display: inline-block;
}

.headr-nav ul li a {
    padding: 0 5px;
    color: #555;
    text-decoration: none;
    font-weight: bold;
}

.search-bg {
    background: url(wp-content/uploads/2024/08/search-bar.jpg);
    background-size: cover !important;
    background-position: left;
    min-height: 40px;
}

.content { min-height: calc(100vh - 200px); position: relative; }

.top-nav {
    background: #143E3C;
    color: #fff;
    padding: 12px 0;
    font-size: 1.6rem;
}
.top-nav a {
    color: #ffff;
    text-decoration: none;
    transition: 0.3s;
}
.top-nav a:hover {
    color: #fdd87f;
    text-decoration: none;
    transition: 0.3s;
}
.social {
    padding-right: 15px;
}
.social a {
    margin-left: 10px; 
}
.fa-phone {
    margin-left: 15px;
}
.navbar {
    padding: 10px 0;    
}
.navbar a {
    color: #000;
    font-weight: 500;
    font-size: 1.8rem;
}
.navbar-brand {
    padding: 0 !important;
    height: auto !important;
}
.navbar-brand img {
    width: 25rem;
    margin-left: 10px;
}
.dropdown-menu {
    margin-top: -2px !important;
}
.dropdown-menu li a {
    padding: 9px 20px !important;
    transition: 0.3s;
}
.dropdown-menu li a:hover {    
    transition: 0.3s;
}

nav ul li ul li ul {
    margin-top: 0 !important;
}
/* #menu-item-95 - "How Do I? tab - Mega Menu */
#menu-item-95 {
	display: none;
}
/* Last child parent dropdown menu */
#menu-item-96 .dropdown-menu,
#menu-item-95 .dropdown-menu {
    right: 0;
    left: auto !important;
}
.dropdown-menu .menu-item-has-children { 
    position: relative; 
}
.dropdown-menu .menu-item-has-children:after { 
    position: absolute; 
    content: '\f105'; 
    font-family: 'FontAwesome'; 
    color: #143E3C; 
    right: 5px; 
    top: 9px; 
    padding: 0 5px; 
    font-size: 2rem; 
}

/* Homepage */
.main-bg {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    min-height: 55vh;
    position: relative;
}
.main-bg .callout {
    position: absolute !important;
    display: flex;
    top: 30%;
    height: 100%;
    z-index: 10;
    width: 75%;
    margin: auto;
}
.main-bg .callout .header-title {
    color: #fff;
    font-weight: 700;
    font-size: 4.5rem;
    text-shadow: 3px 3px 3px #333;
}
.quick-links {
    padding: 35px 0;
    position: relative;
    z-index: 9999;
}
.quick-links .ql {
    background: #143E3C;
    color: #fff;
    min-height: 200px;
    border-radius: 10px;
    padding: 45px 0px;
    margin: 10px 0;
}
.quick-links .ql .title {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 10px 0;
}
.quick-links .ql img {
    width: 15rem;
}
.quick-links a {
    text-decoration: none;
}
.quick-links a .ql {
    transition: 0.3s;
}
.quick-links a:hover .ql {
    background: #fdd87f;
    transform: translateY(-4px);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    transition: 0.3s;
}
.quick-links a:focus, 
.quick-links a:hover {
    text-decoration: none;
}
.city-msg {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 90% 20% !important;
    min-height: 550px;
    padding: 25px 0;
    position: relative;
}
.city-msg .msg {
    position: absolute;
    top: 20%;
    color: #fff;
    font-size: 2.8rem;
    width: 50%;
}
.city-msg .msg .author {
    font-weight: 600;
    margin: 15px 0;
    transition: 0.3s;
}
.city-msg .btn {
    background: #fff;
    color: #143E3C;
    font-size: 2rem;
    font-weight: 600;
    padding: 10px;
    margin: 10px 0;
    transition: 0.3s;
}

/* Homepage Posts */
.home-posts {
    padding: 45px 0;
    background: #F0EFF2;
}
.home-posts h2 {
    font-weight: 600;
    margin-bottom: 25px;
}
.home-posts h2,
.home-posts p {
    color: #143E3C;
}
.home-posts .section-desc {
    font-size: 2rem;
}
.home-posts .post-content {
    margin: 30px 0;
}
.home-posts .single-post {
    background: linear-gradient(109.6deg, rgba(0, 0, 0, 0.93) 11.2%, rgb(63, 61, 61) 78.9%);
    position: relative;
    min-height: 325px;
    border-radius: 10px;
    color: #fff;
    padding: 25px 20px;
    margin-bottom: 15px;
}
.home-posts .single-post .post-title {
    font-size: 2rem;
    font-weight: 600;
}
.home-posts .post-info {
    position: absolute;
    bottom: 25px;
}
.home-posts .date {
    float: left;
    padding-right: 10px;
    border-right: 1px solid #e4e4e4;
}
.home-posts .day {
    font-weight: 600;
    font-size: 3rem;
}
.home-posts .month {
    font-size: 1.8rem;
}
.home-posts .time-desc {
    float: right;
    margin-left: 12px;
    margin-top: 15px;
}
.home-posts .col-md-3 {
    padding: 0 5px;
}
.home-posts .post-btn {
    background: #143E3C;
    color: #fff;    
    font-weight: 600;
    font-size: 1.6rem;
    float: right;
    padding: 10px 15px;
    margin-top: 25px;
    transition: 0.3s;
}
.home-posts .post-btn:hover {
    color: #143E3C;
    background: #fdd87f;
    transition: 0.3s;
}
.home-posts .post-content {
    padding: 0 10px;
}
.home-posts .post-content a:hover .single-post {
    transform: translateY(-4px);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    transition: 0.3s;
}
.home-posts a:focus, 
.home-posts a:hover {
    text-decoration: none !important;
}
.home-posts .single-post {
    transition: 0.3s;
}
/* Subpage Styles */
.sub-header {
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 50% 60% !important;   
    min-height:25px;
}
.sub-title {
    position: relative;  
    color: #fff;
    font-weight: 600;
    font-size: 4rem;
    text-align: left;
}
.sub-ph {
    box-shadow: none !important;
}
.subpage-content {
    position: relative;
}
.sb-bg {
    position: absolute;
    background: #F0EFF2;
    right: 0;
    width: 35%;
    min-height: 100%;
}
.subpage-content p,
.subpage-content ul li {
    font-size: 1.8rem;
}
.subpage-content .content-col {
    margin: 45px 0;
}
.subpage-content .content-col h1,
.subpage-content .content-col h2,
.subpage-content .content-col h3,
.subpage-content .content-col p,
.subpage-content .content-col ul li,
.subpage-content .content-col b {
    color: #000;
}
.subpage-content .content-col ul {
    padding-left: 15px;
}
.subpage-content .sub-sidebar {
    background: #F0EFF2 0% 0% no-repeat padding-box;
    min-height: 125vh;
}
.subpage-content .sub-sidebar .sb-content {
    padding: 45px 25px;
}
.sb-content,
.sb-content a {
    color: #143E3C;
}
.sb-content h2,
.sb-content h3 {
    font-weight: 600;
}
.panel-heading .accordion-plus-toggle:before {
   font-family: FontAwesome;
   content: "\f068";
   float: right;
   color: silver;
}

.panel-heading .accordion-plus-toggle.collapsed:before {
   content: "\f067";
   color: silver;
}

/* arrow glyph for showing collapsible panels */
.panel-heading .accordion-arrow-toggle:before {
   font-family: FontAwesome;
   content: "\f078";
   float: right;
   color: silver;
}

.panel-heading .accordion-arrow-toggle.collapsed:before {
   content: "\f054";
   color: silver;
}

/* sets the link to the width of the entire panel title */
.panel-title > a {
   display: block;
}

footer {
    position: relative;
}
footer .footer-logo {
    width: 30rem;
}
.footer-content {
    padding: 20px 0;
}
footer .col-md-4 {
    padding-left: 0;
}
.footer-content {
    color: #fff;
    background: #000;
    padding: 45px 0;
}
.footer-social {
    margin-left: 50px;
}
.footer-social a {
    font-size: 3rem;
    padding: 0 10px;
    color: #143E3C;
    transition: 0.3s;
}
.footer-social a:hover {
    color: #707070;
    transition: 0.3s;
}
footer .contact-block {
    color: #143E3C;
    float: right;
}
footer .contact-block h3 {
    font-weight: 600;
    font-size: 2rem;
}
footer .contact-info {
    font-size: 1.6rem;
}
footer .contact-info a {
    color: #143E3C;
    transition: 0.3s;
}
footer .contact-info a:hover {
    color: #707070 !important;
    transition: 0.3s;
}
footer .footer-nav {  
    column-count: 2;
    column-gap: 10px;
}
footer .footer-nav a {
    color: #143E3C;
    font-weight: 500;
}
footer .nav-block {
    position: relative;
    left: 55px;
    top: 20px;
}

/* Mobile */

@media (max-width:1199px) {
    .navbar-brand img {
        width: 23rem;
    }
    .city-msg .msg {
        font-size: 2.4rem;
    }
}
@media (max-width:991px) {   
    .quick-links img {
        width: 10rem !important;
    }
    .home-posts .post-btn {
        float: left;
    }
    .subpage-content .sub-sidebar {
        min-height: auto;
    }
    .sb-bg {
        display: none;
    }
    footer .contact-block {
        float: initial;
        padding-left: 10px;
    }
    .footer-social {
        margin-left: 0;
    }
    footer .nav-block {
        position: static;
    }
    footer .footer-nav {
        column-count: auto;
        padding-left: 10px;
        margin-top: 10px;
    }
}
@media (max-width:767px) {
    .navbar {
        padding-bottom: 0;
    }
    .dropdown-menu .menu-item-has-children:after {
        display: none;
    }
    a:focus, 
    a:hover {
        color: #143E3C !important;
    }
    .quick-links .ql {
        padding: 25px 0;
    }
    .city-msg .msg {
        top: 15px !important;
    }
    .city-msg {
        background-position: 80% 20% !important;
    }
    footer .col-md-4 {
        padding-left: 15px;
    }
}
@media (max-width:630px) {
    .city-msg .msg {
        font-size: 2rem;
    }
}
@media (max-width:440px) {
    .city-msg .msg {
        font-size: 1.8rem;
    }
}

/* =============================================================== */

/* BS Navbar Toggle */
.navbar-toggle .icon-bar { width: 30px; height: 3px; }

.site-alert { background-color: #fa9d24; width: 100%; position: relative; z-index: 9999999999; padding: 10px 5px; letter-spacing: 1px; font-size: 18px; }
.site-alert p { margin-bottom: 0 !important; }
.site-alert a { color: #fff; transition: 0.3s; }
.site-alert a:hover { opacity: 0.7; transition: 0.3s; }

.cs-dd { right: -27px !important; }
#customerSupport { color: #fff !important; }
.subpage-header { background-position: 50% 40% !important; min-height: 400px !important; }

/* Navbar Styles ================================= */
.navbar-toggle .icon-bar { background: #000 !important; }
#navbar { overflow: hidden; }
nav ul li ul { position: absolute; padding: 0; z-index: 5; margin-top: 11px; }
nav ul li ul li { text-transform: capitalize; margin-top: 0; }
nav ul li ul .open { background: #fff !important; transition: 0.3s; }  
nav ul li ul .open a { color: #fff !important; }
nav ul li ul li .dropdown-menu { position: absolute !important; left: 158px; top: -2px; border-top-left-radius: 0; }
span.arrow { display: none; }
.dropdown-menu { z-index: 9999999 !important; }  
.dropdown-menu { padding: 0 !important; }
.dropdown-menu > li > a { text-transform: initial !important; transition: 0.3s; }
.arrow > .fa { transition: .5s ease; transform: rotate(0deg); }
.arrow.rotate > .fa { transition: .5s ease; transform: rotate(180deg); }
.mobile-social { display: none; }
.mobile-social ul li { display: inline-block; }
.navbar { min-height: 43px !important; margin-bottom: 0 !important; }
.navbar .open a { color: #333 !important; transition: 0.3s; opacity: 0.8; }
.navbar ul li { position: relative; }

.navbar ul li a ul { height: 0%; }
.navbar ul li a ul li a:hover { background: #006241 !important; color: #fff !important; }
.navbar-right { padding-right: 0 !important; }
.navbar-right #searchInput .fa-search { color: #707070; font-weight: 600; font-size: 18px; }
.navbar-right .social a { padding: 7px 10px; transition: 0.3s; }
.navbar-right .social a .fa { color: #8CC63F; font-size: 20px; }
.navbar-right .social a:hover { background-color: #006241 !important; transition: 0.3s; }
.navbar-right .social a:hover > .fa { color: #fff; transition: 0.3s; }
.nav-social-mobile { display: none; }
.navbar-right #searchInput { text-transform: capitalize; border-left: 1px solid #D6D6D6; border-right: 1px solid #D6D6D6; padding: 7px 10px !important; margin-right: 0 !important; background: none !important; letter-spacing: 1px; overflow: hidden; z-index: 2; transition: .5s; position: relative; text-decoration: none; margin: 0 5px; }
.navbar-right #searchInput:hover { color: #000 !important; }  
.navbar-right .social a { transition: 0.3s; }
.navbar-right .social a:hover > .fa { color: #fff; transition: 0.3s; }


footer .news-letter { font-size: 1.2em; padding-right: 25px; }
footer .news-letter .input-group { margin-top: 30px; padding-bottom: 15px; width: 100%; }
footer .news-letter .input-group input { border-radius: 50px !important; height: 45px; }
footer .ftr-col-header { font-size: 1.2em; font-weight: 500; margin-bottom: 15px; }
footer .ftr-col-header:after { content: ""; position: absolute; z-index: 2; width: 60%; background-color: #8CC63F; display: block; height: 2px; margin-top: 10px; }
footer ul { list-style: none; padding: 10px 0 0 0; }
footer ul li { font-weight: 100; margin: 5px 0; }
footer ul li a { color: #ffffff; font-size: 1.2em; transition: 0.3s; }
footer .ftr-address { margin: 15px 0; }
footer .ftr-address p { margin: 0; font-size: 1.2em; font-weight: 100; }
footer .ftr-calltoaction {font-size: 20px; margin: 35px 0; width: 55%; color: #8CC63F; }

.active .slide-content { animation-name: fadeInRightSlow; animation-fill-mode: both; animation-duration: 0.8s; animation-delay: 0.8s; }
.active .slide-bg { animation-name: fadeInRight; animation-fill-mode: both; animation-duration: 1s; animation-delay: 1s; }

/* Navbar styles ================================= */
.navbar .navbar-nav > li > a:hover { background: #e5e5e5f2; }
nav ul li ul { display: none; position: absolute; padding: 0; z-index: 5; margin-top: 11px; }
.dropdown-menu { top: 103% !important; }  

.dropdown-menu-gc { box-shadow: 0 6px 12px rgba(0,0,0,.175); background:#FFF; width: auto; margin-top: 0; top: 0; left: 100%; white-space: nowrap; }
.dropdown-menu-gc li a:hover, .dropdown-menu-gc li:hover a { background: #fdd87f !important; }
nav ul li ul li { position: relative; text-transform: capitalize; margin-top: 0; }
nav ul li ul li a { text-transform: capitalize !important; font-size: 12px; letter-spacing: 1px; }
nav ul li ul li:hover > .expanded { display: block; }
.dropdown-menu .arrow { color: #fff !important; }
nav ul li ul li ul { background: #707070; position: absolute; box-shadow: 0 6px 12px rgba(0,0,0,.175); }
nav ul li ul li ul li { list-style: none; transition: 0.3s; padding: 0 !important; }
nav ul li ul li ul li:hover { background: #fff; transition: 0.3s; cursor: pointer; }
nav ul li ul li ul li a { color: #fff !important; display: block !important; transition: 0.3s; }
nav ul li ul li ul li a:hover { color: #fff; text-decoration: none; transition: 0.3s;}
span.arrow { display: none; } @media screen and (max-width:991px) {
nav ul li ul li .expanded li { font-size: 12px; }
.dropdown-menu-gc li a { font-size: 12px !important; }

/* =============================================== */

.navbar { min-height: 43px !important; margin-bottom: 0 !important; }
.navbar .open a { color: #333 !important; transition: 0.3s; opacity: 0.8; border-bottom: 1px solid #e4e4e4;}
/* Grandchildren Hovers */
.open>.dropdown-menu-gc { display: block !important; }
.navbar ul li { position: relative; }
.navbar ul li a ul { height: 0%; }
.navbar ul li a ul li a:hover { color: #F99D25 !important; }
.navbar-right { padding-right: 25px; }
.navbar-right #searchInput { text-transform: capitalize; border-left: 1px solid #D6D6D6; border-right: 1px solid #D6D6D6; padding: 7px 10px !important; }
.navbar-right #searchInput .fa-search { font-weight: 600; font-size: 18px; }
.navbar-right .social a { padding: 7px 10px; transition: 0.3s; }
.navbar-right .social a .fa { color: #8CC63F; font-size: 20px; }
.navbar-right .social a:hover { background-color: #006241 !important; transition: 0.3s; }
.navbar-right .social a:hover > .fa { color: #fff; transition: 0.3s; }
.nav-social-mobile { display: none; }
.navbar-right #searchInput { margin-right: 0 !important; background: none !important; letter-spacing: 1px; overflow: hidden; z-index: 2; transition: .5s; position: relative; text-decoration: none; margin: 0 5px; }
.navbar-right #searchInput:hover { color: #000 !important; }
.navbar-right #searchInput::before { position: absolute; content: ''; width: 100%; height: 5%; background-color: #006241; left: -100%; bottom: 0; transition: .5s; z-index: -1; }
.navbar-right #searchInput:hover::before { text-decoration: none; transition: 0.3s; left: 0; z-index: -1; }
.navbar-right .social a { transition: 0.3s; }
.navbar-right .social a:hover > .fa { color: #fff; transition: 0.3s; }
#searchModal { padding-right: 0 !important; }
#headerBG .item { background-size: cover !important; background-repeat: no-repeat !important; min-height: 675px; }
.home-btm-slider .owl-prev, .home-btm-slider .owl-next { display: none !important; }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { margin: 0 !important; }
.home-header .inner-text h1 { letter-spacing: 1px; font-size: 4.3em; font-weight: 800; color: #ffffff; padding-right: 415px; margin-top: 195px; line-height: 1.0; text-shadow: 2px 2px 2px #333; }


/* Subpages */
.sub-drop-menu { display: none; }
.sub-drop-menu button { margin-top: 15px; font-size: 14px; font-weight: 600; color: #fff; transition: 0.3s; }
.sub-drop-menu button:hover, .sub-drop-menu button:focus { text-decoration: none; color: #fff; background: #006241; transition: 0.3s; }
.sub-drop-menu ul { padding: 5px 15px !important; margin-bottom: 0; list-style: none; }
.sub-drop-menu ul li { padding: 5px 0; }
.sub-drop-menu ul li a { color: #fff; font-weight: 600; text-transform: uppercase; transition: 0.3s; }
.sub-drop-menu ul li a:hover { color: #F99D25; text-decoration: none; transition: 0.3s; }

/* FAQ Section */
.ex-container { margin-bottom: 35px; }
.rotate-45 { transform: rotate(45deg); transition-duration: 0.3s; }
.faq { cursor: pointer; width: 100%; border: none; outline: none; font-size: 1em; transition: 0.4s; }
.faq-block { padding: 0; margin-bottom: 20px; border-radius: 5px; border: 2px solid #e4e4e4; } 
.faq-block .btn { white-space: normal !important; font-size: 2.5em !important; position: relative;   box-shadow: inset 0 0 0 2000px rgba(41, 41, 41, 0.3) !important; background-size: cover !important; background-repeat: no-repeat !important; transition: 0.3s; }
.faq-block .btn:hover { color: #8CC63F; box-shadow: inset 0 0 0 2000px rgba(41, 41, 41, 0.5) !important; transition: 0.3s;   }
.faq-block .btn:hover > .fa { color: #8CC63F !important; transition: 0.3s !important; }
.faq .fa { position: absolute; top: 40px; right: 35px; font-size: 25px; color: #006241 !important; }
.faq-block .btn.active, .faq-block .btn:active { box-shadow: none !important; }
.faq-block h2 { padding: 20px !important; margin: 0 !important; color: #fff; text-shadow: 3px 3px 3px #000; }
.faq-block h3 { color: #707070; }
.faq-block .faq-panel a { color: #8CC63F; transition: 0.3s; }
.faq-block .faq-panel a:hover { color: #006241; transition: 0.3s; }
.ex-section { margin: 45px 0 15px 0; box-shadow: 3px 3px 3px #eee; }
button.btn.faq { padding-left: 0; border-radius: 0; background: #fff !important; }
button.btn.faq.active { border-radius: 0 ; }
button.btn.faq.active:focus, button.btn.faq:focus { outline: none ; box-shadow: none ; }
.faq-block { font-size: 18px; }
.faq-block .faq { text-align: left; }
.faq .fa { float: right; color: #fff !important; }
.faq-panel { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; padding-left: 20px; }
.faq-panel p { margin: 20px 15px 20px 0; }

/* FAQ - Normal w/o background image */
.faq-normal-container .btn { box-shadow: initial !important; font-size: 26px !important; color: #006241; text-shadow: initial !important; }
.faq-normal-container .btn:hover { box-shadow: none !important; }
.faq-normal-container .fa { color: #006241 !important; top: 27px !important; }

/* Scroll to top */
.scrollToTop { width: 50px; height: 50px; font-size: 45px; font-weight: bold; color: #fff; background: #143E3C; text-align: center; position: fixed; bottom: 80px; right: 20px; z-index: 9999; cursor: pointer; border-radius: 4px; display: none; box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .25); border: 1px solid #fdd87f; transition: 0.3s; }
.scrollToTop:hover { background: #fdd87f; transition: 0.3s; }
.scrollToTop .fa { position: relative; left: 0; right: 0; top: -15px; font-size: 35px; }

/* Featured Classes - Can be used in the CMS editor */
a.feat-btn { background-color:#006241; color: #fff !important;  margin: 0 10px; padding: 10px 15px; border-radius: 3px; transition: 0.3s;  font-size: 44px; }
a.feat-btn:hover { color: #8CC63F !important; transition: 0.3s; }
.center-a-block { margin: 0 auto; display: block; text-align: center; }
.pdf_link { display: inline-block;  position: relative;  z-index: 1; }
.pdf_link span { display: inline-block; overflow:hidden; }
.pdf_link span iframe { position: relative;  z-index: -1; }

@media screen and (max-width:991px) {  
    .top-contact-nav { top: 40px !important; }
    .dropdown-menu .has-children:after { display: none; }
    .navbar-brand { padding: 15px !important; }   
    .rubberlite-home-header .inner-btn { width: 60%; padding: 15px; text-align: center; }
    nav ul li ul li .dropdown-menu { position: relative !important; width: 100%; left: 0 !important; }
    /* Homepage Image Carousel */
    .inner-text { padding-left: 0 !important; }
    .home-header .inner-text h1 { font-size: 3em; }
    /* Homepage Introduction */
    .introduction .intro-text { font-size: 1.2em; }
    .introduction img { margin: 0 auto; display: block; }
    /* Homepage - Quicklinks */
    .quick-links .ql-1, .quick-links .ql-2, .quick-links .ql-3 { padding-top: 35px; }
    /* Homepage News Posts */
    .rubberlite-highlights img { margin: 0 auto; display: block; }
    .rubberlite-highlights .news-post { text-align: center; margin-bottom: 45px; }
    /* Footer */
    footer .ftr-calltoaction { width: 100%; }
    .bg-links .col-md-8 .row { padding: 0 30px; }
    .bg-url img { width: 30% !important; }
    /* Pages */
    .quote-slider .item { margin-left: 0; margin-right: 0; }
    .previous-btn { float: initial; }
    .sub-section-header-title { text-align: left !important; }
    .subpage-content img { width: 100% !important; height: auto !important; }
    .featured-section-block .col-md-4 { padding-left: 15px; }
    .sub-title h1 { font-size: 2.2em; }
    .breadcrumb { float: left !important; padding-left: 5px !important; }
    .sub-drop-menu { display: block; }
    .breadcrumb { width: 100%; }   
    .navbar-brand { padding-left: 0 !important; margin-bottom: 15px; }
    .top-contact { float: left !important; }
    .top-nav .container .top-contact .quote { margin-left: 0 !important; }
    .navbar-right { display: none; }
    .home-header .inner-text h1 { padding-right: 250px !important; } 
    .ql-1, .ql-2, .ql-3 { margin: 0 75px 20px 75px; } 
    .intro-text { margin: 35px 15px !important; }
    .city-highlights .container-fluid .col-md-4 .feat-img { min-height: 200px !important; background-position: 50% 30% !important; }
    .city-highlights .container-fluid .col-md-4 { padding-right: 0; }
    .featured-media .row { padding: 15px !important; }
    .featured-media .row .featured-text { margin-bottom: 25px; padding-right: 0 !important; font-size: 1.2em !important; }
    .before-footer .page-bottom-slider .item .slide-content { font-size: 12px !important; padding: 45px !important; min-height: 0 !important; }
    .before-footer .page-bottom-slider .item .slide-bg { left: 0 !important; }
    footer .news-letter { padding-right: 0 !important; } 
}

@media screen and (max-width:767px) {   
    /* Top Navigation */
    .top-contact-nav { top: 5px !important; }
    .top-contact-nav li { display: block !important; }
    .top-contact-nav li a:before { width: 100% !important; bottom: -2px !important; }
    .navbar-brand img { margin: 0 !important; } 
    .top-contact { float: left !important; padding: 15px 0 !important; }
    .top-contact .quote { margin-left: 0 !important; font-size: 18px !important; }
    .mobile-social { display: initial; position: absolute; }  
    .navbar-right #searchInput { border: none; }
    .nav-social-mobile { display: block; }
    .home-header .inner-text h1 { padding-right: 0 !important; text-align: center; margin-top: 50px !important; }
    /* Navigation */
    .navbar-nav { margin: 0 -15px !important; }
    nav ul { float: none; }
    nav ul li { width: 100%; text-align: center; position: relative; margin: 0; }
    nav ul li a { padding: 20px 0; }
    .navbar-nav > li > a:hover { background: #eee; }
    nav ul li .arrow { position: absolute; display: block; right: 5%; color: #fff; width: 40px; text-align: center; top: 7px; line-height: 30px; }
    nav ul li ul { position: relative !important; float: none !important; }
    nav ul li ul li { width: 100%; padding: 0; margin-left: 0; margin-right: 0; }
    nav ul li ul li a { padding: 5px 0 5px 0; }
    nav ul li:hover > ul { display: none; }
    span.arrow { display: block; }
    .navbar.navbar-nav > li > a, nav ul li ul li a { padding-left: 0 !important; padding-right: 0 !important; }
    .featured-media { margin-top: 0 !important; }
    .before-footer .page-bottom-slider .item .slide-bg { bottom: -35px !important; }
    .before-footer .page-bottom-slider .item .slide-content { left: 0 !important; } 
    /* Homepage Image Slider */
    .rubberlite-home-header .inner-btn { margin: 0 auto; display: block; }  
    /* Middle Section Carousel */
    .home-slider-middle .owl-dots { position: relative; right: 0; left: 0; bottom: 10px; }
    .home-slider-middle .slide-content { padding: 30px; }
    .home-slider-middle .slide-bg { min-height: 220px; }
    .home-slider-middle .slide-content .slide-title { font-size: 1.8em; margin-top: 10px; }
    .home-slider-middle .slide-content .slide-text { font-size: 1.2em; padding-top: 10px; }
    .home-header .inner-text h1 { margin-bottom: 10px; }
    .rubberlite-home-header .inner-btn { width: 100%; }
    .introduction .intro-text p { text-align: center; }
    .introduction .intro-text h1 { margin-top: 0; text-align: center; }   
    /* News Sections */
    .news-view-single .news-post img { width: 80% !important; }
    /* Before Footer Quick Links */
    .before-footer-section img { max-width: 50%; }
    /* Footer */
    footer .ftr-calltoaction { font-size: 16px; margin: 20px 0; }
    .ftr-logo { max-width: 40% !important; }
    .ftr-last-col .ftr-location { margin: 15px 0; }
    .ftr-col-header::after { width: 90% !important; }
    /* Pages */
    .page-top-slider .owl-nav { display: none !important; }
    .page-top-slider .owl-prev,
    .page-top-slider .owl-next { position: relative; top: 0 !important; }
    .rl-intro { margin-top: 0 !important; }
    .slide-title .inner-btn { width: 50% !important; font-size: 16px; padding: 10px 0 !important; }
    .mobile-social { display: block; }
    .image-block { margin: 30px 0; }
    .image-block .item img { margin: 0 auto !important; padding: 25px 0; }
    .home-header .inner-text h1 { font-size: 2.5em !important; } 
    .home-header, .home-header .item { min-height: 245px !important; } 
    .quick-links { margin-top: 0 !important; }
    .quick-links .col-md-4 { padding: 0; }
    .quick-links .ql-1, .quick-links .ql-2, .quick-links .ql-3 { margin: 0 !important; min-height: 230px; }
    .quick-links .ql-1 a, .quick-links .ql-2 a, .quick-links .ql-3 a { position: relative !important; padding: 5px 20px !important; bottom: 0 !important; margin: 0 !important; }
    .subpage-header { min-height: 140px !important; }
    .sub-title h1 { top: 130px !important; }
    .column-image-row .col-res-img { display: block; width: 100% !important; margin: 0 auto; margin-bottom: 20px; }
    .column-image-row .col-sm-4 img { display: none; }
    .navbar-nav { margin: 0 -15px !important; }
    nav ul { float: none; }
    nav ul li { width: 100%; text-align: center; position: relative; margin: 0; }
    nav ul li a { padding: 20px 0; }
    .navbar-nav > li > a:hover { background: #eee; }
    nav ul li .arrow { position: absolute; display: block; right: 5%; color: #fff; width: 40px; text-align: center; top: 7px; line-height: 30px; }
    nav ul li ul { position: relative !important; float: none !important; }
    nav ul li ul li { width: 100%; padding: 0; margin-left: 0; margin-right: 0; }
    nav ul li ul li a { padding: 5px 0 5px 0; }
    nav ul li:hover > ul { display: none; }
    span.arrow { display: block; }
    .navbar.navbar-nav > li > a,
    nav ul li ul li a { padding-left: 0 !important; padding-right: 0 !important; }
    /* Post styles after launch */
    .left-nav { margin-top: 0px!important; }
    #searchModal .modal-dialog { position: relative; bottom: -60px; }
    .top-contact-nav li a { line-height: 2.0 !important; font-size: 12px !important; }
    .navbar ul li a { border-top: 1px solid #e5e5e5; }
    .mobile-social ul li a { border: none !important; }
    nav ul li .arrow { position: absolute; display: block; right: 5%; color: #fff; width: 30px; text-align: center; top: 7px; line-height: 30px; background: #000; border-radius: 5px; }
    .cs-dd { display: none !important; }
    .home-header .inner-text h1 { font-size: 1.5em !important; }
    .slide-title .inner-btn { font-size: 14px !important; padding: 10px !important; }
    .scrollToTop { bottom: 20px !important; right: 10px !important; }
    /* Homepage Image Slider */
    .rubberlite-home-header .inner-btn { margin: 0 auto; display: block; }  
    /* Middle Section Carousel */
    .home-slider-middle .owl-dots { position: relative; right: 0; left: 0; bottom: 10px; }
    .home-slider-middle .slide-content { padding: 30px; }
    .home-slider-middle .slide-bg { min-height: 220px; }
    .home-slider-middle .slide-content .slide-title { font-size: 1.8em; margin-top: 10px; }
    .home-slider-middle .slide-content .slide-text { font-size: 1.2em; padding-top: 10px; }
}