@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600;700&display=swap');



img {

    max-width: 100%;

}



body {

    font-family: 'Inter';

}







:root{

    --primary-color:#519894;

    --secondry-color: #b9cd14;

}



a {

    text-decoration: none;

}



h2 {

    font-size: 36px;

    font-weight: bold;

    line-height: 47px;

    margin: 0;

}



p {

    font-size: 14px;

    font-weight: normal;

    color: #000;

    margin: 0;

}



ul {

    margin: 0;

    padding: 0;

}



li {

    list-style: none;

}



.topbar {

    background: #519894;

    padding: 12px 0;

}



.heder-left a {

    padding-right: 25px;

    color: #fff;

}



.navbar-brand img {

        max-height: 90px;

}



header .navbar-expand-lg .navbar-nav .nav-link {

    letter-spacing: .4px;

    padding-right: 15px;

    color: #000;font-size: 15px;

    border: 1px solid transparent;

}



.navbar-nav .nav-item a:hover {

    color: #519894;

}



.topbar a {

    font-size: 14px;

}



.topbar a:hover {

    color: #519894 !important;

    transition: 0.5s;

}



.topbar a i {

    font-size: 17px;

}



.topbar a i:hover {

    color: #519894;

    transition: 0.5s;

}



.fixed .navbar {

    background: #E5EADA;

}





.satisfaction-box {

    padding: 80px 0 45px 0;

}



.satisfaction {

    padding: 35px 40px;

    box-shadow: 0px 0px 40px #0239311a;

    border-radius: 15px;

}



.satisfaction h5 {

    margin: 30px 0 15px 0;

    font-weight: 600;

}



.satisfaction p {

    margin: 0 0 25px 0;

    color: #01312C;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;min-height: 63px;

    -webkit-box-orient: vertical;

}



.satisfaction a {

    font-size: 14px;

    color: #519894;

    border-bottom: 1px solid #519894;

}



.satisfaction a:hover {

    padding-bottom: 5px;

    color: #000;

    transition: 0.9s;

}



.vital-youtub-box {max-width: 900px;  margin: 0 auto;  position: relative;}

.error_from_val {color: red;
    font-size: 13px;
   
    margin-bottom: 9px;}
 

.homoeopathic-box {

    padding: 140px 0 0px 0;

    overflow: hidden;

    background: url(../images/vital-youtub.svg) top center no-repeat;

    background-size: cover;


}



.homoeopathi-img {

    overflow: hidden;

    border-radius: 10px;



}



.homoeopathi-img img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.vita-esperinc {

    background: #519894;

    padding: 60px 0px;

}



.experience i {

    font-size: 60px;

    color: #fff;

}



.experience p {

    padding: 15px 0 10px 0;

    color: #fff;

}



.counter {

    font-size: 24px;

    color: #fff;

    vertical-align: middle;

}



.vital-servic {

    padding: 70px 0 60px 0;

}



.counter-page h4.counter::after {

    content: "+";

    display: inline-block;

    padding-left: 5px;

}



.service-leftimg img {

    width: 80%;

}



.Hypothy-box {

    margin-bottom: 50px;

}



.Hypothy-box h5 {

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 10px;

}



.Hypothy-box p {

    font-size: 14px;

}



.Hypothy-box i {

    padding: 10px;

    background: #519894;

    border-radius: 50%;

    color: #fff;

    font-size: 40px;width: 64px;
    min-width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;

}



.vitalhome-blog {

    padding: 60px 0;

}



.vitalhome-blog .card p {

    color: #6A6A6A;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.vitalhome-blog .abnormaly {

    padding: 20px 0;

}







.vitahome-allserv {

    display: inline-block;

}



.vitahome-allserv a {

    background: #519894;

    font-size: 16px;

    font-weight: 600;

    color: #fff;

    padding: 12px 25px;

    border: 1px solid transparent;

}

