@media only screen and (max-width:980px){
    #cssmenu{
        display: none !important;
    }
    .logo-div{
        width: 35%;
        float: left;
    }
    #dl-menu{
        display: block !important;
        width: 65%;
        float: left;
        text-align: right;
        padding-top: 3%;
    }
    .dl-menuwrapper button{
        background: transparent !important;
    }
    .dl-menuwrapper ul{
        background-color: #FFF;
        background: #FFF;
        box-shadow: 5px 3px 10px 0px #00000020;
        right: 10px;
    }
    .dl-menuwrapper li a{
        font-weight: 500;
        color: #000;
        outline: none;
        text-decoration: none;
        padding: 10px 15px;
        font-size: 16px;
        font-family: 'Inter';
        text-align: left;
    }
    .dl-menuwrapper li{
        border-bottom: 1px solid #f5f5f5;
    }
    .dl-menuwrapper li a:hover{
        background-color: #DC2D6E !important;
        color: #FFF;
    }
    .banner-text h2, .banner-text h2 span{
        font-size: 35px;
        line-height: 45px;
    }
    .banner-text h2 span.t3, .banner-text h2, .banner-text h2 span{
        padding: 0px !important;
    }
    .banner-text p{
        width: 100%;
    }
    .form-section .container{
        position: inherit;
    }
    .banner-text{
        padding: 0px 20px;
    }
    .form-section form div::after{
        content: none;
    }
    .form-section form{
        grid-template-columns: repeat(3,1fr);
    }
    .body-section section{
        padding: 30px 0px !important;
    }
    .symptoms-slider .owl-nav .owl-prev {
        left: 80% !important;
    }
    .treatments-slider .owl-nav .owl-prev {
        left: 40% !important;
    }
    .treatments-slider .owl-nav .owl-next {
        right: 40% !important;
    }
    .why-grid .item{
        padding: 0px;
    }
    .before-slider .owl-nav .owl-next {
        right: 0% !important;
    }
    .before-slider .owl-nav .owl-prev {
        left: 0% !important;
    }
    .pr-lg-8 {
        padding-right: 2% !important;
    }
    .pl-lg-5 {
        padding-left: 10px !important;
    }
    .pl-lg-8 {
        padding-left: 15px !important;
    }
    .pl-lg-6 {
        padding-left: 15px !important;
    }
    .last-slide .t1, .last-slide .t2, .last-slide .t3{
        padding: 0px !important;
    }
    .banner-slider .owl-dots{
        margin: 0 !important;
        z-index: 99;
        position: absolute !important;
        left: 0px !important;
        bottom: 4% !important;
    }
    .btn2{
        margin: 30px 0px 0px !important;
    }
    .transform-section h1 br{
        display: none;
    }
    .counter-div ul{
        grid-template-columns: repeat(1,1fr);
        margin: 0px;
    }
    .copyrights img{
        height: auto;
    }
}

