@media (max-width: 999px) {
    .main{background: var(--white); padding: 0px;     box-shadow: 3px 3px 6px #00000029;}
    .head_text h1 {margin-right: 0px;}
    .container{padding: 0px;}
    .main_in{box-shadow: none;} 
    .final_step{max-width: 100%;}
    .final_step_in{box-shadow: none;}
    .calendar table td i.dtitle {font-size: 13px;}
    .club ul {justify-content: center;}
    .club li {width: 160px;}
    .card_lft{padding-top: 15px;} 
    .details{padding: 25px 50px;}
}
@media (max-width: 767px) {
    .step_list li {width: 60px;font-size: 13px;}
    .calendar table td span {font-size: 18px;line-height: 27px;    margin: 0px auto 5px;width: 33px;height: 33px;}
    .calendar table td{border:none;padding: 5px 0px;}
    .calendar table td i.dtitle {width: 9px;height: 9px;border-radius: 50%;margin: 0px auto;color: transparent;}
    .calendar table th .desk{display: none;}
    .calendar table th .dnone{display: block !important;text-align: center;}
    .indicatior{display: block;margin-top: 20px;}
    .head_text{    position: relative;width: 100%;right: 0px;text-align: center;bottom: 10px;}
    .main_head {padding: 10px 10px;position: relative; }
    .head_text h1 {font-size: 18px;line-height: 27px; margin:0px; padding:0px}
    .purchase_btn button {font-size: 20px;line-height: 29px;width: 50%;}
    .club {padding: 20px 15px;}
    .club li {width: 107px;height: 80px;}
    .club_pay {max-width: 50%;}
    .card_type_in li {font-size: 15px;line-height: 18px;}
    .card_list2 .card_type_head {display: none !important;}
    .card_list li:first-child{display: none;}
    .dnone{display: block !important;}
    .card_list .card_type_head {display: flex !important;}
    .details button{width: 100%; max-width:100%}
    .step_list li {width: 54px;}
    .step_list li .circle {width: 40px;height: 40px;margin: 0px auto;}
    .step_list li .circle::before {width: 25px;left: -25px;}
    .card_list li{width: 32% !important;}
    .card_list li:last-child {width: 15% !important;}
    .card_type_in ul{padding:10px 0px;}
    .card_lft p {font-size: 15px; text-align: left;}
    .card_lft p .price {font-size: 32px;}
    .details{padding: 25px 10px;}
    .details label {font-size: 15px;}
    .green_strip2 {padding: 0px 10px;}
    .green_strip span {font-size: 15px;line-height: 18px;}
    .labelhide{display: none;}
    .form-control::placeholder{font-size: 15px;visibility: visible;line-height: 18px;color: var(--black);}
    .card_type  img{display: none;}
    .card_rht h5 {text-align: center;padding-bottom: 15px;}
    .card_type {padding: 0px 10px 30px;}
    .card_list h6 {padding: 20px 0px 15px 20px;}
    .card_rht p {padding: 10px 0px;}
}
@media (max-width: 561px) {
    .calendar {padding: 15px 10px;}
    .indicatior li{display: flex;}
    .purchase_btn {padding: 100px 10px;}
    .club_pay {max-width: 100%;}
    .purchase_btn a {width: 100%;}
}
@media (max-width: 414px) {
    .purchase_btn a {font-size: 18px;line-height: 29px;}
    .modal-dialog {width: 90%;}
    .modaltext {padding: 50px 00px 100px 0px;}
    .final_step_in .modaltext{padding: 50px 20px 50px 20px;}
}
@media (max-width: 374px) {
    .step_list li .circle {width: 30px;height: 30px;font-size: 14px;line-height: 29px;}
    .step_list li .circle::before { width: 32px;left: -32px;}
    .main_head {display: flex;flex-wrap: wrap;flex-direction: column-reverse;justify-content: center !important;}
}