/*
Template: Lynbrook Optical
Author: squaretechit.com
Version: 1.0
Design and Developed by: Square Tech IT

NOTE: This is main responsive stylesheet of template, This file contains the styling for the actual Template. Please do not change anything here! write in a custom.css file if required!
*/

@media all and (max-width: 1920px) {

    /* Our Optometrist CSS */
    .our-optometrist-img {
        margin-left: 35px;
    }

    /* Eyewear Slider CSS */
    .sunglasses-designer-eyewear-slider .slider-card {
        height: 450px;
    }
}

@media all and (max-width: 1750px) {

    /* Second Hero  */
    .card-first p,
    .card-second p {
        font-weight: 400;
        font-size: 20px;
        line-height: 120%;
    }
}

@media all and (max-width: 1700px) {

    /* Kids Offer Hero */
    .kids-offer-hero-sec .kids-offer-title {
        font-size: 40px;
        line-height: 50px;
    }

    .kids-offer-hero-sec .kids-offer-desktop-images {
        object-fit: cover;
    }

    /* Red Eye Top Tips CSS */
    .red-eye-relief-third-sec .title {
        font-size: 40px;
    }

    .red-eye-relief-third-sec .sub-heading {
        font-size: 30px;
    }

    .red-eye-relief-third-sec .red-eye-relief-points li,
    .red-eye-relief-third-sec .conclution {
        font-size: 20px;
    }

    /* Tabs Content */
    .single-tabs .tabs-info .title {
        font-size: 40px;
    }

    .single-tabs .tabs-info .description {
        font-size: 20px;
    }

    /* Common Eye Condition */
    .eye-health-common-condition-box .single-common-condition .card {
        height: 500px;
    }

    .eye-health-common-condition-box .single-common-condition .card .card-title {
        font-size: 22px;
    }

    .eye-health-common-condition-box .single-common-condition .card .card-img {
        height: 240px;
    }

    /* Video Card */
    .about-info-sec .about-info {
        font-size: 20px;
    }
}

@media all and (max-width: 1600px) {

    /* Eyewear Slider CSS */
    .sunglasses-designer-eyewear-slider .slider-card {
        height: 440px;
    }

    /* Blogs Page */
    .blog-service-box .blog-single-service .card {
        height: 525px;
    }

    .blog-service-box .blog-single-service .card .card-img {
        height: 240px;
    }

    /* common eye conditions css */
    .home-learn-common-condition-box .single-common-condition .card {
        height: 500px;
    }

    .home-learn-common-condition-box .single-common-condition .card .card-title {
        font-size: 22px;
    }

    .home-learn-common-condition-box .single-common-condition .card .card-img {
        height: 240px;
    }

    /* Home Secvices */
    .home-service-box .single-service .card {
        height: 525px;
    }

    .home-service-box .single-service .card .card-img {
        height: 240px;
    }
}

@media all and (max-width: 1500px) {

    /* Google Reviews */
    .single-review .review-title h5 {
        font-size: 18px;
    }

    /* Home About */
    .home-about-details p {
        font-size: 18px;
    }
}

@media all and (max-width: 1440px) {

    /* Our Optometrist CSS */
    .our-optometrist-img {
        margin-left: 30px;
    }

    .our-optometrist-info .title {
        font-size: 35px;
    }

    .our-optometrist-info .description {
        font-size: 15px;
    }

    /* Red Eye Top Tips CSS */
    .red-eye-relief-third-sec .title {
        font-size: 30px;
    }

    .red-eye-relief-third-sec .sub-heading {
        font-size: 20px;
    }

    .red-eye-relief-third-sec .red-eye-relief-points li,
    .red-eye-relief-third-sec .conclution {
        font-size: 16px;
    }

    /* Eyewear Slider CSS */
    .sunglasses-designer-eyewear-slider .slider-card {
        height: 400px;
    }

    /* Tabs Content */
    #sunglasses-tabs-menu ul li a {
        width: 200px;
        font-size: 17px;
    }

    /* Common Eye Condition */
    .eye-health-common-condition-box .single-common-condition .card .card-title {
        font-size: 17px;
        line-height: 22px;
    }

    .eye-health-common-condition-box .single-common-condition .card .card-text {
        font-size: 17px;
    }

    /* Blogs Page */
    .blog-service-box .blog-single-service .card .card-title {
        font-size: 17px;
        line-height: 22px;
    }

    .blog-service-box .blog-single-service .card .card-text {
        line-height: 105%;
    }

    /* Video Card */
    .about-info-sec .about-info {
        font-size: 18px;
    }

    /* Our Team CSS */
    .about-team-slider .single-team .team-image,
    .about-team-slider .single-team .info,
    .about-team-slider .single-team .descriptions {
        width: 319px;
    }

    .about-team-slider .single-team .team-image {
        height: 321px;
    }

    .about-team-slider .single-team .info p.name {
        font-weight: 500;
        font-size: 20px;
    }

    .about-team-slider .single-team .info p.position {
        font-size: 15px;
        letter-spacing: normal;
    }

    .about-team-slider .single-team .descriptions p {
        font-weight: 300;
        font-size: 20px;
    }

    /* common eye conditions css */
    .home-learn-common-condition-box .single-common-condition .card .card-title {
        font-size: 17px;
        line-height: 22px;
    }

    .home-learn-common-condition-box .single-common-condition .card .card-text {
        font-size: 17px;
    }

    /* Google Reviews */
    .single-review .review-title h5 {
        font-size: 16px;
        line-height: 16px;
    }

    /* Home Secvices */
    .home-service-box .single-service .card .card-title {
        font-size: 17px;
        line-height: 22px;
    }

    .home-service-box .single-service .card .card-text {
        line-height: 105%;
    }
}

