@media (max-width: 992px){
  	/*Nav menu center align*/
 	.container-topbar {
 	   	display: flex;
  	  	justify-content: center;
 	}
  
  	/*hamburger nav open - center*/
	header .container-topbar nav {
   		display: flex;
  	  	justify-content: center;
	}
}



/*hamburger nav shadow*/
.navbar-toggler:focus {
    -webkit-box-shadow: 0 0 0 0.1rem;
    box-shadow: 0 0 0 0.1rem;
}


/* "aktivalom" az elozoeket a termekek oldalra..*/
.com-content-category-blog .com-content-category-blog__items.blog-items.columns-4{
  width: auto;
  display: grid;
}
/*Termek kategoriak*/
@media (max-width: 991px) {
.blog-items.columns-4 {
    grid-template-columns: 1fr 1fr 1fr;
}
}
  
@media (max-width: 768px) {
.blog-items.columns-4{
    grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 576px) {
.blog-items.columns-4 {
    grid-template-columns: 1fr;
}
}
.com-content-category-blog.com-content-category-blog__items{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.blog-item .item-image {
    margin: 5px auto;
}

.blog-item{
	margin: 0 auto 35px auto;
}

.item-content {
    display: contents;
}

.page-header {
    text-align: center;
    /*margin-bottom: auto;*/
}
figure {
    margin: 0 0 0;
}

/* kategoria blog items view*/
.product_items{
    grid-gap: 1em;
    display: grid;
    grid-auto-flow: row;
    margin: 3em 0 1em;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.product_items .blog-item .readmore{
  	text-align: center;
}

@media (min-width: 992px) {
.product_items {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
}

@media (max-width: 991px) {
.product_items {
    grid-template-columns: 1fr 1fr 1fr;
}
}
  
@media (max-width: 768px) {
.product_items {
    grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 576px) {
.product_items {
    grid-template-columns: 1fr;
}
}

.item-content .readmore{
      margin-top: auto;
}

/*header style G*/
/*a header elemek sorrendjenek megforditasa*/
.container-header{
  display: flex;
  flex-direction: column-reverse;
}
/*a header menu also margo novelese*/
.container-topbar{
	margin-bottom: 10px;  
}
/*a header kep kozepen legyen*/
.grid-child{
  width: auto;
}