@media screen and (min-width: 992px) and (max-width: 1199px) {

  .main-nav ul li {

    margin: 0 10px;

  }

}

@media screen and (min-width: 768px) and (max-width: 991px) {

  .main-nav .brand-logo img {

    width: 150px;

  }

  .main-nav ul {

    margin-top: 5px;

  }

  .main-nav ul li {

    margin: 0 5px;

    font-size: 12px;

  }



  #kob-footer h4 {

    padding-top: 30px;

    margin-bottom: 15px;

  }

  #kob-footer aside .wrapper {

    padding-bottom: 0px;

    padding-top: 15px;

  }

  #kob-footer .link-list li:last-child {

    margin-bottom: 0px;

  }

  #kob-footer .about .wrapper {

    padding-right: 0px;

    border-right: none;

  }

  #kob-footer .social-subsc {

    padding: 0px 0px 30px;

  }

}

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

  .main-nav .toggle-nav {

    display: block;

  }

  .main-nav .container {

    position: relative;

  }

  .main-nav .top-cart {

    line-height: 36px;

    font-size: 0px;

    margin-left: 15px;

    border-radius: 4px;

    margin: 13px 10px 0 0;

    padding: 0px 15px;

  }

  .main-nav .top-cart * {

    font-size: 14px;

    vertical-align: middle;

  }

  .main-nav ul {

    display: none;

    position: absolute;

    top: 76px;

    left: 0px;

    right: 0px;

    z-index: 9;

    background: #fff;

    float: none;

    border-top: 1px solid #ccc;

    margin: 10px 0px 0px;

  }

  .main-nav ul li {

    display: block;

    text-align: left;

    line-height: 32px;

    margin: 0px;

    padding: 0 30px;

    border-bottom: 1px solid #ccc;

  }

  .main-nav ul li a {

    display: block;

  }

  .main-nav ul li i {

    display: inline-block;

    margin: 0 10px 0 0;

  }



  .is-sticky .main-nav ul {

    top: 66px;

  }



  #kob-slider {

    padding-top: 15px;

  }

  #kob-slider .slider-text h3 {

    font: 600 32px/1 "Open Sans",sans-serif;

  }

}

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

  #kob-footer aside .wrapper {

    padding-bottom: 0px;

  }

  #kob-footer aside .wrapper li:last-of-type {

    margin-bottom: 0px;

  }

  #kob-footer .footer-social {

    margin-bottom: 15px;

    text-align: center;

  }

  #kob-footer .footer-social h4, #kob-footer .news-letter h4 {

    display: block;

    text-align: center;

  }

  #kob-footer .footer-social form, #kob-footer .news-letter form {

    display: block;

    width: 100%;

    margin: 0 auto;

  }

  #kob-footer .copyrights {

    text-align: center;

  }

  #kob-footer .copyrights .app-links {

    text-align: center;

    margin-top: 30px;

  }



  .inner-page .inner-banner .text-wrapper {

    right: 15px;

    top: 30px;

  }

  .inner-page .inner-banner .text-wrapper h2 {

    font-size: 26px;

    margin-bottom: 15px;

  }



  #kob-rwrds .rwrds-points .wrapper {

    padding: 30px;

  }

  #kob-rwrds .rwrds-points .wrapper img {

    width: auto;

    margin: 0 auto;

    display: block;

  }

  #kob-rwrds .rwrds-points .wrapper p {

    position: static;

    margin: 30px auto;

  }

  #kob-rwrds .rwrds-points .wrapper p:before {

    display: block;

    margin: 0 auto 15px;

    content: "";

    width: 1px;

    height: 90px;

    border-right: 2px dashed #ccc;

  }



  .media-player {

    margin-bottom: 30px;

  }

}

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

  .inner-page .inner-banner .text-wrapper {

    right: 0px;

    top: 15px;

  }

}

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

  .with-banner .row {

    width: 100%;

    float: none;

    margin: 0px;

  }

  .with-banner .banner.w160 {

    display: none;

  }



  .media-list li {

    width: 100%;

  }

}

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

  #kob-store li a h3 {

    padding: 0 10px;

    font: 600 18px/1 "Open Sans",sans-serif;

  }



  a.brand-logo {

    display: block;

    float: left;

    overflow: hidden;

    width: 75px;

  }



  #kob-header .bc-wrapper .container .row > div {

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

  }

  #kob-header .bc-wrapper .container .row > div ol {

    padding-right: 0px;

    padding-left: 0px;

    border-radius: 0px;

    border-bottom: 1px dotted #ddd;

  }

  #kob-header .bc-wrapper .container .row > div .social-follow {

    text-align: left;

  }



  .inner-page .inner-banner {

    background: url(https://alkobtan.com/bundles/app/assets/images/about-banner.jpg) center top/cover no-repeat;

  }

  .inner-page .inner-banner img {

    display: none;

  }

  .inner-page .inner-banner .text-wrapper {

    padding: 30px;

    position: static;

    text-shadow: 0 0 20px #fff;

  }



  #kob-about li .mem-img, #kob-about li .mem-info {

    width: 100%;

  }



  #kob-points .total-header .media-body h4, #kob-points .total-header .media-body .total-value {

    float: none;

  }

  #kob-points .total-header .media-body .total-value {

    display: inline-block;

  }



  #kob-points .table-responsive th {

    white-space: pre-line;

  }

}



/*# sourceMappingURL=responsive.css.map */