/*@media only screen and (min-width:1500px) {
    .owl-stage {
        width: 100% !important
    }
}
*/
@media only screen and (min-width:768px) {
    .modal-dialog {
        width: 700px;
        margin: 30px auto;
    }
    .owl-stage {
        display: flex;
    }

    .owl-carousel .owl-item {
        flex-shrink: 0;
        display: flex;
    }
}

@media only screen and (max-width:1280px) {
    .cmn-modal-content-product-details .close-icon-right .close-tag {
        right: 10px;
        top: 25px
    }
    .owl-stage {
        display: flex;
    }

   .owl-carousel .owl-item {
        flex-shrink: 0;
        display: flex;
    }
}

@media only screen and (max-width:1199px) {
  
    .product-bestseller-list {
        width: 100%
    }

    .bread-header {
        display: inline-block;
        padding-bottom: 12px;
        width: 100%
    }

    #nav-coupon-header .logo-block {
        justify-content: space-between
    }

    .pixxett-header1 .mm-toggle-wrap {
        top: 0;
        position: static
    }

    nav#myHeader {
        padding: 12px 0
    }

    .top-coupon-field-inner .trending .fiveCol {
        padding: 0 !important
    }

        .top-coupon-field-inner .trending .fiveCol .offer-sec-Mobile {
            width: 33.2%
        }

    .pixxett-header1 .toplinks div.links div.top-links-wrapper.top-cart .basket a.top-link {
        background-position: 5px 14px;
        margin-left: 0;
        background-size: 14px
    }

    .colSeven .col-sm-2 {
        width: 20%
    }

    .searchbar-field {
        width: 235px
    }

    .searchicon, #flyersearchbtn {
        top: 6px;
    }

    .product-view .product-shop .price, .section-heading .section-title {
        font-size: 20px
    }

    .number-of-offers {
        font-size: 12px
    }

    .type-ofthe-product {
        font-size: 12px;
        line-height: 16px
    }

    .nameof-the-product {
        font-size: 10px
    }

    .offer-category-cart {
        height: 200px
    }

    .bestsellers3 .pixxett-tabs li {
        margin: 0 52px
    }

    .bestsellers3 .bestseller-content {
        padding-right: 15px
    }

    .checke-label-fixed-down label, .collapsible-nav-main a {
        font-size: 11px
    }

    .page-heading, .related-pro .block-title h2 {
        font-size: 18px
    }

    .product-view .product-name h1 {
        font-size: 20px;
        line-height: 22px
    }

    .button-field-dtls .btn-save {
        width: 130px;
        font-size: 14px
    }

    .button-field-dtls .btn-see-details {
        width: 150px;
        font-size: 14px
    }

    .nav-tabs.product-tabs > li > a {
        font-size: 14px
    }

    .related-pro .owl-pagination {
        top: 80%
    }

    a.product-image {
        margin: 0 auto
    }

    .carousel-banner-common .carousel-inner {
        height: auto
    }

    .coupon-img-link, .view-more-box {
        margin: auto
    }

    .coupon-img-link-essentials {
        margin: auto auto 30px
    }

    .mens-electronics-category h3 {
        margin-left: 0;
        text-align: center;
        margin-bottom: 25px
    }

    .top-coupon-field-inner {
        margin-bottom: 0
    }

    .top-coupons-cart-tile-clothing.bestsellers3 .pixxett-tabs li {
        margin: 0 20px
    }

    .location-track-address h3 {
        width: 200px
    }

    .cmn-modal-content-product-details .close-icon-right .close-tag {
        right: 20px;
        top: 18px
    }
}

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

    .searchbar-field {
        width: 180px;
        font-size: 11px;
    }

    .pixxett-header1 .logo {
        margin-right: 25px
    }

    .custom-search-field {
        margin-top: 5px
    }

    .carousel-banner-common, .carousel-inner {
        margin-top: 0
    }

    .pixxett-header1 .toplinks .links {
        text-align: left
    }

    .pixxett-header1 .toplinks div.links div.top-links-wrapper a.top-link {
        padding: 0 4px
    }

    .pixxett-header1 .mini-cart .basket a .cart-title {
        margin-left: 16px
    }

    .offer-category-cart {
        height: 185px
    }

    .category-section {
        padding: 10px 0 !important
    }

    .brand-logo .section-heading:after, .brand-logo .section-heading:before {
        width: 140px
    }

    .brand-logo {
        padding-top: 10px !important
    }

    .footer-service-policies {
        padding: 10px 0 20px
    }

    .left-img-choosen img {
        max-width: 80px
    }

    .bestsellers3 .pixxett-tabs li {
        margin: 0 25px
    }

        .bestsellers3 .pixxett-tabs li > a, .product-view .product-shop .price, .retailer-heading-category h1 {
            font-size: 14px
        }

    .parent-tile-cart .bestsellers3 .product-bestseller .item .item-inner {
        height: auto
    }

    .most-common-product-img, .product-img-layer {
        width: 285px
    }

        .most-common-product-img img {
            max-width: 285px
        }

    .button-field-dtls .btn-save {
        margin-left: 0
    }

    .my-offer-text h3 {
        font-size: 20px
    }

    .my-offer-text::after {
        width: 250px;
        height: 2px;
        left: 210px;
        top: 100px
    }

    .my-offer-header-part {
        margin-top: 75px
    }

    .my-offer-text.my-offer-text2::after {
        left: 300px
    }

    .main-list-option-item-checked {
        right: 65px;
        top: 82px
    }

    .logo-inner-pannel-logo-section ul li {
        width: 110px;
        height: 100px;
        margin-bottom: 0
    }

    .right-category-retilaers ul li {
        padding: 12px
    }

    .gmap_iframe {
        height: 500px !important
    }

    .map-store-parent {
        max-height: 500px;
        overflow: auto
    }

    .location-track-address h3 {
        width: 170px;
        font-size: 10px
    }

    .location-track-address p {
        font-size: 10px;
        line-height: 16px
    }

    .kilometer-tag {
        padding: 2px 9px;
        font-size: 9px
    }

    .inner-map-store-pnl {
        padding: 15px 10px
    }

    .location-track-address span i {
        color: #009bce;
        font-size: 24px
    }

    .gmap_canvas, .mapouter {
        height: 500px
    }

    .flat-text-details h2 {
        font-size: 20px;
        line-height: 25px
    }

    .flat-text-details h3, .flat-text-details p {
        font-size: 13px
    }

    .no-gutter-spacing-container-product-details {
        padding: 0 15px !important
    }

    .related-pro .block-title h2 {
        font-size: 16px;
        line-height: 25px
    }

    .nospace-ipda-details {
        padding: 0 !important
    }

    .cmn-modal-content-product-details .close-icon-right .close-tag {
        right: 10px;
        top: 8px
    }

    .product-view .short-description {
        padding: 10px 0
    }

    p.availability.pull-right {
        margin-top: -3px
    }

    .product-view .product-shop .old-price .price {
        font-size: 14px;
        font-weight: 400
    }

    .coupon-img-link.coupon-img-link2, .coupon-specific-img.coupon-specific-img2 {
        width: 200px
    }

        .coupon-specific-img.coupon-specific-img2 img {
            max-width: 200px
        }

    .right-pnl-text-coupon p {
        width: 135px
    }
}

