@media (min-width:992px) {

    #map-page h1 {
        margin-top:10px;
    }

    .lm-datum-pridania {
        float:right;
    }

    .reg-basic .detail-popis {
        margin-top:100px;
    }

    .reg-standard .detail-popis {
        margin-top:0px;
    }

    .sticky-content {
        position: -webkit-sticky;
        position:sticky !important;
        top: 0px !important; /* required */
     }

    /*
    * Row with equal height columns
    * --------------------------------------------------
    */
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
    }

    div#my-menu {
        width: 100%;
        border:1px solid #004d89;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        padding:0px;
    }

    .submenu-rozbalene {
        height:76px !important;
    }

    div#my-menu > ul.main-menu {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 41px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#76b1e4), to(#2d93d8));
        background-image: -webkit-linear-gradient(top, #76b1e4, #2d93d8);
        background-image:    -moz-linear-gradient(top, #76b1e4, #2d93d8);
        background-image:      -o-linear-gradient(top, #76b1e4, #2d93d8);
        background-image:         linear-gradient(to bottom, #76b1e4, #2d93d8);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76b1e4', endColorstr='#2d93d8',GradientType=0 );
        border-top:1px solid #a8d3f8;
        position: relative;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;


    }

    div#my-menu > ul.main-menu > li {
        float: left;
    }

    div#my-menu > ul.main-menu > li > a:before {
        content:' ';
        width: 1px;
        height: 13px;
        display: inline-block;
        border-right:#a8d3f8 1px solid;
        position: absolute;
        top:13px;
        left: 0px;
    }

    div#my-menu > ul.main-menu > li.active > a:before {
        /*border:none;*/
        top:0px;
        height:40px;
        border-color:#a8d3f8;
    }

    div#my-menu > ul.main-menu > li.active > a:after {
        content:' ';
        width: 1px;
        height: 40px;
        display: inline-block;
        border-right:#002848 1px solid;
        position: absolute;
        top:0px;
        right: -1px;
        z-index:2;
    }

    div#my-menu > ul.main-menu > li:hover > a:before {
        /*border:none;*/
        top:0px;
        height:40px;
        border-color:#a8d3f8;
    }

    div#my-menu > ul.main-menu > li:hover > a:after {
        content:' ';
        width: 1px;
        height: 40px;
        display: inline-block;
        border-right:#002848 1px solid;
        position: absolute;
        top:0px;
        right: -1px;
        z-index:2;
    }

    div#my-menu > ul.main-menu > li > a.first-li:before {
        border:none;
    }

    div#my-menu > ul.main-menu > li.first-tab a
    {
        border-top-left-radius: 5px;
    }


    div#my-menu > ul.main-menu > li > a {
        display: block;
        padding: 10px 28px 9px 30px;
        font-family: 'Open Sans';
        font-size: 15px;
        font-weight: 700;
        position: relative;
        top:-1px;
    }

    div#my-menu > ul.main-menu > li > a:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#002848), to(#004d89));
        background-image: -webkit-linear-gradient(top, #002848, #004d89);
        background-image:    -moz-linear-gradient(top, #002848, #004d89);
        background-image:      -o-linear-gradient(top, #002848, #004d89);
        background-image:         linear-gradient(to bottom, #002848, #004d89);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002848', endColorstr='#004d89',GradientType=0 );
    }



    /* submenu */
    div#my-menu > ul.main-menu > li > ul.sub-menu {
        height: 37px;
        list-style-type: none;
        margin: 0px;
        padding: 0px 0px 0px 4px;
        position: absolute;
        left:0px;
        margin-top: -1px;
        width: 100%;
        overflow:hidden;
    }

    div#my-menu > ul.main-menu > li > ul.sub-menu > li {
        float: left;
        text-align: center;
    }

    div#my-menu > ul.main-menu > li > ul.sub-menu > li > a {
        font-family: 'Open Sans';
        font-size: 15px;
        font-weight: 400;
        display: block;
        padding: 8px 15px 7px 15px;
    }

    div#my-menu > ul.main-menu > li.active > ul.sub-menu {
        display: block;
    }

    div#my-menu > ul.main-menu > li.first-tab > ul.sub-menu {
        display: block;
    }


    div#my-menu > ul.main-menu > li > ul.sub-menu {
        display: none;
    }

    div#my-menu > ul.main-menu > li:hover > ul.sub-menu {
        display: block;
        z-index: 99;
    }

    div#my-menu > ul.main-menu > li:hover > a {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#002848), to(#004d89));
        background-image: -webkit-linear-gradient(top, #002848, #004d89);
        background-image:    -moz-linear-gradient(top, #002848, #004d89);
        background-image:      -o-linear-gradient(top, #002848, #004d89);
        background-image:         linear-gradient(to bottom, #002848, #004d89);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#002848, endColorstr=#004d89);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#002848, endColorstr=#004d89)";
        color:#fff;
    }

    div#my-menu  li.active > a {
         background-image: -webkit-gradient(linear, left top, left bottom, from(#002848), to(#004d89));
        background-image: -webkit-linear-gradient(top, #002848, #004d89);
        background-image:    -moz-linear-gradient(top, #002848, #004d89);
        background-image:      -o-linear-gradient(top, #002848, #004d89);
        background-image:         linear-gradient(to bottom, #002848, #004d89);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#002848, endColorstr=#004d89);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#002848, endColorstr=#004d89)";
        color:#fff !important;

    }

    div#my-menu ul.sub-menu li.active > a,  div#my-menu > ul.main-menu > li > ul.sub-menu > li:hover {
         background-image: -webkit-gradient(linear, left top, left bottom, from(#004d89), to(#002848));
        background-image: -webkit-linear-gradient(top, #004d89, #002848);
        background-image:    -moz-linear-gradient(top, #004d89, #002848);
        background-image:      -o-linear-gradient(top, #004d89, #002848);
        background-image:         linear-gradient(to bottom, #004d89, #0468b6);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#004d89, endColorstr=#002848);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#004d89, endColorstr=#002848)";
        color:#fff !important;

        /*
        border-right:#004d89 1px solid;
        border-left:#004d89 1px solid;
        */


    }

    /* vyber menu */
    #menu_vyber {
        background-color:#ee8913;
        text-align:left;
        padding-left:6px;
    }
    #menu_vyber #vyber-root > a, #menu_vyber #vyber-root > span {
        display:none;
    }

    #menu_vyber  ul {
        list-style:none;
        margin:0px;
        padding:0px;
    }
    #menu_vyber #vyber-root li {
        list-style:none;
        margin:0px;
        padding:0px;
        display:inline;
        border-left:white 1px solid;
    }

    #menu_vyber #vyber-root li.first {
        border-left:none;
    }


    #menu_vyber #vyber-root li.active a {
        background-color:#eb701e;
    }

    #menu_vyber #vyber-root li a:hover {
        background-color:#eb701e;
    }


    #menu_vyber #vyber-root li a {
        color:white;
        display:inline-block;
        text-decoration: none;
        padding-bottom:5px;
    }

    #box-row-bottom-fixed .box-row {
        padding:0px;
    }

    .pagination li a, .pagination li span {
        font-size:18px;
        padding:10px 18px !important;
    }

    .box-vyhladavanie-wrap {
        border-radius: 7px;
    }

    .box-vyhladavanie-top {
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        overflow:hidden;
    }


    .main-menu, .sub-menu, #menu_vyber {
        white-space: nowrap;
    }


    .obce-zlk {

        width:940px;
        border-top-right-radius:7px;
        background-position:0px -20px;
        border-top:#BEDFF4 1px solid;
    }

    div.rez-pobyt {
        padding: 30px 40px;
    }

    /* listing */
    .listing h1 {
        width:60%;

    }

    .embed-listing h1 {
        width:100%;
    }

    div#tip-foto img.img-responsive {
        width:auto !important;
        height:auto !important;
        max-width: none !important;
    }

}

@media (max-width:1199px) {


    div.vyradene .info-buttons {
        text-align:right;
    }

    div.vyradene .info-buttons span {
        float:right !important;
        text-align:right !important;
    }

    .obce-column-layout {
        padding:0px 15px;
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
        -moz-column-gap: 20px;
        -webkit-column-gap: 20px;
        column-gap: 20px;
    }

}

@media (max-width:999px) {

    .wrap_lokality {
        height:0px;
        transition:1s all;
    }

    body.isScrolling svg {
        pointer-events:none;
        opacity:0.7;
    }

    body.isScrolling #svg-pan-zoom-controls {
        display:none;
    }

    div.search {
        margin:0px 18px 15px 10px !important;
    }

    .hide-mobile {
        display:none !important;
    }

    div.hotel-img {
        margin-top: -15px;
    }

    div.avalanche-popis {
        margin-top: 0;
    }

    .box-okraj {
        margin-left:0px;
    }

    .listing-box {
        margin-left:15px;
    }

    div.ubytovanie {
        margin-bottom:15px;
    }

    .twitter {
        margin-left:0px;
    }

    .obce-column-layout {
        padding:0px 15px;
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
        -moz-column-gap: 20px;
        -webkit-column-gap: 20px;
        column-gap: 20px;
    }


}

