@media screen and (min-width: 960px){
	html,body{  margin:0px auto;min-width:960px;}
	.wrapper { width:100%;}
	.content {width:960px;}
}

@media screen and (min-width: 859px) and (max-width: 960px) {
   html,body{  margin:0px auto;min-width:830px;}
	.wrapper { width:100%;}
	#masthead { width:100%; margin-left:auto;margin-right:auto;left:0; }
    .content, #header {width:95%; margin-left:auto; margin-right:auto;}
	.flexslider .slides a, .flexslider .slides img{ width:100%;margin-left:auto;margin-right:auto;}
	.banner{ width:100%;}
	#nav_no_mob li {  display: inline-block;  margin-right: 24px;  width: auto; }
	h1 {font-size:28px;line-height:normal;}
	p {}
	header {width:100%;}
   
}
@media screen and (min-width: 761px) and (max-width: 860px) {
    html,body{  margin:0px auto;min-width:740px;}
	.wrapper { width:100%;}
	#masthead { width:100%; margin-left:auto;margin-right:auto;left:0; }
    .content, #header {width:95%; margin-left:auto; margin-right:auto;}
	
    #nav_no_mob{ float:right;position:relative;} 
	#nav_no_mob ul {float:left}
    #nav_no_mob li {  display: inline-block;  margin-right: 22px;  width: auto; }
	#nav_no_mob a {font-weight:normal; }
	.flexslider .slides a, .flexslider .slides img{ width:100%;}
	.banner{ width:100%;}
    .content{
    width: 95%;
    font-size:12px;position:relative;
    }
	/*#textbox { width:100%;}*/
	.entry {width:100%;}
	h1 {font-size:28px !important ;line-height:normal;}
	p {}
    #contents h1{ font-size:16px; text-align:left;}
    #comments h1,.sidebar h1{ font-size:12px; text-align:left;}
    #sidebar{width:18%}
	.footer{ width:100%;}
}
 
@media screen and (min-width: 641px) and (max-width: 760px) {
    html,body{  margin:0px auto;min-width:620px;}
	.wrapper { width:100%; margin-top:69px; padding-top:10px;}
	#masthead { width:100%; margin-left:auto;margin-right:auto;left:0; }
    .content, #header {width:95%; margin-left:auto; margin-right:auto;}
	
    #nav_no_mob{ float:left;position:relative;width:100%} 
	#nav_no_mob ul {float:left}
	#nav_no_mob li {  display: inline-block;  margin-right: 24px;  width: auto; }
	#nav_no_mob a {font-weight:normal; }
	.flexslider .slides a, .flexslider .slides img{ width:100%;}
	.banner{ width:100%;}
    .content{
    width: 95%;
    font-size:12px;position:relative;
    }
	/*#textbox { width:100%;}*/
	.entry {width:100%;}
	h1 {font-size:28px;line-height:normal;}
	p {}
    #contents h1{ font-size:16px; text-align:left;}
    #comments h1,.sidebar h1{ font-size:12px; text-align:left;}
    #sidebar{width:18%}
	.footer{ width:100%;}
	
}
 
