specification-table-box*{
  margin:0;padding:0;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  outline:0;
  word-wrap:break-word
}



* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  word-wrap: break-word
}

body {
  color: #000;
  line-height: 1.3;
  font-weight: 400;
  font-size: 15px;
  font-family: Rubik, sans-serif;
  overflow-x: hidden !important
}

p {
  font-size: 15px;
  font-weight: 300;
  color: #333;
  line-height: 1.6;
  margin: 0 0 15px 0
}

b,
strong {
  font-weight: 700
}

img {
  width: 100%;
  height: auto
}

a,
a:hover,
span {
  text-decoration: none;
  color: inherit
}

.scrollbar {
  overflow-y:hidden;
  overflow-x:auto;
  float:none;
  height:auto;
  background:0 0;
  margin:0;
  width:100%
}

.scrollbar-primary::-webkit-scrollbar{width:6px;height:6px;background:#f0f1f2}
.scrollbar-primary::-webkit-scrollbar-track{width:6px;height:6px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background:#f0f1f2}

.scrollbar-primary::-webkit-scrollbar-thumb{border-radius:10px;background:#efb443}
.section-padding {
  padding: 30px 0
}

.section-head {
  margin-bottom: 80px
}

.section-head h6 {
  color: #333;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: inline-block;
  padding: 0 15px;
  position: relative
}

.section-head h6:after,
.section-head h6:before {
  content: '';
  width: 40px;
  height: 1px;
  background-color: #2aafc0;
  position: absolute;
  bottom: 3px
}

.section-head h6:before {
  left: -40px
}

.section-head h6:after {
  right: -40px
}

.section-head h4 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 15px
}

.bg-gray {
  background: #f7f7f7
}

.o-hidden {
  overflow: hidden
}

.position-re {
  position: relative
}

.full-width {
  width: 100% !important
}

.lg-line-height {
  line-height: 1.5
}

.bg-img {
  background-size: cover;
  background-repeat: no-repeat
}

.bg-fixed {
  background-attachment: fixed
}

.valign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.v-middle {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

.owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 15px;
  line-height: .7
}

.owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 0 7px;
  border-radius: 50%;
  background: #ddd
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #2aafc0
}

.butn {
  padding: 14px 30px;
  background: #fff;
  border: 1px solid transparent;
  position: relative;
  z-index: 3;
  margin-left: 0;
  margin-right: 0;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
  -webkit-transition: all .4s;
  transition: all .4s;
  cursor: pointer;
  outline: 0 !important;
  overflow: hidden
}

.butn span {
  position: relative;
  z-index: 2;
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}

.butn:after,
.butn:before {
  content: '';
  width: 0;
  height: 100%;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: width .4s;
  transition: width .4s;
  z-index: 1;
  opacity: .4
}

.butn:after {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  background: #fff;
  opacity: 1
}

.butn:hover:after,
.butn:hover:before {
  width: 100%
}

.butn:hover:after {
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}

.butn:hover span {
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}

.butn-bg {
  background: #f71316;
  border-color: #f71316;
  color: #fff;
  display: inline-block
}

.butn-bg:hover span {
  color: #f71316
}

.butn-light {
  background: #fff
}

.butn-light:after,
.butn-light:before {
  background: red
}

.butn-light:hover span {
  color: #fff
}

.butn-light span {
  color: red
}

.clearfix {
  clear: both
}

.desktop-menu {
  position: relative
}

.navbar {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  width: auto;
  background: #2756a5;
  z-index: 9;
  padding: 0 0
}

.nav-scroll {
  margin-top: 0
}

.navbar .icon-bar {
  color: #fff
}

.navbar .navbar-nav .nav-link {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  margin: 0 0;
  -webkit-transition: all .5s;
  transition: all .5s;
  text-transform: capitalize;
  padding: 15px 12px;
  border-right: 1px solid #96a1b3
}

.navbar .navbar-nav .bordernone {
  border-right: none
}

.navbar .navbar-nav .active {
  color: #fff !important;
  background: #d2ae6d
}

.nav-scroll .icon-bar {
  color: #222
}

.nav-scroll .navbar-nav .logo {
  padding: 15px 0;
  color: #111
}

.logo {
  padding: 0 0;
  color: red
}

.header {
  min-height: calc(100vh + 80px);
  padding-bottom: 80px;
  overflow: hidden
}

.header .caption .o-hidden {
  display: inline-block
}

.header .caption h4 {
  font-weight: 200;
  letter-spacing: 4px;
  -webkit-animation-delay: .2s;
  animation-delay: .2s
}

.header .caption h1 {
  margin: 10px 0;
  font-size: 60px;
  font-weight: 500;
  font-family: inherit;
  word-spacing: 2px;
  letter-spacing: 2px;
  -webkit-animation-delay: .6s;
  animation-delay: .6s
}

.header .caption p {
  font-size: 15px;
  font-weight: 300;
  color: #eee;
  letter-spacing: 1px;
  word-spacing: 2px;
  -webkit-animation-delay: 1s;
  animation-delay: 1s
}

.header .caption p span {
  letter-spacing: 5px;
  text-transform: uppercase;
  margin: 0 5px;
  padding-right: 14px;
  position: relative
}

.header .caption p span:last-child {
  padding: 0
}

.header .caption p span:last-child:after {
  display: none
}

.header .caption p span:after {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2aafc0;
  position: absolute;
  top: 10px;
  right: 0;
  opacity: .5
}

.header .caption .butn {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s
}

.slider .owl-item,
.slider-fade .owl-item {
  height: 100vh;
  position: relative
}

.slider .item,
.slider-fade .item {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover
}

.slider .item .caption,
.slider-fade .item .caption {
  z-index: 9
}

.slider .owl-theme .owl-dots,
.slider-fade .owl-theme .owl-dots {
  position: absolute;
  bottom: 5vh;
  width: 100%
}

.creative {
  min-height: 105vh
}

.creative .svg {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  z-index: 2
}

.creative .svg svg {
  fill: #fff;
  width: 101%
}

.wave:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: -5%;
  width: 110%;
  height: 100px;
  background-image: url(../img/wave.svg);
  background-size: cover;
  z-index: 7
}

.bg-vid {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%
}

#particles-js {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.section-box .half-img {
  background-position: 75% 50%
}

.section-box .half-content {
  padding: 30px
}

.section-box .box-white {
  padding: 50px 4%;
  background: #fff;
  -webkit-box-shadow: 0 8px 30px rgba(0, 0, 0, .08);
  box-shadow: 0 8px 30px rgba(0, 0, 0, .08)
}

.section-box .skills .skill-item {
  margin-bottom: 30px
}

.section-box .skills .skill-item:last-child {
  margin-bottom: 0
}

.section-box .skills .skill-item h6 {
  font-size: 14px;
  margin-bottom: 10px
}

.section-box .skills .skill-progress {
  width: 100%;
  height: 26px;
  border: 4px solid #f7f7f7;
  background: #f7f7f7;
  border-radius: 20px;
  position: relative;
  -webkit-box-shadow: 0 -10px 30px rgba(0, 0, 0, .08) inset;
  box-shadow: 0 -10px 30px rgba(0, 0, 0, .08) inset
}