@media (min-width:1000px) and (max-width:1199px) {
    ul.avalanche-menu li a  {
        padding: 15.5px 22.3px !important;
    }

    div.item-detail h1 {
        width:50%;
    }

}

@media (min-width:768px) and (max-width:1199px) {

    #quickform {
        padding: 15px 10px 5px 15px;
    }

    div.search {
        margin:0px 0px 10px 10px !important;
    }

    /*
    div.bg-bottom {
        height:225px;
    }
    */

    .pinchme {
        padding:0px 5px 10px 5px !important;
    }



    div.logo {
        margin-top: 10px;
    }

    div.logo a span {
        font-size:72px;
    }

    div.logo a span.icon-logo-01 {
        font-size:62px;
    }

   div.logo a span.icon-logo-02a {
        position: relative;
        top:0px;
        left:0px;
    }

    div.logo a span.slogan-123-sk { left:85px; top:50px; }
    div.logo a span.slogan-123-cz { left:85px; top:50px; }
    div.logo a span.slogan-123-pl { left:85px; top:50px; }
    div.logo a span.slogan-123-hu { left:85px; top:50px; }
    div.logo a span.slogan-123-de { left:85px; top:50px; }
    div.logo a span.slogan-123-en { left:85px; top:50px; }

    div.logo-cont {
    padding: 17px 0 3px 20px;
    border-left:1px solid #003c6b;
    }

    div.logo-cont p {
         font-size: 12px;
    }

    div.select label {
        width:33%;
        font-size:13px;
    }

    div.select select {
        font-size:13px;
    }
    div.select span {

        width:64%;
    }



    #najnovsie-ub .col-md-3 {
        width:20% !important;
    }

    div.first-box {
        margin-top:54px;
    }

    div.ubytovanie-box-cont {

        padding:15px 10px 15px 10px !important;

    }
    div.ubytovanie-box-cont p {
        font-size:13px !important;

    }
    div.ubytovanie-box-cont span {
        font-size:13px !important;
    }