@media only screen and (max-width:767px) {
    #appendNew li {
        min-width: 42%;
    }
    .offer-bottom {
        padding: 5px 5px;
    }
    .language-arabic-selected .gradient-retailer-overlay-section .retailer-logo-section-overlay {
        margin-left: unset;
        margin-right: 25px;
    }
    #nav-coupon-header .searchbar-field {
        width: 100%;
    }
    .trending .fiveCol {
        padding: 0 15px;
    }
    .section-heading:before {
        right: 0;
         width: 100%; 
    }
    .section-heading:after {
        left: 0;
         width: 100%; 
    }
    .copy-code-share + .action-btn-coupon {
        display: flex;
    }
    .copy-code-share {
        display: flex;
    }
   
  /*  #retailerPg .owl-stage {
        display: flex;
    }
    #retailerPg.owl-carousel .owl-item {
        flex-shrink: 0;
        display: flex;
    }*/
   .owl-stage {
        display: flex;
    }

    .owl-carousel .owl-item {
        flex-shrink: 0;
        display: flex;
    }
    .mob-banner-carousel {
        display: block;
    }
    /*.desktop{
        display:none;
    }*/
    #sort-by, .bread-header, .copy-promo-code-section, .login-signup-via-layer, .my-offer-text {
        text-align: center
    }

    .modal .header-text, .std p {
        text-align: left
    }

    .language-arabic-selected .newModal .modal-dialog, .language-arabic-selected .newModal.modal-dialog {
        margin-top: inherit
    }

    .spacialOffer {
        font-size: 10px
    }
    .buyOnline {
        font-size: 8px
    }

    .tab-offer.retailer-sort-by {
        display: none !important
    }

    #pagingProduct .fivecolblk, .colSeven .colSevenBlk, .fivecolblk {
        width: 50%
    }

    .fiveColClass, .offer-sec-Mobile {
        width: 50% !important
    }

    .sortBtns {
        display: flex
    }

    .slider-main-flyers .bxslider li img {
        margin: 0 auto;
        display: block;
        height: 500px;
        max-width: unset;
        width: 100%;
        object-fit: contain;
        object-position: top
    }

    .get-app li {
        margin-right: 8px
    }

    .back-to-top {
        right: .857143em;
        bottom: 9.714286em
    }

    .save-offer-blk {
        padding: 24px 12px
    }

    .borderBtn, .country-dropdown li a, .drop-down-sharing ul li, .filledBtn, .flyer-header .list_top_content ul li, .nameof-the-product, .nav-tabs.product-tabs > li > a, .number-of-offers, .product-view .product-shop .price, .product-view .short-description p, .type-ofthe-product, .view-more {
        font-size: 12px
    }
