/* Tablet and Mobile */

@media only screen and (max-width:768px) {

	/* Text */

	body, .comment-text {
		font: 15px/1.6 "Helvetica Neue", Helvetica, sans-serif;	
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
	}

	h1 { 
		font-size: 36px;
	}

	h2 { 
		font-size: 33px;
	 }

	h3 { 
		font-size: 28px;
	}

	h4 { 
		font-size: 24px;
	}

	h5 { 
		font-size: 20px;
	}

	h6 { 
		font-size: 16px;
	}

	p {
		margin-bottom: 1.2em;
	}

	input[type="text"], input[type="email"], textarea {
	    font-size: 16px;
	}

	.logo-default, .logo-img {
		width: 90%;
	}

	.logo-text {
		font-size: 30px;
	}

	.entry-title {
		font-size: 36px;
	}

	.intro {
		font-size: 30px;
		margin-bottom: 5%;
		padding-bottom: 5%;
	}

	.title-wrap {
		padding: 3%;
		margin-bottom: 6%;
	}

	.title-meta {
		font-size: 10px;
	}

	.sub-title h1 {
		font-size: 26px;
	}

	.post blockquote p {
		font-size: 16px;
	}

	.scroll-title {
		font-size: 40px;
		margin-bottom: 4%;
	}

	.scroll-excerpt {
		font-size: 17px;
	}

	.scroll-post {
		border-top: dotted 1px #ddd;
		padding-top: 4%;
	}

	.scroll-excerpt p:last-child {
		margin-bottom: 0;
	}

	.scroll-post .title-meta {
		font-size: 12px;
	}

	.scroll .sep {
		display: none;
	}

	.scroll-post a {
		width: 100%;
		display: inline-block;
		padding: 2px 0;
		margin: 0;
	}
	
	/* Layout */

	/* Main Mobile Nav */

	.menu-wrap, .top-bar {
		display: inline-block;
		width: 100%;
	}

	.menu-toggle {
		float: right;
		display: block;
		margin-top: 15px;
		font-size: 24px;
		color: #B1B8BE;
	}

	.main-nav {
		border-top: dotted 1px #e6e6e6;
		margin-top: 15px;
		padding: 10px 0 0 0;
		display: none;
	}

	.main-nav li {
		width: 100%;
	}

	.main-nav ul {
		position: relative;
		display: block;
		width: 100%;
		top: auto;
		left: auto;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}

	.main-nav a, .main-nav li ul a {
		padding: 5px 0;
		width: 100%;
		display: inline-block;
	}

	/* Secondary Mobile Nav */

	.secondary-menu-wrap-inside {
		padding: 0 15px;
	}

	.secondary-menu-toggle {
		display: block;
		position: absolute;
		right: 15px;
		top: 22px;
		font-size: 24px;
		color: #B1B8BE;
	}

	.secondary-menu {
		border-top: dotted 1px #e6e6e6;
		padding: 20px 0 25px 0;
		display: none;
	}

	.secondary-menu li {
		width: 100%;
	}

	.secondary-menu ul {
		position: relative;
		display: block;
		width: 100%;
		top: auto;
		left: auto;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}

	.secondary-menu li ul {
		background: transparent;
		border-radius: 0;
		margin-left: 12px !important;
		width: 100%;
	}

	.secondary-menu li ul ul {
		left: 0;
	}

	.secondary-menu li:hover ul ul, .secondary-menu li:hover ul ul ul, .secondary-menu li:hover ul ul ul ul { display: block; }

	.secondary-menu li a, .secondary-menu li ul a {
		padding: 5px 0;
		font-size: 15px;
		width: 100%;
		display: inline-block;
	}

	.secondary-menu li ul a {
		border-bottom: dotted 1px #AAB0B9;
	}

	.secondary-menu li ul li:last-child > a {
		border-bottom: none;
	}

	.header-inside {
		padding: 2% 15px;
	}

	#content-wrap {
		padding: 2% 15px;
	}

	#content {
		width: 100%;
	}

	.post .post-content {
		padding: 0;
	}

	.post .bar {
		margin-top: 0;
		padding: 20px 5%;
	}

	.bar-categories, .bar-share {
		margin-right: 0;
	}

	#sidebar {
		width: 100%;
		float: left;
		margin-top: 10%;
	}

	.widget {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.comments-wrap {
		padding: 8% 5%;
	}

	.comment-info {
		margin-bottom: 10px;
	}

	.comments .logged-in-as, .comment-notes {
		font-size: 14px;
	}

	#respond h3 {
		font-size: 28px;
	}

	.post-nav {
		border-bottom: dotted 2px #ddd;
		padding-top: 0;
		margin-top: 4%;
	}

	.prev-post {
		float: left;
		width: 100%;
		text-align: left;
	}

	.next-post {
		width: 100%;
		margin-top: 4%;
		padding-top: 4%;
		border-top: dotted 1px #ccc;
	}

	#footer {
		padding: 2% 0;
	}

	#footer .copyright {
		margin-top: 20px;
	}

	.social-icons {
		float: left;
		width: 100%;
		margin-top: 60px;
	}
}


@media only screen and (max-width:650px) {
	
	.logo {
		margin: 8px 0 0 0;
		max-width: 80%;
	}

	.jsub .widget input[type="submit"] {
		padding: 10px 0;
		letter-spacing: 0;
	}
	
	.related-posts-wrapper h6 {
	font-size: 16px;
	}

	.author-title {
	width: 100%;
	text-align: center;
	}

	#social {
        padding-left: 10px !important;
        }

        .icon-export::before {
	display: none;
	}

	.dpe-flexible-posts {
	width: 250px;
	margin-left: 18px;
	}

	.responsive1, .responsive2 {
	margin-left: -29px;
	}

}

