/**
 * Theme : Concept 
 * Dated : 18/08/2013
 */ 
 
/* ===================================================== */
/* #Table (Portrait)
/* ===================================================== */

@media only screen and (max-width: 767px) {
	figure img { width: auto; max-width: 100%; height: auto; }	
	.inner { width:95%;}

	/* Layout */
	#boxed #wrapper,
	#layout_wrapper { width:766px; }	
	.logo { text-align:center; float:none; }
	.menu-dropdown {
		margin:0 auto;
		height: 35px;
		width: 100%;
		padding: 0;
		position: relative;
		top:0;
		cursor: pointer;
		border-bottom: none;
		display: block;
		background: #ffffff url(../images/menu-icon.png) 0 0 no-repeat;
	}

	#sf-mobilemenu { margin:0 auto; display: none; }

	#sf-mobilemenu ul { margin: 0; padding: 0; }
	#sf-mobilemenu li {
		list-style:none;
		position: relative;
		border-top:1px solid #444444;
		}

	#sf-mobilemenu a {
		display: block;
		float: none;
		padding:8px 20px;
		color: #999;
	}

	#sf-mobilemenu a:hover{ color: #fafafa; }	

	#sf-mobilemenu ul a { padding:8px 10px 8px 35px; width: auto; }
	#sf-mobilemenu ul a:hover{ background: none; }

	#sf-mobilemenu ul li:first-child a:after,
	#sf-mobilemenu ul ul li:first-child a:after { border: 0;}	

	.sys_slider .full { wdith:auto; }

	.logo { display:table; margin: auto; padding:15px 0; min-height:30px;}
	.menuwrap { display:table; margin: auto; }

}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
/* #Tablet  (Landscape) */
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
/* Design for a width of 768px and 959px */

	@media only screen and (min-width: 768px) and (max-width: 959px) {	
	
	#boxed #wrapper,
	#layout_wrapper,
	.videoslider,
	.planbox_slider,
	#header-s4 .menuwrap,
	#header-s2 .menuwrap{
		width: 760px;
	}
	.inner,
	.frontpage_teasercontent,
	.pagemid .inner,
	#subheader .inner,
	.videoslider,
	.section_inner,
	.breadcrumbs,
	.header-area {
		width: 720px;
	}	
	#subheader .subdesc,
	.breadcrumb { text-align:center; float:none; width: auto; }

 	.leftsidebar #main { width: 470px;}
	.leftsidebar #sidebar { width: 250px; background: none;}
 	.rightsidebar #main { width: 470px;}
	.rightsidebar #sidebar { width: 250px; background: none;}	
	.sort_column1 .item  .sort_img { width: 460px;}
	.menuwrap{border-radius: none;}
	.ei-slider{height: 400px;}
	.ei-title{
		position: absolute;
		left: 0;
		margin-right: 10%;
		top: 65%;
	}
	.flex-caption{ bottom: 10% !important;}
	.logo { display:table; margin: auto; padding:15px 0;  min-height:30px;}
	.menuwrap { display:table; margin: auto; }
	
}

