@media only screen and (max-width: 767px) {
    .page-wrapper .page-header .header.content .logo{
        margin: 0;
    }
    .page-wrapper .page-header .header.content .action.nav-toggle{
        right: 30px;
        left: auto;
    }
    .home-mobile-banner {
        height: 50vh !important;
    }
     .home-mobile-banner-bottom {
        height: 40vh !important;
    }
    .cms-index-index .home-page-cards,
    .cms-index-index .home-page-brand-slider {
        max-width: 767px;
    }
    .page-wrapper .panel.header .minicart-wrapper {
        margin: 4px 10px 0 10px;
    }
    #google_translate_element {
        margin: 5px;
        display: none;
    }
    .custom-header-link {
        font-size: 16px;
    }
    .nav-sections .header.links li>a {
        border-top: none;
    }
    .scrolled .header.content {
        background: #fff;
        padding-bottom: 15px;
    }
    .cms-index-index .nav-toggle:before {
        color: #fff;
    }
    .scrolled .nav-toggle:before {
         color: #333;
    }
    .cms-index-index .font-size-dv {
        font-size: 19px;
    }
    .nav-sections .header.links li {
        display: flex;
    }
        span.dropdown-toggle-arrow {
        margin-top: 8px;
    }
    .has-dropdown ul.dropdown-menu {
        margin-left: 10px;
    }
    .contact-index-index .page-title {
        margin-top: 20px;
    }
    .block-collapsible-nav {
        top: 1px;
    }
    .cms-index-index .scroll-down-icon img {
        width: 20px;
    }
    .catalog-product-view .block.related .block-title strong,
    .catalog-product-view .block.upsell .block-title strong {
        font-size: 16px;
    }
    .catalog-product-view .block.related .block-title,
    .catalog-product-view .block.upsell .block-title{
        padding: 10px 0px;
        top: -35px;
        width: 100%;
    }
    .page-header .header.content{
       padding-bottom: 15px;
    }
    .catalog-product-view .product-info-main .product-info-price {
        padding-bottom: 15px;
    }
    .catalog-product-view .product-info-main .product-info-price .price-box {
        padding: 10px 0 0 0;
    }
    .catalog-product-view .product-info-details-no-tabs, 
    .catalog-product-view .block.related, 
    .catalog-product-view .block.upsell {
        padding: 15px 15px;
    }
    .navigation .level0.active>a:not(.ui-state-active), .navigation .level0.has-active>a:not(.ui-state-active) {
        border-color: #d72b2f;
    }
    .footer-payments {
        order: 4;
    }

    .footer-trainings {
        order: 1;
    }

    .footer-info {
        order: 2;
    }

    .footer-company {
        order: 3;
    }
}
@media screen and (min-width: 768px) {
    .header.content .sections.nav-sections{
        position: relative;
        padding: 0;
        margin: 0;
    }
    .header.content .section-items.nav-sections-items .navigation{
        background: transparent;
    }
    .page-footer .footer.content .block {
        float: none;
    }
    .header.panel>.header.links>li.authorization-link{
        margin: 0;
    }  
    .page-wrapper .customer-welcome .header.links{
        z-index: 99999;
    }
    .page-wrapper .panel.header .header.links,
    .panel.header .header.links .greet.welcome{
        margin: 0;
    }
    .page-wrapper .panel.header .minicart-wrapper{
        margin: 0 0 0 15px;
    }
    .minicart-wrapper,
    .custom-header-link,
    .header.links {
        margin: 0 10px 0 10px;
        
    }
    .scrolled .header.content {
        background: #fff;
    }
    .cms-index-index .nav-sections-item-content .navigation .level0>.level-top,
    .cms-index-index .nav-sections-item-content .navigation .level0>.level-top:hover{
        color: #fff;
    }
    .cms-index-index.scrolled .nav-sections-item-content .navigation .level0>.level-top,
    .cms-index-index.scrolled .nav-sections-item-content .navigation .level0>.level-top:hover{
        color: #575757;
    }
    .cms-index-index .font-size-dv {
        font-size: 30px;
    }
    .page-wrapper .page-header .nav-sections{
        background: transparent;
        display: flex;
        justify-content: flex-end;
    }
    .navigation .level0.active>.level-top, .navigation .level0.has-active>.level-top,
    .navigation .level0 .submenu .active>a {
        border-color: #d72b2f !important;
    }
    .wishlist-index-index .product-item-inner {
        left: 0.5px;
    }
}
@media only screen and (max-width: 1024px) {
    .cms-index-index .home-page-cards,
    .cms-index-index .home-page-brand-slider {
        max-width: 1024px;
    }
}
@media only screen and (min-width: 1024px) {
    .cms-index-index .home-mobile-banner .home-banner-text{
        margin-top: 45px;
    }
    .cms-index-index .container-fluid .home-mobile-banner-bottom div.margin-top-desktop {
        margin-top: 10rem !important;
    }
    .cms-index-index .home-banner-text {
        width: 50%;
    }
}
@media only screen and (max-width: 576px) {
    .cms-index-index .font-size-dv {
        font-size: 14px;
    }
    .cms-index-index .home-mobile-banner .home-banner-text{
        margin-top: auto;
    }
}
@media only screen and (min-width: 640px) {
.catalog-product-view .block.related .product-item-info:hover,
.catalog-product-view .block.related .product-item-info.active,
.catalog-product-view .block.upsell .item.product.product-item .product-item-info:hover,
.catalog-product-view .block.upsell .item.product.product-item .product-item-info.active {
        background: transparent;
        box-shadow: none;
        border: none;
        margin: auto;
        padding: 0;
        z-index: auto;
    }
}
@media screen and (min-width: 767px) and (max-width: 1094px) {
   .catalog-product-view .block.related .block-title {
        width: 28%;
    }
    .catalog-product-view .block.upsell .block-title {
        width: 36%;
    }
}