/* listing button tweaks */
    .vypis-hladania {
        position:relative;
        top:0px; left:0px;
    }

    .vypis-cont {
        padding:0px 15px 0px 15px;
        width:100% !important;
    }

    .vypis-hladania div.buttons {
        margin:0px;
    }

    .vypis-hladania div.info-buttons {
        position:absolute;
        top:15px !important;
        right:15px;
        width:175px;
    }

    div.info-buttons a, div.info-buttons button {
        margin-bottom:10px;
    }

    .vypis-mapa .na-mape, .vypis-mapa .smaller-text {
        display:none !important;
    }

    div.info-buttons div.vypis-detail button {
        padding-left:55px;
        width:175px;

    }

    div.info-buttons button.ukaz-na-mape {
        padding:0px !important;
    }


    .vypis-hladania div.buttons .rezervovat {
        position:absolute !important;
        top:135px;
        right:10px;
    }

}

@media (min-width:992px) and (max-width:1199px) {

    #lokality-svg {
        height:230px;
    }

    div.main-mapa a.toggle-switcher {
        position:absolute;
        top:235px;
        right:20px;
        font-size:14px !important;
        width:auto;
    }


    div#my-menu > ul.main-menu > li > a {
       padding: 10px 15px 9px 15px;
    }

    div#my-menu > ul.main-menu > li > ul.sub-menu > li > a {
        padding:10px 10px 9px 10px;
        font-size:13px;
    }

    div.main-mapa ul li a {
    padding:10px 23px;
    }

    #menu_vyber {
        padding-left:8px;
        font-size:12px;
    }

    #menu_vyber li a {
        padding:8px 8px 8px 8px;
        font-family:"Open Sans Narrow", sans-serif;
    }

    div.main-mapa {
        width:470px;
    }

    /* listing buttons tweaks */
    div.vypis-cont {
        padding-bottom:10px;
    }


}


@media (min-width:768px) and (max-width:991px) {
    div.main-mapa ul li a {
        padding: 10px 56px;
    }

    .vypis-hladania div.info-buttons  {
        width:120px;
    }

}

@media (min-width:768px) and (max-width:886px) {
    div.main-mapa ul li a {
        padding: 10px 56.1px;
    }

    .vypis-hladania div.info-buttons  {
        width:105px;
        top:10px !important;
        right:10px;
    }

    .vypis-hladania div.buttons div.info-buttons button {
        padding:0px !important;
        height:40px !important;
        width:40px !important;
        min-width:40px !important;
        margin-bottom:10px;


    }

    .vypis-hladania div.buttons div.info-buttons a {
        margin-bottom:2px !important;
    }

    .vypis-hladania div.buttons div.info-buttons button span:before  {
        font-size:18px !important;
        width: 40px;
        top:0px !important;
        line-height:40px !important
    }

    .vypis-hladania div.buttons div.info-buttons button span.icon-camera2:before  {
        font-size:22px !important;
    }

    .vypis-hladania div.buttons div.info-buttons button span.icon-location:before  {
        font-size:24px !important;
    }

}

@media (max-width: 885px)
{
    div.vyradene button.zobraz-telefon .phone-res-text {
        display:none;
    }
    div.vyradene button.zobraz-telefon  {
        margin-left:10px !important;
    }
}

@media (min-width:768px) and (max-width:832px) {
    .vypis-hladania div.info-buttons  {
        width:70px;
    }
}

@media (min-width:768px) {

    #hodnotenie-block {
        max-width:760px;
        padding:0px 10px 10px 10px;
    }

    #hodnotenie-block input::placeholder {
        color:#c0c0c0;
    }

    #hodnotenie-block textarea::placeholder {
        color:#c0c0c0;
    }

    .rateme-block {
        width:24%;
    }

    #hodnotenie-message {
        height:150px;
    }

    .parne .centered {
        margin-left:0px;
        margin-right:0px;
    }

    #rating_celkova_spokojnost {
        width:48%;
    }

    div.rez-header {
        display:none;
    }
    div.vypis-img {
        max-width: 250px;
    }

    div.vypis-img img {
        width:250px;
        height:188px;
    }
}

@media (min-width:451px) and (max-width:991px) {
    div.select{
        width: 50% !important;
        float:left !important;
    }

    div.checkbox {
        width: 50%;
        float:left;
    }

    div.long-checkbox {
        width: 100% !important;
    }
}

@media (min-width:992px) {

    .text-page #yellowbox {
        display:none;
    }

    .hide-for-standard .box-vyhladavanie-wrap {
        display:none;
    }

    .lng-container {
        position:relative;
        top:0px;
        right:0px;
    }
    #languages {
        position:absolute;
        right:30px;
        top:59px;
    }

    div.main-map {
        padding-right:0px !important;
    }


    .toggleable {
        transition:0.2s all;
    }

    #kriteria_typy {
        position:absolute;
        top:0px;
        left:5px;
        z-index: 2;
    }

    #selecty {
        float:right;
    }

    .zbalene #vynuluj {
        opacity:0;
    }

    .toggleable .box-vyhladavanie-top {
        transition:0.2s all;
        max-height:50px;
        overflow:hidden;
    }

    .zbalene .box-vyhladavanie-top {
        max-height:0px;

    }


    .toggleable .tab-cont{
        transition:0.2s all;
        max-height:1000px;
        /*overflow:hidden;*/
        position:relative;
        top:0px; left:0px;
    }


    .zbalene .tab-cont{
        max-height:0px;
        overflow:hidden;

    }

    .toggleable #box-row-bottom-fixed {
        transition:0.3s all;
        max-height:100px;
        overflow:hidden;
    }

    .zbalene #box-row-bottom-fixed {
        max-height:0px;
        padding:0px;
    }

    #box-row-bottom-fixed {
        position:static !important;
    }

    #boxtogglerWrap {
        position:absolute;
        bottom:-30px;
        text-align:center;
        width:460px;
    }
    #boxtoggler {
        cursor:pointer;

        display:inline-block;
        width:auto;
        height:30px;
        background-color:#FFCB3B;
        z-index:999;
        border-bottom-left-radius:7px;
        border-bottom-right-radius:7px;
        display:inline-block;
        padding:5px 15px;

    }

    .rozbalovac {
        display:none;
    }

    div.box-vyhladavanie {
        margin-top: 18px;
        position:relative;
        top:0px; left:0px;
        width: 455px;
        margin-left:15px;
    }

    div.box-vyhladavanie-wrap {
        padding-bottom:5px;
        position: absolute;
        top:0px; left:0px;
        z-index:4;
        -webkit-box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.3);
        box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.3);
    }

    #total-ub-yellowbox .pocty {
        text-align:center;
    }

    span.ub-more-info:hover p.podr {
        max-height:100%;
    }

    div.ubytovanie-box p.podr {
        width:100%;
        max-height:0px;
        height:auto;
        overflow:hidden;
        background-color:white;
        color:black;
        font-size:12.5px;
        font-family: 'Open Sans';
        font-weight:400;
        transition: all 0.2s;
        position:absolute;
        left:0px; bottom:0px;
        z-index:2;
    }

    div.ubytovanie-box p.podr span {
        display:block;
        padding:8px 10px 32px 10px;
    }


}



