@media only screen and (max-width: 1660px) {
  .location-item:nth-child(1) {
    left: 23.5%;
    top: 38%;
  }

  .location-item:nth-child(2) {
    left: 45%;
    top: 29%;
  }

  .location-item:nth-child(3) {
    right: 18.5%;
    top: 38%;
  }

  .location-item:nth-child(4) {
    right: 41%;
    top: 35%;
  }

  .location-item:nth-child(5) {
    right: 44%;
    top: 38%;
  }

  .location-item:nth-child(6) {
    right: 33.5%;
    top: 40%;
  }

  .why-choose-left {
    padding-left: 0;
  }

  .why-choose-left .line-effect {
    position: absolute;
    width: 900px;
    height: 900px;
    border-radius: 50% 50% 0 0;
    border: 7px solid #8798a9;
    right: -5%;
    rotate: 90deg;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
  }

  .why-choose-icon {
    padding: 20px;
  }

  .why-choose-content {
    max-height: 110px;
  }

  .why-dots-1 {
    top: 12%;
  }

  .why-dots-1::before {
    height: 125px;
    rotate: 60deg;
    top: -75px;
    right: -45px;
  }

  .why-dots-2 {
    right: -2.5%;
    top: 28%;
  }

  .why-dots-2::before {
    rotate: 65deg;
    top: -91px;
  }

  .why-dots-3 {
    right: -5.7%;
  }

  .why-dots-4 {
    right: -5.7%;
    bottom: 42%;
    top: auto;
  }

  .why-dots-4:before {
    right: -59px;
    rotate: 102deg;
    top: -45px;
  }

  .why-dots-5 {
    right: -2.7%;
    bottom: 28%;
    top: auto;
  }

  .why-dots-6 {
    right: 6%;
    bottom: 12%;
    top: auto;
  }

  .why-dots-6:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 125px;
    background-color: #8798a9;
    rotate: 120deg;
    top: -16px;
    right: -42px;
    z-index: -1;
  }

  .why-choose-content:nth-child(1) {
    top: 0%;
  }

  .why-choose-content:nth-child(2) {
    top: 17%;
  }

  .why-choose-content:nth-child(3) {
    top: 34%;
  }

  .why-choose-content:nth-child(4) {
    bottom: 34%;
    left: 11%;
  }

  .why-choose-content:nth-child(5) {
    bottom: 17%;
    left: 8%;
  }

  .why-choose-content:nth-child(6) {
    bottom: 0%;
    left: 0%;
  }
}

@media only screen and (max-width: 1440px) {


  .header .header-menu .menu__nav a {
    padding: 6px 6px;
  }
}

@media only screen and (max-width: 1366px) {
  .header .header-menu .menu__nav>li>a {
    font-size: 12px;
  }

  .why-choose-content {
    height: 115px;
  }

  .why-dots-1 {
    right: 2%;
  }

  .why-dots-2 {
    right: -5%;
  }

  .why-dots-2:before {
    height: 115px;
    top: -80px;
    right: -35px;
  }

  .why-dots-3 {
    right: -8%;
  }

  .why-dots-4 {
    right: -8%;
  }

  .why-dots-5 {
    right: -4.9%;
  }

  .why-dots-5:before {
    rotate: 125deg;
    top: -4px;
    right: -43px;
  }

  .why-dots-6 {
    right: 1.5%;
  }

  .why-dots-6:before {
    top: 7px;
    right: -25px;
    height: 115px;
  }

  .why-choose-text p {
    line-height: 1.3;
  }
}


@media only screen and (max-width: 1280px) {
  .text-mobil-dark {
    color: #000026 !important;
  }

  .mainSlider.-type-1 .mainSlider__content {
    padding-top: 130px;
  }

  .header .header-menu .menu__nav>li>a {
    font-size: 12px
  }

  .programs-item-title-box h2 {
    font-size: 18px;
  }
  .nav-list {
    margin-left: 50px;
  }


}

@media only screen and (max-width: 1199px) {
  .d-mobile-none {
    display: none;
  }

  .nav-logo {
    width: 100%;
    justify-content: space-between;
  }
  .nav-list {
    margin-left: 50px;
  }
}

