﻿@media only screen and (max-width: 480px) 
{
    .Awesomefont ul li {
        display: inline-block;
        font-size: 4.5vw;
        color: white;
        margin-right: 5.2vw;
        margin-left: 2.2vw;
    }
        .Awesomefont ul li a {
            color: #fff;
            font-size: 4.3vw!important;
            text-decoration: none;
        }
        .Awesomefont ul li a:hover {
            color: #fff;
            font-size: 4.3vw!important;
            text-decoration: none;
        }
    .doctor p {
        text-align: justify;
        font-size: 3.53vw;
    }
    .Awesomefont ul {
        margin-bottom: 0.7vw;
        padding: 0px;
        margin-top: 0.7vw;
    }
    .video-banner video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .navbar-brand img {
        width: 57vw;
    }
    .navbar-nav {
        margin-top:12px;
        margin-left: 0vw!important;
    }
    .Awesomefont svg {
        color: #faec22;
        font-size: 4.5vw;
    }
    .doctor .card-body h4 {
        font-size: 5.75vw;
        color: #00922f;
    }
    .doctor .card-body h5 {
        font-size: 4vw;
        color: #172137;
    }
    .doctor .card-body h6 {
        font-size: 4.5vw;
    }
    .doctor .card-header h5 {
        font-size: 4.6vw;
    }
    /*.carousel-caption {
        display: none;
    }*/
    .Googlecomment h4 {
        font-size: 5.5vw;
    }
    #caption1 {
        font-family: Amita;
        font-weight: bold;
        font-size: 20px;
        padding-top: 1px;
        padding-bottom: 5vw;
        color: White;
        text-align: left;
        left: 0px;
        right: 0px;
    }
    #caption22 {
        font-family: Amita;
        font-weight: bold;
        font-size: 20px;
        padding-top: 1px;
        padding-bottom: 5vw;
        color: White;
        text-align: left;
        left: 0px;
        right: 0px;
    }
    #caption24 {
        font-family: Amita;
        font-weight: bold;
        font-size: 20px;
        padding-top: 1px;
        padding-bottom: 5vw;
        color: White;
        text-align: left;
        left: 0px;
        right: 0px;
    }

    #caption23 {
        font-family: Amita;
        font-weight: bold;
        font-size: 20px;
        padding-top: 1px;
        padding-bottom: 5vw;
        color: White;
        text-align: left;
        left: 0px;
        right: 0px;
    }
    .carousel-caption .btnc1 {
        margin-left: 12vw;
        margin-top: 1vw;
    }
    .banner .btn-warning1 {
        color: #212529;
        background-color: #f26522;
        border-color: #f26522;
        color: #FFF;
        font-size: 2vw;
        padding: 2px 2px;
    }
    .banner .btn-warning1:hover {
        color: #212529;
        background-color: #f26522;
        border-color: #f26522;
        color: #FFF;
        font-size: 2vw;
        padding: 2px 2px;
    }
    .carousel-caption .btnc2 {
        margin-left: 15vw;
        margin-top: 1vw;
    }
    .carousel-caption .btnc3 {
        margin-left: 15vw;
        margin-top: 1vw;
    }
    .carousel-caption .btnc4 {
        margin-left: 16vw;
        margin-top: 1vw;
    }
    .carousel-indicators {
        display:none!important;
    }
    .imgwelcome {
        width: 100%;
        border-radius: 10%;
        margin-top: 0vh;
    }
    .topbar {
        padding: 0vh;
        background-color: #FFF;
        padding-bottom: 13px;
    }
        p{
        font-size:4vw;
    }
    .toothdisease img {
        width: 100%;
        margin-left:0px;
    }
    .Googlecomment .googglecomtimg {
        width: 100%;
        height: 100%;
        background-color: #dfe4e8 !Important;
        margin-left: 0px;
    }
    .footer ul {
        text-align: center;
        padding-right: 25px;
    }
    .topbar ul li a {
        font-size: 4.4vw;
        color: Black;
        font-weight: bold;
    }
    .Awesomefont h6 {
        font-size: 3.5vw;
    }
    .Awesomefont .btn-primary {
        color: white;
        font-size: 4.1vw;
        background-color: #39a5cb;
        border-color: #39a5cb;
        margin-left: 3vw;
    }
    .Awesomefont .btn-primary:hover {
        color: white;
        font-size: 4.1vw;
        background-color: #39a5cb;
        border-color: #39a5cb;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width:100%!important;
    }
    .locations {
        padding-top: 10px;
    }
    .develop p a {
        font-family: "Open Sans";
        color: White !Important;
        text-decoration: none;
        font-size: 4vw !Important;
    }
    .develop p a:hover {
        font-family: "Open Sans";
        color: White !Important;
        text-decoration: none;
        font-size: 4vw !Important;
    }
