@media (max-width: 1400px) {
  #block-meganav > ul > li > a {
    font-size:12px;
  }
  
  #block-meganav > ul > li > a {
    padding : 12px 4px 12px 12px;
    font-size: 13px;
  }
}

@media (max-width: 1300px) {
/*
.member-log #login-link-btn a{
display: none;
}
*/
}


@media (max-width: 1200px) {



#block-meganav > ul > li > a {
  padding : 12px 4px 12px 4px;
  font-size: 13px;
}

.search-act span {
  display: none;
}


.top-header {
  grid-template-columns: 60px 1fr;
}  

#membership-link, #logout-link {
  margin-right:0px;
  font-size: 12px;
}

#public-site-link {
  padding: 15px 7px 0 65px;
}
.member-log {
max-width:145px;
}

.EU-sub-banner {
background:#0085CA ;
display: inherit;
padding: 0px;
}
.padtp {
padding: 0;
text-align: center;
}
.banner-txt-cnt h2 {
font-size: 25px;
}
.banner-txt-cnt h2, .banner-txt-cnt p {
color: #ffffff !important;
}

.EU-banner {
background:#0085CA ;
}

#eu-bnr-txt {
position: inherit;
display: block;
  margin: 0 auto;
  width: 362px;
}
#eu-bnr-img {
padding: 0;
display: block;
margin: 0 auto;
}
#eu-bnr-img img {
  width: 100%;
  max-width: 350px;
  display: block;
  margin: 0 auto;
}


.am-mobile-menu {
display: block;
}
.am-menu {
display: none;
}
.am-main-menu{
display: inherit;
}
.am-main-menu ul {
margin-left:0px !important;
}
.am-main-menu ul li {
display: inherit;
}
.exh-spn-mobile {
display: block !important;
}

#exh-spons-llnk {
padding-left:10px !important;
}

.exh-spn-mobile a{

background:none !important;
}

.amh {
display: inline-block;
padding-left:5px;
font-family: sans-serif;
font-size:14px;
}

#block-exposedformsample-view-testdsr-search-page legend,
#block-exposedformsample-view-testdsr-search-page label,
#block-utilitynavigation ul li:last-child {
  margin-top : 10px;
}

.obesity-algorithm-banner h2{
  margin-top  : 25px;
  padding-top : 30px;
  font-size   : 22px;
}

.navbar-nav li a {
  padding : 8px;
}

.banner-nav li p {
  font-size : 18px;
}

#block-aace-mainnavigation .navbar-collapse .navbar-nav li a {
  margin  : 0 5px;
  padding : 15px 10px;
}

.imgsty {
  width : 100%;
}

#edit-field-disease-state-content-t-value--wrapper legend {
  font-size : 16px;
}

#edit-field-disease-state-content-t-value--wrapper label {
  display   : inline;
  font-size : 14px;
}
}

@media (max-width: 768px) {

/*-------------------Mobile Utility nav---------------------*/

.slick__arrow {
width:20%;
}
.ex-link a,
.block-view-horizontal-wrap .recent-news-updates a.more-link,
.block-view-horizontal-wrap .educational-opportunities a.more-link,
.grant-sponsors {
  display : block;
}

.grant-sponsors div img{
  display : block;
  margin  : 20px auto;
}

.red-btn-link {
  display       : inline-block;

  width         : 100%;
  margin        : 5px;

  text-align    : center;
  border-radius : 7px;
}

#msg-banner {
  font-size : 13px;
}

.main-menu .navbar-nav .is-active:after {
  height : 0px !important;
}

.banner-nav li p {
  margin    : 0px;
  font-size : 20px;
}

.banner-nav .active:before {
  left : -20px;
}

.banner-nav li{
  margin       : 15px 0;
  padding-left : 25px;
}

.aace-is-devoted h3 {
  margin-top : 30px;
}

#block-utilitynavigation .utility-nav li a {
  padding : 5px;
}

#cap-logo {
  height : 70px;
  width  : 90px;
}

.ep-block div p {
  padding-top : 15px;
}

.educational-opportunities, .recent-news-updates {
  padding : 4px;
  border  : none;
}