.section-box .skills .skill-progress .progres {
  position: absolute;
  height: 100%;
  width: 0;
  left: 0;
  top: 0;
  background: #2aafc0;
  background: -webkit-gradient(linear, left top, right top, from(#2aafc0), to(#6976c5));
  background: linear-gradient(to right, #2aafc0, #6976c5);
  border-radius: 20px;
  -webkit-transition: all 1s;
  transition: all 1s
}

.section-box .skills .skill-progress .progres:before {
  content: attr(data-value);
  padding: 4px 10px 3px;
  border-radius: 10px;
  font-size: 10px;
  color: #fff;
  background: #2aafc0;
  background: -webkit-gradient(linear, left top, right top, from(#2aafc0), to(#6976c5));
  background: linear-gradient(to right, #2aafc0, #6976c5);
  position: absolute;
  top: -35px;
  right: 0
}

.section-box .skills .skill-progress .progres:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 5px solid #2aafc0;
  position: absolute;
  top: -12px;
  right: 15px
}

.section-box .accordion .item {
  margin-bottom: 30px
}

.section-box .accordion .title {
  padding: 10px 20px;
  background: #fff;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
  border-radius: 30px;
  cursor: pointer;
  position: relative
}

.section-box .accordion .title:after {
  content: '\f067';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 12px;
  position: absolute;
  top: 12px;
  right: 20px;
  display: none
}

.section-box .accordion .title h6 {
  font-size: 22px;
  font-weight: 500
}

.section-box .accordion .accordion-info {
  display: none;
  padding: 0 15px;
  margin-top: 30px;
  border-left: 1px dotted #ccc
}

.section-box .accordion .accordion-info .spac {
  margin-top: 30px;
  padding-left: 30px
}

.section-box .accordion .accordion-info .spac h6 {
  position: relative;
  margin-bottom: 15px
}

.section-box .accordion .accordion-info .spac h6:after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #555;
  position: absolute;
  top: 3px;
  left: -15px
}

.section-box .accordion .accordion-info .spac ul {
  padding-left: 30px
}

.section-box .accordion .accordion-info .spac li {
  margin-bottom: 10px;
  position: relative;
  font-size: 15px
}

.section-box .accordion .accordion-info .spac li:after {
  content: "";
  width: 6px;
  height: 6px;
  border: 1px solid #222;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: -15px
}

.section-box .accordion .active {
  display: block
}

.section-box .accordion .active .title {
  color: #fff;
  background: red;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .2)
}

.section-box .accordion .active .title:after {
  content: '\f068';
  display: none
}

.section-box .vid-butn {
  font-size: 70px;
  color: #2aafc0;
  position: relative;
  width: 70px;
  height: 70px;
  line-height: 70px;
  z-index: 3
}

.section-box .vid-butn:hover:after {
  -webkit-transform: scale(2, 2);
  transform: scale(2, 2);
  opacity: 0;
  -webkit-transition: all .5s;
  transition: all .5s
}

.section-box .vid-butn:after {
  content: '';
  position: absolute;
  top: -10px;
  bottom: -10px;
  right: -10px;
  left: -10px;
  background: rgba(255, 255, 255, .4);
  border-radius: 50%;
  z-index: -1;
  -webkit-transition: all .2s;
  transition: all .2s
}

.section-box .vid-butn:before {
  content: '';
  position: absolute;
  top: -5px;
  bottom: -5px;
  right: -5px;
  left: -5px;
  background: rgba(255, 255, 255, .6);
  border-radius: 50%;
  z-index: -1
}

.services .item {
  text-align: center;
  padding: 30px 15px
}

.services .item .icon {
  font-size: 40px;
  color: #2aafc0;
  margin-bottom: 15px
}

.services .item h6 {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 22px
}

.services .bord {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee
}

.services hr {
  height: 1px;
  width: 100%;
  border: 0;
  display: block;
  background: #eee
}

.contact-info .info {
  padding: 100px 5%
}

.contact-info .info .gradient {
  position: relative;
  z-index: 3
}

.contact-info .info .item {
  margin-bottom: 20px
}

.contact-info .info .item .icon {
  float: left;
  font-size: 35px;
  color: red
}

.contact-info .info .item .cont {
  margin-left: 60px
}

.contact-info .info .item h6 {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 1px;
  margin: 15px 0
}

.contact-info .info .social a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  color: #fff;
  background: #333;
  font-size: 15px;
  text-align: center
}

.contact-info .info .social a:hover {
  background: red
}

.contact-info .map {
  position: relative;
  padding: 0
}

.contact-info .map #ieatmaps {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.contact .form input,
.contact .form textarea {
  width: 100%;
  padding: 15px;
  background: #f7f7f7;
  border: 0;
  border-radius: 10px
}

.contact .form textarea {
  height: 140px;
  max-height: 140px;
  max-width: 100%
}

.contact .form button {
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  padding: 10px;
  color: #fff;
  background: red;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
  border: 0;
  border-radius: 30px;
  cursor: pointer
}

.contact .form button:hover {
  background: red
}

.specification-table-box h6 {
  text-align:center;
  margin-bottom:20px
}

.specification-table-box th {
  color:#333;
  background:#fbfbfb
}

.specification-table-box td {
  color:#333
}

.specification-table-box .table-heading {
  background:#efb443;
  text-align:center;
  color:#fff;
  font-size:18px
}

footer {
  background: #111;
  padding: 20px 0
}

footer .social a {
  color: #fff;
  font-size: 13px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  background: #222;
  margin: 15px 5px
}

footer a:hover {
  color: red
}

footer p {
  color: #999;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0;
  text-align: left
}

footer .right-para {
  text-align: right
}

@media screen and (max-width:991px) {
  .header {
    min-height: calc(50vh + 80px)
  }

  .mb-md50 {
    margin-bottom: 50px
  }

  .mb-md30 {
    margin-bottom: 30px
  }

  .mb-md0 {
    margin-bottom: 0
  }

  .bgimg-height {
    height: 400px
  }

  .bg-fixed {
    background-attachment: scroll !important
  }

  .navbar {
    padding-left: 0
  }

  .navbar .navbar-collapse {
    max-height: auto;
    overflow: hidden;
    background: #2756a5;
    text-align: center;
    padding: 6px 0;
    margin-top: 0
  }

  .navbar .nav-link {
    margin: 0 auto !important
  }

  .nav-scroll .navbar-collapse .nav-link {
    color: #fff !important
  }

  .nav-scroll .navbar-collapse .active {
    color: #fff !important
  }

  .header {
    background-attachment: scroll !important;
    background-position: 0 0 !important
  }

  .header .caption h4 {
    font-size: 30px
  }

  .header .caption h1 {
    font-size: 45px;
    line-height: 1.4;
    margin-top: 16%
  }

  .services .item {
    padding: 0
  }

  .services .bord {
    border: 0
  }

  .services hr {
    display: none
  }
}

@media screen and (max-width:767px) {
  .mb-sm50 {
    margin-bottom: 50px
  }

  .mb-sm30 {
    margin-bottom: 30px
  }

  .section-box h3 {
    font-size: 25px;
    line-height: 1.3
  }

  .hero .intro h3 {
    font-size: 28px
  }

  .hero .intro h4 {
    font-size: 20px
  }

  .subscribe h4 {
    font-size: 20px;
    margin-bottom: 30px
  }

  .bgimg-height-sm {
    height: 400px
  }

  .header .caption h4 {
    font-size: 16px
  }

  .header .caption h1 {
    font-size: 25px;
    margin-top: 20%
  }

  .header .caption p {
    font-size: 14px
  }

  .header .caption p span {
    font-size: 12px;
    letter-spacing: 1px
  }

  .portfolio .filtering span {
    margin-bottom: 10px
  }

  .header {
    background-attachment: scroll !important;
    background-position: 50% 0 !important
  }
  #achievementPopUp .modal-dialog {
    margin: 7% 23%;
  }
}

@media screen and (max-width:480px) {
  .section-head h4 {
    font-size: 25px
  }

  .section-box .accordion .title h6 {
    line-height: 1.5;
    font-size: 14px
  }

  .section-box .half-content {
    padding: 15px
  }

  .works .filtering .filter {
    border: 0;
    padding: 0
  }

  .works .filtering span {
    margin: 0 0 5px
  }

  .price .pricing-tables {
    padding: 0 30px
  }

  .subscribe input {
    width: 100%;
    margin-bottom: 15px;
    border-radius: 30px
  }

  .subscribe .butn {
    border-radius: 30px
  }
}

.about-info .panel-body {
  padding: 20px;
  background: #f7f6f6
}

.about-info .panel-tabs {
  position: relative;
  bottom: 30px;
  clear: both;
  border-bottom: 1px solid transparent
}

.about-info .panel-tabs>li {
  float: left;
  margin-bottom: -1px
}

.about-info .panel-tabs>li>a {
  color: #000;
  background: #e8e7e7;
  margin: 0 14px;
  font-size: 17px;
  font-weight: 700;
  padding: 9px;
  text-align: center;
  text-transform: uppercase;
  width: 150px
}

.about-info .panel-tabs>li>a:hover {
  color: #fff;
  background-color: red
}

.about-info .panel-tabs>li.active>a,
.panel-tabs>li.active>a:focus,
.panel-tabs>li.active>a:hover {
  color: #fff;
  cursor: default;
  background-color: red
}

.about-info .panel-tabs {
  bottom: 0;
  padding-bottom: 58px
}

.about-info .panel-box .panel-primary {
  background: 0 0;
  border: none
}

.about-info .panel-box .panel-primary>.panel-heading {
  background: 0 0;
  border-bottom: solid 1px #c7c5c5;
  padding: 0
}

.about-info .panel-tabs .v-border {
  height: 60px;
  border-left: solid 1px #c7c5c5;
  display: inline-block;
  margin-bottom: -5px;
  position: relative;
  left: -9%;
  top: 55px
}

.about-info .panel {
  box-shadow: none
}

.about-info .panel-box .about-img {
  float: left;
  margin: 0 20px 20px 0
}

.dropdown-item {
  text-transform: uppercase;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 600
}

.dropdown-menu {
  padding: 0;
  margin: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: red
}

.top-header {
  background: #fff;
  padding: 8px 0
}

.top-header .header-contact-details p {
  display: inline-block;
  margin: 0 20px 0 0;
  color: #222
}

.contact-address {
  width: 80%;
  margin: 0 auto
}

.contact-details {
  margin-bottom: 20px
}

.contact-details .con-icon {
  width: 45px;
  height: 45px;
  background: #f71316;
  text-align: center;
  border-radius: 50%;
  font-size: 18px;
  padding-top: 12px;
  color: #fff;
  float: left;
  margin-right: 15px
}

.address-details {
  float: left;
  width: 82%
}

.contact-details p {
  margin: 5px 0 0 0;
  font-size: 16px
}

.contact-form .p-r {
  padding: 0
}

.map {
  width: 100%;
  height: 438px
}

.map iframe {
  width: 100%;
  height: 438px;
  border: none
}

.contact-page-bg {
  background: url(../images/map.png) no-repeat #fbfbfb
}

.contact-form-details {
  padding: 20px;
  background: #fbfbfb;
  background: #fbfbfbd1;
  border: 1px solid #ccc
}

.contact-form-details .form-control {
  border: 1px solid #ccc;
  font-size: 14px;
  outline: 0;
  border-radius: 0
}

.contact-para {
  font-size: 18px;
  margin: 0 0 30px 0;
  color: #333;
  line-height: 25px
}

.bord {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee
}

hr {
  height: 1px;
  width: 100%;
  border: 0;
  display: block;
  background: #eee
}

.container1 {
  max-width: 1920px;
  margin: 0 auto
}

.container {
  max-width: 1200px;
  margin: 0 auto
}

.navbar .navbar-nav .nav-link:hover {
  color: #fff;
  background: #d2ae6d
}

.res-menu {
  display: none
}

.res-menu .dropdown {
  outline: 0
}

.res-menu .btn {
  background: 0 0;
  color: #fff;
  font-size: 15px;
  outline: 0
}

.top-header {
  padding: 17px 0
}

.top-header span {
  font-size: 13px
}

.text-bold {
  font-size: 19px !important;
  font-weight: 700
}

.add-weight {
  font-weight: 600
}

.remove-margin-bottom {
  margin-bottom: 0
}

.update-border {
  border: 3px solid #000
}

.update-border td,
.update-border th {
  border: 2px solid #545252
}

.top-header .logo img {
  width: 400px
}

/*.top-header .header-contact-v2.address {
  width: 54%;
  padding-right: 5%;
  float: left;
  margin-left: 2%;
  margin-top: 16px;
}*/

.top-header .header-contact-v2.address {
  /*width: 34%;
  padding-right: 0%;
  float: right;*/
  margin-left: 0;
  margin-top: 0; float: right;
}

.headerlogobox img{ width: 92px;}
.nabhlogo{ display: none;}

.top-header .header-contact-v2.opening-hours {
/*  width: 43%;
  float: left;*/
  margin-top: 9px;
  margin-left: 6%;
}

.top-header .icon {
  color: #d2ae6d;
  font-size: 36px;
  float: left;
  margin: 4px 20px 0
}

.top-header .text {
  overflow: hidden
}

.top-header .opening-hours .icon {
  font-size: 20px;
  margin: 0 20px 0 0
}

.navbar-expand-lg .navbar-nav {
  width: 100%
}

.rowwidth {
  width: 100%
}

.top-header .header-contact-details .fa {
  margin-right: 10px;
  color: #f71316
}

.header-social-icon {
  text-align: center;
  margin: 10px 0
}

.header-social-icon a {
  display: inline-block;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  width: 30px;
  height: 30px;
  padding-top: 5px
}

.header-social-icon .facebook:hover {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #012166
}

.header-social-icon .google:hover {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #db4437
}

.header-social-icon .instagram:hover {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #f01f43
}

.appointment-btn {
  background: #d2ae6d;
  margin-top: 22px
}

.appointment-btn:hover {
  background: #f71316
}

.appointment-btn p {
  color: #fff;
  text-align: center;
  padding: 10px
}

.appointment-btn a {
  display: block;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase
}

.navbar .p-r {
  padding: 0
}

.home-slider {
  margin-top: 0
}

.home-slider .carousel-caption {
  position: absolute;
  right: 15%;
  top: 14%;
  left: 28%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  width: 40%;
  bottom: auto
}

.home-slider .carousel-caption h2 {
  color: #f71316;
  text-transform: uppercase;
  font-size: 50px;
  border-bottom: 2px solid #f71316;
  margin-bottom: 20px
}

.home-slider .carousel-caption p {
  color: #f71316;
  line-height: 20px;
  font-size: 30px;
  margin: 10px 0 15px 0
}

.home-slider .carousel-indicators li {
  background-color: #2756a5
}

.home-slider .carousel-indicators .active {
  background-color: #f71316
}

.content-slider {
  padding: 5% 0 30px 0;
  background: #fdfdfd
}

.content-slider .carousel-item::before {
  background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left bottom, left top, from(rgba(39, 86, 165, .8)), color-stop(50%, rgba(3, 129, 255, .15))) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(39, 86, 165, .8) 0, rgba(3, 129, 255, .15) 50%) repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-transition: .5s;
  transition: .5s
}

