/* Mobile (Portrait) Width 320px 
 * ------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	.single-content a img{ width:100%; height:auto; }
	/* Layout */
	.general, .top { width:320px; max-width: 320px; margin: 0 auto; position: relative; }
	.container_12  { max-width:300px; width:300px; }
	.container_12 .grid_12,.container_12 .grid_8,.container_12 .grid_6,.container_12 .grid_4,.container_12 .grid_3 { max-width:300px; width:300px; margin-left:0px; margin-right:0px; }
	.container_12 .prefix_4 { padding-left: 0px; }
	.scrolltop {display:none;}
	.wrapper { margin-top: 0; }
	.top-wrap { width:300px; max-width: 300px; overflow:hidden;  }
	.top { margin-bottom: 0; height:auto; }
	.page-line-title { margin-top:20px;}
	
	/* Widget Magazine */
	.widget-magazine .block-big .big-desc { clear: both; padding-left: 0; }
	.widget-magazine .left, .widget-magazine .right { margin: 0px; }
	.widget-magazine .big-title { padding-top: 8px; }
	.alpha.widget-magazine.half { margin-bottom:35px; }
	.widget-magazine .xright { margin-left:0;}
	
	/* Blog */
	.home-1 .post-image{width:268px; height:152px; float:none; padding:15px 15px 0 15px;}
	.home-1 .post-content { padding:15px;}
	.home-1 #post-icon {display:none;}
	.home-1 .post-title {font-size:20px; }
	
	/* header */
	.logo-header a, .logo-bottom a {text-align:center; display: block;}
	.logo-header { position:relative; } 
	.social-header ul { width: 100%; text-align:center; margin-top:15px; float:none; }
	.social-header ul li, .social-header ul li:last-child{ display:inline-block; float:none; padding:0 2px; }
	.header-content { height:35px; padding-top:25px; }
	
	/* Top Nav */
	.topNav { width: 100%; text-align:center; }
	.topNav li { display:inline-block; float:none; }
	
	/* Bottom Nav */
	.bottomNav { width: 100%; text-align:center; float:none; margin-top:10px; }
	.bottomNav li { display:inline-block; float:none; }
	.bottomNav li a { padding:0 10px; font-size:13px; }

	/* Menu */
	.container_12.dropdownmenu{ display:block; }
	.mainnavmenu { display:none; }
	.container_12.dropdownmenu select { background: transparent; outline: none; padding: 5px; border: 1px solid #E1E1E1; height: 34px; width:300px; margin: 25px 0 15px 0; color: #777; font-size:13px; }
	
	
	/* Hidden */
	.datetime, .search-header, .line-head, .digg-share, .stumbleupon-share, .reddit-share, .tumblr-share, .email-share, .author-description .avatar, .flex-caption p, .flex-direction-nav, .related-wrapper, #nextId { display:none; }
	
	
	/* Single */
	.single-container { margin-top:20px; }
	.single-info { display:none; }
	.textarea-comment { width: 280px; }
	.comment-submit { width: 300px; }
	.input-name, .input-email, .input-website { width:287px; }
	.gallery-icon img, .gallery-icon { width: 60px; height: 60px; background: #000; }
	.critera { width:280px; }
	.overall-score {width:280px;}
	/* Portfolio */
	.portfolio1 li , .portfolio2 li{ margin:0 0 30px 0; }
	ul#filter { margin:20px 0 0 0; }
	ul#filter li { margin-bottom:10px; }
	.portfolio2 li  { width:140px; margin-left:5px; margin-right:5px; }
	.portfolio2 li img { width:140px; max-width:140px; height:auto; }
	
	/* Gallery */
	.gallery-post { margin-top:20px; }
	.grid_2.gallery-image { margin: 0 5px 20px 5px; }
	
	/* Contact */
	.postForm .text, .postForm textarea { width:228px; }
	.postForm .submit { width:248px; }
	
	/* News Ticker */
	.spotlight {max-width: 300px; width: 300px; margin-left: auto; margin-right: auto;}
	ul.newsticker { /* that's your list */ position: relative; list-style-type: none; margin: 0; padding: 0; left: 150px; }
	
	/* Footer */
	.credits { overflow:hidden; }
	.credits p { float:none; text-align:center; }
	
	/* Adds */
	.adds300x250 img { width:300px; max-width:300px; height:250px;  }
	.adds620x90 { width:300px; max-width:300px; height:50px; }
	.adds620x90 img { height:50px; }
	
	/* Flex Slider */
	.flex-caption  { display:none; }
	.flexslider.full { min-height:136px; max-width: 300px; width: 300px; margin:15px 0 30px 0; margin-left: auto; margin-right: auto; }
	.flexslider.small { min-height:165px; margin:15px 0 35px 0; }
	

}

/* Mobile (Landscape)
 * ------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.single-content a img{ width:100%; height:auto; }
	/* Layout
	 * ------------------------------------------------- */
	.general, .top { width:500px; max-width: 500px; margin: 0 auto; position: relative; }
	.container_12  { max-width:460px; width:460px; }
	.container_12 .grid_12,.container_12 .grid_8,.container_12 .grid_6,.container_12 .grid_4,.container_12 .grid_3, .widget-magazine .block-small { max-width:460px; width:460px; margin-left:0px; margin-right:0px; }
	.container_12 .prefix_4 { padding-left: 0px; }
	.scrolltop {display:none;}
	.wrapper { margin-top: 0; }
	.top-wrap { width:460px; max-width: 460px; overflow:hidden; }
	.top { margin-bottom: 0; height:auto; }
	.page-line-title { margin-top:20px;}
	
	/* Widget Magazine */
	.widget-magazine .block-big .magz-image { width:460px; height:261px;}
	.widget-magazine .block-big .big-desc { clear: both; padding-left: 0; }
	.widget-magazine .left, .widget-magazine .right { margin: 0px; }
	.alpha.widget-magazine.half { margin-bottom:35px; }
	.magazine-widget .block-small-noimage { width: 445px; }
	
	/* Blog */
	.home-1 .post-image{width:428px; height:242px; float:none; padding:15px 15px 0 15px;}
	.home-1 .post-content { padding:15px;}
	/*Footer */
	.credits { overflow:hidden; }
	.credits p { float:none; text-align:center; }
	
	/* header */
	.logo-header a, .logo-bottom a {text-align:center; display: block;}
	.logo-header { position:relative; } 
	.social-header ul { width: 100%; text-align:center; margin-top:15px; float:none; }
	.social-header ul li, .social-header ul li:last-child{ display:inline-block; float:none; padding:0 5px; }
	.header-content { height:35px; padding-top:25px; }
	
	/* Top Nav */
	.topNav { width: 100%; text-align:center; }
	.topNav li { display:inline-block; float:none; }
	
	/* Bottom Nav */
	.bottomNav { width: 100%; text-align:center; float:none; margin-top:10px; }
	.bottomNav li { display:inline-block; float:none; }
	.bottomNav li a { padding:0 10px; font-size:13px; }
	
	
	/* Menu */
	.container_12.dropdownmenu{ display:block; }
	.mainnavmenu { display:none; }
	.container_12.dropdownmenu select { background: transparent; outline: none; padding: 5px; border: 1px solid #E1E1E1; height: 34px; width:460px; margin: 25px 0 15px 0; color: #777; font-size:13px; }
	
	
	/* Hidden */
	.datetime, .search-header, .bottomNav-wrapper, .line-head, .digg-share, .stumbleupon-share, .reddit-share, .tumblr-share, .email-share, .author-description .avatar, .flex-caption p, .flex-direction-nav, .related-wrapper, #nextId { display:none; }
	
	/* Single */
	.single-info { display:none; }
	
	.textarea-comment { width: 280px; }
	.comment-submit { width: 460px; }
	.input-name, .input-email, .input-website { width:447px;  }
	.gallery-icon img, .gallery-icon { width: 60px; height: 60px; background: #000; }
	.critera { width:290px; }
	.overall-score{width:129px;}
	
	/* Portfolio */
	.portfolio1 li , .portfolio2 li{ margin:0 0 30px 0; }
	.portfolio1 li { width:460px; }
	.portfolio2 li { margin-right:5px; margin-left:5px; }
	.portfolio1 li img { width:460px; max-width:460px; height:auto; }
	ul#filter { margin:20px 0 0 0; }
	ul#filter li { margin-bottom:10px; }
	
	/* Gallery */
	.gallery-post { margin-top:25px; }
	.gallery-post img{ width:460px; max-width:460px; height:auto; }
	.grid_2.gallery-image { margin: 0 6px 20px 6px; }
	
	/* Contact */
	.postForm .text, .postForm textarea { width:388px; }
	.postForm .submit { width:408px; }
	
	/* News Ticker */
	.spotlight {max-width: 460px; width: 460px; margin-left: auto; margin-right: auto;}
	ul.newsticker { /* that's your list */ position: relative; list-style-type: none; margin: 0; padding: 0; left: 150px; }
	
	/* Footer */
	.credits { overflow:hidden; }
	.credits p { float:none; text-align:center; }
	
	/* Adds */
	.adds300x250 { width:460px; max-width:460px; height:389px;  }
	.adds300x250 img { width:460px; max-width:460px; height:389px;  }
	.adds620x90 { width:460px; max-width:460px; height:60px; }
	.adds620x90 img { height:60px; }
	
	/* Flex Slider */
	.flex-caption  { display:none; }
	.flexslider.full { min-height:196px; max-width: 460px; margin:15px 0 30px 0; width: 460px; margin-left: auto; margin-right: auto; }
	.flexslider.small { min-height:225px; margin:15px 0 35px 0; }
	

}