*{
    text-decoration: none;
}

body{
    background-color: #ffffff;
    overflow-x: hidden;
}

/* toppart */
.app{
    background-color: #ff9800;
}

.appointments{
    background-color: #ff9800;
    display: flex;
}

.appointments h6 i{
    color: white;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
}

.appointments h6 a{
    color: white;
    font-size: 20px;
}

.header{
    background-color: #006298;
}

.navbar {
    background-color: #006298;
}

.navbar-nav li a {
    text-decoration: none;
    font-weight: 400;
    padding: 0px 10px;
    font-size: larger;
    color: #ff9800;
    font-family: 'Acme', sans-serif;
}

.navbar-nav a:hover {
    color: black;
    transition: 0.5s;
}

.icons i{
    color: white;
}

.icons i:hover{
    color: #ff9800;
    transition: 0.4s;
}

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

}


@media screen and (max-width: 575px ){
    body{
        overflow-x: hidden;
    }
    .icons{
        display: none;
    }
    .appointments h6 a{
        width: 48.7%;
        /* font-size: 16px; */
        
    }
     .appointments h6  i{
        /* width: ; */
        /* font-size: 16px; */
        text-align: center;
    }
    .navbar-collapse{
        text-align: center;
        margin-top: 20px;
    }
    .nav-item a{
        font-size: 18px;
        text-align: center;
    }
    .dental-care img{ 
        width: 350px;
        margin: 40px 60px;
        
    }
    .dental-care h1 {
        margin: 0px 30px;
        text-align: center;
    }
    .dental-care p{
        text-align: center;
        margin: left 55px;
        margin-top: 10px;
    }
    .our-vision h1{
        margin: 20px auto;
        text-align: center;
    }
    .our-vision p{
        margin: 20px 30px;
        text-align: center;

    }
    .our-vision button{
        margin:  0px 70px;
    }
    .our-vision img{
        width: 350px;
        margin: 40px 60px;
    }
    .our-services h1{
        margin: 20px 50px;
        text-align: center;
    }
    .our-services .card{
        margin: 20px 100px;
    }
    .sbtn{
        margin:  0px 100px;
    }
    .specialty .head{
        font-size: 45px;
        margin-left: -2px;
        margin: 40px 0px;
    }

    .specialty .spbox{
        width: 250px;
        margin: 10px auto;
    }
     .our-RD {
        margin: 40px 0px;
       }
    .our-RD .col-12 h1{
        /* font-size: 10px; */
        text-align: center;
        margin: 30px  0px;
        font-size: 40px;
    }
    .our-RD .col-12 h1 i{
        text-align: center;
    }
    .our-RD .card{
        margin: 30px auto;
    }
}

@media screen and (max-width: 470px){
    .dental-care h1 {
        margin: 0px 0px;
        margin-left: 30px;
        text-align: center;
        font-size: 35px;
    }
    .dental-care img{
        width: 350px;
        margin: 40px 0px;
        margin-left: 50px;
    }
    .dental-care p{
        text-align: center;
        margin-left:  55px;
        margin-top: 10px;
    }
    .our-vision h1{
        margin: 20px auto;
        text-align: center;
        font-size: 35px;
    }
    .our-vision p{
        margin: 20px 30px;
        text-align: center;

    }
    .our-vision button{
        margin:  0px 70px;
    }
    .our-vision img{
        width: 350px;
        margin: 40px 0px;
        margin-left: 50px;
    }
    .our-services h1{
        margin: 20px 0px;
        margin-left: 30px;
        text-align: center;
        font-size: 35px;
    }
    .our-services .card{
        margin: 20px 0px ;
        margin-left:  80px;
    }
    .sbtn{
        margin:  0px 0px;
        margin-left: 100px;
    }
    .specialty .head{
        margin-left: -2px;
        margin: 40px 0px;
        font-size: 35px;
    }

    .specialty .spbox{
        width: 250px;
        margin: 10px auto;
    }
    .our-RD .col-12 h1{
        text-align: center;
        margin-left: -10px;
    }
    .our-RD .col-12 h1 i{
        text-align: center;
    } 

}

