body
{
}

/*--- media Query mobile ----*/
@media only screen and (max-width: 600px)
{
    .contact-rock table tr td
    {
        font-size: 4.1vw;
    }
    .map-sec h4
    {
        font-size:5.5vw;
    }
     .treat-option table
     {
         width:100%;
     }
    .treat-option table tr td
    {
        font-size:3.8vw;
    }
    .treat-option p
    {
        font-size:4.4vw;
    }
    .treat-option ul li
    {
        font-size:4.4vw;
    }
    .services ul li
    {
        font-size:4.4vw;
    }
    .services p
    {
        font-size:4.5vw;
    }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
    {
        font-size:5.5vw !important;
    }
    .banner-text
    {
        top:0;
    }
    .nav-tabs > li > a
    {
        font-size:3.9vw;
    }
    .insurance ul li
    {
        font-size:4.4vw;
    }
    .insurance p
    {
        font-size:4.4vw;
    }
    .cont p
    {
        font-size:4.4vw;
    }
    .about-us p
    {
        font-size:4.4vw;
    }
    .home-benifit .col-md-5 .form-control
    {
        font-size:4.3vw;
    }
    .cont table tr td
    {
        font-size:3.8vw;
    }
    .appoint-page h2
    {
        font-size:6vw !Important;
    }
    .top-para p
    {
        font-size:4.2vw !important;
    }
    .home-benifit h2
    {
         font-size:7vw !important;
    }
    .insurances-home h2
    {
        font-size:8vw !important;
    }
    .insurances-home h4
    {
        font-size:6vw !important;
    }
    .title-web
    {
     
     font-size:5.5vw;   
    }
    .map-sec p
    {
        font-size:5vw;
    }
    .loc-top li a
    {
        font-size:4.2vw;
    }
    .home-appoint .col-md-5 .col-md-12 h2
    {
        font-size:8vw !Important;
    }
    .home-appoint .col-md-7  h4
    {
        font-size:6vw !Important;
    }
     .home-appoint .col-md-7  h2
    {
        font-size:8vw !Important;
        padding-top:4vh;
    }
    .location-bg .container-fluid, .appointment-bg .container-fluid
    {
        padding-bottom:6vh;
    }
    .header-location-list li a
    {
        font-size: 4.46vw;
    }
    .home-appoint .col-md-5 .form-control
    {
         font-size:4vw !Important;
    }
    .home-appoint ul li
    {
        font-size:4.5vw !Important;
    }
    .nav-pills > li > a
    {
        font-size: 4.46vw;
    }
    .section1 h1
    {
        font-size: 6.8vw;
    }
    .font-16
    {
        font-size: 4vw;
    }
    .home-btn
    {
        font-size: 5.4vw !important;
    }
    .white-label
    {
        font-size: 5.2vw;
    }
    .home-table .form-control
    {
        font-size: 4.2vw;
    }
    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td
    {
        font-size: 4.2vw;
    }
    .para
    {
        font-size: 5.6vw;
    }
    .pills-title
    {
        font-size: 8.9vw;
    }
    .location h2 a
    {
        font-size: 5.2vw;
    }
    .home-appointment
    {
        font-size: 4vw;
    }
    .rehablist
    {
        font-size: 5.2vw;
    }
    .sub-header a
    {
        font-size: 4.2vw;
    }
    .section2 .addres li
    {
        font-size: 4vw !important;
    }
    .section2 h1
    {
        font-size: 5.8vw;
    }
    .li-heading
    {
        font-size: 4.5vw !important;
    }
    .fa-home
    {
        font-size: 6.5vw !important;
    }
    .navbar-inverse .navbar-nav > li > a
    {
        font-size: 4.6vw;
    }
    .navbar-dark .navbar-nav .nav-link
    {
        font-size: 3vw !important;
    }
    .section1 .col-md-4 .col-md-12
    {
        margin-bottom: 4vh;
    }
    .section4 .col-md-4 .col-md-12
    {
        margin-bottom: 4vh;
    }
    .contact-us h2
    {
        font-size: 7vw !important;
    }
    .Buy-Ticket h2
    {
        font-size: 7vw !important;
    }
    .Buy-Ticket table
    {
        width: 100% !important;
    }
    .section2 h6
    {
        font-size: 5vw;
    }
    .contact-us table
    {
        width: 100% !important;
    }
    .navbar-nav
    {
        padding-left: 0vw !important;
        margin-left: 0vw !important;
    }
    .navbar-dark .navbar-toggler
    {
        background: #075982;
    }
    .navbar-brand img
    {
        width: 45vw !important;
    }
    .navbar-dark .navbar-brand
    {
        margin-left: 0vw !important;
    }
    .map
    {
        padding-bottom: 4vh;
    }
    .map table
    {
        width: 90%;
    }
    .btn-all
    {
        font-size: 3.5vw !important;
    }
    .section4 h4
    {
        font-size: 5.4vw;
    }
    .first-section p
    {
        font-size: 3vw;
    }
    .first-section h5
    {
        font-size: 3vw;
    }
    .first-section h4
    {
        font-size: 3.5vw;
    }
    .section4 h5
    {
        font-size: 3vw;
    }
    .portfolio h2
    {
        font-size: 6vw;
    }
    .first-section h2
    {
        font-size: 6vw;
    }
    .our-team .post-title a
    {
        font-size: 4.5vw;
    }
    .staff h2
    {
        font-size: 6vw;
    }
    .section1 .col-md-4 .col-md-12 i
    {
        width: 17vw;
        font-size: 9vw;
    }
    .section4 h2
    {
        font-size: 6vw;
    }
    .section4 .col-md-4 .col-md-12 i
    {
        width: 17vw;
        font-size: 9vw;
    }
    .section1 h4
    {
        font-size: 5vw;
    }

    .section1 h5
    {
        font-size: 4vw !important;
    }
    .dropdown-item
    {
        font-size: 3.2vw !important;
    }
    .nbs-flexisel-item
    {
        margin-right: 4.5vw !important;
    }
    .nbs-flexisel-nav-left, .nbs-flexisel-nav-right
    {
        font-size: 6.5vw !important;
    }
    .footer h4
    {
        font-size: 4vw !important;
    }
    .footer-btn i
    {
        font-size: 9vw !important;
    }
    .black .col-md-6 img
    {
        width: 34vw !important;
        margin-bottom: 2vh !important;
    }
    .footer p
    {
        font-size: 3vw !important;
    }
    .footer ul li
    {
        font-size: 2.9vw !important;
    }
    .footer h5
    {
        font-size: 4vw !important;
    }
    .footer .col-md-2 img
    {
        width: 40vw !important;
        margin-top: 3vh !important;
    }
    .top-header p
    {
        font-size: 3vw !important;
    }
    .section1 h2
    {
        font-size: 8vw !important;
    }
    .top-header ul
    {
        margin-top: 0vh !important;
        padding: 0;
        padding-bottom: 1.5vh;
    }
    .section3 h2
    {
        font-size: 5vw;
    }
    .section1 .text-right
    {
        text-align: center !important;
    }
    .section6 ul li
    {
        font-size: 7vw;
    }
    .section4 p
    {
        font-size: 3.5vw;
    }
    .section5 h5
    {
        font-size: 4vw;
    }
    .section5 h4
    {
        font-size: 4vw;
    }
    .section4 .btn-neck
    {
        margin-left: 33vw !important;
    }
    .section4 .btn-12
    {
        margin-left: 23vw;
    }
    .section4 .text-right
    {
        text-align: center !important;
    }
    .section2 h4
    {
        font-size: 4.5vw;
    }

    .contact-rock h4
    {
        font-size: 7.5vw;
    }
    .img-star
    {
        margin-top: -12vh !important;
        margin-left: 76.17vw !important;
        width: 14.5vw !important;
    }
    .insurance-hull ul li
    {
        font-size: 4.5vw;
    }
    .appointment-link
    {
        font-size: 5.7vw !important;
    }
    .top-message
    {
        font-size: 4.5vw !important;
    }
    .footer ul li
    {
        font-size: 4.3vw !important;
    }
    .footer p
    {
        font-size: 4.3vw !important;
    }
    .text-center p
    {
        font-size: 4.3vw !important;
    }
    .text-center p a
    {
        font-size: 4.3vw !important;
    }
    .footer-title
    {
        font-size: 5.4vw;
    }
    .insurance-hull ul li a
    {
        font-size: 4.5vw;
    }
    .footer-location li a
    {
        font-size: 4.1vw;
    }
    .btn-insur
    {
        font-size: 4.3vw;
    }
    .insurance-bg h6
    {
        font-size: 3.5vw !important;
    }
    .staff-section .btn
    {
        font-size: 5.3vw !important;
        padding: 2.7vw !important;
    }
    .insurance-hull h2
    {
        font-size: 5.8vw !important;
    }
    .staff-section .form-control
    {
        font-size: 4vw !important;
    }
    .staff-section h5
    {
        font-size: 5.8vw !important;
    }
    .section2 h2
    {
        font-size: 6.5vw !important;
    }
    .section2 p
    {
        font-size: 4.2vw !important;
    }
    .blocks
    {
        margin: 0vw;
    }
    .covid-19-page h2
    {
        font-size: 4vw;
    }
    .covid-19-page p
    {
        font-size: 3vw;
    }
    .covid-19-page ul li
    {
        font-size: 3vw;
    }
    .covid-19 p
    {
        font-size: 3.4vw;
    }
    .section3 p
    {
        font-size: 3.5vw !important;
    }
    .section2 h2
    {
        font-size: 5vw;
    }
    .section1 p
    {
        font-size: 3.5vw !important;
    }
    .banner-text h5
    {
        font-size: 3.4vw;
    }
    .banner-text h5 span
    {
        font-size: 3.4vw !important;
    }
    .banner-text
    {
        top: 16%;
    }
    .banner-text h2
    {
        font-size: 6vw;
    }
    .btn-all
    {
        font-size: 2.5vw;
        margin-top: 2vh;
        padding-top: 1vh;
        padding-bottom: 1vh;
    }
    .banner-text p
    {
        font-size: 2.9vw;
    }
    video
    {
        height: auto !important;
    }
    .top-header ul li
    {
        font-size: 3.2vw !important;
    }
    .top-header ul li a
    {
        font-size: 1.7vw !important;
    }
}

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


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


    .container
    {
        width:75% !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;
    }
}









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


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


    .container
    {
        width:75% !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;
    }
}








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

    .container
    {
        width:75% !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:75% !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:75% !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:75% !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 Query of phone ---*/

@media only screen and (max-width: 600px)
{
    #sidebar-text
    {
        font-size: 4.2vw !important;
    }
    .ServicesNav h3
    {
        font-size: 5vw !important;
    }
    .outsourcing-p
    {
        font-size: 3vw !important;
    }
    .outsourcing-p2
    {
        font-size: 3vw !important;
    }
    .accounting-heading
    {
        font-size: 5vw !important;
    }
    .tablestyle1 .form-label
    {
        font-size: 3vw !important;
    }
    .tablestyle1 h1
    {
        font-size: 5vw !important;
    }
    .tablestyle1 .form-control
    {
        font-size: 4vw !important;
    }
    .tablestyle1 #head-form
    {
        font-size: 4.9vw !important;
    }
    .back97 p
    {
        font-size: 3.3vw !important;
    }
    .delayedPopupWindow
    {
        display: none;
        position: fixed;
        width: 88%;
        border: 2px solid #1F69B1;
        top: 14%;
        background: #fff;
        left: 6%;
        right: 15%;
        z-index: 102;
    }

    #form-height
    {
        height: 18vh !important;
    }
    .modal-content
    {
        width: 100% !important;
    }
    .modal-body label
    {
        font-size: 2.9vw !important;
    }
    .modal-body .form-control
    {
        font-size: 3vw;
    }
    .modal-content h4
    {
        font-size: 5vw !important;
        margin-top: 1vh;
    }
    .modal-header.text-center
    {
        height: 12vh !important;
    }
    input#body_abcde_btnclientservice
    {
        font-size: 4vw !important;
    }
    .modal-content
    {
        left: 1.5%;
    }
}

/* link effect */

.link
{
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: all .3s ease;
}
.link:hover
{
    color: #fff;
    text-shadow: 0 0 8px #444;
}
.link:before, .link:after
{
    content: '';
    background-color: #fff;
    height: 100%;
    width: 100%;
    opacity: 0;
    transform: rotateX(360deg) scale(0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all 0.3s ease;
}
.link:after
{
    background-color: #fff;
    opacity: 1;
    transform: scaleX(0);
    transition-delay: 0.2s;
}
.link:hover:before
{
    opacity: 1;
    transform: rotateX(0) scale(1);
}
.link:hover:after
{
    transform: scaleX(1);
}
@media only screen and (max-width: 767px)
{
    .link
    {
        margin: 0 0 30px;
    }
}