.vitahome-allserv a:hover{border: 1px solid #519894;color: #519894;background: #fff;transition: 0.5ms;}

.vitalhome-blog a {

    color: #519894;

    border-bottom: 1px solid #519894;

    font-size: 14px;

}



.vital-event {

    background: #EBF6F5;

    padding: 60px 0;

}



.vital-event h2 {

    padding-bottom: 20px;

}





.event-img {

    overflow: hidden;

    height: 225px;

    width: 270px;

}



.event-img img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.event-date {

    font-size: 14px;

    color: #519894;

}



.event-date span {

    font-size: 28px;

}



.event-text h5 {

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 12px

}



.event-text a {

    font-size: 14px;

    color: #6A6A6A;

}



.event-text a:hover {

    color: #519894;

    transition: 0.9s;

}



.event-text i {

    font-size: 24px;

    padding-right: 12px;

}



.event-text ul li {

    margin-bottom: 10px;

    display: flex;

    align-items: center;

}



.event-text p {

    color: #6A6A6A;

}



.event-form {

    background: #519894;

    padding: 45px 25px;

    color: #fff;

    border-radius: 15px;

}



.event-form h4 {

    margin-bottom: 15px;

}



.event-form ul {

    margin: 30px 0 20px 0;

    border-bottom: 1px solid #74ADA9;

}



.event-form ul li a {

    color: #fff;

    padding-left: 8px;

    font-size: 14px;

}



.event-form ul li i {

    font-size: 20px;

}



.event-form .form-control::placeholder {

    font-size: 13px;

    color: #fff;

}



.event-form .form-control {

    background: #74ADA9;    margin-bottom: 15px;
    height: 44px;

    border: 1px solid transparent;

}

.owl-theme .owl-nav [class*=owl-]:hover { background: transparent;
    color: #000000; }





.form-control:focus {

    box-shadow: none;

}



.sbmit-form button {

    background: #B9CD14;

    padding: 15px 0;

    font-size: 13px;

    width: 100%;

    margin-top: 25px;

    border: 1px solid transparent;

}



.sbmit-form button:hover {

    background: #519894;

    color: #B9CD14;

    border: 1px solid #B9CD14;

}





.case-study {

    padding: 60px 0;

}



.case-study .owl-nav .owl-prev span,

.case-study .owl-next span {

    background: #F4F7FF;

    border: 1px solid #000;

    padding: 0px 11px;

    border-radius: 39px;

    font-size: 25px;

    margin-right: 10px;

    margin-top: 20px;

}



.case-study .card-group .owl-nav {

    position: absolute;

    margin-top: -150px;

    margin-left: -125px;

}



.study-box .card img {

    object-fit: cover;

    height: 240px;

    width: 368px;

}



.study-box a {

    font-size: 16px;

    font-weight: 600;

    color: #000;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;min-height: 48px;

}

.case-img {
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    max-height: 220px;
    height: 220px;
}



.study-box p {

    font-size: 14px;

    color: #6A6A6A;

    padding: 10px 0 0;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;margin-bottom: 10px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;min-height: 52px;

}



.vita-protec a {

    border-bottom: 1px solid #519894;

    color: #519894;

    font-size: 14px;

}



.vita-testmon {

    background-image: url(../images/vital-testimon.png);

    background-size: cover;

    padding: 60px 0;

}



.vita-testmon .owl-nav .owl-prev {

    position: absolute;

    top: 50%;left: 0;

    margin-left: -50px;

}

.vita-testmon .owl-dots { display:none; }



.vita-testmon .owl-nav .owl-next {

    position: absolute;

    top: 50%;

    right: 0%;

    margin-right: -50px;

}



.testo-vita {

    padding: 60px 25px 50px 25px;

    background: #fff;

    border-radius: 15px;

    color: #000;

    margin-top: 30px;

}





.testo-vita h5 {

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 10px;

}



.testo-vita i {

    color: #FFC700;

    padding-right: 5px;

}



.testo-vita p {

    font-size: 15px;

    line-height: 28px;

    margin-top: 10px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    margin-bottom: 10px;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    min-height: 140px;

}



.vita-testmon .owl-nav span {

    font-size: 22px;

    padding: 3px 13px;

    border: 1px solid #FFF;

    border-radius: 20px;

    color: #fff;

}



.vita-apointnet {

    background: #EBF6F5;

}



.aporment-text p {

    font-size: 18px;

    color: #272727;

    margin-bottom: 40px;

    padding-top: 15px;

}



.aporment-text p b {

    font-size: 24px;

}



.aporment-text a {

    background: #519894;

    padding: 14px 35px;

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    border-radius: 10px;

    border: 1px solid transparent;

}



.aporment-text a:hover {

    background: #fff;

    color: #519894;

    border: 1px solid #519894;

    transition: 0.9s;

}



.aporment-img {

    overflow: hidden;

    width: 430px;

    height: 275px;

    margin-top: -30px;

    display: flex;

    justify-content: center;

    z-index: 1;

}



.aporment-img img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.footer-box {

    padding: 50px 0;

    background: #2D2D2D;

}



.widget h5 {

    font-size: 18px;

    color: #fff;

    margin-bottom: 20px;

}



.widget ul li a,

.subscriptions p {

    font-size: 14px;

    color: #fff;

    line-height: 25px;

}







.widget ul li i {

    font-size: 20px;

    color: #fff;

}



.widget ul li a:hover {

    color: #519894;

    transition: 0.5s;

}



.widget ul li .icon-locat {

    font-size: 26px;

}



.widget ul li {

    padding-bottom: 10px;

}



.widget ul li p {

    display: flex;

    align-items: center;

    font-size: 14px;

}





.copright {

    background: #519894;

    padding: 15px 0;

}



.copright p {

    font-size: 14px;

}



.subscriptions form input::placeholder {

    font-size: 14px;

}



.submit-btn button {

    background: #519894;

    border: transparent;

    padding: 9px 20px;

    font-size: 14px;

    border-radius: 5px;

}



.vitahome-top {
    padding: 0px 0;
    margin-top: 40px;
    border-bottom: 0;
}

.natural_vital {  max-width: 560px;  
    z-index: 22;
    top: 18rem; }

.card {
    margin: 15px 5px;border-radius: 15px;
}

.card_images {
    border-radius: 15px 15px 0px 0px;
    overflow: hidden;
    max-height: 240px;
    height: 240px;
}

.card_images img { object-fit:contain;height:100%; }

.vitahome-top h1 {

    font-size: 40px;    text-transform: capitalize;

    color: #519894;

}



.vitahome-top p {

    font-size: 18px;

    color: #004C48;

}



.vitahome-top a {

    font-size: 16px;

    background: #519894;

    font-weight: 600;

}



.dropdown-menu {

    background: #000;

    border: 0;

    padding: 0;

    border-top: 0;

    border-radius: 5px;

}



.dropdown-menu>li>a {

    padding: 8px 15px 8px 8px;

    color: #fff;

    font-size: 14px;

    display: block;

}



.dropdown-menu>li:hover>a,

.dropdown-menu>li.active>a {

    background-color: #78BA33;

    color: #fff !important;

}



.dropdown-menu[data-bs-popper] {

    left: -40px;

}

.nav_dropdown_full { left: -18rem !important; max-height: 500px;
    overflow: auto;}



.vitalhome-blog .card-body a {

    font-size: 20px;

    color: #000;

    border: 0;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}





/* crousel nav css Start */

div#banner-slider{

    position: relative;

}

.vitahome-imag {
    max-height: 90vh;
}



div#banner-slider .owl-nav button:first-child {

    padding: 0 0 0 40px;

    position: absolute;

    right: 90px;

    bottom: 30px;

    top: unset;

    background: rgba(255,255,255,0.1);

    width: 40px;

    height: 40px;

    margin: auto;

    border-radius: 50%;

    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);

    backdrop-filter: blur(10px);

    color: var(--secondry-color);

    border: 1px solid #eee;



}