/* #Mobile (Portrait)
===================================================== */
/* Note: Design for a width of 320px */


	@media only screen and (min-width: 240px) and (max-width: 479px) {	
	figure img { width:auto; max-width:100%; height:auto;}	
	.primarymenu { display:none !important; }
	#themestyle_switcher  { display:none !important; }
	#boxed #wrapper,
	#layout_wrapper { width:320px; }	
	.inner,
	.menu-dropdown,
	#sf-mobilemenu,
	.section_inner,
	.videoslider,
	.planbox_slider,
	.rightsidebar #main,
	.rightsidebar #sidebar,
	.leftsidebar #main,
	.leftsidebar #sidebar,
	.jcarousel-item-horizontal,
	#header-s4 .menuwrap,
	.header-area,
	#subheader .subdesc			{ width:300px !important; }
	.logo						{ text-align:center; float:none; }
	.videoslider,
	.planbox_slider				{ padding-top:30px;}
	#featured_slider			{ position: relative; margin: 0 auto; }
	.frontpage_teaser			{ position:relative; }
	.pricetable .column			{ float: none; width: 100%; border-width:1px;}
	.topbar .atpsocials { display: table; float: none; margin:0 auto; }
	.half_width, .one_half, .one_third,
	.two_third, .one_fourth, .one_fifth,
	.three_fourth, .four_fifth, .two_fifth,
	.three_fifth, .one_sixth, .four_sixth  { width:100%; margin-right:0; }
	.flex-caption,
	.ei-title,
	.nivo-caption,
	#header-s4 .search-box  { display:none !important; }
	.rightsidebar #sidebar .content,
	.leftsidebar #main .entry-content { padding-left:0; }	
	.rightsidebar #main .entry-content,
	.leftsidebar #sidebar .content { padding-right:0; }
	.tabs li,
	.fb-area,
	.doubles li,
	.vertabs .tabs,
	.breadcrumbs,
	.event_thumb,
	.copyright_left,
	.copyright_right,
	.teaserbox .callout_btn { float:none; }
	.subdesc,
	.breadcrumbs { text-align: center; width: 100%; }
	.copyright_left,
	.copyright_right,
	.vertabs .tabs,
	.sort_column2 .item,
	.sort_column3 .item,
	.sort_column4 .item,
	.pricetable.col3 .column { width:100%; }
	.copyright_left,
	.copyright_right,
	.header .one_half,
	.header .one_third,
	.topbar .inner,
	.events-carousel .carousel-event-block { text-align: center !important; }
	.header_left{ float: none; width: 100%;}
	.header_right{ display: none;}
	
	 /* Portfolio Column Grid  */
	.col_half, .col_third, .col_twothird, .col_three_fourth, .col_fourth, .col_fifth { float: none !important; width:100% !important; margin: 0 auto !important; }
	.col_half, .col_third, .col_twothird, .col_three_fourth, .col_fourth, .col_fifth{ margin-bottom: 20px !important;}
	.fixed-header { position:relative; }


}

/* ===================================================== */
/* #Mobile (Landscape)
/* ===================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {	

	.fixed-header { position:relative; }

	figure img { width:auto; max-width:100%; height:auto;}

	.primarymenu { display:none !important; }
	#themestyle_switcher  { display:none !important; }

	/* layout */ 
	#boxed #wrapper,
	#layout_wrapper {
		width: 420px;
	}

	.inner,
	.menu-dropdown,
	#sf-mobilemenu,
	.section_inner,
	.videoslider,
	.planbox_slider,
	.rightsidebar #main,
	.rightsidebar #sidebar,
	.leftsidebar #main,
	.leftsidebar #sidebar,
	.jcarousel-item-horizontal,
	#header-s4 .menuwrap,
	.header-area,
	#subheader .subdesc { width: 380px !important; }

	.topbar .inner,
	.events-carousel .carousel-event-block { text-align:center; }
	.logo { text-align:center; float:none; }
	.frontpage_teaser { position:relative; }

	.videoslider,
	.planbox_slider { padding-top:30px;}
	#featured_slider { position: relative; margin: 0 auto; }
	.pricetable .column { float: none; width: 100%; border-width:1px; }

	.ei-title,
	.flex-caption,
	.nivo-caption,
	#header-s4 .search-box { display:none !important; } 
 	.half_width, .one_half, .one_third,
	.two_third, .one_fifth, .one_fourth,
	.three_fourth, .four_fifth, .two_fifth,
	.three_fifth, .one_sixth, .four_sixth		{ width:100%; margin-right:0; }
	.topbar .atpsocials							{ display: table; float: none; margin:0 auto; }
	.leftsidebar #sidebar .content,
	.rightsidebar #main .entry-content			{ padding-right:0; }
	.leftsidebar #main .entry-content,
	.rightsidebar #sidebar .content				{ padding-left:0; }
	.tabs li,
	.fb-area,
	.doubles li,
	.event_thumb,
	.copyright_left,
	.copyright_right,
	.teaserbox .callout_btn					{ float:none; }
	.vertabs .tabs,
	.copyright_left,
	.copyright_right,
	.sort_column2 .item,
	.sort_column3 .item,
	.sort_column4 .item,
	.pricetable.col3 .column					{ width:100%; }
	.copyright_left,
	.copyright_right,
	.header .one_half,
	.header .one_third { text-align: center !important; }
	.subdesc,
	.breadcrumbs { text-align: center; width: 100%; }
	.header_left{ float: none; width: 100%;}
	.header_right{ display: none;}
	
	/* Portfolio Column Grid  */
	.col_half, .col_third, .col_twothird, .col_three_fourth, .col_fourth, .col_fifth { float: none !important; width:100% !important; margin: 0 auto !important; }
	.col_half, .col_third, .col_twothird, .col_three_fourth, .col_fourth, .col_fifth{ margin-bottom: 20px !important;}

}