/********************
* Theme Name: Mobile View for Regular Themes
* Version: 1.2
* Updated: Feb 2016
* Created: 07-02-2014
********************/

/*** ***/
@media only screen and (min-width: 640px) and (max-width: 960px) {
    #mainBgContainer1 {
        max-width: 980px;
    }
    /** Executive - Photo View **/
    #DistrictOrganizationChartPhoto .memberInfoViewCard2 {
        width: calc(50% - 30px) !important;
    }

    .clubinfophoto .ClubInfoPhotoPresidentMemberCard .memberInfoViewCard2,
    .clubinfophoto .clubExecutivesPhotoTable .memberInfoViewCard2,
    .clubinfophoto .clubInfoDirectorsPhotoTable .memberInfoViewCard2 {
        /*width: calc(50% - 30px) !important;*/
    }

    .ClubInfoPhotoPresidentMemberCard2 {
        width: 50%;
    }

    .clubExecutivesPhotoName2 {
        width: 50%;
    }

    .clubInfoDirectorsPhotoTableBody .clubInfoDirectorsPhotoTableRow {
        width: 50%;
    }
}

/*** General ***/
@media only screen and (min-width: 210px) and (max-width: 780px) {

    .OneColumn, .TwoColumns, .ThreeColumns, .TwoColumnsRightNarrow,
    .leftColumn, .rightColumn, .middleColumn, .ThreeColumns .middleColumn,
    #mainContainer1, #menuContainer1, #menuContainer2, #contentContainer2,
    .stretched .ThreeColumns, .stretched .TwoColumnsRightNarrow, .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, .contentHeaderBreadcrumb .AdvBanner,
    .leftColumn .WidgetWrapper, .rightColumn .WidgetWrapper, .ClubInfoPage.NoSponsor .ClubInfoPage1, .ClubInfoPage1-2,
    .TwoColumnsTopBanner, .topColumn, .ThreeColumns .middleColumn .WidgetWrapper, .band-wrapper,
    .OneColumn .middleColumn .WidgetWrapper, .ribbon {
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        /*height: 100% !important;*/
        display: inline-block;
        padding: 0;
        margin: 0;
    }

    .contentHeaderBreadcrumbWrap,
    .contentHeaderBreadcrumb .contentHeaderBreadcrumbWrap {
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0;
        margin: 0;
    }

    .contentHeaderBreadcrumb {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    #loginContainer1 {
        height: 100% !important;
    }

    .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%;
        clear: both;
        margin-left: 0 !important;
        max-height: 100% !important;
    }

    .PageWidget :not(.CKeditorTemplates, .HomePageSponsors) > * > img {
        display: block;
        float: none !important;
    }

    /*** Centring sponsors ***/
    .AdSingleRotator img {
        display: inline-block;
    }

    .AdRotator img {
        display: inline-block;
    }

    .AdRotator > div, .AdSingleRotator > div {
        width: 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, .HomePageSponsors img { /*text-align: left;*/
        text-align: center;
        display: inline-block;
    }

    #photo-album-pictures {
        float: left;
    }

    .photoAlbum {
        width: auto;
        max-width: calc(100% - 20px);
        padding-left: 10px;
        padding-right: 10px;
    }

    #Menu {
        margin-left: 0;
    }

    .tableWrapper {
        padding-left: 10px;
        padding-right: 10px;
    }

    #footerContainer4 {
        padding: 10px;
    }

    /*** Banner ***/
    .WebsiteBannerWrap, #bannerContainer2 .BannerWrapper {
        background-size: 100%;
    }

    /** Error Page **/
    .errorMessageContent {
        padding-top: 0;
        padding-bottom: 30px;
    }

        .errorMessageContent img {
            width: 100%;
            margin: 0;
        }

    .pageDoesntFound.Error404 {
        width: 100%;
    }

    .InternationalTheme .OneColumn .middleColumn .errorMessageContent {
        width: auto;
    }

    /** Photo List **/
    .PhotoAlbumGallery.tableWrapper {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 30px;
    }

        .PhotoAlbumGallery.tableWrapper table.listView.dataTable.gallery-list {
            width: 100%;
        }

            .PhotoAlbumGallery.tableWrapper table.listView.dataTable.gallery-list tr {
                width: 50%;
            }

    /** System Sponsors in Title **/
    .contentHeaderBreadcrumb .AdvertisementInTitleRotator {
        padding-bottom: 15px !important;
        padding-top: 15px !important;
    }

    /** Custom Sponsors in Right Column **/
    .HomePageSponsors > div {
        padding-bottom: 15px !important;
    }

    /** Search Page  **/
    #searchContainer {
        padding-right: 10px;
        padding-left: 10px;
    }

        #searchContainer #SearchString {
            max-width: 400px;
            width: calc(100% - 96px) !important;
        }

    /** ClubInfo **/
    .ClubInfoPage1-2 {
        width: 100%;
    }

    .row-club-info {
        padding-left: 10px;
    }

    .ClubInfoPage1-1-1 .clubMeetingPlace, .ClubInfoPage1-1-1 .clubAddress, .ClubInfoPage1-1-1 .viewMap {
        text-align: left;
        padding-left: 0;
        padding-right: 0;
    }


    .clubInfo .clubImage img, .row-club-info .clubImage img, .clubInfo .clubImage, .row-club-info .clubImage {
        /*text-align: left;*/
    }

    .ClubInfoPage.NoSponsor .ClubInfoPage1-1 {
        width: 100%;
    }

    /* Club info image */
    .row-club-info .clubImage img {
        max-width: 50% !important;
    }

    .presidentDirectors, .clubExecutives, .committeeList-1, .clubDirectors {
        padding-right: 0;
    }

    .ClubInfoPage1-1-1 {
        padding-left: 0;
    }

    .row-club-info .viewMap iframe {
        width: 100%;
    }

    .ClubInfoPage1-2-1 {
        padding: 5px;
    }

    /** Events **/
    #tblPersonList {
        margin-left: 0;
        margin-right: 0;
        padding-top: 10px;
    }

    /** Special Themes **/
    .AntiqueTheme .stretched .TwoColumnsRightNarrow .rightColumn:before {
        display: none;
    }

    .AntiqueTheme .stretched .TwoColumnsRightNarrow:before {
        display: none;
    }

    .InternationalTheme .leftColumn .boxContainer2,
    .InternationalTheme .rightColumn .boxContainer2 {
        margin-left: 0;
        margin-right: 0;
    }

    .LetterTheme #contentContainer4 {
        border: 0;
    }

    .LetterTheme .HomeContentWrapper {
        border: 0;
    }
}