div#banner-slider .owl-nav button:last-child {

    padding: 0 0 0 40px;

    position: absolute;

    right: 40px;

    bottom: 30px;

    top: unset;

    background: rgba(255,255,255,0.1);

    width: 40px;

    height: 40px;

    margin: auto;

    border-radius: 50%;

    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);

    backdrop-filter: blur(10px);

    color: #333;

    border: 1px solid #eee;

}

/* crousel nav css End */





/* ************** About Us Page Css ************** */





.Streamlining-page h1 {

    font-size: 40px;font-weight: 700;

}



.about-box {

    padding: 60px 0;

}





.about-img img {

    object-fit: cover;
    height: 100%;

 

}



.about-img  {

    overflow: hidden;margin-bottom: 30px;

    border-radius: 10px;

}



.about-right p {

    font-size: 15px;

}





/* our Blog */

/* blog */

.blog {

    padding: 50px 0 30px;

    background: #f6f8fc;

}



.blogbox {

    border: solid 1px #E2E7EB;

    background-color: #fff;

    border-radius: 15px;

    padding: 10px 12px;

    box-shadow: 0 0 4px #e6e6e6;

    transform: translate(0);

    transition: transform .2s;

    margin-bottom: 20px;



}



.blogbox:hover {

    box-shadow: 0 0 16px #e6e6e6;

    transform: translateY(calc(2px* -1));

}



