/* ---------------------------------------
	Responsive design code
-----------------------------------------*/



@media screen and (max-width: 1600px) {

 #mod-custom124 {
  
  width:  250px;
}
.mod-menu {
  width: calc(100vw - 590px);
}

.hid {
	
	display: none;
}

}
@media screen and (max-width: 1450px) {
.mod-menu li {
   
  padding: 10px 10px;
 
}	
.oobal img {
  margin-top: 100px;
  max-width: 200px;
  height: auto;
}	
	}
	
@media screen and (max-width: 1345px) { 	
	#mod-custom126 .row-fluid .sblock2 {
  width: 150px;
   
}
#mod-custom126 .row-fluid, #mod-custom126 .row-fluid0 {
  width: 1870px;
  
}
#mod-custom126 .category_name {
  
  padding: 0px 10px;
  height: 60px;
}
}
@media screen and (max-width: 1275px) { 
#logo img {
	
	
	width: 180px;
	height:auto;
}
  #center table {

    width: 100%;
  }
#center img {
  max-width: 100%;
  height: auto;
}
.pecmaniga2 {
  margin-top: 0px;
}
#logo {
  width: 180px;
}
.mod-menu {
  width: calc(100vw - 470px);
}
#mod-custom128 {
   
  grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
}
}	
@media screen and (max-width: 1150px) {  
#mod-custom124 {
  
  width:  100px;
}
.mod-menu {
  width: calc(100vw - 320px);
}
.col-lg-4 img {
width: 100%;
max-width: 450px;	
height:auto;	
	
}
.col-lg-4 {
  width: 100%;
  float: left;
}
.jshop_oiproduct {
  float: left;
  background: #f2f2f2;
  padding: 10%;
  width: 80%;
}
}
@media screen and (max-width: 1024px) {
#mobilemenuck-1-wrap {
width: 1000px;
  margin: 0px;
  float: left;
  padding: 0px;
  background: #008772;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;	
	
	
}
.obalvlastnosti {
  display: grid;
  grid-gap: 0px;
  max-width: 100%;
  grid-template-columns: repeat(auto-fill,minmax(100%,1fr));
  margin-top: 80px;
}
.pev {
  margin-bottom: 50px;
}
.pecmaniga {
  display: grid;
  grid-gap: 0px;
  max-width: 100%;
  grid-template-columns: repeat(auto-fill,minmax(100%,1fr));
}
 #nav2 {
  
}
#mod-custom124 {
 display:  none;
}
.mod-menu {
  width: calc(100vw - 180px);
}
#module6, #module5 {
	
	display: none;
}
.flexiblemodule, .column, .logobloc {
  float: right;
}
.tiers {
  width: 100%;
}
#module4 > div.inner {
  text-align: right;
}
.pecmaniga2 {
  margin-top: 60px;
}
}

@media screen and (max-width: 950px) {

 



}

@media screen and (max-width: 758px) {
 
prvok {
}
.popis {
  height: 100%;
  color: #fff;
  width: 100%;
  max-width: 86%;
  position: absolute;
  top: 0px;
  left: 5%;
  padding: 0px 2%;
  background: rgba(42, 72, 88, .5);
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
}
 
#mod-custom126 .row-fluid, #mod-custom126 .row-fluid0 {
  width: 100%;
  display: grid;
  grid-gap: 20px;
  max-width: 100%;
  grid-template-columns: repeat(auto-fill,minmax(40%,1fr)); 
}
#mod-custom126 .row-fluid .sblock2 {
     width: auto;
	margin-right: 0px;
  }
 
.gul {
  
  display: none;
   
}

}

@media screen and (max-width: 524px) {
.com-content-category-blog__items {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill,minmax(270px,1fr));
}
 .pecmaniga1 h2 {
  font-size: 2em !important;
   
}

#mod-custom125 {
 
  height: 600px;
   overflow: hidden;
}
.jshop h1 {
  font-size: 2em;
  margin-top: 0px;
}
.productfull #block_price {
  font-size: 28px;
  font-weight: 900;
}
.obrnakres2 {
  display: grid;
  grid-gap: 40px;
  max-width: 100%;
  grid-template-columns: repeat(auto-fill,minmax(270px,1fr));
  margin-top: 20px;
}
  .tabblog td {

    font-size: 13px;
  }
  .fir {
  background: #30b27e !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-align: center;
}
  .tabblog .hlava td {
 
  font-size: 14px !important;
  
}
}