/*
 Web         : Atom Solutions
 Author      : Dilyan Lyubomirov - dlubomirov@atomsolutions.net
 Last update : 2015-05-18
 */

@media (max-width: 1670px) {
    .navbar .navbar-filter input[type=text] {
        width: 150px;
    }

    .navbar .navbar-filter .select-container {
        width: 150px;
    }

    .navbar .navbar-filter .customSelect {
        background: url('../img/select_arrow.png') 155px 19px no-repeat #fff;
        width: 150px;
    }

    .navbar .navbar-filter .btn {
        padding: 0 10px;

    }

@media (max-width: 1380px) {
    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
         -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-collapse.collapse.pull-right {
        display: none !important;
    }

    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        margin-top: 5px;
        margin-right: 0;
        margin-bottom: 0px;
    }

    .navbar-filter {
        /*display: none;*/
    }

    #slider .navbar-filter {
        display: block;
    }
}
    #inner #map {
         width: 40%;
    }

    #inner-boxes {
        padding-left: 40%;
    }

    #profile-photo {
        width: 40%;
    }

    #profile-photo img {
        width: 150px;
    }

    .new-search-filter .box-container {
        padding: 0 5px;
    }

    .filter-search.fixed {
        padding-left: 40%;
    }

    .filter-search {
        padding: 0 5px;
    }

    body.new-search-filter .navbar-inverse .navbar-nav > li > a, body.new-search-filter .navbar-nav > li > a {
        margin-right: 0;
    }

    #b-form.contacts form {
        max-width: 680px;
    }
}

@media (min-width: 1360px) {
    .container {
        width: 1304px;
    }
}

@media (min-width: 1440px) {
    #inner #map {
        width: 50%;
    }

    #inner-boxes {
        padding-left: 50%;
    }

    .filter-scroll.fixed-top {
        left: 50%;
    }

    .filter-search .title {
        width: 50%;
    }

    .filter-search .filter-container > span {
        width: 50%;
    }

    .courses.trainer #inner .breadcrumbs-container {
        left: 50%;
    }

    .courses.trainer .checkbox-filter.fixed {
        left: 50%;
    }

    .courses.trainer #inner .breadcrumbs-container.fixed-bottom {
        left: 50%;
    }

    #profile-photo {
        width: 50%;
    }
}

@media (min-width: 1670px) {
    .container {
        width: 1600px;
    }
}

@media (max-width: 1359px) {
    #cards .course-box {
        float: none;
        margin: auto 10px 10px 0;
        display: inline-block;
    }

    #cards .course-box:nth-child(3n) {
        margin: 0 0 10px 0;
    }

    #cards .course-box:nth-child(4n) {
        margin: 0 10px 10px 0;
    }

    #cards .course-box:nth-child(5n) {
        margin: 0 10px 10px 0;
    }

    #cards .course-box:nth-of-type(7),
    #cards .course-box:nth-of-type(8) {
        display: none;
    }

    #cards .box-container {
        text-align: center;
    }

    .course-box .info,
    .course-box .header h2 {
        text-align: left;
    }

    #inner .course-box:nth-child(4n) {
        margin: 0 10px 10px 0;
    }

    #slider .content {
        padding-top: 160px;
        float: right;
    }

    #text .container > div {
        padding: 0 260px;
    }

    #more-text .container > div {
        padding: 0 15px;
    }

    #details #details-content .content {
        padding: 30px 30px 0 15px;
    }

    #details #details-content .aside {
        padding: 30px 15px 0 10px;
    }

    .navbar-filter input[type=text] {
        width: 140px;
    }

    .navbar-filter .select-container {
        width: 140px;
    }

    .navbar-filter .customSelect {
        background: url('../img/select_arrow.png') 115px 19px no-repeat #fff;
        width: 140px;
    }
}

@media (max-width: 1280px) {
    .filter-search .title {
        width: 50%;
    }

    .filter-search .filter-container > span {
        width: 50%;
    }
}

