@media only screen and (max-width: 1599px) {
    .woman-image {
        height: 495px;
    }
}

@media only screen and (max-width: 1429px) {
    .woman-image {
        height: 495px;
    }
}

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

@media only screen and (max-width: 991px) {
    html body:after {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s;
    }

    html body.show-menu:after {
        opacity: 0.4;
        visibility: visible;
        transition: all 0.5s;
    }

    #menu {
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 30px;
    }

    #menu:hover {
        cursor: pointer;
    }

    #menu span {
        background: white;
        transform: translateY(-50%) rotate(0deg);
        position: absolute;
        width: 100%;
        height: 8%;
        transition: top 0.1s ease 0.3s, transform 0.3s ease, background 0.1s ease 0.3s;
    }

    #menu.clicked span {
        transition: top 0.1s ease, transform 0.3s ease 0.1s, background 0.1s ease;
    }

    #menu span:nth-child(1) {
        top: 5px;
    }

    #menu span:nth-child(2) {
        top: 50%;
    }

    #menu span:nth-child(3) {
        bottom: 2px;
    }

    #menu.clicked span:nth-child(1) {
        top: 50%;
        transform: translateY(-50%) rotate(315deg);
    }

    #menu.clicked span:nth-child(2) {
        transform: translateY(-50%) rotate(405deg);
    }

    #menu.clicked span:nth-child(3) {
        top: 50%;
        transform: translateY(-50%) rotate(405deg);
    }

    .navbar-toggler {
        display: block;
        background: transparent;
        border: none;
        position: relative;
        margin-left: auto;
        width: 30px;
        height: 30px;
        padding: 0;
        z-index: 9999;
    }

    div#navbarNav {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        overflow: auto;
        max-width: 75%;
        width: 100%;
        background: #212020;
        right: 0;
        box-shadow: 0 0 14px 0px #1d1a1a;
        padding: 35px 20px;
        transition: all 0.5s;
        transform: translateX(100%);
        visibility: hidden;
        opacity: 0;
    }

    .navbar-nav li a {
        margin: 20px 0 0;
        display: block;
        border-bottom: 2px solid #ffffff24;
        padding-bottom: 20px;
    }

    .navbar-nav {
        display: block;
    }

    body.show-menu div#navbarNav {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        transition: all 0.5s;
    }

    .navbar-brand {
        margin-left: auto;
    }

    .menu-title {
        display: block;
    }

    .menu-title p {
        text-transform: uppercase;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        text-decoration: none;
        opacity: 0.6;
        margin: 0 0 20px 0;
        display: block;
        border-bottom: 2px solid #ffffff24;
        padding-bottom: 40px;
    }
}

@media only screen and (max-width: 767px) {
    body .container {
        max-width: 80%;
    }

    .woman-image {
        height: 300px;
        bottom: 50%;
        left: unset;
        right: 0;
        transform: translateY(75%) translateX(30%);
    }
}

@media only screen and (max-width: 575px) {
    .page-main-text h5 {
        font-size: 20px;
        max-width: 70%;
    }

    .woman-image {
        transform: translateY(60%) translateX(30%);
    }
}

@media only screen and (max-width: 480px) {
    .btn-wrap {
        flex-wrap: wrap;
        display: block;
    }

    .page-main-text h5 {
        max-width: 100%;
    }

    .btn-wrap a {
        margin-bottom: 20px;
    }

    .woman-image {
        height: 280px;
    }

    .navbar-brand {
        width: 130px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 20px;
    }

    #menu {
        width: 25px;
        height: 25px;
    }

    .navbar-toggler {
        width: 25px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }
}

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