@media screen and (min-width: 421px) and (max-width: 640px) {
    html,body{  margin:0px auto;min-width:420px;}
	#logo a {height:50px;}
	.wrapper { width:100%; margin-top:24px; padding-top:0px;}
	#mob {display:block !important; width:100%;}
	.listText, .listText a { border-top: 0px; border-bottom:0px; color:#333; line-height:18px;margin-bottom:0px; font-size:14px; }
	.listText a:before {content:"-\00a0"; padding-left:1%}
	#no_mob {display:none;}
	#masthead { width:100%; margin-left:auto;margin-right:auto;left:0; }
    .content, #header {width:95%; margin-left:auto; margin-right:auto;}
	#nav_no_mob, #nav_no_mob ul, #nav_no_mob li, #nav_no_mob a{ display:none;}
    #nav_mob { min-height:120px;height:auto !important;height:120px;position: relative; display:block; float:left; width:100%}
    #nav_mob > div > ul > li { float:none; text-align:center; border-bottom:1px solid #dedede; }
    #nav_mob > div > ul > li { font-size:11px; padding:0px 0px; width:48%; float:left;}
	#nav_mob > div > ul > li:nth-child(odd) {margin:0 2% 0 0; }
	#nav_mob > div > ul > li:nth-child(even) {margin:0 0 0 2%; }
	#nav_mob > div > ul > li > ul, #nav_mob > ul > li > ul > li {display:none !important; }
	#nav_mob > div > ul > li:hover > ul, #nav_mob > div > ul > li:hover > ul > li, #nav_mob > div > ul > li:hover > ul > li > a {display:block !important; }
	#nav_mob > div > ul > li > ul > li{border-bottom:0px;}	
	#nav_mob a { font-size:16px; color: #000000 !important; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 9px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;}
	#header {min-height:155px;height:auto !important;height:155px;}
	#logo{display:block;width:100%;margin-top:20px;}
	#logo a:hover {background-position: 0 0; }
	.flexslider .slides a, .flexslider .slides img{ width:100%;}
	.banner{ width:100%;}
	#blogContent, .home_text { width:100%;}
    .content{width: 95%; font-size:14px;position:relative; background-image:none;     }
	#portfolio-filter { margin-bottom:0px; }
	#left_work, #right_work { width:100%;padding:0;	margin:0;}
	.workcontainer, .workcontainer img  {margin:0 0 12px;}
	#textbox, #home_sidebar { width:100%;}
	.entry {width:100%;}
	#gallery-1 { width:100%;}
	h1{ font-size:32px;line-height:normal;margin-top:12px;}
	.imgR{ width:auto!important; height:auto!important;}
	.alignnone{ width:auto!important; height:auto!important;}
	.attachment-full { width:auto!important; height:auto!important;}
    #contents h1{ font-size:16px; text-align:left;}
    #comments h1,.sidebar h1{ font-size:12px; text-align:left;}
    #sidebar {float: none;width: 100%;}
	.footer{ width:100%;}
	.gallery img {
		width:96%;
		height:auto;
		padding:4px 4px;
	}
    }

 
@media screen and (min-width: 1px) and (max-width: 420px) {
    html,body{  margin:0px auto;min-width:320px;color:#2c2c2c !important; font-size:14px;}
	.wrapper { width:100%; margin-top:24px; padding-top:0px;}
	#mob {display:block !important; width:100%;}
	.listText, .listText a { border-top: 0px; border-bottom:0px; color:#333; line-height:18px;margin-bottom:0px; font-size:14px; }
	.listText a:before {content:"-\00a0"; padding-left:1%}
	#no_mob {display:none;}
	#masthead { width:100%; margin-left:auto;margin-right:auto;left:0; }
    .content, #header {width:95%; margin-left:auto; margin-right:auto;}
	#logo{display:block;width:100%;margin-bottom:16px;}
    #nav_no_mob, #nav_no_mob ul, #nav_no_mob li, #nav_no_mob a{ display:none;}
    #nav_mob { min-height:155px;height:auto !important;height:155px; position: relative; margin-top:30px; display:block}
    #nav_mob > div > ul > li { float:none; text-align:center; border-bottom:1px solid #dedede; }
    #nav_mob > div > ul > li { font-size:11px; padding:0px 0px; width:46%; float:left;}
	#nav_mob > div > ul > li:nth-child(odd) {margin:0 2% 0 0; }
	#nav_mob > div > ul > li:nth-child(even) {margin:0 0 0 2%; }
	#nav_mob > div > ul > li > ul, #nav_mob > ul > li > ul > li {display:none !important; }
	#nav_mob > div > ul > li:hover > ul, #nav_mob > div > ul > li:hover > ul > li, #nav_mob > div > ul > li:hover > ul > li > a {display:block !important; }
	#nav_mob > div > ul > li > ul > li{border-bottom:0px;}
	#nav_mob a { font-size:16px; color: #000000 !important; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 9px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;}
	#half_column {width:100%;padding:0; float:left; position:inherit}
	#header {height:auto !important;}
	.flexslider .slides a, .flexslider .slides img{ width:100%;margin: 10px 0 0 0px;}
	.banner{ width:100%;}
	#blogContent, .home_text{ width:100%;padding:0; border:0px; }
    .content{ width: 95%;position:relative;}
	#textbox, #home_sidebar { width:100%;}
	.entry {width:100%;margin-bottom:0px;}
	h1{ font-size:28px;line-height:normal;margin-top:12px;}
	p {width:100%;}
	.dateStamp{ display:none;}
	.imgR{ width:auto!important; height:auto!important;}
	.alignnone{ width:auto!important; height:auto!important;}
	.attachment-full { width:auto!important; height:auto!important;}
    #contents h1{ font-size:16px; text-align:left;}
    #comments h1,.sidebar h1{ font-size:12px; text-align:left;}
    #sidebar {float: none;width: 100%;}
	.footer{ width:100%;}
	.slides, .flex-control-#nav_no_mob, .flex-direction-#nav_no_mob { margin: 0 0 25px;}
	  #left_work, #right_work {width:100%;padding:0;margin:0;}
	.workcontainer, .workcontainer img  {margin:0 0 12px;}
	article {border-bottom:1px solid #999; margin-bottom:12px;}
	article h3 {font-size:12px; }
	#logo a:hover {background-position: 0 0; }
	.gallery img {
		width:96%;
		height:auto;
		padding:4px 4px;
	}
}