/*
Template Name: TryMee HTML
Template URI: http://trymee-html.cmsmasters.net/
Author: cmsmasters
Author URI: http://cmsmasters.net/
Description: The TryMee Responsive HTML5 Site Template.
Version: 1.0
License: 
License URI: 
Tags: light, white, one-column, two-columns, left-sidebar, right-sidebar, custom-colors, post-formats, responsive, html5, css3
*/

html {height:100%;}

body {
	background-color:#602e17;
	text-align:left;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

header, 
footer, 
article, 
section, 
nav, 
figure, 
address, 
hgroup, 
abbr, 
figcaption, 
aside {
	margin:0;
	padding:0;
	display:block;
}

abbr {border:none;}

address {font-style:normal;}

a {
	outline:none;
	text-decoration:none;
	cursor:pointer;
    transition:color .2s ease-out;
    -moz-transition:color .2s ease-out;
    -webkit-transition:color .2s ease-out;
    -o-transition:color .2s ease-out;
    -ms-transition:color .2s ease-out;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 18px;
	line-height:24px;
}

table {
	padding:0;
	margin:0;
	border-collapse:collapse;
}

td, 
th, 
tr {
	padding:0;
	margin:0;
}

ul, 
li, 
dl, 
dt, 
dd {
	padding:0;
	margin:0;
}


ul {margin:0 0 18px;}



li {list-style-position:inside; list-style:none; color:#000;}

img {
	padding:0;
	border:0;
}

a img {
	border:0;
	display:block;
}

.fullwidth {
	display:block;
	min-width:100%;
	max-width:100%;
}

img.fullwidth {
	image-rendering:optimizeQuality;
	-ms-interpolation-mode:bicubic;
}



.resizable_block {
	width:100%;
	height:0;
	padding-bottom:56.25%;
	position:relative;
	overflow:hidden;
}

figure.preloader .fullwidth, 
.blog.short .preloader .fullwidth, 
.portfolio_container .preloader .fullwidth, 
.resize .preloader .fullwidth, 
.resizable_block .fullwidth {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

div	{
	text-align:left;
	margin:0;
	padding:0;
}

div span	{
	text-align:left;
	margin:0;
	padding:0;
	color:#ffffff;
}

blockquote, 
code, 
input, 
textarea {
	padding:0;
	margin:0;
}

object, 
video, 
audio, 
embed, 
canvas {display:block;}

form {
	border:none;
	margin:0;
	padding:0;
}

fieldset {
	border:0;
	margin:0;
	padding:0;
}

label {
	display:block;
	margin:0;
	padding:0;
}

input {
	border:0;
	background:none;
	outline:none;
}

textarea {
	background:none;
	border:0;
	overflow:hidden;
	outline:none;
	resize:none;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	margin:0 0 18px;
	padding:0;
}

h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a {text-decoration:none;}

.cl {clear:both;}

.ovh {overflow:hidden;}

.fl {float:left;}

.fr {float:right;}

#page {
	background-color:#ffffff;
	/*border:1px solid #e1e2e2;*/
	width:852px;
	height:auto;
	margin:0 auto;
	/*position:relative;
	overflow:hidden;*/
	/*border-radius:4px;*/
	/*-moz-border-radius:4px;
	-webkit-border-radius:4px;*/
	box-shadow:0 0 15px #ececec;
	-webkit-box-shadow:0 0 15px rgba(0, 0, 0, .05);
	-moz-box-shadow:0 0 15px rgba(0, 0, 0, .05);
	box-shadow:0 0 15px rgba(0, 0, 0, .05);
}


/* ---------- Header ---------- */

#header {
	width:100%;
	/*height:110px;*/
	margin:0 auto;
	/*position:relative;*/
}

.logo {
	display:block;
	/*position:absolute;*/
	left:0;
	top:0;
    width:852px;
}


/* ---------- Navigation ---------- */

#header nav {
	/*position:absolute;*/
	right:0;
	/*top:200px;*/
	
}

#navigation, 
#navigation ul {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:29px;
	margin-left:30px;
	padding:7px 0 0 0;
	list-style:none;
	height:39px;
	background:#ffb400;
	border-radius:10px;
	width:795px;
	
}

