/* mobile*/
@media only screen and (max-width: 600px) {

    /* top bar start */
    .topbg {
        display: none;
    }

    /* top bar end */

    /* header start */
    .nav-underline .nav-link.active,
    .nav-underline .show>.nav-link {
        width: 30%;
    }
    .ICNmob{
        display: block !important;
    }
    
    /* header end */

    /* banner start */
    .banner {
        background-image: url(../img/banner.jpg);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 10px;
    }
    .HappySmile {
        font-size: 30px;
        color: var(--primary_color);
    }
    .banner p {
        width: 60%;
    }

    .padding40 {
        padding: 10px !important;
    }

    /* banner end */

    /* introduction start */
    .introduction{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .introduction h3 {
        font-weight: 600;
        margin-bottom: 7px;
        margin-top: 80px;
    }

    .introBox{
        width: 80%;
    }
    /* introduction end */

    /* services start */
    .service{
        margin-bottom: 20px;
    }
    .servicecontainer {
        padding-bottom: 0;
    }
    .servicecontainer .services-section {
        display: flex;
        justify-content: space-between;
        margin-top: 16%;
        flex-direction: column;
    }

    .servicecontainer .services-section .card {
        margin: 60px 32px;
    }

    /* services end */

    /*  */
    .Experts {
        margin-top: 20px;
    }
    /*  */


    /* Patients Reviews start */
    .quote-icon {
        font-size: 25px;
        transform: scaleX(-1);
        color: #9bd6d2;
    }

    .swiper-slide-active .testimonial-item {
        width: 100%;
    }

    .testimonial-item {
        width: 100%;
    }

    .testimonial-item img {
        width: 20%;
    }

    /*Patients Reviews end*/

    /* price start */
    .Prices {
        margin-top: 20%;
        background-color: var(--topbg);
        padding: 20px;
    }

    .pricebox {
        height: 95%;
    }

    .pricetable {
        margin-bottom: 25px;
    }

    .priceboxcenter {
        height: 96%;
    }

    .pricetablecenter {
        margin-bottom: 25px;
    }

    /* price end */

    /*my references start*/
    .references {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .references img {
        margin-bottom: 20px;
    }

    /*my references end */

    /* Patients Reviews start */
   .PatientsReviews .container {
    padding-top: 20px;
   }
    
    /* Patients Reviews end */

    /* get in touch start */
    .getTouch {
        padding: 10px;
    }

    .contactform {
        padding: 40px;
        /* margin: 0 40px; */
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        margin-top: 40px;
    }

    /* get in touch end */

    /* footer start */
    .footerLogoBox {
        padding: 0 10px;
    }
    .footercol {
        margin-top: 10%;
    }

    /* footer end */

}

/*mini tab*/
@media only screen and (min-width: 600px) and (max-width: 860px) {

    /* top bar start */
    .topbg {
        display: none;
    }

    /* top bar end */

    /* header start */
    .nav-underline .nav-link.active,
    .nav-underline .show>.nav-link {
        width: 30%;
    }
    .ICNmob{
        display: block !important;
    }
    /* header end */

    /* banner start */
    .banner {
        background-image: url(../img/banner.jpg);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 10px;
    }

    .banner p {
        width: 100%;
    }

    .padding40 {
        padding: 10px !important;
    }
    .HappySmile {
        font-size: 40px;
        color: var(--primary_color);
    }

    /* banner end */

    /* introduction start */
    .introduction{
        margin-top: 25px;
    }

    /* introduction end */

    /* services start */
    .servicecontainer .services-section {
        display: flex;
        justify-content: center;
        margin-top: 12%;
        flex-wrap: wrap;
    }

    .servicecontainer .services-section .card {
        width: 350px;
        text-align: center;
        position: relative;
        cursor: pointer;
        background: #fff;
        margin: 53px 6px;
        border-radius: 20px;
        z-index: 10;
        transition: transform 0.8s;
        padding: 10px;
        flex: 0 1 calc(30% - 10px);
    }

    /* services end */

    /* Patients Reviews start */
    .quote-icon {
        font-size: 25px;
        transform: scaleX(-1);
        color: #9bd6d2;
    }

    .swiper-slide-active .testimonial-item {
        width: 100%;
    }

    .testimonial-item {
        width: 100%;
    }

    .testimonial-item img {
        width: 20%;
    }

    /*Patients Reviews end*/

    /* price start */
    .Prices {
        margin-top: 20%;
        background-color: var(--topbg);
        padding: 20px;
    }

    .pricebox {
        height: 95%;
    }

    .pricetable {
        margin-bottom: 25px;
    }

    .priceboxcenter {
        height: 96%;
    }

    .pricetablecenter {
        margin-bottom: 25px;
    }

    /* price end */

    /*my references start*/
    .references {
        margin-top: 10%;
    }

    .references img {
        margin-bottom: 20px;
    }

    /*my references end */

    /* get in touch start */
    .getTouch {
        padding: 10px;
    }

    .contactform {
        padding: 40px;
        /* margin: 0 40px; */
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        margin-top: 40px;
    }

    /* get in touch end */

    /* footer start */

    .footer {
        background-color: var(--secondary_color);
        padding: 20px;
    }

    .footerLogoBox {
        padding: 0 10px;
    }
    .footer h2 {
        color: var(--primary_color);
        font-weight: 600;
        font-size: 24px;
    }

    /* footer end */


    /* back to top start*/
    button.back-to-top {
        margin: 0 !important;
        padding: 0 !important;
        background: var(--white);
        height: 0px;
        width: 0px;
        overflow: hidden;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        color: transparent;
        clear: both;
        visibility: hidden;
        position: fixed;
        cursor: pointer;
        display: block;
        border: none;
        right: 50px;
        bottom: 75px;
        font-size: 0px;
        outline: 0 !important;
        z-index: 99;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    button.back-to-top:hover,
    button.back-to-top:active,
    button.back-to-top:focus {
        outline: 0 !important;
    }

    button.back-to-top::before,
    button.back-to-top::after {
        content: "";
        display: block;
        /* vertical-align: middle; */
        border-bottom: solid 10px var(--white);
        border-left: solid 10px transparent;
        line-height: 0;
        border-right: solid 10px transparent;
        height: 0;
        margin: 20px auto 0;
        width: 0;
        border-radius: 20px;
        visibility: hidden;
    }

    button.back-to-top.show::after,
    button.back-to-top.show::before {
        visibility: visible;
    }

    button.back-to-top::after {
        border-bottom-color: var(--white);
        position: relative;
        top: -30px;
    }

    button.back-to-top.show {
        display: block;
        background: var(--primary_color);
        color: var(--white);
        font-size: 25px;
        right: 25px;
        bottom: 50px;
        height: 50px;
        width: 50px;
        visibility: visible;
        box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
    }

    button.back-to-top.show:hover {
        background: var(--textcolor);
    }

    button.back-to-top.show:active {
        box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
    }

    /* back to top end*/
}