@media (max-width: 1199px) {
    .navbar-inverse .navbar-nav > li > a, .navbar-nav > li > a {
        margin-left: 15px;
    }

    body.site.index .navbar-inverse .navbar-nav > li a.page-4 {
        background-color: transparent !important;
    }

    .navbar-inverse .navbar-nav > li a.page-4 {
        margin-left: 15px;
        background-color: transparent !important;
    }

    #footer .news {
        padding: 0 15px;
    }

    body.new-search-filter {
        padding-top: 0;
    }

    #slider .navbar-filter {
        display: block;
    }

    .courses.trainer .map-boxes-container {
        margin-bottom: 20px;
    }

    #inner #map {
        display: none;
    }

    #profile-photo {
        width: 100%;
        position: relative !important;
        top: auto;
        margin-top: 30px;
    }

    #inner .trainer-container {
        margin-bottom: 0;
    }

    #inner-boxes {
        padding-left: 0;
    }

    #inner {
        width: 960px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    #inner-boxes .breadcrumbs-container {
        background: #fff;
        position: relative;
        width: 100%;
        padding: 0;
        top: 0;
    }

    .courses.trainer #inner .breadcrumbs-container {
        background: #fff;
        position: relative;
        width: 100%;
        padding: 0;
        top: 0;
        left: 0;
    }

    #inner .course-box:nth-child(3n+0) {
        margin: 0 0 10px 0;
    }

    section .container > div {
        height: auto;
    }

    body {
        padding-top: 0;
    }

    nav.navbar.navbar-inverse.navbar-fixed-top {
        position: relative;
    }

    .parallax {
        background-position: center center !important;
    }

    #slider .parallax.duck {
        background: none;
    }

    #slider .col-xs-12 {
        height: 100%;
    }

    #slider .col-lg-6 {
        height: auto;
    }

    #slider {
        height: 400px;
    }

    #slider .content {
        padding-top: 100px;
        float: right;
    }

    #slider .container {
        margin-top: 0;
    }

    #slider .suchen {
        bottom: 10px;
    }

    #booking {
        height: 340px;
    }

    #booking .container {
        padding-top: 70px;
    }

    #cards .course-box:nth-child(2n) {
        margin: 0 10px 10px 0;
    }

    #cards .course-box:nth-child(3n) {
        margin: 0 10px 10px 0;
    }

    #cards .course-box:nth-child(5n) {
        margin: 0 10px 10px 0;
    }

    #cards .course-box:nth-of-type(5),
    #cards .course-box:nth-of-type(6),
    #cards .course-box:nth-of-type(7),
    #cards .course-box:nth-of-type(8) {
        display: none;
    }

    #cards h1 {
        line-height: 80px;
    }

    #cards {
        padding: 0 0 80px 0;
    }

    #map {
        height: 340px;
    }

    #testimonials {
        height: 340px;
    }

    #testimonials .container, #testimonials2 .container {
        padding-top: 70px;
    }

    #testimonials .col-lg-6, #testimonials2 .col-lg-6 {
        height: auto;
        float: right;
    }

    #text {
        padding: 40px 0;
    }

    #text .container > div {
        padding: 0;
    }

    #testimonials2 .parallax.baby_2 {
        background: url('../img/baby_2.png') center center no-repeat;
        -webkit-animation-iteration-count: 0;
        -ms-animation-iteration-count: 0;
        animation-iteration-count: 0;
    }

    #testimonials2 .buffer {
        height: 0;
    }

    #testimonials2 .buffer.top {
        height: 0;
    }

    #testimonials2 {
        height: 480px;
    }

    #more-text {
        padding: 40px 0;
    }

    #footer > section {
        padding-bottom: 80px;
    }

    #testimonials2 {
        height: 380px;
    }

    #testimonials2 .container {
        height: 380px;
    }

    #info .container ul {
        margin: 40px 0;
        padding: 0;
    }

    #details #details-content .content .details h2 {
        font-size: 22px;
        line-height: 53px;
    }

    #details #details-content .content .details h2 span {
        font-size: 15px;
    }

    .lSSlideOuter .lightSlider > li img {
        max-width: 100%;
    }

    #details #image-slider {
        height: auto;
    }

    #details #details-content .content {
        padding: 30px 15px 0 15px;
    }

    #details #details-content .aside {
        padding: 30px 15px 0 15px;
    }

    #details {
        padding-bottom: 50px;
    }

    #inner .team {
        margin: 120px 0 20px 0;
    }

    #b-form form {
        margin: 60px 0 40px 0;
    }

    #b-form.request.no-courses form {
        margin: 60px 0 40px 0;
    }

    #slider .duck {
        display: none;
    }

    #slider .content h1 br, #slider .content h1 p br {
        display: none;
    }

    #slider .content {
        padding-top: 0;
        float: right;
    }

    body.site.index .navbar-inverse .navbar-nav > li:last-child a {
        background-color: transparent !important;
    }

    #testimonials .parallax.big_duck {
        background: none;
    }

    #testimonials2 .parallax.baby_2 {
        background: none;
        padding-top: 70px;
    }

    #details #details-content .aside .price {
        position: relative;
        padding: 0;
        border: none;
        margin-top: 20px;
    }

    #details #details-content .aside .price br {
        display: none;
    }

    #details #details-content .aside footer {
        margin-top: 0;
    }

    #b-form.purchase form {
        margin: 0;
        padding: 35px 10px 15px 10px;
    }

    #inner.contacts #page {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
    }

    #b-form.contacts form {
        margin: 0 0 30px 0;
        width: 100%;
        max-width: 100%;
    }

    #inner.contacts .labels ul li {
        margin-bottom: 30px;
    }

    #inner.contacts .labels {
        margin: 0;
        float: none !important;
    }
}

