body {
    font-size:16px;
}

@media only screen and (max-width: 600px) {
    p, ul li {
        font-size: 5vw !important;
    }
    marquee {
        font-size: 16px;
    }
    .promotions .col-md-3{
        margin-top:10px;
    }
    .switchmobile {
        display: block;
    }
        .switchmobile a {
            color: #f9f306;
            text-decoration: none;
            font-weight: 600;
            animation: blink 1s infinite;
        }
    @keyframes blink {
        0% {
            opacity: 1;
        }

        50% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }
    #Layer_1 {
        margin-top: 0.01vh!important;
    }
    .orthodontist h2 {
        font-size: 2.5vw;
        color: #000;
        padding-bottom: 1vh;
        padding-top: 0vh;
        font-weight: bold;
    }
    .appointment-form h2 {
        font-size: 2.5vw;
        color: #000;
        margin-top: 3vh;
        padding-bottom: 3vh;
        font-weight: bold;
    }
    .appointment-form{
        padding-bottom:20px;
    }
    .promotions .container-fluid {
        width: 90%;
    }
    .section4 {
        padding-top:30px;
    }
    .Help {
        background: #02aeae;
        margin-top: -0.5vh;
        padding-bottom: 8px;
    }
    .Help h2 {
        font-size: 3vw;
        color: #fff;
        padding-top: 1vh;
        font-weight: bold;
    }
    .orthodontist a {
        font-size: 18px;
        font-weight: 500;
        text-decoration: none;
    }
    .reviews{
        padding-top:30px;
    }
    .review .col-md-6 {
        margin-top: 10px;
    }
    .hvr-grow:active, .hvr-grow:focus, .hvr-grow:hover {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    h2 {
        font-size: 7vw !important;
    }

    h1 {
        font-size: 7vw !important;
    }

    .top-header ul {
        padding-left: 0px !important;
    }

    .btn-appoint {
        font-size: 5vw !important;
    }

    .marquee-textcolor {
        font-size: 6vw !important;
    }

    .review .btn {
        font-size: 4.5vw !important;
    }

    .promotions .btn {
        font-size: 4.5vw !important;
    }

    .navbar-toggle {
        background: #0094ff;
    }

    .navbar-nav {
        padding-left: 7vw;
    }

        .navbar-nav li a {
            font-size: 4.5vw !important;
        }

    .show svg {
        font-size: 6vw !important;
    }

    .footer tr td {
        font-size: 4.5vw !important;
    }

    .form-control {
        font-size: 4.5vw !important;
    }

    .footer h4 {
        font-size: 6vw !important;
    }

    .form-sec {
        position: inherit !important;
    }

    .emergency h3 {
        font-size: 8vw !important;
    }

    .promotion .col-md-12 {
        height: auto;
        margin-bottom: 3vh;
    }

    .promotion h4 {
        font-size: 4.3vw;
    }

    .emergency .btn-all {
        font-size: 5.3vw;
    }

    .section4 .btn-md {
        font-size: 3.5vw;
    }

    .form-control {
        font-size: 4.5vw;
    }

    .section4 h5 {
        font-size: 5.3vw;
    }

    .section4 h4 {
        font-size: 5vw;
    }

    .how-we-help .col-md-12 {
        height: auto !important;
        margin-bottom: 3vh;
    }

    .how-we-help h4 {
        font-size: 5vw;
    }

    .btn-about {
        font-size: 5.3vw;
    }

    .form-sec .form-control {
        font-size: 4.54vw !important;
        margin-bottom: 2vh;
    }

    .our-Services .btn {
        font-size: 4.5vw !important;
    }

    .btn-free-appraisal {
        font-size: 5.54vw !important;
    }

    .banner .btn-all {
        font-size: 4.25vw !important;
    }

    .banner h2 {
        margin-top: 8vh !important;
    }
    .btn-free-appraisal {
        font-size: 14px !important;
        display: none;
    }
    .top-fixed-top {
        top: 0;
        width: 100%;
        position: relative;
        border-width: 0 0 1px;
    }
    .banner h1 {
        margin-top: 0vh;
        color: cornsilk;
        font-weight: bold;
        font-size: 20px!important;
    }
    .banner .btn-all {
        border-radius: 50px;
        border: 1px solid #fff;
        margin-top: 0vh;
        font-size: 16px!important;
        padding: 0.7vh 2vw 7.8px;
        background: #2e6da4;
    }
    .form-sec {
        position: absolute;
        margin-left: auto;
        right: 0;
        bottom: 0;
        left: 0;
    }
        .form-sec h2 {
            font-size: 26px!important;
            color: #fff;
            padding-bottom: 3vh;
            font-weight: bold;
        }
    .mark {
        height: 0px;
        margin-top: 0vh;
    }
    .section1 {
        margin-top: 8vh;
        padding-bottom: 7vh;
        padding-top: 4vh;
        background: linear-gradient(to left, #e7fffc 68%, #e7fffc 37%) !important;
    }
    .section4 .container-fluid {
        width: 85%;
    }
    .section4 .col-md-12 {
        box-shadow: 6px 6px 23px -3px #aaa !important;
        padding: 9px;
        background: #fff;
        height: 100%;
        margin-top: 12px;
    }
    .promotion .container-fluid {
        width: 85%;
    }
    .pl-0 {
        padding-left: 15px;
    }
    .sub-footer a {
        color: yellow;
        text-decoration: none;
        font-size: 5vw;
    }
    .footer ul li a {
        font-size: 1.1vw;
        color: #fff !important;
        font-size: 5vw;
        text-decoration: none !important;
    }
    .footer .social svg {
        font-size: 5vw;
    }
}
/*------------------------------------1336px-------------------------------------------*/

@media only screen and (min-width:1136px) {


    .container {
        width: 85% !important;
    }

    h1 {
        font-size: 2.9vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 1.8vw;
    }

    h4 {
        font-size: 1.4vw !important;
    }

    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }

    a {
        font-size: 1.05vw !important;
    }
}