#navigation:after {clear:both;}

#navigation {
	z-index:202;
	zoom:1;
	
	
}

#navigation li {
	float:left;
	margin:0 0 0 30px;
	/*position:relative;*/
	/*z-index:203;*/
	padding-left:30px;
	
}

#navigation a {
	text-decoration:none;
	float:left;
/*	z-index:204;*/
    transition:none;
    -moz-transition:none;
    -webkit-transition:none;
    -o-transition:none;
    -ms-transition:none;
	

	
}

#navigation > li.drop > a {
	background-image:url(../images/nav_arrow.png);
	background-position:right 18px;
	background-repeat:no-repeat;
}

#navigation > li > a {
	/*border-left:1px solid #ececec;*/
	font-size:15px;
	line-height:15px;
	height:20px;
	padding:11px 0 0 0;
	
}

#navigation > li {margin:0; }

#navigation > li > a > span {padding-bottom:1px;}

#navigation > li.current_page_item > a > span, 
#navigation > li > a:hover > span {border-bottom:1px solid; }

#navigation ul {
	padding-top:10px;
	margin:20px 0 0 0;
	opacity:0;
	visibility:hidden;
	position:absolute;
	left:0;
	top:31px;
	z-index:9999;
	-webkit-transition:opacity .2s ease-in-out, margin .2s ease-in-out;
	-moz-transition:opacity .2s ease-in-out, margin .2s ease-in-out;
	-ms-transition:opacity .2s ease-in-out, margin .2s ease-in-out;
	-o-transition:opacity .2s ease-in-out, margin .2s ease-in-out;
	transition:opacity .2s ease-in-out, margin .2s ease-in-out;
}

#navigation li:hover > ul {
	opacity:1;
	visibility:visible;
	margin:0;
}

#navigation ul ul {
	padding-left:1px;
	margin:0 0 0 20px;
	padding-top:0;
	top:-1px;
	left:150px;
}

#navigation ul li:first-child ul {top:0;}

#navigation ul li {
	border:0;
	display:block;
	float:none;
	margin:0;
}

#navigation ul li a {
	border:1px solid #ececec;
	font-size:13px;
	line-height:20px;
	display:block;
	width:127px;
	float:none;
	padding:6px 5px 6px 18px;
	
	
}

#navigation ul > li:first-child > a {border-top:1px solid #ececec;}

select.resp_navigation {
	border:1px solid #e1e1e1;
	background-color:#ffffff;
	display:none;
	width:100%;
	height:38px;
	padding:9px;
	cursor:pointer;
}

select.resp_navigation option {
	padding:5px;
	cursor:pointer;
}

select.resp_navigation option.main_item {font-weight:bold;}


/* ---------- Top ---------- */

#top {
	width:1160px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}




/* ---------- Top Sidebar ---------- */

#top_sidebar {
	width:1160px;
	padding-top:30px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

.widget_colored {
	float:left;
}

.widget_colored.four_box {width:400px;}

.widget_colored_inner {font-family:Arial, Helvetica, sans-serif;  padding:0 0 0 74px; }

.widget_colored,  
.widget_colored h2 {color:#602e17;}

.services ul li{
	list-style:none;
	background:url(../images/cup.png) no-repeat;
	padding-left:25px;
	line-height:20px;
}
.services ul li a{
	text-decoration:none;
	color:#e97902;
}
.services ul li a:hover{
	text-decoration:underline;
	
}

/* ---------- Middle ---------- */

#middle {
	/*margin:0 auto;
	overflow:hidden;
	position:relative;*/
}

#middle_content {
	width:1160px;
	padding:33px 0 20px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

