/*---------------------------------------------------------------*/
/* All devices
/*---------------------------------------------------------------*/

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px){ 
html {-webkit-text-size-adjust: none; }
}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		body { overflow-x: hidden; } 
		#sidebar_right, #sidebar_left , #recent_post_slider, #primary-main-menu, #footer_button, .devices_hide, .widget_nav_menu,  #topcontrol{ display: none; } 
		.entry-content img { max-width: 100% !important; height: auto; display: block; } 
		.alignnone, .alignleft { margin: 5px 0px; }
		#wrapper embed,#wrapper object,#wrapper iframe {width:100% !important;}
		#aligner {width:auto; margin:auto;}
		#container, #slider_home, #slider_box_shadow, h1.entry-title, .title_box_shadow  {margin-left: 0px;}
		.su-frame {max-width:100% !important;}
		.pagerbox {width:100%;}
		#sliding_footer{/* for IE */ filter:alpha(opacity=95); /* CSS3 standard */ opacity:0.95; width:100%; position:static; bottom:0;}
		#footer_content {display: block;} 
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) PORTRAT TABLET */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		body {
			font-size: 102%;
		}
		
		.mobileMenu {
			display: block;
			padding: 8px;
			margin: 20px auto;
			width: 700px;
		}
		
		.size-wrap, #wrapper, #content, #content_right  {
			width: 700px !important;
		}
		
		
		#header { 
			margin: 0px auto;
			width: 700px;
		 }
		 
		#logo{left:0;}
		#header-widget-area {right:0;}

		#navigation-block {	
			position: relative;
			width: 700px;
			margin:0 auto;
		}
		
		
		#header-widget-area ul li {
			float:none;
		}
		
		
		#slider_box_shadow, .content_box_shadow_small, .su-divider2, #content_box_shadow, .title_box_shadow, #contact_box_shadow, #content_box_shadow_small {
			background-size: 100% 18px !important;
		}
		.title_box_shadow_small  {
			background-size: 100% 10px !important;
		}	
		
		#featured, div.orbit-wrapper, #map_canvas {width:686px !important;} 
		#featured img, #custom_header_img img{
		max-width:686px !important;
		}
		
		#portfolio2{margin-left: -20px;}
		.portfolio-item-two{background-size: 100% 12px !important;}
		.portfolio-item-two-container{ float:left; width: 320px;  border: 1px solid #f6f6f6; padding:10px 7px 0 10px; background:#f6f6f6;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
		.portfolio-item-text-two{ float:left; margin-top:-5px;  line-height: 1.5; width: 320px; min-height:270px; max-height:270px;}
		.portfolio-item-two img{width: 318px; height:auto;}
		
		
		#portfolio{margin-left: 0px; margin-bottom:40px}
		.portfolio-item{ float:none; width: 682px; border: 1px solid #f6f6f6;  background:#f6f6f6; padding:8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
		.portfolio-item-text{float:none; width: 682px;  margin-left: 0px; }
		.portfolio-item img{width: 682px; height:auto;}
		.thumbnail {border: none; float: left; padding: 0px; }

		.portfolio-item-text h3 {margin: 0px -0px 30px -0px !important;  padding-left: 10px;  -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
		
		#portfolio3{margin-left: -50px;}
		.portfolio-item-three{ float:left; margin:0 0 9px 50px; }
		.portfolio-item-three-container{ float:left; width:310px;}
		.portfolio-item-text-three{ float:left; margin-top:-5px}
		.portfolio-item-three img, .portfolio-item-text-three h3 {width:309px; height:auto;}	
		
		#portfolio4{margin-left: -21px; }
		.portfolio-item-four{ float:left; margin:0 0 10px 21px; padding:0 0 10px 0; }
		
		#footer_all, #footer-widget-area {margin: 0 auto; width: 700px; }
		#footer-widget-area .widget-area { width:350px !important; }

		#footer_info_content{width:700px; height:60px; margin:0 auto; overflow: hidden;}
		#footer-widget-area {padding-left:0px;}
		
		
		.authorinfo {width:540px;}

	
		
	}

	/* All Mobile Sizes (devices and browser) ALL MOBILES */
	@media only screen and (max-width: 767px) {
		.su-column-1-2, .su-column-1-3,	.su-column-2-3,	.su-column-3-4,	.su-column-1-4,	.su-column-1-5,	.su-column-2-5,	.su-column-3-5,	.su-column-4-5,	.su-column-1-6,	.su-column-5-6 {
			width: 100% !important;
			float: none !important;
		}
		
		.contact-form input[type="text"], .contact-form textarea  {width: 96% !important;}
		
		#slider_box_shadow, .content_box_shadow_small, .su-divider2, #content_box_shadow, .title_box_shadow, #contact_box_shadow, #content_box_shadow_small {
			background-size: 100% 15px !important;
		}
		.title_box_shadow_small  {
			background-size: 100% 7px !important;
		}
		
		#logo{left:auto; bottom:auto; position:static; text-align:center; margin-top:20px;}
		#header-widget-area {right:auto; bottom:auto; position:static; text-align:center !important;}
		
		#header {height:auto !important;}
		#header-widget-area ul li {
			float:none;
		}
		
		#header-widget-area ul li, #header ul {margin-left:0px; padding:0;}
		#header-widget-area ul li {padding:10px 0 0 0;}
		#header .smw_right, #header .smw_left {text-align:center !important;}
		#header-widget-area .Social_Widget {margin-top:0px;}
		.portfolio_box_shadow {background-size:100% 12px;}
		
		#footer-widget-area {padding-left:0px;} 
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) LANDSCAPE MOB */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		body {
			font-size: 102%;
		}
		
		#wrapper embed,#wrapper object,#wrapper iframe {height:auto !important;}
		
		.size-wrap, #wrapper, #content, #content_right  {
			width: 460px !important;
		}
		
		#logo img{max-width:460px;}
		
		.mobileMenu {
			display: block;
			padding: 8px;
			margin: 20px auto;
			width: 460px;
		}
		
		#header-widget-area .widget_search #s {width: 420px !important; padding:5px;}
		
		#navigation-block {	
			position: relative;
			width: 460px;
			margin:0 auto;
		}
		
		#header { 
			margin: 0px auto;
			width: 460px;
		 }
		
		#featured, div.orbit-wrapper, #map_canvas {width:446px !important;} 
		#featured img, #custom_header_img img{
			max-width: 446px !important;
		}
		
		#portfolio2{margin-left: -20px;}
		.portfolio-item-two{background-size: 100% 12px !important;}
		.portfolio-item-two-container{ float:left; width: 450px;  border: 1px solid #f6f6f6; padding:10px 7px 0 10px; background:#f6f6f6;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
		.portfolio-item-text-two{ float:left; margin-top:-5px;  line-height: 1.5; width: 440px; }
		.portfolio-item-two img{width: 438px; height:auto;}
	
		#portfolio{margin-left: 0px; margin-bottom:40px}
		.portfolio-item{ float:none; width: 450px; border: 1px solid #f6f6f6;  background:#f6f6f6; padding:8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
		.portfolio-item-text{float:none; width: 438px;  margin-left: 0px; }
		.portfolio-item img{width: 438px; height:auto;}
		.thumbnail {border: none; float: left; padding: 0px; }

		.portfolio-item-text h3 {margin: 0px -0px 30px -0px !important;  padding-left: 10px;  -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
		
		#portfolio3{margin-left: -10px;}
		.portfolio-item-three{ float:left; margin:0 0 9px 10px; }
		.portfolio-item-three-container{ float:left; width:210px;}
		.portfolio-item-text-three{ float:left; margin-top:-5px}
		.portfolio-item-three img, .portfolio-item-text-three h3 {width:209px; height:auto;}	
		
		#portfolio4{margin-left: -21px; }
		.portfolio-item-four{ float:left; margin:0 0 10px 21px; padding:0 0 10px 0;  }
		
		#footer_all, #footer-widget-area {margin: 0 auto; width: 460px; }
		#footer-widget-area .widget-area { width:460px !important; }

		#footer_info_content{width:460px; height:auto; margin:0 auto; overflow: hidden;}
		#footer_copy, #logo_small, #copyrights-area  {float:none; text-align:center;}
		#footer_copy{height:auto;}
		#footer_info {height:auto;}
		
		.authorinfo {width:300px;}
		

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		body {
			font-size: 102%;
		}
		
		embed, object, iframe {height:auto !important;}
				
		.size-wrap, #wrapper, #content, #content_right  {
			width: 312px !important;
		}
		
		#logo img{max-width:312px;}
		
		.mobileMenu {
			display: block;
			padding: 8px;
			margin: 20px auto;
			width: 312px;
		}
		
		#header-widget-area .widget_search #s {width: 274px !important; padding:5px;}
		
		#navigation-block {	
			position: relative;
			width: 312px;
			margin:0 auto;
		}
		
		#header { 
			margin: 0px auto;
			width: 312px;
		 }
		
		#featured, div.orbit-wrapper, #map_canvas {width:298px !important;} 
		#featured img, #custom_header_img img{
			max-width: 298px !important;
		}
		
		#portfolio2{margin-left: -20px;}
		.portfolio-item-two{background-size: 100% 12px !important;}
		.portfolio-item-two-container{ float:left; width: 294px;  border: 1px solid #f6f6f6; padding:10px 7px 0 10px; background:#f6f6f6;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
		.portfolio-item-text-two{ float:left; margin-top:-5px;  line-height: 1.5; width: 294px; }
		.portfolio-item-two img{width: 290px; height:auto;}
		
		#portfolio{margin-left: 0px; margin-bottom:40px}
		.portfolio-item{ float:none; width: 294px; border: 1px solid #f6f6f6;  background:#f6f6f6; padding:8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
		.portfolio-item-text{float:none; width: 294px;  margin-left: 0px; }
		.portfolio-item img{width: 294px; height:auto;}
		.thumbnail {border: none; float: left; padding: 0px; }

		.portfolio-item-text h3 {margin: 0px -0px 30px -0px !important;  padding-left: 10px;  -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
		
		#portfolio3{margin-left: 0px;}
		.portfolio-item-three{ float:none; margin:0 0 9px 0px; }
		.portfolio-item-three-container{ float:none; width:297px;}
		.portfolio-item-text-three{ float:none; margin-top:-5px}
		.portfolio-item-three img, .portfolio-item-text-three h3 {width:296px; height:auto;}

			
		#portfolio4{margin-left: 0px; }
		.portfolio-item-four{ float:left; margin:0 0 10px 0px; padding:0 0 10px 0;  }
		.portfolio-item-four-container{ float:left; width: 297px; }
		.portfolio-item-four img, .portfolio-item-text-four h3 {width:296px; height:auto;}
		
		
		#footer_all, #footer-widget-area {margin: 0 auto; width: 312px; }
		#footer-widget-area .widget-area { width:312px !important; }

		#footer_info_content{width:312px; height:auto; margin:0 auto; overflow: hidden;}
		#footer_copy, #logo_small, #copyrights-area  {float:none; text-align:center;}
		#footer_copy{height:auto;}
		#footer_info {height:auto;}
		
		.authorinfo {width: 250px; float: none;}
		#authorarea p {padding:0px}
		#authorarea h3 {padding:10px 0px 0;}
		
 }