/* RESPONSIVE */
@media (min-width: 768px) {
    .responsive {
        display: none !important;
    }
}

@media (max-width: 950px) {
    .hidden_menu {
        display: none !important;
    }
    .show_menu {
        display: block !important;
    }
    #id_lang_cont:not(.openlang) .otherflag {
        display: none;
    }

}

@media (min-width: 320px) and (max-width: 419px){
    #id_reservation_week div.block {
        font-size: 12px;
    }
}

@media (min-width: 320px) and (max-width: 992px){
    #cour_blocks .day_body {
        display: none;
    }

    #cour_blocks[data-day='1'] .day_body:nth-child(1),#cour_blocks[data-day='1'] .day_body:nth-child(2),#cour_blocks[data-day='1'] .day_body:nth-child(3),
    #cour_blocks[data-day='2'] .day_body:nth-child(2),#cour_blocks[data-day='2'] .day_body:nth-child(3),#cour_blocks[data-day='2'] .day_body:nth-child(4),
    #cour_blocks[data-day='3'] .day_body:nth-child(3),#cour_blocks[data-day='3'] .day_body:nth-child(4),#cour_blocks[data-day='3'] .day_body:nth-child(5),
    #cour_blocks[data-day='4'] .day_body:nth-child(4),#cour_blocks[data-day='4'] .day_body:nth-child(5),#cour_blocks[data-day='4'] .day_body:nth-child(6),
    #cour_blocks[data-day='5'] .day_body:nth-child(5),#cour_blocks[data-day='5'] .day_body:nth-child(6),#cour_blocks[data-day='5'] .day_body:nth-child(7),
    #cour_blocks[data-day='6'] .day_body:nth-child(5),#cour_blocks[data-day='6'] .day_body:nth-child(6),#cour_blocks[data-day='6'] .day_body:nth-child(7),
    #cour_blocks[data-day='7'] .day_body:nth-child(5),#cour_blocks[data-day='7'] .day_body:nth-child(6),#cour_blocks[data-day='7'] .day_body:nth-child(7) {
        display: block;
        margin-top: 0;
    }

    .noreservation,
    .week_nav:not(.day){
        display: none!important;
    }
    .week_nav.day{
        display: block!important;
    }
}

@media (max-width: 319px){
    #cour_blocks .day_body .block {
        font-size: 37px;
        line-height: 47px;
        color: #eee;
        margin-bottom: 3px;
    }

    #id_reservation_week .day_header span {
        font-size: 25px !important;
        margin: 7px 5px 0 0;
        float: right;
    }

    #id_reservation_week .day_header br {
        display: none;
    }

    #id_reservation_week .day_header {
        width: 100%;
        height: 40px;
        line-height: 40px !important;
    }

    span.datepicker .fa {
        font-size: 26px;
        margin-right: 5px;
    }

    #id_reservation_week .day_header b {
        font-size: 25px;
        margin: 0 0 0 5px;
        float: left;
    }

    #id_reservation_week #cour_blocks {
        width: 100%;
    }

    .datepicker .fa {
        display: inline-block;
    }

    #id_reservation_week .block {
        float: left;
        clear: left;
        position: initial;
    }
    #hour_header{
        display: none;
    }

}

