/* --------------------------------------------------
:: Mobile Grid
-------------------------------------------------- */	
/* Mobile */
@media only screen and (max-width: 767px) {		
	
	/* =Dynamic Widget Grid 
	--------------------------------*/
	.widget_row  { 
		width: 100%; 
		margin: 0 auto; 
		float: left; 
		max-width: 980px;
		}
		
	.widget_row .widget { float: left; min-height: 1px; position: relative; margin:20px 0 0 0;}
	.widget_row .widget:first-child { margin-left: 0; }
	
	.widget_row .widget_1,
	.widget_row .widget_2,
	.widget_row .widget_3,
	.widget_row .widget_4,
	.widget_row .widget_5,
	.widget_row .widget_6 { width: 100%; }
	
}
		
/* -------------------------------------------------- 
	:: End Mobile Grid
---------------------------------------------------*/

/* --------------------------------------------------
:: =Mobile
-------------------------------------------------- */

/* =Mobile */
@media only screen and (max-width: 767px) {	
 
 	.boxed #header,
	.boxed #featured-area,
	.boxed #page-header,
	.boxed #content-nav-bar,
	.boxed #main-container,
	.boxed #bottom-footer {
		width: auto;
		max-width: 100%;
		min-width: 0;
		margin-left: 0; 
		margin-right: 0; 
		}
	
		 		 			
	body { background: #fff !important; background-image:none !important;	}
		   		
	/*Header*/
	#radium_foobar .row > .twelve { padding: 0 0; }
	
	#radium_foobar .inner .message { border-radius: 0 0 0 0; }
			
	#top { padding: 15px 0 0 0; }
	
	#header { padding-top: 0 !important; }
	
	#logo img {
		float: none;
		margin-right: 0;
		}
	
	#branding {
		width: 100% !important;
		text-align: center;
		margin-bottom: 0;
		}
		
	#branding-tagline {
		border-left: none;
		margin: 0 auto;
		text-align: center;
		padding-left: 0;
		clear: both;
		float: none;
		}
	
	#branding-tagline p {
		text-align: center;
		}
	
	/* Top Tools*/
	#top-tools{
		float: none;
		width: 100%;
		}
		
	#top-search { display: block; }
	
	#top #searchform {
		padding-top: 20px;
		margin-left: 0;
		margin-bottom: 0;
		float: none;
		width: 100%;
		}
	
	#top #searchform input.s { width: 100% !important; }
	
	/*Navigation*/	
	#navigation { border-bottom: none; }
	.navigation { margin-bottom: 10px;}
	
	#responsive-nav select{
		height: 40px;
		width: 100%;
		position: relative;
		display: block;
		margin-bottom: 0;
		}
	
	/* =Content */
	#main-container {
		background-image: none; 
		width: 100% ;
		overflow: hidden;
		}
		
	#main { 
		margin: 0 0; 
		padding-top: 0;
		max-width: 100%;
		}
		
	#sidebar { display: none; }
	
	section.type-post {
		padding: 0 0 20px 0;
		max-width: 100%;
		}
	
	div.clients p { width: 100% !important; }
	
	div.clients img {
		margin: 0 auto;
		width: 100%;
		float: none;
		}
 			
	span.post-format { display: none; }
	
	section .share-post .twitter-share, 
	section .share-post .facebook-like, 
	section .share-post .pinit, 
	section .share-post .gplus { clear: both; }
	
	/* =Related Content*/
	.with-sidebar .related-content { min-width: 0; }
	
	.related-content .page-grid-item, 
	.related-content .page-grid-item.three-columns, 
	.related-content .page-grid-item.two-columns, 
	.related-content .page-grid-item.four-columns {
		width: 100% !important;
		height: 170px;
 		}	
	
	.related-content .page-grid-item .post-thumb, 
	.related-content .page-grid-item .post-thumb img, 
	.related-content .page-grid-item .post-thumb-overlay, 
	.related-content .page-grid-item .type-gallery .post-thumb-overlay, 
	.related-content .page-grid-item .stripes{
		width: 100% !important;
		}
	
	#related-posts .page-grid-item, 
	#related-posts .page-grid-item.three-columns, 
	#related-posts .page-grid-item.two-columns, 
	#related-posts .page-grid-item.four-columns{
		width: 100% !important;
		}
	
	#related-posts .page-grid-item .post-thumb, 
	#related-posts .page-grid-item .post-thumb img, 
	#related-posts .page-grid-item .post-thumb-overlay, 
	#related-posts .page-grid-item .type-gallery .post-thumb-overlay, 
	#related-posts .page-grid-item .stripes {
		width: 100% !important;
		}
		
	/* Comments */
	.single-post #comments {
		padding-left: 0;
		max-width: 100%;
		}
	
	
	/* =Sliders ------------*/
	
	/* =MetroSlider*/
 	.metroslider { max-height: 200px; }
 	
 	.metroslider h1 { font-size: 1em; }
 	
 	.metroslider div > img{ margin-top: 3em; }
 			
 	.metroslider .left, 
 	.metroslider .right { width: 100%; }
 		
 	.metroslider .right{
 		margin-top: 0;
 		display: none;
 		}
 	  	
 	.metroslider  br{
 		line-height: 5px;
 		height: 5px;
 		display: none;
 		}
 		
 	.metroslider .slider-nav-wrapper {
 		margin: 0 auto;
 		position: absolute;
 		bottom: 0;
 		z-index: 15;
 		margin: 0 auto;
 		width: 100%;
 		}
 		
 	.metroslider #slides-nav {
 		background: none;
 		height: 22px;
 		text-align: center;
 		margin: 0 auto;
 		max-width: 100%;
 		}	
 	
 	.metroslider #slides-nav li {
 		background: none;
  		margin: 0 0 0 0;
 		padding-left: 10px;
 		height: 22px;
 		width: 22px;
  		_height: 10px;
 		vertical-align: top;
 		}
 	
 	.metroslider #slides-nav li a {
 		text-align: left;
    	display: inline-block;
   		width: 22px;
   		height: 22px;
   		background: url(../images/slider-bullets.png) no-repeat;
   		text-indent: -9999px;
   		border: 0;
   		margin: 0 2px;
   		overflow: hidden;
   		
   		-webkit-transition: none;
   		-moz-transition: none;
   		-o-transition: none;
   		transition: none;
  		}
 	
 	.metroslider #slides-nav li.selected a { background-position:0 -21px; }
 		
 	.metroslider #slides-nav li a .slide-nav-bg {
 		background: none;
 		width: 22px;
 		height: 22px;
 		display: none;
  		}
  		
  	/* =Accordion */	
 	.radium-accordion .caption_3 h1 { font-size: 1em; }
  		
 	/* =Featured Content slider*/	
 	#slider_nav {
 		margin: 0 auto;
 		position: absolute;
 		bottom: -2px;
 		z-index: 15;
 		margin: 0 auto;
 		width: 100%;
 		}
 		
 	#slider_nav ul {
 		background: none;
 		height: 22px;
 		text-align: center;
 		margin: 0 auto;
 		max-width: 100%;
  		position: relative;
  		z-index: 7;
  		}	
 	
 	
 	#slider_nav li {
 		background: none;
 		margin: 0 0 0 0;
  		height: 22px;
 		width: 22px;
 		_height: 22px;
 		vertical-align: top;
 		display: inline-block;
 		zoom: 1;
 		}
 	
 	#slider_nav li a {
 		text-align: left;
		display: inline-block;
		width: 22px;
		height: 22px;
		background: url(../images/slider-bullets.png) no-repeat;
		text-indent: -9999px;
		border: 0;
		margin: 0 2px;
		overflow: hidden;
		
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
		}
		
 	 #slider_nav li a.activeSlide  { background-position:0 -21px; }
 	  			
	/* =Audio Post Format */
	ul.jp-toggles li a, ul.jp-toggles li a span { margin-top: 0; }
	div.jp-duration { margin-left: 75px; }
		
	/* =Portfolio*/
	#filter { display: none; }
		
	#stage, #stage.withsidebar { min-width: 100%; margin-left: 0; }
	
	[class*="two-columns"] + [class*="two-columns"]:last-child, 
	[class*="three-columns"] + [class*="three-columns"]:last-child, 
	[class*="four-columns"] + [class*="four-columns"]:last-child { float: none; }
			
	.page-grid-item, 
	.page-grid-item.three-columns,
	.page-grid-item.two-columns, 
	.page-grid-item.four-columns {
		width: 100% !important;
		max-width: 280px;
		height: auto;
		clear: both;
		margin: 0 auto 20px auto !important;
		float: none;
		}
	
	.page-grid-item .post-thumb,	
	.page-grid-item .post-thumb img, 
	.page-grid-item .post-thumb-overlay, 
	.page-grid-item .type-gallery .post-thumb-overlay, 
	.page-grid-item .stripes {
		margin-bottom: 10px;
		height: 140px !important;
		}
			
	.portfolio .entry-meta, 
	.portfolio .entry-content { margin-left: 0; }
	
	.portfolio .entry-content-media { margin-bottom: 0; }
	
	.portfolio  .navigation { display: none; }
	
	#stage .page-grid-item  .post-slider .flex-direction-nav li a { top: 40%; }
	
	.portfolio .entry-content { padding-top: 10px; }
	
	/* Team */
 	.team-thumb img {
		text-align: center;
		margin: 0 auto;
		}
	
	.team .social-media-links {
		text-align: center;
		margin: 7px auto 0  auto;
		max-width: 100%;
		}
		
	.social-media-links ul {
		margin: 0 auto;
		max-width: 100%;
		}	
		
	.social-media-links ul li {
		display: inline-block;
		float: none;
		}
		
	.team .content {
		float: none;
		margin-top: 10px;
		float: left;
		width: 100%;
		}	
	
	/* Widgets */
	
	/*Shortcodes*/
	.radium-price-column { float: none; }
	.radium-gmap { max-height: 250px; }
	
	.modal { 
		position: fixed; 
		top: 3% !important; 
		right: 3%; 
		left: 3%; 
		bottom: 3%; 
		width: auto; 
		height: auto;
		margin: 0; 
		}
		
	.modal-body { 
		height: 60%; 
		}
	
	.modal-body { 
		max-height: 350px; 
		padding: 15px; 
		overflow-y: auto; 
		-webkit-overflow-scrolling: touch; 
		}
		
	.radium-carousel > li {
		width: 300px;
		height: 290px;
		}
		
	.radium-carousel .post-thumb,
	.radium-carousel .post-thumb img {
		width: 300px;
		height: 176px;
		margin-bottom: 10px;
		}
	
	.jcarousel-item { margin-right: 22px !important; }			
	
	.radium-carousel span.post-format { display: none; }
	
	.callout .radium-one-fourth.radium-column-last{ margin-top: 10px; }	
  				
	/* input */
		
	form label {
	    display: block;
	    width: 100%;
	    margin-bottom: 5px;
	    }
	    
	.input-small, input.small, textarea.small, select.small { width: 100%; }
		
	/* Footer*/
	#bottom-footer .container { padding-bottom: 0; }
	
	.footer_widget { margin-bottom: 0; padding-bottom: 0; }
	
	.footer_widget form { margin-bottom: 0; }
		
	.footer_widget .quickcontact .input { margin-bottom: 0; }
	
	#colophon .six {
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #36393C;
		text-align: center;
		}
		
	#footer-menu {
		margin: 0 auto;
		text-align: center;
		width: 100%;
		}
		
	#footer-menu .foot-nav { margin-bottom: 0; }	
	
	/*Back topTop*/
	#toTop { display: none !important; }

 }

