@media screen and (max-height: 886px) {
    .header {padding: 20px 50px;}
    .side-info-box{margin-bottom: 15px;}
    .page-section{padding: 15px 30px;}
    .side-info-box{    padding: 10px 20px;}
    .main-menu ul li a{    padding: 15px 20px;padding-left: 50px;}

    /* .mint-page .setting-wrap{
        background: #fff;
        top: 54px;
        height: 165px;
        border: none;
    } */
    .redeem-page .setting-wrap{
        background: #fff;
        top: 56px;
        height: 154px;
        border: none;
    }

    
}

@media screen and (max-height: 800px) {
    .datepicker-btn {
        height:40px;
    }
.redeem-page .setting-wrap{
    top: 45px;
}
    .certificate-page .main-card{padding: 10px 10px; }
    .owl-nav{top: -29px;}
    .header{padding: 10px 50px;}
    .page-section{padding: 10px;}
    .side-info-box{margin-bottom: 15px;padding: 15px 15px;}
    .main-menu ul li a{padding: 13px 20px;padding-left: 50px;}
    .w-card{    padding: 10px 25px;}
    .side-info-box2 ul li label{font-size:16px}
    .cs-info h3{    margin: 10px auto 0;}
    .cs-info{    margin-bottom: 10px;}
    .main-card{padding: 20px 20px;}
    .side-info-box ul li label{    font-size: 12px;}
    .side-info-box ul li span{font-size: 12px;}
    .white-card{padding: 15px 23px;}
    .side-info-box2{margin-top: 12px;margin-bottom: 12px;}
    .wc-title h3{margin-bottom: 20px;}
    .main-card-header{    margin-bottom: 20px;}
    .bg-7{padding:10px 15px}
    .certificate-page .cs-info h3{margin: 0 auto;}
    .certificate-page .si-list ul li{padding: 4px 0;}
    .certificate-page .side-info-box2 ul li label {font-size: 12px;}
    .certificate-page .side-info-box2 ul li span{font-size: 13px;}
    .certificate-page .wc-title h3{margin-bottom: 3px;}
    .certificate-page .form-group .form-control{height: 40px !important;}
     .certificate-page .form-group{margin-bottom:8px}
    .white-form-card{/* padding: 25px 35px; */}
    .form-group .form-control{height: 50px !important;}
    .row-status{margin: 18PX 0 10px;padding: 0;}
    .main-card-inner{padding: 30px 30px !important;}
   .certificate-page .white-card.wc-1:after{
    bottom: -18px;
}
.certificate-page .white-card.wc-1:before{
    bottom: -35px;
}
   }

@media only screen and (max-width: 780px){
    .certificate-page .white-card{
        border-bottom-right-radius: 18px;
        border-bottom-left-radius: 18px;
        padding-bottom: 15px;
    }
    .certificate-page .white-card.wc-1:before{
        display:none;
    }
    .mint-page .white-card.wc-1 {
        border-bottom-right-radius: 18px;
        border-bottom-left-radius: 18px;
    }
    .mint-page .white-card.wc-1:after{
        display: none;
    }
    .mint-page .white-card.wc-1:before{
        display: none;
    }
    .certificate-page .white-card.wc-1:after {
        bottom: -65px;
    }
    .header{
        width: 100%;
        position: fixed;
        /* alex_change z-index: 10000000; */
        z-index: 10;
        padding:10px;
    }
    .page-section aside{
        position: fixed!important;
        width: 781px;
        min-height: 100vh;
        max-width: 300px!important;
        flex: 0 1 414px;
        top: 65px;
        left: -100%;
        z-index: 1000000000000000!important;
        padding: 15px!important;
    }
    .content-wrapper{
        margin-top: 70px;
        width: 100%;
        padding: 0 30px;
    }
    .menu-burer{
        display: inline;
    }
    .side-scetion{
        height: 100vh;
    }
    .button-tab1 {
        margin-right: 8px;
    }
    .row-status{
        border-radius:20px;
    }
    .w-card{
        margin-bottom:10px;
    }
    .r-mb{
        margin-bottom: 10px;
    }
    .redeem-page .white-card.wc-1:after {
        display: none;
    }
    .redeem-page .white-card.wc-1:before {
        display: none;
    }
    .redeem-page .white-card.wc-1 {
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }
    .header-icon img{
        width: 38px;
        height: 38px;
    }
    .withdraw-margin{
        margin-bottom: 20px;
    }
    .pr-20{
        padding-right:10px!important;
    }
    .bu-wrap {
        padding: 15px 10px;
    }

    .bbm{
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 600px){
    
    .button-tab1 {
        padding: 5px 25px;
        font-size: 10px;
        margin-right: 5px;
        margin-bottom: 0px;
    }
    .button-tab2{
        padding: 5px 25px;
        margin-right: 5px;
        font-size: 10px;
        margin-bottom: 0px;
    }
    .header-button{
        width: 110px;
        height: 35px;
        font-size: 10px;
    }
}
@media only screen and (max-width: 500px){
    .header-icon img{
        width: 36px;
        height: 36px;
      }
    .header{
        padding: 10px 5px;
    }
    .header-icon img{
        width:35px
    }
    .main-card{
        padding: 15px 5px;
    }
    .main-card.card-bg {
        padding: 14px 10px;
    }
    .main-card-inner {
        padding: 30px 10px !important;
    }
    .content-wrapper{
        padding: 0 5px;
    }
    .white-card {
        padding: 15px;
    }
    .button-tab1 {
        padding: 5px 20px;
        font-size: 10px;
        margin-right: 5px;
        margin-bottom: 0px;

    }
    .button-tab2{
        padding: 5px 20px;
        margin-right: 5px;
        font-size: 10px;
        margin-bottom: 0px;
    }
    .header-button{
        width: 110px;
        height: 35px;
        font-size: 10px;
    }
    .page-section aside{
        top: 57px;

    }
    .side-scetion {
        overflow-y: scroll;
        height: 100vh;
    }
}
@media only screen and (max-width: 350px){
    .header-button {
        width: 83px;
        height: 36px;
        font-size: 10px;
    }
}