@media only screen and (max-width: 1024px) {

  .header .header-menu .menu__nav>li>a.univaf-primary-btn {
    background: #fff;
    color: var(--univaf-yellow) !important;
    font-size: 16px;
    padding: 15px 30px;
    line-height: 1;
    border: 1px solid var(--univaf-yellow) !important;
    border-radius: 5px;
    transition: all .2s linear;
    justify-content: center;
  }



  .d-mobile-block {
    display: block;
    overflow: visible !important;
    position: fixed;
    bottom: 30px;
  }

  .d-mobile-block .dropdown {
    height: 50px;
  }

  .d-mobile-block .univaf-primary-btn {
    height: 50px;
  }

  .dropdown-menu.show {
    background: #000;
    transform: none !important;
  }

  .lang-text {
    color: #000;
  }

  .header .header-menu .menu__nav a {
    color: #fff !important;
  }

  .header .header-menu.-is-el-visible .-is-active {
    overflow: visible;
  }

  .nav-logo {
    width: 100%;
    justify-content: space-between;
  }

  .header .header-menu .menu__nav>li>a {
    color: #000 !important;
  }

  .header .header-menu .menu .subnav .subnav {
    left: 0;
  }

  .programs-col {
    width: 50% !important;
    margin-bottom: 25px
  }

  .learning-outcomes-item .learning-img-col img {
    max-width: 35px;
    min-width: 35px;
  }

}

@media only screen and (max-width: 768px) {


  .nav-list {
    margin-left: 0;
  }

  .slider-seperator {
    height: 450px;
    margin-right: 0;
    margin-left: 0;
  }

  .programs-col {
    width: 100% !important;
  }

  .about-univaf-col {
    width: 100%;
    margin-bottom: 25px;
  }

  .footer-item-col {
    width: 50%;
    margin-bottom: 25px;
  }

  footer {
    padding: 0 15px;
  }

  .mobile-spaceing {
    padding: 0 30px;
  }

  .course-title-img-box {
    display: flex;
    gap: 20px;
  }

  .course-title-img-box img {
    width: 50%;
    margin: 0 !important;
    object-fit: contain;
  }

  .overview-col {
    flex-wrap: wrap;
  }

  .overview-col .overview-item-box {
    width: 50%;
    margin-bottom: 15px;
  }

  .header .header-menu-bg {
    background-color: transparent;
  }

  .menu__nav>li.active a {
    background-color: transparent;
  }

  .header .header-menu .mobile-bg {
    width: calc(100vw - 60px);
    max-width: 100%;
  }

  .header .header-menu .menu li:hover>.subnav {
    background-color: transparent;
    border: none;
  }

  .header .header-menu .menu__nav a:hover {
    background-color: transparent;
  }

  .header .header-menu .menu li:hover>.subnav {
    width: 100%;
  }

  .header .header-menu .menu__nav li {
    margin: 10px 0;
    padding: 0;
  }

  .header .header-menu .menu__nav a {
    height: 25px;
    line-height: 1.5;
  }


  .pr-90 {
    padding-right: 50px !important;
  }

  .pl-90 {
    padding-left: 50px !important;
  }

  .location-item:nth-child(1) {
    left: 20.5%;
    top: 42%;
  }

  .location-item:nth-child(2) {
    left: 43.5%;
    top: 37.3%;
  }

  .location-item:nth-child(3) {
    right: 14.5%;
    top: 42%;
  }

  .location-item:nth-child(4) {
    right: 38.5%;
    top: 41%;
  }

  .location-item:nth-child(5) {
    right: 42.5%;
    top: 42.5%;
  }

  .location-item:nth-child(6) {
    right: 30.5%;
    top: 43%;
  }

  .why-choose-left .line-effect {
    display: none;
  }

  .why-dots-1,
  .why-dots-2,
  .why-dots-3,
  .why-dots-4,
  .why-dots-5,
  .why-dots-6 {
    display: none;
  }

  .why-choose-right {
    width: 100%;
    height: auto;
  }

  .why-choose-content {
    position: relative;
    margin-bottom: 15px;
  }

  .why-choose-left {
    display: block;
    height: auto;
    padding: 0 15px;
    text-align: center;
  }

  .tabs__controls {
    flex-direction: row !important;
    margin-bottom: 25px;
  }

  #feature .f-body {
    position: relative;
    max-width: 65%;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    border-radius: 50%;
  }

  #feature .f-items .f-item:nth-child(1) {
    margin-left: -62px;
    flex-direction: column;
  }

  #feature .f-items .f-item:nth-child(1) .f-item-text {
    margin-top: 2rem;
    margin-left: -4rem;
    position: absolute;
    top: 100%;
  }

  #feature .f-items .f-item:nth-child(2) {
    transform: translateX(-50%);
    margin-left: 0;
    margin-top: -22px;
    width: auto;
  }

  #feature .f-items .f-item:nth-child(2) .f-item-text {
    top: auto;
    position: absolute;
    left: 100%;
  }

  #feature .f-items .f-item:nth-child(3) {
    margin-right: -62px;
  }

  #feature .f-items .f-item:nth-child(3) .f-item-text {
    margin-top: 2rem;
    margin-right: -4rem;
    right: 0;
    position: absolute;
    top: 100%;
  }

  #feature .f-items .f-item:nth-child(4) {
    transform: translateX(-50%);
    margin-left: 0;
    margin-bottom: -22px;
    left: 50%;
  }

  #feature .f-items .f-item:nth-child(4) .f-item-text {
    top: auto;
    position: absolute;
    left: 100%;
  }

  .f-item-text div {
    font-size: 18px !important;
    padding: 0 15px !important;
  }

  .grid-box {
    grid-auto-rows: 50vh;
    padding-bottom: 50%;
  }

  .asenkron-table {
    padding: 15px;
  }
}