/*--------------------1440px--------------------*/


@media only screen and (min-width:1440px) {


    .container {
        width: 85% !important;
    }

    h1 {
        font-size: 2.9vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 1.8vw;
    }

    h4 {
        font-size: 1.4vw !important;
    }

    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }

    a {
        font-size: 1.05vw !important;
    }
}









/*--------------------1680px--------------------*/


@media only screen and (min-width:1680px) {


    .container {
        width: 85% !important;
    }

    h1 {
        font-size: 2.9vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 1.8vw;
    }

    h4 {
        font-size: 1.4vw !important;
    }

    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }

    a {
        font-size: 1.05vw !important;
    }
}








/*--------------------2048px--------------------*/
@media only screen and (min-width:2048px) {

    .container {
        width: 85% !important;
    }

    h1 {
        font-size: 3vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 1.8vw;
    }

    h4 {
        font-size: 1.4vw !important;
    }

    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }

    a {
        font-size: 1.05vw !important;
    }
}























/*--------------------2560px--------------------*/
@media only screen and (min-width:2560px) {

    .container {
        width: 85% !important;
    }



    h1 {
        font-size: 3vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 1.8vw;
    }

    h4 {
        font-size: 1.4vw !important;
    }

    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }

    a {
        font-size: 1.05vw !important;
    }
}














/*--------------------2880px--------------------*/


@media only screen and (min-width:2880px) {

    .container {
        width: 85% !important;
    }

    h1 {
        font-size: 3vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 1.8vw;
    }

    h4 {
        font-size: 1.4vw !important;
    }

    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }

    a {
        font-size: 1.05vw !important;
    }
}




@media only screen and (min-width:3440px) {
    .container {
        width: 85% !important;
    }

    h1 {
        font-size: 3vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 1.8vw;
    }

    h4 {
        font-size: 1.4vw !important;
    }

    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }

    a {
        font-size: 1.05vw !important;
    }
}

@media only screen and (min-width:3840px) {
    .container {
        width: 85% !important;
    }

    h1 {
        font-size: 3vw;
    }

    h2 {
        font-size: 2.4vw;
    }

    h3 {
        font-size: 1.8vw;
    }

    h4 {
        font-size: 1.4vw !important;
    }
    h5 {
        font-size: 1.5vw;
    }

    h6 {
        font-size: 1.2vw;
    }

    p {
        font-size: 1.2vw;
    }

    a {
        font-size: 1.05vw !important;
    }
}