/********************
* Theme Name: Mobile View for Regular Themes
* Version: 1.1
* Updated: Oct 2015
* Created: 07-02-2014
********************/

/*** ***/
@media only screen and (min-width: 640px) and (max-width: 960px)
{
    #mainBgContainer1 { width: 980px; }
}


/*** General ***/
@media only screen and (min-width: 210px) and (max-width: 640px)
{
    
    .OneColumn,.TwoColumns,.ThreeColumns,.TwoColumnsRightNarrow, 
    .leftColumn,.rightColumn,.middleColumn,.ThreeColumns .middleColumn,
    #mainContainer1,#menuContainer1,#menuContainer2,#contentContainer2,
    .stretched .ThreeColumns,.stretched .TwoColumns,.stretched .OneColumn,
    .stretched .TwoColumns .leftColumn, .stretched .TwoColumns .middleColumn,.TwoColumns .middleColumn,
    #loginContainer1,#loginContainer2,#bannerContainer1,#bannerContainer2,#footerContainer1,
    .TwoColumns .leftColumn .boxContainer1, .TwoColumns .rightColumn .boxContainer1,
    .TwoColumns .middleColumn .boxContainer1, .TwoColumns .middleColumn .boxContainer1NoFrameNoBorder,
    .boxContainer1,.TwoColumns .middleColumn p,.stretched .ThreeColumns .middleColumn,.stretched .OneColumn .middleColumn,
    .ThreeColumns .middleColumn .boxContainer1, .ThreeColumns .middleColumn .boxContainer1NoFrameNoBorder,
    .ThreeColumns .middleColumn p,.TwoColumnsRightNarrow .middleColumn,.TwoColumnsRightNarrow .rightColumn,
    .TwoColumns .leftColumn .boxContainer1NoFrameNoBorder, .TwoColumns .rightColumn .boxContainer1NoFrameNoBorder,
    .ThreeColumns .leftColumn p,.allSponsorsItemContainer1, .allSponsorsItemaltContainer1,#menuContainer3,
    #footerContainer3,.stretched .ThreeColumns .leftColumn,.HomeContentWrapper,
    .stretched .TwoColumnsRightNarrow .middleColumn > div:first-child, .stretched .TwoColumnsRightNarrow .rightColumn, 
    .stretched .TwoColumns .rightColumn,#footerContainer2,.PageWidget,.stretched .OneColumn .middleColumn .boxContainer1,
    .stretched .ThreeColumns .rightColumn,.ThreeColumns .middleColumn .boxContainer2,
    .ThreeColumns .middleColumn .boxContainer1NoFrameNoBorder .boxContainer2,#contentContainer3,#contentContainer1,
    #contentContainer4,#mainContainer2,.langLblCover,#Menu,#headerContainer2,#headerContainer1,
    .ThreeColumns .leftColumn .boxContainer1NoFrameNoBorder,.contentHeaderBreadcrumbWrap,
	.contentHeaderBreadcrumb .AdvBanner,.contentHeaderBreadcrumb .contentHeaderBreadcrumbWrap
     {
        min-width: 100% !important;
        max-width: 100% !important; 
        width:100% !important;
        /*height: 100% !important;*/
        display:inline-block;
        padding:0;  
        margin:0;
      }
	.clubInfo .clubImage img {
		margin: auto !important;
		display: inline-block !important;
	}
            
    /*** Apply one style: float:left; no wrapping text for images ***/
    .PageWidget img {max-width:100%;display: block;float: none !important;clear: both;margin-left: 0 !important;max-height: 100% !important;}
    
    /*** tables managment ***/ 
    table { width: 100% !important; max-width: 100% !important;}
    
    /*** General Exceptions ***/ 
    .presidentDirectors,.clubExecutives,.clubDirectors,
    .clubExecutivesTable,.committeeListTable,.CommitteeMembersLayout { width: 95%; }
    .GeneralList,.PhotoAlbumList { width: 99%; }
    .HomePageSponsors p { text-align: left; }
    #photo-album-pictures { float: left; }
    .photoAlbum { width: auto; }
    #Menu { margin-left: 0; }
    .tableWrapper { padding-left:10px; padding-right:10px;}
    #footerContainer4 { padding:10px; }
    
}    

