img, iframe, #detail .external_map iframe {max-width: 100% !important}
.d_top .dt_cont .dt_left h1 {font-size: 200%}


@media(max-width:1060px){
  .detail_tooltip .t_price_book .t_book a {width: 210px; background-size: 100% auto; height: 55px; font-size: 130%; padding-top: 19px}
  .detail_left form > .button_submit_field {margin-right: 0}
  .tour_tooltip.fixed, .tour_tooltip.bottom_fixed {position: static !important; float: left !important; margin-left: 0 !important}
}

@media(max-width:1030px){
  ._cont {width: 96%}
  #content ._cont {width: 100%; padding-left: 2%; padding-right: 2%}
  footer #bottom_offer ._cont {display: flex; flex-wrap: wrap}
  footer #bottom_offer .bottom_list {width: calc(50% - 20px); padding-bottom: 25px; float: none}
  footer #bottom_offer .bottom_list p {margin: 0}
  .tours {display: flex; flex-wrap: wrap; justify-content: center}
  .tours .tour, .tours .tour.first {float: none; margin: 0 10px 20px 10px}
  #main_highlight .mh_content ._cont .mh_left, #main_highlight .mh_content ._cont .mh_right {width: 50%}
  #main_highlight .mh_content ._cont {margin-left: -50%; padding-left: 0; padding-right: 0}
  header #top_menu {background-size: auto 170px}
  header #top_menu ._cont {height: 140px; display: flex; align-items: center; justify-content: space-between; align-content: center}
  header #top_menu #logo {width: 170px; margin-left: 0; position: static; height: 75px; display: inline-block; margin-top: -25px}
  header #top_offers_fake {display: none}
  header #top_menu #main_menu {padding: 0; height: auto; text-align: right; margin-top: -20px; width: calc(100% - 190px)}
  header #top_menu #main_menu > ul {height: auto}
  header #top_menu #main_menu > ul > li {margin-bottom: 3px; float: none; display: inline-block}
  header #top_menu #main_menu > ul > li.right_side {margin: 0}
  header #top_menu #main_menu > ul > li .submenu {text-align: left}
  header {height: 815px}
  .stranka header, .zajezd header {height: 272px; background-image: none}
  .katalog header, .booking header {height: 500px}
  header #top_offers ._cont {width: 100%}
  header #top_offers #homepage_highlights, header #top_offers #homepage_filter {float: none; width: 100%}
  header #top_offers #homepage_highlights {background-color: rgba(91, 121, 0, 0.7); margin: 0; height: 360px}
  .index_top_wave {display: none}
  header #top_offers #homepage_filter {background: #e55c00; background: -ms-linear-gradient(0,#e55c00 20%,#ee8c00 80%); background: linear-gradient(0,#e55c00 20%,#ee8c00 80%); -pie-background: linear-gradient(0,#e55c00 20%,#ee8c00 80%); background: -moz-linear-gradient(0,#e55c00 20%,#ee8c00 80%); background: -webkit-linear-gradient(0,#e55c00 20%,#ee8c00 80%); background: -o-linear-gradient(0,#e55c00 20%,#ee8c00 80%);}
  header #top_offers #homepage_filter .hf_content {background: transparent url("https://www.frcime.cz/media/index/filter-bg.png") no-repeat left bottom; background-size: 234px 234px;}
  header #top_offers #homepage_filter .hf_content .button_submit_field {right: 20px}
  #content {padding-top: 835px}
  .stranka #content, .zajezd #content {padding-top: 272px !important; top: 0 !important; z-index: 1 !important}
  .katalog #content, .booking #content {padding-top: 500px !important}
  .booking #content {z-index: 2 !important}
  #blog_detail .bd_top {margin-top: 0 !important}
  #focuses {text-align: center}
  #focuses .focus,  #focuses .focus.first_in_line {display: inline-block; margin: 0 10px 18px 10px; float: none}
  header #top_offers #breadcrumb {width: calc(100% - 250px); margin: 60px 10px 0 10px; padding-top: 30px; padding-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
  header #top_offers #breadcrumb h5 {line-height: 1.5}
  header #top_offers #search {margin: 60px 0 0 10px}
  header #top_offers #search form {bottom: 20px}
  #content #contain {width: calc(100% - 230px); padding: 0 30px 50px 30px}
  footer #footer_socials #facebook_like_box, footer #footer_socials #facebook_like_box span, .fb_iframe_widget span, footer #footer_socials #facebook_like_box span iframe {float: none; max-width: 100% !important; margin: 0 auto 20px auto}
  .blog_item .bi_cont .bi_right {width: calc(100% - 190px)}
  .blog_item .bi_cont .bi_left {margin-right: 20px}
  #colorbox, #cboxWrapper, #cboxContent, #cboxLoadedContent {max-width: 100% !important}
  #catalog .tours .tour_head {width: 100%}
  #catalog .tours .tour {height: auto}
  #catalog .tours .tour .t_cont .t_image, #catalog .tours .tour .t_cont .t_text, #catalog .tours .tour .t_cont .t_params, #catalog .tours .tour .t_cont .t_price_book {height: 124px}
  .tours .tour .t_cont .t_tag, #catalog .tours .tour .t_cont .t_image, .tours .tour .t_cont .t_tag .tt_text {height: 124px}
  #catalog .tours .tour .t_cont .t_labels {left: 140px; top: 140px; width: 135px}
  #catalog .tours .tour .t_cont .t_text {width: calc(100% - 140px)}
  #catalog .tours .tour .t_cont .t_params {width: 140px; padding-left: 20px}
  .d_top {width: 100%; left: 0; top: 105px; margin-left: 0}
  .detail_left_right_cont .detail_left {width: calc(100% - 219px) !important; margin-right: 0 !important; padding: 0 !important}
  #detail .gallery_tooltip_holder .gallery {float: none; width: 723px; margin: 0 auto 30px auto}
  #detail .gallery_tooltip_holder .detail_tooltip {float: none; margin: 0 auto}
  #detail .gallery_tooltip_holder .gallery .jcarousel_whole_container .jcarousel-container .jcarousel-prev.jcarousel-prev {right: 60px; left: auto}
  #detail .gallery_tooltip_holder .gallery .jcarousel_whole_container .jcarousel-container .jcarousel-next.jcarousel-next {right: 20px; left: auto}
  #detail .gallery_tooltip_holder .gallery .gallery_head .gh_content .ghc_headline {width: calc(100% - 120px)}
  .d_top .dt_cont {height: 150px}
  .d_top .dt_cont .dt_right .dt_styles {margin-top: 0}
  form.special_form_dynamic_labels .input_field label, form.special_form_dynamic_labels .textarea_field label, form .input_field input, form .select_field select, form .textarea_field textarea, .detail_left form .equipment .select_field select, .detail_left form .note textarea {width: 100%}
  .detail_left form .form_item.left, .detail_left form .form_item {width: calc(50% - 10px)}
  .detail_left form .form_item.hidden_field {width: auto}
  .detail_left form .form_item.required.counter {width: auto}
  .detail_left form .non_binding {margin-left: 0 !important; margin-right: 0 !important}
  .detail_left form .checkbox_field label, .detail_left form .confirm_field label {width: calc(100% - 40px)}
  .detail_left form .equipment .counter label {text-align: left}
  .detail_left .main_note {padding-bottom: 5px}
  footer #footer_socials .blog_module {margin: 0 auto; float: none}
}