.content-slider p {
  color: #fff;
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  text-shadow: 0 0 1px #f9f9f9
}

.content-slider .carousel-caption {
  right: 5%;
  left: 5%;
  bottom: 0
}

.slider-info {
  margin-bottom: 20px
}

.slider-info h4 {
  color: #d2ae6d;
  font-size: 20px;
  margin-bottom: 10px
}

.slider-info p {
  color: #333;
  line-height: 24px;
  font-size: 15px;
  margin-bottom: 10px
}

.positiondiv {
  position: relative
}

.doctor_search__content {
  justify-content: center;
  position: relative
}

.doctor_search__content {
  background: rgba(0, 0, 0, 0) url(../images/banner-shape.png) no-repeat scroll 0 0;
  top: 0;
  content: "";
  height: 216px;
  position: absolute;
  width: 100%;
  pointer-events: none;
  left: 65%
}

.doctor_search__content p {
  float: right;
  width: 50%;
  margin: 40px 0
}

.home-slider .carousel-item img {
  height: 500px
}

.home-intro-box {
  background: #d2ae6d;
  padding: 30px 0
}

.home-intro-box .boldiv {
  font-weight: 700
}

.home-intro-box p {
  color: #fff;
  margin: 0;
  text-align: center;
  font-size: 18px;
  line-height: 28px
}

.home-gray-box {
  background: #efefee;
  padding: 30px 0
}

.home-gray-box p {
  margin: 0;
  color: #000;
  text-align: center;
  margin: 0;
  font-size: 18px;
  line-height: 28px
}

.footer-top {
  background: #2756a5;
  padding: 30px 0
}

.footer-menu {
  list-style: none
}

.footer-menu a {
  color: #fff;
  font-size: 18px;
  padding: 8px 7px;
  display: block
}

.footer-menu a:hover {
  background: #d2ae6d
}

.footer-menu li {
  padding: 3px 0;
  border-bottom: solid 1px rgba(255, 255, 255, .5)
}

.topbtn {
  text-align: center;
  margin: 35px 0 15px
}

.topbtn a {
  font-size: 18px;
  color: #fff;
  border: 1px solid #fff;
  padding: 6px 12px;
  font-weight: 700;
  border-radius: 4px
}

.topbtn a:hover {
  background: #d2ae6d
}

.map {
  width: 100%;
  height: 200px
}

.map iframe {
  width: 100%;
  height: 200px;
  border: 5px solid #003ea0
}

.bottom-footer {
  background: #000;
  padding: 12px 0
}

.bottom-footer p {
  margin: 0;
  color: #fff
}

.footerright {
  text-align: right
}

.bluecolor {
  color: #d2ae6d
}

.bottom-footer a:hover {
  color: #d2ae6d
}

.inner-page-bg {
  padding: 30px 0;
  position: relative;
  background: url(../images/breadcurmb.jpg) repeat scroll center center/cover
}

.inner-page-bg h1 {
  color: #d2ae6d;
  text-align: center;
  text-transform: uppercase;
  font-size: 36px
}

.inner-page-bg .mt-separator:before {
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 100px;
  background-color: #2756a5 !important
}

.inner-page-bg .mt-separator:after {
  bottom: -5px;
  content: "";
  height: 2px;
  left: 0;
  margin: 0 auto;
  right: 0;
  position: absolute;
  width: 50px;
  background-color: #2756a5 !important
}

.inner-page-content {
  padding: 40px 0
}

.core-services-page .ser-graybox {
  border: 1px solid #fafafa;
  background: #fff;
  margin-bottom: 20px;
  padding: 20px;
  box-shadow: 1px 1px 3px #dfdfdf
}

.core-services-page .ser-graybox .ser-img {
  float: left;
  margin-right: 20px
}

.core-services-page .ser-graybox .ser-img img {
  height: 260px
}

.core-services-page .ser-graybox .ser-info {
  float: left;
  width: 46%;
  padding: 10px
}

.core-services-page .ser-graybox h3 {
  font-size: 20px;
  color: #d2ae6d;
  margin-bottom: 15px
}

.core-services-page .ser-graybox p {
  margin: 0;
  font-size: 14px
}

.core-services-page .ser-graybox1 img {
  margin-bottom: 20px
}

.inner-page-content .titlediv h3 {
  color: #001231;
  text-align: center;
  margin-bottom: 30px;
  font-size: 32px
}

.services-box {
  border-bottom: 3px solid #ececec;
  margin: 20px 0
}

.inner-page-bg .blackcolor {
  color: #000
}