/*** 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 {
        max-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;
    }

    .wide .editor-label,
    .editor-label {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }

    .editor-label-description {
        text-align: left;
        margin-right: 20px;
    }

    input.field-required,
    select.field-required,
    textarea.field-required {
        max-width: calc(100% - 13px);
    }

    #photo-album-pictures, #photo-album-info {
        width: 100%;
        margin: 0;
    }

    .photoalbumdetails #photo-album-info {
        width: auto;
    }

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

    .dynamicForm .dynamicSection .sectionBody .editor-label {
        width: 100%;
    }

    .dynamicForm .dynamicSection .sectionBody .editor-field {
        width: 100%;
    }

    /*** Menu fix ***/
    .loginArea { /*height: 40px;*/
        float: left;
        padding-top: 10px;
        padding-bottom: 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;
    }

    .bannerText, .bannerText span, .bannerText div, .bannerText p {
        margin: 0 !important;
        font-size: medium !important;
        padding: 0 !important;
    }

    .WebsiteBannerWrap, #bannerContainer2 .BannerWrapper {
        background-size: 100%; /*height: 150px !important;*/
    }

    #bannerContainer1 {
        min-height: inherit;
    }

    /*** New Banner ***/
    .BannerWrapper {
        height: auto !important;
    }

    .BannerBackground {
        height: auto !important;
    }

    .BannerWrapper.banner-bg .leftLogoWrapper,
    .BannerWrapper.banner-bg .rightLogoWrapper,
    .BannerWrapper.banner-bg .bannerText {
        height: 100% !important;
    }

    .BannerWrapper .BannerContent .BannerContent {
        width: auto;
        height: 100% !important;
        padding: 0 !important;
    }

    .BannerWrapper .BannerContent .BannerBackground img {
        height: 100% !important;
    }

    .BannerWrapper .leftLogoWrapper, .BannerWrapper .rightLogoWrapper {
        /*max-width: 25%;*/
    }

        .BannerWrapper .leftLogoWrapper .leftLogo,
        .BannerWrapper .rightLogoWrapper .rightLogo {
            vertical-align: middle;
            display: inline-block;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
        }

        .BannerWrapper .leftLogoWrapper .leftLogo {
            float: left;
        }

        .BannerWrapper .rightLogoWrapper .rightLogo {
            float: right;
        }

    .bannerText br {
        content: "";
        height: 0;
        display: block;
    }

    .bannerText span, .bannerText div, .bannerText p {
        line-height: 1;
    }

        .bannerText span span, .bannerText span div, .bannerText span p,
        .bannerText div span, .bannerText div div, .bannerText div p,
        .bannerText p span, .bannerText p div, .bannerText p p {
            line-height: normal;
        }

    .BannerContent h1, .BannerContent .h1 {
        margin: 0;
        font-size: 160% !important;
        line-height: 1.2;
    }

    .BannerContent h2, .BannerContent .h2 {
        margin: 0;
        font-size: 140% !important;
        line-height: 1.2;
    }

    .BannerContent h3, .BannerContent .h3 {
        margin: 0;
        font-size: 125% !important;
        line-height: 1.2;
    }

    .BannerContent h4, .BannerContent .h4 {
        margin: 0;
        font-size: 100% !important;
        line-height: 1;
    }

    .BannerContent h5, .BannerContent .h5 {
        margin: 0;
        font-size: 85% !important;
        line-height: 1;
    }

    .BannerContent h6, .BannerContent .h6 {
        margin: 0;
        font-size: 75% !important;
        line-height: 1;
    }

        .BannerContent h1 span, .BannerContent .h1 span,
        .BannerContent h2 span, .BannerContent .h2 span,
        .BannerContent h3 span, .BannerContent .h3 span,
        .BannerContent h4 span, .BannerContent .h4 span,
        .BannerContent h5 span, .BannerContent .h5 span,
        .BannerContent h6 span, .BannerContent .h6 span {
            font-size: 100% !important;
        }

    .BannerContent h1 span, .BannerContent .h1 span,
    .BannerContent h2 span, .BannerContent .h2 span,
    .BannerContent h3 span, .BannerContent .h3 span {
        line-height: 1.2;
    }

    .BannerContent h4 span, .BannerContent .h4 span,
    .BannerContent h5 span, .BannerContent .h5 span,
    .BannerContent h6 span, .BannerContent .h6 span {
        line-height: 1;
    }

    /** Executive - Photo View **/
    #DistrictOrganizationChartPhoto .memberInfoViewCard2 {
        width: calc(100% - 30px) !important;
    }

    .clubinfophoto .ClubInfoPhotoPresidentMemberCard .memberInfoViewCard2,
    .clubinfophoto .clubExecutivesPhotoTable .memberInfoViewCard2,
    .clubinfophoto .clubInfoDirectorsPhotoTable .memberInfoViewCard2 {
        width: calc(100% - 30px) !important;
    }

    .DistrictOrganizationChartMemberCard2.District.Governor .memberInfoViewCard2,
    .ClubInfoPhotoPresidentMemberCard .memberInfoViewCard2 {
        margin-left: 10px;
    }

    .ClubInfoPhotoPresidentMemberCard2 {
        width: 100%;
    }

    .clubExecutivesPhotoName2 {
        width: 100%;
    }

    .clubInfoDirectorsPhotoTableBody .clubInfoDirectorsPhotoTableRow {
        width: 100%;
    }

    /*** 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;
    }


    .boxContainer1 :not(.CKeditorTemplates) > * > img {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /*** Images for member designations ***/
    .districtorganizationchartphoto .MemberDesignation img {
        display: inline-block;
    }

    .subscribeMessage {
        padding: 0;
    }

    .floatRight2 {
        float: left;
    }

    .tableWrapper {
        padding-left: 10px;
        width: 94%;
    }
    /*** Iframe fix ***/
    iframe {
        max-width: 100%;
    }
    /*** Main Container fix ***/
    #mainBgContainer1 {
        overflow: hidden;
    }

    /*** New Content Template ***/
    .band-wrapper {
        max-width: 100%;
        width: 100%;
        margin: 0;
    }

        .band-wrapper .boxContainer1 {
            margin: 0 !important;
        }

    /** Event Description **/
    .event-description {
        padding-left: 10px;
        padding-right: 10px;
    }

    .owingtext {
        padding-left: 0;
    }

    #divCaptcha, #btnSubmit {
        margin-left: 0;
    }

    /*** Payment Info ***/
    /*** Start: Temporary style for old/new markup ***/
    #fsOnlinePayment .editor-label {
        text-align: left;
    }

        #fsOnlinePayment .editor-label label {
            margin-left: 0;
        }

    #fsOnlinePayment .editor-field {
        margin-left: 0;
    }

        #fsOnlinePayment .editor-field input.field-required {
            max-width: calc(100% - 30px);
        }

        #fsOnlinePayment .editor-field .month-field input.field-required {
            max-width: 100%;
        }

    #fsOnlinePayment .field-group .label-control-size {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        text-align: left;
    }

        #fsOnlinePayment .field-group .label-control-size label {
            margin-left: 0;
        }

    #fsOnlinePayment .field-group .field-control-size {
        margin-left: 0;
    }
    /*** End: Temporary style for old/new markup ***/

}


