header.main-header > div.container {

    margin: 0;

    max-width: unset;

    padding: 1em 3%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    height: 60px;

    box-sizing: border-box;

    white-space: nowrap;

}





header.main-header > div.container > div.small-links-left {

    display: flex;

    flex: 1;

    width: auto;

    justify-content: flex-start;

    height: 100%;

    font-size: 14px;

    letter-spacing: 0;

}





header.main-header > div.container > div.small-links-left p {

    width: max-content;

}



header.main-header > div.container > div.small-links-left > div  {

    display: flex;

    justify-content: flex-start;

    align-items: center;

}



header.main-header > div.container > div.small-links-left > div > img {

    margin-right: 1em;

    height: 75%;

}



header.main-header > div.container > div.small-links-left > div > p.call-us-prefix {

    white-space: pre;

}



header.main-header > div.container > div.small-links-left > div > p.email-us-prefix {

    white-space: pre;

}



header.main-header > div.container > div.small-links-left > div > p:last-of-type {

    margin-right: 3em;

}



header.main-header > div.mobile-search-icons-wrapper {

    display: none;

}



header.main-header > div.mobile-search-icons-wrapper > img {

    height: 100%;

}



header.main-header > div.container > div.small-links-right {

    display: flex;

    justify-content: flex-end;

    align-items: center;

    flex: 1;

    width: auto;

    height: 100%;

    font-size: 14px;

}



header.main-header > div.container > div.small-links-right > div {

    display: flex;

    justify-content: center;

    align-items: center;

    width: min-content;

    height: 100%;

    margin-left: 1em;

}



header.main-header > div.container > div.small-links-right > div img {

    height: 75%;

}



header.main-header > div.container > div.small-links-right > div > img {

    margin-right: 1em;

}



header.main-header > div.container > div.small-links-right > div a.my-account-icon {

    height: 100%;

    width: 30px;

    display: flex;

    align-items: center;

}



header.main-header > div.container > div.small-links-right > div a.my-account > span:nth-of-type( 2 )::before {

    content: " / ";

    white-space: pre;

}



header.main-header > div.container > div.small-links-right > div a.checkout {

    position: unset;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: unset;

    width: 100%;

}



header.main-header > div.container > div.small-links-right > div span {

    align-self: baseline;

}



#navigation-wrap > img {

    max-width: 500px;

    cursor: pointer;

}



#navigation-wrap a#logo {

    display: flex;

    height: 100%;

    align-items: center;

}



#navigation-wrap a#logo h2 {

    text-indent: -9999px;

    overflow: hidden;

    background: url(../images/easychem-logo.png) no-repeat;

    background-size: contain;

    width: 380px;

    height: 60px;

    margin: 0;

}



 body.archive .site-search {

     margin: auto;

     margin-top: 3em;

 }



.site-search {

    width: 50%;

    min-width: 300px;

    border: solid 1px #444444;

    display: block;

    margin-bottom: 1em;

}



.site-search form {

    display: flex;

    margin-bottom: 0;

}



.site-search input[type=search] {

    box-sizing: border-box;

    width: 85%;

    font-size: 1.2em;

    text-align: center;

    padding: 1em;

    font-weight: 600;

    /* border-radius: 5px 0 0 5px; */

}



.site-search form .SearchButton {

    width: 65px;

    background-color: #f78700;

    border-radius: 5px 0 0 5px;

    position: absolute;

    right: 0;

    height: 100%;

    display: flex;

    justify-self: center;

    align-items: center;

    padding: 1em 1.5em;

    /* border-radius: 0 5px 5px 0; */

    cursor: pointer;

}



.site-search form .SearchButton > img {

    max-width: 25px;

}



#HeaderDropdownWrapper {

    position: relative;

}



div#mobile-site-search {

    display: none;

    position: relative;

}



div#mobile-site-search > div {

    position: absolute;

    width: 100%;

    z-index: 3;

}



div#mobile-site-search .SearchButton {

    position: absolute;

    top: 0;

    right: 0;

    height: 100%;

    background-color: #f78700;

    padding: 0 0.5em;

}



div#mobile-site-search .SearchButton > img {

    width: 30px;

    height: 25px;

}



@media ( max-width: 1400px ) {

    header.main-header > div.container > div.small-links-right > div:first-child {

        display: none;

    }

}



@media ( max-width: 1275px ) {

    .Header_Navigation > ul > li:last-child {

        display: none;

    }

}



@media ( max-width: 1150px ) {

    header.main-header > div.container > div.small-links-left > div > p.call-us-prefix {

        display: none;

    }

    header.main-header > div.container > div.small-links-left > div > p.email-us-prefix {

        display: none;

    }

}



@media ( max-width: 500px ) {



    #navigation-wrap a#logo h2 {

        width: 230px;

        height: 37px;

        margin-left: 10px;

    }



}



/* Responsive styles */

/* Screen with < 1000px */

@media ( max-width: 1000px ) {



    #mobile-search {

        display: flex;

        padding: 1em 2.5em;

    }

    .in-page-site-search{

        display: none;

    }

    .site-search form .SearchButton {

        padding: 5px 10px;

    }



    div#mobile-site-search.active {

        display: block;

    }



    /* Header icons */

    header.main-header > div.container {

        display: none;

    }



    header.main-header > div.mobile-search-icons-wrapper {

        display: flex;

        justify-content: space-between;

        align-items: center;

        width: 100%;

        padding: 1em 3%;

        height: auto;

    }



    header.main-header > div.mobile-search-icons-wrapper img {

        height: 30px;

    }



    header.main-header > div.mobile-search-icons-wrapper > a    {

        height: min-content;

        width: auto;

        cursor: pointer;

        position: relative;

    }



    header.main-header > div.mobile-search-icons-wrapper > a.checkout {

        display: flex;

        width: auto;

        align-items: center;

    }



    header.main-header > div.mobile-search-icons-wrapper > a.checkout > span {

        display: flex;

        justify-content: center;

        align-items: center;

        background: #f78700;

        width: 25px;

        height: 25px;

        border-radius: 50%;

        color: #FFF;

        font-size: 1em;

        text-align: center;

        margin-right: 5px;

    }



    /* Banner */

    div#banner{

        height: 40vh;

    }

    div#banner > div {

        height: 100%;

    }

    div#banner > div > div {

        height: 100%;

    }



    div.owl-stage-outer {

        height: 100%;

    }



    div.owl-stage {

        height: 100%;

    }



    div.owl-item {

        height: 100%;

    }



    div.item {

        height: 100%;

    }



    div.item > a > img {

        height: 100%;

        max-width: unset;

        object-fit: cover;

        object-position: top;

    }



    div#banner div.banner-caption {

        padding: 0 1em;

        bottom: 0;

        display: flex;

        justify-content: center;



    }

    div#banner div.banner-caption > div {

        align-items: center;

    }

    div#banner div.banner-caption > div > div {

        text-align: center;

    }

}



@media ( max-width: 768px ) {



    div#banner{

        height: 45vh;

    }



}