.headline {border-bottom:1px solid #f1f1f1;}

.headline_inner {
	width:1160px;
	padding:32px 0 33px;
	margin:0 auto;
}

.headline table h5 {
	font-size:24px;
	line-height:25px;
	margin-top:5px;
	margin-bottom:-5px;
	opacity:.5;
	filter:alpha(opacity=50);
}

.headline h1,
.headline h5 {
	padding:0;
	margin:0;
}

.headline img {margin-right:30px;}

.cont_nav {
	font-size:12px;
	width:1160px;
	padding:13px 0 14px;
	margin:0 auto;
}



/* ---------- Content ---------- */

.content_wrap {
	background:url(../images/content_sep.png) repeat-y 68% 0;
	width:1160px;
	margin:0 auto;
}

.content_wrap.left_sidebar {background-position:32% 0;}

.content_wrap.left_sidebar #content {
	float:right;
	padding-left:3.5%;
	padding-right:0;
}

#content {
	width:64.5%;
	float:left;
	padding:40px 3.5% 40px 0;
	position:relative;
}

#content.fr {float:right;}

#slide_top {
	background:url(../images/arrow_top.png) no-repeat 50% 50%;
	display:none;
	width:50px;
	height:50px;
	position:fixed;
	right:10px;
	bottom:10px;
	z-index:999;
	opacity:0.5;
	filter:alpha(opacity=50);
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
    transition:opacity .2s ease-in-out;
    -moz-transition:opacity .2s ease-in-out, display .2s ease-in-out;
    -webkit-transition:opacity .2s ease-in-out;
    -o-transition:opacity .2s ease-in-out;
    -ms-transition:opacity .2s ease-in-out;
}

#slide_top:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

.sitemap ul {margin-bottom:0;}

.sitemap li {
	list-style:none;
	line-height:30px;
} 

.sitemap > li {
	border-bottom:1px solid #f1f1f1;
	width:100%;
	padding-bottom:31px;
	margin-bottom:27px;
}

.sitemap > li:last-child {
	border:none;
}

.sitemap > li > ul > li > a {font-weight:bold;}

.sitemap > li > ul {
	overflow:hidden;
	position:relative;
	width:100%;
	margin-top:23px;
}

.sitemap > li > ul > li > ul {margin-top:17px;}

.sitemap > li > ul > li {
	float: left;
	width: 25%;
}

.sitemap > li > ul > li:nth-child(4n+1) {clear: both;}

.cms_archive li, 
.cms_category li {
	list-style:none;
	line-height:30px;
}

.cms_archive li {
	width:25%;
	float:left;
	padding-bottom:35px;
}

.cms_archive li:nth-child(4n+1) {clear:both;}

.link_arrow {
	background:url(../images/link_arrow.png) no-repeat 0 50%;
	font-style:italic;
	padding-left:13px;
}


/* ---------- Sidebar ---------- */

/* ---------- Middle Sidebar ---------- */




/* ---------- Bottom ---------- */

#bottom {
	background:#fcfcfb;
	border-top:1px solid #f0f0ef;
	padding:20px 0 20px;
	overflow:hidden;
	position:relative;
	border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
}

#bottom .widget_links a {text-shadow:1px 1px 0 #ffffff;}

.bottom_inner {
	width:1160px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}


/* ---------- Footer ---------- */

#footer {
	/*text-shadow:1px 1px 0 #ffffff;*/
	width:1160px;
	padding: 0;
	margin:0 auto;
	
}

.footer_inner {
	margin:0 auto;
	
}

#footer .social_list {
	float:right;
	margin:0 ;
	overflow:hidden;
}

.social_list li {
	list-style:none;

	float:left;
	margin:0 10px 0 2px;
}

#footer p {padding:0;}

.copyright, 
.social_list_title {float:left; padding-left:10px; margin-top:8px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:normal;}


/* ---------- Shortcodes ---------- */

.alignleft {
	float:left;
	margin:0 20px 18px 0;
}

.alignright {
	float:right;
	margin:0 0 18px 20px;
}

.aligncenter {
	text-align:center;
	margin:0 auto;
}

.divider {
	border-top:1px solid #ececec;
	padding-bottom:18px;
	margin-top:17px;
	clear:both;
}

.table {
	width:100%;
	margin-bottom:18px;
}

.table thead th:first-child {
	border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	-webkit-border-radius:3px 0 0 3px;
}

.table thead th:last-child {
	border-radius:0 3px 3px 0;
	-moz-border-radius:0 3px 3px 0;
	-webkit-border-radius:0 3px 3px 0;
}

