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

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199px) {
    .container{padding-left: 5px; padding-right: 5px;}
    .col1 section .pravy{width: 74%;}
}

/* Mezikrok */
@media (max-width: 1150px) {
    #vypis-kosiku .vypis-kosiku-nazev {width: 80%;}
    #vypis-kosiku .vypis-kosiku-row-head {display: none;}
    #vypis-kosiku .vypis-kosiku-kusyCeny {width: 80%;}
    #vypis-kosiku .vypis-kosiku-kusyCeny .ceny{width: 60%;}
    #vypis-kosiku .vypis-kosiku-objSouhrn-kusyCeny .kusyOznaceni {display: inline-block;}
    .col1 section .pravy{width: 70%;}
    .col1 section .pravy .ceny{margin-top: 0px;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) {
    body {/*background-color: red;*/ max-width:991px; }
    header {display: block;}
    footer #foot {display: none;}

    .disable_extra_sm_dev {display: none;}

    /*#head{background-color: red;}*/

    #head{display: block; width: 100%; min-height: 50px;}
    #head-in{width: 100%;}
    .stin{display: none;}
    .pruh{display: none;}
    .toplista{width: 100%; max-width: 100%;}

    .telefon1{display: none;}
    .telefon2{display: none;}
    .telefonSmall{left:290px; display: block;}
    #basket{padding: 20px 10px 20px 10px; margin-top: 10px;}

    #logoclick{max-width:400px;z-index:99999;display:inline-block;}
    #logoclick img{width:100%;background:transparent;margin:0;padding:0}
    #sb-search {display: none;}
    #head form{ top: 110px; right: 350px; width: 100%; max-width: 360px;}
    .sb-search-input{width: 100%; max-width: 395px;}
    #head form {top: 120px; right: 20px;}
    #sb-search-ico{display: block;}

    #menu{overflow: hidden;}
    #menu li a, #menu .current-menu-item{padding: 0px 8px;}
    #menuHlavniKategorieB {display: none;}
    #head{height: 170px;}

    /*#leva {display: none;}
    .bocni-menu-kategorie {display: none;}*/
    #hlavni {width:100%;}
    #obsah {min-width:auto;}
    /*#stred {width:74%; max-width: 100%;}*/
    #stred .fa-small-width{display: none;}
    #stred .fa-small-width .fa{display: none;}

    .col1 section .pravy{width: 68%;}

    /*.fluid_container{display: none;}*/
    /*.homepageTopText{display: none;}*/

    .col3 section{width: calc(100% / 2 - 8px); vertical-align:top;margin:0px 8px 0px 0px; /*max-width: 250px;*/}
    .block {width: 100%;}
}
/* mezikrok */
@media (max-width: 920px) {
    /*#headSmall {background-color: blue;}*/
    #leva {display: none;}
    .bocni-menu-kategorie {display: none;}
    #stred {width:100%; max-width: 100%;}
    #stred .fa-small-width{display: block;}
    #stred .fa-small-width .fa{display: none;}
    /*#stred .parametryVyber {display: none;}*/
    #obsah .bocni-menu a:hover {text-decoration: none;}
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {
    /*#headSmall {background-color: green;}*/
    header {display: block;}
    /*footer {display: block;}*/
    footer #foot-menu .footer-odkazy {display: none;}
    #foot-menu-in .footer-kontakt { width: 50%; }


    #head{display: none; width: 100%; min-height: 50px;}
    #head-in{width: 100%; max-width: 731px;}
    .stin{display: none;}
    .pruh{display: none;}
    .toplista{display: none;}
    #headSmall{display: block; min-width: 340px;}
    #sb-search-menu {background-color: #cb3e4a;}
    #sb-search-ico-menu{display: block; width: 40px; height: 40px;}
    #sb-search-ico-menu .sb-icon-search {right: 70px;}
    #sb-search-ico-menu .sb-icon-search:hover {background: white; color: black;}
    #sb-search-menu .sb-icon-search:hover {background: white; color: black;}

    #head-extra_sm_dev{display: block; width: 100%; min-height: 50px;}
    #head-in-extra_sm_dev{display: block; width: 100%; min-height: 50px; text-align: left;}
    #logoclick-extra_sm_dev{width:200px;z-index:99999;display:inline-block;}
    #logoclick-extra_sm_dev img{width:100%;background:transparent;margin:0;padding:0}
    #headSmall #basket:hover {background-color: unset;}
    #basket-in-extra_sm_dev {width: 150px; margin-top: 0px; display: inline-block; height: 40px; float: right;}
    #basket-in-extra_sm_dev {background-color:#26a8d6;background-image:url(/img/bg-basket.png);background-repeat:no-repeat;background-position:1% 4%; background-size: 100%;}
    #basket-in-extra_sm_dev li{margin-left: 50px; font-size: 100%; color: white; line-height: 40px; text-align: right; padding-right: 10px;}
    #head-extra_sm_dev .hledat_input { position: relative; width:100%; height: 40px; background-color:#26a8d6; margin: 2px 0; display: block;}
    #head-extra_sm_dev .sb-search-input {width:89%; height: 30px; margin-left: 50px; }
    #head-extra_sm_dev .sb-search-submit, #head-extra_sm_dev .sb-icon-search{height: 40px; top: 0px; font-size: 20px; line-height: 40px;}
    #head-kontakt {position:absolute; top:55px; left:150px; height:16px; width: 130px; letter-spacing:0px; color:#fff;  font-size:85%; text-align:right }


    #hlavni {width:100%;}
    #hlavni #in{padding-top: 0px; margin-top: 0px;}
    #hlavni #in #obsah{padding-top: 0px; margin-top: 0px;}
    #stred {width:100%; max-width: 100%;}

    .col1 section .pravy{width: 61%;}

    #vypis-kosiku .vypis-kosiku-nazev {width: 57%;}

    .disable_extra_sm_dev {display: none;}

    .col3 section{min-width:240px; width: 100%; max-width: 47%; vertical-align:top;margin:0 8px 16px}
    .block {width: 100%;}

    .detail .blok-popisu .levaStrana{width: 100%;}
    .detail .blok-popisu .pravaStrana{width: 100%;}
    .detail .div_img {text-align: center;}
    .detail .div_img img {float: none;}

    .img-respons {max-width: 500px;}
}

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

@media (max-width: 575px) {
    /*#headSmall {background-color: yellow;}*/
    #motiv {display: none;}
    header {display: block;}
    /*footer {display: block;}*/
    footer #foot-menu .footer-kontakt {display: none;} {display: none;}
    footer #foot-menu {padding: 0px;}

    .disable_extra_sm_dev {display: none;}

    .stin{display: none;}
    .pruh{display: none;}
    .toplista{display: none;}
    #head {display: none;}
    #head-extra_sm_dev{display: block; width: 100%; min-height: 50px;}
    #head-in-extra_sm_dev{display: block; width: 100%; min-height: 50px; text-align: left;}
    #logoclick-extra_sm_dev{width:200px;z-index:99999;display:inline-block;}
    #logoclick-extra_sm_dev img{width:100%;background:transparent;margin:0;padding:0}
    #basket-in-extra_sm_dev {width: 150px; margin-top: 0px; display: inline-block; height: 40px; float: right;}
    #basket-in-extra_sm_dev {background-color:#26a8d6;background-image:url(/img/bg-basket.png);background-repeat:no-repeat;background-position:1% 4%; background-size: 100%;}
    #basket-in-extra_sm_dev li{margin-left: 50px; font-size: 100%; color: white; line-height: 40px; text-align: right; padding-right: 10px;}
    #head-extra_sm_dev .hledat_input { position: relative; width:100%; height: 40px; background-color:#26a8d6; margin: 2px 0; display: block;}
    #head-extra_sm_dev .sb-search-input {width:75%; height: 30px; margin-left: 50px; }
    #head-extra_sm_dev .sb-search-submit, #head-extra_sm_dev .sb-icon-search{height: 40px; top: 0px; font-size: 20px; line-height: 40px;}
    #headSmall #basket {width: 45px; min-width: 45px; /*padding: 20px 0px 0px 2px;*/}
    #headSmall #basket .basketInfo {display: none;}
    #headSmall #basket .basketInfoSmall {display: block;}
    #headSmall #basket .button{font-size: 100%;}
    #headSmall #headclick{ left: 40px;}
    #headSmall .fa-small-width{display: block; width: 30px; position: absolute; top:25px; left: 10px;}
    #headSmall .fa-small-width a { color: #FFF;}
    #headSmall .fa-small-width a{width: 30px; padding-top: 0px!important; font-size: 120%; background: none; display: block;}
    .find-input-div {width: 320px;}
    /*#headSmall #sb-search-ico-menu .sb-icon-search {top: 0px; left: 180px;}*/

    #leva {display: none;}
    .bocni-menu-kategorie {display: none;}

    #hlavni {width:100%;}
    #stred {width:100%; max-width: 100%;}

    #stred .provoz-svatky-sm{display:block;}
    #stred .provoz-svatky .div50 {width:100%}
    #stred .provoz-svatky .tabtd100 {display:block;}
    #stred .provoz-svatky .tabtd50 {display:none;}
    #stred #bocniMenuKategorieSmallSize {position: absolute; z-index: 1; background-color: white; border: #dfdfdf 1px solid;}
    #stred #bocniMenuKategorieSmallSize li {list-style-type: none; padding: 10px;}

    .homepageBazarText{display: none;}

    .col1 section figure {width:100%; max-width: 97%;}
    .col1 section .pravy{width: 100%; border: 0px;}
    /*#vypis-kosiku .vypis-kosiku-img {display: none;}*/

    #foot-extra_sm_dev{display: flex; width: 100px; margin: 5px auto;}
    #foot{display: none}
    #foot-menu {min-height:50px;}
    #foot-menu .blok3{display: none;}
    #foot-menu .logo{display: block; width: 100%; padding: 0 40px !important; min-height:100px;}
    #foot-menu .logo img{display: none;}

    .sb-search-input{width: 80%;}

    .col3 section{min-width:300px; width: 100%; max-width: 100%; vertical-align:top;margin:0 0px 16px}
    .block {width: 100%;}

    .modal-footer {padding: 15px 5px 15px 5px; display: block;}
    .modal-footer > :not(:first-child) {margin-left:.25rem;}
    .modal-footer button, a.btn {padding: .5rem .5rem;}
    .buttonsNext button{margin-top:5px;}
    .buttonsNext .button{margin-top:5px;}

    #vypis-kosiku .vypis-kosiku-kusyCeny {float: left; display: block; width: 100%; min-width: 300px; margin-right: 0px; background-color: #f1f1f1; padding: 5px 0px; }
    #vypis-kosiku .vypis-kosiku-kusyCeny .ceny {width: 62%; max-width: 300px;}
    #vypis-kosiku .vypis-kosiku-kusyCeny .ceny .cenaKus {float: left; width: 60%;}
    #vypis-kosiku .vypis-kosiku-kusyCeny .ceny .cenaCelkem {float: right; width: 40%;}
    #vypis-kosiku .dopravaPlatba .cenaBezDph {display: none;}
    #vypis-kosiku .dopravaPlatba .cenaSdph {width:95px; }

    footer #foot-menu .footer-kontakt-small{display: block;}

    .img-respons {max-width: 420px;}

    .modal-footer .btn-outline-secondary {margin-bottom: 5px;}

}

/* mezikrok */
@media (max-width: 440px) {
    #vypis-kosiku .vypis-kosiku-nazev .sklad{display: none;}
    #vypis-kosiku .vypis-kosiku-kusyCeny .sklad{float: right; display: block; width: 50%; text-align: right; margin-right: 5px;}
    #vypis-kosiku .vypis-kosiku-kusyCeny .ceny {width: 100%; min-width: 300px; max-width: 100%; float: right}
    #vypis-kosiku .vypis-kosiku-kusyCeny .ceny .cenaKus {width: 150px; }
    #vypis-kosiku .vypis-kosiku-kusyCeny .ceny .cenaCelkem {width: 40%; }
    #vypis-kosiku .vypis-kosiku-objSouhrn-kusyCeny .kusy {width: 28%; /*font-weight: bold;*/}
    #vypis-kosiku .vypis-kosiku-objSouhrn-kusyCeny .ceny {width: 72%; min-width: 68%; max-width: 190px; float: right}
    #vypis-kosiku .vypis-kosiku-objSouhrn-kusyCeny .ceny .cenaKus {width: 90px; }
    .img-respons {max-width: 300px;}


}