/*---------------------------------------------------------------*/
/* 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; } 
		#logopic {display: none;}
		 #menu {display:none !important}
  		#fixed-menu {display:none !important} 
		#sidebar_right, #sidebar_left , #recent_post_slider, #primary-main-menu, #nav, #footer_button, .devices_hide, .widget_nav_menu,  #topcontrol{ display: none; } 
				
		#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%;}
		
		#footer_content {display: block;}
		#footer{width:100%}
		
		
	}

	/* 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%;
		}
		#logopic {display: none;} 
		#menu {display:none !important}
  #fixed-menu {display:none !important}
		
		.mobileMenu {
			display: block;
			padding: 8px;
			margin: 20px auto;
			width: 700px;
		}
		
		.size-wrap, #wrapper, #content, #content_right  {
			width: 100% !important;
		}
		
		
		#header  { 
			margin: 0px auto;
			width: 100%;
		 }
		 
		#logo{left:0;}
		

		#navigation-block {	
			position: relative;
			width: 100%;
			margin:0 auto;
		}
		
		
		
		#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;}
		#footer{width:100%}
		
		
		.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;
		}
		#logopic {display: none;} 
		
		#navigation-block {	
			position: relative;
			width: 100%;
			margin:0 auto;
		}
		.size-wrap, #wrapper, #content, #content_right  {
			width: 100% !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 .smw_right, #header .smw_left {text-align:center !important;}
		
	}

	/* 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%;
		}
		#logopic {display: none;} 
		
		#wrapper embed,#wrapper object,#wrapper iframe {width:100%; height:auto !important;}
		
		.size-wrap, #wrapper, #content, #content_right  {
			width: 460px !important;
		}
		
		#logo img{max-width:460px;}
		#logo {margin-top: 77px;}
			
						
		#navigation-block {	
			position: relative;
			width: 100%;
			margin:0 auto;
		}
		
		#header { 
			margin: 0px auto;
			width: 460px;
		 }
		
				
		#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;}
		#footer{width:100%}
			
		

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		body {
			font-size: 102%;
		}
		#logopic {display: none;} 
		
		embed, object, iframe {height:auto !important;}
				
		.size-wrap, #wrapper, #content, #content_right  {
			width: 312px !important;
			margin-left: 0px;
		}
		
		.entry-title{display:none;}
		.su-frame-shell{display:none;}
		
		#logo img{max-width:320px;}
		#logo {margin-top: 77px;}
		
		 #menu { 
      display:none;
    }
    #fixed-menu {display:none !important}
    #mobile-menu {display:block}
		
		.mobileMenu {
			display: block;
			padding: 8px;
			margin: 20px auto;
			width: 312px;
		}
						
		#navigation-block {	
			position: relative;
			width: 312px;
			margin:0 auto;
		}
		
		#header { 
			margin: 0px auto;
			width: 312px;
		 }
		#contact-form-351{display:none;}
		#contact-form-351, h1 {display:none;}
		.su-divider {display:none;}
		.entry-content {display:none;}
		
		#sidebar_right{float:left; width:312px }
		#primary .widget-area {float:left; width:312px }
		.textwidget{float:left; width:312px }		
		
		#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;}
		#footer{width:100%}
		
		
		
 }
 
 /* 240 + 320px */

@media screen and (min-width:180px) and (max-width:360px) {
	body {
			font-size: 102%;
		}
		#logopic {display: none;} 
		
		embed, object, iframe {height:auto !important;}
				
		.size-wrap, #wrapper, #content, #content_right  {
			width: 240px !important;
			margin-left: 0px;
		}
		
		.entry-title{display:none;}
		.su-frame-shell{display:none;}
		
		#logo img{max-width:250px;}
		#logo {margin-top: 77px;}
		
		 #menu { 
      display:none;
    }
    #fixed-menu {display:none !important}
    #mobile-menu {display:block}
		
		.mobileMenu {
			display: block;
			position: left;
			padding: 8px;
			margin: 0px auto;
			width: 240px;
		}
				
		
		#navigation-block {	
			position: left;
			width: 240px;
			margin:0 auto;
		}
		
		#header { 
			margin: 0px auto;
			width: 240px;
		 }
		#contact-form-351, h1 {display:none;}
		.su-divider {display:none;}
		.entry-content {display:none;}
		
		#sidebar_right{float:left; width:240px }
		#primary .widget-area {float:left; width:240px }
		.textwidget{float:left; width:240px }
		.widget-container .widget_text .widget{float:left; width:240px }
		.si{width:240px}
		
		#footer_all, #footer-widget-area {margin: 0 auto; width: 312px; }
		#footer-widget-area .widget-area { width:240px !important; }

		#footer_info_content{width:240px; 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;}
		#footer{width:100%}
		
		#container img {display:none;}
		.gradienttable {display:none;}
		
		/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
		
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
	}
	


}
		
		
		
}