/*-=Small screens=-*/
    @media only screen and (max-width: 40em) {
        /* TOP BAR Mobile STYLING */
        .top-bar { background: #333333; /* change background color if you need */ }
        .top-bar-section ul li > a{
            color: white; /* change color of text if you need */
            font-size: 13px;
            background: #333333; /* change background color if you need */
        }
        .top-bar-section ul li:hover > a{ background: #111 !important; /* change background color if you need */ }
        
        .location-header{
            right: 0px !important;
            width: 40px !important;
        }
        .esp-link p{
            display: none;
        }
        .esp-link{
            right: 75px !important;
            top: 5px;
        }
        .esp-link img{
            max-width: 25px;
        }
        .top-bar-section ul li{
              padding: 12px 0 12px 0 !important;
        }
        .footer-left{
            text-align: center;
        }
        .left-text-foot{
            padding-top: 35px !important;
            color: #fff;
        }
        .footer-soc a{
            display: inline-block;
        }
        .footer-soc a:first-child img{
            margin-bottom: -9px;
        }
        .col-count-2{
            -webkit-column-count: 1;
            -moz-column-count: 1;
            column-count: 1;
            -webkit-column-gap: 0px;
            -moz-column-gap: 0px;
            column-gap: 0px;
        }
        ul.col-count-2{
            padding-right: 0;
        }
        .col-half{
            width: 100%;
        }
        .prod-specs img{
            margin: 0;
        }
    } /* max-width 640px and lower. Use this for mobiles only */

/*-=Medium screens=-*/
    @media only screen and (min-width: 40.063em) {
        /* TOP BAR STYLING */
        .top-bar {
            height: 35px;
            line-height: 36px;
            border-bottom: 1px solid #fff;
            background: rgb(19,90,182); /* Old browsers */
            background: -moz-linear-gradient(top,  rgba(19,90,182,1) 0%, rgba(18,97,163,1) 45%, rgba(14,73,165,1) 48%, rgba(12,87,170,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(19,90,182,1)), color-stop(45%,rgba(18,97,163,1)), color-stop(48%,rgba(14,73,165,1)), color-stop(100%,rgba(12,87,170,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(19,90,182,1) 0%,rgba(18,97,163,1) 45%,rgba(14,73,165,1) 48%,rgba(12,87,170,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(19,90,182,1) 0%,rgba(18,97,163,1) 45%,rgba(14,73,165,1) 48%,rgba(12,87,170,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(19,90,182,1) 0%,rgba(18,97,163,1) 45%,rgba(14,73,165,1) 48%,rgba(12,87,170,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(19,90,182,1) 0%,rgba(18,97,163,1) 45%,rgba(14,73,165,1) 48%,rgba(12,87,170,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#135ab6', endColorstr='#0c57aa',GradientType=0 ); /* IE6-9 */

        }
        .top-bar-section li:not(.has-form) a:not(.button){
            line-height: 36px;
        }
        .top-bar-section ul { background: transparent; }
        .top-bar-section ul li:last-child a:before{
            content: '';
            position: absolute;
            right: 1px;
            top: 0;
            width: 1px;
            height: 100%;
            background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 88%, rgba(255,255,255,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(88%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 88%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 88%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 88%,rgba(255,255,255,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 88%,rgba(255,255,255,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

        }
        .top-bar-section ul li:last-child a:after{
            content: '';
            position: absolute;
            right: 0;
            top: 0;
            width: 1px;
            height: 100%;
            background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(86,86,86,1) 88%, rgba(63,63,63,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(88%,rgba(86,86,86,1)), color-stop(100%,rgba(63,63,63,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(86,86,86,1) 88%,rgba(63,63,63,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(86,86,86,1) 88%,rgba(63,63,63,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(86,86,86,1) 88%,rgba(63,63,63,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(86,86,86,1) 88%,rgba(63,63,63,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#3f3f3f',GradientType=0 ); /* IE6-9 */

        }
        .top-bar-section ul li { background: transparent; position: relative;}
        .top-bar-section ul li:before{
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 1px;
            height: 100%;
            background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 88%, rgba(255,255,255,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(88%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 88%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 88%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 88%,rgba(255,255,255,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 88%,rgba(255,255,255,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

        }
        .top-bar-section ul li:after{
            content: '';
            position: absolute;
            left: 1px;
            top: 0;
            width: 1px;
            height: 100%;
            background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(86,86,86,1) 88%, rgba(63,63,63,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(88%,rgba(86,86,86,1)), color-stop(100%,rgba(63,63,63,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(86,86,86,1) 88%,rgba(63,63,63,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(86,86,86,1) 88%,rgba(63,63,63,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(86,86,86,1) 88%,rgba(63,63,63,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(86,86,86,1) 88%,rgba(63,63,63,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#3f3f3f',GradientType=0 ); /* IE6-9 */

        }
        .top-bar-section li:not(.has-form) a:not(.button) {
            background: transparent;
            font-family: 'Arial', sans-serif;
            font-size: 14px;
            text-transform: uppercase;
            font-weight: bold;
            color: #fff;
            padding: 0 20px;
            
        }
        .top-bar-section li:not(.has-form) a:not(.button):hover {
            color: #fff;
            background: transparent;
        }
        .top-bar-section li.current-menu-item > a:not(.button) {
            color: #fff;
            background: transparent;
        }
       
        .top-bar-section .has-dropdown > a { padding: 0 20px !important; }
        .top-bar-section .has-dropdown > a:after { display: none; }

        /* Dropdown Styling*/
        .top-bar-section ul li:hover:not(.has-form) > a {
            background: transparent;
            color: #fff;
        }
        .top-bar-section ul li:hover:not(.has-form) > a:after{
            content: '';
            position: absolute;
            left: 0;
            top: auto;
            bottom: -5px;
            width: 100%;
            height: 6px;
            background: #F7D512;
        }
        .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
            color: white;
            background: olive;
        }
        .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
            color: grey;
            background: bisque;
        }
        .top-bar-section .has-dropdown > .dropdown li .dropdrown_menu li a { background: blue; }
        .top-bar-section .has-dropdown > .dropdown li .dropdrown_menu li:hover a {
            color: white;
            text-decoration: underline;
            background: red;
        }
        /* Align Menu to the right
            .top-bar-section { float:right; } */
        /* Align Menu to the center*/
            .top-bar-section { float:none; text-align: center; }
            .top-bar-section ul{display: inline-block;} 
            
            
            
        .top-bar-section .has-dropdown.hover>.dropdown,
        .top-bar-section .has-dropdown.not-click:hover>.dropdown{
            background: #071261;
            padding: 5px 0 10px 0;
            -moz-border-radius: 0 0 20px 20px;
            -webkit-border-radius: 0 0 20px 20px;
            -khtml-border-radius: 0 0 20px 20px;
            border-radius: 0 0 20px 20px;
            text-align: left;
        }
        .top-bar-section .dropdown {
            margin-top: 35px;
            top: 0;
        }
        .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button){
            background: transparent;
            color: #fff;
            font-size: 12px;
            text-decoration: none;
            font-weight: normal;
            text-transform: none;
            padding: 0 5px;
            line-height: 18px;
        }
        .top-bar-section .dropdown li{}
        .top-bar-section .dropdown li:before,
        .top-bar-section .dropdown li:after,
        .top-bar-section .dropdown li:last-child a:before,
        .top-bar-section .dropdown li:last-child a:after{
            display: none;
        }
        .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button){
            background: #F7D513;
            color: #000;
            line-height: 18px;
        }
        .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:hover:not(.button):after{
            display: none;
        }
        .top-bar-section .dropdown li.last-prod-menu-item {
            border-top: 1px solid #ffffff;
            margin-top: 5px;
            padding: 15px 0 0;
        }

    }  /* min-width 641px */

    @media only screen and (min-width: 40.063em) and (max-width: 64em) { 

    } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
    @media only screen and (max-width: 64em) {
        footer .footer-right{
            text-align: center;
        }
        footer .footer-right h5{
            color: #fff;
        }
        .top-bar-section li:not(.has-form) a:not(.button){
            padding: 0 10px !important;
            font-size: 12px;
        }
        .two-cols-list{
            background: none;
        }
        header{
            margin-bottom: 0;
        }
        .location-header{
            right: 15px;
            width: 95px;
            background-size: contain;
        }
        .esp-link{
            right: 175px;
        }
        .two-cols-list h3, .two-cols-list ul, .two-cols-list ul li a{
              color: #222;
        }
        .sidebar img{
            max-width: 100%;
        }
    }
/*-=Large screens=-*/
    @media only screen and (min-width: 64.063em) { 

    } /* min-width 1025px, large screens */