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



.margin{margin: 50px 0px 50px 0px;}



/* -----------------fonts---------------- */  



.title{font-size: 36px;line-height:50px;text-align:center;margin: 0px 0px 15px 0px;}



.sub-title{font-size: 18px;line-height: 30px;text-align: left;margin: 15px 0px 15px 0px;}



.para{font-size: 19px;line-height: 40px;}



.heading{text-align:center;}



br{display: none;}

.team .owl-nav{text-align: center;}

}





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

.title {

    font-size: 25px;

    line-height: 40px;

    text-align: center;

    margin: 0px 0px 15px 0px;

}

}

.service-card h3{

    font-size: 22px;

    line-height: 30px;

}

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

    .navbar-collapse{

        width: 100%;

        height: 200vh;

        background: var(--white);

        padding: 15px 10px;

        z-index: 999;

    }

}

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





    /* owl */ 

    .treatement{padding: 0px 0px 10px 0px;}



    .treatement-carousel .owl-nav {



        margin: 20px auto auto auto;



        text-align: center;



    }



    .treatement-carousel .owl-nav button {



        margin: 0px 10px auto auto;



        text-align: center;



    }

    .testimonial-card .test-name{position: initial; margin: 20px 0px 0px 0px;}

    .testimonial-card{height: auto};

    /* team */



    .team-carousel .owl-nav {



        margin: 10px auto auto auto;



        text-align: center;



    }



    .team-carousel .owl-nav button {



        margin: 0px 10px auto auto;



        text-align: center;



    }



    /* button */



    .green-btn{



        display: block;



        margin: auto;



     }



     .swiper{padding-bottom:0px;}.blog-nav {display: flex;position: initial;justify-content: center;padding: 5% 0px 0px;}



     .treat-col{width:100%;}



     .treatement-carousel .owl-nav {



    position: initial;



    left: 0;



    bottom: 0;



}



     .footer-logo .social-icon{



        display: flex;justify-content: center;



        margin: 20px 0px;    



    }



     /* ----------------------------------------home page--------------------- */



     /*-----banner starts----- */



     .sample-video video{max-width: 90%;outline: none;}



     .banner .btn-group{



        display: flex;



        /* justify-content: center; */



        flex-wrap: wrap;



        gap: 15px;



     }







      /*-----banner ends----- */











      .about-sec::after{content: none !important;}



      .thick::before{float:left; min-height: 50px;}



      /*----------------------- treatement service starts----------------*/



      .teat-col{width:100%;padding: 0px 25px; margin: 0px;}



      .treatement .row{flex-direction: column-reverse;}



     /*----------------------- treatement service ends----------------*/



     /*----------------------- doctor starts----------------*/



      .doctor-img{



        float: none;



        width: 100%;



      }



      /*----------------------- doctor ends----------------*/







      /*----------------------- testimonial starts----------------*/



      .testimonial-sec{width: 100%;margin: 0px 0px 0px 0px;}



      .testimonial-carousel{width: 100%;}



      .testimonial .owl-theme .owl-nav {



        margin: 20px 0px 0px 0px;



        display: block;



        float: none;



    }











      .video-testimonial .owl-theme .owl-nav{



        float: none;



        margin: 0px 0px 0px 0px;



        margin: auto;







    }



       /* ---------------------------------blog page -------------------------- */



       .blog-container{



          flex-direction: column-reverse;



          display: flex;



          align-items:center;



        }



        .left{



            width: 100%;



            background: var(--green);



            z-index: 1;



            margin: 10px 0px 0px 0px;



            margin-bottom:0px;



           margin-right: 0px;



          }



        .right{



        width: 100%;



        height:auto;



        border-radius: 8px;



        }



        .swiper-pagination-bullet{



            width: 25%;



        }







   



    /* ---------form---- */



    .form-sec{padding: 10px;}



    .form-booking .form_partion input{width: 100%;}



    .form-booking .form_partion {display: block;}



    .contact-form .form_partion {display: block;}



    .contact-form .form_partion input{width: 100%;}



    .map{



        width: 100%;



        max-width:100%;



        position: relative;



        right: 0;



    }







     /*-----footer starts----- */



     .footer .footer-sec{display:block}



    .footer .footer-logo, .footer .footer-map, .footer .footer-service, .footer .footer-contact {



         width: 100%;



     }



   



     .footer .f-title{ margin-bottom: 5px;}



      /*-----footer ends----- */







    /*-------------------------------- about page---------------------- */







    .doctor-box .doc-nam {



        display: flex;



        align-items: center;



        justify-content: center; gap: 0px 15px;



    }



    .About-success .row{



        flex-direction: column-reverse;



    }



    .About-success .row .counter-box{



        flex-direction: row;



    }



    /*-----------------------------gallery page-------------------------- */



    .gallery-sec .product a .item{



        position: relative;



        width: 250px;



        height: 250px;



        margin: 10px;



    }



    /*-----------------------------testimonial page-------------------------- */



    .testimonial-page ul li{



        width: 48%;



        height:auto;  



    }



    /*-----------------------------testimonial page-------------------------- */



    .contact-form form .form_btn{



        margin: auto;



        width: 30%;



    }



    /* ----------------------------service page------------------------------- */



    .treatement-box{



        margin: 25px 0px 0px 0px;



        width: 100%;



        float: none;



    }



}



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



    .banner .container::after, .banner .container::before{content: none !important;}



}



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



    .patient-service .list {



        margin: 10px 0px 0px 0px;



        display: flex;



        flex-direction: column;



        width: 50%;



        gap: 1px 0px;



        align-items: center;



    }



          /*-----------------------------gallery page-------------------------- */



    .blog-left {



        width: 90%;



        margin: auto;



        margin-top: -100px;



      }



  



      /*-----------------------------gallery page-------------------------- */



      .gallery-sec .product a .item{



        position: relative;



        width: 200px;



        height: 200px;



        margin: 10px;



    }



     /*-----------------------------testimonial page-------------------------- */



     .testimonial-page ul li{



        width: 48%;



        height:auto;  



    }



    .testimonial-page .test-page-img {



        margin: -100px auto 0px auto;



        text-align: center;



    }



    /* ----------------------------service page---------------- */



    .treatement-title {



        font-size: 26px;



        line-height: 30px;



    }



    .treatement-box ul li{



        font-size: 18px;



    }



    .patient-service {



        display: flex;



        flex-wrap: wrap;



        justify-content: flex-start;



        margin: 45px 0px 0px 0px;



    }



}



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



    .treatement-carousel .owl-nav button.owl-next {



    padding: 0px 0px 0px 0px !important;



}



     /*-----------------------------testimonial page-------------------------- */



     .testimonial-page ul li{



        width: 108%;



        height:auto;  



    }



    .testimonial-page .test-page-img{



        margin: -100px 0px 0px 0px;



    }



    /*-----------------------------testimonial page-------------------------- */



    .contact-form form .form_btn{



        margin: auto;



        width: 50%;



        text-align: center;



    }



    .footer-logo .navbar-brand img{width: 70%;}



}



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



    .copy ul{display:block;}



    .navbar-brand {



        width: 60%;height: auto;



    }



    .navbar-brand img{



        width: 100%;height: auto;



    }



    .gallery-sec .tabbed ul li {



        list-style: none;



        padding: 10px 20px;



    }



    .swiper-slide-active{



        margin: 0px 0px 0px 0px;



}



    /*-----------------------------gallery page-------------------------- */



    .gallery-sec .product a .item{



        position: relative;



        width: 120px;



        height: 120px;



        margin: 10px;



    }



    .choose-sec .choose-card{



        width: 95%;



    } 



    /* contact page */



    .contact-card {

        padding: 20px 0px 20px 10px;

    }



    .contact-address p {

        font-size: 12px;

        font-weight: 500;

    }



}