@media only screen and (max-width: 1400px) {
    .homepage-questionnaries {
        height: 720px;
    }
}

@media only screen and (max-width: 1200px) {
    .homepage-questionnaries {
        height: 695px;
    }
    .grid-item.item-top {
        padding: 20px !important;
    }
}

@media only screen and (max-width: 1199px) {
    .prescription-overlay p {
        font-size: 18px;
        line-height: 21px;
    }
}

@media only screen and (max-width: 991px) {
    .header--row {
        min-height: 80px;
    }

    .header--cols.child--2 {
        width: 100%;
        text-align: center;
        padding-top: 65px;
    }

    .your-prescription-quote img {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    
    .your-prescription-quote {
        background: rgb(var(--primary--color));
    }
    
    .prescription-overlay {
        top: 30px;
        left: 30px;
        width: 80%;
    }

    .navbar-nav .nav-item:last-child a {
        padding-right: 10px !important;
    }

    /* ------------------questionnaire-styles ---------------*/
    .homepage-questionnaries {
        height: auto;
    }

    .calculate-btn {
        position: relative;
        bottom: unset;
        right: unset;
    }

    .calculate-grid {
        flex-direction: column;
        width: 100%;
    }

    .grid-item-left, .grid-item-right {
        width: 100%;
        max-width: 100%;
    }

    .grid-item-left h5 br ,
    .grid-item-right p br {
        display: none;
    }

    .mobile-form-row {
        flex-direction: column;
    }

    .question-txt {
        padding-right: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .your-prescription-quote img {
        position: unset;
        height: 420px;
        object-fit: cover;
        object-position: 0 -100px;
    }
    
    .your-prescription-quote {
        background: transparent;
    }

    .prescription-overlay {
        left: 40px;
        width: 58%;
    }

    .section_padding {
        padding: 40px 0;
    }

    section.share-your_story .col-md-6 {
        border-radius: 0;
    }

    .share-your_story {
        padding-top: 0;
    }

    section.share-your_story .col-md-4 {
        padding-top: 30px;
    }

    section.share-your_story .col-md-6 {
        padding: 20px;
    }
}

@media only screen and (max-width: 550px) {
    .header--top .social--media--container {
        justify-content: center;
    }

    .btn {
        width: 100%;
    }

    .header--cols.child--2 {
        text-align: right;
    }

    .navbar-nav .nav-item a {
        font-size: 13px;
    }

    .your-prescription-quote img {
        height: 360px;
        object-position: 0 -50px;
    }

    .prescription-overlay {
        top: 25px;
        left: 30px;
        width: 50%;
    }

    .grid-container {
        gap: 0;
        margin-top: 30px;
    }

    .grid-item.item1 {
      grid-column: 1;
      grid-row: 1 / span 1;
    }
    
    .grid-item.item2 {
      grid-column: 2 / span 1;
      grid-row: 1;
    }
    
    .grid-item.item3 {
      grid-column: 1 / span 2;
      grid-row: 2;
    }

    .grid-item.item1 img, .grid-item.item2 img {
        height: 250px;
    }

    .cmm-have-your-say-message-list {
        max-height: 500px !important;
    }

    /* ------------------questionnaire-styles ---------------*/
    .questionnaries-wrapper {
        padding: 25px 30px;
    }

    .question-line {
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
    }
    
    .question-txt {
        padding-right: 0;
        padding-bottom: 20px;
        width: 100%;
    }
    
    .your-prescription-quote .grid-item a {
        width: 100%;
    }
}