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


}

@media screen and (max-width: 1500px) {
    .wrapper {
        max-width: 1100px;
        padding: 0 20px;
    }

    .list-wrap .content .img-shape .img-box {
        width: 245px;
        height: 180px;
    }
    #tab2  .list-wrap .content .img-shape .img-box {
        width: 245px;
        height: 200px;
    }
    #tab2 .list-wrap .data h5{font-size: 16px;line-height: normal;margin: 10px 0;}
    #tab2 .list-wrap .data h5 span.code {
        font-size: 16px;
    }

    /* .img-shape{height: 100%;} */
    .img-shape:before {
        right: 6px;
        top: 6px;
    }

    .list-wrap li:nth-child(even) .content .img-shape:before {
        left: 6px;
    }
    #tab2 .list-wrap li:nth-child(even) .content .img-shape:before {
        left: 6px;
    }

    .list-wrap .data .img-box {
        max-width: 95px;
        margin-bottom: 0;
        height: 30px;
    }

    .list-wrap .data h4 {
        margin: 10px 0;
        font-size: 18px;
        width: 100%;
        display: block;
    }

    .list-wrap .button {
        font-size: 14px;
    }

    .list-wrap .data {
        padding-left: 260px;
    }

    .list-wrap li:nth-child(even) .content .data {
        padding-right: 260px;
    }
    #tab2 .list-wrap li:nth-child(even) .content .data {
        padding-right: 260px;
    }

    #tabs-nav li a {
        font-size: 18px;
    }

    .list-wrap span.button {
        font-size: 12px;
    }

    .popup .content.row {
        padding: 20px 20px;
    }

    .popup .content h2 {
        font-size: 20px;
    }

    .popup .contentoffline h6 {
        padding-bottom: 20px;
    }
    .redeem-dtl-wrap ul h3{font-size: 22px;}
}

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

@media screen and (max-width: 1200px) {
    .list-wrap .data h4 {
        font-size: 18px;
    }

    .tab-content {
        padding: auto;
        padding: 0 5px;
    }

    .popup .content .img-box{width: 120px; height: 120px;}
}
@media screen and (max-width: 1100px) {
    #tab2 .list-wrap .data{padding-right: 15px;padding-left: 255px;}
    #tab2 .list-wrap .data h5{font-size: 14px;}
    #tab2 .list-wrap .data h5 span.code{font-size: 14px;}
    
}



@media screen and (max-width: 1023px) {
    .wrapper {
        max-width: 100%;
        width: 100%;
        padding: 0 30px;
    }

    .col50 {
        width: 100%;
    }


    .login-sec .logo img {
        max-width: 270px;
    }

    .login-sec .img-box {
        margin-top: 50px;
    }

    .login-sec .left {
        padding: 50px 50px;
        margin-bottom: 0;
    }

    .login-wrap,
    .login-sec .row .right {
        height: auto;
    }

    .login-wrap {
        padding: 50px 40px;
        border-radius: 45px 45px 0 0;
    }

    .login-sec .row {
        align-items: flex-end;
    }

    .login-sec .row .right:before {
        border-radius: 45px 45px 0 0;
        bottom: 9px;
        right: 0;
    }

    .col25 select {padding: 15px;}
    label.error, span.ajaxerror {margin: 10px 0px 10px 10px; font-size: 1rem;}

    .login-wrap input {
        padding: 15px;
    }

    .form-wrap h3 {
        font-size: 40px;
    }

    .login-sec .btn-wrap a {
        font-size: 20px;
    }


    /* offer-list */
    .banner-slide .img-box {
        height: auto;
    }

    .list-wrap li {
        width: 100%;
        margin: 15px 0;
        padding: 20px 0;
    }

    .tab-content {
        margin: 20px 0;
    }

    ul#tabs-nav {
        max-width: 100%;
    }

    ul#tabs-nav li {
        width: 50%;
    }

    #tabs-nav li a {
        padding: 10px;
        font-size: 14px;
    }

    .list-wrap {
        margin-top: 20px;
    }

   
   

    .offer-detail-sec .img-shape .img-box {
        height: 100%;
    }

    .popup .content h2 {
        font-size: 16px;
    }
    .offer-detail-sec .content h2{font-size: 28px;}
     .offer-detail-sec .img-shape{height: 200px;} 

    .redeem-dtl-wrap div.redeem-info h3{font-size:22px;}
    .redeem-dtl-wrap div.redeem-info li{font-size: 16px;}
    /* .redeem-dtl-wrap div.redeem-info li::before{font-size: 18px;} */
    .desk-only {
        display: none !important;
      }
      .mob-only {
        display: block !important;
      }
      #tab2 .list-wrap li{width: 100%;}

      .form-wrap .form-list li.chk-wrap {
        margin-bottom: 20px;
    }

   .categories-grid {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 40px;
    }
            
}

