@media (max-width: 800px)
  {
    
.normal-menu {display: none;}   

.zi-dynamic .mod-articlesnews__item {
  width: 100% !important;

}
    
    
    .about-img {
      display: block !important;
      width: 90% !important;
    }
    
    .about-text-block {
      display: block !important;
      width: 90% !important;
      padding-left: 0px !important;
    }
    
    
    
    .material-symbols-outlined {
      color: #eee !important;
      
    }
    
    .switcher {
      margin-top: 0px !important; 
      margin-right: 0px !important; 
      text-align: center !important;
    }
    
    .zi-dynamic .newsflash-title a {
      font-size: 1.2em !important;
    }
    
.material-symbols-outlined    {display: inline-block !important;}


.blog-items[class^="masonry-"] .blog-item, .blog-items[class*=" masonry-"] .blog-item {

  width: 100% !important;
}

    
  }/*<<<<<<<<<<<<<<<<<<<<<<
  <<<<<<<<<<<<<<<<<<<<<<<
  <<<<<<<<<<<<<<<<<<<<<< 
  <<<<<<<END OF MOBILE*/



.zi-dynamic .mod-articlesnews.newsflash {
  display: flex;
  flex-wrap: wrap;
  flex-flow: wrap;
  align-items: top;
  justify-content: space-around;
}


.zi-dynamic .mod-articlesnews__item {
  /* display: flex; */
  /* flex-wrap: wrap; */
  width: 18%;
  background-color: #fff;
  box-shadow: #eee 8px 8px 21px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.mod-articlesnews__item:after {
  content: '';
  display: block;
  margin: auto;
  height: 3px;
  width: 0px;
  background: transparent;
  transition: width .3s ease, background-color .5s ease;
}

.mod-articlesnews__item:hover:after {
  width: 100%;
    background: red;
}





.zi-dynamic .newsflash-title a {
  font-size: 0.7em;
  display: block;
  padding: 15px;
  text-decoration: none;
  color: #555;
  font-family: Arial Narrow;
  font-weight: 600;
  margin-bottom: 30px;
  margin-top: -32px; 
  height: 60px; 
}

.mod-articlesnews__item:hover img {
  opacity: .5;
  transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
}


.brand-logo img {
  width: 170px;
  padding: 12px 0px 12px 30px;
}


.container-header {
  background-color: #222;
  background-image: none;
  position: relative;
  box-shadow: inset 0 5px 5px #00000008;
  display: flex;
}

.grid-child {
  width: 30%;
}

.container-header .container-nav {
    width: 70%;
}

.container-header .mod-menu > li > a{
  font-size: 12px;
  margin-top: 25px;
  padding-top: 15px;
  display: block;
  
}

.container-header .mod-menu > li.active::after, .container-header .mod-menu > li:hover::after {
  background: red;
  left: 0;
  right: 2px;
}

.container-header .mod-menu>li:after {
  opacity: .9;
}

.mod-finder__search .btn.btn-primary {
  background: red;
  border: none;
  font-size: 10px;
}

#mod-finder-searchword114 {
  border: none;
  font-size: 10px;
}

.zi-slayder img {width: 100%;}

.site-grid {
  background-color: #f9f9f9;
}

.main-bottom {
  border: none !important;
}


.page-header h1 {
  font-size: 28px;
  font-weight: bold;
  color: #222;
  display: block;
  padding-bottom: 15px;
  border-bottom: 1px solid #9999;
  margin-bottom: 39px;
  width: 100%;
  text-align: left;
}

.page-header h2 a {
  text-decoration: none;
  color: #555;
  font-size: 20px;
  text-align: center;
  display: block;
}

.container-header .container-search {
  margin-top: .0em;
}


.card-header {
  padding-left: 0px;
} 

.footer {
  
  background: #222;
}

.footer .grid-child {
  justify-content: space-between;
  align-items: center;
  padding: 2.5rem .5em;
  display: flex;
  flex-direction: column;
}




#mod-custom121 a {
  padding: 12px 50px 25px 50px;
  display: inline-block;
  font-size: 40px;
}


#mod-custom120 {
  margin-top: 50px;
  color: #777;
  border-top: 1px solid;
  width: 80%;
  text-align: center;
  padding-top: 12px;
}

.footer ul li a {
  font-size: 15px;
  padding: 8px;
}


.footer .grid-child {
  
  width: 100%;
}

.footer .mod-menu {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  
}


.switcher {

  margin-top: 23px;
  margin-right: 23px;
}



.soci img {
  width: 44px;
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 30px;
}


.btn.jmodedit {
display:  none !important;
background: none;
border: none;

}

.switcher .selected {
  background: #222 !important;
  position: relative;
  z-index: 9999;
  border: none !important;
  color: #eee;
}


.switcher a {
  background: #222 !important;
  position: relative;
  z-index: 9999;
  border: none !important;
  color: #eee !important;
}

.switcher .selected a {
  border: none !important;
  background: url(../../../../../modules/mod_gtranslate/tmpl/lang/arrow_down.png) 146px center no-repeat;
  color: #eee;
  padding: 3px 5px;
  width: 151px;
  
}

.switcher .option {
  position: relative;
  z-index: 9998;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  width: 161px;
  max-height: 198px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  overflow-y: auto;
  overflow-x: hidden;
}

.skiptranslate {display: none !important;}

/*MENU*/
.sidebar {
  display:none;
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 100%;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: -10px 0 10px rgba(0, 0, 0, 0.1);
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-left: 30px; 
  padding-top: 30px;
}

.sidebar a {
  font-size: 1.2em !important;
}

.material-symbols-outlined {
  font-size: 30px;
  text-align: right;
  position: fixed;
  right: 40px;
  top: 28px;
}


.material-symbols-outlined {
  color: #222;
  
}


.about-img {
  display: inline-block;
  width: 33%;
}

.about-text-block {
  display: inline-block;
  width: 60%;
  vertical-align: top;
  padding-left: 25px;
}

.about-text-block p {font-size: 15px;}

.about-read-more {
  background-color: #222;
  color: #fff;
  padding: 6px 35px;
  text-decoration: none;
  border-radius: 5px;
  font-size: 13px;
}

.about-read-more:hover {background: darkred; color: #fff !important;}



.com-content-category-blog__items.blog-items.masonry-3 {
  display: flex;
}


.blog-items[class^="masonry-"] .blog-item, .blog-items[class*=" masonry-"] .blog-item {
  page-break-inside: avoid;
  break-inside: avoid;
  margin-bottom: 1em;
  /* display: inline-flex; */
  width: 18%;
}