@media (max-width:1579px) {
.header_sec .navbar{ padding: 8px 42px;}
.header_sec h1{ font-size: 28px;}
.login_detail { width: 52%; min-width: 52%; padding: 32px 24px;}
.login_detail h2{ font-size: 34px;}
.login_detail h3{ font-size: 16px; letter-spacing: 0.6px;}
.login_detail p{ font-size: 13px; line-height: 21px; letter-spacing: 0.6px;}
.login_detail figure{ margin-top: -80px;}
.service_policy_item h4{ font-size: 13px; line-height: 19px;}
.login_right{ padding-top: 40px;}
.login_form{ margin-bottom: 56px;}
.login_right h3{ font-size: 16px;}
.form_block label{ font-size: 12px;}
.form_block .input-group{ height: 48px;}
.form_block .form-control{ font-size: 13px;}
.forgot_link{ font-size: 12px;}
.submit_btn{ font-size: 16px; height: 48px;}
.welcome_bottom .img1 { margin-left: 160px;}

.detailedform_sec{ padding: 40px 32px 0;}
.detailedform_sec h2{ font-size: 22px;}
.planing_btn{ font-size: 13px; padding: 5px 24px;}
.meta-item .meta-content{ font-size: 13px;}
.process-wrapper .step-content{ font-size: 14px;}
.asidebar h3{ font-size: 16px;}
.aside-tabs .nav-link{ font-size: 13px;}
.content-box .box-head h2{ font-size: 26px;}
.fichier_block label{ font-size: 13px;}
.fichier_block .fdeid_block{ font-size: 14px;}
.fichier_block .date{ font-size: 13px;}
.tele-btn { padding: 8px 16px 8px 8px; font-size: 13px; gap: 12px;}
.situation_block h4{ font-size: 14px;}
.situation_block p{ font-size: 13px;}
.wbox-head h3{ font-size: 16px;}
.form-check .form-check-label{ font-size: 14px;}
.reco_infoline{ font-size: 14px;}
.bachelor_sec .btn{ font-size: 12px;}
.bachelor_info .welcome_bottom .img1 { margin: 0 0 -3px 400px;}

.detailedbaluch_wrapper .detailedform_sec { padding: 40px 32px 0;}
.metacard_item{ min-width: 160px;}
.error-page-code{ font-size: 96px;}
.error-page-title{ font-size: 22px;}
}
@media (max-width:1199px) {
.header_sec h1{ font-size: 22px;}
.login_detail h2{ font-size: 29px;}
.login_sec{ padding: 8px;}
.header_sec .sign_out{ font-size: 12px; padding: 9px 13px;}
.header_sec .sign_out img{ width: 15px;}
.header_sec .notify img{ width: 19px;}
.welcome_back { padding: 32px 0 80px 32px;}
.welcome_sec h5{ font-size: 24px; margin-bottom: 40px;}
.welcome_bottom .img1 { margin-left: 120px; width: 80px;}
.welcome_bottom .img2{ width: 152px;}
.welcome_bottom{ padding-top: 64px;}

.detailedform_sec{ padding: 16px 24px 24px 24px;}
.detailedform_sec h2{ font-size: 18px; line-height: 26px;}
.process-wrapper .step-content{ padding: 35px 16px 18px; font-size: 13px; line-height: 18px;}
.process-wrapper .step-content span{ min-height: 37px;}
.process-wrapper .step-icon{ width: 38px; height: 38px;}

.fichier_block label{ margin-bottom: 12px;}
.fichier_block .fdeid_block{ font-size: 13px; gap: 8px;}
.fichier_block .fdeid_block .ic { width: 32px; min-width: 32px; height: 32px; padding: 8px;}
.fichier_block .date{ min-height: 32px;}
.tele-btn { padding: 6px 14px 6px 6px; font-size: 13px; gap: 8px;}
.reco_infoline { font-size: 12px;}

.sticky_bar .btn-group{ gap: 8px;}
.sticky_bar .submit_btn{ font-size: 13px; min-width: 96px; line-height: normal;}


.detailedbaluch_wrapper .process-wrapper .step-content{ font-size: 12px; padding: 28px 8px 24px;}
.process-wrapper .step-content span { min-height: 31px;}
.process-wrapper .step-content p{ font-size: 11px;}
.mesausdocs_sec{ padding-top: 32px;}
.mesausdocs_sec .table thead tr th{ font-size: 12px; padding-bottom: 16px;}
.mesausdocs_sec .table tbody tr:not(:nth-child(2n)) td{ font-size: 13px;}
.mesausdocs_sec .block h3{ font-size: 13px;}
.mesausdocs_sec .table thead tr th:nth-child(2){ width: 30%;}

.bachelor_sec .grid_info .grid_box p{ font-size: 13px;}
.bachelor_sec .grid_info .grid_box{ gap: 4px; padding: 16px 12px;}
.bachelor_sec .btn{ min-width: 192px;}
.bachelor_sec .grid_info .grid_box p i{ width: 32px; height: 32px;}
.bachelor_sec .grid_info .grid_box.title p{ font-size: 12px;}
.bachelor_sec .grid_info .grid_box.title{ padding: 0 12px;}
.bachelor_info .welcome_bottom .img1 { margin: 0 0 -3px 280px;}
.error-page-code{ font-size: 80px;}
.error-page-title{ font-size: 19px;}
.error-page{ padding: 48px 16px 32px; min-height: 240px;}
.step-action-btn{ font-size: 11px; padding: 8px 10px;}
}