/* iPhone Landscape--------------- */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 

	#social {
        padding-left: 25px !important;
        }
}


/* iPhone ----------------------------- */

@media only screen and (max-width:767px) {
	
	body {
	   
	    font: 13px/22px;
	}
	
	#wrapper {
		padding: 0;
	}
	
	#content {
		margin-top: 50px;
		width:100%;
	}
	
	#content p {
		font-size: 15px;
	}
	
	.scroll {
		margin: 30px 0 30px 0;
	}
	
	.scroll-excerpt {
		font-size: 26px;
		line-height: 36px;
	}
	
	.entry-title {
		font-size: 24px;
		line-height: 34px;
	}
	
	.title-meta {
		font-size: 11px;
	}
	
	.post {
		margin-bottom: 35px;
	}
	
	.post .bar {
		padding-top:10px;
	}
	
	.bar .tags {
		float: left;
		clear: both;
		margin: 8px 0 0 3px;
	}
	
	.bar .tags .title {
		margin-right: 8px;
	}
	
	.bar .share {
		float: left;
		width: 100%;
		margin: 0 0 8px 20px;
	}
	
	.bar .share a {
		float: left;
	}
	
	.post-wrap .post:last-child {
		margin-bottom: 0px;
	}
	
	.post-nav {
		margin: 25px 0;
	}
	
	.next-prev {
		margin-top: 15px;
		font-size: 12px;
	}
	
	#sidebar {
		clear: both;
		float: left;
		width: 100%;
		margin-left: 0;
		margin-top:0px;
	}
	
	.tabs > li a {
		width: 55px;
	}
	
	#respond input[type="text"], #respond textarea {
    	width: 100%;
    }
    
    #cancel-comment-reply {
		float: left;
	}
	
	.wpcf7 input[type="text"] {
    	width: 100%;
    }
    
    #footer .copyright {
	    margin-top: 15px;
    }
    
    .social-icons {
		float: left;
		margin-top: 15px;
	}
	
	.vcard {
	float: none;
	}

	#social li a {
	padding-right: 8px;
	}	

	.author-gravatar {
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}

	.author-title {
	text-align: center;
	}

	.related-posts-wrapper {
	margin: 15px 15px 0 15px;
	}

	.related-posts {
	display: block;
	overflow: hidden;
        margin: 0 0 20px 8px;
        width: 244px;
        float: left;
        text-align: center;
        box-shadow: rgba(0,0,0, 0.2) 0px 0px 3px;
        webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 3px;
        webkit-border-radius: 3px;
        background: #FAFAFA;
	}

	.related-posts h6 {
        padding: 0 5px;
        margin: 0;	
	}


	
}



/* iPad (landscape) ----------------------------- */

@media screen and (min-width:768px) and (max-width:1024px) {
	
	.tabs li a {
		width:32px;
	}
	
	.recent-comments-widget .comment-avatar-right {
		width: auto;
		margin-left: 10px;
	}

	.related-posts-wrapper {
	margin: 15px 15px 0 15px;
	}


	.related-posts {
	display: block;
	overflow: hidden;
        margin: 0 4px 10px;
        width: 233px;
        float: left;
        text-align: center;
        box-shadow: rgba(0,0,0, 0.2) 0px 0px 3px;
        webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 3px;
        webkit-border-radius: 3px;
        background: #FAFAFA;
	}

	.related-posts h6 {
        padding: 5px 5px;
        margin: 0;	
	}

	#social {
        padding-left: 60px !important;
        }

	.entyposub {
	padding: 0 20px 0 40px;
	}

	.icon-export::before {
	padding: 0 20px 0 20px;
	}
	
}


/* iPad (portrait) ----------------------------- */

@media screen and (min-width:650px) and (max-width:768px) {
	
	#content {
		width: 74.5%;
	}
	
	#content-wrap {
		padding: 5% 5px;
	}

	.featured_video_plus {
	padding-bottom: 54%;
	}
	
	#sidebar {
		width: 24%;
		margin-left: 1.3%;
		margin-top: 0px;
		clear: none;
	}

	#searchsubmit {
		padding: 0 5px;
		letter-spacing: 0;
	}
	
	.tabs li, .tabs li a {
		width: 100%;
	}
	
	.count-box {
		padding-left: 48px;
	}

	#social {
        padding-left: 0px !important;
        }

	#social li a {
		padding-right: 14px;
	}

	.entyposub {
	padding: 0 25px 10px 10px;
	}
	
	.recent-comments-widget .comment-avatar-right {
		width: auto;
		margin-left: 5px;
	}

	.related-posts-wrapper {
	margin: 15px 15px 0 15px;
	}


	.related-posts {
	display: block;
	overflow: hidden;
        margin: 0 8px 16px;
        width: 250px;
        float: left;
        text-align: center;
        box-shadow: rgba(0,0,0, 0.2) 0px 0px 3px;
        webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 3px;
        webkit-border-radius: 3px;
        background: #FAFAFA;
	}

	.related-posts h6 {
        padding: 5px 5px;
        margin: 0;	
	}

	.icon-export::before {
	padding: 0 20px 0 0;
	}
}

img#wpstats{display:none}