#ModalQuickView .modal-content {
    height: auto !important;
}

h1.header-separator:before {
    content: "";
    position: absolute;
    width: 10%;
    height: 1px;
    bottom: 0;
    left: 45%;
    border-bottom: 5px solid #EBEBEB;
}

h2.header-separator:before {
    content: "";
    position: absolute;
    width: 5%;
    height: 1px;
    bottom: 0;
    left: 47.5%;
    border-bottom: 5px solid #EBEBEB;
}

#MerchantMap,
#MerchantMap > div {
    border-radius: 15px;
}

#MerchantMap {
    border: 3px solid #dddddd;
    margin: 10px;
}

@media only screen and (min-width:320px) and (max-width:767px), (min-device-width:320px) and (max-device-width:767px) {
    .table-cell {
        display: block !important;
    }
}

.panel-heading {
    background-color: rgb(247,247,247) !important;
    color: #000000 !important;
    padding: 5px 15px;
}

.panel-info, .panel-info > .panel-heading {
    border-color: rgb(247,247,247);
}

    .panel-info > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: rgb(247,247,247) !important;
    }

.column-merchant-logo {
    /*cursor: zoom-in;*/
}

@media only screen and (min-width:768px) and (min-device-width:768px) {
    .column-merchant-logo, .column-merchant-branch-store-image {
        display: table-cell;
        float: none;
        vertical-align: middle;
    }
}

@media only screen and (max-width:991px) and (max-device-width: 991px) {
    /*.column-merchant-facebook,*/
    .column-merchant-instagram,
    .column-merchant-twitter,
    .column-merchant-snapchat,
    .column-merchant-youtube {
        margin-top: calc(15px + (30 - 15) * ((100vw - 300px) / (1900 - 300)));
    }
}

.item-card-container,
.row-item-pic {
    width: calc(100vw / 4.5);
    /*width: calc(100vw / 4);*/
    /*width: calc(100vw / 3 - 80px);*/
}
.item-card-container {
    margin: 30px 15px !important;
}
@media only screen and (min-width:320px) and (max-width: 576px), (min-device-width:320px) and (max-device-width: 576px) {
    .item-card-container,
    .row-item-pic {
        width: 100%;
        margin-left: 0 !important;
    }
}

@media only screen and (min-width:577px) and (max-width: 991px), (min-device-width:577px) and (max-device-width: 991px) {
    /*@media only screen and (min-width:577px) and (max-width: 867px), (min-device-width:577px) and (max-device-width: 867px) {*/
    .item-card-container,
    .row-item-pic {
        width: calc(100vw / 2 - 80px);
    }
}
@media only screen and (min-width:992px) and (max-width: 1199px), (min-device-width:992px) and (max-device-width: 1199px) {
    .item-card-container,
    .row-item-pic {
        width: calc(100vw / 4);
    }
    .item-card-container {
        margin: 30px 40px !important;
    }
}
@media only screen and (min-width:1600px), (min-device-width:1600px) {
    .item-card-container,
    .row-item-pic {
        width: calc(100vw / 5) !important;
    }

    .item-card-container {
        margin: 30px 35px !important;
        height: calc(250px + (500 - 250) * ((100vw - 300px) / (1900 - 300))) !important;
    }
    .img-item-pic {
        width: calc(280px + (360 - 280) * ((100vw - 1600px) / (1900 - 1600))) !important;
        height: calc(280px + (360 - 280) * ((100vw - 1600px) / (1900 - 1600))) !important;
        max-height: calc(280px + (360 - 280) * ((100vw - 300px) / (1900 - 300))) !important;
    }
    .Item-Discount-Value {
        left: calc(35px + (46 - 35) * ((100vw - 1600px) / (1900 - 1600))) !important;
        top: calc(35px + (46 - 35) * ((100vw - 1600px) / (1900 - 1600))) !important;
    }
}
/* --------------------------- */
.diviation-item-number {
    background-color: #FFFFFF;
    position: absolute;
    bottom: -2px;
    /*padding-top: 10.5px;*/
    height: 58px;
}

