/* Smartphones (portrait and landscape) */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    #gallery-category-lists li{
        padding: 0px 5px;
    }
    .main-container {
        padding-bottom: 0px;
    }

    .col-main-containter .col-main .col-wrapper-main {
        margin-bottom: 0px;
    }

    .block-layer-4 {
        margin-top: 5px;
    }

    .layer-4-mid {
        margin-bottom: 0px;
    }

    .layer-4-mid > div {
        margin-bottom: 25px;
    }

    .layer-4-mid h1 {
        margin-top: 10px;
        margin-bottom: 15px;
        font-size: 20px;
    }

    .block-layer-1 .block-layer-1-top h1 {
        font-size: 30px;
        margin-top: 30px;
    }

    .block-layer-1-top a {
        margin-bottom: 30px;
        padding: 15px 50px;
    }

    .block-layer-1-top p {
        margin-bottom: 25px !important;
    }

    .block-layer-2 .layer-2-top {
        margin: 0px 0 80px 0;
    }

    .block-layer-2 .layer-2-top h1 {
        padding-top: 20px;
        font-size: 30px;
    }

    .block-layer-2 .layer-2-top .btn-container {
        width: 100%;
        margin-left: 0px;
        padding-left: 10px;
        padding-right: 10px;
        top: 0px;
    }

    .layer-2-bottom {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .layer-3-bottom .wine-club-content {
        padding: 35px 0px 55px 0px;
    }

    .block-layer-1-top p,
    .block-layer-2 .layer-2-top .btn-container span,
    .layer-3-bottom .source,
    .layer-4-mid .layer-4-mid-col-1 p,
    .layer-4-mid .layer-4-mid-col-2 p,
    .layer-4-mid .layer-4-mid-col-3 p {
        font-size: 13px !important;
    }

    .block-layer-1-top p,
    .layer-4-mid .layer-4-mid-col-1 p,
    .layer-4-mid .layer-4-mid-col-2 p,
    .layer-4-mid .layer-4-mid-col-3 p {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* FOOTER */

    #mk-footer .footer-wrapper .mk-padding-wrapper.footer-row-1 {
        padding: 20px 0 0 0;
    }

    #mk-footer .footer-wrapper .mk-padding-wrapper.footer-row-2 {
        padding: 10px 30px;
    }

    #mk-footer .footer-wrapper .row.footer-row-1 h1.logo {
        margin-top: 0px;
    }

    #mk-footer #sub-footer .mk-grid {
        width: inherit;
        padding: 10px 25px 10px 25px;
        font-size: 8px;
    }

    .mk-footer-copyright-top {
        text-align: center;
    }

    #mk-footer #sub-footer .footer_menu, #mk-footer #sub-footer .footer_menu li {
        margin-left: 0px;
        display: block;
        float: none;
    }

    #mk-footer .footer-wrapper p.social {
        display: block;
        text-align: center;
    }

    #mk-footer .footer-wrapper .mk-padding-wrapper .widgettitle {
        padding-bottom: 5px;
    }

    #mk-footer .footer-wrapper .mk-padding-wrapper.footer-row-2 .mk-col-1-4:not(:first-child) {
        padding-top: 20px;
    }
    .trentham-subscriptions-customer-detail #rv-plan-content .col-xs-16 {
        text-align: center;
    }
    .trentham-subscriptions-customer-detail #rv-plan-content .col-xs-16 a.btn-sm {
        display: block;
        margin-top: 5px;
    }
    .product-view .product-shop .button.btn-cart, .product-view .product-options-bottom .button.btn-cart {
        padding: 10px 15px;
    }

    /* WINE CLUB MENU */
    #megamenu-wine-club ul.groupdrop-link .item-header {
        margin-left: -15px;
    }

    #megamenu-wine-club ul {
        width: 100%;
        margin-left: 10px;
        padding-left: 0px;
        padding-right: 10px;
        text-align: left;
    }

    #megamenu-wine-club ul li {
        font-size: 14px;
    }

    #megamenu-wine-club ul li .fa-li {
        top: 0px;
        font-size: 10px;
    }

}
@media (max-width: 767px) {
    .trentham-subscriptions-customer-detail #exTab2 ul.nav-tabs li {
        margin-bottom: 5px;
    }

    .trentham-subscriptions-customer-detail #subscription-review .col-sm-24:first-child {
        overflow-x: auto;
        margin-bottom: 10px;
    }

    .trentham-subscriptions-customer-list .main-container .my-account  {
        overflow-x: auto;
    }
    body.contacts-index-index .main .container.col-main-containter .row.contact-page-2 {
        padding-left: 10px;
    }
}

@media (max-width: 778px) {
    .header {
        min-height: 205px !important;
    }
}