@media all and (max-width: 1090px){
    #conairLogo {
        min-width:100px;
        margin-right: 24px;
    }
}

@media all and (max-width: 1080px){

    #categoryHeroCopy {
        font-size:14px;
    }

    #footer, #toolbar input {
        font-size: 1em;
    }

}

@media all and (max-width: 1030px){
    #conairLogo {
        min-width:75px;
        margin-right: 16px;
    }
}

@media all and (max-width: 980px){

    body {
        font-size: 16px;
    }

    #footer, #toolbar {
        font-size: .75em;
    }

    #toolbar a {
        font-size: 1em;
    }

    #toolbar form.search {
        display: none;
    }

    .mobile {
        display: block;
    }

    #mainNavWrapper .inner {
        justify-content: space-between;
    }

    #mainNavWrapper .search {
        display: block;
    }

    #menuBtn {
        padding:.75em;
        background-color: #fff;
        cursor: pointer;
    }

    #menuBtn, #menuBtn .line, #mainNav, #mobileNavSearchIcon, #mobileNavSearch {
        transition: all .5s ease;
    }

    #menuBtn .line{
        width:32px;
        height:4px;
        display: block;
        background-color: #9f9f9f;
        margin:4px 0;
        opacity: 1;
        position: relative;
    }

    #menuBtn.active {
        background-color: #ededed;
    }

    #menuBtn.active .line:nth-child(1){
        transform: rotate(45deg);
        top:8px;
    }

    #menuBtn.active .line:nth-child(2){
        opacity:0;
    }

    #menuBtn.active .line:nth-child(3){
        transform: rotate(-45deg);
        top:-8px;
    }

    #mainNav {
        position:absolute;
        top:0;
        left:-100%;
        padding-top:8em;
        background-color: #fff;
        flex-direction:column;
        width:100%;
        height:100vh;
        justify-content:flex-start;
        z-index:1;
    }

    #mainNavWrapper .inner {
        padding: .5em 1em;
        box-sizing:border-box;
    }

    #mainNav a {
        font-size: inherit;
    }

    #mainNav a br{
        display:none;
    }

    #conairLogo {
        min-width:160px;
        margin-right:0;
    }

    #mainNav.active {
        left:0;
    }

    #mainNav a {
        display: flex;
        background-color: #0495f7;
        padding:1em 16px;
        color:#fff;
        font-weight: bold;
        width:100%;
        margin-top: .33em;
        position: relative;
        vertical-align: middle;
        box-sizing: border-box;
        flex-direction: row;
        align-items: center;
    }

    #mainNav a::after {
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;
        margin-top: -2px;
        content: "";
        background-image: url("../svg/white-miter.svg");
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
        transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }

    #mainNavWrapper .inner #conairLogo, #mobileNavSearchIcon {
        position: relative;
        z-index: 2;
    }

    #mainNavWrapper .inner #menuBtn {
        position: relative;
        z-index: 4;
    }

    img#mobileNavSearchIcon, #mobileNavSearch img  {
        height:50px;
        width:50px;
        margin-bottom:-10px;
    }

    img#mobileNavSearchIcon {
        display:inline-block;
    }

    #mobileNavSearch.active {
        width:calc(100% - 80px);
        opacity:1;
    }
}

@media all and (max-width: 800px){
    #subfooter .inner div {
        width:50%;
    }
}

@media all and (max-width: 769px){
    .col{
        width:100%;
    }
}

@media all and (max-width: 630px){
    #footer .inner {
        flex-direction: column-reverse;
        align-items: center;
    }
    #footer nav {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content:center;
        width:60%;
    }

    #footer nav a {
        width:50%;
        margin:.5em 0;
        text-align: center;
    }

    #footer #socialLinks a {
        margin:0 .25em;
    }
}