/* Tablet and Mobile */

@media only screen and (max-width:755px) {
    
    /* Document Setup */
    
    body {
	    font-size: 13px;
    }

    #content p,
    h1, h2, h3, h4, h5, h6 {
		margin-bottom: 20px;
	}
	
	blockquote {	
		margin: 40px 0 !important;
		word-wrap: break-word;
	}
    
    .gallery {
  		margin-bottom: 20px;
	}
    
    
    
    
    /* Header Section */
	
	.header {
    	position: relative;
    	width: 100%;
    }
    
    .header hgroup {
	    padding: 0px 50px 0;
    }

    .logo-title {
    	font-size: 36px;
  		width: 100%;
  	}
  	
  	.logo-subtitle {
    	width: 90%;
    	font-size: 18px;
    	line-height: 1.8em;
    }
  	
  	
  	
  	
  	/* Cabinet Slider */
  	
  	#cabinet {
		padding: 0 20px;
	}
	
	#cabinet-toggle {
		display: none;
	}
	
	#cabinet-slider .widget {
		padding: 20px 0 20px 0;
		width: 100%;
		border-bottom: solid 1px #393939;
	}
	
	#cabinet-toggle-mobile {
		color: #777;
		padding: 0px 18px;
		height: 40px;
		line-height: 40px;
		display: inline-block;
		position: absolute;
		top: 10px;
		right: 20px;
		z-index: 50;
		background: #282d30;
	}
  	
  	.no-js #cabinet-toggle-mobile {
		display: none;
	}
  	
  	

	/* Navigation Styles */
	
    .nav {
	    display: none;
    }
    
    .header-nav {
	    position: relative;
	    font-size: 15px;
    }
    
    .header-nav div {
    	position: relative;
	    padding: 0 20px;
    }
    
    .select-menu {
	    display: block;
	    width: 100%;
	    float: left;
    }
	
	.header-nav select.select-menu {
	    height: 40px;
	    font-weight: bold;
	    padding: 10px 0 10px 38px;
	    color: #fff;
	    border: 0;
	    outline: none;
	    overflow: hidden;
		cursor: pointer;
		background: none;
		overflow: hidden;
		background: #282d30;
		
		-webkit-appearance: none;
		-moz-appearance: button;
		-webkit-border-radius: 0px;
		border-radius: 0px;
	}
	
	.header-nav span.select:before {
		font-family: 'FontAwesome';
		-webkit-font-smoothing: antialiased;
		content: "\f0c9";
		position: absolute;
		color: #fff;
		left: 0;
		top: 1px;
		color: #777;
	}
	
	.header-nav span.select{
	    height: 40px;
	    line-height: 38px;
	    text-indent: 35px;
	    -webkit-border-radius: 2px; 
		-moz-border-radius: 2px; 
		border-radius: 2px;
		display: block;
	}
	
	.no-js .nav {
		display: block;
		width: 100%;
		font-size: .8em;
	}
	
	.no-js .nav li ul.sub-menu, .nav li ul.children {
		padding-top: 0px;
	}
	
	
	
	
	/* Content Section */
	
	.post .entry-post {
		padding: 0px 20px;
	}
	
	.post .post-content {
		width: 90%;
	}
    
    .entry-title {
		font-size: 34px;
	}
	
	#content .pagelink {
		padding: .5em 0;
	}
		
	#content .entry-meta li {
		width: 100%;
		border-right: none;
		border-top: solid 1px #e9e9e9;
		padding: 3px 0px;
	}
	
	#content .post-nav-inside {
		padding: 0;
	}
	
	.postlink {
		display: none;
	}	
	

	
	
	
	/* Comment Styles */
	
	#comments {
		margin: 0;
	}
	
	#comments-title {
		font-size: 18px;
		letter-spacing: 0;
		padding: 20px 0;
	}
	
	.comments-wrapper {
		padding: 0px 20px;
	}
	
	.comments-block {
		padding: 0;
		width: 90%;
		margin: 0 auto;
	}
	
	.commentlist {
		margin-top: 30px;
	}
		
	.commentlist > li:before {
		display: none;
	}
	
	.comment .avatar {
		width: 35px;
		height: 35px;
	}
	
	.comment-content {
		margin-left: 55px;
	}

	.comment-text p {
  		font-size: 13px !important;
	}

	.comments-open #comments-title {
		margin-bottom: 40px;
	}
		
	#respond h3 {
		font-size: 18px;
		margin-top: 0;
		padding: 8px 0;
	}
	
	#respond input[type="text"], #respond textarea {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#respond .respond-submit {
		width: 100%;
	}
	
	.comments .logged-in {
		font-size: 14px;
	}
	
	#commentform #submit {
		width: 100%;
		display: block;
	}
	
	
	
	
	/* Footer Section */
	
	.subfooter {
		padding: 40px 20px;
		text-align: center;
	}
	
    
    
    
    /* Post Formats */
    
    .format-quote {
	}
	
	.format-quote .entry-post {
		padding: 0;
	}
	
	.format-quote-content {
		font-size: 20px;
	}
	
	.format-quote-content strong {
	}
	
	.format-status .entry-post {
		padding: 0;
	}
	
	.format-status-content {
		font-size: 20px;
	}
	
	.format-status-content .entry-title {
		font-size: 16px;
		line-height: 1.4em;
	}
	
	.flex-direction-nav .flex-prev {
		left: 20px !important;
	}

	.flex-direction-nav .flex-next{
  		right: 20px !important;
	}
	
	.flex-direction-nav a {
  		color: #fff !important;
	}
	
	
	
	
	/* Page Styles */

	.archive-title {
		font-size: 18px;
	}

}


/* Archive Page */
@media only screen and (max-width:1024px) {
	
	.archive-column {
		width: 100%;
	}	
	
	.archive-content-first, .archive-content-middle, .archive-content-last {
		padding: 0 0 20px 0;
		margin: 0;
	}
	
}