@media screen and (max-width: 1200px) {
	.main {
		width: 66.66%;
	}
	.aside {
		width: 33.33%;
	}

}


@media screen and (max-width: 800px) {
	.main, .aside {
		width: 100%;
	}
	.result-filter {
		display: none;
	}
	.ui-dialog {
    	width: 100% !important;
    	/*margin: 0 10px;*/
	}
}

@media screen and (max-width: 480px) {
	.master-headline {
	    padding-top: 70px;
	}
	.master-caption {
	    clear: both;
	    margin: 0;
	    padding: 10px 0;
	}

	.dialog {
		width: 100%;
	    left: 0;
	    margin-left: 0;
	}

	.datalist-image {
	    width: 100%;
	    max-width: 100%;
	    margin: 0;
	}
	.datalist-text {
	    clear: both;
	}
	.rate-action {
	    width: 100%;
	}
	.caption-text {
	    margin: 0;
	    clear: both;
	    padding-top: 10px;
	}

	.member-connect,
	.member-connect span {
		display: block;
		float: none !important;
		text-align: center !important;
	}

	.bullet-item {
		display: block;
		white-space: normal;
	}
}