/*///////////////////////////////////////////////////////////////////////// Responsive CSS Structure /////////////////////////////////////////////////////////////////////////*/


/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/ 

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

@media (min-width: 576px) and (max-width: 767px){
}

@media (max-width: 767px) {
p { font-size: 18px; line-height: 25px; }
.btn { font-size: 18px; line-height: 18px; padding: 15px; }
.section-title { margin-bottom: 30px; }
.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6 { font-size: 30px; line-height: 35px; }
.section-title>p { font-size: 20px; line-height: 25px; }
.block-title h1,
.block-title h2,
.block-title h3,
.block-title h4,
.block-title h5,
.block-title h6 { font-size: 25px; line-height: 30px; }
.table-title h1,
.table-title h2,
.table-title h3,
.table-title h4,
.table-title h5,
.table-title h6 { font-size: 20px; line-height: 25px; }

.large-col-spacing .main-row { margin: 0 -15px; }
.large-col-spacing .main-col { padding: 0 15px; }
.step-buttons { margin-top: 30px; flex-direction: column; }
.step-buttons .btn { margin-top: 20px; }

.common-form .main-row { margin: 0 -15px; }
.common-form .main-col { padding: 0 15px; }
.common-form .form-label { font-size: 22px; line-height: 22px; margin-bottom: 15px; }
.common-form .form-group { margin-bottom: 35px; }
.form-notice p { font-size: 20px; line-height: 28px; }
.gender-selection .form-check .form-check-label .icon { height: 120px; margin-right: 20px; }
.gender-selection .form-check .form-check-label { font-size: 20px; line-height: 28px; }
.common-form .form-control { height: 50px; font-size: 20px; line-height: 20px; }
.gender-selection .form-check { margin-top: 20px; }
.gender-selection [class^=col-]:first-child .form-check { margin-top: 0; }
.common-form .form-submit { margin: 0 0 30px; justify-content: center; }
.registration-pg .block-title { margin-bottom: 50px; }

.page-content { padding-left: 0; }
.page-bg-shape { display: none; }
.full-screen-section { padding: 50px 0 30px; }


.step-table { margin-bottom: 30px; }
.step-table-detail .table-detail { margin: 30px 0 0; }
.step-table table thead th { font-size: 20px; line-height: 20px; }
.step-table table tbody td { font-size: 18px; line-height: 25px; }

.footer { padding: 25px 0; text-align: center; }
.footer span { font-size: 18px; line-height: 25px; }
}

@media (min-width: 768px) {
}

@media (min-width: 768px) and (max-width: 991px){
p { font-size: 20px; line-height: 30px; }
.btn { font-size: 22px; line-height: 22px; padding: 18px; }
.section-title { margin-bottom: 40px; }
.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6 { font-size: 40px; line-height: 45px; }
.section-title>p { font-size: 22px; line-height: 28px; }
.block-title h1,
.block-title h2,
.block-title h3,
.block-title h4,
.block-title h5,
.block-title h6 { font-size: 30px; line-height: 35px; }
.table-title h1,
.table-title h2,
.table-title h3,
.table-title h4,
.table-title h5,
.table-title h6 { font-size: 25px; }

.large-col-spacing .main-row { margin: 0 -20px; }
.large-col-spacing .main-col { padding: 0 20px; }
.step-buttons { margin-top: 35px; }

.common-form .main-row { margin: 0 -20px; }
.common-form .main-col { padding: 0 20px; }
.common-form .form-label { font-size: 25px; line-height: 25px; }
.common-form .form-group { margin-bottom: 50px; }
.form-notice p { font-size: 22px; line-height: 28px; }
.gender-selection .form-check .form-check-label .icon { height: 120px; margin-right: 20px; }
.gender-selection .form-check .form-check-label { font-size: 22px; line-height: 28px; }
.common-form .form-control { height: 60px; font-size: 22px; line-height: 22px; }
.registration-pg .block-title { margin-bottom: 70px; }

.page-content { padding-left: 105px; }


.step-table { margin-bottom: 70px; }
.step-table-detail .table-detail { margin: 50px 0 0; }
.step-table table tbody td { font-size: 20px; line-height: 28px; }
}

