@media only screen and (min-width: 768px) and (max-width: 1199px) {
    body {
        overflow-x: auto;
        margin: 0 auto;
        width: 1170px !important;
    }

    .container {
        width: 1170px;
        max-width: 1170px;
    }
}

@media only screen and (max-width: 767px) {
    .container {
        width: 100%;
        max-width: 100%;
    }
    /* Header */
    header.header-mobile {
        width: 100%;
        overflow: hidden;
    }

    header .m-header-height {
        height: 70px;
    }

    header .f-logo-col {
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
        justify-content: flex-start !important;
    }

    header .header-col-mid {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }

    header .link-col {
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
    }

    header .profile-col {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    header a.btnHeader {
        font-size: 14px;
    }

    header .header-col-mid span {
        font-weight: bold;
        font-size: 14px;
        margin-left: 20px;
    }

    header .mobile-navigator {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-right: 5px;
        background-color: rgba(0,0,0,1);
    }

    header .navbar-cart-profile-container {
        display: none;
    }

    header .shortcut-menu, header .mobile-dropdown {
        display: block;
    }

    .mobile-dropdown .user-menu .hasDropdown {
        width: 100%;
        height: unset;
        padding: 15px;
    }

    /* Misc */
    .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
        left: -13px;
    }

    /**/
    #landing .content-container {
        padding: 0;
    }

    #landing.past-order-list .content-container, #landing.pd-details .content-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    #landing.past-order-list .order-container, #landing.pd-details .product-container, .back-navigator {
        width: 100%;
    }

    #landing .search-container {
        flex-direction: column;
        display: block;
    }

    #landing .search-input, #landing .search-action {
        width: 100%;
        max-width: unset;
    }

    #landing .search-action {
        margin-top: 20px;
    }

    #landing .main-container {
        display: block;
    }

    #landing .main-content {
        width: 100%;
        max-width: unset;
    }

    #landing .sidebar {
        width: 100%;
        max-width: unset;
        margin-top: 40px;
    }

    .order-container .order-item {
        padding: 15px;
    }

    .breadcrumb-container {
        display: block;
    }

    ul.breadcrumb-links {
        justify-content: flex-end;
        margin-top: 15px;
    }

    .btnTabLink {
        font-size: 14px;
    }

    #landing.search-result .main-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    #landing.search-result .app-heading {
        padding-left: 15px;
        padding-right: 15px;
    }

    #landing.search-result .filters-options .list-sort label {
        margin-top: 7px;
    }

    ul.favour-pd-list .pd-info table, #landing.search-result .pd-item .pd-info table {
        width: 100%;
    }

    #landing.buy .order-cart-container, .checkout-section-container {
        padding-left: 12px;
        padding-right: 12px;
    }

    .table-cart-content.table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table-cart-content.table td.cart-content__number-block {
        display: table-cell;
        width: 8% !important;
        border: none;
        min-height: 18px;
        height: 100% !important;
    }

    .table-cart-content.table td.cart-content__title-block {
        display: table-cell;
        width: 84% !important;
        border: none;
        min-height: 18px;
        height: 100% !important;
        position: relative;
    }

    .table-cart-content.table td.cart-content__remove-block {
        display: table-cell;
        width: 8% !important;
        border: none;
        min-height: 18px;
        height: 100% !important;
    }

    .table-cart-content.table td.cart-content__cat-block,
    .table-cart-content.table td.cart-content__size-block,
    .table-cart-content.table td.cart-content__price-block,
    .table-cart-content.table td.cart-content__qty-block {
        display: none;
    }

    .cart-table__responsive-content {
        display: block;
        width: 100%;
        margin: 15px 0;
    }

    .cart-info-item {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .qty-button {
        margin: 0;
    }

    .cart-table__responsive-header {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
        color: #C4C4C4;
        margin-bottom: 5px;
    }

    .qty-value-changer .ty-value-changer__input {
        height: 25px;
    }

    .qty-value-changer a.ty-value-changer__increase {
        padding: 2px 0 2px 10px;
    }

    .qty-value-changer a.ty-value-changer__decrease {
        padding: 2px 10px 2px 0;
    }

    .cart-table-bottom {
        margin-top: 15px;
        justify-content: space-between;
    }

    .table-cart-content.table tr.cart-item {
        border-bottom: 1px solid #C4C4C4;
    }

    .table-cart-content.table tr:last-child {
        border: none;
    }

    .display-payable {
        display: flex;
        flex-direction: column;
    }

        .display-payable span:first-child {
            margin-right: 0;
            margin-bottom: 5px;
            font-weight: 900;
        }

    .frmPdCart .form-inline .col-md-6 {
        padding-left: 0;
    }

    .frmUpdateAddress .form-check label {
        margin-bottom: 5px;
    }

    .checkout-section-container {
        padding-top: 30px;
        padding-bottom: 30px;
    }

        .checkout-section-container .input-area {
            flex-wrap: wrap;
            flex-direction: column;
        }

            .checkout-section-container .input-area .col-left,
            .checkout-section-container .input-area .col-right {
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%;
                padding: 0;
                width: 100%;
            }

            .checkout-section-container .input-area .col-right {
                margin-top: 30px;
            }

            .checkout-section-container .input-area .col-line {
                display: none;
            }

            .checkout-section-container .input-area .shipping-options {
                margin: 10px 0;
            }

                .checkout-section-container .input-area .shipping-options:last-child {
                    margin-top: 15px;
                }

        .checkout-section-container.payment-options .p-options {
            margin-top: 10px;
        }

            .checkout-section-container.payment-options .p-options .form-check {
                margin-bottom: 10px;
            }

        .checkout-section-container.payment-options .input-area .col-left > .row:last-child .col-md-6 {
            margin-bottom: 15px;
        }

        .checkout-section-container.payment-options .input-area .col-right {
            margin-top: 10px;
        }

        .checkout-section-container.payment-options .cart-summary {
            max-width: 100%;
        }

        .checkout-section-container.payment-options .item-summary {
            flex-direction: column;
            align-items: flex-end;
        }

            .checkout-section-container.payment-options .item-summary span.lbl {
                color: #737373;
            }

            .checkout-section-container.payment-options .item-summary span.val {
                flex: 0 0 100%;
                max-width: 100%;
            }

    /* Footer */
    footer {
        height: auto;
        padding: 10px 0;
        position: relative;
    }

        footer .de-flex {
            flex-direction: column;
            justify-content: center;
            text-align: center;
            height: auto;
        }

        footer .social-icons {
            margin: 20px 0 10px 0;
        }

        footer .f-text {
            order: 2;
            margin-bottom: 0px;
        }

        footer .f-social {
            order: 1;
        }

        footer .social-icons > a {
            margin: 0 10px;
        }

        footer p {
            line-height: 1.3;
        }
}

@media only screen and (max-width: 640px) {
    #landing.search-result .filters-options {
        flex-direction: column;
        justify-content: space-between;
    }

        #landing.search-result .filters-options .col-left .bootstrap-select {
            margin-right: 0;
            width: 100% !important;
            float: none;
            margin-top: 1em;
        }

    #landing.search-result .select-type-1.bootstrap-select, .select-type-1.bootstrap-select .dropdown-toggle {
        width: 100% !important;
    }

    #landing.search-result .select-type-2.bootstrap-select {
        width: auto !important;
        min-width: 120px;
    }

        #landing.search-result .select-type-2.bootstrap-select .dropdown-toggle {
            width: 100% !important;
        }

    #landing.search-result .filters-options .col-left {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    #landing.search-result .filters-options .list-sort {
        margin-top: 1em;
        width: 100%;
        justify-content: flex-end;
    }
}

@media only screen and (max-width: 480px) {
    header .header-col-mid span {
        font-weight: bold;
        font-size: 14px;
        margin-left: 20px;
    }

    header .header-col-mid {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }

    header .link-col {
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    }

    header .profile-col {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    header a.btnHeader {
        display: none;
    }

    header .btnHeaderIcon {
        display: block;
        color: #fff;
    }
}