@media screen and (max-width: 1273px) {
    /*header*/
    
  .region-header-search div#block-headersearchicons {
    position: absolute;
    left: -50px;
  }
}

@media screen and (min-width: 767px) {.kids-under-eight-bg
  .layout-banner .region-banner {
    min-width: 390px;
  }
}

@media screen and (max-width: 1350px) {
    .social-icon li a {
      width: 26px;
      height: 24px;
    }
    .kids-under-eight-bg {
      height: 764px;
    }
    
    .header__top div#block-headersearchicons-2 .social-icon {
        padding-top: 0;
    }
    .header__right {
        -webkit-flex-basis: 65%;
        -ms-flex-preferred-size: 65%;
        flex-basis: 600px;
        position: relative;
    }
    .header__top .region-header-search .search-block-form form .form-type-search {
        margin-bottom: 33px;
    }
    .container-inline .form-actions{
        margin-top: 0;
        margin-bottom: 33px;
    }
    
    .region.region-header-search .searchbox-radio {
        display: flex;
        max-width: 265px;
        width: 100%;
        position: absolute;
        top: 47px;
    }
    .header__top div#block-headersearchicons-2 {
        position: absolute;
        left: 0;
        top: 8px;
    }
    .header__top .region-header-search .menu--menu-user-menu {
        margin-right: 16px;
        margin-top: 30px;
    }
}
@media screen and (max-width: 1273px) {
  /*.header__top .region-header-search #vega-search-form {*/
  /*  position: static;*/
  /*  transform: translate(-5px, 0px);*/
  /*  margin-bottom: 5px;*/
  /*}*/
      .header__top div#block-headersearchicons-2 {
        position: absolute;
        left: 0px;
        top: 14px;
    }

  .header__top .region-header-search .search-block-form form {
    margin-bottom: 5px;
  }

}

@media screen and (max-width: 1273px) {
  .header__top .region-header-search .search-block-form form {
    margin-right: 5px;
  }
      .header__top .region-header-search .menu--menu-user-menu {
        margin-right: 16px;
        margin-top: 20px;
    }
  
}
@media screen and (max-width: 1200px) {
  .downloads-content .tabbable-panel ul.nav.nav-tabs {
    flex-wrap: wrap;
    margin-bottom: 0;
  }

  .downloads-content .tabbable-line>.nav-tabs>li {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 1050px) {
  /*.header__top .region-header-search #vega-search-form {*/
  /*  position: absolute;*/
  /*  transform: translate(-2%, -50%);*/
  /*}*/
}


@media screen and (max-width: 960px) {
  .header__top .region-header-search #vega-search-form {
    position: static;
    transform: translate(-2%, -27%);
    margin-bottom: 0;
  }
  .header__top .region-header-search .search-block-form form .form-actions {
    margin-bottom: 18px;
  } 
  .header__top .region-header-search .search-block-form form .form-type-search {
    margin-bottom: 0;
  }
  #vega-search-form .input-group .form-control {
    width: 252px;
  }
}

@media screen and (max-width: 835px) {
  .header__top .region-header-search #vega-search-form {
    transform: translate(0);
    padding-right: 5px;
    margin-bottom: 40px;
  }
  
}


@media screen and (max-width: 1190px) {
  .header__inner {
    align-items: flex-start;
  }


  .region-header-search div#block-headersearchicons {
    position: static;
  }
}

@media screen and (max-width: 1049px) {
  /*.header__inner {*/
  /*  display: block;*/
  /*}*/
  .header__inner {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .block-system-branding-block {
    justify-content: center;
  }

  .header__left .region-site-branding .site-slogan {
    width: 180px;
  }
}

@media screen and (max-width: 992px) {
  .header__inner {
    justify-content: center;
  }
    .header__top div#block-headersearchicons-2 {
        position: absolute;
        left: 0;
        top: 0px;
    }
    .region.region-header-search .searchbox-radio {
          top: 42px;
    }
    .header__top .region-header-search{
        flex-wrap:unset;
    }
    .header__top .region-header-search .menu--menu-user-menu .menu li.menu-item {
        padding: 11px 0;
        list-style: none;
        line-height: 1;
        display: flex;
        align-items: center;
    }
  .mobile-menu-bar {
    display: block;
  }

  .menu__toggle,
  .mobile__menu-toggle {
    display: block;
  }

  .mobile-menu .menu--main>ul.menu li.menu-item--expanded ul.menu,
  .header__bottom .menu--main {
    display: none;
  }

  div#quicktabs-homepage_events .quicktabs-main .view-events .view-content .views-row {
    width: 50%;
  }

  div#quicktabs-homepage_events .quicktabs-tabs {
    margin-bottom: 0;
    margin-top: 0;
  }

  .noteworthy-resources .col-girds {
    width: 100%;
    display: table-row !important;
  }

  .noteworthy-resources .col-girds .col-girds {
    width: 50%;
    margin-bottom: 50px;
  }

  .database-resouce .view-content .allrow {
    width: 50%;
  }

  .ui-widget.ui-widget-content .ui-dialog-titlebar .ui-button {
    width: 40px;
    height: 40px;
    right: 0;
    top: 10px;

  }
}

