@media (max-width: 1200px){ .title-utp-absl {max-width: 100% !important;} .nav-container {width: 970px;}}
@media (max-width: 1600px){ .nav-container {max-width:1280px;}}

/* Мобильная адаптация фильтра */
@media (max-width: 992px) {
    .grid-filrt {
        grid-template-columns: 1fr;
        gap: 20px;
    }
	
	.max530 {
  max-width: 530px;
  margin: 0 auto;
}
	.course-filters-container {
		margin-bottom: 0px !important; }
	.section-choose {
		padding: 30px 0px 40px 0px !important; }
	.section-choose h2 { font-size:24px !important;}
	.link-t-a {
		display: block !important; }
	.details-button2 { padding: 14px 10px !important;width:100%;}
	.mar-nooo {margin-bottom:0px !important;margin-left: 20px;}
	.disp-nooooo {display:none !important;}
    /* Скрываем основную часть фильтра на мобилке */
    .my-filter {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: white;
        z-index: 1001;
        padding: 80px 20px 30px;
        overflow-y: auto;
    }
    
    .my-filter.mobile-active {
        display: block;
    }
    
    /* Кнопка "Фильтры" рядом с сортировкой */
    .mobile-filter-button {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 11px 13px;
        background: rgba(220, 231, 255, 0.3);
        border: 1px solid rgba(20, 85, 225, 0.6);
        border-radius: 30px;
        cursor: pointer;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 15px;
        color: #1455E1;
        line-height: 100%;
        margin-left: 10px;
        white-space: nowrap;
    }
    
    .mobile-filter-button:hover {
        background: rgba(220, 231, 255, 0.5);
        border-color: #1455E1;
    }
    
    .mobile-filter-icon {
        width: 17px;
        height: 17px;
    }
    
    /* Контейнер для сортировки и фильтров на мобилке */
    .mobile-filter-container {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        gap: 10px;
    }
    
    /* Кнопка закрытия в модальном окне */
    .filter-close-button {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
        background: transparent;
        border: none;
        cursor: pointer;
        z-index: 1002;
    }
    
    .filter-close-button:before,
    .filter-close-button:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 2px;
        background: rgba(20, 85, 225, 1);
        transform-origin: center;
    }
    
    .filter-close-button:before {
        transform: rotate(45deg);
    }
    
    .filter-close-button:after {
        transform: rotate(-45deg);
    }
    
    /* Кнопка "Применить" в модальном окне */
    .apply-filter-button {
        width: 100%;
        max-width: 326px;
        height: 45px;
        background: rgba(20, 85, 225, 1);
        border: none;
        border-radius: 50px;
        padding: 0 65px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 900;
        font-size: 20px;
        color: white;
        cursor: pointer;
        display: block;
        margin: 30px auto 0;
        transition: all 0.3s ease;
    }
    
    .apply-filter-button:hover {
        background: rgba(20, 85, 225, 0.9);
        transform: translateY(-2px);
    }
    
    /* Заголовок модального окна */
    .filter-modal-title {
        position: absolute;
        top: 20px;
        left: 20px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 800;
        font-size: 24px;
        color: rgba(20, 85, 225, 1);
        margin: 0;
    }
    
    /* Контейнер для элементов фильтра в модальном окне */
    .mobile-filter-items {
        margin-top: 40px;
    }
}

