/* ----------------------------------------------------------------
	Retina CSS
-----------------------------------------------------------------*/
@media (max-width: 1199px) {

}

@media (min-width: 992px) and (max-width: 1199px) {
	
	.topbanner {width: 64%;}

}

@media (max-width: 991px) {
	
	.col_full,
	.col_half,
	.col_one_third,
	.col_two_third,
	.col_three_fourth,
	.col_one_fourth,
	.col_one_fifth,
	.col_two_fifth,
	.col_three_fifth,
	.col_four_fifth,
	.col_one_sixth,
	.col_five_sixth,
	#page-content .col_four_fifth {
		width: 100%;
		margin-left: 0;
		float: none;
	}
	#slider {margin-top: 12px;}
	img,.img {width: 100%;}
	.table-x img {width: auto;display: inline-block;}
	.form textarea {width: 100% !important;}
	.topbanner {display: none;}
	.navbox {background-color: transparent;box-shadow:none;}
	#logo {margin-left: 0;}
	#logo img {width: auto;margin-top: 10px;}
	
	#footer p {text-align: center !important;}
	
	.page-listcon li span.listdate {display: block;position:static;top:0;right: 0;}
	
	.searchbox {display: none;}
	.page-gallery .col_one_fourth,.page-gallery .col_one_third {width: 48%;margin-left: 4%;float: left;margin-bottom: 40px !important;}
	
	body.nav-open {overflow: hidden;}
	body.nav-open #primary-menu {-webkit-transform: translateY(0);transform: translateY(0);}
	body.nav-open #primary-menu-trigger {box-shadow: none;}
	body.nav-open #primary-menu-trigger:before {width: 3000px;height: 3000px;background-color: rgba(0, 0, 0, 0.8);}
	body.nav-open #primary-menu-trigger .icon {width: 0;}
	body.nav-open #primary-menu-trigger .icon:before {
		-webkit-transform: translateY(9px) rotate(45deg);
		  -ms-transform: translateY(9px) rotate(45deg);
		      transform: translateY(9px) rotate(45deg);
	}
	body.nav-open #primary-menu-trigger .icon:after {
		-webkit-transform: translateY(-9px) rotate(-45deg);
		  -ms-transform: translateY(-9px) rotate(-45deg);
		      transform: translateY(-9px) rotate(-45deg);
	}
	#primary-menu-trigger {
		width: 60px;
		height: 60px;
		z-index: 200;
		border-radius: 50%;
		top: 10px;
		right: 10px;
		position: absolute;
		cursor: pointer;
		-webkit-transition-duration: 0.66s;
		      transition-duration: 0.66s;
		-webkit-transition-timing-function: swing;
		      transition-timing-function: swing;
	}
	#primary-menu-trigger:before {
		width: 60px;
		height: 60px;
		border-radius: 50%;
		background-color: #fb0;
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		  -ms-transform: translateX(-50%) translateY(-50%);
		      transform: translateX(-50%) translateY(-50%);
		-webkit-transition-duration: 0.66s;
		      transition-duration: 0.66s;
		-webkit-transition-timing-function: swing;
		      transition-timing-function: swing;
	}
	#primary-menu-trigger .icon {
		width: 30px;
		height: 4px;
		background-color: #fff;
		border-radius: 2px;
		position: absolute;
		top: 28px;
		left: 15px;
		-webkit-transition-duration: 0.5s;
		      transition-duration: 0.5s;
		transiting-timing-function: swing;
	}
	#primary-menu-trigger .icon:before,
	#primary-menu-trigger .icon:after {
		width: 30px;
		height: 4px;
		background-color: #fff;
		border-radius: 2px;
		content: "";
		position: absolute;
		left: 0;
		-webkit-transition-duration: 0.5s;
		      transition-duration: 0.5s;
		-webkit-transition-timing-function: swing;
		transition-timing-function: swing;
	}
	#primary-menu-trigger .icon:before {
		top: -9px;
	}
	#primary-menu-trigger .icon:after {
		top: 9px;
	}
	#primary-menu {
		position: relative;
		top: 0px;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 200;
		-webkit-transition-duration: 0.66s;
		      transition-duration: 0.66s;
		-webkit-transition-timing-function: swing;
		      transition-timing-function: swing;
		-webkit-transform: translateY(-800px);
		      transform: translateY(-800px);
	}
	#primary-menu ul li {
		list-style: none;
		float: none;
	}
	#primary-menu ul li a {
		display: block;
		padding: 4px 0;
		text-align: center;
		color: #fff;
		text-decoration: none;
		font-size: 20px;
		-webkit-transition-duration: 0.25s;
		      transition-duration: 0.25s;
	}
	
	#primary-menu > ul > li:hover a {background: transparent;color: #fb0;}
	
}

@media (min-width: 768px) and (max-width: 991px) {
	

}

@media (max-width: 767px) {
	

}

@media (min-width: 480px) and (max-width: 767px) {
	

}

@media (max-width: 479px) {

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

	#logo a.standard-logo { display: none; }
	#logo a.retina-logo { display: block; }
	
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 991px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (                min-resolution: 192dpi) and (max-width: 991px),
only screen and (                min-resolution: 2dppx) and (max-width: 991px) {
	
	#logo a.standard-logo { display: none; }
	#logo a.retina-logo { display: inline-block; }
	
}