#block-thelatestfromaace {
  padding : 45px 0px;
}

.views-field-view-node .field-content a {
  position : relative;
}

.view-block-content {
  min-height : 0px;
}

.publications-view .view-block-content {
  min-height : inherit;
}

.block-view-horizontal-wrap .more-link a {
  position : absolute;
  left     : 0px;

  margin   : 10px 0;
}

#block-adbanner {
  display : none;
}
}

@media (min-width: 768px) {
 .aace-is-devoted p {
  min-height : 160px;
}

.footer-nav ul li {
  display : block;
}

.main-menu .navbar-nav li a {
  font-size : 12px;
}

.grant-sponsors div:first-child {
  border-right : solid 1px #ccc;
}
}


/*----------------------------------------------------------------------max-width 992---------------------*/
@media (max-width: 992px) {

.recent-news-main-img img {
  width:100%;
  height:auto;
}

.mobile-on {
  position: absolute;
  top: 70px;
  z-index: 5;
  width:100%;
  background:#e5e5e5;
}

#block-meganav ul {
  margin:15px 35px;
}

.mobile-on form {
  padding-top:10px;
  justify-content: center;
}
.search-act{
  display: none;
}

.flx-sec img {
  height: auto;
}
.add-menu-option {
  margin-top:inherit;
}
.me-am a {
  font-size:14px;
}

.me-am h1 {
  margin-top:20px;
}

.benefits-card {
  height:800px;
}


.main-banner {
background-image: none;
background-color: #8031a7;
}

.trending-topics-txt h1,
.trending-topics-txt p {
color: #ffffff;
}


.EU-banner {
padding:45px 10px 75px 10px;
}

#eu-bnr-txt{
max-width: 300px;
width: 100%;
display: block;
margin: 0 auto;
}

#eu-bnr-txt img {
max-width: 300px;
widtrh: 100%;
}

.me-am-block {
margin:10px auto !important;
}
/*------------------------------Awards page----------------------*/
.award-rcpt-img img{
max-height: 220px;
width:auto;
display: block;
margin:15px auto;
}


/*-------------------------*/
.edu-search-articles {
  float: none;
  margin:30px auto;
  width:100%;
}

#mobile-joinus-link{
  font-weight: bold;
  text-align: center;
  background: #FF9261;
  color: #ffffff !important;
  display: block;
  margin: 15px auto;
  width: 85%;
  border-radius: 0px !important;
  padding:4px;
}

.member-log {
display: none;
}
/*-------Mobile nav------------*/

#block-meganav .openid-connect-login-form input{
  text-align: center;
  background:#ffffff;
  color:#000000 !important;
  display: block;
  margin:15px auto;
  width:85%;
  border-radius: 0px !important;
}

#block-sitebranding {
    width: 100%;
    margin: 0 auto;
}

#block-meganav {
  display: block;
  background: #8031A7;
  width: 100%;
  position: absolute;
  top: 152px;
}
#block-meganav > ul > li > a {
  color:#ffffff;
}

.disease-state-resources-megnav {
  display: none;
}
.joinus-banner,
.dsr-banner .views-banner,
.views-page-header .about-banner,
.views-page-header .careers-banner,
.views-page-header .publications-banner {
  background-image: none;
  background:#8031A7;
}
.dsr-banner .views-banner .dsr-txt {
  margin-top:0px;
}
 .joinus-banner h1,
.joinus-banner h1 span,   
.dsr-banner .views-banner .dsr-txt h1,
.dsr-banner .views-banner .dsr-txt h4,
.views-page-header .about-banner .dsr-txt h1,
.views-page-header .careers-banner .dsr-txt h1,
.views-page-header .publications-banner .dsr-txt h1 {
  color:#ffffff;
}

#public-site-link { 
 font-size:11px;
  padding:20px 4px 0 45px;
  line-height: 14px;
}

#public-site-link:before {
  left:10px;
  top:25px;
  content: url(/images/home-page/public-icon-sml.png);
}

#login-link-btn, #search-block {
  display: none;
}

.banner {
  padding-bottom : 75px;
}

#banner-video {
  position : unset;
  width    : 100%;
}