/* На десктопе скрываем кнопку фильтров */
@media (min-width: 993px) {
    .mobile-filter-button {
        display: none;
    }
	.apply-filter-button {display:none;}
	.filter-close-button {display:none;}
    .mobile-filter-container {
        display: none;
    }
}
@media (max-width: 992px){
	.mobile-none {display:none;}	
	.section-courses {padding-bottom: 30px;
		background: rgb(220, 231, 255); }
	.filter-tag {font-size:12px !important;}
	.show-more {
  display: table !important;
  width: auto !important;
  padding: 15px 18px 15px 18px !important;
  font-size: 12px !important;
  margin: 0 auto !important;
}
	.desc-cor {font-size:12px !important; text-align:center;}
	.title-cor {font-size:24px !important;text-align:center;}
	.section-breadcrums {display:none;}
	.spiker-t {font-size:16px !important;}
	.filtr-grid-item {display: block !important; }
	.course-card {margin-bottom:30px;}
	.course-filters {
		display: block !important; }
	.filter-tag {margin-bottom:15px;}
	.max900m {display:block !important;}
	.header-spiker img{ width:100px;}
	.grid-filrt {display: block !important; }
	.grid-course {
		display: block !important; }
	.content-contacts-m h2 {display:none !important; }
	.postup2-grid {
		display: block !important;
	margin-bottom:20px;
	}
	.politik-f {margin-bottom:20px;}
	.postup-block {margin-bottom:20px;}
	.postup-grid {
		display: block !important; }
	.grid-diplom {display:block !important;}
	.whatwho {font-size:30px !important;text-align:center;}
	.img-why img {width:60px;}
	.t-diplom2 {font-size:15px !important;}
	.spiker-t2 {font-size:14px !important;}
	.t-diplom {margin-top:15px;font-size:20px !important;}
	.section-diplom h2 { font-size:24px !important;}
	.faq-answer {font-size:16px !important;}
	.question-number {font-size:36px !important;}
	.desc-before-h1 {font-size:14px !important;}
	.title-progrmm {font-size:20px !important;}
	.link-grid {display:block !important;}
	.question-title {font-size:16px !important; }
	.date-pays {margin-bottom:15px;}
	.li-proga span.l2 {
  display: table !important;
  padding-left: 47px;
		margin-top: 6px; }
	.li-proga {
		display: block !important; }
	.content-programms-t1 {font-size:24px !important;margin-top:15px;}
	.proc-t2 {font-size:17px !important;}
	.title-mbb { font-size:24px !important;text-align:center;}
	.grid-inst {display:block !important;}
	.grid-mbi-number {display:block !important;}
	.content-text-corp2 {text-align:left !important;}
	.grid-content-programma {
		display: block !important; }
	
	.proc-t {
		font-size: 20px !important; }
	.cont-link a {font-size: 16px !important; }
	.title-conntec-form {font-size: 18px !important;text-align:center; }
	.grid-block-proc {display: block !important; }
	.mobile-menu-toggle {display:block;margin-right: 15px;}
	.why-block { padding:20px 10px 20px 10px !important;}
	.mbi-face {display:none;}
	.section-news {margin-top:30px !important;}
	.section-slider {display:none;}
	.grid-news-all {display:block;}
	.card {padding: 90px 30px 15px 30px !important;}
	.card-number {font-size:48px !important;}
	.card-title {font-size:15px !important;}
	.title-why {font-size: 18px !important; }
	.desc-why {font-size:14px !important;}
	.card-text {display:none;}
	.crp-desc {font-size:14px !important;}
	.dop-info h2 {font-size:24px !important;}
	.crp-title {font-size:16px !important;}
	.mob-all-news {display:none;}
	.card-bg {
  top: 10px !important;
  width: 90px !important;
}
	.section-connect h2 {
		font-size: 24px !important; }
	.corp-block {margin-bottom:25px;}
	.section-content-main {margin-top: 30px;}
	.grid-corp-b {display: block !important; }
	.block-corp2 h2 {font-size:30px !important; }
	.mar25mob {margin-top:25px;}
	.grid-why {grid-template-columns: 1fr 1fr !important; }
	.section-why h2 {font-size: 30px !important; }
	.gr-choose {display: block !important; }
	.contact-lefts {text-align:center;}
	.mobile-header-logo  {max-width:255px;}
	.mar-img {margin-bottom:25px;}
	.news-content { text-align:left;}
	.news-title {font-size: 20px !important; }
	.grid2-4 {margin-top: 30px;
		display: block !important; }
	.grid-corp {display:block;}
	.mobile-none {display:none !important;}
	.input-c {margin-bottom:15px;}
	.title-choose-main {font-size: 30px !important;text-align: center; }
	.title-conntec-form {margin-top:20px;}
	.grid-connect {
		display: block !important; }
	.mobile-img-no {display:none !important;}
	.form-grid {
	
		display: block !important; }
	.mobile-center {text-align:center;}
}
/* Мобильная версия подвала */
@media (max-width: 992px) {
    .svg-footer {
        margin-top: 60px;
        padding-top: 30px;
        padding-bottom: 30px;background:rgba(220, 231, 255, 1);
    }
    
    .svg-footer::before {
        height: 600px;
        background: url('data:image/svg+xml;utf8,<svg width="768" height="600" viewBox="0 0 768 600" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 80C0 80 234 0 385 0C536 0 768 80 768 80V600H0V80Z" fill="%23DCE7FF" fill-opacity="0.4"/></svg>');
        background-size: cover;
    }
    
    .footer-content {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 40px;
        text-align: center;
    }
    
    .footer-content div.prog-bl {
        border-right: none;
        border-bottom: 1px solid rgba(20, 85, 225, 0.3);
        padding-right: 0;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    
    .footer-content div.prog-bl:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }
    
    .prog-bl {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .program-category {
        margin-bottom: 20px;
        width: 100%;
    }
    
    .program-category h3 {
        font-size: 18px;
        margin-bottom: 10px;
        color: rgba(20, 85, 225, 1);
    }
    
    .program-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
    
    .program-list li {
        font-size: 14px;
        margin-bottom: 8px;
        padding: 4px 0;
    }
    
    .footer-text {
        font-size: 14px;
        margin-top: 15px;
        text-align: center;
        line-height: 1.4;
    }
    
    /* Контакты в подвале */
    .phone-ff,
    .email-ff {
        font-size: 18px;
        margin-bottom: 8px;
    }
    
    .city-ff,
    .time-ff {
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 1.3;
    }
    
    .soc {
        margin-top: 15px;
        display: flex;
        justify-content: center;
        gap: 15px;
    }
    
    .soc a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        transition: all 0.3s ease;
    }
    
    .soc a:hover {

        transform: scale(1.1);
    }
    
    .soc img {
        width: 44px;
        height: 44px;
    }
    
    /* Нижняя часть подвала */
    .footer-bottom {
        padding-top: 20px;
        margin-top: 20px;
        border-top: 1px solid rgba(20, 85, 225, 0.2);
    }
    
    .dev {
        text-align: center;
    }
    
    .dev a {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px;
    }
    
    .dev a img {
        width: 50px;
    }
    
    .dev a span {
        font-size: 11px;
        margin-left: 0;
        text-align: left;
        line-height: 1.2;
    }
    
    /* Логотип */
    .prog-bl img {
        max-width: 150px;
        height: auto;
    }
}

