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

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

/* Medium Devices, Desktops */
@media only screen and (min-width : 850px) {
    .single h1{
        font-size: 24px;
    }
    .header-top .button {
        background: unset;
        border: unset;
        box-shadow: unset;
        padding-right: unset;
    }
    .header-top .button span {
        color: #000;
    }

    .header-main .menu-item {
        margin: unset;
        padding: 17px 12px;
        max-height: 100%;
    }

    .header-main .menu-item.active {
        background-color: rgba(0, 0, 0, 0.16);
    }
    #logo{
        background: #fff;
        padding: 0 10px;
        position: relative;
    }
    #logo::before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 70px 40px 70px 0;
        border-color: white transparent transparent transparent;
        top: 0;
        right: 0;
        transform: translateX(40px); 
    }
    #logo::after{
        content: '';
        position: absolute;
        width: 100px;
    }
    

    
    
    
    
    

}

/* Small Devices, Tablets */
@media only screen and (max-width : 850px) {
    .a-order {
        order: -1;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 550px) {}

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