/*
    #ar button.owl-next, .owl_1 button.owl-prev {
        left: -32px
    }

    #ar button.owl-prev, .owl_1 button.owl-next {
        right: -32px
    }*/

    .mb-10 {
        margin-bottom: 20px
    }

    .bread-header #sort-by, .left-filter-submenu, .left-filter-submenu-mobile-view, .my-offer-text::after, .product-view .product-shop ul.add-to-links, .rightt-adds-section {
        display: none
    }

    .modal-dialog.cmn-modal-dialog.cmn-modal-dialog-product-details {
        width: inherit;
        min-width: unset
    }

    .horizontal-scrollable > .row > .col-md-2 {
        width: 38%;
        padding: 0 5px
    }

    .horizontal-scrollable .view-more-div {
        margin-top: 16px
    }

    .price-and-discount .discount-price-precent {
        font-size: 8px;
        right: 18px;
        top: 8px
    }

    .hdrInner > .mm-toggle-wrap {
        padding-left: 16px
    }

    .homePg.top-banner-section .nav-tabs {
        width: 90%
    }

    .language-arabic-selected .modal .header-text {
        text-align: right
    }

    .mobile-menu li ul {
        max-height: 300px;
        overflow-y: auto
    }

    body.home-index.mmPushBody {
        overflow: hidden;
        position: fixed
    }

/*    #ar .owl-nav {
        top: 8px
    }
*/
    .cmn-modal-content3 .header-text h3 {
        font-size: 18px
    }

    .headingNoline {
        font-size: 20px
    }

    .retailerRightSec .scrollHeight, .row.colSeven, .top-coupons-cart-tile-clothing.bestsellers3 .pixxett-tabs li {
        margin: 0
    }

    .retailerRightSec {
        padding: 0 12px !important
    }

   /* .categorySec .tab-content {
        padding: 0 12px
    }
*/
    nav#myHeader {
        padding-bottom: 10px
    }

    .colSeven .col-sm-2, .sixCol .col-sm-2 {
        width: 50%;
        float: left
    }

    #nav-coupon-header .custom-search-field {
        margin-left: 8px;
        width: auto;
        flex:1;
        min-width: unset;
    }

    #nav-coupon-header .logo {
        margin-right: 0
    }
    .language-arabic-selected #nav-coupon-header .logo {
        margin-right: 11px;
    }
    .language-arabic-selected #nav-coupon-header .custom-search-field {
        margin-left: unset;
        margin-right: 8px;
    }
    .language-arabic-selected .pixxett-header1 .mm-toggle {
        padding: 8px 0 8px 0;
    }
    .language-arabic-selected #page {
        right: 0;
        position: relative;
    }
   /* .language-arabic-selected div#mobile-menu {
        left: unset;
        right: 0;
    }
    .language-arabic-selected div#page {
        left: unset !important;
        right: 250px;
    }*/
   /* .navHdr, section.bar.bar-3.bar--sm.bg--site.offers-section.parent-tile-cart.search-cart-visible, ul.get-app {
        margin-top: 20px
    }*/

   /* .pixxett-header1 .mm-toggle-wrap {
        top: -9px;
        left: 0;
        position: absolute
    }
*/
    .pixxett-header1 .mm-toggle {
        padding: 8px 15px 8px 0
    }

    #ar.owl-carousel.owl-theme .owl-nav button, .owl_1.owl-carousel.owl-theme .owl-nav button {
        width: 20px;
        height: 20px
    }

    .breadcrumbs, .carousel-banner-common > .container {
        padding: 0 16px
    }

    .carousel-banner-common .carousel-inner > .item img {
        object-fit: cover;
        height: unset;
        object-position: center;
        border-radius: 11px
    }

    .bestsellers3, .category-parent {
        padding: 0
    }

    .offer-sec-Mobile {
        float: left
    }

    a.see-dtls-common-btn.getcoupon {
        height: unset
    }

    .retailer-view .tab-content {
        padding: 0 7px;
        margin-top: 0
    }

    #ar .owl-nav .owl-next span, #ar .owl-nav .owl-prev span, .owl_1 .owl-nav .owl-next span, .owl_1 .owl-nav .owl-prev span {
        background-repeat: no-repeat;
        background-size: 5px;
        background-position: 1px 3px
    }

    .logo-block {
        align-items: center;
      /*  flex-direction: column;*/
        width: 100%
    }

    .pixxett-header1 .logo {
        width: auto;
        margin-left: unset;
        margin-top: 2px
    }

    .item .item-inner, .parent-tile-cart .bestsellers3 .product-bestseller .item .item-inner.item-inner-view-flyer, .top-retailer-fixed-ratio-section {
        height: auto
    }

    .search-text-value {
        margin-bottom: 25px;
        margin-top: 0
    }

    .custom-flyers-tabs-common.nav-tabs.product-tabs > li::after {
        right: -15px
    }

    .right-pnl-text-coupon, .similar-offer-section-tile p {
        height: 30px;
        overflow: hidden
    }

    .breadcrumb-product-listing, .carousel-inner, .footer-text-option p.new-user-text {
        margin-top: 10px
    }

    .side-nav-categories, .side-nav-categories .block {
        margin-bottom: 10px
    }

    .nameof-the-product {
        height: auto;
        position: relative;
        overflow: hidden
    }

    .carousel-banner-common .carousel-indicators {
        bottom: -25px
    }

    .retailer-cart-section .col-sm-3 {
        padding-left: 15px;
        padding-right: 15px
    }

    .inner-text-pnl-coupon {
        padding: 0 10px 10px
    }

    #sort-by ul ul {
        margin-left: 0
    }

    .retailer-trend-footer-cmn h4 {
        font-size: 12px;
        overflow: hidden;
        width: 100%;
        text-overflow: ellipsis;
        height: 20px
    }

    .select-city select, .select-language select {
        background-position: 260px 18px;
        height: 40px
    }

    .price-and-discount {
        min-height: 30px
    }

    .retailers-brand-remaining-time {
        min-height: 30px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .logo-coupon-img-and-text {
        min-height: 45px
    }

    .products-grid .item .item-inner .tile-modified-extent .item-title {
        min-height: 0
    }

    .product-bestseller .owl-wrapper-outer .products-grid .item, .product-bestseller.product-listing-main-parent .products-grid .item {
        padding: 0 5px
    }

    .whishlist-hearted svg {
        width: 25px
    }

    .custom-search-field {
        margin-top: 5px;
        float: none;
        display: block;
        clear: both
    }

    .login-with-apple, .searchbar-field {
        width: 100%
    }

    .searchicon, #flyersearchbtn {
        top: 5px;
        left: 6px;
    }

    .section-heading .section-title {
        font-size: 16px;
        letter-spacing: normal;
        padding: 0 9px;
        line-height: 26px;
        max-width: 85%;
    }
    .section-heading {
        margin: 0 auto
    }

    .offer-category-cart {
        height: auto;
        overflow: hidden;
        min-height: 150px
    }

    .product-img-cart {
        max-width: 100%;
        margin: auto;
        width: 100%
    }

    .bestsellers3 .pixxett-tabs li {
        margin: 0 4px;
        width: auto
    }

        .bestsellers3 .pixxett-tabs li > a {
            padding: 0 10px;
            font-size: 10px
        }

