/*=======================================================
┌┐ ┌─┐┌─┐┌┬┐┌─┐┌┬┐┬─┐┌─┐┌─┐  ┌─┐┬  ┬┌─┐┬─┐┬─┐┬┌┬┐┌─┐┌─┐
├┴┐│ ││ │ │ └─┐ │ ├┬┘├─┤├─┘  │ │└┐┌┘├┤ ├┬┘├┬┘│ ││├┤ └─┐
└─┘└─┘└─┘ ┴ └─┘ ┴ ┴└─┴ ┴┴    └─┘ └┘ └─┘┴└─┴└─┴─┴┘└─┘└─┘
=========================================================*/
.img-responsive{ min-width: 100%; width:100%; }
.center-block{ float: none; margin:0 auto; }

/*De-Stylize-Boostrap*/
.form-control:focus{ box-shadow: none; border-color: #3785D4; } /*@brand-color*/
.navbar-default{ border-radius: 0; box-shadow: none; }
.navbar-toggle, .dropdown-menu, .form-control, .btn{ border-radius: 2px; }

/*BTN PUSHED EFFECT*/
.btn:active, .btn.btn-default:active{ /*BTN PUSHED EFFECT*/
	box-shadow: 0 1px 2px rgba(0,0,0,0.35) inset !important;
	outline: transparent !important;
	padding-top: 7px !important;
	padding-bottom: 5px !important;
}
.btn-lg:active, .btn-lg.btn-default:active{ /*BTN PUSHED EFFECT*/
	padding: 11px 16px 9px !important;
	outline: transparent !important;
}
.btn-md:active, .btn-md.btn-default:active{ /*BTN PUSHED EFFECT*/
	padding: 7px 12px 5px !important;
	outline: transparent !important;
}
.btn-sm:active, .btn-sm.btn-default:active{ /*BTN PUSHED EFFECT*/
	padding: 6px 10px 4px !important;
	outline: transparent !important;
}
.btn-xs:active, .btn-xs.btn-default:active{ /*BTN PUSHED EFFECT*/
	padding: 2px 5px 0px !important;
	outline: transparent !important;
}


/* Specific cols for landscape in mobile */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .col-xsl-1{ width: 8.333333%; float: left; } /* (1 / 12 columns) = 0.0833 * 100 = 8.333333333% */
    .col-xsl-2{ width: 16.666666%; float: left; }
    .col-xsl-3{ width: 25%; float: left; }
    .col-xsl-4{ width: 33.333333%; float: left; }
	.col-xsl-5{ width: 41.666666%; float: left; }
	.col-xsl-6{ width: 50%; float: left; }
	.col-xsl-7{ width: 58.333333%; float: left; }
	.col-xsl-8{ width: 66.666666%; float: left; }
	.col-xsl-10{ width: 83.333333%; float: left; }
	.col-xsl-12{ width: 100%; float: left; }
}