@import url("secondary.css");
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@font-face {
    font-family: 'sanskrit_99regular';
    src: url('../fonts/sanskrit99_0-webfont.woff2') format('woff2'),
         url('../fonts/sanskrit99_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*************** General Layout ***************/
*{padding: 0;margin: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
a{text-decoration: none; color: #0f57a4; transition: all 0.5s ease 0s;}
ul li{list-style: none;}
img{border:none;max-width: 100%;}
iframe { vertical-align: top; }
p { margin-bottom: 15px;   }
p strong { font-weight: 700; font-style: italic;}
.no-padding-top { padding-top:0; }
.no-margin-bottom { margin-bottom:0 !important; }
.cl-left { clear: left; }
.clear { clear: both;}
.list-style { margin-bottom: 20px;}
.list-style li{ background:url("../images/ico-list-style.png") no-repeat 0 5px; padding-left: 24px; padding-bottom: 14px; }
.bottom-spacer { padding-bottom: 50px; float: left; width: 100%;}
.m-show { display: none;} 
.blue { color:#0f57a4; }
.alert-success {  background-color: #dff0d8; border-color: #d6e9c6;  color: #468847;   border-radius: 4px;  margin-bottom: 20px;    padding: 15px;}

.margin-right{ margin-right: 15px;}
.margin-bottom{ margin-bottom: 20px;}
.padding-top{ padding-top: 20px;}
.padding-bottom { padding-bottom: 20px;}
.wrapper h3 { padding-top:15px; }
.wrapper p { line-height: 24px; text-align: justify;}
.bg-blue { background:#0f57a4; padding: 15px 20px; float: left; width: 100%;} 
.bg-blue h3{ color: #fff; padding: 0; display: inline-block; vertical-align: middle;  }
.bg-blue h3.padding-top-less { padding-top: 10px;}
.wrapper .bg-blue .sanskrit-static { color: #fff; float: right; margin-bottom: 0; font-family: 'sanskrit_99regular';  }

body {  font-family: 'Roboto', sans-serif;  font-weight: 400; color: #4d4d4d; font-size: 16px; line-height: 1.5; }
section { clear: both;}
.container{max-width: 1200px;width: 100%;padding: 0px 15px;margin: 0 auto;}
.wrapper { background-repeat:no-repeat; background-position: right top; background-size: cover; padding: 50px 0px; float: left; width: 100%; }
.sanskrit { font-family: 'sanskrit_99regular';  overflow: hidden; white-space: nowrap; margin: 0 auto; animation: typing 3.5s steps(40, end),  blink-caret .75s step-end infinite;}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange; }
}

/*************** Titles ***************/
.container > h2{ border-bottom: 1px solid #d7d7d7; font-size: 24px; color: #0f57a4; font-size: 24px; font-weight: 700; padding-bottom: 13px; margin-bottom: 21px;}
h3 { color: #0f57a4; font-weight: 700; font-size: 18px; padding-bottom: 10px;}

/*************** Page Banner ***************/
.page-banner { height: 250px;  position: relative; overflow: hidden;}
.page-banner > img { position: absolute; top: 0; left: 0; max-width: inherit; }
.page-banner .container { padding: 15px; position: relative; height: 100%;} 
.page-banner .container .desc {position: absolute; left: 15px; top: 50%;	-moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%);} 
.page-banner .sanskrit { font-size: 30px; color: #4d4d4d; line-height: 42px; }
.page-banner  h1 { font-size: 48px; color: #0f57a4; font-weight: 700; text-transform: uppercase; padding-bottom: 8px;}

/*************** Top Panel***************/
.top-header{float: left;width: 100%;background: #f4f4f4;border-bottom: 1px solid #e5e5e5;}
.top-header .contact-info{float: right;color:#0f57a4;font-weight:500;font-size: 14px;}
.top-header .contact-info .number{background: #eaeaea;padding: 15px 19px;display: inline-block;font-weight: bold;}

/*************** logo Section***************/
.logo-section .logo img { vertical-align: middle;}
.logo-section{float: left;width: 100%;padding: 25px 0;}
.logo-section .logo{ display: inline-block; vertical-align: middle; width: 384px;}
.logo-section .slogan{display: inline-block; vertical-align: middle; width: 570px; text-align: center;}
.logo-section .slogan img{ vertical-align: middle;}
.logo-section .buttons-set { display:inline-block; vertical-align: middle; }
.logo-section .buttons-set .btn { background:#0f57a4; color: #fff; border-radius: 4px; text-transform: uppercase; font-size: 16px; padding: 10px 15px; display: inline-block; cursor: pointer; border: none; }
.blink { animation: blinker 1.4s linear infinite; }

@keyframes blinker {  
    50% { opacity: 0; }
}

@keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
} 

/*************** Navigatio ***************/
.closebtn { display: none;}
.menu{float: left;width: 100%;background: #0f57a4;color: #fff;}
nav ul{display: table;width: 100%; margin-bottom: 0; padding: 0;}
nav ul li.active a{ background: #fff; color: #0f57a4; }
nav ul li{display: table-cell;text-align: center;border-top:3px solid  #0f57a4;border-bottom:3px solid  #0f57a4; min-width: 140px; position: relative;}
nav ul li a{color: #fff;display: block;font-size: 18px;font-weight:400;border-left: 1px solid #3370b2;border-right:1px solid #0d4a8c;padding: 12px 5px;text-transform: uppercase;}
nav ul li:last-child{border-right: 1px solid #3370b2;}
nav ul li:first-child{border-left:1px solid #0d4a8c}
nav ul li a:hover{background: #fff;color:  #0f57a4;}

nav ul li > ul { display: none; box-shadow: 1px 2px 3.76px 0.24px rgba(0, 0, 0, 0.17); background: #fff; top: 49px; padding:0; }
nav ul li > ul li { display: block; border: none; text-align: left; }
nav ul li > ul li:first-child{ border:none; }
nav ul li > ul li:last-child{ border:none; }
nav ul li > ul li a{ border: none; display: block; vertical-align: middle; color: #0f57a4; padding: 12px 34px; border-bottom: 1px solid #e5e5e5; text-transform: inherit; font-weight: 700; font-size: 14px;}
nav ul li > ul li a:hover { background:#f0f0f0; }
nav ul li:hover > ul { display: block; position: absolute; z-index: 9;}


/*************** Home Sortdesc ***************/
.logo-contain{width: 100%;float: left;background: url("../images/backgroung-logo.png")no-repeat;background-size:cover;padding: 82px 0px;}
.logo-contain .container{text-align: center;}
.logo-contain .logo-info{width:86%;display: inline-block;}
.logo-contain .logo-info p{color: #4d4d4d;font-size: 24px;line-height: 36px;padding-top: 28px; margin-bottom: 0;}

/*************** Time Section ***************/
.hospital-time{float:left;width: 100%;padding: 20px 0px;background: #fff;}
.hospital-time .time{text-align: center; background: url("../images/");}
.hospital-time span{display: inline-block;vertical-align: middle;}
.hospital-time img{ vertical-align: middle; }
.hospital-time h3{ padding-bottom: 20px; line-height: 30px; font-weight: 700; vertical-align: middle;font-size: 16px;color: #0f57a4;display: inline-block;padding-left: 35px;  background: url("../images/time-icon.png") no-repeat 0 0;}
.hospital-time p strong {    font-style: normal;  font-weight: bold;}
.hospital-time h3 .line {border: 1px solid #e5e5e5;margin: 0 12px 0 8px;padding-top: 23px; vertical-align: text-bottom; font-weight: 400;}

/*************** Service Offerd ***************/
.service{float: left;width: 100%;background: #0f57a4;padding: 26px 0px;background-position: right center;border-bottom:1px solid #f0f0f0;}
.service .service-title{text-align: center;}
.service .service-title span{display: inline-block;vertical-align: middle;text-align: center;}
.service .service-title span h3{font-size: 30px;color: #fff;font-weight: bold;padding: 0px;}

.service-offerd { padding: 70px 0; float: left; width: 100%;}
.service-offerd .block { border-radius: 4px; box-shadow: 1px 2px 3.76px 0.24px rgba(0, 0, 0, 0.17); float: left;  vertical-align: middle; padding: 50px 20px; width: 48.5%; border: 1px solid #d5d5d5; }
.service-offerd .block.block-slogan { padding: 70px 20px 0px 20px; float: right; text-align: center; font-size: 30px; background: url("../images/transparent-logo.png") no-repeat center center; line-height: 40px;}
.service-offerd .block.block-slogan i { font-weight: 500; }
.service-offerd .block.block-slogan .inner-title { text-align: center;}
.service-offerd .block li { background: url("../images/list-style-icon.png") no-repeat 0 5px; padding-left: 28px; font-size: 20px; padding-bottom: 18px;}
.service-offerd .block li:last-child{ padding-bottom: 0;}
.service-offerd .block  ul { margin: 0 auto; width: 50%;}
.service-offerd .small-logo { text-align: right; margin-bottom: 0;}

/***************Aboutus Page ***************/
.about-section { /*background-image: url("../images/about-wrapper.jpg"); */}
.about-section .block { padding-top: 30px; float: left; width: 50%; clear: left; }
.about-section .block:nth-child(odd) { }
.about-section .block:nth-child(even) { clear: right; }
.about-section .block img{ box-shadow: 1px 2px 3.76px 0.24px rgba(0, 0, 0, 0.17); border: 1px solid #e1e1e1; float: left; width: 200px; }
.about-section .block b { font-weight: 500;}
.block .sort-desc { float: left; width: 260px; padding-left: 35px;}
.block .sort-desc p { line-height: 20px; font-size: 14px; text-align: left; }
.block .sort-desc h4 { font-weight: 700; font-size: 18px; border-bottom: 1px solid #a2a2a3; display: inline-block; margin-bottom: 19px;}
.about-doctor { text-align: center;}
.name-degree .name { font-size: 24px; font-weight: 700; display: block; padding-bottom: 2px;}
.name-degree .degree-detail {}
.about-doctor .name-degree{  text-align: right; display: inline-block; color: #0f57a4; padding: 12px 44px; margin-bottom: 40px; margin-top: 15px;  } 
.about-doctor .degree{ float: left;  padding-right: 15px; text-align: center;}
.about-doctor .degree.first{  width: 260px;}
.about-doctor .degree.second{  width: 530px;}
.about-doctor .degree.third{  width: 350px; padding-right: 0; }
.about-doctor .degree p { text-align: center; font-size: 14px; line-height: 22px;}
.about-doctor .degree p.box { display: inline-block; vertical-align: middle; border:1px solid #e1e1e1; box-shadow: 1px 2px 3.76px 0.24px rgba(0, 0, 0, 0.17); background:#fff; -webkit-border-radius: 4px;
-moz-border-radius: 4px; border-radius: 4px; padding: 10px; margin-left: 10px;  }
.about-doctor .degree i { font-weight: 600;}
.about-doctor .degree .box:first-child { margin-left: 0;}
.about-doctor .degree .box  img { vertical-align: middle;}

/*************** Ayurveda Page ***************/
.ayurveda-section { /*background-image: url("../images/ayurveda-wrapper.jpg"); */}

/*************** Treatment Page ***************/
.wrapper .sanskrit { color: #4d4d4d; font-size: 20px; margin-bottom: 15px;}

/*************** Contact Page ***************/
.contact-section { /*background-image: url("../images/contact-wrapper.jpg");*/ min-height: 710px; margin-bottom: 50px; }
.contact-section .col-left { float: left; width: 375px;}
.form-list li { margin-bottom: 15px;}
.form-list .input-text { border: 1px solid #d8d8d8; border-radius: 4px; padding: 0 18px; height: 50px; line-height: 50px; width: 100%; font-size: 14px; color: #4d4d4d; font-family: 'Roboto', sans-serif; }
.form-list textarea.input-text { height: 6em; font-family: 'Roboto', sans-serif; font-size: 14px; padding: 10px 18px; line-height: 25px;}
/*.buttons-set { margin-top: 40px;}*/
.buttons-set .btn { background:#0f57a4; color: #fff; border-radius: 4px; text-transform: uppercase; font-size: 18px; padding: 15px 30px; display: inline-block; cursor: pointer; border: none; }
.buttons-set .required { float: right; color: #ff0000; font-size: 12px; margin-top: 12px;}
.quform-loading-wrap { text-align: left; }

/* custom file */
.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 50px;
  margin-bottom: 0;
  cursor: pointer;
  }

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 50px;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  }

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 50px;
  padding: .375rem .75rem;
  font-weight: 400;
  line-height: 2.3;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  }

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse"; }

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  padding: .375rem .75rem;
  line-height: 2.3;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 .25rem .25rem 0;
  }

/* quform */
.form-group {
  margin-bottom: 1rem; }
  .form-group label {
    margin-bottom: .5rem; }

.form-control:focus {
  border-color: #4670CE; }

.form-check-input:checked {
  border-color: #4670CE;
  background-color: #4670CE; }

.quform-input {
  position: relative; }
  .quform-input .quform-errors-wrap {
    position: absolute;
    right: 8px;
    top: 0;
    line-height: normal;
    z-index: 1; }

.quform-element > label {
  font-weight: normal;
  padding-bottom: 5px;
  margin-bottom: 0;
  color: #6a747b;
  font-size: 16px;
  font-weight: 600; }
  .quform-element > label .quform-required {
    color: #cc0101;
    font-size: 10px; }

.quform-inner input {
  width: 100%; }

.quform-elements .quform-element textarea {
  margin-bottom: 0;
  padding: 8px 15px;
  vertical-align: top; }
.quform-elements .quform-element select {
  margin-bottom: 0;
  padding: 8px 35px 8px 15px; }

.quform-errors {
  padding: 0;
  margin: 0;
  line-height: normal; }
  .quform-errors > .quform-error {
    padding: 0;
    background: none;
    border: none;
    float: none;
    color: #f5543f;
    font-size: 12px;
    line-height: normal;
    letter-spacing: normal;
    font-weight: 500; }

.quform-outer-no-js .quform-error {
  padding: 0;
  background: none;
  border: none;
  float: none;
  color: #f5543f;
  font-size: 11px;
  line-height: normal;
  letter-spacing: normal; }
.quform-outer-no-js .quform-success-message {
  padding: 0.75rem 1.25rem 0.75rem 3rem; }

.quform-has-error input, .quform-has-error textarea, .quform-has-error select, .quform-has-error input[type=file], .quform-has-error .custom-file-label {
  border-color: #f5543f !important; }

.quform-success-message {
  padding: 0.75rem 1.25rem 0.75rem 3rem; }

.quform-submit-inner {
  float: none; }

.quform-loading-wrap {
  float: none; }
  .quform-loading-wrap .quform-loading {
    display: inline-block; }

.light-validation .quform-errors > .quform-error {
  color: #fff; }

/* date time picker */
.datetimepicker td, .datetimepicker th { padding: 5px; font-size: 14px; }

.datetimepicker .datetimepicker-minutes table tr td span{ display: none; }
.datetimepicker .datetimepicker-minutes table tr td span:first-child { display: block; width:48%; }
.datetimepicker .datetimepicker-minutes table tr td span:nth-child(7) { display: block; width:48%; }


.consultation-block { padding:30px; }
/*.consultation-section .col-right { background:#fff; box-shadow: 1px 2px 3.76px 1.54px rgba(0, 0, 0, 0.17);  }*/

.contact-section .col-right { float: right; width: 660px; background:#fff; box-shadow: 1px 2px 3.76px 1.54px rgba(0, 0, 0, 0.17);  }
.contact-section .inner-block {  background: #fcfcfc; border: 1px solid #d5d5d5; float: left;  font-size: 15px;  padding: 15px;   width: 48%; margin-bottom: 20px;}
.contact-section .inner-block h4 {  color: #4d4d4d; font-size: 18px;  padding-bottom: 11px;  text-decoration: underline;}
.contact-section .inner-block p { line-height: 22px; text-align: left; }
.contact-section .inner-block.last { float: right; }
.contact-section address { font-style: normal; padding: 30px;}
.contact-section address h5 { font-size: 18px; text-decoration: underline; color: #0f57a4; padding-bottom: 17px;}
.contact-section .name-detail { display: inline-block; color: #0f57a4; font-weight: 700; line-height: 20px;}
.contact-section .name-detail .name{ display: block; font-size: 18px; }
.contact-section address .degree { font-size: 12px; float: right;}
.contact-section address .mobile-no { margin-bottom: 0;}
.contact-section address .email-id { margin-bottom: 0;}
.contact-section address strong { font-style: normal;}
.contact-section address a { color: #4d4d4d; }
.contact-section address a:hover { color: #0f57a4; }
.contact-section .cons-time strong { display: block; text-decoration: underline; font-weight: 500;}
p.inner-title { font-weight: 700; font-size: 18px; text-align: left; margin-bottom: 15px; }

.google-map { border-top:5px solid #0f57a4;  position: relative; } 
.google-map .down-arrow {   background: url("../images/ico-bottom-arrow-dark.png") no-repeat scroll center bottom;
    display: inline-block; height: 41px; left: 0;  margin: 0 auto;  position: absolute;  right: 0;    top: -41px;  vertical-align: top;  width: 186px;  z-index: 1;}


/*************** Gallery Page ***************/
.gallery-section .slider{float: left;width: 101.5%; margin-left: -1.5%;    margin-bottom: 2.5%;}
.gallery-section .slider li {float: left; width: 125px;  border: 1px solid #e1e1e1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-left: 1.5%; margin-bottom: 1.5%;}
.gallery-section .slider li a { display: inline-block;}
.gallery-section .slider img {-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; vertical-align: middle;}


/*************** Footer ***************/
.footer{float: left;width: 100%;background:url("../images/footer-back.jpg") repeat;}
.footer .container { padding-top: 20px; }
.footer .section{width: 33.1%; padding-left: 10px; padding-right: 10px; text-align: center; min-height: 290px; display: inline-block;color: #fff;vertical-align: top; background: url("../images/footer-separeter.png") repeat-y right 0; padding-top: 18px;}
.footer .address.section { background: none;}
.footer .address.section img { margin: 10px 0;}
.footer .section h3{font-size: 18px;color: #fff;font-weight: bold;text-transform: uppercase;padding-bottom: 20px;}
.footer .section p a{color: #fff;}
.footer .section p a:hover { color:#b2ceec; } 
.footer .section .seprater{border: 1px solid #fff;width: 30px;margin: 0 auto 21px auto;}
.footer .ayurveda.section ul{margin: 0 auto;width: 225px;}
.footer .ayurveda.section ul li{background:url("../images/round-icon.png") no-repeat 0 6px;text-align: left; padding-left: 20px; padding-bottom: 15px;}
.footer .ayurveda.section ul li:last-child { padding-bottom: 0;}
.footer .ayurveda.section ul li.active a { color: #b2ceec;}
.footer .ayurveda.section a {color: #fff;text-transform: uppercase;font-size: 16px;}
.footer .ayurveda.section a:hover { color: #b2ceec;}
.footer .address.section .address{padding: 5px 0px;line-height: 22px;font-size: 14px;font-weight: 400px;font-style: normal;}
.footer .sepreter-vertical{padding-top: 15px;}
.footer .copyright{color: #fff;font-size: 11px;text-align: center;padding-bottom: 20px; margin-bottom: 0; padding-top: 10px;}

/* Start custom CSS */
.whatsapp-chat {
    position: fixed;
    left: 15px;
    bottom: 5px;
    z-index: 1;
    width: 94px;
    height: 94px;
    z-index: 99;
}

.whatsapp-chat img {
    width: 75px;
    height: auto;
}

@media screen and (min-width: 1170px) and (max-width: 1600px) { 
  .page-banner > img { margin: 0 -19%;}
}
@media only screen and (max-width: 1169px){	

  .page-banner > img { margin: 0 -46%;} 
  .logo-section { padding: 2.9vw 0;}
  .logo-section .slogan { width: 40%;}
  .top-header .contact-info .number { padding: 11px 1.9vw;}

  .wrapper { padding:5vw 0; }
  p { margin-bottom:2.8vw; }
  .bg-blue { padding: 1.5vw 2vw;}

  .service  { padding: 2.6vw 0;}

  .service-offerd .block.block-slogan { padding: 7vw 2vw 0;}
  .service-offerd .block { padding: 5vw 2vw;}
  .logo-contain { padding: 8.2vw 0;}
  .logo-contain .logo-info p { padding-top: 2.8vw;}
  .service-offerd { padding: 7vw 0;}
  .service-offerd .block ul { width: 60%;}
  .service-offerd .block li { padding-bottom: 1.8vw;}

  .about-doctor .name-degree {  margin-bottom: 4.0vw;  margin-top: 1.5vw;  padding: 1.2vw 4.4vw;}
  .about-section .block { padding-top: 3vw;}
  .block .sort-desc { padding-left: 3.5vw;}
  .block .sort-desc h4 { margin-bottom: 1.9vw;}

  .about-doctor .degree.first { width: 15%;}
  .about-doctor .degree { padding-right: 10px; }
  .about-doctor .degree.second { width: 52%;}
  .about-doctor .degree.third { width: 33%;}


  .contact-section address { padding: 3vw;}
  .contact-section .col-right { width: 550px;}

   .footer .section { width: 33%;}
  .footer .container { padding-top: 2vw;}
  .footer .section { padding-top: 1.8vw; }
  .footer .section h3 { padding-top: 2vw; padding-bottom: 2vw; }
  .footer .section .seprater { margin-bottom:2vw; }

}

@media only screen and (max-width: 1023px){
  body { font-size: 15px;}
  .wrapper .sanskrit { font-size: 18px;}
  .bottom-spacer { padding-bottom:5vw; }

  .page-banner { height: 225px;}
  .page-banner > img { margin: 0 -87%;} 
  .page-banner h1 { font-size: 42px; padding-bottom: 5px;}
  .page-banner .sanskrit {   font-size: 26px;  line-height: 38px;}

  .logo-section {text-align: center;}
  .logo-section .logo { margin-bottom: 15px;}
  .logo-section .slogan { width: 100%; margin-bottom: 15px;}

  .service-offerd .block ul { width: 80%;}
  .service-offerd .block.block-slogan { font-size: 26px;}
  .service-offerd .block li { font-size: 19px;}

  .logo-contain .logo-info p {    font-size: 22px;   line-height: 32px;}

  nav ul li { min-width: 100px; border-bottom-width:2px; border-top-width:2px; }
  nav ul li a { font-size: 16px;}


  .block .sort-desc {  padding-left: 20px; width: 175px; } 
  .about-section .block img { width: 170px;}

  .about-doctor .degree.first { width: 100%; padding-right: 0;}
  .about-doctor .degree.second  { width: 100%; padding-right: 0;}
  .about-doctor .degree.third { width: 100%; border-bottom: none; margin-bottom: 0;}
  .about-doctor .degree {  border-bottom: 1px solid #d5d5d5;  margin-bottom: 2.8vw;}

  .google-map iframe { height: 350px;}
  .contact-section { min-height: inherit; padding: 5vw 0 80px 0;}
  .contact-section .col-left { width: 100%; margin-bottom: 20px;}
  .contact-section .col-right  { width: 100%;}





  .footer .section { width: 32.9%; min-height: 320px;}
  .footer .ayurveda.section a { font-size: 14px;}


}

@media only screen and (max-width: 767px){

  .m-show { display: block;}
  .page-banner  { height: 210px;}
  .page-banner > img { margin: 0 -125%;} 
  .page-banner h1 { font-size: 38px;}

  .wrapper .sanskrit { font-size: 16px;}

  .logo-section .logo { width: 300px;}

  .block.block-patient {   padding-top: 3vw; }
  .about-section .block {  padding-bottom: 3vw; width: 100%; padding-top: 0; } 
  .block .sort-desc { width: 72%;}

  .logo-contain .logo-info p {  font-size: 20px;   line-height: 30px;}
  
  .service .service-title span h3 { font-size: 28px;}
  .service-offerd .block.block-slogan { line-height: 30px; font-size: 24px;}
  .service-offerd .block li { font-size: 18px;}

  .logo-contain .logo-info img{ max-width: 50%;}

  p.inner-title { font-size: 16px;}
  .contact-section address strong { display: block;}

  .footer .section  { width: 100%; padding: 0; text-align: left; min-height: inherit;    margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #377eca; background: none; }
  .footer .ayurveda.section ul { width: 100%;}
   .footer .section .seprater { margin: 0 0 20px 0;}
   .footer .section h3 { font-size: 15px;}
   .footer .address.section { margin-bottom: 0;}
   .footer .copyright { padding-bottom: 10px;}

  .closebtn { display: block;}
  .sidenav {  height: 100%;  width: 0;  position: fixed;  z-index: 1;  top: 0;  left: 0;  background-color: #fff;
    overflow-x: hidden;  transition: 0.5s;  padding-top: 70px; }

  .gallery-section .slider { margin-bottom: 25px;}
  .gallery-section .slider li { width: 93px;}
  
  .sidenav a { padding: 10px 8px 10px 20px; text-decoration: none; font-size: 16px; font-weight: 600; color: #818181; display: block; transition: 0.3s; border-right: 0; border-left: 0; }
  .sidenav nav a:hover, .offcanvas nav a:focus{ color: #fff;  background: #0f57a4; }
  .sidenav .closebtn { position: absolute; top: 0;  right: 25px;  font-size: 36px;   margin-left: 50px; }

  .menu > .container > .m-show { padding: 11px 0 11px 35px; font-size: 18px; cursor: pointer; background: url("../images/ico-menu.png") no-repeat 0 12px;}
  nav ul li { display: block; text-align: left; border-bottom: 1px solid #e5e5e5; border-top: none;}
  nav ul li:first-child { border-left:none; border-top: 1px solid #e5e5e5; }

  nav ul li > ul { display: block; border-top: 1px solid #e5e5e5; }
  .sidenav nav ul li > ul li a { padding: 12px 34px;}
  .sidenav nav ul li > ul li:last-child a { border-bottom: 0;}
  .sidenav nav ul li > ul li a:hover { padding: 12px 34px;}
  nav ul li:hover > ul { position: unset;  }
  nav ul li > ul { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.17);}
  nav ul li:last-child { border-right: none;}



}

@media only screen and (max-width: 639px){

  .top-header .contact-info { width: 100%; text-align: center; padding: 10px 0; }
  .top-header .contact-info > span { display: block; }
  .top-header .contact-info .number { background: none; padding: 10px 0 5px 0; }

  .page-banner  { height: 200px;}
  .page-banner > img { margin: 0 -175%;}  
  .page-banner h1 { font-size: 34px;}
  .page-banner .sanskrit{  font-size: 24px;    line-height: 34px;}

  .wrapper { background:none; }
  .container > h2 { font-size: 22px;  margin-bottom: 18px;    padding-bottom: 12px;}
  h3 {font-size: 16px;}

  .service-offerd .block { width: 100%;}
  .service-offerd .block.block-offerd {  margin-bottom: 15px;}
  .service-offerd .block ul { max-width: 90%; }

  .logo-contain .logo-info p { font-size: 18px; line-height: 26px;}
  .service .service-title span h3 { font-size: 24px;}

  .about-section .block img  { width: 150px; }
    .block .sort-desc { width: 62%;}
    .block .sort-desc h4 { font-size: 16px;}

    .name-degree .name  { font-size: 20px;}
    .about-doctor .name-degree  { font-size: 14px;}
    .about-doctor .degree.second p.box { width: 31%;}

    .google-map iframe { height: 300px;}
    .contact-section .col-left { width: 100%;}
    .contact-section .col-right { width: 100%;}
    .contact-section .inner-block { width: 100%;}

    .logo-section .logo { width: 275px;}


  

 }

@media only screen and (max-width: 480px){

      .page-banner {    height: 180px;}
      .page-banner > img { margin: 0 -185%;}  
      .page-banner h1 { font-size: 28px; }
      .page-banner .sanskrit {    font-size: 15px;    line-height: 24px;}

      
      .logo-contain .logo-info { width: 95%;}
      .logo-contain .logo-info p{ font-size: 16px; line-height: 24px;}
      .service-offerd .block li { font-size: 16px;}

      .service-offerd .block.block-slogan { font-size: 20px; line-height: 26px;}
      .logo-contain .logo-info img { max-width: 60%;}

      .hospital-time h3 { font-size: 14px;}
      .hospital-time h3 .line { padding-top: 15px;}

      .bg-blue h3 { width: 100%;}
      .wrapper .bg-blue .sanskrit-static { float: left; width: 100%; padding-top: 8px; padding-bottom: 5px;}

      .about-section .block { text-align: center; margin-bottom: 4vw; border-bottom: 1px solid #ececec;}
      .block .sort-desc { width: 100%; padding-left:0; }
      .about-section .block img { float: none;}
      .block .sort-desc p { margin-bottom: 0; text-align: center;}

      .google-map iframe { height: 250px;}

    .about-doctor .name-degree { width: 100%; text-align: center;}
    .about-doctor .degree.second p.box { width: 155px; margin-left: 0;}
    .about-doctor .degree p { font-size: 13px; line-height: 20px;}
  

}