@media only screen and (min-width:960px) and (max-width:1040px)
{
/* --------- index page HERE -------------*/
.container							{width:98%;}
.nav								{width: 950px;margin: 0 auto;}
.nav ul li							{padding: 0 0 18px 40px;}
.left_content						{ width:49%}
.artist img							{ width:100%; margin:0 auto;}
.right_content						{width: 48%;}
.membership img						{ width:49%; height:auto;}
.membership > ul li					{ width:100%;}
.events img							{width: 41%;height: auto;}
.call ul li							{width: 433px;}
.view								{width:88px;}
.view img							{ width:15px!important;}

/* --------- three column page HERE -------------*/
.left-column						{width: 70%;}
.left_nav							{width: 180px;}
.left_area							{width: 72%;}
.left_area > img					{  width: 100%; height:auto;}
.right-column						{width: 27%;}
a.feature							{ font-size:18px; height:21px;}
/* --------- two column page HERE -------------*/
.right_area							{ width:80%;}
.right_area img 					{width: auto; /* width: 100%; */}	
/* --------- member directory page HERE -------------*/
.sort_list							{width: 100%;}
.sort_list ul li					{padding-right: 85px;}
/* --------- contact page HERE -------------*/
.contact							{ width: 71%;}
.map img							{ width:100%; height:auto;}
}
@media only screen and (min-width:768px) and (max-width:959px)
{
	/* --------- index page HERE -------------*/
.container							{width:98%;}
.logo								{ width:44%;}
.search form input[type="text"]		{width: 144px;}
.logo img							{ width:100%; height:auto;}
.nav								{width:755px;margin: 0 auto;}
.nav ul li							{ padding: 0 0 18px 18px;}
.nav ul li a						{ font-size:14px;}
.annual em							{ font-size:22px;}
.schedule span						{ font-size:20px;}
a.feature							{ font-size:18px; height:20px;}
.artist span						{ font-size:14px;}
.artist em							{padding: 10px 0 0;}
.art span							{font-size: 14px;}
.member span						{font-size: 14px;}
.footer_menu						{ width:745px}
.address p							{font-size: 12px;}
.address							{width: 305px;}
.newsletter							{ margin-left:5px;}
.newsletter form input[type="text"]	{width: 140px;}
.sociallinks ul						{ width: 671px;}
.footer1							{width: 735px;}
.footer_menu ul li					{ padding-left: 15px;}
.footer_menu ul li a				{ font-size:12px;}
.left_content						{ width:48%}
.member								{width: 155px;padding-left: 9px;}
.member p							{ padding-top:2px;}
.artist img							{ width:100%; margin:0 auto; height:auto;}
.right_content						{width: 49%;}
.art								{width: 202px;padding-left: 9px;}
.art p								{ padding-top:2px;}
.membership img						{ width:50%; height:auto;}
.membership > ul li					{ width:100%;}
.events img							{width: 41%;height: auto;}
.call ul li							{width:350px;}
.view								{width:88px;}
.view img							{ width:15px!important;}
/* --------- three column page HERE -------------*/
.left_common						{width: 100%;}
.left_nav							{width: 24%;}	
.left_area							{width: 75%;}
.left_area > img					{ width:100%; height:auto;} 
.right-column						{ width:99%; margin-right:0; position:relative;}

.exhibition							{width:40%;float: left; padding-top:45px;}
.featured h3						{ text-align:center;}
.featured small						{text-align:center;}
.featured							{width:50%;float: left;padding-top:12px; margin-left:55px;}
/* --------- two column page HERE -------------*/
.right_area							{ width:76%;}
.members h3							{ font-size:18px;}
.right_area p						{padding: 6px 0 0;font-size: 12px;}
.right_area img 					{width: 100%;}	
/* --------- member directory page HERE -------------*/
.sort_list							{width: 100%;}
.sort_list ul						{padding-top: 12px;}
.sort_list ul li					{padding-right:40px; font-size: 13px; width:230px;}
.right_area h3						{ font-size:18px;}
/* --------- contact page HERE -------------*/
.contact							{ width:99%;}
.map img							{ width:100%; height:auto;}

}
@media only screen and (min-width:600px) and (max-width:767px)
{
	/* --------- index page HERE -------------*/
.container							{width:98%;}
.logo								{ width:41%;}
.search form input[type="text"]		{width: 144px;height: 25px;}
.search form input[type="submit"]	{height: 25px;}
.top_menu							{padding-top: 9px;}
.nav								{ width:588px; margin:0 auto;}
.nav ul li a						{ font-size: 13px; padding:3px;}
.nav ul li							{padding: 0 0 18px 7px;}
.logo img							{ width:100%; height:auto;}
.top_menu ul li a					{ font-size:10px;}
.left_content						{ float:none; margin:0 auto;}
.right_content						{float:none; margin:0 auto;clear: both; padding-top:15px;}
.footer_menu						{ width: 475px;}
.footer1							{ width:100%;}
.address							{ float:none; margin:0 auto;} 
.newsletter							{margin-left:0;float:none; margin:0 auto;width: 466px;}
.sociallinks ul						{width: 100%;}
.sociallinks ul li					{ float:none;text-align: center; line-height:0; height:18px;}
.artist p							{ font-size:13px;}
.member p							{ font-size:13px;}
.art p								{ font-size:13px;}
.annual em							{font-size: 22px;}
.schedule span						{ font-size:20px;}
.around p							{ font-size:13px;}
.footer								{margin-top: 28px;}
/* --------- three column page HERE -------------*/
.left-column						{width:98%;}
.left_area p						{font-size: 12px;padding-top:10px;}
.left_common						{width:98%;}
.left_nav							{width: 24%;}	
.left_area							{width: 75%;}
.left_area > img					{ width:100%; height:auto;} 
.left_area small					{padding: 12px 0;}
.left_area1 h2						{font-size: 18px;}
.art_association > img				{width:170px;height:134px; display:block;}
.art_association					{ padding-top: 12px;}
.right-column						{ width:99%; margin-right:0; position:relative;}
.exhibition							{width:40%;float: left; padding-top:45px;}
.featured h3						{ text-align:center;}
.featured small						{text-align:center;}
.featured							{width:47%;float: left;padding-top:12px; margin-left:55px;}
a.feature							{font-size:18px;height: 19px;}
.view								{margin-right: 10px;}
.exhibition ul li					{padding: 10px 0;}
.exhibition ul li span				{font-size: 15px;}
.featured h3						{ font-size:18px;}
/* --------- two column page HERE -------------*/
.right_area							{ width:72%;}
.members h3							{ font-size:16px;}
.right_area p						{padding: 6px 0 0;font-size: 12px;}
/* --------- member directory page HERE -------------*/
.sort_list							{width: 100%;}
.sort_list ul						{padding-top: 12px;}
.sort_list ul li					{padding-right:0; font-size:12px; width:50%;}
.right_area h3						{ font-size:18px;}
/* --------- contact page HERE -------------*/
.contact							{ width:99%;}
.map img							{ width:100%; height:auto;}
.hours								{padding-left: 18px;}		
}
@media only screen and (min-width:480px) and (max-width:599px)
{
	/* --------- index page HERE -------------*/
.container							{width:98%;}
.logo								{width: 61%;margin: 0 auto; float:none;}
.header_right						{float: none;margin: 0 auto;width:390px;}
.logo img							{ width:100%; height:auto;}
.search form input[type="text"]		{width: 144px;height: 25px;}
.search form input[type="submit"]	{height: 25px;}
.top_menu ul li a					{ font-size:10px;}
.left_content						{ float:none; margin:0 auto;width:100%;}
.artist em							{padding: 10px 0 0 0px;}
.membership img						{ float:none; margin:0 auto;}
.member								{ float:none; width:100%; padding-left:0;}
.member p							{ padding-top:5px; text-align:center;}
.member span						{ display:block; text-align:center; padding-top:12px;}
.artist img							{ width:100%; margin:0 auto;height:auto;}
.right_content						{float:none; margin:0 auto;clear: both; padding-top:15px;width: 430px;}
.events img							{float:none; margin:0 auto;}
.art								{ float:none; width:100%; padding-left:0;}
.art span							{ display:block; text-align:center;}
.art em								{text-align:center;}
.art p							    { padding-top:5px; text-align:center;}
.art blockquote						{display:block; text-align:center;}
.call ul li							{width: 400px;}
.annual em							{font-size: 20px;}
.schedule span						{font-size:18px;}
.footer_menu						{width:396px;}
.footer_menu ul li a				{ font-size:12px;}
.footer1							{ width:100%;}
.address							{ float:none; margin:0 auto;} 
.newsletter							{margin-left:0;float:none; margin:0 auto;width:410px;}
.newsletter form input[type="text"]	{width: 140px;}
.sociallinks ul						{width: 100%;}
.sociallinks ul li					{ float:none;text-align: center; line-height:0; height:18px;}
.nav				                { padding:0; background:none;  width:92%; margin-bottom:10px; margin:0 auto;}
.nav > ul			                { margin-left:0;width:100%; display:none; background-color:#666; padding:0;}
.nav > ul li			            { float:none; padding-left:0px;}
.nav ul li.first		            {padding-left:0; padding-top:10px;}
.nav ul li a			            { padding-bottom:5px; border:none; color:#ffffff; font-size:12px!important;}
.nav ul li a:hover					{border:none; }
.nav ul li ul		                { display:block; padding-top:-2px; padding:-2px 0 10px 0; position:relative; margin-left:0;top:0px !important; border:none; width:100%;}
.nav ul li ul li					{background-color: #999; padding:0px 0px 0px 17px !important}
.nav ul li ul li a					{ font-size:12px;}
.nav > ul li a:hover	            { border-bottom:none;}
.nav ul li a:hover			        { color:#00b3ac; font-size:13px; border:none!important;}

.mob_menu						    { display:block;background-color: #000000;margin: 13px auto 2px;overflow: hidden;width: 92%; padding:7px 0;}
.mob_menu > span					{display: block;float: left;text-transform:uppercase; color:#ffffff; font-size:16px; font-weight:bold; padding:0 0 0 5px;}
.mob_menu a                         { display:block; float: right;padding:0 5px 0 0; }


.mob_menu ul li						{padding: 0px 0px 5px 55px;}
.mob_menu ul li a			        {padding-bottom:5px; border:none; color:#ffffff; font-size:12px!important;}
.mob_menu ul li ul a 				{bottom: 5px !important;}
.mob_menu ul li ul li				{background-color: #999; padding:0px 0px 0px 17px !important}
.mob_menu em						{color:#fff; font-size:12px; float:left; text-transform:uppercase; font-style: normal; font-weight: 400; padding-top: 3px;}
.mob_menu img						{float:right;cursor:pointer;}

.artist p							{ font-size:13px;}
.member p							{ font-size:13px;}
.art p								{ font-size:13px;}
.annual em							{font-size: 22px;}
.schedule span						{ font-size:20px;}
.around p							{ font-size:13px;}
.artist								{ margin-top:10px;}
/* --------- three column page HERE -------------*/
.left-column						{ width:100%; margin:0 auto; float:none;}
.left_nav							{ float:none; margin:0 auto;}
.left_area							{ width:100%; padding-top:2px;}
.left_area > img					{ width:100%; height:auto;}
.left_area p						{font-size: 12px;padding-top: 11px; text-align:left;}
.left_area small					{padding:10px 0; font-size:12px;}
.left_area1 h2						{ font-size:18px; text-align:center;}
.art_association > img				{width:170px;height:134px; display:block; float:none; margin:0 auto;}
.art_association					{ padding-top: 12px;}
.right-column						{ float:none; margin:0 auto; clear:both; width:100%;}
.exhibition							{ margin-top:10px;}
a.feature							{ font-size:18px; height:20px;}
.exhibition ul li					{padding: 11px 0;}
.exhibition ul li span				{font-size: 14px;}
.featured h3						{ font-size:18px; text-align:center;}
.featured small						{ text-align:center;}

/* --------- two column page HERE -------------*/
.right_area							{ width:98%; float:none;}	
.members h3							{ font-size:16px;}
.right_area p						{ font-size:12px; padding:5px 0 0;}
.main_content						{width: 92%;margin:5px auto 0;}
/* --------- member directory page HERE -------------*/
.sort_list							{width: 100%;}
.sort_list ul						{padding-top: 12px;width: 229px; margin:0 auto;}
.right_area h3						{ font-size:16px;}
.sort_list ul li					{padding-right:0px; font-size:12px;width: 229px;}
/* --------- contact page HERE -------------*/
.contact							{ width:100%;}
.map img							{ width:100%; height:auto;}
.hours								{padding-left:0px;width: 297px;float: none;margin: 0 auto;padding-top: 12px;}
.address_1							{width: 297px;float: none;margin: 0 auto;padding-top: 12px;}		
.address_1 span						{font-size: 13px;}
.hours span.hours span				{font-size: 13px;}
.address_1 em						{font-size: 13px;}
.hours em							{ font-size:13px;}
.map								{padding-bottom: 25px;}
#tribe-events-content-wrapper{float:none !important; width:100% !important;}
.widget_wysija_cont{width:100% !important;}
#tribe-events-content {
width: 100% !important;
float: none !important;
}
.newsletter form input[type="submit"]{clear:none;}
}
@media only screen and (min-width:320px) and (max-width:479px)
{
	/* --------- index page HERE -------------*/
.container							{width:98%;}
.logo								{width:78%;margin: 0 auto; float:none;}
.header_right						{float: none;margin: 0 auto;width:100%;}
.search								{float: none;width: 193px;margin: 0 auto; padding-left:0;}
.top_menu							{float: none;width:165px;margin: 0 auto; padding-left:0;}
.logo img							{ width:100%; height:auto;}
.search form input[type="text"]		{width: 144px;height: 25px;}
.search form input[type="submit"]	{height: 25px;}
.top_menu ul li a					{ font-size:10px;}
.left_content						{ float:none; margin:0 auto;width:100%;}
.artist em							{padding: 3px 0 0 0px;}
.artist span						{ font-size:14px;}
.artist p							{ padding-top:5px;}
.membership img						{ float:none; margin:0 auto;}
.member								{ float:none; width:100%; padding-left:0;}
.member p							{ padding-top:0px; text-align:center;}
a.feature							{font-size: 16px; height:20px;}
.membership > ul li					{padding-top: 21px;background: url("../images/member_line.png") no-repeat scroll -5px 5px rgba(0, 0, 0, 0);}
.view								{float: none;width:82px;margin: 0 auto;padding-top: 18px;}
.member span						{ display:block; text-align:center; padding-top:3px;}
.artist img							{ width:100%; margin:0 auto; height:auto;}
.right_content						{float:none; margin:0 auto;clear: both; padding-top:15px;width:278px;}
.events img							{float:none; margin:0 auto;}
.art								{ float:none; width:100%; padding-left:0;}
.art span							{ display:block; text-align:center; font-size:14px; padding:5px 0;}
.around span						{padding: 5px 0; display:block; text-align:center;}
.around p							{ text-align:center;}
.around em							{text-align:center;}
.art em								{text-align:center; padding-top:0;}
.art p							    { padding-top:5px; text-align:center;}
.art blockquote						{display:block; text-align:center;}
.call ul li							{width:260px;}
.annual								{ padding:10px 0;}
.annual em							{font-size:18px;}
.schedule span						{font-size:16px;}
.footer								{border-top:0; margin-top:2px;}
.footer_menu						{width:262px;}
.footer_menu ul li a				{ font-size:12px;}
.footer_menu ul li					{padding-left: 14px;background: url("../images/menu_bg.png") no-repeat scroll 4px 1px rgba(0, 0, 0, 0);}
.footer_menu ul li.first			{padding: 0 0 0 17px;}
.footer1							{ width:100%;}
.address							{ float:none; margin:0 auto;width:284px;} 
.address p							{font-size: 13px;line-height: 119%;text-align:center;}
.newsletter							{margin-left:0;float:none; margin:10px auto;width:276px; padding:5px; }
.newsletter form input[type="text"]	{width: 120px; margin:0 10px 10px 0;}
.newsletter form input[type="submit"]{display: block;margin: 10px auto;width: 70px;}
.sociallinks ul						{width: 100%;}
.sociallinks ul li					{ float:none;text-align: center; line-height:14px; height:28px;}
.design								{width: 66%;}
.design a							{text-align: center;display: block;}
.nav				                { padding:0; background:none;  width:92%; margin-bottom:10px; margin:0 auto;}
.nav > ul			                { margin-left:0;width:100%; display:none; background-color:#666; padding:0;}
.nav > ul li			            { float:none; padding-left:0px;}
.nav ul li.first		            {padding-left:0; padding-top:10px;}
.nav ul li a			            { padding-bottom:5px; border:none; color:#ffffff; font-size:12px!important;}
.nav ul li a:hover					{border:none; }
.nav ul li ul		                { display:block; padding-top:-2px; padding:-2px 0 10px 0; position:relative; margin-left:0;top:0; border:none; width:100%;}
.nav ul li ul li					{background-color: #999; padding:17px 0 0 0!important;}
.nav ul li ul li a					{ font-size:12px;}
.nav > ul li a:hover	            { border-bottom:none;}
.nav ul li a:hover			        { color:#00b3ac; font-size:13px; border:none!important;}


.mob_menu						    { display:block;background-color: #000000;margin: 13px auto 2px;overflow: hidden;width: 92%; padding:7px 0;}
.mob_menu > span					{display: block;float: left;text-transform:uppercase; color:#ffffff; font-size:16px; font-weight:bold; padding:0 0 0 5px;}
.mob_menu a                         { display:block; float: right;padding:0 5px 0 0; }


.mob_menu ul li						{padding: 0px 0px 5px 55px;}
.mob_menu ul li a			        {padding-bottom:5px; border:none; color:#ffffff; font-size:12px!important;}
.mob_menu ul li ul a 				{bottom: 5px !important;}
.mob_menu ul li ul li				{background-color: #999; padding:0px 0px 0px 17px !important}
.mob_menu em						{color:#fff; font-size:12px; float:left; text-transform:uppercase; font-style: normal; font-weight: 400; padding-top: 3px;}
.mob_menu img						{float:right;cursor:pointer;}


.artist p							{ font-size:13px;}
.member p							{ font-size:13px;}
.art p								{ font-size:13px;}
.annual em							{font-size: 22px;}
.schedule span						{ font-size:20px;}
.around p							{ font-size:13px;}
.artist								{ margin-top:10px;}
.form-validation-field-1formError, .parentFormform-wysija-2, .formError	{left: 0px !important;top: 88px !important;}
/* --------- three column page HERE -------------*/
.left-column						{ width:100%; margin:0 auto; float:none;}
.left_nav							{ float:none; margin:0 auto;}
.left_area							{ width:100%; padding-top:2px;}
.left_area > img					{ width:100%; height:auto;}
.left_area p						{font-size: 12px;padding-top: 11px; text-align:left;}
.left_area small					{padding:10px 0; font-size:12px;}
.left_area1 h2						{ font-size:17px; text-align:center;}
.art_association > img				{width:170px;height:134px; display:block; float:none; margin:0 auto;}
.art_association					{ padding-top: 12px;}
.right-column						{ float:none; margin:0 auto; clear:both; width:100%;}
.exhibition							{ margin-top:10px;}
.exhibition ul li					{padding: 11px 0;}
.exhibition ul li span				{font-size: 14px;}
.featured h3						{ font-size:18px; text-align:center;}
.featured small						{ text-align:center;}
/* --------- two column page HERE -------------*/
.right_area							{ width:98%; float:none;}
.members h3							{ font-size:12px;}
.right_area p						{ font-size:12px; padding:5px 0 0;}
.main_content						{width: 92%;margin:5px auto 0;}
/* --------- member directory page HERE -------------*/
.sort_list							{width: 100%;}
.sort_list ul						{padding-top: 12px;width:183px; margin:0 auto;}
.right_area h3						{ font-size:14px;}
.sort_list ul li					{padding-right:0px; font-size:12px;width:184px;}
.member1							{ float:none;}
.right_area h3						{text-align: center; padding-top:7px;}
.sort								{ float:none; width:185px; margin:0 auto; padding:0;}
/* --------- contact page HERE -------------*/
.contact							{ width:100%;}
.map img							{ width:100%; height:auto;}
.hours								{padding-left:0px;width: 297px;float: none;margin: 0 auto;padding-top: 12px;}
.address_1							{width:100%;float: none;margin: 0 auto;padding-top: 12px;}		
.address_1 span						{font-size: 13px;}
.hours span.hours span				{font-size: 13px;}
.address_1 em						{font-size: 13px;}
.hours em							{ font-size:13px;}
.map								{padding-bottom: 25px;}

#tribe-events-content-wrapper{float:none !important; width:100% !important;}
#tribe-events-content {
width: 100% !important;
float: none !important;
}
.widget_wysija_cont{width:100% !important;}
.newsletter form input[type="submit"]{clear:both;}
}