.core-services-page .ser-graybox2 {
  padding: 0
}

.core-services-page .ser-graybox2 p {
  padding: 0 20px 20px 20px
}

.core-services-page .ser-graybox2 h3 {
  padding: 20px 20px 0 20px
}

.inner-page-content .titlediv p {
  font-size: 20px;
  color: #001231;
  width: 80%;
  margin: 0 auto;
  text-align: center
}

.diagnostics-box-services {
  margin-top: 30px
}

.diagnostics-box-info {
  position: relative;
  text-align: center
}

.diagnostics-box-info .heading-box {
  border-radius: 0 60px 0 0;
  overflow: hidden;
  background-color: #2756a5
}

.diagnostics-box-info .diagnostics-para {
  border: 1px solid #e1dede;
  box-shadow: 1px 1px 3px #dfdfdf;
  background: #fff;
  border-radius: 0 0 0 60px;
  overflow: hidden;
  background-color: #fff;
  padding: 20px
}

.diagnostics-box-info .diagnostics-para p {
  margin-bottom: 0
}

.diagnostics-box-info .diagnostics-para img {
  margin-bottom: 15px
}

.diagnostics-box-info .heading-box h3 {
  color: #fff;
  padding: 20px;
  font-size: 24px
}

.contai-details-box {
  border: 1px solid #eee;
  padding: 30px;
  width: 100%
}

.contai-details-box h4 {
  font-size: 22px;
  color: #2756a5;
  margin-bottom: 15px
}

.addressbox {
  margin: 30px 0
}

.addressbox .icon-box {
  float: left;
  width: 40px;
  height: 40px;
  border: 1px solid #ccc;
  text-align: center;
  padding-top: 4px;
  font-size: 22px;
  color: #d2ae6d
}

.addressbox .info-box {
  float: left;
  width: 80%;
  margin-left: 20px
}

.addressbox .info-box h6 {
  text-transform: uppercase;
  font-size: 16px;
  color: #d2ae6d
}

.addressbox .info-box p {
  margin-bottom: 0;
  color: #000
}

.addressbox .info-box a {
  color: #000
}

.contact-page .graybg {
  background: #f5f6f6
}

.contact-page .butn-bg {
  width: 100%
}

.contact-page .form-control {
  font-size: 14px;
  border-radius: 0;
  padding: 14px 15px
}

.contact-map {
  height: 100%;
  width: 100%
}

.contact-map iframe {
  width: 100%;
  height: 100%;
  border: none
}

.contact-footer {
  width: 100%;
  margin: 0 auto
}

.core-services-sec h2 {
  color: #f71316;
  text-align: center;
  font-weight: 400;
  margin-bottom: 20px
}

.core-services-sec .nav-justified .nav-item {
  flex-basis: inherit;
  padding: 0;
  border: 1px solid #dee2e6
}

.core-services-sec .nav-tabs .nav-item {
  width: 100%;
  text-align: left;
  font-size: 18px
}

.core-services-sec .nav-tabs img {
  width: 75px;
  background: #fff none repeat scroll 0 0;
  margin-right: 8px;
  padding-right: 6px
}

.core-services-sec .nav-link {
  background: #f9f9f9
}

.core-services-sec .tab-content h4 {
  color: #001231;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400
}

.core-services-sec .tab-content p {
  font-size: 17px;
  margin-bottom: 25px;
  text-align: left;
  line-height: 24px
}

.core-services-sec .tab-content .butn {
  padding: 7px 20px
}

.core-services-sec .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #fff;
  background-color: #2756a5;
  border-color: #dee2e6 #dee2e6 #fff
}

.core-services-sec .nav-tabs .nav-item:hover {
  background: #2756a5;
  color: #fff
}

.core-services-sec .tab-content p {
  margin-bottom: 10px
}

.home-intro-box h1 {
  text-align: center;
  color: #f71316;
  font-size: 24px
}

.diagnostics-box-services .padding-left {
  padding-left: 0
}

.diagnostics-box-services .padding-right {
  padding-right: 0
}

.diagnostics-box-services .p-r {
  padding: 0
}

.diagnostics-box-services p {
  background: #2756a5;
  color: #fff;
  margin: 0;
  padding: 30px 25px
}

.diagnostics-box-services .heading-box {
  background: #efefef;
  color: #d2ae6d;
  text-align: center
}

.diagnostics-box-services .heading-box h3 {
  font-size: 26px;
  padding: 10px
}

.diagnostics-box-services .m-b {
  margin-bottom: 30px
}

.blue-facility-bg {
  padding: 8%
}

.blue-facility-bg h3 {
  color: #001231;
  margin-bottom: 9px;
  font-size: 26px
}

.blue-facility-bg p {
  color: #3a3a3a;
  font-size: 17px;
  margin-top: 30px
}

.facilities-page .p-r {
  padding: 0
}

.borderdiv {
  background: #2756a5;
  width: 15%;
  height: 5px
}

.outrich-page p {
  text-align: center;
  background: #f5f4f4;
  margin: 0;
  padding: 20px;
  font-size: 17px
}

.diagnostics-box-services {
  position: relative
}

.diagnostics-box-services .diagnostics-para1 {
  padding: 5%;
  height: auto;
  position: relative;
  left: 117px;
  margin: 30px 0;
  background: #ffffffab;
  width: 100%;
  height: 355px
}

.diagnostics-box-services .diagnostics-para2 {
  left: -110px
}

.diagnostics-box-services .diagnostics-left {
  z-index: 2
}

.diagnostics-box-services .diagnostics-right {
  z-index: 1
}

.diagnostics-box-services .border-box {
  border: 2px solid #d2ae6d;
  height: 100%;
  padding: 37px 7%;
  background: #ffffff91
}

.diagnostics-box-services .diagnostics-para1 h3 {
  color: #001231;
  font-size: 24px;
  text-align: left;
  font-weight: 400
}

.diagnostics-box-services .diagnostics-para1 p {
  color: #333;
  font-size: 16px;
  background: 0 0;
  line-height: 24px;
  padding: 30px 0;
  text-align: left
}

.diagnostics-box-services .paading-remove {
  padding: 0
}

.diagnostics-box-services .diagnostics-box-info {
  margin-bottom: 5px;
  background: #f2f2f2
}

.careunit-info {
  border-bottom: 2px solid #ccc;
  margin-bottom: 30px;
  padding-bottom: 30px
}

.careunit-info h3 {
  font-size: 26px;
  color: #001231;
  margin-bottom: 9px
}

.careunit-info p {
  font-size: 17px;
  margin-top: 20px
}

.careunit-info .borderdiv {
  width: 8%
}

.careunit-info ul {
  list-style: none
}

.careunit-info li {
  float: left;
  padding: 15px 30px;
  color: #2756a5;
  font-size: 18px;
  background: #f5f4f4;
  margin-right: 12px
}

.careunit-info .disountpara {
  font-size: 22px;
  font-weight: 700;
  color: #d2ae6d;
  margin: 0;
  text-transform: uppercase
}

.wellness-info h3 {
  font-size: 26px;
  color: #001231;
  margin-bottom: 9px
}

.wellness-info-box {
  position: relative
}

.wellness-info-box .crossborder {
  position: absolute;
  left: 52%
}

.wellness-info-box .crossborder img {
  height: 572px
}

.wellness-info-box img {
  width: auto
}

.wellness-info-box ul {
  padding-left: 20px;
  margin-top: 30px
}

.wellness-info-box li {
  line-height: 28px;
  font-size: 17px
}

.wellness-info-box .grybg {
  background: #f5f4f4;
  padding: 30px
}

.wellness-info-box {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 2px solid #ccc
}

.wellness-info-box1 p {
  font-size: 17px
}

.wellness-info-box .bg1 {
  background: url(../images/1.jpg) no-repeat center;
  height: 535px;
  padding: 12%
}

.wellness-info-box .bg2 {
  background: url(../images/2.jpg) no-repeat center;
  height: 535px;
  padding: 12%
}

.wellness-info-box .bg3 {
  background: url(../images/3.jpg) no-repeat center;
  height: 535px;
  padding: 12%
}

.wellness-info-box .bg4 {
  background: url(../images/4.jpg) no-repeat center;
  height: 535px;
  padding: 12%
}

.wellness-info-box .bg5 {
  background: url(../images/5.jpg) no-repeat center;
  height: 535px;
  padding: 12%
}

.wellness-info-box .padding-remove {
  padding: 0
}

.wellness-info-box .bg1 p {
  color: #000
}

.wellness-info-box1 p {
  color: #fff;
  position: relative;
  top: 69%;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-align: center
}

.wellness-info-box1 .col-md-3 {
  max-width: 20%
}

.wellness-info-box1 .bg2 p {
  top: 44%
}

.wellness-info-box1 .bg3 p {
  top: 80%;
  color: #000
}

.wellness-info-box1 .bg4 p {
  top: 38%
}

.wellness-info-box1 .bg5 p {
  top: 4%
}