#BtnOrder {
    border-radius: 5px;
    height: 41px;
    background: #000000;
    color: #FFFFFF;
    outline: none;
    transition: 300ms;
    border: none;
}

    #BtnOrder:hover,
    #BtnOrder:active {
        background: #a07936;
        outline: none;
        border: none;
    }

* {
    box-sizing: border-box;
}

.img-zoom-container {
    position: relative;
}

.img-zoom-lens {
    position: absolute;
    border: 1px solid #a07936;
    /*set the size of the lens:*/
    width: 80px;
    height: 80px;
    cursor: move;
}

.img-zoom-result {
    border: 1px solid #a07936;
    border-radius: 15px;
    width: 100%;
    height: auto;
    min-width: calc(180px + (360 - 180) * ((100vw - 300px) / (1900 - 300)));
    /*min-width: 320px;*/
    min-height: calc(180px + (360 - 180) * ((100vw - 300px) / (1900 - 300)));
    /*min-height: 320px;*/
}

img#ItemImage {
    max-width: 360px !important;
}

.row-order {
    bottom: 30px !important;
}

.pageNumberSeparator {
    background-color: #000000 !important;
}
.main-merchant-details-container {
    margin-top: 70px;
}
.first-row-container {
    display: table;
    height: 100%;
}
.first-row-content {
    margin-top: 20px;
    display: table-row;
    height: 100%;
}
.row-merchant-language-trade-name {
    margin-bottom: 30px;
}
.img-merchant-logo {
    margin-bottom: 20px;
    border-radius: 35px;
    width: calc(155px + (310 - 155) * ((100vw - 300px) / (1900 - 300)));
    height: calc(155px + (310 - 155) * ((100vw - 300px) / (1900 - 300)));
    box-shadow: 12px 12px 12px #a07936;
    transition: 300ms;
    cursor: zoom-in;
}
.img-merchant-branch-store-image {
    width:calc(360px + (1440 - 360) * ((100vw - 300px) / (1900 - 300))); height:calc(150px + (600 - 150) * ((100vw - 300px) / (1900 - 300)));
    max-height: 550px;
    border-radius: 35px;
}
.row-merchant-language-description {
    margin: 30px 0;
}
.row-social-media{
    margin-top:0;
}
.column-social-media-container {
    border: 1px solid #a07936;
    border-radius: 15px;
    box-shadow: 8px 8px 8px #a07936;
    padding: 5px 10px;
}
.i-social-media-active {
    color: #a07936;
    font-size: 38px;
    cursor: pointer;
}
.i-social-media-inactive {
    color: #DDDDDD;
    font-size: 38px;
}
.row-merchant-items {
    margin-top: 30px;
}
#MerchantItems i.fa.fa-refresh.fa-spin {
    font-size: 48px;
    color: #000000;
}
.row-address {
    background-color: #FFFFFF;
    /*background-color: rgb(247,247,247);*/
    /*margin-top: 30px;*/
    padding: 30px 15px 0 15px;
    /*padding: 0 15px;*/
}
.table-address {
    display: table;
    width: 100%;
    height: 100%;
}
.row-address-content {
    display: table-row;
    height: 100%;
}
.column-merchant-map {
    display: table-cell;
    float: none;
}
#MerchantMap {
    height: 300px;
}
.column-address {
    display: table-cell;
    float: none;
    vertical-align: middle;
}
.column-contact-us {
    margin-bottom: 20px;
}
.i-contact-us {
    color: #a07936;
    font-size: calc(60px + (120 - 60) * ((100vw - 300px) / (1900 - 300)));
}
#ModalPlaceOrder {
    z-index: 99993 !important;
}
#ModalQuickView {
    z-index: 99991 !important;
}
.modal-quick-view-content {
    position: relative;
}
.span-font-awesome-times {
    position: absolute;
    right: -9px;
    top: -18px;
    font-size: 28px;
    cursor: pointer;
    z-index: 99992;
    color: #FFFFFF;
}
.row-item {
    background-color: rgb(247,247,247);
    padding-bottom: 30px;
}
.item-card-container {
    height: calc(275px + (450 - 275) * ((100vw - 300px) / (1900 - 300)));
    /*height: calc(300px + (600 - 300) * ((100vw - 300px) / (1900 - 300)));*/
    background-color: #FFFFFF;
    margin: 30px calc(60px + (120 - 60) * ((100vw - 867px) / (1900 - 867)));
    /*margin: 30px 160px;*/
    /*margin: 30px;*/
}
.row-item-pic {
    margin-top: 20px;
    margin-bottom: 10px;
    /*margin-top: calc(25px + (50 - 25) * ((100vw - 300px) / (1900 - 300)));*/
}
.img-item-pic {
    transition: 700ms;
    width: calc(150px + (300 - 150) * ((100vw - 300px) / (1900 - 300)));
    /*width: calc(130px + (260 - 130) * ((100vw - 300px) / (1900 - 300)));*/
    height: auto;
    /*height: calc(130px + (260 - 130) * ((100vw - 300px) / (1900 - 300)));*/
    max-height: calc(150px + (300 - 150) * ((100vw - 300px) / (1900 - 300)));
    cursor: zoom-in;
    margin-bottom: calc(15px + (30 - 15) * ((100vw - 300px) / (1900 - 300)));
    border-radius: 15px;
    border: 1px solid #a07936;
    box-shadow: 6px 6px 6px #a07936;
    object-fit: contain;
}

}
.divPrice {
    padding:5px 0;
    /*margin-top:calc(64px + (128 - 64) * ((100vw - 300px) / (1900 - 300)));*/ 
    background-color: #FFFFFF;
}
.divIsFavourite,
.diviation-quick-view {
    border-right: 1px solid #000000;
    cursor: pointer;
}
.divOrder {
    cursor: pointer;
}
    .divIsFavourite i,
    .diviation-quick-view i,
    .divOrder i {
        font-size: calc(14px + (28 - 14) * ((100vw - 300px) / (1900 - 300)));
        color: #a07936;
        transition: 300ms;
    }
