@media screen and (max-width: 1600px) {
div#search_form input#searchinput {
height: 38px;
}

img {
max-width:100%;
}

iframe {
max-width:100%;
}

body 
{
font-size:17px;
min-width:986px;
}

#topbar #topbaritems
{
width:95%;
}

.wrapper
{
width:100%;
}

#banner h1
{
letter-spacing:0.03em;
left:22%;
bottom:0;
}

#leftcol
{
width:22%;
}

#rightcol
{
width:75%;
}

#rightsidebar
{
width:28%;
}

#rightsidebar h2
{
white-space:normal;
line-height:120%;
padding:10px 0;
}

#footer_menu {
width:55%;
    padding: 20px 0;

}

#footer_info{font-size:90%;}

#footer_info img {
    margin: 0 0 10px 0;
    max-width: 75%;
}

}


/*****  max 1478px ******/
@media screen and (max-width:1478px) {

.sidebar_rotate .ImageRotateHolder {height:239px;}

}

/*****  max 1405px ******/
@media screen and (max-width:1405px) {

.sidebar_rotate .ImageRotateHolder {height:225px;}

}


/* smaller header */
@media screen and (max-width:1280px) {

div#search_form {
right: 11.5% !important;
}

div#search_form input#searchinput { 
height: 34px;
}

ul#VMenu ul span.VM_collapse, ul#VMenu ul span.VM_expand {
width: 105%;
}

a.button, .MembershipStatus a, .ClassifiedNew a, a.ClassifiedNewLink, .ContactPreview p.ContactEditTip, #news .ZineItem a {
padding: 10px 20px;
}

div.profile_tools img {
max-width: 100%;
}

ul#VMenu li ul li a.menu {
padding: 9px 8px;
}

ul#VMenu ul li ul li span.VM_expand a.menu, ul#VMenu ul li ul li span.VM_expand a.menu:hover, ul#VMenu ul li ul li span.VMspacer a.menu, ul#VMenu ul li ul li span.VMspacer a.menu:hover {
font-size: 11px;
}

ul#VMenu ul li ul li span.VM_collapse a.menu, ul#VMenu ul li ul li span.VM_collapse a.menu:hover, ul#VMenu ul li ul li span.VMspacer a.menu, ul#VMenu ul li ul li span.VMspacer a.menu:hover {
font-size: 11px;
}

/* Form CSS
--------------------------------------------------------*/

#maincontent input[type="text"],#maincontent textarea,select
{
width:80% !important;
}

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

body 
{
min-width:700px;
font-size:14px;
}

#socialnet
{
padding:0 20px;
}


h1 {font-size:160%;line-height:120%;}
h2 {font-size:120%;line-height:120%;}
h3 {font-size:100%;line-height:120%;}

#header
{
padding:0 16% 0 0;
height:120px;
}

ul#CMenu ul
{
padding:27px 0 0 0;
}

a#join
{
padding:0 3%;
height:120px;
line-height:120px;
}

#logo
{
padding:25px 0 0 15px;
}

#pagetitle
{
padding:30px 0;
font-size:200%;
}

#bodywrap{padding:0 20px;}

ul#VMenu
{
padding:20px;
}

#banner h1
{
font-size:210%;
left:22.15%;
width:75%;
padding:20px 30px;
}

#footer
{
padding:30px 30px;
}


#footer_menu {
    float: right;
    padding: 20px 0;
    width: 55%;
}

#footer_menu li {
    margin: 0 3% 2% 0;
}


/* Table
--------------------------------------------------------*/

table
{
line-height:130%;
}

table img
{
max-width:80%;
height:auto;
margin:0;
}

table.A
{
width:95%;
line-height:140%;
}

table.A td,table.A th
{
padding:8px 3px;
max-width:40%;
}


table.B
{
width:100%;
border-bottom: 1px solid #ccc; 
margin:10px 0;
line-height:140%;
}

table.B td
{
padding:8px 3px;
width:30%;
}

table.B td img
{
width:80%;
height:auto;
}

table.B th
{
padding:8px 3px;
min-width:30%;
}

table.B p
{
width:100%;
}


/* 
Member Directly ---------------------------------------- */

.member_directory_profile
{
width:44%;
padding:20px 3% 20px 0;
}



}


/*****  max 1188px ******/
@media screen and (max-width:1188px) {

.sidebar_rotate .ImageRotateHolder {height:211px;}

}

/*****  max 1032px ******/
@media screen and (max-width:1032px) {

.sidebar_rotate .ImageRotateHolder {height:188px;}

}



@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
.member_directory_portrait {
margin-top: -20%;
}

}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
.member_directory_portrait {
margin-top: -20%;
}
div#search_form input#searchinput {
height: 29px;
}
}