@media only screen and (max-width: 567px) {
  .mobil-p-0 {
    padding: 0 !important;
  }

  .mobil-pt-50 {
    padding-top: 50px !important;
  }

  .mobil-pb-50 {
    padding-bottom: 50px !important;
  }

  .m-height-auto {
    height: auto !important;
  }

  .slide-text {
    margin: 0;
  }

  .countdown-item p:nth-child(1) {
    display: block;
    width: 100% !important;
    font-size: 32px;
    line-height: 72px;
  }

  .countdown-item p:nth-child(1) span {
    font-size: 50px !important;
    line-height: 72px;
    position: absolute;
    right: -15%;
    top: -10px;
    opacity: 0.5;
  }

  .location-item:nth-child(1) {
    left: 18.5%;
    top: 43%;
  }

  .location-item:nth-child(2) {
    left: 41.5%;
    top: 40.3%;
  }

  .location-item:nth-child(3) {
    right: 12.5%;
    top: 43%;
  }

  .location-item:nth-child(4) {
    right: 37.5%;
    top: 42%;
  }

  .location-item:nth-child(5) {
    right: 41.5%;
    top: 43.5%;
  }

  .location-item:nth-child(6) {
    right: 28.5%;
    top: 44%;
  }

  .why-choose-content {
    width: 100%;
    height: 140px;
  }

  .why-choose-content:nth-child(odd),
  .why-choose-content:nth-child(even) {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }

  .why-choose-right {
    margin-top: 25px;
  }

  .why-choose-icon {
    width: 15%;
    padding: 10px;
  }

  #feature {
    padding-top: 50%;
    padding-bottom: 50%;
  }

  #feature .f-body {
    max-width: 65%;
  }

  #feature .f-items .f-item:nth-child(1) {
    margin-left: -50px;
  }

  #feature .f-items .f-item:nth-child(1) .f-item-text {
    margin-left: 0;
    margin-top: 1rem;
  }

  #feature .f-items .f-item:nth-child(2) {
    margin-top: -31px;
    width: auto;
  }

  #feature .f-items .f-item:nth-child(2) .f-item-text {
    top: auto;
    position: absolute;
    left: 100%;
  }

  #feature .f-items .f-item:nth-child(3) {
    margin-right: -50px;
  }

  #feature .f-items .f-item:nth-child(3) .f-item-text {
    margin-right: -1rem;
    margin-top: 1rem;
  }

  #feature .f-items .f-item:nth-child(4) {
    margin-bottom: -31px;
    left: 50%;
  }

  #feature .f-items .f-item:nth-child(4) .f-item-text {
    top: auto;
    position: absolute;
    left: 100%;
  }

  #feature .f-items .f-item .f-item-icon {
    width: 24px;
    height: 24px;
    margin: 0 1.25rem;
  }

  #feature .f-items .f-item .f-item-icon:before {
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    left: -6px;
    top: -6px;
  }

  #feature .f-items .f-item .f-item-icon:after {
    width: calc(100% + 24px);
    height: calc(100% + 24px);
    left: -12px;
    top: -12px;
  }

  .f-item-text div {
    font-size: 14px !important;
    padding: 0 0px !important;
    width: 100px;
  }

  #feature .f-items .f-item:nth-child(1) .f-item-text div {
    color: #000026 !important;
  }

  #feature .f-items .f-item:nth-child(3) .f-item-text div {
    color: #000026 !important;
  }

  .grid-box {
    grid-template-columns: 100%;
    grid-auto-rows: auto;
    padding-bottom: 65%;
  }

  .asenkron-table:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
    transform: none;
  }

  .asenkron-table:nth-child(3) {
    grid-column: 1;
    grid-row: 4;
  }

  .asenkron-table:nth-child(4) {
    grid-column: 1;
    grid-row: 3;
    transform: none;
  }

  .asenkron-table:nth-child(5) {
    grid-row: 5;
  }

  .asenkron-table:nth-child(6) {
    grid-column: 1;
    grid-row: 6;
    transform: none;
  }

  .priceCard__content {
    padding: 15px !important;
  }
}