/* All Responsive
----------------------------------------------------------- */
@media only screen and (max-width: 959px) { 
	/*logo*/
	#masthead-social-wrap { position: inherit; top: auto; right: auto; width: 100%; margin-top: 60px; }
	#masthead-social { float: none }
	/*navigation top menu*/
	#site-navigation select { display: block; }
	#site-navigation ul { display: none; }
	/* callout */
	.att-callout .theme-button { float: right }
	.att-callout-content { width: 70% }
	.footer-box { margin-bottom: 15px }
	.bx-controls-direction { display: none }
	/*home*/
	#home-slider-wrap .nav-arrows, #home-slider-wrap .nav-arrows a { display: none !important }
}
/* Tablet (Portrait)
----------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 959px) { 
	/*grid*/
	.grid-1 { width: 700px }
	/*main*/
	#post { width: 420px }
	/*portfolio*/
	#single-portfolio-media { width: 400px }
	#single-portfolio-info { width: 260px }
}
/* Mobile (Portrait)
----------------------------------------------------------- */
@media only screen and (max-width: 767px) { 
	/*header*/
	#logo { float: none; margin: 0 auto; text-align: center; }
	#logo a, #logo img { margin: 0 auto; }
	#site-navigation { position: inherit; margin: 20px 0 0; top: auto; right: auto; left: auto; width: 100%; }
	#site-navigation select { width: 100%; }
	/*grid*/
	.grid-1 { width: 280px }
	#post, #sidebar, .grid-2, .grid-4, .grid-3, .grid-5, .grid-6 { width: 100%; margin-left: 0; margin-right: 0; }
	#sidebar { margin-top: 50px }
	#home-blog .grid-4 { width: 48%; margin-left: 4%; }
	#home-blog .grid-4.col-1, #home-blog .grid-4.col-3 { margin-left: 0; }
	#footer-nav ul { float: none }
	#footer-nav ul li { margin-left: 0; margin-right: 10px; }
	#post-pagination { position: inherit; right: auto; margin-top: 20px; }
	/*home*/
	#home-slider-wrap { padding: 40px 0; }
	#home-slider-wrap .sb-description { display: none; }
	/*portfolio*/
	#portfolio-cats li { width: 100%; text-align: center; }
	#portfolio-cats li:after { content: ''; margin-right: 0; }
	#portfolio-cats li a { display: block; float: none; }
	#single-portfolio-media { margin-bottom: 25px }
	#single-portfolio-media, #single-portfolio-info { width: 100% }
	#single-portfolio-info .heading h2 { border-bottom: 1px solid #e5e5e5 }
	#single-portfolio-info { margin-top: 20px }
	/*comments*/
	.comment-details { margin-left: 0; text-align: center; }
	.comment-details:after { display: none }
	.comment-avatar { display: inline-block; margin-bottom: 10px; position: inherit; top: auto; left: auto; }
	.comment-date { display: block }
	.comment-break { display: none }
	.comment-reply-link { display: block; padding-bottom: 10px; margin-bottom: 10px; }
	.children { margin: 30px 0 0 }
	.children li.depth-2, .children li.depth-3, .children li.depth-4, .children li.depth-5, .children li.depth-6, .children li.depth-7, .children li.depth-8, .children li.depth-9, .children li.depth-10 { margin: 0 }
	#footer-bottom-left, #footer-bottom-right { float: none; text-align: center; }
	#footer-bottom-right { margin-top: 20px }
	#portfolio-cats li { margin-bottom: 10px }
	.comment-meta .reply { margin-left: 0 }
	.comment-meta .reply a { margin-top: 10px }
	.att-callout .theme-button { margin-top: 10px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center; width: 100%; }
	.att-callout-content { width: 100% }
}
/* Mobile (Landscape)
----------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	.grid-1 { width: 370px }
}
/* iPads (landscape)
----------------------------------------------------------- */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) { 
	/*home*/
	#home-slider-wrap .nav-arrows, #home-slider-wrap .nav-arrows a { display: none !important }
	#home-portfolio .bx-controls-direction { display: none !important }
}