/* Mobile Menu */
#mobile-menu a {
    height: 44px;
    width: 44px;
    color: #000;
    font-size: 30px;
    background: none;
    border: none;
}

#mobile-menu a:hover {
    background: none;
    color: #f39200;
}


@media screen and (min-width: 960px) and (max-width: 1080px) {
    .shrink-sticky-header #site-logo img {
        max-height: 40px!important;
    }
}

@media screen and (min-width: 1177px) and (max-width: 1231px) {
    #intro-section {
        margin-top: -332px;
    }
}

@media screen and (min-width: 960px) and (max-width: 1176px) {
    #intro-section {
        margin-top: -420px;
    }
}


@media screen and (max-width: 960px) {
    #brands-section {
        margin-top: 24px;
    }
}

@media screen and (min-width: 838px) and (max-width: 1263px) {

    #social-section h3.vcex-heading-bottom-border-w-color .vcex-heading-inner {
        min-height: 90px;
        vertical-align: bottom;
    }

}
@media screen and (min-width: 770px) and (max-width: 837px) {

    #social-section h3.vcex-heading-bottom-border-w-color .vcex-heading-inner {
        min-height: 90px;
        vertical-align: bottom;
    }

    #home-social h3.vcex-heading-bottom-border-w-color .vcex-heading-inner {
        min-height: 90px;
        vertical-align: bottom;
    }

}

@media screen and (min-width: 768px) and (max-width: 769px) {
    #home-social h3.vcex-heading-bottom-border-w-color .vcex-heading-inner {
        min-height: 90px;
        vertical-align: bottom;
    }

    #social-section h3.vcex-heading-bottom-border-w-color .vcex-heading-inner {
        min-height: 120px;
        vertical-align: bottom;
    }
}

@media screen and (max-width: 767px) {
    #home-features h3.vcex-heading-bottom-border-w-color .vcex-heading-inner,
    #social-section h3.vcex-heading-bottom-border-w-color .vcex-heading-inner,
    #social-section h4 {
        color: #111;
    }

    .full-screen-overlay-nav .top-bar-mobile,
    #site-header-inner .site-search-toggle.clone {
        display: block;
    }

    #site-header-inner .site-search-toggle.clone {
        margin-top: 5px;
    }
    
    .full-screen-overlay-nav .top-bar-mobile .search-toggle-li {
        display: none;
    }
    
    .full-screen-overlay-nav .top-bar-mobile .sep {
        display: none;
    }
    
    .full-screen-overlay-nav .top-bar-mobile .fa-shopping-cart {
        margin-right: 10px;
    }
    
    .full-screen-overlay-nav .top-bar-mobile .dropdown-menu {
        display: inline-block;
    }
    
    .full-screen-overlay-nav .top-bar-mobile .dropdown-menu li:before {
        display: inline-block;
        top: -2px;
        position: relative;
        content: "|";
        margin: 0 10px;
    }
    
    .full-screen-overlay-nav .top-bar-mobile .dropdown-group .ticon {
        display: none;
    }
    
    #searchform-header-replace input {
        font-size: 14px;
        padding-top: 14px;
    }
}

@media screen and (max-width: 1024px) {
    .wpex-carousel .owl-dot {
        margin-left: 8px;
        height: 10px;
        width: 10px;
    }
}

