/* Desktop */
@media(max-width: 1440px) {
    #home-banner .banner-title {
        font-size: 35px;
    }
    
    header .contact-info {
        font-size: 12px;
    }
}

@media(max-width:1300px){
    main #home-banner .btn-primary {
        padding: 8px 20px;
        font-size: 17px;
    }

    header .nav-link{
        padding: 8px;
    }
}

/* Laptop */
@media(max-width: 1280px) {
   main #home-inclusive-packages .home-inclusive-text .home-inclusive-title{
    font-size: 28px;
   }

   main #home-inclusive-packages .inclusive-packages-list .inclusive-packages-item {
    font-size: 16px;
   }
   main #home-clinic-contact .process-image-text{
    font-size: 18px;
   }
}

@media(max-width: 1100px) {
    .banner-media-container{
        bottom: 3%;
    }
}


@media(max-width:991px) {

    main #home-brands, main #home-about-us, main #home-before-after, main #home-success-stories, main #home-process-area, main #home-step-form, main #home-packages-area, main #home-faq{
        margin-bottom: 40px;
    }
    main #home-banner{
        padding-top: 50px;
    }
     main #home-banner .banner-text{
        margin-bottom: 25px;
     }
    main #home-banner .banner-title br {
        display: none;
    }

    main #home-about-us .about-col {
        margin-bottom: 25px;
    }

    main .graft-calculator {
        display: flex;
        gap: 10px;
        flex-direction: column;
    }

    main #home-about-us .about-title {
        font-size: 36px;
    }

    main #home-success-stories .section-title{
        font-size: 28px;
    }

    main #home-success-stories .section-desc{
        font-size: 16px;
    }

    main #home-process-area .section-title-area .section-title {
        font-size: 28px;
    }

    main #home-process-area .process-area .fixed-line, main #home-process-area .process-area .mini-icon{
        z-index: -1;
    }
    main .step-form-container{
        padding: 20px;
    }
    main .step-form-header .step-form-title{
        font-size: 28px;
    }
    main #home-packages-area .section-title {
        text-align: center;
        font-size: 28px;
        font-weight: 700;
    }
    main #home-packages-area .packages-table .table-header {
        padding: 15px 5px;
        font-size: 16px
    }

    main #home-packages-area .packages-table .table-header:nth-child(2) {
        -webkit-border-radius: 15px 15px 0 0;
        -moz-border-radius: 15px 15px 0 0;
        -ms-border-radius: 15px 15px 0 0;
        border-radius: 15px 15px 0 0
    }

    main #home-packages-area .packages-table .table-body .body-row:first-child td:first-child {
        -webkit-border-radius: 20px 0 0;
        -moz-border-radius: 20px 0 0;
        -ms-border-radius: 20px 0 0;
        border-radius: 20px 0 0
    }

    main #home-packages-area .packages-table .table-body .body-row:first-child td:last-child {
        -webkit-border-radius: 0 20px 0 0;
        -moz-border-radius: 0 20px 0 0;
        -ms-border-radius: 0 20px 0 0;
        border-radius: 0 20px 0 0
    }

    main #home-packages-area .packages-table .table-body .body-row:last-child td:first-child {
        -webkit-border-radius: 0 0 0 20px;
        -moz-border-radius: 0 0 0 20px;
        -ms-border-radius: 0 0 0 20px;
        border-radius: 0 0 0 20px
    }

    main #home-packages-area .packages-table .table-body .body-row:last-child td:last-child {
        -webkit-border-radius: 0 0 20px;
        -moz-border-radius: 0 0 20px;
        -ms-border-radius: 0 0 20px;
        border-radius: 0 0 20px
    }

    main #home-packages-area .packages-table .table-body .body-row td {
        font-size: 12px;
        padding: 10px 5px;
        width: 30%
    }

    main #home-packages-area .packages-table .table-body .body-row td:first-child {
        padding: 10px 30px 10px 15px;
        width: 40%
    }

    main #home-packages-area .packages-table .table-body .body-row td svg {
        width: 25px;
        height: 25px
    }
    
    main  #home-faq .section-inner-area {
        padding: 32px 20px;
    }
    main #home-faq .home-faq-title {
        font-size: 24px;
        text-align: center;
    }
    main #home-faq .faq-list .faq-item .item-top .item-title {
        font-size: 18px;
    }
    main #home-faq .faq-list .faq-item .item-bottom .item-text {
        font-size: 16px;
    }

    footer .footer-col {
        margin-bottom: 25px;
    }
}

@media(max-width:575px) {
    header .header-social-container .header-top-social-link svg {
        width: 30px;
        height: 30px;
        color: var(--light-gold);
    }
    header .header-social-container {
        gap: 5px;
    }
     main #home-banner .btn-primary{
        font-size: 16px;
        padding: 10px;
        justify-content: center;
    }
    main #home-banner .btn-secondary{
        font-size: 16px;
        padding: 10px;
        justify-content: center;
    }

    main #home-about-us .about-title {
        font-size: 28px;
        font-weight: 600;
        color: var(--light-gold);
        line-height: 35px;
    }

    main #home-about-us .about-desc {
        line-height: 26px;
        color: var(--dark-blue);
        font-size: 16px;
        margin-bottom: 15px;
    }

    main #home-about-us .about-platforms {
        flex-wrap: wrap;
    }

    main #home-before-after .before-after-text-area .before-after-title {
        font-size: 28px;
    }

    main #home-before-after .before-after-text-area .before-after-desc{
        font-size: 18px;
    }

    main .treatment-methods{
        flex-direction: column;
    }

    main .method-option {
        width: 100%;
        flex: 0 0 100%;
    }
}

@media (max-width:450px) {
    main #home-banner .banner-buttons{
        flex-direction: column;
    }
    
}