.table td {padding:8px 0 9px 20px;}

.table th {padding:9px 0 9px 20px;} 

.table td {
	border-top:1px solid #ffffff;
	border-top:1px solid rgba(255, 255, 255, .7);
	background:#f8f8f8;
	background:rgba(0, 0, 0, .03);
	-pie-background:rgba(0, 0, 0, .03);
}

.tooltip {
	border:1px solid #dedede;
	border:1px solid rgba(255, 255, 255, .3);
	background:#010101;
	background:rgba(0, 0, 0, .7);
	color:#fefefe;
	font-size:12px;
	display:none;
	padding:3px 10px;
	margin:0 0 18px;
	z-index:999;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

span.dropcap {
	float:left;
    font-size:48px;
	line-height:48px;
	font-weight:bold;
	margin-top:4px;
	padding:0 15px;
}

span.dropcap2 {
	font-size:26px;
	line-height:48px;
    font-weight:bold;
    text-align:center;
    width:48px;
	height:48px;
    float:left;
	margin-right:10px;
	margin-top:3px;
	border-radius:24px;
	-moz-border-radius:24px;
	-webkit-border-radius:24px;
}

q, 
blockquote {
	float:left;
	padding:9px 0 27px 37px;
	margin:0;
	position:relative;
	vertical-align:baseline;
}

q:before, 
blockquote:before {
	content:'\201C';
	display:block;
    padding:0;
	position:absolute;
	left:0;
	top:4px;
}

q:after, 
blockquote:after {clear:both;}

blockquote p {padding-bottom:0;}

code {
	border-top:3px solid;
	background:#f8f8f8;
	background:rgba(0, 0, 0, .03);
	display:block;
	width:96%;
	padding:16px 2% 17px;
	position:relative;
	-pie-background:rgba(0, 0, 0, .03);
}

.cmsms_plus {
	display:block;
	width:12px;
	height:12px;
	position:absolute;
	left:0;
	top:11px;
}

.cmsms_plus .vert_line {
	display:block;
	width:2px;
	height:12px;
	position:absolute;
	left:5px;
	top:0px;
    transition:background-color .2s ease-out;
    -moz-transition:background-color .2s ease-out;
    -webkit-transition:background-color .2s ease-out;
    -o-transition:background-color .2s ease-out;
    -ms-transition:background-color .2s ease-out;
}

.cmsms_plus .horiz_line {
	display:block;
	width:12px;
	height:2px;
	position:absolute;
	left:0px;
	top:5px;
    transition:background-color .2s ease-out;
    -moz-transition:background-color .2s ease-out;
    -webkit-transition:background-color .2s ease-out;
    -o-transition:background-color .2s ease-out;
    -ms-transition:background-color .2s ease-out;
}

.togg {
	overflow:hidden;
	position:relative;
}

#middle .togg .tog {
	font-size:16px;
	line-height:18px;
	display:inline-block;
	padding:9px 0 9px 27px;
	margin:0;
	position:relative;
}

.togg .tog.current .cmsms_plus .vert_line, 
.acc .tog.current .cmsms_plus .vert_line {display:none;}

.togg .tab_content {padding:5px 0 5px 27px;}

.accordion {position:relative;}

.accordion .tog.button_medium {
	font-weight:normal;
	display:block;
	margin-bottom:2px;
	position:relative;
}