@media screen and (max-width: 767px) {
    .wpex-carousel .owl-dot {
        margin-left: 15px;
        height: 15px;
        width: 15px;
    }

    .btn-brand-url {
        right:0;
    }

    #brand-intro .brand-logo img.vc_single_image-img,
    #rider-intro .rider-logo img.vc_single_image-img {
        width: 100%;
        height: 100%;
    }

    #rider-intro,
    #brand-intro {
        margin-top: 0px;
    }

    #brand-intro .logo-xs.brand-logo,
    #rider-intro .logo-xs.rider-logo    {
        display: block;
    }

    #brand-intro .logo-md.brand-logo,
    #rider-intro .logo-md.rider-logo    {
        display: none;
    }

    .btn-brand-url {
        position: relative;
        margin-bottom: 0px;
        background: #f39200;
        float: initial !important;
        bottom: 0;
    }

    .brand-social {
        position: relative;
        float: initial !important;
        left: 0;
        top: 20px;
        text-align: left;
    }

    #brand-intro .wpex-vc-columns-wrap .wpb_column .vc_column-inner .wpex-vc-column-wrapper .wpb_text_column .wpb_wrapper {
        text-align: center;
    }

    #rider-intro .wpex-vc-columns-wrap .wpb_column .vc_column-inner .wpex-vc-column-wrapper .rider-logo.logo-xs,
    #rider-intro .wpex-vc-columns-wrap .wpb_column .vc_column-inner .wpex-vc-column-wrapper     {
        text-align: center;
    }

    .theme-button.align-right.color-button.align-right.btn-brand-url {
        position: relative;
        margin-bottom: 0px;
        background: #f39200;
        float: initial !important;
        bottom: 0;
    }

    #brand-title,
    #rider-title {
        margin-top: 0px;
    }

    .wpex-parallax-bg {
        opacity: 0 !important;
    }

    /* Menu */
    body.wpex-mobile-toggle-menu-icon_buttons #mobile-menu {
        right: -15px;
    }
}

@media screen and (max-width: 420px) {
    #rider-intro,
    #brand-intro {
        margin-top: 0px;
    }

    .btn-brand-url {
        margin-bottom: 0px;
        background: #f39200;
    }

    #brand-title,
    #rider-title {
        margin-top: 0px;
    }
}

@media screen and (max-width: 380px) {
    .anim-shrink-header #site-logo img {
        max-width: 95%;
    }
}

@media screen and (min-width: 421px) and (max-width: 585px) {
    .btn-brand-url {
        margin-bottom: 0px;
        background: #f39200;
    }

    #brand-title,
    #rider-title {
        margin-top: 0px;
    }
}

@media only screen (max-width: 786px) {
    h1.home-title {
        text-transform: uppercase;
        font-size: 28px;
        line-height: 1.2;
    }
    h3.section-title {
        color: #000;
    }
    #home-social,
    #home-features,
    #social-section,
    #social-section .wpex-parallax-bg {
        background-image: none !important;
    }
    .features-box {
        padding: 50px 10px 40px 10px;
        max-height: 400px;
    }
}

@media screen and (max-width: 600px) {
    .module-form .brand-input:last-child {
        clear: both;
    }
}

@media only screen and (max-width: 991px) {
    .module-form .icons-legend {
        text-align: center;
        margin-top: 15px;
    }

    .module-form .icons-legend .icons-legend-inner {
        display: inline-block;
    }

    /* Tablet Menu */
    .full-screen-overlay-nav.white {
         background: #fff;
         font-size: 2.462em;
    }

    .full-screen-overlay-nav-menu > ul > li {
        padding: 8px 0;
        font-weight: 600;
    }
     
    .full-screen-overlay-nav-menu > ul > .wpex-search {
         display: none;
    }

    .full-screen-overlay-nav-menu li a:hover {
        opacity: 1;
    }

    .full-screen-overlay-nav-menu > ul > .menu-item-has-children.wpex-active a {
        opacity: 1;
    }

    .full-screen-overlay-nav-menu > ul > .menu-item-has-children .link-inner::after {
        display: inline-block;
        position: absolute;
        left: 100%;
        padding-left: 10px;
        top: 2px;
        vertical-align: baseline;
        content: "\f0d7";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 70%;
        height: 100%;
        line-height: 40px;
        background: transparent !important;
        width: auto !important;
    }

    .full-screen-overlay-nav-menu > ul > .menu-item-has-children.wpex-active .link-inner::after {
        content: "\f0d8";
    }

    ul.sub-menu .module-brand-names .brand-name {
        font-weight: 400;
    }

    ul.sub-menu .link-inner {
        font-weight: 400;
    }

    /* Form Search */
    #searchform-header-replace form {
        display: flex;
    }
}

@media screen and (max-width: 600px) {
    div.module-brand-logos .brand-logo img {
        width: 100%;
        height: 100%;
    }
}