/* ==========================================================================
Media Queries

(orientation: portrait)  (orientation: landscape)

@media screen and (max-width:320px) {}
@media screen and (min-width:321px) and (max-width:479px) {}
@media screen and (min-width:480px) and (max-width:639px) {}
@media screen and (min-width:640px) and (max-width:767px) {}
@media screen and (min-width:768px) and (max-width:959px) {}
@media screen and (min-width:960px) and (max-width:1023px) {}
@media screen and (min-width:1024px) and (max-width:1279px) {}
@media screen and (min-width:1280px) and (max-width:1599px) {}
@media screen and (min-width:1600px) {}
@media screen and (min-width:1920px) {} 

========================================================================== */

@media screen and (max-width:319px) {
    .nivo-center-image img{
        width: 40% !important; height: unset !important; min-height: unset !important; min-width: unset !important; padding-left: 30%; padding-right: 30%;
    } 
    a.button-book-position.button-green {
    float: left;
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 5px;
}
    .my-tabs-container .col_66 {    padding: 20px 0 !important;}
    .my-tabs-container .read-more {    width: 100%;    float: left;    margin: 0 0 10px 0;}
	.social-icons {text-align: center;}
	.social-icons ul {-webkit-padding-start: unset;}
	#site-last-footer .col_50.flt-right, #site-last-footer .col_50 {float: left !important;text-align: center !important;color: #fff;}
    div#columns { width: 100% !important; }
    #right_widget #widget_column {
        float: left !important;
        margin: 0 auto !important;
        width: 100%;
        padding: 20px;
    }
    #column_85 {
        width: 100% !important;
    }
    #skyscraper_ad .primary{ display: none !important;}
    #skyscraper_ad .mobile {display: block !important; width: 300px; margin: 0 auto;}
    #skyscraper_ad {width: 100%!important; max-width: unset !important; margin-right: unset !important;}
    .header-search-box input#search_keyword {    /* color: #fff !important; */    background: #fff !important;}
    .toggle-menu-icon {
        top: 0px;
    }
    .header-search-box {
        float: left !important;
    position: relative !important;
    top: 15px !important;
    left: 0 !important;
    right: unset !important;
    margin: 0px 0px -10px 0 !important;
    bottom: unset !important;
    width: 90% !important;
    padding: 0 5% 0px !important;
}
    .header-search-box input#search_keyword {
    width: 100% !important;}
    .courses .section-content.course_content_page .col_33 {border-left: none; border-top:solid 1px #eeeeee; margin: 0; width: 100%; }
    a.button-green.extra-button { left: unset; right: 5px; top: 0; }
    a.logged-in-as { float: left; width: 100%; right: 0; position: relative; }
/*
      .header-logo {      top: 0px;  max-width: 200px;    min-height: 30px !important;    width: 100%;    float: left;    text-align: left;}
    .header-logo img {    width: 90%;    padding-left: 10%;}
*/
    .orange-bar a {    color: #fff !important;    border-color: #fff !important;}
    .header-top-nav {   float:left !important;}
    .header-contact {      display: none;     }
    .header-register-login {    float: left;    margin-left: -2px; padding-top: 10px;}
    .black-bar {      top:40px !important;     }
    .header-search-box {float: none; top: 128px; right: 0px !important;}
   /* #home-page-body*/ .grey-bar {    margin-top: 18px;}

    .user_content #no-mpu #columns .dash-module.module-details { width: 100%; border:none;}
    .user_content #no-mpu #columns #course_content_footer { margin-top:20px; border-top:solid 1px #eeeeee; padding-top:20px; width: 100%; }
    .leaderboard-wrapper{min-width: unset;}
    .leaderboard-wrapper .primary, .leaderboard-wrapper .secondary {    display: none !important;}
    .leaderboard-wrapper .ad_ban_size_6 .primary{ display:block!important; }
    .event-container-content-2 {   padding: 10px; top:0px;   margin-top: 0; }
    .evt_venue_map.col_33 {    width: 100%; }
    .evt_details_venue_address_cont.col_33 {    width: 100%;  padding-top: 10px;}
    .evt_details_venue_address_cont .event-container-content {    position: relative; }
    .news_details .news_desc.smaller-size { width: 100% !important; }
    .evt_venue_car_park_pins.col_33 {    width: 100%; }
    td.evt_details_agenda_table_date {    width: 100%; }
    .evt_details_sponsor_display {  width:100%; }
    td.evt_details_agenda_table_date {  width: 100%; }
    .attendee-right, .attendee-left { width: 100%;}
    p.profile-item {    width: 100%;}
    .profile-details {width: 100%; float: left; word-wrap: break-word;}
    #user_reading_lists tr.table-head {display: none;}
    table#user_reading_lists td:first-of-type { background: #3c3c3c; border-top: 5px solid whitesmoke;padding: 7px 20px 10px 20px;}
    table#user_reading_lists td {  padding: 5px 20px; display: block; text-align: left!important;border: 0;}
    form#register_details_form, form#new_address_form { padding: 20px 10px;}
    .form-split-50, .form-split-75 {width: 100%;}
    .form-split-100 label, .form-split-75 label, .form-split-50 label { width: 100%;}
    .float-left, .flt-left, .fl_left, .float_left {  float: left; margin-bottom: 15px;}
    .event-container-content { }
    .event_details .col_33 {  padding-top: 0px;}
    .event-container-content {    position: relative; }
    div#map-canvas {    height: 200px;    margin-top: 15px;    overflow: visible;    padding: 0;    position: relative;    width: 100%; }
    a.widget-strip-link{    position:relative;     }
    .mobile-hide-btn {  display:none; }

    .mobile{display:block!important;}
    .home-cta{width:319px;height:250px;}
    .home-cta img{width:319px!important;height:250px!important;}

    #columns .my-tabs-container ul.my-omniamed-tabs li.current {
    background: #3a3a3a;
    color: #F26C4F;
    -webkit-box-shadow: inset 0 4px 0 0 #DBDBDB;
    box-shadow: inset 0 4px 0 0 #DBDBDB;
    border-bottom: none;
    border-right: none;
    position: relative;
    top: 0;
    z-index: 99;
    left: -12px;}

    ul.my-omniamed-tabs {    margin: 0px; padding: 0px; list-style: none; position: absolute;}
    .tab-content {    margin-left: 40px;}
    .overview h2 {font-size: 19px;}
    span.mobile-show {vertical-align: middle; top: 4px; position: relative;}
    .inner { }

    #columns .my-tabs-container ul.my-omniamed-tabs li {
    font-family: 'Roboto Slab', serif;
    color: #222;
    padding: 10px 15px;
    cursor: pointer;
    display: table;
    height: 30px;
    vertical-align: middle;
    left: -12px;
    top: 0;
    background: #ececec;
    position: relative;
    border-bottom-color: transparent;
    -webkit-box-shadow: inset -4px 0px 6px 0px #DBDBDB;
    box-shadow: inset -4px 0px 6px 0px #DBDBDB;}

    .logo { float: left; position: relative; top: 10px;  display: block;}
    #topnavbar {    top: 7px;    display: block;    position: relative!important;    right: -4px;    width:100%;}
/*    .header-search-box {float: right; position: relative; top: 4px; margin-left: 0px;}*/
    .header-search-box {float: none; top: 128px; right: 0px !important;}
    ul#dropdown, ul#dropdown2 {display:none!important;}
    .header-mainnav {display:none!important;}
    #mainnav .toggle-menu-icon{    display: block;   }

    .black-bar {    position: absolute;    top: 50px;    background: none;}
    .orange-bar { background:#c5175c; }
/*
    .header-logo {        position: relative;    width: 100%;    float: left;    text-align: left;}
    .header-logo img {    width: 90%;    padding-left: 10%;}
*/
    .header-contact {    float: left;}

/*    .footer-content .col_50 .col_33{    display: none;   }*/
    .other-header-btns{ display:none;    }
    #mainnavbar {   height: 100pxbackground: #fff !important; }
    #widget_column {    width: 100%!important; margin-top: 50px; }
    #columns {width:100%!important;   }
    .col_widget {    width:100%!important;   }
    .col_contact{    width:95%!important; padding: 10px 20px !important;}
    .col_100{    width:100%!important; padding: 10px 20px !important;}
    .col_75{    width:100%!important; padding: 10px 20px !important;}
    .col_75_issue{    width:100%!important;}
    .ExCol_75{    width:100%!important;}
    .col_66{    width:100%!important; padding: 10px 20px !important;}
    .col_50{    width:100%!important; padding: 10px 20px !important;}
    .col_33, .om_events_container{    width:100%!important;  }
    .col_33_programme{    width:100%!important;  }
    .col_25{  width:95%!important; padding: 10px 20px !important;}
    .col_25_issue{  width:100%!important;}
    .ExCol_25{  width:100%!important;}
    .col_16 {    width: 50%!important;  display: block; }
    #mainnavbar-mobile{ display:none;}
    body { min-width:320px;   }
    .gallery_details .gallery_thumb { width: 50%;}
    .gallery_details .gallery_desc {    width: 100%;}
    .products_item .products_img {    float: left;  padding: 0 20px 20px 0; width:66%;}
    .products_item .product_desc {    width:100%; float: left; padding-right: 30px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
    .products_item {    width: 100%;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  border-top: solid 1px #e0e0e0;  padding-bottom: 21px;}
    .news_details .news_thumb {    float: none !important;  width: 100% !important; }
    .news_details .news_desc {    float: none !important; width: 100% !important;  padding: 10px !important; }
    .banner-image-holder {    top: -6px; left: -52px; width: 100vw; height: 100vw;}
    .banner-text {    width: 86vw;  height: 100vw; padding: 0% 5% 0 5%; right: 17px; top: 24px;  border-radius: 0!important;  box-sizing: border-box;}
    .nivo-caption h2 {    line-height: 18px; font-size: 22px;}
    .nivo-caption h3 {    line-height: 18px; font-size: 14px;}
    .arrow-left, .arrow-right {   background-size: 10px; height: 16px; width: 10px;}
    .arrow-left { top: 55%; left: 6%;}
    .arrow-right {  right: 10%;  top: 55%;}
    #image-area {     min-height: 236px;}
    .nivoSlider img {      min-height: 236px;    width: auto !important;    height: 236px !important;    min-width: 100% !important;}
    .nivo-caption  {  top: 100px !important;    /* position: relative !important; */    min-height: 50px;      padding: 10px 20px 20px;  float: left !important;     }
    .mod-highlight, .latest-news, .highlight-event {     width: 100%; display: block;    margin-bottom: 16px;}
    .mod-others, .other-news {     width: 100%; display: block;margin-top: 16px;}
    .mod-others-content { padding: 10px 20px 83px 20px;}
    a.widget-strip-link {    padding: 11px 25px; height: 61px;}
    .opinion {    display: block; width: 100%; border-bottom: 15px solid #fff;}
    .sponsored  {    width: 100%;  border-right: none;  display: block;}
    .site-search {    width: 100%; border-left: none;  margin-top: 16px;  display: block;}
    .upcoming-event {    width: 100%;  border-right: 0;    margin-bottom: 16px; display: block; }
    h1 {    font-size: 25px!important; line-height: 32px!important;}
    #category-icons .category {     padding: 2% 2% 1% 2%;}
    h3.diabetes-cat, h3.musculoskeletal-cat, h3.mental-cat, h3.respiratory-cat, h3.cardiovascular-cat {     font-size:16px;}
    .category-musculoskeletal, .category-diabetes, .category-mental, .category-respiratory, .category-cardiovascular{padding-bottom: 65%;  width: 65%;}
    a.member { width: 50%;  padding: 2% 4% 2% 4%;}
    h3.diabetes-mem, h3.musculoskeletal-mem, h3.mental-mem, h3.respiratory-mem, h3.cardiovascular-mem {    font-size: 15px; line-height: 19px;}
    .member h4 {    font-size: 14px;}
    .logo img {    width: 150px;}
    #mainnav {     height: 80px;}
    .journal_issues_vol {width: 40%; }
    .journal-issue-title {width: 60%; }
    .journalBackground .journal-issue-card-container .col_50 .journal-issue-img {width: 100% !important; margin:0px!important; padding:10px!important; }
    h3.diabetes-cat, h3.musculoskeletal-cat, h3.mental-cat, h3.respiratory-cat, h3.cardiovascular-cat {    font-size: 14px;  line-height: 23px;}
    #columns select, #columns input, #columns input[type="text"] {    padding: 5px!important;  margin-bottom:12px!important;}
    #columns input[type="submit"] {    cursor: pointer; white-space: normal; padding: 3px 24px 1px 24px !important;}
    a.member:nth-of-type(even) .member-details-dropdown {right: 0; z-index: 9999;}
    a.member:nth-of-type(odd) .member-details-dropdown {    left: 0; z-index: 9999;}
    .member-details-dropdown.mental:after {     right: 61px;left: auto;}
    .member-details-dropdown.diabetes:after {    left: 60px!important;}
    .member-details-dropdown.musculoskeletal:after {     right: 60px!important;}
    .member-details-dropdown.mental:after {    left: 60px!important;}
    .member-details-dropdown.respiratory:after {    right: 60px!important;}
    .member-details-dropdown.cardiovascular:after {     left: 60px!important;}
    div#category-icon-holder {padding: 10px 0;}
    #category-icons .category {     width: 100%; float: left; padding: 1% 1% 1% 5%!important;  box-sizing: border-box;    text-align: left;}
    .category-musculoskeletal, .category-diabetes, .category-mental, .category-respiratory, .category-cardiovascular {    padding-bottom: 16%;  width:16%;  float: left;}

    h3.diabetes-cat, h3.musculoskeletal-cat, h3.mental-cat, h3.respiratory-cat, h3.cardiovascular-cat {
    font-size: 16px; line-height: 25px; float: left; padding: 4% 0 0 10px;      }

    .mod-highlight-content {     width: 100%;}
    .mod-highlight-pic {    width: 100%; display: block;}
    .event-upcoming-content {    padding: 10px 20px 61px 20px;}
    /*.pc-show{    display:none;}
    img.mobile-show{    display:block;    }*/
    #columns ul#mod-internal-nav li { width:100%;  min-height: 40px;    }
    .mod-others, .other-news {     width: 100%; display: block;margin-top: 16px;  padding-top: 0;}
    .mod-others-content {}
    a.widget-strip-link {    padding: 11px 25px; height: 61px;position: relative;}
    .opinion {     display: block; width: 100%; border-bottom: 15px solid #fff;padding-top:0;}
    .sponsored  {     width: 100%;  border-right: none;  display: block;    }
    .site-search {    width: 100%; border-left: none;  margin-top: 16px;  display: block;padding-top:0;}
    .search-box-large {    position: relative; top: 0; left: 0; padding: 20px 20px 60px 20px; box-sizing: border-box;}
    .other-news-content, .mod-others-content {    position: relative; padding: 10px 20px 26px 20px;}
    .opinion-content, .event-highlight-content {    position: relative!important; padding-bottom: 80px!important;}
    .upcoming-event {     width: 100%;  border-right: 0;   margin-bottom: 16px; display: block;     }
    .mod-highlight-content, .latest-news-content {    position: relative; left: 0;  width: 100%;    }
    .mod-highlight-pic {     width: 100%; display: block; position: relative;    }
    .event-upcoming-content {    padding: 10px 20px 61px 20px;}
   /* .pc-show{    display:none;}
    img.mobile-show{    display:block; }*/

    .event-highlight-content {
    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;
    behavior: url(/script/boxsizing.htc);  padding: 19% 20px 84px 20px;  display: block;
    vertical-align: top;  position: relative;  top: 0;  width: 100%;    padding: 37% 20px 20px;}

    .mod-highlight, .latest-news, .highlight-event {     width: 100%; display: block;    margin-bottom: 16px;    padding-top: 0;}
    .mod-others, .other-news {     width: 100%; display: block;margin-top: 16px;}
    .mod-others-content {    padding: 10px 20px 83px 20px;}
    a.widget-strip-link {    padding: 11px 25px; height: 61px;    }
    .opinion { display: block; width: 100%; border-bottom: 15px solid #fff;}
    .sponsored  { width: 100%;  border-right: none;  display: block;}
    .site-search {  width: 100%; border-left: none;  margin-top: 16px;  display: block;}
    .upcoming-event { width: 100%;  border-right: 0;    margin-bottom: 16px;display: block; }
    .menu-border {    top: 18px;}
    #contact_us_form { margin-top: 20px;}
    table.evt_details_agenda_table td { padding: 10px;display: block;border: none;}
    .event-details-map-header .col_50 { padding: 0!important;}
    .om_events_container{margin: 0 1% 25px 1%;  width: 100%;  padding-top: 100%;  }
    p.om_event_listing_short_desc { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;line-height: 21px; max-height: 42px;}
/*    #course_content {  height:450px; }*/
    .mod-highlight-inner {   padding-top: none;}
    .footer-col { display: none;}
    .footer-col.mobile-view { display: block; width: 100%;}
    .opinion_details {      width:90% !important;     }
    .opinion-auth-image { width: 50% !important; }
    .search-button-div {width: 100%;}
    .search-topic-div {width: 100%;}
    .search-keyword-div {width: 100%; }
    .event-highlight-header {  position: relative; }
    .event-highlight-content.diab {      padding: 10px 20px 20px; }
    table.evt_details_agenda_table td {  padding: 5px 10px !important; display: block;border: none; }
    table.evt_details_agenda_table td.evt_details_agenda_table_date {    padding: 5px 10px 0 !important; }
    .ui-dialog.ui-widget-content {    width: 90% !important;    left: 5% !important;    }
    .toggle-menu-icon{display:block !important;    top: 0px;}
     #columns form#search_form input[type="submit"] {  padding: 8px 24px 7px 24px !important;}
    .search-button-div {      padding-top:0px;     }
    .mod-highlight-right-pic, .dash-module.module-details p.mod-desc {  margin-right:0;  width: 100% !important;    padding-bottom: 10px;}
    .mod-highlight-right-content {    width: 100% !important; margin-bottom: 40px;}
    #header-top {    margin-top: 0px;}
      .leaderboard-wrapper {    position: relative;    text-align: center;    margin-bottom: 10px; min-width:unset;}
      .logged-in-as {        display:none !important;       }
      .block-container{
        width: 100%;
    }
    form#search-large input.search {
    float: left;
    width: 98% !important;
    margin: 0 1%;    text-align: center;
    }
    form#search-large select, form#search-large input {
    float: left;
    width: 100%;
    padding: 3px 10px;
    margin-top: 0px;
    margin-bottom: 10px !important;}
    .button-extra {
        font-size: 10px;
        padding: 20px 5px !important;
        }
    
    .instalearn-embed-container {
    height: 4000px;
}

    .keep-in-touch{width: 100% !important; text-align: center;}
    .quick-links{width: 100% !important; text-align: center;}
    .other-links{width: 100% !important; text-align: center;}
    .quick-links-wrapper{text-align: center;}
    
    .home-event-button{position: unset; right: unset; top: unset;}
    .cta-block{width 100%; flex: 1 0 96%;}
    .header-search-box {
float: none;
        top: 128px;
        right: 0px !important;
}
    .toggle-menu-icon{
        top: 0px;
    }
    .main-header {
  padding: 5px 0px 35px 0px;
    }
    
    .magic-link-wrapper {width: 90%;}
}

@media screen and (min-width:320px) and (max-width:479px) {
.instalearn-embed-container {
    height: 3900px;
}
    a.button-book-position.button-green {
    float: left;
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 5px;
}
    .journal_issues_vol {width: 40%; }
    .journal-issue-title {width: 60%; }
    .journalBackground .journal-issue-card-container .col_50 .journal-issue-img {width: 100% !important; margin:0px!important; padding:10px!important; }
    .courses .section-content.course_content_page .col_33 {border-left: none; border-top:solid 1px #eeeeee; margin: 0; width: 100%; }
    a.button-green.extra-button { left: unset; right: 5px; top: 0; }
    a.logged-in-as { float: left; width: 100%; right: 0; position: relative; }
    .nivo-center-image img{
        width: 40% !important; height: unset !important; min-height: unset !important; min-width: unset !important; padding-left: 30%; padding-right: 30%;
    }
/*
    .header-logo {
    max-width: 156px;
}
*/
    .header-search-box {
        float: left !important;
    position: relative !important;
    top: 15px !important;
    left: 0 !important;
    right: unset !important;
    margin: 0px 0px -10px 0 !important;
    bottom: unset !important;
    width: 90% !important;
    padding: 0 5% 0px !important;
}
  
	.social-icons {text-align: center;}
	.social-icons ul {-webkit-padding-start: unset;}
	#site-last-footer .col_50.flt-right, #site-last-footer .col_50 {float: left !important;text-align: center !important;color: #fff;}
    div#columns { width: 100% !important; }
    #right_widget #widget_column {
            float: left !important;
    margin: 0 auto !important;
    width: 100% !important;
    padding: 20px;
    max-width: unset !important;
    }

    #column_85 {
        width: 100% !important;
    }
    #skyscraper_ad .primary{ display: none !important;}
    #skyscraper_ad .mobile {display: block !important; width: 320px; margin: 0 auto;}
    #skyscraper_ad {width: 100%!important; max-width: unset !important; margin-right: unset !important;}
    .header-search-box input#search_keyword {    /* color: #fff !important; */    background: #fff !important;}
/*      .header-logo {      top: 0px;  max-width: 200px;    min-height: 30px !important;    width: 100%;    float: left;    text-align: left;}*/
/*    .header-logo img {    width: 90%;    padding-left: 10%;}*/
    .orange-bar a {    color: #fff !important;    border-color: #fff !important;}
    .header-top-nav {   float:left !important;}
    .header-contact {      display: none;     }
    .header-register-login {    float: left;    margin-left: -2px; padding-top: 10px;}
    .black-bar {      top:40px !important;     }
/*    .header-search-box {    top: 5px !important;}*/
   /* #home-page-body*/ .grey-bar {    margin-top: 18px;}
   #header-top {    margin-top: 0px;}
      .leaderboard-wrapper {    position: relative;    text-align: center;    margin-bottom: 10px; min-width: unset;}
      .logged-in-as {        display:none !important;       }

      .mobile{display:block!important;}

      .col_33.blue-box-shadow{ width:94%!important; }
    .user_content #no-mpu #columns .dash-module.module-details { width: 100%; border:none;}
    .user_content #no-mpu #columns #course_content_footer { width: 100%; margin-top:20px; border-top:solid 1px #eeeeee; padding-top:20px; }
     .leaderboard-wrapper .primary, .leaderboard-wrapper .secondary {    display: none !important;}
     .leaderboard-wrapper .ad_ban_size_6 .primary{ display:block!important; }
    .mod-highlight-right-pic, .dash-module.module-details p.mod-desc {    width: 100% !important; margin-right:0;   padding-bottom: 10px;}
    .mod-highlight-right-content {    width: 100% !important; margin-bottom: 40px;}
    .mobile-hide-btn {  display:none; }
    td.evt_details_agenda_table_date {    width: 100%; }
    .event-container-content-2 {   padding: 10px; top:0px;   margin-top: 0; }
    .evt_venue_map.col_33 {    width: 100%; }
    .evt_details_venue_address_cont.col_33 {    width: 100%;  padding-top: 10px;}
    .evt_details_venue_address_cont .event-container-content {    position: relative; }
    .evt_venue_car_park_pins.col_33 {    width: 100%; }

    .event-highlight-header {  position: relative; }
    .event-highlight-content.diab {      padding: 10px 20px 20px; }

    .black-bar {    position: absolute;    top: 50px;    background: none;}
    .orange-bar { background:#c5175c; }
/*
    .header-logo {        position: relative;    width: 100%;    float: left;    text-align: left;}
    .header-logo img {    width: 90%;    padding-left: 10%;}
*/
    .header-contact {    float: left;}

    .evt_details_sponsor_display {  width:100%; }
    .attendee-right, .attendee-left { width:100%;}
    .opinion_details {      width:90% !important;     }
    .opinion-auth-image { width: 50% !important; }

    p.profile-item { width: 100%;}
    .profile-details { width: 100%; float: left; word-wrap: break-word;}
    .tab-content { padding: 35px 20px;}
    .tab-content .resource-title h4 { width: 100%;}
    .tab-content .resource-title a img { width: 100%;}
    
    .home-cta img{width:416px!important;height:250px!important;}

    #user_reading_lists tr.table-head { display: none;}
    table#user_reading_lists td:first-of-type { background: #3c3c3c; border-top: 5px solid whitesmoke;padding: 7px 20px 10px 20px;}
    table#user_reading_lists td { padding: 5px 20px; display: block; text-align: left!important;border: 0;}

    form#register_details_form, form#new_address_form { padding: 20px 10px;}
    .form-split-50, .form-split-75 { width: 100%;}
    .form-split-100 label, .form-split-75 label, .form-split-50 label {  width: 100%;}

    .float-left, .flt-left, .fl_left, .float_left { float: left; margin-bottom: 15px;}

    table.evt_details_agenda_table td {  padding: 5px 10px !important; display: block;border: none; }
    table.evt_details_agenda_table td.evt_details_agenda_table_date {    padding: 5px 10px 0 !important; }
    #contact_us_form { margin-top: 20px;}
    #columns ul#mod-internal-nav li {      width:100%;  min-height: 40px;         margin-bottom: 0px;  }
    a.widget-strip-link{position:relative;}
    #columns .my-tabs-container ul.my-omniamed-tabs li.current {
background: #3a3a3a;
color: #F26C4F;
-webkit-box-shadow: inset 0 4px 0 0 #DBDBDB;
box-shadow: inset 0 4px 0 0 #DBDBDB;
border-bottom: none;
border-right: none;
position: relative;
top: 0;
z-index: 99;
left: -12px;
}
    ul.my-omniamed-tabs {margin: 0px;padding: 0px;list-style: none;position: absolute;}
    .tab-content {margin-left: 40px;}
    .my-tabs-container .tab-content {  margin-left: 0 !important; }
    .overview h2 {/*    padding: 3px 0px;*/font-size: 19px;}
    span.mobile-show {vertical-align: middle;top: 4px;position: relative;}
    .inner {/* background: #565656; *//*    padding: 10px 0px 20px 0px;*/}
    #columns .my-tabs-container ul.my-omniamed-tabs li {
font-family: 'Roboto Slab', serif;
color: #222;
padding: 10px 15px;
cursor: pointer;
display: table;
height: 30px;
vertical-align: middle;
left: -12px;
top: 0;
background: #ececec;
position: relative;
border-bottom-color: transparent;
-webkit-box-shadow: inset -4px 0px 6px 0px #DBDBDB;
box-shadow: inset -4px 0px 6px 0px #DBDBDB;
}

    .logo {float: left;position: relative;top: 10px;display: block;}
    #topnavbar {top: 7px;display: block;position: relative!important;right: -4px;width: 100%;}
/*    .header-search-box {float: right;position: relative;top: 4px;margin-left: 0px;}*/
    ul#dropdown, ul#dropdown2{display:none!important;}
    #mainnav .toggle-menu-icon{display: block;}
/*    .footer-content .col_50 .col_33{    display: none;   }*/
    .other-header-btns{      display:none;     }
    /*    .toggle-menu-icon{display:block;position: absolute; right: 244px; top: 29px;}*/
    #mainnavbar {    height: 100px;background: #fff !important; }
    #widget_column {      width: 100%!important;    margin-top: 50px;  }
    #columns {  width:100%!important;   }
    .col_widget {  width:100%!important;   }
    .col_contact{width:95%!important; padding: 10px 20px !important;}

    .col_100{width:100%!important; padding: 10px 20px !important;}
    .col_75{width:100%!important;}
    .col_75_issue{width:100%!important;}
    .ExCol_75{width:100%!important;}
    .col_66{width:100%!important; padding: 10px 20px !important;}
    .col_50{width:100%!important; padding: 10px 20px !important;}
    .personal-address{float:none!important;}
    .personal-data{float:none;}
    .personal-settings{float:none;clear:both;}
    .col_33, .om_events_container{ width: 100%!important; /*        padding: 10px 19px !important;*/}
    .col_33_programme{    width:100%!important;  }
    .col_25{width:95%!important; padding: 10px 20px !important;}
    .col_25_issue{width:100%!important;}
    .ExCol_25{width:100%!important;}
    .col_16 {    width: 33%!important;    display: block; }
    #mainnavbar-mobile{display:none;} body {    min-width:320px;   }
    .gallery_details .gallery_thumb { width: 50%;}
    .gallery_details .gallery_desc { width: 100%;}
    .products_item .products_img {  float: left;  padding: 0 20px 20px 0; width:66%;}
    .products_item .product_desc { width:100%; float: left; padding-right: 30px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
    .products_item { width: 100%;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  border-top: solid 1px #e0e0e0;  padding-bottom: 21px;}
    .news_details .news_thumb {    float: none !important;    width: 100% !important; }
    .news_details .news_desc.smaller-size { width: 100% !important; }
    .news_details .news_desc {    float: none !important;    width: 100% !important;  padding: 10px !important; }
    .banner-image-holder {top: -6px;left: -52px;width: 100vw;height: 100vw;}
    .banner-text {width: 86vw;height: 100vw;padding: 0% 5% 0 5%;right: 17px;top: 24px;border-radius: 0!important;box-sizing: border-box;}
     .nivo-caption  {  top: 70px !important;    /* position: relative !important; */    min-height: 50px;      padding: 10px 20px 20px;  float: left !important;     }
    .nivo-caption div  { padding: 0px !important;     }
    .nivo-caption h2 {  color:#FFFFFF !important;   padding:10px !important; font-size: 16px !important;    line-height: 22px !important; margin-left: 10px;      }
     .nivo-caption a {       font-size: 16px !important; line-height:22px !important;      }
    .nivo-caption h3 {line-height: 18px;font-size: 14px;}
    .arrow-left, .arrow-right {background-size: 10px;height: 16px;width: 10px;}
    .arrow-left {top: 55%;left: 6%;}
    .arrow-right {right: 10%;top: 55%;}
    #image-area { min-height: 236px;}
    .nivoSlider img {      min-height: 236px;    width: auto !important;    height: 236px !important;    min-width: 100% !important;}
   /* .nivo-caption {    display: none !important;}   */
    h1 { font-size: 25px!important; line-height: 32px!important;}
    #category-icons .category {  padding: 2% 2% 1% 2%;}
    h3.diabetes-cat, h3.musculoskeletal-cat, h3.mental-cat, h3.respiratory-cat, h3.cardiovascular-cat { font-size:16px;}
    .category-musculoskeletal, .category-diabetes, .category-mental, .category-respiratory, .category-cardiovascular{padding-bottom: 65%;  width: 65%;}
    a.member {  width: 50%;  padding: 2% 4% 2% 4%;}
    h3.diabetes-mem, h3.musculoskeletal-mem, h3.mental-mem, h3.respiratory-mem, h3.cardiovascular-mem {font-size: 15px; line-height: 19px;}
    .member h4 {  font-size: 14px;}
    .logo img {  width: 150px;}
    #mainnav { height: 80px;}
    h3.diabetes-cat, h3.musculoskeletal-cat, h3.mental-cat, h3.respiratory-cat, h3.cardiovascular-cat {font-size: 14px;  line-height: 23px;}
    #columns select, #columns input, #columns input[type="text"] {  padding: 5px!important;  margin-bottom:12px!important;}
    #columns input[type="submit"] {cursor: pointer;white-space: normal;padding: 3px 24px 1px 24px !important;}
    a.member:nth-of-type(even) .member-details-dropdown {  right: 0; z-index: 9999;}
    a.member:nth-of-type(odd) .member-details-dropdown {  left: 0; z-index: 9999;}
    .member-details-dropdown.mental:after { right: 61px;left: auto;}
    .member-details-dropdown.diabetes:after {left: 60px!important;}
    .member-details-dropdown.musculoskeletal:after { right: 60px!important;}
    .member-details-dropdown.mental:after {left: 60px!important;}
    .member-details-dropdown.respiratory:after {right: 60px!important;}
    .member-details-dropdown.cardiovascular:after { left: 60px!important;}
    div#category-icon-holder {  padding: 10px 0;}
    #category-icons .category { width: 100%; float: left; padding: 1% 1% 1% 5%!important;  box-sizing: border-box;text-align: left;}
    .category-musculoskeletal, .category-diabetes, .category-mental, .category-respiratory, .category-cardiovascular {padding-bottom: 16%;  width:16%;  float: left;}
    h3.diabetes-cat, h3.musculoskeletal-cat, h3.mental-cat, h3.respiratory-cat, h3.cardiovascular-cat {font-size: 16px; line-height: 25px; float: left; padding: 4% 0 0 10px;}
    .mod-highlight-content {  width: 100%;}
    .mod-highlight-pic { width: 100%; display: block;}
    .event-upcoming-content {  padding: 10px 20px 61px 20px;}
    /*.pc-show{display:none;}
    img.mobile-show{display:block;}*/

    .mod-others, .other-news { width: 100%; display: block;margin-top: 16px;    padding-top: 0;}
    .mod-others-content {}
    a.widget-strip-link {  padding: 11px 25px; height: 61px;position: relative;}
    .opinion { display: block; width: 100%; border-bottom: 15px solid #fff;padding-top:0;}
    .sponsored  { width: 100%;  border-right: none;  display: block;}
    .site-search {  width: 100%; border-left: none;  margin-top: 16px;  display: block;padding-top:0;}
    .search-box-large {position: relative;top: 0;left: 0;padding: 20px 20px 20px 20px;box-sizing: border-box;}
    form#search-large input.search {
    float: left;
    width: 98% !important;
    margin: 0 1%;    text-align: center;
    }
    form#search-large select, form#search-large input {
    float: left;
    width: 100%;
    padding: 3px 10px;
    margin-top: 0px;
    margin-bottom: 10px !important;}
    .other-news-content, .mod-others-content {position: relative; padding: 10px 20px 26px 20px;}
    .opinion-content, .event-highlight-content {position: relative!important;padding-bottom: 80px!important;}
    .upcoming-event { width: 100%;  border-right: 0;    margin-bottom: 16px;display: block; }
    .mod-highlight-content, .latest-news-content {    position: relative;left: 0;  width: 100%;}
    .mod-highlight-pic { width: 100%; display: block;    position: relative;}
    .event-upcoming-content {  padding: 10px 20px 61px 20px;}
    /*.pc-show{display:none;}
    img.mobile-show{display:block;}*/

    .event-highlight-content {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;behavior: url(/script/boxsizing.htc);padding: 19% 20px 84px 20px;display: block;vertical-align: top;position: relative;top: 0;width: 100%;        padding: 37% 20px 20px;}

    .mod-highlight, .latest-news, .highlight-event { width: 100%; display: block;    margin-bottom: 16px;    padding-top: 0;}
    .mod-others, .other-news { width: 100%; display: block;margin-top: 16px;}
    .mod-others-content { padding: 10px 20px 83px 20px;}
    a.widget-strip-link {  padding: 11px 25px; height: 61px;}
    .opinion { display: block; width: 100%; border-bottom: 15px solid #fff;}
    .sponsored  { width: 100%;  border-right: none;  display: block;}
    .site-search {  width: 100%; border-left: none;  margin-top: 16px;  display: block;}
    .upcoming-event { width: 100%;  border-right: 0;    margin-bottom: 16px;display: block; }
    .search-button-div {width: 100%;}
    .search-topic-div {width: 100%;}
    .search-keyword-div {width: 100%; margin-right:0px; }
    span.form-tip {    top:55px;   }
    .menu-border {   }
    .event-details-map-header .col_50 {padding: 0!important;}

    .event_details .col_33 {  padding-top: 0px;}
    .event-container-content {    position: relative; }
    div#map-canvas {    height: 200px;    margin-top: 15px;    overflow: visible;    padding: 0;    position: relative;    width: 100%; }

    .om_events_container{margin: 0 1% 25px 1%;  width: 100%;  padding-top: 100%;  }
    p.om_event_listing_short_desc { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;line-height: 21px; max-height: 42px;}
/*    #course_content {  height:450px; }*/
    iframe {    float: left;    clear: both;    width: 100%; }
    .mod-highlight-inner {   padding-top: 0!important;}
    .footer-col { display: none;}
    .footer-col.mobile-view { display: block; width: 100%;}
    .ui-dialog.ui-widget-content {    width: 90% !important;    left: 5% !important; }
    .toggle-menu-icon{display:block !important;}
    #columns form#search_form input[type="submit"] {  padding: 8px 24px 7px 24px !important;}
    .search-button-div {      padding-top:0px;     }
    .nivo-center-image img{
        width: 40% !important; height: unset !important; min-height: unset !important; min-width: unset !important; padding-left: 30%; padding-right: 30%;
    } 
    .block-container{
        width: 100%;
    }
    .button-extra {
    font-size: 12px;
    padding: 20px 5px !important;
    }
    .my-tabs-container .col_66 {    padding: 20px 0 !important;}
    .my-tabs-container .read-more {    width: 100%;    float: left;    margin: 0 0 10px 0;}
    
    .keep-in-touch{width: 100% !important; text-align: center;}
    .quick-links{width: 100% !important; text-align: center;}
    .quick-links-wrapper{text-align: center;}
    .other-links{width: 100% !important; text-align: center;}
    .home-event-button{position: unset; right: unset; top: unset;}
    .cta-block{width 100%; flex: 1 0 96%;}
    .toggle-menu-icon {
        top: 0px;
    }
    
    .header-search-box {
float: none;
        top: 128px;
        right: 0px !important;
}
    .toggle-menu-icon{
        top: 0px;
    }
    .main-header {
  padding: 5px 0px 35px 0px;
    }
.magic-link-wrapper {width: 90%;}
}
@media screen and (max-width:499px) {
    .event-login-page {  width: 90%;  margin-left: 5%; }
    .login-page {  width: 90%;  margin-left: 5%; }
    
    .header-logo { width: 100% !important; min-height: unset !important;  max-width: unset !important; }
    .header-logo img {  margin: 0 auto; max-width: 200px; }
    .header-r-wrap {  width: 100% !important;  margin-top: 0px !important;  text-align: center; }
    .header-buttons {  display: none; }
    #header-top .header-search-box {   bottom: 0 !important; }
    .header-search-box input#search_keyword { width: 100% !important;  min-width: unset !important; max-width: 60% !important;  } 
    

    #columns ul.my-profile-tabs li {  width: 30% !important;  min-width: unset !important;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  behavior: url(/script/boxsizing.htc); margin-right: 10px !important; }
    #columns ul.my-profile-tabs li a { min-height: 50px; line-height: 15px; font-size: 13px !important; }
    .my-tabs-container form#filter_sort select { width: 100% !important; float: left !important;  clear: left !important; }
}

@media screen and (max-width:600px) {
    .alert-text-here {
        float: left;
    }
    .news_details .news_thumb {    float: none !important;    width: 100% !important; }
    .news_details .news_desc,  .news_details .news_desc.smaller-size {    float: none !important;    width: 100% !important;  padding: 20px !important; }
    .journalIssueHeader .col_25 { width: 100% !important; padding-top: 0px; }
    .journalIssueHeader .col_75 { width: 100% !important; padding-bottom: 5px; }
}

@media screen and (min-width:480px) and (max-width:639px) {
    .my-tabs-container .col_66 {    padding: 20px 0 !important;}
    .my-tabs-container .read-more {      display: block;  width: 100%;    float: left;    margin: 0 0 10px 0;}
    .nivo-center-image img{
        width: 30% !important; height: unset !important; min-height: unset !important; min-width: unset !important; padding-left: 35%; padding-right: 35%;
    }
    .journal_issues_vol {width: 40%; }
    .journal-issue-title {width: 60%; }
    .journalBackground .journal-issue-card-container .col_50 .journal-issue-img {width: 100% !important; margin:0px!important; padding:10px!important; }
    .courses .section-content.course_content_page .col_33 {border-left: none; border-top:solid 1px #eeeeee; margin: 0; width: 100%; }
    a.button-green.extra-button { left: unset; right: 5px; top: 0; }
    a.logged-in-as { float: left; width: 100%; right: 0; position: relative; }
    
	.social-icons {text-align: center;}
	.social-icons ul {-webkit-padding-start: unset;}
	#site-last-footer .col_50.flt-right, #site-last-footer .col_50 {float: left !important;text-align: center !important;color: #fff;}
    div#columns { width: 100% !important; }
    #right_widget #widget_column {
            float: left !important;
    margin: 0 auto !important;
    width: 100% !important;
    padding: 20px;
    max-width: unset !important;
    }

    #column_85 {
        width: 100% !important;
    }
    #skyscraper_ad .primary{ display: none !important;}
    #skyscraper_ad .mobile {display: block !important; width: 320px; margin: 0 auto;}
    #skyscraper_ad {width: 100%!important; max-width: unset !important; margin-right: unset !important;}
    .event-login-page { width: 75%; margin-left: 12.5%;}
    .login-page { width: 75%; margin-left: 12.5%;}
    .logged-in-as {        display:none !important;       }
     .header-search-box input#search_keyword {    /* color: #fff !important; */    background: #fff !important;}
/*      .header-logo {      top: 0px;  max-width: 200px;    min-height: 30px !important;    width: 100%;    float: left;    text-align: left;}*/
/*    .header-logo img {    width: 90%;    padding-left: 10%;}*/
    .orange-bar a {    color: #fff !important;    border-color: #fff !important;}
    .header-top-nav {   float:left !important;}
    .header-contact {      display: none;     }
    .header-register-login {    float: left;    margin-left: -2px; padding-top: 10px;}
    .black-bar {      top:40px !important;     }
    /*#home-page-body*/ .grey-bar {    margin-top: 18px;}

    #header-top {    margin-top: 0px;}
    .leaderboard-wrapper {    position: relative;    text-align: center;    margin-bottom: 10px; min-width: unset;}
    .leaderboard-wrapper .primary, .leaderboard-wrapper .secondary {    display: none !important;}
    .leaderboard-wrapper .ad_ban_size_6 .primary{ display:block!important; }
    .mobile{display:block!important;}

    .user_content #no-mpu #columns .dash-module.module-details { width: 100%; border:none;}
    .user_content #no-mpu #columns #course_content_footer { width: 100%;  margin-top:20px; border-top:solid 1px #eeeeee; padding-top:20px;}
     .leaderboard-wrapper .primary, .leaderboard-wrapper .secondary {    display: none !important;}
    .mobile-hide-btn {  display:none; }
    .ui-dialog.ui-widget-content {    width: 90% !important;    left: 5% !important; }
    .event-container-content-2 {   padding: 10px; top:0px;   margin-top: 0; }
    .evt_venue_map.col_33 {    width: 100%; }
    .evt_details_venue_address_cont.col_33 {    width: 100%;  padding-top: 10px;}
    .evt_details_venue_address_cont .event-container-content {    position: relative; }
    .evt_venue_car_park_pins.col_33 {    width: 100%; }

    .black-bar {    position: absolute;    top: 50px;    background: none;}
    .orange-bar { background:#c5175c; }
/*
    .header-logo {        position: relative;    width: 100%;    float: left;    text-align: left;}
    .header-logo img {    width: 90%;    padding-left: 10%;}
*/
    .header-contact {    float: left;}

    .evt_details_sponsor_display {  width:50%; }
    .attendee-right, .attendee-left { width: 100%;}
    .mod-highlight-inner {   padding-top: 0!important;}

    #user_reading_lists tr.table-head { display: none;}
    table#user_reading_lists td:first-of-type { background: #3c3c3c; border-top: 5px solid whitesmoke;padding: 7px 20px 10px 20px;}
    table#user_reading_lists td { padding: 5px 20px; display: block; text-align: left!important;border: 0;}

    .form-split-100 label, .form-split-75 label, .form-split-50 label {  width: 100%;}
    form#register_details_form, form#new_address_form { padding: 20px 10px;}

    .event_details .col_33 {  padding-top: 0px;}
    .event-container-content {    position: relative; }
    div#map-canvas {    height: 200px;    margin-top: 15px;    overflow: visible;    padding: 0;    position: relative;    width: 100%; }

    .col_33.blue-box-shadow{ width:94%!important; }
    #contact_us_form { margin-top: 20px;}
    #columns ul#mod-internal-nav li {   min-height: 40px;   width: 48%;margin-bottom: 0px;   }
    .search-button-div {width: 100%;}
    .search-topic-div {width: 100%;}
    .search-keyword-div {width: 100%; }
    ul#dropdown, ul#dropdown2 {display:none!important;}
    .header-mainnav {display:none!important;}
    #mainnav .toggle-menu-icon{display:block;}
/*    .footer-content .col_50 .col_33{    display: none;   }*/
    .other-header-btns{      display:none;     }
    .toggle-menu-icon{display:block !important;    top: 0px;}
    #mainnavbar { background: #fff !important; }
    #widget_column {     width: 100%!important;     margin-top: 50px; }
    #columns {  width:100%!important;   }
    .col_widget {  width:100%!important;   }
    span.form-tip {    top:55px;   }
    .col_75{width:75%!important;}
    .col_75_issue{width:100%!important;}
    .ExCol_75{width:100%!important;}
    .col_66{width:100%!important;}
    .col_50{width:100%!important;}
    .col_33, .om_events_container{width:100%!important;}
    .col_33_programme{    width:100%!important;  }
    .col_25{width:25%!important;}
    .col_25_issue{width:100%!important;}
    .ExCol_25{width:100%!important;}
    .col_16 { width: 25%!important; display: block; }
    #mainnavbar-mobile{display:none;}
    .products_item .products_img {  float: left;  padding: 0 20px 20px 0; width:66%;}
    .products_item .product_desc { width:100%; float: left; padding-right: 30px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
    td.evt_details_agenda_table_date {    width: 32%; }
    #mainnavbar-mobile{display:none;}
    .banner-text { width: 70vw; height: 70vw;  padding: 7% 5% 0 8%; right: -31px;top: -6px;}
    .banner-image-holder { top: -8px; left: -52px; width: 70vw; height: 70vw;}
    .nivo-caption h2 { line-height: 20px; font-size: 24px;}
    .nivo-caption h3 {     line-height: 20px; font-size: 16px;}
    .arrow-left, .arrow-right {  background-size: 15px; height: 24px;  width: 15px;}
    #image-area { min-height: 300px;}
    .nivoSlider img {      min-height: 300px;    width: auto !important;    height: 300px !important;    min-width: 100% !important;}
    .nivo-caption  {  top: 120px !important;    /* position: relative !important; */    min-height: 200px;    float: left !important;     }
    .nivo-caption div  { padding: 0px !important;     }
    .nivo-caption h2 {  color:#FFFFFF !important;   padding:10px !important; font-size: 16px !important;    line-height: 22px !important; margin-left: 10px;      }
     .nivo-caption a {       font-size: 16px !important; line-height:22px !important;      }
   /* .nivo-caption {    display: none !important;}*/
    .mod-highlight, .latest-news, .highlight-event { width: 100%; display: block;    margin-bottom: 16px;    width: 100%;display: block;margin-bottom: 16px;padding-top: 0;}
    h1 { font-size: 25px!important; line-height: 32px!important;}
    #category-icons .category {  padding: 2% 2% 1% 2%;}
    h3.diabetes-cat, h3.musculoskeletal-cat, h3.mental-cat, h3.respiratory-cat, h3.cardiovascular-cat { font-size:16px;}
    .category-musculoskeletal, .category-diabetes, .category-mental, .category-respiratory, .category-cardiovascular{padding-bottom: 65%;  width: 65%;}
    a.member {  width: 33%;  padding: 2% 4% 2% 4%;}
    h3.diabetes-mem, h3.musculoskeletal-mem, h3.mental-mem, h3.respiratory-mem, h3.cardiovascular-mem {font-size: 15px; line-height: 19px;}
    .member h4 {  font-size: 14px;}
    #topnavbar {  right: 13px;  position: absolute;  top: 25px;}
    .logo img {  width: 182px;}
    #mainnav { height: 80px;}
    h3.diabetes-cat, h3.musculoskeletal-cat, h3.mental-cat, h3.respiratory-cat, h3.cardiovascular-cat { font-size: 14px;  line-height: 23px;}
    #columns select, #columns input, #columns input[type="text"] {  padding: 5px!important;  margin-bottom:12px!important;}
    #columns input[type="submit"] {cursor: pointer;white-space: normal;padding: 3px 24px 1px 24px !important;}
    #columns form#search_form input[type="submit"] {  padding: 8px 24px 7px 24px !important;}
    a.member:nth-of-type(3) .member-details-dropdown {  right: 0; z-index: 9999;}
    .member-details-dropdown.mental:after { right: 61px;left: auto;}

    div#category-icon-holder {  padding: 10px 0;}
    #category-icons .category { width: 50%; float: left; padding: 1% 1% 1% 5%!important;  box-sizing: border-box; text-align: left;}
    .category-musculoskeletal, .category-diabetes, .category-mental, .category-respiratory, .category-cardiovascular { padding-bottom: 25%;  width: 25%;  float: left;}
    h3.diabetes-cat, h3.musculoskeletal-cat, h3.mental-cat, h3.respiratory-cat, h3.cardiovascular-cat {font-size: 16px; line-height: 25px; float: left; padding: 19px 0 0 10px;}

    .mod-others, .other-news { width: 100%; display: block;margin-top: 16px;    padding-top: 0;}
    .mod-others-content {}
    a.widget-strip-link {  padding: 11px 25px; height: 61px;position: relative;}
    .opinion { display: block; width: 100%; border-bottom: 15px solid #fff;padding-top:0;}
    .sponsored  { width: 100%;  border-right: none;  display: block;}
    .site-search {  width: 100%; border-left: none;  margin-top: 16px;  display: block;padding-top:0;}
    .search-box-large {position: relative;top: 0;left: 0;padding: 20px 20px 20px 20px;box-sizing: border-box;}
    form#search-large input.search {
    float: right;
    clear: both;
    width: 50%;
    }
    form#search-large select, form#search-large input {
    float: left;
    width: 100%;
    padding: 3px 10px;
    margin-top: 0px;
    margin-bottom: 10px !important;}
    .other-news-content, .mod-others-content {position: relative; padding: 10px 20px 26px 20px;}
    .opinion-content, .event-highlight-content {position: relative!important;padding-bottom: 80px!important;}
    .upcoming-event { width: 100%;  border-right: 0;    margin-bottom: 16px; display: block; }
    .mod-highlight-content, .latest-news-content {    position: relative;left: 0;  width: 100%;}
    .mod-highlight-pic { width: 100%; display: block;    position: relative;}
    .event-upcoming-content {  padding: 10px 20px 61px 20px;}
    /*.pc-show{display:none;}
    img.mobile-show{display:block;}*/

    .event-highlight-content {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;behavior: url(/script/boxsizing.htc);padding: 19% 20px 84px 20px;display: block;vertical-align: top;position: relative;top: 0;width: 100%;}

    .menu-border { }
/*    .header-search-box {float: right;position: relative;top: 4px;margin-left: 0px;}*/
    .header-search-box {float: none; top: 108px; right: 0px !important;}
    #topnavbar {top: 7px;display: block;position: relative!important;right: -4px;width: 100%;}
/*    #course_content {  height:550px; }*/
    iframe {    float: left;    clear: both;    width: 100%; }
    .om_events_container{margin: 0 1% 25px 1%;  width: 100%;  padding-top: 100%;  }
    .footer-col { display: none;}
    .footer-col.mobile-view { display: block; width: 50%;}
    form#search_form .col_25 {        width: 50% !important;}
    .block-container{
        width: 50%;
    }

    .block-container-title h2{
        font-size: 25px;
        line-height: 30px;
    }

    .block-container-title p{
        font-size: 18px;
        line-height: 22px;
    }
    
    .keep-in-touch{width: 100% !important; text-align: center;}
    .quick-links{width: 50% !important; text-align: center;}
    .quick-links-wrapper{text-align: center;}
    .other-links{width: 100% !important; text-align: center;}
    .home-event-button{position: unset; right: unset; top: unset;}
    .cta-block{width 50%; flex: 1 0 46%;}
    .toggle-menu-icon {
        top: 0px;
    }
    .magic-link-wrapper {width: 90%;}
    
}

@media screen and (min-width:480px) and (max-width:685px) {
.header-search-box {
float: none;
        top: 128px;
        right: 0px !important;
    float: right !important;
    right: unset !important;
    bottom: -35px !important;
    position: absolute !important;
    top: unset !important;
    left: 10px !important;
}
    .toggle-menu-icon{
        top: 0px;
    }
    .main-header {
  padding: 5px 0px 35px 0px;
    }
    
    .mod-highlight-right-content { width: 100%; margin-bottom: 30px; /*background: #69CC9E;  padding: 20px;*/ }
    .mod-highlight-right-pic {  width: 100%; margin-right: 0; margin-bottom: 0px; padding-bottom: 0px; }
}

@media screen and (max-width:690px) {
    .forum-details { text-align: center !important; width: 100% !important;  }
    .post-details{  text-align: center !important;  width: 50% !important;  }
    .view-details{ text-align: center !important;  width: 50% !important;  }
    .lymph_learn_all_courses_mpu_containter {width:100% !important;}
    }

@media screen and (max-width:767px) {
    
    #columns ul.my-profile-tabs li {  min-width: 25% !important;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;  behavior: url(/script/boxsizing.htc);  margin: 0px !important;         padding: 5px 0 0 0 !important;  width: 33% !important; }
    #columns ul.my-profile-tabs li span {  width: 100% !important; padding:  0 !important;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;  behavior: url(/script/boxsizing.htc); }
    #columns ul.my-profile-tabs li a {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  behavior: url(/script/boxsizing.htc);  width: 100% !important;  float: left;   padding: 8px 10px !important; }
    
    .popup-wrapper { margin-right: 0px !important; }
    .popup-trigger, .popup-form-trigger { padding: 10px 8px !important; }
    
    .ll-home-txt, .ll-home-img {  width: 100% !important; }
    .ll-home-txt h1 { font-size: 30px !important; line-height: 36px !important;  }
    .ll-home-txt h2 { font-size: 24px !important; line-height: 30px !important;  }
    
    .user_content.courses .mod-highlight-right-pic { width: 100% !important; margin-right:0 !important;}
    .course_grey_bar_container { width: 32% !important; margin-right:0px !important;}
    .course_grey_bar_container.tags { width: 100% !important; border-top: 6px solid #fff !important; }
    .course_grey_bar_container.location { border-right: 0 !important; }
    .courses .col_100.module-details-wrap, .courses .dash-module.module-details .col_100 {  padding: 10px 0 !important; }
    .course_grey_bar { margin-top: 0px !important; }
    
    .home-bullets{ margin-top: -60px;  }
    
    .category-wrapper-grey { background: url(/template/lymphlearn/images/LL-category-back.png) right top no-repeat #F5F5F5 !important;     background-size: 400px !important;}
    #category_page_header_container_left, #category_page_header_container_right { width: 100%;  margin: 0 0 10px; }
    
    .col_33.ll-content.ll-rounded-borders { width: 98%;  margin: 20px auto 20px !important; padding-bottom: 0px !important; }
    .category_full div#columns { padding: 0 0 20px !important; }
    .category_full  .col_100 { padding: 10px 0 20px !important; }
    div#category_page_header_container, .category-featured, .section-content.lz-module-list.category-mod-list { padding: 20px !important; }
    .module_tags { position: relative !important; }
    .bookmark_display_details { padding-bottom: 0px; }
    .ll-content-sponsor img { max-height: 60px !important; }
    
    .col_33.footer-logo {  text-align: center; }
    #site-footer .col_33.footer-menu-area.quick-links-wrapper { width: 100% !important; text-align: center !important;  border-top: 1px solid #fff; }
    #site-footer .quick-links { width: 100% !important; text-align: center !important;  }
    ul#footer_menu_1, ul#footer_menu_2 { float: none !important; text-align: center;margin:0px !important;  padding:0px !important; }
    ul#footer_menu_1 li, ul#footer_menu_2 li { margin-left:0px !important;  padding-left:0px !important;}
    .footer-menu-area.other-links { width: 100% !important; }
    
    #header-top .header-buttons {   color: #fff;  height: 95px !important; text-align: right; }
    #header-top .header-buttons a { display: none; }
    #header-top .header-search-box { top: -7px !important;  width: 100%;  float: left !important; position: relative !important; }
    .header-partnership { display: none !important; }
    form#search_form { float: right !important;  width: auto; }
    .header-register-login {  margin-top: -20px !important; }
    img.toggle-icon { margin-top: 20px; }
    div#header-top {  border-bottom: none !important; }
    .header-logo {  min-height: 140px !important; }
    .main-header { /* display: none; */  height: 5px !important;  overflow: hidden !important; padding: 0px !important; }
    
    
    .col_50.personal-data {  border-right: 0px; }
    .header-search-box {
        float: left;
        position: absolute;
        top: 25px;
        left: 10px;
        right: unset;
        margin: 0px;
        bottom: unset;
        width: 194px;
    }
    .journalBackground .journal-issue-card-container .journal-issue-img { width: 45% !important;margin-right: 5%; }
    .event-item.journalBackground .journal-issue-desc {width: 50% !important;}
    .col_25.journal-list {width: 100% !important; }

}


@media screen and (min-width:640px) and (max-width:767px) {
    
	#site-last-footer .col_50.flt-right, #site-last-footer .col_50 {float: left !important;text-align: center !important;color: #fff;}
/*	#site-footer .col_50 {text-align: center;}*/
/*	.col_50.footer-menu-area {display: none;}*/
    .keep-in-touch{text-align: center;}
    .quick-links-wrapper{text-align: center;}
	.social-icons {text-align: center;}
	.social-icons ul {-webkit-padding-start: unset;}
    div#columns { width: 100% !important; }
    #right_widget #widget_column {
            float: left !important;
    margin: 0 auto !important;
    width: 100% !important;
    padding: 20px;
    max-width: unset !important;
    }
    .journalBackground .journal-issue-card-container .col_50 .journal-issue-img { width: 100% !important; padding: 10px !important; }
    .header-search-box {
   float: right !important;
    right: unset !important;
    bottom: -35px !important;
    position: absolute !important;
    top: unset !important;
    left: 10px !important;
    }
    
  
    .courses .section-content.course_content_page .col_33 {border-left: none; border-top:solid 1px #eeeeee; margin: 0; width: 100%; }
    a.button-green.extra-button { left: unset; right: 5px; top: 0; }
    a.logged-in-as { float: left; width: 100%; right: 0; position: relative; }
    
    .instalearn-embed-container {
    height: 3700px;
}
    .event-login-page { width: 66%; margin-left: 17.5%;}
    .login-page { width: 66%; margin-left: 17.5%;}
     .header-register-login a b {       color:#fff !important;      }

     .header-search-box input#search_keyword {    /* color: #fff !important; */    background: #fff !important;}
/*      .header-logo {      top: 0px;  max-width: 200px;    min-height: 30px !important;    width: 100%;    float: left;    text-align: left;}*/
/*    .header-logo img {    width: 90%;    padding-left: 10%;}*/
    .orange-bar a {    color: #fff !important;    border-color: #fff !important;}
    .header-top-nav {   float:left !important;}

    #header-top {    margin-top: 0px;}
    .leaderboard-wrapper {    position: relative;    text-align: center;    margin-bottom: 10px;}
    .leaderboard-wrapper .primary, .leaderboard-wrapper .secondary {    display: none !important;}
    .leaderboard-wrapper .ad_ban_size_6 .primary{ display:block!important; }

    .user_content #no-mpu #columns .dash-module.module-details { width: 100%; border:none; }
    .user_content #no-mpu #columns #course_content_footer { width: 100%;margin-top:20px; border-top:solid 1px #eeeeee; padding-top:20px;  }
    .leaderboard-wrapper .primary, .leaderboard-wrapper .secondary {    display: none !important;}
    .mobile-hide-btn {  display:none; }
    td.evt_details_agenda_table_date {    width: 25%; }
    .event-container-content-2 {   padding: 10px; top:0px;   margin-top: 0; }
    .evt_venue_map.col_33 {    width: 48%; }
    .evt_details_venue_address_cont.col_33 {    width: 48%;  padding-top: 10px;}
    .evt_details_venue_address_cont .event-container-content {    position: relative; }
    .evt_venue_car_park_pins.col_33 {    width: 100%; }
    .evt_details_venue_address_cont.col_33 {    padding-top: 10px; }
    .evt_details_venue_cont {    clear: both;    float: left;    width: 100%; }
    .om_events_container, .event_details .col_33 {  min-height:300px; }
    .evt_details_venue_address_cont .event-container-content {    position: relative; }

    .black-bar {    position: absolute;    top: 40px;    background: none;}
    .orange-bar { background:#c5175c; }
/*
    .header-logo {        position: relative;    width: 100%;    float: left;    text-align: left;}
    .header-logo img {    width: 90%;    padding-left: 10%;}
*/
    .header-contact { display:none;   float: left;}
    .header-register-login {      margin-left: -2px; float: left; padding-top: 10px;}

    .attendee-right, .attendee-left { width: 50%;}

    .section_latest_modules .opinion-content h4 a, .mod-highlight h4 a, .latest-news-content h4 a {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2!important;line-height: 23px!important;max-height: 46px!important;}

    .opinion-content {position: relative!important;/*    padding-bottom: 80px!important;*/padding-top:0;}
    .event-container-content {}
    .event_details .col_33 {  padding-top: 0px;}
    .event-container-content {    position: relative; }
    div#map-canvas {    height: 200px;    margin-top: 15px;    overflow: visible;    padding: 0;    position: relative;    width: 100%; }

    #contact_us_form { margin-top: 20px;}
    a.widget-strip-link {position: relative;}
/*    #course_content {  height:650px; }*/

    .home .col_33, .home .col_100, .home .col_66 {padding: 10px 10px;}
    ul#dropdown, ul#dropdown2 {display:none!important;}
    .header-mainnav {display:none!important;}
    #mainnav .toggle-menu-icon{display:block;}
/*    .footer-content .col_50 .col_33{    display: none;   }*/
    .other-header-btns{      display:none;     }
    .toggle-menu-icon{display:block !important;}
    #mainnavbar { background: #fff !important; }
    #widget_column {     width: 100%!important;     margin-top: 50px;}
    #columns {  width:100%!important;   }
    .col_widget {  width:100%!important;   }

    #column_85 {
        width: 100% !important;
    }
    #skyscraper_ad .primary{ display: none !important;}
    #skyscraper_ad .mobile {display: block !important; width: 320px; margin: 0 auto;}
    #skyscraper_ad {width: 100%!important; max-width: unset !important; margin-right: unset !important;}

    .col_33.blue-box-shadow{ width:94%!important; }
    .col_75{width:100%!important;}
    .col_75_issue{width:100%!important;}
    .ExCol_75{width:100%!important;}
    .col_66{width:100%!important;}
    .col_50{width:100%!important;}
    .col_33{width:100%!important;}
    .col_33_programme{    font-size: 12px !important;  }
    .col_25{width:100%!important;}
    #site-footer .col_25{width:50%!important; text-align: left;}
    .col_25_issue{width:100%!important;}
    .ExCol_25{width:100%!important;}
    .col_16 {    width: 25%!important;    display: block; }
    #mainnavbar-mobile{display:none;}
    .banner-text { width: 59vw;height: 58vw;padding: 7% 5% 0 8%;right: -31px;top: -33px;}
    .banner-image-holder {    top: 20px;left: -50px; width: 54vw;height: 54vw;}
    .nivo-caption  {   top: 70px !important;      }
    .nivo-caption h2 {      font-size: 20px !important;    line-height: 26px !important;      }
     .nivo-caption a {       font-size: 20px !important; line-height:26px !important;      }
    .nivo-caption h3 { line-height: 22px; font-size: 17px;}
    .arrow-left, .arrow-right {  background-size: 15px; height: 24px;  width: 15px;}
    .journal-issue-card-container .col_50 { width: 50% !important; }
    .mod-highlight, .latest-news, .highlight-event { width: 100%; display: block;    margin-bottom: 16px;}
    .mod-others, .other-news { width: 100%; display: block;margin-top: 16px;}
    .mod-others-content { padding: 10px 20px 83px 20px;}
    a.widget-strip-link {  padding: 11px 25px; height: 61px;}
    .opinion { display: block; width: 100%; border-bottom: 15px solid #fff;}
    .sponsored  {    width: 50%;border-right: none;display: block;float: left;}
    .site-search { }
    .upcoming-event {  width: 50%;  }
    h1 { font-size: 25px!important; line-height: 32px!important;}
    #category-icons .category {  padding: 2% 2% 1% 2%;}

    a.member {  width: 33%;  padding: 2% 4% 2% 4%;}
    h3.diabetes-mem, h3.musculoskeletal-mem, h3.mental-mem, h3.respiratory-mem, h3.cardiovascular-mem {font-size: 15px; line-height: 19px;}
    .member h4 {  font-size: 14px;}
    #topnavbar {  right: 13px;  position: absolute;  top: 25px;}
    .logo img {  width: 182px;}
    #mainnav { height: 80px;}
    h3.diabetes-cat, h3.musculoskeletal-cat, h3.mental-cat, h3.respiratory-cat, h3.cardiovascular-cat {font-size: 14px;  line-height: 23px;}
    #columns select, #columns input, #columns input[type="text"] {   margin-bottom:12px!important;}
    #columns input[type="submit"] {cursor: pointer;white-space: normal;padding: 3px 24px 1px 24px !important;}
    #columns form#search_form input[type="submit"] {  padding: 8px 24px 7px 24px !important;}
    a.member:nth-of-type(3) .member-details-dropdown {  right: 0; z-index: 9999;}
    .member-details-dropdown.mental:after { right: 61px;left: auto;}
    /*.pc-show{display:none;}
    img.mobile-show{display:block;}*/
    .highlight-event {}
    .mod-highlight, .latest-news { width: 100%; display: block;    margin-bottom: 16px; padding-top:50%;}
    .highlight-event { padding-top:100%;}
    .event-highlight-content.diab {   padding: 36% 20px 20px 20px;}
    .event-highlight-content{ position:absolute!important;  padding: 36% 20px 20px 20px;}
    .mod-others, .other-news { width: 100%; display: block;margin-top: 16px;}
    .mod-others-content { padding: 10px 20px 83px 20px;}
    a.widget-strip-link {  padding: 20px 25px; height: 61px;}
    .opinion { display: block; width: 100%; border-bottom: 15px solid #fff;padding-top: 20px;}
    .sponsored  {    width: 100%;border-right: none;display: block;float: left;}

    .site-search {/*    padding-top:0;*/}
    .site-search-box {width: 100%!important;}
    form#search-large select, form#search-large input { float: left;  width: 32%; padding: 3px 10px; margin-top: 5px; margin-right: 1%;}
    form#search-large input.search { float: right; clear: both; }
    .upcoming-event {  width: 50%;  }
    .home .col_33{ width: 50%!important;}
    .home .col_66 { width: 50%!important;}
    .opinion-content p, .mod-highlight-content p, .latest-news-content p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 21px;max-height: 42px;}

    .heading {font-size: 17px;}
    label {width: auto;float: left;font-size: 14px;line-height: normal;margin: 0 0 0px;display: inline-block;padding-bottom: 1px;}

    .om_events_container{margin: 0 1% 25px 1%;  width: 48%;  padding-top: 48%;  }

    p.om_event_listing_short_desc { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;line-height: 21px; max-height: 42px;}

    .footer-col { display: none;}
    .footer-col.mobile-view { display: block; width: 50%;}

    .opinion-content p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 23px;max-height: 40px;}

    .opinion-content h4 a {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 23px;max-height: 46px;}
    form#search_form .col_25 {        width: 50% !important;}

     .mobile { display: block!important;}
     .block-container{
        width: 50%;
    }
    .quick-links-wrapper{text-align: center; width: 50% !important;}
    .quick-links{width: 50% !important; text-align: left; padding: 5px 10px 0 0; }
    .footer-content h3 { text-align: left; }
    .other-links{width: 50% !important; text-align: center;}
    .cta-block{width 50%; flex: 1 0 46%;}
    .magic-link-wrapper {width: 90%;}
    
}

@media screen and (max-width: 599px) {
    .my-bookmark-list .ll-content-img, .my-bookmark-list .ll-content-info {  width: 100%; }
    .bookmark_display_details { padding-bottom: 0px; }
    .previous-live-wrap { width: 100%; }
    .future-live-wrap .event-image.col_33, .future-live-wrap .event-content-wrapper.col_66.event-details { width: 100%; }
    .previous-live-wrap .events_listing_date, .future-live-wrap .events_listing_date { width: 40%; font-size: 14px !important; line-height: 20px; }
    .previous-live-wrap .live-title, .future-live-wrap .live-title { font-size: 14px; line-height: 20px; width: 60%; }
    .future-live-wrap .live-title h2 { font-size: 14px; line-height: 20px; }
    .journal-issue-highlight-card-text{
        position: static;
        top: 0%;
        left: 0%;
        transform: translate(0%, 0%);
        background-color: #FFFFFF;
        width: 100%;
    }
    a.button-book-position.event-button.button-green {
    position: relative;
    left: 0;
    bottom: 5px;
}
    a.button-detail-position.event-button.button {
    position: relative;
    right: 0;
    left: unset;
    float: right;
    bottom: 5px;
}
    .journal-issue-highlight-card-text p {
        color: #000000;
        font-size: 14px;
        line-height: 16px;
    }
    .journal-issue-highlight-card-text h4 {
        color: #c5175c;
        font-size: 20px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .article-highlight-btn {
        width: 100%;
        margin-bottom: 10px;
    }

}

@media screen and (min-width:480px) and (max-width:649px) {
.instalearn-embed-container {
    height: 3800px;
}
}

@media screen and (min-width:600px) and (max-width: 767px) {
    .previous-live-wrap { width: 100%; }
    .future-live-wrap .event-image.col_33, .future-live-wrap .event-content-wrapper.col_66.event-details { width: 100%; }
    .previous-live-wrap .events_listing_date { width: 25%; }
    .previous-live-wrap .live-title { width: 75%; }
  .my-tabs-container .read-more {      display: block; }
    .journal-issue-highlight-card-text{
        width: 94%;
    }
    .journal-issue-highlight-card-text p {
        font-size: 14px;
        line-height: 16px;
        padding-top: 0px;
    }
    .journal-issue-highlight-card-text h4 {
        font-size: 20px;
        margin-top: 0px;
    }
    .nivo-center-image img{
        width: 30% !important; height: unset !important; min-height: unset !important; min-width: unset !important; padding-left: 35%; padding-right: 35%;
    }
    .journals-img, .journal-issue-desc, .journal-issue-card-container .journal-issue-img, .event-item.journalBackground .journal-issue-desc {
    width: 100% !important; margin-bottom: 20px; float: left; }
    .journal-article-list .journal-issue-img {   text-align: center; margin-bottom: 0px !important;}
    .journal-article-list .journal-issue-img img {   width: 50%;}
}

@media screen and (max-width: 774px) {
    .article-33-btn-top {  width: 100%; padding-right: 13px; }
}

@media screen and (min-width:768px) and (max-width: 899px) {

    .journal-issue-highlight-card-text p { font-size: 14px;  line-height: 16px;  padding-top: 0px;   }
    .journal-issue-highlight-card-text h4 { font-size: 20px;  margin-top: 0px;  }
    .journals-img, .journal-issue-desc, .journal-issue-card-container .journal-issue-img, .event-item.journalBackground .journal-issue-desc {
    width: 100% !important; margin-bottom: 20px; float: left; }
    .journal_content .journal-issue-img img { max-width: 40%; }
    .journal-article-list .journal-issue-img, .journal_content .journal-issue-img {   text-align: center; margin-bottom: 0px !important;}
    .journal-article-list .journal-issue-img img {   width: 50%;}
    
    .previous-live-wrap { width: 100%; }
    .future-live-wrap .event-image.col_33, .future-live-wrap .event-content-wrapper.col_66.event-details { width: 100%; }
    .previous-live-wrap .events_listing_date { width: 25%; }
    .previous-live-wrap .live-title { width: 75%; }
    .magic-link-wrapper {width: 70%;}
    
    .header-logo { width: 30% !important; }
    .header-r-wrap { width: 70% !important; }
}

@media screen and (min-width:900px) and (max-width:959px) {
    
    .journal-issue-highlight-card-text p {
        font-size: 14px;
        line-height: 16px;
        padding-top: 0px;
    }
    .journal-issue-highlight-card-text h4 {
        font-size: 20px;
        margin-top: 0px;
    }
}


@media screen and (min-width:768px) and (max-width:959px) {
  .my-tabs-container .read-more {      display: block; }
    .ll-home-img img {  height: 240px !important; width: auto !important; }
    .nivo-center-image img{
        width: 30% !important; height: unset !important; min-height: unset !important; min-width: unset !important; padding-left: 35%; padding-right: 35%;
    }
    .my-bookmark-list .ll-content-img, .my-bookmark-list .ll-content-info {  width: 100%; }
    .journal-issue-title { width: 60%; }
    .journal_issues_vol { width: 40%; }
    form#search-large input.search {
    float: left;
    width: 98% !important;
    margin: 0 1%;    text-align: center;
    }
    form#search-large select, form#search-large input {
    float: left;
    width: 100%;
    padding: 3px 10px;
    margin-top: 0px;
    margin-bottom: 10px !important;}
    #right_widget {
    padding-right: 35px;
    width: 50% !important;
    float: left;}
    #right_widget #widget_column {
    float: left !important;
    margin: 0 auto !important;
    width: 100%;
    padding: 20px;
    max-width: unset !important;}
    
    .instalearn-embed-container {
    height: 3700px;
}
    .article-33-btn.right a.button-pink.article-btn-border {
    float: left;
    width: 90%;
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}

    .journal-issue-card-container .col_50 { float: right; width: 100%; }
    .section-content a:link, .section-content a:visited, .section-content a:active {  text-decoration: none;  font-size: 12px;  }
    div#columns { width: 100% !important; }
    #right_widget #widget_column {  float: left !important; margin: 0 auto !important;   padding: 20px;  max-width: unset !important;  }
    #column_85 {  width: 100% !important;  }
    #skyscraper_ad .primary{ display: none !important;}
    #skyscraper_ad .mobile {display: block !important; width: 320px; margin: 0 auto;}
    #skyscraper_ad {width: 100%!important; max-width: unset !important; margin-right: unset !important;}
    .header-register-login a b {       color:#fff !important;      }
      #header-top {    margin-top: 0px;}
      .leaderboard-wrapper {    position: relative;    text-align: center;    margin-bottom: 10px;}
    .col_50.module-list {    width: 100%;}
     /*.search_form img {      right: 15px;}
     .header-search-box input#search_keyword {    background: #666666;    padding-right: 35px !important;}
     .header-search-box {    margin-right: 0px;}*/
     .header-search-box input#search_keyword {    /* color: #fff !important; */    background: #fff !important;}
/*      .header-logo {      top: 55px;  max-width: 200px;    min-height: 30px !important;    width: 100%;    float: left;    text-align: left;}*/
/*    .header-logo img {    width: 90%;    padding-left: 10%;}*/
    .leaderboard-wrapper .primary, .leaderboard-wrapper .secondary {    display: none !important;}
    .leaderboard-wrapper .ad_ban_size_6 .primary{ display:block!important; }
    .mobile { display: block !important;}
    div#image-area {      overflow: hidden;    float: left;    position: relative; /*  top: 0px !important;  margin-bottom: 0px;*/}
    /*#home-page-body */.grey-bar {    margin-top: 110px;}
    .black-bar {    position: absolute;    top: 50px;    background: none;    top: 40px;    min-height: 100px;}
    .orange-bar { background:#c5175c; }
    .orange-bar a {    color: #fff !important;    border-color: #fff !important;}
    .header-contact { display:none;   float: left;}
    .header-register-login a {    border-left: none;    border-right: 1px solid #fff;}
    .header-register-login {    float: left; padding-top: 10px;}
     form#search_form .col_25 {      width: 50% !important;}
    .event-container-content-2 {   padding: 10px; top:0px;   margin-top: 0; }
    .evt_venue_map.col_33 {    width: 48%; }
    .evt_details_venue_address_cont.col_33 {    width: 48%;  padding-top: 10px;}
    .evt_details_venue_address_cont .event-container-content {    position: relative; }
    .evt_venue_car_park_pins.col_33 {    width: 100%; }
    .evt_details_venue_address_cont.col_33 {    padding-top: 10px; }
    .evt_details_venue_cont {    clear: both;    float: left;    width: 100%; }
    .om_events_container, .event_details .col_33 {  min-height:300px; }
    .evt_details_venue_address_cont .event-container-content {    position: relative; }
    .attendee-right, .attendee-left { width: 50%;}
    .other-areas h3.diabetes-cat, .other-areas h3.musculoskeletal-cat, .other-areas h3.mental-cat, .other-areas h3.respiratory-cat, .other-areas h3.cardiovascular-cat { width: 71%; padding: 3px 0;}
    .other-areas .category-cardiovascular, .other-areas .category-diabetes, .other-areas .category-mental, .other-areas .category-musculoskeletal, .other-areas .category-respiratory {  width: 20%; padding-bottom: 20%;}

    p.om_event_listing_short_desc { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2; line-height: 21px; max-height: 42px;}


    a.mod-diab-bullet { line-height: 21px;  font-size: 15px;}

    .products_item .products_img {  float: left;  padding: 0 20px 20px 0; width:75%;}
    .products_item .product_desc { width:100%; float: left; padding-right: 30px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}

    .banner-text {    width: 60vw;height: 60vw;padding: 7% 5% 0 8%;right: -31px;top: -26px;}
    .banner-image-holder {    top: 20px;left: -50px;width: 50vw;height: 50vw;}
    .nivo-caption h2 { line-height: 40px; font-size: 29px;}
    .nivo-caption h3 { line-height: 22px; font-size: 17px;}
    .arrow-left, .arrow-right {  background-size: 15px; height: 24px;  width: 15px;}

    h1 { font-size: 25px!important; line-height: 32px!important;}
    #category-icons .category {  padding: 2% 2% 1% 2%;}
    h3.diabetes-cat, h3.musculoskeletal-cat, h3.mental-cat, h3.respiratory-cat, h3.cardiovascular-cat { font-size:16px;}
    .category-musculoskeletal, .category-diabetes, .category-mental, .category-respiratory, .category-cardiovascular{padding-bottom: 65%;  width: 65%;}
    a.member { padding: 2% 2% 4% 2%;}
    h3.diabetes-mem, h3.musculoskeletal-mem, h3.mental-mem, h3.respiratory-mem, h3.cardiovascular-mem {font-size: 15px; line-height: 19px;}
    .member h4 {  font-size: 14px;}
    #topnavbar {  right: 13px;  position: absolute;  top: 25px;}
    .logo img {  width: 182px;}
    #mainnav { height: 71px;}
    .col_33.overview {width: 47%; min-height: 400px;}

    /*.pc-show{display:none;}
    img.mobile-show{display:block;}*/
    p.profile-item {float: none;}

    .mod-highlight, .latest-news { width: 100%; display: block;    margin-bottom: 16px; padding-top:50%;}
    .highlight-event { padding-top:100%;}
    .event-highlight-content.diab {     padding: 36% 20px 20px 20px;}
    .mod-others, .other-news { width: 100%; display: block;margin-top: 16px;}
    .mod-others-content { padding: 10px 20px 83px 20px;}
    a.widget-strip-link {  padding: 20px 25px; height: 61px;}
    .opinion { display: block; width: 100%; border-bottom: 15px solid #fff;}
    #widget_column .opinion {display: block;width: 100%;border-bottom: 15px solid #fff;padding-top: 10px;}

    .conditions_home .opinion { display: block; width: 100%; border-bottom: 15px solid #fff;  padding-top: 0;}
    .conditions_home .opinion-content { position: relative;}

    .sponsored  {    width: 100%;border-right: none;display: block;float: left;}
    .site-search {padding-top:0;}
    .site-search-box {width: 100%!important;}
    .search-box-large {position: relative;}
    .upcoming-event {  width: 50%;  }
    .home .col_33 { width: 50%;}
    .home .col_66 { width: 50%;}
    .om_events_container{margin: 0 1% 25px 1%;  width: 48%;  padding-top: 48%;  }
    p.om_event_listing_short_desc { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;line-height: 21px; max-height: 42px;}

    .opinion-content p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 23px;max-height: 40px;}

    .opinion-content h4 a {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-height: 23px;max-height: 69px;}

    .opinion-content p, .mod-highlight-content p, .latest-news-content p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-height: 21px;max-height: 63px;}

    .evt_venue_car_park_pins.col_33 {   padding: 0; }
    .evt_venue_station_pins {   padding: 0 10px 10px 10px; }
    .evt_venue_car_park_pins .event-container-content {    padding: 20px;    position: relative;    top: 0; }
    .nivo-caption h2 {      font-size: 22px !important;    line-height: 28px !important;      }
     .nivo-caption a {       font-size: 22px !important; line-height:28px !important;      }
      .block-container{
        width: 50%;
    }
    

}




@media screen and (max-width: 629px){
    .home-widgets-mpu {display: none !important;}
    .mobile_tablet_homepage_mpu_container {display: block;}
    .tablet_homepage_mpu_container {display: none;}
    .mobile_homepage_mpu_container {display: block;}
    .ad-container{ width: 300px;}
    .journals-img, .journal-issue-desc, .journal-issue-card-container .journal-issue-img, .event-item.journalBackground .journal-issue-desc {
    width: 100% !important; margin-bottom: 20px; float: left; }
    .journal-article-list .journal-issue-img {   text-align: center; margin-bottom: 0px !important;}
    .journal-article-list .journal-issue-img img {   width: 60%;}
    .journal-list .journal-issue-desc .col_50 {    padding: 0px 10px 5px !important;}
    #journal_banner_subs span{  font-size: 19px!important;  line-height: 23px!important;  }
    #promo_sub_jcn_banner_title_cont{ clear:left; }
    .course-options-wrap { margin-top: -45px; }
    .course-title-wrap { padding: 50px 0px 0px 0px !important; text-align: left; }
    .courses .section-content.course_content_page .col_100 { padding: 0px 0px 5px !important;}
    div#course_content { padding: 0px 0 20px !important; }
}

@media screen and (min-width:630px) and (max-width: 1023px){
    .home-widgets-mpu {display: none !important;}
    .mobile_tablet_homepage_mpu_container {display: block;}
    .tablet_homepage_mpu_container {display: block;}
    .col_50.ll-category.ll-rounded-borders {  width: 100% !important;  max-width: 700px;  margin: 20px auto; }
}

@media screen and (min-width:960px) and (max-width:1023px) {
    
    
    .ll-home-img img {  height: 240px !important; width: auto !important; }
    .journal-issue-title { width: 60%; }
    .journal_issues_vol { width: 40%; }
  .my-tabs-container .read-more {      display: block; }
    .nivo-center-image img{
        width: 40% !important; height: unset !important; min-height: unset !important; min-width: unset !important; padding-left: 30%; padding-right: 30%;
    }

    .section-content a:link, .section-content a:visited, .section-content a:active {
        text-decoration: none;
        font-size: 12px;

    }

    div#columns { width: 100% !important; }
    #right_widget #widget_column {
        float: left !important;
        margin: 0 auto !important;
        width: 100%;
        padding: 20px;max-width: unset !important;
    }
    #right_widget { width: 50% !important;}
    form#search-large input.search {
    float: left;
    width: 48% !important;
    margin: 0 1%;
    }
    form#search-large select, form#search-large input {
    float: left;
    width: 100%;
    padding: 3px 10px;
    margin-top: 0px;
    margin-bottom: 10px !important;}

/*
    .header-logo {    
        max-width: 205px;    
         margin-top: 20px;     
        margin-left: 10px;
    }
*/

    .col_50.module-list {    width: 100% !important;}
     .nivo-caption h2 {      font-size: 22px !important;    line-height: 28px !important;      }
     .nivo-caption a {       font-size: 22px !important; line-height:28px !important;      }
    .event-container-content-2 {   padding: 10px; top:0px;   margin-top: 0; }
    .evt_venue_car_park_pins.col_33 {   padding: 0; }
    .evt_venue_station_pins {   padding: 0 10px 10px 10px; }
    .evt_venue_car_park_pins .event-container-content {    padding: 20px;    position: relative;    top: 0; }
    .evt_details_venue_address_cont.col_33 {    padding-top: 10px; }
    .evt_details_venue_cont {    clear: both;    float: left;    width: 100%; }
    .om_events_container, .event_details .col_33 {  min-height:300px; }
    .evt_details_venue_address_cont .event-container-content {    position: relative; }

    .opinion-content p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 23px;max-height: 40px;}
    .opinion-content h4 a {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 23px;max-height: 46px;}

    .other-areas h3.diabetes-cat, .other-areas h3.musculoskeletal-cat, .other-areas h3.mental-cat, .other-areas h3.respiratory-cat, .other-areas h3.cardiovascular-cat { width: 71%; padding: 3px 0;}
    .other-areas .category-cardiovascular, .other-areas .category-diabetes, .other-areas .category-mental, .other-areas .category-musculoskeletal, .other-areas .category-respiratory {  width: 15%; padding-bottom: 15%;}
    .site-search {padding-top:0;}
    .search-box-large {position: relative;}

    .mod-highlight-content p, .latest-news-content p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 21px;max-height: 42px;}

    .opinion-content p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;line-height: 21px;max-height:21px;}
/*    .footer-content .col_50 .col_33{    display: none;   }*/
    .toggle-menu-icon{display:none;}
    #mainnavbar-mobile{display:none;}
    .products_item .products_img {float: left;  padding: 0 20px 20px 0; width:66%;}
    .products_item .product_desc { width:100%; float: left; padding-right: 30px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
    .banner-text { width: 60vw; height: 60vw; padding: 7% 5% 0 8%; right: 0; top: 0;}
    .banner-image-holder {    top: 35px;left: 0;width: 47vw;height: 47vw;}
/*    .nivo-caption h2 { line-height: 40px; font-size: 29px;}
    .nivo-caption h3 { line-height: 22px; font-size: 17px;}*/
    .arrow-left, .arrow-right {  background-size: 15px; height: 24px;  width: 15px;}
    a.mod-diab-bullet, a.mod-resp-bullet, a.mod-card-bullet, a.mod-ment-bullet, a.mod-musk-bullet { line-height: 19px;  font-size: 15px;}
    h4 { font-size: 15px; line-height: 19px;}
    .latest-news-content p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box; }
    .event-highlight-content .date { display: none;}
    form#search-large { padding: 5% 3% 3% 3%;  box-sizing: border-box;}
    .col_33.overview { min-height: 400px;}
    img.tab-img{display:none;}

    .om_events_container{margin: 0 1% 25px 1%;  width: 48%;  padding-top: 48%;  }
p.om_event_listing_short_desc { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
line-height: 21px; max-height: 42px;}

    .section_latest_modules .opinion-content h4 a, .mod-highlight h4 a, .latest-news-content h4 a {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2!important;line-height: 21px!important;max-height: 42px!important;}
    .journal-issue-highlight-card-text p {
        font-size: 14px;
        line-height: 18px;
    }
    .journal-issue-highlight-card-text h4 {
        font-size: 25px;
    }
    .block-container{
        width: 50%;
    }
    
}

@media screen and (min-width:1024px) and (max-width:1279px) {
    .nivo-center-image img{
        width: 40% !important; height: unset !important; min-height: unset !important; min-width: unset !important; padding-left: 30%; padding-right: 30%;
    }
    .block-container-title h2{
        font-size: 25px;
        line-height: 30px;
    }

    .block-container-title p{
        font-size: 18px;
        line-height: 22px;
    }
}

@media screen and (min-width:1024px) and (max-width:1100px) {
/*
    .header-logo {    
        max-width: 250px;    
         margin-top: 20px;     
        margin-left: 10px;
    }
*/
    .journal-issue-highlight-card-text p {
        font-size: 14px;
        line-height: 18px;
    }
    .journal-issue-highlight-card-text h4 {
        font-size: 25px;
    }

}
        #columns {       width:66%;      }
   /* .mod-highlight-right-pic .mod-highlight-right-pic  {    width: 80%;}*/
    .dash-module.module-details {    width: 35%;}
    .mod-highlight-right-content { width: 50%; }
    .mod-highlight-right-pic {  width: 45%; margin-right: 5%; }
    .evt_details_venue_address_cont.col_33 {    padding-top: 10px; }
    .evt_details_venue_cont {    clear: both;    float: left;    width: 100%; }
    .om_events_container, .event_details .col_33 {  min-height:300px; }
    .evt_details_venue_address_cont .event-container-content {    position: relative; }

    .section_latest_modules .opinion-content p, .mod-highlight-content p, .latest-news-content p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 21px;max-height: 42px;}

    .section_latest_modules .opinion-content h4 a, .mod-highlight h4 a, .latest-news-content h4 a {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2!important;line-height: 23px!important;max-height: 46px!important;}

    p.om_event_listing_short_desc {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 21px;max-height: 42px;}
    .toggle-menu-icon{display:none;}
    #mainnavbar-mobile{display:none;}
    .banner-text {  padding: 7% 8% 0px 8%;}
    /*.nivo-caption h2 { line-height: 40px; font-size: 29px;}
    .nivo-caption h3 { line-height: 22px; font-size: 17px;}*/
    .arrow-left, .arrow-right {  background-size: 15px; height: 24px;  width: 15px;}
    h1 {  font-size: 28px!important;}
    .col_33.overview { min-height: 400px;}
    img.tab-img{display:none;}


/*
.mod-others {      padding-top:25%;    }
    .mod-highlight {      padding-top:25%;    }
    .latest-news {      padding-top:25%;    }
    .other-news {      padding-top:25%;    }
*/

}


@media screen and (min-width:1280px) and (max-width:1599px) {
    .nivo-center-image img{
        width: 30% !important; height: unset !important; min-height: unset !important; min-width: unset !important; padding-left: 35%; padding-right: 35%;
    }
    
     .dash-module.module-details  {    width: 35%;}
    

    .evt_details_venue_address_cont.col_33 {    padding-top: 10px; }
    .evt_details_venue_cont {    clear: both;    float: left;    width: 100%; }
    .om_events_container, .event_details .col_33 {  min-height:300px; }
    .evt_details_venue_address_cont .event-container-content {    position: relative; }
    .opinion-content p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-height: 23px;max-height: 69px;}
    .toggle-menu-icon{display:none;}
    #mainnavbar-mobile{display:none;}
    .col_33.overview { min-height: 400px;}
    img.tab-img{display:none;}
    .leaderboard-wrapper .ad_ban_size_6 .primary{ display:none!important; }
    /*
    .mod-others {      padding-top:25%;    }
    .mod-highlight {      padding-top:25%;    }
    .latest-news {      padding-top:25%;    }
    .other-news {      padding-top:25%;    }
    */
}

@media screen and (min-width:1280px) and (max-width:1350px) {



    .banner-text {  padding: 7% 5% 0 8%;}
    /*.nivo-caption h2 { line-height: 31px; font-size: 26px;}
    .nivo-caption h3 { line-height: 26px; font-size: 21px;}*/
    .col_33.overview { min-height: 400px;}
    img.tab-img{display:none;}
    

}

@media screen and (max-width:1086px) {
    .leaderboard-wrapper{ width: 100%;text-align: center;   min-width:auto; }
    .logged-in-as{bottom: 4px; right: 240px;     padding-left: 15px !important; }
}

@media screen and (min-width:768px) and (max-width:1099px) {
     a.logged-in-as { width: 50%;  left: 5px; }
    a.button-green.extra-button { left: 5px; margin-top: 25px; }
    .col_25.journal-list {width:50% !important;}
    .journalBackground .journal-issue-card-container .journal-issue-img {  width: 35%; margin-right: 5%; }
    .event-item.journalBackground .journal-issue-desc { width: 60%;}
}
@media screen and (min-width:1100px) {
    .col_25.journal-list {width:50% !important;}
    .journalBackground .journal-issue-card-container .journal-issue-img {
    width: 35%;
    margin-right: 5%; }
    .event-item.journalBackground .journal-issue-desc {
    width: 60%;}
    .leaderboard-wrapper .ad_ban_size_6 .primary{ display:none!important; }
}

@media screen and (min-width:870px) and (max-width:1350px) {
    #right_widget {
        padding-right: 35px;
    }

    .user_content #columns {
        width: 65%;
    }
   
}

@media screen and (min-width:1350px) and (max-width:1380px) {
    #right_widget {        padding-right: 35px !important;    }
  #columns {       width:73%;      }
    .user_content #columns {        width: 70% !important;}
    .leaderboard-wrapper .ad_ban_size_6 .primary{ display:none!important; }

}

@media screen and (min-width:1380px) and (max-width:1480px) {
    #right_widget {
        padding-right: 45px !important;
    }
     #columns {       width:73%;      }
    .user_content #columns {
        width: 70% !important;
    }
    .leaderboard-wrapper .ad_ban_size_6 .primary{ display:none!important; }
}