.newblogimg {

    height: 250px;

    border-radius: 15px;

    overflow: hidden;

}



.blogtext {

    padding: 20px 0px 10px;

}



.blogtext p {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

    font-size: 14px;

    line-height: 28px;

}



.testo-box p {

    -webkit-line-clamp: inherit;

}



.blogtext a.bloghead {

    color: #111;

    font-size: 18px;

    font-weight: 600;

    line-height: 28px;

    transition-duration: 0.3s;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    margin-bottom: 10px;

}



.blogtext p.bloghead {

    font-size: 18px;

    font-weight: 600;

    margin-bottom: -6px;

}



.blogtext a.bloghead:hover {

    color: #519894;

}
.vital-event .card {     margin: 0px 0px ; }


.newblogimg img {

    -o-object-fit: cover;

    object-fit: cover;

    height: 100%;

    width: 100%;

    transition: transform 0.4s linear;

}



.viewproject {

    margin-top: 10px;

}



.servics-detail a {

    background: #519894;

    font-size: 16px;

    font-weight: 600;

    color: #fff;

    padding: 12px 25px;

    border: 1px solid transparent;

}



.servics-detail a:hover {

    border: 1px solid #519894;

    background: #fff;

    color: #519894;

    transition: 0.5s;

}



.viewproject a span {

    color: #B9CD14;

    font-size: 16px;

    font-weight: 500;

    margin-top: 5px;

    transition-duration: 0.3s;

}



.viewproject a:hover span {

    color: #519894;

}



.viewproject a .viewprojectarrow i {

    /* position: relative; */

    left: 10px;

    top: 4px;

    font-size: 18px;

    margin-left: 7px;

}



.viewproject a:hover {

    color: #000;

}



/* ************** searvice Page Css ************** */



.page-link:focus {

    box-shadow: none;

}



.page-link:hover {

    color: #fff;

    background-color: #519894;

    border-color: #519894;

}



.page-link {

    color: #B9CD14;

    font-size: 14px;

}



.hydrological-models {

    padding: 60px 0px;

}



.services-img img {

    border-radius: 12px;

    width: 100%;

    height: 100%;

}



.services-text {

    padding: 25px 0 0px 0px;

}



.services-text h3 {

    font-weight: 700;

    margin-bottom: 10px;

    font-size: 25px;

}



.services-text p {

    font-size: 14px;

}



.blog-widget {

    box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.08);

    border-radius: 5px;

    padding: 35px 40px 15px 40px;

    background: #B9CD14;

    margin-top: 30px;
    
     max-height: 500px;
    overflow: auto;

}
.fixed-top { background:rgba(255, 255, 255, 0.6) !important; }


.blog-widget h2 {

    font-size: 26px;

    font-weight: 700;

    border-bottom: 1px solid #cad75d;

    margin-bottom: 15px;color: #fff;

    padding-bottom: 5px;

}



.widget ul {

    margin: 0;

    padding: 0;

}



.widget_categories ul li {

    border-bottom: 1px solid #cad75d;

    padding-bottom: 10px;

    margin-bottom: 10px;

}



.widget li {

    display: block;

    clear: both;

    border: none;

    padding: 0;

    margin: 0 0 0px;

    position: relative;

}



.widget.widget_categories ul li a {

    letter-spacing: 0;

    text-transform: capitalize;

    font-weight: 400;

    font-size: 16px;

    display: flex;

    align-items: center;

    border: none;

    background: transparent;

    padding: 0;



}



.widget.widget_categories ul li a:hover {

    color: #519894;

}



.widget ul li span.float-right {

    margin-left: auto;

    position: absolute;

    top: 0;

    right: 0;

    line-height: 1.86;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 16px;

    color: #519894;

    font-weight: 400;

}



.widget ul li span.float-right i {

    font-size: 18px;

    font-weight: bold;

    color: #fff;

}



.member-life ul li:after {

    content: '';

    display: block;

    width: 6px;

    height: 6px;

    transform: rotate(45deg);

    position: absolute;

    left: 3px;

    border-radius: 28px;

    background: #000;

}



