/* ========================= Start media screen 1199px =========================  */
@media screen and (max-width:1199px) {
    .formsec {width: 100%; margin: 0;}
    .signup_sec h4{font-size: 22px;}
    .four-col .checknbox_ele {width: 19%;}
    .btnnext {right: -14px;}
    .btnprv {left: -14px;}
    .btnnext, .btnprv{height: 30px; width: 20px;}
}
/* ========================= Close media screen 1199px =========================  */

/* ========================= Start media screen 991px =========================  */
@media screen and (max-width:991px) {
    .four-col .checknbox_ele {width: 30%;}
    /*.text-center { padding: 20px 0 0 0; }*/
   /* .text-center h5 {padding: 175px 0 0 0;} */




}
/* ========================= Close media screen 991px =========================  */

/* ========================= Start media screen 767px =========================  */
@media screen and (max-width:767px) {
    .rightform{max-height: 100%; margin: 0;}
    .formmain {min-height: calc(100vh - 160px); height: auto;}
    .leftimg, .rightform {padding:0 20px 30px;}
    .rightform{ padding-top:30px;  }
    .leftimg img {max-height: 280px;}
    header img{width: 90px;}
    header{padding: 10px 0;}
    .questionprogress .progress-bar span{padding: 1px 5px; width: 34px; font-size: 10px; bottom: -25px;}
    .questionprogress.progress{height: 12px; margin: 25px 0 30px;}
    .btnnext, .btnprv {height: 21px; width: 13px;}
    .btnnext {right: 4px;}
    .btnprv {left: 4px;}
    .signup_sec h4,.signup_sec h5{font-size: 18px; margin: 0 0 20px;}
    .select2-container .select2-choice,.form-control{font-size: 14px;}
    .switch, .gender_img{max-width: 96%;}
    /*.switch input#female:checked ~ .switch__indicator {left: 92%;}*/
    .radiodiv img{max-height: 200px;}
    .radiodiv .img_div.maleimg,.radiodiv .img_div.femaleimg{margin: 0;}
    .dobdiv,.regiondiv{display: block;}
    .dobdiv .form-group ,.regiondiv .form-group:last-child,.regiondiv .form-group:first-child{width: 100%;}
    .formsec {padding: 20px 15px 10px;}
    input.form-control {padding: 8px 10px 9px;}
    Footer p {font-size: 12px;}
    Footer {padding: 5px 0;}
    .signup_sec {padding: 0 0 30px;}
    .four-col .checknbox_ele {width: 100%;}
    .four-col{padding: 0 20px;}
    .forming{padding: 0 0 30px;}
    .twocol{display: block;}
    .twocol .form-group{width: 100%;}
    .sbmtbutton{font-size: 14px; float: right;}
    .thankyou_main img{max-width: 95%;}
    .thankyou_main h3 {font-size: 25px; padding: 0 0 10px 0;}
    .thankyou_main p {font-size: 15px;}
    .thankyou_main{height: calc(100vh - 90px);}
    .text-center h5 {padding: 0;} 
    .last_submit_div button {  position: initial;
    right: 20px; z-index: 99; bottom: 20px; margin-left: 16px;}
}
/* ========================= Close media screen 767px =========================  */

/* ========================= Start media screen 575px =========================  */
@media screen and (max-width:575px) {
.registration_progress { padding:40px 15px; }


}
/* ========================= Close media screen 575px =========================  */

/* ========================= Start media screen 480px =========================  */
@media screen and (min-width:768px){

.last_submit_div button { margin-left: 20px;}

}
/* ========================= Close media screen 480px =========================  */

@media screen and (max-width:320px){
.switch input#female:checked ~ .switch__indicator {left: 92%;}
}