.nav {
    display: flex;
    position: unset!important;
}

.mobile-btns {
    display: none;
}

#menu-main-menu .order-button {
    display: none;
}

.hero .default-btn {
    background: #CAD9DA;
}

body.customize-support > div.wrapper {
    padding-top: 32px;
}

body.customize-support .header .header-top {
    top: 32px;
}

@media only screen and (max-width: 1700px) {
    #menu-main-menu li a {
        font-size: 1rem;
    }

    #menu-main-menu .logo a {
        font-size: 0;
    }

    .nav ul li {
        margin: 0 0.8625rem;
    }
    
    .nav ul a {
        padding: 1.5rem 0.75rem;
    }
}

@media only screen and (max-width: 1400px) {
    .nav {
        padding-left: 0;
    }

    .header .header-top .main-menu .logo {
        margin-left: 0;
    }

    #menu-main-menu li a {
        font-size: 0.75rem;
    }

    #menu-main-menu .logo a {
        font-size: 0;
    }

    .nav ul li {
        margin: 0 0.8625rem;
    }
    
    .nav ul a {
        padding: 1.5rem 0;
    }

    .main-menu .order-button {
        display: none;
        padding: 18px 31px;
        height: 50px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 1000px) {
    .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    #menu-main-menu {
        display: none;
        position: fixed;
        height: calc(100vh - 68px);
        max-height: calc(100vh - 68px);
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 999999;
        background-color: #03424c;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        padding-bottom: 50px;
    }

    #menu-main-menu li {
        height: auto;
    }

    #menu-main-menu li a {
        font-size: 1rem;
    }

    #menu-main-menu .order-button {
        display: none;
        background-color: transparent;
    }

    #menu-main-menu .order-button a {
        display: block;
        background-color: #ffffff;
        color: #03424c;
        padding: 22px 40px;
        border-radius: 50px;
        height: 59px;
        max-height: 59px;
        font: 16px / 16px 'SofiaRough', sans-serif;
        text-align: center;
        width: 300px;
    }

    #menu-main-menu.active {
        display: flex;
		/*top: 100px;*/
    }

    .main-menu .order-button {
        display: none;
    }

    .mobile-btns {
        display: block;
    }

    .mobile-btns a {
        display: none;
    }
    
    .mobile-btns a.active {
        display: block;
    }

    /* HERO */
	
	.hero-home{
		height: 100vh !important;	
	}
	
	.hero-menus{
		height: 950px !important;
	}
	
    .hero {
        height: 500px;
    }
	
	.hero-gift{
		height: 650px !important;
	}

    .hero .hero-logo {
        width: 142px;
        height: 138px;
        aspect-ratio: 142 / 138;
        margin-top: 60px;
        margin-bottom: 20px;
    }

    .hero .hero-logo img.hero-logo {
        margin-top: 0;
        margin-bottom: 0;
    }

    .hero #bg {
        background-position-x: 80%;
        background-attachment: scroll;
		height: 100vh;
        /*height: 578px;*/
        width: 100%;
    }

    .hero h2 {
        font-size: 34px;
        line-height: 100%;
    }

    .hero p {
        width: 299px;
        font-size: 20px;
        line-height: 28px;
        margin: auto;
        margin-bottom: 40px;
    }

    /* FEATURES */
    .features ul {
        padding: 16px;
        height: 54px;
        min-width: 1440px;
        animation: scrollLeft 30s linear infinite;
    }

    .features ul li {
        font-size: 14px;
        width: fit-content;
        min-width: fit-content;
        margin: 0 8px;
    }

    /* BENEFITS */
    .benefits {
        padding-top: 56px;
    }

    .benefits,
    .benefits .container {
        flex-direction: column;
    }

    .benefits .content {
        margin-bottom: 40px;
    }

    .benefits .content h2 {
        font-size: 36px;
        line-height: 100%;
        width: 100%;
    }

    .benefits .content p {
        width: 100%;
    }

    .benefits .content .btn-group {
        width: 100%;
    }

    .benefits .content .btn-group .highlight-btn {
        margin-right: 16px;
    }

    .benefits .content .btn-group .highlight-btn, 
    .benefits .content .btn-group .secondary-btn {
        width: calc(50% - 16px);
        padding: 20px 16px;
    }

    .benefits .items {
        width: 100%;
        grid-template-columns: 100%;
    }

    .benefits .items .item {
        width: 100%;
    }

    /* LOCATIONS */
    .locations {
        padding-bottom: 40px;
    }

    .locations h2 {
        width: 100%;
        font-size: 36px;
        line-height: 100%;
    }

    .locations p {
        width: 100%;
        margin-bottom: 32px;
    }
    

    .locations .content .location-group {
        flex-direction: column;
    }

    .locations .content .location-group .location-item {
        width: 100%;
        padding-bottom: 30px;
        height: auto;
    }

    .locations .location-group .location-item .details {
        width: 100%;
        padding: 0 12px;
    }

    .locations .location-group .location-item .attributes {
        padding-right: 0;
    }

    .locations .content .location-group .location-item:first-child {
        margin-bottom: 16px;
    }

    .locations .location-group .location-item img {
        aspect-ratio: 346 / 238;
        height: auto;
    }

    /* REVIEWS */

    .main > .reviews {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .main > .reviews .content h2 {
        width: 100%;
        font-size: 36px;
        line-height: 100%;
    }

    .main > .reviews .content p {
        width: 100%;
    }

    .main > .reviews .review-items {
        flex-direction: column;
    }

    .main > .reviews .review-items .review-item {
        width: 100%;
        margin-bottom: 16px;
    }

    .main > .reviews .socials .social-icons {
        margin-top: 40px;
    }

    /* EXPERIENCE */
    .experience {
        padding-bottom: 0;
    }

    .experience h2 {
        font-size: 36px;
        line-height: 100%;
        width: 100%;
    }

    .experience p {
        width: 100%;
    }

    .experience .experience-items {
        flex-direction: column;
        width: 100%;
    }

    .experience .experience-items li {
        width: 100%;
        margin-bottom: 16px;
    }

    .experience .experience-items li:last-child {
        margin-bottom: 0;
    }

    .experience #image-carousel {
        width: 100%;
        height: 500px;
    }

    .experience #image-carousel .image-carousel-items {
        width: 100%;
        left: 75%;
    }

    .experience #image-carousel .image-carousel-items .image-carousel-item.proactive .slide-img {
        transform: translateX(50%) scale(0.8);
    }

    .experience #image-carousel .image-carousel-items .image-carousel-item.preactive .slide-img {
        transform: translateX(-50%) scale(0.8);
    }

    .experience #image-carousel .slider-left {
        right: 60%;
        top: 70%;
    }

    .experience #image-carousel .slider-right {
        left: 60%;
        top: 70%;
    }

    .experience #image-carousel .image-carousel-items .image-carousel-item {
        width: 50%;
        height: auto;
        aspect-ratio: 508 / 612;
    }

    /* SUBSCRIPTION */

    .subscription h2 {
        width: 100%;
        font-size: 36px;
        line-height: 100%;
    }

    .subscription .container p {
        margin-top: 18px;
        font-size: 12px;
    }

    .subscription-form,
    .subscription .subscription-form form {
        width: 100%;
        gap: 18px;
        justify-content: flex-end;
    }

    .subscription .subscription-form form p {
        margin-top: 0;
    }

    .subscription .subscription-form input[type="submit"] {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .header .header-top {
        bottom: auto;
    }
}

@media only screen and (max-width: 400px) {
    .hero h2 {
        font-size: 32px;
    }

    .benefits .content .btn-group {
        flex-direction: column;
        gap: 20px;
    }

    .benefits .content .btn-group .highlight-btn, 
    .benefits .content .btn-group .secondary-btn {
        width: 100%;
    }
}