.wellness-info-box1 .para {
  color: #3a3a3a;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px
}

button:focus {
  outline: 0
}

.res-contact-details .address .icon {
  float: left
}

.res-contact-details .address .text {
  float: left;
  width: 91%
}

.res-contact-details .icon {
  color: #d2ae6d;
  font-size: 18px;
  margin-right: 10px
}

.res-top-header .res-btn {
  text-align: center;
  background: #d2ae6d;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  display: block;
  padding: 15px
}

.res-top-header .res-btn:hover {
  background: #f71316
}

.top-header-patti {
  background: #d2ae6d
}

.top-header-patti h3 {
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  padding: 4px
}

.res-top-header {
  display: none
}

.res-contact-details {
  display: none
}

.res-social-icon {
  display: none
}

.res-core-page .res-coreimg {
  width: 75px;
  background: #fff none repeat scroll 0 0;
  margin-right: 8px;
  padding-right: 6px
}

.res-core-page .card-header {
  padding: 0
}

.res-core-page a {
  display: block;
  font-size: 17px
}

.res-core-page a:hover {
  background: #2756a5;
  color: #fff
}

.res-core-page h4 {
  color: #001231;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400
}

.res-core-page p {
  font-size: 17px;
  margin-bottom: 8px;
  text-align: left;
  line-height: 24px
}

.res-core-page {
  display: none
}

.appointment-btn .fa-times {
  font-size: 25px
}

.appointment-btn .close {
  opacity: .9
}

.appointment-btn .modal-dialog {
  margin: 5% auto
}

.topHome {
  position: fixed;
  bottom: 60%;
  right: 20px;
  z-index: 5;
  color: #fff;
  background: #d2ae6d;
  padding: 5px;
  font-size: 10px
}

.topHome:hover {
  color: #fff
}

.core-services-page .borderdiv {
  margin-bottom: 15px
}

.careunit-info .borderline {
  border-right: 2px dashed #ccc
}

.careunit-info .blackpatti {
  background: #f5f4f4;
  color: #2756a5;
  text-align: center;
  font-size: 18px;
  padding: 5px
}

.res-logo {
  display: none
}

.careunit-page {
  position: relative
}

.careunit-page .ribbonimg {
  position: absolute;
  right: 80px;
  top: -39px
}

.careunit-page .ribbonimg img {
  width: 115px
}

.careunit-page .careunitpara {
  width: 85%
}

.campaign-info {
  padding-top: 16%;
  text-align: center
}

.campaign-info h3 {
  font-size: 40px;
  color: #2756a5
}

.campaign-info p {
  font-size: 20px;
  color: #001231;
  margin-bottom: 0
}

.campaign-info .timepara {
  font-size: 20px
}

.campaign-info h4 {
  font-size: 36px;
  color: #d2ae6d
}

.new-campagin-design .borderbox {
  border: 1px dashed #ccc
}

.new-campagin-design .campagin-box {
  padding: 15px
}

.new-campagin-design .campagin-box img {
  width: 100%
}

.new-campagin-design .campagin-box .campagin-left-box {
  width: 40%;
  float: left
}

.new-campagin-design .campagin-box .campagin-right-box {
  width: 60%;
  float: left;
  padding-top: 13%
}

.new-campagin-design .campagin-box .campagin-right-box p {
  font-size: 24px;
  color: #2756a5;
  line-height: 33px
}

.new-campagin-design .campagin-box .campagin-right-box .smallpara {
  font-size: 16px;
  color: #b5b5b5
}

#back-to-top {
  position: fixed;
  bottom: 67%;
  right: 20px;
  z-index: 5;
  color: #fff;
  background: #d2ae6d;
  padding: 5px;
  font-size: 10px;
  text-decoration: none;
  transition: opacity .2s ease-out;
  opacity: 0
}

#back-to-top:hover {
  background: #2756a5
}

#back-to-top.show {
  opacity: 1
}

.counter {
  text-align: center;
  margin-top: 20px
}

.counter img {
  width: auto
}

.counter a {
  color: #fff;
  font-weight: 700;
  font-size: 20px
}

.home-vision-mission-sec {
  padding: 40px 0
}

.vision-mission-info {
  position: relative
}

.vision-mission-info .imgicon {
  float: left;
  width: 33%
}

.vision-mission-info img {
  border-radius: 5px;
  width: 200px
}

.vision-mission-info .parabox {
  background: #f9f8f8;
  padding: 25px 20px;
  box-shadow: 1px 1px 3px #ecebeb;
  width: 67%;
  float: left;
  height: 100%
}

.vision-mission-info .parabox p {
  font-size: 14px;
  margin: 0
}

.vision-mission-info h2 {
  font-size: 18px;
  margin-bottom: 8px;
  color: #2756a5
}

.vision-mission-info .divider {
  border: 1px dashed #e4be6d;
  margin: 15px 0
}

#overlay {
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: .5;
  position: fixed;
  z-index: 9999;
  display: none
}

#Updates .btndiv {
  background: #fded03;
  padding: 5px
}

#Updates {
  margin: 5% 34% 0;
  position: fixed;
  z-index: 9999;
  display: none
}

#Updates .closebtn img {
  width: auto
}

.closebtn {
  text-align: right;
  padding: 0;
  margin-bottom: 10px;
  position: absolute;
  right: -11px;
  top: -12px
}

.closebtn .fa {
  background: #fde90e;
  color: #1f3e90;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  text-align: center;
  padding-top: 4px;
  font-size: 20px;
  border-radius: 50%
}

.footer-news-box h3 {
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  padding-bottom: 8px
}

.footer-news-box .border-line {
  background: #fff;
  height: 1px;
  width: 100%;
  margin-bottom: 20px
}

.footer-news-info h4 {
  color: #d2ae6d;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 700
}

.footer-news-info p {
  color: #fff;
  margin-bottom: 8px
}

.footer-news-info a {
  display: inline-block;
  padding: 5px 10px;
  background: #d2ae6d;
  color: #fff;
  text-align: center;
  float: right;
  font-size: 12px;
  border-radius: 5px
}

.footer-news-info a:hover {
  background: #d2ae6d;
  color: #fff
}

.news-page .campagin-box .campagin-right-box p {
  font-size: 16px;
  margin-bottom: 0;
  color: #333;
  line-height: 25px
}

.news-page h4 {
  font-weight: 700;
  color: #f71316
}

.testimonial-sec {
  padding: 30px 0;
  background: #fbfbfb;
  text-align:center;
}

.testimonial-img img {
  border: 2px dashed #e4be6d;
  padding: 6px;
  border-radius: 50%;
  width: 100%
}

.testimonial-sec h4 {
  font-size: 22px;
  color: #2756a5;
  margin-bottom: 15px
}

.testimonial-sec a {
  display: inline-block;
  padding: 10px 18px;
  background: #fff;
  color: #000;
  font-size: 12px;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 700;
  border: 1px solid #2756a5
}

.testimonial-sec a:hover {
  background: #2756a5;
  color: #fff
}

.more-info-popup img {
  border: 2px dashed #e4be6d;
  padding: 6px;
  border-radius: 50%;
  width: auto;
  float: left;
  margin: 0 20px 20px 0
}

.more-info-popup .modal-dialog {
  max-width: 75%;
  margin: 4% auto
}

.more-info-popup p {
  text-align: justify
}

.more-info-popup h4 {
  font-size: 22px;
  color: #2756a5;
  margin: 0
}

.more-info-popup .modal-header .close {
  font-size: 25px;
  background: #d2ae6d;
  border: none;
  color: #fff;
  opacity: 9
}

.heading-responsive {
  display: none;
  font-size: 22px;
  color: #2756a5;
  margin: 0
}

.borderremove {
  border-bottom: 0
}

/*=========testimonial-page=================*/
.testimonial-box{  border:1px dashed #ccc; padding: 15px; text-align: center; margin-bottom: 20px;}
.testimonial-box img{ width: auto; margin-bottom: 15px;}
.testimonial-box h4 { font-size: 18px;}


#achievementPopUp .modal-dialog {
  max-width: 417px;
}
#achievementPopUp .modal-body {
  padding: 0;
}
#achievementPopUp .modal-header {
  padding: 0;
  border: none;
}
#achievementPopUp .modal-header .close {
  padding: 0px;
  margin: 0;
  float: none;
  position: absolute;
  right: -10px;
  z-index: 11;
  font-size: 30px;
  top: -2%;
  width: 40px;
  height: 40px;
  background: #0056b3;
  opacity: 10;
  border-radius: 50%;
  color: #fff;
}

/*==========media query=========*/
@media screen and (max-width :1920px) {
#Updates {margin: 5% 40% 0;}
}

@media screen and (max-width :1366px) {
  .container1 {
    width: 100%
  }

  .container {
    width: 100%
  }

  .vision-mission-info img {
    width: 100%
  }
  #Updates { margin: 1% 34% 0;}
}