.member-life ul li {

    font-size: 15px;

}























/* ************** Contact Us Page Css ************** */





.breadcrumbs ol li {

    color: #fff;

    font-size: 14px;

}



.breadcrumbs ol li a {

    font-size: 14px;

    font-weight: 600;

}



.breadcrumbs {

    background-image: url(../images/breadcrumb.png);

    padding: 185px 0 50px;

    background-repeat: no-repeat;

    background-size: cover;

}

.about-right {
    font-size: 14px;
}

.vita-testmon a.text-white.border-bottom {     display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin: 0 auto; }



.appointment {

    background-image: url(../images/book-an-appointment.jpg);

}





.breadcrumbs .analytic {

    color: #B9CD14;

}



.pq-contact-us {

    padding: 60px 0;

}



.pq-contact-box {

    padding: 40px 30px 30px 30px;

    background-color: #F4F6F9;

    height: 100%;

}



.pq-contact-box-icon i {

    width: 80px;

    line-height: 80px;

    text-align: center;

    font-size: 30px;

    color: #fff;

    display: inline-block;

    border-radius: 3px;

    height: 80px;

    background: #6E8830;

    border: 1px solid transparent;

}



.pq-contact-box-icon i:hover {

    color: #6E8830;

    border: 1px solid #6E8830;

    background: #fff;

    transition: 0.5s;

}



.pq-contact-box-info {

    text-align: center;

    margin-top: 30px;

}



.pq-contact-box-info a:hover {

    color: #6E8830 !important;

    border-bottom: 1px solid #6E8830;

}



.pq-contact-us h4 {

    font-size: 20px;

    font-style: normal;

    line-height: 24px;

    font-weight: 600;

}






.enginers-contant {

    display: flex;

    margin-top: 35px;

}



.enginers-contant i {

    font-size: 20px;

    color: #22B9E6;

    background-color: #fff;

    padding: 13px;

    border-radius: 50%;

    margin-right: 20px;

}



.contact-left h2 {

    font-size: 33px;

}



.contant-link p {

    color: #fff;

    font-weight: 600;

    line-height: 25px;

}



.contant-link a {

    color: #fff;

    font-weight: 600;

}



.contant-link a:hover {

    color: #000;

}



.contact-left {

    background-image: linear-gradient(250deg, #4e95ed 0%, #03228f 100%);

    color: #fff;

    padding: 60px 30px;

    border-radius: 5px 5px 5px 5px;

}



.contant-link {

    margin-top: -12px;

}



.contact-widget {

    max-width: 850px;

    padding: 45px;

    margin: 0 auto;

    box-shadow: 0px 0px 30px 0px rgb(21 21 21 / 11%);

    text-align: center;

    margin-bottom: 60px;

    background: #fff;

    position: relative;

    z-index: 1;

}



.contact-right h2 {

    font-size: 33px;

    padding-bottom: 10px;

    font-weight: 700;

}



.contact-right p,

.about-right span {

    padding: 6px 12px;

    background: #519894;

    display: inline-block;

    border-radius: 3px;

    font-size: 14px;

}



.contact-widget .from-control {

    padding: 18px 20px;

    border-radius: 5px 5px 5px 5px;

    border-style: solid;

    border-width: 0px 0px 0px 0px;

    background-color: #F6F7F9;

    width: 100%;

    margin-bottom: 30px;

}



.contact-widget textarea {

    height: 120px;

}



.contact-widget input:focus,

textarea:focus,

button:focus {

    outline: none !important;

}



.contact-widget input::placeholder,

textarea::placeholder {

    color: #000;

}



.readon.learn-more.submit {

    background: #6E8830;

    padding: 16px 40px 16px 40px;

    font-weight: 500;

    font-size: 16px;

    line-height: 1;

}



.learn-more.submit:hover {

    background-image: linear-gradient(200deg, #519894 0%, #B9CD14 100%);

    color: #ffffff;

}



.contact-copy {

    margin-top: 20px;

}













/* ************** Event   Page Css ************** */



.event-locat p {

    font-size: 13px;

}



.event-locat p i {

    font-size: 15px;

    color: #B9CD14;

}















/* ************** appointment  Page Css ************** */



.appoinment-form {

    background-image: url(../images/book.jpg);

    padding-bottom: 40px;

    padding-top: 40px;

    background-size: cover;

    max-width: 100%;

    padding-left: 0px;

    padding-right: 0px;

}



#appointmentForm .card {

    padding: 10px 25px;

    background: #fff;

    box-shadow: 0 8px 20px rgb(0 0 0 / 12%), 0 3px 5px rgb(0 0 0 / 10%);

    border-radius: 10px;

    border: transparent;

}

#appointmentForm .form-control {
    font-size: 14px;
    padding: 12px 15px;
}

