/********** Media **********/


/*------------------------------------------------
 Large devices (large desktops, 1200px and less)
--------------------------------------------------*/

@media (max-width: 1199px) {

.footer #smenu li {max-width:16%;margin-right:22px;}

div.news, div.blog {margin-right:0;}

.blog .Zine{padding-right:20px;}

ul#CMenu li ul{min-width:0;}

ul#CMenu li#page_20 ul li ul, ul#CMenu li#page_72 ul li ul {
left: -130px !important;
max-width: 0;
margin:0px 5px 10px 0px;
min-height:190px;
}

.banner .ImageRotateHolder{
max-height:196px;}

div.profile_info {height:320px;}
div.contact_info {min-height:320px;}

}


/*-----------------------------------------------
     Medium devices (desktops, 992px and less)
------------------------------------------------- */

@media (max-width: 991px) {

.sidebar{display:none;}

.banner .ImageRotateHolder {
max-height: 147px;
}

.exware{text-align:left;}

td#searchsubmit input{width:15px;}

ul#VMenu a.menu{
padding:10px 30px;
}

ul#VMenu li ul li a.menu{
padding:8px 30px;
}

ul#VMenu li span.VM_expand {
display: block;
background-image: url(minus.png);
}

ul#VMenu li span.VM_collapse{
background-image: url(plus.png);
}

ul#VMenu li ul li a.menu,
ul#VMenu li span.VM_collapse a.menu,
ul#VMenu li ul li a.menu:hover, 
ul#VMenu li ul li a#thispage {max-width:85%;}


ul#VMenu ul span.VM_collapse, 
ul#VMenu ul span.VM_expand {width: 100%;}

ul#VMenu{
border:1px solid #D4D4D4;
background: #FAFAFA;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

ul#VMenu li{border:0;}
ul#VMenu li ul li{border-bottom:1px solid #d7d7d7;}

ul#VMenu li ul li#VM_page_238 span.VM_expand{
background:url("white_minus.png") 85% center no-repeat #0092c8;
}

ul#VMenu li ul li#VM_page_239 span.VM_expand{
background:url("white_minus.png") 85% center no-repeat #13a803;
}

ul#VMenu li ul li#VM_page_238 span.VM_collapse{
background:url("white_plus.png") 85% center no-repeat #0092c8;
}

ul#VMenu li ul li#VM_page_239 span.VM_collapse{
background:url("white_plus.png") 85% center no-repeat #13a803;
}

ul#VMenu li ul li#VM_page_117 span.VM_collapse
{
background-image: url("plus.png");
background-position: 85% center;
background-repeat: no-repeat;
background-color: transparent;
cursor: pointer;
display: block;
padding-right: 0;
}

ul#VMenu li ul li#VM_page_117 span.VM_expand
{
background-image: url("minus.png");
background-position: 85% center;
background-repeat: no-repeat;
background-color: transparent;
cursor: pointer;
display: block;
padding-right: 0;
}

ul#VMenu li ul li#VM_page_114{display:none;}

ul#VMenu li ul li a.menu:hover {background-color:#fafafa;text-decoration:underline;color:#2a6496;}


h1 {font-size:28px;}
h2 {font-size:24px;}
h3 {font-size:20px;}

a.cartLink {padding-right:116px;}
a.version {padding-right:20px;}

ul#CMenu li {min-width:110px;}

li#page_149.mItem,
li#page_152.mItem {display:none;}

ul#CMenu li ul{display:none !important;}

ul#CMenu li ul li ul{left: 160px !important;}
ul#CMenu li#page_20 ul li ul, ul#CMenu li#page_72 ul li ul {
left: -160px !important;
max-width: 0;
}

h2.news_heading, h2.blog_heading {max-width:35%; margin: 0 auto;}
.newsletter_home h2.newsletter_heading {max-width: 64%;margin: 0px auto;}
h2.tweets_heading {max-width:92%;}

.news .ZineItem {width:100%; float:none;}

div.EvtFeeGroup div.EventFee {padding:25px 5px;}

.newsletter_home .newsletter_heading{max-width:100%;}




}

*-----------------------------------------------
     Medium devices (desktops, 900px and less)
------------------------------------------------- */

@media (max-width: 900px) {

div.bx-pager.bx-default-pager {
display;none!important;}



}


/*------------------------------------------------
      Small devices (tablets, 768px and less) 
--------------------------------------------------*/

@media (max-width: 767px) {

.newsletter_home .newsletter_heading,
h2.tweets_heading,
.tweets_heading.french,
.french .newsletter_home .newsletter_heading {
max-width:44%;
}

h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:18px;}

a {word-wrap:break-word;}

div.leaderboard {display:none;}

div#ImageRotate_Div {display:none;}

div.news, div.blog {max-width:100%;}

.logo{padding-right:15px;padding-left:0;}

input[type="text"], input[type="password"], textarea, input[type="email"], select{width:100%;}

div.EventFee {min-height:70px;}
div.EvtFeeGroup div.EventFee {padding:25px 5px;}
span.EvtFeeRegLink a {margin-left:0px; padding:5px 3px;}

.newsletter_home, .tweets{
max-width:none;
}

.home_container .Subscribe{
width: 70%;
margin: 0 auto;
}

#jumptomenu{
color:#fff;
display: block;
position: absolute;
top: 59px;
right: 0;
text-transform: uppercase;
font-size: 16px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px 40px 2px;
background: #00AB66;
text-align:center;
}

