@media (max-width:1200px){
    .menu nav ul li { padding:26px 0; border:none;}
    header .header_logo p { padding:15px 0 15px 10px; height:auto }
    main .container { border:none!important; }
    main .rllines:before{ display:none!important; }
    main .rllines:after{ display:none!important; }
    main .tab-pane label { font-size: 13px; }
}

@media (max-width: 992px ){
    header .header_txt { padding:20px 15px }
    header .header_logo a { padding-right:10px }
    main .tab-content .txt-section ol { padding-left: 0 }
    .menu .menu-container { max-width:100%; }
}

@media (max-width: 768px){
    .login-container { padding: 32% 10% 16% 10%}
    .login-container form .form-check, .login-container form a { margin: 24px 0}
    .remind-container { padding: 32% 10% 16% 10%}
    .menu nav ul { display:block }
    .menu nav ul li { display:block; text-align:center; }
    .menu nav ul li:after { display:none; }
    .menu ul li.active { background:#fff;  }
    .menu ul li.active a {color:#2e3192}
    header .header_logo a { border-right:none }
    .menu nav { display:none }
    .menu nav.active { display:block }
    .menu nav ul{ padding:26px 0 }
    main .user-school { padding: 40px 15px }
    main .tab-content .img-section { padding: 20px 15px 0 15px}
    .nav-section .nav { float:left; width:100%; display:block!important;}
    .nav-section .nav .btn-next{float:right; }
    main .nav-section .nav a { margin: 0!important; }
    main .tab-pane .txt-section ol{ padding: 15px 15px; }
    .login-container{border: 0;}
    .remind-container{border: 0;}
    .timeline { margin: 40px 0 0 0; }
    .timeline::before { left:0; }
    .timeline li::before { left:-2px; }
    .timeline .timeline-panel { float:left; padding-left:40px; width:95%; }
    main .more-panels { padding:40px 0; }
    .timeline-date-picker select { float:right }
    .program .program-sections .average { padding:40px 0; }
    .program .program-progress .bar { width:70%;left:15%; }
    .program .program-deadline .bar { width:70%;left:15%; }
    .quiz .quiz-buttons { padding:60px 15px }
    main .main-menu { padding:15px 15px }
    main .main-menu ul { display: block; border-bottom:none }
    main .main-menu ul li { display:block; text-align:center; }
    main .main-menu ul li a { text-align:center }
    main .container { max-width:100%; }
}

@media (max-width: 575px){
    header .header_logo a { padding-right:0 }
    main .user-adress input { line-height:50px }
    main .user-school input { line-height:50px }
    main .user-school select { height:62px!important; }
    main .tab-content select { height:62px!important; }
    main .user-adress .btn-save { line-height: 50px; font-size:16px !important}
    main .user-school .btn-edit { line-height: 50px; font-size:16px !important }
    .timeline { padding-left:15px; }
    .timeline::before { left:15px; }
    .nav-section #nav-tab .btn { border:none;padding-top:8px; line-height:40px; }
    .nav-section #nav-tab .btn-exit { background:#ed1c24; color:#fff; }
    main .tab-content .select2 .selection span { height:64px!important; }
    main .tab-content .select2 .selection span .select2-selection__rendered { line-height:66px; }
    main .tab-content .select2 .selection span .select2-selection__arrow { top:50%; }
    .blue-btn:hover { background:#212482!important;color:#fff!important;border:none!important; }
}

@media (min-width:440px) and (max-width: 768px ){
    .program .program-list { margin:0 60px; }
}
@media (max-width:450px){
    .login-container form input{ padding: 20px 0}
    .login-container form .form-check { width:100%; margin:20px 0}
    .login-container form .form-check label { margin:0 auto;float:none!important; }
    .login-container form a { float:left!important; width:100%; margin:20px 0 }
    .remind-container form .send button {margin:20px auto; float:none!important;display:block}
    .remind-container form a {float:none!important; margin:0 auto;}
}

@media (max-width: 339px ){
    header .header_logo p { padding:15px 0 15px 20px; }
}