@media screen and (min-width:1600px) 
   
     #columns {       width:78%;      }
    .evt_details_venue_address_cont.col_33 {    padding-top: 10px; }
    .evt_details_venue_cont {    clear: both;    float: left;    width: 100%; }
    .om_events_container, .event_details .col_33 {  min-height:300px; }
    .evt_details_venue_address_cont .event-container-content {    position: relative; }
    .nivo-main-image {height: auto!important;width: 100%!important;right: 0!important;}
    .opinion-content p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-height: 23px;max-height: 69px; }
    .col_33.overview { min-height: 400px;}
    .toggle-menu-icon{display:none;}
    #mainnavbar-mobile{display:none;}
    img.tab-img{display:none;}
/*
.mod-others {      padding-top:25%;    }
    .mod-highlight {      padding-top:25%;    }
    .latest-news {      padding-top:25%;    }
    .other-news {      padding-top:25%;    }
*/
}
@media screen and (min-width:1920px) {
    
     #columns {       width:78%;      }

    .toggle-menu-icon{display:none;}
    #mainnavbar-mobile{display:none;}
    .col_33.overview { min-height: 400px;}
    img.tab-img{display:none;}
}


/* ==========================================================================
Print styles
========================================================================== */

@media print {
/*
* {        background: transparent !important;        color: #000 !important;        box-shadow: none !important;        text-shadow: none !important;    }
a, a:visited {        text-decoration: underline;    }
a[href]:after {        content: " (" attr(href) ")";    }
abbr[title]:after {        content: " (" attr(title) ")";    }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {        content: "";    }
pre, blockquote {        border: 1px solid #999;        page-break-inside: avoid;    }
thead {        display: table-header-group;    }
tr, img {        page-break-inside: avoid;    }
img {        max-width: 100% !important;    }
@page {        margin: 0.5cm;    }
p, h2, h3 {        orphans: 3;        widows: 3;    }
*/
}


