/* ==========================================================================
   Media Queries
   ========================================================================== */

/* ---------------------------------------------------------------------- */
/*	Version 1200px
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 1199px) {

    h2 {
        line-height: 1em;
    }

    header .navbar .navbar-nav li a {
        padding: 0 .8em;
        font-size: .8em
    }

    header .navbar .navbar-nav .dropdown-menu > li > a {
        font-size: 0.95em;
    }

    .fd_therapist {
        background-position: calc(50% - 100px) 37px;
    }

    .fd_therapist .home-images img.therapist {
        right: 0;
        margin-left: 0;
        margin-right: 10px;
    }

    .fd_therapist .home-images h2.therapist {
        line-height: 0.7em;
    }

    .mainphoto-offer {
        width: 240px;
        height: 228px;
        background-size: 240px;
    }

    #contacts .contact_form {
        margin-top: 60px;
    }

    footer .topfoot .carousel-inner {
        margin: 40px;
    }

    footer .topfoot .carousel-inner .item > div {
        margin: 0 15px;
        width: 90px
    }

    .social li a {
        height: auto;
        line-height: 1;
        width: auto;
        padding: 16px;
        margin: 0;
    }

    footer .bottomfoot .social li a {
        height: auto;
        line-height: 1;
        width: auto;
        padding: 13px 10px;
        margin: 0;
    }

    footer .middlefoot .recent-news div {
        height: 66px;
        width: 74px;
    }

    footer .middlefoot ul.hours li {
        font-size: .8em;
    }

    .banner .caption h2 {
        font-size: 2em;
        line-height: 1em;
    }

    #home .nav-tabs {
        font-size: 12px;
    }

    #sports-news .item > div {
        width: 205px;
    }

    #sports-news .item > div p {
        font-size: .8em;
        line-height: 1.4em;
    }

    .square-gallery .square-tuple {
        height: 238px;
        width: 485px;
    }

    .square-gallery .square-tuple p {
        line-height: 1.2em
    }

    .square-gallery .square-tuple h3 {
        margin-top: 0;
    }

    .grid.magic-grid .element {
        width: 215px;
    }

    #trainers .grid.magic-grid .element {
        height: 360px;
    }

    #trainers .grid.magic-grid .element .text {
        margin: -90px 8px 0;
    }

    .post .content .post-img .foot {
        font-size: .75em;
    }

    .panel {
        padding: 5px;
    }

    .panel .panel-footer {
        margin: 20px -5px -5px -5px;
        text-align: center;
        padding: 10px 5px;
        font-size: .9em;
    }

    #store .store-item {
        height: 285px;
        margin: 5px;
        width: 225px;
        font-size: .8em;
    }

    .addcart {
        padding: 0 .5em;
    }

    #storeitem #img-store .carousel-inner {
        width: 410px;
    }

    #storeitem .data-item {
        width: 170px;
    }

    #storeitem #img-store.zoomed .carousel-inner {
        width: 585px;
    }
}

/* ---------------------------------------------------------------------- */
/*	Version 992px
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (min-width: 768px) and (max-width: 991px) {
    header .navbar .navbar-nav {
        float: none;
        display: inline-block;
    }
    .container > .navbar-collapse {
        text-align: center;
    }
}


@media handheld, only screen and (max-width: 991px) {
    header .navbar {
        background-image: none;
    }

    header .navbar .navbar-header {
        margin: 20px 0;
    }

    header .navbar .navbar-nav li {
        padding: 10px 0;
    }

    header .navbar .navbar-nav li a {
        padding: 0 .5em;
        line-height: 80px;
        height: 80px;
        font-size: .8em
    }

    header .navbar .navbar-nav .dropdown ul li a {
        height: 30px;
        line-height: 30px;
    }

    .fd_therapist {
        background: url(../img/home3.jpg) center 37px no-repeat;
        background-position: center 37px;
    }

    .fd_therapist .home-images h3.block.one {
        right: 320px;
    }

    .fd_therapist .home-images h3.block.two {
        right: 300px;
    }

    .fd_therapist .home-images h3.block.three {
        right: 270px;
    }

    .fd_therapist .home-images h2.therapist {
        padding-right: 130px;
    }

    .fd_therapist .home-images img.therapist {
        right: 50px;
    }

    #club .course-of-the-visit img {
        width: 40%;
        height: auto;
    }

    #news .col-xs-12 {
        padding-bottom: 60px;
    }

    #sports-news .item > div {
        width: 230px;
    }

    #sports-news .carousel-inner {
        padding: 0 5em;
    }

    .square-gallery .square-tuple {
        float: none;
        margin: 0 auto 1em;
    }

    footer .bottomfoot p {
        text-align: center;
    }

    .social {
        text-align: center;
    }

    .social li {
        display: inline-block;
        float: none;
        margin-bottom: 5px;
    }

    footer .topfoot .carousel-inner .item div:first-child {
        margin-left: 15px;
    }

    footer .topfoot .carousel-inner .item div:last-child {
        margin-right: 15px;
    }

    .navbar > .container {
        position: relative;
    }

    .navbar > .container .navbar-brand {
        width: 238px;
        position: absolute;
        float: right;
        margin-top: 0;
        padding-top: 0;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .navbar-nav {
        margin-top: 60px;
    }

    header .subbar .title {
        font-size: 0.9em;
        line-height: 1.1em;
    }

    .topbar .awf img {
        width: 400px;
        height: auto;
        margin-left: -25px;
    }

    .baner-fit-expo {
        margin-left: -25px;
    }

    .whywe-fd img {
        float: none !important;
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .two-first {
        margin-left: 0;
    }

    .clinic-therapist {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .clinic-therapist img {
        position: static;
        margin: 0;
    }

    .therapist-block {
        position: relative;
        top: -70px;
        display: inline-block;
        /*height: auto;*/
    }

    .btn-contact {
        margin-left: 0;
    }
}