.mobile_lines{
width: 27px;
margin-right: 10px;
vertical-align:baseline;
}

#JGallery.JGallery {display:none;}
.home_logo{display:none;}
.mobile_logo{display:inline-block;}
.main_menu .menu{display:none;}
.logo img{max-width:117px;}

div.search form{
position:absolute;
right:0;
width: 200px;
max-width: 200px;
}

div.EvtCal table.EvtCalSm{display:none;}

div.search{margin-top:18px;}

.footer #smenu div.submenu {display:none}
.footer #smenu {width:100%; padding: 0px;display:block;}
.footer #smenu li {max-width: 100%; margin-right: 69px; display:block;padding:8px 0px;float:none;}
.footer #smenu a , .footer_contact h3 {font-weight: 500; padding:0;}
.footer_contact p {margin:0 0 10px;}

div.cacee_connect table.accordionbox, table.accordionbox {
width: 100%;
}

div.Pay table.Report th {
min-width:0;
}

div.beanstream {text-align:left;}

div.FileServerSearch form span input[type="text"]{width:50% !important;}

.ZineItem .ZineSummaryIndex {text-align:right;}


}


/*------------------------------------------------
      Small devices (tablets, 700px and less) 
--------------------------------------------------*/

@media (max-width: 700px) {

div.body_content {padding:10px 15px;}

div.EventFee.EvtFeeName {font-size:10px;}
.MembershipDirectoryAlpha a {margin-bottom:10px;margin-right:5px;}

.inside_banner {display:none;}

div.EventFees div.EventFee {font-size:80%; line-height:22px;}

div.job_search_form td {display: table;margin: 5px;}
div.job_search_form table, div.job_search_form input[type="submit"] {float:none !important;}
div.job_search_form div.formButtons {margin:5px 0px;}
div.job_search_form td.keyword_search {display:none;}

div.Login {display:none;}

div.vision img {display:none;}

div.past_awards h1,
div.past_awards h2,
div.past_awards ul,
div.past_awards ul li,
div.past_awards hr {
text-align:left !important;
}
div.past_awards ul {
padding-left:0px !important;
}

div.past_awards table,
div.past_awards table td,
div.past_awards table td h2{
text-align:left !important;
}

div.past_awards h2 {margin-top:10px;}
div.past_awards hr {width:100%; margin:0px;}




}

/*------------------------------------------------
      Small devices (tablets, 600px and less) 
--------------------------------------------------*/

@media (max-width: 600px) {

.MembershipDirectoryAlpha a {margin-bottom:7px;margin-right:0px;}

div.body_content {padding:5px 0px !important;}

div.EvtFeeGroup div.EventFee {padding:30px 5px;}

.footer_contact {float:left;}

table.ZineIndex img.ZineThumb{display:none;}

div.member_services{
-webkit-column-count: auto;
-moz-column-count: auto;
column-count: auto;
}

div.member_service{display:block;}
.ZineBody .ZineImage{float:none;margin:0 0 10px;}

div.content_side {float:none;margin-left:0px;}
}

/*------------------------------------------------
            Small devices (500px and less)
--------------------------------------------------*/

@media (max-width: 500px) {

.copyright a{display:block;margin:0;}
.main_content table{width:100%;}
.ZineTools{width:auto;}
.newsletter_home .newsletter_heading,
h2.tweets_heading,
.tweets_heading.french,
.french .newsletter_home .newsletter_heading {
max-width:62%;
}

h2.news_heading, h2.blog_heading {
max-width: 62%;
}

.main_content table.ZineTools {
width:30%;
}

div.contact_info input [type="submit"] {
margin-top:0px;
}

a.vcard {word-wrap:break-word;}

div.LoginForm {
padding:0;
width:100%;
text-align:left;
}

div.ContactPreview {
padding:15px 15px 25px 25px;
width:100%;
}

.profile_info div,
.contact_info div{
float:none !important;
margin-top:0px !important;
}

div.job_search table,
div.job_search tbody,
div.job_search tr,
div.job_search td {
display:block;
}

div.job_search td {
padding-bottom:5px;
}


}


/*------------------------------------------------
            Extra Small devices (400px and less)
--------------------------------------------------*/

@media (max-width: 400px) {

.home_container .Subscribe{width:100%;}

.top_menu a.francais,
.top_menu a.memberArea, 
.top_menu a.version, 
.top_menu a.twitter, 
.top_menu a.linkedin {padding-right:7px;}

.ZineItem {margin-bottom: 15px;}

div.news {max-width:100%;margin-right:0px;}
div.news .ZineItem {width: 100%;}


div.news .Zine, div.blog .Zine {padding:5px 0px 30px;}

div.blog {width:100%;}
div.blog table.ZineIndex td {float:left; }

div.vCalendarLink {line-height:18px;height:35px;}





}

/*------------------------------------------------
            Extra Small devices (350px and less)
--------------------------------------------------*/

@media (max-width: 350px) {


div.search form {max-width:142px;}

#jumptomenu {padding:5px 30px 2px;}

div.FileServerSearch form span input[type="text"]{
width:45% !important;
}
.ZineItem .ZineSummaryIndex {text-align:left;padding-left:0px;}


}

/*------------------------------------------------
            Extra Small devices (300px and less)
--------------------------------------------------*/

@media (max-width: 300px) {

div.member_login a.twitter img,
div.member_login a.linkedin img,
div.member_login a.youtube img {
display:none;
}




}
