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

.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
     padding-right: 0;
     padding-left: 0;
}

.collapse.in {
     width: 100%;
}

#example-navbar-collapse {
     float: none;
}

.header.header-hide {
     background: none repeat scroll 0 0 #fff;
}

.navbar-header {
     float: none;
}

.navbar-toggle {
     display: block;
}

.navbar-collapse {
     border-top: 1px solid transparent;
     box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}

.navbar-nav {
     float: none!important;
     margin: 7.5px -15px;
}

.navbar-nav>li {
     float: none;
}

.navbar-nav>li>a {
     padding-top: 10px;
     padding-bottom: 10px;
}

.navbar-header {
     height: 70px;
}

.navbar-toggle {
     margin-top: 19px;
}

.navbar-brand {
     padding: 12px;
}

.navbar-brand {
     width: 70%;
     margin-top: -1px;
}

.navbar-brand {
     color: #768677;
     font-family: 'Karla', sans-serif;
     font-size: 24px;
     font-weight: 800;
     letter-spacing: 0.3em;
     text-transform: uppercase;
     line-height: 24px;
     position: relative;
     text-align: left !important;
}

.title {
     font-family: 'Karla', sans-serif;
     font-size: 14px;
     text-transform: uppercase;
     font-weight: 400;
     line-height: 1.5;
     text-align: left !important;
     letter-spacing: 0.5em;
}

.navbar-default .navbar-toggle {
     border: none;
}

.navbar-default .navbar-toggle .icon-bar {
     background-color: #768677;
}
}
 @media screen and (max-width:1440px) {

.features-wrapper {
     padding: 60px 0;
}

.navbar-brand {
     width: 70%;
     margin-top: -1px;
}

.navbar-brand {
     color: #768677;
     font-family: 'Karla', sans-serif;
     font-size: 24px;
     font-weight: 800;
     letter-spacing: 0.3em;
     text-transform: uppercase;
     line-height: 24px;
     position: relative;
     text-align: left !important;
}

.title {
     font-family: 'Karla', sans-serif;
     font-size: 14px;
     text-transform: uppercase;
     font-weight: 400;
     line-height: 1.5;
     text-align: left !important;
     letter-spacing: 0.5em;
}
}
 @media screen and (max-width:1366px) {

body {
     font-size: 12px;
}
}
 @media screen and (max-width:1180px) {

.navbar-toggle {
     margin-top: 19px;
}

.navbar-header .navbar-brand {
     height: 100%;
}

.navbar-brand {
     width: 70%;
     padding-top: 15px;
}

.navbar-brand {
     color: #768677;
     font-family: 'Karla', sans-serif;
     font-size: 22px;
     font-weight: 800;
     letter-spacing: 0.3em;
     text-transform: uppercase;
     line-height: 20px;
     position: relative;
     text-align: left !important;
}

.title {
     font-family: 'Karla', sans-serif;
     font-size: 13px;
     text-transform: uppercase;
     font-weight: 400;
     line-height: 1.5;
     text-align: left !important;
     letter-spacing: 0.49em;
}
}
@media screen and (max-width:1024px) {

body {
     font-size: 14px;
}

.block-hover:hover {
     background: none;
     -moz-transition: none;
     -o-transition: none;
     -webkit-transition: none;
     transition: none
}

.contact-details {
     margin: 41px 0 33px 0px;
}

.btn-effect-send:after {
     display: none;
}

.btn-effect:hover:after, .btn-effect:active:after {
     display: none;
}

#get_directions.btn-effect:after, #get_directions.btn-effect:hover:after, #get_directions.btn-effect:active:after {
     display: none;
}
}
 @media screen and (max-width: 992px) {

.navbar-header .navbar-brand {
     height: 100%;
}

.navbar-brand {
     width: 70%;
     padding-top: 15px;
}

.navbar-brand {
     color: #768677;
     font-family: 'Karla', sans-serif;
     font-size: 22px;
     font-weight: 800;
     letter-spacing: 0.3em;
     text-transform: uppercase;
     line-height: 20px;
     position: relative;
     text-align: left !important;
}

.title {
     font-family: 'Karla', sans-serif;
     font-size: 13px;
     text-transform: uppercase;
     font-weight: 400;
     line-height: 1.5;
     text-align: left !important;
     letter-spacing: 0.49em;
}

.banner-header.with-cutout-title .header-background {
      min-height: calc(50vh + 110px); }
}
 @media screen and (max-width: 800px) {

#example-navbar-collapse {
     float: none;
}