/* ---------------------------------------------------------------------- */
/*	Mobile Version 766px
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 767px) {
    p {
        font-size: 0.9em;
        line-height: 2.2em;
    }

    header .topbar {
        display: none;
    }

    .baner-fit-expo {
        float: left;
    }

    .navbar > .container {
        min-height: 160px;
    }

    header .topbar .row > div:first-child {
        text-align: center;
    }

    header .navbar .navbar-nav {
        float: none;
    }

    header .navbar .navbar-nav li {
        border-top: 1px solid #333;
    }

    header .navbar .navbar-nav li a {
        height: 40px;
        line-height: 20px;
        padding: 10px 25px;
        font-size: 1em;
    }

    header .navbar .navbar-nav li a:focus {
        color: #fff;
    }

    header .navbar .navbar-nav > li.active a {
        background: none;
        color: #1d8fce;
    }

    header .navbar .navbar-nav .dropdown:hover > a {
        background: none;
        color: #1d8fce;
    }

    header .navbar .navbar-nav .dropdown ul,
    header .navbar .navbar-nav .dropdown ul li {
        background: none;
        border: none;
    }

    header .navbar .navbar-nav .dropdown ul {
        box-shadow: none;
        position: relative;
        top: 0;
        float: none;
    }

    header .navbar .navbar-nav .dropdown ul li {
        text-transform: uppercase;
        background: none;
        padding-left: 18px;
    }

    header .navbar .navbar-nav .dropdown ul li a {
        line-height: 20px;
        height: 36px;
        font-size: 1em;
    }

    header .navbar .navbar-nav .dropdown > a:after {
        content: "+";
        float: right;
        font-size: 18px;
    }

    header .navbar .navbar-nav .dropdown-menu {

    }

    header .subbar .title {
        margin-bottom: 0;
    }

    header .subbar .breadcrumbs {
        text-align: left;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .fd_therapist {
        /*background-position: right 37px;*/
        text-align: center;
    }

    .slide_promo_box {
        /*display: none;*/
    }

    .fd_therapist .home-images h2.therapist,
    .fd_therapist .home-images h3.block.one,
    .fd_therapist .home-images h3.block.two,
    .fd_therapist .home-images h3.block.three {
        position: static;
        display: inline-block;
        max-width: 100%;
    }

    .fd_therapist .home-images h3.block.one {
        background: none;
        color: #3B3B3B;
    }

    .fd_therapist .home-images h3.block.two {
        width: 100%;
        margin-top: 0;
        background: none;
        color: #1C8ECD;
    }

    .fd_therapist .home-images h3.block.three {
        margin-top: 0;
        margin-bottom: 50px;
        padding: 0;
        text-align: center;
        background: none;
        color: #3B3B3B;
    }

    .fd_therapist .home-images img.therapist {
        position: static;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: -18px;
    }

    .fd_therapist .home-images h2.therapist {
        margin-top: 15px;
        padding: 0;
        text-align: center;
    }

    #club article.col-xs-12 {
        padding-top: 40px;
    }

    #club .course-of-the-visit img {
        float: none !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .offer-page article.col-xs-12 {
        padding-top: 40px;
    }

    .offer-page article h2 {
        clear: none;
    }

    #contacts #map {
        margin: 0;
        height: 300px;
    }

    #contacts #map-canvas {
        margin-left: 0 !important;
    }

    footer .middlefoot .container .row > div {
        margin-bottom: 60px;
    }

    #home .nav-tabs {
        padding: 0;
    }

    .trainers-tabs .nav-tabs li a {
        padding: 0.6em 2em;
    }

    .trainers-tabs .nav-tabs li.active a,
    .trainers-tabs .nav-tabs li.active:hover a,
    .trainers-tabs .nav-tabs li:hover a {
        top: 0px;
        margin: 0;
        padding-bottom: .6em;
    }

    #sports-news .carousel-inner {
        padding: 0;
    }

    .square-gallery .square-tuple {
        height: auto;
        width: 90%;
    }

    .square-gallery .square-tuple img {
        float: none;
        width: 100%;
    }

    .square-gallery .square-tuple .text {
        float: none;
        position: static;
        width: 100%;
    }

    .post .date {
        float: none;
        height: auto;
        width: auto;
    }

    .post .date .day,
    .post .date .month,
    .post .date .comments {
        display: inline-block;
        font-size: .8em;
        height: 30px;
        line-height: 30px;
        margin: 0 10px;
        padding-bottom: 5px;
        vertical-align: middle;
        width: auto;
        background: none;

    }

    .post .content {
        margin-left: 0px;
    }

    .post .content .post-img .foot span {
        display: block;
        width: 100%;
        float: none !important;
    }

    .form-comment .form-group {
        width: 100%;
        float: none !important;
    }

    #strainers #img-trainer {
        width: 100%;
    }

    h2 {
        position: static;
        clear: both;
    }

    #storeitem #img-store ol {
        height: 65px;
        width: 100%;
    }

    #storeitem #img-store .carousel-inner,
    #storeitem #img-store.zoomed .carousel-inner {
        width: 100%;
    }

    #img-store .zoom {
        display: none;
    }

    #storeitem .data-item {
        width: 100%;
    }

    #storeitem .data-item form {
        float: left;
        width: 100%;
    }

    #storeitem .data-item form .form-group,
    #storeitem .data-item.zoomed form .form-group {
        width: 100%;
    }

    #storeitem .data-item form .form-group.qty {
        float: none;
        max-width: 100%;
    }

    .grid.magic-grid .filters {
        text-align: center;
    }

    .grid.magic-grid .filters button.active {
        height: 35px;
        margin: 0 10px;
    }

    .square-gallery .square-tuple .text .arrow.alt {
        float: none;
        display: none;
    }

    #home .nav-tabs li .gym-icon {
        display: none;
    }

    .navbar-toggle {
        position: absolute;
        display: inline-block;
        width: 36px;
        padding: 8px 6px;
        left: 0;
        right: 0;
        margin: auto;
        margin-top: 75px;
    }

    .navbar-collapse {
        max-height: 800px;
        box-shadow: none;
    }

    .navbar-nav {
        margin-top: 120px;
        height: 100%;
    }

    .tabs-left .nav-tabs > li a {
        line-height: 1;
    }

    .tabs-left .tab-content p {
        font-size: 0.8em;
        line-height: 1.4em;
    }

    img.cards {
        max-width: 100%;
    }

    .article-fd img {
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
        max-width: 100% !important;
    }

    .article-fd .special img {
        margin-top: 10px !important;
    }

    .article-fd .special p {
        margin-top: 30px !important;
    }

}

@media handheld, only screen and (max-width: 570px) {
    header .topbar .fitexpo img {
        display: none;
    }

    .baner-fit-expo {
        display: inline-block;
        width: 100%;
        height: 84px;
        margin-top: 0;
        background: url("../img/fit_expo_logo.png") center no-repeat;
    }

    .mainphoto-offer {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

@media handheld, only screen and (max-width: 460px) {
    .fd_therapist .container {
        padding: 0;
    }

    .fd_therapist .home-images h2.therapist {
        min-height: 50px;
        margin-top: 0;
        padding: 10px 0;
        line-height: 1em;
        background-color: #1c8ecd;
    }
}

@media handheld, only screen and (max-width: 320px) {
    .navbar-brand {
        width: 80%;
    }
}