@-ms-viewport {
    width: device-width;
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199px) {

}

/* Mezikrok */
@media (max-width: 1150px) {
    .cookie-lista-container {max-width: 80%;}
    .terminy {/*width: 100%;*/ min-width: unset; max-width:510px;}
    .terminy .terminy-btn-vice{ width:100%;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) {
    body {/*background-color: red;*/ max-width:991px; }

    #hlavni{/*width: 100%;*/ min-width: 350px;}
    /*#in{width: 100%;}
    #obsah{width: 100%;}*/
    #obsah .listaSlvevovyKupon {width: 100%; text-align: center;}
    #stred{ width: 100%; margin: 0; /*padding: 5px;*/}

    #head-ikonky{display:none;}

    .fluid_container{width: 100%; height: auto;}

    #foot-menu {width: 100%;}
    #foot-menu-in {width: 100%;}
    #foot {width: 100%;}
    #foot-in {width: 100%;}

    .cookie-lista-container {max-width: 100%;}

    #stred h1.nazevZajezdu{font-size: 130%; line-height: 22px; margin-top: 10px;}
    .accommodation-list-description{ width: 100%!important;}
    #stred .package-item-border1 {width: 100%;}
    #stred .package-item-border2{padding: 10px 5px;}
    #stred .zalozka{min-width:350px;overflow: hidden;}

    /*vypoct ceny a adale*/
    #stred .card-zajezdy-row {border: 1px solid rgba(0,0,0,.125); margin-bottom:0;}
    #stred .kroky {background-color: unset; border: 0;}
    #stred .kroky div.krokyPoradi{display: block; text-align: unset;}

    .terminy {/*width: 100%;*/ min-width:310px;}


}
/* mezikrok */
@media (max-width: 920px) {

}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {
    #head {height: 120px;}
    #logoclick{width:125px; height: 70px; z-index:99999;display:inline-block; left: 10px;}
    #logoclick img{width:100%;background:transparent;margin:0;padding:0}
    #head-bezplatna-linka{position:absolute; top:15px; right:0px; left: unset; }
    #head-bezplatna-linka .phone { font-size: 150%; line-height: 20px; width: 150px;color: #1a4b95;}
    #head-bezplatna-linka .phone a{ color: gray;}
    #head-zavolame{top:45px; right:8px;}
    #head-zavolame .zavolameVam { font-size: 120%; color: white; font-weight: bold;}
    #head-vlajky{top:95px; right:20px; left: unset;}
    #head-vlajky img{width: 65%;}
    #headSmall {height: 120px;}
    #headSmall .fa-small-width {position: absolute; display: block; width: 30px; top: 75px; left: 10px; font-size: 200%;}
    #headSmall .fa-small-width  a{ color: #1a4b95; }
    .modal-conten {width: 80%;}

    #popUpDiv2 {width: 500px; height: 306px;}
    #dividx1{
        margin-top: 105px; margin-right: 0px;
    }
    #dividx2 {width: 320px; margin-left: 180px;}
    #dividx2 .popup-col-slevovyKupon{padding-left: 60px;}
    #dividx2 .popup-col-slevovyKupon input{font-size:16px;color:#cccccc; width:205px; height:35px;}
    #dividx2 .popup-col-btn-zapocitat{margin-top: 19px; max-width:75px;}
    #dividx2 .popup-col-btn-zapocitat .btn{padding: 0.6rem; font-size: 100%; line-height: 15px}
    #dividx2 .popup-col-btn-pokracovat{margin-top: 15px; padding-left: 20px;}
    #dividx2 .popup-col-btn-pokracovat input{ width:140px; height:38px; }
    #dividx2 .popup-pokracovat-bez-kodu{display: block;cursor: pointer; width: 210px; height: 25px; margin-top: 18px; margin-left: 80px;}

    #bocniMenuKategorieSmallSize {position: absolute; top: 82px; width: 250px;  z-index: 2; background-color: white; border: 5px solid #1a4b95; z-index: 50;}
    /*#bocniMenuKategorieSmallSize ul {padding-left: 0; !*min-width: 250px;*}*/
    #bocniMenuKategorieSmallSize li {list-style-type: none; padding: 5px;}
    #bocniMenuKategorieSmallSize  li.subkat:before {font-family: 'FontAwesome'; content: "\f0da";}
    .bocni-menu {display: block; background-color: #caebfa}
    .menuItravelZajezdySmall {}
    .menuItravelZajezdySmall ul li {display:block; line-height:35px; padding:5px 20px; background-color:#1a4b95; margin-bottom:5px; color: #ffffff; font-weight: bold; font-size: 140%;}
    .menuItravelZajezdySmall ul li:hover {background-color:#caebfa; color: #1a4b95; cursor: pointer;}
    .menuItravelZajezdySmall ul ul.submenu {background-color:#caebfa; color: #1a4b95; cursor: pointer; display: none;}
    .menuItravelZajezdySmall ul ul.submenu li {background-color:#caebfa; color: #1a4b95; cursor: pointer; display: block; border-bottom: 1px solid #1a4b95; padding-left: 30px; line-height: 20px;}
    .menuItravelZajezdySmall ul ul.submenu li a{color: #e2001a; display: block; font-size: 85%; text-align: left;}
    .menuItravelZajezdySmall ul ul.submenu li:hover {background-color:#1a4b95; color: #caebfa; cursor: pointer; display: block;}
    .menuItravelZajezdySmall ul ul.submenu li:hover a{color: #e2001a; display: block; text-decoration: none}

    .menuItravelZajezdySmallH {margin-top: 10px; border-top: 5px solid #1a4b95;}
    .menuItravelZajezdySmallH ul li {display:block; line-height:35px; padding:0 20px; /*background-color:#caebfa;*/ margin-bottom:0px; color: #ffffff; font-weight: bold; font-size: 140%;border-bottom: 1px solid #1a4b95;}
    .menuItravelZajezdySmallH ul li a {display:block; line-height:25px; /*background-color:#caebfa;*/ margin:0; color: #e2001a; font-weight: bold; font-size: 100%; text-align: left; text-decoration: none;}
    .menuItravelZajezdySmallH ul li:hover {background-color:#1a4b95; /*color: #1a4b95; cursor: pointer;*/}
    .menuItravelZajezdySmallH ul ul.submenu {background-color:#caebfa; color: #1a4b95; cursor: pointer; /*display: none;*/}
    .menuItravelZajezdySmallH ul ul.submenu li {background-color:#caebfa; color: #1a4b95; cursor: pointer; display: block; border-bottom: 1px solid #1a4b95; padding-left: 30px; line-height: 20px;}
    .menuItravelZajezdySmall ul ul.submenu li a{color: #e2001a; display: block; font-size: 85%; text-align: left; text-decoration: none;}
    .menuItravelZajezdySmallH ul ul.submenu li:hover {background-color:#1a4b95; color: #caebfa; cursor: pointer; display: block;}
    .menuItravelZajezdySmallH ul ul.submenu li:hover a{color: #e2001a; display: block; text-decoration: none}

    /*#stred .divid1 ;}
    #stred .divid2 {}
    #stred .divid3 {}*/

}

/* Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575px) {
    #popUpDiv2 {width: 350px; height: 250px;}
    #dividx1{
        margin-top: 80px; margin-right: 0px;
    }
    #dividx2 {width: 320px; margin-left: 100px;}
    #dividx2 .popup-col-slevovyKupon{padding-left: 55px;}
    #dividx2 .popup-col-slevovyKupon input{font-size:12px;color:#cccccc; width:165px; height:30px;}
    #dividx2 .popup-col-btn-zapocitat{margin-top: 12px; max-width:75px;}
    #dividx2 .popup-col-btn-zapocitat .btn{padding: 0.5rem; font-size: 100%; line-height: 15px}
    #dividx2 .popup-col-btn-pokracovat{margin-top: 12px; padding-left: 10px;}
    #dividx2 .popup-col-btn-pokracovat input{ width:100px; height:30px; }
    #dividx2 .popup-pokracovat-bez-kodu{display: block;cursor: pointer; width: 150px; height: 20px; margin-top: 14px; margin-left: 80px;}

    #stred .divid1 {float: unset; margin: auto;}
    #stred .divid2 {float: unset; margin: auto;}
    #stred .divid3 {float: unset; margin: auto;}
    #stred .dividCaruselInnerVyhodyOpatrani .dividCarouselItem a{width: 160px; display: inline-block; margin-left: 15px;}
    #stred .dividCaruselInnerVyhodyOpatrani .dividCarouselItem a img {width: 150px; height: 172px;}
    #stred .carousel-item{width: 45%; float: unset; margin: auto;}

    #foot-menu .blok1 {display:none;}
    #foot-menu .blok11 {display:none;}
    #foot-menu .blok2 { width: 100%; text-align: center;}
    #foot-menu .blok3 { width: 100%;}
    #foot-menu .blok3 table{ width: 100%;}
    #foot-menu .blok4 {display:none;}

    .card.card-zajezdy .zajezdy-row {padding-right:0; padding-left: 0;}
}

/* mezikrok */
@media (max-width: 440px) {

    #stred .detailZalozkyFoto {
        margin: 10px 0 0 3px;
    }

}