.banner .aace-txt {
  display    : flex;
  bottom     : 0px;
  z-index    : 2;

  width      : 100%;
  padding    : 10px;

  background : #8031A7;
}

.banner-txt-wrap {
  display     : flex;

  width       : 315px;
  margin      : 0 auto;

  align-items : center;
}

.aace-txt p {
  margin      : 0px;

  font-size   : 1em;
  line-height : 28px;
}

.aace-txt p span {
  font-size : 1.85em;
}

.aace-txt a {
  width       : 97px;
  margin-left : 10px;

  background  : #ff5e10;
  font-size   : .75em;
}
.we-are-nav li p {  
  margin:0 15px 0 25px;
}
#block-homepagevideobanner {
  min-height : unset;
}

#mobile-menu-btn {
  color : #8031a7;
}

#mobile-menu-btn i {
      display: block;
  margin: 8px auto;
  padding: 10px;
  cursor: pointer;
  font-size: 30px;
  text-align: center;
}

#block-meganav {
  display : none;
}

.subscribe-form {
  grid-template-columns : inherit;
}

.subscribe-form #stay-connected-txt {
  text-align : center;
}

#edit-subscriber-email {
  max-width : 200px;
}
/*-------------------------------Who we are hm page------------------------------*/

.we-are-aace {
background-image:url(/images/home-page/who-we-are-mobile.jpg);
background-size: 100%;
height: inherit;
margin-top:0px;
}
.we-are-aace .mini-nav {
  position: relative;
  padding: 25px;
  max-width: inherit;
  margin-right: 0px;
  margin-top:65%;
}

#spn-lvl-pla, #spn-lvl-sil, #spn-lvl-bron {
  margin : 0 auto;
}

.sponsors a img {
  margin : 20px auto;
}

.d-block {
  width : 100%;
}

#aace-cta, #logo-gif, #risk-factors  {
  margin : 15px auto;
}

.accordion-wrap button h3 {
  font-size : 16px;
  color     : #000000;
}

.mobile-login-wrap {
  width : 60px;
}

.mobile-login-form {
  height : 47px;
}

.mobile-login-wrap .fas{
  display    : block;

  font-size  : 20px;
  color      : #646F73;
  text-align : center;
}

.img-left {
  float : none;
}

.txt-lft p, .txt-lft a {
  text-align : left;
}

header .slide-library-title, .indepth-title, .guidelines-title, .block-view-horizontal-wrap h2 {
  margin-bottom : 10px;
}

.block-view-horizontal-wrap {
  padding : 10px 0;
}

#bannerCarousel .carousel-caption a {
  right   : 0px;
  bottom  : 0px;

  padding : 5px;
}

.inpatient-outpaitent-btns {
  position : inherit;
}

#edit-openid-connect-client-generic-login {
  border : none;
}

#block-views-block-user-view-display-user-name a {
  font-size : 1rem;
  color     : #ffffff;
}

#openid-connect-login-form i {
  font-size : 28px;
  color     : #646F73;
}

.mobile-name-logout {
  display       : block;

  padding       : 4px 8px;

  background    : #646f73;
  color         : #ffffff;
  border-bottom : 1px solid #DDDDDD;
}

#msg-banner {
  position      : relative;
  padding-right : 35px;
}

#msg-banner span{
  position  : absolute;
  top       : 0px;
  right     : 0px;

  padding   : 6px 12px;

  font-size : 20px;
}

#block-utilitynavigation, .login-user, .header .search-block-form {
  display : none;
}

.mobile-menu-nav, .mobile-utility-nav, nav .search-block-nav, .mobile-utility-nav li {
  display    : block;
  margin-top : 2px;
}

.breadcrumbs {
  display : none;
}

.layout-sidebar-first {
  margin-top : 25px;
}

#block-title span {
  margin-top : 15px;
}

.disease-state-titles, #block-title span {
  font-size   : 30px;
  line-height : 40px;
}

.dropdown-menu {
  position: unset !important;
  transform: translate3d(-5px, 0px, 0px) !important;
  border-bottom: inherit;
  min-height: unset;
  
}
#block-meganav {
  border-bottom: 3px solid #ff5e10;
}
#block-meganav > ul > li > a {
  min-width:225px;
  display: block;
  width:90%;
  outline: none !important;
  border:none !important;
}

