.masonry { /* Masonry container */
	
}


.gutter-sizer {
    width: 4%;
}


.item { /* Masonry bricks or child elements */
    background-color: #eee;
    margin: 0 1% 50px 1%;
    width: 46%;
    display: block;
    float: left;
}

.case-loop{
    min-height: 580px;
    background-size: contain; 
    background-position: bottom; 
    background-repeat: no-repeat;
}

.case-loop span{
    font-size: 1.3rem;
    font-weight: 400;
    padding: 50px 50px 0 50px;
    display: block;
}

.case-loop h2{
    font-size: 3rem;
    font-weight: 300;
    line-height: 1;
    color: white;
    padding: 0 50px 0 50px;
    display: block;
}

.case-loop .dot{
    font-size: 39px;
    font-weight: bold;
    padding: 0 50px 0 50px;
    display: block;
    margin-top: -15px;
}

.more.done {
    display: none;
}

.alm-btn-wrap { 
    width: 100%;.
    float: left;
    text-align: center;
}

.alm-load-more-btn {
    background-color: transparent;
    margin: 20px auto;
    color: #5900d1;
    border: 0;
    font-weight: bold;
    text-transform: uppercase;;
    
}

.item.col-odd {
    margin: 0 3% 50px 1%
}

.item.col-even {
    margin: 0 1% 50px 3%
}



    @media(max-width: 980px){
        .item  { /* Masonry bricks or child elements */
		    margin: 0 1% 70px 1%;
		    width: 47%;
	    }

        .item.col-odd {
            margin: 0 2% 50px 1%
        }
        
        .item.col-even {
            margin: 0 1% 50px 2%
        }
        
        .gutter-sizer {
            width: 2%;
        }
    }

    @media(max-width: 768px){
		
		.case-loop{
			min-height: 400px;
		}

		.case-loop h2{
			font-size: 2.2rem !important;
			font-weight: 300;
			line-height: 1;
			color: white;
			padding: 0 50px 0 50px;
			display: block;
		}
 
	}



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

		.item, .item.col-odd, .item.col-even { /* Masonry bricks or child elements */
			background-color: #eee;
			display: inline-block;
			margin: 0 0 2em;
			width: 100%;
		}     
        
        .case-loop {
            background-size: cover;
        }
	}

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

        .case-loop {
            background-size: contain;
        }
	}