/* =Mobile screens (Landscape  mode)*/
@media only screen and (max-width: 767px) and (orientation: landscape) { 
	.radium-carousel > li {
		width: 440px;
		height: 300px;
		}
		
	.radium-carousel .post-thumb,
	.radium-carousel .post-thumb img {
		width: 440px;
		height: 186px;
		margin-bottom: 10px;
		}
	
	.jcarousel-item { margin-right: 22px !important; }			
	}
		 	
/* =Tablet screens (portrait  mode)*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	/* Styles */
	
	/*Header*/
	#radium_foobar .row > .twelve{
		padding: 0 0;
		}
	
	#radium_foobar .inner .message {
		border-radius: 0 0 0 0;
		}
	
	/*Navigation*/
	#navigation > .row > .twelve { padding: 0 10px; }
	
	.main_menu .radium_mega a {
		padding-left: 10px;
		padding-right: 10px;
		}
		
	.main_menu ul li strong { font-size: 11px; }
	.main_menu .submenu-indicator { right: 2px; }	
	
	
	/*Sidebar*/
	#sidebar .radium-recent-portfolios-widget .portfolio-item .post-thumb img,
	#sidebar .radium-recent-gallery-widget .gallery-item .post-thumb img {
		height: 100px;
		}
	
	/*Content*/	
	.image-frame img, 
	.attachment .post-box img, 
	.entry-content-media img, 
	.post-thumb img { width: 100%; }
	
	/* =Portfolio Items */
    	
	.format-audio div.jp-audio div.jp-type-single a.jp-play, 
	.format-audio div.jp-audio div.jp-type-single a.jp-pause, 
	.portfolio.audio div.jp-audio div.jp-type-single a.jp-play, 
	.portfolio.audio div.jp-audio div.jp-type-single a.jp-pause { }
	
	/*Portfolio*/
	#stage, #stage.withsidebar { min-width: 100%; }
	
	.page-grid-item, 
	.page-grid-item.three-columns, 
	.page-grid-item.two-columns, 
	.page-grid-item.four-columns {
		width: 46% !important;
		height: 200px;
		overflow: hidden;
		}
	
	.page-grid-item.two-columns .fluid-width-video-wrapper, 
	.page-grid-item.three-columns .fluid-width-video-wrapper, 
	.page-grid-item.four-columns .fluid-width-video-wrapper,	
	.page-grid-item .fluid-width-video-wrapper { padding-top: 45% !important; }
	
	.page-grid-item .post-thumb,	
	.page-grid-item .post-thumb img, 
	.page-grid-item .post-thumb-overlay, 
	.page-grid-item .type-gallery .post-thumb-overlay, 
	.page-grid-item .stripes {
		height: 160px !important;
		}
		
	.related-content .page-grid-item, 
	.related-content .page-grid-item.three-columns, 
	.related-content .page-grid-item.two-columns, 
	.related-content .page-grid-item.four-columns {
		width: 23% !important;
		height: 140px;
		overflow: hidden;
		}	
	
	.related-content .page-grid-item .post-thumb, 
	.related-content .page-grid-item .post-thumb img, 
	.related-content .page-grid-item .post-thumb-overlay, 
	.related-content .page-grid-item .type-gallery .post-thumb-overlay, 
	.related-content .page-grid-item .stripes{
		height: 100px !important;
		}
	
	#related-posts .page-grid-item, 
	#related-posts .page-grid-item.three-columns, 
	#related-posts .page-grid-item.two-columns, 
	#related-posts .page-grid-item.four-columns{
		width: 30% !important;
			overflow: hidden;
			height: 220px;
		}
	
	#related-posts .page-grid-item .post-thumb, 
	#related-posts .page-grid-item .post-thumb img, 
	#related-posts .page-grid-item .post-thumb-overlay, 
	#related-posts .page-grid-item .type-gallery .post-thumb-overlay, 
	#related-posts .page-grid-item .stripes {
		height: 100px !important;
		}
		
		/*Sliders*/
	.radium-slider .flex-direction-nav, 
	.post-slider .flex-direction-nav {display: none;}
	
	.radium-slider .flex-control-nav,
	.post-slider .flex-control-nav { display: none;}
	
	.featured-slider .details { width: 280px; }
	#slider_nav li a img {
		width: 43px;
		height: 43px;
		}
		
	/*Teams*/
	.with-sidebar .team-content { width: 54%; }
	.team-content { width: 67%; }
	div.clients img { max-width: 210px; }
	
	/*Shortcodes*/
	.radium-price-column {
		margin: 20px 4px;
		width: 185px;
		}
		
	.radium-price-column.last-column { margin-left: 0; }
	
	.radium-carousel > li {
		width: 230px;
		height: 250px;
		}
		
	.radium-carousel .post-thumb,
	.radium-carousel .post-thumb img {
		width: 230px;
		height: 136px;
		}
	
	.jcarousel-item { margin-right: 22px !important; }			
	
	.with-sidebar .jcarousel-item { margin-right: 95px !important; }			
				
}
    