@media(max-width:1000px){
  #detail .instructors .instructor {float: none; width: auto; margin-right: 0}
  #detail .instructors .i_text {width: calc(100% - 120px)}
}

@media(max-width:970px){
  #main_highlight .mh_content ._cont .mh_right {background-image: none; padding: 60px 30px 140px 30px}
}

@media(max-width:950px){
  #main_highlight .mh_content, #main_highlight {height: 720px; position: static; margin-top: 20px}
  #main_highlight .mh_content ._cont {position: static; margin-left: 0;}
  #main_highlight .mh_content ._cont .mh_right, #main_highlight .mh_content ._cont .mh_left {width: 100%; height: 360px; position: relative}
  #main_highlight .mh_content ._cont .mh_left  {text-align: center; padding-top: 0}
  #main_highlight .mh_content ._cont .mh_left img {max-width: 96%}
  #interesting_tours .it_headline {margin-top: 0}
  #main_highlight .mh_content ._cont .mh_right .mh_headline {height: 40px; margin-bottom: 20px}
  #main_highlight .mh_content ._cont .mh_right .mh_more {bottom: 40px}
}

@media(max-width:850px){
  header #top_menu #main_menu > ul > li:hover .submenu {display: none}
}

@media(max-width:800px){
  #content #contain {width: 100%; padding: 0 0 50px 0; float: none}
  #content #left_col {float: none; margin: 0 auto; padding-bottom: 5px; width: 100%; text-align: center}
  #content #left_col .gallery {display: flex; flex-wrap: wrap; justify-content: center}
  #content #left_col .gallery .img_container {margin-right: 1px; width: 220px}
  #content #left_col .gallery:after {content: ""; display: block; clear: both}
  #content #left_col .back a {text-align: left}
  #content #left_col .lc_section {text-align: left; width: 220px; margin: 0 auto 25px auto}
  .detail_left_right_cont .detail_left {float: none; width: 100% !important}
  .tour_tooltip {float: none; margin: 0 auto 20px auto}
  .detail_text {padding: 50px 0 70px 0}
  #detail .detail_text .main_wiki {margin-bottom: 40px; font-size: 120%}
  .d_top .dt_cont .dt_right .dt_styles {margin-top: 0}
  .d_top .dt_cont .dt_right {max-height: 150px; overflow: hidden}
  .tour_tooltip.fixed, .tour_tooltip.bottom_fixed {float: none !important; margin: 0 auto !important}
}