@media screen and (max-width :1199px) {
  .about-info .panel-tabs>li>a {
    margin: 0 5px;
    width: 139px;
    font-size: 14px
  }

  .home-slider .carousel-caption {
    top: 15%;
    left: 4%
  }

  .about-panel .nav-tabs .nav-link {
    width: 120px;
    height: 120px
  }

  .about-panel a {
    padding: 45px 9px;
    font-size: 12px
  }

  .about-panel .panel-tabs .v-border {
    left: -10%;
    top: 120px
  }

  .navbar .navbar-nav .nav-link {
    padding: 16px 8px;
    font-size: 13px
  }


  .headerlogobox img {
    width: 86px;
  }

  .bottom-footer p {
    font-size: 13px
  }

  .top-header span {
    font-size: 12px
  }

  .top-header .logo img {
    width: 100%
  }

  .appointment-btn {
    margin-top: 20px
  }

  .top-header .header-contact-v2.address {
    margin-top: 0
  }

  .top-header .header-contact-v2.opening-hours {
    margin-top: 0
  }

  .top-header .opening-hours .icon {
    margin: 0 10px 0 0
  }

  .top-header .icon {
    margin: 4px 10px 0
  }

  .diagnostics-box-info img {
    height: 100%
  }

  .core-services-sec .nav-tabs img {
    width: 60px
  }

  .core-services-sec .nav-tabs .nav-item {
    font-size: 15px
  }

  .diagnostics-box-services .diagnostics-para1 p {
    padding: 18px 0;
    font-size: 15px
  }

  .diagnostics-box-services .diagnostics-para1 {
    height: auto
  }

  .diagnostics-box-services .border-box {
    padding: 12px 5%
  }

  .careunit-page .careunitpara {
    width: 75%
  }

  .new-campagin-design .campagin-box .campagin-right-box p {
    font-size: 20px;
    line-height: 24px
  }

  .news-page .campagin-box .campagin-right-box p {
    font-size: 16px
  }

  #Updates {
    margin: 4% 35%
  }
  #Updates img{ width: 320px;}
}


@media screen and (max-width :1116px) {
.appointment-btn p{ padding: 9px;}
}

@media screen and (max-width :1138px) {
  .wellness-info-box .crossborder img {
    height: 609px;
    width: 94%
  }
}


@media screen and (max-width :1104px) {
.appointment-btn {
  margin-top: 0;
}
.headerlogobox img {
  width: 77px;
}
}

@media screen and (max-width :1102px) {
  .wellness-info-box .crossborder img {
    height: 630px;
    width: 88%
  }
}


@media screen and (max-width :1050px) {
  .wellness-info-box .crossborder img {
    height: 649px;
    width: 86%
  }
}

@media screen and (max-width :1036px) {
  .wellness-info-box .crossborder img {
    height: 668px;
    width: 83%
  }
}

@media screen and (max-width :1024px) {
  .wellness-info-box .crossborder img {
    height: 668px
  }
  #achievementPopUp .modal-dialog {
    max-width: 417px;
    margin: 8% 31%;
  }
}

@media screen and (max-width :1007px) {
  .navbar .navbar-nav .nav-link {
    padding: 16px 8px;
    font-size: 13px
  }
}

@media screen and (max-width :991px) {
  .inner-bg h2 {
    padding: 23% 0 10%
  }

  .about-info .panel-tabs {
    padding-bottom: 0
  }

  .about-info .panel-tabs .v-border {
    display: none
  }

  .about-info .panel-tabs>li>a {
    width: auto
  }

  .about-panel a {
    font-size: 12px;
    padding: 8px;
    margin: 0 7px
  }

  .navbar {
    background: 0 0
  }

  .navbar .icon-bar {
    color: #2756a5
  }

  .navbar .navbar-nav .nav-link {
    color: #fff;
    font-size: 15px
  }

  .home-slider .carousel-caption {
    width: 40%
  }

  .top-header {
    text-align: center
  }

  .logo {
    padding: 0 15px
  }

  .home-slider h2 {
    font-size: 22px
  }

  .butn {
    padding: 8px 20px
  }

  .about-panel .nav-tabs .nav-link {
    width: 120px;
    height: 50px;
    border-radius: 0
  }

  .about-panel {
    width: 100%
  }

  .about-panel .panel-tabs .v-border {
    left: -10%;
    top: 54px
  }

  .res-menu {
    display: block
  }

  .menudropdown {
    display: none
  }

  .carousel-indicators {
    display: none
  }

  .contact-address {
    width: 100%
  }

  .contact-details .con-icon {
    width: 40px;
    height: 40px;
    padding-top: 10px
  }

  .bottom-footer .col-md-6 {
    max-width: 100%;
    flex: inherit
  }

  .bottom-footer .col-sm-6 {
    max-width: 100%;
    flex: inherit
  }

  .bottom-footer p {
    text-align: center
  }

  .content-slider p {
    font-size: 15px;
    line-height: 22px
  }

  .home-slider .carousel-item img {
    height: auto
  }

  .navbar {
    position: relative
  }

  .nav-scroll {
    position: fixed
  }

  .appointment-btn {
    margin-top: 0
  }

  .top-header .logo img {
    width: 100%;
    margin-top: 12px
  }

  .top-header .header-contact-v2.address {
    margin-left: 0;
    width: 55%;
    text-align: left
  }

  .top-header .icon {
    margin: 4px 6px 0
  }

  .top-header .opening-hours .icon {
    margin: 0 5px 0 0
  }

  .navbar-toggler {
    margin-top: 5px;
    outline: 0;
    font-size: 30px;
    padding: .25rem 0;
    margin-right: 20px
  }

  .top-header {
    padding: 10px 0 0;
    display: none
  }

  .iconbox {
    text-align: left
  }

  .res-top-header {
    display: block;
    padding: 0 0;
    background: #f5f5f5
  }

  .res-contact-details {
    display: block;
    padding: 15px 0
  }

  .res-top-header img {
    width: auto
  }

  .desktop-menu .header-social-icon {
    display: none
  }

  .desktop-menu .col-md-10 {
    max-width: 100%;
    flex: 0 0 auto;
    padding: 0
  }

  .res-top-header .header-social-icon .facebook {
    background: #012166;
    border-radius: 50%
  }

  .res-top-header .header-social-icon .google {
    background: #db4437;
    border-radius: 50%
  }

  .res-top-header .header-social-icon .instagram {
    border-radius: 50%;
    background: #f01f43
  }

  .rowwidth {
    margin: 0
  }

  .contact-page .col-md-4 {
    max-width: 100%;
    flex: 0 0 auto
  }

  .contact-map {
    height: 400px;
    width: 100%
  }

  .contact-map iframe {
    height: 400px;
    width: 100%
  }

  .navbar .navbar-nav .nav-link {
    padding: 8px
  }

  .blue-facility-bg {
    padding: 10px 7%
  }

  .navbar .navbar-nav .nav-link {
    border-right: none
  }

  .res-contact-details .text {
    color: #fff
  }

  .res-contact-details .iconbox a {
    color: #fff
  }

  .res-social-icon {
    display: block
  }

  .res-top-header .res-btn {
    padding: 6px;
    margin-top: 8px
  }

  .res-core-page {
    display: block
  }

  .core-services-sec {
    display: none
  }

  .res-logo img {
    width: 290px
  }

  .wellness-info-box img {
    width: 100%
  }

  .res-logo img {
    margin: 15px
  }

  .nav-scroll {
    background: #fff
  }

  .diagnostics-box-services .diagnostics-para1 {
    left: 26px
  }

  .diagnostics-box-services .diagnostics-para2 {
    left: -26px
  }

  .careunit-info h3 {
    font-size: 22px
  }

  .inner-page-content .titlediv p {
    font-size: 18px
  }

  .diagnostics-box-services .border-box {
    padding: 18px 4%
  }

  .diagnostics-box-services .diagnostics-para1 {
    margin: 16px 0
  }

  .res-core-page a {
    font-size: 22px
  }

  .res-logo {
    display: block
  }

  .careunit-page .ribbonimg {
    position: absolute;
    right: 36px;
    top: 0
  }

  .doctor_search__content {
    left: 56%
  }

  .campagin-box .campagin-right-box p {
    font-size: 18px !important;
    line-height: 22px !important
  }

  .news-page .campagin-box .campagin-right-box p {
    font-size: 16px !important
  }

  .news-page h4 {
    font-size: 20px
  }

  .news-page .campagin-box .campagin-right-box {
    padding-top: 5%
  }

  #Updates {
    margin: 6% 32%
  }
  .testimonial-info .col-sm-4{ max-width: 33%; flex: 0 auto;}
  .nabhlogo{ display: block;     padding-left: 33%;}
  .nabhlogo img{ width: 79px;}
  #Updates img {
    width: 317px;
  }
}

@media screen and (max-width :931px) {
  .wellness-info-box .crossborder img {
    height: 668px;
    width: 75%
  }
}

@media screen and (max-width :900px) {
  .diagnostics-box-services .col-md-6 {
    max-width: 100%;
    flex: 0 0 auto;
    padding: 0
  }

  .diagnostics-box-services .diagnostics-para1 {
    left: 0
  }

  .diagnostics-box-services .diagnostics-para2 {
    left: 0
  }
}

