/*************
MEDIA
*************/


/* 1200 */

@media only screen and (max-width: 1199px) {
    .navigation.fix {
        max-width: 970px;
    }
    .navigation li a, .navigation li a:visited, .navigation li a:focus, .navigation li a:active {
        padding: 5px 10px;
    }
    .post-date {
        margin-bottom: 10px;
    }
    .newsletter-right {
        padding: 20px;
    }
    .header-news p {
        font-size: 14px;
    }
    .news-detail-title {
        font-size: 45px;
    }
    .zoom-img img, .zoom-slide img {
        transform: none !important;
        transition: none !important
    }
    .slick-next, .slick-prev {
        opacity: 0.35 !important;
    }
    .navigation li.nav-search a:hover, .navigation li a:hover {
        color: white;
        background-color: transparent;
    }
    .coupon-title {
        font-size: 15px;
    }
    .group-links .button {
        padding: 10px !important;
    }
    .group-links p.price, .shake-produktes h4, .about h3 {
        font-size: 16px;
    }
    .benefits-detail h1 {
        font-size: 30px;
        padding: 15px 0;
    }
    .lastline ul li {
        margin-right: 20px;
    }
    .bottom-desc h2 {
        font-size: 30px;
    }
    .warenkorb-item h2, .item-anzahl, .item-price1, .item-price2 {
        padding-top: 15px;
    }
    .detele-item {
        top: 24%;
    }
    .locator-nav::-webkit-scrollbar {
        display:initial;
    }

}


/* 992 */

@media only screen and (max-width: 991px) {
    .navigation.fix {
        width: 100%;
    }
    .navigation li a, .navigation li a:visited, .navigation li a:focus, .navigation li a:active {
        padding: 5px 5px !important;
        font-size: 14px;
    }
    .navigation li a.nav-search {
        margin-right: 0;
    }
    .navigation li.nav-logo img {
        max-height: 25px;
    }
    .logo img {
        max-width: 200px;
        margin-top: 5px;
    }
    .slide-title h2 {
        font-size: 45px;
        max-height: 105px;
    }
    .post-category {
        margin-top: 10px;
    }
    .header-news {
        margin-top: 10px;
    }
    .post img {
        width: 100%;
    }
    .prev-next h4 {
        font-size: 18px;
    }
    .benefits-bottom img {
        width: 100%;
    }
    .about-banner h1 {
        font-size: 50px;
    }
    .footer-logo img {
        max-width: 150px;
    }
    .benefits .coupon:nth-child(3n+1) {
        clear: inherit;
    }
    .benefits .coupon:nth-child(2n+1) {
        clear: left;
    }
    .shake-produkte {
        margin-bottom: 40px;
    }
    .shake-produktes-right .shake-produkte {
        margin-bottom: 10px;
    }
    .shake-produktes img {
        width: 100%;
    }
    .about img {
        width: 100%;
    }
    .group-links p.price {
        font-size: 18px;
    }
    .news-list article:nth-child(3n+1) {
        clear: inherit;
    }
    .news-list article:nth-child(2n+1) {
        clear: left;
    }
    .news-list .post-category {
        margin-top: 0;
    }
    .leistungen {
        padding-left: 0px;
        padding-right: 0px;
    }
    .ver-detail {
        margin-bottom: 70px;
    }
    .warenkorb .title {
        font-size: 20px;
    }
    .locator-left img, .locator-left h1 {
        width: 100px;
        display: none;
    }
    .locator-left {
        position: absolute;
        z-index: 1;
        left: 0;
        width: 75px;
    }
}


/* 768 */

