.audioOnly{
   
}
/*----------------------------------------
/ responsive design
----------------------------------------*/
/* large screens */
#page-tools {display:none;}

.SupportHp .mainItem, .SupportHp .subItem{float:left; width:49%; margin-bottom: 25px;}
.SupportHp .subItem{float:right; width:49%;}
.SupportHp .mainItem > a {display:block; position: relative;}
.SupportHp .mainItem > a > a{ position:absolute; display:block; bottom:0%; width:100%; text-align:center; }
.SupportHp .mainItem > a > a span{ color: #fff; background: #1e357c; padding: 10px; font-family: 'uni_sansheavy_caps'; text-transform: uppercase; font-size:16px; display: block;}
.SupportHp .mainItem > a > img {float:none !important; width:100%; padding-bottom:40px;   }
.SupportHp .subItem > a > a{ position:absolute; display:block; bottom:0; width:100%; text-align:center; }
.SupportHp .subItem > a > a span{ color: #fff; background: #1e357c; padding: 10px; font-family: 'uni_sansheavy_caps'; text-transform: uppercase; font-size:16px; display: block;}
.SupportHp .subItem > a {display:block; position: relative;}
.SupportHp .subItem > a > img {float:none !important; width:100%; padding-bottom:40px;   }
.SupportHp dt {display:none;}
.SupportHp .description {border-left:1px solid #e6e9ed;border-right:1px solid #e6e9ed;border-bottom:1px solid #e6e9ed; padding:15px 20px;}
#sectionThree img{width:100%; float:left; margin:20px 0px 30px; }
#sectionThree p {font-size:22px; color:#73879c; line-height:30px; text-align:center; }
#sectionThree a {/*background:#1e357c;*/ color:#fff; clear:both; font-family: 'uni_sansheavy_caps'; font-size:15px; padding:10px 20px; border-radius:3px; margin:0px auto 20px; /*width:215px;*/ display:block;}
.HpSectionFour {background:url(/images/UserUploadedImages/11/leave_alast.jpg) no-repeat ; background-size:100%; }
.HpSectionFour dl {width: 40%; float: right; padding: 60px; background:url(/images/UserUploadedImages/11/bg_white.png) repeat; }
.HpSectionFour dt a{font-family: 'uni_sans_semiboldregular'; font-size:30px; margin-bottom:20px; color:#333; float:left;}
.HpSectionFour dd {font-size:18px; line-height:30px; color:#333; clear:both; }
.HpSectionFour dd.description a{font-size:14px;  margin-top:20px; margin-bottom:30px;  border-radius:3px; padding:10px; float:left;}
.HpSectionFour .mainItem > a {display:none;}
.HpSectionFive {margin-bottom:20px;}
.HpSectionFive > div {width:31.5%; margin:0px 10px; float:left;}
.HpSectionFive img {width:100%;}
.HpSectionFive  dt a{font-family: 'uni_sans_semiboldregular'; font-size:30px;  float:left; margin-bottom:10px;}
.HpSectionFive dd {font-size:14px; line-height:20px; clear:both; }
.HpSectionFive dl{border-left: 1px solid #e6e9ed; border-right: 1px solid #e6e9ed; border-bottom: 1px solid #e6e9ed; padding:10px; clear:both; height: 150px;}
.content-area {clear:both;}
.articleHead {clear:both; float:left; width:100%; background:#0f5689; color:#fff;}
.articleHead h1{ margin:0px; padding:10px 0px; font-size:24px; color:#fff;}

/*----------------------------------------
/ breadcrumbs
----------------------------------------*/
.breadcrumbsTop {clear:both; float:left; width:100%; background:#13629b;}
.breadcrumbsTop p {display:none;}
.breadcrumbsTop ol {padding: 0px; margin:0px;}
.breadcrumbsTop ol li {display:block; float:left; color:#7ed3f8; background:url(/images/UserUploadedImages/11/bread_arrow.jpg) no-repeat right; padding:15px 20px 15px 0px; margin-right:10px; font-family: 'uni_sans_semiboldregular'; font-size:14px; }
.breadcrumbsTop ol li:last-child {background:none;    }
.breadcrumbsTop ol li a, .breadcrumbsTop ol li span{color:#7ed3f8; font-family: 'uni_sans_semiboldregular'; font-size:14px;}

/*----------------------------------------
/ Left Menu
----------------------------------------*/
#LeftMenu {width:100% !important;}
#LeftMenuBar .rpRootGroup > .rpItem >a{ display:none;}
#LeftMenuBar ul {padding:0px; margin:0px;}
#LeftMenuBar ul li { display:block;  float:left; width:100% !important;  margin:5px 0px; text-transform:uppercase;}
#LeftMenuBar ul li a{font-family: 'uni_sans_semiboldregular'; color:#0841a1;  font-size:18px; width:100% !important;}
#LeftMenuBar > div {width:100% !important;}
ul.rpLevel1 {width:100% !important;}
.rpRootGroup > li {margin:0px;}
#LeftMenuBar ul.rpLevel2 {padding-left:20px; }
#LeftMenuBar ul.rpLevel2 li a{ font-size:16px;}
/*----------------------------------------
/ Subpage - Single common
----------------------------------------*/
.mar-top-level {margin-top:30px;}
.mar-top-level #LeftMenu{margin-top:0px;} 
.single-Column strong {font-size:16px;}
.content-area p {  line-height: 23px;   font-size: 14px;   margin: 0 0 15px 0; color:#292929;}
.pad-dsk-1
.content-area img {max-width:100%;}
.leftCol .row{margin: 0;}
.content-area .module-area img {width:initial;}
.module-area .SearchLeft{width:100%;}
#TBRefineHead{display:none;}
/*----------------------------------------
/ Subpage - widget
----------------------------------------*/
.rhtWidget > div{width:100%; margin:0px 0px 60px;}
.rhtWidget > div > a >img{width:100%; margin-bottom:10px; display:block;}
.rhtWidget dt a{font-family: 'uni_sans_semiboldregular'; color:#0083c0; font-size:18px; margin-bottom:10px; display:block;}
.rhtWidget .description{color:#73879c; }
.rhtWidget dl {width:96%; margin:auto; clear:both;}
.rhtWidget dd.description a{padding:10px; float:left; margin-top:10px;}

.mainWidget > div{ width:50%; float:left;  margin-bottom:30px; padding-right:15px;}
.mainWidget > div:nth-child(odd) {clear:both;  }
.mainWidget > div:nth-child(even) {padding-right:0px; padding-left:15px;}
.mainWidget > div > a >img{width:100%;  display:block;}
.mainWidget dt a{font-family: 'uni_sans_semiboldregular'; color:#0083c0; font-size:18px; margin-bottom:10px; display:block;}
.mainWidget dl{clear:both;   border-left: 1px solid #e6e9ed;   border-right: 1px solid #e6e9ed;  border-bottom: 1px solid #e6e9ed;  padding: 15px 20px; min-height: 150px;}
.mainWidget dd.description a{padding:10px; float:left; margin-top:10px;}

.EventSub > div {width:100%; float:left; clear:both; margin-bottom:40px;}
.EventSub > div > a {width:20%; float:right;}
.EventSub dt a {font-size: 20px;   color: #1e357b;   width: 60%;  margin-left: 10px;  float: left;  font-family: 'uni_sans_semiboldregular';}
.EventSub dd.description {float: left;   width: 65%;   margin-left: 10px;  margin-top: 10px;}


/*----------------------------------------
/ Modules
----------------------------------------*/
.module-area{
   margin: 60px 0 30px 0;
}

.events h1 {display:block !important;}

.module-area h1{
    display: none;
}

.module-area .event-booking-info h2{
     color: #1e357c;
     font-size: 22px;
     font-family: 'uni_sansthin_caps';
}
.module-area .event-booking-info h3{
     color: #666666;
     font-size: 14px;
     width: 100%;
     margin-bottom: 10px;
}
.module-area .event-booking-info p{
     color: #73879c;
     font-size: 14px;
     width: 100%;
     margin-bottom: 10px;
}
.module-area div[id$="divBackLink"]{
     padding: 20px 20px 20px 285px;
}
.module-area div[id$="divBackLink"] a{
     color: #1e357c;
     font-size: 14px;
     font-family: arial;
     text-transform: lowercase;
     background: url(/images/UserUploadedImages/11/iconBack.png) no-repeat left center; 
     display: block;
     width: auto;
     height: 33px;
     padding-left: 40px;
     line-height: 28px; 
}
.moduleWrap.events p.warning{
    margin: 0 0 20px 0;
    font-weight: bold;
    color: red;
}
.moduleWrap.events #divEventRegistration{width: 100%;}
.moduleWrap.events #divEventRegistration #ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_pnlEventRegStageBreadcrumb{width: 100%; margin-bottom: 15px;}
.moduleWrap.events #divEventRegistration #ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_pnlEventRegStageBreadcrumb + p{font-weight: bold; margin-bottom: 15px;}
.moduleWrap.events #divEventRegistration #tblEventDetails, .moduleWrap.events .NotificationEmailEvent{background-color: #ecf8fe;border-collapse: initial;width: 100%;font-size: 14px;}
.moduleWrap.events #divEventRegistration #tblEventDetails th, .moduleWrap.events #divEventRegistration #tblEventDetails td{border: 0;vertical-align: top;}
.moduleWrap.events #divEventRegistration #tblEventDetails th, .moduleWrap.events .NotificationEventDetails th{padding: 10px 15px;text-align: left;width: 150px;border-top: 1px dotted #fff;}
.moduleWrap.events #divEventRegistration #tblEventDetails td,  .moduleWrap.events .NotificationEventDetails td{padding: 10px 15px;border-top: 1px dotted #fff;background: none;}
.moduleWrap.events #divEventRegistration fieldset{background-color: none;padding: 10px;border: 0;width: 100%;}
.moduleWrap.events #divEventRegistration fieldset > p, .moduleWrap.events #divEventRegistration fieldset > div,  .moduleWrap.events #divEventRegistration fieldset > div p {margin-bottom: 10px;}
.moduleWrap.events #divEventRegistration fieldset label{ /* width:190px; */ /* margin: 10px 0px; */;}
.moduleWrap.events #divEventRegistration fieldset input[type=text], .moduleWrap.events #divEventRegistration fieldset select{width: 300px !important; height: 30px;}
.moduleWrap.events #divEventRegistration fieldset fieldset{padding: 30px 0 0 0; width: 510px;}
.moduleWrap.events #divEventRegistration fieldset fieldset legend{font-weight: bold;font-size: 14px; width: auto;}
.moduleWrap.events #divEventRegistration fieldset fieldset label{font-weight: bold;font-size: 14px;}
.moduleWrap.events #divEventRegistration fieldset fieldset > label, .moduleWrap.events #divEventRegistration fieldset fieldset > input{margin-bottom: 10px;}
.moduleWrap.events #ctl00_ContentPlaceHolderMainNoAjax_pnlEventRegStageBreadcrumb {color: #3D3935; text-transform: uppercase; margin: 10px 0 10px; padding: 0 0 5px 10px; text-align: left;font-family: 'uni_sans_semiboldregular';font-size: 16px;}
.moduleWrap.events .clsEventRegStageBreadcrumb {background: #555555; border: 1px solid #fff; color: #fff;}
.moduleWrap.events .clsEventRegStageBreadcrumbSelected {font-weight: bold; background: #0183c1 url(/images/UserUploadedImages/1350/left-arrow-orange.gif) left center no-repeat; border: 1px solid #fff; color: #fff;}
.moduleWrap.events .clsEventRegStageBreadcrumb, .moduleWrap.events .clsEventRegStageBreadcrumbSelected {padding: 10px;}
.content-area .moduleWrap.events img{width: auto;max-width: 100%;}
.moduleWrap.events #divEventRegistration h2 {border-bottom: 1px solid #DDDDDD;color: #3D3935;font: bold 140%/110% Arial;margin: 30px 0 10px;padding: 0 0 15px;text-align: left;}


.moduleWrap.events .event-registration-confirmation .clsMidHeader{font-weight: bold;padding: 15px 0;}
.moduleWrap.events .event-registration-confirmation .PageHeading{border-bottom: 1px solid #DDDDDD;color: #3D3935;font: bold 140%/110% Arial;margin: 30px 0 10px;padding: 0 0 15px;text-align: left;}
.moduleWrap.events .event-registration-confirmation table{width: 100%;}
.moduleWrap.events .event-registration-confirmation .clsNormal.clsSubject{border: 0; padding: 10px 15px;}
.moduleWrap.events .event-registration-confirmation table.NotificationEmailRegDetails{width: 50%;font-size: 14px;}

.moduleWrap.events .NotificationEmailRegDetails td{padding: 10px 0;}
.moduleWrap.events .NotificationEmailRegDetailstd.clsNormal.clsTitle{width: 25%;}



/*----------------------------------------
/ Buttons
----------------------------------------*/
input[type=submit], input[type=button]{width: auto !important;text-decoration: none;text-transform: uppercase !important;color: #fff !important;padding: 10px !important;border: 1px solid #1e357c !important;background-color: #1e357c !important;
border-radius: 2px;display: -moz-inline-box;display: inline-block;vertical-align: top;zoom: 1;font-family: 'uni_sansheavy_caps'  !important;font-size: 14px !important;margin: 10px 0;}
input[type=button]#btnClear, input[type=submit]#btnClear2{border: 1px solid #555 !important;background-color: #555 !important;}






/* Phone  */

@media (min-width: 0) and (max-width:767px){
/*----------------------------------------
Top Links and Icon
----------------------------------------*/
    .header-rht ul li {margin:4px 0px;    }
    .LnksTop ul:first-child {display:none; }
    .LnksTop ul:last-child li{clear:both; float:right;}
    .LnksTop ul li a {font-size:11px; }
    a.qukBtn { padding: 10px 5px 10px 35px;   background-position: -5px;}
    #header-top .col-xs-7 {padding-right:0px; }
    #header-top {  padding-top:10px;}
    .header-search {position:relative; display:none; float:none !important;}
.searchPanelShow{display:block;}
  .mainSearch {  display:none; position:absolute;   }
    .header-search div.searchPanel {  top:49px;  right:initial; z-index:3;width:100%; }
    .Support a {padding:10px; background:none;  background: #1fb2e7; font-size:14px; margin-right:10px;}
    .SearchMobile {display:block; float:right;}
    .SearchMobile a { background:url(/images/UserUploadedImages/11/search_mobile.png) no-repeat; display:block; text-indent:-10000px; width:12px; height:13px; margin:15px 10px 10px;}
    .header-search div.searchPanelShow {display:block; }
    .header-search .searchPanel span {display:none !important; }
    .searchBack {  position: absolute;  width: 100%;  height: 37px;  background: #fff;  top: 48px;  z-index: 2;    }
    .header-search div.searchPanel input.searchInput {    width: 100% !important;  }
    .searchPanel > a {position:absolute; right:0px; }

/*----------------------------------------
Menu
----------------------------------------*/
.menu7 {display:none; }
.mobileMenu .menu7 {display:block; }
#main-nav .hmenu {position: absolute;   background:#0183c1; padding-top:5px;   top:38px;  z-index: 12;}
#main-nav > .accessible-heading {position: relative;margin-left:10px;  left:0px; top:0px; color:#fff;  display: block; font-size:14px;  z-index: 1000;   padding:10px 15px; background: url(/images/UserUploadedImages/11/arrow_mobile.png) no-repeat 3px 17px; float:left; font-family: 'uni_sansheavy_caps'; }
.menuTop{margin-top:10px;}
#main-nav .hmenu > li.first {  border-top:1px solid #0469a0;   }
#main-nav .hmenu > li { padding:0px; background:url(/images/UserUploadedImages/11/star_mobile.png) no-repeat 10px; width:100%; }
#main-nav .hmenu > li > ul {display:none; z-index:10; position:relative;  left:0px; list-style-type:none; margin:0; width:auto; padding:0px 20px 15px 0; float:left; width:100%; background:none; background:#1e357b; }
#main-nav .hmenu > li > ul > li {padding-left:35px;}
#main-nav .hmenu > li.clicked > a,
#main-nav .hmenu > li.clicked > a { background:url(/images/UserUploadedImages/11/star_mobile_hover.png) no-repeat #1e357b 10px; color: #b9e8ff;}
#main-nav .hmenu > li > a, #main-nav .hmenu > li > span {  padding: 15px 35px;}
#main-nav .hmenu > li.last { background:url(/images/UserUploadedImages/11/star_mobile.png) no-repeat 10px;   }




/*----------------------------------------
Content
----------------------------------------*/

.SupportHp .mainItem{width:100%; margin-left: 0 !important;}
.SupportHp .subItem{width:100%;}
.HpSectionFour .mainItem > a {display:block;}
.HpSectionFour {background:none ;}
.HpSectionFour dl {width: 100%; float:left; clear:both; padding:10px; background:none; }
.HpSectionFour dt a{font-family: 'uni_sans_semiboldregular'; font-size:30px; margin-bottom:20px; color:#333; float:left;}
.HpSectionFour dd {font-size:18px; line-height:20px; color:#333; clear:both; }
.HpSectionFour dd.description a{font-size:14px;  margin-top:20px; margin-bottom:30px;  border-radius:3px; padding:10px; float:left;}
.HpSectionFive > div {width:100%; margin:auto;   }
.flex-prev {width:30px; height:30px;   }
.flex-next {width:30px; height:30px;   }

/*----------------------------------------
Event and Events Module Pages
----------------------------------------*/
#sectionTwo .row {width:80%; margin:auto;}
input[type=submit], input[type=button]{width: 100% !important;}
.module-area{margin-top: 15px !important;}
.moduleWrap.events .clsEventRegStageBreadcrumbSelected, .moduleWrap.events .clsEventRegStageBreadcrumb{display: block;}
.moduleWrap.events  .clsEventRegStageBreadcrumbSeparator{display: none;}
.moduleWrap.events #divEventRegistration fieldset input[type=text], .moduleWrap.events #divEventRegistration fieldset select{height: 40px !important;}
.event-booking-desc{width: 100%;padding: 20px 0;}
.module-area div[id$="divBackLink"]{padding: 0px;}
.event-booking-info, .moduleWrap.events #divEventRegistration fieldset fieldset{width: 100%;}
.moduleWrap.events .NotificationEmailRegDetails td{-ms-word-break: break-all;word-break: break-all;word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 10px;}
.moduleWrap.events .event-registration-confirmation table.NotificationEmailRegDetails{width: 100%;}


/*----------------------------------------
/ Subpage - widget
----------------------------------------*/
.mainWidget > div {padding-right:0px; padding-left:0px; width:100%; }
 .mainWidget > div:nth-child(even) {padding-right:0px; padding-left:0px;}

.pad-dsk-1 {padding-right:15px;}


/*----------------------------------------
Footer
----------------------------------------*/
    .footerTop ul.hmenu > li {width:100%; margin-bottom:20px;}
    .footerTop {background:#13629c; padding:20px 0px;  }

}

/* Phone & TABLETS  */
@media (min-width: 0) and (max-width:767px), (min-width: 768px) and (max-width: 1024px) {
.mainItemDate {padding:5px 10px; }
.mainItemDateMonth {font-size:15px;  display:block; text-align:center;}
.subItemDateMonth {font-size:15px; display:block; text-align:center;}
.subItemDate {padding:5px 10px; }
#eventscrol dt a {font-size:18px;}
#eventscrol dd{font-size:12px;}
.textControl h2 {   font-size:30px;}
.textControl p {  font-size:15px;}
.textControl .text-center {bottom: 20px;   }

/*----------------------------------------
/ Subpage - Single common
----------------------------------------*/
.mar-top-level {margin-top:20px;}
.mar-top-level  table {width: 100%;}
}





/* TABLETS  */
@media (min-width: 768px) and (max-width:1024px){
    #sectionTwo .row {width:90%; margin:auto;}
    .HpSectionFour dl {width:60%;  padding:20px;  }
     .HpSectionFour dl a{margin-bottom:10px; }
     .EventSub > div > a {width:30%; }
    #main-nav .hmenu > li {padding: 0px 30px 0px 10px;}
    #main-nav .hmenu > li.last {padding-right:0px;}
    .Support a {font-size:12px;   padding: 16px 20px 16px 60px;}
    #main-nav .hmenu > li > ul {left:10px;}
    .header-search div.searchPanel {top: -9px;  right: 0px;}
    .header-search {min-height:15px;    }
    .header-rht {padding-right:0px;    }
.EventSub dt a,
.EventSub dd.description {width: 55%;}


}
@media(min-width:1025px) and (max-width: 1199px) {
    .header-search div.searchPanel {top: -25px; }
}
@media(min-width:993px) and (max-width: 1199px) {
    .mainItemDateDay {font-size:20px;  line-height:15px;}
    .subItemDateDay {font-size:20px;  line-height:15px;}
    #eventscrol dt a {font-size:14px; }

}

/* mobile and tablets */
@media (min-width: 0) and (max-width:992px){
    video {width: 100%; height: auto;}
    .content-area {margin-top: 0;}
    img {max-width: 100%;}
    .RadAjaxPanel {width: 938px; overflow-x: scroll;}
    .module-area select, .content-area select,
    .module-area textarea, .content-area textarea,
    .module-area input[type="text"], .content-area input[type="text"],
    .module-area input[type="password"], .content-area input[type="password"] {padding:3px; width: 100% !important; height: auto !important; }
	.content-area textarea { height: 30px !important; }
    #footer #footer-top, #footer #footer-bottom {width: 100%;}
    /* form creator */
    .clsFormCreator {width: 100%;}
    .clsFormCreator .clsFormCreator_datebox input {width: auto !important;}
    .clsFormCreator .clsFormCreator_datebox img {top: 5px; position: relative;}
    .clsFormCreator div label {width:100%; text-align:left;}
    .clsFormCreator div > input[type="text"] {width:100% !important;}
    .clsFormCreator div > input.clsDateBox {width:200px !important;}
    .clsFormCreator div select {width:100% !important;}
    .clsFormCreator div textarea {width:100%;}
    .clsFormCreator div .clsCheckBoxListSpanOptions,
    .clsFormCreator div .clsRadioButtonListSpanOptions {padding-left:0%;}
    .clsFormCreator div .clsCheckBoxListSpanOptions legend,
    .clsFormCreator div .clsRadioButtonListSpanOptions legend {width:100%; position:relative; text-align:left;}
    .clsFormCreator div.clsFormCreator_checkbox {padding-left:0%;}
    .clsFormCreator div.clsMandatory {padding-left:0%;}
    .clsFormCreator div.clsBtnSubmit {padding-left:0%;}
    .clsFormCreator .formCreatorCaptchaTable {padding-left:0%;}
    .clsFormCreator fieldset.two-column > div {width:100%; padding-right:0;}
    .clsFormCreator fieldset.three-column > div {width:100%; padding-right:0;}
    /* widget refine */
    .refinewidget .searchInput {margin-bottom: 5px;} 
    /* content organiser */
    .contentDIV .sectionDIV .itemDIV div .userInputDIV {margin-left: 0;width: 100%;}
    .contentDIV .sectionDIV .itemDIV div .userInputDIV label {width: auto ;}
    .contentDIV .sectionDIV .itemDIV div .userInputDIV .radiobuttonlistDIV label, .contentDIV .sectionDIV .itemDIV div .userInputDIV .checkboxlistDIV label {margin-right: 5px;}
    .navigationDIV {width: 100%; height: auto;}
    /* social styles */
    .comments-container,
    .comments-container .post-item {width: 100%;}
    #mypage-wrapper > h1 {position: static; margin:0 0 20px 0;}
    #mypage-wrapper .mypage-profile, #socialgroup-wrapper .mypageGroup-profile {width:100%; position:relative; padding:10px 120px 10px 10px; overflow:hidden; background:#eee;}
    #mypage-wrapper .mypage-profile .photo-container, #socialgroup-wrapper .mypageGroup-profile .photo-container {position:absolute; top:10px; right:10px; width: auto;}
    #mypage-wrapper .mypage-profile .photo-container img, #socialgroup-wrapper .mypageGroup-profile .photo-container img {width: 100px;}
    #mypage-wrapper .mypage-profile h2, #socialgroup-wrapper .mypageGroup-profile h2 {border-bottom: none;padding-bottom: 0;margin-bottom: 0;font-size: 110%;}
    #mypage-wrapper .mypage-profile p, #socialgroup-wrapper .mypageGroup-profile p {margin: 10px 0; font-size: 110%;}
    #mypage-wrapper .mypage-profile p br, #socialgroup-wrapper .mypageGroup-profile p br {display: none;}
    .comments-container, .comments-container .post-item {margin: 0 0 15px 0;padding: 20px 0; border: none;}
    .comments-container .post-item textarea {width: 100%;}
    .comments-container .post-item select, .comments-container .post-item .postCommentBtn {bottom: -5px;}
    .comments-container .post-item select {position: static; margin: 10px 0;}
    #mypage-wrapper .mypage-connections, #socialgroup-wrapper .group-members-container {padding-left:0; width:100%;}
    /* blog */
    .add-blog-post .item-entry textarea, .add-blog-post .item-entry input[type="text"] {width: 100% !important;}
    /* q and a */
    .question-details-container,
    .question-details-container .comments-container {width:100%; margin: 0;}
    /* corp directory */
    #PeopleSearch_container div[id$="divSearchRefine"] {float: none;overflow: hidden;width: 100%;margin: 0;}
    #PeopleSearch_container div[id$="divPeopleSearchResults"] {float: none; width: 100%; overflow-x: scroll;}
    /* store locator */
    #locatorContainer .dealer-search-results {padding: 0; margin: 0;width: 100%;}
    #locatorContainer .dealer-search-results .dealer-res-map {width: 100% !important;}
    #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_storeLocatorResult_wrapper .top > div {width: 50%;-moz- border: none;background: none; border: none;}
    .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_filter input {margin-left: 0;}
    #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_storeLocatorResult_wrapper .top #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_divResultList {width: 100%;}
    #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_storeLocatorResult_wrapper .top #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_storeLocatorResult_length label,
    #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_storeLocatorResult_wrapper .top #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_storeLocatorResult_length {width: 100%;}
    #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_storeLocatorResult_wrapper .top #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_storeLocatorResult_length select {width: auto !important;}
    .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_info {text-align: left;}
    /* my account */
    .MyAccountMenu {height: auto;width: 100%;}
    .menu-trigger {background: #666;color: #fff;padding:10px;position: relative;display: block; cursor: pointer;}
    .MyAccountMenu ul.topMenu li {float: none;height: auto;margin-right: 0;margin-bottom: 0;}
    .MyAccountMenu ul.topMenu li a {padding: 10px 5px; height: auto !important; line-height: 25px;}
    .MyAccountMenu ul.topMenu.open li a {display: block !important;}
    #myEditPreferredLocationsContainer > div > ul > li {margin-bottom: 0;}
    #myEditPreferredLocationsContainer ul, .MyAccountMenu ul.topMenu {cursor: pointer; overflow: hidden;height: auto;background-color: transparent;border: none;margin: 0;}
    .MyAccountMenu ul.topMenu:hover li {display: block;}
    #myAccountArea, .myAccountArea {overflow: hidden;width: 100%; }
    #myAccountArea .accountDetails {padding-top: 25px;}
    #myAccountArea .findCalendar {width: 100%; float: left;}
    #myAccountArea .ajax__tab_body {overflow: visible;}
    #myAccountArea .calendarView {margin: 0; width: 100%;}
    #myAccountArea div.userPrefOuter a {position: static; margin: 10px 0;}
    #myAccountArea div.userPrefOuter h3 {margin: 0; padding: 0;}
    #myAccountArea div.alertEditOuter {padding: 0; border: none;}
    #myAccountArea .eventClass span,
    #myAccountArea .frequencyDiv span {width: 100%; margin: 10px 0; display: block;}
    #myAccountArea .eventClass span input[type="checkbox"],
    #myAccountArea .eventClass span label {margin-right: 10px;}
    #myAccountArea .frequencyDiv span input[type="radio"],
    #myAccountArea .frequencyDiv span label {margin-right: 10px;}
    #myAccountArea div.alertTaxListBox {width: 100%;}
    #myAccountArea .buttonGroupTop {overflow: hidden;}
    #myAccountArea .calendarView #calendarMain {border: none !important;}
    #myAccountArea #calendarMain #TRHeaderRow th a span {float: left;}
    #myAccountArea #btnSave, #myAccountArea #btnCancel {margin-top: 10px;}
    #myAccountArea .buttonGroup {padding: 0;}
    #myAccountArea div.ViewArea dl dd, #myAccountArea div.EditArea dl dd {width: 100%;}
    /* search */
    .SearchCriteria, #myAccountArea .clsEventSearchLeft {width: 100%;}
    /* event */
    .event-view-training-details img {max-width: 100%; margin: 0 0 15px 0;}
    .event-view-training-details table {width: 100%;}
    .EventSearchResults {margin: 0; padding: 15px 0; width: 100%;}
    ol#eventsearchResultsInfo {width: 100%;}
    #eventOuterTable .event-search-results ol li {float: left; width: 100%;}
    /* calendar */
    #calendar-outer #calendarMain, .mymeetings-cal-view #calendarMain, #myAccountArea #calendarMain {width: 100%; margin-top: 10px;}
    .mymeetings-cal-view {overflow-x: scroll;}
    .mymeetings-cal-view #calendarMain {width: 600px;}
    .calendarview-edit-main-calendar div[id$="CalendarWSCtrl_RadSplitter1"] {width: 100% !important; overflow-x: scroll;}
    .calendarview-edit-main-calendar div[id$="CalendarWSCtrl_RadSplitter1"] .RadSplitter_Telerik {width: 692px;}
    /* Resource Scheduler */
    .resource-scheduler .RadScheduler {overflow-x: scroll; width: 100% !important; height: auto !important;}
    #ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_divDisplayWeekend {text-align: left !important; margin: 10px 0;}
    #ResourceCheck {margin-left: 0;}
    #ISCLink {height: auto !important}
    .content-area .RadAjaxPanel select,
    .content-area .RadAjaxPanel textarea,
    .content-area .RadAjaxPanel inputnput[type="text"] {width: auto !important;}
    /* meeting manager */
    div[id$="rmpMeetingManager"] .RadAjaxPanel,
    div[id$="rmpMeetingManager"] {width: 100%; overflow: hidden;}
    .meeting-manager-managemeetings .meeting-edit div {display: block; width: 100% !important;margin: 3px 0;}
    .meeting-manager-managemeetings .meeting-edit fieldset {margin: 10px 0;padding: 0;}
    .meeting-manager-managemeetings .meeting-edit fieldset legend {position: static;width: 100%;margin: 10px 0;}
    .meeting-manager-managemeetings .meeting-edit > div.single-checkbox {padding: 0; margin: 10px 0;}
    .meeting-buttons, .meeting-buttons-bottom {padding: 0;}
    .mymeetings-list-view #meeting-search>div .mymeetings-list-view-fromdt, .mymeetings-list-view #meeting-search > div .mymeetings-list-view-todt {width: 100%;}
    .mymeetings-list-view div.RadPicker table.rcSingle .rcInputCell {padding: 10px 0;}
    /* membership */
    div[id$="divMembershipDetails"] fieldset p label {width:100%; padding:0 0 5px 0; text-align:left;}
    div[id$="divMembershipDetails"] fieldset p input {width:100% !important;}
    div[id$="divMembershipDetails"] fieldset p select {width:100%;}
    div[id$="divMembershipDetails"] fieldset p textarea {width:100%;}
    div[id$="divMembershipDetails"] div[id$="divMandatoryMessage"] {padding-left:0%;}
    div[id$="divMembershipDetails"] div[id$="divButton"] {padding-left:0%;}
    /* login */
    .login-element,
    div[id$="LoginPanel"] {width: 100%;}
    #wrapper {background:#fff;}
    #intro {margin-top:20px;}
    #content-blocks .content-one {margin-bottom:20px;}
    #content-blocks .content-one video {width:100%;}
    #content-blocks .content-one embed {width:100%;}
    /* tererik */
    .ui-dialog.ui-widget-content {width: 100% !important;}
    .ui-dialog.ui-widget-content .ui-dialog-content .date-box {width: auto;}
.EventSub dd.description {width: 61%;}
}

/* tablets and small computers */
@media(min-width:768px) and (max-width:991px) {
    #main-nav .hmenu > li > ul {width: 254px;}
    #main .widget .mainItem, #main .widget .subItem {width:33%;}
}

/* mobile devices */
@media (min-width: 0) and (max-width:767px){
.footerMidColumns { margin: 0 0 21px 0; text-align: center; }
.footerTop ul.hmenu > li > a { text-align:center; }
    #breadcrumb-panel {display:none;}
    /* general mobile styles */
    .content-area {margin-top: 0;}
    .content-area h1 {margin-top: 20px;}
    
     /* Search */
     div.searchPanel label {display: block;}
    div.searchPanel input.searchInput {width:100% !important; }
    #TaxonSearchControl div.TaxonControlField input[type="submit"] {margin-left: 0;}
    /* Carousel */
    .carousel-contents #slide > div h3 {font-size: 120%;}
    .carousel-contents #slide > div p {font-size: 100%;}
   
    /* Widgets */
    #main .widget .mainItem, #main .widget .subItem {width:33%;}
    #intro .intro-block-one, #intro .intro-block-two, #intro .intro-block-three, #intro .intro-block-four {height:auto;}
    #wrapper #page-content #page-tools .Rating,
    #wrapper #page-content #page-tools .RatingContainer {float:none; width:100%; margin-bottom:20px;}
    #wrapper #page-content #page-tools #page-tools-connect {float:none; width:100%;}
    #footer-top-one, #footer-top-two {margin-bottom:20px;}

    /* My account */
    #myAccountArea div.EditArea #DivProfileEdit dl dd,
    #myAccountArea div.ViewArea, #myAccountArea div.EditArea {width: 100%;}
    #myAccountArea div.EditArea dl dd input[type="text"] {width: 100% !important;}
    #myAccountArea div.EditArea dl dd input#txtBusPhone {width: 70% !important;}
    #myAccountArea div.EditArea #DivProfileEdit .RadEditorTextArea {height: auto !important;}
    /* Task Manager */
    .RadAjaxPanel {width: 100%; overflow-x: scroll;}
    .RadAjaxPanel .task-manager {width: 938px;}
    .meeting-buttons-bottom #btnSaveAndViewAgenda, .meeting-buttons-bottom #btnSave {margin-bottom: 10px;}
    .module-area .meeting-manager-managemeetings .meeting-edit>div .RadListBox, .module-area .meeting-manager-managemeetings .meeting-edit>fieldset .RadListBox, .meeting-manager-managemeetings .meeting-edit > div .RadListBox .rlbGroup, .meeting-manager-managemeetings .meeting-edit > fieldset .RadListBox .rlbGroup {width: 100% !important;}
    div[id$="vwAddTask"] .add-task-fields > div.more_options .right_options, div[id$="vwAddTask"] .add-task-fields > div.more_options .left_options {width: 100%;}
    .task-manager .tm-search-options > div.buttons .search-button, .task-manager #btnAddNewTaskTMView, div[id$="vwAddTask"] .add-task-fields #btnAddTask, div[id$="vwManageTaskGroups"] .buttonType1, div[id$="vwManageTaskGroups"] #btnAddSubGroup, .task-manager .additional-options input[type="button"] {margin-left: 0;}
    div[id$="vwManageTaskGroups"] .buttonGroupTop {position: static;}
    #ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_vwManageTaskGroups div#searchResults table-responsive{overflow-x:scroll; width: 100%;}
    #gvtmTaskGroups a {color: #fff;}
    /* blogs */
    .blogContainer .blogMenu {position: relative; margin-bottom: 15px; width:100%;}
    .blogContainer .blogMain {margin: 0;}
    .blogContainer .blogMenu .clsMidHeader {margin: 15px 0;}
    .blogContainer .blogMenu a.AddArticleLink {padding:5px; border-radius:3px; color:#fff; background: #1D779F;  width: auto; font-size: 120%; font-family:arial,sans-serif;}
    .blogArticle .Comments {width:100%;}
    /* Polls */
    .content-area #PollMain {width:100%;} 
    /* Search */
    .SearchResults {width:100%;}
    .SearchResults ol li span.lastRow {word-wrap: break-word; margin-left: 0;}
    .SearchResults ol li span.clsResultDescr {margin-left: 0;}
    /* People */
    .people-element-tabular-layout table {width: 100%;}
    #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_PeoplePanel {width: 100%; overflow-x: scroll;}  
    /* Mailing lists */
    #pMailingListSelectListInstructions,
    #divMailingListSubscribe {margin: 10px 0;} 
    /* Faq */
    #faqContainer .FAQHeadingLinks a {position: static;}
    /* Forms */
    .clsFormCreator .formCreatorCaptchaTable {padding: 0;}
    .clsFormCreator div.clsFormCreator_checkbox {padding: 0;}
    .clsFormCreator div.clsFormCreator_checkbox label {position: static;}
    .clsFormCreator #recaptcha_area, .clsFormCreator #recaptcha_table {width: 310px !important;margin: 0 0 0 -25px;}
    /* Event Quick Search */
    #page-content .EventQuickSearchMain .EventQuickSearchRow input[type="text"],
    #page-content .EventQuickSearchMain .EventQuickSearchRow label {display: block; width: 100% !important; margin: 5px 0;}
    #page-content .EventQuickSearchMain .EventQuickSearchRow #selQuickEventType label {width: auto !important;display: inline;}
    .EventQuickSearchMain div[id$="EventQuickSearch"] {width:100%;-moz- }
    .EventQuickSearchMain .EventQuickSearchCalendar, .EventQuickSearchMain .EventQuickSearchCalendar table {width:100%;-moz- }
    .EventQuickSearchMain .EventQuickSearchCalendar table {margin: 15px 0;}
    /* Event Registrations */
    .event-registration-confirmation .NotificationEmailEvent, #divEventRegistration #tblEventDetails, #divEventRegistration fieldset {width: 100%;}
    .event-registration-confirmation .NotificationEmailEvent td {border: none;}
    .event-registration-confirmation .NotificationEmailEvent th {padding: 5px;}
    .NotificationEmailRegDetails td {padding: 5px 15px 5px 0;}
    /* Form Results */
    .FormResult .clsSearchParameters .clsSubmitNew {position: static; padding-bottom: 10px;}
    .FormResult .clsSearchParameters .divSearchPanelInner, .FormResult div.advanced-search-panel {width: 100%;padding-bottom: 5px;}
    #divFormResultsRepeater {width: 100%; overflow-x:scroll;}
    /* Comments */
    .comments-container .comment-list {-moz- width: 100%;}
    .comments-container .comment-list .reply-list .comment-item, .comments-container .comment-list .comment-item, .comments-container .comment-list .reply-list {-moz- width: 90%;}
    .comment-list .comment-item .comment-item-image, .comments-container .comment-list .comment-item .comment-item-image {width: 10%;}
    .comments-container .comment-list .reply-list .comment-item .comment-item-detail, .comments-container .comment-list .comment-item .comment-item-detail {width: 85%;}
    /* language */
    .language-switcher {position: relative; margin-bottom: 15px;}
    /* Social */
    #RadWindowWrapper_ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_MySocialPostStream1_rwDocumentSelector,
    #RadWindowWrapper_ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_MySocialPostStream1_rwDocumentSelector .rwTable {height: 500px !important;}
    #RadWindowWrapper_ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_MySocialPostStream1_rwDocumentSelector {overflow-x:scroll !important; width: 100% !important;overflow-y: hidden;}
    #RadWindowWrapper_ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_MySocialPostStream1_rwDocumentSelector {width: 100% !important;}
    .comments-container .comment-list .comment-reply {height: auto; padding: 10px 10px 50px 10px;}
    /* resource scheduler */
    .resource-scheduler .RadScheduler_Telerik textarea,
    .resource-scheduler .RadScheduler_Telerik input#Emails {width: 100% !important;}
    .resource-scheduler div.EmailListLeft {margin: 0;}
    /* article map */
    .article-map, .article-map iframe {width: 100%;}
    /* store locator */
    #locatorContainer .clsDivSearchResults {overflow-x: scroll;}
}

@media (min-width: 0) and (max-width:480px){
    #main .widget .mainItem, #main .widget .subItem {width:50%;}
.ccRow, .CCWrap.Cradio, .ccRow.CAmt .CCWrap, .donations-yourdetails .clsFormCreator > div {width:100% !important;}
}

/* tablet vertical */
@media(min-width:768px) and (max-width:992px) {

.event-booking-info {width: 45%;}
.event-booking-desc {width: 45%;}

}

.column {-webkit-column-count: 3;-webkit-column-gap: 10px;  -webkit-column-fill: auto;-moz-column-count: 3;-moz-column-gap: 10px;-moz-column-fill: auto;column-count: 3;column-gap: 15px;column-fill: auto;}
.imgItem {display: inline-block;background: #FEFEFE;border: 2px solid #FAFAFA;box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);margin: 0 2px 15px;-webkit-column-break-inside: avoid;-moz-column-break-inside: avoid;column-break-inside: avoid; background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);opacity: 1;
 -webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}              
.imgItem img {width: 100%;}
.imgItem dl{display:none;}
@media (min-width: 960px) {
.column {-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;}
}
 @media (min-width: 1100px) {
.column { -webkit-column-count:4; -moz-column-count: 4; column-count: 4;}
 }
 .img-wd{margin-bottom:20px;}