/************ Main **************/
@media (max-width: 991px) {
.header_sec h1 { font-size: 19px;}
.login_sec { padding: 16px;}
.login_sec .grid{ flex-direction: column;}
.login_right { padding-top: 16px;}
.login_form{ margin-bottom: 32px;}
.login_detail{ width: 100%; min-width: 100%;}
.header_sec .sign_out{ padding: 0; background: none;}
.header_sec .sign_out span{ display: none;}
.header_sec .sign_out img{ filter: brightness(0) invert(1);}
.header_sec .notify img { width: 16px;}
.welcome_back { padding: 16px 0 48px 16px;}
.back_btn{ padding: 7px 18px; font-size: 12px;}
.back_btn img{ width: 5px;}
.welcome_sec h5 { font-size: 17px; margin-bottom: 24px;}
.welcome_sec .radio_info{ gap: 32px;}
.welcome_sec .form-check { width: 236px; height: 190px;}
.welcome_sec .form-check label{ font-size: 16px;}
.welcome_sec .form-check{ border-radius: 14px;}
.welcome_sec .form-check::before{ width: 24px; height: 24px; top: -8px; right: -8px;}
.welcome_bottom .img1 { margin-left: 80px;}

.detailedform_sec h2{ font-size: 19px; text-align: center;}
.detailedform_sec .planing_btn{ margin-bottom: 32px;}
.process-wrapper .step-content{ padding: 24px 8px 16px;}
.process-wrapper .step.active .step-content::after { border-width: 8px 8px 0 8px;}
.process-wrapper .step.active .step-content { margin: 0 -1px -12px; border-radius: 0 0 13px 13px;}
.process-wrapper{ margin-bottom: 48px;}
.aside-tabs{ margin-bottom: 24px;}
.aside-tabs .nav-link{ font-weight: normal;}
.content-box .box-head h2{ font-size: 22px;}
.situation_block h4{ margin-bottom: 10px;}
.form_block .input-group { height: 43px;}


.detailedbaluch_wrapper .detailedform_sec { padding: 16px 16px 0;}
.detailedbaluch_wrapper .process-wrapper .step-content{ font-size: 11px; padding: 16px 4px 16px;}
.detailedbaluch_wrapper .process-wrapper .step-content p{ font-size: 11px;}
.process-wrapper .step-content span { min-height: 25px;}
.metacard_item { min-width: 128px; flex-direction: column; align-items: unset; min-height: 92px;}
.mesausdocs_sec .table thead tr th{ padding: 0 13px 16px;}
.mesausdocs_sec .table tbody tr:not(:nth-child(2n)) td{ padding: 11px 13px;}
.mesausdocs_sec .table thead tr th:nth-child(2){ width: auto;}
.mesausdocs_sec .block{ gap: 8px;}
.mesausdocs_sec .block i { width: 32px; height: 32px; min-width: 32px; padding: 6px;}
.mesausdocs_sec .block h3 { font-size: 12px;}
.mesausdocs_sec h2{ margin-bottom: 16px;}

.bachelor_sec .top h2{ font-size: 22px;}
.bachelor_sec .grid_info{ display: none;}
.bachelor_info .mobile_info{ display: block;}
.error-page-code{ font-size: 64px;}
.error-page-title{ font-size: 18px;}
.error-page-text{ font-size: 13px; line-height: 19px;}
.bachelor_info .welcome_bottom{ padding-top: 24px;}
.bachelor_info .welcome_bottom .img1 { margin: 0 0 -3px 25%;}

.bachelor_sec{ padding-top: 16px;}
}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:90%; margin:0 auto; padding:0; max-width: inherit;}

.header_sec .navbar { padding: 8px 32px; gap: 6px; margin: 0 -12px;}
.header_sec .navbar::before { width: 30px; left: 0;}
.header_sec .navbar::after { width: 30px; right: 0;}
.header_sec .brand-logo{ width: 40px; min-width: 40px;}
.header_sec .head-title{ width: 100%;}
.header_sec .right-info{ width: 40px; min-width: 40px;}
.header_sec h1 { font-size: 15px;}
.login_detail figure { margin-top: -56px;}
.content-wrapper-inn{ border-radius: 16px 16px 0 0;}
.welcome_sec .radio_info { gap: 20px;}
.welcome_sec .form-check label { font-size: 14px;}

