/* responsive css */
@media (min-width: 992px) {
  .ssh-header #mobile-menu ul li {
    padding: 0 10px;
  }
  .padding-lg-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .footer-section-2 {
    padding-top: 30px;
  }
  .home-about-us iframe {
    height: 450px;
  }
  .why-choose-us-border-right {
    border-right: 1px solid #000;
  }
}

@media (min-width: 1200px) {
  .testimonial-box {
    min-height: 500px;
  }
  .footer-1 i {
    font-size: 24px;
  }
  .box-content-area {
    min-height: 230px;
  }
  .our-vision-mission-pledge {
    padding-left: 40px;
  }
  .banner-text h1 {
    font-size: 50px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .testimonial-box {
    min-height: 430px;
  }
  .ssh-header #mobile-menu ul li {
    padding: 0 2px;
  }
  .ssh-banner-one {
    background-position: 70% 50%;
  }
  .box-content-area {
    min-height: 260px;
  }
  .footer-1 li span {
    width: 70%;
  }
  .banner-text h1 {
    font-size: 50px;
  }
}

@media (max-width: 1200px) {
  .margin-bottom-lg-40 {
    margin-bottom: 40px;
  }
  .margin-bottom-lg-30 {
    margin-bottom: 30px;
  }
  .ssh-top-area {
    display: none;
  }
  .margin-top-lg-40 {
    margin-top: 40px;
  }
}

@media (max-width: 992px) {
  .margin-bottom-md-40 {
    margin-bottom: 40px;
  }
  .margin-bottom-md-30 {
    margin-bottom: 30px;
  }
  .home-about-us img {
    display: block;
    margin: 0 auto;
  }
  .navbar-collapse {
    position: fixed;
    top: 92px;
    right: 0;
    padding-left: 15px;
    width: 75%;
    background-color: #fff;
    height: 100%;
    z-index: 100;
  }
  .navbar-collapse.collapsing {
    right: -75%;
    transition: height 0s ease-in-out;
  }
  .navbar-collapse.show {
    transition: right 500ms ease-in-out;
  }
  .navbar-toggler.collapsed ~ .navbar-collapse {
    transition: right 500ms ease-in-out;
  }
  .home-about-us iframe {
    height: 350px;
  }
  .welcome img {
    display: block;
    margin: 0 auto;
  }
  .our-specialities-page li a span {
    display: none;
  }
  .our-specialities-page li {
    display: inline-block;
  }
  .our-specialities-page .nav-tabs .nav-link {
    border-radius: 60px !important;
    padding: 14px 18px;
  }
  .our-specialities-page .nav-tabs li {
    padding-bottom: 5px;
  }
  .our-specialities-page .nav.nav-tabs {
    padding-bottom: 20px;
    border: none;
  }
}

@media (max-width: 768px) {
  .margin-bottom-sm-30 {
    margin-bottom: 30px;
  }
}

@media (max-width: 576px) {
  .home-testimonials .carousel-item .row {
    margin-right: 0;
    margin-left: 0;
  }
  .home-our-specialities .row {
    margin-right: 0;
    margin-left: 0;
  }
  .banner-text {
    left: 45%;
    top: 40%;
  }
}

@media (min-width: 480px) and (max-width: 576px) {
  .ssh-banner-one {
    background-position: 75% 50%;
  }
  .ssh-banner-two {
    background-position: 38% 50%;
  }
  .banner-text h1 {
    font-size: 36px;
  }
  .banner-text h3 {
    font-size: 24px;
  }
  .ssh-banner-three {
    background-position: 90% 50%;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .ssh-banner-one {
    background-position: 75% 50%;
  }
  .ssh-banner-two {
    background-position: 35% 50%;
  }
  .ssh-banner-three {
    background-position: 80% 50%;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .ssh-banner-one {
    background-position: 85% 50%;
  }
  .box-content-area {
    min-height: 260px;
  }
  .ssh-banner-two {
    background-position: 25% 50%;
  }
  .ssh-banner-three {
    background-position: 80% 50%;
  }
  .banner-text {
    left: 50%;
    top: 75%;
  }
}

@media (min-width: 360px) and (max-width: 480px) {
  .section-2-content a {
    font-size: 40px;
  }
  .section-2-content li {
    font-size: 20px;
  }
  .section-2-content li i {
    font-size: 30px;
  }
  .navbar-logo img {
    width: 200px;
  }
  .navbar-collapse {
    top: 73px;
  }
  .ssh-banner-one {
    background-position: 85% 50%;
  }
  .ssh-banner-two {
    background-position: 38% 50%;
  }
  .banner-text h1 {
    font-size: 28px;
  }
  .banner-text h3 {
    font-size: 20px;
  }
  .banner-text {
    left: 45%;
  }
  .ssh-banner-three {
    background-position: 85% 50%;
  }
}

@media (min-width: 280px) and (max-width: 360px) {
  .section-2-content a {
    font-size: 28px;
  }
  .section-2-content li {
    font-size: 18px;
  }
  .section-2-content li i {
    font-size: 30px;
  }
  .navbar-logo img {
    width: 170px;
  }
  button.navbar-toggler img {
    width: 25px;
  }
  .navbar-collapse {
    top: 65px;
  }
  .ssh-banner-one {
    background-position: 80% 50%;
  }
  .ssh-banner-two {
    background-position: 38% 50%;
  }
  .banner-text h1 {
    font-size: 28px;
  }
  .banner-text h3 {
    font-size: 20px;
  }
  .banner-text {
    left: 45%;
  }
  .ssh-banner-three {
    background-position: 85% 50%;
  }
}

@media (max-width: 280px) {
  .section-2-content a {
    font-size: 24px;
  }
  .section-2-content li {
    font-size: 16px;
  }
  .section-2-content li i {
    font-size: 30px;
  }
  .navbar-logo img {
    width: 140px;
  }
  button.navbar-toggler img {
    width: 25px;
  }
  .navbar-collapse {
    top: 58px;
  }
  .ssh-banner-two {
    background-position: 38% 50%;
  }
  .ssh-banner-one {
    background-position: 80% 50%;
  }
  .banner-text h1 {
    font-size: 30px;
  }
  .banner-text h3 {
    font-size: 20px;
  }
  .banner-text h1 {
    font-size: 28px;
  }
  .banner-text h3 {
    font-size: 20px;
  }
  .ssh-banner-three {
    background-position: 85% 50%;
  }
}