@media screen and (max-width :880px) {
  .vision-mission-info .col-md-6 {
    max-width: 100%;
    flex: 0 auto;
    margin-bottom: 20px
  }

  .vision-mission-info .imgicon {
    float: left;
    width: 25%
  }

  .vision-mission-info .parabox {
    width: 75%
  }
}

@media screen and (max-width :840px) {
  .wellness-info-box .crossborder img {
    width: 65%
  }
}

@media screen and (max-width :810px) {
  .wellness-info-box .crossborder {
    left: 51%
  }

  .wellness-info-box .crossborder img {
    width: 57%;
    height: 668px
  }
  #Updates {
    margin: 6% 30%;
  }
}

@media screen and (max-width :827px) {
.nabhlogo{     padding-left: 27%;}
}

@media screen and (max-width :768px) {
  .wellness-info-box .crossborder {
    left: 49%
  }

  .wellness-info-box .crossborder img {
    width: 57%;
    height: 705px
  }
  #Updates {
    margin:29% 26%;
  }
}

@media screen and (max-width :767px) {
  .container {
    max-width: 100%
  }

  .icondiv {
    float: none
  }

  .introbox {
    text-align: center
  }

  .icondiv img {
    margin-bottom: 15px
  }

  .introinfo p {
    text-align: center
  }

  .introinfo {
    float: none;
    width: auto;
    margin: 0
  }

  .team .item .team-img {
    width: 150px;
    height: 150px;
    margin: 20px
  }

  .navbar-toggler {
    margin-right: 10px
  }

  .inner-bg h2 {
    padding: 33% 0 10%
  }

  .about-info .panel-tabs>li>a {
    width: 160px
  }

  .about-info .panel-box .about-img {
    float: none;
    margin: 0 0 20px 0;
    width: 100%
  }

  .about-info .tab-pane1 img {
    margin-bottom: 15px
  }

  .contact-info .info .item .cont {
    margin-left: 35px
  }

  .job-position .classic-title {
    margin: 30px 0
  }

  .customer-page .panel-heading {
    margin-bottom: 30px
  }

  .customer-page .panel-body h3 {
    margin: 20px 0
  }

  .about-panel a {
    padding: 11px;
    margin: 9px 10px
  }

  .career-sec p {
    text-align: justify
  }

  .about-info li {
    text-align: justify
  }

  .about-info .aboutul {
    margin-top: 20px
  }

  .about-panel .about-img {
    width: 100%;
    float: none
  }

  .ser-panel img {
    margin: 8px 0
  }

  .customer-page .tab-content li {
    text-align: justify
  }

  .career-page li {
    text-align: justify
  }

  .career-page p {
    text-align: justify
  }

  .sector-page ul li {
    text-align: justify
  }

  .accordion_body p {
    text-align: justify
  }

  .col-sm-6 {
    max-width: 100%;
    flex: 0 0 auto
  }

  .col-sm-3 {
    max-width: 100%;
    flex: 0 0 auto
  }

  .col-sm-4 {
    max-width: 100%;
    flex: 0 0 auto
  }

  .col-sm-8 {
    max-width: 100%;
    flex: 0 0 auto
  }

  .col-sm-7 {
    max-width: 100%;
    flex: 0 0 auto
  }

  .col-sm-5 {
    max-width: 100%;
    flex: 0 0 auto
  }

  footer p {
    text-align: center
  }

  footer .right-para {
    text-align: center;
    margin-top: 10px
  }

  .mb-md50 {
    margin-bottom: 20px
  }

  .res-top-header .col-sm-4 {
    max-width: 40%;
    flex: 0 0 auto
  }

  .res-top-header .col-sm-8 {
    max-width: 60%;
    flex: 0 0 auto
  }

  .content-slider .carousel-item {
    margin-bottom: 20px
  }

  .core-services-sec .tab-content {
    margin-top: 20px
  }

  .careunit-info .col-sm-4 {
    max-width: 50%
  }

  .careunit-info img {
    margin-bottom: 20px
  }

  .wellness-info-box1 .col-md-3 {
    max-width: 33%;
    margin-bottom: 20px
  }

  .wellness-info-box .padding-remove {
    padding: 0 15px
  }

  .wellness-info-box img {
    width: 100%
  }

  .wellness-info-box .grybg {
    margin-top: 20px
  }

  .footer-menu {
    margin-bottom: 0
  }

  .map {
    margin-top: 30px
  }

  .contact-footer {
    width: 100%
  }

  .inner-page-bg h1 {
    font-size: 28px
  }

  .inner-page-content .titlediv h3 {
    font-size: 24px
  }

  .diagnostics-box-services .diagnostics-para1:after {
    display: none
  }

  .blue-facility-bg {
    padding: 2% 5%
  }

  .inner-page-content .titlediv p {
    width: 100%
  }

  .wellness-info h3 {
    font-size: 20px
  }

  .diagnostics-box-services .diagnostics-para1 p {
    padding: 30px 0
  }

  .res-contact-details .header-contact-v2 {
    margin-bottom: 20px
  }

  .res-contact-details .iconbox {
    margin-bottom: 20px
  }

  .top-header-patti h3 {
    font-size: 14px
  }

  .careunit-info .borderline {
    border-right: none;
    border-bottom: 2px dashed #ccc
  }

  .careunit-info h3 {
    margin-top: 20px
  }

  .careunit-info {
    margin-bottom: 0;
    padding-bottom: 0
  }

  .careunit-info p {
    text-align: justify;
    font-size: 15px
  }

  .blue-facility-bg p {
    text-align: justify;
    font-size: 15px
  }

  .res-core-page p {
    text-align: justify;
    font-size: 15px
  }

  .table-bordered {
    font-size: 15px
  }

  .wellness-info-box li {
    font-size: 15px
  }

  .wellness-info-box1 .para {
    font-size: 15px
  }

  .outrich-page p {
    font-size: 15px
  }

  .inner-page-content .titlediv p {
    font-size: 16px
  }

  .slider-info p {
    text-align: justify
  }

  .diagnostics-box-services .diagnostics-para1 p {
    text-align: justify
  }

  .res-core-page a {
    font-size: 16px
  }

  .res-core-page h4 {
    font-size: 20px
  }

  .blue-facility-bg p {
    margin-top: 15px
  }

  .wellness-info-box .crossborder {
    left: 52%
  }

  .wellness-info-box .crossborder img {
    width: 126%;
    height: 570px
  }

  .careunit-page .careunitpara {
    width: 100%
  }

  .careunit-page .res-careunit-info {
    margin-top: 11%
  }

  .careunit-page .ribbonimg {
    top: -105px;
    right: 12px
  }

  .careunit-page .ribbonimg img {
    width: 80px
  }

  .careunit-info li {
    padding: 15px 24px;
    width: 31%
  }

  .campaign-info {
    padding-top: 4%
  }

  .doctor_search__content {
    left: 0;
    right: 0;
    top: 290px
  }

  .home-vision-mission-sec {
    padding: 25px 0
  }

  .footer-news-box {
    margin: 20px 0
  }

  .footer-news-info a {
    float: left
  }

  .res-contact-details {
    border-top: 1px solid #fff
  }

  .campagin-box .campagin-right-box p {
    font-size: 20px !important;
    line-height: 22px !important
  }

  .new-campagin-design .campagin-box img {
    width: 75%
  }

  .testimonial-sec .col-md-3 {
    max-width: 30%;
    flex: 0 auto
  }

  .testimonial-sec .col-md-9 {
    max-width: 70%;
    flex: 0 auto
  }
  .testimonial-info .col-sm-4{ max-width: 50%; flex: 0 auto;}
   #achievementPopUp .modal-dialog {
     margin: 8% 22%;
   }
}

@media screen and (max-width :762px) {
  .about-panel a {
    font-size: 14px;
    padding: 12px
  }

  .about-panel .nav-tabs .nav-link {
    margin: 2px 2px;
    width: 30%
  }
}

@media screen and (max-width :736px) {
  .careunit-page .ribbonimg {
    top: -81px
  }

  .careunit-page .res-careunit-info {
    margin-top: 7%
  }
  #Updates { margin: 6% 27%; }
}

@media screen and (max-width :725px) {
  .navbar .navbar-collapse {
    margin-top: 0
  }
  .nabhlogo{  padding-left: 25%;}
}

@media screen and (max-width :690px) {
  .wellness-info-box .crossborder img {
    width: 113%
  }
}

@media screen and (max-width :667px) {
  .home-slider .carousel-caption {
    width: 55%
  }

  .home-slider .carousel-caption p {
    font-size: 12px
  }
}

@media screen and (max-width :650px) {
  .nav-scroll {
    margin-top: 0
  }
  .nabhlogo{  padding-left: 0;}
}