/* break rightsidebar */
@media screen and (max-width:1024px) {

input, textarea {
max-width: 400px;
}

.profile_connect {
width: auto;
}

#logotitle{display:none;}
#symbol{
background-position: 0 -79px ;
}

div#search_form {
right: 0% !important;
}

div.page_index a div.directory_nav {
width: 14%;
min-width: 70px;
}

div.page_index a div {
width: 6%;
max-width: 25px;
}

div.page_index {
width: 100%;
}
 
h1 {font-size:150%;line-height:120%;}

.profile_about,.profile_artist_types,profile_connect
{
width:auto;
float:none;
padding:0;
}

#footer_info strong
{
display:inline-block;
width:auto;
padding:0 10px 0 0;
}

#banner h1
{
font-size:180%;
left:0;
width:100%;
}

#leftcol
{
width:30%;
}

#rightcol
{
width:60%;
margin-right:50px;
}

#maincontents
{
width:100%;
float:none;
}

#rightsidebar
{
width:100%;
float:none;
clear:both;
}

ul#major_sponsors {
width: 240px;
}

#mainmenu
{
width:70%;
}

#footer
{
padding:30px 20px;
}


#footer_fb {
display:none;
}

#footer_menu li
{
width: 30%;
}

#footer_menu {
width: 75%;
}


}


@media screen and (max-width:780px) {

body {
font-size: 15px;
}

#header
{
padding:0 20px 0 0;
height:120px;
}

a#join
{
display:none;
padding:0 3%;
height:120px;
line-height:120px;
}

.sidebar_rotate div.ImageRotateHolder #ImageRotate_Div{
text-align:center;
}

ul#VMenu ul span.VM_collapse, ul#VMenu ul span.VM_expand {
width: 100%;
}

//li.mLabel > ul {display:none;}

a#CMenuMB img{width:27px;height:auto;}

//ul#VMenu ul{display:none !important;}

ul#VMenu{padding:15px;}
ul#VMenu li span.VM_expand{display:block;}
ul#VMenu li span.VM_expand {
background-image: url(minus.png);
background-position: right 10px;
margin: 0;
}

ul#VMenu li span.VM_collapse
{
background-image: url(plus.png);
background-position: right center;
background-repeat:none;
}

ul#VMenu li ul
{
margin:20px 0;
padding:10px 0;
border-top: 1px solid #F39286;
}

ul#VMenu li ul ul
{
margin:0;
padding:10px;
border-top: 0px solid #F39286;
}

ul#VMenu li li span.VM_expand{border:0;}

ul#VMenu ul span.VM_expand,ul#VMenu ul span.VM_collapse
{
background-position: right center !important;
}

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%;
}


html {-webkit-text-size-adjust: none;}


table
{
font-size:85%;
line-height:130%;
}

body
{
min-width:320px;
width:100%;
}

div.Login
{
background:none;
top:15px;
right:7px;
width:30%;
}

#search{display:none;}

#header div.Login{width:auto;}
#mainmenu{width:auto;min-width:0;}
#header #CMenu{display:none;}
#CMenuMobile{display:inline;}

#bodywrap
{
padding:0;
}


#leftcol
{
width:100%;
float:none;
max-width:100%;
}

#rightcol
{
width:100%;
float:none;
padding:10px 30px;
width:auto;
line-height:140%;
}

#rightsidebar
{
text-align:center;
padding:20px 0;
margin:0;
width:auto;
}

ul#major_sponsors {
display: inline-block;
}

#onecol
{
padding:20px;
width:auto;
}

#footer_info
{
width: 25%;
}

#footer_info,#footer_menu,#footer_fb
{
width:auto;
float:none;
text-align:center;
}

#footer_menu ul {
text-align: left;
}

#footer_info strong
{
display:inline-block;
}

#footer_menu {
padding:30px 0 0 0;
float:none;
width: auto;
}

#footer_menu li{
}

#pagetitle{display:none;}


/* 
Module ---------------------------------------- */

table.EvtCal
{
margin:0 0 0 -5px;
}

table.EvtCal td 
{ 
padding:2px; 
height:40px;
min-height:40px;
width:13%;
font-size:85%;
}

.vCalendarLink
{
line-height:110%;
padding:0 0 10px 0;
}

table.EvtCalSm
{
float:none !important;
margin:10px 0;
width:95%;
}


div.EvtCal table.EvtCalSm
{
position:relative;
top:0;
border-collapse:collapse;
}


/* Form CSS
--------------------------------------------------------*/

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


.help_popup
{
font-size:85%;
width:90%;
}

.ZineSummaryIndex
{
padding:3px;
margin:10px 0;
}

