/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	.view h2 {
		padding-top: 23px !important;
		font-size: 16px !important;
	}
	
	.view p { font-size: 10px; }
	
	.view.block-four h2 { font-size: 14px; padding-top: 15px !important; }
	.view.block-four p { font-size: 9px; margin-bottom: 5px; }
	.view.block-two h2 { padding-top: 60px !important; }
	
	.blog .hentry ul.fl li { padding-right: 15px; }
	.blog .hentry ul.fl { margin-right: 16px; }
	#blog .blog .sidebar form { padding-left: 0 !important; }
	
	div#flickrImages img {  
		width: 53px;
		height: 53px;
	}
	
	.user-comments li > div > img { margin-right: 20px; }
	.comment-form #message { width: 477px; }
	
	.table1 .table-row, .table3 .table-row { width: 241px; }
	.table2 .table-row { width: 180px; }
	.table2 .table-heading .fl, .table2 .table-heading p.fr { float: none !important; text-align: center; }
	
	.table-row .table-heading h2 { font-size: 16px; }
	.table-heading .plan-price { font-size: 22px; }
	
	.flex-caption-l, .caption-head-l { left: 45px !important; }
	.flex-caption-l2, .caption-head-l { left: 45px !important; }
	.flex-caption-r, .caption-head-r { right: 45px !important; }
	.flex-caption-l, .flex-caption-r { top: 90px !important; }
	.flex-caption-l2, .flex-caption-r { top: 90px !important; }
	.caption-head-l, .caption-head-r { top: 30px !important; }
	
	.clients ul li { margin: 0 20px 10px 0; float: none !important; display: inline; }

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	/* Navigation */
	#nav {
		margin-top: 80px;
		padding: 0;
		width: 100%;
		z-index: 1000;
		position: relative;
	}
	
	#nav ul {
		padding: 0 15px;
		margin: 0;
		background-color: #36383c;
	}
	
	#nav ul ul { display: none; }
	#nav:target ul { padding: 5px 15px; }
	#nav a.current {  color: #1da5ff !important; }
	#nav ul a { color: #ccc !important; font-family: Arial, sans-serif; font-weight: normal; font-size: 12px; text-transform: none; }
	#nav:target .nav-home { padding-top: 1em } #nav:target .contact { padding-bottom: 1em; }
	
	#nav a {
		border: none;
		padding: 0 1.5em;
		overflow: hidden;
		height: 0;
		line-height: 0;
		display: block;
		font-weight: 400;
		font-size: 14px;
		color: #fff !important;
		text-transform: uppercase;
		font-family: 'Source Sans Pro', Arial, sans-serif;
		background-color: #36383c;
	}
	
	#nav a.nav-home {
		-webkit-border-top-left-radius: 4px;
		-moz-border-top-left-radius: 4px;
		-o-border-top-left-radius: 4px;
		border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-top-right-radius: 4px;
		-o-border-top-right-radius: 4px;
		border-top-right-radius: 4px;
	}
	
	#nav a.contact {
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-bottom-left-radius: 4px;
		-o-border-bottom-left-radius: 4px;
		border-bottom-left-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-bottom-right-radius: 4px;
		-o-border-bottom-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	
	#nav:target { z-index: 1001; }
	
	#nav:target a {
		line-height: 2em;
		height: 2em;
		position: relative;
		z-index: 1;
		
		-moz-transition: background-color .2s, color .2s, height .25s, line-height .25s;
        -ms-transition: background-color .2s, color .2s, height .25s, line-height .25s;
        -o-transition: background-color .2s, color .2s, height .25s, line-height .25s;
		-webkit-transition: background-color .2s, color .2s, height .25s, line-height .25s;
        transition: background-color .2s, color .2s, height .25s, line-height .25s;
	}
	
	#nav:target a:hover { border-color: #1da5ff !important; color: #1da5ff !important; }
	#nav:target a[href="#top"], #nav:target a[href="#top"]:hover { border: 0 !important; background: none; }
	
	a#jump {
		border: 1px solid #dcdcdc;
		cursor: pointer;
		padding: 8px 15px;
		position: absolute;
		right: 0;
		top: 27px;
		display: block;
		color: #999;
		font-weight: bold;
		z-index: 1001;
		
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
	}
	
	#back {  display: block; position: relative; }
	
	#back a {
		background: transparent;
		display: block;				
		border: 0;			
		text-indent: -999em;
		position: absolute;			
		top: -65.5em;				
		bottom: -65.5em;				
		left: 0;
		right: 0;
		float: right;
		z-index: 0;
	}
	
	.nav-toggle, a#jump:hover {
		background-color: #1da5ff;
		border-color: #1da5ff !important;
		color: #fff !important;
	}
	
	/* Flexslider */
	.flexslider { margin-top: -5px !important; }
	.flexslider .flex-direction-nav { display: none; }
	.flex-control-nav { bottom: 7px !important; }
	
	.flex-caption-l, .caption-head-l { left: 8px !important; }
	.flex-caption-l,2 .caption-head-l { left: 8px !important; }
	.flex-caption-r, .caption-head-r { right: 8px !important; }
	
	.flex-caption-l, .flex-caption-r {  padding: 3px 8px !important; top: 49px !important; font-size: 11px !important; }
	.flex-caption-l2, .flex-caption-r {  padding: 3px 8px !important; top: 49px !important; font-size: 11px !important; }
	.caption-head-l, .caption-head-r {  top: 5px !important; font-size: 10px !important; }
	
	.jms-content { margin-top: 0px !important }
	.jms-content p, .jms-content .jms-link { font-size: 24px !important; }
	
	/* Main */
	
	#portfolio header[role="banner"], #blog header[role="banner"], #contact header[role="banner"], #shortcodes header[role="banner"],
	#pages header[role="banner"], .option3 header[role="banner"] { margin-bottom: 8px; }
	
	.intro { padding: 30px 50px; }
	.intro p { font-size: 12px; }
	
	.view h2 { padding-top: 60px !important; }
	.latest-news-slide .news-heading h2 a { font-size: 20px; }
	.latest-news-slide .news-heading { text-align: center; }
	.latest-news-slide .news-heading, .latest-news-slide .news-details { padding: 0 10px; }
	.latest-news-slide .button { margin: 0 auto; }
	.latest-news-slide .news-heading, .latest-news-slide .news-details { border: none; }
	.latest-news-slide .news-details p { text-align: center; }
	.latest-news-slide .flex-direction-nav { display: none; }
	.latest-news-slide .news-details a.button { left: 33%; position: absolute; text-align: center; }
	
	#filter-category li { margin-bottom: 10px; }
	
	#blog .nine.columns { border-left: none !important; border-right: none !important; }
	
	.blog .hentry { padding-right: 0; padding-left: 0 !important; }
	
	.blog .hentry ul.fl {
		text-align: left;
		border-right: none;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.blog .hentry ul li.author span:before { content: 'Author: '; }
	.blog .hentry ul li.published span:before { content: 'Date published: '; }
	.blog .hentry ul li.comments span:before { content: 'Comments: '; }
	
	.blog .hentry ul.fl { width: 378px; }
	.blog .hentry ul li span { display: block; }
	.blog .hentry ul.fl li { padding-right: 0; }
	#blog .blog .sidebar form { margin-bottom: 10px !important; }
	#blog .blog .sidebar form, #blog .blog .sidebar section { padding-right: 0; padding-left: 0; float: none !important; }
	
	.rslides_nav { top: 42%; }
	.user-comments li > div > img { display: none; }
	.user-comments li ul { padding-left: 0; }
	.comment-form a.button { margin-bottom: 40px; }
	
	.portfolio-single .project-desc { padding-right: 0; }
	
	.jms-slideshow, .ei-slider, #iview { margin-top: -5px !important; }
	.jms-wrapper { height: 260px !important; }
	.jms-arrows { display: none; }
	
	.view-fifth .mask { 
		-webkit-transform: translateX(-378px) !important;
		-moz-transform: translateX(-378px) !important;
		-o-transform: translateX(-378px) !important;
		-ms-transform: translateX(-378px) !important;
		transform: translateX(-378px) !important;
	}
	
	.view-fifth:hover .mask { 
		-webkit-transform: translateX(0px) !important;
		-moz-transform: translateX(0px) !important;
		-o-transform: translateX(0px) !important;
		-ms-transform: translateX(0px) !important;
		transform: translateX(0px) !important;
	}  
	
	.view-fifth:hover img { 
		-webkit-transform: translateX(378px) !important;
		-moz-transform: translateX(378px) !important;
		-o-transform: translateX(378px) !important;
		-ms-transform: translateX(378px) !important;
		transform: translateX(378px) !important;
	}
	
	.table1 .table-row, .table2 .table-row { width: 378px; margin-bottom: 20px; }
	.pricing-tables .table-row.standard { border-right: 3px solid #e3e3e3; }
	.pricing-tables .table-row.premium, .pricing-tables .table-row.ultimate { border-left: 3px solid #e3e3e3; }
	
	.pricing-tables .table-row.standard, .pricing-tables .table-row.premium { margin-top: 0px; }
	
	.clients ul li { float: none; margin: 0 0 20px 0; }
	.features .one-third { margin-bottom: 20px; }
	.option2 .about-intro, .option4 .about-intro, { margin-top: 8px; }
	
	#index.option4 .blog-grid > article { margin-bottom: 20px !important; }
	
	#under-construction .main h1 { 
		line-height: 1.2em;
		margin-bottom: 10px !important;
	}
	
	#subscription input { margin-bottom: 10px !important; }
	
	#footer article { margin-bottom: 30px; }
	#footer .footer-newsletter { margin-bottom: 0; }
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	.view h2 {
		padding-top: 30px !important;
		font-size: 16px !important;
	}
	
	.view p { font-size: 10px; }
	
	.latest-news-slide .news-heading h2 a { font-size: 16px; }
	.latest-news-slide .news-details p { font-size: 12px; }
	.latest-news-slide .news-details a.button { left: 23%; }
	
	#pagination span { display: none; }
	.blog .hentry ul.fl { width: 258px; }
	.rslides_nav { top: 38%; }
	
	.jms-wrapper { height: 230px !important; }
	
	.flex-caption-l, .caption-head-l, .flex-caption-r, .caption-head-r { display: none; }
	.flex-caption-l2, .caption-head-l, .flex-caption-r, .caption-head-r { display: none; }
	.jms-content p, .jms-content .jms-link { font-size: 32px !important; }
	
	.table1 .table-row, .table2 .table-row { width: 258px; }
	
}