.submit-box{margin: 10px auto;max-width: 900px;}

#appointmentForm .card-body h5{font-size: 25px; font-weight: 600; margin-bottom: 15px;}

#appointmentForm .card-body p{font-size: 14px; color: #373737;}

#appointmentForm .form-label{font-size: 15px;margin-bottom: 7px;}

#appointmentForm .form-control {font-size: 14px;}

#appointmentForm .btn-primary{background: #B9CD14;border: #B9CD14;font-size: 14px;padding: 7px 18px;}

#appointmentForm .btn-primary:hover{background: #fff; color: #B9CD14;transition: 0.5s;}





/* `xxl` applies to x-large devices (large desktops, less than 1400px) */



@media (max-width: 1399.98px) {



    h2 {

        font-size: 30px;

    }



    p {

        font-size: 15px;

    }





    



    header .navbar-expand-lg .navbar-nav .nav-link {

        font-size: 14px;

    }





    .vitahome-top h1 {

        font-size: 35px;

    }



    .vitahome-top p {

        font-size: 16px;

    }






    .right-corner::after {

        width: 10%;

        height: 55%;

    }



    .satisfaction-box {

        padding: 50px 0 45px 0;

    }



    .vita-esperinc {

        padding: 50px 0px;

    }



    .vitalhome-blog {

        padding: 50px 0;

    }



    .vital-event {

        padding: 50px 0;

    }



    .event-img {

        height: 195px;

        width: 233px;

    }



    .event-text i {

        font-size: 18px;

        padding-right: 12px;

    }



    .event-form {

        padding: 38px 25px;

    }






    .case-study {

        padding: 50px 0;

    }



    .vita-testmon {

        padding: 50px 0;

    }



    .footer-box {

        padding: 40px 0;

    }










}













/* `xl` applies to large devices (desktops, less than 1200px) */



@media (max-width: 1199.98px) {



    h2 {

        font-size: 25px;

    }






    .topbar a {

        font-size: 13px;

    }



    .topbar a i {

        font-size: 14px;

    }



    header .navbar-expand-lg .navbar-nav .nav-link {

        padding-right: 9px;

    }






    .vitahome-top h1 {

        font-size: 30px;

    }



    .vitahome-top p {

        font-size: 15px;

    }






    .vitahome-top a {

        font-size: 14px;

    }






    .satisfaction {

        padding: 30px 26px;

    }



    .satisfaction h5 {

        margin: 23px 0 10px 0;

        font-size: 18px;

    }



    .satisfaction img {

        width: 20%;

    }



    .vitalhome-blog .card-body a {

        font-size: 18px;

    }



    .case-study {

        padding: 40px 0;

    }



    .homoeopathic-box {

        background: #EBF6F5;

        padding: 40px 0 0px 0;

   

    }



    iframe {

        width: 725px;

        height: 387px;

    }





    .experience i {

        font-size: 35px;

    }



    .experience p {

        padding: 9px 0 10px 0;

    }



    .counter {

        font-size: 20px;

    }



    .vita-esperinc {

        padding: 30px 0px;

    }



    .vitalhome-blog {

        padding: 40px 0;

    }



    .vitalhome-blog .abnormaly {

        padding: 10px 0;

    }



    .vital-event {

        padding: 40px 0;

    }



    .event-date {

        font-size: 12px;

    }



    .event-date span {

        font-size: 19px;

    }



    .event-img {

        height: 219px;

        width: 196px;

    }



    .vita-testmon {

        padding: 40px 0;

    }



    .testo-vita {

        padding: 30px 25px 20px 25px;

    }



    .aporment-text p {

        font-size: 14px;

        margin-bottom: 25px;

        padding-top: 0px;

    }



    .aporment-text p b {

        font-size: 18px;

    }



    .aporment-img {

        width: 360px;

        height: 230px;

    }



    .footer-box {

        padding: 30px 0 20px 0;

    }



    .aporment-text a {

        padding: 13px 19px;

        font-size: 14px;

    }





}