/*    .cmn-modal-dialog.cmn-modal-dialog2, .cmn-modal-dialog3 {
        width: 350px;
        margin-left: auto;
        margin-right: auto
    }*/

    .cmn-modal-content, .cmn-modal-content.cmn-modal-content2, .cmn-modal-content3 {
        max-width: 350px;
        background: linear-gradient(115.24deg,#009bce 16.02%,#70b942 83.98%)
    }

    .select-city select, .select-country-flag, .select-language select {
        font-size: 12px !important;
        background-size: 15px
    }

    .left-form {
        float: none;
        width: 100%
    }

    .loginvia-facebook, .loginvia-google {
        margin-bottom: 5px
    }

    .footer-text-option, .my-offer-header-part {
        margin-top: 30px
    }

    .cmn-modal-content3 .header-text h1 {
        font-size: 16px
    }

    .select-country-flag {
        margin-bottom: 5px !important;
        background-position: 260px 15px
    }

    .country-dropdown li {
        width: 90%;
        overflow: hidden
    }

    .select-language select {
        color: #009bce
    }

    .cmn-modal-content3 {
        min-height: 420px
    }

    .side-nav-categories2 {
        min-height: 600px
    }

    .page-heading.page-heading2 {
        display: block
    }

    .page-heading {
        font-size: 14px
    }

    .total-offers {
        font-size: 15px
    }

    #sort-by li {
        width: 200px;
        font-size: 14px
    }

    #sort-by ul {
        display: inline-block;
        margin-left: 15px
    }

    .product-img-layer {
        width: 200px;
        height: auto;
        margin: 0 auto
    }

    .most-common-product-img {
        width: 200px;
        height: auto;
        display: block
    }

        .most-common-product-img img {
            max-width: 200px
        }

    .mobile-view-action-button {
        display: block;
        margin-bottom: 0 !important
    }

    .email-addto-box {
        margin-top: 25px;
        display: none
    }

    .nav-tabs.product-tabs > li {
        width: auto;
        margin-right: 10px
    }

    .related-pro .home-block-inner {
        background: #70b942;
        min-height: auto;
        margin-bottom: 30px
    }

    .cmn-modal-content.cmn-modal-content-product-details, .modal-content.cmn-modal-content.cmn-modal-content2.cmn-modal-content5 {
        background: #f5f5f5;
        max-width: 350px
    }

    .related-pro .owl-pagination {
        top: 30%;
        right: 10%
    }

    .carousel-banner-common .carousel-inner {
        height: auto !important
    }

    .my-offer-text {
        display: block;
        float: none
    }

    #sort-by {
        float: none;
        padding-bottom: 20px;
        margin-top: 5px
    }

    .main-list-option-item-checked {
        right: 50px;
        top: 66px
    }

    .logo-inner-pannel-logo-section ul li {
        width: 180px;
        height: 140px;
        margin: 0 5px 30px
    }

        .logo-inner-pannel-logo-section ul li a img {
            width: 100px
        }

    .breadcrumb-option {
        margin-top: 0
    }

    .logo-retailer-left-pannel {
        display: block;
        float: none
    }

    .right-category-retilaers {
        display: block;
        float: none;
        vertical-align: middle;
        margin-top: 15px
    }

        .right-category-retilaers ul li {
            padding: 12px 8px;
            font-size: 12px
        }

    .custom-flyers-tabs-common {
        margin-top: 10px !important;
        text-align: center;
        display: block
    }

    .no-gutter-space-right {
        padding-right: 15px !important
    }

    .no-gutter-space-left {
        padding-left: 15px !important;
        margin-top: 30px
    }

    .location-track-address h3 {
        width: 300px;
        font-size: 12px
    }

    .flat-text-details p, .location-track-address p {
        font-size: 12px;
        line-height: 20px
    }

    .inner-map-store-pnl {
        padding: 15px 20px
    }

    .gradient-retailer-overlay-section {
        margin-top: 0;
        line-height: 0;
        padding: 10px 15px
    }

    .left-pnl-discoundbrand-logo {
        display: inline-block;
        float: left;
        width: 110px;
        height: auto
    }

   /* .modal-dialog.cmn-modal-dialog.cmn-modal-dialog2.cmn-modal-dialog-coupons {
        width: 350px
    }*/

    .flat-text-details {
        margin-left: 15px;
        width: 165px;
        margin-right: 10px;
    }
    .language-arabic-selected .flat-text-details {
        width: 165px;
        margin-right: 10px !important;
    }

        .flat-text-details h2 {
            font-size: 13px;
            line-height: 16px;
            margin-bottom: 2px
        }

        .flat-text-details h3 {
            font-size: 12px;
            margin-bottom: 0
        }

        .flat-text-details p img {
            width: 15px;
            line-height: 0
        }

    .close-tag {
        padding: 4px 10px
    }

    .cmn-modal-content5 .close-tag.close-tag2 {
        right: 10px;
        top: 10px
    }

    .coupon-code {
        font-size: 14px;
        width: 120px;
        height: 40px
    }

    .cody-copy-btn {
        font-size: 14px;
        width: 140px;
        height: 40px
    }

    .share-btn-coupon {
        width: 40px;
        display: inline-block;
        height: 36px;
        font-size: 20px;
        border: 1px solid #009bce;
        color: #009bce;
        margin-left: 5px;
        vertical-align: middle
    }