/*** 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;
    }

    .stretched .TwoColumns:before {
        background: none;
    }

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

    .ClassicTheme .contentHeaderBreadcrumb h2 {
        margin-left: 10px;
        margin-right: 10px;
    }

    /*** Cork Theme ***/
    .CorkTheme .contentHeaderBreadcrumb h2 {
        margin-left: 10px;
        margin-right: 10px;
    }

    /*** Water Theme ***/
    .ThreeColumns .PageWidget {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .WaterTheme #AdvertisementInTitleRotator {
        padding-left: 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: calc(100% - 20px) !important;
        max-width: calc(100% - 20px) !important;
        min-width: calc(100% - 20px) !important;
    }

    .CurvyCloudsTheme #menuContainer2 {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    /*** International Themes ***/
    .InternationalTheme #menuContainer2:after {
        display: none;
    }

    .InternationalTheme #menuContainer3:after {
        display: none;
    }

    /*** Retrol Theme ***/
    .RetroTheme #menuContainer2 {
        min-height: 80px;
    }

    /*** All Themes ***/
    .boxContainer1 {
        padding-top: 5px;
    }

    .CKeditorTemplates {
        width: 100% !important;
    }

    .ClubInfoPage .memberName .memberInfoViewCard2 {
        position: relative;
        width: 110%;
        height: auto;
        display: inline-block;
        left: 0;
        margin-left: -35%;
    }


    .clubExecutivesLogin, .clubExecutivesLogin2,
    .clubDirectorsLogin, .clubDirectorsLogin2 {
        width: 28%;
        float: left;
        position: relative;
    }

    .presidentDirectorsTable .memberName .memberInfoViewCard2 {
        margin-left: 0;
    }
}