/* ==========================================================================
   SUPERMOTO RIDING EXPERIENCE - CMS PAGES RESPONSIVE STYLES
   ========================================================================== */

@media (max-width: 768px) {
    .mr-page-wrapper h1 {
        font-size: 24px;
    }
    
    .mr-accordion .accordion-trigger {
        font-size: 15px;
        padding: 15px 45px 15px 20px;
    }
    
    .mr-accordion .accordion-content {
        padding: 15px 20px;
    }
    
    .mr-flag-rules td:first-child {
        width: 100px;
        font-size: 13px;
    }
    
    .mr-terms-list li {
        padding: 12px 0 12px 25px;
    }
    
    .mr-team-icon {
        width: 60px;
        height: 60px;
    }
    
    .mr-team-icon svg {
        width: 30px;
        height: 30px;
    }
    
    .mr-champion-box {
        padding: 25px !important;
    }
    
    .mr-feature-item {
        padding: 20px !important;
    }
    .cart.table-wrapper td.col.subtotal::before,
    .cart.table-wrapper .col.subtotal .price-excluding-tax{
        text-align: right;
    }
    .cart.table-wrapper .col.price .price-excluding-tax .price{
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .mr-page-wrapper h1 {
        font-size: 22px;
    }
    
    .mr-highlight-box {
        padding: 15px 20px !important;
        font-size: 16px !important;
    }
    
    .mr-accordion .accordion-trigger {
        font-size: 14px;
        padding: 12px 40px 12px 15px;
    }
    
    .mr-accordion .accordion-trigger:after {
        right: 15px;
        font-size: 20px;
    }
    
    .mr-accordion .accordion-content {
        padding: 12px 15px;
    }
    
    .mr-flag-rules td {
        padding: 10px 5px;
        font-size: 13px;
    }
    
    .mr-flag-rules td:first-child {
        width: 80px;
        font-size: 12px;
        white-space: normal;
    }
    
    .mr-terms-list li {
        padding: 10px 0 10px 20px;
        font-size: 14px;
    }
    
    .mr-terms-list li:before {
        font-size: 18px;
    }
    
    .mr-training-list li {
        padding-left: 20px;
        font-size: 14px;
    }
    
    .mr-form-control {
        padding: 10px 12px !important;
    }
}