@media screen and (max-width: 435px){
    .dental-care h1 {
        margin: 0px 0px;
        text-align: center;
        font-size: 35px;
    }
    .dental-care img{
        width: 350px;
        margin: 40px 0px;
        margin-left: 30px;
    }
    .dental-care p{
        text-align: center;
        margin-top: 10px;
        margin-left: -10px;
    }
    .our-vision h1{
        margin: 20px auto;
        text-align: center;
        font-size: 35px;
    }
    .our-vision p{
        margin: 20px 30px;
        text-align: center;

    }
    .our-vision button{
        margin:  0px 70px;
    }
    .our-vision img{
        width: 350px;
        margin: 40px 0px;
        margin-left: 30px;

    }
    .our-services h1{
        margin: 20px 0px;
        margin-left: 10px;
        text-align: center;
        font-size: 35px;
    }
    .our-services .card{
        margin: 20px 0px ;
        margin-left: 56px;;
    }
    .sbtn{
        margin:  0px 0px;
        margin-left: 100px;
    }
    .specialty .head{
        margin-left: -2px;
        margin: 40px 0px;
        font-size: 35px;
    }

    .specialty .spbox{
        width: 250px;
        margin-left: 90px;   
        /* margin: 10px auto; */        
    }
}

@media screen and (max-width:400px ){
    body{
        overflow-x: hidden;
    }
    .appointments h6 a{
        width: 100%;
        text-align: center;
        margin: 0px 80px;
    }
     .appointments h6  i{
        width: 100%;
        text-align: center;
    }
    .navbar-brand img{
        width: 220px;
    }
    .navbar-collapse{
        text-align: center;
        margin-top: 20px;
    }
    .nav-item a{
        font-size: 15px;
        text-align: center;
    }
    .dental-care h1 {
        /* text-align: center; */
        font-size: 30px;
    }
    .dental-care img{
        width: 350px;
        margin: 40px 0px;
    }
    .dental-care p{
        text-align: center;
        margin-top: 10px;
        margin-left: 50px;
    }
    .our-vision h1{
        margin: 20px auto;
        text-align: center;
        font-size: 30px;
    }
    .our-vision p{
        margin: 20px 0px;
        text-align: center;

    }
    .our-vision button{
        margin:  0px;
        margin-left:  60px;
    }
    .our-vision img{
        width: 350px;
        margin: 40px 0px;
        margin-left: 0px;

    }
    .our-services h1{
        margin: 20px 0px;
        text-align: center;
        font-size: 30px;
    }
    .our-services .card{
        margin: 20px 0px ;
        margin-left: 40px;;
    }
    .sbtn{
        margin:  0px 0px;
        margin-left: 50px;
    }
    .specialty .head{
        margin: 40px 0px;
        font-size: 30px;
    }

    .specialty .spbox{
        width: 250px;
        margin-left: 70px;   
        /* margin: 10px auto; */        
    }
     .dental-care h1{
        margin-left: -20px;
    }
    .dental-care p{
        margin-left: 0px;
    }
    .dental-care img{
        width: 310px;
        
        margin-left: 35px;
    }
    .our-vision img{
        width: 310px;
        
        margin-left: 35px;
    }
}

/* @media screen and (max-width:385px ){ */

@media screen and (max-width:385px ){
    body{
        overflow-x: hidden;
    }
    .appointments h6 a{
        width: 100%;
        text-align: center;
        margin: 0px 75px;
    }
    .navbar{
        width: 100%;
    }
   .dental-care img{
       width: 270px;
   }
       
   
}

@media screen and (max-width:375px ){
    body{
        overflow-x: hidden;
    }
    .appointments h6 a{
        width: 100%;
        text-align: center;
        margin: 0px 70px;
    }
    .dental-care h1{
        font-size: 20px;
    }
    .dental-care p{
        font-size: 15px;
    }
    .dental-care img{
        width: 270px;
        margin-left: 50px;
    }
    .our-vision h1{
        font-size: 20px;
        margin-left: -30px;
    }
    .our-vision p{
        font-size: 15px;
    }
    .our-vision img{
        width: 270px;
        margin-left: 50px;
    }
    .our-services h1{
        font-size: 20px;
        margin-left: -20px;
    }
    .our-services .card {
        margin: 20px auto;
    }
    .specialty .head {
        font-size: 20px;
    }
}

@media screen and (max-width:365px ){
    body{
        overflow-x: hidden;
    }
    .appointments h6 a{
        width: 100%;
        text-align: center;
        margin: 0px 65px;
    }
}

@media screen and (max-width:355px ){
    .appointments h6 a{
        width: 100%;
        text-align: center;
        margin: 0px 60px;
    }
}