@media screen and (max-width: 767px) {
    .offer-detail-sec .content .data-info>div {
        padding: 0px 5px;
    }
    .offer-detail-sec .content .data-info p{ font-size: 14px; line-height: normal;}
    .img-shape {
        margin-bottom: -7px;
    }

    .list-wrap .content .img-shape .img-box {
        height: 190px;
        width: 280px;
    }

    .list-wrap .data {
        padding-left: 298px;
    }
    .list-wrap li:nth-child(even) .content .data {
        padding-right: 298px;
    }
    #tab2 .list-wrap li:nth-child(even) .content .data {
        padding-right: 298px;
    }
    .popup .content .data {
        text-align: center;
        display: flex;
        justify-content: center;
        flex-flow: row wrap;
    }
    .popup .content h2 {
        width: 225px;
    }
    .popup .content.row {
        flex-flow: row wrap;
        padding: 15px 20px;
    }
    .popup .content.row .data {
        padding: 10px 0 0 0;
        width: 100%;
    }
    .popup .content.row h2{max-width: 100%; width: 100%;}
    .popup .content h2{max-width: 100%; }
    .offer-detail-sec .content h2, .offer-detail-sec .content h5{text-align: center;}
    .offer-detail-sec .content h2{padding: 15px 0 0;}

    .offer-detail-sec .content .data {
        padding: 0px 0 0 20px;
    }
    .offer-detail-sec .content h2 {
        font-size: 20px;
    }

    .offer-detail-sec .content h5 {
        font-size: 14px;
        margin: 10px 0 15px;
        line-height: normal;
    }
    .form-wrap h3{font-size: 28px;}
    /* .login-sec .btn-wrap a, .login-sec .btn-wrap input{font-size: 16px;} */
    .form-wrap .form-list li { height: 70px;}
    .form-wrap h3{margin-bottom: 10px;}


    .offer-detail-sec .content.row{flex-flow: row wrap;justify-content: center;margin-top: 10px;}
    .offer-detail-sec .content.row .data{flex: auto; display: flex;justify-content: center; padding: 0;}
    .popup .err-wrap span{padding: 10px;}
    .popup .err-wrap span p{font-size: 10px ;}
    div.mxdialog div.body{min-width:320px;}
    .popup .voucher-popup .pin-wrap input{font-size: 16px;padding: 10px 40px;}
    .popup .voucher-popup .content a{width: 24px;}
    .popup .pin-wrap input{font-size: 16px;}
    .redeem-dtl-wrap div.redeem-info h3{font-size: 18px;margin-bottom: 10px;}
    #tab2 div.redeem-info h3{font-size: 16px;}

    /* added on 5-12-23 */
    .redeem-dtl-sec{border-bottom: 0px solid #b5b5b5;}
    .rdm-btn-wrap{padding:0;position: fixed;bottom: 0;}
    .rdm-btn-wrap .wrapper{padding: 0;}
    .rdm-btn-wrap .button{width: 100%;border-radius: 0;}
    .rdm-btn-wrap .button{box-shadow: rgb(0 123 204 / 15%) 0px 9px 18px -5px, rgba(0, 123, 204, 16%) 0px 6px 12px -5px;}

    .whatsapp-float {
        width: 60px;
        height: 60px;
        bottom: 15px;
        right: 15px;
    }

    .categories-grid {
                grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
                gap: 30px;
                margin: 0 auto;
            }

    .category-thumb img {max-width: 80px;}

    .homeIcon {
                font-size: 22px;
                padding: 6px;
            }
            
            .logo {
                max-width: 80px;
            }
            
            .user-log a {
                font-size: 18px;
                padding: 6px;
            }
            
            #google_translate_element {
                max-width: 120px;
                overflow: hidden;
            }
            
            .goog-te-combo {
                padding: 6px 26px 6px 10px;
                background-position: right 6px center;
            }

            .custom-dropdown, .goog-te-combo option {
                max-width: 120px;
            }

            .results-container {
                grid-template-columns: 1fr;
                gap: 5px;
            }

            .result-item {margin-bottom: 5px;}
            .login-sec .logoHome img.max-width-180 {max-width: 130px !important;}

            .rating-chip {
                padding: 5px 14px;
            }
        
}