/*    .coupon-redeem-btn, .coupon-save-btn {
        width: 140px;
        height: 40px;
        font-size: 13px
    }*/

    .copy-code-share, .question-coupon {
        margin-bottom: 15px
    }

    .coupon-redeem-btn {
        margin-left: 0
    }

    .coupon-flat-discount-header {
        margin-top: -20px;
        padding: 15px 10px 0
    }

    .copy-promo-code-section {
        background: #fff;
        padding: 20px
    }

    .popover-copied {
        position: absolute;
        left: 30%;
        top: 30%
    }

    .coupons-tab .nav-tabs.product-tabs > li a {
        padding: 4px 12px
    }

    .coupons-tab #productTabContent {
        padding: 10px 10px 10px 20px;
        margin: 5px 20px
    }

    .coupons-tab p {
        font-size: 13px;
        margin: 3px 0
    }

    .coupon-popup-footer a {
        font-size: 10px;
        padding: 5px 0
    }

    .product-view .product-shop .old-price .price {
        font-size: 12px;
        font-weight: 400
    }

    .price-and-discount, .product-view .short-description h2 {
        margin-bottom: 0
    }

    .std p {
        font-size: 12px;
        line-height: 18px
    }

  

  /*  .section-heading:before {
        right: 0
    }

    .section-heading:after {
        left: -5px
    }
*/
    .brand-logo .section-heading:before {
        right: 15px
    }

    .brand-logo .section-heading:after {
        left: 10px
    }

    .footer-service-policies .service-policy a, .footer-service-policies .service-policy:nth-child(3) a {
        padding-left: 0
    }

    .owl-carousel .owl-item .most-common-tiled-img, .owl-carousel .owl-item a.product-image {
        height: 190px;
        width: 150px
    }

        .owl-carousel .owl-item .most-common-tiled-img img {
            max-width: 150px;
            margin: 0 auto;
            max-height: 190px !important
        }

    a.product-image {
        vertical-align: middle;
        display: block
    }

    .most-common-tiled-img img {
        max-width: 180px;
        margin: 0 auto;
        max-height: 200px !important
    }

    .category-products .item-title p {
        font-size: 10px;
        line-height: 14px;
        width: 160px;
        margin-top: -10px;
        position: relative;
        height: 0;
        overflow: hidden
    }

    .price-left-pnl p.grey-cross-text {
        font-size: 10px;
        line-height: 10px
    }

    .price-left-pnl p.real-price {
        font-size: 10px;
        line-height: 15px
    }

    .discount-price-precent {
        font-size: 8px;
        right: 2px;
        top: 4px
    }

    .ribbon-image-pnl {
        position: static;
        top: 40px;
        right: 0
    }

    .retailers-brand-remaining-time .day-remaining p {
        font-size: 10px;
        width: unset;
        margin: 3px 0 0
    }

    .day-remaining {
        margin-top: 0;
        margin-left: 10px
    }

    .ribbon-image-pnl img {
        width: 54px
    }

    .share-icon-detls {
        padding: 5px 10px
    }

    .product-bestseller .products-grid .item {
        padding: 0 5px;
        margin-bottom: 20px
    }

    .day-remaining ul li {
        font-size: 7px;
        line-height: 15px
    }

        .day-remaining ul li img {
            width: 12px
        }

    .retailes-logo-left {
        display: inline-block;
        width: 40px;
        height: 40px
    }

        .retailes-logo-left img, .rightt-adds-section img, a.adds-vertically {
            width: 100%;
            height: 100%
        }

    .share-icon-detls i {
        color: #fff;
        font-size: 12px
    }

    .coupon-img-link, .coupon-specific-img {
        height: 140px;
        width: 160px
    }

        .coupon-specific-img img {
            max-width: 140px;
            max-height: 150px !important
        }

        .coupon-img-link.coupon-img-link2, .coupon-specific-img.coupon-specific-img2 {
            width: 160px
        }

            .coupon-specific-img.coupon-specific-img2 img {
                max-width: 160px
            }

    .right-pnl-text-coupon p {
        font-size: 10px;
        line-height: 15px;
        width: 100px
    }

    .left-pnl-img-coupon img {
        width: 30px;
        height: 30px;
        object-fit: cover
    }

    .add_google-by iframe, .add_google-by.add_google-by2 iframe {
        min-height: 100% !important;
        height: 100% !important
    }

    .add_google-by, .add_google-by2 {
        margin-bottom: 10px;
        margin-top: 10px
    }

    .bestsellers3 .product-bestseller, .bestsellers3.top-coupons-cart-tile-clothing .product-bestseller {
        padding-top: 20px
    }

    .inner-spaces-coupon {
        height: auto;
        margin-bottom: 20px
    }

    .bestsellers3 {
        padding-top: 0
    }

    .flyer-main-parent {
        margin-top: 10px;
        margin-bottom: 40px
    }

    .left-adds-section {
        margin-bottom: 15px;
        display: none
    }

    .flyer-header .list_top_content ul li.valid_till {
        font-size: 10px;
        font-weight: 400;
        padding-left: 5px
    }

    .flyer-header .list_top_content ul li.bankmont_grid {
        width: 40px
    }

    .list_top_content ul li.bankmont_grid1 {
        width: 40px;
        padding-left: 0 !important
    }

    #maginifier .font-button-cmn {
        height: 20px !important;
        width: 20px !important;
        line-height: 20px;
        font-size: 20px;
        margin-right: 0;
        font-weight: 700
    }

    .number-of-pages {
        width: 140px;
        font-size: 14px
    }

    .drop-down-sharing {
        top: 0px;
        height: 140px;
        width: 220px;
        right: 0px;
    }

        .drop-down-sharing ul li a {
            padding: 8px 10px
        }

    .flyer-header .list_top_content ul li.bankmont_grid img, .list_top_content ul li.bankmont_grid1 img {
        width: 18px
    }

    .drop-down-sharing ul li a img {
        margin-right: 12px;
        width: 15px
    }

    .flyer-header .list_top_content ul li.bankmont_grid:hover, .list_top_content ul li.bankmont_grid1:hover {
        background: 0 0
    }

    .flyer-grid-inner {
        padding: 20px
    }

    .product-list-view {
        min-height: 200px;
        margin-bottom: 20px;
        opacity: 1
    }

    .flyerpagesgrid-view, .product-img {
        height: 200px
    }

        .flyerpagesgrid-view a img {
            max-height: 200px;
            max-width: 140px !important
        }

    .number-of-product {
        height: 30px;
        bottom: 10px;
        width: 30px;
        font-size: 15px;
        line-height: 25px;
        right: 10px
    }

    .slider-main-flyers .bx-wrapper .bx-next, .slider-main-flyers .bx-wrapper .bx-prev {
        background-size: 30px
    }

    .mobile-view-action-button ul {
        text-align: left;
        border-bottom: 1px solid rgba(117,117,117,.3);
        border-top: 1px solid rgba(117,117,117,.3);
        padding: 7px 0;
        margin-bottom: 10px
    }

        .mobile-view-action-button ul li {
            display: inline-block;
            margin: 0 12px
        }

    .product-view .product-name {
        border-bottom: none
    }

    .mobile-view-action-button ul li a {
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 14px;
        color: #009bce
    }

        .mobile-view-action-button ul li a svg {
            vertical-align: text-bottom;
            margin-right: 10px;
            width: 18px
        }

    .button-field-dtls {
        display: block;
        vertical-align: top
    }

    .inner-similar-offer-tile h2, .mobile-view-all {
        display: inline-block;
        margin-bottom: 10px;
        margin-top: 10px;
        font-size: 12px
    }

    .button-field-dtls .btn-save {
        width: 48%;
        font-size: 14px
    }

    .button-field-dtls .btn-see-details {
        font-size: 14px;
        width: 47%
    }

    .product-view .short-description {
        padding-bottom: 0
    }

    .product-view .product-shop .add-to-box {
        padding-top: 5px;
        padding-bottom: 15px;
        border-bottom: 1px solid #70b942;
        margin-bottom: 10px
    }

    .product-essential {
        background-color: #e5e5e5;
        padding: 0 10px 10px
    }

    .product-view .product-name h1 {
        font-size: 14px;
        line-height: 22px;
        height: 25px;
        overflow: hidden
    }

    .similar-offer-section-tile {
        padding: 0 15px
    }

    .mobile-view-all {
        float: right;
        font-weight: 700;
        letter-spacing: 1px;
        color: #009bce
    }

    .product-view .product-shop .ratings {
        padding: 0;
        border-bottom: 0
    }

    .ribbon-offer-cart img {
        margin-bottom: 0;
        width: 80px
    }

    .similar-offer-section-tile ul {
        height: 90px;
        overflow: hidden;
        width: 100%
    }

    .discount-tag {
        font-size: 12px;
        top: 2px;
        left: 19px
    }

    .similar-offer-section-tile ul li {
        width: 29%;
        margin: 0 4px
    }

    .product-view .product-shop .price-box {
        border-bottom: 0;
        padding-bottom: 0;
        padding-top: 0
    }

    .similar-offer-section-tile ul li a {
        height: 90px;
        width: 80px;
        line-height: 90px
    }

        .similar-offer-section-tile ul li a img {
            max-width: 80px;
            max-height: 90px !important
        }

    .no-of-pagesflyer-listing img {
        padding-top: 30px
    }

    .section-heading.resetpaasword-heading:after, .section-heading.resetpaasword-heading:before {
        width: 70px !important
    }
}

