/* Custom responsive settings */
.top_sides {width:1000px; height:140px; }
.front .top_sides {position:absolute; height:160px; }

@media screen and (max-width: 1152px) {
	.top_sides {width:1000px; }
}
@media screen and (max-width: 960px) {
	.top_sides {width:100%; top:0px; }
}
@media screen and (max-width: 640px) {
	.front #header {height:320px; }
	.top_sides {width:100%; height:160px; top:165px; }
}
@media screen and (max-width: 440px) {
	#header {height:260px; }
	.front #header {height:440px; }
	.top_sides {width:100%; height:320px; top:0; }
	.top_sides {width:294px; margin:0 auto 0 auto; }
	.front .top_sides {position:relative; height:140px; }
	.top_left {width:294px; }
	.top_right {float:none; margin:0 0 0 70px; }
	.top_right .region-user-menu {float:none; }
	.block-logintoboggan .content {float:none; }
	.social-icons {float:none; width:10em; }
	
}

/* 12-Column arrangements */
.rowcol {clear:both; }
.col-12 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
.col-11 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
.col-10 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
.col-9 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
.col-8 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
.col-7 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
.col-6 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
.col-5 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
.col-4 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
.col-3 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
.col-2 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
.col-1 {width:100%; padding:0 3px 0 3px; margin-top:1em; }

@media screen and (min-width:180px ) {
	.col-12 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-11 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-10 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-9 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-8 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-7 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-6 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-5 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-4 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-3 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-2 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-1 {width:50%; padding:0 3px 0 3px; float:left; margin-top:0; }
}
@media screen and (min-width:360px ) {
	.col-12 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-11 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-10 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-9 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-8 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-7 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-6 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-5 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-4 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-3 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-2 {width:50%; padding:0 3px 0 3px; float:left; margin-top:0; }
	.col-1 {width:33.33%; padding:0 3px 0 3px; float:left; margin-top:0; }
}
@media screen and (min-width:480px ) {
	.col-12 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-11 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-10 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-9 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-8 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-7 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-6 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-5 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-4 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-3 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-2 {width:50%; padding:0 3px 0 3px; float:left; margin-top:0; }
	.col-1 {width:50%; padding:0 3px 0 3px; float:left; margin-top:0; }
}
@media screen and (min-width:600px ) {
	.col-12 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-11 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-10 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-9 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-8 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-7 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-6 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-5 {width:50%; padding:0 3px 0 3px; float:left; margin-top:0; }
	.col-4 {width:50%; padding:0 3px 0 3px; float:left; margin-top:0; }
	.col-3 {width:50%; padding:0 3px 0 3px; float:left; margin-top:0; }
	.col-2 {width:33.33%; padding:0 3px 0 3px; float:left; margin-top:0; }
	.col-1 {width:33.33%; padding:0 3px 0 3px; float:left; margin-top:0; }
}
@media screen and (min-width:960px ) {
	.col-12 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
	.col-11 {width: 91.66%; padding:0 3px 0 3px; float:left; margin-top:0; }
	.col-10 {width: 83.33%; padding:0 3px 0 3px; float:left; margin-top:0; }
	.col-9 {width: 75%; padding:0 3px 0 3px; float:left; margin-top:0; }
	.col-8 {width: 66.66%; padding:0 3px 0 3px; float:left; margin-top:0; }
	.col-7 {width: 58.33%; padding:0 3px 0 3px; float:left; margin-top:0; }
	.col-6 {width:50%; padding:0 3px 0 3px; float:left; margin-top:0; }
	.col-5 {width: 41.66%; padding:0 3px 0 3px; float:left; margin-top:0; }
	.col-4 {width:33.33%; padding:0 3px 0 3px; float:left; margin-top:0; }
	.col-3 {width:25%; padding:0 3px 0 3px; float:left; margin-top:0; }
	.col-2 {width:16.67%; padding:0 3px 0 3px; float:left; margin-top:0; }
	.col-1 {width:8.33%; padding:0 3px 0 3px; float:left; margin-top:0; }
}

/* End of custom responsive settings */