.topbar .navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    line-height: 0.75;
}
    .topbar .navbar-toggler {
        padding: 0.25rem 0.75rem;
        font-size: 1.25rem;
        margin-top: 18px;
        line-height: 1;
        margin-left: 80vw;
        background-color: transparent;
        border: 1px solid black;
        border-radius: 0.25rem;
    }
    .topbar .navbar-expand-md .navbar-nav .nav-item a {
        font-size: 4.4vw;
        color: Black;
        font-weight: bold;
    }
    .Awesomefont {
        background-color: #05787e;
        padding-top: 0px;
        padding-bottom: 10px;
    }
.section2 .card img
 {
    width: 70%;
    padding-bottom: 20px;
}

.section2 {
    padding-top: 30px;
    padding-bottom: 10px;
    background-color: #f8f8f8;
}
.container1 h4 {
    font-family: "Open Sans";
    font-size: 22px;
    text-align: center;
}

.btn-block {
    position: absolute;
    bottom: 48px;
    padding-left: 60px;
}
.text-block {
    position: absolute;
    bottom: 90px;
    color: white;
    padding-left: 0px;
}
.imgwelcome {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 10px;
}
    .welcome {
        padding-top: 12px;
        padding-bottom: 10px;
        background: #c8f1f3;
    }
    .welcomehp h1 {
        color: #0c8e95;
        font-family: Montserrat;
        font-size: 6vw;
        text-align: center;
        margin-top: 1vh;
    }
    .Appointmentbanner h4 {
        color: white;
        display: none;
        margin: 0;
        font-size: 4vw;
        padding: 0.3vw;
        text-align: center;
    }
    .Request-Appointment {
        background-color: #fff;
         padding-top: 0px;
         padding-bottom: 0px; 
    }
    .specialoffer .col-md-5 {
        display:none;
    }
    .services h4 {
        font-size: 5.75vw;
        color: #59c3c9;
    }
    .footerbar h6 {
        font-size: 4.17vw;
        color: White;
    }
    .footer .socialul svg {
        font-size: 4.41vw;
        color: #faec22;
    }
        .footer .socialul svg:hover {
            font-size: 4.41vw;
            color: #faec22;
        }
    .footerbar .btn-primary {
        color: white;
        color: white;
        background-color: #39a5cb;
        border-color: #39a5cb;
        font-size: 4.5vw;
    }
    .footerbar .btn-primary:hover {
        color: white;
        color: white;
        background-color: #39a5cb;
        border-color: #39a5cb;
        font-size: 4.5vw;
    }
    .footerbar svg {
        font-size: 10.36vw !important;
    }
    .services a {
        margin-top: 10px;
        font-size: 4.3vw;
    }
    .services p {
        font-size: 4.15vw;
    }
    .footerdiv2 svg {
        font-size: 4.46vw;
    }
    .address .card-title {
        padding: 1.73vw;
        font-size: 4.75vw;
        background-color: #0c8e95;
    }
    .address h6 {
        font-size: 4.30vw;
    }
    .address svg {
        font-size: 7.3vw;
        color: #54c3c9;
    }
    .address h5 {
        font-size: 4.75vw;
    }
    .contactus h1 {
        color: #0c8e95;
        font-size: 5.92vw;
        padding-top: 1.93vh;
        padding-bottom: 0;
    }
    .contactus h4 {
        font-size: 4.00vw;
        padding-bottom: 0;
        color: #515151;
        font-family: Montserrat;
    }
    .services .card img {
        width: 50%;
        border: 1px solid lightgray;
    }
    .services h5 {
        font-size: 3.78vw;
        padding-bottom: 1.93vh;
        color: #6b6c6c;
    }
    .Aooiintbtn a {
        text-align: center;
        margin-left: 22vw;
        font-size: 3vw !important;
    }
    .welcomehp table tr td {
        font-size: 5.3vw;
        color: black;
    }
    .welcomehp h4 {
        font-size: 4.8vw;
        color: #0c8e95;
    }
    
