body{ -webkit-tap-highlight-color: rgba(0,0,0,0); }

body > p#skip-link{ display:none; }

 .container{ width: 320px; }

 #header { height: 124px; border: 1px solid #e8e6e9; z-index: 2; position:relative; }
 #header > .container{ height: 220px; overflow: hidden }
/* #content_top{ position: relative; z-index: 10; }*/
 #header .logo{ width: 100%; height: 80px; background: url(images/mobile_logo.jpg) no-repeat 5px center; margin: 0px; border-bottom: 1px solid #e8e6e9; }
 #menu{ width: 320px; height: 43px; background: none; margin: -43px auto 0; z-index: 1; }
 #menu .container{ width: auto; }
 #menu .mobile-menu-button{ display: block; position: absolute; border:none; padding: 0; top: -1px; width: 43px; height: 43px; border-radius: 0; text-indent: -999px; background: url(images/menu.jpg) center center no-repeat; z-index: 10; }
 #menu #select { display: none; }
 #menu select.styled{ display: none; }

 #header .lang{ position: absolute; right: -16px; top: 61px; }
 #header .lang #edit-lang-dropdown-select_arrow{ display: none; }
 #header .lang #edit-lang-dropdown-select_child{ width: 47px !important; top: 40px !important; background-color: #e8e6e9; box-shadow: none; border-radius: 0 0 5px 5px; margin-left: 3px; }
 #header .lang #edit-lang-dropdown-select_child a{ padding: 4px 7px; }
 #header .header-buttons{ margin-left: 0; margin-top: 0; border:none; position:absolute; left: 43px; top: 81px; background-color: #fff; }
 #header .header-buttons > a{ vertical-align:top; background-color:#FFF; width: 43px; height: 43px; text-indent: -999px; padding: 0; border: none; border-left: 1px solid #e8e6e9; border-right: 1px solid #e8e6e9;  }
 #header .header-buttons > a.join{ background: url(images/login.jpg) center center no-repeat; position: absolute; top: 0px; left: 185px; }
 #header .header-buttons > a.mobile-search{ display:inline-block; background: url(images/search.jpg) center center no-repeat; }

 #header .donate{ display:none; }
 #header .print{ display:none; }
 #menu .block-search{ display:none; }
 .sf-menu{ display:none !important; }

.not-front #content{ width: 100%; }
.not-front #sidebar{ width: 100%; border-top: 1px solid #e8e6e9; }
.not-front #content > .inner{ padding: 0; }
.not-front #content > .inner > .title{ padding: 0 20px; }
.not-front #content > .inner > article{ padding: 0 20px; }
.not-front #content .block-views.last{ border-top: 1px solid #e8e6e9; }
.not-front #content .block-views.last .inner{ padding: 0; }
.not-front #content .block-views.last .inner > h2{ padding: 0 20px; }
.not-front #content .block-views.last .inner > div.view{ padding: 0 20px; }
.not-front .region-sidebar > div > .inner{ padding: 0 20px; }
.not-front #content .inner > .title{ margin-top: 20px; font-size: 30px; }

.not-front .view-other-up-coming-events .views-row{ width: 100%; margin: 0; margin-bottom: 20px; }
.not-front .view-other-up-coming-events .more-link{ margin: 0 0 20px; }
.not-front .views-field-field-eventimage{ height:auto; min-height: 0; }
.not-front #content_bottom{ margin-bottom: 0; }

 #footer-links{ padding: 20px 0 0; }
 #footer-links .region-footer-links{ padding: 0 20px; }
 #footer-links .container .region-footer-links > div{ width: 50%; margin-bottom: 20px; }
 #footer{ text-align:left; font-size: 12px; line-height: 20px; padding: 20px 0; }
 #footer .container{ padding: 0 20px; width: 280px; }
 #footer ul{ display:block; margin-top: 0px; }
 #footer li:before{ padding-right: 6px; }
 #footer li.first:before{ padding-right: 0; content: ""; }
 #footer .region-bottom{ display:block; margin-bottom: -10px; }

/* -------------------------------------------------------------------------------------------------------------------- */

 #bxslider li{ height: 250px; }
 #bxslider .box{ width: 240px; height: auto; top: 10px; right: 20px; padding: 15px 20px; }
 #bxslider .box span{ font-size: 17px; }
 #bxslider .box span.desc{ display:none; }
 #bxslider .box .button{ padding: 5px 10px; display:block; text-align:center; margin-top: 0; }

 #diabetes-icons{ height:auto; text-align:center; }
 #diabetes-icons a > div{ margin: 10px 0; }
 #diabetes-icons a > div.type1{ margin-top: 30px; }
 #diabetes-icons a > div.type4{ margin-bottom: 30px; }

 #about-homepage{ height:auto; padding: 20px 0 0; }
 #about-homepage .left,  #about-homepage .right{ width: 100%; margin-right: 0; }
 #about-homepage .left .inner,  #about-homepage .right .inner{ padding: 0 20px; }
 form#drwf-newsletter-form input#edit-email-address{ width: 160px !important; }
 #about-homepage .left a{ display:block; margin-top: -20px; margin-bottom: 20px; }

