/* 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, .col-md-12 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
.col-11, .col-md-11 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
.col-10, .col-md-10 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
.col-9, .col-md-9 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
.col-8, .col-md-8 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
.col-7, .col-md-7 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
.col-6, .col-md-6 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
.col-5, .col-md-5 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
.col-4, .col-md-4 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
.col-3, .col-md-3 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
.col-2, .col-md-2 {width:100%; padding:0 3px 0 3px; margin-top:1em; }
.col-1, .col-md-1 {width:100%; padding:0 3px 0 3px; margin-top:1em; }

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

/* End of custom responsive settings */