


/* ============ mobile view ============ */
@media(max-width: 991px){
.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{overflow-y: auto;max-height: 90vh;margin-top:10px;}
}


@media (min-width:320px)  and  (max-width:640px) {
 .assessment_test_library_box p{line-height: 25px;    font-size: clamp(16px, 1.06667vw, 16px);}   
.navbar-toggler{ border-color:transparent!important; }
.navbar-toggler:focus{box-shadow:none!important;}
.form_box input{ font-size: 14px;}
.company_logo_section h2, .hiring_down_hedding h4, .get_hedding_section h3, .hire_360_text_left h4, .random_left_content h2, .industry_content h3{font-size: 2.2rem!important;
line-height: 44px!important;text-align: center !important;}





.form_box-login { padding: 40px 11px;}
a.captcha-refresh { margin-top: 13px !important;}
p#image_captcha { float: left; padding-top: 6px; margin-bottom: 0;}
.skill_container, .total_assessment_box{ width:100%;padding: 0px 0px; margin-top: 30px;} 
.campus_hiring_process_flex{flex-wrap: wrap;}
.campus_hiring_grid{width:100%}
.form_box_content{padding: 40px 0px;}
.mobile_hide{display: none;}
.mobile_btn img{ display:block; }

}
@media(max-width: 720px){
.footer_w_grid{ flex-wrap: wrap;}
.assessment_360_logo {width: 100%;}
.assessment_360_logo img{ margin: 0 auto}
/* Sidebar Menu */
.close-btn{display: block}
.sidebar {position: fixed;top: 0;left: -465px;width: 100%;height: 100vh;background-color: #fff;box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);transition: left 0.3s;z-index: 9999;display: block;overflow-y: scroll;}

.sidebar.show {left: 0;}
.sidebar .close-btn {position: absolute;top: 25px;right: 30px;border: 0;background: 0;font-size: 50px;}
.sidebar .navbar-nav {margin-top: 100px;width: 100%;float: left;}
.navbar-toggler {z-index: 1060;}
ul.navbar-nav.ms-auto.m-footer {text-align: center;border-top: solid 1px #ddd;padding-top: 20px;margin-top: 0;margin-bottom: 15px;}
.nav_space {padding-left: 16px;}

.banner_h1 {width: 100%;}
.banner_h1 h1{font-size: 2.2rem; line-height: 42px; text-align: center !important; padding-right: 0;}
}