.front #content_bottom > .column{ width: 100%; }
.front #content_bottom .inner{ padding: 0 20px; }
.front #content_bottom .inner .block-title{ text-align:left; margin-bottom: 10px; margin-top: 20px; }
.front #block-block-1 .inner > p{ margin-top: 0; }
.front .region-content-bottom .views-row{ margin-bottom: 10px; }

.front #footer-image{ width:auto; height: 140px; padding: 5px 0 20px; }
.front #footer-image > .title{ font-size: 20px; margin-bottom: 20px; }
.front #footer-image > .buttons a{ display:block; margin-bottom: 10px; }
.front #footer-image > .buttons span{ font-size: 20px; height: 30px; line-height: 30px; }

/* -------------------------------------------------------------------------------------------------------------------- */

.page-recentnews #content .views-row, .page-upcomingevents #content .views-row, .page-recentevents #content .views-row{ width: 100%; margin-right: 0; }
.page-recentnews #content .views-row.views-row-even, .page-upcomingevents #content .views-row.views-row-even, .page-recentevents #content .views-row.views-row-even{ margin-left: 0; }
.page-recentnews #content .views-row > *, .page-upcomingevents #content .views-row > *, .page-recentevents #content .views-row > *{ padding: 0 20px; }

.page-upcomingevents #content_bottom .region-content-bottom, .page-recentnews #content_bottom .region-content-bottom{ border-top: 1px solid #e8e6e9; }
.not-front #content_bottom .region-content-bottom > div{ width: 100%; margin-right: 0; }
.page-upcomingevents #content_bottom .region-content-bottom > div.last .inner, .page-recentnews #content_bottom .region-content-bottom > div.last .inner{ border-left: none; }
 #content_bottom .inner .block-title{ margin-bottom: 10px; }

 #sidebar .block{ border-color:#e8e6e9; }
.page-upcomingevents #content_bottom .region-content-bottom > div .inner, .page-recentnews #content_bottom .region-content-bottom > div .inner{ padding: 0 20px; }
.not-front .region-content-top .inner > p > img{ max-width: 100%; }

/* -------------------------------------------------------------------------------------------------------------------- */

 #mobile-menu-wrap{ display:block; width: 321px; height: 101%; position:fixed; top: 0; left: -321px; background-color:#333; z-index:9999; }
 #mobile-menu #block-search-form{ display: none; }
 #mobile-menu{ display:block; position:absolute; top: 0; left: 0; width: 321px; height: 101%; overflow:auto; }

 #mobile-menu a.back{ display: inline-block; vertical-align:top; width: 27px; height: 34px; background: url(images/back.jpg) no-repeat; margin: 20px 10px 20px 20px; }
 #mobile-menu a.join{ display:inline-block; vertical-align:top; width: 241px; height: 40px; background: url(images/join.jpg) no-repeat; margin-top: 15px; }

 #mobile-menu .sf-menu{ display:block !important; width: 95%; margin-left: 5%; font-size: 17px; }
 #mobile-menu .sf-menu ul,  #mobile-menu .sf-menu li,  #mobile-menu .sf-menu a{ background:none !important; }
 #mobile-menu .sf-menu ul{ display:none; position:relative; top: 0 !important; left: 0px !important; }
 #mobile-menu .sf-menu > li > ul ul{ left: 20px !important; }
 #mobile-menu .sf-menu li{ float:none; }
 #mobile-menu .sf-menu a{ color:#989898; padding: 10px 5px; }
 #mobile-menu .sf-menu > li > a{ color:#fff; }
 #mobile-menu .sf-menu a:active,  #mobile-menu .sf-menu a:hover,  #mobile-menu .sf-menu a:focus{ color:#D11241 !important; }

 #mobile-menu .sf-menu a.menuparent .arrow{ transform: rotate(-90deg); -webkit-transform: rotate(-90deg); width: 32px; height: 16px; position:absolute; left: 250px; top: 10px; background: url(images/menu_arrow.png) center center no-repeat !important; }
 #mobile-menu .sf-menu a.menuparent .arrow.open{ transform: rotate(0deg); -webkit-transform: rotate(0deg); }
 #mobile-menu .sf-menu > li > ul > li > a.menuparent > .arrow{ opacity: 0.7; /*left: 160px;*/ }
 #mobile-menu .sf-menu > li > ul > li > ul > li a.menuparent > .arrow{ opacity: 0.7; left: 140px; }

 #mobile-menu .sf-menu a.menuparent a.go-button{ padding: 0; }
 #mobile-menu .sf-menu a.menuparent a.go-button div{ display:block; position:absolute; left: 190px; top: -21px; width: 45px; height: 25px; background: url(images/go_button.png) no-repeat; }

