/**
 * Responsive HTML Element Styling
 */
 
@media screen and (max-device-width: 800px) {
	#page-wrapper {
		max-width: 800px !important;
		width: 100% !important;
	}
	#navigation {
		min-height: 0  !important;
	}
	#block-views-Highlight_Slideshow-block_1 .views-field-field-highlight-image-fid img {
		width: 100% !important;
	}
	#block-views-Highlight_Slideshow-block_1 .views-field-field-highlight-image-fid {
		max-width: none !important;
		margin: 0 !important;
		float: none !important;
	}
	#block-views-Highlight_Slideshow-block_1 .views-field-nothing {
		max-width: none !important;
		padding: 20px 0 !important;
	}
	#block-views-Highlight_Slideshow-block_1 .views-field-nothing h3,
	#block-views-Highlight_Slideshow-block_1 .views-field-nothing p {
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
	.region-content-top,
	.region-content-bottom {
		padding: 0 10px !important;
	}
	.page-anonymouse-home #content .block-quicktabs,
	.page-anonymouse-home #content #block-views-Today_Activity-block_1,
	.page-anonymouse-home #content #block-views-activities_civil_state-block_1,
	.page-anonymouse-home #content #block-menu-menu-menu-service,
	#block-block-62, #block-block-61,
	#block-views-Promote_Video-block_1 {
		max-width: none !important;
		margin: 0 !important;
		padding: 10px 0 !important;
	}
	.page-anonymouse-home #content .block.block-quicktabs .views-row {
		overflow: hidden;
	}
	#footer #block-block-14, #footer #block-menu-menu-about-menu, #footer #block-menu-menu-service, #footer #block-block-43 {
		float: none !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 10px !important;
	}
	.region-footer-top .col-left,
	.region-footer-top .col-right{
		width: 100% !important;
		float: none !important;
	}
	.region-footer-top .col-right p {
		margin: 0 !important;
		float: left !important;
	}
	.region-footer-top ul.social-button {
		float: left !important;
	}
	ul.validate-logo {
		float: left !important;
	}
	/*ul.social-button li {
		float: none !important;
	}*/
}

@media screen and (max-width: 360px) {
	#site-name a {
		min-width: 280px !important;
	}
	a.logo-mol {
		background-size: 100% auto !important;
	}
	
	#block-block-61 .content ul li.column1{
		margin-left: 0em !important; 
	}

	#block-block-61 .content ul li.column2 {
		margin-left: 0em !important; 	
	}

	#block-block-61 .content ul li.reset {
		margin-top: 0em !important;
	}
}