@media screen and (max-width: 640px) {
    .wrapper {
        padding: 0 20px;
    }

    .banner-slide .slick-dots li,
    .banner-slide .slick-dots li button,
    .banner-slide .slick-dots li button:before {
        width: 40px;
    }

    .banner-slide .slick-prev,
    .banner-slide .slick-next {
        height: 25px;
        width: 25px;
    }

    .banner-slide .slick-prev:before,
    .banner-slide .slick-next:before {
        font-size: 20px;
    }

    .header-wrap .logo {
        max-width: 110px;
    }

    ul#tabs-nav li::before {
        bottom: -5px;
    }

    .list-wrap .content .img-shape .img-box {
        width: 160px;
        height: 140px;
    }
    #tab2 .list-wrap .content .img-shape .img-box {
        width: 180px;
        height: 155px;
    }

    .list-wrap .data .img-box {
        max-width: 90px;
        height: 25px;
        margin-bottom: 0;
    }

    .list-wrap .data h4 {
        font-size: 14px;
        margin: 10px 0 5px 0;
        min-height: 22px;
        width: 100%;
        display: block;
    }

    .list-wrap .data {
        padding: 10px;
        padding-left: 170px;
    }
    #tab2 .list-wrap .data {
        padding-right: 10px;
        padding-left: 170px;
    }

    .list-wrap li:nth-child(even) .content .data {
        padding: 15px;
        padding-right: 180px;
    }
    #tab2 .list-wrap li:nth-child(even) .content .data {
        padding: 15px;
        padding-right: 180px;
    }

    .list-wrap span.button {
        font-size: 12px;
    }

    .offer-detail-sec .content .data-info img {
        max-width: 20px;
    }

    .offer-detail-sec .content .data-info span {
        font-size: 10px;
    }

    

    .offer-detail-sec .content .img-box {
        width: 120px;
        height: 120px;
    }

    header .wrapper{
        padding: 0 10px;
    }

    header span {
        font-size: 12px;
        padding: 0;
    }

    .header-wrap a.homeIcon {font-size: 22px;}

    .user-log a {
        font-size: 22px;
        padding: 5px 10px;
    }

    .rdm-btn-wrap .button {
        font-size: 20px;
        border-radius: 0px;
    }

    .popup .body {
        min-width: 90%;
    }
    .img-shape {
        bottom: 0;
        margin-bottom: 0px;
    }

    .list-wrap li {
        margin: 5px 0;
    }

    .popup .content .img-box {
        width: 100px;
        height: 100px;
    }

    .popup .content h2 {
        font-size: 16px;
    }

    .popup .pin-wrap p {
        font-size: 14px;
        line-height: normal;
    }

    .popup .content {
        padding: 15px 0px;
        margin-top: 20px;
    }

    .popup .pin-wrap {
        padding: 15px 50px;
        max-width: 300px;
    }

    .popup .content.offline h6 {
        padding-bottom: 15px;
        padding: 0 20px 20px;
    }

    .popup .pin-wrap input {
        padding: 10px;
    }

    .popup .content:nth-child(3) {
        margin-bottom: 15px;
    }

    .popup .content:nth-child(3) .button {
        font-size: 18px;
    }

    .redeem-dtl-wrap ul h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .redeem-dtl-wrap ul li {
        font-size: 14px;
    }

    .redeem-dtl-wrap ul {
        margin-bottom: 15px;
    }
    .login-wrap{padding: 40px 40px;}
    .login-sec .btn-wrap {
        margin-top: 10px;
    }
    .login-sec .btn-wrap input{font-size: 22px;}
    .login-sec .img-box {
        margin-top: 35px;
    }
    .login-sec .left{padding: 0px 20px 20px 20px; height: 40vh;}
    #tab2 ul.redeem-info li{font-size: 14px;}
    #tab2 ul.redeem-info h3{font-size: 16px;}
    #tab2 .list-wrap .data h5 {
        font-size: 12px;
    }
    #tab2 .list-wrap .data h5 span.code {
        font-size: 12px;
    }
    #tab2 ul.redeem-info{padding: 15px;}
    .login-sec {
        background-image: url(../images/roam-pass-login-page-mobile-banner.jpg);
        background-position: bottom center;
    }
    .login-sec .logo img.max-width-180 {max-width: 110px !important;}
    .login-sec .logo img {max-width: 160px;}
    .login-sec .logo-wrap-bottom h2{font-size: 42px;}
    .footer-logo-img {max-width: 100px;}
    .footer-logo-wrap h3 {font-size: 15px;}
    .whatsapp-float {
        width: 60px;
        height: 60px;
        bottom: 10px;
        right: 10px;
    }
    .pageTitle{margin-bottom: 30px;}
    .subTitlePage{font-size: 28px !important;}
    .search-offer {font-size: 14px !important;}
    .categories-grid {
                grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
                gap: 30px;
                margin: 0 auto;
            }
    .category-thumb {padding: 10px;}
    .category-thumb img {max-width: 80px;}
    .category-content {padding: 0px 25px;}
    .category-name {font-size: 1.7rem;margin-bottom: 0px;}
    .category-desc {font-size: 12px; margin-bottom: 10px;}
    .results-container {
                grid-template-columns: 1fr;
                gap: 15px;
            }

    .header-wrap .logo-container {width: 22%;}
    .logo-container {left: 35%;}

    .homeIcon {
                font-size: 22px;
                padding: 6px;
            }
            
            .logo {
                max-width: 80px;
            }
            
            .user-log a {
                font-size: 18px;
                padding: 6px;
            }
            
            #google_translate_element {
                max-width: 120px;
                overflow: hidden;
            }
            
            .goog-te-gadget .goog-te-combo {
                padding: 6px 15px 6px 10px;
                background-position: right 6px center;
                max-width: 110px;
            }

            .custom-dropdown, .goog-te-combo option {
                max-width: 110px;
            }

        label.error, span.ajaxerror {font-size: 1.5rem;}
        .offerFooter .distanceKM { position: absolute; display: flex; right: 0; left: unset; top: -450%;}
        .resultTitle {font-size: 16px;}
        .result-item {margin-bottom: 5px;}
        .geo-banner strong {display: block; width: 100%;}
        .geo-msg-txt {
          display: block;
          width: 100%;
          margin: 5px 0 10px;
        }
        .login-sec .logoHome img.max-width-180 {max-width: 130px !important;}
        .custom-dropdown select {padding: 10px;}
        .resultThumb {width: 65px; height: 65px;}
}