/* -------------------------------------------------------------------------------------------------------------------- */

 #block-block-7{ padding: 0 20px; }
 #block-block-7 .inner{ padding: 0; }
 #block-block-7 .contact-right{ margin: 0; width: 100%; }

 article.node-397{ padding-top: 10px !important; margin-top: -60px; }

 label{ display:block; width: 260px; margin: 0; }
 #webform-client-form-397 select.styled{ width: 260px !important; margin: 0; }
 #webform-client-form-397 .select{ width: 260px !important; }
 .field-prefix{ position:static; margin-left: 0; }
 .form-select{ width: 260px !important; }
 #content .select{ width: 220px !important; }
 .form-text{ width: 220px !important; }
 #webform-client-form-397 .form-text{ width: 260px !important; }
 #webform-client-form-397 .select{ width: 255px !important; }
 .form-textarea{ width: 275px !important; padding: 5px; }
 .form-checkbox{ float:left; }
 #webform-client-form-397 #edit-submit{ width: 280px; margin-bottom: 20px; }

 .media-youtube-video iframe{ width: 280px !important; height: 170px !important; margin-bottom: 20px; }

 .donate-page{ padding: 0 20px; }
 .donate-page .donate-now{ font-size: 30px; }
 #drwf_donationform .form-item-payment label,  .donate-page .form-item-payment div{ width: 100%; margin-right: 0; }

 .donate-page .float-right{ float:none; }
 #drwf_donationform .form-item-payment #edit-payment > div{ margin-left: 5px; margin-top: 20px; }
 #drwf_donationform .form-item-diffrent-amount,  #drwf_donationform .form-item-diffrent-amount input{ position:static; }
 #drwf_donationform .form-item-diffrent-amount{ width:auto; }
 #drwf_donationform .form-item-diffrent-amount label{ width:auto; padding-left: 0; }
 #drwf_donationform .form-item-diffrent-amount input{ height: 40px; font-weight:normal; width: 220px !important; }
 #drwf_donationform .form-item-title label,  #drwf_donationform .form-item-last-name label,  #drwf_donationform .form-item-first-name label{ display:block; }
 #drwf_donationform .form-item-title select,  #drwf_donationform .form-item-last-name input,  #drwf_donationform .form-item-first-name input,  #drwf_donationform .form-item-diffrent-amount input{ width: 220px !important; }

 #drwf_donationform #edit-submit,  #drwf_donationform #edit-next-button{ width: 240px; }

 .donate-circles{ margin-top: 10px; }
 .donate-circles > div{ display:inline; }
 .donate-circles a{ width: 125px; height: 125px; background-size: 125px auto !important; margin: 5px 6px; }


 .donate-page .title{ color:#333; }
 .donate-page .welness-network .content{ width: 100%; }
 .donate-page .welness-network .image{ width: 100%; margin-top: 0; margin-bottom: 20px; }

 .view-drwf-uk-all-recent-events-view-page img{ width: 100%; height:auto; }

/* -------------------------------------------------------------------------------------------------------------------- */

 #sliding-popup{ height:auto !important; }
 #sliding-popup .popup-content #popup-text{ width:auto !important; }
 #sliding-popup .popup-content #popup-buttons{ width:auto !important; }
 .agree-button{ margin-bottom: -5px !important; }

/* -------------------------------------------------------------------------------------------------------------------- */

 img{ max-width: 100%; height:auto; }
.not-front #content_bottom .region-content-bottom{ padding: 20px; }
.not-front #content_bottom .region-content-bottom > div.last .inner{ padding: 10px 0px; border-left: none; }
.node-type-uk-page-news .region-content-bottom > div .inner{ width:auto !important; }

.not-front #content_bottom .region-content-bottom .block-title{ font-size: 22px; }
.node-type-uk-page-news #drwf-eventpage-newsletter-form label{ width:auto; }
.node-type-uk-page-news #drwf-eventpage-newsletter-form .form-item{ width:140px !important; }

 #drwf-eventregistration-form .form-submit{ width: 150px; }

 #toPopup{ width: 310px; left: 0; top: 15%; margin-left: 0; }
 div#popup_content{ padding-top: 10px; }
 div#popup_content #eventregister_confirm,  div#popup_content #eventregister_cancel{ padding: 5px 10px; line-height: auto; }
 #popup_content p{ padding: 0 25px; }

 .icheckbox_flat{ float:left; }
 #register-user-form-wrapper #edit-field-dob-und-0-value-datepicker-popup-0{ width: 220px !important; }
 #register-user-form-wrapper .form-radios .form-item{ margin: 28px 0; }
 #register-user-form-wrapper .form-item-payment .form-radios label{ padding-left: 21px; }

 #drwf_donationform .tab-2 img{ margin-left: 0 !important; }

 .view-drwf-uk-all-news .view-content{ padding: 0 20px; }
 .item-list .pager li{ padding: 0; margin: 3px; font-size: 13px;  }

/* -------------------------------------------------------------------------------------------------------------------- */

 -wrap{ overflow:auto; width: 320px; margin-left: -20px; }

/* -------------------------------------------------------------------------------------------------------------------- */

 #content iframe{ width: 280px !important; height: 182px !important; }
 #search-form .form-item-keys label{ padding-left: 20px; }
 #search-form .form-item-keys input{ margin-left: 20px; }
 #search-form #edit-submit{ float:none; margin-left: 20px; }
.page-search #content .inner > h2{ padding: 0 20px; }
.page-search #content .inner > ul{ padding: 0 20px; }

/* -------------------------------------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------------------------------------- */