/* ===============
ALL: IE Fixes
=============== */

.ie7 .title { }


/* ==========================================================================
Helper classes
========================================================================== */

    .ir {    background-color: transparent;    border: 0;    overflow: hidden;    text-indent: -9999px;}
    .ir:before {    content: "";    display: block;    width: 0;    height: 150%;}
    .hidden {    display: none !important;    visibility: hidden;}
    .visuallyhidden {    border: 0;    clip: rect(0 0 0 0);    height: 1px;    margin: -1px;    overflow: hidden;    padding: 0;    position: absolute;    width: 1px;}
    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {    clip: auto;    height: auto;    margin: 0;    overflow: visible;    position: static;    width: auto;}
    .invisible {    visibility: hidden;}
    .clearfix:before, .clearfix:after {    content: " ";    display: table;}
    .clearfix:after {    clear: both;}
    .clearfix {    zoom: 1;}

/*Custom journal styles*/

@media screen and (max-width:1056px) {
    .article-33-btn {
        width: 50%;
        float: left;
    }
    
    
    

    a.article-btn{
        font-size: 14px !important;
    }
    
    .article-33-btn.right a.button-pink.article-btn-border {
    float: left;
    width: 90%;
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}


    .article-33-btn-read {
        width: 100%;
        float: left;
        margin-top: 10px;
    }
    a.article-33-btn-read {
        font-size: 14px !important;
    }
}