.welcomehp p {
    font-size: 20px;
    text-align: justify;
}
.toothdisease .img-fluid {
    max-width: 20%;
    height: auto;
}
#Dental {
    padding-top: 30px;
}
#Missing {
    padding-top: 5px;
}
.ourdoctorteam h1 {
    color: #00922f;
    font-size: 30px;
}
.ourdoctorteam h5 {
    padding-bottom: 0px;
    color: #949999;
}
.ourdoctorteam .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.25rem;
}
    .doctor {
        padding-top: 15px;
        padding-bottom: 15px;
    }
.Googlecomment .img-fluid {
    max-width: 66%;
    height: auto;
}
    .services {
        padding-top: 15px;
        padding-bottom: 10px;
    }
        .services h1 {
            color: #0c8e95;
            font-family: Montserrat;
            font-size: 6vw;
        }
.Googlecomment .card-body {
    padding-top: 30px;
}


.Googlecomment .googglecomtimg
{
    width:100%;
    background-color: #dfe4e8 !Important;
    
}
    .footerbar {
        background-color: #05787e;
        padding: 4px;
        padding-bottom: 15px;
    }
.footer img {
    width: 80%;
    padding-left: 20px;
}
.footerdiv1 p {
    font-family: "Open Sans";
    padding: 1px;
    color: White;
}

    .footer {
        background-color: #004c50;
        padding-top: 0px;
        padding-bottom: 0px;
    }

.footer .table td, .table th {
    padding: 1px;
    vertical-align: top;
    border-top: none;
}
    .footerdiv3 h4 {
        padding-top: 0px;
        border-bottom: 2px solid white;
        margin-right: 99px;
        padding-bottom: 8px;
        color: White;
        font-size: 5vw;
    }
    .table tr td a {
        padding-left: 1.09vw;
        text-decoration: none;
        color: White;
        font-size: 4.2vw;
    }
    .footer .table tr td {
        font-size: 4.2vw;
        color: White;
    }

    .footerdiv2 h4 {
        border-bottom: 2px solid white;
        margin-right: 261px;
        padding-bottom: 8px;
        color: White;
        padding-top: 0px;
        font-size: 5vw;
    }

.emergecyservice  .flip-card {
    background-color: transparent;
    width: 100%;
    height: 240px;
    perspective: 1000px;
}
.awards img {
    width: 80%;
    transition-property: width;
    transition-duration: 5s;
    text-align: center;
}