/* =Mobile Menu*/    
#responsive-nav { padding: 15px; z-index: 99999; }

#responsive-nav form.custom div.custom.dropdown {
	height: 25px;
	margin: 9px auto 9px auto;
 	width: 100% !important;
 	}

#responsive-nav form.custom div.custom.dropdown a.current {
	background: #2c2f31;	
  	line-height: 36px;
	min-height: 36px;
	padding: 0 38px 0 15px;
	border: solid 1px #2c2f31;
	color: #aeb2b9;
  	}

#responsive-nav form.custom div.custom.dropdown a.selector {
 	width: 36px;
	height: 36px;
 	background: url(../images/mobile-nav-drop.png) 50% 50% no-repeat;
 	border: solid 1px #2c2f31;
 	border-left: solid 1px #393C3E;
	}
	
#responsive-nav form.custom div.custom.dropdown ul li.selected {
	background: url(../images/custom-form-sprites.png) right -48px no-repeat;
	}

#responsive-nav form.custom div.custom.dropdown ul li.selected:hover {
	background: url(../images/custom-form-sprites.png) #2A85E8 right -75px no-repeat;
	}

#responsive-nav form.custom div.custom.dropdown a.selector:after { 
	content: ""; 
	border: solid 5px; 
	border-color: transparent; 
	left: 50%; 
	top: 50%; 
	margin-top: -2px; 
	margin-left: -5px; 
	}
	
#responsive-nav form.custom div.custom.dropdown:hover a.selector:after, 	
#responsive-nav form.custom div.custom.dropdown ul li.selected:after { 
	content: ""; 
	}

#responsive-nav form.custom div.custom.dropdown ul {
 	width: 100% !important;
 	margin: 0;
 	top: 39px;
 	background-color: #2c2f31;
 	border: none;
 	z-index: 99999;
	}
	
#responsive-nav  form.custom div.custom.dropdown ul li {
	cursor: pointer;
	padding: 8px 38px 8px 15px;	
	color: #aeb2b9;
	border-top: 1px solid #393c3e;
	}
		
#responsive-nav form.custom div.custom.dropdown ul li:hover { 
	background-color: #2A85E8; 
	color: #fff; 
	}
	
#responsive-nav form.custom div.custom.dropdown ul li:hover:after { 
	content: ""; 
	color: #8ed3e7; 
	}
	
#responsive-nav form.custom div.custom.dropdown ul li.selected:hover { 
	background: #2A85E8; 
	color: #fff; 
	}
	
#responsive-nav form.custom div.custom.dropdown ul li.selected:hover:after { 
	color: #000; 
	}