@media only screen and (max-width:375px) {
    /*.modal-dialog, .modal:before {
        vertical-align: middle;
    
    }

    .cmn-modal-content.cmn-modal-content-product-details {
        margin: 0 auto
    }*/

    .searchicon {
        top: 5px;
        left: 6px;
    }

    #flyersearchbtn {
        top: 5px;
        left: 6px;
    }

    .pages-details-flyer ul li {
        font-size: 12px;
        line-height: 20px
    }

    .pages-details-flyer ul {
        margin-top: 10px
    }

    .no-of-pagesflyer-listing img {
        padding-top: 15px
    }

    .owl-carousel .owl-item a.product-image, .owl-carousel .owl-item a.product-image .most-common-tiled-img {
        width: 120px
    }

        .owl-carousel .owl-item a.product-image .most-common-tiled-img img {
            max-width: 120px
        }

    .ribbon-image-pnl img {
        width: 44px
    }

    .ribbon-image-pnl {
        top: 32px
    }

    .flat-text-details {
        margin-left: 15px;
        width: 165px; margin-right: 10px;
    }

    .related-pro .owl-pagination {
        top: 28%
    }

   /* .searchbar-field {
        padding: 0 5px 0 35px
    }*/

    .bestsellers3 .pixxett-tabs li > a {
        padding: 0 2px;
        font-size: 10px
    }

    .modal {
        text-align: center;
        padding: 0 !important
    }

        .modal:before {
            content: '';
            height: 100%;
            margin-right: -4px
        }

    /*.modal-dialog {
        text-align: left
    }*/

    .footer-service-policies .service-policy {
        text-align: center
    }

        .footer-service-policies .service-policy a {
            padding-left: 0
        }

    a.product-image {
        height: auto;
        width: 100%
    }

    .most-common-tiled-img {
        height: auto;
        width: 145px
    }

        .most-common-tiled-img img {
            max-height: unset !important;
            height: 90px
        }

    .logo-inner-pannel-logo-section ul li {
        margin: 0 5px 30px;
        width: 150px;
        height: 120px
    }

        .logo-inner-pannel-logo-section ul li a img {
            width: 100px
        }

    .coupon-img-link {
        height: 140px;
        width: 140px
    }

    .coupon-specific-img {
        height: 150px;
        width: 140px
    }