.accordion .tog.button_medium span.cmsms_plus, 
.accordion .tog.button_medium span.cmsms_plus span {
	border:0;
	display:block;
	padding:0;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

.accordion .tog.button_medium .cmsms_plus {
	left:auto;
	right:18px;
	top:17px;
}

.accordion .tab_content {
	padding:25px 15px;
	overflow:hidden;
	position:relative;
}

.related_posts ul li a, 
.tabs li a {
	margin-right:5px;
	margin-bottom:0;
	position:relative;
}

.related_posts ul, 
.tabs {
	list-style:none;
	margin-bottom:27px;
	overflow:hidden;
}

.related_posts ul li, 
.tabs li {
	display:block;
	float:left;
}

.tab {
	margin-bottom:18px;
	overflow:hidden;
	position:relative;
}

.related_posts_content, 
.tabs_tab {
	overflow:hidden;
	position:relative;
}

.related_posts_content {display:block;}

.related_posts .one_half {
	display:table;
	padding-bottom:27px;
}

.related_posts_content .one_half figure.alignleft {
	margin-bottom:0;
	display:table-cell;
}

.related_posts_content .one_half p {
	vertical-align:middle;
	display:table-cell;
	width:100%;
	padding:0;
}

.google_map {margin-bottom:18px;}

.tour_content {
	overflow:hidden;
	position:relative;
	margin-bottom:18px;
}

.tour {
	width:25%;
	padding-right:2%;
	float:left;
}

.tour li:first-child {border-top:1px solid #ececec;}

.tour li {
	border-bottom:1px solid #ececec;
	line-height:35px;
	list-style:none;
}

.tour li a {
	display:block;
	position:relative;
	padding-left:8px;
}

.tour li.current a {font-weight:bold;}

.tour_box {
	width:73%;
	float:right;
	display:none;
	overflow:hidden;
	position:relative;
}

.tour_box_inner {
	border:1px solid #ececec;
	padding:20px 20px 2px;
	overflow:hidden;
}

.arrow_block {
	background:url(../images/arrow_right.png) no-repeat 50% 9px;
	display:block;
	width:23px;
	height:23px;
	position:absolute;
	right:8px;
	top:6px;
	border-radius:11.5px;
	-moz-border-radius:11.5px;
	-webkit-border-radius:11.5px;
    transition:background-color .2s ease-out;
    -moz-transition:background-color .2s ease-out;
    -webkit-transition:background-color .2s ease-out;
    -o-transition:background-color .2s ease-out;
    -ms-transition:background-color .2s ease-out;	
}

.tour li.current a .arrow_block, 
.tour li a:hover .arrow_block {background-position:50% -46px;}


/* ---------- Buttons ---------- */

.button, 
.button_medium, 
.button_large {
	background-color:#f9f9f9;
	background:linear-gradient(#ffffff, #f5f5f5);
	background:-moz-linear-gradient(#ffffff, #f5f5f5);
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
	background:-o-linear-gradient(#ffffff, #f5f5f5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5');
	border:1px solid #c1c2c2;
	border:1px solid rgba(0, 0, 0, .3);
	color:#373737;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:1px 1px 0 #ffffff;
	text-shadow:1px 1px 0 rgba(255, 255, 255, .5);
	line-height:18px;
	display:inline-block;
	margin:0 0 7px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    transition:background .2s ease-out;
    -moz-transition:background .2s ease-out;
    -webkit-transition:background .2s ease-out;
    -o-transition:background .2s ease-out;
    -ms-transition:background .2s ease-out;
	-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, .1);
	box-shadow:1px 1px 1px rgba(0, 0, 0, .1);
}

.button span, 
.button_medium span, 
.button_large span {
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
	border-left:1px solid rgba(255, 255, 255, .8);
	border-top:1px solid rgba(255, 255, 255, .8);
	display:block;
	padding:5px 15px 5px 14px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.p_sort a.current[name="p_name"], 
.p_sort a.current[name="p_date"], 
.related_posts ul li a.current, 
.tog.button_medium.current,
.tabs li a.current,
.button:hover, 
.button_medium:hover, 
.button_large:hover {
	background:linear-gradient(#f5f5f5, #ffffff);
	background:-moz-linear-gradient(#f5f5f5, #ffffff);
	background:-webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ffffff));
	background:-o-linear-gradient(#f5f5f5, #ffffff);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ffffff');
	color:#373737;
}

.button_medium {
	font-size:16px;
	line-height:25px;
	font-weight:bold;
	margin:0 0 15px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.button_large {
	font-size:26px;
	line-height:25px;
	font-weight:normal;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.button_medium span {
	padding:10px 15px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.button_large span {
	padding:14px 20px 16px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.box {
	background:#47c0c6;
	background:rgba(71, 192, 198, .1);
	margin:0 0 18px;
}

.box table {width:100%;}

.box table td p {padding:0 20px 0 0;}

.box table td {
	text-align:left;
	padding:25px 0;
}

.box table td:first-child {width:80px;}

.box.error_box table td:first-child {background:url(../images/error.png) center center no-repeat;}

.box.success_box table td:first-child {background:url(../images/success.png) center center no-repeat;}

.box.notice_box table td:first-child {background:url(../images/notice.png) center center no-repeat;}

.box.warning_box table td:first-child {background:url(../images/warning.png) center center no-repeat;}

.box.download_box table td:first-child {background:url(../images/download.png) center center no-repeat;}

.box.css_box {
	border:1px solid #ececec;
	padding:27px;
}

.box.css_box p {padding:0;}

.error {
	text-align:center;
	margin-bottom:50px;
}

.error .search_line {
	width:33%;
	margin:0 auto 30px;
	overflow:hidden;
}

.error h1 {
	font-size:21em;
	line-height:1.1em;
}

.error h3 {margin-bottom:18px;}


/* ---------- Widgets ---------- */

/* ---------- Portfolio ---------- */

/* ---------- Form builder ---------- */




/* ---------- Medium Monitor (Note: Design for a width more than 1151px but less than 1440px) ---------- */

@media only screen and (min-width: 1152px) and (max-width: 1439px) {
	body{background:#602e17;}
	
	#page {
		width:852px;
		margin:0 auto;
	}
	
	#header, 
	#top, 
	#top_sidebar, 
	#middle_content, 
	.middle_sidebar, 
	.bottom_inner, 
	#footer, 
	.cont_nav, 
	.headline_inner, 
	.content_wrap, 
	.pj_sort {width:852px; }
	
	
	.logo {left:23px;}
	
	#navigation > li > a {padding:10px 0 0 0; 
	}
	
}


/* ---------- Small Monitor (Note: Design for a width more than 1023px but less than 1152px) ---------- */

@media only screen and (min-width: 1024px) and (max-width: 1151px) {
	body{background:#602e17;}
	#page {
		border:none;
		width:auto;
		margin:0 auto;
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
	}
	
	#header, 
	#top, 
	#top_sidebar, 
	#middle_content, 
	.middle_sidebar, 
	.bottom_inner, 
	#footer, 
	.cont_nav, 
	.headline_inner, 
	.content_wrap, 
	.pj_sort {width:940px;}
	
	.logo {left:23px;}
	
	#navigation > li > a {padding-right:45px; }
	
}


/* ---------- Tablet Portrait (Note: Design for a width more than 767px but less than 1024px) ---------- */

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	body{background:#602e17;}
	#page {
		border:none;
		width:auto;
		margin:0 auto;
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
	}
	
	#header, 
	#top, 
	#top_sidebar, 
	#middle_content, 
	.middle_sidebar, 
	.bottom_inner, 
	#footer, 
	.cont_nav, 
	.headline_inner, 
	.content_wrap, 
	.pj_sort {
		width:90%;
		margin:0 5%;
	}
	
	#navigation > li > a {
		border-left:none;
		font-size:13px;
		padding-right:35px;
		padding-left:0;
		
	}
	
	#navigation ul {top:23px;}
	
	#navigation > li.current_page_item > a > span, 
	#navigation > li > a:hover > span {border:none;}
	
	.logo {left:13px;}
	
	.commentlist ul {padding-left:30px;}
	
	input[type="text"], 
	textarea {width:93%;}
	
}


/* ---------- Small Tablet (Note: Design for a width more than 540px but less than 768px) ---------- */

@media only screen and (min-width: 541px) and (max-width: 767px) {
	body{background:#602e17;}
	#header nav {
		margin:20px 0;
		position:relative;
		top:auto;
		right:auto;
	}
	
	#navigation > li {
		display:inline-block;
		text-align:left;
		float:none;
	}
	
	#navigation > li:first-child {padding-left:35px;}
	
	#navigation > li > a {
		border-left:none;
		font-size:13px;
		padding-right:35px;
		padding-left:0;
			}
	
	#navigation > li.current_page_item > a > span, 
	#navigation > li > a:hover > span {border:none;}
	
	#navigation > li.drop > a {background-position:right 18px;}
	
	#navigation ul {top:23px;}
	
	.commentlist ul {padding-left:25px;}
	
	#footer .social_list {margin-left:130px;}
	
	.one_fourth, 
	.one_fourth+.one_fourth+.one_fourth, 
	.widget_colored.four_box, 
	.widget_colored.four_box+.widget_colored.four_box+.widget_colored.four_box, 
	.portfolio_container.four_blocks .portfolio:nth-child(odd), 
	.project.four_blocks .resize figure:nth-child(odd), 
	.cms_archive li:nth-child(odd),  
	.sitemap > li > ul > li:nth-child(odd) {
		width:49%;
		float:left;
		padding-right:2%;
	}
	
	.one_fourth.last, 
	.one_fourth+.one_fourth, 
	.one_fourth+.one_fourth+.one_fourth+.one_fourth, 
	.widget_colored.four_box+.widget_colored.four_box, 
	.widget_colored.four_box+.widget_colored.four_box+.widget_colored.four_box+.widget_colored.four_box, 
	.portfolio_container.four_blocks .portfolio:nth-child(even), 
	.project.four_blocks .resize figure:nth-child(even), 
	.cms_archive li:nth-child(even), 
	.sitemap > li > ul > li:nth-child(even) {
		width:49%;
		float:right;
		padding-right:0;
	}
	
}


/* ---------- Small Tablet & Mobile (Note: Design for a width less than 768px) ---------- */

@media only screen and (max-width: 767px) {
	body{background:#602e17;}
	#page {
		border:none;
		width:auto;
		margin:0 auto;
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
	}
	
	#header, 
	#top, 
	#top_sidebar, 
	#middle_content, 
	.middle_sidebar, 
	.bottom_inner, 
	#footer, 
	.cont_nav, 
	.headline_inner, 
	.content_wrap, 
	.pj_sort  {
		width:90%;
		margin:0 5%;
	}
	
	#header {
		text-align:center;
		height:auto;
	}
	
	a.logo {
		display:inline-block;
		margin:40px 0 0;
		position:relative;
		top:auto;
		left:auto;
		width:100%;
	}
	
	#content, 
	#sidebar {width:100%}
	
	.content_wrap {background:none;}
	
	.related_posts .related_posts_content .one_half {overflow:hidden;}
	
	.cmsms_slider_timer, 
	.cmsms_slides_nav, 
	.responsiveSlider .slideCaption {display:none;}
	
	.commentlist li > figure.alignleft {
		float:none;
		margin:0 0 20px;
	}
	
	#commentform input[type="text"], 
	#commentform textarea {width:95%;}
	
	#commentform input[type="text"] + label {padding-left:0;}
	
	.portfolio_container {margin-right:0;}
	
	.portfolio_container.four_blocks {margin-right:-2.1%;}
	
	.pj_sort_wrap {height:120px;}
	
	.p_sort {float:none;}
	
	a.p_cat_filter span span {width:120px;}
	
	.p_filter_container ul.p_filter {width:182px;}
	
	#sidebar {border-top:1px solid #f1f1f1;}
	
	.tour {
		width:90%;
		float:none;
		padding-right:0;
		margin:0 auto;
	}
	
	.tour_box {
		width:100%;
		float:none;
	}
	
	.tour li:last-child {border-bottom:0;}
	
	.tour_box_inner {padding:10px;}
	
	.cmsms_slider_parent, 
	#slider {
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;		
	}
	
	#content, 
	#sidebar {
		padding:40px 0;
		float:none;
	}
	
	.footer_inner, 
	.footer_inner .fl, 
	.footer_inner .fr {
		text-align:center;
		float:none;
	}
	
	#footer .footer_inner .fr p {padding:5px 0;}
	
	.copyright, 
	.social_list_title, 
	#footer .social_list {float:none;}
	
	#footer .social_list {margin:0;}
	
	#footer .social_list > li {
		display:inline-block;
		float:none;
	}
	
	.error .search_line {width:100%;}
	
	.error h1 {font-size:10em;}
	
	.sitemap > li > ul > li {margin-bottom:20px;}
	
	.sitemap > li > ul > li > ul {margin-left:20px;}
	
	.cms_category {margin-left:20px;}
	
	.cms_avatar {display:block;}
	
	.commentlist figure.alignleft {display:none;}
	
	.one_half, 
	.one_half.last, 
	.one_third, 
	.one_third.last, 
	.two_third, 
	.two_third.last, 
	.three_fourth, 
	.three_fourth.last, 
	.three_fourth+.one_fourth, 
	.one_fourth+.one_half+.one_fourth, 
	.portfolio_container.two_blocks .portfolio, 
	.portfolio_container.three_blocks .portfolio, 
	.project.three_blocks .resize figure, 
	.project.two_blocks .resize figure {
		width:100%;
		float:none;
		padding-right:0;
	}
	
}


/* ---------- Mobile (Note: Design for a width less than 541px) ---------- */

@media only screen and (max-width: 540px) {
	body{background:#602e17;}
	#page, 
	#footer {min-width:240px;}
	
	#header nav {
		text-align:left;
		margin:30px 0;
		position:relative;
		top:auto;
		right:auto;
	}
	
	
	
	#navigation {display:none;}
	
	select.resp_navigation {display:block;}
	
	.cmsms_info li {
		background:none;
		display:block;
		padding:0;
	}
	
	.share_posts .fl, 
	.cmsmsLike {float:none;}
	
	.commentlist ul {padding-left:15px;}
	
	.cms_avatar {display:block;}
	
	.commentlist figure.alignleft {display:none;}
	
	input[type="text"], 
	textarea {width:93%;}
	
	.portfolio_container.four_blocks {margin-right:0;}
	
	div.jp-video div.jp-current-time, 
	div.jp-audio div.jp-current-time, 
	div.jp-video div.jp-time-sep, 
	div.jp-audio div.jp-time-sep, 
	div.jp-video div.jp-duration, 
	div.jp-audio div.jp-duration {display:none;}
	
	.one_fourth, 
	.one_fourth.last,  
	.one_fourth+.one_fourth, 
	.one_fourth+.one_fourth+.one_fourth, 
	.one_fourth+.one_fourth+.one_fourth+.one_fourth, 
	.widget_colored.four_box, 
	.widget_colored.four_box+.widget_colored.four_box, 
	.widget_colored.four_box+.widget_colored.four_box+.widget_colored.four_box, 
	.widget_colored.four_box+.widget_colored.four_box+.widget_colored.four_box+.widget_colored.four_box, 
	.portfolio_container.four_blocks .portfolio:nth-child(odd), 
	.portfolio_container.four_blocks .portfolio:nth-child(even), 
	.project.four_blocks .resize figure:nth-child(odd), 
	.project.four_blocks .resize figure:nth-child(even), 
	.cms_archive li:nth-child(odd),  
	.cms_archive li:nth-child(even), 
	.sitemap > li > ul > li:nth-child(odd),
	.sitemap > li > ul > li:nth-child(even) {
		width:100%;
		float:none;
		padding-right:0;
	}
	
	.widget_colored_inner{
		padding: 0 0 0 36px !important;
		}
	
}

/* ---------- Mobile (Note: Design for a width less than 401px) ---------- */

@media only screen and (max-width: 400px) {
	body{background:#602e17 !important;}
	.related_posts ul li, 
	.tabs li {
		float:none;
		margin-bottom:3px;
	}
	
	.related_posts ul li > .button, 
	.tabs li > .button {
		text-align:center;
		display:block;
	}
	
	.related_posts ul, 
	.tabs {margin-bottom:24px;}
	
	.widget_colored_inner{
		padding: 0 0 0 36px !important;
		}
}

@media (max-width:320px){
/*===== for mobile potrait =====*/

.widget_colored_inner{
		padding: 0 0 0 0px !important;
		}

h2 {
font: 24px/36px "Droid Sans", Helvetica, "Nimbus Sans L", sans-serif !important;}


}