/* resposnive theme styles */
@media (max-width: 1399.98px) { 

    .muntenia-hero {background-position: 75% 0%;}
    .muntenia-hero h1 {font-size: 58px;}
    .promotions-item__description h2 {font-size: 54px;}

}

@media (max-width: 1199.98px) { 
    .muntenia-hero {
        background-size: contain;
        background-position: top center;
        background-repeat: no-repeat;
        min-height: auto;
        padding-top: 30px;
    }

    .muntenia-hero__benefits {margin-top: 50px;}
    .muntenia-hero__benefits-item {font-size: 16px;}
    .muntenia-section__intro h2 {font-size: 30px;}

    .benefits-wrap__item {
        font-size: 14px;
    }
    .benefits-wrap__item .icon {
        width: 100px;
        height: 100px;
    }

    .reviews-carousel__item {
        font-size: 16px;
        height: 400px;
    }
    .reviews-carousel__item .item-content {
        padding: 40px 60px 60px 0;
    }
    .carousel-buttons--reviews button, 
    .modal .btn-close, 
    .professors-carousel__arrows button {
        width: 54px;
        height: 54px;
    }

    .promotions-item__description h2 {font-size: 42px;}

    .professors-carousel__item img {height: 465px;}
    .professors-carousel__item .hover-content {
        font-size: 16px;
        padding: 25px 30px;
    }
    .professors-carousel__meta {font-size: 16px;}

    .muntenia-section--contact {padding-bottom: 62px;}
    .muntenia-section__form-wrap {padding: 45px 30px 30px;}
    .muntenia-section__form-wrap h3 {
        font-size: 20px;
        margin-bottom: 33px;
    }
    .site-footer__socials .items {
        column-gap: 16px;
        margin-left: 30px;
    }

    .muntenia-hero--error,
    .muntenia-hero--success {
        min-height: 100vh;
    }
}

