@media (min-width: 1901px){
    #header .mobile-menu-wrapper{
        display: flex;
        align-self: flex-end;
    }
    #header .navigation .nav > li.nav-dropdown > a {
         padding-right: 20px;
    }
}
@media (max-width: 1900px){
    #header{}

    #header > .container{
        flex-direction: column;
        padding: 0;
    }

    #header .logo{
        position: relative;
        display: inline-block;
        margin: 0;
        background: #c74254;
        text-align: center;
        width: auto;
    }

    #header .logo:before{
        content: '';
        position: absolute;
        top:0;
        height: 100%;
        left: -100%;
        right: -100%;
        background: #c74254;
        z-index: -1;
    }

    #header .logo a{
        display: inline-block;
    }

    #header .logo a img{
        margin-bottom: -5px;
    }

    #header .navigation{
        align-self: auto;
        /*margin-top: 5px;*/
    }

    #header .navigation .nav{
        display: table;
    }


    #header .navigation .nav > li{
        text-align: center;
        padding: 15px 0;
        height: 62px;
        display: table-cell;
        width: auto;
        white-space: normal;
    }

    #header .navigation .nav > li > a {
        max-width: 122px;
        /* white-space: normal; */
        vertical-align: middle;
    }

    .ccm-image-slider{
        margin: -62px auto 0;
    }
}

/*
@media only screen and (max-width: 899px) {
	 
    .layout {
        font-size: 16px;
    }
    
    .wysiwyg h2.large {
        font-size: 48px;
        text-align: center;
        margin: 0;
    }

!*  ----------  LAYOUT  ----------  *!

	#header,
	#content,
	#footer {
	    width: 100%;
	    padding: 0 20px;
	    margin: 0;
	    box-sizing: border-box;
	}
	
!*  ----------  HEADER  ----------  *!

    #header {
        position: relative;
        top: auto;
        height: 80px;
    }
    
    #header .logo {
        position: relative;
        z-index: 1;
    }
    
    #header .navigation {
        width: auto;
        position: relative;
        float: none;
    }
    */


@media (max-width: 991px){

    #header > .container{
        margin-bottom: 0;
    }

    #header .navigation nav {
        margin-left: 0;
    }

    #header .navigation .nav {
        margin: 0 0 -2px;
        float: none !important;
        text-align: center;
    }
}

@media (max-width: 768px){
    html, body{
        overflow-x: hidden;
    }

    body{
        font-size:14px;
    }

    #layout{
        display: block;
    }

    #header .logo a img{
         margin-bottom: 10px;
         width: 230px;
         padding-top: 5px;
     }

    #header .menu-toggle-button {
        display: block;
    }

    #header .logo{
        -ms-text-align-last: right;
        text-align: left;
        margin-left: -15px;
    }

    #header .navigation{
        /* display: none; */
    }
    #header .open .navigation{
        /* display: block; */
    }

    #header .navigation .nav{
        display: block;
        position: relative;
        top: -1px;
        margin-bottom: 0;
    }

    #header .navigation .nav > li{
        display: block;
        background: rgba(199, 66, 84, 0.9);
        padding: 0;
        height: auto;
    }

    #header .navigation .nav > li > a{
        padding: 12px 0;
        max-width: none;
        color: #fff;
    }

    #header .navigation .nav li.nav-dropdown:hover .submenu{
        display: none;
    }

    #header .navigation .nav li.nav-dropdown.selected .submenu{
        display: block;
        position: relative;
    }

    #header .navigation .nav .submenu li a{
        text-align: center;
    }

    #header .navigation .nav li.nav-selected a, #header .navigation .nav li a:hover, #header .navigation .nav li a:focus{
        color: #fff;
    }

    #header .mobile-menu-wrapper{
        display: none;
        position: absolute;
        top: 100%;
        width: 100%;
    }

    #header #floating-menu.mobile-menu{
        display: block;
        position: relative;
        top: -1px;
        margin: 0;
        right: auto;
        background: rgba(154, 35, 51, 0.9);
        text-align: center;
        padding: 5px;
    }

    #header #floating-menu.mobile-menu ul{
        display: block;
        text-align: center;
    }
    
    #header #floating-menu.mobile-menu ul li{
        width: auto;
        height: 36px;
        margin: 8px 8px 0;
    }

    #floating-menu.mobile-menu ul li:not(.floating-search):hover > a,
    #floating-menu.mobile-menu ul li.selected > a,
    #floating-menu.mobile-menu ul li > a{
        display: block;
        position: relative;
        width: 224px;
        margin: 0 auto;
        padding: 0;
        background-size: 27px;
        /* background-position: center !important; */
        overflow: visible;
    }

    #floating-menu.mobile-menu ul li.floating-shop a{
        background-image: url("../images/icons/floating-shop.png");
        background-color: #fff;
    }

    #floating-menu.mobile-menu ul li.floating-shop:hover a{
        background-image: url("../images/icons/floating-shop-selected.png");
    }

    #floating-menu.mobile-menu ul li a span{
        font-size: 14px;
        color: #c75867;
        line-height: 36px;
    }

    #floating-menu.mobile-menu ul li.floating-loyalty a span,
    #floating-menu.mobile-menu ul li:hover a span{
        display: inline-block;
        color: #fff;
    }

    #header #floating-menu.mobile-menu ul li.floating-search{
        display: block;
        margin: 5px auto;
        width: 100%;
    }

    #header #floating-menu.mobile-menu ul li.floating-search a{
        width: auto;
        min-width: 42px;
        background-position: center right 7px !important;
        padding: 15px 42px 15px 0;
        position: relative;
        display: inline-block;
    }

    #floating-menu.mobile-menu .floating-search.selected form{
        position: relative;
        margin-top: -12px;
        margin-right: -8px;
        margin-left: 6px;
        display: block;
    }


    #header.landing{
        border-bottom: 0;
    }


    .ccm-image-slider{
        margin: -2px auto 0;
    }

    .main-content h2{font-size: 3.4em;line-height: 1.25;display: block;}
    .main-content h3{font-size: 2.25em;}


    #floating-menu{
        display: none;
    }


    .product-item{
        margin: 15px 0;
    }


    .rslides_nav{
        width: 40px;
        height: 40px;
        background-size: 60% !important;
        margin-top: -24px;
        position: relative;
        display: inline-block;
        background-color: rgb(199, 66, 84) !important;
        border: navajowhite;
    }

    .slidernav{
        bottom: 5px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    
    .rslides_nav.next{
        left: 0;
        margin-left: 60px;
    }


    #footer .links a{
        /* width:30px; */
        /* height: 30px; */
    }
}