/* ---------------------------------------
	Responsive design code
-----------------------------------------*/
@media screen and (max-width: 1200px) {
.moduletable_ff {
    width: 90%;
    margin: 80px auto;
}
#mod-custom95  {
  width: 450px;
  float: right;
  margin-right: 12px;
}
 #mod-custom119 {
  width: 480px;
  float: right;
  margin-right: 12px;
}
#mainbanner {
    width: 96%;
    margin: 0 auto;
    text-align: left;
}
 
#center {
    width: 90%;
    margin: 80px auto;
}
#module3 div.moduletable, #module3 div.module, #module3 div.moduletable_menu, #module3 div.module_menu, #mod-custom99, #mod-custom100,  #mod-custom110,
#mod-custom111, #module1 .mod-menu {
    text-align: left;
    width: 90% !important;
    margin: 0 auto;
}
#footer div.moduletable, #footer div.module, #footer div.moduletable_menu, #footer div.module_menu {
    text-align: left;
    width: 90% !important;
    margin: 0 auto;
}
.custom_ba1 {
    width: 90%;
    margin: 0 auto;
    height: 300px;
    position: relative;
	overflow: hidden;
}
.kk h1 {
    padding: 1%;
    background: none;
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    width: 70%;
    text-align: center;
    z-index: 1;
    position: relative;
    margin: 0 auto;
    display: block;
}
}
@media screen and (max-width: 1024px) {

.bunka1 {
    width: 44%;
    padding: 2%;
    margin-right: 2%;
    float: left;
    background: #F2F2F2;
    height: 260px;
    margin-bottom: 20px;
    position: relative;
}
#logo {
	
	float: none;
}
#nav2 {
  margin-top: 10px;
  float: left;
  text-align: left;
}

}

@media screen and (max-width: 950px) {
	.slide1 h2 {
  font-size: 28px !important;
} 
.onas img {
   display: none;
}

.onas .tlac3 {
    position: absolute;
    bottom: auto;
    width: 100%;
    float: left;
}
.popisbaner p { 

max-width: 80%;
font-size: 16px;
font-weight: 400;
color: #fff;
text-align: center;
}
.predaj {
    width: 45%;
    float: left;
    margin-right: 2%;
    padding: 1%;
    border: 1px solid #ccc;
    margin-bottom: 30px;
}
.popisbaner h1, .popisbaner h2 {
	color: #fff;
	padding: 20px;
	background: #000;
	font-weight: 700;
	font-size: 28px;
	text-align: center;
}
#module1 .mod-menu li a, .item-145, .item-188 {
	
	font-size: 12px;
}
}
@media screen and (max-width: 800px) {
.mobilver {
	
	display: block !important;
}
.pcver {
	
	display: none !important;
}
}
@media screen and (max-width: 758px) {
.ppp {
  display: grid;
  grid-gap: 1%;
  grid-template-columns: repeat(auto-fill,minmax(44%,1fr));
  width: 90%;
}	
.item-145, .item-188 {
	
padding-top: 10px;
  padding-right: 14px;
  padding-bottom: 10px;
  padding-left: 14px;	
	
}	
#mainbanner {
    width: 96%;
    margin: 60px auto 0 auto;
    text-align: left;
	position: relative;
	z-index: 2;
  }
 #mod-custom119 {
    width: auto;
    float: right;
    margin-right: 12px;
  } 
.mod-menu__sub  {
  display: block;
  width: auto;
  padding: 5px;
  position: relative;
  top: inherit;
  z-index: 1000;
}
#module1 .mod-menu li a, .item-145, .item-188 {
  padding-top: 10px;
  padding-right: 14px;
  padding-bottom: 10px;
  padding-left: 14px;
  display: block;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}
#module1 .mod-menu li {
  border-right: #fff 0px dotted;
  border-bottom: #fff 1px dotted;
  list-style-type: none;
  float: none;
}	
#module1 .mod-menu {
  width: 94%;
  margin: 0;
  padding: 3%;
  margin-top: 40px;
}	
#module1 {
  z-index: 1000;
  position: fixed;
  top: 0px;
  width: 100%;
  float: left;
  text-align: left;
  background: #DD0224 !important;
}	
.mobilemenu.close {
    width: 31px;
    cursor: pointer;
    height: 28px;
  }
 .mobilemenu.close::after { 
 content: "Menu";
 padding-left: 40px;
 font-weight: 800;
 color: #fff;
 } 
.mobilemenu.openx span {
  position: absolute;
  right: 0;
  width: 30px;
  height: 2px;
  border-right: 5px;
  background-color: #fff;
}
.mobilemenu.close span {
  position: absolute;
  right: 0;
  width: 30px;
  height: 2px;
  border-right: 5px;
  background-color: #fff;
}
.mobilemenu.openx span:nth-child(2) {
  top: 10px;
 
}
.mobilemenu.openx span:nth-child(3) {
  top: 10px;
 
}
.mobilemenu.close span:nth-child(1) {
  top: 0;
  
}
.mobilemenu.close span:nth-child(2) {
  top: 8px;
 
}
.mobilemenu.close span:nth-child(3) {
  top: 16px;
  
}
.mobilemenu.close span:nth-child(4) {
  top: 24px;
  
}

 
.mod-menu {
	display: none;
  list-style-type: none;
  margin: 5px 0px 10px 0px;
  float: right;
   
}
.mobilemenu.openx	span:nth-child(1) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  
}
#mod-custom147, #mod-custom151 {
 
  display: block;
}
.openx {
	height: 100%;
	cursor: pointer;
}
.mobilemenu.openx span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  
	}
	
