.list-element-bn {margin: 0.4em !important;width: 24% !important;}
.list-element-bn:hover {box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);}




.hits-bn {padding: 0 2em !important;margin-top: 1em;}

.b-extra {width: 48% !important;}
.b-extra  a {height: 39.6em !important;}



.list-element-wedding .list-element-desc > A {
    height: 2em !important;
}


.list-element-wedding .list-element-desc .element-price {
    margin-right: 0em;
}



.list-element-text {
    text-align: center;
    font-size: 19px;
    display:table;
}

.list-element-text:hover {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
}

.list-element-text a {
    color:#6c6c6c;
}


.list-element-text .list-element-desc {
    padding: 1em 1.5em 1em;
    height: 4em !important;
    line-height: 19px;
    display:table-cell;
    vertical-align: middle;
}


body.main h1, body.main h2 {text-align: center;}
/*.seo {padding: 4em 12em 4em;}*/


.list-element {
        animation-duration: 0s;
}


.icons-happy {margin-left: 5em;margin-right: 5em;}
.icons-happy .grid-cell {text-align:center;}
.icons-happy img {max-width:50%;/*padding: 0 0 15px 0;*/}
.about-happy-wrapper {display:table;text-align:center;width:100%;line-height: 17px;}
.about-happy {display:table-cell;height:3em;vertical-align:middle;font-size: 14px;}











@media only screen and (min-width:900px) and (max-width: 1200px) {
	.b-extra {width: 66% !important;}
	.b-extra  a {height: 52.6em !important;}
	.b-xl {width: 32% !important;}
	.b-xl a {height: 25.9em !important;}
	.b-s {width: 49% !important;}
	.b-s a {height: 37em !important;}
}



@media only screen and (min-width: 770px) and (max-width: 899px) {
	.b-extra {width: 65% !important;}
	.b-extra  a {height: 34.6em !important;}

	.b-xl {width: 32% !important;}
	.b-xl a {height: 16.9em !important;}

	.b-s {width: 48.5% !important;}
	.b-s a {height: 24.35em !important;}
}

@media only screen and (min-width: 470px) and (max-width: 769px) {

	.b-extra {width: 98.5% !important;}
	.b-extra  a {height: 52.6em !important;}

	.b-xl, .b-s  {width: 48.5% !important;}
	.b-xl a, .b-s a {height: 25em !important;}

	.icons-happy {
    margin-left: 0;
    margin-right: 0;
	}
}

@media only screen and (min-width: 421px)/*382*/ and (max-width: 469px) {
	.hits-bn {padding:0 !important;margin-top: 0;}
	/**/.list-element-bn.b-extra {/*margin:0 !important;*/margin: 0 0 0.2em 0 !important;}
	/**/.list-element-bn.b-xl, .list-element-bn.b-s {/*margin:0 !important;*/margin: 0.1em !important;}

	.b-extra {width: 100% !important;}
	.b-extra  a {height: 22.9em !important;}

	.b-xl, .b-s  {width: /*50%*/49% !important;}
	.b-xl a, .b-s a {height: 12em !important;}

	.icons-happy {
    margin-left: 0;
    margin-right: 0;
	}
}


@media only screen and (max-width: 475px) {/*381*/
	.hits-bn {padding:0 !important;margin-top: 0;}
	/**/.list-element-bn.b-extra {/*margin:0 !important;*/margin: 0 0 0.2em 0 !important;}
	/**/.list-element-bn.b-xl, .list-element-bn.b-s {/*margin:0 !important;*/margin: 0.1em !important;}

	.b-extra {width: 100% !important;}
	.b-extra  a {height: 22.9em !important;}

	.b-xl, .b-s  {width: /*50%*/49% !important;}
	.b-xl a, .b-s a {height: 12em !important;}

	.icons-happy {
    margin-left: 0;
    margin-right: 0;
	}
	.icons-happy .grid-cell {width: 33%;padding: 0.8em 0.3em;}

	.hits {
    padding: 0 0;
	}
	.hits p {
    padding: 0 1em;
	}

}





@media only screen and (min-width: 620px) and (max-width: 886px) {
   .main-2 .list-element {
     margin: 2% 3px !important;
     /***width: 49% !important;***/
  }
   .main-2 .list-element-image :not(.simple) {
    height: 45vw !important;
  }
}






@media only screen and (min-width: 560px) and (max-width: 619px) {
  .main-2 .list-element {
     margin: 2% 6px !important;
     /****width: 47% !important;***/
  }
  .main-2 .list-element-image :not(.simple) {
    height: 45vw !important;
  }
}




@media only screen and (max-width: 559px) {
   .main-2 .list-element {
     margin: 1% 0px !important;
     /***width: 100% !important;***/
  }
  .main-2 .list-element-image :not(.simple) {
    height: 98vw !important;
  }

}