@media only screen and (max-width: 1100px){
	
.post.featured{ height: 480px; }
.post.featured .wrapper .inside-wrap .header h2 a{ font-size:34px; line-height:44px; }
.newsletter-box .mobile-wrapper{ width:50%; float:left; }
.section-grid,
.whats-trending-title,
.post.preview{ width:50%; }
.section-grid.large{ width:100%; }
.section-grid{ padding: 0 0 20px; }
#footer .newsletter-box .mobile-wrap-in{ width: 100%; float: left; }
#footer .section.newsletter .newsletter-box .dd-nl-box.newsletter-form{ border-right:none; }
#footer .dd-site-partner{ float: left; width:100%; border-top:1px solid #ddd; }
#footer .nav{padding-top: 0;}
#footer .meta{ padding-bottom: 30px; }
.show-trending-on-click{ width:100%; }
.meet-the-team-author{ width:50%; }

.meet-the-team-author:nth-child(6){ clear:none; }
.meet-the-team-author:nth-child(11){ clear:none; }
.meet-the-team-author:nth-child(16){ clear:none; }
.meet-the-team-author:nth-child(21){ clear:none; }
.meet-the-team-author:nth-child(26){ clear:none; }
.meet-the-team-author:nth-child(31){ clear:none; }
.meet-the-team-author:nth-child(36){ clear:none; }
.meet-the-team-author:nth-child(41){ clear:none; }
.meet-the-team-author:nth-child(2n+1){ clear:both; }
.page .single-post .main-single-content{ padding: 40px; }
}
@media only screen and (max-width: 880px){
#footer .main{ height: auto; text-align: center; padding: 40px; }
#footer h3.logo{ float: none; margin: 0 auto 20px; }
#footer .nav{width: 100%;height: auto;padding-top: 40px;}
#footer .nav ul.social{ width: 100%; margin: 0 0 10px; }
#footer .nav ul.social li{ float: none; display: inline-block; margin: 2px -2px 2px 2px; }
#footer .nav ul.footer_nav{ width: 100%; margin: 0 0 10px; }
#footer .nav ul.footer_nav li{ float: none; display: inline-block; margin: 0 -4px 0 0; }
#footer .nav ul.footer_nav li a{ height: auto; padding: 4px 6px; line-height: normal; }
#footer .meta{width: 100%;float: left;text-align: center;padding: 0 0 30px;}



.single-post .post-sidebar .inner-wrap,
.single-post .post-sidebar,
.single-post .main-single-content{height: auto !important;margin: 0;}
.single-post .post-sidebar{ width: 100%; margin: 0; }
.single-post-wrapper article.post{ padding-right:0; }
.section-max-width.single-post-section{ padding-right: 0; }

.single-post .main-single-content{padding: 0px 60px 40px;}

.single-post-wrapper article.post:before{
	right:auto;
	left:20px;
	z-index: 100;
}
.single-post .post-sidebar-meta{ margin-left: 30px; padding-bottom:15px; }
.main-content-single{ padding-left: 0; }
.dd-blockquote{ margin-left: 0; margin-right:0; width: 100%; }
.post-newsletter-ads,
.post-ads-box{ margin-left:0; }

 .meet-the-team-author{ width:50%; }
 
.single-post-wrapper article.single-post .post-sidebar .sidebar-ads{ display:none !important; }
}

@media only screen and (max-width: 720px){
#header, #home #header{ height: auto; position: relative; top: inherit; left: inherit; }
#home #header{ width: 100%; padding: 0; background: #000; }


#home #header h1#logo{ width: 76px; height: 32px; margin: 20px; }
#home #header h1#logo a{ width: 76px; height: 32px; background: url(images/logo.svg) no-repeat center; }
#header:after{ clear:both; content:""; display:block; width:100%; height: 0; }

#header .toggle, #home #header .toggle{ display: none; }
#nav_btn{ display: block; float: right; padding: 26px 20px; cursor: pointer; }
#nav_btn span, #nav_btn span:before, #nav_btn span:after{ 
width: 28px; 
height: 4px; 
float: left; 
display: block; 
background: #fff; 
position: relative; 
text-indent: -9000px; 
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
#nav_btn span{ margin: 8px 0; }
#nav_btn span:before, #nav_btn span:after{ content: ''; position: absolute; }
#nav_btn span:before{ top: -8px; }
#nav_btn span:after{ bottom: -8px; }
#nav_btn.active span{ background-color: transparent; }
#nav_btn.active span:before, #nav_btn.active span:after{ top: 0; }
#nav_btn.active span:before{ transform: rotate(45deg); -webkit-transform: rotate(45deg); }
#nav_btn.active span:after{ transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); top: 10px; }

#header #nav, #home #header #nav{ width: 100%; float: left; padding: 0; }
#header #nav ul.main, #home #header #nav ul.main{ padding: 0 20px 20px; }
#header #nav ul.main li, #home #header #nav ul.main li{ clear: both; padding: 0 0 8px; }

#header #nav .search_form, #home #home #header #nav .search_form{ width: 100%; float: left;  }
#header #nav .search_form #search_btn, #home #header #nav .search_form #search_btn{ display: none; }
.toggle_search{ display: block; }
#header #nav .search_form #searchform, #home #header #nav .search_form #searchform{ position: relative; top: inherit; right: inherit; left: inherit; bottom: inherit; }
#header #nav .search_form .field, #home #header #nav .search_form .field{ padding: 20px; background: #1e1e1e; }
#header #nav .search_form .field input, #home #header #nav .search_form .field input{ height: 36px; padding: 0 50px 0 14px; }
#header #nav .search_form .submit, #home #header #nav .search_form .submit{
width: 36px; 
height: 36px;
display: block;
position: absolute;
top: 20px;
right: 20px;
background: url(images/search.svg) no-repeat center #333; 
-webkit-background-size: 16px; 
-moz-background-size: 16px;  
-o-background-size: 16px; 
background-size: 16px; 
border: 0;
outline: none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
text-indent: -9000px; 
cursor: pointer;
}