@media(max-width:770px){
  #detail .gallery_tooltip_holder .gallery {width: 481px}
  #detail .gallery_tooltip_holder .gallery .gallery_head .gh_content .ghc_headline {padding-left: 10px}
  #detail .gallery_tooltip_holder .gallery .jcarousel_whole_container .jcarousel-container .jcarousel-clip .jcarousel-item, #detail .gallery_tooltip_holder .gallery .jcarousel_whole_container .jcarousel-container .jcarousel-clip {width: 481px; height: 201px}
  #detail .gallery_tooltip_holder .gallery .page .image {width: 159px; height: 100px}
}

@media(max-width:660px){
  #interesting_tours .it_headline {font-size: 550%}
   header #top_offers #breadcrumb {width: calc(100% - 20px); margin: 0 10px; float: none}
   header #top_offers #search {margin: 40px auto 10px auto; float: none}
   header #top_offers #search .box_background, header #top_offers #breadcrumb {height: 60px}
  header #top_offers #search {height: 60px}
  header #top_offers #search form {bottom: 10px}
  header #top_offers #breadcrumb {padding-top: 20px}
  .d_top .dt_cont .dt_left h1.small {font-size: 200%}
}

@media(max-width:600px){
  #heal #copyright, #heal #copyright, #heal #credits {width: 48%}
  #main_highlight .mh_content ._cont .mh_right .mh_headline {font-size: 170%; height: 35px}
  #main_highlight .mh_content ._cont .mh_right {background-image: none; padding: 40px 15px 80px 15px}
  #detail .tour_table .fake_table, #detail .tour_table .fake_table {margin-right: 0}
  #detail .tour_table .fake_table .ft_tr {height: auto}
  #detail .tour_table .fake_table .ft_tr.active {border: 1px solid #009ddf; border-radius: 5px}
  #detail .tour_table .fake_table .ft_tr.active .arrow, #detail .tour_table .fake_table .ft_tr:hover .arrow {display: none}
  #detail .tour_table .fake_table .ft_tr .ft_td.code {padding-left: 20px}
  #detail .tour_table .fake_table .ft_tr .ft_td.code {width: 25%}
  #detail .tour_table .fake_table .ft_tr .ft_td.date {width: 37%}
  #detail .tour_table .fake_table .ft_tr .ft_td.t_tag {width: 50%}
  #detail .tour_table .fake_table .ft_tr .ft_td.length {width: 20%; text-align: left}
  #detail .tour_table .fake_table .ft_tr .ft_td.price {width: 30%; text-align: left}
  .detail_left form .form_item.left, .detail_left form .form_item {width: auto; float: none; margin-right: 0}
  .detail_left form > .button_submit_field {margin-top: 0}
}

