@media only screen and (min-width : 480px)  and (max-width : 959px) {
	/* Tablets/pads only */
	.not_on_pad {display: none !important;}
}

@media only screen  and (max-width : 479px) {
	/* Phones/narrow screens only */
	.not_on_phone {display: none !important;}
	div.index_box {float: none !important; width: 100% !important; margin: 0 0 20px 0 !important;}
}

@media only screen and (min-width : 960px) {
	/* PC:s/Screens >= 960px width only */
	.not_on_pc {display: none !important;}
}

@media only screen and (max-width : 959px) {
	/* Anything less than 960px wide */
	#wrapper {width: 90% !important;}
	/* div#nav_main_sub_container, */ #nav_main_container {display: none;}
	
	#nav_main_bg {
		border-top: 1px solid #333;
		-moz-border-top-left-radius: 0px !important;
		-moz-border-top-right-radius: 0px !important;
		-webkit-border-top-left-radius: 0px !important;
		-webkit-border-top-right-radius: 0px !important;
		-khtml-border-top-left-radius: 0px !important;
		-khtml-border-top-right-radius: 0px !important;
		border-top-left-radius: 0px !important;
		border-top-right-radius: 0px !important;
	}
	#nav_main_container { position: fixed; z-index: 9998; top: 50px; left: 0; border-top: 1px solid #000; }
	#nav_main { height: auto !important; }
	#nav_main li {float: none !important; display: block; width: 100% !important; border-bottom: 1px solid #333; border-right: none !important;}
	#nav_main li a {border-bottom: 1px solid #000; border-right: none !important;}

	#nav_main_sub {margin-top: 0 !important;}

	#nav_mobile {display: block !important;}
	html body {padding-top: 50px;}
	#bg-main {top: 50px !important;}
}


@media only screen and (max-width : 1099px) {
	ul.images {margin-top:0 !important;}
}

@media only screen and (max-width : 699px) {
	/* Anything less than 600px wide */

	.index_boxes {border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px;}

	.index_column, .fb_column, .images {
		clear: both;
		float: none !important; width: 100% !important;
		max-width: none !important;
		margin: 0 0 15px 0 !important;
	}
	.images li {margin: 0 0 15px 0 !important; padding: 0 !important;}

	div.contact div.dbContent, form#contact_form, .videos_list .post {float: none !important; width: 100% !important;}

	.reference_list tr td {
			display: block;
			width: 100% !important;
			border-bottom: none !important;
			border-left: none !important;
			border-right: none !important;
			padding: 10px 0 !important;
			text-align: center;
	}
	td.ref_data {border-top: none !important;}
	td.ref_image {border-top: 1px solid #ddd !important;}
	td.ref_image img {margin-top: 20px !important;}
	.reference_list div {border-left: none !important; }
}