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


@media screen and (max-width: 1210px) {
	.com-content-category-blog__items {
  display: grid;
  grid-gap: 50px;
  grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
}
.podstsluz {
  background: #F6F7F6;
  width: 100%;
  float: left;
  display: grid;
  grid-gap: 0px;
  grid-template-columns: repeat(auto-fill,minmax(50%,1fr));
}
 
#mainbanner, .obalpopis, .podbanerom, .obalbenefity, .obaldotacie, #center, .mod-articles-items,
#module3 h2, #module3 .moduletable .mod-articles-items, .vyzva, #mod-custom120, .obalrealizacie, .obalrealizacie3 { 
max-width: 90%;
}
 .mod-menu .nav-item a {
text-transform: lowercase;
  
  padding: 15px 5px 30px 5px;
  
}
.mod-menu .nav-item {
  float: left;
  margin-left: 10px;
}
#mod-custom113 {
  width: 100%;
  float: left;
  background: url(../images/pozadie2.webp) center center no-repeat;
   background-size: cover;
}
}

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

 

 


}

@media screen and (max-width: 950px) {
[data-id="mobilemenuck-1"] .mobilemenuck-bar-title {
  background: #fff;
  color: #0B6050;
   
}	
[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1:not(.headingck):hover, [data-id="mobilemenuck-1"] .mobilemenuck-item > .level1.open {
	background: #0B6050;;
}

[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1 {
  background: #24BF91;
  -moz-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  color: #FFFFFF;
  margin-top: 4px;
  margin-right: 4px;
  margin-bottom: 4px;
  margin-left: 4px;
  padding-left: 15px;
  line-height: 35px;
}
[data-id="mobilemenuck-1"] .mobilemenuck-title {
  background: #fff;
  height: 43px;
  text-indent: 20px;
  line-height: 43px;
  font-size: 20px;
}
[data-id="mobilemenuck-1"].mobilemenuck {
  background: #fff;
  color: #0B6050;
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 1.2em;
}
[data-id="mobilemenuck-1"] .mobilemenuck-bar-button {
  background: #0B6050;
  height: 43px;
  width: 43px;
  color: #FFFFFF;
  padding-top: 8px;
  font-size: 1.8em;
}
#nav2 {
width: 130px;
}	
	
	.obalbenefity2 p {
		
		margin-bottom: 30px;
	}
 .div1 {
  grid-area: 1 / 1 / 3 / 2;
  background: url(../images/obrlsuzby.webp) top center no-repeat;
   
  background-size: 100% auto;
  height: 400px;
}
.obastlp {
  display: block;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 38px;
  grid-row-gap: 27px;
  width: 100%;
  float: left;
}
.obalbenefity2 {
  
  display: block;
 
}
.div6ben {
 
  background: url(../images/dom.webp) center center no-repeat;
 background-size: auto 100%;
  height: 400px;
}
.dot2 {
  color: #0B6050;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  align-content: stretch;
  position: relative;
  width: 100%;
  float: left;
  height: auto;
  order: 1;
  margin-bottom: 30px;
}
.obaldotacie {
display: flex;	
flex-direction: column;	
}
.dot1 img {
  display: block;
  position: absolute;
  right: inherit;
  left: -200px;
  height: auto;
 
  width: 1000px;
}
.dot1 {
  position: relative;
  width: 100%;
  float: left;
  height: 555px;
  overflow: visible;
  margin-right: 0%;
  order: 2;
  display: flex;
}
#mod-custom114 {
 padding-top: 30px;
  height: auto;
}
.obalrealizacie {
 
  grid-template-columns: repeat(auto-fill,minmax(100%,1fr));
}
.real1 .tlac1 {
  right: 0px;
  position: relative;
  bottom: 0px;
}
}

@media screen and (max-width: 758px) {
	
.obal5krokov {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill,minmax(30%,1fr));
}
 .obalrealizacie3 {
 
 grid-gap: 20px;
  grid-template-columns: repeat(auto-fill,minmax(100%,1fr));
  margin-top: 50px;
}

/*.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;
}*/
.mod-articles-items {
 
  grid-template-columns: repeat(auto-fill,minmax(100%,1fr));
}
#module3 .moduletable .mod-articles-items {
 
  grid-template-columns: repeat(auto-fill,minmax(100%,1fr));
}
#module3 .mod-articles-items {
  padding-bottom: 180px;
}
 #module3 h2 {
 
  font-size: 38px;
 
}
.mod-articles-title a {
  display: block;
  color: #0B6050;
  text-decoration: none;
  font-size: 21px;
  font-weight: 600;
}
.kmail::before { 
 
   width: 28px;
   height: 28px;
  content: "\f0e0";
 float: left;
 margin-right: 20px;
  font: normal normal normal 18px/1 FontAwesome;
  color: #fff;
 background: #24BF91;
display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
   margin-top: 3px;
}
.phone, .kmail, .kform {
  font-size: 28px;
  font-weight: 700;
}
.kmail a, .kform a {
  width: 100%;
  font-size: 28px;
  font-weight: 700;
  text-decoration: none;
  color: #0B6050;
}
.kform::before { 
 
   width: 28px;
   height: 28px;
  content: "\f036";
 float: left;
 margin-right: 20px;
  font: normal normal normal 18px/1 FontAwesome;
  color: #fff;
 background: #24BF91;
display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  margin-top: 3px;
}
.phone::before { 
 
    margin-right: 20px;
  content: "\f095 ";
 
  font: normal normal normal 28px/1 FontAwesome;
  
 color: #24BF91;

}
.popisslupodst h2 {
  font-size: 38px;
}
.div6ben {
    background: url(../images/dom.webp) center center no-repeat;
    background-size: auto;
    background-size: auto 100%;
    height: 300px;
  }
 .podstsluz {
  background: #F6F7F6;
  width: 100%;
  float: left;
  display: grid;
  grid-gap: 0px;
  grid-template-columns: repeat(auto-fill,minmax(100%,1fr));
} 
.obrlslupodts1, .obrlslupodts2, .obrlslupodts3, .obrlslupodts4 {
height: 350px;
}
}

@media screen and (max-width: 524px) {
.slupodvysvetlivkyb {
  display: grid;
  grid-gap: 50px;
  grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
  width: 100%;
  float: left;
  margin: 30px 0px;
}	
.vyzva {
 
  grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
}
 .obal5krokov {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill,minmax(45%,1fr));
}
 

.dot1 {
  position: relative;
  width: 100%;
  float: left;
  height: 355px;
  overflow: visible;
  margin-right: 0%;
  order: 2;
  display: flex;
}
.dot1 img {
  display: block;
  position: absolute;
  right: inherit;
  left: -200px;
  height: auto;
 
  width: 700px;
}
#logo img {
	
	margin-bottom: 10px;
	margin-top: 20px;
	width: 220px;
	height: auto;
}
.popisbaner h1 {
  font-size: 48px;
  color: #fff;
}
.obalbenefity h2 {
  font-size: 24px;
  margin-bottom: 40px;
}
#mod-custom111 {
  width: 100%;
  height: 600px;
  background: url(../images/banerhl.webp) -600px center  no-repeat;
  background-size: auto 600px;
}
.popisbaner p {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
}

@media screen and (max-width: 400px) { 
#logo img {
	
	margin-top: 20px;
	width: 180px;
	height: auto;
	margin-bottom: 10px;
}
}