@media (max-width: 991.98px) { 

    .muntenia-hero {font-size: 16px;}
    .muntenia-hero h1 {font-size: 40px;}
    .muntenia-hero__benefits .item-wrap.item-wrap--2 {
        border-right: none;
        border-bottom: 1px solid var(--bs-green);
    }
    .muntenia-hero__benefits .item-wrap.item-wrap--1 {border-bottom: 1px solid var(--bs-green);}
    .muntenia-hero__benefits .item-wrap.item-wrap--3,
    .muntenia-hero__benefits .item-wrap.item-wrap--4 {padding-top: 24px;}

    .muntenia-section__intro br,
    .course-item__title br,
    .muntenia-quote br,
    .benefits-wrap__item br {display: none;}

    .course-item {padding: 24px;}
    .course-item__thumbnail {height: 165px;}
    .benefits-wrap__item {flex-basis: calc(100% / 3);}
    .benefits-wrap__item .icon {
        width: 80px;
        height: 80px;
    }

    .reviews-carousel__item {
        font-size: 14px;
        line-height: 24px;
        height: 330px;
    }
    .reviews-carousel__item .item-content {
        padding: 30px 30px 40px 0;
    }
    .carousel-buttons--reviews {padding-right: 30px;}

    .muntenia-section--numbers .numbers-intro {
        text-align: center;
        margin-bottom: 30px;
    }

    .muntenia-section--promotions {padding-bottom: 0;}
    .promotions-item {
        padding: 30px;
        min-height: auto;
    }
    .promotions-item__title {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .promotions-item__thumbnail {
        height: 170px;
        margin-bottom: 20px;
    }
    .promotions-item__description h2 {font-size: 30px;}

    .professors-carousel__item img {height: 350px;}
    .professors-carousel__item .hover-content {
        font-size: 14px;
        padding: 24px;
    }
    .professors-carousel__item .professor-name {font-size: 20px;}
    .professors-carousel__item .professor-function {
        font-size: 15px;
        margin-bottom: 34px;
    }

}

@media (max-width: 767.98px) { 

    .navbar-brand {margin-right: 24px;}
    .navbar__tagline {font-size: 14px;}
    .muntenia-hero p {margin-bottom: 30px;}

    .course-item {min-height: auto;}

    .reviews-carousel__item {height: auto;}
    .reviews-carousel__item .item-thumbnail {height: 270px;}
    .reviews-carousel__item .item-content {padding: 30px 30px 50px;}
    .reviews-carousel__item .btn-play {
        width: 60px;
        height: 60px;
        padding: 0;
    }
    .reviews-carousel__item .btn-play svg {
        width: 100%;
        height: 100%;
    }
    .reviews-carousel__item .item-content h3 {margin-bottom: 6px;}
    .reviews-carousel__item .item-content p.position {
        font-size: 16px;
        margin-bottom: 16px;
    }
    .carousel-buttons--reviews {padding: 0 24px 24px;}
    .carousel-buttons--reviews button, 
    .modal .btn-close, 
    .professors-carousel__arrows button {
        width: 44px;
        height: 44px;
    }

    .professors-carousel__meta {
        text-align: center;
        row-gap: 24px;
        padding-bottom: 0;
    }
    .professors-carousel__arrows {justify-content: center;}

    .site-footer_brand {
        display: block;
        margin: 0 auto 24px;
        width: 180px;
    }
    .site-footer__contacts {
        column-gap: 14px;
        font-size: 12px;
    }

    .bottom-call {
        z-index: 999;
    }

    .bottom-call a {
        display: flex;
        align-items: center;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background-color: var(--bs-white);
        padding: 17px;
    }
    .bottom-call a svg {
        width: 20px;
        height: 20px;
        fill: var(--bs-green);
        animation: roll_call 1.5s linear 0s infinite forwards
    }
}

@media (max-width: 575.98px) { 
    .container {padding: 0 24px;}

    .navbar-brand {margin-right: 0;}
    .navbar-brand img {
        width: 115px;
        height: 48px;
    }
    .navbar__tagline {
		font-size: 14px;
		margin-top: 5px;
		transform: translatey(5px);
		max-width: 105px;
	}

    .navbar .container {
        justify-content: center;
        column-gap: 12px;
    }

    .navbar .btn,    
    .navbar__separator {display: none;}

    .muntenia-hero {
        background-image: none !important;
        text-align: center;
    }
    .muntenia-hero__description {padding-top: 84px;}
    .muntenia-hero__benefits-item .icon {
        width: 44px;
        height: 44px;
    }
    .muntenia-hero__benefits-item {font-size: 12px;}

    .muntenia-quote {
        font-size: 20px;
        line-height: 34px;
        padding-top: 54px;
        padding-bottom: 55px;
    }

    .muntenia-section {padding-top: 38px;}
    .muntenia-section--levels .muntenia-section__intro,
    .muntenia-section--courses .muntenia-section__intro,
    .muntenia-section--benefits .muntenia-section__intro,
    .muntenia-section--reviews .muntenia-section__intro,
    .muntenia-section--map .muntenia-section__intro, 
    .muntenia-section--promotions .muntenia-section__intro,
    .muntenia-section--professors .muntenia-section__intro,
    .muntenia-section--contact .muntenia-section__intro {margin-bottom: 30px;}

    .muntenia-section__intro h2,
    .muntenia-section--numbers .numbers-intro h2 {font-size: 24px;}

    .level-title {
        font-size: 18px;
        line-height: 36px;
        margin-bottom: 20px;
    }
    .levels-wrap,
    .muntenia-map__description {margin-bottom: 30px;}
    .level-item {
        display: flex;
        align-items: center;
        font-size: 14px;
        padding: 14px 22px 18px;
    }
    .level-item h3 {font-size: 20px;}
    .muntenia-section--levels .info-txt {
        font-size: 12px;
        margin-bottom: 24px;
    }

    .course-item {
        font-size: 14px;
        line-height: 24px;
    }
    .course-item__thumbnail,
    .muntenia-map__description p {margin-bottom: 19px;}
    .course-item__title {font-size: 18px;}
    .course-item ul {padding-left: 12px;}

    .muntenia-section--benefits {padding-bottom: 60px;}
    .benefits-wrap__item {flex-basis: calc(100% / 2);}
    .benefits-wrap__item .icon {
        width: 54px;
        height: 54px;
    }

    .numbers-grid__item {
        font-size: 14px;
        line-height: 24px;
        padding: 30px;
    }
    .numbers-grid__item .count-wrap {
        font-size: 24px;
        line-height: 30px;
    }

    .muntenia-section--map {
        font-size: 16px;
        text-align: center;
    }
    .muntenia-section--map .address {
		display: inline-block;
		text-align: left;
		margin: 0 auto 30px;
	}

    .professors-carousel__item .professor-name {
        font-size: 24px;
        margin-bottom: 8px;
    }

    .muntenia-section--contact {padding-bottom: 30px;}
    .muntenia-section__form-wrap {
        margin-bottom: 24px;
        min-height: auto;
        padding: 24px;
    }
    .muntenia-section__form-wrap h3 {
        font-size: 18px;
        text-align: center;
        margin-bottom: 24px;
    }

    .site-footer {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .site-footer__actions h2 {
        font-size: 24px;
        letter-spacing: -1px;
    }
    .site-footer__actions .btn {
        min-width: auto;
    }
    .site-footer__separator {margin-top: 30px;}
    .site-footer__contacts {
        flex-wrap: wrap;
        row-gap: 18px;
    }
    .site-footer__contacts .item {row-gap: 4px;}
    .site-footer__socials h4 {font-size: 16px;}
    

    .modal .btn-close {margin-left: 85%;}
}

@media (max-width: 329.98px) { 

    .navbar__tagline {
        max-width: 103px;
    }

    .muntenia-hero h1 {font-size: 36px;}
    .promotions-item {padding: 24px;}
    .promotions-item__title {font-size: 25px;}
    .promotions-item__thumbnail {height: 140px;}

    .site-footer__actions .btn {
        font-size: 10px;
    }
    .site-footer__socials .items {margin-left: 0;}
}