@media screen and (max-width: 1290px) and (min-width: 920px) {
    .main-container {
        padding:0 20px;
    }
    .about .img-about img {
        max-width: 1280px;
        width: 100%;
    }
    .row {
        width: 100%;
    }
    .container {
        width: 100%;
    }

    .block-search .search {
        width: 225px;
    }
    .btn-dark-light.select-country .btn.dropdown-toggle, .btn-dark-light.select_profess .btn.dropdown-toggle, .btn-dark-light.select-country .open > .btn.dropdown-toggle, .btn-dark-light.select_profess .open > .btn.dropdown-toggle {
        min-width: 225px;
        width: 225px;
    }
.resource-landing .container .top-resource-landing .button-section > a {
    margin: 0px -42px 10px 50px;
}
.resource-landing .container .top-resource-landing .button-section {
    margin-top: 30px;
}
}
@media screen and (max-width: 920px) and (min-width: 768px) {
  .hidden-xs {
    display: none !important;
  }
  .visible-xs-block {
    display: block !important;
  }
}
@media screen and (max-width: 920px) {
    .main-container {
        padding-left:0;
        padding-right:0;
    }
        .right-topic-mobile {
    display:block;
    position:relative !important;
    left: -5% !important;
}
    .right-topic-desktop {
    display:none;
}
    #content-menu-mobile-footer{
    display:none;
}
    .divlogo,
    .desktopmenu {
        display:none;
    }
    .divlogom,
    .socialheaderm {
        display:block;
    }

  .container {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .main-container .container > .row {
    position: relative;
  }
  .main-container .container > .row .col-xs-9,
  .main-container .container > .row .col-xs-3 {
    width: 100%;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    word-wrap: break-word;
  }
  .home-section .title-section {
    line-height: 1.05;
  }
  .imgage-bg {
    margin-bottom: 0;
    top: 0;
  }
  section {
    width: 100%;
  }
  .row.head-mobile {
    margin-left: 0;
    margin-right: 0;
  }
  .header {
    height: 78px;
    z-index: 101;
  }
  .header .logo-image {
    width: 138px;
    float: left;
    margin-left: 13px;
    margin-top: 9px;
  }
  .header .container {
    background: none;
    padding: 0 10px;
  }
  .img-resource {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .img-resource img {
    min-height: initial;
    max-width: none;
    width: 100%;
  }
  .masshead {
    min-height: 333px;
    margin-bottom: 30px;
  }
  .masshead .img-masshead {
    max-height: 333px;
  }
  .masshead .img-masshead {
    width: 100%;
    max-width: 100%;
  }
  .masshead .img-masshead img {
    width: 100%;
    height: 333px;
  }
  .trending-page .pagenav-topic {
    margin-bottom: -10px;
    padding-top: 30px;
    padding-right: 0;
  }
  .trending-page .pagenav-topic .next-pagenav a {
    background-image: url("../images/next-mobile.png");
  }
  .trending-page .pagenav-topic .preview-pagenav a {
    background-image: url("../images/back-mobile.png");
  }
  .stories .row .col-xs-6 {
    width: 100%;
    text-align: center;
  }
  .stories .row .tab-left {
    float: none;
    text-align: center;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
  }
  .stories .row .tab-left li {
    float: none;
    text-align: center;
  }
  .stories .row .dropdown.tab-right {
    width: 76%;
    background: #f5f5f5;
    border-radius: 30px;
    
    border: solid 2px #7d7d7d;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    float: none;
    text-align: left;
  }
  .stories .row .dropdown.tab-right button {
    font-family: "Gill Sans", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 53px;
    color: #666666;
    padding: 0 30px;
  }
  .stories .row .dropdown.tab-right button .caret {
    background: url("../images/arrow-gray-light.png") no-repeat left -11px;
    border: medium none;
    display: inline-block;
    height: 11px;
    position: absolute;
    right: 10px;
    top: 22px;
    width: 18px;
  }
  .stories .row .dropdown.tab-right li {
    width: 100%;
    float: none;
    text-align: left;
  }
  .stories .row .dropdown.tab-right .dropdown-menu {
    background: #f5f5f5;
    border-radius: 20px;
    
    border: solid 2px #7d7d7d;
    min-width: 100%;
    max-width: 100%;
    padding: 15px 0;
    margin-top: 10px;
  }
  .stories .row .dropdown.tab-right .dropdown-menu > li > a {
    font-family: "Gill Sans", sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #666666;
    padding: 5px 30px;
  }
  .footer {
    padding-top: 0;
    padding-bottom: 0;
  }
  .footer .site-map-footer {
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 32px;
    border-bottom: 2px solid #ffffff;
  }
  .footer .site-map-footer .container {
    padding-left: 15%;
  }
  .footer .site-map-footer .container span {
    margin-left: 15px;
  }
  .footer .site-map-footer .container .fa-bars {
    cursor: pointer;
  }
  .footer .site-map-footer .container .fa-bars:before {
    color: #666666;
  }
  .footer .site-map-footer .container .fa-bars:hover:before {
    color: #f78e1e;
  }
  .footer .container .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  .footer .container .col-xs-6 {
    width: 100%;
    padding: 30px 15% 40px;
  }
  .footer .container .col-xs-6.footer-menu {
    background: #ffffff;
  }
  .footer .container .block h3,
  .footer .container .block-content ul li a {
    font-size: 18px;
  }
  .footer .social-footer {
    text-align: center;
    margin-bottom: 48px;
  }
  .footer .social-footer .title-social,
  .footer .social-footer .social-link {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0;
  }
  .footer .social-footer .title-social li,
  .footer .social-footer .social-link li {
    float: none;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: top;
    padding: 0;
  }
  .footer .info-footer {
    text-align: center;
    border-bottom: none;
    border-top: solid 1px #e4e4e5;
    padding-top: 40px;
    word-wrap: break-word;
  }
  .footer .info-footer h4 label {
    display: inline;
  }
  .footer .footer-right {
    padding-right: 0;
  }
  .footer .footer-right .social-link {
    float: none;
  }
  .connect {
    min-height: 100%;
  }
  .connect .button-section .btn-gray {
    width: 45%;
    margin-bottom: 15px;
  }
  .resource .btn-gray-light .dropdown-menu > div {
    min-height: 80px !important;
  }
  .membership .container .row .col-xs-6 {
    width: 100%;
  }
  .membership .container .row .col-xs-6.member-button {
    margin-bottom: 15px;
    text-align: center;
  }
  .membership .container .row .col-xs-6 > p {
    width: 85%;
    margin: 10px auto 0;
  }
  .membership .container .row .col-xs-6 > p:first-child {
    width: auto;
  }
  .membership .container .row .col-xs-6 .button-section {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .membership .container .row .col-xs-6 .button-section > .btn-yellow {
    margin-right: 0;
  }
  .membership .container .row .col-xs-6 .button-section > .btn-yellow:last-child {
    margin-right: 0;
  }
  .membership .container .row .col-xs-6 .info-member {
    border-bottom: none;
  }
  .membership .container .row .col-xs-6 .info-member + p {
    width: 90%;
    border-top: solid 1px #e6e6e7;
    padding: 20px 8% 40px;
  }
  .membership .info-member {
    width: 76%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 25px ;
  }
  .membership .info-member li {
    width: 100%;
  }
  .membership .info-member li:first-child {
    margin-bottom: 30px;
  }
  .social .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .stories-list article,
  .social-list article,
  .events-list article,
  .connect-list article {
    width: 85%;
    margin: 0 auto 30px;
    height: auto;
    float: none;
  }

  .stories-list article.feature,
  .social-list article.feature,
  .events-list article.feature,
  .connect-list article.feature {
    width: 85% !important;
  }
  .connect .button-section > a.btn-yellow-large {
    padding: 0 0 0 25px;
    min-width: 0 !important;
  }
  .connect .button-section > a.btn-yellow-large > span {
    padding-right: 25px;
  }
  .connect .button-section > a.btn-yellow-large > span > span {
    padding-right: 25px;
  }
  .connect .button-section > a.btn-yellow-large .arrow {
    right: 20px;
  }
  .stories-list .meta-article {
    bottom: -1px;
  }
  .stories-list .meta-article .user {
    width: auto;
  }
  .stories .stories-list {
    margin-top: 30px;
  }
  .social-list article {
    height: 320px !important; 
  }
  .social-list article .content-article {
    min-height: 320px;
  }
  .social-list article .content-article .view-article {
    height: 320px;
  }
  .stories-list .meta-article {
    height: 102px;
  }
  .stories-list article .content-article .view-article img {
    margin: auto;
    display: block;
  }
  .stories-list article.feature .meta-article {
    background: #f78e1e;
}
  .stories-list article.feature .title-article,
  .stories-list article.feature .meta-article .user,
  .stories-list article.feature .title-article a {
    color: #fff;
}
  .stories .stories-list .page-nav {
    width: 76%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
  .stories .stories-list .page-nav .paging li {
    margin-bottom: 10px;
  }
  .stories .stories-list .page-nav .paging li:hover a,
  .page-nav .paging li:hover a,
  .stories .stories-list .page-nav .paging li:focus a,
  .page-nav .paging li:focus a,
  .stories .stories-list .page-nav .paging li:active a,
  .page-nav .paging li:active a {
    background: none ;
    text-decoration: none !important;
  }
  .stories .stories-list .page-nav .paging li.active,
  .page-nav .paging li.active {
    background: url("../images/page-count.png") no-repeat left top;
  }
  .page-nav .paging li.active a {
    background: url("../images/page-count.png") no-repeat left top;
  }
  article.instagram .content-article .view-article {
    height: 320px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  article.instagram .content-article .view-article > img {
    height: auto;
    max-width: 100%;
    max-height: 320px;
    margin: auto;
  }
  article.instagram .content-article:hover .meta-article {
    height: 320px ;
  }
  .stories-page,
  .trending-page .start-list {
    padding-right: 0;
  }
  .stories .title-latest.desc-section,
  .trending .title-latest.desc-section,
  .staff .title-latest.desc-section,
  .stories .title-trending.desc-section,
  .trending .title-trending.desc-section,
  .staff .title-trending.desc-section,
  .stories .title-staff.desc-section,
  .trending .title-staff.desc-section,
  .staff .title-staff.desc-section {
    width: 76% !important;
    margin-left: auto;
    margin-right: auto;
  }
  #event_list_view .title-latest.desc-section {
    width: 100% !important;
  }
  .tab-social {
    text-align: center;
  }
  .tab-social .col-xs-6 {
    width: 100%;
    text-align: center;
  }
  .tab-social .col-xs-6 .link-tab {
    float: none;
    text-align: center;
  }
  .tab-social .col-xs-6 .link-tab li {
    float: none;
  }
  .tab-social .col-xs-6 .link-tab li a {
    background: none;
    padding-right: 0;
  }
  .connect .home-container {
    position: relative;
  }
  .des-event-mobile {
    width: 100%;
    text-align: left !important;
  }
  .des-event-mobile h2 {
    color: #ffffff;
    font-size: 36px;
    text-transform: uppercase;
    text-align: left !important;
  }
  .des-event-mobile p,
  .des-event-mobile span.desc-page {
    font-size: 18px;
    text-align: left !important;
    color: #000;
    max-height: 78px;
    overflow: hidden;
  }
  .des-event-mobile span.desc-page {
    display: block;
    margin-bottom: 15px;
  }
  .top-events-landing.membeship-landing {
    text-align: left !important;
  }
  .btn-collapse {
    width: 60%;
    margin: auto;
  }
  .btn-collapse.in .arrow {
    background: url("../images/arrow-accordion.png") no-repeat left top;
    width: 20px;
    height: 20px;
    margin: 10px 0 0 5px ;
  }
  .btn-collapse.out .arrow {
    background: url("../images/arrow-accordion.png") no-repeat left bottom;
    width: 20px;
    height: 20px;
    margin: 10px 0 0 5px ;
  }
  .title-resource-mobile {
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  .title-resource-mobile.in:before {
    background: url("../images/arrow-accordion.png") no-repeat 0 0;
    width: 20px;
    height: 20px;
    content: "";
    display: inline-block;
    margin-right: 10px;
  }
  .title-resource-mobile.out:before {
    background: url("../images/arrow-accordion.png") no-repeat 0 -20px;
    width: 20px;
    height: 20px;
    content: "";
    display: inline-block;
    margin-right: 10px;
  }
  .pagenav-topic label {
    font-weight: normal;
  }
  .trending .title-trending.desc-section {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .trending .stories-list {
    margin-top: 15px;
  }
  .main-container .container {
    padding-top: 20px;
  }
  .main-container > .container {
    padding-bottom: 20px;
  }
  .stories-landing > div {
    margin-bottom: 0;
  }
  .stories.resource-landing .container {
    border-top: none;
    position: relative;
    padding-top: 0;
  }
  .stories.resource-landing .container:before {
    background: #bfc0c2;
    height: 1px;
    width: 90%;
    margin: 0 5% 40px;
  }
  .trending-page .table thead > tr > th,
  .trending-page .table tbody > tr > td {
    padding: 3px;
  }
  .top-events-landing {
    width: 90%;
    left: 5%;
    text-align: left;
  }
  .top-events-landing .button-section {
    text-align: left;
  }
  .top-events-landing .button-section > a {
    width: 47%;
    margin: 0 0 15px;
    padding: 0;
    font-size: 14px;
    overflow: hidden;
  }
  .top-events-landing .button-section > a:nth-child(2n+1) {
    margin-right: 4%;
  }
  .top-events-landing .button-section > a:hover,
  .top-events-landing .button-section > a:focus,
  .top-events-landing .button-section > a:active {
    background: #f78e1e;
    /*border-color: #f78e1e;*/
    color: #ffffff;
    text-decoration: none;
  }
  .top-events-landing .button-section > a:hover > span,
  .top-events-landing .button-section > a:focus > span,
  .top-events-landing .button-section > a:active > span,
  .top-events-landing .button-section > a:hover > span > span,
  .top-events-landing .button-section > a:focus > span > span,
  .top-events-landing .button-section > a:active > span > span {
    color: #ffffff;
    text-decoration: none;
  }
  .top-events-landing .button-section > a > span,
  .top-events-landing .button-section > a > span > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    max-width: 94%;
    margin: auto;
    text-align: center;
  }
  .events-landing .header-page {
    display: none;
  }
  .events-landing .desc-section {
    text-align: center;
  }
  .events-landing .desc-section .events-title {
    text-align: center;
    float: none;
    color: #f78e1e;
    font-weight: normal;
  }
  .block-events-select {
    border-bottom: solid 1px #bfc0c2;
    padding-bottom: 30px;
    margin-bottom: 0;
  }
  .ias_trigger,
  .last_item {
    width: 76% !important;
    margin-left: 12% !important;
    margin-right: 12% !important;
    clear: left;
    padding: 0 10px;
  }
  .ias_trigger h3,
  .last_item h3,
  .ias_trigger a,
  .last_item a {
    background: #00b6de;
    display: block;
    border-radius: 15px;
    padding: 0;
    margin: 0 !important;
  }
  .ias_trigger h3 > span,
  .last_item h3 > span,
  .ias_trigger a > span,
  .last_item a > span,
  .ias_trigger h3 > span > span,
  .last_item h3 > span > span,
  .ias_trigger a > span > span,
  .last_item a > span > span {
    background: none;
    padding: 0;
  }
  .events-list article.last_item {
    width: 76% !important;
    margin-left: 13% !important;
    margin-right: 13% !important;
  }
  .pagenav-events {
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-top: solid 1px #ebebeb;
    padding-top: 20px;
  }
  .pagenav-events > div a {
    font-size: 24px;
    position: relative;
  }
  .pagenav-events div.page-prev a {
    padding-left: 30px;
  }
  .pagenav-events div.page-prev a:before {
    position: absolute;
    left: 0;
    top: 3px;
  }
  .pagenav-events div.page-next a {
    padding-right: 30px;
  }
  .pagenav-events div.page-next a:after {
    position: absolute;
    right: 0;
    top: 3px;
  }
  .title-notfound,
  .osconnect-noresult,
  .no-results {
    padding: 0 5%;
  }
  .tab-desktop {
    display: none !important;
  }
    .tab-mobile {
    display:block;
    }
  .article-content {
    margin-top: 10px;
  }
  .article-content table {
    width: 100% !important;
  }
  .article-content table tr,
  .article-content table td {
    /*word-wrap: break-word;*/
  }
  .article-content table tr p,
  .article-content table td p,
  .article-content table tr p > a,
  .article-content table td p > a {
    white-space: pre-line;
     /*word-wrap: break-word;*/
  }
  .home-section.home-generic .header-page {
    font-size: 34px;
    padding: 0 0 10px;
    margin-bottom: 25px;
  }
  .home-section.home-generic .header-page .header-title {
    font-size: 34px;
     /*word-wrap: break-word;*/
  }
  .home-section.home-generic .container {
    width: 90% !important;
    margin: 0 5% !important;
    padding-top: 30px;
  }
  article.general-page {
    margin: 0;
    word-wrap: break-word;
  }
  .menu-mobile {
    width: 78px;
    height: 78px;
    float: left;
    display:block;
  }
  .menu-mobile .ico-menu {
    background: url("../images/ico-menu-mobile.png") no-repeat center center;
    display: block;
    width: 78px;
    height: 78px;
    cursor: pointer;
  }
  .menu-mobile:hover .form-menu,
  .menu-mobile:focus .form-menu,
  .menu-mobile:active .form-menu {
    display: block;
  }
  .menu-mobile:hover .ico-menu,
  .menu-mobile:focus .ico-menu,
  .menu-mobile:active .ico-menu {
    background-color: #ebebeb;
  }
  .form-menu {
    position: absolute;
    left: 0;
    width: 100%;
    top: 78px;
    background: #ebebeb;
    padding: 40px 0;
    display: none;
    overflow: hidden;
  }
  .form-menu #menu {
    margin-left: 56px;
    float: left;
  }
  .form-menu #menu > ul {
    margin: 0;
    padding: 0;
  }
  .form-menu #menu > ul.menu-nav {
    padding: 0;
    margin: 0;
  }
  .form-menu #menu > ul.menu-nav > li {
    width: 95%;
    padding: 5px 0;
    margin: 0 0 5px;
  }
  .form-menu #menu > ul.menu-nav > li a {
    text-transform: uppercase;
    color: #f78e1e;
    padding: 0;
    margin: 0;
    font-size: 26px;
  }
  .form-menu #menu > ul.header-menu {
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .form-menu #menu > ul.header-menu li {
    list-style: none;
    padding: 5px 0;
    line-height: normal;
    display: block;
  }
  .form-menu #menu > ul.header-menu li a {
    color: #000000;
    font-size: 26px;
  }
  .form-menu .copyright {
    margin-left: 56px;
    font-size: 28px;
    padding-right: 20px;
    float: left;
  }
  .form-menu .copyright small {
    font-size: 28px;
  }
  .form-menu .copyright li {
    display: block;
    padding: 3px 0;
    border: none;
    line-height: normal;
  }
  .form-menu .copyright a {
    color: #f78e1e;
    border: none !important;
    padding: 0;
  }
  .form-menu .link-version {
    margin-left: 56px;
    margin-top: 15px;
    float: left;
    width: 100%;
    font-size: 20px;
  }
  .about .container .desc-section {
    width: 100%;
    margin-top: 15px;
  }
  .about .container .button-section {
    margin-top: 15px;
  }
  .about .img-about {
    width: auto;
    overflow: hidden;
    max-width: none;
  }
  .about .img-about img {
    max-width: none;
    margin-left: -50%;
    margin-right: -50%;
  }
  .device_mobile .about .img-about img {
    width: auto !important;
    margin-left: -50%;
    margin-right: -50%;
  }
  .pagenav-topic .preview-pagenav,
  .pagenav-topic .next-pagenav {
    width: 49%;
  }
  .pagenav-topic .preview-pagenav label,
  .pagenav-topic .next-pagenav label,
  .pagenav-topic .preview-pagenav a,
  .pagenav-topic .next-pagenav a {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 15px;
  }
  .pagenav-topic .preview-pagenav a,
  .pagenav-topic .next-pagenav a {
    font-size: 26px;
  }
  .pagenav-topic .next-pagenav label,
  .pagenav-topic .next-pagenav a {
    text-align: right;
  }
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img,
  .carousel-inner > img {
    width: auto !important;
    height: 433px;
    margin-left: -50%;
    margin-right: -50%;
  }
  .resource-landing {
    overflow: visible;
  }
  .resource-landing .container .btn-small-gray:hover,
  .resource-landing .container .btn-small-gray:focus,
  .resource-landing .container .btn-small-gray:active {
    background: #f78e1e;
    height: 38px;
    line-height: 38px;
    border: solid 1px transparent;
  }
  .resource-landing .container .btn-small-gray:hover > span,
  .resource-landing .container .btn-small-gray:focus > span,
  .resource-landing .container .btn-small-gray:active > span,
  .resource-landing .container .btn-small-gray:hover > span > span,
  .resource-landing .container .btn-small-gray:focus > span > span,
  .resource-landing .container .btn-small-gray:active > span > span {
    background: none;
  }
  .resource-landing .container .top-resource-landing {
    margin-top: 0;
    width: 90%;
    margin-left: 5%;
    padding: 0 10px;
  }
  .resource-landing .container .top-resource-landing > div,
  .resource-landing .container .top-resource-landing .button-section {
    float: left;
    width: 100% !important;
    margin-top: 0;
    position: relative;
  }
  .resource-landing .container .top-resource-landing > div > a,
  .resource-landing .container .top-resource-landing .button-section > a {
    float: right;
    margin: 0 0 5px 0;
    font-size: 16px;
    padding: 0 ;
    width: 47%;
  }
  .resource-landing .container .top-resource-landing > div > a:last-child,
  .resource-landing .container .top-resource-landing .button-section > a:last-child {
    float: left;
  }
  .resource-landing .container .top-resource-landing > div > a:nth-child(3),
  .resource-landing .container .top-resource-landing .button-section > a:nth-child(3) {
    position: absolute;
    left: 53%;
  }
  .resource-landing .container .top-resource-landing > div > a:nth-child(2),
  .resource-landing .container .top-resource-landing .button-section > a:nth-child(2) {
    position: absolute;
    left: 0;
    top: 70px;
  }
  .resource-landing .container .top-resource-landing > div label,
  .resource-landing .container .top-resource-landing .button-section label {
    margin-left: 0;
  }
  .resource-landing .container .top-resource-landing .button-section {
    margin-top: 35px;
  }
  .resource-landing .home-container .container {
    padding-left: 0;
    padding-right: 0;
  }
  .home-section .title-section,
  .resource .container .title-section {
    font-size: 42px;
    width: 82%;
    margin: auto;
  }
  .home-section .desc-section,
  .resource .container .desc-section {
    width: 85%;
    margin: auto;
  }
  .home-section .button-section,
  .resource .container .button-section {
    margin-top: 54px;
  }
  .home-section .btn-gray-light:hover,
  .resource .container .btn-gray-light:hover,
  .home-section .btn-gray-light:focus,
  .resource .container .btn-gray-light:focus,
  .home-section .btn-gray-light:active,
  .resource .container .btn-gray-light:active {
    background: #f5f5f5;
    border-color: #666666;
  }
  .home-section .btn-gray-light:hover > div,
  .resource .container .btn-gray-light:hover > div,
  .home-section .btn-gray-light:focus > div,
  .resource .container .btn-gray-light:focus > div,
  .home-section .btn-gray-light:active > div,
  .resource .container .btn-gray-light:active > div {
    background: none;
    padding-right: 0;
  }
  .home-section .btn-gray-light:hover > div > div,
  .resource .container .btn-gray-light:hover > div > div,
  .home-section .btn-gray-light:focus > div > div,
  .resource .container .btn-gray-light:focus > div > div,
  .home-section .btn-gray-light:active > div > div,
  .resource .container .btn-gray-light:active > div > div {
    background: none;
  }
  .resource .container {
    padding-top: 50px;
  }
  .resource.resource-landing .container {
    padding-top: 23px;
  }
  .resource .button-section .btn-gray-light {
    width: 45%;
  }
  .resource.resource-landing .home-container {
    padding-top: 0;
  }
  .resource.resource-landing .title-section,
  .resource.resource-landing .desc-section {
    width: auto;
    margin: 0;
  }
  .resource .container .btn-gray-light .btn {
    width: 100%;
  }
  .select-resource .open > .dropdown-toggle.btn-default,
  .select-resource .btn.dropdown-toggle {
    line-height: 30px;
  }
  .home-section .page-about {
    width: 100%;
  }
  .home-section.video-about .page-about .desc-section {
    padding-left: 0;
    padding-right: 0;
  }
  .home-section.author-about .row > .col-xs-6 {
    width: 100%;
  }
  .resource {
    min-height: 420px;
  }
  .resource .img-resource {
    margin-bottom: 20px;
  }
  .resource .img-resource img {
    min-height: 420px;
    width: auto;
    margin-left: -50%;
    margin-right: -50%;
  }
  .resource .container .btn-yellow {
    margin-top: 15px;
  }
  .membership-page .container {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .membership-page .container .button-section {
    margin-top: 0;
  }
  .header-title {
    font-size: 34px;
  }
  .introducing .container {
    padding-bottom: 30px;
  }
  .introducing .header-page {
    padding-bottom: 35px;
  }
  .introducing .header-page .header-title {
    margin-bottom: 10px;
  }
  .introducing .header-page p {
    width: 100%;
    padding: 0 10px;
  }
  .introducing .intro-list .col-xs-9,
  .introducing .intro-list .col-xs-3 {
    width: 100%;
  }
  .introducing .intro-list .intro-page {
    padding-bottom: 20px;
  }
  .introducing .intro-list .intro-page .col-xs-4 {
    width: 100%;
  }
  .introducing .intro-list .intro-page .col-xs-4 .intro-detail {
    width: 76%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
  }
  .introducing .intro-list .intro-page .col-xs-4 .intro-detail > img {
    width: 100%;
    height: auto;
  }
  .introducing .intro-list .intro-page .col-xs-4 .intro-detail .intro-content {
    padding-bottom: 20px;
  }
  .benefits .container {
    padding: 40px 0;
  }
  .benefits-list {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0;
    margin-right: 0;
  }
  .benefits-list .col-xs-4 {
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
  }
  .benefits-list .col-xs-4 .benefit-detail {
    width: 76%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
  }
  .benefits-list .col-xs-4 .benefit-detail > img {
    width: 100%;
    height: auto;
  }
  .benefits-list .col-xs-4 .benefit-detail .benefit-content {
    padding-bottom: 20px;
  }
  .signup .container {
    border-top: none;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .signup .container > p {
    width: 95%;
  }
  .signup .container .button-section {
    margin-top: 15px;
    margin-bottom: 30px;
  }
  .signup .container .button-section .btn-yellow {
    background: #00b6de;
    height: 50px;
    line-height: 50px;
    padding: 0 24px;
    border-radius: 24px;
    font-size: 20px;
    font-weight: 700;
  }
  .signup .container .button-section .btn-yellow > span > span {
    height: 50px;
    line-height: 50px;
    padding: 0;
  }
  .signup .container .button-section .btn-yellow > span > span:after {
    background: url("../images/arrow-gray.png") no-repeat 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 23px;
    margin-left: 10px;
    margin-top: 13px;
    vertical-align: top;
    width: 24px;
  }
  .intro-list-detail h4 {
    margin-top: 10px;
  }
  .intro-list-detail ul {
    margin: 0;
  }
  .intro-list-detail ul > li {
    width: 48%;
    margin-bottom: 10px;
  }
  .intro-list-detail ul > li:nth-child(2n+1) {
    margin-right: 3%;
  }
  .intro-list-detail ul > li > a {
    background: #f78e1e;
    color: #ffffff;
    border-radius: 16px;
    display: inline-block;
    line-height: 30px;
    height: 30px;
    width: 100%;
    padding: 0;
    font-weight: 700;
    text-align: center;
  }
  .intro-list-detail ul > li > a > span > span {
    max-width: 95%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
  }
  .des-osconnect-mobile {
    text-align: left;
    color: #ffffff;
    position: absolute;
    bottom: 30px;
    padding: 0 5%;
  }
  .des-osconnect-mobile h2 {
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
  }
  .des-osconnect-mobile p {
    padding-left: 10px;
    padding-right: 10px;
  }
  .connect-landing .header-title {
    width: 90%;
    margin-left: 5%;
  }
  .connect-landing .header-page .desc-page {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .page-nav {
    float: none;
  }
  .vmerchants-pages {
    width: 90%;
    margin: auto;
  }
  .header-merchants {
    width: 90%;
    margin: auto;
  }
  .header-merchants .header-page-merchant {
    font-size: 34px;
  }
  .content-faq {
    width: 90%;
    margin: 0 auto;
  }
  .content-faq .title-section {
    font-size: 28px;
  }
  .content-faq .block-accordion .content-accordion {
    margin-right: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
  .content-faq .block-accordion .tile-accordion h3 {
    font-size: 20px;
    padding: 15px 0;
  }
  .content-faq .block-accordion .tile-accordion h3:after {
    right: 0;
  }
  .home-section .page-about,
  .home-section.faq-about .container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .home-section .page-about .title-section,
  .home-section.faq-about .container .title-section {
    font-size: 40px;
    width: 90%;
  }
  .home-section.video-about .page-about {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .home-section.video-about .page-about .video-page-about {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .content-page-about .title-video {
    font-size: 30px;
    top: 15%;
  }
  .home-section.video-about .page-about .desc-section {
    font-size: 20px;
  }
  .block-search .search {
    width: 100%;
  }
  .home-login .container {
    padding-left: 15px;
    padding: 15px;
  }
  .info-submit {
    padding-left: 20px;
    padding-right: 20px;
  }
  .field-form-login {
    width: 100%;
  }
  .field-login {
    margin-bottom: 15px;
  }
  .field-login.region-more {
    margin-top: 0;
  }
  .title-login {
    padding: 0;
  }
  .forgot-password .field-form-login .title-login {
    padding-left: 0;
    padding-right: 0;
  }
  .checkbox .text-checkbox {
    width: 87%;
  }
  .form-login {
    background: none;
    height: auto;
    line-height: normal;
    margin: 0;
    padding: 0;
  }
  .form-login .ico-user {
    background: url("../images/ico-user-mobile.png") no-repeat center center #ffffff;
    width: 78px;
    height: 78px;
    text-align: center;
    vertical-align: middle;
    line-height: 78px;
    cursor: pointer;
  }
  .form-login .ico-user:before {
    font-size: 28px;
    color: #666666;
  }
  .form-login > div,
  .form-login > div > div {
    background: none;
    line-height: normal;
    height: auto;
    padding: 0;
    word-wrap: normal;
    white-space: normal;
  }
  .form-login .form-signup-header {
    width: 90%;
    text-align: center;
    position: absolute;
    right: 0;
    min-height: 200px;
    background: #ebebeb;
    display: none;
  }
  .form-login .form-signup-header .header-page {
    padding: 20px;
    width: 100%;
  }
  .form-login .form-signup-header .header-page .header-title {
    text-align: center;
    width: 100%;
    word-wrap: break-word;
    margin-bottom: 15px;
    font-size: 54px;
  }
  .form-login .form-signup-header .header-page a {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    font-weight: bold;
  }
  .form-login .form-signup-header .header-page a > span,
  .form-login .form-signup-header .header-page a > span > span {
    font-weight: bold !important;
  }
  .form-login .form-signup-header .header-page .btn-yellow-large > span > span:after {
    background: url("../images/arrow-gray.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 23px;
    margin-left: 10px;
    margin-top: 12px;
    vertical-align: top;
    width: 24px;
  }
  .form-login .form-signup-header .header-page.form-logout-header {
    text-align: left;
  }
  .form-login .form-signup-header .header-page ul {
    margin: 0 0 30px;
    padding: 0;
    float: none;
    text-align: left;
  }
  .form-login .form-signup-header .header-page ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal;
  }
  .form-login .form-signup-header .header-page ul li a {
    color: #f78e1e;
    padding: 0;
    margin: 0;
    line-height: normal;
  }
  .form-login:hover .ico-user,
  .form-login:focus .ico-user,
  .form-login:active .ico-user {
    background-color: #ebebeb;
  }
  .form-login:hover .form-signup-header,
  .form-login:focus .form-signup-header,
  .form-login:active .form-signup-header {
    display: block;
  }
  .field-form-login {
    margin-top: 20px;
  }
  .title-login h3 {
    font-size: 30px;
  }
  .field-login .btn-half.btn-time.first-child {
    margin-right: 2%;
  }
  .field-form-login.field-login-detail .field-login h4,
  .field-login h4,
  .field-form-login.field-profile .field-login h4 {
    font-size: 18px;
  }
  .field-login .btn-gray-default input.form-input {
    height: 37px;
    line-height: 37px;
    margin: 0;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .field-login .btn-three.btn-middle {
    margin-left: 2%;
    margin-right: 2%;
  }
  .checkbox .text-checkbox {
    font-size: 16px;
  }
  .field-radiobox .checkbox .text-checkbox {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
  }
  .btn-gray-default .dropdown-menu {
    min-width: 60px !important;
  }
  .checkbox label {
    margin-right: 4px;
  }
  .sign-up.btn-yellow-large > span,
  .info-submit .btn-large-blue > span,
  .sign-up.btn-yellow-large > span > span,
  .info-submit .btn-large-blue > span > span {
    width: 100%;
    background: none;
    padding: 0;
  }
  .sign-up.btn-yellow-large,
  .info-submit .btn-large-blue {
    padding-left: 20px !important;
  }
  .sign-up.btn-yellow-large > span,
  .info-submit .btn-large-blue > span {
    padding-right: 20px !important;
  }
  .sign-up.btn-yellow-large > span > span,
  .info-submit .btn-large-blue > span > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: auto;
    width: auto;
  }
  .info-submit .btn-large-blue {
    padding: 0;
  }
  .btn-yellow-large.sign-up {
    max-width: 300px;
    padding-left: 25px;
  }
  .btn-yellow-large.sign-up > span {
    padding-right: 25px;
  }
  .btn-yellow-large.sign-up > span > span {
    padding-right: 20px;
  }
  .btn-yellow-large.sign-up .arrow {
    right: 20px;
  }
  .info-submit .sign-back.btn-yellow-large {
    margin-bottom: 10px;
  }
  .info-submit h4 {
    margin-left: -30px;
    margin-right: -30px;
  }
  .field-login .valid-message {
    font-size: 12px;
  }
  .content-login.page-login .field-form-login.forgot-password .title-login {
    padding: 0 !important;
    width: 90% !important;
    margin: auto !important;
    text-align: center;
  }
  .content-login.page-login .field-form-login.forgot-password .title-login .noticeMsg-notice {
    width: 100% !important;
    margin: auto !important;
    text-align: center;
  }
  .creat-event .container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .creat-page {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .creat-page .creat-info {
    margin-top: 5px;
  }
  #create-event-form .btn-large-blue {
    max-width: 100%;
  }
  #create-event-form .btn-large-blue > span,
  #create-event-form .btn-large-blue > span > span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  #create-event-form .btn-gray-default .bootstrap-timepicker-widget.dropdown-menu {
    height: auto !important;
  }
  #create-event-form .speaker.container-fluid .btn-gray-default .dropdown-menu {
    height: 114px !important;
  }
  #create-event-form .btn-gray-default .dropdown-menu {
    height: 260px !important;
  }
  .header-field {
    font-size: 20px;
  }
  .events-page {
    padding-right: 0;
    margin-left: -10px;
    margin-right: -10px;
  }
  .events-page .meta-info {
    text-align: left;
  }
  .events-page .title-article {
    font-size: 30px;
    text-align: left;
  }
  .events-page .meta-article {
    border-bottom: 0;
  }
  .events-page .meta-article .location {
    display: block;
    border-left: none;
    margin-bottom: 5px;
  }
  .events-page .meta-article .date-event {
    border-left: none;
  }
  .events-page .article-content {
    overflow: hidden;
  }
  .events-page .article-content img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }
  .events-page .register .btn-large-blue {
    width: 100%;
  }
  .events-page > article > .meta-info,
  .events-page > article > .title-article,
  .events-page > article > .event-right-mobile,
  .events-page > article > .article-content,
  .events-page > article > .register.home-center,
  .events-page > article > .meta-article {
    width: 90% !important;
    float: none;
    margin-left: 5%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .event-right-mobile {
    padding-left: 0;
    padding-right: 0;
  }
  .event-right-mobile .block:first-child {
    border-top: none;
  }
  .event-right-mobile .event-detail-img {
    width: 100% !important;
  }
  .event-right-mobile .event-detail .social-list {
    float: left;
    font-size: 24px;
  }
  .event-detail > li {
    padding-left: 0;
    padding-right: 0;
  }
  .divEventList {
    width: 100% !important;
    min-height: 0px !important;
    margin: 0 !important;
    padding: 0 0 10px !important;
  }
  .divEventList.borderRight {
    margin-right: 0;
    border-right: none;
  }
  .divEventList .row-event-content {
    width: auto !important;
  }
  .divEventList .row-title-event {
    color: #000000;
    margin-bottom: 5px;
  }
  .divEventList .btn-small-blue {
    background: #ffffff;
    border: solid 1px #666666;
    border-radius: 18px;
    padding: 0 18px;
    min-width: 90px;
    color: #333;
  }
  .divEventList .btn-small-blue:hover,
  .divEventList .btn-small-blue:focus,
  .divEventList .btn-small-blue:active {
    color: #f78e1e;
  }
  .divEventList .btn-small-blue:hover > span,
  .divEventList .btn-small-blue:focus > span,
  .divEventList .btn-small-blue:active > span,
  .divEventList .btn-small-blue:hover > span > span,
  .divEventList .btn-small-blue:focus > span > span,
  .divEventList .btn-small-blue:active > span > span {
    color: #f78e1e;
  }
  .divEventList .btn-small-blue > span,
  .divEventList .btn-small-blue > span > span {
    background: none;
    padding: 0;
  }
  .dashboard_content > .container > .row.clearfix {
    width: auto;
  }
  .dashboard_content .col-lg-9 {
    width: 90% !important;
    margin-left: 5%;
  }
  .dashboard_content .header-dash-mobile {
    text-align: center;
    color: #f78e1e;
    font-size: 34px;
    margin-bottom: 20px;
  }
  .field-form-event.title-login .desc-login {
    margin-left: 0;
    margin-right: 0;
  }
  .preview-event-btn {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  .preview-event-btn .btn-large-blue {
    margin-bottom: 10px;
  }
  .creat-form .header-tab .tab {
    margin: 0 !important;
    padding: 0 !important;
  }
  .creat-form .header-tab .tab li {
    float: left;
    width: 25%;
    margin: 0;
    padding: 0;
    position: relative;
    border-bottom: none;
  }
  .creat-form .header-tab .tab li:before {
    content: "";
    background: #bfc0c2;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    display: block;
    margin: auto;
    z-index: 10;
    position: relative;
  }
  .creat-form .header-tab .tab li:after {
    width: 100%;
    height: 1px;
    background: #bfc0c2;
    position: absolute;
    left: 0;
    top: 15px;
    display: block;
    content: "";
    z-index: 1;
  }
  .creat-form .header-tab .tab li:first-child::before {
    display: block;
  }
  .creat-form .header-tab .tab li a {
    display: block;
    width: 100%;
    margin: 5px 0 0 !important;
    padding: 0 !important;
    text-indent: -999em;
    font-size: 0;
    word-spacing: -3px;
    text-align: center;
  }
  .creat-form .header-tab .tab li:hover,
  .creat-form .header-tab .tab li:focus,
  .creat-form .header-tab .tab li:active,
  .creat-form .header-tab .tab li.active {
    border: none !important;
  }
  .creat-form .header-tab .tab li.active {
    border: none;
    padding: 0;
  }
  .creat-form .header-tab .tab li.active:before {
    background: #f78e1e;
    width: 36px;
    height: 36px;
    line-height: 36px;
    top: -4px;
  }
  .creat-form .header-tab .tab li.active:after {
    height: 3px;
    background: #808285;
    top: 14px;
  }
  .creat-form .header-tab .tab li.active a {
    font-size: 12px;
    text-indent: 0;
  }
  .creat-form .header-tab .tab li[data-action="step1"]:before {
    content: "1";
  }
  .creat-form .header-tab .tab li[data-action="step2"]:before {
    content: "2";
  }
  .creat-form .header-tab .tab li[data-action="step3"]:before {
    content: "3";
  }
  .creat-form .header-tab .tab li[data-action="step4"]:before {
    content: "4";
  }
  .creat-event .title-section {
    font-size: 34px;
    margin-bottom: 15px;
  }
  .regis-event-title {
    font-size: 40px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .right-regis-event {
    width: 90% !important;
    margin-left: 5% !important;
    margin-right: 5% !important;
    float: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .social-header {
    width: auto;
    margin-top: 0;
  }
  .social-header .search {
    float: right;
    background: none;
    padding: 0;
    height: auto;
    line-height: normal;
    width: auto;
    display: inline-block;
  }
  .social-header .search > div {
    background: none;
    padding: 0;
    height: auto;
    line-height: normal;
  }
  .social-header .search > div .searchform {
    background: #ebebeb;
    height: auto;
    padding: 18px;
    width: 100%;
    position: absolute;
    left: 0;
    display: none;
  }
  .social-header .search > div .searchform input {
    background: #ffffff;
    border: solid 2px #666666;
    border-radius: 25px;
    color: blue;
    height: 49px;
    line-height: 49px;
    color: #000000;
    font-size: 28px;
    padding: 0 40px;
    margin: 0 14px 0 0;
    width: 63%;
  }
  .social-header .search > div .searchform .search-button {
    background: #f78e1e;
    color: #ffffff;
    border: none;
    border-radius: 25px;
    height: 49px;
    line-height: 49px;
    padding: 0 30px;
    margin: 0 14px 0 0;
    font-size: 28px;
  }
  .social-header .search > div .ico-search {
    background: url("../images/ico-search-mobile.png") no-repeat center center #ffffff;
    width: 78px;
    height: 78px;
    text-align: center;
    vertical-align: middle;
    line-height: 78px;
    display: block;
    cursor: pointer;
  }
  .social-header .search:hover .ico-search,
  .social-header .search:focus .ico-search,
  .social-header .search:active .ico-search {
    background-color: #ebebeb;
  }
  .social-header .search:hover > div .searchform,
  .social-header .search:focus > div .searchform,
  .social-header .search:active > div .searchform {
    display: block;
    left: 0;
  }
  .right-topic {
    position: absolute;
    left: 5%;
    top: 0;
    z-index: 100;
    width: 90% !important;
  }
  .right-topic:after {
    content: '';
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
  }
  .right-topic .title-topic {
    text-align: center;
    background: #8d8fba;
    border-radius: 5px;
    padding: 10px 0;
    color: #ffffff;
    margin-bottom: 0;
  }
  .right-topic .title-topic.in:after {
    display: inline-block;
    width: 23px;
    height: 23px;
    content: "";
    background: url("../images/bg-faq.png") no-repeat 0 -23px;
    margin: 0 0 0 5px;
    vertical-align: middle;
  }
  .right-topic .title-topic.out:after {
    display: inline-block;
    width: 23px;
    height: 23px;
    content: "";
    background: url("../images/bg-faq.png") no-repeat 0 0;
    margin: 0 0 0 5px;
    vertical-align: middle;
  }
  .right-topic .show-topic {
    display: block;
    background: #ebebeb;
    padding: 20px;
    border-radius: 5px;
    opacity: 0;
    /*filter: alpha(opacity=0);*/
    /*position: absolute;*/
    visibility: hidden;
    left: 0%;
  }
  .right-topic .show-topic .block:first-child {
    border-top: none;
  }
  .right-topic #content-topic-resource-mobile {
    position: relative;
    opacity: 1;
    /*filter: alpha(opacity=100);*/
    left: 0;
    display: none;
    visibility: visible;
  }
  .right-topic .tile-accordion {
    background: none;
    padding: 0;
    color: #8d8fba;
    font-weight: 700;
  }
  .right-topic .tile-accordion > div,
  .right-topic .tile-accordion > div > div {
    background: none;
    padding-right: 0;
    line-height: normal;
  }
  .right-topic .tile-accordion h3 {
    padding-top: 3px;
    padding-bottom: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: normal;
  }
  .right-topic .tile-accordion h3 a {
    color: #8d8fba;
    font-weight: 700;
    padding-left: 15px;
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: normal;
  }
  .right-topic .tile-accordion .arrow {
    left: 0;
    right: auto;
    margin-bottom: 0;
  }
  .right-topic .content-accordion {
    background: none;
    padding: 0;
  }
  .right-topic .content-accordion ul {
    padding-left: 20px;
  }
  .right-topic .block-accordion {
    margin-bottom: 0;
  }
  .trending-page .start-list {
    margin-top: 20px;
  }
  .trending-page .start-list .row {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #bfc0c2;
  }
  .trending-page .start-list .row > div {
    border-top: none;
  }
  .resouces-topic,
  .left-topic {
    margin-top: 50px; /*80*/
  }
    .right-topic-desktop {
        display:none;
    }
  .select-resource button.btn {
    display: block;
    white-space: normal;
    overflow: hidden;
    font-size: 34px;
  }
  .header-storieslist {
    position: absolute;
    left: 5%;
    bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .header-storieslist .filter-item {
    width: 48%;
    margin-right: 0;
  }
  .header-storieslist .filter-item:first-child {
    margin-right: 3%;
  }
  .header-storieslist .filter-item label {
    display: block;
  }
  .filter-item ul {
    width: 100%;
  }
  .filter-item ul > li {
    width: 96%;
  }
  .filter-item ul > li > a {
    background: #8d8fba;
    padding: 0 0;
    border-radius: 15px;
    display: block;
    width: 100%;
  }
  .filter-item ul > li > a.no-click {
    cursor: none;
  }
  .filter-item ul > li > a.no-click:hover,
  .filter-item ul > li > a.no-click:focus,
  .filter-item ul > li > a.no-click:active {
    text-decoration: none !important;
  }
  .filter-item ul > li > a > span {
    padding: 0;
    background: none;
    display: block;
  }
  .filter-item ul > li > a > span > span {
    background: none;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 90%;
    text-align: center;
    margin: auto;
  }
  article .short-desc {
    text-align: center;
    margin-bottom: 15px !important;
  }
  article .title-article {
    font-size: 50px;
    text-align: center;
    line-height: 1.1;
    word-wrap: break-word;
  }
  article .meta-info {
    text-align: center;
  }
  article .meta-info .creat-time,
  article .meta-info .category {
    display: inline-block;
    text-align: center;
    float: none;
  }
  article .meta-article .user,
  article .meta-article .topic-list,
  article .meta-article .social-list {
    width: 100%;
    text-align: center;
    float: none;
  }
  article .meta-article .topic-list {
    margin-bottom: 10px;
  }
  article .meta-article .topic-list label {
    text-align: center;
    float: none;
    margin-bottom: 10px;
  }
  #stories-landing .stories .stories-list {
    margin-top: 0;
  }
  #stories-landing .stories .title-latest.desc-section {
    width: 76% !important;
    margin-left: auto;
    margin-right: auto;
  }
  .all-link {
    background: none;
    padding-right: 0;
  }
  .header-storieslist {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .block-topic .block-title {
    text-align: center;
  }
  .left-topic .stories-page {
    width: auto;
    margin: auto -10px;
  }
  .left-topic .stories-page > article .meta-info,
  .left-topic .stories-page > article .title-article,
  .left-topic .stories-page > article .short-desc,
  .left-topic .stories-page > article .meta-article,
  .left-topic .stories-page > article .article-content {
    margin: 0 3%; /*prev 13%*/
  }
  .left-topic .stories-page > article .meta-info {
    margin-bottom: 20px;
  }
  .left-topic .stories-page > article .title-article {
    font-size: 50px;
    line-height: 1.1;
  }
  .left-topic .stories-page > article .meta-article {
    border-bottom: solid 1px #ebebeb;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .left-topic .stories-page > article .meta-article .user {
    margin-bottom: 5px;
  }
  .left-topic .stories-page .article-content img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
  }
  .left-topic iframe {
    width: 100% !important;
    height: auto !important;
  }
  .block-events-select .month,
  .block-events-select .year {
    width: 100%;
  }
  .topic {
    text-align: center;
  }
  .topic li a {
    background: #8d8fba;
    padding: 0 15px;
    border-radius: 15px;
    height: 30px;
    line-height: 30px;
  }
  .topic li a > span,
  .topic li a > span > span {
    height: 30px;
    line-height: 30px;
    padding: 0;
  }
  .block-events-select .btn-dark-light {
    width: 100% !important;
  }
  .block-events-select .btn-dark-light .open > .dropdown-toggle,
  .block-events-select .btn-dark-light .btn.dropdown-toggle {
    text-align: center;
    width: 100%;
    min-width: 100%;
  }
  .block-events-select .btn-dark-light .open > .dropdown-toggle .caret,
  .block-events-select .btn-dark-light .btn.dropdown-toggle .caret {
    position: relative;
    top: 0;
    margin-top: 10px;
    margin-left: 5px;
    right: 0;
  }
  .block-events-select .btn-dark-light .open > .dropdown-toggle .slimScrollDiv,
  .block-events-select .btn-dark-light .btn.dropdown-toggle .slimScrollDiv {
    width: 100% !important;
  }
  .button-section.month .btn-dark-light .dropdown-menu > .slimScrollDiv,
  .button-section.year .btn-dark-light .dropdown-menu > .slimScrollDiv {
    width: 100% !important;
  }
  .btn-dark-light.select-country .btn.dropdown-toggle,
  .btn-dark-light.select_profess .btn.dropdown-toggle,
  .btn-dark-light.select-country .open > .btn.dropdown-toggle,
  .btn-dark-light.select_profess .open > .btn.dropdown-toggle {
    width: 100% !important;
    min-width: 100% !important;
  }
  .block-violet {
    margin: 0 -20px -20px;
  }
  .block-violet .block-content {
    background: #8d8fba;
  }
  .block-violet > div:before {
    display: none;
  }
  .block-violet .btn-white {
    display: block;
    text-align: left;
  }
  .highlight .high-light {
    height: auto;
    padding: 10px 0;
  }
  .highlight .high-light p:first-child {
    text-align: left;
    padding-right: 0;
  }
  .highlight .high-light a {
    margin-left: 0 ;
    background-position: right center;
  }
  .block-regis .register .btn-large-blue {
    width: 100%;
  }
  .block-search .search {
    background: #ffffff;
    border-radius: 18px;
    padding: 0 25px;
    border: solid 1px #555;
  }
  .block-search .search > div,
  .block-search .search > div > div {
    background: #ffffff;
    padding: 0;
    height: 29px;
    line-height: 29px;
  }
  .block-search .search > div > div input {
    margin-top: 0;
    width: 100%;
    text-align: center;
  }
  .block-search .search > div > div .searchform:after {
    right: -5px;
  }
  #content-topic-article-mobile .button-section.country .btn-dark-light .open > .dropdown-toggle.btn-default,
  #content-topic-article-mobile .button-section.country .btn-dark-light .btn.dropdown-toggle {
    text-align: center;
    line-height: 29px;
  }
  #content-topic-article-mobile .block-menu {
    border-bottom: none;
    margin-bottom: 0;
  }
  #content-topic-article-mobile .block-menu .menu-category {
    margin-bottom: 0;
  }
  .member-info-dash.field-regis-form {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 0;
  }
  .member-info-dash.field-regis-form .checkbox .text-checkbox {
    width: 72%;
    margin-top: 5px;
    margin-bottom: 0;
  }
  .event-landing-regis {
    margin-top: 0;
  }
  .event-landing-regis .events-page > p {
    padding-left: 20px;
    padding-right: 20px;
  }
  .btn-dark-light .dropdown-menu {
    border-radius: 8px;
  }
  .btn-dark-light .dropdown-menu > span {
    display: none !important;
  }
  .btn-gray {
    background: #f5f5f5;
    border: solid 2px #666666;
    border-radius: 29px;
    padding: 0 29px;
  }
  .btn-gray > div {
    background: none;
    padding-right: 0;
  }
  .btn-gray > div > div {
    background: none;
  }
  .btn-gray .dropdown-menu {
    background: #f5f5f5;
    border: solid 2px #666666;
    border-radius: 20px;
    padding-bottom: 0;
  }
  .btn-gray .dropdown-menu:after {
    display: none;
  }
  .btn-gray-light {
    background: rgba(0, 0, 0, 0.2);
    border: solid 2px #ffffff;
    border-radius: 29px;
    padding: 0 29px;
  }
  .btn-gray-light:hover,
  .btn-gray-light:focus,
  .btn-gray-light:active {
    background: #f5f5f5;
    border-color: #666666;
  }
  .btn-gray-light:hover > div,
  .btn-gray-light:focus > div,
  .btn-gray-light:active > div {
    background: none;
    padding-right: 0;
  }
  .btn-gray-light:hover > div > div,
  .btn-gray-light:focus > div > div,
  .btn-gray-light:active > div > div {
    background: none;
  }
  .btn-gray-light > div {
    background: none;
    padding-right: 0;
    width: 100%;
  }
  .btn-gray-light > div > div {
    background: none;
    width: 100%;
  }
  .btn-gray-light .dropdown-menu,
  .btn-gray .dropdown-menu {
    background: #f5f5f5;
    border: solid 2px #666666;
    border-radius: 20px;
    padding-bottom: 10px;
    width: 100% !important;
    min-width: 100% !important;
  }
  .btn-gray-light .dropdown-menu:after,
  .btn-gray .dropdown-menu:after {
    display: none;
  }
  .btn-gray-light .dropdown-menu li,
  .btn-gray .dropdown-menu li {
    padding-left: 15px;
    padding-right: 15px;
  }
  .btn-yellow {
    background: #f78e1e;
    padding: 0 20px;
    border-radius: 20px;
  }
  .btn-yellow > span {
    background: none;
    padding-right: 0;
  }
  .btn-yellow > span > span {
    background: none;
  }
  .dropdown-menu {
    min-width: auto;
  }
  .btn-small-gray {
    background: #ffffff;
    border: solid 1px #666666;
    border-radius: 18px;
    line-height: normal;
    font-size: 20px;
    padding: 0 25px;
    height: 38px;
    line-height: 38px;
  }
  .btn-small-gray > span,
  .btn-small-gray > span > span {
    height: 38px;
    line-height: 38px;
    padding: 0;
    background: none;
    vertical-align: top;
  }
  .btn-small-yellow {
    background: #f78e1e;
    border: solid 1px #f78e1e;
    border-radius: 18px;
    line-height: normal;
    font-size: 20px;
    padding: 0 25px;
    height: 38px;
    line-height: 38px;
  }
  .btn-small-yellow > span,
  .btn-small-yellow > span > span {
    height: 38px;
    line-height: 38px;
    padding: 0;
    background: none;
    vertical-align: top;
  }
  .btn-yellow-large {
    background: #f78e1e;
    border: none;
    border-radius: 25px;
    padding-left: 25px;
  }
  .btn-yellow-large > span {
    padding-right: 25px;
  }
  .btn-yellow-large > span > span {
    background: none;
    padding: 0 ;
  }
  .btn-yellow-large .arrow {
    right: 10px;
  }
  .btn-white {
    background: white;
    border: none;
    border-radius: 15px;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
  }
  .btn-white > span,
  .btn-white > span > span {
    height: 30px;
    line-height: 30px;
    padding: 0;
    background: none;
    vertical-align: top;
  }
  .btn-large-blue {
    background: #00b6de;
    padding: 0  24px;
    border-radius: 24px;
  }
  .btn-large-blue > span,
  .btn-large-blue > span > span {
    padding: 0;
    background: none;
    display: block;
  }
  .btn-dark-light {
    background: #ffffff;
    border: solid 1px #555555;
    border-radius: 18px;
    line-height: normal;
    font-size: 20px;
    padding: 0 25px;
    height: 31px;
    line-height: 31px;
  }
  .btn-dark-light > div,
  .btn-dark-light > div > div {
    height: 31px;
    line-height: 31px;
    padding: 0;
    background: none;
    vertical-align: top;
    width: 100%;
  }
  .btn-dark-light .dropdown-menu,
  .btn-dark-light .dropdown-menu > .slimScrollDiv {
    width: 100% !important;
  }
  .bootstrap-timepicker-widget.dropdown-menu {
    margin-left: 0 !important;
  }
  .bootstrap-timepicker-widget.dropdown-menu:after {
    display: none !important;
  }
  .bootstrap-timepicker-widget.dropdown-menu .form-control {
    padding: 3px;
    font-size: 13px;
  }
  .member-info-dash .reset-field .btn-gray-default.btn-textarea,
  .btn-gray-default.btn-textarea {
    background: #f5f5f5;
    border: solid 2px #666666;
    border-radius: 15px;
    padding: 10px;
    font-size: 15px;
  }
  .member-info-dash .reset-field .btn-gray-default.btn-textarea > div,
  .btn-gray-default.btn-textarea > div,
  .member-info-dash .reset-field .btn-gray-default.btn-textarea > div > div,
  .btn-gray-default.btn-textarea > div > div {
    background: none;
    padding: 0;
  }
  .member-info-dash .reset-field .btn-gray-default.btn-textarea textarea,
  .btn-gray-default.btn-textarea textarea {
    margin: 0;
    font-size: 15px;
  }
  .member-info-dash .reset-field .btn-gray-default,
  .btn-gray-default {
    background: #f5f5f5;
    border: solid 2px #666666;
    border-radius: 25px;
    font-size: 15px;
    padding: 0 10px;
    line-height: 41px;
  }
  .member-info-dash .reset-field .btn-gray-default > div,
  .btn-gray-default > div {
    background: none;
    padding: 0;
    line-height: 37px;
  }
  .member-info-dash .reset-field .btn-gray-default > div > div,
  .btn-gray-default > div > div {
    background: none;
    padding: 0;
    line-height: 37px;
  }
  .member-info-dash .reset-field .btn-gray-default.btn-time,
  .btn-gray-default.btn-time {
    padding: 0;
  }
  .member-info-dash .reset-field .btn-gray-default.btn-time input.form-input,
  .btn-gray-default.btn-time input.form-input {
    padding-left: 10px;
  }
  .member-info-dash .reset-field .btn-gray-default.btn-time .caret-time,
  .btn-gray-default.btn-time .caret-time {
    right: 10px;
  }
  .member-info-dash .reset-field .btn-gray-default .open > .dropdown-toggle.btn-default,
  .btn-gray-default .open > .dropdown-toggle.btn-default,
  .member-info-dash .reset-field .btn-gray-default .btn.dropdown-toggle,
  .btn-gray-default .btn.dropdown-toggle {
    font-size: 15px;
    line-height: 37px;
    margin-top: 0;
    width: 92%;
  }
  .member-info-dash .reset-field .btn-gray-default .dropdown-menu,
  .btn-gray-default .dropdown-menu {
    background: #f5f5f5;
    border: solid 2px #666666;
    border-radius: 10px;
  }
  .member-info-dash .reset-field .btn-gray-default .dropdown-menu > span.top-left,
  .btn-gray-default .dropdown-menu > span.top-left,
  .member-info-dash .reset-field .btn-gray-default .dropdown-menu > span.top-right,
  .btn-gray-default .dropdown-menu > span.top-right,
  .member-info-dash .reset-field .btn-gray-default .dropdown-menu > span.bottom-left,
  .btn-gray-default .dropdown-menu > span.bottom-left,
  .member-info-dash .reset-field .btn-gray-default .dropdown-menu > span.bottom-right,
  .btn-gray-default .dropdown-menu > span.bottom-right {
    display: none;
  }
  .member-info-dash .reset-field .btn-gray-default .dropdown-menu li,
  .btn-gray-default .dropdown-menu li {
    padding: 5px 10px;
  }
  .member-info-dash .reset-field .btn-gray-default .dropdown-menu li span,
  .btn-gray-default .dropdown-menu li span {
    font-size: 15px;
  }
  .field-login .btn-gray-default.valid {
    border-color: #f78e1e;
    background: #f5f5f5;
  }
  .field-login .btn-gray-default.valid > div {
    background: none;
    padding: 0;
    line-height: 37px;
  }
  .field-login .btn-gray-default.valid > div > div {
    background: none;
    padding: 0;
    line-height: 37px;
  }
  .speaker.container-fluid {
    border-radius: 11px;
  }
  .speaker.container-fluid:before,
  .speaker.container-fluid > div::before,
  .speaker.container-fluid > div > div::before,
  .speaker.container-fluid > div > div > div::before {
    display: none;
    background: none;
  }
  .select-resource button.btn {
    padding-right: 0;
  }
  .select-resource button.btn .caret {
    width: 23px;
    height: 23px;
    background: url("../images/bg-faq.png") no-repeat 0 0;
    margin-top: 6px;
  }
  .select-resource.open button.btn .caret {
    background-position: 0 -23px;
  }
  .trending-message {
    padding-right: 0;
  }
  .resouces-topic {
    width: 90% !important;
    margin-left: 5%;
  }
  .connect-page {
    overflow: hidden;
  }
  .connect-page .header-tab {
    overflow: scroll;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .connect-page .header-tab ul {
    width: 890px;
    border: none;
  }
  .connect-page .header-tab ul li {
    float: left;
    width: auto;
    display: block;
    border-bottom: solid 5px #666666;
    position: relative;
    padding-bottom: 10px;
  }
  .connect-page .header-tab ul li:hover,
  .connect-page .header-tab ul li:focus,
  .connect-page .header-tab ul li:active {
    color: #333 !important;
  }
  .connect-page .header-tab ul li:hover a,
  .connect-page .header-tab ul li:focus a,
  .connect-page .header-tab ul li:active a,
  .connect-page .header-tab ul li:hover label,
  .connect-page .header-tab ul li:focus label,
  .connect-page .header-tab ul li:active label {
    color: #333 !important;
  }
  .connect-page .header-tab ul li.active {
    border-color: #f78e1e;
    color: #f78e1e !important;
  }
  .connect-page .header-tab ul li.active a,
  .connect-page .header-tab ul li.active label {
    color: #f78e1e !important;
  }
  .connect-page .header-tab ul li.active:after {
    background: url("../images/bg-tab-active.gif") no-repeat center center;
    display: block;
    width: 18px;
    height: 15px;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -9px;
    bottom: -5px;
  }
  .member-info-dash .checkbox input[type="checkbox"],
  .member-info-dash .checkbox input[type="radio"] {
    margin-right: 5px;
  }
  .signup_termandcondition label {
    display: inline;
  }
  .author-content > p,
  .video-about .page-about .desc-section {
    text-align: center !important;
    font-weight: 500 !important;
  }
  #agreedtos-text-error {
    width: 100%;
    float: left;
    clear: both;
  }
  #divThank {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 90% !important;
    margin: auto !important;
    min-height: 0 !important;
  }
  .social-link li a {
    background-image: url("../images/social-icon-mobile.png");
    height: 39px;
    width: 39px;
  }
  .social-link li a.ico-facebook {
    width: 39px;
    background-position: 0 0;
  }
  .social-link li a.ico-facebook:hover,
  .social-link li a.ico-facebook:focus,
  .social-link li a.ico-facebook:active {
    background-position: 0 -39px;
  }
  .social-link li a.ico-instagram {
    width: 38px;
    background-position: -54px 0;
  }
  .social-link li a.ico-instagram:hover,
  .social-link li a.ico-instagram:focus,
  .social-link li a.ico-instagram:active {
    background-position: -54px -39px;
  }
  .social-link li a.ico-youtube {
    width: 53px;
    background-position: -107px 0;
  }
  .social-link li a.ico-youtube:hover,
  .social-link li a.ico-youtube:focus,
  .social-link li a.ico-youtube:active {
    background-position: -107px -39px;
  }
  .social-link li a.ico-vimeo {
    width: 38px;
    background-position: -174px 0;
  }
  .social-link li a.ico-vimeo:hover,
  .social-link li a.ico-vimeo:focus,
  .social-link li a.ico-vimeo:active {
    background-position: -174px -39px;
  }
  .device_mobile .about,
  .about {
    height: 380px;
    min-height: 380px;
  }
  .device_mobile .about .img-about img,
  .about .img-about img {
    width: auto !important;
    height: 380px;
    margin-left: -50%;
    margin-right: -50%;
  }
  .events .container {
    padding-bottom: 0;
  }
  .info-submit #btnreg {
    width: auto;
    padding-left: 20px;
  }
  .info-submit #btnreg > span {
    padding-right: 20px;
  }
  .info-submit #btnreg > span > span {
    padding-right: 20px;
  }
  .start-list .row > div.col-lg-9 {
    padding-right: 0 !important;
  }
  .stories-list article.feature .content-article .view-article img {
    max-height: 400px !important;
  }
  .stories-list article .content-article .view-article .image-link {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
    iframe {
        width: 100% !important;
    }
}
@media screen and (max-width: 480px) {
  .btn-yellow {
    padding: 0 10px;
  }
  .btn-gray-light,
  .btn-gray {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    padding: 0 23px;
    border-radius: 20px;
  }
  .btn-gray-light button.btn,
  .btn-gray button.btn {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
  }
  .btn-gray-light button.btn .caret,
  .btn-gray button.btn .caret {
    top: 13px;
    right: 5px !important;
  }
  .btn-gray-light .dropdown-menu li span,
  .btn-gray .dropdown-menu li span {
    font-size: 14px;
  }
  .select-resource button.btn-gray {
    font-size: 40px;
  }
  .social-header .search > div .searchform input,
  .social-header .search > div .searchform .search-button {
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 20px;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
  }
  .social-header .search > div .searchform input {
    width: 53%;
  }
  .form-login .test {
    width: 300px;
    height: 450px;
  }
  .form-login .test .header-page {
    padding-left: 20px;
    padding-right: 20px;
  }
  .form-login .test .header-page .header-title {
    font-size: 54px;
  }
  .about .container .title-section {
    font-size: 34px;
  }
  .form-menu #menu {
    margin-left: 20px;
  }
  .form-menu #menu > ul.menu-nav > li a {
    font-size: 18px;
  }
  .form-menu #menu > .header-menu > li a {
    font-size: 18px !important;
  }
  .form-menu .copyright {
    margin-left: 20px;
    font-size: 20px;
  }
  .form-menu .copyright small {
    font-size: 20px;
  }
  .form-menu .link-version {
    margin-left: 20px;
  }
  .carousel-caption {
    top: 14%;
  }
  .masshead {
    min-height: 270px;
  }
  .masshead .img-masshead img {
    width: 100%;
    height: 270px;
  }
  .menu-mobile,
  .social-header .search > div .ico-search,
  .form-login .ico-user,
  .menu-mobile .ico-menu {
    width: 50px;
    height: 50px;
  }
  .header .logo-image {
    margin-top: 2px;
    width: 110px;
  }
  .header {
    height: 55px;
  }
  .form-menu {
    top: 50px;
  }
  .resource .container .btn-gray-light {
    margin: 0 1px;
  }
  .resource-landing .container .top-resource-landing > div > a,
  .resource-landing .container .top-resource-landing .button-section > a {
    margin-right: 5px;
    padding-left: 13px;
    padding-right: 13px;
    font-size: 13px;
  }
  .resource-landing .container .top-resource-landing > div > a.btn-small-yellow,
  .resource-landing .container .top-resource-landing .button-section > a.btn-small-yellow {
    height: 36px;
    line-height: 36px;
  }
  .resource.resource-landing {
    min-height: 270px;
  }
  .resource.resource-landing .img-resource {
    margin-bottom: 30px;
  }
  .resource.resource-landing .img-resource img {
    min-height: 270px;
  }
  .message-page {
    margin-bottom: 20px;
  }
  .home-section .title-section,
  .resource .container .title-section {
    font-size: 34px;
  }
  .top-events-landing .button-section > a {
    font-size: 12px;
  }
  .right-topic .tile-accordion h3 a {
    font-size: 20px;
    font-weight: normal;
  }
  .right-topic .tile-accordion .arrow {
    top: 6px;
  }
  .pagenav-topic .preview-pagenav a,
  .pagenav-topic .next-pagenav a {
    font-size: 23px;
  }
  .resource-landing .title-trending label {
    font-size: 20px;
  }
  .social-footer h3 {
    font-size: 32px;
  }
  .stories-landing .desc-section h3 {
    font-size: 20px;
    white-space: nowrap;
    margin-top: 7px;
  }
  .stories-landing .desc-section h3:after {
    margin-left: 4px;
  }
  .stories-landing .title-latest.desc-section h3 {
    margin-top: 12px;
  }
  article .user-info .avatar {
    width: 90px;
    height: 90px;
    display: inline-block !important;
  }
  article .user-info .avatar .avatar-image {
    height: 90px;
  }
  article .user-info .avatar .avatar-image img {
    max-height: 90px;
  }
  article .user-info .avatar h1 {
    margin-top: -4px;
  }
  article .user-info .user-right {
    float: none;
    margin-left: 110px !important;
    width: auto;
    display: block;
  }
  .register.home-center .btn-large-blue {
    font-size: 18px;
  }
  .register.home-center .btn-large-blue > span > span:after {
    margin-top: 14px;
  }
  .btn-yellow-large,
  .btn-large-blue {
    font-size: 18px;
  }
  article.general-page .left {
    line-height: normal !important;
  }
  article.general-page .ul_eservices {
    margin-top: 10px !important;
  }
  .info-submit .btn-large-blue {
    width: 90%;
  }
  .img-resource img {
    min-height: 270px;
    width: auto;
    margin-left: -50%;
    margin-right: -50%;
  }
  .signup .container .button-section .btn-yellow {
    font-size: 18px;
  }
  .btn-yellow-large.sign-up .arrow {
    right: 10px;
  }
  #create-event-form .btn-large-blue {
    padding: 0 15px;
  }
  #create-event-form .btn-large-blue > span,
  #create-event-form .btn-large-blue > span > span {
    font-size: 12px;
    font-weight: 400;
  }
  #create-event-form .btn-large-blue > span label,
  #create-event-form .btn-large-blue > span > span label {
    font-weight: 400;
  }
  .device_mobile .about .img-about img,
  .about .img-about img {
    width: auto !important;
    margin-left: -50%;
    margin-right: -50%;
  }
  .benefits-list .col-xs-4:first-child .benefit-detail .benefit-content h3 {
    width: 200px;
    word-spacing: 150px;
    margin-left: auto;
    margin-right: auto;
  }
  .img-resource-landing {
    min-height: 270px;
  }
  .resource .img-resource img {
    width: auto;
    margin-left: -50%;
    height: 420px;
    margin-right: -50%;
  }
  .resource.resource-landing .img-resource img {
    width: auto;
    margin-left: -50%;
    height: 270px;
    margin-right: -50%;
  }
  .masshead .img-masshead img {
    height: 270px;
    width: auto;
    margin-left: -50%;
    margin-right: -50%;
  }
  .device_mobile .about .img-about img,
  .about .img-about img {
    width: auto !important;
    margin-left: -50%;
    margin-right: -50%;
  }
  .carousel-inner > img {
    width: auto !important;
    height: 270px;
    margin-left: 0;
    margin-right: -50%;
  }
  .carousel,
  .carousel-inner {
    height: 270px;
  }
  .resource > .home-container.banner-link {
    bottom: 40%;
  }
  .stories-list article {
    height: 341px !important;
  }
  .stories-list article .content-article {
    min-height: 341px !important;
  }
  .stories-list article .content-article .view-article .image-link img {
    height: 240px;
  }
  .stories-list article.feature .content-article .view-article img {
    max-height: 341px !important;
    height: auto;
    /*width: 100%;*/
    /*height: 341px;margin-left: -50%;*/
  }
  .stories-list article.no-image .meta-article .title-article {
    height: 120px;
    min-height: 120px;
  }
  .stories-list article.no-image .meta-article .title-article a {
    max-height: 90px;
  }
}
@media screen and (max-width: 420px) {
  .benefits-list .col-xs-4:first-child .benefit-detail .benefit-content h3 {
    width: 150px;
    word-spacing: 150px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 380px) {
  .field-radiobox .checkbox.btn-three {
    width: 32%;
  }
  .field-radiobox .btn-three.btn-middle {
    margin-left: 1%;
    margin-right: 1%;
  }
  .field-radiobox .checkbox .text-checkbox {
    width: 60px;
  }
  .signup .container .button-section .btn-yellow {
    font-size: 14px;
  }
  .btn-yellow-large,
  .btn-large-blue {
    font-size: 14px;
    font-weight: 600;
  }
  .btn-yellow-large > span,
  .btn-large-blue > span,
  .btn-yellow-large > span > span,
  .btn-large-blue > span > span {
    font-weight: bold;
  }
  .field-form-login.field-login-detail .field-login h4,
  .field-form-login.field-profile .field-login h4,
  .field-login h4 {
    font-size: 13px;
  }
  .field-login .btn-gray-default .open > .dropdown-toggle.btn-default,
  .field-login .btn-gray-default .btn.dropdown-toggle,
  .field-login .btn-gray-default input.form-input,
  .btn-gray-default.btn-textarea textarea {
    font-weight: 500;
  }
  .member-info-dash.field-regis-form .checkbox .text-checkbox {
    max-width: 110px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .article-content table tr th {
    font-size: 13px;
  }
  .article-content table tr,
  .article-content table td {
    font-size: 14px;
    
    /*word-break: break-all;*/
  }
  .trending-page .table thead > tr > th,
  .trending-page .table tbody > tr > td {
    
     /*word-break: break-all;word-wrap: break-word;*/
  }
  .trending-page .table thead > tr > th {
    font-size: 12px;
    vertical-align: middle;
  }
  .highlight .high-light a {
    background-position: right 8px;
  }
  .footer .container .col-xs-6.footer-menu .block h3 {
    font-weight: 500;
  }
  .home-section.resource .title-section {
    width: 98%;
    font-size: 32px;
  }
  .home-section.resource .desc-section {
    width: 90%;
    margin-top: 20px;
  }
  .home-section.resource .top-resource-landing .desc-section {
    width: 100%;
    margin-top: 0;
  }
  .home-section.resource .top-resource-landing .select-resource button.btn {
    font-size: 30px;
    word-spacing: -2px;
  }
  .home-section.resource .top-resource-landing .select-resource button.btn .caret {
    margin-left: 5px ;
  }
  .info-submit #btnreg {
    font-size: 13px;
  }
  .info-submit #btnreg > span > span {
    font-size: 13px;
  }
  #create-event-form .container-fluid .btn-large-blue {
    padding: 0 10px;
  }
  #create-event-form .container-fluid .btn-large-blue > span,
  #create-event-form .container-fluid .btn-large-blue > span > span {
    font-size: 11px;
    font-weight: 400;
  }
  #create-event-form .container-fluid .btn-large-blue > span label,
  #create-event-form .container-fluid .btn-large-blue > span > span label {
    font-weight: 400;
  }
  .resource .img-resource img {
    width: auto;
    margin-left: -50%;
    height: 420px;
    margin-right: -50%;
  }
  .resource.resource-landing .img-resource img {
    width: auto;
    margin-left: -50%;
    height: 270px;
    margin-right: -50%;
  }
  .masshead .img-masshead img {
    height: 270px;
    width: auto;
    margin-left: -50%;
    margin-right: -50%;
  }
  .device_mobile .about .img-about img,
  .about .img-about img {
    width: auto !important;
    margin-left: -50%;
    margin-right: -50%;
  }
  .carousel-inner > img {
    width: auto !important;
    height: 270px;
    margin-left: -25%;
    margin-right: -56%;
  }
  .carousel,
  .carousel-inner {
    height: 270px;
  }
  .stories-list article {
    height: 341px !important;
  }
  .stories-list article .content-article {
    min-height: 341px !important;
  }
  .stories-list article .content-article .view-article .image-link img {
    height: 240px;
  }
  .stories-list article.feature .content-article .view-article img {
    max-height: 341px !important;
    height: 341px;
  }
  .stories-list article.no-image .meta-article .title-article {
    height: 120px !important;
    min-height: 120px !important;
  }
  .benefits-list .col-xs-4 .benefit-detail .benefit-content h3 {
    font-weight: 500;
  }
  .benefits-list .col-xs-4:first-child .benefit-detail .benefit-content h3 {
    width: 100%;
    word-spacing: 120px;
    margin-left: auto;
    margin-right: auto;
  }
}