/* `lg` applies to medium devices (tablets, less than 992px) */



@media (max-width: 991.98px) {


.vitahome-top {     margin-top: 0; }

.navbar-brand img {
    max-height: 58px;
}

    .case-study .card-group .owl-nav {
        display: none;
    }

.topbar { display:none; }
.navbar-toggler-icon { width: 1.1em;
    height: 1.3em; }


    h2 {

        font-size: 22px;

    }









    .natural_vital {

        top: 8rem;    max-width: 360px;

    }



    .satisfaction p {

        padding: 0;

        margin-bottom: 10px;

    }



    .satisfaction-box {

        padding: 40px 0 35px 0;

    }



    .homoeopathic-box {

        background: #EBF6F5;

        padding: 30px 0 0px 0;

    }



    .vital-youtub-box p br {

        display: none;

    }



    iframe {

        width: 86vw;

        height: 320px;

    }








    .service-leftimg img {

        width: 60%;

    }





    /* .servic-img img{display: none;} */

    .vitahome-allserv a {

        font-size: 14px;

    }



    .experience p {

        padding: 5px 0 5px 0;

    }



    .vitalhome-blog {

        padding: 25px 0;

    }



    .vital-event {

        padding: 31px 0;

    }



    .case-study {

        padding: 30px 0 50px 0;

    }



    .event-img {

        height: 195px;

        width: 220px;

    }



    .case-study .card-group .owl-nav {

        margin-top: 10px;

        margin-left: 0px;

        margin-bottom: 10px;

    }



    .vita-testmon {

        padding: 30px 0;

    }



    .testo-vita h5 {

        font-size: 18px;

    }



    .aporment-img {

        width: 289px;

        height: 180px;

    }



    .aporment-text p b {

        font-size: 16px;

    }



    .testo-vita p {

        font-size: 14px;

        margin-top: 2px;

    }



    .testo-vita {

        padding: 15px 15px 15px 15px;

    }










    .right-corner::after {

        width: 20%;

        height: 55%;

    }



    .vital_topbar {

        position: absolute;

        align-items: start;

        background-color: #000;

        width: 100%;

        left: 0px;

        z-index: 2;

        padding: 0 15px;

        top: 80px;

    }



    header .navbar-expand-lg .navbar-nav .nav-link {

        color: #fff;

    }











}



/* `md` applies to small devices (landscape phones, less than 768px) */



@media (max-width: 767.98px) {



    h2 {

        font-size: 20px;

    }

    .vital-servic {
    padding: 40px 0 40px 0;
}

   

    .vitahome-top p { display:none; }

    .vita-testmon .owl-nav {display:none;  }
    .vita-testmon .owl-dots {display:block; margin-top:15px; }

    .case-study .card-group .owl-nav { display:none; }

    .hydrological-models {
    padding: 30px 0px;
}
.event-form { margin-top:30px; }
.contact-right h2 { font-size:20px; }
.contact-widget { padding: 30px 20px; }
.contact-widget .from-control {     padding: 12px 15px;font-size: 14px; }

.pq-contact-us { padding: 50px 0 20px;}
.hydrological-models h2.fs-2.fw-bold { margin-bottom: 15px;}




    .event-img {

        display: none;

    }



 



    .service-leftimg {

        display: none;

    }








    .vita-testmon .owl-nav .owl-prev {

        bottom: -50%;

        margin-left: 0px;

        left: 42%

    }



    .vita-testmon .owl-nav .owl-next {

        bottom: -50%;

        margin-left: 0px;

        left: 0%

    }



    .vita-apointnet {

        padding: 20px 0px;

    }



    .aporment-img {

        width: 210px;

        height: 130px;

    }

    .breadcrumbs {     padding: 120px 0 40px; }
    .Streamlining-page h1 { font-size:24px; }





}



/* `sm` applies to x-small devices (portrait phones, less than 576px) */



