@media(max-width: 1400px){
    .team{
        height: 60vh !important;
    }
     .contacts-section {
        margin-top: -4%;
    }
    .team-hero{
        height: 50vh !important;
    }
   
}
@media(max-width: 1205px){
    .logo{
        margin-right: 0.5em !important;
    }
    .badge{
        margin-left: 0 !important;
    }
    .d-navbar{
        justify-content: space-between !important;
    }
}
@media(max-width: 992px){
    .dropdown-toggle::after {
        display: none !important;
    }
    .team{
        height: 50vh !important;
    }
    .reviews p{
        font-size: 1rem !important;
        padding: 0 2em;
    }
    .d-flex.align-items-center.justify-content-center.gap-3.mb-4 {
        margin-bottom: 1rem !important;
    }

    .title-review {
        font-size: 2.5rem !important;
    }
    
    header .logo .image{
        height: 59.3px;
    }

    header .logo {
        transform: translateY(0%);
    }
}
@media(max-width: 991px){ 
    .card-advantages img{
        width: 80px !important;
    }
    .contacts-section {
        margin-top: 4%;
    }
    .service-last-section {
        height: 25vh !important;
    }
}
@media (max-width: 767px) {
    #bookingPhoto {
        top: -4vh !important;
    }
    .services-hero {
        min-height: 45vh;
        height: 45vh;
        position: relative;
    }
    .services-hero img {
        height: 100%;
        object-fit: cover;
    }
    .services-hero .services-hero-content {
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 3;
        padding: 1.5rem;
    }
    .width-team-hero-text{
        width: 100% !important;
    }

    .hero-section {
        height: auto !important;
    }

    .hero-img {
        margin-top: 3rem;
    }

    header .padding {
        padding-top: .85rem;
        padding-bottom: .85rem;
    }
}

@media(max-width: 660px){
    .team,
    .reviews{
        height: 50vh !important;
        margin-bottom: 5rem;
    }
    .etiket{
        border-top-right-radius: 4rem !important;
    }
    .more-btn{
        right: -80px !important;
    }
    .decoration img{
        width: 120px !important;
    }
    .team-info{
        top: 50% !important;
    }
    .gallery-slider {
        height: 35vh !important;
    }
    .gallery-slider .my-slider img {
        height: 250px !important;
    }
    .contacts-hero{
        height: 30vh !important;
    }

}

@media(max-width: 540px){
    .up-purple,
    .purple{
        display: none !important;
    }
    .booking{
        height: 30vh !important;
    }
    .hero-info,
    .booking-info{
        width: 100% !important;
    }
    .etiket-info{
        width: 70% !important;
    }
    .etiket{
        transform: translateX(-34%) !important;
        padding: 1.2rem !important;
    }
    .title-review {
        font-size: 1.8rem !important;
    }
    .container-review {
        height: 40vh;
    }
    .reviews{
        margin-bottom: 10rem;
    }
}

@media (max-width: 400px) {
    .etiket {
        transform: translateX(-8%) !important;
        width: 100vw !important;
    }

    .etiket-info {
        width: 100% !important;
    }

    .more-btn {
        right: unset !important;
        left: 0;
        bottom: -40px !important;
    }

    .w-100-w-md-50 {
        width: 100% !important;
    }
}

@media (max-width: 320px) {
    .decoration img{
        width: 100px !important;
    }
    .card-advantages img{
        width: 60px !important;
    }
    .title{
        font-size: 2.5rem !important;
    }
    .sub-title,
    .sub-title-2,
    .sub-title-3{
        font-size: 1.2rem !important;
    }
    .team {
        height: 80vh;
    }
}
@media (max-width: 291px) {
    .title-review {
        font-size: 1.1rem !important;
    }
}