/* responsive starts here */

/* (COL) Mobile device responsive starts here */

@media  (min-width: 320px) and (max-width:575px) {

h1{font-size:30px !important;}
h2{font-size:25px !important;}
h3{font-size:20px !important;}
h4{font-size:17px !important;}
h5{font-size:15px !important;}
h6{font-size:13px !important;}

.b1{font-size: 14px !important;}
.b2{font-size: 12px !important;}
.b3{font-size: 10px !important;}
.b4{font-size: 8px !important;}
.b5{font-size: 6px !important;}
.b6{font-size: 5px !important;}

.sign-page-img-div{ width: 100%; height:auto !important; background-size:cover;}

.sign-left-bg{width: 100%; height: auto; border-radius: 0px 0px 20px 0px !important;}
.card-bg{width:85% !important; height: auto; padding: 30px !important; margin-top: -20px !important;}
.card-heading h6{width: auto !important; padding-right:5px;}
.card-heading h5{width: auto !important;}
.account-info-div h3{ width: 60%; float: left;}
.account-info{width: 40% !important;}
.input-icon{position: relative; float: right; top:31px; font-size: 13px;}
.checkbox-info{width: 60%; float:left;}
.form-checkbox-div{margin-bottom: 15px !important;}
.checkbox-box{margin-top: 0px !important; width:10px;}

.sign-info-account{ width: auto;}


.sign-speaker-div img{display: none;}
.placeholder-div{font-size: 10px !important;}

.py-60{padding: 30px 0px !important;}
.pl-60{padding-left:30px !important;}
.mx-30{margin: 0px 30px !important;}
.mb-4{margin-bottom: 20px !important;}
.mb-2{margin-bottom: 5px !important;}
.primary-btn-sign{padding: 10px 25px; font-size:10px !important;}
.google-btn{padding:10px 10px !important}
.google-btn img{width: 15px !important; margin-top: -2px;}

/* OTP CSS here*/
.sign-otp-img{width: 86.2px;}

/* Forgot Password CSS here */
.success-img{width: 144px; height: auto; float: none; margin:45px auto 45px; display: flex;}
.btn-margin{margin-bottom: 60px !important;}


/* Verification Success CSS here */

.sign-forgot-img{width: 153px; margin:25px auto 25px;}
.forgot-input-margin{ margin-bottom: 25px !important;}

/* reset Password CSS here */
.reset-head-margin{margin-bottom: 62px !important;}

/* booking summary css here */
.back-arrow{width:20% !important;}
.back-arrow a{width:20% !important;}
.back-arrow h6 {width:80%; padding-left: 5px !important;}
.progress-container{margin-bottom:10px;}

/* attendee details css here */
.circle{width: 20px !important; height:20px !important;}
.progress-line{top:11px;}
.attendee-info-div{padding-top:15px;}
.attendee-username{padding-right: 10px; margin-bottom: 10px;}
.attendee-input{line-height: 2; font-size: 10px;}
.select-box input {padding-left: 5px !important;}
.selected-option div{font-size: 12px; width: 43px !important; padding: 0px 19px 0px 8px !important; top: -2px !important;}
.selected-option div::after{width: 8px !important; height: 8px !important; right: 5px !important;}
.select-box .options::before{left: 13px !important; top:-10px !important; border: 5px solid transparent !important; border-bottom-color: #000 !important;}
.select-box .options{width: 124px !important; font-size: 10px;}
.select-box ol {margin-bottom: 5px !important;}
.attendee-input::placeholder{font-size: 10px; display: flex; align-items: center;}


/* ticket page css here */
.ticket-card{width: 390px;}

/* payment details css here */
.payment-bg-div{height: auto;}
.payment-options-div {padding-top: 10px;}
.payment-options{padding:6.5px 10px;}
.payment-upi-div{padding-top: 20px;}
.upi-options{padding: 10px 0px 15px;}
.upi-options input{margin-top: 2px !important;}
.upi-heading img{width: 50px;}
.upi-heading h6{width: 82%;}
.upi-options img{width: 50px;}
.phonepay-img{width:40px !important; margin-top: -10px;}
.bhim-img{padding-top: 2px;}
.qr-scanner-img{width: 25px !important;}
}




/* (COL) Mobile device responsive ends here */







/* (SM & MD) Tab Responsive Start Here */
@media (min-width:575px) and (max-width:991px) {
h1{font-size:30px !important;}
h2{font-size:25px !important;}
h3{font-size:20px !important;}
h4{font-size:17px !important;}
h5{font-size:15px !important;}
h6{font-size:13px !important;}

.b1{font-size: 14px !important;}
.b2{font-size: 12px !important;}
.b3{font-size: 10px !important;}
.b4{font-size: 8px !important;}
.b5{font-size: 6px !important;}
.b6{font-size: 5px !important;}

.sign-page-img-div{ width: 100%; height:auto !important; background-size:cover;}

.sign-left-bg{ height: 600px !important; background-size: cover;}
.logo img{ width:40%; height: auto;}
.pl-md-20{padding-left:30px !important;}
.sign-speaker-div{width: 100%;}
.sign-speaker-div img{width:190px; height:auto; left: 110px; top: 50px;}
.card-bg{width: 325px !important; height: auto; margin-top: -509px !important; top: -49px;}

.card-heading h6{width: auto !important;}
.card-heading h5{width: auto !important;}

.placeholder-div{font-size: 10px !important;}
.input-icon{ font-size: 11px;}
.form-checkbox-div{margin-bottom:15px;}
.checkbox-box{margin-top: 0px !important; width: 10px;}
.primary-btn-sign{padding: 10px 25px; font-size:10px !important;}


/* Verification Success CSS here */
.btn-margin{margin-bottom: 53px !important;}


/* Forgot Password CSS here */
.forgot-input-margin{ margin-bottom: 33px !important;}


/* booking summary css here */
.back-arrow{width: 20% !important;}

.progress-container {max-width: 390px;}
.back-arrow h6 {width:80%; padding: 3px 0px 3px 14px !important;}
.progress-container{margin-bottom:15px;}

/* attendee details css here */
.select-box input {padding-left: 5px !important;}
.selected-option div{font-size: 12px; width: 43px !important; padding: 0px 19px 0px 8px !important; top: -2px !important;}
.selected-option div::after{width: 8px !important; height: 8px !important; right: 5px !important;}
.select-box .options::before{left: 13px !important; top:-10px !important; border: 5px solid transparent !important; border-bottom-color: #000 !important;}
.select-box .options{width: 150px !important; font-size: 12px;}
.select-box ol {margin-bottom: 5px !important; height: 75px !important;}
.attendee-info-div{padding-top:15px;}
.attendee-username{padding-right: 10px; margin-bottom: 10px;}
.attendee-input{line-height: 2; font-size: 12px;}
.attendee-input::placeholder{font-size: 10px;}

/* ticket page css here */
.ticket-card{width: 390px;}

/* payment details css here */
.payment-options{padding:6.5px 10px;}
.upi-heading img{width: 10%;}
.upi-heading h6{width: 88%;}
.upi-options{padding: 10px 0px 15px;}
.upi-options input{margin: 0px 5px 2px 0px !important;}
.upi-options img{width:40px;}
.upi-options p{padding: 0px 0px 0px 8px;}
.phonepay-img{width:35px !important; margin-top:-8px;}
.bhim-img{padding-top: 2px;}
.qr-scanner-img{width: 20px !important;}
}
/* (SM & MD) Tab Responsive ends Here */







/* (LG & XL) laptop device responsive starts here */
@media (min-width:992px) and (max-width:1399px){

h1{font-size:40px !important;}
h2{font-size:35px !important;}
h3{font-size:30px !important;}
h4{font-size:26px !important;}
h5{font-size:24px !important;}
h6{font-size:20px !important;}


.b1{font-size: 14px !important;}
.b2{font-size: 12px !important;}
.b3{font-size: 10px !important;}
.b4{font-size: 8px !important;}
.b5{font-size: 6px !important;}
.b6{font-size: 5px !important;}


.sign-page-img-div{ width: 100%; height:auto !important; background-size:cover;}
.sign-left-bg{width:100%; height:600px; background-repeat: repeat; background-size: cover ;}
.sign-right-bg{width:100%;}

.sign-speaker-div img{width:220px ; height:526px; left: 200px !important;}
.card-bg{ margin-top: -510px !important;}
.placeholder-div{font-size: 10px !important;}
.input-icon{ font-size: 12px;}
.form-checkbox-div{margin-bottom:15px;}
.checkbox-box{margin-top: 0px !important; width: 10px;}


/* Forgot Password CSS here */
.forgot-input-margin{ margin-bottom: 33px !important;}
.sign-forgot-img{width: 155px; height: auto; float: none; margin:25px auto 25px; display: flex;}


/* reset Password CSS here */
.reset-head-margin{margin-bottom: 90px !important;}


/* booking summary css here */
.back-arrow{width: 30% !important;}
.progress-container {max-width: 430px;}

/* attendee details css here */
.attendee-info-div{padding-top: 10px;}

/* payment details css here */
.upi-options input{margin: 2px 5px 0px 0px !important;}
.upi-options p{width:55%; padding:2px 0px 2px 8px;}
.bhim-img{margin-top:2px;}
.phonepay-img{width: 40px !important; margin-top: -8px;}
.qr-scanner-img{width:20px !important;}
}

/* (LG & XL) laptop device responsive ends here */




/* responsive ends here */