body { border-top-width: 0; border-top-style: solid; /*overflow: hidden;*/ }

/* 240 */
@media (min-width: 240px) {
	body { border-color: red; }
	
	.col-lg-1  { float: left; width: 100%; }
	.col-lg-2  { float: left; width: 100%; }
	.col-lg-3  { float: left; width: 100%; }
	.col-lg-4  { float: left; width: 100%; }
	.col-lg-5  { float: left; width: 100%; }
	.col-lg-6  { float: left; width: 100%; }
	.col-lg-7  { float: left; width: 100%; }
	.col-lg-8  { float: left; width: 100%; }
	.col-lg-9  { float: left; width: 100%; }
	.col-lg-10 { float: left; width: 100%; }
	.col-lg-11 { float: left; width: 100%; }
	.col-lg-12 { float: left; width: 100%; }
	
	.container { width: 100%; }
	header .main-logo img { width: 100%; }
	.btn { padding-left: 40px; padding-right: 40px; }
	.left-col { width: 41.6667%; }
	.right-col { width: 58.3333%; }
}

/* 320 */
@media (min-width: 320px) {
	body { border-color: blue; }
	
	header .main-logo img { width: auto; }
	.btn { padding-left: 80px; padding-right: 80px; }
}

/* 480  */
@media (min-width: 480px) {
	body { border-color: green; }
}

/* 768 */
@media (min-width: 768px) {
	body { border-color: violet; }
	
	.col-lg-1  { float: left; width: 8.33333%; }
	.col-lg-2  { float: left; width: 16.6667%; }
	.col-lg-3  { float: left; width: 25%; }
	.col-lg-4  { float: left; width: 33.3333%; }
	.col-lg-5  { float: left; width: 41.6667%; }
	.col-lg-6  { float: left; width: 50%; }
	.col-lg-7  { float: left; width: 58.3333%; }
	.col-lg-8  { float: left; width: 66.6667%; }
	.col-lg-9  { float: left; width: 75%; }
	.col-lg-10 { float: left; width: 83.3333%; }
	.col-lg-11 { float: left; width: 91.6667%; }
	.col-lg-12 { float: left; width: 100%; }
}

/* 1000 and up */
@media (min-width: 1000px) {
	body { border-color: brown; }
	
	.container { width: 768px; }
}