<style>
/*Media querry - zobrazení na různých velikostech dispeleje*/

/*Skrytí grafiky horní navigace na malých displejích*/
@media screen and (max-width: 1199px){
    .footer-banner{width: 33% !important;float: left !important; margin: 5px auto !important;} 
    .footer-banners {margin: 0 auto !Important; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2), 0px -4px 30px -32px rgba(0, 0, 0, 0.19);border-radius: 7px;}    
    .products-block .p-code {display: none;}
}

/*Změna velikosti hrnku v rozlišení od 768 px do 1439 px*/
@media screen and (max-width: 1439px) and (min-width: 768px) {
#idHrnek {
    position: absolute;
    left: -10px !important;
    top: 75px !important;
    width: 180px !important;
}
}


/* Media query */
@media screen and ( max-width: 767px) {
#idHrnek { position: unset !important; width: 180px !important;}      
.hrnek {text-align: center !important;}                                  
.products-block > div {width: 48% !important; margin: 1%;}              /*Zobrazení 2 sloupců na mobilu*/
#header .site-name {margin-top:0 !important;}
#header .container {height: 250px !important;}
.products-block.products .p .name {font-size: 18px !important; }  
.products-block.products .p .price {line-height: 45px; text-align: center}
.products-block .p-bottom .p-tools {margin: 0 auto;}
.content-wrapper.container .row > div {text-align: center;}
.products-block .p {margin: 2px !important; padding:5px !important;} 
#header .container {background-image: unset !important;}
.banners-row .banner-wrapper {margin: 30px 5px 30px 5px !important; padding: 5px 10px 10px 5px; width:unset !important;}
.banners-row .banner-wrapper { flex: 1;}  

}

/*<------------------------------normální styly-------------------------------------->*/
/*zoom při hoveru na produktech*/
.products-block .product  {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.products-block .product:hover {
	-webkit-transform: scale(1.010);
	transform: scale(1.010);
}

/*odsazení ID kodu od popisku*/
.p-short-description {
margin-top:15px;
}

/*vypnutí ID kodu u produktů*/
.products-block .p-code {
        display: none;
}

/*hover efekt po najetí na produkty*/
.products-block .p:hover {
    border-style: solid;
    border-width: 1px;
    border-color: #d8e3e4;
		box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1), 0px -4px 30px -32px rgba(0, 0, 0, 0.10);
}

/*vypnutí rámu-mřížky u produktů*/
.products-block > div {
    border-right-style: unset !important;
    border-bottom-style: unset !important;
    border-top-style: unset !important;
}

/*rámeček kolem produktů*/
.products-block .p {
    border-style: solid;
    border-width: 1px;
    border-color: #efefef;
    margin: 5px;
    padding: 15px;
}

/*hover efekt po najetí myší na obrázek produktu
.products-block > div .p > a:hover img {
    opacity: 0.8;
}
*/
.products-block.products > div {
    padding: 5px;
}

.products-block.products .p .name {
    overflow: unset;

}
/*Odsazení patičky od obsahu*/
#footer {
    margin-top:40px;
}

/*odsazení bannerů s výhodami*/
.banners-row .banner-wrapper {
    margin-top: 20px;
    display: flex;
    width: 90%;
}

/*Nadpis pod carouselem*/
h4.homepage-group-title, .h4.homepage-group-title {
    margin-top: 20px;
}

/*
.footer-banners row banner-wrapper {
    display: flex;
}
*/
/*obrázek hrnku v hlavičce*/
#idHrnek {
    position: absolute;
    left: -5px;
    top: 30px;
    width: 250px;
}

/* Obrázek a pozice v hlavičce stránky */
#header .container {
    height: 280px;    
    background-image: url("https://www.keramikajavornik.cz/user/documents/upload/eshop-keramika-javornik/header_keramika_oblouk.png");
    background-position: center;
    background-repeat: no-repeat;  
}

/*zarovnání loga na střed a napozicování*/
#header .site-name {
    text-align: center;
    margin-top: 30px;
}

#header {  
    margin-bottom: 20px;
}



/* Odsazení popisového textu kategorie*/
.category-perex {
    margin-bottom: 50px;
}

.footer-links-icons {
    border-top-style: unset;
    }

/*velikost a pozice popisků produktů*/
.products-block.products .p .name {
    font-size: 23px;
    text-align: center;
}

/*pozice ráměčku s banerama výhod*/
.footer-banners {
margin: 20px; 
padding: 20px; 
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2), 0px -4px 30px -32px rgba(0, 0, 0, 0.19);
border-radius: 7px;
}

.col-lg-4 {
    text-align: center !important;
}

/* Postranní nabigační panel */
.sidebar {
    background-color: #f6f6f6;
    margin-top: 20px;
    border: 1px solid #00774e;
}


/* Vypnutí hlášky co se zobrazí po vložení produktu do košíku */
.msg {
display: none;
}

/*skrytí vyhledávacího pole v horním menu*/
.header-top .search{
    visibility:hidden;
}

/*Barva odakzů v horním navigačním menu*/
.navigation-in>ul>li>a {
    color: black !important;
}

.navigation-in>ul>li>a:hover {
  color: #00774e !important;
  background-color:unset !Important;
}

/*průhledné pozadí v horní navigační liště*/
.navigation-in {
    background-color: unset;
}

/*zarovnání hlavního menu-odkazů na střed */
.fitted .navigation-in ul {
    justify-content: center;
    font-size: larger;
}

/*pozice hlavního navigačního menu nahoře*/
#navigation {
    margin-left: 0;
    margin-right: 0;
    margin-top: 70px;
}

/*změna velikosti textu a odsazení v bočním menu */
.categories a{
    border-bottom: 1px solid #00774e;  /*barva rámečku v pravém menu*/
    font-size: larger;
    padding-top: 13px;
		padding-bottom: 13px;
}

#categories .expandable > a > span, #categories .expandable > .topic > a > span {
    z-index: 1;
    cursor: pointer;
    position: absolute;
    right: 15px;
    font-size: 12px;
    top: 17px;
    left:unset;
}

#categories a {
    padding-left: 55px;
}

.categories ul a {
    padding-left: 75px !Important;
}

#categories img {
    width: 45px;
    padding-left: 16px;
    position: absolute;
    top:8px;
}


</style>