@media screen and (max-width :630px) {
  .wellness-info-box .crossborder img {
    width: 100%
  }

  .careunit-info h3 {
    width: 85%
  }

  .careunit-page .ribbonimg {
    top: -65px
  }

  .more-info-popup img {
    float: none;
    margin: 0
  }

  .more-info-popup .modal-body {
    text-align: center
  }

  .more-info-popup .modal-dialog {
    max-width: 92%
  }
}

@media screen and (max-width :600px) {
  .nav-scroll {
    margin-top: 0
  }

  .res-top-header .col-sm-4 {
    max-width: 40%;
    flex: 0 0 auto
  }

  .res-top-header .col-sm-8 {
    max-width: 60%;
    flex: 0 0 auto
  }

  .res-top-header {
    text-align: center
  }

  .res-top-header .res-btn {
    font-size: 16px;
    padding: 5px 8px
  }

  .res-contact-details .iconbox {
    margin-bottom: 5px
  }

  .wellness-info-box1 .col-md-3 {
    max-width: 50%
  }

  .campagin-box .campagin-right-box p {
    font-size: 18px !important;
    line-height: 20px !important
  }
}

@media screen and (max-width :580px) {
  .wellness-info-box .crossborder img {
    width: 92%;
    height: 592px
  }
  #Updates {
    margin: 6% 20%;
  }
}

@media screen and (max-width :575px) {
  .testimonial-sec .col-md-3 {
    max-width: 100%;
    flex: 0 auto
  }

  .testimonial-sec .col-md-9 {
    max-width: 100%;
    flex: 0 auto
  }

  .testimonial-img img {
    width: 60%;
    margin-bottom: 20px
  }

  .heading-responsive {
    display: block;
    text-align: center
  }

  .heading-desktop {
    display: none
  }

  .testimonial-img {
    text-align: center
  }

  .morebtn {
    text-align: center
  }

  .testimonial-sec p {
    text-align: center
  }
  #achievementPopUp .modal-dialog {
    max-width: 85%;
    margin: 12% 9%;
  }
  #achievementPopUp .modal-header .close {
    font-size: 24px;
    width: 30px;
    height: 30px;
  }
}

@media screen and (max-width :560px) {
  .wellness-info-box .crossborder img {
    width: 92%;
    height: 630px
  }

  .careunit-info li {
    padding: 15px 24px;
    width: 100%;
    float: none;
    margin: 10px 0
  }
}

@media screen and (max-width :556px) {
  .about-info .panel-tabs>li>a {
    width: 155px
  }
}

@media screen and (max-width :550px) {
  .nav-scroll {
    margin-top: 0
  }

  .campaign-info h3 {
    font-size: 24px
  }

  .campaign-info h4 {
    font-size: 20px
  }

  .campaign-info p {
    font-size: 16px
  }

  .content-slider .carousel-caption {
    position: relative;
    right: 0;
    left: 0;
    background: #264796;
    bottom: auto
  }

  .content-slider .carousel-item::before {
    display: none
  }

  .content-slider .carousel-caption {
    padding: 15px
  }
}

@media screen and (max-width :541px) {
  .about-info .panel-tabs>li>a {
    width: 145px
  }
}

@media screen and (max-width :539px) {
  .wellness-info-box .crossborder img {
    width: 92%;
    height: 649px
  }
}

@media screen and (max-width :526px) {
  .wellness-info-box .crossborder img {
    width: 85%;
    height: 668px
  }
}

@media screen and (max-width :520px) {
  .nav-scroll {
    margin-top: 0
  }

  .res-top-header img {
    width: 100%
  }
}

@media screen and (max-width :511px) {
  .about-info .panel-tabs>li>a {
    width: 135px
  }
}

@media screen and (max-width :500px) {
  .inner-page-bg h1 {
    font-size: 25px
  }

  .core-services-sec .nav-tabs .nav-item {
    font-size: 18px
  }

  .inner-page-content .titlediv p {
    font-size: 16px;
    line-height: 24px
  }

  .core-services-sec .nav-tabs img {
    width: 60px
  }

  .res-logo img {
    width: 260px
  }

  .navbar .icon-bar {
    top: 25px
  }

  .careunit-info .borderdiv {
    width: 25%
  }

  .res-core-page a {
    font-size: 15px
  }

  .doctor_search__content {
    top: 157px
  }

  .vision-mission-info .imgicon {
    width: 100%;
    float: none;
    margin-bottom: 10px;
    text-align: center
  }

  .vision-mission-info .imgicon img {
    width: 200px
  }

  .vision-mission-info .parabox {
    width: 100%;
    float: none;
    height: auto;
    text-align: center
  }

  .new-campagin-design .campagin-box .campagin-left-box {
    width: 100%;
    float: none
  }

  .new-campagin-design .campagin-box .campagin-right-box {
    width: 100%;
    float: none;
    padding-top: 8px
  }

  .new-campagin-design .campagin-box img {
    width: 50%
  }

  .new-campagin-design .campagin-box {
    text-align: center
  }

  #Updates {
    margin: 9% 18%
  }
  .testimonial-info .col-sm-4 {
    max-width: 100%;
    flex: 0 auto;
  }
}

@media screen and (max-width :481px) {
  .about-info .panel-tabs>li>a {
    font-size: 13px;
    width: auto
  }
}

@media screen and (max-width :474px) {
  .about-panel a {
    padding: 16px 8px
  }
}

@media screen and (max-width :460px) {
  .nav-scroll {
    margin-top: 0
  }

  .wellness-info-box .crossborder img {
    width: 72%
  }
}

@media screen and (max-width :430px) {
#Updates {
  margin: 13% 12%;
}
}

@media screen and (max-width :418px) {
  .wellness-info-box .crossborder {
    left: 49%
  }
}

@media screen and (max-width :414px) {
  .core-services-sec .nav-tabs .nav-item {
    font-size: 16px
  }

  .res-core-page a {
    font-size: 14px
  }

  .res-core-page .res-coreimg {
    width: 65px
  }

  .careunit-info .disountpara {
    font-size: 18px
  }

  .new-campagin-design .campagin-box img {
    width: 65%
  }
  .res-logo img { width: 190px;     margin: 10px;}
  .nabhlogo img { width: 55px;}
  #Updates {
    margin: 25% 9%;
  }
  #achievementPopUp .modal-dialog {
    max-width: 85%;
    margin: 28% 9%;
  }
}

@media screen and (max-width :410px) {
  .nav-scroll {
    margin-top: 0
  }
}

@media screen and (max-width :407px) {
  .addressbox .info-box {
    width: 75%
  }
}

@media screen and (max-width :395px) {
  .wellness-info-box .crossborder img {
    width: 60%;
    height: 704px
  }
  #Updates img {width: 270px; }
  #Updates {
    margin: 30% 12%;
  }
}

@media screen and (max-width :384px) {
  .wellness-info-box .crossborder {
    left: 47%
  }

  .careunit-info h3 {
    width: 78%;
    font-size: 18px
  }
}

@media screen and (max-width :375px) {
  .core-services-sec .nav-tabs .nav-item {
    font-size: 15px
  }

  .wellness-info-box1 .col-md-3 {
    max-width: 100%
  }

  .wellness-info-box .bg1 {
    padding: 19%
  }

  .wellness-info-box .bg2 {
    padding: 19%
  }

  .wellness-info-box .bg3 {
    padding: 19%
  }

  .wellness-info-box .bg4 {
    padding: 19%
  }

  .wellness-info-box .bg5 {
    padding: 19%
  }

  .wellness-info-box .crossborder {
    left: 46%
  }

  .wellness-info-box .crossborder img {
    height: 762px
  }

  .careunit-info h3 {
    width: 71%;
    font-size: 18px
  }

  .content-slider p {
    line-height: 15px;
    font-size: 13px
  }

  .slider-info p {
    line-height: 22px;
    font-size: 15px
  }

  .vision-mission-info .imgicon img {
    width: 175px
  }
}

@media screen and (max-width :360px) {
  .wellness-info-box .crossborder {
    left: 44%
  }

  .wellness-info-box .crossborder img {
    height: 780px
  }

  .res-top-header .res-btn {
    font-size: 15px
  }

  .more-info-popup img {
    width: 80%
  }
}

@media screen and (max-width :340px) {
#Updates img {
  width: 240px;
}
}

@media screen and (max-width :332px) {
  .res-top-header .res-btn {
    font-size: 14px;
    margin-top: 12px
  }

  .res-logo img {
    width: 174px
  }
}

@media screen and (max-width :320px) {
  .res-core-page .res-coreimg {
    width: 55px
  }

  .res-core-page a {
    font-size: 12px
  }

  .res-top-header .res-btn {
    font-size: 13px;
    padding: 5px 4px;
    margin-top: 12px
  }

  .navbar .icon-bar {
    top: 18px
  }

  .content-slider p {
    font-size: 14px
  }

  .wellness-info-box .crossborder {
    left: 48%
  }

  .careunit-info h3 {
    width: 77%;
    font-size: 16px
  }

  .careunit-page .ribbonimg {
    top: -40px
  }

  .careunit-page .ribbonimg img {
    width: 60px
  }
}