@media only screen and (max-width: 767px) {
    .content {
        margin: 0;
    }
    .footer .container {
        padding-right: 15px;
        padding-left: 15px;
        text-align: center;
    }
    .footer h4 {
        margin-top: 30px;
    }
    .lastline ul li {
        margin-right: 10px;
        padding-left: 10px;
    }
    .head.row {
        margin-top: 0;
        margin-bottom: 0;
    }
    #mobile-search {
        position: absolute;
        z-index: 3;
        right: 15px;
        bottom: 22px;
        color: #333;
        font-size: 24px;
        cursor: pointer;
    }
    .fixer {
        display: block!important;
        height: 70px;
    }
    .modal-dialog {
        margin: 0px auto;
    }
    .modal-content {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 10px;
    }
    .modal .form-control {
        height: 40px;
    }
    .modal h4 {
        font-size: 40px;
    }
    .modal-links {
        text-align: left;
    }
    .modal-links a {
        display: block;
        margin-bottom: 5px;
        margin-top: 5px;
    }
    .modal-body .row {
        margin-top: 20px;
    }
    .firstrow, .navigation {
        display: none;
    }
    .logo img {
        max-width: 160px;
        display: inline-block;
        margin-top: 0px;
    }
    header.col-md-12 {
        padding: 10px 30px;
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 1030;
        background-color: white;
        border-bottom: 1px solid lightgray;
    }
    /* MOBILE NAVIGATION */
    .logo-mobile {
        max-width: 120px;
    }
    .open-button {
        font-size: 30px;
        background-color: transparent;
        color: #333;
        border: none;
        float: left;
        margin-right: 30px;
        margin-left: -15px;
        outline: 0!important;
        margin-top: 10px;
        padding: 0;
    }
    .open-button span {
        display: block;
        margin-bottom: 5px;
    }
    .close-button {
        background-color: transparent;
        border: none;
        font-size: 30px;
        line-height: 1;
        outline: 0!important;
        color: #c2086c;
        padding: 0;
    }
    .mobile-menu {
        list-style: none;
        padding-left: 15px;
        padding-right: 15px;
        position: fixed;
        z-index: 1040;
        width: 100%;
        height: 100%;
        top: 0;
        left: -800px;
        background-color: #111;
        color: white;
        transition: all 0.4s ease-out;
        overflow-y: scroll;
        padding-bottom: 30px;
    }
    .mobile-menu.opened {
        left: 0;
    }
    .mobile-menu-top {
        margin-top: 20px;
        margin-bottom: 20px;
        display: block;
    }
    .mobile-menu li a {
        font-size: 16px;
        padding-top: 7px;
        padding-bottom: 7px;
        font-weight: 400;
        letter-spacing: 0.5px;
        display: block;
        text-transform: uppercase;
    }
    .mobile-menu li.active a {
        color: #c2086c;
    }
    .mobile-menu li .lang-mobile {
        background-color: transparent;
        padding-left: 0;
    }
    .mobile-menu li .lang-mobile li {
        display: inline-block;
        margin-right: 15px;
    }
    .mobile-menu li .lang-mobile li a .mobile-menu li.active a {
        color: #c2086c;
    }
    .mobile-menu li .dropdown-menu {
        background-color: transparent;
        padding-left: 15px;
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }
    .mobile-menu li.dropdown.open .dropdown-menu {
        display: block;
    }
    .mobile-menu li .dropdown-menu li {
        display: block;
        margin-right: 15px;
    }
    .mobile-menu li .dropdown-menu li a {
        color: white !important;
        font-size: 14px;
    }
    .menu-separator {
        height: 1px;
        background-color: #c2086c;
        margin-top: 10px;
        margin-bottom: 10px;
        display: block;
        width: 100%;
        padding: 0 !important;
    }
    
    .mobile-menu li .dropdown-menu li a:hover {
    	background-color: transparent;
    }
    
    /* END MOBILE NAVIGATION */
    .post-title, .post-desc {
        max-height: auto;
    }
    .newsletter-section {
        padding: 15px 0px;
        text-align: center;
    }
    .newsletter-section img {
        display: inline-block;
        width: 200px;
        margin-bottom: 10px;
    }
    .news-detail-title {
        font-size: 35px;
    }
    .new-detail-social li a {
        padding: 6px;
        font-size: 11px;
    }
    .new-detail-social i {
        margin-right: 5px;
        border: none;
        width: initial;
    }
    .news-detail h3 {
        width: 170px;
    }
    .prev-next h4 {
        font-size: 15px;
    }
    .page-route {
        margin-top: 30px;
    }
    .aus-den-kategorien {
        padding-left: 15px;
        padding-right: 15px;
    }
    .kategorie-slider {
        margin-bottom: 0;
    }
    .slide-title h2 {
        font-size: 24px;
        max-height: initial;
    }
    .slide-title {
        padding: 15px 120px 15px 15px;
    }
    .main-slider .zoom-slide img {
        width: 100%;
    }
    .shake-app {
        margin: 25px 0;
    }
    .shake-produktes {
        padding: 0 15px;
    }
    .shake-produktes-right {
        padding: 0;
    }
    .benefits-bottom {
        padding: 50px 15px 30px 15px;
    }
    .benefits-bottom-title {
        min-height: auto;
    }
    .about h3 {
        font-size: 18px;
    }
    .uberuns h2 {
        font-size: 36px;
    }
    .uberuns h3 {
        font-size: 26px;
        margin-top: 40px;
        margin-bottom: 10px;
    }
    .uberuns .col-md-6 {
        margin-bottom: 0;
    }
    .uberuns {
        margin-bottom: 60px;
    }
    .about-banner article {
        padding: 50px 0 0 0;
        min-height: auto;
    }
    .about-banner h1 {
        font-size: 36px;
        margin-bottom: 20px;
    }
    .about-banner p {
        color: #333;
    }
    .about-banner {
        background: none
    }
    .zur-ubersicht {
        text-align: left !important;
        margin-top: 15px;
    }
    .mitgliedsnummer span {
        padding: 5px;
    }
    .form p {
        margin: 0 0 20px 0;
    }
    .kontakt h3+ul {
        margin-bottom: 40px
    }
    .footer-info ul li a:hover {
        color: #aeaeae;
    }
    .login-wrapper {
        width: 100%;
        padding: 0px 20px;
    }
    .login-header {
        padding: 30px 0 20px 0;
    }
    .login-content {
        padding-left: 20px;
        padding-right: 20px;
    }
    .login-title {
        margin-bottom: 30px;
    }
    .login-title img {
        height: 40px;
    }
    .login-title h1 {
        font-size: 30px;
        padding-left: 10px;
        margin-left: 10px;
    }
    .login-footer {
        margin-top: 40px;
    }
    .login-content h2 {
        font-size: 17px;
    }
    .form input, .form select {
        padding-left: 5px;
        padding-right: 5px;
    }
    .member-interessen .form h3 {
        margin-top: 40px;
    }
    .member-interessen .title {
        margin-bottom: 0px;
    }
    .form button {
        font-size: 16px !important;
        padding: 5px 25px !important;
        line-height: 30px !important;
    }
    .ver-slide-title {
        padding-right: 30px;
    }
    .warenkorb-buttons {
        text-align: left;
        margin-bottom: 30px;
    }
    .warenkorb .button {
        margin-left: 0;
        margin-right: 5px;
    }
    .item-anzahl span, .item-price1 span, .item-price2 span {
        display: inline-block;
        font-weight: 300;
        margin-right: 10px;
    }
    .warenkorb-sum b {
        font-size: 15px;
    }
    .warenkorb-sum .warenkorb-sum-price b {
        margin-top: 10px;
        font-size: 24px;
    }
    .item-anzahl, .item-price1, .item-price2 {
        padding-top: 10px;
    }
    .warenkorb-item h2 {
        padding-top: 30px;
    }
    .warenkorb-item img {
        width: 100%;
    }
    a.detele-item {
        top: 10px;
        color: gray !important;
        font-size: 18px;
    }
    .locator-nav {
        overflow-y: scroll;
    }
    #googleMap, .locator-left {
        height: 350px;
    }
    .locator-partner {
        position: inherit;
        width: 100%;
    }
}


/* 480 */

@media only screen and (max-width: 479px) {}