/*** Sizes between 210px and 479px ***/
@media only screen and (min-width: 210px) and (max-width: 479px) {
    .bannerText span, .bannerText div, .bannerText p {
        line-height: 0.8;
    }

        .bannerText span span, .bannerText span div, .bannerText span p,
        .bannerText div span, .bannerText div div, .bannerText div p,
        .bannerText p span, .bannerText p div, .bannerText p p {
            line-height: normal;
        }

    .bannerText, .bannerText span, .bannerText div, .bannerText p {
        font-size: 12px !important;
    }
}

/*** Photo Album Detail mobile views ***/
@media (max-width: 768px) {
    #photo-album-info .photoAlbumImageWrapper img {
        width: 50%;
    }

    .page-sizer {
        margin-top: 20px;
    }

    .ClubInfoPage1-1-1 .clubMeetingPlace, .ClubInfoPage1-1-1 .clubAddress, .ClubInfoPage1-1-1 .viewMap {
        text-align: center;
    }

    .row-club-info .clubImage img {
        /*max-width: 100% !important;*/
    }

    .calendar-item .calendar-item-map {
        text-align: center;
    }
}

@media (max-width: 767px) {

    .calendar-item .calendar-item-details {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .calendar-item .calendar-item-image img {
        /*width: 100%;
        max-width: 400px !important;*/
    }
}

/*** Email / Unsubscribe ***/
@media (min-width: 900px) {
    .OneColumn.Subscription:not(.subscriber-remove) .middleColumn {
        width: 80%;
        margin: auto;
    }
}

@media (max-width: 1020px) {
    .subscriber-remove .editor-label-description,
    .subscriber-remove .portalButtonWrapper {
        text-align: left;
    }

    .subscriber-remove .portalHeaderWrapper {
        margin-left: 15px;
    }

    .calendar-item .container .calendar-item-details {
        /*padding-top: 0;*/
        margin: 0 15px;
        /*margin-right: 30px;*/
        width: calc(100% - 30px);
        min-width: calc(100% - 30px);
    }
}

@media (max-width: 900px) {
    .OneColumn.Subscription .middleColumn form {
        margin: 10px;
        width: calc(100% - 20px);
    }

    .OneColumn.Subscription .middleColumn .wide {
        width: calc(100% - 25px);
    }
}

/*** Sizes between 768px and 992px ***/
@media only screen and (min-width: 768px) and (max-width: 992px) {
    .contentHeaderBreadcrumb {
        padding-left: 10px;
        padding-right: 10px;
    }

    .ClubInfoPage .ClubInfoPage1-1,
    .ClubInfoPage.NoSponsor .ClubInfoPage1-1 {
        width: 98%;
        margin-right: 0;
    }

    .HomeContentWrapper {
        width: 100%;
    }

    .clubInfo .clubImage img, .row-club-info .clubImage img, .clubInfo .clubImage, .row-club-info .clubImage {
        text-align: left;
    }

        .row-club-info .clubImage img {
            max-width: 100% !important;
        }

    .OneColumn, .TwoColumns, .ThreeColumns, .TwoColumnsRightNarrow,
    .leftColumn, .rightColumn, .middleColumn, .ThreeColumns .middleColumn,
    #mainContainer1, #menuContainer1, #menuContainer2, #contentContainer2,
    .stretched .ThreeColumns, .stretched .TwoColumnsRightNarrow, .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, .contentHeaderBreadcrumb .AdvBanner,
    .leftColumn .WidgetWrapper, .rightColumn .WidgetWrapper, .ClubInfoPage.NoSponsor .ClubInfoPage1, .ClubInfoPage1-2,
    .TwoColumnsTopBanner, .topColumn, .ThreeColumns .middleColumn .WidgetWrapper, .band-wrapper,
    .OneColumn .middleColumn .WidgetWrapper, .ribbon {
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        /*height: 100% !important;*/
        display: inline-block;
        padding: 0;
        margin: 0;
    }

    .contentHeaderBreadcrumbWrap,
    .contentHeaderBreadcrumb .contentHeaderBreadcrumbWrap {
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0;
        margin: 0;
    }

    .ClubInfoPage1-2-1 {
        padding: 5px;
    }

    /*** Images for member designations ***/
    .districtorganizationchartphoto .MemberDesignation img {
        display: inline-block;
    }

    /** Special Themes **/
    .AntiqueTheme .stretched .TwoColumnsRightNarrow .rightColumn:before {
        display: none;
    }

    .AntiqueTheme .stretched .TwoColumnsRightNarrow:before {
        display: none;
    }

    .InternationalTheme .leftColumn .boxContainer2,
    .InternationalTheme .rightColumn .boxContainer2 {
        margin-left: 0;
        margin-right: 0;
    }

    .LetterTheme #contentContainer4 {
        border: 0;
    }

    .LetterTheme .HomeContentWrapper {
        border: 0;
    }
}

