/*	
	*	---------------------------------------------------------------------
	*	MNKY CSS for responsive layout (tablets and mobile devices)
	*	--------------------------------------------------------------------- 
	*/

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

	
	/*
	* -------------------------------------------------------------------------------------------
	* FOR ALL DEVICES
	* -------------------------------------------------------------------------------------------
	*/
	@media only screen and (max-width: 959px) {
		/* General */
		body { overflow-x: hidden; }
		input	{max-width:90% !important;}	
		textarea	{max-width:90% !important;}	
		#wrapper embed, #wrapper object, #wrapper iframe {height:auto !important; width:100% !important;}
		
		/* Hide content */
		#sidebar_right, #sidebar_left, .su-error-carousel, #primary-main-menu  { display: none; } 
		
		/* Content style */
		#container_bg #content_full, #container_bg #content_right, #container_bg #content_left  {width:100% !important;}		
		.entry-content img { max-width: 100%; height: auto; } 
		.alignnone, .alignleft { margin: 5px 0px; }
		.custom_header_img {max-width:100%;}
		.mobile_slider_replace{display:inherit;}
		.gallery .gallery-item{min-width:120px !important; padding-right:20px!important;}
		.gallery dt{background-image: none;}
				
		/* Shortcodes */
		.su-frame-align-left, .su-frame-align-right{float:none !important;}
		.su-staff-wrapper .su-frame-align-left {float:left !important;}
		
		/* Footer */
		#footer_navigation {float: none; text-align: center; width: 100%;}
		#footer_navigation ul {padding-top: 10px; margin-left:0; float:none;}
		#footer_navigation ul li{float:none; display:inline-block;}
		#footer_navigation ul li a {padding: 0px 15px 0px 11px;}
		#footer_navigation ul li:last-child a {padding-right:15px;}
		#copyright {float: none;	text-align: center; width:100%; padding-bottom:0px;}

	}

	
	
	/*
	* -------------------------------------------------------------------------------------------
	* TABLET PORTRAIT 
	* -------------------------------------------------------------------------------------------
	*/	
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		/* General */
		body {ont-size: 102%;}
		.size-wrap {width: 700px !important;}
		
		/* Dropdown menu */
		#main_menu {background:none!important;filter:none !important;box-shadow:none!important; }
		.mobileMenu {display: block; padding: 12px 8px; margin:-10px 10px 15px 10px;}
		.mobileMenu {width:350px;}
		
		/* Sliders */
		.su-nivo-slider{max-height: 100%; max-width: 700px;	overflow:hidden;}
		#orbit-content img{max-width:700px !important;	}
		
		/* Shortcodes */
		.su-service-title {line-height:22px !important; padding-bottom:25px !important}		
		
		/* Content sidebar */			
		#before_wrapper {width:100%;	}
		#before_wrapper .content_widgets {width:680px; padding-left: 10px; padding-right: 10px;}				
		
		/* Footer */
		#footer-widget-area .widget-area {width: 310px;}
		#footer-widget-area #first, #footer-widget-area #third{margin-right: 75px;}
		#footer-widget-area #second, #footer-widget-area #fourth  {margin-right: 0px;	}

	}

	/*
	* -------------------------------------------------------------------------------------------
	* MOBILE BOTH VIEWS
	* -------------------------------------------------------------------------------------------
	*/
	@media only screen and (max-width: 767px) {
		
		/* General */
		body {font-size: 102%;}
		#wrapper embed, #wrapper object, #wrapper iframe {height:auto !important;}
		
		/* Dropdown menu */
		#main_menu {background:none!important;filter:none !important;box-shadow:none!important; }
		.mobileMenu {display: block; padding: 12px 8px; margin:-10px 10px 20px 10px;}
		
		/* Header */
		#header-wrapper {position:relative;}
		#header {height:auto !important;}
		#header #logo {display: block; position: static; text-align:center; width: 100%; margin:0px 0 15px !important; bottom:0; padding-top:20px;}
		#header #main_menu{position:relative; display:inline-block; margin-bottom: 10px; bottom:auto; right:auto;}
		
		/* Header Sidebar */
		#header-wrapper #top_sidebar{text-align: center;}
		#header-wrapper #top_sidebar .widget-title{display:none;}
		#header-wrapper #top_sidebar ul.xoxo {float:none; margin-top:0px !important; margin-bottom:15px; display: inline-block;}
		#header-wrapper #top_sidebar ul li{padding:0px; margin:0 10px !important;}
		#top_sidebar .widget-container {margin:0px;}
		#header-wrapper #top_sidebar ul li .su-list ul {margin:0 !important; text-align: center;}
		#header-wrapper #top_sidebar ul li .su-list ul li {padding: 0px 0px 10px 22px !important; display: inline-block !important;}
		#header-wrapper #top_sidebar .su-list {float:none;}
		
		/* Subhead area */
		h1.entry-title-page {float:none; padding-bottom:10px;}
		.mnky-breadcrumbs {float: none; padding: 5px 0px 21px 1px;}
		#title_area_sidebar{display:none;}

		/* Sliders */
		div.slider-nav, .orbit-caption, div.timer, .orbit-bullets, .fp_title {display:none !important;}
		#orbit-container {padding: 10px 0px;	}
		
		/* Content */
		.comments-link {float:none; display:block; padding-top:2px;}
		.comments-link img{display:inline-block;}
		.commentlist .children li { padding-left:0px; } 	
		
		/* Shortcodes */
		.su-members-style-1, .su-members-style-2, .su-members-style-3 {width:90% !important;}
		.su-column {float: none !important; 	margin: 0 !important; width: 100% !important;}
		.su-column { margin-bottom:40px !important;}
		.su-column-last { margin-bottom:0px !important;}
		.su-tabs-style-1 .su-tabs-nav{height:auto !important;}
		.su-tabs-style-1 .su-tabs-nav span {float:none !important;}
		.su-tabs-style-2 .su-tabs-nav{width:100% !important; float:none !important; margin-bottom:20px !important;}
		.su-tabs-style-2 .su-tabs-panes{padding-left:0px !important;}
		
		/* 404 */
		.error404_content .error_bg{height:auto;}
		.error404_content .error_title{display:none;}
		.error404 .searchform .s {width:85%;}
	
	}
	

	/*
	* -------------------------------------------------------------------------------------------
	* MOBILE LANDSCAPE
	* -------------------------------------------------------------------------------------------
	*/
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		/* General */
		.size-wrap {width: 440px !important;}
		.mobileMenu {width:420px;}	
		
		/* Header */
		#header #logo  img{max-width:420px !important;}
		#header-wrapper #top_sidebar ul li{padding:0px; margin:0 10px 5px!important;}
		#header-wrapper #top_sidebar ul.xoxo {margin-bottom:10px;}
		#header-wrapper #top_sidebar ul li .su-list ul {display: inline-block;}
				
		/* Content sidebar */
		#before_wrapper {width:100%;	}
		#before_wrapper .content_widgets {width:420px; padding-left: 10px; padding-right: 10px;}
		
		/* Sliders */
		.su-nivo-slider{max-height: 100%; max-width: 440px; overflow:hidden; }
		#orbit-content img{max-width:440px !important;	}			
				
		/* Footer */		
		#footer-widget-area{width:420px; padding-left: 5px; padding-right: 5px;}
		#footer-widget-area .widget-area {width: 200px;}
		#footer-widget-area #first, #footer-widget-area #third{margin-right: 40px;}
		#footer-widget-area #second, #footer-widget-area #fourth  {margin-right: 0px;	}

	}
	

	/*
	* -------------------------------------------------------------------------------------------
	* MOBILE PORTRAIT 
	* -------------------------------------------------------------------------------------------
	*/	
	@media only screen and (max-width: 479px) {
		
		/* General */
		.size-wrap {width: 300px !important;}
		.mobileMenu {width:280px;}	
	
		/* Header */
		#header #logo  img{max-width:280px !important;}
		#header-wrapper #top_sidebar ul li{padding:0px; margin:0 10px 5px!important;}
		#header-wrapper #top_sidebar ul.xoxo {margin-bottom:10px;}
		#header-wrapper #top_sidebar ul li .su-list ul {display: inline-block;}
		
		/* Content sidebar */
		#before_wrapper {width:100%;	}
		#before_wrapper .content_widgets {width:280px; padding-left: 10px; padding-right: 10px; }
		
		/* Sliders */		
		#orbit-content img{max-width:300px !important;}
		.su-nivo-slider{max-height: 100%; max-width: 300px; overflow:hidden;}
		
		/* Portfolio */
		ul#filter {width:292px !important; padding:0 10px; }
		.mosaic-block, .mosaic-block-two {width:280px !important; margin: 20px 10px !important; }
		.mosaic-block-three, .mosaic-block-four  {margin: 20px 10px !important; }	
		.portfolio-item-text {float: left; height: auto; width:280px !important; padding:0 10px;}
		.portfolio_page_content {width:280px !important;	 padding:0 10px;	}	
		
		/* Shortcodes */		
		.su_au_dec, .su_au_name {margin-left: 0px !important;}
		.su_au_pos {margin-left: 156px !important;}
		
		/* Footer */
		#footer-widget-area .widget-area {width:280px;}
		#footer-widget-area #first, #footer-widget-area #third, 
		#footer-widget-area #second, #footer-widget-area #fourth{margin-right: 10px; margin-left: 10px;}
		
 }