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

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

}


@media (max-width: 1200px) {
  

 #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;
  }
  .find-endo-care a {
    background:url(/images/home-page/find-an-endo-mbl.png) no-repeat;
    display: block;
    margin:40px auto;
    max-width:325px;
    width:100%;
    height: 450px;
  }

}

@media (max-width: 768px) {

/*-------------------Mobile Utility nav---------------------*/
  .we-are-nav li p {
    margin: 0 5px 0 5px;
   }

  .impact-endo {
    background-image: none;
    background-color: #F5F5F5;
    height:auto;
  }
  .impact-endo div {
    margin: 45px auto;
    width:100%;
  }
  .impact-endo div h2 {
    text-align: center;
    font-size:24px;
  }
  .impact-endo div h2 span {
    font-size:38px;
    padding:0px;
  }

 .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;
  }
}

@media (max-width: 992px) {
  
  #msg-banner h4 strong {
    display: block;
  }

  #block-patientjourneythyroidhomepagebanner {
    background-image:none;
    background-color: #00629b;
    justify-content: center;
    height: 375px;;
  }

  .hm-banner-pj {
    margin-left: 0%;
    width: 100%;
    text-align: center;
    padding: 20px;
}
  .hm-banner-pj p {
    justify-content: center;
  }

  .partner-with-us {
    display: inherit;
  }

  #search-block-form--2 {
    display: flex;
    padding:15px;
  }

 #search-block-form--2 .form-item {
  width: 100%;
 }

 #search-block-form--2 .btn {
  background:#ff5e10;
  color:#ffffff;
 }

  .thyroid-page-banner,
  .page-banner {
    background:#00629b;
  }
   .thyroid-page-banner .trending-txt h1,
  .page-banner .trending-txt h1 {
    color:#ffffff;
  }
   .thyroid-page-banner .trending-txt,
  .page-banner .trending-txt {
    left:0%;
    right:0%;
    margin:0 auto;
  }
  
    .navbar-nav {
      flex-direction: column;
    }

  #block-meganav {
    display: block;
    background: #00629b;
    width: 100%;
    position: absolute;
    top: 85px;
  } 

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

  #block-meganav > ul > li > a:hover {
    color: #252F33;
  }

  #block-meganav > ul > li > a {
    color: #ffffff;
    outline: none !important;
    border: none !important;
    width: 90%;
    height:45px;
   }

  .dropdown-menu {
    position: inherit !important;
    transform: inherit !important;
    border-bottom:none;
  }
    #block-meganav {
      border-bottom:4px solid #ff6a14;
 }

  #block-meganav > ul > li > a:after {
    display: inline-block;
    content: '\f054';
    position: absolute;
    right: -10px;
    font-family: "FontAwesome";
    }
  
  .dropdown-toggle::after {
    border:none !important;
  }
  
  .thyroid-page-banner .trending-txt p,
  .page-banner .trending-txt p {
    max-width: 100%;
    color:#ffffff;
  }

  .aace-txt a {
    padding:10px;
  }

  #block-sitebranding {
    width: 100%;
    display: flex;
    align-items: center;
    margin:0 auto;
  }

  #search-block {
  display: none;
  }
#public-site-link:before {
    content: url(/images/home-page/professional-icon-sml.png);
    left:10px;
  }

#public-site-link {
  padding: 18px 6px 0 45px;
  font-size: 0.70em;
  line-height: 14px;
}

  .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 : #00629b;
  }

  .banner-txt-wrap {
    display     : flex;
    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       : 115px;
    margin-left : 20px;
    border-radius   : 4px;
    background  : #ff5e10;
    font-size   : .75em;
  }

  #block-homepagevideobanner {
    min-height : unset;
  }

  #mobile-menu-btn {
    color : #00629b;
  }

  #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-v2.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%;
  }

 .gif-link div  {
    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;
  }

  #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 {
    left              : 0px;

    width             : 100%;

    -webkit-transform : translateX(0px);
    transform         : translateX(0px);
  }

  .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;
  }
  .related-reading .section {
    margin-top:25px;
  }
  .related-reading .section img {
    max-width: 100%;
  }

  .lowdown-videos a {
    max-width:450px;
    margin:0 auto;
  }

  .lowdown-videos h3 {
    text-align: center;
  }

    .novo-sponsor, .medtronic-sponsor {
    margin-top:15px;
  }
  .sponsor-logos a {
    display: block;
    margin:0 auto;
  }

 .sponsor-logos img {
    display: block;
    margin:15px auto;
  }

  .med-pro-wrap {
    display: inherit;
    }

  .med-pro-wrap a {
    max-width: 100%;
  }

  .marker-link:after {
    bottom: 0px;
    left: 0px;
    right: 0px;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid #FF6A14;
  }
  .ph-table-hd {
    display: none;
  }
}

@media (min-width: 992px) {

  #block-searchform-3 {
    display:none;
  }

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

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

  .slick__arrow {
  width:10%;
  }

    #block-meganav {
    width: 100%;
  }

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

  #mobile-menu-btn {
    display : none;
  }
  .aace-txt a {
    padding:15px;
    border-radius: 5px;
  }
  .news-banner {
    background-image: url(/images/news-sub-banner.jpg);
  }
  .about-banner {
    background-image: url(/images/banner-about.jpg);
  }
  .adrenal-banner {
    background-image: url(/images/banner-adrenal.jpg);
  }
    .diabetes-banner {
    background-image: url(/images/banner-diabetes.jpg);
  }  
  .nutrition-banner {
    background-image: url(/images/banner-nutritionobesity.jpg);
  } 
  .osteoporosis-banner {
    background-image: url(/images/banner-osteoporosis.jpg);
  }  

  .cushing-banner {
    background-image: url(/images/cushings/cushings-syndrome-banner.jpg);
  }

  .patient-guide-banner {
    background-image: url(/images/patient-guide-banner.jpg);
  }


  .ghd-banner {
    background-image: url(/images/ghd/ghd-banner.jpg);
  }
  .chd-banner {
    background-image: url(/images/ghd/Patient-banner-chol-heart-disease.jpg);
  }


  .thyroid-banner {
    background-image: url(/images/banner-thyroid.jpg);
  }
  .other-common-banner {
      background-image: url(/images/banner-other.jpg);
  }
  .trending-banner {
      background-image: url(/images/trending-banner.jpg);
    }
  .all-about-banner {
      background-image: url(/images/banner-all-about-endo.jpg);
    }


  #block-meganav {
    min-width : 570px;
  }

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

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

  .dropdown-menu .sub-nav li:hover > a:before {
    content    : '';

    position   : absolute;
    top        : 10%;
    left       : 15px;

    height     : 35px;
    width      : 3px;

    background : #FE5F05;
  }

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

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

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

@media (min-width: 1200px) {

  .block-view-horizontal-wrap .recent-news-updates a.more-link,
  .block-view-horizontal-wrap .educational-opportunities a.more-link,
   {
    min-width : 745px;
  }
  .find-endo-care a {
    background:url(/images/home-page/find-an-endo-2.png) no-repeat;
    display: block;
    margin:130px auto;
    max-width:1200px;
    width:100%;
    height: auto;
  }
  #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;
  }
    .novo-sponsor, .medtronic-sponsor {
    margin-bottom:-70px;
  }
}

@media (min-width: 1400px) {


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