@media (min-width:768px) and (max-width:991px) {
    div.ubytovanie-box a span {
        left:10px;
    }

    div.ubytovanie-box a > p {
        left:10px;
    }

}


@media (max-width:991px) {

    #tip-foto.auto-width {
        display:inline-block;
    }


    #total-ub-mob .res-filtered {
        margin-top:-7px;
        font-size:16px;
        line-height:15px !important;
    }

    div.footer {
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    div.first-box {
        margin-top:10px;
    }

    .lm-datum-pridania {
        font-size:14px;
        margin-bottom:5px;
    }

    div.item-detail h1 {
        width:100%;
    }

    .akcia .panorama-galeria  dl {
        width:24.5% !important;
    }

    #text-content h1 {
        width:100%;
    }

    .ohlasy-wrap { /*.elem-wrap*/
        -webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
        column-count: 3;
    }
    /*
    div#main {
        background-attachment:initial !important;
    }
    */

    div.detail-popis {
        margin-top:0px;
    }

    div.zdielajte a.share-bookmark, div.zdielajte a.share-print {
        display:none;
    }


    button, input, optgroup, select, textarea {
        color:black;
    }

    div.search input {
        width:270px;
    }

    #total-ub {
        display:none;
    }


    /*
    #smart-scroll-wrap-main {
        overflow-x:hidden;
        overflow-y:scroll;
    }
    */



    div.box-vyhladavanie {
        height:100%;
    }

    .box-lupa span {
        top:300px;
        left:50%;
        z-index:99;
        font-size:120px;
        margin-left:-60px;
        margin-top:-30px;
        /*transition:all 0.3s;*/
    }

    /*
    div.search input {
        width:240px;
    }
    */

    div.box-vyhladavanie-wrap ul.box-vyhladavanie-top {
        /*margin-left:10px;*/
        -webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.37);
        -moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.37);
        box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.37);
    }
    div.box-vyhladavanie-wrap {
        background:none !important;
    }

    div.box-vyhladavanie {
        margin-top:0px;
    }


    div.box-vyhladavanie-wrap ul.box-vyhladavanie-top li {
        width:auto;
    }
    div.box-vyhladavanie-wrap ul.box-vyhladavanie-top li a {
        padding:15px 8px 16px 8px !important;
    }

    div.box-vyhladavanie-wrap ul.box-vyhladavanie-top li:first-child {
        padding-left:5px!important;
        padding-right:5px!important;
    }


    #boxtogglerWrap {
        display:none;
    }

    #vynuluj {
        top:62px;
        right:15px;
        left:auto;
        font-size:22px;
        padding:5px;
    }


    div.main-mapa {
        width:100% !important;
        position:relative !important;
    }

    div.main-mapa a.toggle-switcher {
        width:100%;
        text-align:center;
        font-size:16px;
        padding:0px 15px 15px 15px;

    }

    #obce-switcher {
        width:60px !important;
        position:absolute;
        right:0px; left:auto !important;
    }

    div.main-mapa {
        background-color:white;
    }

    div.logo {
        display: none;
    }

    div.logo-cont {
        display:none;
    }

    div#mobile-header {
        display:block;
    }

    div#main {
        padding-top:56px;

        background: url(../img/bg-top-123.jpg) 0px 35px no-repeat;
        background-size:150%;
    }

    .content {
        background: url(../img/bg-top-123.jpg) center top no-repeat;
        background-size:160%;
        overflow:hidden;
    }

    #pop-content .content {
        background-image: none;
    }


    div.najd-ub {
        padding-left: 0;
        margin-top: 30px;
        margin-bottom:20px;
    }

    div.najd-ub-wrap:after {
        content: "";
        display: table;
        clear: both;
    }



    #go-search {
        float:right;
    }

    #total-ub-yellowbox {
        float:left;
        color:black;
        font-size:16px !important;
        line-height:33px;
    }

    #total-ub-yellowbox .pocty {
        font-weight:bold;
    }
    #total-ub-yellowbox .pocty span {
        font-weight:normal;
    }

    div.twitter > div {
        padding-left: 0;
    }

    div.banner a img {
    padding-bottom: 40px;
    display: block;
    margin: 0 auto;
    float: none;
    }

    div.ubytovanie-box-cont {
        height: auto;
        padding: 10px;
    }

    div.ubytovanie-box-cont p.podr {
        display: none;
    }