#main{ margin: 0; }
.main-content-single,
.section-max-width.single-post-section,
.site-main.single-post{ padding: 0; }
.single-post-wrapper article.post{ padding: 0; }
.dd-blockquote{ margin-left: 0; margin-right:0; width: 100%; }
.post-newsletter-ads,
.post-ads-box{ margin-left:0; }
.single-post .main-single-content{ padding: 40px; }
.single-post .post-sidebar .inner-wrap,
.single-post .post-sidebar,
.single-post .main-single-content{height: auto !important;margin: 0;}
.single-post .post-sidebar{ width: 100%; margin: 0; }
.sidebar-ads{ display:none; }

.single-post-wrapper article.post:before{ right: auto; left: 13px; }
.single-post .main-single-content:before{
	content: "";
    display: block;
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 13px;
    z-index: 2;
}
.post-sidebar-meta .post-meta-featured{left: 0px;}

.category-main-section h1{ font-size:40px; line-height: 50px; }
.category-main-section{ max-width: 40%; width:100%; }
.category .post.featured .wrapper .inside-wrap .header{ max-width:55%; }

.single-post h1.post-title{ font-size: 40px; line-height: 50px; }
.single-post .post-sidebar-meta{ padding: 40px 10px 15px; }
iframe{ max-width:100%; }

}

@media only screen and (max-width: 680px){
#footer .main{ padding: 25px; }

.post.featured{ height: 380px; }
#main.author{ padding: 40px 20px; }
.section-grid.author-profile-grid,
.section.author-post-grid{ padding-right:0; }
.section.author-post-grid .post.preview,
.section-grid.author-profile-grid,
.section.author-post-grid,
.newsletter-box .mobile-wrapper,
.section-grid,
.section-grid.large,
.whats-trending-title,
.post.preview{ width: 100%; height: auto !important; }

.section-grid,
.section-grid.large{padding-bottom: 30px;}

.dd-social-media{ float: left; width:100%; margin-top: 20px; }
.dd-social-media ul{ margin-left:0; }
.category-main-section{ display:none; }
.category .post.featured .wrapper .inside-wrap .header,
.post.featured .wrapper .inside-wrap .header{ max-width: 90%; padding: 20px; }
.post.featured .wrapper .inside-wrap .header h2 a{ font-size:30px; line-height:40px; }

.whats-trending-title h2{font-size: 40px;line-height: 50px;padding-top: 15px;padding-left: 70px;}
.whats-trending-title h2:before{
    width: 50px;
    height: 40px;
}
#footer .section.newsletter .newsletter-box .dd-nl-box.newsletter-form{float:none;text-align:center;padding: 0px 20px 20px;border-bottom: 1px solid #ddd;}
#footer .section.newsletter .newsletter-box .dd-nl-box.title{float:none;text-align:center;padding: 20px 20px 0;}

#footer .section.newsletter .newsletter-box .dd-nl-box.newsletter-form{ border-right:none; }
.newsletter-box .newsletter-form .input{ float:none; display: inline-block; vertical-align:top; }


#footer .dd-site-partner{
    height: auto;
    clear: both;
    width: 100%;
}
#footer .dd-site-partner .title{width:100%;padding: 20px;height: auto;line-height: 1;text-align: center;padding: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#footer .site-partner:first-of-type{ clear:both; }
#footer .site-partner{
	width: 50%;
	height: auto;
	padding: 10px 20px;
	border-top: 1px solid #ddd;
	text-align: center;
	display: block;
}
#footer .site-partner img{ height: 40px; }
#footer .site-partner span img, #footer .site-partner a img{
	max-width:100%;
	max-height: auto;
}
#footer .site-partner span, #footer .site-partner a{ display:inline-block; }

 .category-main-section h1{ font-size: 30px; line-height: 40px; padding: 10px; }
 .category-main-section .article-counts{ font-size: 24px; line-height: 34px; }

 .category-main-section.mobile{
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 20px 30px;
 }
 .category-main-section h1{ margin-bottom:10px; }

 .show-trending-on-click{ width:100%; }
 .show-trending-on-click .post.preview{ width: 100%; height: auto !important; }
 .meet-the-team-author{ width:100%; }
}


@media only screen and (max-width: 480px){

	#main.author .section.grid, #main.author .section{
		padding: 0 0 20px;
	}
	.section-grid.author-profile-grid .author-details{ padding: 40px 40px 80px; }
	.section.grid,
	.section{ padding: 0 20px; }
	.post.featured { height: auto; padding: 50px 0; }
	.section-grid,
	.post.preview{ padding: 0 0 10px; }
	.section-grid::before, .post.preview::before{ left: 10px; right: 10px; bottom: 10px; }
	.section{ margin-bottom: 20px; }
	.section-grid.large .list-posts img{ margin: 0 auto 10px; float:none; }
	.section-grid.large .list-posts li a{ padding-left:0; }
}