@media screen and (max-width: 991px){

.main_content_wrapper {
        height: auto;
    position: relative;
    padding-bottom: 20px;
}

.main_content_wrapper .row.justify-content-center {padding: 0 20px;}

.form_content_wrapper {
    padding: 20px 0;
}

img.login_logo {
    max-width: 100px;
}

.form_content h2 {
    font-size: 35px;
    line-height: initial;
}

.form_content p {width: auto;margin-bottom: 20px;font-size: 14px;}

.watch_now p {
    margin-bottom: 0;
}

.login_form_wrapper {
    width: auto;
    height: auto;
    padding: 20px;
    margin: 0;
}

.login_form_wrapper .input-group input {height: 50px;padding-left: 50px;font-size: 16px;}

.login_form_wrapper .input-group {
    width: auto;
}

.btn.login_btn {
    width: 100%;
    height: 50px;
    font-size: 17px;
}

.btn.pass_login_btn {
    width: 100%;
    height: 50px;
    font-size: 15px;
}

span.input-group-text {
    height: 30px;
    width: 30px;
}

span.input-group-text img {
    max-width: 10px;
}

.login_form_wrapper .form-floating>.form-control-plaintext~label, .login_form_wrapper .form-floating>.form-control:focus~label, .login_form_wrapper .form-floating>.form-control:not(:placeholder-shown)~label, .login_form_wrapper .form-floating>.form-select~label {
    padding-left: 55px;
    font-size: 13px;
}

.form-floating>label {
    padding-left: 50px;
    font-size: 15px;
}

p.forgot_pass {
    font-size: 12px;
    margin-bottom: 0;
}

.btn.pass_login_btn {
    background-position: 5px 3px;
    background-repeat: no-repeat;
    background-size: 40px;
}

.input_tooltip span {
    font-size: 10px;
    width: 20px;
    min-height: 20px;
}

.form_head_wrapper h2 {
    font-size: 20px;
    margin-bottom: 0;
}

.form_head_wrapper p {
    font-size: 11px;
}

.form_head_wrapper {
    margin-bottom: 15px;
}
	
	
	.loading_screen_wrapper {
    height: 100vh;
}

img.loader_logo {
    max-width: 119px;
}


h2.l_head {
    font-size: 32px;

    margin: 20px 0 0px;
}

.loader_content_wrapper p{font-size: 16px;}

.swiper.loading_screen_swiper {
    width: auto;
    padding-bottom: 30px;
}
	
	.take_me_wrapper h3 {
    font-size: 16px;

}

ul.take_me_tablist li {
    width: 120px;
    height: 35px;
 
}

ul.take_me_tablist a {
    font: normal normal 10px/14px var(--graphik_med);

}
	
}