/* ---------------------------------------
	Responsive design code
-----------------------------------------*/
@media screen and (max-width: 1600px) { 
#mod-custom96 {

    background: url(../images/olej.jpg) no-repeat -500px center;
}


}
@media screen and (max-width: 1250px) {
#module4 > div.inner {
    text-align: left;
   
    width: 94%;
}
  img {
 max-width: 100%;
    height: auto;
    
    
  }
.custom_nap {
    width: 94%;
    margin: 0 auto;
}
#mainbanner {
    width: 94%;
  
}
.custom_hb {
    width: 94%;
    margin: 0 auto;
}
.custom_predstavenie {
    width: 94%;
    margin: 0 auto;
}
#center {
    width: 94%;
    margin: 0 auto;
}
#mod-custom101, #mod-custom132 {
    text-align: left;
    width: 94%;
    margin: 0 auto;
}
}
@media screen and (max-width: 1150px) {
  #mod-custom96, #mod-custom130 {

    background: url(../images/olej.jpg) no-repeat -600px center;
}
  #mod-custom95 {
  display: none;
}
  }
@media screen and (max-width: 1024px) {
#mod-custom94, #mod-custom128 {
    width: 100%;
    float: left;
    padding: 140px 0px;
    background: url(../images/baner-hl2.jpg) no-repeat left top;
	background-size: 150% auto;
}
#mobilemenuck-1-wrap, #mobilemenuck-129-wrap {
		
		float: right;
		width: 120px;
	}
.baner h1 {
   
    font-size: 40px !important;
}
.baner2 {
    width: 100%;
    float: right;
}
#mod-custom96, #mod-custom130 {
    background: url(../images/olej.jpg) no-repeat center 600px;
	padding: 100px 0px 500px 0px;

}
  #nav2 div.moduletable, #nav2 div.module, #nav2 div.moduletable_menu, #nav2 div.module_menu {
    text-align: left;
    float: left;

   width: 150px;
}
  #module1 {
    margin-top: 100px;
    width: 100%;
    float: left;
    text-align: left;
}
.mod-languages {
  float: right;
  margin-top: 12px;
}
}

@media screen and (max-width: 990px) {
  .blog .item {
    -webkit-box-shadow: 0px 7px 4px -2px rgb(0 0 0 / 38%);
    box-shadow: 0px 7px 4px -2px rgb(0 0 0 / 38%);
    margin-bottom: 25px;
}
.blog h2 {
    font-size: 24px !important;
    color: #000;
    height: auto;
}
.cols-3 .column-3 {
    float: left;
  width: 96%;
    padding: 2%;
    background: #fff;
    margin-right: 0%;
  
}
  .page-header h2 {
    font-size: 32px !important;
    color: #6DAA35 !important;
    height: auto !important;
}
 .span4 p {
    height: auto;
} 
.cols-3 .column-1 {
    float: left;
    width: 96%;
  padding: 2%;
    background: #fff;
    margin-right: 0%;
  
}

.cols-3 .column-2 {
    float: left;
    width: 96%;
  padding: 2%;
    background: #fff;
    margin-left: 0;
     margin-right: 0%;
  
}
 }
#modules {
   display: none;
}

}

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

#nav2 {
	
	width:150px;
}
#mod-custom95 {
   display: none;
}
#nav2 div.moduletable, #nav2 div.module, #nav2 div.moduletable_menu, #nav2 div.module_menu {
    text-align: left;
    float: left;
	width:100%;
}

}
@media screen and (max-width: 758px) {
.popiszvvb a {
margin: 30px auto;
  display: block;
}
.popiszvvb {
  background: rgba(255, 255, 255, .2);
  padding: 20px;
  width: 100%;
}
  .obrlogo img {


    margin: 40px 0px;
  }
 .obrlogo {
  background: #fff;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
} 
#center h2 span {
    font-size: 28px;
    color: #6DAA35;
    font-weight: 700;
}
#center h2 {
    font-size: 28px;
    font-weight: 700;
}
#mod-custom94, #mod-custom128  {
    width: 100%;
    float: left;
    padding: 140px 0px;
    background: url(../images/baner-hl2.jpg) no-repeat left top;
	background-size: 240% 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;
}*/

.kon1 {
    width: 100%;
    margin-right: 0%;
    float: left;
}
.kon2 {
    width: 100%;
    margin-right: 0%;
    float: left;
}
#logo img {
    width: 220px;
    height: auto;
    
    
  } 
}
@media screen and (max-width: 600px) {
#mod-custom94, #mod-custom128  {
    width: 100%;
    float: left;
    padding: 200px 0px;
    background: url(../images/hlavny-baner.jpg) no-repeat left top;
	background-size: 300% auto;
}
#mod-custom96 {
    background: url(../images/olej.jpg) no-repeat center 670px;
 }

.olejikona img {
    width: 100%;
    margin-right: 0%;
    float: left;
	margin-bottom: 20px;
}
}
@media screen and (max-width: 524px) {

.baner {
    width: 100%;
    float: right;
}

.baner h1 {
   
    font-size: 28px !important;
}
#mod-custom94, #mod-custom128  {
    width: 100%;
    float: left;
    padding: 150px 0px 200px 0px;
    background: url(../images/baner-hl2.jpg) no-repeat left top;
    background-size: 300% auto;
}
  .baner2 h2 {
    color: #000;
    font-size: 28px !important;
}
  #mod-custom96 {
    background: url(../images/olej.jpg) no-repeat center 600px;
    padding: 20px 0px 500px 0px;
}
  
  #nav2 {
	  margin-top: 20px;
    width: 100px;
}
  #module1 {
    margin-top: 100px;
    width: 100%;
    float: left;
    text-align: left;
}
}