@media (max-width: 991px) {
    #inner {
        width: 750px;
    }

    .breadcrumbs {
        padding: 0;
    }

    .filter-search {
        padding: 0;
    }

    .filter-search .filter-container > span {
        width: 100%;
    }

    .filter-search .title {

    }

    .new-search-filter .box-container {
        padding: 0;
    }

    nav.navbar.navbar-inverse.navbar-fixed-top {
        height: auto;
        min-height: 70px;
    }

    nav.navbar.navbar-inverse.navbar-fixed-top .container {
        width: 100%;
        padding: 0;
    }

    .navbar-nav > li > .dropdown-menu {
        display: none !important;
    }

    #inner .course-box:nth-child(3n+0) {
        margin: 0 10px 10px 0;
    }

    .navbar-inverse .navbar-nav > li > a .caret,
    .navbar-nav > li > a .caret {
        display: none !important;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border: none !important;
    }

    #inner .list ul.list {
        padding: 0;
    }

    #inner .list ul.list li {
        padding: 0;
    }

    #booking .container {
        padding-top: 0;
    }

    #testimonials .container, #testimonials2 .container {
        padding-top: 20px;
    }

    #footer .top-footer {
        padding: 0 15px;
        margin-bottom: 25px;
    }

    #footer .uber {
        padding: 0 15px;
    }

    #footer .news {
        padding: 0 15px;
    }

    #footer > section h2 {
        margin: 15px 0;
    }

    #info .container ul li {
        padding: 0;
    }

    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin: 0;
    }

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

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

    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }

    .navbar-inverse .navbar-nav > li a.page-4:hover,
    .navbar-inverse .navbar-nav > li a.page-4,
    body.site.index .navbar-inverse .navbar-nav > li a.page-4:hover,
    body.site.index .navbar-inverse .navbar-nav > li a.page-4 {
        border: none !important;
        background-color: transparent !important;
    }

    .navbar-inverse .navbar-nav > li > a, .navbar-nav > li > a {
        text-align: right;
        margin: 0 !important;
        padding: 0 !important;
    }

    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: none;
    }

    .navbar-nav > li > .dropdown-menu {
        padding: 0;
    }

    .navbar-nav > li > .dropdown-menu li {
        text-align: right;
        background: none !important;
    }

    .navbar-nav > li > .dropdown-menu li {
        color: #fff;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #88c3e2;
    }

    .navbar-nav > li > .dropdown-menu li.all {
        margin: 0;
        background: none;
    }

    .navbar-nav > li > .dropdown-menu:before {
        content: none;
    }

    .customSelect {
        background: url('../img/select_arrow.png') 210px 26px no-repeat #fff;
        width: 240px;
    }

    #testimonials .col-lg-6, #testimonials2 .col-lg-6 {
        float: none;
    }

    #testimonials .container, #testimonials2 .container, #booking .container {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #booking,
    #testimonials2 .container,
    #testimonials2,
    #testimonials {
        height: auto;
    }

    #inner .services .column {
        width: 100%;
        text-align: center;
    }

    #inner .services {
        margin-top: 20px;
    }

    #inner .team {
        margin: 20px 0 20px 0;
    }

    #inner .team ul {
        margin: 20px 0 0 0;
    }

    #inner .team ul > li {
        width: 100%;
        margin-bottom: 10px;
    }

    #inner section .container > div {
        width: 100%;
    }

    #b-form.purchase {
        margin-bottom: 20px;
    }

    #inner .list ul.list {
        width: 100%;
    }

    #inner .suchen form {
        height: auto;
    }

    body.new-search-filter nav.navbar.navbar-inverse.navbar-fixed-top {
        /*height: auto;*/
    }

    .new-search-filter .navbar-inverse .navbar-nav > li:last-child a {
        background: none !important;
    }

    .box-container.wide .course-box {
        width: 100%;
        height: 240px;
    }

    .box-container.wide .course-box .header {
        width: 100%;
        height: 80px;
    }

    .box-container.wide .course-box .info {
        width: 100%;
        height: 80px;
    }

    .box-container.wide .course-box .info .line {
        width: 100%;
    }

    .box-container.wide .course-box .more-info {
        width: 100%;
        height: 79px;
        border-top: 1px solid #d3d3d3;
    }

    .box-container.wide .course-box:focus .more-info,
    .box-container.wide .course-box:hover .more-info {
        border-top: 1px solid #ffae00;
    }
}

