body { 
	background-color:#1a1a1a;
	/* background:url(../images/pattern/1.webp) repeat; */
	/* background:url(../images/pattern/2.webp) repeat; */
	/* background:url(../images/pattern/3.webp) repeat; */
	/* background:url(../images/pattern/4.webp) repeat; */
	/* background:url(../images/pattern/5.webp) repeat; */
	/* background:url(../images/pattern/6.webp) repeat; */
	/* background:url(../images/pattern/7.webp) repeat; */
	/* background:url(../images/pattern/8.webp) repeat; */
	/* background:url(../images/pattern/9.webp) repeat; */
	background:url(../images/pattern/10.webp) repeat;
	/* background:url(../images/pattern/11.webp) repeat; */
	/* background:url(../images/pattern/12.webp) repeat; */
	/* background:url(../images/pattern/13.webp) repeat; */
	/* background:url(../images/pattern/14.webp) repeat; */
}

.theme-layout {
	width:1220px;
	margin:0px auto;
	background-color:#FFF;
}

/* Override BS5 .container max-width inside .theme-layout
   and restore padding for left/right spacing (like BS2 had) */
.theme-layout > .container {
	max-width:100%;
	width:100%;
	padding-left:20px;
	padding-right:20px;
}

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

	.theme-layout { width:980px; }

}

@media (min-width: 768px) and (max-width: 991px) {

	.theme-layout { width:760px; }

}

@media (max-width: 767px) {
	
	body { background:#FFF; }
	
	.theme-layout {
		width:100%;
		border:0px;
		background-color:transparent;
	}
	
}