@media all and (max-width: 1365px) {

    /* Special Offers */
    .special-offer-card .special-offer-card-title {
        font-size: 25px;
    }

    .special-offer-card .special-offer-card-description {
        font-size: 15px;
    }

    /* Tabs Content */
    .single-tabs .tabs-info .title {
        font-size: 35px;
    }

    .single-tabs .tabs-info .description {
        font-size: 18px;
    }

    /* Common Eye Condition */
    .eye-health-common-condition-box .single-common-condition .card .card-title {
        line-height: 25px;
    }

    .eye-health-common-condition-box .single-common-condition .card .card-img {
        height: 170px;
    }

    .eye-health-common-condition-box .single-common-condition .card {
        height: 460px;
    }

    /* Blogs Page */
    .blog-service-box .blog-single-service .card .card-title {
        font-size: 17px;
        line-height: 25px;
    }

    .blog-service-box .blog-single-service .card {
        height: 460px;
    }

    .blog-service-box .blog-single-service .card .card-img {
        height: 195px;
    }

    /* common eye conditions css */
    .home-learn-common-condition-box .single-common-condition .card .card-title {
        line-height: 25px;
    }

    .home-learn-common-condition-box .single-common-condition .card .card-img {
        height: 170px;
    }

    .home-learn-common-condition-box .single-common-condition .card {
        height: 460px;
    }

    /* Home Secvices */
    .home-service-box .single-service .card .card-title {
        font-size: 17px;
        line-height: 25px;
    }

    .home-service-box .single-service .card {
        height: 460px;
    }

    /* Second Hero  */
    .card-first h2,
    .card-second h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .card-first p,
    .card-second p {
        font-size: 16px;
    }

    .card-first .lb-btn-primary,
    .card-second .lb-btn-secondery {
        padding: 10px 30px;
    }
}

@media all and (max-width: 1300px) {

    /* Eyewear Slider CSS */
    .sunglasses-designer-eyewear .title {
        font-size: 40px;
    }

    .sunglasses-designer-eyewear .description {
        font-size: 20px;
    }

    .sunglasses-designer-eyewear-slider .slider-card {
        height: 450px;
    }

    /* Hero Sectoin */
    .home-box {
        bottom: 0;
    }

    .home-title h1,
    .home-title h2 {
        font-size: 54px;
        line-height: 55px;
    }

}

@media all and (max-width: 1280px) {

    /* Kids Offer Hero */
    .kids-offer-hero-sec {
        height: 550px;
    }

    /* Our Optometrist CSS */
    .our-optometrist-img {
        margin-left: 28px;
    }

    .our-optometrist-info .title {
        font-size: 30px;
        line-height: 40px;
    }

    .our-optometrist-info .description {
        font-size: 14px;
    }

    /* Lenses Description CSS */
    .pg-diamond-blue .title {
        font-size: 30px;
    }

    /* Contact Lense Second CSS */
    .contact-lenses-second .descriptions {
        font-size: 20px;
    }

    .contact-lenses-second-process .title {
        font-size: 25px;
    }

    .contact-lenses-second-process .description {
        font-size: 15px;
    }

    /* Common Eye Condition */
    .eye-health-common-condition-box .single-common-condition .card {
        height: 450px;
    }

    .eye-health-common-condition-box .single-common-condition .card .card-title {
        font-size: 15px;
    }

    .eye-health-common-condition-box .single-common-condition .card .card-text {
        font-size: 15px;
        line-height: 123.9%;
    }

    /* Blogs Page */
    .blog-service-box .blog-single-service .card {
        height: 450px;
    }

    .blog-service-box .blog-single-service .card .card-title {
        font-size: 15px;
    }

    .blog-service-box .blog-single-service .card .card-text {
        font-size: 15px;
        line-height: 123.9%;
    }

    .blog-service-box .blog-single-service .card .card-img {
        height: 160px;
    }

    /* common eye conditions css */
    .home-learn-common-condition-box .single-common-condition .card {
        height: 450px;
    }

    .home-learn-common-condition-box .single-common-condition .card .card-title {
        font-size: 15px;
    }

    .home-learn-common-condition-box .single-common-condition .card .card-text {
        font-size: 15px;
        line-height: 123.9%;
    }

    /* Home Secvices */
    .home-service-box .single-service .card {
        height: 450px;
    }

    .home-service-box .single-service .card .card-title {
        font-size: 15px;
    }

    .home-service-box .single-service .card .card-text {
        font-size: 15px;
        line-height: 123.9%;
    }

    /* Second Hero  */
    .card-first h2,
    .card-second h2 {
        font-size: 30px;
        line-height: 40px;
    }

    /* Header CSS */
    .book-now .btn.lb-btn-primary {
        padding: 10px 30px;
    }

    .desktop-menu ul li a {
        padding: 15px !important;
    }

    .desktop-menu ul li ul.sub-menu {
        top: 50px;
    }
}

@media all and (max-width: 1200px) {

    /* Eyewear Card CSS */
    .SunglassesPBGuarantee-sec .container .description {
        font-size: 18px;
        padding: 0 100px;
    }

    /* Eyewear Slider CSS */
    .sunglasses-designer-eyewear-slider .slider-card {
        height: 425px;
    }

    /* Eye Ware Banner CSS */
    .contact-lenses-sec h3 {
        font-size: 35px;
    }

    .contact-lenses-sec p {
        font-size: 16px;
        width: 70%;
    }

    /* Common Eye Condition */
    .eye-health-hero-sec h1 {
        font-size: 35px;
    }

    .eye-health-hero-sec p {
        font-size: 16px;
    }

    /* Home About */
    .home-about-details {
        padding-right: 0;
    }

    .home-about-details h4 {
        font-size: 40px;
    }

    .home-about-details p {
        line-height: 115%;
    }
}