@media screen and (max-width: 414px) {
  .list-wrap .data h4 {
    font-size: 14px;
    margin: 10px 0 5px 0;
    width: 100%;
    display: block;
} 
    .popup .err-wrap span{padding: 5px;}
    .popup .err-wrap span p{font-size: 8px;}
  .popup .err-wrap img{margin-right: 5px;}
  .popup .content .data-info{width: 100%;max-width: 300px;}
  #tab2 .list-wrap .content .img-shape .img-box {
    width: 160px;
    height: 160px;
}
#tab2 .list-wrap .data {
    padding-right: 15px;
    padding-left: 172px;
}
#tab2 .list-wrap li:nth-child(even) .content .data {
    padding: 15px;
    padding-right: 172px;
}
.vhr-wrap{max-width: 300px;}

.whatsapp-float {
        width: 60px;
        height: 60px;
        bottom: 10px;
        right: 10px;
    }

    .categories-grid {
                grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
                gap: 30px;
                margin: 0 auto;
            }
    .category-thumb {padding: 10px;}
    .category-thumb img {max-width: 80px;}
    .category-content {padding: 0px 25px;}
    .category-name {font-size: 1.7rem;margin-bottom: 0px;}
    .category-desc {font-size: 12px; margin-bottom: 10px;}
    .login-sec .left .logo-wrap-top {margin-top: 20px;}
    .offerFooter .distanceKM {right: -7px;}
    .list-wrap .data .img-box {max-width: 75px;}
}
@media screen and (max-width: 362px) {
    #tab2 .list-wrap .data h5 {
        font-size: 10px;
    }
    #tab2 .list-wrap .data span.code {
        font-size: 10px;
    }
}