/*===========================================================================================================================*/
@media (max-width: 767px) {
    .btn_twin {
        width: 100%;
        margin: 0 0 10px;
    }
    .jconfirm .jconfirm-box .buttons button + button {
        margin-left: 0;
    }
    .jconfirm .jconfirm-box div.content {
        padding: 10px 15px;
        margin: 0;
    }
    #coord_details_mobile {
        background-color: transparent;
    }
    .list1 li {
        width: 50%;
    }
    #login_menu {
        padding-left: 44px;
    }
    nav.tm_navbar {
        margin: 40px 0 0 0;
        padding: 0;
    }
    nav.tm_navbar ul li {
        margin: 0;
        border-bottom: 1px solid #fff;
    }
    nav.tm_navbar li {
        width: 100%;
    }
    nav.tm_navbar li a {
        font: 500 17px/40px 'Rubik';
    }
    #id_lang_cont:not(.openlang) .otherflag {
        display: none;
    }

    #courses_block_cont {
        padding-bottom: 0;
        margin-top: 0;
        height: auto;
    }

    .course_block {
        min-width: 150px;
        margin: 10px 5px 0;
        border: 1px solid transparent;
    }
    .course_block.selected,
    .course_block:hover {
        border:1px solid #fff;
    }
    .course_block:before {
        display: none;
    }

    .course_block .button_orange {
        position: inherit;
    }


    .noresponsive {
        display: none !important;
    }
    #cc_btn_accept_all, .cc_more_info {
        margin: 10px 0;
        text-align: center;
        display: block;
        padding: 7px !important;
    }

    #main_menu .responsive_show {
        display: inline-block !important;
    }

    #id_myreservation_block .button_orange {
        padding: 10px 0;
    }

    #id_myreservation_block .button_orange .col-md-12 {
        padding-left: 4px;
        padding-right: 4px;
    }

    #id_header_outer, .collapse .nav, #main_menu li.responsive_hidden,
    #id_header_inner_mobile.openlang select,
    #id_header_inner_mobile:not(.openlang) .otherflag {
        display: none;
    }

    .collapse.in .nav {
        display: block;
        width: 100%;
    }

    #main_menu li {
        display: block;
        width: 100%;
        background-color: rgba(64, 64, 64, 0.2);
        border-color: rgba(86, 86, 86, 0.2) !important;
        padding: 10px 13px !important;
        border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        margin-bottom: 2px;
    }

    #cour_name,
    .day_header:empty {
        display: none;
    }

    #cour_blocks .day_body {
        display: none;
    }

    #cour_blocks[data-day='1'] .day_body:nth-child(1),
    #cour_blocks[data-day='2'] .day_body:nth-child(2),
    #cour_blocks[data-day='3'] .day_body:nth-child(3),
    #cour_blocks[data-day='4'] .day_body:nth-child(4),
    #cour_blocks[data-day='5'] .day_body:nth-child(5),
    #cour_blocks[data-day='6'] .day_body:nth-child(6),
    #cour_blocks[data-day='7'] .day_body:nth-child(7) {
        display: block;
        margin-top: 0 !important;
    }
    .noreservation {
        display: block;
        font-size: 25px;
        line-height: 50px;
    }

    #rese_price_info2 {
        display: none;
    }

    .cc_container .cc_btn_accept_all{
        max-width: inherit !important;
        width: 100% !important;
        margin: 0 0 10px 0;
    }
    .cc_container .cc_more_info{
        width: 100% !important;
        margin: 10px 0 0 0  !important;
    }
    #teambuilding img {
        width: 100%;
    }

    #toTop {
        display: none !important;
    }
    h2 {
        font-size: 40px;
        line-height: 40px;
        letter-spacing: -2px;
    }
    h1, h3 {
        font-size: 20px;
        line-height: 30px;
    }
    header {
        height: auto;
        margin: 0;
        /*position: relative;*/
        right: 0;
    }
    #main_navbar {
        left: -100%;
    }

    header.indent {
        padding: 0 0 140px 0;
    }
    header.indent h1.navbar-brand_ {
        top: 70px;
    }
    header.indent .btn_menu .navbar-header{
        position: fixed;
    }
    header.indent .btn_menu #main_navbar{
        position: fixed;
    }
    nav.tm_navbar {
        width: 100%;
        left: 0;
        top: 0;
        background: none;
        border-top: none;
    }
    .nav_open, .menu_logo {
        display: none !important;
    }
    .content.indent {
        padding: 60px 0 0 0;
    }
    .select-menu {
        display: inline-block !important;
        padding-top: 4px;
        padding-right: 3px;
        padding-bottom: 4px;
        width: 100%;
        border: 1px solid #e52732;
        background: #e52732;
        color: #ffffff;
        cursor: pointer;
        height: 30px;
        font-size: 12px;
        vertical-align: middle;
    }
    .logo-box {
        margin-top: -82px;
    }
    .logo-box h1.navbar-brand_ a {
        font-size: 120px;
        line-height: 120px;
        letter-spacing: -10px;
    }
    .logo-box h1.navbar-brand_ a span {
        font-size: 60px;
        line-height: 60px;
        margin-top: -15px;
        letter-spacing: 0;
    }
    .thumb-box1 .desctiption {
        font-weight: normal;
        font-size: 20px;
        line-height: 30px;
    }
    .thumb-box2 .box,  .thumb-box11 .box {
        width: 100%;
        float: none;
        padding: 50px;
        height: auto !important;
    }
    .thumb-box3 {
        padding: 50px 0;
    }
    .thumb-pad4 figure {
        margin: 0 30px 0 0;
        float: left;
    }
    .who-box {
        padding-bottom: 40px;
    }
    .thumb-box6,  .thumb-box7 {
        padding: 50px 0;
    }
    .thumb-pad3 .thumbnail .caption a {
        font-size: 20px;
    }
    .thumb-pad2 figure {
        margin: 0 0 20px 0;
        float: none;
    }
    .thumb-box9 {
        padding: 70px 0;
    }
    .thumb-box10 {
        padding: 50px 0;
    }
    .gall-box.box2 li {
        width: 100%;
    }
    .gall-box.box3 li {
        float: none;
    }
    .gall-box.box3 li a img {
        width: 100%;
    }
    .gall-box.box3 li:first-child a {
        float: left;
        width: 50%;
    }
    .thumb-box12 {
        padding: 0 0 50px 0;
    }
    .thumb-box14 {
        padding: 0 0 50px 0;
    }
    .thumb-box14 h2 {
        font-size: 80px;
        line-height: 80px;
    }
    .thumb-box14 h3 {
        font-size: 35px;
        line-height: 40px;
        letter-spacing: -2px;
    }
    .content_map .box {
        display: none;
    }
    .content_map {
        height: 300px;
    }

    .menu_akcio {
        width: 100%;
        padding: 7px;
        right: 0;
        top: 40px;
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .menu_akcio br {
        display: none;
    }
}
/*===========================================================================================================================*/
@media (max-width: 626px) {
    .thumb-pad4 figure {
        margin: 0 0 26px 0;
        float: none;
    }
}
/*===========================================================================================================================*/
@media (max-width: 560px) {
    .thumb-box2 .box,  .thumb-box11 .box {
        width: 100%;
        float: none;
        padding: 50px 15px;
        height: auto !important;
    }
    .list2 li strong {
        float: none;
        margin: 0 0 20px 0;
    }
    #search-404 input {
        width: 360px;
    }
}
#rese_details{
    max-width: 100%;
}
/*===========================================================================================================================*/
@media (max-width: 480px) {
    .col-xs-6 {
        width: 100%;
        float: none;
    }
    header.indent h1.navbar-brand_ a {
        font-size: 60px;
        line-height: 60px;
    }
    header.indent h1.navbar-brand_ a span {
        font-size: 32px;
        line-height: 32px;
        margin-top: -6px;
        letter-spacing: 0;
    }
    .thumb-pad2 figure img {
        width: 100%;
    }
    .gall-box li {
        float: none !important;
        width: 100% !important;
    }
    .gall-box li img {
        width: 100% !important;
    }
    .gall-box li a {
        float: none !important;
        width: 100% !important;
    }
    #search-404 input {
        width: 240px;
    }
}
/*===========================================================================================================================*/
@media (max-width: 320px) {
    .col-xs-4 {
        width: 100%;
        float: none;
    }
    .col-xs-6 {
        width: 100%;
        float: none;
    }
}
/*===========================================================================================================================*/