.mobilemenu.openx	span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  
}
.mobilemenu.openx span:nth-child(4) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
 
}  
#logo img {
   width: 150px;
   height: auto;
}
  #mod-custom95 {
    width: auto;
    float: right;
    margin-right: 12px;
  }
.ikon1 {
   display: none;
}
.moduletable_jaz {
    width: auto;
    float: right;
    margin-top: 35px;
}
.moduletable_hore1 .tlac {
    float: right;
	margin-top: 10px;
}
.moduletable_hore2 {
    width: 100%;
}
.ikon2 {
    float: left;
    background: url(../images/hodiny-ikon.jpg) no-repeat left top;
    padding-left: 50px;
    font-size: 12px;
    color: #000;
}
.ic {
    width: 42%;
    padding: 3%;
    margin-right: 2%;
    float: left;
    background: #f2f2f2;
    margin-bottom: 30px;
}
.predaj {
    width: 94%;
    float: left;
    margin-right: 2%;
    padding: 1%;
    border: 1px solid #ccc;
    margin-bottom: 30px;
}
.predaj p {
    font-size: 14px !important;
    font-weight: normal;
    height: auto;
}
/*.flexiblemodule {
	width: 50% !important;
}

.flexiblemodule > div.inner {
	margin: 5px !important;
}

.column .moduletable, .column .moduletable_menu {
	float: left;
	width: 45% !important;
	margin: 10px 0 0 0 !important;
	padding: 2% !important;
}

.column div.moduletable:first-child, .column div.moduletable_menu:first-child {
	margin-right: 2% !important;
}*/



}
@media screen and (max-width: 650px) {
.bunka1 {
    width: 96%;
    padding: 2%;
    margin-right: 0%;
    float: left;
    background: #F2F2F2;
    height: auto;
    margin-bottom: 20px;
    position: relative;
}
.bunka1 .tlac3 {
    position: relative;
    bottom: auto;
    width: 100%;
    float: left;
}
.stlpec1 {
   width: 80%;
    float: left;
    margin-right: 0%;
}
.stlpec2 {
    width: 100%;
    float: left;
}
  .moduletable_hore1 .tlac {
    display: none;
}
  .moduletable_hore1 {
    float: right;
    width: 200px;
    margin-top: 0px;
}
  .nadpis1 h2 {
    padding: 10px 1%;
    background: #000;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 90%;
}
.obalkarty  img {
    
    
    max-width: 100%;
    height: auto;
  }
  #mod-custom99 .stlpec2 {
  width: 100%;
  float: left;
}
#mod-custom110 .stlpec2 {
  width: 100%;
  float: left;
}
}
@media screen and (max-width: 524px) {
  #mod-custom123 img, #mod-custom122 img {
    width: 120px;
    height: auto;
    
  }
#mod-custom94, #mod-custom118 {
 display: none;
}

#mod-custom99 .stlpec2 .mmap {
  width: 98%;
  background: #fff;
  float: left;
  margin-top: 30px;
  margin-right: 0;
  padding: 1%;
}
#mod-custom110 .stlpec2 .mmap {
  width: 98%;
  background: #fff;
  float: left;
  margin-top: 30px;
  margin-right: 0;
  padding: 1%;
}
.ikon2 {
    float: left;
    background: url(../images/hodiny-ikon.jpg) no-repeat left top;
    padding-left: 50px;
    font-size: 12px;
    color: #000;
  }
  .popisbaner h1,  .popisbaner h2  {
    color: #fff;
    padding: 20px;
    background: #000;
    font-weight: 700;
    font-size: 21px;
    text-align: center;
	width: 80%;
	margin: 0 auto;
  }
    .kk h1 {
    padding: 1%;
    background: none;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    width: 70%;
    text-align: center;
    z-index: 1;
    position: relative;
    margin: 0 auto;
    display: block;
  }
  .custom_ba1 {
    width: 96%;
    margin: 0 auto;
    height: 200px;
    position: relative;
    overflow: hidden;
  }
   .custom_ba1 img { 
   height: 200px;
   width: auto;
   
   }
    
#nav2 .mod-languages {
 display: none;
}
#module1 .mod-languages {
	 position: absolute;
	 right: 10px;
	 top: 10px;
	display: block;
}
 #mod-custom147, #mod-custom151 {
    
  }
   #logo {
    float: left;
	margin-top: 0px;
	margin-bottom: 5px;
  }
  #nav2 {
    margin-top: 10px;
    float: right;
    text-align: left;
  }
   .ikon2 {
    float: left;
    background: none;
    padding-left: 10px;
    font-size: 12px;
    color: #000;
  }
  #mod-custom95, #mod-custom119 {
    width: auto;
    float: right;
    margin-right: 2px;
  }
  .obrbanerpod {
 width: 200px; 	
position: relative;	
height: 100px;	
}
}
@media screen and (max-width: 335px) {

  #logo img {
    width: 120px;
    height: auto;
  }
    #logo {
    float: left;
    margin-top: 13px;
    margin-bottom: 5px;
  }
  }