/*/////////// 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) {

.masthead {
    height: inherit;
}
.contact .bullets .desc {
    width: 80%;
}

.hoverface_hover .menus {
    display: inline-block;
    width: 18%;
    vertical-align: top;
    margin: 0px 5px;
}
}
@media (min-width: 320px) and (max-width: 767px) {
footer .left h3 {
    font: 500 2.2em/1.2 "Quicksand", sans-serif!important;
    text-align: center
}
#pjWrapperStivaBlogSidebar .pjSbContainer .recent-widget .post .post-thumbnail img {
    max-width: 100%!important;
    margin-bottom: 10px;
}
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%;
}

.form {
    padding: 0;
}
.blurb {
    padding: 0 6%;
}
.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: 100%;
    margin: 10% auto!important;
}
.blurb  h4 {
    margin: 20px 0;
}
.masthead.whatson {
    background-position: -140px 0;
}
caption .large {
    font: 600 4.4em/1.1 'Heebo', sans-serif;
    color: #EFDCC0 !important;
}
caption .medium {
    font: 300 3.0em/1.2 'Heebo', sans-serif;
    color: #fff !important;
}
.light .nav-link {
    color: #fff!important;
}
.map {
    margin-bottom: 20px;
}
.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;
}

.spacer {
    margin-top: 0;
}
.caption {
    width:  100%;
    bottom: 0px;
    padding: 2% 2%;
}
.circles {
    padding: 6% 0;
}
.contact {
    padding: 0;
    background-repeat: no-repeat;
    background-position: 0 100%;
    display: block!important;
}
.contact .bullets .icon {
    display: inline-block;
    transform: translate(0, 0);
}
.contact .bullets .desc {
    width: 80%;
}
.content p {
    padding: 0 10px;
}
.content ul {
    text-align: left;
    padding-left: 14px;
}
#home {
    width:  100%;
    bottom:  12%!important;
}
#home .small {
    font: 600 3.4em/1.1 'Heebo', sans-serif;
}
#home .large {
    font: 600 6.4em/1.1 'Heebo', sans-serif;
}
.hover_1 div {
    padding: 0;
    margin-bottom: 3px!important;
}

.masthead {
    height: 242px;
}
.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: #33406A!important;
    margin-bottom: 0;
    text-align:  center;
}
.navbar .brand {
    padding: 0 0 20px 0;
    width:  100%;
}
.navbar .brand img {
    width: 80%;
    margin: auto;
}

.navbar .brand img {
    width: 80%;
    margin: auto;
}

.brand #logo {
    display: none;
}
.brand #logoAlt {
    display: none;
}     
.brand #logoMob {
    display: inherit;
}

#pjWrapperGallery_1 .pjGalSlideThumb {
    width: 100%!important;
}



.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;
    color: #fff!important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #fff;
    max-height: 370px;
}
.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: 80px auto 20px;
}
.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: 10% 0;
}

.topContacts .right i {
    color: #fff!important;
}
.topContacts a:link {
    font: 300 2.6em/1.8 "Roboto", sans-serif!important;
    padding: 0 30px!important;
    color: #fff!important;
    text-decoration: none!important;
}
.topContacts #contact {
    display:  none;
}
.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%;
}

#pjWrapperStivaBlogSidebar .pjSbContainer .recent-widget .post .text {
    padding: 0!important;
    display: inline-block;
    width: 52%;
    vertical-align: top;
} 
.whyChoose {
    margin: 10px 0 10px 0;

}
}