@media only screen and (max-width: 480px) {
.navbar-brand>img {
    padding: 2px;
    width: 90%;
}
.page-header {
    
    font-size: 22px;padding-bottom: 10px;
 
}
}

@media only screen and (max-width: 360px) {
.counters .facts-item .icon img {
    width: 26px;
}
.counters .facts-item {
    text-align: right;
    color: #fff;
}

.counters .facts-item .fact-count h4 {
    font-size: 14px;
    color: #fff;
}
.counters .facts-item .fact-count h3 {
    font-size: 17px;
    color: #fff;
}
h2 {
    font-size: 21px;
}

}
@media only screen and (max-width: 700px) {
.content_view img {width:100%; height:auto}
}
@media only screen and (min-width: 700px) {
 
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
	
	.masonry1 {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 2;
    }
	.masonry1 {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 2;
    }
	
	.masonry1 {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 3;
    }
}

@media only screen and (min-width: 1280px) {
    .wrapper {
        width: 1260px;
    }
}