@media (max-width: 400px) {
    .row.row-club-info .viewMap iframe {
        max-width: 200px;
    }

    .ClubInfoPage .memberName .memberInfoViewCard2 {
        position: relative;
        width: 80%;
        height: auto;
        display: inline-block;
        left: 0;
        /*margin-left: -35%;*/
    }

    .presidentDirectorsTable .memberInfoViewCard2 {
        margin-left: 0;
    }

    .clubExecutivesLogin, .clubExecutivesLogin2,
    .clubDirectorsLogin, .clubDirectorsLogin2 {
        width: 25%;
        float: left;
        position: relative;
    }
}

@media (min-width: 1024px) {
    .row-club-info .viewMap iframe {
        width: 240px;
    }

    .InternationalTheme .row-club-info .viewMap iframe {
        width: 100%;
    }
}

@media (max-width: 300px) {

    .ClubInfoPage .memberName .memberInfoViewCard2 {
        position: relative;
        width: 70%;
        height: auto;
        display: inline-block;
        left: 0;
        margin-left: -27%;
    }

    .ClubInfoPage .presidentDirectorsTable .memberName .memberInfoViewCard2 {
        position: relative;
        width: 70%;
        height: auto;
        display: inline-block;
        left: 0;
        margin-left: 0;
    }

    /* Additional styles to specific theme */
    .CorkTheme .ClubInfoPage .AreaGovernorName .memberName .memberInfoViewCard2,
    .CorkTheme .ClubInfoPage .presidentDirectorsTable .memberName .memberInfoViewCard2 {
        margin-left: -10%;
    }
}


