﻿@media screen and (min-width: 1400px) {
    /* max design width*/

    body { width: 100%; max-width: none !important; margin: auto; }
    .footer { width: 100%; }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-bottom: 10px; }
    .head-search { float: right; margin-top: 28px; margin-right: -15px; }

    .navbar-nav { margin-top: 42px; padding-right: 36px; }

    .navbar { margin: 0; }
    .navbar-header { margin-left: -15px !important; margin-right: -15px !important; }

    .bio-contact-row { width: 75% !important; margin-left: 16% !important; }

    .hpContent.hasFeature .hp-feature.sportLight { display: none; }
    .hpContent.hasFeature, .featureAttorney { width: 25%; }
    .featureAttorney { float: left; position: relative; min-height: 1px; padding: 15px 0px; display: block; color: #fff; min-height: 256px; }
        .featureAttorney h3 { margin: 0 0 10px 0; color: #fff; font-weight: bold; }
        .featureAttorney a { color: #fff; }
    .featureImage img { width: 95%; }
    .featureAttorney > .col-lg-4 { padding-right: 0; padding-left: 0; }

    .sg-row-pad { margin-left: -15px; margin-right: -15px; }
    .sg-row:after { content: " "; display: table; clear: both; }
    .sg-col-xl-9 { width: 75%; }
    .sg-col-xl-3 { width: 25%; display: block; }
    .sg-col-xl-9, .sg-col-xl-3 { float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

    .hp-feature { min-height: 128px; }
}
/* end 1400*/

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    /* max design width*/
    body { width: 1200px; max-width: none !important; margin: auto; }
    .footer { width: 1200px; }
    .bio-contact-row { width: 83% !important; margin-left: 16.666% !important; }
    .nav > li > a { padding: 8px 6px; }
    .showbio_page .biotools { display: inline-block; margin-left: 12px; }
}
/* end 1200 */

@media screen and (min-width:930px) and (max-width:1199px) {
    .bio-contact-row { width: 75%; margin-left: 25%; padding: 5px 0; }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .bio-heading-row { min-height: 267px; }
    .bio-head-left h1 { font-size: 32px; }
}
/* end 768 */

@media screen and (max-width:1024px) {
    /* smart search */
    .nicknameSearch { height: 52px; font-style: italic; font-size: 18px; border: none; }
    .navbar-default .navbar-nav > li > .navmenucontent { width: 800px; }
}

@media screen and (min-width:992px) {
    .global-search button.close { right: 60px; top: 45px; font-size: 84px; }
    .global-search .block input.form-control { font-size: 48px; padding-right: 1.3em; height: 90px; }
    .global-search .block button { font-size: 40px; top: 25px; width: 65px; height: 60px; }
}

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

@media screen and (max-width:991px) and (min-width:768px) {
}

@media screen and (max-width:929px) {
    .bio-contact-row { position: relative; clear: both; }
}

@media screen and (max-width:806px) {
    .navbar-brand img { height: 52px; width: auto; }
    .bio-head-right { padding: 0; }
    .bio-head-left h1 { font-size: 30px; }
    .vcard { text-align: right; width: 100%; display: inline-block; padding-right: 15px; }
    .bio-contact-right { padding-left: 2%; }
    .nav > li > a { padding: 8px 6px; }
}

@media screen and (min-width:768px) {
    .nav.nav-tabs { margin: 12px 0; }
}

@media screen and (max-width:767px) {
    .navbar { margin: 15px; padding: 0; }
    #navbar { margin-left: -30px; }
    .navbar-nav { float: none; }
    .navigation { width: 100%; margin: 0; }
    .head-search .form-group { width: 100%; float: none; }
    .head-social { text-align: center; float: none; padding: 10px; }
    .head-search { height: auto; }
    .navbar-default .navbar-nav > li > a.smallmenu { font-size: 18px; padding: 8px 10px; font-weight: bold; }
    .nav > li { background-color: #ccc; border-bottom: solid 2px white; width: 100%; }
    .news .nav-tabs > li, .nav-tabs > li:not(.input-group) { max-width: none; width: 50% !important; }

    .navbar-default .navbar-nav > li > a:hover { color: white; background-color: #af272f; }
    .navbar-default .navbar-nav > li > a { color: black; }
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0; }
    .footer-row { text-align: center; }
    .nav-tabs > li:first-child { max-width: unset; }
    .hp-left h2 { padding: 20px 0 0 0; }
    .hp-feature:last-child { border-bottom: none; }
    .body-right h3 { color: #323232; }

    .navbar-default .navbar-nav > li > .navmenucontent { display: none !important; }
    .nav.nav-tabs > li.input-group { width: 100%; max-width: none; margin: 12px 0 !important; }

    .homepage-slide-description { max-width: 100%; }
}

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

@media screen and (max-width:600px) {
    .nav-tabs > li { width: 100% !important; }
    .homepage-slide-inner a { font-size: 30px; }
    .homepage-slide-inner h1 { font-size: 30px; }
    .hp-left a { font-size: 35px; }
    .homepage-slide-inner, .homepage-banner { height: 300px; }
    .homepage-slide-description > div { font-size: 18px; }
    .hp-feature h3 { font-size: 20px; }
    .heading-row h1 { font-size: 30px; }
    .heading-date { font-size: 22px; }
}

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

@media screen and (max-width:440px) {
    .row.bio-contact-row div { width: 100%; }
    .bio-contact-right img { margin: 10px; }
    .nav > li { width: 100% !important; }
    .homepage-slide-inner a { font-size: 30px; }
    .hp-left a { font-size: 32px; }
    .heading-row h1 { font-size: 25px; }
    .heading-date { font-size: 20px; }
}

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

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

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
    /* Retina-specific stuff here */
    .logo-image { width: 209px; height: 62px; background-image: url(/images/LRR_logoNew_2x.svg); background-size: 209px 62px; }
}

@media only screen and (max-width:806px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width:806px) and ( min--moz-device-pixel-ratio: 2), only screen and (max-width:806px) and ( -o-min-device-pixel-ratio: 2/1), only screen and (max-width:806px) and ( min-device-pixel-ratio: 2), only screen and (max-width:806px) and ( min-resolution: 192dpi), only screen and (max-width:806px) and ( min-resolution: 2dppx) {
    /* Retina-specific stuff here */
    .logo-image { width: 175px; height: 52px; background-image: url(/images/LRR_logoNew_2x.svg); background-size: 175px 52px; }
}