#block-meganav > ul > li > a:after {
display: inline-block;
  content: '\f054';
  position: absolute;
  right: -10px;
  font-family: "FontAwesome";
}
#block-meganav > ul > li > a.dropdown-arw:after {
  display: inline-block;
  content: '\f078';
  position: absolute;
  right: -10px;
  font-family: "FontAwesome";

}

.dropdown-toggle::after {
  border:none !important;
}
.menu-link-contentmega-nav .sub-nav {
  padding: 0px !important;
}
.cnt-wrap {
  padding : 15px;
}
/************************Slick Carousel*******************/
.grid--1,
.grid--2 {
  display:none !important;
}
.grid {
  width: 100% !important;
}
.slick__arrow {
width:40%;
}
.educational-opportunities { 
  margin-bottom:0px;
}
.benefits-txt-wrap {
  font-size:12px;
}
.benefits-txt-wrap .btn-outline {
  font-size: 25px;
  padding:0px;
}

/*------------------diabetes-technology----------------*/

.diabetestech-banner {
background-image: none;
background-color: #8031a7;
height: 215px;
} 
.diabetestech-banner .banner-txt h1, .diabetestech-banner .banner-txt h1 span {
color: #ffffff;
font-size: 30px;
}

.dtimg a img {
width: 100%;
display: block;
margin: 0 auto;
max-width: inherit;
}
}

@media (min-width: 992px) {

.mobile-on {
  display: none !important;
}

#block-meganav {
  display: block !important;
}

#mobile-joinus-link {
  display: none;
}
#mobile-member-links {
  display: none;
}

#block-meganav .openid-connect-login-form {
  display:none;
}
.navbar-nav {
  flex-direction : unset;
}

.we-are-aace {
  background-image: url(/images/home-page/who-we-are.jpg);
}

.slick__arrow {
width:10%;
}

.banner .aace-txt {
  top  : 42%;
  left : 15%;
}

#mobile-menu-btn {
  display : none;
}


.dropdown-menu .sub-nav li a:hover {
  color : #ffffff;
}

.dropdown-menu .sub-menu-title .sub-nav li:first-child a:before{
  height     : 0px !important;
  background : inherit !important;
}



.banner-nav li {
  margin : 10px 0;
}

nav .mobile-utility-nav, nav .search-block-nav {
  display : none;
}

.mobile-link-icons {
  display : none !important;
}

  form.ctct-form-custom {
  display:flex;
  align-items: center;
}
.ctct-inline-form .ctct-form-container .ctct-form-defaults form button {
  width:130px !important;
}
  .ctct-inline-form .ctct-form-container .ctct-form-defaults form input.ctct-form-element {
  min-width:400px;
}



}

@media (min-width: 1200px) {

.member-log {
  max-width:175px;
}
.am-menu {
  display: block !important;
}

.block-view-horizontal-wrap .recent-news-updates a.more-link,
.block-view-horizontal-wrap .educational-opportunities a.more-link {
  min-width : 745px;
}

#banner-video {
  position   : absolute;
  top        : 50%;
  left       : 50%;

  height     : auto;
  min-height : 100%;
  width      : auto;
  min-width  : 100%;

  transform  : translate(-50%,-50%);
}



.ep-block > div {
  display : flex;
}

.banner-nav li {
  margin : 15px 0;
}

.obesity-algorithm-banner .row div {
  height     : 340px;
  margin-top : 140px;
}

.dsr-titles-meganav {
  margin-top : 20px;
}

.main-menu .navbar-nav li a {
  font-size : 15px;
}

.container {
  max-width : 1400px;
}

#block-aace-mainnavigation .navbar-collapse .navbar-nav li a {
  padding   : 20px 16px;
  font-size : 15px;
}

.block-view-horizontal-wrap .more-link a {
  position : absolute;
  top      : 0px;
  right    : 0px;
}


}
@media (min-width: 1400px) {

#block-aace-mainnavigation .navbar-collapse .navbar-nav li a {
  padding   : 20px 22px;
  font-size : 17px;
}
}