/*** Sizes between 640px and 640px ***/
/*@media only screen and (min-width: 640px) and (max-width: 640px)
{    
    .boxContainer2 {padding-left: 20px; padding-right: 20px;}
    
    /*** Exceptions ***/
    /*fieldset.narrow { max-width:90%; min-width: 50%; }
    table#tblCalendar { width: 100%; }
    #divCalendarWrap {
    margin: auto auto;
    text-align: center;
    width: 95%;
    padding-left: 2.5%;
    padding-right: 2.5%;
    }
    .leftColumn .ContactUsForm.HomePage .ContactCaptcha, .rightColumn .ContactUsForm.HomePage .ContactCaptcha { width: 100%; }
    .listOfAllUpcomingEvents { text-align: left; }
}*/

/*** Sizes between 479px and 640px, i.e. iPhone Landscape ***/
/*@media only screen and (min-width: 479px) and (max-width: 640px)
{
    .boxContainer2 {padding-left: 20px; padding-right: 20px;}
    
    /*** Exceptions ***/
    /*table#tblCalendar { width: 100%; }
    #divCalendarWrap {
    margin: auto auto;
    text-align: center;
    width: 95%;
    padding-left: 2.5%;
    padding-right: 2.5%;
    }
    .leftColumn .ContactUsForm.HomePage .ContactCaptcha, .rightColumn .ContactUsForm.HomePage .ContactCaptcha { width: 100%; }
    .listOfAllUpcomingEvents { text-align: left; }
    .standard-textarea-input,.leftColumn .ContactUsForm.HomePage .standard-textarea-input, 
    .rightColumn .ContactUsForm.HomePage .standard-textarea-input,input.field-required { width: auto; }
    #photo-album-pictures, #photo-album-info { width: 100%; }*/
    /*** Menu fix ***/
    /*.loginArea { float: left; padding-top:10px; } #loginContainer3 {padding:0; float: left;} .langLblCover { margin-left:0; margin-top: 5px;}*/
    /*** Iframe fix ***/
    /*iframe { max-width: 100%; }*/
    /*** Banner images fix ***/
    /*.BannerContent img { max-height: 100%; margin: 0; }*/
    /*** Main Container fix ***/
   /* #mainBgContainer1 { overflow: hidden; }*/
/*}*/

/*** Sizes between 210px and 640px ***/
@media only screen and (min-width: 210px) and (max-width: 640px)
{  
    .boxContainer2 {padding-left: 5px; padding-right: 5px;}
    
    /*** Exceptions ***/
    .contentHeaderBreadcrumb h2 { padding-left:0; margin-left:0; }
    table#tblCalendar { width: 100%; }
    #divCalendarWrap { margin: auto auto; text-align: center; width: 95%; padding-left: 2.5%; padding-right: 2.5%; }
    .leftColumn .ContactUsForm.HomePage .ContactCaptcha, .rightColumn .ContactUsForm.HomePage .ContactCaptcha { width: 100%; }
    .listOfAllUpcomingEvents { text-align: left; }
    .standard-textarea-input,.leftColumn .ContactUsForm.HomePage .standard-textarea-input, 
    .rightColumn .ContactUsForm.HomePage .standard-textarea-input,input.field-required { width: 100%; }
    /*** Forms ***/
    fieldset { border: none; } legend {padding:0;} fieldset.narrow { max-width:90%; min-width: 50%; margin-left: 10px; }
    .narrow .editor-label {width: 100%; float: left; display: inline-block; text-align: left; padding-bottom: 10px; margin-left:0;}
    .editor-label-description { text-align: left; margin-right: 20px; }
    #photo-album-pictures, #photo-album-info { width: 100%; margin: 0;}
    label.field-required { margin-left: 5px; }
	.PaymentThankyouMessageBody ul li .label {width:100%;text-align:left;}
	.PaymentThankyouMessageBody ul li .value {margin-bottom: 5px;display:block;}
	input[name="Captcha"] {margin-left: 0;}
    /*** Menu fix ***/
    .loginArea { height: 40px; float: left; padding-top:10px; } #loginContainer3 {padding:0; float: left; padding-left:5px;} .langLblCover { margin-left:0; margin-top: 5px;}
    /*** Upcoming Events ***/
    .all-upcoming-events-list .all-upcoming-events-list-selector ul li { width: 50%; }
    .all-upcoming-events-list input[type="text"] { width:100%; }
    .boxContainer1NoFrameNoBorder .CustomWidgetBody { padding-left:0;}    
    
    /*** Banner ***/
    #bannerContainer2 { padding-right: 0; }
    .WebsiteBannerWrap { width: 100%; /*height: auto !important;*/ }
    .BannerContent div { /*width: 30.33%;*/ height: auto !important; }
    .bannerContainer2 { width: 20%; }
    .BannerContent img { max-width: 100%; margin: 0; height: auto !important;}
    .BannerContent .bannerText, .BannerContent .bannerText span, .BannerContent .bannerText div, .BannerContent .bannerText p { margin: 0 !important;  font-size: medium !important; padding: 0 !important; }
    .WebsiteBannerWrap, #bannerContainer2 div:first-child { background-size: 100%; /*height: 150px !important;*/ }
    #bannerContainer1 { min-height: inherit; }

	/*** New Banner ***/
	.BannerWrapper { height: auto !important; }
	.BannerBackground { height: auto !important; }
	.BannerWrapper .BannerContent div { width: auto; height: 100% !important; padding: 0 !important; }
	.BannerWrapper .BannerContent div img { height: 100% !important; }
    
    /*** Footer ***/
    .WebsiteFooter { height: auto !important; }
    /*** Tables display ***/
    #footerContainer1 table tr td,.tableWrapper table tr td{ display: block; width: 100% !important; }
    #footerContainer1 thead tr,.tableWrapper thead tr {  position: absolute; top: -9999px; left: -9999px; }
	/*** Data Tables ***/
	.dataTables_length { width: 100%; }
	.dataTables_filter { float:left !important; text-align:left !important; width: 100%;margin-bottom: 15px;} 
	/*** Images ***/
	.boxContainer1 img, .boxContainer1NoFrameNoBorder img {max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important;}
	.subscribeMessage { padding: 0; }
	.floatRight2 { float: left; }
	.tableWrapper { padding-left: 10px; width: 94%; }
	/*** Iframe fix ***/
    iframe { max-width: 100%; }
    /*** Main Container fix ***/
    #mainBgContainer1 { overflow: hidden; }

}