@media (max-width: 767px) {
    nav.navbar.navbar-inverse.navbar-fixed-top .navbar-filter {
        margin: 10px auto 0 auto;
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    nav.navbar.navbar-inverse.navbar-fixed-top .navbar-filter > form {
        display: inline-block;
        margin: 0 auto;
    }

    nav.navbar .navbar-filter input[type=text] {
        width: 50%;
    }

    .navbar .navbar-filter .select-container {
        width: 50%;
    }

    .navbar .navbar-filter .customSelect {
        background: url('../img/select_arrow.png') 90% 19px no-repeat #fff;
        width: 100%;
    }

    .navbar .navbar-filter .btn {
        margin-top: 10px;
    }

    body.new-search-filter nav.navbar.navbar-inverse.navbar-fixed-top {
        height: auto;
    }

    #inner {
        width: 100%;
    }

    .checkbox-filter {
        height: auto;
    }
    .checkbox-filter table tr td {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
    }

    .filter-search {
        padding: 10px 0;
    }

    .checkbox-filter {
        margin-top: 0;
    }

    .new-search-filter .box-container {
        text-align: center;
    }

    #inner .course-box {
        float: none;
    }

    #tod {
        margin-left: 0;
    }

    #courses {
        margin-left: 0;
    }

    #ratings {
        padding: 30px 0 0 0;
    }

    #ratings .col-xs-6 {
        width: 100%;
        margin-bottom: 30px;
    }
    
    #ratings .stars {
        width: 100%;
        display: inline-block;

    }

    #slider .navbar-filter {
        position: relative;
    }

    #slider .navbar-filter input[type=text] {
        width: 50%;
    }

    #slider .navbar-filter .select-container {
        width: 50%;
    }

    #slider .navbar-filter .customSelect {
        width: 100%;
        background: url('../img/select_arrow.png') 90% 29px no-repeat #fff;
    }

    #slider .navbar-filter .btn {
       margin-top: 20px;
    }

    #info .container ul li {
        width: 100%;
        margin-bottom: 10px;
    }

    #cards .course-box {
        margin: 0 0 10px 0 !important;
    }

    #cards h1 {
        line-height: 1;
        margin: 20px 0;
    }

    #cards {
        padding: 0 0 40px 0;
    }

    #testimonials a, #testimonials2 a {
        text-align: center;
        display: inline-block;
        margin-top: 10px;
    }

    #testimonials2,
    #testimonials {
        height: auto;
        text-align: center;
        padding-bottom: 20px;
    }

    #newsletter .newsletter {
        width: 100%;
    }

    #booking {
        height: auto;
        padding-bottom: 20px;
    }

    #slider {
        height: auto;
    }

    #slider .content {
        padding: 20px 0;
        float: none;
    }

    #slider .suchen {
        width: 100%;
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        text-align: center;
    }

    #slider .col-xs-12 {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
    }

    #slider .suchen form .btn,
    #slider .suchen form .select-container {
        float: none !important;
        margin: 0 0 10px 0;
    }

    #slider .suchen form {
        height: auto;
        display: inline-block;
    }

    #slider .suchen .btn,
    #slider .suchen .customSelect {
        max-width: 100%;
    }

    #slider .col-xs-12 {
        z-index: 1;
    }

    nav.navbar.navbar-inverse.navbar-fixed-top {
        height: auto;
        padding: 12px 0;
    }

    .lSSlideOuter .lSPager.lSGallery {
        margin-top: 8px !important;
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
    }

    #details #details-content .content .details img {
        display: none;
    }

    #details #details-content .content .details h2 {
        float: none !important;
        padding: 6px 12px;
    }

    #details #details-content .aside h2 {
        margin: 0 0 10px 0;
    }

    #details #details-content .aside .main-info > .pull-left {
        float: none !important;;
    }

    #details #details-content .aside .main-info > .pull-right {
        float: none !important;
        text-align: center;
        margin-top: 10px;
    }

    #details #details-content .aside .main-info .time {
        width: 100%;
    }

    #details #details-content .aside ul li {
        width: 50%;
    }

    #booking .parallax.plus {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    #booking {
        padding-bottom: 0;
    }

    #inner #advantage ul li {
        list-style: none;
        width: 100%;
    }

    #b-form form .select-container {
        margin: 0 0 40px 0;
    }

    #b-form form .select-container .customSelect {
        width: 380px;
        background: url('../img/select_arrow.png') 350px 26px no-repeat #fff;
    }

    #inner .trainer .mce {
        padding: 0;
    }

    #info .container ul li > div {
        margin-bottom: 10px;
    }

    #b-form form .select-container .customSelect {
        width: 100%;
        background: url('../img/select_arrow.png') 95% 50% no-repeat #fff;
    }

    #b-form form .select-container {
        width: 100%;
    }

    #inner .suchen form .select-container {
        margin: 0 auto 10px auto;
        float: none !important;
        display: block;
    }

    #inner .suchen form .btn-blue {
        float: none !important;
        display: block;
        margin: 0 auto;
    }

    #b-form form {
        padding: 10px;
    }

    #inner.contacts #page {
        position: relative;
    }

    #inner.contacts #map {
        display: none;
    }

    #inner.contacts .labels {
        margin: 20px 0 0 0;
    }

    #b-form.contacts form {
        margin: 0 0 20px 0;
    }

    #b-form form .form-group label.textarea {
        height: 55px;
    }

    #b-form.contacts form .form-group textarea,
    #b-form.contacts form .form-group input {
        padding: 6px 10px;
    }

    #b-form form .form-group textarea.error + label:after,
    #b-form form .form-group input.error + label:after {
        content: none;
    }

    #inner-more .container > .col-xs-12 {
        padding: 20px 10px 20px 10px;
    }

    .paging .pull-left {
        width: 100%;
        position: relative;
    }

    #b-form form .form-group .dropdowns {
        padding: 0;
        padding-top: 54px;
    }

    #b-form.purchase form .form-group .dropdowns {
        padding-left: 0;
    }

    #details #details-content .aside > aside {
        padding: 24px 10px 35px 10px;
    }

    #inner.contacts #b-form .container,
    #inner.contacts #b-form .container .col-xs-12 {
        padding: 0;
    }

    #inner.contacts .labels {
        float: none !important;
        text-align: center;
    }

    #inner.contacts .labels ul li {
        width: 100%;
        display: table;
        height: 85px;
        font-size: 20px;
        padding: 0 0 0 80px;
        background-color: #fffeb6;
        margin-bottom: 65px;
    }

    #inner #page {
        margin: 20px 0 0 0;
    }

    #inner aside.purchase .more-details {
        padding: 25px 10px 35px 10px;
    }

    #inner #map {
        height: 400px;
        margin: 0 0 40px 0;
    }

    #b-form form .form-group label {
        width: 100% !important;
        border: 1px solid #e3e3e3 !important;
    }

    #b-form form .form-group textarea, #b-form form .form-group input {
        margin-top: 54px;
        border: none;
        border-right: 1px solid #e3e3e3;
        border-left: 1px solid #e3e3e3;
        padding: 6px 30px;
    }

    #b-form.request.no-courses form {
        margin: 60px 0 40px 0;
    }

    #b-form form .select-container.top {
        margin: 0;
        padding: 0 0 40px 0;
        width: 100%;
    }
}