.header.header-hide {
     background: none repeat scroll 0 0 #fff;
}

/** Gallery **/



.social-btn i {
     font-size: 1em;
}

.social-btn {
     height: 40px;
     line-height: 40px;
     width: 40px;
}

.navbar-header .navbar-brand {
     height: 100%;
}

.navbar-brand {
     width: 70%;
     padding-top: 15px;
}

.navbar-brand {
     color: #768677;
     font-family: 'Karla', sans-serif;
     font-size: 22px;
     font-weight: 800;
     letter-spacing: 0.3em;
     text-transform: uppercase;
     line-height: 20px;
     position: relative;
     text-align: left !important;
}

.title {
     font-family: 'Karla', sans-serif;
     font-size: 13px;
     text-transform: uppercase;
     font-weight: 400;
     line-height: 1.5;
     text-align: left !important;
     letter-spacing: 0.49em;
}

.box-hover:hover, .box-hover:focus {
     -moz-transform: none;
     -ms-transform: none;
     -o-transform: none;
     -webkit-transform: none;
     transform: none;
     -moz-box-shadow: 0 -1px 0 0 #768677;
     -webkit-box-shadow: 0 -1px 0 0 #768677;
     box-shadow: 0 -1px 0 0 #768677;
}

.box-hover {
     -moz-transition: none;
     -o-transition: none;
     -webkit-transition: none;
     transition: none
}

#contact p {
     margin: 0.5em 0;
}

.contact-details h2 {
     margin: 0.5em 0;
}

.social-btn i {
     font-size: 1.1em;
}