@media only screen and (max-width:768px){
    .desktop-banner{
        display: none !important;
    }
    .mobile-banner{
        display: block !important;
    }
    .form-section{
        z-index: 9;
    }
    .form-section .container{
        box-shadow: none !important;
    }
    header{
        padding: 10px 0px 0px;
    }
    .form-section .container {
        position: inherit;
        top: 0;
        transform: initial;
        left: 0;
        z-index: -1;
    }
    .form-section form {
        grid-template-columns: repeat(1,1fr);
    }
    .form-section form div, .form-section input{
        width: 100%;
    }
    .symptoms-slider .owl-nav{
        top: 100%;
    }
    .symptoms-slider .owl-nav .owl-next {
        right: 35% !important;
    }
    .symptoms-slider .owl-nav .owl-prev {
        left: 35% !important;
    }
    .symptoms-section .container{
        padding: 0px 15px 8% !important;
    }
    .testimonials-slider .item{
        width: 100%;
        margin: 0;
        padding-left: 0px;
    }
    .testimonials-slider .item p{
        text-align: left;
        font-size: 16px;
        line-height: 28px;
        margin: 0 !important;
    }
    .cta-section p a:before{
        vertical-align: middle;
        display: inline-block;
    }
    .before-slider h4{
        padding: 10px 15px;
    }
    .meta{
        text-align: left;
    }
    .cta-section .container{
        padding: 30px;
    }
    .cta-section h2{
        text-align: center;
        padding: 0px 0px 5%;
    }
    .px-5{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    footer ul{
        padding: 0px 0px 5%;
    }
    .treatments-slider .owl-item:nth-child(even) .item {
        margin-top: 0;
    }
    .treatments-slider .owl-nav .owl-next {
        right: 35% !important;
    }
    .treatments-slider .owl-nav .owl-prev {
        left: 35% !important;
    }
    .before-slider .owl-nav{
        position: absolute;
    }
    .before-slider .owl-nav .owl-prev {
        left: 30% !important;
    }
    .before-slider .owl-nav .owl-next {
        right: 30% !important;
    }
    .before-section .container{
        padding-bottom: 10%;
    }
}

@media only screen and (max-width:640px){
    .transform-section h1{
        font-size:30px !important;
        line-height:40px !important;
        padding:15px 0px 0px !important;
    }
    .transform-section p {
    font-size: 20px !important;
    line-height: 32px !important;
    }
    .doctor-profile h3{
        font-size: 30px !important;
    padding: 15px 0px 30px !important;
    }
    .gallery-section .row{
        padding: 0px !important;
    }
    .gallery-section .row div{
        padding: 10px 0px !important;
    }
    .cta-section .row{
        padding: 0px;
    }
    .testimonial-slider .owl-nav .owl-prev {
        left: 30% !important;
    }
    .testimonial-slider .owl-nav .owl-next {
        right: 30% !important;
    }
    .faq-section .container{
        padding: 80px 0px 0px !important;
    }
    .form-partion{
        grid-template-columns: repeat(1,1fr);
    }
    .contact-section .bg-brown{
        padding: 20px;
    }
    .faq-section img{
        width: 100%;
        height: auto;
    }
    .why-grid{
        grid-template-columns: repeat(1,1fr);
    }
    .why-section{
        margin: 0px 0px 0px !important;
    }
    .why-grid .item{
        border: none !important;
    }
    .testimonials-slider .item{
        box-shadow: none;
    }
    .testimonials-slider .owl-nav{
        position: absolute;
        bottom: 0px;
    }
    .testimonials-slider .owl-nav .owl-prev, .accolades-slider .owl-nav .owl-prev, .gallery-slider .owl-nav .owl-prev{
        left: 30% !important;
    }
    .testimonials-slider .owl-nav .owl-next, .accolades-slider .owl-nav .owl-next, .gallery-slider .owl-nav .owl-next{
        right: 30% !important;
    }
    .accolades-slider .owl-nav, .gallery-slider .owl-nav{
        position: absolute;
    }
    .accolades-section{
        margin: 30px 0px 10% !important;
    }
    .gallery-section{
        margin-bottom: 0% !important;
    }
    .cta-section h2{
        font-size: 30px !important;
    text-align: center;
    line-height: 45px !important;
    }
    .title h2{
        font-size:30px !important;
    }
    .accordion-header button, .accordion-header{
        padding: 0px 30px 0px 10px;
    line-height: 30px;
    }
    .banner-text h2, .banner-text h2 span {
        font-size: 25px;
        line-height: 35px;
    }
    .banner-text p{
        font-size: 14px;
        line-height: 20px;
        text-align: left;
    }
    body{
        overflow-x: hidden;
    }
    .form-section input[type=submit]{
        margin: 30px 0px 0px;
        width: auto;
    }
    h1, h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .map-img{
        padding-top: 30px;
    }
    #book-form img{
        display: none;
    }
}

@media only screen and (max-width:480px){
    .symptoms-slider .owl-nav .owl-prev, .treatments-slider .owl-nav .owl-prev {
        left: 28% !important;
    }
    .symptoms-slider .owl-nav .owl-next, .treatments-slider .owl-nav .owl-next {
        right: 28% !important;
    }
    .owl-nav{
        margin: 40px 0px 0px !important;
    }
    .symptoms-section .container, .before-section .container{
        padding: 0px 15px 15% !important;
    }
}