/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops changing  992 to  1024 */
@media only screen and (max-width : 1024px) {

    #block-block-62 {
        display: block;
    }

    #block-block-62 #search-block-form #edit-submit {
        width: 21%;
        padding: 7px !important;
    }

    #block-block-62 #search-block-form input[type="text"]{
        width: 75% !important;
        height: 20px !important;
    }

    #block-block-62,#block-block-62 #search-block-form,#block-block-62 #sarea{
        width: 90% !important;
    }

    #block-block-62 #search-block-form{
        margin-left: 25px !important;
    }

    /* mobile search button */
    #sbutton {
        background: transparent!important;
        color: #611951 !important;
        margin-right: -40px !important;
        font-size: 3rem !important;
        right: 0 !important;
        top: 0 !important;
        content: " ";
    }

    #sbutton:after{
      content: ""!important;
    }

    #sbutton span {
        display: block;
        clear: both;
        font-size: 14px;
        font-family: 'Roboto Condensed',sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: -8px;
    }

    #sarea {
        top: 41px!important;
    }
}

@media only screen and (min-width : 980px) and (max-width : 1024px) {

    .logged-in.context-members #block-block-62,
    .logged-in.page-members-forms-publication-keyword-nip-form #block-block-62 {
        left: 0px !important;
    }

    #block-block-62 {
      top: -12px;
    }

    /* mobile search button */
    #sbutton {
        margin-right: -49px!important;
        top: -1px !important;
        color: #555555 !important;
        font-size: 27px !important;
    }
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  #block-block-62 {
      display: block !important;
      position: absolute;
      top: -12px;
      float: none !important;
      width: 100% !important;
      margin-left: 0 !important;
      left: 0;
  }

  #block-block-62 #sarea {
      display: none;
      position: absolute;
      top: 40px;
      left: 0;
      width: 100% !important;
      z-index: 999;
  }

  #block-block-62 #search-block-form {
    width: 98.7% !important;
    margin-top: 4px;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  #block-block-62 #search-block-form input[type="text"] {
      width: 72.5% !important;
      margin-left: 10px;
  }

  .page-search #edit-submit, #search-block-form #edit-submit {
      width: 23% !important;
  }

  .page-search #edit-keys{
    width: 75% !important;
  }

  .page-search #region-content.grid-8, .page-search #region-sidebar-second.grid-4 {
    float:none!important;
  }
}

@media only screen and (min-width : 481px) and (max-width : 767px) {
  #block-block-62 {
    top: -70px;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  #block-block-62 {
    top: -70px;
  }

  #block-block-62 #search-block-form {
    width: 97.5% !important;
    padding: 10px 0 0 0 !important;
    margin-left: 0!important;
  }

  #block-block-62 #search-block-form input[type="text"] {
    width: 71% !important;
    margin-left: 12px;
  }

  #block-block-62 #search-block-form #edit-submit {
    font-size: 14px !important;
    height: 36px !important;
  }

  /* on small screens center sarea */
  #block-block-62 #sarea {
    top: 59px !important;
    left: 0 !important;
  }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


@media screen and (min-width: 1220px) {
    #webform-client-form-17564 .description{
        padding-left: 250px;
    }
}

@media screen and (max-width: 980px){
    #block-block-62 #search-block-form{
        margin-left: 7px;
    }
    .page-search #edit-submit, #search-block-form #edit-submit{
        width: 25%;
    }
    #block-block-62 #search-block-form input[type="text"]{
        width: 75%;
    }
    .block-superfish{
        position:absolute !important;
        right:60px !important;
        top:-6px;
    }
    .block-block-88{
        position:absolute !important;
        right:100px !important;
        top:-10px;
    }


    .google-store-locator-panel.storelocator-panel,
    .google-store-locator-map{
        float: none;
        width: 100%;
    }

    .four-o-four-list li{
        list-style: none;
        display: block;
        width: 100%;
        margin-right: 0;
    }
}

@media screen and (max-width: 739px){
    #block-block-62 #sarea{
        width:300px;
    }
    #block-block-62 #search-block-form{
        margin-left:-2px;
    }
    .block-superfish{
        position:absolute !important;
        left:10px !important;
        top:0;
    }


    /* for news release pages */
    .node-type-news-media-center div.group-left > div.field.field-name-logo.field-type-ds.field-label-hidden {
        display: none;
    }

    .node-type-news-media-center .ds-2col-stacked-fluid > .group-left {
        width: 100%;
        text-align: left;
    }

    .node-type-news-media-center .ds-2col-stacked-fluid > .group-right {
        width: 100%;
        text-align: left;
    }

    #back-top{
        display:none !important;
    }

    .bx-controls, .flex-direction-nav {display:none;}
}


@media screen and (min-width: 350px) {
    .left {
        float: left;
        padding-right: 10px;
        width: 40%;
    }
}
@media (min-width: 1220px){
  .context-members #region-user-second,
  .page-members-forms-publication-keyword-nip-form  #region-user-second {

    width: 816px !important;
  }
  .context-members .tb-megamenu .nav > li.level-1 > a,
  .page-members-forms-publication-keyword-nip-form .tb-megamenu .nav > li.level-1 > a{
    font-size: 1.8rem;
  }
}
@media (min-width: 1320px){
  .context-members #region-user-second,
  .page-members-forms-publication-keyword-nip-form #region-user-second{
    width: 880px !important;
  }
  .context-members .tb-megamenu .nav > li.level-1 > a,
  .page-members-forms-publication-keyword-nip-form .tb-megamenu .nav > li.level-1 > a{
    font-size: 2.2rem;
  }
}