@media (max-width: 560px) {
    #b-form.purchase form ul li {
        width: 100%;
        margin-right: 0;
        list-style: none;
        margin-bottom: 10px;
        height: 140px;
    }

    #b-form form .form-group {
        height: 110px;
    }

    #b-form form .form-group textarea,
    #b-form form .form-group input {
        margin-top: 54px;
        border: none;
        border-right: 1px solid #e3e3e3;
        border-left: 1px solid #e3e3e3;
        padding: 6px 30px;
    }

    #b-form.purchase form .form-group textarea, #b-form.purchase form .form-group input {
        padding: 6px 30px;
    }

    #b-form form .form-group textarea:focus, #b-form form .form-group input:focus {
        border-left: 1px solid #b3dbef;
        z-index: 12;
    }

    #b-form form .form-group label {
        width: 100% !important;
        border: 1px solid #e3e3e3 !important;
    }

    #b-form.purchase .form-group a {
        display: none;

    }

    #b-form.purchase form button {
        width: 100%;
    }

    #inner aside.purchase .more-details .table tr td:nth-child(3) {
        display: none;
    }

    body.site.index nav.navbar.navbar-inverse.navbar-fixed-top {
        background: #57b7e8;
    }

    #inner #map {
        height: 360px;
        margin: 0 0 40px 0;
    }
}

@media (max-width: 480px) {
    #inner-boxes > .container {
        margin: 0 auto;
        padding: 0;
    }

    #inner-boxes > .container > .col-xs-12{
        margin: 0 auto;
        padding: 0;
    }

    .box-container {
        text-align: center;
    }

    #inner .course-box {
        margin: 0 0 10px 0 !important;
    }

    #inner #map {
        height: 260px;
        margin: 0 0 40px 0;
    }
}