/* ============ desktop view ============ */
@media all and (min-width: 992px) {
.navbar .has-megamenu{position:static!important;}
.navbar .megamenu{left:0; right:0; width:100%; margin-top:0;border: 0;  }
}	
/* ============ desktop view .end// ============ */


/* ============ 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:1280px)  and  (max-width:1440px) {
.mega_menu_text span{font-size: 12px;}
.mega_menu_text p{font-size: 12px;font-weight: 400;}
.banner_h1 h1{ line-height: 49px; font-size: 3.2rem;}
.get_hedding_section {width: 65%;}
.hiring_down_hedding h4{ padding-top: 0px;  line-height: 44px; font-size: 3rem;}
.invite_flex_container .hiring_down_hedding{ padding-top: 3%;}
.get_hedding_section h3, .inner_banner_section .banner_h2 h1{line-height: 48px; font-size: 3rem!important;}
.banner_h2 h6 {font-size: 14px;}
.tech_process_grid img {width: 40px;}
.campus_hire_right {width: 70%;}
.campus_hire_ul ul li span{ width: 92%;}
.campus_hire_heading span{font-size: 1.5rem;width: 83%;line-height: 36px;}
.random_left_content h2, .industry_content h3 {font-size: 2.5rem;  line-height: 47px;}
.random_left_content.float-start.w-100.mt-5.py-5{ margin:0px!important }
.form_box-login.form_box-new{ width:72% }
.form_box-login.form_box-new h4{ margin:0px!important }
#Imageid{width: 120px!important;}
.captcha-refresh{margin-top: -24%!important;}

}

@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;}
.banner_h1 h6{ text-align:center!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;}
.company_logo_popular ul li img {width: 100%;height: 39px;object-fit: contain;margin-bottom: 12px;}
.company_logo_section{ width: 100%!important;}
.get_hedding_section {width: 100%!important;}
.get-content-show{flex-wrap: wrap}
.content-box.active{width:100%}
.hiring_down_hedding, .assement_case_value li {width: 100%;width: 100%;padding: 42px 0px;}
.slick-slide:first-child {margin-left: 0;}
.assement_case_value, .review_360_container, .hire_360_container{flex-wrap: wrap;justify-content: center;}
.profile_360__pic {width: 100%;margin: 8px;}
.review_360_right {width: 100%;padding-right: 15px;padding-left: 15px;padding-bottom: 36px;}
.hire_360_text_left {width: 100%;float: left; padding: 0px 15px;}
.hire_360_text_left h4 {padding-top: 0%;text-align: left;}	
.hire_360_pic_right {width: 100%;}	
.company_logo_popular ul li {width: 46%;}
.col-m-order-1{order: 2;}
.col-m-order-2{order: 1;}
.m-100{ margin-bottom:0px }
.hiring_grid_section{ padding-top: 0px; padding-bottom: 35px;}
.banner_h2 {width: 100% !important;padding: 0px;}
.inner_banner_img {width:100%;}
#accordionExampleImages .accordion-collapse img, #accordionExampleImages1 .accordion-collapse img {width: 100%!important;margin-bottom: 30px; }
.get_hedding_section p{width:100%!important; text-align: center!important;}
.invite_flex_container .hiring_down_hedding p{ text-align:center!important; }
.invite_flex_container{flex-wrap: wrap; margin-bottom: 0px !important;padding-bottom: 0px !important; } 
.invite_grid_left{ width:100%!important } 
.inner_banner_section .banner_h2 h1{font-size: 2.6rem !important;text-align: center !important;line-height: 49px;}
.banner_h2 h6, .banner-btn.float-start{ text-align:center!important;width: 100%;}
.invite_grid_left img {width: 100%;}
.banner_h2 h6{line-height: 32px}
.invite_flex_container .hiring_down_hedding, .choosing_box{ width:100%!important}
.footer_right_grid, .campus_hiring_row {
width: 100%; flex-wrap: wrap; justify-content: flex-start}	
.random_left_content{ padding-top:45px; }	
.random_left_content p, .course-col-auto, .assessment_test_library_box{width:100%!important;text-align: center;}
.course_search_grid form, .assessment_test_library-flex, .tech_hiring_container_box, .tech_process_wrap, .sales_grid_container, .getting_started_container, .make-diffrent_grid, .campus_hiring_list_container ul{flex-wrap: wrap;}
.test_library_section{ margin-bottom:40px!important }
.test_summery, .assement_test_overview, .getting_started_grid  {width: 100%;padding-left: 0%; margin-left: 0%;}
.slider_footer a{ width:100%!important; margin-bottom:15px }
.test_about_section, .home_get_section, .related_test_container, .hireing_grid_slider, .random_left_content, .random_section, .tech_hiring_container_box { margin-top:0px!important }
.test_ques_container, .ques_option_container, .company_logo_section, .tech_hiring_container_grid, .tech_process_grid {
padding: 0px;width: 100%; height:auto; border-right:0!important;}
.ques_option_container .form-check{padding-left: 0px;}
.assessment_360_grid ul, .assessment_360_grid1 ul, .blue_coller_assessment, .sample_test_grid ul, .campus_engagemant_wrap{ padding:0; flex-wrap:wrap; }
.random_grid_container, .home_get_section{ margin-bottom:0px!important }
.sales_top_container {float: left;width: 100%;margin-bottom: 30px;}
.tab_inner_container{ padding: 10px;}
.tech_process_grid, .tech_process_grid h4, .tech_process_grid p{text-align: left; } 
.tech_process_wrap.sales_process_wrap .tech_process_grid h4, .sales_process_wrap  .tech_process_grid p, .sales_process_wrap .tech_process_grid span{ text-align:center; }
.sales_process_wrap .tech_process_grid span{ float:left; width:100%; margin-bottom:15px; margin-top:15px }
.tech_process_grid{ padding: 15px 0px}
.blue_collar_assessment_box {width: 47%;}
.sample_test_grid ul li {width: 50%;}
.banner-btn{ padding-bottom:25px }
.blue_coller_assessment{ gap: 15px;}
.company_logo_section{ padding-top:30px;  }
.random_right_content{text-align: center; margin-bottom: 20px;}
.inner_banner_section h5{ text-align:center!important; }
.campus_img, .make-diffrent_box, .case_studies_img, .case-studies_content{ width:100% }
.campus_hire_right, .campus_hire_heading span, .campus_hiring_list_container ul li {width: 100%;padding: 0px 0px;}
.campus_hire_ul ul li span{ width: 88%;}
.assessment_360_grid1, .assessment_360_grid1 ul li p{ text-align:center; }
.campus_hiring_list_container ul li{ padding:20px 0px }
.assessment_360_grid ul li {padding: 40px 10px;}
.random_grid_container{ margin-top:0px!important }
.tech_hiring_container_grid:nth-child(even) {padding-left: 0px;}
.tech_hiring_container_grid { padding-top:20px!important }
.case_studies_flex{ flex-wrap:wrap; }
.case_studies_img{ margin-bottom:20px }
.case_studies_inner{ padding:0px 15px }
.home_get_section{ padding-top:40px; padding-bottom:40px }
.sales_top_container .get_hedding_section h2{text-align: center!important;}
.list-unstyled.list-unstyled_auto { padding-top: 0px;}
.random_right_content.random_right_content2 {margin-top: 50px;}
.blog-thamnail { margin-bottom: 20px;}
.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; }
.test_preview_sidebar{display: none;}
.test_preview_sidebar{width:70%;position: fixed; left: 0; z-index: 99; height: 100vh;top:0px;-webkit-box-shadow: 3px 0px 5px 0px rgba(242,243,255,1);
-moz-box-shadow: 3px 0px 5px 0px rgba(242,243,255,1);
box-shadow: 3px 0px 5px 0px rgba(242,243,255,1);padding-top: 20%;        transition: left 0.3s;}
#closeSidebar { position: absolute; top: 11px; right: 13px; font-size: 39px; border: solid 2px #ff0000; width: 40px; height: 40px; border-radius: 50px; line-height: 34px; text-align: center;color: #e84d4d;}
.pos_detail_wrap{ flex-wrap:wrap; }
.pos_detail_logo{ float:none; margin:0 auto; }
.pos_compay_detail{padding-top: 20px; width: 100% !important; }
.share_link_ats, .ats_position_grid{width: 100% !important;}
.pos_compay_detail h3{ text-align:center; }
    .form_container_bg {
        flex-wrap: wrap;
        height: 100%;
        object-fit: cover !important;
        background-size: inherit !important;
    }
.form_right {width: 98%; margin-top:105px!important; margin: 0 auto;margin-bottom: 75px;}
.login_footer{position: fixed; bottom:0px;}
.form_box-login.form_box-new {padding: 20px 20px; width: 96%; margin: 0 auto !important; float: none!important; overflow: hidden;}
.form_box-login.form_box-new_signup{padding: 20px 20px;margin-bottom: 40px;width: 100%;margin-right: 0;height:100%;}
.brand_logo{width: 100% !important; margin-left: 0 !important;text-align: center;    margin-top: 20px!important;}
.brand_logo img{width: 60%; object-fit: contain; height:50px;}
.footer_end{ display:none; }
.footer_start a{    font-size: 14px;}
}
@media(max-width: 720px){
.company_logo_popular ul{ flex-wrap: wrap}
.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;}
.dropdown-menu.megamenu.megamenu2 {width: 100% !important;}
.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;}
.section-header .dropdown-toggle::after{height: 28px;top:17px;right:10px;}
.has-megamenu .dropdown-toggle.show::after{top: 24px; right:10px;}
.dropdown-menu.megamenu.show{ border: 0;padding: 0; width: 100%}
.banner_h1 {width: 100%;}
.banner_h1 h1{font-size: 2.2rem; line-height: 42px; text-align: center !important; padding-right: 0;}
.company_logo_popular ul{justify-content: center;gap: 20px;}}