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


}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (max-width: 991px) {
	
	#logo {display: block;height:60px;}
	#top-bar {}
	#top-bar p{margin-bottom:0;}
	#header {margin-bottom: 0;}
	
		
	#primary-menu {
		display: block;
		float: none;
		height: auto !important;
		background: #fff;
		top: 101px;
		position: absolute;
		width: 100%;
		margin-left: -15px;
	}

	#primary-menu-trigger {
		opacity: 1;
		pointer-events: auto;
		top: 30px;
		margin-top: 0;
		right: 20px;
		z-index: 1;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	#primary-menu .container #primary-menu-trigger {
		top: 5px;
		left: 0;
	}
	
	#primary-menu > ul > li:hover a,
	#primary-menu > ul > li.current a { background: #fff;color: #26ac38; }


	#primary-menu > ul,
	#primary-menu > div > ul {
		display: none;
		float: none !important;
		border: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}

	#primary-menu > div > ul { margin-top: 60px !important; }

	body:not(.top-search-open) #primary-menu-trigger {
		opacity: 1;
		-webkit-transition: opacity .2s .2s ease, top .4s ease;
		-o-transition: opacity .2s .2s ease, top .4s ease;
		transition: opacity .2s .2s ease, top .4s ease;
	}


	#primary-menu ul { height: auto !important; }

	#primary-menu ul li {
		float: none;
		margin: 0 !important;
		text-align: left !important;
		border-top: 1px solid #EEE;
		padding-left: 30px;
	}

	#primary-menu ul li:first-child { border-top: 0; }

	#primary-menu ul li a,
	#primary-menu > div > ul > li > a {
		height: 50px !important;
		line-height: 50px !important;
		padding: 0 5px !important;
		border: none !important;
		margin: 0 !important;
		color: #444;
	}


	#primary-menu ul li i { line-height: 49px; }

	#primary-menu ul ul {
		position: relative;
		width: auto;
		background-color: transparent !important;
		box-shadow: none;
		border: 0;
		border-top: 1px solid #EEE;
		z-index: 1;
		top: 0 !important;
		padding-left: 15px;
	}

	#primary-menu ul ul ul {
		top: 0 !important;
		left: 0;
	}

	#primary-menu ul ul li {
		float: none;
		margin: 0;
		border-top: 1px solid #EEE;
	}

	#primary-menu ul ul a {
		height: 44px !important;
		line-height: 44px !important;
		padding-left: 5px !important;
		font-size: 13px !important;
		text-transform: none;
		font-weight: 400;
	}

	#primary-menu ul ul a i { line-height: 43px; }

	#primary-menu ul ul li:hover > a {
		background-color: transparent !important;
		font-weight: 600;
		padding-left: 5px;
		color: #26ac38 !important;
	}

	#primary-menu ul.windows-mobile-menu li.sub-menu { position: relative; }

	#primary-menu ul.windows-mobile-menu li.sub-menu a { background-image: none !important; }

	#primary-menu ul.windows-mobile-menu li.sub-menu a.wn-submenu-trigger {
		position: absolute;
		cursor: pointer;
		width: 32px;
		top: 0;
		right: 0;
		z-index: 1;
		padding: 0 !important;
		text-align: center !important;
	}

	#primary-menu ul.windows-mobile-menu .mega-menu-content a.wn-submenu-trigger { display: none; }

	#primary-menu ul.windows-mobile-menu li.sub-menu a.wn-submenu-trigger i { margin: 0 !important; }
	
	.portfolio {margin-left:40px;margin-right:40px;}
	.portfolio-item {
	width:100%;
	height: auto;
	margin:0;
	}
	.portfolio-item img {width:100%;height:auto;}
	
	
	#page-menu {margin-top: -96px;margin-left: 0;}
	
	#page-menu .container { position: relative;}

	#page-submenu-trigger {
		opacity: 1;
		pointer-events: auto;
		color: #FFF;
		top: 56px;
	}

	#page-menu.pagemenu-active #page-submenu-trigger { background-color: rgba(0,0,0,0.2); }

	#page-menu nav {
		display: none;
		position: absolute;
		float: none;
		width: 100%;
		top: 120px;
		left: auto;
		right: 0;
		height: auto;
		background-color: #F5F5F5;
		z-index: 3000;
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
	}

	#page-menu.pagemenu-active nav { display: block; }

	#page-menu nav ul {
		height: auto;
		background-color: rgba(0,0,0,0.2);
		
	}

	#page-menu nav li { float: none; }

	#page-menu nav li a {
		height: 50px;
		line-height: 50px;
		padding: 0 15px;
	}
	
	#page-submenu-trigger,#page-menu nav {right:0;}
	#page-menu nav ul {border-right: 0;}
	#page-menu nav li {border-right:0;border-left:0;}
	
	#page-menu .menu-title {padding-top: 10px;padding-bottom: 10px;}
	
	#page-here-bg {display: none;}
	
	#page-here {margin-top: 30px;height: auto;background: #f1f1f1;padding-left: 10px;}
	.page-conbox.notopmargin {padding-top: 40px;}
	
	#page-menu.col_one_fourth,
	#page-menu.con_three_fourth {width: 100%;margin-right: 0;float: none;margin-bottom: 25px !important;}
	.page-menu-img {display: none;}
	
	
	#page-content {width: auto;}
	
	.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 {
		width: 100%;
		margin-right: 0;
		float: none;
		margin-bottom: 40px !important;
	}
	#footer .col_one_fourth.col_last {display: none;}
	#footer p {text-align: center;margin-bottom: 10px;}
	
	.link-menu {padding-bottom: 10px;}
		
	.con4xbox p {text-align: center;}
	.con4xbox {margin-left: -15px;margin-right: 15px;}
	
}

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

	#logo {display: block;width: auto;height:20px;}
	.link-menu {padding-bottom: 40px;}
	.con4xbox {margin-left: 15px;}

}

@media (max-width: 767px) {
	

	#logo img {display: block;width: auto;height:70px;margin-top: -20px;}
	#footer .col_one_fourth.col_last {display: none;}
	
	#content .container {margin-left:30px;}
	#page-menu { margin-left: 0;}
	#page-here {margin-top: 60px; position:relative;}
	#page-here .page_nav{ display:block; position:absolute; right:10px; top:10px; background-color:#FFF; border:1px solid #DDD; border-radius:5px;}
	
	.heading-block h2,.heading-block p {text-align: center;}
	
	.pagination li {font-size: 12px;}
	.pagination li a {padding: 8px;}
	.paginput input {width: 30px;height: 35px;line-height: 35px;}
	.pagination {float: none !important;}

	
}

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

	#content .container,#footer .container {margin-left: 15px;margin-right: 15px;}
	#content .container .con4xbox {margin-top: 20px;}
		
}

@media (max-width: 479px) {
	
	
	.pagination li {font-size: 10px;}
	.pagination li a {padding: 8px;}
	.paginput input {width: 30px;height: 32px;line-height: 32px;}
	.pagination {float: none !important;}
}

@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; }
	
}