/*
    div.vypis-cont {
        width: 100%;

    }

    div.buttons {
        width: 100%;
        margin-top: 15px;
    }

    div.buttons button {
        margin-bottom: 15px !important;
        margin-top: 0 !important;
    }

    div.vypis-img .ubytovanie-price {
        top:-38px;
    }

    div.vypis {
        width: 50%;
        float:left;
    }
    div.vypis-hladania {
        max-width: 330px;
        margin: 0 auto;
        margin-top: 15px;
    }
    div.vypis-img {
        float:none;
        margin: 0 auto;
        position:relative !important;
    }

    div.vypis-hladania a h3,div.vypis-hladania a p  {
        padding: 0 15px;
    }

    div.vypis-hladania {
        text-align: center;
    }

    div.vypis-hladania a {
        padding-right: 0;
        padding-bottom: 15px;
    }

    div.vypis-hladania .buttons button {
        float: none;
        margin: 0 auto;
        margin-top: 30px;
    }
*/

    div.box-nenajdene {
        padding: 15px 20px;
    }


    #quickform {

        padding: 15px 10px 5px 15px;
    }

    div.box-vyhladavanie-wrap ul.box-vyhladavanie-top li a {
        font-size:14px;
        padding:16px 0;
    }

    .lng-de ul.box-vyhladavanie-top li a,
    .lng-pl ul.box-vyhladavanie-top li a,
    .lng-hu ul.box-vyhladavanie-top li a
     {
        font-size:13px !important;
    }


    #selecty {
        padding:0px;
        margin:0px 0px 0px 0px;
    }

    div.select {
        width:100% !important;
        padding:0px 5px 10px 5px;
    }



    #kriteria_typy {
        padding:0px 0px 0px 20px !important;
    }

    div.checkbox {
        margin-bottom:3px;
    }

    div.checkbox label {
       height:30px;
    }


    div.ubytovanie-cont {
        padding-top:0;
    }

    div.box-vyhladavanie {
        padding: 0 !important;
    }


    #box-row-bottom-fixed {

        padding-top:0px !important;
        /*position:absolute; bottom:15px;*/

    }







    div.najd-ub {
        text-align:center;
        margin-top:15px;
    }
    div.najd-ub p {
        display:inline-block;
        font-size:16px !important;
        margin-right:15px;
    }
    div.najd-ub input {
        width:auto; height:auto;
        padding:6px 12px !important;
        display:inline-block;
        font-size:15px;
        font-weight: 600;
        margin:0px !important;
    }

    div.ubytovanie-box p.podr {
        display:none;
    }

    div.listing .row .vypis {
        width:49.8% !important;
    }

/* listing buttons tweaks */

    .container {
        width:96%;
    }

    .vypis-mapa .na-mape, .vypis-mapa .smaller-text {
        display:none !important;
    }
    div.info-buttons a.vypis-detail span {
        display:none;
    }
    div.info-buttons a.vypis-detail span.icon-info {
        display:block;
    }

/* detail */
    .price-note {
        padding-top:5px;
        padding-bottom:5px;

    }

}



@media (min-width:768px) and (max-width:991px) {

    div.vypis-hladania {
        padding-bottom:50px;
    }

    .vypis-hladania div.buttons .rezervovat {
        top:auto;
        bottom:10px;
        right:10px;
    }

}

@media (max-height:560px) {
    .wrap-hodnotenie-inputs label {
        display:none;
    }


}

@media (max-width:991px) and (max-height: 600px) {

    .pushy #quickform {
        padding:0px !important;
    }

    .pushy #yellowbox {
        position:absolute; top:0px; left:0px;
        width:100%;
        height:100%;

    }

    .pushy .box-vyhladavanie-top  {
        z-index:9999;
        position:relative;
    }

    .pushy div.box-vyhladavanie {
        height:100%;

    }


    .pushy #smart-scroll-wrap {
        position:absolute; top:50px; left:0px;
        box-sizing:border-box;
        padding: 15px 10px 5px 15px !important;
        overflow-y:scroll;
        overflow-x:hidden;
        height:100%;
        width:100%;
    }

    .pushy #smart-scroll-wrap .tab-cont:after {
        content:"";
        display:table;
        clear:both;
        margin-bottom:210px;
    }


    .pushy div#box-row-bottom-fixed {
        width:100%;
        background-color:rgba(238, 137, 19, 0.8);

        position:absolute;
        bottom:0px;
        left:0px;

         -webkit-transform: translate3d(0px, 0, 0);
        -ms-transform: translate3d(px, 0, 0);
        transform: translate3d(0px, 0, 0);

        z-index:99;
        margin:0px !important;
        -webkit-box-shadow: inset 4px 0px 3px 0px rgba(50, 50, 50, 0.39);
        -moz-box-shadow:    inset 4px 0px 3px 0px rgba(50, 50, 50, 0.39);
        box-shadow:         inset 4px 0px 3px 0px rgba(50, 50, 50, 0.39);

        height:56px;
        min-width:100%;

        padding:10px 15px 10px 15px !important;

    }



    .pushy div.najd-ub {
        padding:0px !important;
        margin:0px !important
    }

    .pushy  div.najd-ub-wrap .pocty {
        color:white;
    }

    /*
    #box-row-bottom-fixed {
        margin-bottom:70px;
    }
    */

    .box-lupa span {
        top:50% !important;
    }

}

@media (max-width:991px) and (min-height: 600px) {
    #total-ub-yellowbox {
        margin-left:-10px !important;
    }
}


