/* Mobile/responsive adjustments for Hospitality Inn Kamloops */

img,
table,
embed,
iframe,
object,
video {
  max-width: 100%;
  height: auto;
}

@media (max-width: 1100px) {
  html,
  body,
  body#minwidth-body {
    min-width: 0 !important;
    width: auto !important;
  }

  body {
    margin: 0 !important;
  }

  .gkWrap,
  #gkMain,
  #gkPage,
  #gkTop1,
  #gkTop2,
  #gkUser1,
  #gkUser2,
  #gkBottom1,
  #gkBottom2,
  #gkMainBlock,
  #gkLeftMiddle,
  #gkRightMiddle,
  #gkComponentWrap,
  #gkContent,
  #gkMainbody,
  #gkLeft,
  #gkRight,
  .gkCol,
  .gkColLeft,
  .gkColCenter,
  .gkColRight,
  .gkColFull {
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .gkIsWrapper-gk_coffe,
  .gkIsWrapper-gk_the_real_design,
  .gkIsSlide {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .gkIsSlide img,
  .gkIsSlide a {
    max-width: 100% !important;
    height: auto !important;
  }

  #gkPageTop {
    overflow: hidden;
    text-align: center;
  }

  #gkHeader {
    clear: both;
    margin-top: 10px;
  }

  .gkIsImage {
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    overflow: hidden;
  }

  .gkIsImage img.gkIsSlide {
    position: static !important;
    display: none !important;
    width: 100% !important;
    height: auto !important;
  }

  .gkIsImage img.gkIsSlide:first-child {
    display: block !important;
  }

  #gkMainMenu {
    float: none !important;
    clear: both;
    padding-top: 0 !important;
    padding-bottom: 10px;
    margin-right: 0 !important;
  }

  #gkMainMenu > div > ul {
    text-align: center;
  }

  #gkMainMenu > div > ul > li {
    float: none !important;
    display: inline-block;
    width: auto;
    padding: 5px 10px;
  }

  h1#gkLogo {
    float: none !important;
    text-align: center;
  }

  h1#gkLogo a.cssLogo {
    margin: 0 auto !important;
    margin-left: 0 !important;
  }

  div.welcome {
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .welcome img {
    float: none !important;
    display: block;
    margin: 0 auto;
  }

  table.rooms {
    width: 100% !important;
    margin-left: 0 !important;
  }

  table.rooms td {
    display: block;
    width: 100%;
    text-align: center;
  }

  table.rooms img {
    float: none !important;
    margin: 0 auto;
    display: block;
  }

  .rg-gm-slice-container {
    margin: 0 !important;
  }

  .rg-gm-slice-list li {
    width: 50% !important;
  }

  .rg-gm-slice img {
    max-width: 100% !important;
    height: auto !important;
  }
}

@media (max-width: 480px) {
  .rg-gm-slice-list li {
    width: 100% !important;
  }
}