/* HOME PAGE */


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

    #mobile-nav{
    display: inherit !important;
    }

    #desktop-nav{
        display: none !important;
    }

    nav{
    padding: 15px 20px !important;  
    
    }

    .nav-item{
        padding: 15px 20px;
    }

    .nav-item .nav-link{
        font-size: 17px !important;
        color:black;
        font-weight: 400;
    }

    /*  */


    .hero-content-left-wrap{
        padding-left: 20px;
    }

    .hero-title-left{
        font-size: 60px;
    }

    .hero-text{
        font-size: 17px;
    }

    .hero-text-background{
        width: 80%;
    }


    /*  */

    
    .offer-section{
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .section-spacing{
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .about-split-text{
    font-size: 18px;
    }

    .about-split-icon{
    width: 25px;
    height: 25px;
    }

    .about-title{
        font-size: 38px !important;
    }

    .grid-about-split{
    margin-top: 40px;
    }

    .about-split-item-wrap{
        padding: 10px 0px;
    }

    .button-primary-1,
    .button-primary-2{
        padding: 15px 20px;
    }

    /*  */

    .service-image-wrap {
        display: none;
    }

    .service-main-title-wrap{
        gap: 70px;
    }

    .service-slide:hover .service-title,
    .service-slide:hover .service-description{
        color: #1d261b !important;
    }

    .service-icon{
    width: 40px;
    height: 40px;
    }

    /*  */

    .offer-list-item {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .offer-description {
        margin-top: 20px;
    }

    .no-margin {
        align-self: auto;
    }

    .button-white {
        padding: 15px 20px;
        font-size: 16px;
    }

    .text-white{
        font-size: 46px;
    }

    /*  */

    h2 {
        font-size: 50px !important;
    }

    .view-spacing{
    padding-left: 20px;
    padding-right: 20px;
    }

    .work-section{
        padding-left: 20px;
        padding-right: 20px;
    }

    .grid-work,.grid-location{
        grid-template-columns: 1fr 1fr;
    }


    .work-item{
        gap: 50px;
    }

    /*  */

    .grid-about{
        gap: 30px;
    }

    .about-top-vector {
        width: 120px;
        height: 120px;
        left: -15px;
    }

    .about-feature-item-wrap{
        gap: 10px;
    }

    /*  */

    .gallery-item-wrap{
        margin-bottom: -180px;
    }

    .gallery-item{
        gap: 20px;
    }

    .grid-gallery-one,.grid-gallery-two{
        gap: 20px;
    }

    .gallery-title {
        font-size: 18px !important;
    }

    /*  */
    
    .testimonial-section{
        padding-top: 200px;
    }

    .container-medium,.container-small {
    padding-left: 0px;
    padding-right: 0px;
    }

    .testimonial-slider-content{
        gap: 20px;
    }

    .testimonial-slider-rating {
        height: 24px;
    }

    .testimonial-slider-text {
        font-size: 20px;
    }

    .testimonial-slider-info-wrap{
        width: 70%;
    }

    .testimonial-slider-info-flex {
        gap: 7px;
    }


    /*  */

    .team-main-wrap{
    margin-bottom: 30px;
    }

    .team-button-wrap{
        gap: 15px;
        padding-left: 30px;
    }

    .team-bg-wrap h2{
        padding-left: 30px;
    }

     .team-bg-wrap{
        padding: 30px 0px;
    }

    .time-title{
    font-size: 40px;
    }

    .time-list{
        gap: 20px;
    }

    .time-list-title{
        font-size: 18px;
    }
    
    .time-text{
     font-size: 16px;
    }

    /*  */

    .section-spacing-bottom{
    padding-bottom: 100px;
    }

    /* FOOTER SECTION */

    .footer-top-title{
        font-size: 24px;
    }

    .footer-top-item-wrap{
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .footer-top-item{
        gap: 10px;
    }

    .footer-icon-round{
        width: 45px;
        height: 45px;
    }

    .footer-link-item{
        font-size: 18px;
    }

    .footer-center-wrap{
        padding-top: 60px;
    }

    .footer-time-text,
    .time-text{
    font-size: 16px;
    }

    .footer-title{
        margin-bottom: 20px;
    }

    /* APPOINTMENT PAGE */

    .hero-inner-section{
        padding-top: 200px;
        padding-bottom: 80px;
    }

    .hero-inner-title{
        font-size: 60px;
    }

    /*  */

    .grid-appointment {
        grid-template-columns: 1fr;
    }

    .grid-input-group {
       gap: 0px;
        grid-template-columns: 1fr;
    }

    .form-select.dark-input {
        display: inline-block;
    }

    .button-primary-1.button-full.appointment-button {
        margin-top: 0;
    }

    /*  */

    .grid-location {
        gap: 50px;
        grid-template-columns: 1fr;
    }




}





@media screen and (max-width: 767px) {
    

    #mobile-nav{
    display: inherit;
    }

    #desktop-nav{
        display: none;
    }

    nav{
    padding: 15px 0px !important;  
    
    }

    .nav-link-button{
        opacity: 0;
    }

    .navbar-toggler{
        padding: 7px 10px !important;
    }

    /* HERO SECTION */

    .grid-hero-lg {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
    }

    .hero-content-left-wrap {
        padding-bottom: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .hero-description-left {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    /*  */
    
    .view-spacing{
    padding-left: 15px;
    padding-right: 15px;
    }

    .work-section{
        padding-left: 15px;
        padding-right: 15px;
    }

    /*  */

    .section-spacing{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .about-split-image{
    max-height: 300px;
    }

    .about-title{
        font-size: 28px;
    }

    .about-split-text{
    font-size: 16px;
    }

    /*  */
    
    .service-main-title-wrap{
        gap: 60px;
    }

    .service-slide {
    height: 350px !important;
    max-height: 351px;
    /* margin-right: 30px; */
    }

    .swiper-button-prev.left-arrow{
        inset: auto 0% 0 -60px;
    }

    .swiper-button-next.right-arrow{
        inset: auto 0% 0 60px;
    }

    .service-section{
        margin-bottom: 20px;
    }

    .service-top-wrap{
     padding-bottom: 60px;
     padding-top: 50px;
    }

    .section-title{
        margin-bottom: 40px;
    }
    /*  */

    .offer-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .text-white{
        font-size: 35px;
    }

    .grid-offer {
        grid-template-columns: 1fr;
    }

    .offer-image-decorative {
        display: none;
    }

    .offer-list-item {
        grid-column-gap: 5px;
        grid-row-gap: 5px;
    }

    .offer-list-title {
        line-height: 1.5em;
    }

    /*  */

    .grid-work,.grid-about {
        grid-template-columns: 1fr;
    }

    /*  */

    h2 {
        font-size: 46px !important;
    }

    .about-top-vector {
        width: 100px;
        height: 100px;
    }

    /*  */

    .grid-gallery-one, .grid-gallery-two {
        grid-template-columns: 1fr;
    }

    .gallery-title {
        margin-bottom: 40px;
    }

    /*  */

    .testimonial-slider-frame-wrap{
        padding-bottom: 60px;
    }

    .testimonial-slider-content-wrap {
        grid-template-columns: 1fr;
    }

    .testimonial-slider-image-wrap{
        width: 60%;
    }

    .testimonial-slider-info-wrap{
        gap: 10px;
    }

    .testimonial-slider-name{
        font-size: 18px;
    }

    .swiper-button-prev.testimonial-left-arrow{
        inset: auto 60px 0% 0%;
    }

    .swiper-button-next.testimonial-right-arrow{
        inset: auto 0% 0% 60px;
    }

    /*  */

    .grid-team,.grid-faqs-split{
        grid-template-columns: 1fr;
    }

    .faqs-description{
    margin-top: 20px;
    margin-bottom: 30px;
    }

    .faqs-wrap{
        gap: 20px;
    }

    .section-spacing-bottom{
        padding-bottom: 80px;
    }

    /* FOOTER SECTION */

    .grid-footer-top{
        grid-template-columns: 1fr !important;
        gap: 30px;
    }

    .footer-top-item-wrap{
        grid-template-columns: 1fr !important;
        justify-content: flex-start;
    }

    #footer-top{
   justify-self: start; 
    }

    .footer-title{
        margin-bottom: 10px;
    }

    .footer-copyright-wrap {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        flex-flow: wrap;
    }

    /* APPOINTMENT PAGE */

    /* HERO SECTION */

    .hero-inner-title{
        font-size: 56px;
    }

    /* APPOINTMENT SECTION */

    .appointment-section{
    padding-top: 80px;
    }

    .input-group{
     font-size: 16px;
    }

    .form-input {
    font-size: 16px;
    }

    /*  */

    .location-item {
     gap: 20px;
    }

}


/*  */

@media screen and (max-width : 480px) {

    .nav-link-button{
        display: none;
    }
    /*  */

    .hero-title-left{
        font-size: 50px;
    }

    /*  */

    .about-title{
        font-size: 20px !important;
    }

    .grid-about-split{
    margin-top: 20px;
    }

    .service-item-wrap{
        padding: 20px;
    }

    .service-slide {
    height: 300px !important;
    max-height: 301px;
    /* margin-right: 30px; */
    }

    .service-description{
        width: 100%;
        font-size: 15px;
        font-weight: 500;
    }

    /*  */

    h2{
        font-size: 30px !important;
    }

    .offer-list {
    gap: 15px;
    }

    .text-white{
        font-size: 30px;
    }
    
    .offer-list-item {
    gap: 0px;
    grid-template-columns: 1fr;
    }

    /*  */
   
    .work-shape-item {
        width: 40px;
        height: 40px;
    }

    /*  */
    
    .team-image-wrap {
        width: 170px;
        height: 170px;
    }

    .time-bg-wrap{
        padding: 20px;
    }

    .time-title{
    font-size: 34px;
    }

    .time-info{
        gap: 30px;
    }

    .time-list{
        gap: 10px;
    }

    .time-list-item{
     flex-flow: column;
    }

    .time-list-title{
        font-size: 16px;
    }

    .time-text{
      font-size: 14px;
    }

    /* FOOTER SECTION */

    .grid-footer-top{
        grid-template-columns: 1fr;
    }

    .footer-top-title{
        font-size: 28px;
    }

    .footer-top-item{
        flex: 0 auto;
    }

    .footer-timing-list{
        gap: 10px;
    }

     .footer-time-text,
     .time-text{
    font-size: 14px;
    }

     .accordion-description {
        padding-bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 16px;
    }

    .accordion-heading {
        padding-right: 20px;
        font-size: 18px !important;
    }

    /* APPOINTMENT PAGE */

    .hero-inner-title{
        font-size: 35px !important;
    }

    /* APPOINTMENT SECTION */

    .appointment-wrap{
        padding: 20px;
    }

    .input-group{
    align-items: flex-start;
    margin-bottom: 10px;
    }

    .button-primary-1.button-full.appointment-button {
        font-size: 16px;
    }


    
}




/*  */




/* HOME PAGE */