/*========================================================
                RESPONSIVE LAYOUTS STYLES
=========================================================*/
@media (min-width: 1220px) {
    .container {
        padding: 0;
    }
}
/*===========================================================================================================================*/
@media (min-width: 992px) and (max-width: 1219px) {
    .logo-box {
        margin-top: -170px;
    }
    .logo-box h1.navbar-brand_ a {
        font-size: 120px;
        line-height: 120px;
        letter-spacing: -10px;
    }
    .logo-box h1.navbar-brand_ a span {
        font-size: 60px;
        line-height: 60px;
        margin-top: -15px;
        letter-spacing: 0;
    }
    .thumb-box1 {
        padding: 50px 0;
    }
    .thumb-box2 .box,  .thumb-box11 .box {
        width: 100%;
        float: none;
        padding: 50px 100px;
        height: auto !important;
    }
    .thumb-box3 {
        padding: 50px 0;
    }
    .gall-box.box2 li {
        width: 100%;
    }
    .gall-box.box3 li {
        float: none;
    }
    .gall-box.box3 li a img {
        width: 100%;
    }
    .gall-box.box3 li:first-child a {
        float: left;
        width: 50%;
    }
}
/*===========================================================================================================================*/
@media (min-width: 768px) and (max-width: 991px) {
    #toTop {
        display: none !important;
    }
    .logo-box {
        margin-top: -150px;
    }
    .logo-box h1.navbar-brand_ a {
        font-size: 120px;
        line-height: 120px;
        letter-spacing: -10px;
    }
    .logo-box h1.navbar-brand_ a span {
        font-size: 60px;
        line-height: 60px;
        margin-top: -15px;
        letter-spacing: 0;
    }
    .thumb-box2 .box,  .thumb-box11 .box {
        width: 100%;
        float: none;
        padding: 50px 100px;
        height: auto !important;
    }
    .thumb-box3 {
        padding: 50px 0;
    }
    .gall-box.box2 li {
        width: 100%;
    }
    .gall-box.box3 li {
        float: none;
    }
    .gall-box.box3 li a img {
        width: 100%;
    }
    .gall-box.box3 li:first-child a {
        float: left;
        width: 50%;
    }
    .thumb-box12 {
        padding: 0 0 50px 0;
    }
    nav.tm_navbar .sub-menu > ul {
        width: 182px;
    }
    nav.tm_navbar .sub-menu > ul li a {
        font-size: 18px;
    }
    .content_map .box {
        display: none;
    }
}
/*Core variables and mixins*/
/*-------------------------------------------------*/
/*-------------------------------------------------*/