@media screen and (max-width: 991px) {
  .branch_map .view-single-map .geolocation-map-wrapper .geolocation-map-container {
    padding: 30% 0 !important;
  }

  .branch_map {
    padding-top: 20px;
  }

  .header__inner .header__left {
    width: 100%;
  }

  .view-id-adult.view-display-id-page_1 .full-button h4 a {
    font-size: 16px;
  }
    .tabbable-panel ul.nav.nav-tabs{
      flex-wrap:wrap;
    }
    
}




@media screen and (max-width: 768px) {
  .header__top .region-header-search .search-block-form form .form-actions {
    margin-bottom: 33px;
  }
    .header__top .region-header-search .menu--menu-user-menu {
        order: 1;
        width: 86%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 26px;
        margin-right: 0;
        margin-left: 0;
    }
    .header__top div#block-headersearchicons-2 {
        position: relative;
        left: 0;
        order: 5;
        bottom: 0;
    }
    .region.region-header-search .searchbox-radio {
        display: flex;
         max-width: 100%; 
        width: 100%;
        position: relative;
        top: -33px;
        order: 4;
        left: 0;
    }
    .dm-page div  {
      max-width: 100%;
      width: 100%;
      margin-bottom: 20px;
    }
    .downloads-content  .dm-page div {
      max-width: 310px;
    }
    .header__top div#block-searchboxradiobuttons form {
        display: flex;
        padding-left: 8px;
    }
  .webform-submission-webform-2872-add-form .webform-fieldset--title-inline legend {
    max-width: 100%!important;
  }

  .path-frontpage .layout-banner {
    display: none;
  }

  .webform-submission-webform-1412-form select,
  .webform-submission-webform-2800-form select,
  .webform-submission-teena-sail-form select {
    max-width: 100%;
  }

  .webform-submission-webform-1830-form select {
    max-width: 100%;
  }
  .webform-submission-webform-2541-form #edit-mes,
  .webform-submission-webform-2541-form #edit-dia , .webform-submission-webform-2541-form  #edit-ano {
    max-width: 100%;
    width: 100%;
  }
  .webform-submission-webform-2335-form select {
    max-width: 100%;
  }
  #webform-submission-webform-2335-add-form input[type="text"], input[type="email"], select.form-select {
    max-width: 100%;
    width: 100%;
  }

  .webform-submission-webform-2333-form .fieldset-wrapper {
    max-width: 100%;
  }
  .webform-submission-webform-2333-form #edit-rate-icons .tbr-radio-icons {
    max-width: 84%;
  }

  .webform-submission-webform-890-form #edit-library-branch {
  max-width: 100%;
  }

  .webform-submission-webform-2541-form #edit-grado-de-escuela-en-septiembre {
    max-width: 100%;
    width: 100%;
  }

  .webform-submission-webform-2242-add-form .form-composite.webform-fieldset--title-inline legend {
    max-width: 100%;
    width: 100%;
  }
  .webform-submission-webform-2242-add-form input {
    max-width: 100%;
  }
  .webform-submission-webform-2242-add-form .form-item-please-select-your-home-library label,
  .webform-submission-webform-2242-add-form .form-item-please-select-your-home-library select {
    max-width: 100%;
    width: 100%;
  }
  .webform-submission-webform-2242-add-form .js-form-type-radio input[type="radio"] {
    max-width: 33%;
  }


  .webform-submission-webform-140-form .js-form-item-library-card-number label,
  .webform-submission-webform-138-form .js-form-item-library-card-number label {
    width: 100%;
  }
  .webform-submission-webform-316-form label {
    max-width: 100%;
  }


  .webform-submission-webform-2541-add-form #edit-horario--wrapper .js-form-item,
  .webform-submission-webform-2541-add-form #edit-permisos .js-form-item{
    flex-wrap: nowrap;
  }

  .webform-submission-form label {
    min-width: inherit;
    max-width: 100%;
  }

  .webform-submission-webform-2333-form .js-form-type-radio input {
    max-width: 30%;
  }
  
  .webform-submission-form input[type="text"],.webform-submission-form  input[type="email"],
  .webform-submission-form .form-textarea-wrapper,
  .webform-submission-form input {
    max-width: 100%;
    width: 100%;
  }

  .webform-submission-webform-316-form .js-form-item  input[type="text"],
  .webform-submission-webform-316-form .js-form-item  select.form-select {
    max-width: 100%;
  }

  .view-photo-gallery a.colorbox.cboxElement {
    max-width: 100%;
    width: 100%;
  }
  .webform-submission-webform-2336-form .js-form-item.form-item.js-form-type-email,
  .webform-submission-webform-2336-form .js-form-type-select,
  .webform-submission-webform-2336-form .js-form-item.js-form-type-textfield  {
    max-width: 100%;
    width: 100%;
  }

  #webform-submission-webform-2335-add-form .js-form-item label {
    max-width: 100%;
    width: 100%;
  }
  .webform-submission-webform-890-form.webform-submission-webform-890-add-form label {
    max-width: 100%;
  }

  .webform-submission-webform-890-form.webform-submission-webform-890-add-form input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="date"], select.form-select {
    max-width: 100%;
    width: 100%;
  }

  .webform-submission-webform-2212-form #edit-types-of-books-interested-in--wrapper legend {
    max-width: 100%;
  }
 
  .webform-submission-webform-1434-form.webform-submission-webform-1434-add-form .js-form-item label {
    max-width: 100%;
    width: 100%;
  }
  .webform-submission-webform-1434-form.webform-submission-webform-1434-add-form .form-textarea-wrapper {
    width: 100%;
  }
  .webform-submission-webform-1434-form.webform-submission-webform-1434-add-form input[type="text"],
   .webform-submission-webform-1434-form.webform-submission-webform-1434-add-form input[type="date"], 
   .webform-submission-webform-1434-form.webform-submission-webform-1434-add-form select {
    max-width: 100%;
    width: 100%;
  }

  #webform-submission-webform-2335-add-form .js-form-item label {
    max-width: max-content;
  }
  .webform-submission-webform-2333-form label {
    max-width: 100%;
  }

  #webform-submission-webform-2335-add-form .js-form-item-permissions-q1, 
  #webform-submission-webform-2335-add-form .js-form-item-permissions-q2 {
    flex-wrap: nowrap;
  }

  .webform-submission-webform-2333-form .form-textarea-wrapper ,
  .webform-submission-webform-2333-form select {
    max-width: 100%;
    width: 100%;
  } 

  #webform-submission-webform-2335-add-form .fieldgroup legend{
    max-width: 100%;
    width: 100%;
  }
  

  .webform-submission-add-form.webform-submission-webform-2339-form .js-form-item {
    max-width: 100%;
  }

  .webform-submission-add-form.webform-submission-webform-2339-form .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-subject.form-item-subject,
  .webform-submission-add-form.webform-submission-webform-2339-form .js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-please-select-your-home-library.form-item-please-select-your-home-library {
    padding-left: 0px;
  }
  .webform-submission-webform-1644-form.webform-submission-webform-1644-add-form label  {
    max-width: 100%;
    width: 100%;
  }

  .webform-submission-add-form.webform-submission-webform-1581-form .js-form-item {
    display: block;
  }

  .webform-submission-add-form.webform-submission-webform-1581-form label {
    max-width: 100%;
    width: 100%;
  }

  .webform-submission-add-form.webform-submission-webform-1581-form input[type="text"],
  .webform-submission-add-form.webform-submission-webform-1581-form input[type="email"],
  .webform-submission-add-form.webform-submission-webform-1581-form select.form-select {
    max-width: 100%;
    width: 100%;
  }

  .materials-information .nav-tabs .materials-information-tabs {
    width: 100%;
    max-width: 100%;
  }

  .webform-submission-add-form.webform-submission-webform-339-add-form .js-form-item {
    width: 100%;
    padding-left: 0;
  }

  .webform-submission-form.webform-submission-add-form input[type="text"],
  .webform-submission-form.webform-submission-add-form input[type="email"],
  .webform-submission-form.webform-submission-add-form select.form-selec {
    width: 100%;
    max-width: 100%;
  }

  .webform-submission-webform-2212-form.webform-submission-webform-2212-add-form .js-form-item-last-book-or-series-you-liked label,
  .webform-submission-webform-2212-form.webform-submission-webform-2212-add-form .js-form-item-book-or-series-you-didnt-like label,
  .webform-submission-webform-2212-form.webform-submission-webform-2212-add-form .js-form-item-do-you-have-any-favorite-authors label,
  .webform-submission-webform-2212-form.webform-submission-webform-2212-add-form .js-form-item-are-there-any-authors-you-dont-like-to-read label,
  .webform-submission-webform-2212-form.webform-submission-webform-2212-add-form .js-form-item-please-tell-us-anything-else label {
    width: 100%;
    max-width: 100% !important;
  }

  .webform-submission-webform-2212-form.webform-submission-webform-2212-add-form .js-webform-type-checkboxes {
    display: inline-block;
  }

  .webform-submission-webform-2212-form.webform-submission-webform-2212-add-form .js-webform-type-checkboxes #edit-types-of-books-interested-in {
    display: inline-block !important;
  }

  .webform-submission-webform-2212-form.webform-submission-webform-2212-add-form .form-textarea-wrapper {
    max-width: 100%;
    width: 100%;
  }

  .webform-submission-webform-2212-form.webform-submission-webform-2212-add-form textarea {
    max-width: 100%;
    width: 100%;
  }

  .webform-submission-webform-2212-form.webform-submission-webform-2212-add-form select.form-select {
    width: 100%;
    max-width: 100%;
  }

  .webform-submission-webform-1729-form legend {
    width: 100%;
    max-width: 100%!important;
  }

  .webform-submission-webform-1412-form legend {
    width: 100%;
    max-width: 100%!important;
  }
 
  .webform-submission-webform-1648-form.webform-submission-webform-1648-add-form select,
  .webform-submission-webform-1648-form.webform-submission-webform-1648-add-form input[type="date"] {
    max-width: 100%;
    width: 100%;
  }

  .webform-submission-webform-1648-form.webform-submission-webform-1648-add-form label {
    max-width: 100%;
    width: 100%;
  }

  .webform-submission-webform-1648-form.webform-submission-webform-1648-add-form .js-form-type-radio.form-type-radio input {
    width: auto !important;
  }

  .webform-submission-webform-1648-form.webform-submission-webform-1648-add-form .js-form-type-radio.form-type-radio label {
    display: inline-block;
    max-width: 160px;
    min-width: 160px;
  }

  .webform-submission-webform-1648-form.webform-submission-webform-1648-add-form legend {
    width: 100%;
    max-width: 100%;
  }

  .webform-submission-webform-1729-form select,
  .webform-submission-webform-1729-form input[type="date"],
  .webform-submission-webform-1729-form label {
    max-width: 100%;
    width: 100%;
  }

  #block-vegasearchbox {
    order: 4;
    max-width: 100%;
    width: 100%;
  }

  .searchbox-radio {
    order: 3;
  }

  #vega-search-form {
    position: sticky;
    transform: translate(0);
    width: 100%;
  }

  #vega-search-form .input-group .form-control {
    width: 100%;
  }

  .email-us-main .order-1 {
    margin-right: auto;
    margin-left: auto;
  }

  .webform-submission-webform-2212-form.webform-submission-webform-2212-add-form .js-form-item-please-tell-us-anything-else {
    display: inline-block;
  }

  .header__top .region-header-search {
    flex-direction: column;
  }

  .header__right {
    border-top: solid 1px #d6d6d6;
  }

  .region-header-search div#block-headersearchicons {
    order: 3;
  }

  .header__top .region-header-search .menu--menu-user-menu {
    order: 1;
  }

  .header__top .region-header-search .search-block-form {
    order: 4;
    max-width: inherit;
    margin-left: 0;
  }

  .header__top .region-header-search .search-block-form form {
    justify-content: center;
  }

  .header__top .region-header-search .search-block-form form .form-type-search {
    max-width: 90%;
  }

  div#quicktabs-homepage_events .quicktabs-main .view-events .view-content .views-row,
  div#quicktabs-homepage_events .quicktabs-main .view-events .view-content .views-row:first-child {
    width: 100%;
    margin-bottom: 30px;
  }

  .tabsbar .quicktabs-main {
    padding-top: 0;
  }

  .noteworthy-resources .col-girds {
    width: 100%;
    display: inline-block;
    min-height: auto;
  }

  .noteworthy-resources .col-girds .col-girds {
    width: 100%;
    margin-bottom: 50px;
    display: inline-block;
    border: 0px;
  }

  .noteworthy-resources {
    padding: 20px 0 0;
  }

  .block--double-stack {
    height: auto;
    min-height: 300px;
  }

  .block--single-stack,
  .block--double-stack {
    height: auto;
    min-height: 300px;
    padding: 20px 0;
  }

  .sparks-bg,
  .kids-under-eight-bg {
    padding: 50px 0;
  }

  .sparks-inner {
    padding-left: 0;
  }

  .sparks-content.bg {
    background: #fff;
    text-align: center;
  }

  .database-resouce .view-content .allrow {
    width: 100%;
  }

  .view-all-branch .views-row {
    max-width: 100%;
  }

  .view-all-branch .views-row .hover.ehover7 img {
    width: 100%;
  }

  #webform-submission-guide-to-galaxy-for-teens-node-3289-add-form .form-item {
    max-width: 100%;
  }
}