@media all and (max-width: 1180px) {

    /* Our Optometrist CSS */
    .our-optometrist-img {
        margin-left: 24px;
    }

    .our-optometrist-info {
        padding-right: 1rem;
        margin-left: -60px;
        margin-top: 15px;
    }

    .our-optometrist-info .title {
        font-size: 30px;
        line-height: 0;
        margin-bottom: 25px;
    }

    .our-optometrist-info .description {
        font-size: 14px;
        margin-bottom: 5px;
    }
}

@media all and (max-width: 1100px) {

    /* Special Offers */
    .special-offer-card .special-offer-card-title {
        font-size: 22px;
    }

    .special-offer-card .special-offer-card-description {
        font-size: 14px;
    }

    /* Kids Offer Hero */
    .kids-offer-hero-sec {
        height: 440px;
    }

    .kids-offer-hero-sec .kids-offer-title {
        font-size: 30px;
        line-height: 35px;
    }

    /* Lenses Description CSS */

    .pg-diamond-blue .sub-title {
        font-size: 20px;
        line-height: 20px;
    }

    /* Eyewear Slider CSS */
    .sunglasses-designer-eyewear-slider .slider-card {
        height: 400px;
    }

    /* Tabs Content */
    .single-tabs .tabs-info {
        margin-left: 20px;
    }

    .single-tabs .tabs-info .title {
        font-size: 30px;
    }

    .single-tabs .tabs-info .description {
        font-size: 16px;
    }

    /* Common Eye Condition */
    .eye-health-common-condition-box .single-common-condition .card .card-title {
        font-size: 18px;
        line-height: 22px;
    }

    .eye-health-common-condition-box .single-common-condition .card .card-text {
        font-size: 15px;
    }

    .eye-health-common-condition-box .single-common-condition .card {
        height: 486px;
    }

    .eye-health-common-condition-box .single-common-condition .card .card-img {
        height: 267px;
        width: 100%;
    }

    /* Blogs Page */
    .blog-service-box .blog-single-service .card .card-title {
        font-size: 18px;
        line-height: 22px;
    }

    .blog-service-box .blog-single-service .card .card-text {
        font-size: 15px;
    }

    .blog-service-box .blog-single-service .card {
        height: 425px;
    }

    .blog-service-box .blog-single-service .card .card-img {
        height: 150px;
        width: 100%;
    }

    /* Video Card */
    .about-info-sec .about-info {
        font-size: 15px;
    }

    /* Contact Form CSS */
    .contact-info-form .row {
        flex-direction: column;
    }

    .contact-info-form .row .col-lg-6 {
        width: 100%;
    }

    .contact-social-desktop {
        display: none;
    }

    .contact-social-mobile {
        display: block;
    }

    /* common eye conditions css */
    .home-learn-common-condition .home-learn-common-condition-head h3 {
        font-size: 40px;
        width: 600px;
        line-height: 51px;
    }

    .home-learn-common-condition-box .single-common-condition .card .card-title {
        font-size: 18px;
        line-height: 22px;
    }

    .home-learn-common-condition-box .single-common-condition .card .card-text {
        font-size: 15px;
    }

    .home-learn-common-condition-box .single-common-condition .card {
        height: 486px;
    }

    .home-learn-common-condition-box .single-common-condition .card .card-img {
        height: 267px;
        width: 100%;
    }

    /* Google Reviews */

    .review-other-info .info-left-img {
        width: 180px;
        height: 80px;
    }

    .review-other-info .info-left p {
        font-size: 20px;
        line-height: 25px;
    }

    .single-review .reviewer-pic {
        height: 50px;
        width: 50px;
    }

    /* Call To Action */
    .home-fourth-sec-img {
        width: 400px;
        height: 350px;
    }

    /* Home Secvices */

    .home-service-box .single-service .card .card-title {
        font-size: 18px;
        line-height: 22px;
    }

    .home-service-box .single-service .card .card-text {
        font-size: 15px;
    }

    .home-service-box {
        flex-direction: column;
    }

    .home-service-box .single-service {
        width: 100%;
        height: 100%;
    }

    .home-service-box .single-service .card {
        height: 486px;
    }

    .home-service-box .single-service .card .card-img {
        height: 267px;
        width: 100%;
    }

    /* Second Hero  */
    .card-first h2,
    .card-second h2 {
        font-size: 24px;
        line-height: 29px;
    }

    .card-first p,
    .card-second p {
        font-size: 14px;
    }

    .card-first button.btn,
    .card-second button.btn {
        font-size: 14px;
        padding: 8px 25px;
    }

    /* Hero Sectoin */
    .home-box {
        bottom: -5%;
    }

    .home-title h1,
    .home-title h2 {
        font-size: 40px;
        line-height: 50px;
    }

    /* Header CSS */
    .desktop-menu {
        display: none;
    }

    #mobile-menu-icon {
        display: block;
    }
}

@media all and (max-width: 1024px) {

    /* Our Optometrist CSS */
    .our-optometrist-img {
        margin-left: 24px;
    }

    .our-optometrist-info .title {
        font-size: 25px;
    }

    .our-optometrist-info .description {
        font-size: 13px;
    }

    /* Eyewear Slider CSS */
    .sunglasses-designer-eyewear-slider .slider-card {
        height: 380px;
    }

    /* Blogs Page */
    .blog-service-box .blog-single-service .card .card-img {
        height: 125px;
    }

    /* Our Team CSS */
    .about-team .title {
        font-size: 30px;
    }

    .about-team-slider .single-team .team-image,
    .about-team-slider .single-team .info,
    .about-team-slider .single-team .descriptions {
        width: 219px;
    }

    .about-team-slider .single-team .team-image {
        height: 221px;
    }

    .about-team-slider .single-team .descriptions p {
        font-size: 15px;
    }

    /* Home About */
    .home-about-details h4 {
        font-size: 30px;
        line-height: 31px;
    }

    .home-about-details p {
        font-size: 16px;
    }

    .home-about-details .team-btn .lb-btn-primary {
        padding: 10px 25px;
    }

    /* Hero Section */
    .home-title h1,
    .home-title h2 {
        font-size: 30px;
        line-height: 1;
    }

    .home-points .single-point span {
        font-size: 16px;
        line-height: 18px;
    }
}