.awards .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    text-align: center;
}
.awards .col-md-2
{
    margin-bottom: 20px;
    margin-top: 10px;
}
.Appointmentform h1 {
    color: #00922f;
    font-size: 30px;
}



    .participate{
        padding-top:18px;
    }
    .Insurances h3 {
        color: white;
        font-weight: bold;
        font-size: 24px;
    }
    .Insurances ul li {
        color: #050547;
        font-size: 18px;
        font-weight: bold;
        list-style-type: none;
    }
    .contactsection h1 {
        color: white;
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 28px;
    }
    
    .locations .table td, .table th {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
        font-size: 4vw;
    }
    .locations h3 {
        text-align: left;
    }
    .locaddress h5 {
        font-size: 4.75vw;
    }
    .locaddress svg{
        font-size:8vw;
    }
    .paymentoption .col-md-4{
        margin-bottom:25px;
    }
    .locaddress h6 {
        font-size: 4.30vw;
    }
    .testlists .row {
        padding-top: 1px;
    }
    .testlists .col-md-4 {
        padding-top: 10px;
    }
    .testbanner h1 {
        color: white;
        font-weight: bold;
        text-align: center;
        font-size: 25px;
    }
    .Googlecomment {
        background-color: #ffffff;
    }
        .Googlecomment .col-md-6 {
            padding-right: 0px;
            padding-left: 0px;
        }
        .Googlecomment .col-md-12 {
            padding-right: 0px;
            padding-left: 0px;
        }
    .address .col-md-5{
        padding-bottom:15px;
    }
    .Googlecomment .headtittle {
        padding-bottom: 27px;
        color: white;
        font-size: 26px;
    }
    .mapiframe {
        padding-top: 5px;
    }
    .locations .col-md-6 {
        padding-bottom: 0px;
    }
    .doctor .col-md-8{
        padding-bottom:15px;
    }
    .smileclub .col-md-6 {
        padding-bottom: 15px;
    }
    .bridges .col-md-6 {
        padding-top: 20px;
    }
    .bridges .col-md-8 {
        padding-top: 20px;
    }
    .dropdown:hover .dropdown-menu {
        display: block;
    }
    .streetview h4 {
        font-size: 4.75vw;
        padding-top: 3px;
    }
    .address center {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    label {
        font-size: 4.2vw;
    }
    .address .btn-danger1 {
        color: #fff !important;
        background-color: #dc3545 !important;
        border-color: #dc3545 !important;
        font-size: 4.2vw !important;
    }
    .address .btn-primary1 {
        color: #fff !important;
        background-color: #007bff !important;
        border-color: #007bff !important;
        font-size: 4.2vw !important;
    }
    .timetalbe .table td, .table th {
        padding: 0.82vw;
        vertical-align: top;
        border-top: none;
        font-size: 4.3vw;
    }
    .timetalbe .card-title {
        padding: 0.73vw;
        font-size: 4.75vw;
        background-color: #0c8e95;
        color: white;
        margin: 0;
    }
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        position: relative;
        width: 100%;
        padding-right: 1.80vw !important;
        padding-left: 1.80vw !important;
    }
    .form-control {
        display: block;
        width: 100%;
        height: calc(3.75vw + 2.87vw + 2.14vw) !important;
        padding: 0.43vw 0.87vw !important;
        font-size: 4.17vw !important;
        font-weight: 400;
        line-height: 1.5;
        color: black !important;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.29vw !important;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .locations .card-title {
        padding: 1.57vh;
        background-color: #0c8e95;
        font-size: 4.75vw;
    }
    .Insurances {
        padding-top: 1.72vh;
        padding-bottom: 1.72vh;
    }
        .Insurances p {
            font-size: 4.31vw;
        }
        .Insurances svg {
            font-size: 4.46vw;
            margin-right: 0.36vw;
            color: #54c3c9;
        }
    .patientinfo {
        padding-top: 1.72vh;
        padding-bottom: 1.72vh;
    }
    .patientinfo ul li a {
        text-decoration: none;
        color: #050547;
        font-size: 4.6vw;
    }
        .patientinfo svg {
            color: #54c3c9;
            font-size: 4.61vw;
            margin-right: 0.73vw;
        }
        .patientinfo h3 {
            color: white;
            font-size: 6.04vw;
        }
    .paymentoption {
        padding-top: 1.72vh;
        padding-bottom: 1.72vh;
    }
        .paymentoption h1 {
            color: #0c8e95;
            font-size: 4.92vw;
            padding-bottom: 1.14vh;
        }
        .paymentoption h3 {
            font-size: 5.04vw;
            color: #00a6af;
            margin-left: 2vw;
        }
    .footerbar a {
        font-size: 4.17vw;
        color: White;
        text-decoration: none;
    }
    .footerbar a:hover {
        font-size: 4.17vw;
        color: White;
        text-decoration: none;
    }

        .paymentoption p {
            font-size: 4.31vw;
            text-align: justify;
            padding: 3vw;
        }
    .smileclub h1 {
        padding-top: 2.72vh;
        padding-bottom: 0.57vh;
        color: #0c8e95;
        font-size: 6.92vw;
        text-align: center;
    }
    .smileclub {
        padding-bottom: 0;
    }
    .testbanner {
        padding-top: 1.72vh;
        padding-bottom: 1.72vh;
        background-color: #0c8e95;
    }
    .testlists p {
        text-align: justify;
        font-size: 5.31vw;
        color: white;
    }
    .testlists h5 {
        color: white;
        font-size: 4.46vw;
    }
    .testlists {
        padding-top: 0.14vh;
        padding-bottom: 1.72vh;
    }
    .bridges h1 {
        color: #0c8e95;
        font-size: 5.92vw;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .bridges .card p {
        font-size: 4.53vw;
        text-align: justify;
    }
    .specialoffer h4 {
        font-size: 4.75vw;
        color: #0c8e95;
    }
    .specialoffer h3 {
        font-size: 4.04vw;
        color: #00922f;
    }
    .specialoffer h5 {
        font-size: 4vw;
    }
    .specialoffer svg {
        font-size: 3.75vw;
        color: #0c8e95;
    }
    .Request-Appointment .btn-primary1 {
        color: #fff !important;
        background-color: #007bff !important;
        border-color: #007bff !important;
        font-size: 4.2vw !important;
    }
    .Request-Appointment .btn-danger1 {
        color: #fff !important;
        background-color: #dc3545 !important;
        border-color: #dc3545 !important;
        font-size: 4.2vw !important;
    }

    .Request-Appointment h2 {
        color: #0c8e95;
        text-align: center;
        padding-top: 1.46vw;
        font-size: 5.75vw;
        font-family: Montserrat;
    }
    .Request-Appointment h5 {
        padding-bottom: 0.73vw;
        font-size: 4.46vw;
        color: #6b6c6c;
    }

    .toothdisease h5 {
        font-size: 5.46vw;
        margin-left: 1vw;
    }
    .toothdisease p {
        font-size: 4vw;
        text-align: justify;
        padding: 1vw;
    }

    .Googlecomment .btn-warning {
        color: #ffffff;
        background-color: #f26522;
        border-color: #f26522;
        font-size: 4.2vw;
    }
    .Googlecomment .btn-warning:hover{
        color: #ffffff;
        background-color: #f26522;
        border-color: #f26522;
        font-size: 4.2vw;
    }







}



/*--------------------2560px--------------------*/
@media only screen and (min-width:1920px) {

    .container {
        width: 85% !important;
    }



    h1 {
        font-size: 3vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 2.1vw;
    }

    h4 {
        font-size: 1.8vw;
    }

    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }
}