.Contact p.ContactAddress
{
padding:0 0 10px 0;
float:none;
width:auto;
}

table.ZineIndex td
{
min-width:50px;
}

.profile_all_profiles_link
{
display:none;
}

profile_member_website
{
clear:both;
float:none;
}



.profile_portrait
{
float:left; 
width:70px;
height:70px;
overflow:hidden;
border-radius:50px;   
-webkit-border-radius:50px;   
-moz-border-radius:50px; 
position:relative;
margin:0 30px 0 0;
}

.profile_portrait img
{
min-height:70px;
}


}


/* mobile */
@media screen and (max-width:680px) {


img,iframe {
max-width:95%;
}

body{
overflow-x:hidden;
font-size:15px;
}

h1 {font-size:120%;line-height:120%;}
h2 {font-size:100%;line-height:120%;}
h3 {font-size:80%;line-height:120%;}

#socialnet{display:none;}

#rightcol
{
margin-right:0px;
}

.wrapper
{
width:100%;
overflow:hidden;
padding:64px 0 0 0;
}

#topmenu,#banner
{
display:none;
}

#header
{
height:64px;
}

#logo
{
padding:10px 0 0 20px;
}

#symbol{
background-position: 0 -157px ;
width: 75px;
height: 47px;
}

#pagetitle
{
padding:20px 30px;
font-size:150%;
}

#rightsidebar img
{
margin:0;
}

#footer_socialnet
{
position:absolute;
top:380px;
left:80px;
}

#footer_info
{
padding:0 0 30px 0;
}

#footer_menu{display:none;}

div#socialnet_mobile_container {
display: block;
}

/*
Address Card -------------------------------------*/


.ContactPreview
{
float:none;
width:90%;
margin:0 0 10px 0;
}


ul.Membership_update_profile_menu li a
{
font-size:11px;
background-position:7px center;
padding:0 10px 0 30px;
line-height:25px;
height:25px;
}

/* Member Profile
--------------------------------------------------------*/


.profile_photo
{
border:0px solid #ccc;
float:none;
text-align:center;
margin:0;
padding:0 5px;
width:90%;
}

.profile_photo img
{
border:1px solid #ccc;
margin:3px;
margin:0 auto;
}

ul.Membership_update_profile_menu li a
{
color:#fff;
line-height:30px;
height:30px;
width:15px;
overflow:hidden;
background-position:10px center;
padding:0 10px;
text-indent:-9999px;
}

ul.Membership_update_profile_menu li a:hover
{
color:#fff;
}



/* Form CSS
--------------------------------------------------------*/

.maincontent input[type=text],.maincontent select
{
min-width:40px;
}

.SubmissionsMain{clear:both;}
.SubmissionsMain input[type="text"],.SubmissionsMain textarea,.SubmissionsMain select
{
max-width:90% !important;
}

/* 
Member Directly ---------------------------------------- */

.profile_member_address{clear:both;float:none;}

.profile_member_name h1{font-size:190%;}


}

@media screen and (max-width:480px) {

div.page_index {
max-width: 400px;
float: left;
clear: both;
}

div.profile_about {
max-width: 400px;
}

div.message {
max-width: 350px;
}

input {
max-width: 250px;
}

div.profile_member_name {
float: left;
clear: both;
}

ul.gallery li {
min-width: 125px;
}

div.profile_member_name h1 {
font-size: 40px;
}

.member_directory_profile
{
width:50%;
padding: 20px 0;
}

.member_directory_portrait {
margin-top: -25%;
margin-left: 50%;
}

.member_directory_image {
padding-bottom: 65%;
width: 65%;
}

#maincontent input[type="text"],#maincontent textarea,select
{
width:65% !important;
}


input[type="text"], textarea, input[type="string"], input[type="password"] {
width: 130px;
}

input [type="reset"] {
width: 110px;
}


form#eventmgr_form {
width:260px;
}

form#eventmgr_form ul {
margin-left:0px 0px 0px 15px;
}

form#eventmgr_form ul li dd {
margin-left:10px;
}

table.report_wrapper {
width:100%;
}

table.Report, table.contact_info {
width:300px;
}

div#rightcol table img {
float:none !important;
}

div#rightcol table {
width:auto !important;
}


}


@media screen and (max-width:320px) {

div.page_index {
max-width: 250px;
}

div.profile_about {
max-width: 250px;
}

div.message {
max-width: 200px;
}

input {
max-width: 150px;
}

ul#major_sponsors {
width: 187px;
}

div#maincontents img {
width: 100% !important;
height: auto !important;
}

.member_directory_profile
{
width:100%;
}

.member_directory_portrait {
margin-left: 75%;
}

.member_directory_image {
padding-bottom: 85%;
width: 85%;
}
}