.masonry-layout {

  column-count: 4;

  column-gap: 0;

}

.masonry-layout__panel {

  break-inside: avoid;

  padding: 5px;

}

.masonry-layout__panel-content {

  padding: 10px;

  background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);

}





.parallax .container {

    position: relative;

    z-index: 2;

}

.hero-fullscreen .container {

    z-index: 2;

    position: relative;

    padding-top: 0;

    top: 30%;

    transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

}

.dropdown {

    position: relative;

    display: inline-block;

}

.promnu {

    width: 26px;

    height: 31px;

    background: #eee;

    color: #023b8c;

    border-radius: 5px;

    font-size: 14px;

    padding: 5px;

    margin-left: 1px;

    border: 1px solid #969595;

    outline: 0;

    font-weight: 700;

	text-align: center;

    cursor: pointer;

}

.dropdown-content {

    display: none;

    position: absolute;

    background-color: #f9f9f9;

    min-width: 230px;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    padding: 5px 3px;

    z-index: 9;

    margin: 0px;

    width: 100%;

    transform: translate3d(-140px, 4px, 0px);

    top: 26px;

    max-height: 250px;

    overflow: auto;

    left: 35px;

    will-change: transform;

}

.promnu:hover .dropdown-content{

	display: block;

}

.dropdown-content.scroll a {

    border-bottom: 1px solid #e4e4e4;

}





.cat-box{

	border:1px solid #cdcdcd;

}



@media(max-width: 426px){

	.masonry-layout

	{

		column-count: 1;

		-webkit-column-count: 1;

		-moz-column-count: 1;

	}

}