/*    .section-heading:after, .section-heading:before {
        width: 50px
    }*/

    .coupon-img-link.coupon-img-link2, .coupon-specific-img.coupon-specific-img2 {
        width: 140px
    }

        .coupon-specific-img.coupon-specific-img2 img {
            max-width: 140px
        }

/*    .cmn-modal-dialog.cmn-modal-dialog-product-details {
        width: 350px;
        margin-left: auto;
        margin-right: auto
    }
*/
    .button-field-dtls .btn-see-details {
        width: 47%;
        font-size: 12px
    }

    .button-field-dtls .btn-save {
        width: 48%;
        font-size: 12px
    }

    .nav-tabs.product-tabs > li > a {
        font-size: 10px
    }

    .right-category-retilaers ul li {
        padding: 12px 5px;
        font-size: 12px
    }

    .custom-flyers-tabs-common.nav-tabs.product-tabs > li {
        margin-right: 30px;
        position: relative
    }

    .product-bestseller.retailers-flyer-tile .products-grid .item .most-common-tiled-img, .product-bestseller.retailers-flyer-tile .products-grid .item a.product-image {
        width: 100%
    }

    .day-remaining {
        margin-left: 0
    }

        .day-remaining ul li {
            font-size: 6px;
            line-height: 15px
        }

    .right-pnl-text-coupon {
        display: inline-block;
        vertical-align: top
    }

        .right-pnl-text-coupon p {
            margin-left: 0;
            width: 85px;
            font-size: 8px
        }

    .mens-electronics-category {
        padding-bottom: 40px
    }

    .location-track-address h3 {
        width: 250px;
        font-size: 12px
    }

    .add_info.custom-tab-flyers .nav-tabs.product-tabs > li > a, .product-view .product-name h1 {
        font-size: 12px
    }

    .custom-flyers-tabs-common {
        margin-top: 0 !important;
        text-align: center
    }

    .product-bestseller .products-grid .item {
        margin-bottom: 12px
    }

    .retailes-logo-left {
        display: inline-block;
        width: 40px;
        height: 40px
    }

    .flyer-header .list_top_content ul li {
        font-size: 10px;
        padding-left: 5px
    }

    .flyer-header li.bank_mont_first_img {
        border-right: 1px solid #c2c2c2;
        padding: 14px;
        padding-left: 12px !important;
        padding-right: 12px !important
    }

    .flyer-header .list_top_content ul li.bankmont_grid, .list_top_content ul li.bankmont_grid1 {
        width: 35px
    }

    .drop-down-sharing {
        padding: 8px;
        top: 0px;
        height: 130px;
        width: 200px;
        right: 0px;
    }

        .drop-down-sharing ul li a {
            padding: 7px 10px
        }

    #maginifier .font-button-cmn {
        height: 20px !important;
        width: 20px !important;
        line-height: 20px;
        font-size: 20px;
        margin-right: 0;
        font-weight: 700
    }

    .product-list-view {
        min-height: 160px;
        margin-bottom: 20px;
        opacity: 1
    }

    .flyerpagesgrid-view, .product-img {
        height: 160px
    }

        .flyerpagesgrid-view a img {
            max-height: 160px;
            max-width: 140px !important
        }

    .number-of-product {
        height: 30px;
        bottom: 10px;
        width: 30px;
        font-size: 15px;
        line-height: 25px;
        right: 10px
    }

    .flyer-grid-inner {
        padding: 20px 10px
    }

    .mobile-view-action-button ul li {
        margin: 0 5px
    }

    .similar-offer-section-tile ul li {
        width: 29%;
        margin: 0 4px
    }

        .similar-offer-section-tile ul li a {
            height: 90px;
            width: 80px
        }

            .similar-offer-section-tile ul li a img {
                max-width: 80px;
                max-height: 90px !important
            }

    .product-view .short-description p {
        font-size: 10px;
        line-height: 14px;
        height: 30px
    }

    .section-heading.resetpaasword-heading:after, .section-heading.resetpaasword-heading:before {
        width: 50px !important
    }

    .country-dropdown li {
        width: 95%;
        overflow: hidden
    }
}