/*--------------------2048px--------------------*/
@media only screen and (min-width:2048px) {

    .container {
        width: 85% !important;
    }

    h1 {
        font-size: 3vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 2.1vw;
    }

    h4 {
        font-size: 1.8vw;
    }

    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }
}























/*--------------------2560px--------------------*/
@media only screen and (min-width:2560px) {

    .container {
        width: 85% !important;
    }



    h1 {
        font-size: 3vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 2.1vw;
    }

    h4 {
        font-size: 1.8vw;
    }

    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }
}














/*--------------------2880px--------------------*/


@media only screen and (min-width:2880px) {

    .container {
        width: 85% !important;
    }

    h1 {
        font-size: 3vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 2.1vw;
    }

    h4 {
        font-size: 1.8vw;
    }

    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }
}





/*--------------------5120px--------------------*/


@media only screen and (min-width:5120px) {


    .container {
        width: 85% !important;
    }

    h1 {
        font-size: 2.9vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 2.1vw;
    }

    h4 {
        font-size: 1.8vw;
    }

    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }
}

/*@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem!important;
        padding-left: 4.5rem!important;
        padding-top: 1.5vw;
    }
    .Awesomefont ul {
        margin-bottom: 0.7vw;
        padding: 0px;
        margin-top: 0.7vw;
        margin-left: 1.5vw;

    }
    .Awesomefont ul {
        margin-bottom: 0.7vw;
        padding: 0px;
        margin-top: 0.9vw;
        margin-left: 1.5vw;
    }
    .Awesomefont .btn-primary {
        color: white;
        font-size: 1vw;
        background-color: #39a5cb;
        border-color: #39a5cb;
        margin-top: 0.8vw;
    }
    .banner .btn-warning {
        color: #212529;
        background-color: #f26522;
        border-color: #f26522;
        color: #FFF;
        font-size: 1.3vw;
    }
    .welcomehp h1 {
        color: #00922f;
        font-family: Montserrat;
        font-size: 3vw;
    }
    .welcome {
        padding-top: 80px;
        padding-bottom: 10px;
        background: aliceblue;
    }
}*/





