@media (max-width: 1200px) {
  #block-utilitynavigation ul li:last-child {
    margin-top:10px;
  }
  #bannerCarousel .carousel-caption h4 {
    font-size:20px;
  }
  #bannerCarousel .carousel-caption {
    padding:5px 15px;
  }
  .obesity-algorithm-banner h2{
    font-size:22px;
    margin-top:25px;
    padding-top:30px;
  }
  .navbar-nav li a {
    padding:8px;
  }
  .banner-nav li p {
    font-size: 18px;
  }
  #block-aace-mainnavigation .navbar-collapse .navbar-nav li a {
    padding: 15px 10px;
    margin: 0 5px;
  }
  .imgsty {
    width:100%;
  }
  #block-exposedformsample-view-testdsr-search-page legend,
  #edit-field-disease-state-content-t-value--wrapper legend {
    font-size:16px;
  }
  #block-exposedformsample-view-testdsr-search-page label,
  #edit-field-disease-state-content-t-value--wrapper label {
    display: inline;
    font-size:14px;
  }
}

@media (max-width: 768px) {
  /*-------------------Mobile Utility nav---------------------*/
  .grant-sponsors {
    display: block;
  }
  .grant-sponsors div img{
    display: block;
    margin:20px auto;
  }
  .ex-link a,
  .red-btn-link {
    display: inline-block;
    width:100%;
    text-align: center;
    border-radius: 7px;
    margin:5px;
  }
  .carousel-item .red-btn-link {
    width:inherit !important;
    border-radius: 0px !important;
  }
  #msg-banner {
    font-size:13px;
  }
  .main-menu .navbar-nav .is-active:after {
    height:0px !important;
  }
  .banner-nav li p {
    font-size: 20px;
    margin:0px;
  }
  .banner-nav .active:before {
    left:-20px;
  }
  .banner-nav li{
    margin:15px 0;
    padding-left:25px;
  }
  #bannerCarousel a {
    padding:5px;
    font-size:11px;
    bottom:8px;
  }
  .carousel-inner {
    padding:0px;
  }

  .aace-is-devoted h3 {
    margin-top:30px;
  }
  #block-footerutilitynav {
    display:none;
  }
  #block-utilitynavigation .utility-nav li a {
    padding:5px;
  }
  #cap-logo {
    width:90px;
    height:70px;
  }
  .ep-block div p {
    padding-top:15px;
  }
  .educational-opportunities, .recent-news-updates {
    border:none;
    padding:4px;
  }
  #block-thelatestfromaace {
    padding:45px 0px;
  }
  .views-field-view-node .field-content a {
    position: relative;
  }
  .view-block-content {
    min-height:0px;
  }
  .footer-nav ul li {
    display: none;
  }
  .footer-nav ul li:nth-child(1) {
    display:block;
  }
  .footer_second, .footer_third {
    padding:15px 0px;
  }
  .publications-view .view-block-content {
    min-height: inherit;
  }
  .block-view-horizontal-wrap .recent-news-updates a.more-link,
  .block-view-horizontal-wrap .educational-opportunities a.more-link,
  .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;
  }

}

@media (max-width: 992px) {

  .accordion-wrap button h3 {
  color:#000000;
  font-size:16px;
}
  .mobile-login-wrap {
    width:60px;
  }
.mobile-login-form {
  height:47px;
}
  .mobile-login-wrap .fas{
      font-size:20px;
    display: block;
    text-align: center;
    color: #646F73;
  }
  .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 {
    bottom:0px;
    right:0px;
    padding:5px;
  }
  .block-view-horizontal-wrap .more-link a,
  .inpatient-outpaitent-btns {
    position: inherit;
  }
  #openid-connect-login-form {
    /*height:47px;*/
  }
  #edit-openid-connect-client-generic-login {
    border:none;
  }
  #block-views-block-user-view-display-user-name a {
    color:#ffffff;
    font-size: 1rem;
  }
  #openid-connect-login-form i {
    font-size:28px;
    color: #646F73;
  }
  .mobile-name-logout {
    display:block;
    border-bottom: 1px solid #DDDDDD;
    background:#646f73;
    color:#ffffff;
    padding:4px 8px;
  }
  #msg-banner {
    position:relative;
    padding-right:35px;
  }
  #msg-banner span{
    font-size:20px;
    position:absolute;
    right:0px;
    top:0px;
    padding:6px 12px;
  }
  #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 {
    width:100%;
    left: 0px;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }


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

  .dropdown-menu .sub-nav li a:hover {
    color:#00A799 !important;
  }

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

  .dropdown-menu .sub-nav li:hover > a:before {
    position:absolute;
    width:3px;
    height:35px;
    top:10%;
    left:15px;
    background:#00A799;
    content:'';
  }

  .banner-nav li {
    margin:10px 0;
  }
  nav .mobile-utility-nav, nav .search-block-nav {
    display:none;
  }
  .mobile-link-icons {
    display:none !important;
  }
}

@media (min-width: 1200px) {
  .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 {
    font-size:15px;
    padding:20px 16px;
    /*margin:0 10px;*/
  }
  .block-view-horizontal-wrap .recent-news-updates a.more-link,
  .block-view-horizontal-wrap .educational-opportunities a.more-link,
  .block-view-horizontal-wrap .more-link a {
    position: absolute;
    right:0px;
    top:0px;
  }


}

@media (min-width: 1400px) {
  #block-aace-mainnavigation .navbar-collapse .navbar-nav li a {
    font-size:17px;
    padding:20px 22px;
    /*margin:0 10px;*/
  }

}