/* MIN WIDTHS set the container size (width of content area) */
@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
@media (min-width: 1400px) {
  .container {
    width: 1370px;
  }
}


/* MAX WIDTHS reset things such as header contents, menu layouts */
@media (max-width:1400px) {
    div.form-date-inline div.input-group.date {
        display: table-row;
    }

    .form-inline *.form-control-half:first-child {
        width: 60%;
    }
}

@media (max-width:1200px) {
}

@media (max-width: 991px) {
    div.home-intro-text {
        border-bottom: 1.5px solid #e9e9e9;
        padding-bottom: 8px;
    }
    .home-carousel h3 a,
    .home-carousel h3 a:hover,
    .home-carousel h3 a:active {
        text-transform: none;
    }
    .home-carousel .carousel-item {
        text-align: left;
        margin-bottom: 10px;
    }
    .main-menu-row {
        width: 100%;
        padding: 0;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    #main-menu-drop {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
        position: inherit;
        right: auto;
        top: 0;
        background: black;
        z-index: 1;
    }
    #search-csrc-submit-btn-mobile {
        top: 58px;
    }
    #itl-header .csrc-header-logo {
        margin: auto;
    }
	#body-section .container {
		padding-top: 20px;
	}
    #body-section > div {
        margin-top: 1rem;
    }

    div.publications-detail div.pub-abstract-callout {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.6rem;
        padding-bottom: 1.2rem;
        margin-top: 1rem;
    }

    div.glossary-content .indent-1 {
        margin-left: 0.25rem;
    }

    div.glossary-content .indent-2 {
        margin-left: 0.5rem;
    }

    div.glossary-content div.glossary-definition {
        margin-left: 0.25rem;
    }
}

@media (max-width:767px) {
    .social-list {
        float: left!important;
    }
}

@media (max-width:640px) {
}

@media (max-width:410px) {
  .hidden-xxs {
    display: none !important;
  }
  #main-menu-drop div.sub-menu > div.row p {
      margin: 0.5rem 1rem!important;
  }
  #main-menu-drop div.sub-menu ul {
      padding-left: 20px;
  }
  #main-menu-drop > ul > li ul > li {
      margin-top: 8px;
  }
    .col-xxs-12 {
      width: 100%;
    }
    .col-xxs-11 {
      width: 91.66666667%;
    }
    .col-xxs-10 {
      width: 83.33333333%;
    }
    .col-xxs-9 {
      width: 75%;
    }
    .col-xxs-8 {
      width: 66.66666667%;
    }
    .col-xxs-7 {
      width: 58.33333333%;
    }
    .col-xxs-6 {
      width: 50%;
    }
    .col-xxs-5 {
      width: 41.66666667%;
    }
    .col-xxs-4 {
      width: 33.33333333%;
    }
    .col-xxs-3 {
      width: 25%;
    }
    .col-xxs-2 {
      width: 16.66666667%;
    }
    .col-xxs-1 {
      width: 8.33333333%;
    }
}