@media screen and (max-width:345px ){
    body{
        overflow-x: hidden;
    }
    .appointments h6 a{
        width: 100%;
        text-align: center;
        margin: 0px 50px;
    }
     .appointments h6  i{
        width: 100%;
        text-align: center;
    }
    .navbar-brand img{
        width: 180px;
    }
    .navbar-collapse{
        text-align: center;
        margin-top: 20px;
    }
    .nav-item a{
        font-size: 14px;
        text-align: center;
    }

}

@media screen and (max-width:325px ){
    body{
        overflow-x: hidden;
    }
    .appointments h6 a{
        width: 100%;
        text-align: center;
        margin: 0px 45px;
    }
}

@media screen and (max-width:315px ){
    body{
        overflow-x: hidden;
    }
    .appointments h6 a{
        width: 100%;
        text-align: center;
        margin: 0px 40px;
    }
}

@media screen and (max-width:305px ){
    body{
        overflow-x: hidden;
    }
    .appointments h6 a{
        width: 100%;
        text-align: center;
        margin: 0px 35px;
    }
}

@media screen and (max-width:300px ){
    body{
        overflow-x: hidden;
    }
    .navbar-brand img{
        width: 170px;
    }
    .navbar-collapse{
        text-align: center;
        margin-top: 20px;
    }
    .nav-item a{
        font-size: 15px;
        text-align: center;
    }
}
/* toppart_End */

/* GENERAL  PROPERTIES*/

 h1{
    width: 400px;
    font-family:  Georgia,;
    font-weight: 600;
    font-size: 47px;
    color: #006298;
}

p{
    font-size: 18px;
    font-family: Eras ITC;
    color: black;
}

/* GENERAL PROPERTIES END */

/* our_Vision */
.our-vision img{
    clip-path: circle();
}
/* our_Vision */

/* our_Services */
.our-services  h1{
    text-decoration: underline;
    text-decoration-color: #ff9800;
    text-decoration-thickness: 2.5px;
}

.our-services .col-3 h2{
    color: #ff9800;
}

.our-services .sec1 .btn{
    font-weight: 600;

}

.card-body h4{
    color: black;
    font-family: Corbel;
    font-weight: 600;
}
/* our_Services_End */

/* specialty */
.specialty .col-12  h1 span{
    color: #ff9800;
    text-decoration: underline;
    text-decoration-color: #0E67B4;
}

.specialty .col-12 h1 {
    width: 100%;
    text-align: center;
}

.specialty .qualities h1{
    color: #ff9800;
    font-family: 'Roboto Slab', serif;
}

.specialty .qualities h4{
    text-align: center;
    font-family: 'Akaya Kanadaka', cursive;
    color: #0E67B4;
}

.specialty .qualities p{
    text-align: center;
    font-family: 'Balsamiq Sans', cursive;
    color: black;
    font-weight: 400;
    font-size: 19px;
}

/* specialty_End */

/* our-RD */
.our-RD .col-12 h1{
    width: 100%;
    /* text-align: center; */
}

.our-RD .col-12 h1 i{
    color: #ff9800;
}

.doctors{
    background-color: #ffffff;
}

.doctors h5{
    color: #006298;
}

.doctors h6{
    font-size: larger;
}

.card-subtitle{
    color: #ff9800;
    font-family: 'Akaya Kanadaka', cursive;
}
/* our-RD_End */

/* medical_Cover */
.medical-cover h1,h4{
    width: fit-content;
    margin: 0px auto;
}

.medical-cover form{
    margin: 0px auto;
}

.medical-cover form .mail{
    height: 70px;
    max-height: 50px;
}

.medical-cover form button{
    font-family: Corbel;
    font-size: 20px;
    /* min-width: 250px; */
    margin: 0px auto;
}
.modal-body span{
    font-family: 'Poppins', sans-serif;

}
/* medical_Cover_End */

/* footer */

.footer{
    background-color: #F2F2F2;
    margin-top: 100px;
    height: 270px;
}

.footer h4{
    margin: 0px auto;
    font-family: 'Acme', sans-serif;
    color: b;
}

.footer  p, p a {
    font-size: 15px;
    font-family: 'PT Sans Caption', sans-serif;
    margin: 5px auto;
    text-decoration: none;
    color: black;
    text-align: center;
}

.footer p a:hover{
    text-decoration: underline;
    color: black;
    transition: 0.3s;
}


/* footer_End */

/* copyright */

.copyright {
    background-color: #F2F2F2;
}

.copyright p {
    font-size: 16px;
    font-family: 'Acme', sans-serif;
}
/* copyright_End */