/*--------------------------------------------
               MOBILE CSS
---------------------------------------------*/


/* Large devices (large desktops, 1256px and up) */
@media (min-width: 1256px) {

.container{ width:1238px; max-width: 1238px;}
}

@media (max-width: 1255px) {
#SMenu li{
  /* margin-right:4.5%; */
   margin-right:3.5%;
  }
}

@media (max-width: 1200px) {

.content{width: 70%;}
.sidebar{width:30%;}
#SMenu li a {font-size: 20px;}
.loginArea {font-size: 22px;}
.tagline {font-size: 24px;margin-top: 30px;}
#SMenu li ul li a {font-size: 18px;}

.MembershipDirectoryTable tr {height:70px;}
.MembershipDirectoryTable tr td {padding:0px 20px 0px 0px;}

div.funding{
float:none;
width:100%;
margin-right:0;
}

}


/* Large devices (large desktops, 992px and up) */
@media (max-width: 991px) {

table{width:100% !important;}
.pirobox_content{width: auto !important;}

.tagline {font-size:18px;}
.logo img {width:225px;}

.loginArea {font-size: 18px;margin-top:30px;}
#Login_submenu li a {font-size:18px;}

#Login_submenu li a {font-size: 16px;}

#SMenu li{
/* margin-right:4%; */
margin-right:3%;
}
#SMenu li a {font-size: 15px;}
#SMenu li ul, #SMenu li ul li ul {padding:15px;}
#SMenu li ul li a {font-size: 16px;}

.ContactForm td{
padding-right:0;
display:block;
}

.footer .tweets, .footer .eventCalendar  {display:none;}

table.MembershipDirectoryTable tr > td {display:block;}
table.MembershipDirectoryTable tr td {width:100%;}

}


/* Large devices (large desktops, 850px and up) */
@media (max-width: 849px) {

.headerWrapper{margin-bottom:0; padding-bottom:0;}
.tagline {display:none;}

.loginArea {display:none;}
.headerWrapper .social_icons{display:block;}
.headerWrapper .social_icons img{margin-left:8px;}

.main-navigation.horizontal-menu {display:none;}

.slicknav_menu {display:block !important;}

.slicknav_btn {margin-top: -50px;margin-right: 30px;}
.slicknav_menu .slicknav_menutxt {display:none !important;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top: 0.125em;}

.slicknav_menu .slicknav_icon-bar {
width: 4.2em !important;
height: 0.4em !important;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: none;
border: 2px solid #ec4b3c;
background: #ec4b3c;
}

.slicknav_menu .slicknav_arrow {
display: block;
width: 46px;
padding: 5px 14px 10px 14px;
cursor: pointer;
float: left;
position: relative;
top: 0px;
left: 0px;
}

.slicknav_nav {
padding: 0px;
margin-bottom: 0px;
}

.slicknav_menu .slicknav_parent a.menu {border-left:3px solid #fff;}
.slicknav_menu li ul li a {border-left:none !important;}
.slicknav_menu li ul {border-left:3px solid #fff;}

.slicknav_nav li.mLabel {
display: block;
margin: 0px;
padding: 0px;
border-bottom: 3px solid #FFFEFE;
background: #D1D3D4;
}

.slicknav_nav li.mLabel:last-child {
border-bottom: none;
}

.slicknav_nav li.mLabel:last-child a{
font-size: 16px;
font-family: 'DINNextRoundedLTPro-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: capitalize;
}

.slicknav_nav li.mLabel:first-child {
border-top: 3px solid #FFFEFE;
}

.slicknav_nav li.mLabel:hover {
background-color:#ec4b3c;
}

.slicknav_nav li.mLabel:hover a{
color:#FFFEFE;
}

.slicknav_nav .slicknav_item a {display:inline-block !important;}
.slicknav_nav .slicknav_item {padding:0;}

.slicknav_nav a {
text-decoration: none;
font-size: 19px;
color: #808285;
padding: 6px 15px 6px 10px;
text-transform: uppercase;
font-family: 'DINNextRoundedLTPro-Bold';
}
 
.slicknav_nav ul {padding-left:20px;}
.slicknav_nav li ul li a.menu {font-size:16px;text-transform: uppercase;line-height:16px;}

div.sb_button {display: block;left:0;position: absolute;}

.content{width: 100%;}
.sidebar{position: absolute;width: 275px;left: -275px;}

.footer .donate #social_icons {position:relative; text-align: center;top: 10px;right: 0px;}

}


/* Medium devices (medium desktops, 768px and up) */
@media screen and (max-width: 767px) {

.specialContainer{margin: 0 40px;}
.EvtCalSm{display:none;}

.slicknav_btn{
margin-right: 0;
}

.h1 {display:block;}
.logo img {width:210px;}

#Login_menu li a {font-size:20px;}
#Login_submenu li a {font-size:16px;}

.footer .donateWrapper {display:none;}
.footer .connect_two {display:none;}
.footer .connect_one h3 {display:none;}
.footer .connect_one p.LA,
.footer .connect_one p.SF,
.footer .connect_one p.work-remote {text-align:center;}

}

/* Medium devices (small devices, 650px and up) */
@media screen and (max-width: 649px) {

ul#past_artists {width:50%;}
.alignLeft, .alignRight{
float:none;
display:block;
margin-left:0;
}

}



/* Small devices (small devices, 600px and up) */
@media screen and (max-width: 599px) {

#homeSidebar {
width:100%;
position: relative;
left: 0px;
min-height: auto;
}

#inside{padding: 30px 20px 50px;}
.specialContainer{margin: 0 20px;}

#insideSidebar {display:none;}
#inside .homeBanner {display:none;}
#inside .bodyWrapper {margin-top:30px;}


div.sb_button {display:none;}

.logo img {width:150px;}

.findFunding, .upcomingWorkshops {width:100%;}
.findFunding img.img-responsive, .upcomingWorkshops img.img-responsive {width:100%; max-width:100%; height: auto;}

input[type="text"], textarea, select{ width: 100% !important; max-width:100%;}
.formButtons input{ width: 100%;}

.recipientBio{
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}

.pirobox_content td.pirobox_down div.piro_nav{
margin-left: 0 !important;
left: 0 !important;
width:100% !important;
}

.pirobox_content td.pirobox_down div.caption{
width: 255px !important;
}

.piro_overlay{
height: 100% !important;
}


}

/* Small devices (small devices, 450px and up) */
@media screen and (max-width: 449px) {


ul#past_artists {width:100%;float:none;font-size:15px;margin-top:-10px;}

}


/* Small devices (small devices, 400px and up) */
@media screen and (max-width: 399px) {

/*.slicknav_menu {right:0px;width:100%;left:0px;padding:0px 30px;}*/

table.grant_logos tr > td {
display:block;}



}

/* Extra Small devices (extra small devices, 325px and up) */
@media screen and (max-width: 324px) {


.slicknav_menu .slicknav_icon-bar {width: 3.2em !important;}
.logo , .headerContents {padding:0px;}
.headerWrapper .social_icons{text-align:left;}
.headerWrapper .social_icons img{margin-left: 0px;margin-right: 4px;}

}