/* Дополнительные стили для очень маленьких экранов */
@media (max-width: 576px) {
    .svg-footer {
        margin-top: 40px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .footer-content {
        margin-top: 30px;
        gap: 15px;
    }
    
    .program-list {
        grid-template-columns: 1fr;
        gap: 5px;
    }
    
    .program-list li {
        font-size: 13px;
        margin-bottom: 5px;
    }
    
    .phone-ff,
    .email-ff {
        font-size: 16px;
    }
    
    .city-ff,
    .time-ff {
        font-size: 13px;
    }
    
 
    
    .dev a {
        flex-direction: column;
        gap: 5px;
        text-align: center;
    }
    
    .dev a span {
        text-align: center;
        font-size: 10px;
    }
}

/* Плавные переходы */
.svg-footer,
.footer-content,
.prog-bl,
.program-category,
.soc a {
    transition: all 0.3s ease;
}

/* Улучшение читаемости на мобильных */
@media (max-width: 992px) {
    .program-category h3 {
        font-weight: 600;
    }
    
    .program-list li {
        color: rgba(19, 0, 79, 0.8);
    }
    
    .phone-ff,
    .email-ff {
        font-weight: 500;
    }
}
@media (min-width: 992px) {
	.section-breadcrums-mobile {display:none;}
	.mobile-none-imgg {display:none;}
}
@media (min-width:768px) {
  .container {
    width:750px
  }
}
@media (min-width:992px) {
  .container {
    width:970px
  }
}
@media (min-width:1200px) {
  .container {
    width:1170px
  }
}
@media (min-width: 1280px) {
  .container {
    width: 1240px;
  }
}

@media (max-width: 767px){
	.hidden-xs{
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	.hidden-sm{
		display: none !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px){
	.hidden-md{
		display: none !important;
	}
}
@media (min-width: 1200px){
	.hidden-lg{
		display: none !important;
	}
}

@media (min-width: 992px) {
/*** DropDown Menu ***/
 .navbar-nav {display:flex !important; flex-direction:row; justify-content:center!important; width:100%; margin:0 !important;padding:0px;}
 .navbar-nav > li {flex:1 1 auto !important}
  ul.dropdown {background-color:rgba(255,255,255,1); position:absolute; z-index:100; left:auto; top:auto; list-style:none; padding:0; width:15rem; opacity:0; visibility:hidden; z-index:3; -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.25); box-shadow:0 2px 2px 0 rgba(0,0,0,.25); -webkit-transform:translateY(2em); -ms-transform:translateY(2em); transform:translateY(2em); -webkit-transition:opacity .2s ease 0s, -webkit-transform .2s ease 0s; transition:opacity .2s ease 0s, -webkit-transform .2s ease 0s; -o-transition:transform .2s ease 0s, opacity .2s ease 0s; transition:transform .2s ease 0s, opacity .2s ease 0s; transition:transform .2s ease 0s, opacity .2s ease 0s, -webkit-transform .2s ease 0s}
  ul.dropdown li ul {left:100%; top:0}
  ul.dropdown li {width:100%; padding:0; display:block; position:relative; text-align:left}
  ul.dropdown li:last-child {border:0}
  ul.dropdown li a {padding:10px; display:block; 
font-family: "Inter Tight", serif;
font-weight: 400;
font-size: 16px;
    }
  ul.dropdown li a:hover, ul.dropdown li a:focus, ul.dropdown > li.active > a {color:rgba(217,48,44,1); background-color:rgba(238,238,238,1); text-decoration:none}

  .navbar-nav > li:hover > ul.dropdown {opacity:1; visibility:visible; z-index:99; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)}
  ul.dropdown li:hover > ul {opacity:1; visibility:visible; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)}
  ul.dropdown li > ul > li > ul {display:none}

  .navbar-top .social {margin:0 0 0 3rem}
  .navbar-top .flex-col:first-child {width:auto}
  .navbar-top .flex-col:nth-child(2) {width:auto}
  .navbar-top .flex-col:last-child {width:auto}

  .flex-row {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end}
  .flex-col {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
  .flex-row .flex-col:nth-child(2) {-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
}


@media (min-width: 768px){
	.container{
		width: 750px;
	}
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{
		float: left;
	}
	.col-sm-12{
		width: 100%;
	}
	.col-sm-11{
		width: 91.66666667%;
	}
	.col-sm-10{
		width: 83.33333333%;
	}
	.col-sm-9{
		width: 75%;
	}
	.col-sm-8{
		width: 66.66666667%;
	}
	.col-sm-7{
		width: 58.33333333%;
	}
	.col-sm-6{
		width: 50%;
	}
	.col-sm-5{
		width: 41.66666667%;
	}
	.col-sm-4{
		width: 33.33333333%;
	}
	.col-sm-3{
		width: 25%;
	}
	.col-sm-2{
		width: 16.66666667%;
	}
	.col-sm-1{
		width: 8.33333333%;
	}
	.col-sm-offset-12{
		margin-left: 100%;
	}
	.col-sm-offset-11{
		margin-left: 91.66666667%;
	}
	.col-sm-offset-10{
		margin-left: 83.33333333%;
	}
	.col-sm-offset-9{
		margin-left: 75%;
	}
	.col-sm-offset-8{
		margin-left: 66.66666667%;
	}
	.col-sm-offset-7{
		margin-left: 58.33333333%;
	}
	.col-sm-offset-6{
		margin-left: 50%;
	}
	.col-sm-offset-5{
		margin-left: 41.66666667%;
	}
	.col-sm-offset-4{
		margin-left: 33.33333333%;
	}
	.col-sm-offset-3{
		margin-left: 25%;
	}
	.col-sm-offset-2{
		margin-left: 16.66666667%;
	}
	.col-sm-offset-1{
		margin-left: 8.33333333%;
	}
	.col-sm-offset-0{
		margin-left: 0;
	}
	.col-sm-tac{
		text-align: center;
	}
	.col-sm-tar{
		text-align: right;
	}
	.col-sm-tal{
		text-align: left;
	}
	.col-sm-taj{
		text-align: justify;
	}
}
@media (min-width: 992px){
	.container{
		width: 970px;
	}
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{
		float: left;
	}
	.col-md-12{
		width: 100%;
	}
	.col-md-11{
		width: 91.66666667%;
	}
	.col-md-10{
		width: 83.33333333%;
	}
	.col-md-9{
		width: 75%;
	}
	.col-md-8{
		width: 66.66666667%;
	}
	.col-md-7{
		width: 58.33333333%;
	}
	.col-md-6{
		width: 50%;
	}
	.col-md-5{
		width: 41.66666667%;
	}
	.col-md-4{
		width: 33.33333333%;
	}
	.col-md-3{
		width: 25%;
	}
	.col-md-2{
		width: 16.66666667%;
	}
	.col-md-1{
		width: 8.33333333%;
	}
	.col-md-offset-12{
		margin-left: 100%;
	}
	.col-md-offset-11{
		margin-left: 91.66666667%;
	}
	.col-md-offset-10{
		margin-left: 83.33333333%;
	}
	.col-md-offset-9{
		margin-left: 75%;
	}
	.col-md-offset-8{
		margin-left: 66.66666667%;
	}
	.col-md-offset-7{
		margin-left: 58.33333333%;
	}
	.col-md-offset-6{
		margin-left: 50%;
	}
	.col-md-offset-5{
		margin-left: 41.66666667%;
	}
	.col-md-offset-4{
		margin-left: 33.33333333%;
	}
	.col-md-offset-3{
		margin-left: 25%;
	}
	.col-md-offset-2{
		margin-left: 16.66666667%;
	}
	.col-md-offset-1{
		margin-left: 8.33333333%;
	}
	.col-md-offset-0{
		margin-left: 0;
	}
	.col-md-tac{
		text-align: center;
	}
	.col-md-tar{
		text-align: right;
	}
	.col-md-tal{
		text-align: left;
	}
	.col-md-taj{
		text-align: justify;
	}
}
@media (min-width: 1200px){
	.container{
		width: 1280px;
	}
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{
		float: left;
	}
	.col-lg-12{
		width: 100%;
	}
	.col-lg-11{
		width: 91.66666667%;
	}
	.col-lg-10{
		width: 83.33333333%;
	}
	.col-lg-9{
		width: 75%;
	}
	.col-lg-8{
		width: 66.66666667%;
	}
	.col-lg-7{
		width: 58.33333333%;
	}
	.col-lg-6{
		width: 50%;
	}
	.col-lg-5{
		width: 41.66666667%;
	}
	.col-lg-4{
		width: 33.33333333%;
	}
	.col-lg-3{
		width: 25%;
	}
	.col-lg-2{
		width: 16.66666667%;
	}
	.col-lg-1{
		width: 8.33333333%;
	}
	.col-lg-offset-12{
		margin-left: 100%;
	}
	.col-lg-offset-11{
		margin-left: 91.66666667%;
	}
	.col-lg-offset-10{
		margin-left: 83.33333333%;
	}
	.col-lg-offset-9{
		margin-left: 75%;
	}
	.col-lg-offset-8{
		margin-left: 66.66666667%;
	}
	.col-lg-offset-7{
		margin-left: 58.33333333%;
	}
	.col-lg-offset-6{
		margin-left: 50%;
	}
	.col-lg-offset-5{
		margin-left: 41.66666667%;
	}
	.col-lg-offset-4{
		margin-left: 33.33333333%;
	}
	.col-lg-offset-3{
		margin-left: 25%;
	}
	.col-lg-offset-2{
		margin-left: 16.66666667%;
	}
	.col-lg-offset-1{
		margin-left: 8.33333333%;
	}
	.col-lg-offset-0{
		margin-left: 0;
	}
	.col-lg-tac{
		text-align: center;
	}
	.col-lg-tar{
		text-align: right;
	}
	.col-lg-tal{
		text-align: left;
	}
	.col-lg-taj{
		text-align: justify;
	}
}
.title-course{
display: flex;
align-items: center;
}
.news-card2:last-child {border:0px;}
@media (min-width:1400px) {
  .container1400 {
    width: 1370px;
  }
	.director-name {
		font-size: 24px; }

}
.right-img {text-align:right;}
@media (min-width:1680px) {
  .container1650 {
    width: 1650px;
  }
	.details-button2 {padding: 19px 98px; }
	.whatwho {margin-bottom: 50px; }
	.svg-list2 li {margin-bottom: 5px; }
	.max900m {
		grid-template-columns: 1fr 470px; }
	.proc-t {font-size:40px; }
	.pay-proga {padding: 18px 20px; }
	.link-grid {grid-template-columns: 390px 1fr; }
	.date-pays {font-size:40px;}
	.course-type {font-size:18px;}
	.course-price {font-size:30px;}
	.filter-link {font-size:18px;}
	.left-filtr-prog {padding-left:95px;}
	.grid-news-all {
		grid-template-columns: 1fr 640px; }
	.title-course {min-height: 75px;}
	.course-slide {padding-top: 10px !important;}
	.details-button {font-size:24px;padding:9px 34px;}
	.title-course {font-size:20px;}
	.line-course div:last-child {font-size: 24px; }
	.line-course div:first-child {font-size: 20px; }
	.show-more {font-size:24px; display:table;padding: 20px 28px;}
	.title-cor {font-size:50px;}
	.grid-course {grid-template-columns: 300px auto;}
	.buttom-t1 {padding: 20px 37px;font-size:24px; }
	.grid2 {margin-top:36px;margin-bottom: 65px;max-width: 750px;}
	.text-absol { top:129px;
  max-width: 750px;}
}