/*Contact use form additional mobile css*/

@media (min-width: 480px) and (max-width: 1024px) {
    .EmailMessageBody {
        width: 80% !important;
        padding: 0 10%;
        margin: auto;
    }
}


@media (max-width: 1024px) {
    .ContactUsForm {
        margin-bottom: 10px;
    }

        .ContactUsForm input[type="text"], .ContactUsForm textarea, .ContactUsForm .editor-label-description, .ContactUsForm .editor-label {
            width: 100%;
            text-align: left;
            margin-left: 0;
            padding-left: 0;
        }

        .ContactUsForm .editor-label, .ContactUsForm label.field-required {
            margin-left: 0;
        }

        .ContactUsForm .FieldsAreRequired span {
            padding-left: 0px;
        }

        .ContactUsForm fieldset.narrow {
            width: 100%;
            max-width: calc(100% - 30px);
            margin-left: 0;
            margin-right: 10px;
            padding-left: 5px;
            padding-right: 10px;
        }

    .ThreeColumns .middleColumn .WidgetWrapper {
        width: 100%;
        max-width: 100%;
    }

    .RetroTheme .ribbon:before, .RetroTheme .ribbon:after {
        display: none;
    }

    .RetroTheme .ribbon {
        left: 0;
    }

    .SimpleGradientv2 .contentHeaderBreadcrumb h2 {
        margin-top: 20px;
    }
}
/* Calendar Items */