@media (max-width:767px) {

    div.vyradene .info-buttons span {
        text-align:center !important;
    }

    div.vyradene button.zobraz-telefon {
        float:none !important;
        padding-left:0px !important;
    }

    div.social {
        text-align:center;
    }

    .hide-mobile-768 {
        display:none;
    }

    .panorama-akcia div.panorama-galeria a {
        margin-bottom:-5px !important;
    }

    .ohlasy-wrap { /*.elem-wrap*/
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
    }

    div.rez-header {
        display:block;
    }

    ul.rez-control li a, ul.rez-control li div {
        padding-right:5px !important;
    }
    div.rezervacia ul li span {
        margin-right:0px;
        margin-left:0px;
    }


    .mfp-title {
        font-size:16px;
    }

    .img-guestbook {
        margin-bottom:10px;
    }



    div.main-mapa ul li  {
        width: 25%;
        text-align: center;
    }

    div.main-mapa ul li a {
        padding: 10px 0;
        font-size: 12px;
    }

     div.main-mapa a.toggle-switcher {
        width:100%;
        text-align:center;
        font-size:14px !important;
        padding:0px 15px 0px 15px !important;
        position:relative;
        top:-10px;

    }

     div.pobyt span {
        bottom:3px;
        right:6px;
    }

    div.pobyt span:before {
        font-size:19px;

    }


    div.kniha-navstev-wrap ul li a {
        font-size:11px;
    }

/* FOOTER */

    div.footer-top ul {
        margin: 0 auto;
        float:none !important;
    }

    div.social {
        float: none !important;
        margin: 20px auto !important;
    }

/* DETAIL */

    div.formcss ul li a {
        font-size: 11px;
    }


/* listing buttons tweaks */

    div.vypis-img {
        width:100%;
        max-width:auto !important;
        text-align:center;
        float:none;
        margin:10px 0px 0px 0px;
    }

    div.vypis-img img {
        margin:0px auto;
    }

    .vypis-hladania {
        position:relative;
        top:0px; left:0px;
        text-align:center;
    }

    .vypis-cont {
        padding:0px 15px 0px 15px;
        width:100% !important;
    }

    .vypis-hladania div.buttons {
        margin:0px;
        text-align:center;
    }

    .vypis-hladania div.info-buttons {
        margin:10px 0px 10px 0px;

    }


    div.info-buttons button.ukaz-na-mape {
        padding: 0px !important;
    }

    .vypis-hladania button.rezervovat {
        margin:0px 0px 15px 0px !important;
    }

    div.info-buttons .pull-left {
        float:none !important;
    }

    .vypis-hladania div.info-buttons a, div.info-buttons button {
        margin-bottom:0px;
        float:none !important;
        display:inline-block !important;
        vertical-align:top !important;
    }

    .vypis-hladania .vypis-mapa .na-mape, .vypis-hladania .vypis-mapa .smaller-text {
        display:none !important;
    }
    div.info-buttons a.vypis-detail span {
        display:none;
    }
    div.info-buttons a.vypis-detail span.icon-info {
        display:block;
    }

    .obce-column-layout {
        padding:0px 15px;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-gap: 20px;
        column-gap: 20px;
    }


    .geo-column-layout {
        padding:0px 25px;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-gap: 20px;
        column-gap: 20px;
    }



}

@media (max-width:649px) {

    .akcia .panorama-galeria dt {
        width:auto;
    }
    .akcia .panorama-galeria  dl {
        width:32% !important;
    }

    .standard-stats .stat-data {
        float:none;
        width:100%;
    }
    .standard-stats .legenda {
        float:none;
        width:100%;
    }

}


@media (min-width:481px) and (max-width:767px) {
    #rezervacia .col-sm-8 {
        width: 60% !important;
        float:left;
    }

    #rezervacia .col-sm-4 {
        width: 39.99% !important;
        float:left;
    }




}

@media (min-width:300px) and (max-width:602px) {
    div.ubytovanie-box-wrap{
        width:50% !important;
        float:left;
    }
}

@media (min-width:600px) and (max-width:991px) {
    #breadcrumbs {
        margin-top:10px;
    }
}

@media (max-width:599px) {

    /*livechatoo*/
    #IMS_box1 {
        right: auto !important;
        left: 15px !important;
    }

    /*fix frontpage top gap to be compatible with ajax results gap*/
    .empty-bc {
        margin-top:-28px;
    }

    .mob-hide-img {
        display:none;
    }

    #zoznam-ubytovacich-zariadeni h3 {
        margin-left:0px;
    }
    #zoznam-ubytovacich-zariadeni ul li {
        padding-left:0px;
    }

    .container {
        width:100%;
        background:none !important;
    }

    div.vypis-img {
        margin:0px 0px 0px 0px;
    }

    div.buttons, div.info-buttons {
        position:static !important;
    }

    .vypis-hladania button.zobraz-galeriu {
        position:absolute !important;
        top:10px;
        right:10px;
        background:rgba(255, 255, 255, 0.7) !important;
    }

    div.box-shadow {
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        -ms-box-shadow:none;
        box-shadow:none;
    }

    button.ukaz-na-mape {
        margin-left:0px;
    }


}

