/* ---------------------------------------
	Responsive design code
-----------------------------------------*/
@media screen and (max-width: 1320px) {

 
#mainbanner, .obalbaner, #center, .moduletable .ccc, .mod-articlesnews, #mod-custom114 {
  max-width: 90%;
  
}
 #logo img {
    width: 260px;
    height: auto;
  }

}

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

 .mod-articlesnews {
   
  grid-template-columns: repeat(auto-fill,minmax(45%,1fr));
}

.mod-menu li {
  float: left;
  margin-left: 10px;
  color: #fff;
  padding: 10px 5px;
}
}

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

 
.mod-menu li {
  float: left;
  margin-left: 10px;
  color: #fff;
  padding: 10px 10px;
}
 #logo img {
    width: 200px;
    height: auto;
  }
  .mod-menu {
  list-style-type: none;
  margin-top: 10px;
}
  .mod-menu li {
    float: left;
    margin-left: 5px;
    color: #fff;
    padding: 10px 5px;
  }
}

@media screen and (max-width: 758px) {
[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1 {
  background: none;
  -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 {
  background: #011323;
  color: #FFFFFF;
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 1.2em;
}
#nav2 {
  width: 120px;
  margin-top: 20px;
}
[data-id="mobilemenuck-1"] .mobilemenuck-title {
  background: #011323;
  height: 43px;
  text-indent: 20px;
  line-height: 43px;
  font-size: 20px;
}
 [data-id="mobilemenuck-1"] .mobilemenuck-bar-title {
  background: #011323;
  color: #FFFFFF;
  font-weight: bold;
  text-indent: 20px;
  line-height: 43px;
  font-size: 20px;
}
[data-id="mobilemenuck-1"] .mobilemenuck-bar-button {
  background: #011323;
  height: 43px;
  width: 43px;
  color: #FFFFFF;
  padding-top: 8px;
  font-size: 1.8em;
}
/*.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: 524px) {
.brozury {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(auto-fill,minmax(100%,1fr));
}
  .mod-articlesnews {
   
  grid-template-columns: repeat(auto-fill,minmax(100%,1fr));
}
#mod-custom114 {
 
  grid-template-columns: repeat(auto-fill,minmax(100%,1fr));
}
.obalbaner h2 {
  background: #011323;
  padding: 15px 20px;
  color: #fff;
  font-size: 28px;
  width: 70%;
  display: inline-flex;
}
.obalbaner p {
  width: 70%;
  color: #fff;
  font-size: 18px;
}
}