@media only screen and (min-width: 801px) {
    .is-table-row {
        display: table;
    }

        .is-table-row > [class*="col-"] {
            float: none;
            display: table-cell;
            vertical-align: top;
        }
}
@media (max-width: 801px) {
    .calendar-item .calendar-item-date {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (max-width: 801px) {
    .calendar-item .container .calendar-item-details {
        padding-top: 0;
        margin: 0 15px;
        /*margin-right: 30px;*/
        width: calc(100% - 30px);
        min-width: calc(100% - 30px);
    }

    .calendaritem .calendar-item .SocialMedia {
        margin-right: 15px;
        max-width: calc(100% - 30px);
    }

    .calendar-item .container .calendar-item-details .calendar-item-date,
    .calendar-item .container .calendar-item-date,
    .calendar-item .container .calendar-item-details .calendar-item-wrapper,
    .calendar-item .container .calendar-item-details .calendar-item-details-wrapper-2,
    .calendar-item .container .calendar-item-details .calendar-item-image {
        width: 100%;
        padding: 15px 0;
    }

    .calendar-item .container .calendar-item-details .calendar-item-image {
        margin-bottom: 0;
        text-align: center;
    }

        .calendar-item .container .calendar-item-details .calendar-item-image img {
            text-align: center;
            max-width: 60% !important;
        }

    .calendar-item .container .calendar-item-details .calendar-item-date .day,
    .calendar-item .container .calendar-item-details .calendar-item-date .month,
    .calendar-item .container .calendar-item-details .calendar-item-date .year {
        font-size: 24px;
        padding-top: 0;
        line-height: normal;
    }
}

/*@media (max-width: 785px) {
    .calendar-item .container .calendar-item-details .calendar-item-date .day,
    .calendar-item .container .calendar-item-details .calendar-item-date .month,
    .calendar-item .container .calendar-item-details .calendar-item-date .year {
        font-size: 24px;
        padding-top: 0;
        line-height: normal;
    }
}*/

@media only screen and (max-width: 1009px) and (min-width: 210px) {
    .calendaritem .contentHeaderBreadcrumb .AdvertisementInTitleRotator {
        padding-bottom: 15px !important;
        padding-top: 15px !important;
    }
}
/* Making row behave as a table */
@media (min-width: 801px) {
    .is-table-row {
        display: table;
        width: 100%;
    }

        .is-table-row .calendar-item-image,
        .is-table-row .calendar-item-date,
        .is-table-row .calendar-item-details-wrapper-2 {
            float: none;
            display: table-cell;
            vertical-align: top;
        }

        .is-table-row .calendar-item-date,
        .is-table-row .calendar-item-image {
            vertical-align: middle;
        }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10+ CSS styles go here */
    .is-table-row {
        table-layout: fixed;
        width: 100%;
    }
}

@supports (-ms-accelerator:true) {
    /* IE Edge 12+ CSS styles go here */
    .is-table-row {
        table-layout: fixed;
        width: 100%;
    }
}


/* Vertical display of date for md, lg screens */
@media (min-width: 801px) {
    .calendar-item .container .calendar-item-date .day,
    .calendar-item .container .calendar-item-date .month,
    .calendar-item .container .calendar-item-date .year {
        display: block;
        clear: both;
        word-wrap: normal;
    }
}

@media (width: 801px) {

    .side-column .ContactUsForm fieldset.narrow {
        display: block;
    }

    .calendar-item .calendar-item-icon {
        width: 8%;
        margin-left: 15px;
    }

    /*.calendar-item .container .calendar-item-details .calendar-item-image img {
        text-align: center;
        max-width: 55% !important;
    }*/
}

@media (min-width: 801px) {

    .col-sm-12.calendar-item-image {
        width: 25%;
        padding-right: 10px;
    }
}

/* UI fix for IE10 and IE11 for Calendar date */
/*@media (min-width: 768px) and (max-width: 1280px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .calendaritem .calendar-item .calendar-item-date {
        width: 70px;
    }
    .calendaritem .calendar-item .calendar-item-image + .calendar-item-date {
        width: 8.33333333%;
    }
}*/