/* BARRIOTHEME > RESPONSIVE CSS  */

/* XS */

@media (max-width: 575px) {
	.logo-rotate {
		width: 150px;
		height: 298px;
		margin-left: -17px;
	}
}

/* SM */

@media (min-width: 576px) and (max-width: 767px) {

	.rotate {
		position: fixed;
		display: block;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: #b5222e url(../img/rotate.png) center center no-repeat;
		z-index: 10000;
	}

}

/* MD */

@media (min-width: 768px) and (max-width: 991px) {
	.logo-rotate {
	  width: 200px;
	  height: 398px;
	}

}

/* LG */

@media (min-width: 992px) and (max-width: 1199px) {


}