@media(max-width:550px){
  ._cont {width: 92%}
  #content ._cont {width: 100%; padding-left: 4%; padding-right: 4%}
  footer #bottom_offer .bottom_list {width: 100%; margin: 0}
  footer #bottom_offer {background-size: cover; padding: 100px 0 10px 0}
  footer #footer_socials .blog_module {width: 100%}
  footer #crossroad {height: 100px}
  footer #footer_socials {padding-top: 30px}
  #interesting_tours .it_headline {font-size: 400%}
  #search form {width: 100%}
  #search form .input_field {width: calc(100% - 50px)}
  header #top_offers #search form {width: auto}
  header #top_offers #search form .input_field {width: 200px}
  header #top_offers #search {margin-top: 45px}
  header #top_menu #logo {display: block; margin: 0 auto 25px auto}
  header #top_menu #main_menu {width: 100%; text-align: center}
  header #top_menu ._cont {display: block; height: auto; padding: 20px 0 15px 0; box-sizing: border-box}
  header #top_menu {background-image: none; background-color: #FFFFFF}
  #bg_images {display: none}
  #content {padding-top: 875px}
  .wiki-box img.float-left, .wiki-box img.float-right {float: none !important; display: block; margin: 0 auto 20px auto}
  h1, .detail_left > h2, #interesting_tours .it_headline {font-size: 250%}
  h2 {font-size: 180%}
  .stranka #content, .zajezd #content {padding-top: 350px !important}
  .stranka header, .zajezd header {height: 350px}
  .katalog #content, .booking #content {padding-top: 550px !important}
  .katalog header, .booking header {height: 550px}
  header #top_offers #breadcrumb {overflow: hidden}
  .d_top {height: 410px; top: 100px; background-size: cover}
  .d_top .dt_cont {bottom: 0; height: auto; max-height: 230px; overflow: auto}
  .d_top .dt_cont .dt_left {padding: 20px; max-width: 50%}
  .d_top .dt_cont .dt_right {max-width: 50%}
  #detail .gallery_tooltip_holder .gallery {width: 279px}
  #detail .gallery_tooltip_holder .gallery .gallery_head .gh_content .ghc_headline {font-size: 120%; width: calc(100% - 90px)}
  #detail .gallery_tooltip_holder .gallery .jcarousel_whole_container .jcarousel-container .jcarousel-clip .jcarousel-item, #detail .gallery_tooltip_holder .gallery .jcarousel_whole_container .jcarousel-container .jcarousel-clip {width: 279px; height: 117px}
  #detail .gallery_tooltip_holder .gallery .page .image {width: 92px; height: 58px}
  .detail_left form .non_binding {padding: 15px}
  .detail_left form .transport .form_note {position: static; width: auto; text-align: left}
  .detail_left form .transport .radiogroup_field .rg_items {min-height: 0}
  footer #footer_socials #facebook_like_box span, .fb_iframe_widget span {width: 100% !important}
  footer #footer_socials #facebook_like_box span iframe {position: static}
  }

