

/* 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:75%; 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; }





}