@media (max-width:480px) {

    .akcia .panorama-galeria  dl {
        width:48% !important;
    }

    #text-content {
        padding:0px 10px 0px 10px !important;
    }
    .ohlasy-wrap { /*.elem-wrap */
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }

    .guestbook-content {
        padding:10px 10px 0px 10px;
    }

    .general-kniha-buttons .btn {
        padding-left:5px;
        padding-right:5px;
    }

    .rating-block .rating {
        margin-right:15px;
    }

    .additional-nav {
        display:none;
    }

    #aktovka {
        padding:10px 10px 5px 15px !important;
        margin:0px;
    }

    div.aktovka {
        right:20px !important;
        bottom:20px !important;
    }

    div.aktovka-active {
        margin:0px 10px;
        max-width:320px;
    }

    .aktovka-item {

        height:31px !important;
    }

    .aktovka-item img {
        height:auto;
        width:35px !important;
    }

    .aktovka-item-popis {
        line-height:12px;

    }

    .aktovka-item-popis i {
        font-size:9px;
        font-weight:normal;

    }

    .pagination li a, .pagination li span {
        font-size:14px;
        padding-top:7px !important;
        padding-bottom:8px !important;
    }

    .pinchme {
        padding:10px 5px 0px 5px !important;
    }

    img.hlavna-fotka {
        display: none;
    }

    p.balit {
        display: none;
    }

    div.main-mapa a.toggle-switcher {
        top:0px;
        padding-bottom:10px !important;
    }

    #zlk div {

        padding:0px 3px 5px 8px;
        font-size:12px;
    }

    div.main-map {
        padding-left:0px;
        padding-right:0px;
    }
    div.main-map h1 {
        padding:15px 15px 0px 15px;
        font-size:15px;
    }
    div.main-map p {
        padding:10px 15px 0px 15px;
        font-size:13px;
    }



    .mfp-iframe-holder .mfp-content {
        max-width: 320px !important;
        height:100%;
    }

    .mfp-wrap div {
        transition:0.5s all;
        -webkit-transition:0.5s all;
    }

    .rez-col {
        width:100% !important;
    }

    .formcss {
        margin-top:0px !important;
    }


    div.rez-cont {
        padding:10px 5px !important;
    }

    .formcss input.sub-form {
        margin-top:0px !important;
    }


    .formcss label {
        color:white;
        padding:0px 0px 5px 0px;
        margin:5px 0px 0px 0px;
        display:block;
    }


    .formcss input, .formcss textarea {
        margin:0px !important;
        display:block;
        padding:10px !important;
    }

    .formcss input[type="text"],
    .formcss input[type="tel"],
    .formcss input[type="email"],
    .formcss input[type="number"] {
        height:35px !important;
    }



    .formcss textarea {
        height:65px !important;
        margin:20px 0px 10px 0px !important;;
    }




    .block-inline-first {
        padding:0px;
    }

    #label-text {
        display:none;
    }

    .formcss input#fr-osoby {
        width:30px !important;
        padding-left:5px !important;
        padding-right:5px !important;
        text-align:center;

    }



    #label-pocet-osob:after  {
        position:relative !important;
        left:7px !important;
        top:2px;
    }

    #label-pocet-osob span {
        display:none !important;
    }

    .formcss input#fr-pobyt-od {
        padding:5px 10px 5px 7px !important;
        text-align:left;
        font-size:14px;
    }
    .formcss input#fr-pobyt-do {
        padding:5px 10px 5px 7px !important;
        text-align:left;
        font-size:14px;

    }

    #pobyt-info {
        display:table !important;
    }


    .block-inline {
        display:inline-block !important;
        display:table-cell !important;
        padding:0px 0px 0px 8px !important;
    }

    .block-inline-first {
        padding:0px !important;
    }

/* listing button tweaks */

    .vypis-hladania div.buttons div.info-buttons button {
        padding:0px !important;
        height:40px !important;
        width:40px !important;
        min-width:40px !important;
        margin:0px 2px 0px 2px !important;
    }

    .vypis-hladania div.buttons div.info-buttons a {
        margin:0px !important;
        height: 40px;
        min-width: 40px;
    }

    .vypis-hladania div.buttons div.info-buttons button span:before  {
        font-size:18px !important;
        width: 40px;
        top:0px !important;
        line-height:40px !important
    }

    .vypis-hladania div.buttons div.info-buttons button span.icon-camera2:before  {
        font-size:22px !important;
    }

    .vypis-hladania div.buttons div.info-buttons button span.icon-location:before  {
        font-size:24px !important;
    }

    .vypis-hladania div.buttons button.rezervovat {
        padding:1px 10px 0px 38px !important;
        font-size:16px !important;
        height:40px !important;
        vertical-align:top;
    }

    .vypis-hladania button.rezervovat span.icon-calendar2 {
        line-height:13px !important;
    }

    div.vypis-hladania .buttons button span.icon-calendar2::before {
        font-size:22px !important;
        top:0px !important;
        left:5px !important;
        line-height:38px !important;
        width:30px !important;
    }

    #odporucame-form .row {

        margin-bottom:0px !important;
    }

    #odporucame-form label {
        padding-top:0px;
    }

    #nalepky span.nalepky, #nalepky a.nalepky {
        margin-bottom:10px;
    }
    #nalepky {
        margin-bottom: 10px;
    }

    #galswitch {
        height: 0px !important;
    }
}


@media (max-width:479px) {

    div.vybavenost {
        text-align:center;
    }


    div.social a {
        width: 38px;
        height: 38px;
        padding-top: 4px;
    }


    .listing-box {
        margin-left:0px;
        margin-top:5px;
    }



    .panorama-akcia .info-buttons {
        display:none !important;
    }



    div.zdielajte a.sher [class^="icon-"],
    div.zdielajte a.sher [class*=" icon-"]  {
        font-size:15px;
    }

    div.zdielajte a.share-gplus {
        width:31px;
    }

    div.zdielajte a.share-gplus span.icon-g-plus:before {
        position:relative;
        left:-4px;
    }

    .vypis-cont p {
        display:none;
    }

    div.listing .row  {
        padding:0px !important;
        margin:0px -10px 0px -10px !important;
    }

    div.listing .row .vypis {
        width:49.8% !important;
        padding:2px !important;
    }

    div.listing .row .even-item {
        padding-right:4px !important
    }

    div.listing .row .odd-item {
        padding-left:4px !important
    }

    div.listing .row div.vypis-hladania {
        -webkit-box-shadow: 1px 1px 2px -0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 1px 1px 2px -0px rgba(0, 0, 0, 0.3);
        box-shadow: 1px 1px 2px -0px rgba(0, 0, 0, 0.3);
        margin-top:4px;
    }

    .lastminutes-page .container {
        padding-left:5px !important;
        padding-right:5px !important;
    }

    .wrap-lm-img {
        position:relative;
    }

}