@media (min-width: 992px) and (max-width: 1199px){
p { font-size: 20px; line-height: 30px; }
.section-title { margin-bottom: 40px; }
.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6 { font-size: 40px; line-height: 40px; }
.section-title>p { font-size: 22px; line-height: 28px; }
.block-title h1,
.block-title h2,
.block-title h3,
.block-title h4,
.block-title h5,
.block-title h6 { font-size: 30px; line-height: 30px; }

.page-content { padding-left: 105px; }

/* .page-content { padding-left: 225px; } */
.large-col-spacing .main-row { margin: 0 -20px; }
.large-col-spacing .main-col { padding: 0 20px; }

.common-form .main-row { margin: 0 -20px; }
.common-form .main-col { padding: 0 20px; }
.common-form .form-label { font-size: 25px; line-height: 25px; }
.common-form .form-group { margin-bottom: 70px; }
.form-notice p { font-size: 22px; line-height: 28px; }
.gender-selection .form-check .form-check-label .icon { height: 120px; margin-right: 20px; }
.gender-selection .form-check .form-check-label { font-size: 22px; line-height: 28px; }
.common-form .form-control { height: 60px; font-size: 22px; line-height: 22px; }
.registration-pg .block-title { margin-bottom: 70px; }

.step-table { margin-bottom: 70px; }
.step-table table tbody td { font-size: 20px; line-height: 28px; }

/* .footer { padding-left: 225px; } */
}

@media (min-width: 1200px) and (max-width: 1920px){
}

@media (min-width: 1200px) and (max-width: 1299px){
.container { max-width: 1150px; }
.section-title { margin-bottom: 40px; }
.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6 { font-size: 45px; line-height: 45px; }
.block-title h1,
.block-title h2,
.block-title h3,
.block-title h4,
.block-title h5,
.block-title h6 { font-size: 30px; line-height: 30px; }

.page-bg-shape { width: 260px; }

.page-content { padding-left: 225px; }
.large-col-spacing .main-row { margin: 0 -30px; }
.large-col-spacing .main-col { padding: 0 30px; }

.common-form .main-row { margin: 0 -30px; }
.common-form .main-col { padding: 0 30px; }
.common-form .form-label { font-size: 30px; line-height: 30px; }
.common-form .form-group { margin-bottom: 70px; }
.form-notice p { font-size: 25px; line-height: 32px; }

.step-table { margin-bottom: 70px; }
.step-table table tbody td { font-size: 23px; line-height: 33px; }

.footer { padding-left: 225px; }
}

@media (min-width: 1300px) and (max-width: 1399px){
.container { max-width: 1250px; }
.section-title { margin-bottom: 40px; }
.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6 { font-size: 45px; line-height: 45px; }
.block-title h1,
.block-title h2,
.block-title h3,
.block-title h4,
.block-title h5,
.block-title h6 { font-size: 30px; line-height: 30px; }

.page-content { padding-left: 225px; }
.large-col-spacing .main-row { margin: 0 -40px; }
.large-col-spacing .main-col { padding: 0 40px; }

.common-form .main-row { margin: 0 -30px; }
.common-form .main-col { padding: 0 30px; }
.common-form .form-label { font-size: 30px; line-height: 30px; }
.common-form .form-group { margin-bottom: 70px; }
.form-notice p { font-size: 25px; line-height: 32px; }

.step-table { margin-bottom: 70px; }
.step-table table tbody td { font-size: 23px; line-height: 33px; }

.footer { padding-left: 225px; }
}

@media (min-width: 1400px) and (max-width: 1499px){
.container { max-width: 1250px; }
.section-title { margin-bottom: 50px; }
.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6 { font-size: 50px; line-height: 50px; }

.page-content { padding-left: 225px; }
.large-col-spacing .main-row { margin: 0 -50px; }
.large-col-spacing .main-col { padding: 0 50px; }

.common-form .main-row { margin: 0 -50px; }
.common-form .main-col { padding: 0 50px; }

.step-table { margin-bottom: 70px; }
.step-table table tbody td { font-size: 23px; line-height: 33px; }

.footer { padding-left: 225px; }
}

@media (min-width: 1500px) and (max-width: 1599px){
.container { max-width: 1350px; }
.section-title { margin-bottom: 50px; }
.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6 { font-size: 50px; line-height: 50px; }

.page-content { padding-left: 225px; }
.large-col-spacing .main-row { margin: 0 -50px; }
.large-col-spacing .main-col { padding: 0 50px; }

.common-form .main-row { margin: 0 -50px; }
.common-form .main-col { padding: 0 50px; }

.step-table { margin-bottom: 70px; }
.step-table table tbody td { font-size: 23px; line-height: 33px; }

.footer { padding-left: 225px; }
}

@media (min-width: 1600px){
.container { max-width: 1450px; }
}

@media (min-width: 1600px) and (max-width: 1699px){
.section-title { margin-bottom: 50px; }
.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6 { font-size: 55px; line-height: 55px; }

.page-content { padding-left: 225px; }
.large-col-spacing .main-row { margin: 0 -70px; }
.large-col-spacing .main-col { padding: 0 70px; }

.common-form .main-row { margin: 0 -70px; }
.common-form .main-col { padding: 0 70px; }

.footer { padding-left: 225px; }
}



/*---------- Large Desktop , Large Screen End ----------*/