@media screen and (min-width: 320px) and (max-width: 480px) {
    #top-wrap {
      background: rgba(255,255,255,1);
    }
    .banner-area {
      height: 100%;
      background: url('../images/home_mobile_bg.jpg') no-repeat center;
      overflow: hidden;
      padding-right: 0 !important;
      padding-left: 0 !important;
    }
    .ban-cap {
      position: absolute;
      top: 60%;
      transform: translateY(-60%)
    }
    .ban-cap h1 {
      font-size: 22px;
      line-height: 28px;
      font-weight: 600;
      text-align: center;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    #top-wrap {
      background: rgba(255,255,255,1);
    }
    .banner-area {
      height: 100%;
      background: url('../images/home_tab_bg.jpg') no-repeat center;
      overflow: hidden;
      padding-right: 0 !important;
      padding-left: 0 !important;
    }
    .ban-cap {
      position: absolute;
      top: 55%;
      transform: translateY(-55%)
    }
    .ban-cap h1 {
      font-size: 24px;
      line-height: 30px;
      font-weight: 600;
      text-align: center;
    }
}

/* Ipad Fixing */
@media screen and (min-width: 768px) and (max-width: 990px) {
    .banner-area {
      height: 100%;
      background: url('../images/home_ipad_bg.jpg') no-repeat center;
      overflow: hidden;
      padding-right: 0 !important;
      padding-left: 0 !important;
    }
    .ban-cap h1 {
      font-size: 4vmin;
      line-height: 36px;
      font-weight: 400;
      text-align: center;
    }
}

/*-- Menu Collapsing Break point changed --*/
@media (max-width: 991px) {
    .navbar-header {
      float: none;
    }
    .navbar-left,.navbar-right {
      float: none !important;
    }
    .navbar-toggle {
      display: block;
    }
    .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
      display: none!important;
    }
    .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
    }
    .navbar-nav>li {
      float: none;
    }
    .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .collapse.in{
      display:block !important;
    }
}
/*-- Menu Collapsing Break point changed Ends --*/

/*-- Vertical Border --*/
@media (min-width: 768px) {
    .about-left {
      padding-right: 30px;
    }
    .about-right {
      padding-left: 30px;
    }
    .row-relative {
      position: relative;
    }
    .col-border {
      padding-left: 0;
      position: static;
    }
    .col-border-padding {
      padding-left: 30px;
    }
    .col-border:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      border-left: 1px solid #fff;
    }
}