﻿@media only screen and (max-width: 480px) {
    .Awesomefont ul li {
        display: inline-block;
        font-size: 4.5vw;
        color: white;
        margin-right: 1.2vw;
    }

    .Awesomefont ul {
        margin-bottom: 0.7vw;
        padding: 0px;
        margin-top: 0.7vw;
    }

    .navbar-brand img {
        width: 50vw;
    }

    .navbar-nav {
        margin-left: 0vw !important;
    }

    .Awesomefont svg {
        color: #f26522;
        font-size: 4.5vw;
    }
    /*.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;
    }

    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;
        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: #172137;
        padding-top: 0px;
        padding-bottom: 5px;
    }

    .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: aliceblue;
    }

    .welcomehp h1 {
        color: #00922f;
        font-family: Montserrat;
        font-size: 6vw;
        text-align: center;
    }

    .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: #ff5303;
    }

    .footerbar h6 {
        font-size: 4.17vw;
        color: White;
    }

    .footer .socialul svg {
        font-size: 4.41vw;
    }

    .footerbar .btn-primary {
        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: 3.75vw;
        background-color: #179b41;
    }

    .address h6 {
        font-size: 4.17vw;
    }

    .address svg {
        font-size: 7.3vw;
        color: #f26522;
    }

    .address h5 {
        font-size: 4.46vw;
    }

    .contactus h1 {
        color: #179b41;
        font-size: 5.92vw;
        padding-top: 1.93vh;
        padding-bottom: 0;
    }

    .contactus h4 {
        font-size: 3.60vw;
        padding-bottom: 0;
        color: #f26522;
        font-family: Montserrat;
    }

    .services .card img {
        width: 50%;
        border: 1px solid lightgray;
    }

    .services h5 {
        font-size: 3.78vw;
        padding-bottom: 1.93vh;
        color: #949999;
    }

    .Aooiintbtn a {
        text-align: center;
        margin-left: 22vw;
        font-size: 3vw !important;
    }

    .welcomehp table tr td {
        font-size: 4.3vw;
        color: black;
    }

    .welcomehp h4 {
        font-size: 4.8vw;
        color: #00922f;
    }

    .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: #00922f;
            font-family: Montserrat;
            font-size: 6vw;
        }

    .Googlecomment .card-body {
        padding-top: 30px;
    }


    .Googlecomment .googglecomtimg {
        width: 100%;
        background-color: #dfe4e8 !Important;
    }

    .footerbar {
        background-color: #4f6187;
        padding: 4px;
    }

    .footer img {
        width: 100%;
        padding-left: 20px;
    }

    .footerdiv1 p {
        font-family: "Open Sans";
        padding: 1px;
        color: White;
    }

    .footer {
        background-color: #2b354b;
        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;
    }

    .tablehide {
        display: none;
    }

    .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.46vw;
    }

    .locaddress svg {
        font-size: 8vw;
    }

    .locaddress h6 {
        font-size: 4.17vw;
    }

    .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: 10px;
    }

    .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: #179b41;
        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: #179b41;
        font-size: 4.5vw;
    }

    .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: #f26522;
        }

    .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: #f26522;
            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: #179b41;
            font-size: 4.92vw;
            padding-bottom: 1.14vh;
        }

        .paymentoption h3 {
            font-size: 4.04vw;
            color: #f26522;
            margin-left: 2vw;
        }

        .paymentoption p {
            font-size: 4.31vw;
            text-align: justify;
            padding: 3vw;
        }

    .smileclub h1 {
        padding-top: 2.72vh;
        padding-bottom: 0.57vh;
        color: #00922f;
        font-size: 6.92vw;
        text-align: center;
    }

    .smileclub {
        padding-bottom: 0;
    }

    .testbanner {
        padding-top: 1.72vh;
        padding-bottom: 1.72vh;
        background-color: #39a5cb;
    }

    .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: #00922f;
        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: #ff5303;
    }

    .specialoffer h3 {
        font-size: 4.04vw;
        color: #00922f;
    }

    .specialoffer h5 {
        font-size: 4vw;
    }

    .specialoffer svg {
        font-size: 3.75vw;
        color: #f26522;
    }

    .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: #00922f;
        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: #949999;
    }

    .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;
    }
}



/*--------------------2560px--------------------*/
@media only screen and (min-width:1920px) {

    .container {
        width: 85% !important;
    }



    h1 {
        font-size: 3.6vw;
    }

    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.4vw;
    }
}








/*--------------------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;
    }
}*/