@media(max-width:500px){
  #main_highlight .mh_content, #main_highlight {height: 690px}
  #main_highlight .mh_content ._cont .mh_left {height: 330px; overflow: hidden}
  header #top_offers #homepage_highlights .hh_content .hh_main_link .hh_references .hhr_text {width: 320px; margin-left: 0; width: auto}
  header #top_offers #homepage_highlights .hh_content .hh_main_link .hh_references .hhr_image {display: none}
  header #top_offers #homepage_highlights .hh_content .hh_main_link .hh_tours .hh_tour .hht_headline, header #top_offers #homepage_highlights .hh_content .hh_main_link .hh_tours .hh_tour p {padding: 0}
  header #top_offers #homepage_highlights .hh_content .hh_main_link .hh_tours .hh_tour .hht_headline {font-size: 160%}
  header #top_offers #homepage_highlights .hh_content .hh_main_link {padding-top: 75px}
  header #top_offers #homepage_filter .hf_content {padding: 30px 20px 0 20px}
  #catalog_restrictor {display: block}
  .blog_item .bi_cont .bi_right {width: 100%; float: none}
  .blog_item .bi_cont .bi_left {margin: 0 auto 25px auto; float: none}
  .blog_item .bi_cont .bi_bottom .bi_right {width: auto}
  #catalog .tours .tour .t_cont .t_text {padding: 20px}
  #catalog .tours .tour .t_cont .t_styles {left: 0; top: 140px; width: 140px; padding-left: 20px}
  #catalog .tours .tour .t_cont .t_params {padding-top: 50px; height: auto}
}

@media(max-width:470px){
  #main_highlight .mh_content, #main_highlight {height: 640px}
  #main_highlight .mh_content ._cont .mh_left {height: 280px}
  .d_top .dt_cont .dt_left h1.small {font-size: 170%}
  #detail .instructors .i_image {float: none; margin: 0 auto}
  #detail .instructors .i_text {width: 100%; float: none}
}

@media(max-width:400px){
  #main_highlight .mh_content, #main_highlight {height: 600px}
  #main_highlight .mh_content ._cont .mh_left {height: 240px}
  header #top_offers #homepage_filter .hf_content .restriction-wrap .checkboxgroupadd_field .add_button_items_visible_wrapper {width: 100%}
  header #top_offers #homepage_filter .hf_content .restriction-wrap.term .input_field {float: none; margin: 0 0 10px 0}
  .ui-datepicker {width: 300px; left: 10px !important}
  .ui-datepicker .ui-datepicker-calendar td {width: 40px !important}
  .ui-datepicker .ui-datepicker-calendar .ui-state-default, .ui-datepicker .ui-datepicker-calendar .ui-widget-content .ui-state-default, .ui-datepicker .ui-datepicker-calendar .ui-widget-header .ui-state-default {width: 30px; height: 30px; line-height: 30px}
  header #top_offers #homepage_filter .hf_content .button_submit_field {right: 10px; bottom: -10px}
  #catalog_head {padding: 0}
  .detail_left form .counter label {padding-right: 15px}
  header #top_offers #homepage_filter .hf_content .restriction-wrap .checkboxgroupadd_field .filter_items_hidden {width: 100%}
}

@media(max-width:350px){
  #interesting_tours .it_headline {font-size: 350%}
  #main_highlight .mh_content ._cont .mh_right .mh_more span {font-size: 170%}
   #main_highlight .mh_content, #main_highlight {height: 550px}
  #main_highlight .mh_content ._cont .mh_left {height: 190px}
  header #top_offers #homepage_highlights .hh_content .hh_main_link .hh_references .hhr_text {padding: 16px}
  #focuses .focus,  #focuses .focus.first_in_line {margin: 0 0 18px 0}
  .d_top {height: 480px}
  .katalog #content, .booking #content {padding-top: 620px !important}
  .katalog header, .booking header {height: 620px}
}