/*** Themes Special ***/
@media only screen and (min-width: 210px) and (max-width: 640px)
{
    /*** Antique Theme ***/
    .AntiqueTheme #Menu { padding-bottom: 5px; }
    .ThreeColumns .leftColumn .PageWidget { padding-right: 0; } 
    .stretched .ThreeColumns:before { background: none; margin:0; display: none;  }
    .stretched .ThreeColumns:after { background: none; margin:0; width: 0; display: none; }
    .stretched .ThreeColumns .leftColumn:before { background: none; margin:0; display: none;  }
    .stretched .ThreeColumns .leftColumn:after { background: none; margin:0; display: none;  }
    .stretched .ThreeColumns .rightColumn:before { background: none; margin:0; display: none; }
    .stretched .TwoColumnsRightNarrow .rightColumn:before { background: none; margin:0; }
    .stretched .TwoColumnsRightNarrow:before { background: none; margin:0; }
    .ContactUs form {padding-top:0;}
    .ThreeColumns .rightColumn .PageWidget { padding: 0; }
    .leftColumn:before { background: none; margin:0; display: none; width: 0; }
    .HomeContentWrapper:before { background: none; margin:0; display: none; }
    #contentContainer1:before { background: none; margin:0; display: none; }
    #contentContainer2:before { background: none; margin:0; display: none; }
    
    /*** Classic Theme ***/
    .ThreeColumns .middleColumn .PageWidget { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }
    
    /*** Water Theme ***/
    .ThreeColumns .PageWidget { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }
    
    .ribbon { width:100%; }
    .loginArea { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }
    
    /*** ShinyTheme Theme ***/
    .ShinyTheme .PageWidget { margin-top:5px; margin-bottom:5px; }
    
    /*** ClassicTheme ***/
    .ClassicTheme .TwoColumns:before { background: none; border:none; }
    
    /*** CurvyCloudsTheme ***/
    .CurvyCloudsTheme #menuContainer1 {margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
        width: 95%;
        max-width: 95%;
        min-width: 95%; }
        
    .CurvyCloudsTheme #menuContainer2 { padding-top: 5px; padding-bottom: 5px; }
    
    /*** All Themes ***/
    .boxContainer1 { padding-top: 5px; }
    .CKeditorTemplates { width: 100% !important; }
    
}