.welcome_bottom .img1 { margin-left: 40px; width: 58px;}
.welcome_bottom .img2{ width: 112px;}

.detailedform_sec { padding: 16px;}
.aside-tabs{ margin-left: 0;}
.asidebar h3{ padding-left: 14px;}
.fichier_block .col-md-auto:not(:last-child) label{ text-align: left;}
.fichier_block .date{ justify-content: flex-start; min-height: auto;}
.fichier_block .col-md-auto:not(:first-child) label{ padding-top: 17px; border-top: 1px solid rgba(0,0,0,0.15);}
.fichier_block label{ margin-bottom: 8px;}
.tele-btn { padding: 8px 32px 8px 8px; font-size: 13px; gap: 24px;}
.reco_infoline{ text-align: center;}
.form_block label { font-size: 13px;}
.form-check .form-check-label{ font-size: 13px;}
.content-box .box-head h2{ font-size: 18px; line-height: normal;}
.sante_block .box-body{ padding: 0 16px 8px;}
.aside-tabs .nav-link { line-height: normal;}

.sticky_bar{ padding: 8px 0;}
.sticky_bar .btn-group{ gap: 16px;}
.sticky_bar .btn-group .submit_btn{ min-width: auto; height: 40px; padding: 0 10px;}

.content-wrapper::after { width: 90%;}

.metacards{ display: block; max-width: 234px; margin: 0 auto; padding-bottom: 16px;}
.metacard_item{ width: 100%; min-height: auto; min-width: auto; flex-direction: row; align-items: center; padding: 12px 16px;}
.metacard_item p{ font-size: 14px; line-height: 16px;}

.mesausdocs_sec .table thead { display: none;}
.mesausdocs_sec .table, .mesausdocs_sec .table tbody, .mesausdocs_sec .table tr, .mesausdocs_sec .table td { display: block; width: 100%;}
.mesausdocs_sec .table tr { margin-bottom: 16px; border: 1px solid #eee; padding: 12px; border-radius: 6px; background: linear-gradient(to top, #f4f4f4, #fff); box-shadow: inset 0 -2px 0 0 #fff, inset 0 2px 0 0 #fff, inset 2px 0 0 0 #fff, inset -2px 0 0 0 #fff;}
.mesausdocs_sec .table tbody tr:not(:nth-child(odd)){ display: none;}
.mesausdocs_sec .table tbody tr:not(:nth-child(even)) td{ padding: 8px 0; position: relative; background: none !important; box-shadow: none !important; border-radius: 0 !important;}
.mesausdocs_sec .table tbody tr:not(:nth-child(even)) td:not(:last-child){ border-bottom: 1px solid rgba(0,0,0,0.1) !important; text-align: left;}
.mesausdocs_sec .table tbody tr:not(:nth-child(even)) td::before { content: attr(data-label); display: block; margin-bottom: 8px; color: #333333; font-weight: normal; font-family: 'Lucida Grande';}
.mesausdocs_sec .container{ width: 100%}

.welcome_bottom .last { transform: translateX(-50%);}
.bachelor_sec .top{ display: block; margin-bottom: 16px;}
.bachelor_sec .top h2{ font-size: 18px; margin-top: 28px;}
}

/************ iphone **************/
@media (max-width:575px) {
html { -webkit-text-size-adjust:none;}

.login_detail{ padding: 24px 10px;}
.login_detail h2 { font-size: 21px;}
.login_detail h3 { font-size: 12px; letter-spacing: -0.6px;}
.login_detail p { font-size: 12px; line-height: 18px; letter-spacing: 0.4px;}
.login_detail figure { margin-top: -32px;}
.service_policy_item .ic { width: 40px; height: 40px; padding: 10px;}
.service_policy_item h4 { font-size: 12px; line-height: 16px; letter-spacing: 0.4px;}

.welcome_sec .form-check label { font-size: 16px;}
.welcome_sec .radio_info{ flex-direction: column;}
.welcome_sec .form-check{ width: 100%; height: auto; padding: 12px 16px 12px 8px;}
.welcome_sec .form-check label{ display: flex; align-items: center; text-align: left;}
.welcome_sec .form-check label span{ margin: 0;}

.detailedform_sec { padding: 16px 16px;}
.white_box{ padding: 12px 13px 21px;}
.content-box .box-head{ margin: 0 16px 16px;}
.content-box .box-body{ padding: 0 16px;}
.sante_block .box-body{ padding: 0 8px;}
}