.diviation-item-number {
    background-color: #f2e4cc;
    background-color: #FFFFFF;
    padding-top:10px !important;
    /*margin-top: calc(-25px + (-50 + 25) * ((100vw - 300px) / (1900 - 300)));*/
    height: calc(22.5px + (45 - 22.5) * ((100vw - 300px) / (1900 - 300)));
}
.column-item-number {
    color: #000000;
    height: calc(12.5px + (25 - 12.5) * ((100vw - 300px) / (1900 - 300)));
    line-height: calc(19px + (38 - 19) * ((100vw - 300px) / (1900 - 300)));
    /*line-height: calc(12.5px + (25 - 12.5) * ((100vw - 300px) / (1900 - 300)));*/
    /*border-top: 1px solid #EDEDED;*/
}
.column-item-price {
    font-weight: 900;
    color: #000000;
    height: calc(12.5px + (25 - 12.5) * ((100vw - 300px) / (1900 - 300)));
    line-height: calc(12.5px + (25 - 12.5) * ((100vw - 300px) / (1900 - 300)));
    /*border-top: 1px solid #EDEDED;*/
    padding: 0;
}
.row-pagination {
    background-color: rgb(247,247,247);
    padding-bottom: 20px;
}
.main-footer{
    display: none !important;
}
.popover{
    min-width: 300px;
}
.item-card{
    transition: transform .6s, opacity .6s;
}
.container-fluid {
    padding-right: 0;
}
.row-merchant-items > .col-xs-12 {
    padding-right: 0;
}
.rowSignInSpecial a, .rowSignInSpecial a:hover {
    color: #A07936 !important;
}

    .rowSignInSpecial a::after {
        background: #A07936;
    }
.Item-Pic-Item-Discount-Container {
    position: relative;
    width: fit-content;
    display: inline-block;
    margin: auto;
    transition: transform .6s, opacity .6s;
}
.Item-Discount-Container {
    position: relative;
    cursor: zoom-in;
}
.Item-Discount-Value {
    position: absolute;
    left: calc(16px + (33 - 16) * ((100vw - 320px) / (1900 - 320)));
    top: calc(16px + (33 - 16) * ((100vw - 320px) / (1900 - 320)));
    z-index: 3;
    transform: rotate(-45deg);
    transition: 700ms;
    color: #FFFFFF;
}
.img-discount-ribbon {
    position: absolute;
    width: 50%;
    height: auto;
    transition: 700ms;
    left: 0;
}