/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
    body {
        overflow-x: hidden;
    }
    /* Navigations
---------------------------------------- */
    
    .select-menu {
        background: #5a9dea none repeat scroll 0 0;
        border: 1px solid #5a9dea;
        color: #ffffff;
        cursor: pointer;
        display: inline-block !important;
        font-size: 12px;
        height: 30px;
        padding-bottom: 4px;
        padding-right: 3px;
        padding-top: 4px;
        vertical-align: middle;
        width: 100%;
    }
    h1.navbar-brand_ {
        float: none;
        text-align: center;
    }
    #header {
        padding: 43px 15px;
        box-sizing: border-box;
    }
    /* Primary navigation */
    
    nav.primary {
        clear: both;
        width: 100%;
        margin: 0;
        text-align: center;
        padding: 5px 0;
    }
    #logo img {
        width: 100%;
    }
    nav.primary {
        margin: 15px 0 0;
    }
    .sf-menu {
        display: none;
    }
    .thumb-pad0 {
        margin: 0 0 10px;
    }
    #header .header-inner {
        padding: 10px 0;
    }
    .login-link {
        float: none;
        text-align: center;
        padding: 5px 0 15px;
    }
    /* Logo */
    
    .logo .tagline {
        display: none;
    }
    .global.indent {
        padding: 30px 0 0;
    }
    .container_12 {
        box-sizing: border-box;
        padding: 0 15px;
        width: 100%;
    }
    .who-box,
    .history-box,
    .trainers-box {
        margin-bottom: 20px;
    }
    .btn-default.btn2 {
        margin: 5px;
    }
    /* Slider
---------------------------------------- */
    
    .flex-caption {
        display: none !important;
    }
    .services-box {
        padding: 20px 0;
    }
    .home .about-box {
        padding: 50px 15px 42px;
    }
    .content-widget-bottom {
        margin-bottom: 20px;
    }
    .flex-direction-nav li .next {
        left: 30px;
        right: auto;
        text-indent: 2px;
    }
    .flex-direction-nav li .prev {
        left: 0;
        right: auto;
        text-indent: -2px;
    }
    /* Flickr widget */
    
    .flickrImages a {
        width: 49px;
        height: 49px;
    }
    #widget-footer .social-networks li {
        list-style-type: none;
        display: inline-block;
        background: url(images/footer-separator.gif) no-repeat 0 0;
        padding: 6px 5px 6px 5px;
    }
    /* Request a quote */
    
    .box-text {
        width: 100%;
        float: none;
    }
    .box-button {
        width: 100%;
        float: none;
        padding-left: 3px;
        padding-right: 0;
    }
    .box-button .button {
        float: none;
    }
    /* Post */
    
    .featured-thumbnail {}
    .featured-thumbnail img {}
    .post-meta .fright {
        float: none;
        clear: left;
    }
    .featured-thumbnail.large {
        width: auto;
        height: auto;
        margin: 0 0 10px 0;
    }
    /* Comments */
    
    .comment-meta {
        position: static;
        padding-bottom: 1em;
    }
    .comment-author {
        padding-bottom: 0;
    }
    /* Comment form */
    
    #commentform label {
        display: block;
        float: none;
        width: 60px;
        padding: 5px 8px 0 0;
        text-align: left;
    }
    #commentform input[type="text"] {
        width: 85%;
    }
    #commentform input[type="text"],
    #commentform textarea {
        width: 95%;
    }
    /* Comment Form */
    
    .commentlist ul.children {
        margin-left: 0;
    }
    .wpcf7-not-valid-tip {
        width: 100% !important;
    }
    /* Team */
    
    .recent-posts.team li {
        float: none;
        width: auto;
        margin: 0 0 30px 0;
    }
    .recent-posts.team li .featured-thumbnail {
        width: 120px;
        height: auto;
        float: left;
        margin: 0 20px 0 0;
    }
    /* Services */
    
    .recent-posts.services li {
        float: none;
        width: 100%;
        margin: 0 0 30px 0;
    }
    .thumb-pad1 .thumbnail .caption .title {
        font: 30px "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    .thumb-pad1 {
        margin: 0 0 20px;
    }
    .thumb-pad2 figure {
        display: block;
        float: none;
        margin: 0 0 10px;
    }
    .thumb-pad2 figure img {
        width: auto;
    }
    #gallery .portfolio li.nomargin {
        margin: 0 auto 20px!important;
    }
    #gallery .portfolio li {
        width: 300px;
        margin: 0 auto 20px;
        display: block;
    }
    #gallery .portfolio li a.image-wrap {
        width: 300px;
        height: 160px;
    }
    .margBot {
        margin-bottom: 30px;
    }
    .services-box2 {
        margin-bottom: 20px;
        padding: 10px 0;
    }
    /* Testimonials list*/
    
    article.testimonial {
        padding: 20px 30px 30px 75px;
        width: auto;
        background-position: 65px 20px;
        font-style: italic;
        font-size: 14px;
        line-height: 1.5em;
        font-weight: normal;
        margin-bottom: 10px;
    }
    article.testimonial .featured-thumbnail img {
        width: 60px;
        height: auto;
    }
    article.testimonial .featured-thumbnail {
        left: 0;
    }
    /* Images */
    
    .frame.alignleft,
    .frame.alignright,
    .frame.alignnone {
        margin-right: 0;
        width: 284px;
    }
    .frame.alignleft img,
    .frame.alignright img,
    .frame.alignnone img {
        width: 100%;
        height: auto;
    }
    .team .post-content.extra-wrap {
        overflow: visible;
    }
    .team .single-post .featured-thumbnail {
        margin: 5px 20px 10px 0;
    }
    /* Related Posts */
    
    .related-posts li {
        width: auto;
        float: none;
        margin: 0 0 .5em 0;
    }
    .related-posts li:first-child {
        margin-left: 0;
    }
    .related-posts li .featured-thumbnail {
        display: none;
    }
    /* SlidesJS */
    
    .slides_container {
        width: 300px;
    }
    .slides_container .item {
        width: 300px;
        height: 250px;
    }
    .slides_container .item .thumbnail img {
        width: 100%;
        height: auto;
    }
    /* Address */
    
    .address dt {
        width: auto;
        float: none;
        padding-bottom: 20px;
    }
    .address dd {
        float: none;
        padding-bottom: 20px;
    }
    .address dd span {
        width: 100px;
    }
    /* Comments */
    
    .commentlist ul.children {
        margin-left: 0;
    }
    /* Portfolio
---------------------------------------- */
    /* 1 column portfolio*/
    
    #gallery.one_column .portfolio li a.image-wrap {
        width: 290px;
        height: 136px;
        float: none;
    }
    #gallery.one_column .folio-desc {
        width: 100%;
        padding-top: 15px;
        margin: 0;
    }
    /* 4 columns portfolio*/
    
    #gallery.four_columns .portfolio li {
        float: none;
        margin: 0 auto 20px;
        width: 300px;
    }
    #gallery.four_columns .portfolio li a.image-wrap {
        width: 290px;
        height: 148px;
    }
    #gallery.four_columns .portfolio li a img {
        width: 100%;
        height: auto;
    }
    .featured-thumbnail img {
        float: none;
    }
    .map {
        margin: 0 0 40px;
    }
    .map iframe {
        height: 260px;
    }
    .featured-thumbnail {
        display: block;
        float: none;
        margin: 0 0 5px;
        position: relative;
        width: 100%;
    }
    .form-div-1,
    .form-div-2,
    .form-div-3 {
        margin-right: 0;
        width: 100%;
    }
    .blog .post-content,
    .archive .post-content {
        width: 100%;
    }
    /* 2 columns portfolio*/
    
    #gallery.two_columns .portfolio li {
        width: 100%;
        margin-right: 0;
    }
    #gallery.two_columns .portfolio li a.image-wrap {
        width: 300px;
        height: 150px;
    }
    #gallery.two_columns .portfolio li {
        margin: 0 auto;
        width: 300px;
    }
    /* Carousel */
    
    .es-carousel ul li h4 {
        display: none;
    }
    .es-carousel ul li .excerpt {
        display: none;
    }
    .es-carousel ul li .link {
        display: none;
    }
    .post_list .featured-thumbnail {
        float: left;
        margin: 0 20px 0 0;
    }
    .latestpost .featured-thumbnail {
        float: left;
        margin: 0 20px 0 0;
    }
    /* Post Formats
---------------------------------------- */
    /* Image Post Format */
    
    .image-post-format img {
        width: 100%;
        overflow: hidden;
    }
    /* Gallery Post Format */
    
    .slides_container_gallery {
        width: 300px;
        height: 150px;
    }
    .slides_container_gallery .g_item {
        width: 300px;
    }
    /* Audio Format Type */
    
    .audiojs .scrubber {
        width: 130px;
    }
    /* Google Map */
    
    .google-map {
        position: relative;
        padding-bottom: 46.25%;
        height: 0;
        overflow: hidden;
        margin: 0 0 2% 0;
    }
    .google-map iframe,
    .google-map object,
    .google-map embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .error404-num {
        font-size: 180px;
    }
    /* Footer
---------------------------------------- */
    
    nav.footer {
        float: none;
        text-align: center;
        padding: 0 0 10px 0;
    }
    #footer-text {
        width: auto;
        float: none;
        text-align: center;
    }
}