/*/////////// Portrait smartphones (320px - 767px) ////////////////// */

@media (min-width: 992px) and (max-width: 1208px) {
    .hoverface_hover .menus {
        display: inline-block;
        width: 18%;
        vertical-align: top;
        margin: 0px 7px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
.navbar-nav {
    margin: 20px 0 0!important;
}
.brand img {
    width: 100%;
    max-width: 180px;
}
.navbar.navbar-fixed-top {
    background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.56) 44%, rgba(0,0,0,0.23) 77%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.56) 44%,rgba(0,0,0,0.23) 77%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.66) 86%,rgba(0,0,0,0.23) 60%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
}
#home {
    background: transparent;
    width: 100%;
    bottom: 10%!important;
}
.table {
    padding: 2%!important;
    margin: 20px 0 20px 0;
}
.team .desc {
    border-bottom: 1px solid #eee;
    width: 59%;
    vertical-align: top;
    display: inline-block;
}
.hoverface_hover .menus {
    display: inline-block;
    width: 18%;
    vertical-align: top;
    margin: 0px 5px;
}
.masthead {
    height: 512px;
}
.banner-img {
    height: 512px;
}
.table td {
    padding: 8% 8%!important;
}

}
@media (min-width: 320px) and (max-width: 767px) {
footer .left h3 {
    font: 500 2.2em/1.2 "Quicksand", sans-serif!important;
    text-align: center
}
footer .left {
    text-align: center;
    padding: 40px 0 0
}
footer .mid {
    text-align: center;
    padding: 0;
}
footer .right {
    text-align: center;
    padding: 0 
}
footer img {
    margin: 10% auto;
    width: 50%;
}
.team .hero {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 0 6% 0;
}
.team .desc {
    border-bottom: 1px solid #eee;
    width: 100%;
    padding:  0 4%;
    vertical-align: top;
    display: inline-block;
}
.form {
   display:  none;
}
.topContacts .booktable  {
    display:  inherit;
    border-radius: 4px;
    border:  0;
    background: #f8b333;
    padding: 2% 6%;
    margin: 6% 0;
    color: #fff;
    font-size:  1em;
}
.blurb {
    padding: 0 20px;
}
.blurb .right {
    padding: 0;
}
.bullets {
    padding: 10px;
    width: 100%;
    margin: auto!important;
    float: none;
}
.carousel {
    height: 240px;
}
.carousel-inner {
    padding: 0;
    height: 240px
}
.blurb .right img {
    width: 70%;
    margin: 10% auto!important;
}
.blurb  h4 {
    margin: 20px 0;
}
.masthead.whatson {
    background-position: -140px 0;
}
.carousel-caption .large {
    font: 600 4.4em/1.1 'Heebo', sans-serif;
    color: #EFDCC0 !important;
}
.carousel-caption .medium {
    font: 300 3.0em/1.2 'Heebo', sans-serif;
    color: #fff !important;
}
.light .nav-link {
    color: #fff!important;
}
.map {
    margin-bottom: 20px;
}
.carousel-caption h1 {
    font: 400 2.4em/1.2 'Heebo', sans-serif;
    color: #fff !important;
    width: 100%;
}
.hoverface_hover {
    padding-top: 0!important;
    padding-bottom: 0!important;
    float: left;
}


.hoverface_hover .menus {
    display: inline-block;
    width: 94%;
    vertical-align: top;
    margin: 10px;
}

.societies {
    margin: 16% 0 0;
}
.spacer {
    margin-top: 0;
}
.carousel-caption {
    width:  100%;
    bottom: 0px;
    padding: 2% 2%;
}
.circles {
    padding: 6% 0;
}
.contact {
    padding: 4% 0;
    background-repeat: no-repeat;
    background-position: 0 100%;
    display: block!important;
}
.sugarvine {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 660px;
  text-align:  center;
}
.contact .bullets.book {
    display:  none;
}
.contact .bullets .desc {
    width: 78%;
}
.content p {
    padding: 0 10px;
}
.content ul {
    text-align: left;
    padding-left: 14px;
}
#about {
    margin-bottom: 20px;
}
#home {
    width: 100%;
    bottom: 10%!important;
}
#home .small {
    font: 400 2.0em/1.1 'Heebo', sans-serif;
}
#home .large {
    font: 600 4.4em/1.1 'Heebo', sans-serif;
}
#home .medium {
    font: 300 2.0em/1.2 'Heebo', sans-serif;
    color: #fff !important;
}
.hover_1 div {
    padding:  0;
    margin-bottom:  10px;
} 
.banner-img {
    height: auto;
}
.banner-img img {
    animation: none!important;
    position: relative;
}
.about .caption .super {
    display: none;
}
.masthead {
    height: auto;
}
.masthead .banner-img.short {
    height: auto;
}
.service-item img {
    width: 80%;
}
.contact .bullets {
    padding: 4% 4%;
    margin-left: 16px;
    background: rgba(255, 255, 255, .9);
}
.navbar-fixed-bottom, .navbar-fixed-top {
    position: inherit!important;
    background: #000!important;
    margin-bottom: 0;
    text-align:  center;
}
.banner-img img {
    animation: none;
}
.navbar .brand {
    padding: 0 0 20px 0;
    width:  100%;
    display: block;
    float: left;
}
.navbar .brand img {
    width: 80%;
    margin: auto;
}
.navbar-nav { 
      text-align: center; 
}
.navbar-right {
    float: none !important;
    margin-right: 0 !important;
}
.nav-link {
    font: 400 2.0em/1.8 'Roboto', sans-serif;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    max-height: 360px;
    border: 0!important;
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
    box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
}
.navbar-default .navbar-toggle {
    border: 0;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent!important;
}
.navbar-default .navbar-nav>li>a {
    padding: 20px 0;
}
.navbar-toggle {
    position: relative;
    float: none;
    padding: 9px 10px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
    margin: 20px auto 0;
}
.navbar-nav {
    margin: 0!important;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 34px;
    height: 2px;
    border-radius: 1px;
    margin-bottom: 8px;
}
.navbar-header {
    width: 100%;
    text-align: center;
}
.topContacts .right {
    text-align: center;
    padding: 4% 0;
}
.topContacts .right #blog {
    display:  none;
}
.topContacts .right i {
    color: #fff!important;
}
.topContacts a:link {
    font: 300 2.2em/1.8 "Roboto", sans-serif!important;
    padding: 0 30px!important;
    color: #fff!important;
    text-decoration: none!important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.mob {
    padding: 0 24%!important
}
.servicesWrapper {
    float: left;
}
.servicesWrapper .services i {
    color: #303B41;
    font-size: 4em;
    margin: 20px 0;
}
.service {
    margin: 0 0 6% 0;
}
.service img {
    width: 50%;
}

.trip {
    margin: 6% 0;
}
.trip .caption {
    padding: 12% 10%;
}


}