@media (min-width:1200px) and (max-width:1286px) {
    .DshScratch li:nth-child(1) a, .DshScratch li:nth-child(2) a {
        padding: 0 60px;
        font-size: 12px;
    }
    
    .DshScratch li {
          width: 228px;
    }
    
    .mobilemargin{
        font-size: 12px;
    }
    .mobilemargin a {
        font-size: 12px;
    }
    .mcrd .badges {
        left: 50px !important;
    }
    .PopupContent h1 {
        font-size: 28px !important;
    }
    .pucpageCard a.nav-link {
        font-size: 15px !important;
    }
}
@media (min-width:1287px) and (max-width:1441px){
    .mcrd .badges {
        left: 61px !important;
    }
    .PopupContent h1 {
        font-size: 28px !important;
    }
}
@media (max-width:575px) {
    .CongratePopup {
        width: 95% !important;
        min-height: 563px !important;
        max-height: 563px !important;
    }
    .CongratePopup .close {
        right: 18px !important;
    }
    .PopupContent h1 {
        font-size: 28px !important;
    }
    .ransactionTitleSec > p {
        left: 0;
        position: unset;
    }
    .Register_____Form .pb-0 {
        display: none !important;
    }

    .mycard {
        width: 180px !important;
    }

    .PanExistCheck {
        width: 77%;
    }

    #pan_verification_form .field_con .field_hld {
        max-width: 100%;
    }

    .summerbonanScheme {
        padding: unset;
        margin-bottom: 25px;
    }

    .AdminScratchSec {
        padding: unset;
    }

    .AdminScratchSec .swiper.mySwiper {
        padding: unset !important;
    }

    .CStmSwiperSllid .badges,
    .mySwiper .badges {
        left: unset !important;
    }

    p.date_rangeShow.ResultStatus {
        position: relative;
        bottom: 2px;
        order: -1;
        text-align: left;
    }

    .input-group-text.search-by-btn {
        z-index: 1 !important;
    }

    .PrevNext {
        padding: 15px 20px 0 20px;
    }

    select#city.selectBox,
    select#payment.selectBox {
        max-width: 100%;
        text-transform: capitalize;
    }

    .scheme_modal-content {
        width: 90% !important;
        height: unset !important;
        padding: 20px !important;
    }

    /* .scheme_modal-content .row .col-sm-6:nth-child(2) {
        margin-top: 15px;
    } */
    /* .scheme_modal-content .row .col-sm-6:nth-child(2) button{
        background-color: green;
    } */
    .scheme_modal-content .button {
        font-size: 15px;
    }

    .scheme_modal-content .button {
        padding: 11px 26px;
        min-width: 100%;
    }

    .order-panel .checkout-panel h2 {
        font-size: 22px;
        padding: unset;
    }

    .order-panel .checkout-panel {
        margin: unset;
        max-width: 100%;
        min-width: 100%;
        padding-bottom: unset;
        padding-top: unset;
    }

    footer .security_hld a {
        font-size: 11px;
    }

    #existing-user .field_hld {
        padding: 6px 0;
    }

    #existing-user .agreement-panel {
        padding-top: unset;
    }

    #registration-form .field_hld,
    #registration-form .selectBox {
        max-width: 100%;
    }

    .checkout-panel.login_sect .width-32 {
        padding: unset;
    }

    .login_holder .checkout-panel .button {
        margin: 10px 10px 0px 0px;
    }

    .mx-width.order-panel a {
        font-size: 16px;
    }

    footer .security_hld p {
        font-size: 11px;
    }

    .no-coupon-class {
        font-size: 20px;
        line-height: 25px;
    }

    button.mt-2.button.btn.add-coupon {
        margin-top: 20px !important;
    }

    button#validate-otp {
        margin-left: 13px;
    }

    .swal2-custom .swal2-popup-custom {
        height: 387px;
    }

    .swal2-popup-custom img.swal2-image {
        margin-top: 10px;
    }

    .topbar-x {
        margin: 20px;
        padding: 0 15px !important;
    }

    .topbar-x>h1 {
        font-size: 20px !important;
        padding-top: 0px !important;
    }

    .passbook_top_status p {
        font-size: 15px;
    }

    .passbook_top_status p:last-child {
        font-size: 14px !important;
        padding-top: 0px;
    }

    .passbook_top_status {
        min-height: 90px;
    }

    .filter-x {
        width: 90% !important;
        max-width: 90% !important;
        flex-direction: column;
        align-items: start;
    }

    .filter-x .filter-col-x-1 {
        width: 100%;
    }

    .PassPaymentStatus {
        width: 100% !important;
        flex-direction: column;
        /* margin-left: 81px; */
        align-items: flex-start;
    }

    .CashbackRedeem {
        width: 100% !important;
        /* margin-left: 16px; */
        display: flex;
        justify-content: space-between;
        /* padding-top: 19px; */
    }

    .PAssLebelLeft {
        font-size: 12px;
        /* padding-top: 5px; */
        color: #c8a256;
        display: flex;
        align-items: center;
    }

    .TransactionsDiv {
        padding: unset !important;
        position: relative;
        /* top: -17px; */
        top: -5px;
        left: 50%;
        transform: translateX(-50%);
    }

    .PayuotTicket span {
        line-height: 19px;
    }

    .PayuotTicket {
        padding: unset;
    }

    .UniqueCodeDiv {
        width: 100% !important;
        display: flex;
        justify-content: space-between;
    }

    .PayuotTicketDiv {
        width: 100% !important;
        /* margin-left: 81px; */
        display: flex;
        justify-content: space-between;
        /* margin-top: 5px; */
    }

    .UniqueCodeDiv h2 {
        padding-right: unset;
    }

    .status-x {
        padding-top: unset;
    }

    .MobCashbackSec {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-top: 10px;
    }

    span.CashbackPrice {
        text-align: left;
        position: relative;
        left: 0px;
        min-width: unset;
    }

    span.StatusBtndiv {
        margin-top: 30px;
        display: flex;
        justify-content: space-between;
        width: 100%;
        position: relative;
    }

    span.inPsynced {
        font-size: 10px;
        opacity: .8;
    }

    .PayuotTicket {
        width: unset !important;
        padding-top: unset !important;
    }

    .PayuotTicket .status-xp {
        padding: unset !important;
    }

    .CashbackRedeem p {
        padding-top: 0px;
        line-height: 12px;
    }

    .filter-x .filter-col-x-2 {
        width: 100%;
        display: flex;
        margin-top: 12px;
        justify-content: space-between;
    }

    .filter-col-x-2 select {
        width: 49%;
    }

    .scroll-box-x {
        padding: 0 20px;
    }

    .CashbackRedeem h2 {
        text-align: right;
        padding-right: unset;
    }

    .PassbookMainList {
        padding: 20px 0 !important;
        padding-bottom: 40px !important;
        padding-right: 10px !important;
    }

    .StatusBtn {
        width: 163px !important;
        padding: 8px 0 !important;
        display: block;
        text-align: center;
    }

    .PassbookMainList {
        flex-wrap: wrap;
    }

    .blue-section {
        padding-top: 5px !important;
        padding-bottom: 22px !important;
    }

    .ScratchTabSec {
        padding: unset !important;
    }

    .cu_new div.order-panel {
        padding-top: 15px !important;
    }

    .cu_new .search-box .dashboard-input {
        margin-left: unset;
    }

    .cu_new .d-flex.sr_02q {
        width: 100%;
    }

    .cu_new div.sr_02q li a {
        margin: unset !important;
    }

    .cu_new .pert_09P {
        padding: unset;
    }

    .cu_new .d-flex.sr_02q li {
        margin-bottom: 15px;
    }

    .ScratchTabSec {
        flex-direction: column;
    }

    .ScratchTabSec li {
        font-size: 23px !important;
        line-height: 30px !important;
        margin-bottom: 10px;
    }

    .ScratchTabSec .search-box .dashboard-input {
        margin: unset;
        margin-bottom: 15px;
    }

    .ScratchTabSec .search-box .input-group-text {
        margin: unset;
    }

    .ScratchCardSlider {
        padding-top: unset;
        padding-bottom: unset;
    }

    .pass_slider {
        padding: 20px 0 !important;
        padding-bottom: 0px !important;
        margin-bottom: 10px !important;
    }

    ul.SubMenu li a {
        padding-left: 42px;
    }

    .SchemesBtn li a {
        border-radius: 8px;
    }

    .ScratchTabSec li a:hover {
        color: red !important;
    }

    .pass_slider .slick-next {
        right: -14px;
    }

    .pass_slider .slick-prev {
        left: -14px;
    }

    .CustomModalBoxSection .container {
        padding: unset;
    }

    .RegistersForm .selectBox {
        height: 40px;
    }

    .RegistersForm input {
        height: 40px;
    }

    .SchemesBtn {
        margin-top: 15px;
    }

    .inner_banner {
        height: unset;
        margin-bottom: 15px;
    }

    .RegistersForm p {
        font-size: 13px !important;
        margin-top: 5px !important;
    }

    footer .security_hld ul {
        display: flex;
        padding-bottom: 12px;
    }

    footer .security_hld li {
        padding: 5px 0;
        padding: 0 7px;
    }

    footer .security_hld li:not(:last-child)::before {
        content: ' ' !important;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        /* transform: translateY(-50%); */
        position: absolute;
        right: 0px;
        top: 62%;
        width: 1px;
        height: 11px;
        background: #fff;
    }

    footer .security_hld {
        padding-top: unset;
        padding-bottom: unset;
    }

    footer .security_hld li:last-child::before {
        content: unset;
    }

    .RegistersForm .button {
        padding: 12px 20px 12px 20px;
        min-width: 100%;
        font-size: 16px;
    }

    .RegistersForm .agreement-panel label {
        font-size: 15px;
        line-height: 20px;
        padding-top: 2px;
    }

    .ebcf_modal-content.CustomModalBoxSection {
        width: 90%;
        padding: 10px;
    }

    .RegistersForm .checkout-panel2 {
        padding-top: unset;
        padding-bottom: 5px;
    }

    .RegistersForm h3 {
        font-size: 20px;
    }

    .ebcf_modal-content {
        margin-top: 20px;
    }

    .CongratulationText p {
        font-size: 16px;
        line-height: 25px;
    }

    .CorrecrSign h2 {
        font-size: 16px;
    }

    .CorrecrSign img {
        margin-bottom: 10px;
    }

    .CongratulationText {
        padding-top: 10px;
    }

    .PopupBtn ul li a {
        font-size: 15px;
    }

    .PopupBtn {
        margin-top: 10px;
    }

    .Transtooltip .tooltiptext {
        margin-left: -25px;
    }

    .Transtooltip .tooltiptext::after {
        left: 10%;
    }

    .AddScratchCardBtn {
        margin: 10px 0 0px 0;
        display: block;
        width: 100%;
    }

    .ransactionTitleSec {
        flex-direction: column;
        width: 100% !important;
        align-items: flex-start;
    }

    .AddScratchCardBtn a {
        display: block;
        text-align: center;
    }

    .ransactionTitleSec p {
        font-size: 20px !important;
    }

    .CongratulationTopTitle h3 {
        font-size: 20px;
        line-height: 23px;
        padding: 30px 0 10px 0;
    }

    .PopupBtn ul {
        flex-direction: column;
    }

    .PopupBtn ul li:nth-child(2) {
        margin: unset;
    }

    .PopupBtn ul li {
        padding: 12px 25px;
        margin-bottom: 15px;
    }

    .order-panel .checkout-panel h2 {
        font-size: 20px !important;
        line-height: 26px;
    }

    div#login h2 {
        padding-bottom: 5px !important;
    }

    #existing-user p {
        padding-top: 2px;
    }

    .otp-btn-panel {
        padding: unset;
    }

    .upi_radio_button p,
    .neft_radio_button p,
    .custom_constent p {
        font-size: 14px !important;
        padding-top: 2px !important;
        line-height: 20px !important;
    }

    .order-panel .checkout-panel .field_con .field_hld .textBox {
        margin-bottom: unset !important;
    }

    button#validate-otp {
        margin-left: unset;
    }

    .mobilenumber {
        margin-left: -3px;
    }

    section.section.cu_new .nav-item.sm_2024 {
        font-size: 20px !important;
    }

    footer .warning {
        font-size: 12px;
    }

    .errorText {
        padding-top: unset;
    }

    .agreement-panel label {
        font-size: 14px;
        line-height: 20px;
        padding-top: 3px;
    }

    .FestiveSection h2 {
        font-size: 20px;
        width: 100%;
        padding-top: 15px;
    }

    .FestiveSection input {
        margin-left: unset !important;
    }

    .FestiveBtnSection a {
        width: 100% !important;
    }

    .FestiveBtnSection ul li:first-child {
        margin-right: unset;
        margin: 5px 0;
    }

    .reloadMess {
        top: 63px;
        font-size: 15px;
    }

    .filter-x.PassbookLabels {
        display: none;
    }

    .SchemesBtn li a {
        min-height: 100px;
        font-size: 16px;
    }

    .SchemesBtn .slick-next {
        right: 0px;
    }

    .SchemesBtn .slick-prev {
        left: 0px;
    }

    .SchemesBtn li {
        min-height: unset;
    }

    /*.UserInfoRight{
        display: none;
    }*/

    .Mob-UserInfoRight {
        padding-left: 50px;
        color: #c8a357;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600;
    }

    .PasBookTablesSec {
        overflow-x: scroll;
    }

    .table__header h4 {
        font-size: 14px;
    }

    .table__header th:nth-child(1) {
        min-width: 70px;
    }

    .table__header th:nth-child(2) {
        min-width: 240px;
    }

    .table__header th:nth-child(3) {
        min-width: 153px;
    }

    .table__header th:nth-child(4) {
        min-width: 190px;
    }

    .table__header th:nth-child(5) {
        min-width: 140px;
    }

    .PasBookTablesSec::-webkit-scrollbar-thumb {
        background: #000;
        width: 20px;
    }

    .PasBookTablesSec h2,
    .ResultStatus p {
        font-size: 14px !important;
    }

    .PassbookMainList h2,
    .CashbackRedeem p,
    .CashbackPrice,
    .PayuotTicket span {
        font-size: 12px !important;
    }

    .StatusBtn {
        width: 95px !important;
        font-size: 12px;
    }

    body.userNotExist .leftNav_con a {
        top: 1px;
    }

    .leftNav_con a {
        position: relative;
        top: 4px;
        font-size: 11px !important;
    }

    .UserInfoRight {
        position: relative;
        bottom: 3px;
    }

    header .leftNav .leftNav_con {
        padding-right: 36px;
    }

    .PasBookTablesSec::-webkit-scrollbar {
        height: 5px;
    }

    .PasBookTablesSec::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
    }

    .PasBookTablesSec::-webkit-scrollbar-thumb {
        height: 5px;
        background-color: #c8a357;
        border-radius: 10px;
    }

    .ds_k_view {
        display: none;
    }

    .mbi_l_view {
        display: block;
    }

    .PassPayments_Status span.StatusBtndiv {
        margin-top: unset;
        display: flex;
        justify-content: space-between;
        width: unset;
        position: relative;
        flex-direction: column;
    }

    .cashback_amnt,
    .PayuotTicketDiv,
    .CashbackRedeem {
        /* margin-bottom: 10px; */
    }

    div.CashbackRedeem h2 {
        padding-bottom: 8px;
    }

    .mbi_l_view .row-x.PassbookMainList>div {
        min-height: 32px;
    }

    .CashbackRedeem p {
        font-size: 8px !important;
        margin-top: -12px;
        text-align: right;
    }

    div.showing_098A span,
    div.showing_098A p {
        font-size: 14px;
    }

    p.pc_09_Q {
        margin-bottom: 10px;
    }

    .CashbackPrice {
        display: flex;
    }

    .erraccount {
        position: unset;
    }

    .upi_id,
    .beneficiary_ifsc {
        top: 72px;
    }

    /* 16-08-2024   */
    div.SchemesBtn ul .draggable div.purchaseQuantityTiles li a {
        background: #191c29 !important;
        color: #999 !important;
    }

    div.SchemesBtn ul .draggable div.purchaseQuantityTiles li.SchemeActiveTiles a {
        background: #c8a256 !important;
        color: #000 !important;
    }

    div.SchemesBtn ul li.SchemeActiveTiles::before {
        content: '';
        position: absolute;
        width: 0;
        bottom: -3px !important;
    }

    div.SchemesBtn ul li.SchemeActiveTiles {
        min-height: 70px;
    }

    .head_banner .slick-list.draggable {
        min-height: 85px;
        max-height: 85px;
        height: 85px;
        overflow: hidden;
    }

    /* .head_banner .slick-list.draggable .slick-track{
    min-height: 85px;
    max-height: 85px;
    height: 85px;
    overflow: hidden;
} */
    /* .head_banner .slick-list.draggable .slick-track img{
    object-fit: cover;
} */
    .userSearchScheme {
        width: 100%;
    }

    /* new css 29-08-2024  */
    button.button.btn.Goto___Dash {
        margin-top: 4px;
    }

    .DshScratch ul {
        display: inline-block;
        width: 100%;
    }

    .DshScratch ul li {
        width: 100%;
        margin-top: 7px;
    }

    .userSearchScheme input[type="text"] {
        width: 100% !important;
        max-width: 100% !important;
    }

    .mySwiper .swiper-slide .mycard {
        /* margin: 0px 6px 16px 6px; */
        margin: unset; 
        margin-bottom: 16px;
    }

    div.swiper-button-next,
    div.swiper-button-prev {
        top: var(--swiper-navigation-top-offset, 45.7%);
    }

    #pills-tabContent .swiper.mySwiper {
        /* padding: 0px 4px 0px 4px !important; */
        padding: unset !important;
    }

    .swiper-button-prev:after {
        margin-right: 10px !important;
    }

    .PayuotTicketDiv {
        display: none;
    }

    .HedingTitle {
        margin-bottom: 15px;
    }

    div.PurchaseCoupon {
        width: 100% !important;
        margin: 0 auto;
    }

    .AddMorePQCSMsg {
        width: calc(100% - 3px) !important;
    }
    ul.BtnScratchGotoDash li a {
        font-size: 11px !important;
        padding: 10px 24px !important;
    }
    .AddMorePQCSMsg p {
        font-size: 14px !important;
        line-height: 22px !important;
    }
    .HedingTitle {
        line-height: 33px;
    }
    .CycleSection .CenterText {
        width: 222px;
    }
    .CycleSection .leftBoredr {
        width: 30%;
    }
    .CycleSection .RightBoredr {
        width: 30%;
    }
    .HeaderContent h1 {
        font-size: 25px !important;
    }
    .Comple {
        right: 12px !important;
        bottom: 12px !important;
    }
    .Comple h3 {
        font-size: 16px !important;
    }
    h3.HedingTitle.MyQuantHeading {
        margin-bottom: 0px;
    }
    p.Para111 {
        padding-top: 5px;
        padding-bottom: 20px;
    }
    .MembershipLevel p:nth-child(2) {
        padding-top: 0px;
    }
    .MembershipLevel {
        padding-bottom: 0px !important;
    }
    .swiper-wrapper.mt-3.Scratch___SliderMob{
        margin-top: 25px !important;
    }

    /* #pills-tabContent .swiper.mySwiper {
        width: 105%;
        padding-right: 15px !important;
    } */

    .swiper-button-next .fa-solid.fa-angle-right{
        background: #c8a256;
        color: #090c1d;
        padding: 5px;
        border-radius: 100%;
        width: 20px;
        height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: -9px;
        z-index: 999999999999;
        overflow: unset !important;
    }
    .swiper-button-prev .fa-solid.fa-angle-left {
        background: #c8a256;
        color: #090c1d;
        padding: 5px;
        border-radius: 100%;
        width: 20px;
        height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        /* right: -9px; */
        left: -10px;
        /* z-index: 999999999999; */
        overflow: unset !important;
    }
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
        content: unset !important;
    }
    .swiper-button-prev:after{
        content: unset !important;
    }
    .CycleoneMaineSec .example-figure {
        padding-top: unset;
        margin-top: 30px;
    }
    .CycleSection.sr-2 {
        padding-top: 25px;
    }
    .CycleoneMaineSec .circle_prnt {
        margin-top: 25px;
        margin-bottom: unset;
    }
    .CycleSection p {
        font-size: 13px !important;
    }
    .mobpadding {
        padding: 10px 0;
    }
    .mobpaddingPhone {
        padding-bottom: 10px;
    }
    .showing_098A.sect_34_09 {
        text-align: left;
    }
    .CycleoneMaineSec {
        margin-top: 25px;
    }
    .other_pages p.h-pd{
        padding:unset;
        margin-top: 20px;
     
       }
       .mb-mb {
        margin-bottom: unset;
    }
    .other_pages p {
        padding: 0px 0;
        width: 100%;
    }
    .other_pages .op_blurb {
        padding: 0px 0;
    }
    div#English__Btn {
        margin: 15px 0px!important;
        width: 100%;
    }
    div.gotoGiftSchemeBtnHindi a {
        padding: 15px 20px;
        width: 100%;
        display: inline-block;
    }
    .rj_text-mobile{
        align-items: flex-start;
    }
    .other_pages strong {
        font-size: 17px;
    }
    .head-prt-h3 {
        align-items:flex-start;
        flex-direction: column-reverse;
    }
    .other_pages h3{
        width: 100%;
        font-size: 17px;
    }
    .mrt-y{
        margin-top: 25px;
    }
    .other_pages div.pt_pt0{
        padding-top: 0px;
    }
    .PurchaseCouponMainSec .GotoGiftSchemeBtn {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .PurchaseCouponMainSec .GotoGiftSchemeBtn a {
        padding: 10px 20px;
        width: 100%;
        display:inline-block;
        text-align: center;
    }
}
@media (min-width:412px) and (max-width:431px){
    .mcrd .badges {
        left: 64px !important;
    }
    .CongratePopup {
        min-height: 487px !important;
        max-height: 487px !important;
    }
    .PopupContent h1 {
        margin-top: 26px;
    }
    
}
@media (min-width:350px) and (max-width:361px){
    ul.BtnScratchGotoDash li a {
        font-size: 10px !important;
    }
    .example-figure .progress {
        width: 150px !important;
        height: 150px !important;
    }
    .example.testttt:nth-of-type(1) circle-progress::part(base) {
        width: 150px !important;
        height: 150px !important;
    }
    .CongratePopup {
        min-height: 574px !important;
        max-height: 574px !important;
    }
    .PopupContent h1 {
        font-size: 26px !important;
    }

}
@media (max-width:360px){
html,body{
    overflow-x: hidden !important;
}

}