@media only screen and (max-width:360px) {
    .sortBtns span > span {
        font-size: 10px
    }

    /*.language-arabic-selected .newModal .modal-dialog, .language-arabic-selected .newModal.modal-dialog {
        margin-top: inherit
    }*/
}

@media only screen and (max-width:320px) {
    .getcoupon {
        font-size: 10px !important;
    }
    .copy-code-share button {
        width: auto !important;
        padding: 0 11px;
    }
    .coupons-tab .nav-tabs.product-tabs > li a {
        padding: 4px 5px;
    }
    .language-arabic-selected .flat-text-details {
        width: 114px;
    }
   .flat-text-details {
        width: 114px;
        margin-right:10px;
        margin-left:5px;
    }
   
  /*  .modal-dialog, .modal:before {
        display: inline-block;
        vertical-align: middle
    }*/

    .similar-offers {
        margin: 0 auto 12px
    }

    .modal-header {
        padding: 11px 15px
    }

    .modal-content .shareBlk {
        padding: 8px 30px
    }

    .modal-body .prodImg {
        height: 92px
    }

    .save-offer-blk {
        padding: 11px 12px
    }

    /*.language-arabic-selected .newModal .modal-dialog, .language-arabic-selected .newModal.modal-dialog, .newModal.modal-dialog {
        margin-top: inherit
    }

    .cmn-modal-dialog.cmn-modal-dialog2, .cmn-modal-dialog3 {
        width: 310px
    }

    .cmn-modal-content, .cmn-modal-content.cmn-modal-content2, .cmn-modal-content3 {
        max-width: 310px
    }

    .cmn-modal-body {
        padding: 20px
    }*/

    .header-text h1 {
        font-size: 24px
    }

    .close-tag {
        padding: 5px 10px
    }

    .loginvia-facebook, .loginvia-google {
        width: 130px
    }

    .modal-dialog {
        margin-top: 5px
    }

    .footer-text-option {
        margin-top: 10px
    }

    .cmn-modal-content.cmn-modal-content2 {
        min-height: 540px
    }

    .select-city select, .select-country-flag {
        background-position: 230px 17px
    }

/*    .modal {
        text-align: center;
        padding: 0 !important
    }

        .modal:before {
            content: '';
            height: 100%;
            margin-right: -4px
        }

    .modal-dialog {
        text-align: left
    }*/
}

/*Lulu HyperMarket Retailers page changes*/

.retailerPageContainer{
    margin-top: 30px;
}

.retailerPageTitle {
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    line-height: 20px;
    text-transform: uppercase;
    margin-top: 20px;
    letter-spacing: normal;
}

.retailerPageContainer .view-more-div {
    margin: 30px 10px 50px 10px;
}

.retailerPageContainer #sort-by{
    margin-top: -10px !important;
    margin-bottom: 30px;
}

.retailerPageTitle #title2:focus {
    color: #009bce;
}

.retailerPageContainer .section-heading{
    margin-top: 30px;
}

#less-content:hover, #more-content:hover {
    color: #009bce;
    cursor: pointer;
}