@media (min-width:320px) and (max-width:451px) {
    div.ubytovanie-box a span {
        font-size:12px;
        left:10px;
    }

    div.ubytovanie-box a > p {
        font-size:12px;
        left:10px;
    }

    div.ubytovanie-price p {
        font-size:13px;
    }

    div.ubytovanie-price {
        padding:5px 0px 4px 0px;
    }
}


@media (max-width:450px) {
    div.rez a {
        width: 100%;
    }

    div.rez a:last-child  {
        margin-left: 0;
    }

}

@media (min-width:481px) {
    div.pobyt span {
        position: absolute;
        bottom:5px !important;
        right:9px !important;
    }

    div.pobyt span:before {
        font-size:24px !important;
        pointer-events:none;
    }

}

@media (min-width:1200px)
{
    #main-mapa-spacer {
        height:375px;
        border-bottom:#f0f0f0 1px dotted;
    }

    div.main-mapa a.toggle-switcher {
        position:absolute;
        top:320px; right:20px;

    }
}

@media (min-width:1199px)
{
    div.box-vyhladavanie-wrap {
        width: 458px;
    }

    .obce-zlk {
        width:1140px;
        border-top-right-radius:7px;
        background-position:0px -20px;
        border-top:#BEDFF4 1px solid;
    }

    .obce-zlk .col-lg-2, .list-obce .col-lg-2{
        width:20% !important;
    }

    div.first-box {
        margin-top:54px;
    }

    #menu_vyber #vyber-root li a {
        padding:8px 14px 8px 14px;
    }
}

@media (min-width:992px) and (max-width:1199px)
{
    #main-mapa-spacer
    {
        height:285px;
    }

}



@media (max-width: 384px) {

    ul.rez-control li.rez-item-1 b {
        width:100%;
        display:block !important;
    }

    .col-xxs-1,
    .col-xxs-2,
    .col-xxs-3,
    .col-xxs-4,
    .col-xxs-5,
    .col-xxs-6,
    .col-xxs-7,
    .col-xxs-8,
    .col-xxs-9,
    .col-xxs-10,
    .col-xxs-11 {
        float: left;
    }

    .col-xxs-1 {
        width: 8.333333333333332%;
    }

    .col-xxs-2 {
        width: 16.666666666666664%;
    }

    .col-xxs-3 {
        width: 25%;
    }

    .col-xxs-4 {
        width: 33.33333333333333%;
    }

    .col-xxs-5 {
        width: 41.66666666666667%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .col-xxs-7 {
        width: 58.333333333333336%;
    }

    .col-xxs-8 {
        width: 66.66666666666666%;
    }

    .col-xxs-9 {
        width: 75%;
    }

    .col-xxs-10 {
        width: 83.33333333333334%;
    }

    .col-xxs-11 {
        width: 91.66666666666666%;
    }

    .col-xxs-12 {
        width: 100%;
    }

    .col-xxs-push-1 {
        left: 8.333333333333332%;
    }

    .col-xxs-push-2 {
        left: 16.666666666666664%;
    }

    .col-xxs-push-3 {
        left: 25%;
    }

    .col-xss-push-4 {
        left: 33.33333333333333%;
    }

    .col-xxs-push-5 {
        left: 41.66666666666667%;
    }

    .col-xxs-push-6 {
        left: 50%;
    }

    .col-xxs-push-7 {
        left: 58.333333333333336%;
    }

    .col-xxs-push-8 {
        left: 66.66666666666666%;
    }

    .col-xxs-push-9 {
        left: 75%;
    }

    .col-xxs-push-10 {
       left: 83.33333333333334%;
    }

    .col-xxs-push-11 {
       left: 91.66666666666666%;
    }

    .col-xxs-pull-1 {
        right: 8.333333333333332%;
    }

    .col-xxs-pull-2 {
        right: 16.666666666666664%;
    }

    .col-xxs-pull-3 {
        right: 25%;
    }

    .col-xxs-pull-4 {
        right: 33.33333333333333%;
    }

    .col-xxs-pull-5 {
        right: 41.66666666666667%;
    }

    .col-xxs-pull-6 {
        right: 50%;
    }

    .col-xxs-pull-7 {
        right: 58.333333333333336%;
    }

    .col-xxs-pull-8 {
        right: 66.66666666666666%;
    }

    .col-xxs-pull-9 {
        right: 75%;
    }

    .col-xxs-pull-10 {
        right: 83.33333333333334%;
    }

    .col-xxs-pull-11 {
        right: 91.66666666666666%;
    }

    .col-xxs-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-xxs-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-xxs-offset-3 {
        margin-left: 25%;
    }

    .col-xxs-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-xxs-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-xxs-offset-6 {
        margin-left: 50%;
    }

    .col-xxs-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-xxs-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-xxs-offset-9 {
        margin-left: 75%;
    }

    .col-xxs-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-xxs-offset-11 {
        margin-left: 91.66666666666666%;
    }
}




/* Magnific Popup Custom CSS */
@media screen and (max-width: 320px)
{


}



@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }
 }


@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; }
 }


@media (max-width:490px) {
    #total-ub-mob { display:none; }
}