#slider1_container {
     width: 100%!important;
}
}
 @media screen and (max-width:767px) {

body {
     font-size: 12.5px;
}

.navbar-header .navbar-brand {
     height: 100%;
}

.navbar-brand {
     width: 70%;
     padding-top: 15px;
}

.navbar-brand {
     color: #768677;
     font-family: 'Karla', sans-serif;
     font-size: 21px;
     font-weight: 800;
     letter-spacing: 0.2em;
     text-transform: uppercase;
     line-height: 20px;
     position: relative;
     text-align: left !important;
}

.title {
     font-family: 'Karla', sans-serif;
     font-size: 11px;
     text-transform: uppercase;
     font-weight: 400;
     line-height: 1.5;
     text-align: left !important;
     letter-spacing: 0.49em;
}


            

}
 @media only screen and (max-width: 667px)  and (-webkit-device-pixel-ratio: 2) {
 .navbar-default .navbar-nav > li > a {
 color: #768677;
 font-family: 'Karla', sans-serif;
 font-size: 1em;
 font-weight: 500;
 letter-spacing: 0.2em;
 text-transform: uppercase;
 line-height: 4px;
}
 .navbar-header {
 height: 100%;
}
.navbar-toggle {
 margin-top: 9px;
}
.navbar-brand {
 width:70%;
 padding-top: 14px;
}
.navbar-brand {
 color: #768677;
 font-family: 'Karla', sans-serif;
 font-size: 16px;
 font-weight: 800;
 letter-spacing: 0.2em;
 text-transform: uppercase;
 line-height: 15px;
 position: relative;
 text-align: left !important;
}
.title {
 font-family: 'Karla', sans-serif;
 font-size: 9px;
 text-transform: uppercase;
 font-weight: 400;
 line-height: 5px;
 text-align: left !important;
 letter-spacing: 0.44em;
}
.bb-box {
 overflow: hidden;
 position: absolute;
 z-index: 10;
 top: 40%;
 left: 50%;
 transform: translate(-50%, -50%);
}
 .bb-box h3 {
 font-weight: 800;
 font-size: 22px;
!important;
 line-height: 0.9;
 text-align: center;
 margin-bottom: 0px;
 color: #fff;
 text-transform: uppercase;
 font-family: 'Arial'
}
 .bb-box h4 {
 margin-top: 2px;
 font-weight: 400;
 font-size: 11px;
!important;
 text-align: center;
 line-height: 0.9;
 color: #fff;
 font-family: 'Arial'
}
}
 @media screen and (max-width:480px) {
     .header-content-container h1 {
    font-size: 40px !important;
    line-height: 40px; } 
}
 @media screen and (max-width: 384px) {

body {
     font-size: 8px;
}

.navbar-header .navbar-brand {
     height: 100%;
}

.navbar-brand {
     width: 70%;
     padding-top: 15px;
}

.navbar-brand {
     color: #768677;
     font-family: 'Karla', sans-serif;
     font-size: 21px;
     font-weight: 800;
     letter-spacing: 0.2em;
     text-transform: uppercase;
     line-height: 20px;
     position: relative;
     text-align: left !important;
}

.title {
     font-family: 'Karla', sans-serif;
     font-size: 11px;
     text-transform: uppercase;
     font-weight: 400;
     line-height: 1.5;
     text-align: left !important;
     letter-spacing: 0.49em;
}

.social-btn i {
     font-size: 1.3em;
}

.bb-box {
     overflow: hidden;
     position: absolute;
     z-index: 10;
     top: 40%;
     left: 50%;
     transform: translate(-50%, -50%);
}

.bb-box h3 {
     font-weight: 500;
     font-size: 30px;
!important;
     line-height: 0.9;
     text-align: center;
     margin-bottom: 0px;
     color: #fff;
     text-transform: uppercase;
     font-family: 'Arial'
}

.bb-box h4 {
     margin-top: 2px;
     font-weight: 400;
     font-size: 15px;
!important;
     text-align: center;
     line-height: 0.9;
     color: #fff;
     font-family: 'Arial'
}
}
 @media only screen and (max-width: 375px)  and (-webkit-device-pixel-ratio: 2) {

.navbar-default .navbar-nav > li > a {
     color: #768677;
     font-family: 'Karla', sans-serif;
     font-size: 13px;
     font-weight: 500;
     letter-spacing: 4px;
     text-transform: uppercase;
     line-height: 15px;
}

.navbar-header {
     height: 100%;
}

.navbar-toggle {
     margin-top: 10px;
}

.navbar-brand {
     width: 70%;
     padding-top: 15px;
}

.navbar-brand {
     color: #768677;
     font-family: 'Karla', sans-serif;
     font-size: 16px;
     font-weight: 800;
     letter-spacing: 0.2em;
     text-transform: uppercase;
     line-height: 15px;
     position: relative;
     text-align: left !important;
}

.title {
     font-family: 'Karla', sans-serif;
     font-size: 9px;
     text-transform: uppercase;
     font-weight: 400;
     line-height: 5px;
     text-align: left !important;
     letter-spacing: 0.44em;
}

.bb-box {
     overflow: hidden;
     position: absolute;
     z-index: 10;
     top: 40%;
     left: 50%;
     transform: translate(-50%, -50%);
}

.bb-box h3 {
     font-weight: 800;
     font-size: 23px;
!important;
     line-height: 0.9;
     text-align: center;
     margin-bottom: 0px;
     color: #fff;
     text-transform: uppercase;
     font-family: 'Arial'
}

.bb-box h4 {
     margin-top: 5px;
     font-weight: 400;
     font-size: 13px;
!important;
     text-align: center;
     line-height: 0.9;
     color: #fff;
     font-family: 'Arial'
}
.header-content-container h1 {
    font-size: 40px !important;
    line-height: 40px; } 
}
@media screen and (max-width:320px) {

/* resize mobile banner */


.container .background {
     width: 100% !important;
     height: auto !important;
     left: 0 !important;
     min-height: 40vh !important;
}

.container .background {
     background-size: cover;
!important;
}

.navbar-header .navbar-brand {
     height: 100%;
}

.navbar-brand {
     width: 70%;
     padding-top: 21px;
}

.navbar-brand {
     color: #768677;
     font-family: 'Karla', sans-serif;
     font-size: 16px;
     font-weight: 800;
     letter-spacing: 0.2em;
     text-transform: uppercase;
     line-height: 15px;
     position: relative;
     text-align: left !important;
}

.title {
     font-family: 'Karla', sans-serif;
     font-size: 9px;
     text-transform: uppercase;
     font-weight: 400;
     line-height: 5px;
     text-align: left !important;
     letter-spacing: 0.44em;
}

.bb-box {
     overflow: hidden;
     position: absolute;
     z-index: 10;
     top: 40%;
     left: 50%;
     transform: translate(-50%, -50%);
}

.bb-box h3 {
     font-weight: 500;
     font-size: 25px
!important;
     line-height: 0.9;
     text-align: center;
     margin-bottom: 0px;
     color: #fff;
     text-transform: uppercase;
     font-family: 'Arial'
}

.bb-box h4 {
     margin-top: 2px;
     font-weight: 400;
     font-size: 10px
!important;
     text-align: center;
     line-height: 0.9;
     color: #fff;
     font-family: 'Arial'
}
.header-content-container h1 {
    font-size: 40px !important;
    line-height: 40px; } 
}