@media all and (max-width: 991px) {

    /* Special Offers */
    .special-offers-sec .container h2 {
        font-size: 30px;
    }

    .special-offer-card .special-offer-card-title {
        font-size: 20px;
    }

    /* Kids Offer Hero */
    .kids-offer-hero-sec {
        height: 1015px;
    }

    .kids-offer-hero-sec .kids-offer-tab-images {
        display: block;
    }

    .kids-offer-hero-sec .kids-offer-infos {
        position: absolute;
        bottom: 5%;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .kids-offer-hero-sec .kids-offer-title {
        text-align: center;
    }

    .kids-offer-hero-sec .kids-offer-points {
        width: 700px;
    }

    .kids-offer-hero-sec .kids-offer-points ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 1rem 0;
    }

    .kids-offer-hero-sec .kids-offer-points ul li {
        font-size: 13px;
        line-height: 16px;
        margin-bottom: 0;
    }

    .kids-offer-hero-sec .kids-offer-btns .btn.lb-btn-secondery {
        width: 208px;
        height: 40px;
        padding: 10px 0;
        font-size: 12px;
    }

    .kids-offer-hero-sec .kids-offer-btns .btn.lb-btn-primary {
        width: 126px;
        height: 40px;
        padding: 10px 0;
        font-size: 12px;
    }

    /* Our Optometrist CSS */
    .our-optometrist-sec .container {
        padding: 3rem 0 3rem 3rem;
        background: var(--primary-color);
        background: linear-gradient(90deg, var(--primary-color) 72%, rgba(255, 255, 255, 1) 72%);
    }

    .our-optometrist-sec .container .row {
        flex-direction: row-reverse;
    }

    .our-optometrist-img,
    .our-optometrist-info {
        margin-left: 0;
    }

    .our-optometrist-img img.our-optometrist-banner-desktop {
        display: none;
    }

    .our-optometrist-sec .our-optometrist-banner-tab {
        display: block;
        position: absolute;
        width: 381px;
        height: 446px;
        right: 12px;
    }

    .our-optometrist-info .description {
        margin-bottom: 30px;
    }

    /* Red Eye Top Tips CSS */

    .red-eye-relief-third-sec .title {
        line-height: 37px;
    }

    .red-eye-relief-third-sec .red-eye-relief-points {
        margin-top: 0 !important;
    }

    .red-eye-relief-third-sec .red-eye-relief-points li,
    .red-eye-relief-third-sec .conclution {
        font-size: 14px;
    }

    .red-eye-relief-third-sec .red-eye-relief-points li {
        line-height: 150%;
    }

    .red-eye-relief-third-sec .red-eye-relief-thirs-sec-btns {
        justify-content: center;
    }

    .red-eye-relief-third-sec .red-eye-relief-thirs-sec-btns button.btn {
        width: 304px;
        height: 40px;
    }

    .red-eye-relief-third-sec .red-eye-relief-thirs-sec-btns a.btn {
        width: 146px;
        height: 40px;
    }

    /* Lenses Description CSS */

    .pg-diamond-blue .sub-title {
        font-size: 15px;
        line-height: 15px;
    }

    /* Eyewear Gap Worries CSS */
    .sunglasses-gap-worries-info .descriptions {
        font-size: 20px;
    }

    /* Eyewear Card CSS */
    .SunglassesPBGuarantee-sec .container .title {
        font-size: 30px;
    }

    .SunglassesPBGuarantee-sec .container .description {
        font-size: 12px;
        padding: 0 80px;
    }

    /* Eyewear Slider CSS */
    .sunglasses-designer-eyewear .title {
        font-size: 30px;
    }

    .sunglasses-designer-eyewear .description {
        font-size: 17px;
    }

    .sunglasses-designer-eyewear-slider .slider-card {
        height: 440px;
    }

    /* Tabs Content */
    .single-tabs .tabs-info .title {
        font-size: 25px;
        line-height: 40px;
        margin-bottom: 0;
    }

    .single-tabs .tabs-info .description {
        font-size: 14px;
        margin-bottom: 10px;
    }

    /* Contact Lense Second CSS */
    .contact-lenses-second-process .progress-block {
        padding: 0 10px;
    }

    /* Eye Ware Banner CSS */
    .contact-lenses-sec .contact-lenses-container.container {
        padding: 0;
    }

    .contact-lenses-sec .contact-lenses-desktop-banner {
        display: none;
    }

    .contact-lenses-sec .contact-lenses-tab-banner {
        display: block;
    }

    .contact-lenses-sec .contact-lenses-container .eyetest-hero-info {
        position: absolute;
        bottom: 45px !important;
        left: 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .contact-lenses-sec h3,
    .contact-lenses-sec p {
        text-align: center;
    }

    .contact-lenses-sec h3 {
        font-size: 30px;
    }

    .contact-lenses-sec p {
        font-size: 15px;
    }

    .contact-lenses-sec .contact-lenses-btns .btn.lb-btn-secondery {
        width: 208px;
        height: 40px;
        padding: 10px 0;
        font-size: 12px;
    }

    .contact-lenses-sec .contact-lenses-btns .btn.lb-btn-primary {
        width: 126px;
        height: 40px;
        padding: 10px 0;
        font-size: 12px;
    }

    /* Common Eye Condition */
    .eye-health-hero-sec h1,
    .eye-health-hero-sec p {
        text-align: center;
    }

    .eye-health-hero-sec h1 {
        font-size: 30px;
    }

    /* Blogs Page */

    .blog-service-sec img.banner-img {
        height: 400px;
        object-fit: cover;
        object-position: center;
    }

    .blog-service-box .blog-single-service .card .card-img {
        height: 190px;
    }

    /* Video Card */
    .about-info-sec .about-info {
        text-align: center;
    }

    .about-banner {
        margin-top: 2rem;
    }

    /* Our Team CSS */
    .about-team-slider .single-team .team-image,
    .about-team-slider .single-team .info,
    .about-team-slider .single-team .descriptions {
        width: 230px;
    }

    .about-team-slider .single-team .team-image {
        height: 232px;
    }

    /* common eye conditions css */
    .home-learn-common-condition {
        background: linear-gradient(0deg, #fff 70%, var(--primary-color) 30%);
    }

    /* FAQs CSS */
    .home-faq-sec .title {
        font-size: 24px;
        line-height: 29px;
    }

    .home-faqs {
        width: 100%;
    }

    /* Our Top Brands */
    .home-top-brands .title {
        font-size: 24px;
    }

    /* Health Funds */
    .health-funds-sec .title {
        font-size: 24px;
        line-height: 29px;
    }

    .health-funds-sec .sub-title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 50px;
    }

    .health-funds-images .images {
        width: 110px;
        height: 110px;
        margin-right: 30px;
    }

    /* Google Reviews */
    .review-title {
        font-size: 30px;
    }

    /* Home About */
    .home-about .row {
        flex-direction: column;
    }

    .home-about .row .col-md-6 {
        width: 100%;
    }

    .home-about .row .col-md-6:nth-child(1) {
        padding-bottom: 0 !important;
    }

    .home-about .row .col-md-6:nth-child(2) {
        padding: 0 !important;
    }

    .home-about-details h4 {
        text-align: center;
    }

    .home-about-details p {
        font-weight: 400;
        font-size: 15px;
        line-height: 140.4%;
        text-align: center;
    }

    .home-about-details .team-btn {
        text-align: center;
    }

    .home-about-right-banner {
        display: none;
    }

    .home-about-left-banner {
        display: block;
        margin: 20px 0;
    }

    /* Call To Action */
    .home-fourth-sec-img {
        width: 350px;
    }

    .home-fourth-sec-call-to-ac h3 {
        font-size: 30px;
        line-height: 37px;
    }

    .home-fourth-sec-call-to-ac p {
        font-size: 20px;
    }

    .home-fourth-sec-call-to-ac .lb-btn-primary {
        padding: 10px 20px;
    }

    /* Home Secvices */
    .home-service-sec {
        background: linear-gradient(0deg, #F4F4F4 70%, var(--primary-color) 30%);
    }

    /* Second Hero  */
    .card-first h2,
    .card-second h2 {
        font-size: 17px;
    }

    /* Hero Section */
    .home-title h1,
    .home-title h2 {
        font-size: 25px;
    }

    .home-points {
        margin-top: 20px !important;
    }

    .home-points .single-point span {
        font-size: 14px;
        line-height: 16px;
    }

    .home-btns {
        margin-top: 20px !important;
    }

    /* Footer CSS */
    footer {
        background: linear-gradient(0deg, var(--secondery-color) 94%, #fff 6%);
    }

    /* Footer Logo */
    .footer-logo ul {
        justify-content: center;
    }

    footer .foo-top-sec .foo-title:nth-child(1) {
        margin-top: 30px;
    }

    /* Footer Maps */

    .map iframe {
        width: 100%;
        height: 552px;
    }

    /* Footer Bottom Sections */

    .logos {
        justify-content: center;
    }
}

@media all and (max-width: 880px) {

    /* Eye Ware Banner CSS */
    .contact-lenses-sec .contact-lenses-container .eyetest-hero-info {
        bottom: 25px;
    }

    .contact-lenses-sec p {
        width: 90%;
    }

    /* Common Eye Condition */
    .eye-health-hero-sec .about-hero-container .about-info {
        bottom: 25px;
    }
}

@media all and (max-width: 850px) {

    /* Contact Form CSS */
    .contact-info-form .contact-info {
        flex-direction: column;
    }
}

@media all and (max-width: 820px) {

    /* Eyewear Slider CSS */
    .sunglasses-designer-eyewear-slider .slider-card {
        height: 390px;
    }

    /* Google Reviews */
    .review-other-info {
        flex-direction: column;
    }

    .review-other-info .info-left {
        margin-bottom: 20px;
    }
}

@media all and (max-width: 768px) {

    /* Special Offers */
    .special-offers-sec .container h2 {
        font-size: 27px;
    }

    /* Kids Offer Hero */
    .kids-offer-hero-sec {
        height: 651px;
    }

    .kids-offer-hero-sec .kids-offer-tab-images {
        display: none;
    }

    .kids-offer-hero-sec .kids-offer-mobile-images {
        display: block;
    }

    .kids-offer-hero-sec .kids-offer-title {
        font-size: 27px;
        line-height: 33px;
    }

    .kids-offer-hero-sec .kids-offer-points ul {
        width: 250px;
        margin: 10px auto;
        flex-direction: column;
        align-items: start;
    }

    .kids-offer-hero-sec .kids-offer-points ul li {
        margin-bottom: 10px;
    }

    .kids-offer-hero-sec .kids-offer-btns {
        display: flex;
        flex-direction: column;
        width: 250px;
    }

    .kids-offer-hero-sec .kids-offer-btns .btn.lb-btn-primary {
        margin-left: 0;
        margin-top: 10px;
    }

    .kids-offer-hero-sec .kids-offer-btns .btn.lb-btn-secondery,
    .kids-offer-hero-sec .kids-offer-btns .btn.lb-btn-primary {
        width: 100%;
        height: 40px;
    }

    /* Our Optometrist CSS */
    .our-optometrist-sec .container {
        background: linear-gradient(90deg, var(--primary-color) 0%, var(--primary-color) 0%);
        padding: 3rem 0;
        width: 85%;
    }

    .our-optometrist-sec .row .col-lg-6.col-md-6 {
        width: 100%;
    }

    .our-optometrist-info {
        margin: 0;
        padding: 0;
    }

    .our-optometrist-sec .our-optometrist-banner-tab {
        display: none;
    }

    .our-optometrist-info .title,
    .our-optometrist-info .description {
        text-align: center;
        padding: 0 3rem;
    }

    .our-optometrist-info .title {
        margin-bottom: 50px;
    }

    .our-optometrist-info .description {
        font-size: 17px;
    }

    .our-optometrist-sec .our-optometrist-banner-mobile {
        display: block;
        margin-bottom: 20px;
        width: 100%;
        transform: scale(1.05);
    }

    /* Lenses Description CSS */
    .pg-diamond-blue .title {
        font-size: 27px;
        line-height: 33px;
    }

    /* Tabs Content */
    .single-tabs .tabs-img {
        display: none;
    }

    .single-tabs .tabs-info {
        margin-left: 0;
        width: 100%;
    }

    .single-tabs .tabs-info .description,
    .single-tabs .tabs-info .title {
        text-align: center;
    }

    .single-tabs .tabs-info img {
        display: block;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    /* Eye Ware Banner CSS */
    .contact-lenses-sec .contact-lenses-container .eyetest-hero-info {
        bottom: -30px;
    }

    .contact-lenses-sec h3 {
        font-size: 27px;
        line-height: 27px;
    }

    /* Common Eye Condition */
    .eye-health-hero-sec .about-hero-container.container {
        padding: 30px 10px;
    }

    .eye-health-hero-sec .about-hero-container .about-info {
        bottom: -30px;
    }

    .eye-health-hero-sec h1 {
        font-size: 27px;
        line-height: 27px;
    }

    /* Common Eye Condition */

    .eye-health-common-condition-box .single-common-condition {
        margin-right: 0;
    }

    .eye-health-common-condition-box .single-common-condition .card .card-img,
    .eye-health-common-condition-box .single-common-condition .card {
        height: auto;
    }

    /* Blogs Page */
    .blog-service-box .blog-single-service {
        margin-right: 0;
    }

    .blog-service-box .blog-single-service .card .card-img,
    .blog-service-box .blog-single-service .card {
        height: auto;
    }

    /* Our Team CSS */
    .about-team {
        padding-bottom: 0;
        background: linear-gradient(0deg, #fff 65%, var(--primary-color) 35%);
    }

    .about-team-slider .single-team .team-image,
    .about-team-slider .single-team .info,
    .about-team-slider .single-team .descriptions {
        width: 200px;
    }

    .about-team-slider .single-team .team-image {
        height: 200px;
    }

    .about-team-slider .single-team .descriptions p {
        font-size: 12px;
    }

    /* common eye conditions css */

    .home-learn-common-condition {
        background: linear-gradient(0deg, #fff 80%, var(--primary-color) 20%);
    }

    .home-learn-common-condition .home-learn-common-condition-head h3 {
        width: 100%;
        text-align: center;
    }

    .home-learn-common-condition-box .single-common-condition {
        margin-right: 0;
    }

    .home-learn-common-condition-box .single-common-condition .card .card-img,
    .home-learn-common-condition-box .single-common-condition .card {
        height: auto;
    }

    .home-view-service-mob-btn {
        margin-top: 50px;
        display: block;
    }

    .home-learn-common-condition-head .btn.lb-btn-secondery {
        display: none;
    }

    /* Our Top Brands */

    .top-brands-images .images {
        width: 100px;
    }

    /* Health Funds */
    .health-top-icon {
        display: none;
    }

    /* Google Reviews */
    .review-other-info .info-left p {
        font-size: 12px;
        line-height: 15px;
    }

    /* Call To Action */
    .home-fourth-sec .row {
        flex-direction: column-reverse;
    }

    .home-fourth-sec-img {
        width: 100%;
        height: auto;
    }

    .home-fourth-sec-call-to-ac h3,
    .home-fourth-sec-call-to-ac p {
        text-align: center;
    }

    .home-fourth-sec-call-to-ac .lb-btn-primary {
        display: block;
        width: 214px;
        margin: 0 auto;
    }

    .desktop-para {
        width: 100% !important;
    }

    /* Home Secvices */

    .home-service-sec {
        background: linear-gradient(0deg, #F4F4F4 80%, var(--primary-color) 20%);
    }

    .home-service-box .home-service-box-first-part,
    .home-service-box .home-service-box-second-part {
        flex-direction: column;
    }

    .home-service-box .single-service {
        margin-right: 0;
    }

    .home-service-box .single-service .card .card-img,
    .home-service-box .single-service .card {
        height: auto;
    }

    .home-view-service-mob-btn {
        display: block;
    }

    .home-service-head .btn.lb-btn-secondery {
        display: none;
    }

    /* Second Hero  */
    .second-sec-card {
        padding: 50px 20px;
    }

    .card-first .col-md-6,
    .card-second .col-md-5 {
        width: 100%;
    }

    .card-first h2,
    .card-second h2 {
        font-size: 40px;
        line-height: 29px;
    }

    .card-first p,
    .card-second p {
        font-size: 18px;
    }

    .second-sec-fir-banner {
        display: none;
    }

    .second-sec-fir-mob-banner {
        display: block;
        margin: 20px 0;
    }

    .card-second {
        margin-top: 80px;
    }

    /* Hero Section */

    .home-box {
        position: relative;
        width: 500px;
        margin: 0 auto;
        margin-top: -150px;
    }

    .home-points,
    .home-btns {
        flex-direction: column;
    }

    .home-points .single-point {
        margin-bottom: 10px;
    }

    .home-points .single-point:nth-child(2) {
        margin-left: 0;
        margin-right: 0;
    }

    .home-btns .btn:nth-child(2) {
        margin-top: 10px;
        margin-left: 0;
    }

    /* Footer CSS */

    /* Footer Maps */
    .map iframe {
        height: 282px;
    }

    /* Footer Bottom Sections */
    .foo-bottom-creadit-menu {
        flex-direction: column-reverse;
    }

    .foo-bottom-creadit-menu p {
        text-align: center;
    }

    .foo-bottom-creadit-menu .foo-bottom-menu {
        justify-content: center;
        margin-bottom: 10px !important;
    }
}

@media all and (max-width: 700px) {

    /* Eyewear Slider CSS */
    .sunglasses-designer-eyewear-slider .slider-card {
        height: 350px;
    }
}

@media all and (max-width: 650px) {

    /* Eyewear Slider CSS */
    .sunglasses-designer-eyewear-slider .slider-card {
        height: 330px;
    }
}

@media all and (max-width: 640px) {

    /* Header CSS */
    #main-menu .logo {
        height: 50px;
        width: 150px;
    }
}

@media all and (max-width: 600px) {

    /* Eyewear Slider CSS */
    .sunglasses-designer-eyewear-slider .slider-card {
        height: 310px;
    }
}

@media all and (max-width: 580px) {

    /* Footer CSS */
    footer {
        background: linear-gradient(0deg, var(--secondery-color) 95%, #fff 5%);
    }

    /* Footer Modal */
    .footer-modal-btns .btn {
        width: 140px;
        height: 40px;
        margin-top: 0;
    }
}

@media all and (max-width: 575px) {

    /* Kids Offer Hero */
    .kids-offer-hero-sec .kids-offer-title {
        font-size: 20px;
        line-height: 25px;
    }

    /* Red Eye Top Tips CSS */
    .red-eye-relief-third-sec .title {
        font-size: 22px;
        line-height: 27px;
    }

    .red-eye-relief-third-sec .sub-heading {
        font-size: 18px;
        line-height: 22px;
    }

    .red-eye-relief-third-sec .red-eye-relief-thirs-sec-btns {
        flex-direction: column;
    }

    .red-eye-relief-third-sec .red-eye-relief-thirs-sec-btns button.btn,
    .red-eye-relief-third-sec .red-eye-relief-thirs-sec-btns a.btn {
        width: 248px;
        height: 40px;
    }

    .red-eye-relief-third-sec .red-eye-relief-thirs-sec-btns a.btn {
        margin-left: 0;
        margin-top: 20px;
    }

    /* Eyewear Gap Worries CSS */
    .sunglasses-gap-worries-info .title {
        font-size: 30px;
    }

    .sunglasses-gap-worries-info .descriptions {
        font-size: 15px;
    }

    .sunglasses-gap-worries-btns {
        flex-direction: column;
        width: 70%;
        margin: 0 auto;
    }

    .sunglasses-gap-worries-btns button.btn,
    .sunglasses-gap-worries-btns a.btn {
        width: 100%;
        height: 45px;
    }

    .sunglasses-gap-worries-btns a.btn {
        margin-left: 0;
        margin-top: 20px;
    }

    /* Eyewear Card CSS */
    .SunglassesPBGuarantee-sec .container {
        padding: 39px 0;
    }

    .SunglassesPBGuarantee-sec .container .title {
        font-size: 27px;
    }

    .SunglassesPBGuarantee-sec .container .description {
        font-size: 14px;
        padding: 0 50px;
    }

    /* Eyewear Slider CSS */
    .sunglasses-designer-eyewear .title {
        font-size: 27px;
    }

    .sunglasses-designer-eyewear .description {
        font-size: 14px;
        width: 100%;
    }

    .sunglasses-designer-eyewear-slider .slider-card {
        height: 285px;
    }

    /* Tabs Content */
    .single-tabs {
        width: 100%;
    }

    /* Contact Lense Second CSS */
    .contact-lenses-second .descriptions {
        font-size: 14px;
    }

    .contact-lenses-second-process .title {
        font-size: 20px;
    }

    .contact-lenses-second-process .description {
        font-size: 12px;
    }

    .contact-lenses-second-process .progress-block:nth-child(2) {
        border: none;
    }

    /* Header CSS */
    .book-now .btn.lb-btn-primary {
        display: none;
    }
}

@media all and (max-width: 550px) {

    /* common eye conditions css */
    .home-learn-common-condition .home-learn-common-condition-head h3 {
        font-size: 30px;
    }

    /* Health Funds */
    .health-funds-images .images {
        height: 80px;
        width: 100px;
        margin-right: 0;
        margin-left: 0;
    }

    /* Second Hero  */
    .card-first h2,
    .card-second h2 {
        font-size: 30px;
        line-height: 29px;
    }

    /* Hero Section */
    .home-box {
        width: 400px;
        margin-top: -70px;
    }
}

@media all and (max-width: 500px) {

    /* Eyewear Slider CSS */
    .sunglasses-designer-eyewear-slider .slider-card {
        height: 255px;
    }
}

@media all and (max-width: 480px) {
    /* Our Optometrist CSS */

    .our-optometrist-info .description {
        font-size: 14px;
        padding: 0 1rem;
    }

    /* Eye Ware Banner CSS */
    .contact-lenses-sec .contact-lenses-tab-banner {
        display: none;
    }

    .contact-lenses-sec .contact-lenses-mobile-banner {
        display: block !important;
    }

    .contact-lenses-sec .contact-lenses-btns {
        display: flex;
        flex-direction: column;
    }

    .contact-lenses-sec .contact-lenses-btns .btn.lb-btn-primary {
        margin-left: 0;
        margin-top: 10px;
    }

    .contact-lenses-sec .contact-lenses-btns .btn.lb-btn-secondery,
    .contact-lenses-sec .contact-lenses-btns .btn.lb-btn-primary {
        width: 214px;
        height: 40px;
    }

    /* Our Team CSS */
    .about-team-slider .single-team .team-image,
    .about-team-slider .single-team .info,
    .about-team-slider .single-team .descriptions {
        width: 100%;
    }

    /* Hero Section */
    .home-box {
        width: 100%;
    }

    .home-btns .btn:nth-child(1),
    .home-btns .btn:nth-child(2) {
        padding: 15px 0;
    }
}

@media all and (max-width: 450px) {

    /* Eyewear Slider CSS */
    .sunglasses-designer-eyewear-slider .slider-card {
        height: 350px;
    }
}

@media all and (max-width: 420px) {

    /* Eyewear Gap Worries CSS */
    .sunglasses-gap-worries-btns {
        width: 100%;
    }

    /* Blogs Page */
    .blog-service-head {
        justify-content: center !important;
    }

    .blog-service-head h3 {
        text-align: center;
    }

    /* common eye conditions css */
    .home-learn-common-condition .home-learn-common-condition-head h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .home-learn-common-condition-head {
        justify-content: center !important;
    }

    .home-learn-common-condition-head h3 {
        text-align: center;
    }

    /* Health Funds */
    .health-funds-images .images {
        height: 40px;
        width: 60px;
    }

    /* Google Reviews */
    .review-title {
        font-size: 26px;
        line-height: 30px;
    }

    .info-right {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .info-right a,
    .info-right button {
        display: block;
        margin: 0 !important;
    }

    .info-right .btn.lb-btn-primary {
        margin-bottom: 20px !important;
    }

    /* Home Secvices */
    .home-service-sec {
        background: linear-gradient(0deg, #F4F4F4 70%, var(--primary-color) 30%);
    }

    .home-service-head {
        justify-content: center !important;
    }

    .home-service-head h3 {
        text-align: center;
    }

    /* Second Hero  */
    .card-first h2,
    .card-second h2 {
        font-size: 24px;
        line-height: 29px;
    }

    /* Footer CSS */
    footer .footer-logo {
        height: auto;
        width: auto;
        margin: 0;
    }

    .footer-modal h2 {
        font-size: 20px !important;
    }

    .footer-modal button {
        width: 120px;
        height: 35px;
    }
}

@media all and (max-width: 400px) {

    /* Kids Offer Hero */
    .kids-offer-hero-sec .kids-offer-title {
        font-size: 16px;
        line-height: 20px;
    }

    .kids-offer-hero-sec .kids-offer-points ul li svg {
        height: 18px;
        width: 18px;
    }
}

@media all and (max-width: 380px) {

    /* Our Optometrist CSS */
    .our-optometrist-info .title,
    .our-optometrist-info .description {
        padding: 0 1rem;
    }

    /* Lenses Description CSS */
    .pg-diamond-blue .row {
        flex-direction: column;
    }

    .pg-diamond-blue .row .col-lg-3 .col-md-3.col-sm-6.col-6.my-3 {
        width: 100%;
        height: 100%;
    }

    .pg-diamond-blue img {
        height: 100%;
        width: 100%;
    }

    /* Google Reviews */
    .review-other-info .info-left {
        flex-direction: column;
    }

    .review-other-info .info-left-img {
        margin-bottom: 10px;
    }

    .review-other-info .info-left p {
        margin-left: 0 !important;
    }

    /* Footer CSS */
    footer {
        background: linear-gradient(0deg, var(--secondery-color) 96%, #fff 4%);
    }

    .footer-modal h2 {
        line-height: 2;
    }
}

@media all and (max-width: 360px) {

    /* Eyewear Gap Worries CSS */
    .sunglasses-gap-worries-info .title {
        font-size: 25px;
        line-height: 30px;
    }

    /* Eyewear Card CSS */

    .SunglassesPBGuarantee-sec .container .title {
        font-size: 20px;
    }

    .SunglassesPBGuarantee-sec .container .description {
        padding: 0 20px;
    }

    /* Eyewear Slider CSS */
    .sunglasses-designer-eyewear-slider .slider-card,
    .sunglasses-designer-eyewear-slider .slider-card .card-img {
        height: 100%;
        max-height: 100% !important;
        max-width: 100%;
    }

    .sunglasses-designer-eyewear-slider .slider-card .card-logo {
        width: 100%;
        height: 100px;
    }
}

@media all and (max-width: 320px) {

    /* Kids Offer Hero */
    .kids-offer-hero-sec .kids-offer-title {
        font-size: 14px;
        line-height: 18px;
    }

    .kids-offer-hero-sec .kids-offer-points ul li svg {
        height: 18px;
        width: 18px;
    }

    .kids-offer-hero-sec .kids-offer-btns {
        width: 100%;
    }

    /* Footer CSS */
    footer {
        background: linear-gradient(0deg, var(--secondery-color) 95%, #fff 5%);
    }

    .footer-modal .footer-modal-btns {
        flex-direction: column;
    }

    .footer-modal .footer-modal-btns .btn {
        margin: 0;
    }

    .footer-modal .footer-modal-btns .btn:nth-child(2) {
        margin-top: 10px !important;
    }
}