@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------
1. Mobile
2. iPad
3. large desktop
4. Other
*/

/* ADDED CSS FOR NORMAL SCREEN FILE */
html, body, header.sticky {min-width: 100%;}



.blue-frame.blue-frame-out {display: none;}
/* 1. Mobile responsive css 767px
-----------------------------------*/
#menuwrapper{display: none;}
@media (max-width:767px) {
    h2 {font-size: 30px;}
    h3{font-size: 24px; -webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
    /* default */
    body{min-width: inherit; padding-top: 0;}
    .container{width: 100%;padding-left: 12px;padding-right: 12px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    header .search-dd {top: 100px !important;}
    header.sticky .search-dd {top: 80px !important;}
    #content-area .container {max-width: 100%; padding: 0 12px;}
    h1 {font-size: 36px;}
    header .logo {max-width: 300px;}
    header .logo img {max-width:100%;}
    #menuwrapper nav li a {font-size: 15px !important; padding-top: 8px !important; padding-bottom: 8px !important;}
    .video-banner {min-height: 100vh;}
    /*#content-area .container {max-width: calc(100% - 24px);}*/
    .caption-text {position: relative; top: auto; padding: 1px !important;}
    .caption-text span {padding: 30px 20px;}
    .investment-block .text-caption .text p {font-size: 24px;}
    .investment-block .text-caption {height: 70vh;}
    .news-event-block {padding: 10px 0 15px;}
    .our-product-block {padding-top: 60px; padding-bottom: 80px;}
    .product-block figure {margin-bottom: 14px;}
    .product-block figure img {width: 100%; height: initial;}
    .investment-block .text-caption .text h1 {font-size: 30px;}
    .investment-block .text-caption .text p {font-size: 20px;}
    .event .title {font-size: 30px;}

    .blue-frame .gray-border {margin: 10px;}
    .frame-content > span {width: 15px; height: 15px; }
    .frame-content > span.top-left {top: -2px; left: -2px; background-position: top left;}
    .frame-content > span.top-right {top: -2px; right: -2px; background-position: top right;}
    .frame-content > span.bottom-left {bottom: -2px; left: -2px; background-position: bottom left;}
    .frame-content > span.bottom-right {bottom: -2px; right: -2px; background-position: bottom right;}
    .blue-frame .gray-border:before {width: calc(100% - 16px);}
    .frame-content .text-caption {padding: 0 10px;}
    .blue-frame .gray-border .frame-content {margin: 12px 14px; padding: 15px 0 5px;}
    .investment-block{background-position-x: 20% !important;}

    /* ---- who-we-are page ----- */
    .who-we-are-block .become-member-block{padding-top:90px;}
    .who-we-are-block .become-member-block h3{padding:0; font-size:23px;}
    #content-area .information-block .container{padding:0;}
    .information-block .info-block{padding:0 10px; width:100%; float:none; margin:0 0 80px 0;}
    .info-block .btn-learn-more{font-size:14px;}
    .who-we-are-block .information-block{padding:105px 0 34px;}
    /* ---- financial-information page ---- */
    .main-section .financial-task .block{max-width:47%; margin: 0 10px 22px;}
    .financial-task .block .value{font-size:33px;}
    .financial-caption{padding:90px 0 90px;}
    .financial-info-page .main-section{padding-bottom:35px;}
    .financial-info-page .main-section h2{font-size:29px;}
    .financial-info-page .main-section .sub-title{font-size:20px;}
    /* ---- history page ---- */
    .center-blueborder-content .blue-frame{max-width:98%;}
    /* ---- products page ---- */
    .financial-info-page{padding-top:75px;}
    .financial-info-page .main-section p{margin-bottom:10px;}
    .products-block{margin-bottom:15px;}
    .products-block .products .block{display:block;}
    .products-block .products .block .left-block{display:block; float:none; width:100%; height: 360px !important; min-height: 280px;}
    .products-block .products .block .right-block{display:block; float:none; width:100%; min-height:inherit; height:auto !important;}
    .products-block .products .block .right-block .text-section{display:block;}
    .products-block .products .block .right-block .text-section .inner-text{width:100%; padding:35px 10px;}
    #right_for_me .title-label {line-height: 34px !important;}
    /* ---- beneficiary page ---- */
    .different-nomini .left-part{width:100%; float:none;}
    .different-nomini .right-part{width:100%; float:none;}
    .beneficiary-form{padding:60px 0 0 0;}
    .search-oportunities-block .top-form-block{padding:90px 0 80px;}
    /* ---- whole-life page ---- */
    .available-prd-block article{padding:0 10px; width:100%; float:none;}
    .available-prd-block{ padding:20px 0 25px;}
    .available-prd-block article h5{font-size:22px;}
    /* ---- community-service page ---- */
    .search-oportunities-block .left-content, .search-oportunities-block .right-content{width:100%; padding:0; margin:0;}
    .search-oportunities-block .bottom-content-block .padding-box{padding-left:0;}
    .blue-box h4{font-size:24px;}
    /* ----- Lodges page ----- */
    .lodges-page .lodges-search-caption-block{position:relative; top:auto; left:auto; right:auto; bottom:auto; padding-top:75px; margin-bottom:20px;}
    .lodge-details .left-content > div {margin-bottom: 20px;}
    /* ------ comfort page ------ */
    .center-blueborder-content h1{font-size:25px;}
    .center-blueborder-content .left-content, .center-blueborder-content .right-content{width:100%;}
    .lodge-details .left-content > div{padding:0;}
    .lodge-details h5, .lodge-details h6{font-size:17px;}
    .image-carousel {padding: 0 35px !important;}
    .slick-prev {left: 0;}
    .slick-next {right: 0;}
    .image-carousel .slide {margin-right: 10px;}
    /* member discount page */
    .member-discount-page .member-discount{font-size:14px;min-width:230px;}

    /* shining star page */
    .shining-star-gallery-block .gallery-block .slide {width: 100px; margin-right: 10px;}
    .shining-star-gallery-block .mobile-gallery-slider {padding: 0 30px;}
    .shining-star-gallery-block .slick-prev {background: url(../images/site/white-arrow-left.png) no-repeat; left: 0}
    .shining-star-gallery-block .slick-next {background: url(../images/site/white-arrow-right.png) no-repeat; right: 0;}

    /* newspaper page*/
    .newspaper-page .main-left{max-width: 100% !important; text-align: center; margin-bottom: 0;}
    .news-paper .news-block{max-width: 50%; float: none; display: inline-block;}
    .news-paper .news-block:nth-child(2n){margin-right: 0;}
    .newspaper-page .main-right{max-width: none;}
    .newspaper-page{padding: 50px 0 50px 0;}

    /* contact-us page */
    .contact-detail .right-content{width: calc(50% - 4px);}
    .contact-detail .left-content{width: calc(50% - 4px);}
    .frame-content .contact-detail{padding:0 30px;}

    /*------ scholarships page ------*/	
    .scholarship-content .become-member-block h3{padding:0; margin-bottom:15px;}
    .scholarship-content .become-member-block .btn-product{min-width:200px;}
    .scholarship-content .become-member-block{padding-bottom:20px;padding-top:10px;}
    /* camp page */
    .camp-bottom-content .content-block {width: 100%; padding-right: 0;}
    .camp-bottom-content .sidebar-block {width: 100%; max-width: 320px;}
    .camp-content {padding: 75px 0 40px; }
    .camp-bottom-content {padding: 70px 0;}
    .inner-video-banner .vdo-btn {width: 50px; height: 50px; background-size: contain;}
    /*------  camp-shannon-leigh-gaffney-scholarship-application page ------*/
    .agent-employment .main-agent-block .agent-left-block{width:100%; float:none;}
    .agent-employment .main-agent-block .agent-right-block{width:100%;float:none;}
    .camp_shannon_leigh_gaffney_scholarship .df_date_elem, .camp_shannon_leigh_gaffney_scholarship .df_date_elem_extra{width:29%;}
    .agent-employment .main-agent-block .agent-left-block h3{font-size:28px; margin-bottom:20px;}
    .our-agent-page{padding:50px 0 80px;}
    .agent-right-block .blue-frame {float:none;}
    .dform_date .df_date_elem_extra, .dform_date .df_date_elem {}
    .our-agent-page .agent-list{padding: 0;}
    .our-agent-page .agent-list .block{max-width: calc(50% - 20px); margin: 0 10px;}
    .agent-list .block .info .btn-view-detail{width: 120px;}
    .agent-list .block figure img{height: auto;}
    .agent-list .block .info{padding: 0 15px;}
    .our-agent-page .modify p{margin-bottom: 15px;}

    /*----- schedule-activities page ------ */
    .schedule-activity-block .activity-block .row{text-align:center;}
    .activity-block .block{float:none; display:inline-block; vertical-align:top; margin-right:0;}
    .activity-block .block .heading{text-align:left;}
    .activity-block .block .activity{text-align:left;}
    .summer-schedule{padding:25px 0 0;}
    /*----- application page ----  */
    .application-page .left-part{width:100%; float:none; padding:0; border-right:none; height:auto !important; }
    .application-page .left-part .blocks{padding:0;}
    .application-page .right-part{float:none; width:100%; height:auto !important;}
    .right-part .block h4{font-size:28px;}
    .application-page{padding: 70px 0 50px 0;}
    /*------ camp-session-change-request page ----- */
    .center-blueborder-content .blue-frame .gray-border .frame-content.camp-session{padding: 20px 0;}
    .camp_session_change_request .dform .column{float:none; width:100% !important; margin-bottom:10px;}
    .camp_session_change_request #forms_field_379 .dform_container{width:100% !important;}
    .camp_session_change_request #forms_field_380 .dform_container{width:100% !important;}
    .camp_session_change_request #forms_field_381 .dform_element.field_month{width:30% !important; padding-right:0;}
    .camp_session_change_request #forms_field_381 .dform_element.field_day{width:30% !important; padding-right:0;}
    .camp_session_change_request #forms_field_381 .dform_element.field_year{width:30% !important; padding-right:0;}
    .camp_session_change_request #forms_field_385{width:100% !important;}
    .camp_session_change_request #forms_field_381 input{width:100% !important;}
    .camp_session_change_request #forms_field_381{margin-right:0;}
    .camp_session_change_request > .dform > .dform_element{margin:0;}
    .dform .dform_element label.dform_label, .dform .dform_element legend, .dform .dform_element input.text{padding:0 !important;}
    .camp_session_change_request #forms_field_388 .dform_container{width:100%;}
    .camp_session_change_request #forms_field_389 .dform_container{width:100%;}
    .camp_session_change_request #forms_field_390 .dform_container{width:100%;}
    .camp_session_change_request #forms_field_392{width:100%;}
    .camp_session_change_request #forms_field_392 .dform_container{width:100%;}
    .camp_session_change_request #forms_field_393 label + .dform_container{float:none;  width:100%;}
    .camp_session_change_request #forms_field_393 .select2{ width:100% !important;}
    .camp_session_change_request #forms_field_394 label + .dform_container{float:none; width:100%;}
    .camp_session_change_request #forms_field_394 .select2{width:100% !important;}
    .camp_session_change_request #forms_field_396 label + .dform_container{float:none; width:100%;}
    .camp_session_change_request #forms_field_396 .select2{width:100% !important;}
    .camp_session_change_request #forms_field_381 .dform_element:after{display:none;}
    .camp-session-page h1{margin-bottom:20px; line-height:35px;}
    .camp_session_change_request .dform_desc{padding-bottom:10px;}

    /* employment page */
    .employment-block .block {min-width: initial;}
    /* board of directors page */
    .our-agent-page .emp_form {margin-top: 0; padding: 30px 10px;}
    .our-agent-page .emp_form form {margin-left: 0;}

    /* history page */
    .history-page .content-slider p {padding: 0 30px; position: relative; -webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0); top: auto; left: auto;}
    .history-page .content-slider h2 {font-size: 200px;}
    .history-page .three-star {margin-bottom: 20px;}
    .history-page.center-blueborder-content .blue-frame .gray-border .frame-content {padding-bottom:20px;}
    .history-page .content-slider .slide {padding: 20px 0;  min-height: initial; }
    /* blog page */
    .blog-page .main-left{max-width: 100% !important; padding-right: 0;}
    .blog-page .main-right{max-width: 100% !important;}
    .main-right .category{width: 49%; display: inline-block; vertical-align: top;}
    .blog-banner .blog-banner-caption{position: relative; padding: 10px; max-width: none;}
    .blog-detail p{padding-right: 0;}
    /* form page */
    .form-parts .form-section .block h4{word-wrap: break-word;}
    .form-parts{padding: 70px 0 100px 0;}
    /* ---- our-staff page ---- */	
    .inner-video-banner{height:330px;}
    .inner-video-banner h1{font-size:32px;}
    .vintage-block{padding:80px 0 70px;}
    .our-services-block .product-block{margin-right:0;max-width:100%; margin-bottom:25px;}
    .our-services-block{padding:20px 0;}
    .our-campers-block h3{font-size:19px;}
    .our-campers-block{padding-top: 80px;}
    /*---- preparing-your-camper page ----*/
    .blue-frame .gray-border .frame-content{padding:30px 0 40px;}
    .three-star{margin-bottom:25px;}
    .do-donts-block{padding:80px 0 80px;}
    .packing-list-block .blue-frame{margin:0 auto; float:none;}
    .packing-content{padding:25px 0;}
    .packing-list-block{padding: 100px 0 55px;}
    .do-donts-block .do-block, .do-donts-block .dont-block{width:100%; margin-right:0; padding: 0;}
    .packing-list-block .text-caption h5 {margin-bottom: 20px;}
    .packing-list-block .text-caption ul{width:100%; float:none; padding: 0 10px;}
    .firstday-camper-banner h2{font-size:38px;}
    /*---- alumni-member page ----*/
    .alumni-member-page .heading p{padding:0;}
    .membership-type .block{max-width:100%; margin:0 0 20px 0; float:none;}
    .alumni-member-page .membership-type{margin-bottom:10px;}
    .view-member-block{padding:0;}
    .our-member-block .block{float:none; margin:0 0 20px 0; max-width:100%;}
    /*---- 404 page ----*/
    .page-not-found{padding:0 0 0 20px !important; box-sizing:border-box;}
    .page-not-found h4{font-size:19px;}
    /*----- Search page -----*/
    .serach-block h4, .serach-block h4 a{font-size:20px;}


    .application-form .dform_columns_3 .column {max-width: 27% !important;}
    .application-form .dform_columns_3 .column .dform_container {width: 100% !important;}
    .form-section #forms_field_147 .dfcolumns .column:first-child, .form-section #forms_field_147 .dfcolumns .column:nth-child(2n), .form-section #forms_field_147 .dfcolumns .column:nth-child(3n) {width: auto !important} 
    .form-section #forms_field_157 .column {max-width: 100% !important;}
    .form-section #forms_field_158 .dform_container {max-width: 60% !important;}
    .form-section #forms_field_157 .column.column-last {max-width: 215px !important;}
    .application-form .dform_select .select2-container--default .select2-selection--single .select2-selection__rendered {padding: 0 !important;}
    .form-section #forms_field_163 .dfcolumns .column:first-child, .form-section #forms_field_163 .dfcolumns .column:nth-child(2n), .form-section #forms_field_163 .dfcolumns .column:nth-child(3n) {width: auto !important;}
    .form-section #forms_field_168 .dfcolumns .column:first-child {width: 50% !important;}
    .form-section #forms_field_168 .dfcolumns .column-last .dform_label {display: block;}
    .form-section #forms_field_173 .dfcolumns .column-last {width: 40% !important; max-width: 40% !important;}
    .form-section #forms_field_182 .dfcolumns .column-last {width: 40% !important; max-width: 40% !important;}

    .rentals-block .main-block {width: 48%; margin: 7.5px 1%;}

}

@media (min-width:993px) and (max-width:1110px) {
    header.sticky .header-bottom .left-nav {margin-left: -28px;}
}

/* 2. iPad responsive css 768px to 1024px
-----------------------------------------*/
@media (min-width:768px) and (max-width:1024px) {

    /* default  */
    body{min-width: inherit; padding-top: 0;}
    .container{width: 100%;padding-left: 20px;padding-right: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    header .container {padding: 0 28px;}
    .left-nav ul li {margin-right: 25px;}
    .right-nav ul li {margin-left: 35px;}
    .right-nav .search-btn {margin-left: 35px;}
    header .logo {max-width: 360px; padding-top: 10px;}
    header .logo img {width: 100%;}

    #content-area .container {max-width: calc(100% - 40px);}
    .blue-frame {right: 30px;}
    .inner-banner .banner-caption {left:20px;}
    .caption-text span {padding: 46px 20px;}
    .video-block .video {display: none;}

    .our-product-block .product-caption {max-width:20.6%;}
    .product-block {max-width: 25%;}
    .news-event-block .left {max-width: 47%;}
    .news-event-block .right {max-width: 51%;}

    /* ---- who-we-are page ----- */
    .who-we-are-block .become-member-block h3{font-size:26px;}
    #content-area .information-block .container{padding:0;}
    .information-block .info-block{padding:0 10px;}
    /* ---- financial-information page ---- */
    .main-section .financial-task .block{max-width:380px; margin: 0 10px 22px;}
    /* ---- history page ---- */
    .center-blueborder-content .blue-frame{max-width:730px;}
    .history-page .content-slider h2{font-size:250px;}
    /* right for me page iframe page */
    #content-area .iframe-section .container {width: 100%; max-width: 100%;}
    .iframe-section .iframe-part .left-part,.iframe-section .iframe-part .right-part {width: 50%; }
    /* ---- beneficiary page ---- */
    .different-nomini .left-part{width:49%;}
    .different-nomini .right-part{width:49%;}
    .search-oportunities-block .top-form-block{padding:90px 0 80px;}
    .beneficiary-form{padding: 60px 0 0;}
    /* ---- whole-life page ---- */
    .available-prd-block article{padding:0 10px;}
    /* ----- Lodges page ----- */
    .lodges-page .lodges-search-caption-block{left:20px;}
    /* newspaper page */
    .newspaper-page .main-left{padding-right: 0; max-width: 700px;}
    /* recommend-a-new-member page */
    .recomended-member .member-caption{padding-right: 10px;}
    /* blog page */
    .blog-page .main-left{padding-right: 0; max-width: 730px;}
    .agent-employment .main-agent-block .agent-left-block{width:48%;}
    .agent-employment .main-agent-block .agent-right-block{width:50%;}
    .camp_shannon_leigh_gaffney_scholarship .df_date_elem, .camp_shannon_leigh_gaffney_scholarship .df_date_elem_extra{width:100%;}
    .agent-employment .main-agent-block .agent-left-block h3{font-size:33px;}
    /*----- schedule-activities page ------ */
    .schedule-activity-block .activity-block .row{text-align:center;}
    .activity-block .block{float:none; display:inline-block; vertical-align:top;}
    .activity-block .block .heading{text-align:left;}
    .activity-block .block .activity{text-align:left;}
    .activity-block .block.mr0{margin-right:12px;}
    /*employment page */
    .our-agent-page .agent-list .block {max-width: calc(33.33% - 32px);}
    .agent-list .block figure img {height: initial;}
    /* forms page */
    .form-parts .form-section .block{width: 33%;}
    /* ---- our-staff page ---- */	
    .our-campers-block .container{padding:0 10px !important; box-sizing:border-box;}	
    .vintage-block{padding:100px 0 80px;}
    /*---- preparing-your-camper page ----*/
    .firstday-camper-banner .banner-caption {left: 50%;}
/*    .blue-frame .gray-border .frame-content{padding:30px 0 40px;}*/
    .three-star{margin-bottom:25px;}
    .do-donts-block{padding:100px 0 90px;}
    .packing-content{padding:25px 0;}
    .packing-list-block{padding: 100px 0 55px;}
    .center-blueborder-content .blue-frame .gray-border .frame-content.camp-session {padding: 55px 50px;}
    /*---- alumni-member page ----*/
    .membership-type .block{max-width:48%; margin-right:14px; margin-bottom:15px;}
    .view-member-block{padding:0 10px;}
    .our-member-block .block{ max-width:47%; margin:0 10px; margin-bottom:20px;}
    .member-benefits ul li{font-size:16px;}

}

/* 3. large desktop responsive css 1025px to 1200px
----------------------------------------------------*/
@media (max-width: 1280px){
    .left-nav ul li, .right-nav ul li {padding: 16px 0 31px;}
    header .full_company_name {margin-left: -5px;}
}

@media (min-width:1025px) and (max-width:1280px) {
    header .container {padding: 0 28px;}
    .left-nav ul li {margin-right: 35px;}
    .right-nav ul li {margin-left: 45px;}
    .right-nav .search-btn {margin-left: 45px;}
    header .logo {max-width: 360px; padding-top: 10px;}
    header .logo img {width: 100%;}
    #content-area .container {max-width: 90%;}
    .caption-text span {padding: 26px 10px; max-width: 870px;}
    .caption-text_wrapper .border-outer {width: 99%;}
    .our-product-block .product-caption {max-width:20.6%;}
    .product-block {max-width: 25%;}
    .news-event-block .left {max-width: 47%;}
    .news-event-block .right {max-width: 51%;}
    .event-block {max-width: 48%;}

    /* inner pages */
    .blue-frame {right: 30px;}
    .inner-banner .banner-caption {left: 25px;}
    .main-section .financial-task .block {max-width: calc(50% - 30px); }
    #content-area .iframe-section .container {width: 100%;}
    .different-nomini .left-part, .different-nomini .right-part {width: 50%;}
    .lodges-page .lodges-search-caption-block {left: 35px;}
    .agent-employment .main-agent-block .agent-left-block {width: calc(100% - 535px);}
    .activity-block .block {max-width: calc(33.33% - 8px);}
    .activity-block .block figure img {width: 100%;}
    .membership-type .block {max-width: calc(25% - 24px); }
    .our-member-block .block {max-width: calc(25% - 24px);}
    .main-left {width: calc(100% - 226px); }
    .blog-banner figure img {height: initial;}
    .our-agent-page .agent-list .block {max-width: calc(33.33% - 32px);}
    .agent-list .block figure img {height: initial;}
    .form-parts .form-section .block {width: calc(33.33% - 6px);}

}

/* 3. large desktop responsive css 1025px to 1480px
----------------------------------------------------*/
@media (min-width:1281px) and (max-width:1480px) {

}


@media (max-width:992px) {
    .header-bottom .left-nav {display: none;}
    header .container {padding: 0;}
    header .header-top {display: none;}
    .header-bottom .right-nav ul {display: none;}
    .right-nav .search-btn {position: absolute; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); right: 20px;}
    header .search-dd {position: absolute; top: 99px; left: 0;}
    header.sticky .search-dd {top: 80px;}
    header .search-dd .container form {width: 100%;}
    header .search-dd.hide {width: 100%;}
    header .search-dd .container form input[type="submit"] {width: 90px;}
    header .search-dd .container form input[type="search"] {max-width: calc(100% - 104px); margin-right: 0; }

    /* mobile menu */
    #menuwrapper, #menuwrapper .menu-trigger{display: block;}
    #menuwrapper .menu-trigger {display: block;width: 40px;height: 100%;position: absolute;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;white-space: nowrap;z-index: 999999;left: 10px;top: 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    #menuwrapper .menu-trigger.open {height:80px;}
    #menuwrapper .menu-trigger.open {right: calc(100% - 50px);}
    #menuwrapper .menu-trigger span, #menuwrapper .menu-trigger span:after, #menuwrapper .menu-trigger span:before{background: #13294b;height: 2px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    #menuwrapper .menu-trigger span {position: absolute;display: block;width: 25px;left: 50%;top: 50%;transform: translate(-50% , -50%);-webkit-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%)}
    #menuwrapper .menu-trigger span:after, #menuwrapper .menu-trigger span:before{content: '';position: absolute;left: 0;width: 100%;}
    #menuwrapper .menu-trigger span:before{top: -6px;}
    #menuwrapper .menu-trigger span:after{bottom: -6px;}
    #menuwrapper .menu-trigger.open span{background-color: rgba(0,0,0,.0)}
    #menuwrapper .menu-trigger.open span:before{top: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg); background: #fff;}
    #menuwrapper .menu-trigger.open span:after{top: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg); background: #fff;}
    #menuwrapper .navigation{/*background:rgba(1, 40, 63, 0.88);*/position: fixed;top: 0;width: /*calc(100% - 40px)*/100%;height: calc(100% - 65px);right: -100%;box-sizing: border-box;z-index: 99999;overflow-y: auto;-webkit-overflow-scrolling: touch;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;top: 65px;}
    #menuwrapper .navigation.open{right: 0;}
    #menuwrapper .shield {position: fixed; width: 0;height: 100%;background: rgba(19,41,75,0.94);top: 0;right: 0;z-index: 99999;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    #menuwrapper .shield.open{width: 100%}
    #menuwrapper nav ul ul{display: none;background:rgba(255, 255, 255, 0.95)}
    #menuwrapper nav ul ul ul{background:rgb(255, 255, 255); border-top: 1px solid rgba(19,41,75,0.94); }
    #menuwrapper nav li{border-bottom:1px solid rgba(255, 255, 255, 0.30);list-style: none;position: relative;display: block;margin: 0;}
    #menuwrapper nav li:last-child{border-bottom-width: 0;padding-bottom: 0;}
    #menuwrapper nav em{display: block;position: absolute;top: 0;right: 0;width: 30px;height: 39px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    #menuwrapper nav em:before, #menuwrapper nav em:after{content: '';position: absolute;top:50%;margin-top: -1px;left: calc(50% - 8px);width: 16px;height: 2px;background: #fff;}
    #menuwrapper nav em:after{transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    #menuwrapper nav em.toggled:after{transform: rotate(0);-moz-transform: rotate(0);-webkit-transform: rotate(0);}
    #menuwrapper nav em.level-two:before{content: '';position: absolute;width: 0;height: 0;border-style: solid;border-width: 6px 6px 0 6px;border-color: #13294b transparent transparent transparent;background-color: transparent;left: 50%;top: 50%;transform: translate(-50% , -50%);-webkit-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%);margin: 0;}
    #menuwrapper nav em.level-two:after{display: none;}
    #menuwrapper nav em.level-two.toggled{transform: rotate(-180deg);-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg)}
    #menuwrapper nav li a{color: #e6e6e5;padding: 12px 0px 12px 15px;display: block;margin-right: 30px;text-transform: uppercase;line-height: 20px;font-size: 18px;font-weight: 400;letter-spacing: 0.09em;font-family: 'Montserrat', sans-serif}
    #menuwrapper nav li li{border-color: rgba(19,41,75,0.94)}
    #menuwrapper nav li li a {padding-left: 30px; color: #13294b;}
    #menuwrapper nav li li li a{padding-left: 45px;margin-right: 0;}
    #menuwrapper nav li a.active{color:#ECE4D8;}
    header #menuwrapper nav{display: block;}
    header nav ul{text-align: left;}
    .scroll-hidden{overflow: hidden;height: 100%;}

    header .logo {position: relative; margin: 0; top:0; max-width: 80px; padding: 10px;}
    header.sticky .logo {max-width: 80px; padding: 10px;}
    .video-block .video {display: none;}
    .our-product-block .product-caption {max-width: 100%; margin-right: 0;}
    .product-block {max-width: calc(33.33% - 4px);}
    .news-event-block .left {max-width: 100%;}
    .news-event-block .right {max-width: 100%;}
    .event-block {max-width: calc(50% - 6px)}

    /*.inner-banner .banner-caption {position: relative; top: auto; left: auto; right: auto; bottom: auto; -webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0); max-width: 600px; text-align: center; margin: 0 auto; float: none;} */
    .inner-banner {min-height: 280px;}
    .inner-banner .blue-frame {display: none;}
    .inner-banner .banner-caption {left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
    .blue-frame {float: none;}
    .blue-frame.blue-frame-out {left: auto; top: auto; right: auto; bottom: auto; display: none; width: 100%; float: none; max-width: 100%;}
    
    .blue-frame.mobile {display: block !important; float: none; bottom: 0; max-width: 100%; right: 0;}

    .packing-list-block .blue-frame{margin:0 auto; float:none;}

    /* ---- financial-information page ---- */
    .main-section .financial-task .block{max-width:100%; margin:0px 0  30px 0; float:none; }

    /* shining star page */
    .shining-star-content .left-content, .shining-star-content .right-bluebox {width: 100%;}
    .shining-star-content .right-bluebox .blue-frame {margin:0 auto 70px auto; float: none;}
    .shining-star-gallery-block .container { padding: 0 !important;max-width: 100% !important;}
    .shining-star-gallery-block .gallery-block:first-child {background: #13294b;}
    .shining-star-gallery-block .gallery-block {width: 100%; padding: 40px 20px !important}
    .shining-star-gallery-block:before {display: none;}
    /* newspaper page */
    .newspaper-page .main-left{max-width: 470px; padding-right: 0;}
    /* blog page */
    .blog-page .main-right{max-width: 200px;}
    .blog-page .main-left{max-width: 500px;}
    .blog-banner figure img{height: auto;}
    /* right for me page iframe page */
    #content-area .iframe-section .container {width: 100%; max-width: 100%;}
    .iframe-section .iframe-part .left-part {margin-left: 0;}
    .iframe-section .iframe-part .left-part,.iframe-section .iframe-part .right-part {width: 100%; }
    .iframe-section {padding: 0;}
    .iframe-section .iframe-part .right-part {padding-top: 50px;}
    /*employment page */
    .our-agent-page {padding: 70px 0 60px}
    .our-agent-page .employment-block {padding: 30px 0 0 0; text-align: center;}
    .our-agent-page .agent-list .block {max-width: calc(50% - 64px); display: inline-block; float: none; vertical-align: top;}
    .employment-block .block .info {position: relative; padding: 0 15px; display: block; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
    /* agent employment page */
    .agent-employment .main-agent-block .agent-left-block, .agent-employment .main-agent-block .agent-right-block {width: 100%;}

    /* event calender page */
    .event-calender-block .calendar-part, .event-part {width: 100%;}
    .event-calender-block .calendar-part {height: 560px;}
    .calendar-part #calender-area {margin-bottom: 0;}

    /* blog page */
    .blog-entry .entry-caption .title a{display: inline-block; margin-bottom: 10px; padding-right: 20px;}
    .blog-entry .entry-caption p{margin-bottom: 20px;}
    .blog-page{padding-bottom: 100px;}
    .blog-detail{padding-left: 0;}
    /* form page */
    .form-parts .form-section .block{width: 50%; margin-right: 0;}
    /* counselor in training program page */
    .counselor-application-page .blue-frame {top: 0;}
    .application-form .tabing a {max-width: 18%; margin-right: 2.5%;}
    #forms_field_146 .column {width: 100% !important; }
    .form-section #forms_field_147 .dfcolumns .column:first-child {max-width: 140px;}
    .form-section #forms_field_147 .dfcolumns .column:nth-child(2n) {max-width: 190px;}
    .form-section #forms_field_157 .column {max-width: 354px; }
    .form-section #forms_field_157 .column.column-last {max-width: 195px;}
    .form-section #forms_field_163 .dfcolumns .column:first-child {max-width: 190px;}
    .form-section #forms_field_163 .dfcolumns .column:nth-child(2n) {max-width: 190px;}
    .form-section #forms_field_163 .dfcolumns .column:nth-child(3n) {max-width: 160px}
    .form-section #forms_field_168 .dfcolumns .column:first-child {max-width: 410px;}
    .form-section #forms_field_180 .dform_container {width: 90px;}

    .application-form #forms_field_173 .dform_label {display: inline-block !important;}
    .form-section #forms_field_176 .dform_container {width: 23px;}
    .application-form #forms_field_182 .dform_label {display: inline-block !important;}
    .form-section #forms_field_185 .dform_container {width: 35px;}
    .form-section #forms_field_188 .dform_container {width: 100px;}
    .dfleft_label, .dftop_label {text-align: left}
    input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="submit"] {width: 100% !important;}
    .rentals-block .main-block {width: 30%; margin: 7.5px 1.5%;}
}
@media (max-width:768px){ 
    .inner-banner.officers-banner {background-size: 150% !important;background-position: center;background-repeat: no-repeat;}
}
@media (max-width:767px){    
    .rentals-block .main-block {width: 48%; margin: 7.5px 1%;}
}
@media (max-width:480px){
    .our-officers-block .profile-block, .our-officers-block .profile-details-block {width:100%;margin:0;border:none;}
    .rentals-block .main-block {width: 98%; margin: 7.5px 1%;}
    h1 {font-size: 28px;}
    header .logo {max-width: 80px;}
    .video-banner {min-height: 200px}
    .banner-caption p {font-size: 16px;}


    .caption-text span {font-size: 20px; padding: 20px;}

    .product-block {max-width: 100%; margin-right: 0; margin-bottom: 12px;}

    .left .news .news-caption {position: relative; background: rgba(19,41,75,1)}
    .event-block {max-width: 100%; margin-right: 0; margin-bottom: 15px;}
    .recommend-block .title {background: none; background: #7c6d4c; position: relative;}
    .recommend-block .title:before, .recommend-block .title:after {content: ""; background: #fff; width: 100%; height: 1px; display: block; position: absolute; left: 0;}
    .recommend-block .title:before {top: -3px;border-top: 2px solid #7c6d4c}
    .recommend-block .title:after {bottom: -3px;border-bottom: 2px solid #7c6d4c}
    footer .community {background: none; background: #7c6d4c; position: relative; 15px 0}
    footer .community:before, footer .community:after {content: ""; width: 100%; height: 3px; display: block; position: absolute; left: 0; background: #fff; }
    footer .community:before {top: 1px; border-top: 2px solid #7c6d4c}
    footer .community:after {bottom: 1px; border-bottom: 2px solid #7c6d4c}
    .footer-main .footer-nav ul li {display: block; margin-top: 12px; padding-left: 0; margin-right: 0;}
    .footer-main .footer-nav ul li:first-child {margin-top: 0;}
    .footer-main .footer-nav ul li:before {display: none; }

    .dform > .dform_element {margin-bottom: 12px;}
    .dform .dform_element label {line-height: 20px !important;}
    .dform .dform_element label.dform_label, .dform .dform_element legend, .dform .dform_element input.text {width: 100% !important; display: block; text-align: left; margin-left: 0 !important; padding: 7px 0 !important;} 
    .dform .dform_element.field_month input.text, .dform .dform_element.field_day input.text, .dform .dform_element.field_year input.text{width: 33.33% !important;}
    /* camp shannon page */
    .camp_shannon_leigh_gaffney_scholarship .df_date_elem, .camp_shannon_leigh_gaffney_scholarship .df_date_elem_extra{width:100%;}
    .retirement_home_scholarship .df_date_elem, .retirement_home_scholarship .df_date_elem_extra {width: 100%;}

    /* newspaper page */
    .news-block .border-block figure img{width: 100%;}
    .news-paper .news-block{width: 100%; max-width: none; margin-right: 0; display: block;}

    /* contact-us page */
    .frame-content .contact-detail{padding: 0 10px;}
    .contact-detail .left-content{width: 100%; margin-bottom: 20px;}
    .contact-detail .star-img{margin-bottom: 30px;}
    .contact-detail .left-content p{padding-right: 0;}
    .contact-detail .right-content form label{line-height: 20px;}
    .contact-detail .right-content{width: 100%;}
    .contact-detail .right-content form {max-width: 100% ;}

    /* agents page*/
    .agent-detail h3{font-size: 30px; }
    .agent-detail .num a{font-size: 30px;}
    footer .community h5{font-size: 20px; }
    .center-blueborder-content{padding: 80px 0;}
    .our-agent-page .agent-list .block {max-width: 280px; margin: 0; margin-bottom: 20px;}

    /* history page */
    .history-page .timeline-slider h2 {display: block; margin: 0 auto; text-align: center; font-size: 36px; }
    .history-page .content-slider h2 {font-size: 110px;}
    .history-page .content-slider p {padding: 0;}
    .history-slick-arrow {z-index: 1000;}

    /* events calender page */
    .event-calender-block .calendar-part {padding: 0 14px;}
    .calendar-part .calender-title, .calendar-part .year-selection {width: 100%;}
    .calendar-part .calender-title h1 {padding: 15px 0; text-align: center;}
    .year-selection {min-height: 50px;}
    .months-list ul {padding: 10px 0 30px}
    .months-list ul li {width: 25%; line-height: 25px;}
    .parent-calender #calender-area {min-width: 380px;}
    .parent-calender {overflow-x: auto;}
    .event-part {padding: 40px 15px 40px; height: 380px;}
    .event-part h5 {font-size: 15px;}
    .event-part h2 {font-size: 20px;}
    .event-description {padding: 40px 0 0; left: 20px;width: calc(100% - 40px);}
    .event-description h2 {margin-bottom: 20px;}
    .event-share {left: 10px;width: calc(100% - 20px); padding: 10px 0 ;}
    .event-share small {margin-bottom: 8px; display: block;}
    .event-share .share-text, .event-share .share-social {width: 100%; text-align: center;}

    /* blog page */
    .main-right .category{width: 100%;}
    .blog-post .blog-entry figure{margin-right: 0;}
    .blog-post .blog-entry figure img{height: auto; max-width: 198px;}
    .blog-post .blog-entry .entry-caption{width: 100%;}
    .blog-post .blog-entry{margin-bottom: 20px;}
    .post-info .post-admin figure{width: 43px; height: 43px; margin-right: 5px;}
    .post-info .post-admin figure img{height: auto;}
    .blog-detail p{padding-right: 0;}
    .blog-detail p img{float: none !important; margin: 0 !important;}
    /* form page*/
    .form-parts .form-section .block{width: 100%; margin-bottom: 50px;}
    .form-parts{padding: 70px 0 70px 0;}

    .blue-frame.new-member .gray-border .frame-content{padding: 30px 30px;}

    /* products page */
    .products-block .products .block .left-block {height: 280px !important;}
    .search-form .search-field {margin-bottom: 20px;}
    
    /* camp page */
    .camp-bottom-content .sidebar-block {width: 100%; max-width: 100%;} 

    /* counselor in training program page */
    .frame-content.application-form .text-caption {padding: 0 15px;}
    .application-form .tabing a {max-width: 100%; margin-right: 0; margin-bottom: 13px; width: 100%;}
    .application-form .tabing a:after {width: 1px; height: 13px; top: 100%; right: auto; left: 50%; -webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
    .form-section #forms_field_147 .dfcolumns .column:first-child, .form-section #forms_field_147 .dfcolumns .column:nth-child(2n), .form-section #forms_field_147 .dfcolumns .column:nth-child(3n) {width: 100% !important;}
    .application-form .dform_columns_3 .column {max-width: 100% !important; margin-right: 0 !important; width: auto !important;}
    .form-section #forms_field_168 .dfcolumns .column:first-child, .form-section #forms_field_168 .dfcolumns .column:nth-child(2n) {max-width: 100% !important; width: 100% !important;}
    .dform .dform_element.field_month input.text, .dform .dform_element.field_day input.text, .dform .dform_element.field_year input.text {width: 100% !important;}
    .form-section #forms_field_173 .dfcolumns .column-last {width: 100% !important;max-width: 100% !important;}
    .form-section #forms_field_182 .dfcolumns .column-last {width: 100% !important;max-width: 100% !important;}
    .form-section .dform .column, .form-section .dform .column .dform_container {width: 100% !important; }
    .form-section #forms_field_158 .dform_container {width: 100% !important; max-width: 100% !important;}
    .form-section #forms_field_159 .dform_container {max-width: 100%; width: 100%;}
    .form-section #forms_field_163 .dfcolumns .column:first-child, .form-section #forms_field_163 .dfcolumns .column:nth-child(2n), .form-section #forms_field_163 .dfcolumns .column:nth-child(3n) {width: 100% !important;}
    .form-section #forms_field_165 .select2, .form-section #forms_field_168 .select2 {width: 100% !important;}
    .form-section #forms_field_166 .dform_container {max-width: 100%;}
    .form-section #forms_field_161 .dform_container {width: 100%;}
    .form-section #forms_field_157 .column.column-last {max-width: 100% !important;}
    
    /* board of directors page */
    .agent-employment .dform_name.field_name, .agent-employment .field_phone {width: 100%;}
    .agent-employment .dform_email, .agent-employment .field_your_lodge {width: 100%;}
    .agent-employment .address_street, .agent-employment .address_street2 {width: 100%;}
    .dform_container .dfinput_left {width: 100%;}
    .agent-employment .address_state, .agent-employment .address_country {width: 100% !important;}
    .dfinput_phones .phone_area {width: 25% !important;}
    .agent-employment .dfinput_phones .phone_number {width: 75% !important;}
    .agent-employment .dform_address .address_state input.text {width: 100% !important;}
    .agent-employment .address_country .select2-container {width: 100% !important;}
    .agent-employment #forms_field_319 .select2-container {width: 100% !important;}
    .agent-employment #forms_field_320 .select2-container, .agent-employment #forms_field_321 .select2-container, .agent-employment #forms_field_328 .select2-container {width: 100% !important;}
}

@media (min-width:768px) and (max-width:992px){
    /*.lodges-page .lodges-search-caption-block{display: none;}*/
}