@media screen and (max-width: 667px) {

  .forward-form-node-2565 .js-form-item  {
    min-width: 100%;
  }
  .forward-form-node-2565 .js-form-item input  {
    min-width: 100%;
  }
  .forward-form-node-2565 .js-form-item .form-textarea-wrapper {
    min-width: 100%;
  }

  .forward-form-node-2565 .js-form-item .form-textarea-wrapper textarea {
    margin-left: 0;
  }
 
  .booklist-left {
    float: none;
    text-align: center;
  }

  .booklist-content {
    margin-left: 0;
    text-align: center;
    padding-bottom: 30px;
  }

  .booklist .books img {
    max-width: 220px;
    height: auto !important;
    width: auto !important;
    float: none;
    margin: auto;
    margin-bottom: 20px;
  }

  .block--column-two {
    width: 100%;
  }

  .block--bg-layoutFirst {
    margin-bottom: 14px;
  }

  .view-current .view-content .views-row {
    padding-bottom: 25px;
  }

  .view-current .view-content .views-field-title,
  .view-current .view-content .views-field-field-pdf-upload {
    float: none;
  }

  .view-current .view-content .views-field-field-pdf-upload .field-content {
    display: inline-block;
    margin-top: 15px;
  }
}

@media screen and (max-width: 475px) {
  .header__left .region-site-branding .block-system-branding-block {
    flex-direction: column;
    align-items: center;
  }

  .block--yellow-border>h2 {
    font-size: 20px;
    max-width: 200px;

  }

  .webform-submission-webform-2242-add-form  #edit-schedules-b label,
  .webform-submission-webform-2242-add-form  #edit-permissions-base label,
  .webform-submission-webform-2242-add-form #edit-question1-b label.option {
    max-width: 90%;
  }

  .header__left .region-site-branding .block-system-branding-block .navbar-brand.name {
    text-align: center;
  }

  .branch_hours .branch_timing span,
  .branch_hours .branch_timing div {
    padding: 8px 6px;
  }

  .webform-submission-webform-1729-form input {
    max-width: 100%;
    width: 100% !important;
  }

  .webform-submission-webform-1729-form input[type="radio"] {
    width: auto !important;
  }

  .webform-submission-webform-1729-form input[type="submit"] {
    width: auto !important;
    margin-top: 10px;
  }

  .webform-submission-webform-1729-form label {
    display: block;
  }

  .webform-submission-webform-1729-form select {
    max-width: 100%;
    width: 100%;
  }

  .webform-submission-webform-1729-form .fieldset-wrapper {
    max-width: 100%;
  }

  .webform-submission-webform-1729-form legend {
    max-width: 100%;
    width: 100%;
  }
}

@media screen and (max-width: 358px) {
  .header__top .region-header-search .menu--menu-user-menu .menu li.menu-item a {
    padding: 5px 1px;
  }

  .header__left .region-site-branding .site-slogan {
    font-size: 9px;
  }
}

@media screen and (min-width: 1025px) {
  .region.region-header-search .searchbox-radio  {
    display: flex;
    max-width: 265px;
    width: 100%;
  }
}

@media screen and (min-width: 1350px) {
	
#vega-search-form {
  transform: translate(0, -50%);
}

  .downloads-content .dm-page div {
    max-width: calc(33% - 15px);
  }
  
  .kids-main-block-new .block--yellow-border {
    height: 450px !important;
    margin-bottom: 14px !important;
    border: 15px solid transparent;
    border-image: url(../images/yellow-border-1.jpg) 15 repeat;
    display:flex;
}

  .kids-under-eight-bg {
    height: 100%;
    margin-bottom: 0;
  }

  .block--single-stack  {
    margin-bottom: 0;
  }
}