@media screen and (max-width: 479px){
	body{min-width:320px; max-width:479px;}	
	.header-widget{ display:none;}
#wrapper{ width:94%; margin:0 auto;}
.header{padding:2% 2% 0; box-sizing:border-box;}
.buy-button{ display:none;}
.header .logo{ margin:0;}
.header .logo img{ width:80%;}
.header .logo h1.site-title a{ font-size:30px !important;}
.header .logo  p.site-description{ margin-bottom:0; text-align:center; padding-right:0;}
.header .show_hide_header { width:50%; float:right;}
.mobile_nav a{font:15px "Roboto Condensed",sans-serif; color:#242424; padding:5px 20px;}
.mobile_nav a:hover{ color:#242424;}
#site-nav{ float:left; margin:10px 0 0 0;}
#site-nav ul{ padding-bottom:15px;}
#site-nav ul li{ display:block;}
#site-nav ul li ul{ display:block !important;}
ul.sub-menu{ padding-bottom:0 !important;}
ul.sub-menu li{ margin-left:15px;}
.haschild{ background:none;}
#slidecaption, #controls-wrapper{left:3%;}
#primary, #secondary{ width:100%; float:none;}
.pagination ul > li > a, .pagination ul > li > span{ margin-bottom:5px;}
footer.site-footer{ width:86%; margin:0 auto;}
#colophon{ padding:7%; margin-top:20px;}
.foot_col_container{ width:100%;}
.footer-menu, .social, .contact{ width:92%; display:block; float:none; margin:0 0 20px;}
.footer-bottom .bottom-left, .footer-bottom .bottom-right{ float:none; text-align:center; width:auto; margin-bottom:5px;}
.contact-form{ width:100%; margin:0; padding:0;}
.contact-form input[type="text"]{ width:95%; margin:0;}
.contact-form input[type="text"].cf_captcha{ width:35%;}
.contact-form input[type="tel"]{ width:95%; margin:0; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; padding:6px;}
.contact-form textarea{ width:98%; height:100px;}
.contact-form input[type="submit"]{ display:block; margin-top:15px;}
aside ul li{ padding:4px 0;}
form.search-form{ padding-top:30px;}
.post-thumb img{ width:100%; height:100%;}

/* -------- Portfolio ------ */
.portfolio-main{ width:100%;}

/* ------ Slider ------ */
div.slide-title { font-size:20px;}
div.slide-title span { padding:0 15px;}
.slide-description span { padding:5px 15px;}
#thumb-tray{ position:fixed; z-index:3; bottom:0; left:0; height:130px; width:93%; overflow:hidden; text-align:center; margin-left:4%; text-align:center; display:none !important;}

/* ============= Double Sidebar Handle =========== */
.one-third-left{float:none !important;width:auto !important;margin-right:0 !important;}
.one-third-middle{float:none !important;width:auto !important;}
.one-third-right{float:none !important;width:auto !important;}

}

@media screen and (min-width: 480px) and (max-width: 767px){
	
body{min-width:480px; max-width:767px;}
.header-widget{ display:none;}
#wrapper{ width:94%; margin:0 auto;}
.header { padding:2% 2% 0; box-sizing:border-box;}
.header .logo{ margin:0;}
.header .logo img { width:80%;}
.buy-button{ display:none;}
.header .logo  p.site-description{ margin-bottom:0;}
.mobile_nav a{font:15px "Roboto Condensed",sans-serif; color:#242424;}
.mobile_nav a:hover{ color:#242424;}
.header .show_hide_header { width:50%; float:right;}
.mobile_nav a{font:15px "Roboto Condensed",sans-serif; color:#242424; padding:5px 20px;}
#site-nav{ float:left; margin:10px 0 0 0;}
#site-nav ul{ padding-bottom:15px;}
#site-nav ul li{ display:block;}
#site-nav ul li ul{ display:block !important;}
ul.sub-menu{ padding-bottom:0 !important;}
ul.sub-menu li{ margin-left:15px;}
.haschild{ background:none;}
#slidecaption, #controls-wrapper{left:3%;}
#primary, #secondary{ width:100%; float:none;}
.pagination ul > li > a, .pagination ul > li > span{ margin-bottom:5px;}
footer.site-footer{ width:86%; margin:0 auto;}
#colophon{ padding:7%; margin-top:20px;}
.foot_col_container{ width:100%;}
.footer-menu, .social, .contact{ width:92%; display:block; float:none; margin:0 0 20px;}
.footer-bottom .bottom-left, .footer-bottom .bottom-right{ float:none; text-align:center; width:auto; margin-bottom:5px;}
.contact-form{ width:100%; margin:0; padding:0;}
.contact-form input[type="text"]{ width:95%; margin:0;}
.contact-form input[type="text"].cf_captcha{ width:35%;}
.contact-form input[type="tel"]{ width:95%; margin:0; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; padding:6px;}
.contact-form textarea{ width:98%; height:100px;}
.contact-form input[type="submit"]{ display:block; margin-top:15px;}
aside ul li{ padding:4px 0;}
form.search-form{ padding-top:30px;}
.post-thumb img{ width:100%; height:100%;}

/* -------- Portfolio ------ */
.portfolio-main{ width:100%;}

/* ------ Slider ------ */
div.slide-title { font-size:24px;}
div.slide-title span { padding:0 15px;}
.slide-description span { padding:5px 15px;}
#slidecaption { bottom:10% !important;}
#thumb-tray{ position:fixed; z-index:3; bottom:0; left:0; height:130px; width:93%; overflow:hidden; text-align:center; margin-left:4%; text-align:center; display:none !important;}

/* ============= Double Sidebar Handle =========== */
.one-third-left{float:none !important;width:auto !important;margin-right:0 !important;}
.one-third-middle{float:none !important;width:auto !important;}
.one-third-right{float:none !important;width:auto !important;}
}

@media screen and (min-width: 768px) and (max-width: 999px){
body{min-width:768px; max-width:999px;}
#wrapper{ width:94%; margin:0 auto;}
.header { padding:2% 2%; box-sizing:border-box;}
.header .logo { margin:0;}
.header .logo img{ width:80%;}
.header .show_hide_header { width:40%; float:right;}
.mobile_nav{ float:right; width:100%; margin:1% 5% 0 0;}
.buy-button{ right:44px;}
#site-nav ul li{ display:block;}
#site-nav ul li ul{ display:block !important;}
ul.sub-menu{ padding-bottom:0 !important;}
ul.sub-menu li{ margin-left:15px;}
.mobile_nav a{font:15px "Roboto Condensed",sans-serif; color:#242424;}
.mobile_nav a:hover{ color:#242424;}
#site-nav { float:left; margin:10px 0 0 0;}
#slidecaption{ left:3%;}
#primary{ width:65%;}
#secondary{ width:31%;}
#colophon{ width:94%; padding:3%; margin-top:20px;}
.footer-menu, .social, .contact{ width:22%;}
.foot_col_container{ width:100%;}
.social{ margin-left:0;}
.contact{ margin-left:2%;}
.contact-form{ width:100%; margin:0; padding:0;}
.contact-form input[type="text"]{ width:95%; margin:0;}
.contact-form input[type="text"].cf_captcha{ width:35%;}
.contact-form input[type="tel"]{ width:95%; margin:0; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; padding:6px;}
.contact-form textarea{ width:98%; height:150px;}
.contact-form input[type="submit"]{ display:block; margin-top:15px;}
aside ul li{ padding:4px 0;}

/* -------- Portfolio ------ */
.portfolio-main{ width:100%;}

/* ------ Slider ------ */
div.slide-title { font-size:30px;}
div.slide-title span { padding:0 15px;}
.slide-description span { padding:10px 15px;}
#thumb-tray{ position:fixed; z-index:3; bottom:0; left:0; height:130px; width:93%; overflow:hidden; text-align:center; margin-left:4%; text-align:center;}

/* =========== Double Sidebar Handler ============ */
.one-third-left{float:left !important;width:22% !important;margin-right:25px !important;}
.one-third-middle{float:left !important;width:50% !important;}
.one-third-right{float:right !important;width:22% !important;}
}