/*
Theme Name: Coreden
Theme URI: http://themeforest.net/
Responsive CSS Stylesheet
 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
#Tablet
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Design for a width of 768px and 989px*/
@media only screen and (min-width: 768px) and (max-width: 989px)
{
	.inner
	{
		width: 720px;
	}
/*Layout*/
	#boxed #wrapper, #stretched #wrapper
	{
		width: 760px;
	}
	#stretched #topbar, #boxed #topbar, #stretched #header, #boxed #header, #stretched #subheader, #boxed #subheader, #stretched #footer, #boxed #footer
	{
		width: 760px;
	}
	.logo
	{
		display: table;
		float: none;
		margin: 0 auto;
	}
	.menu
	{
		border-top: 1px solid #DDD;
		clear: both;
	}
	.sf-menu
	{
		width: 100%;
		position: inherit;
		left: 0px;
	}
	.logo
	{
		margin: 0 auto;
		text-align: center;
	}
/*slider wrapper*/
	.slider_wrapper
	{
		width: 766px;
		margin: 0 auto;
	}
/*pagemid*/
	#stretched .pagemid, #boxed .pagemid
	{
		width: 766px;
	}
	UL.tabs A
	{
		padding: 12px 5px;
	}
	#pricetable
	{
		width: 100%;
	}
	#pricetable .block, #pricetable .block.active
	{
		width: 24.5%;
		float: left;
		margin-bottom: 10px;
	}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
#Mobile (Portrait)
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Design for a width of 320px*/
}
@media only screen and (max-width: 767px)
{
	.inner
	{
		width: 100%;
	}
/*layout*/
	#boxed #wrapper, #stretched #wrapper
	{
		width: 100%;
	}
	.topbar .nav
	{
		display: table;
		float: none;
		margin: 0 auto;
	}
	.topbar .atpsocials
	{
		display: table;
		float: none;
		margin: 0 auto;
	}
	.menu .sf-menu SPAN
	{
		display: none;
	}
	#stretched #topbar, #boxed #topbar, #stretched #header, #boxed #header, #stretched #subheader, #boxed #subheader, #stretched #footer, #boxed #footer
	{
		width: 100%;
	}
	#subheader .rightaside
	{
		display: none;
	}
	#subheader H1
	{
		float: none;
		display: block;
		width: auto;
		text-align: center;
		line-height: normal;
		padding-right: 10%;
	}
	.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;
	}
	.portfolio_item .two_third
	{
		width: 97%;
	}
	.portfolio_item .one_third
	{
		width: 97%;
	}
	.portfolio_item .one_half
	{
		width: 97%;
	}
	.portfolio_item .one_fourth
	{
		width: 97%;
	}
	.leftsidebar #main
	{
		width: 100%;
	}
	.rightsidebar #main
	{
		width: 100%;
	}
	.leftsidebar #sidebar
	{
		width: 100%;
	}
	.rightsidebar #sidebar
	{
		width: 100%;
	}
	.twosidebar .leftsidebar #sidebar
	{
		width: 100%;
	}
	.twosidebar #main
	{
		width: 100%;
	}
	.twosidebar .rightsidebar #sidebar
	{
		width: 100%;
	}
	.rightsidebar #sidebar .widget-area
	{
		padding-left: 0;
	}
	.twosidebar #main
	{
		padding-left: 0;
	}
	.subheader
	{
		width: 280px;
	}
	.subdesc
	{
		width: 100%;
	}
}
.logo IMG
{
	/*[ph]0*/
	/*[ph]1*/
	/*[ph]2*/
	/*[ph]3*/
	/*[ph]4*/
width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 989px)
{
	.logo
	{
		/*[id]2*/width: 100%;
	}
}
@media only screen and (max-width: 767px)
{
	.logo
	{
		/*[id]0*/display: block;
		/*[id]1*/float: none;
		/*[id]3*/margin: 0 auto;
		/*[id]4*/text-align: center;
	}
	.menu
	{
		width: 100%;
		position: inherit;
		left: 0;
	}
	.menu SELECT
	{
		width: 100%;
		padding: 5px;
		margin-bottom: 5px;
		border: 1px solid #EEE;
	}
/*slider wrapper*/
	.slider_wrapper
	{
		width: 100%;
		margin: 0 auto;
	}
	.planbox
	{
		display: block;
		width: 97%;
		margin-bottom: 5px;
	}
/*pagemid*/
	#stretched .pagemid, #boxed .pagemid
	{
		width: 100%;
	}
/*slider caption*/
	.flex-caption
	{
		display: none;
	}
	.teamMember
	{
		margin: 0 0 25px;
	}
	.three_fourth
	{
		width: 100%;
	}
	#pricetable
	{
		width: 100%;
		height: 100%;
	}
	#pricetable .block
	{
		width: 95%;
		float: none;
		margin-bottom: 10px;
	}
	#pricetable .block.active
	{
		width: 95%;
	}
	.port_box
	{
		float: none;
		width: auto;
		margin-bottom: 5px;
	}
	.port_desc
	{
		padding-top: 5px;
	}
	.port_img, .sort_img, .postimg
	{
		width: 100%;
	}
	.post .post_content
	{
		width: 100%;
	}
	#comments-title
	{
		width: 100%;
		float: none;
	}
	OL.commentlist
	{
		width: 100%;
		margin-left: 0;
	}
	.comment-author
	{
		margin-bottom: 10px;
	}
	.fancy_table
	{
		width: 50%;
	}
	.fancybox_wrapper
	{
		margin-bottom: 10px;
	}
	.vertabs UL.tabs, .vertabs .panes
	{
		display: none;
	}
	.post2 .post-info
	{
		display: block;
		float: none;
		width: 100%;
	}
	.post2 HEADER H2
	{
		display: block;
		float: none;
		width: 100%;
		padding: 0;
	}
	.post2 .postmetadata SPAN
	{
		display: inline-block;
	}
	.rightsidebar #main .entry-content
	{
		padding-right: 0;
	}
	.rightsidebar #sidebar .content
	{
		padding-left: 0;
	}
	.leftsidebar #main .entry-content
	{
		padding-left: 0;
	}
	.leftsidebar #sidebar .content
	{
		padding-right: 0;
	}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
#Mobile (Landscape)
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Note: Design for a width of 480px*/
}
@media only screen and (min-width:480px) and (max-width: 767px)
{
	.inner
	{
		width: 100%;
		margin: 0 auto;
	}
	#stretched #wrapper
	{
		width: 95%;
	}
	#boxed #wrapper
	{
		width: 80%;
	}
	#stretched #topbar, #boxed #topbar, #stretched #header, #boxed #header, #stretched #subheader, #boxed #subheader, #stretched #footer, #boxed #footer
	{
		width: 100%;
	}
	#subheader .rightaside
	{
		display: none;
	}
	#subheader H1
	{
		float: none;
		display: block;
		width: auto;
		text-align: center;
		line-height: normal;
		padding-right: 10%;
	}
	.bio
	{
		text-align: center;
	}
	.half_width, .one_half, .one_third, .two_third, .one_fifth, .three_fourth, .four_fifth, .two_fifth, .three_fifth, .one_sixth, .four_sixth
	{
		width: 100%;
		margin-right: 0;
	}
	.portfolio_item .two_third
	{
		width: 97%;
	}
	.portfolio_item .one_third
	{
		width: 97%;
	}
	.portfolio_item .one_half
	{
		width: 97%;
	}
	.portfolio_item .one_fourth
	{
		width: 97%;
	}
	.leftsidebar #main
	{
		width: 100%;
	}
	.rightsidebar #main
	{
		width: 100%;
	}
	.leftsidebar #sidebar
	{
		width: 100%;
	}
	.rightsidebar #sidebar
	{
		width: 100%;
	}
	.twosidebar .leftsidebar #sidebar
	{
		width: 100%;
	}
	.twosidebar #main
	{
		width: 100%;
	}
	.twosidebar .rightsidebar #sidebar
	{
		width: 100%;
	}
	.rightsidebar #sidebar .widget-area
	{
		padding-left: 0;
	}
	.twosidebar #main
	{
		padding-left: 0;
	}
/*header*/
	.logo
	{
		display: block;
		float: none;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.menu
	{
		width: 100%;
		position: inherit;
		left: 0px;
	}
	.menu SELECT
	{
		width: 100%;
	}
/*slider wrapper*/
	.slider_wrapper
	{
		width: 100%;
		margin: 0 auto;
	}
	.planbox
	{
		display: block;
		width: 97%;
		margin-bottom: 5px;
	}
/*pagemid*/
	#stretched .pagemid, #boxed .pagemid
	{
		width: 100%;
	}
/*slider caption*/
	.flex-caption
	{
		display: none;
	}
	.teamMember
	{
		margin: 0 0 25px;
	}
	UL.tabs A
	{
		padding: 12px 5px;
	}
	#pricetable .block, #pricetable .block.active
	{
		width: 48%;
		float: left;
		margin-bottom: 10px;
	}
	.post .entry-title
	{
		text-align: left;
	}
	.post .post_content
	{
		width: 100%;
	}
	.fullwidth #main .entry-content
	{
		margin-bottom: 40px;
	}
	#container
	{
		width: 100%;
	}
	.masonry
	{
		width: 100%;
	}
	.port
	{
		float: left;
		width: 45%;
		margin: 10px 15px 35px 0;
	}
	#galleria1
	{
		width: 100%;
	}
	.rightsidebar #main .entry-content
	{
		padding-right: 0;
	}
	.rightsidebar #sidebar .content
	{
		padding-left: 0;
	}
	.leftsidebar #main .entry-content
	{
		padding-left: 0;
	}
	.leftsidebar #sidebar .content
	{
		padding-right: 0;
	}
	.port_img
	{
		width: 100%;
	}
	.postimg
	{
		width: 100%;
	}
	.post_slider
	{
		width: 100%;
	}
	.sort_img
	{
		width: 100%;
	}
}