@media (max-width: 575.98px) {





    p {

        font-size: 13px;

    }

    .widget {
    border-bottom: 1px solid #5e5e5e;
    padding: 15px 0;
}


.hydrological-models .widget {
    border-bottom: 0px solid #5e5e5e;
    padding: 20px 20px;
} 

.study-box p { font-size: 13px; min-height: unset; }

.study-box a { font-size: 14px;    min-height: unset; }







    h2 {

        font-size: 18px;

        line-height: 25px;

    }










    .right-corner::after {

        width: 23%;

        height: 40%;

    }








    iframe {

                width: 92vw;
        height: 240px;

    }





    .vita-testmon .owl-nav .owl-prev {

        left: 35%;

    }



    .aporment-img {

       display: none;

    }



    .widget h5 {

        margin-bottom: 8px;

        font-size: 17px;

    }



    .navbar-toggler {

        padding: 1px 5px;

    }



    .satisfaction-box {

        padding: 30px 0 30px 0;

    }



    .homoeopathic-box {

        padding: 30px 0 30px 0;

    }






    .Hypothy-box h5 {

        font-size: 15px;

        margin-bottom: 5px;

    }



    .Hypothy-box i {

        font-size: 30px;

    }



    .Hypothy-box {

        margin-bottom: 15px;

        border: 1px solid #E5EADA;

        border-radius: 5px;

        padding: 10px;

    }



    .Hypothy-box p {

        font-size: 13px;

    }



    .vitahome-allserv a {

        font-size: 12px;

    }



    .experience p {

        font-size: 12px;

    }

    .counter { font-size: 16px; }

        .vitahome-top h1 {
        font-size: 24px;
    }

    .vital-youtub-box {     margin-bottom: 15px !important; }



    .vitalhome-blog {

        padding: 20px 0;

    }



    .vitalhome-blog .abnormaly {

        font-size: 13px;

    }



    .vitalhome-blog .card-body a {

        font-size: 15px;

    }



    .vital-event {

        padding: 20px 0;

    }



    .event-text h5 {

        font-size: 14px;

        margin-bottom: 5px;

    }



    .event-date span {

        font-size: 15px;

    }



    .event-text a {

        font-size: 12px;

    }



    .event-text a {

        font-size: 13px;

    }



    .event-form {

        padding: 25px 20px;

    }



    .event-form ul {

        margin: 20px 0 10px 0;

    }



    .event-form ul li {

        display: flex;

        align-items: center;

    }



    .event-form h4 {

        font-size: 16px;

        margin-bottom: 10px;

    }



    .sbmit-form button {

        margin-top: 5px;

    }



    .topbar a {

        font-size: 11px;

        padding-top: 8px;

    }



    .satisfaction h5 {

        margin: 10px 0 6px 0;

        font-size: 15px;

    }



    .satisfaction img {

        width: 18%;

    }



    .event-form ul li i {

        font-size: 16px;

    }



    .event-form ul li a {

        font-size: 12px;

    }



    .case-study {

        padding: 20px 0 5px 0;

    }



    .testo-vita {

        margin-top: 12px;

    }



    .vita-testmon a {

        font-size: 12px;

    }



    .testo-vita p {

        font-size: 13px;

        line-height: 21px;

    }



    .testo-vita i {

        font-size: 13px;

    }



    .testo-vita h5 {

        font-size: 16px;

        margin-bottom: 5px;

    }



    .vita-testmon .owl-nav span {

        font-size: 18px;

        padding: 0px 8px;

    }



    .vita-testmon .owl-nav .owl-next {

        left: -12%;

    }



    .widget ul li {

        padding-bottom: 5px;

    }



    .aporment-text h2 {

        font-size: 16px;

        margin-top: 10px;

    }



    .aporment-text p {

        font-size: 11px;

        padding-top: 10px;

    }



    .aporment-text p b {

        font-size: 11px;

    }



    .aporment-text a {

        padding: 10px 14px;

        font-size: 12px;

        border-radius: 5px;

    }



    .widget ul li a,

    .subscriptions p {

        font-size: 12px;

    }



    .footer-box {

        padding: 20px 0 20px 0;

    }



    .widget ul li p {

        font-size: 12px;

    }



    .widget ul li .icon-locat {

        font-size: 22px;

    }



    .widget ul li i {

        font-size: 16px;

    }



    .copright p {

        font-size: 11px;

    }



    .submit-btn button {

        font-size: 12px;

    }



    .vita-esperinc {

        padding: 20px 0px;

    }











}

@media (max-width: 450.98px) {


.natural_vital {         top: 6rem; }

}