@media (max-width:1600px){
  .location-col .location-timing {
    margin-top: 10px;
    padding-left: 0px;
    border-left: 0px solid #ddd;
  }
}
@media (max-width:1200px){
  .location-store-locator .form-search-location input.search-location {
    width: 290px;
  }
  .location-col .location-title {
    font-size: 18px;
  }
}
@media (max-width:1000px){  
  .location-col .location-title {
    font-size: 18px;
  }  
  .location-breadcrumb-address span {
    font-size: 11px;
    margin-right: 0px;
    letter-spacing: 0px;
  }
  .btn-change-location {
    padding: 2px 10px;
    font-size: 9px;
  }  
  .choose-item-modal .modal-dialog {
    width: auto;
  }
  .form-search-location input.search-location {
    height: 44px;
    font-size: 12px;
  }
  .location-store-locator .form-search-location input.search-location {
    width: 205px;
  }
}
@media (max-width:767px){
  .location-head {
    margin-top: 40px;
  }
  .location-head-in {
    text-align: center;
  }
  .location-store-locator .form-search-location input.search-location {
    width: 250px;
  }
  .btn-search-location {
    height: 45px;
  }
  .location-breadcrumb .navbar-header {
    float: right;
  }
  .location-breadcrumb .navbar-header .btn.btn-navbar.navbar-toggle {
    margin: 0px -10px;
    color: #fff;
    padding: 0px 0px;
    box-shadow: 0px 0px;
    font-size:23px;
  }
}
@media (max-width:385px){  
  .location-store-locator .form-search-location input.search-location {
    width: 225px;
  }
}
@media (max-width:767px){
  .selected-combo {
    position: absolute;
    right: 10px;
  }

  .select-combo {
    float: right !important;
    margin-top: -30px;
  }
  .checkout-location-address, .checkout-location-telephone, .panel-order-body {
    text-align: left;
  }
  .checkout-location-timing {
    padding-left: 0px !important;
    border-left: 0px solid #ddd !important;
  }
  a.btn.btn-default.btn-lg.btn-block.bt-left {
  width: 100%;
  }
}

@media (width:768px){
  .checkout-item > .col-sm-9 {
    width: 70% !important;
    padding-right: 5px !important;
  }
  .checkout-item > .col-sm-3 {
    width: 30% !important;
    padding-left: 5px !important;
  }
  .checkout-order > .col-sm-8 {
    width: 70% !important;
    padding-right: 5px !important;
  }
  .checkout-order > .col-sm-4 {
    width: 30% !important;
    padding-left: 5px !important;
  }
}
@media (max-width:414px){
  .list-group-reward .btn-redeem {
    margin-top: 10px;
    position: relative;
    right: 0px;
    top: 0px;
  }
}

@media (max-width:767px) {
  .checkbox-customise {
    position: relative;
    top: 0px;
    left: 0px;
  }
  .checkbox-allergy {
    position: relative;
    top: 0px;
    left: 0px;
  }
}

@media (min-width:768px){
  footer a {
    font-size: 30px;
    color: #47cacc;
  }
}

@media (min-width:992px) {
  .header-logo {
    position: absolute;
    width: 110px;
    top: -12px;
    left: 15px;
  }

  .navbar-nav-vk {
    margin-left: 120px;
  }

  .navbar-mobile {
    display: none;
  }

  .inner-page-navbar ul > li.nav-item > a {
    color: #ffffff !important;
  }  

  .inner-page-navbar ul > li.nav-item > a:hover {
    color: #ffffff !important;
    border-bottom: solid 2px transparent;
  }

  .inner-page-navbar.top-nav-collapse ul > li.nav-item > a {
    color: #231f20 !important;
  }  

  .inner-page-navbar.top-nav-collapse ul > li.nav-item > a:hover {
    color: #231f20 !important;
    border-bottom: solid 2px #231f20;
  }

  .inner-page-navbar.top-nav-collapse ul > li.nav-item > a.nav-location-link {
    color: #16b0a3 !important;
  }

  .inner-page-navbar.top-nav-collapse ul > li.nav-item > a.nav-location-link:hover {
    color: #16b0a3 !important;
    border-bottom: solid 2px transparent;
  }
}

@media (max-width:991px) {
  .navbar-desktop {
    display: none;
  }

  .navbar-brand img {
    width: 80px;
  }

  .inner-page-navbar ul > li.nav-item > a {
    color: #12a296 !important;
  }

  .inner-page-navbar ul > li.nav-item > a:hover {
    color: #12a296 !important;
    border-bottom: solid 2px transparent;
  }

  .inner-page-navbar ul > li.nav-item.loginbutton > a {
    color: #FFF !important;
  }

  .inner-page-navbar ul > li.nav-item.loginbutton > a:hover {
    color: #FFF !important;
  }
}

@media only screen and (min-width : 320px) and (max-width : 479px) {
  /*--- Mobile portrait ---*/
  #banner p {
    min-height: 190px;
  }
  #banner h4 {
    font-size: 60px;
    line-height: 60px;
  }
  #banner h2 {
    font-size: 40px;
    line-height: 46px;
  }

  footer .footer-logo img {
    margin: 0 auto;
  }

  footer ul {
    max-width: 320px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  footer ul.footer-menu {
    max-width: 320px;
    margin: 0 auto;
  }

  footer ul.footer-menu li {
    display: inline-block;
    width: 49%;
    text-align: left;
  }

  footer ul.footer-menu li a {
    font-size: 18px;
    padding-left: 10px;
    padding-right: 0px;
  }

  footer ul.footer-menu li:first-child a {
    padding-left: 10px;
  }

  footer ul.footer-menu li:last-child {
    /*width: 99%;*/
  }

  .innerpage-content {
    height: auto;
  }

  .innerpage-content h2 {
    margin-top: 45px;
    margin-bottom: 0px;
  }
}
@media only screen and (min-width : 320px) and (max-width : 360px) {
  #banner h4 {
    font-size: 45px;
  }
  #banner h2 {
    font-size: 32px;
  }

  #banner p {
    min-height: 210px;
    line-height: 30px;
  }
}
@media only screen and (min-width : 480px) and (max-width : 595px) {
  /*--- Mobile landscape ---*/
}
@media only screen and (min-width : 595px) and (max-width : 690px) {
  /*--- Small tablet portrait ---*/
}
@media only screen and (min-width : 690px) and (max-width : 800px) {
  /*--- Tablet portrait ---*/
}
@media only screen and (min-width : 800px) and (max-width : 1024px) {
  /*--- Small tablet landscape ---*/
}