/***** BEGIN RESET *****/
* {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    font-family: 'roboto_condensedbold', "Roboto Condensed", Arial, sans-serif;
}

ol,
ul {
    list-style: none;
}

.clear {
    clear: both;
    height: 0px;
    margin: 0;
}

/***** END RESET *****/

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot');
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-Regular-webfont.woff') format('woff'),
        url('../fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot');
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-Bold-webfont.woff') format('woff'),
        url('../fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {
    font-size: 60px;
    color: #ec141d;
    text-align: center;
}

h3 {
    font-size: 18px;
    color: #000;
}

h3 a {
    color: #000;
    text-decoration: none;
}

h3 a:hover {
    color: #ec141d;
}

h4 {
    font-size: 18px;
}


/******** Basic Styles ********/
.show-menu-for-mobile {
    display: none;
}

body {
    background: #fff;
    -webkit-text-size-adjust: none;
}

#site-width {
    width: 1020px;
    margin: 10px auto;
    text-align: center;
}

#site-width.invPage {
    width: 100%;
}

/******** Header Styles ********/
#headerwrap {
    background: url("../siteart/headbg.png") repeat-x;
}

header {
    width: 100%;
    max-width: 1820px;
    margin: 0 auto;
    padding: 5px 0;
    display: flex;
    justify-content: space-between;
}

#contact {
    float: right;
    text-align: right;
    color: #fff;
    /* width: 40%; */
    padding-top: 5px;
}

#contact a {
    color: #fff;
    text-decoration: none;
}

#contact a:hover {
    text-decoration: underline;
}

/******** Content Styles ********/
.hosted-content #listings-title html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    /* text-align: left; */
}

div#welcomestuff {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
}

div#flexstuff {
    display: flex;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    max-width: 1640px;
    margin: 0 auto;
    flex-direction: column-reverse;
    /* margin-top: -180px; */
    z-index: 3;
    position: relative;
}

#main img {
    width: 100%;
    margin: 0 auto;
}

.logo {
    font-size: 70px;
}

#btnwrap {
    /* margin: 0 auto; */
    padding: 15px 0 25px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-right: 40px;
    flex-wrap: wrap;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    /* Sets 20px gap between rows and columns */
    height: 160px;
}

/*#leftbtn {float:left; width:49%;}
#leftbtn img {float:left; width:100%;}

#rightbtn {float:right; width:50%; }
#rightbtn img {float:right; width:100%;}
*/

.btn {
    /* display: inline-block; */
    width: 100%;
    background: #ec141d;
    color: #fff !important;
    text-transform: uppercase;
    text-align: center;
    font-size: 2.75rem;
    padding: 20px 0;
    margin: .25%;
    text-decoration: none;
    padding: 19px;
    font-size: 36px;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn:hover {
    background: linear-gradient(#ec141d, #dc1018);
}

.btn img {
    width: 100%;
}

.formwrap {
    max-width: 1020px;
    width: 100%;
    margin: 0 auto;
}

.formwrap a {
    color: #131c5b;
    text-decoration: none;
}

.formwrap a:hover {
    color: #ea1f28;
}

.cycle-slideshow {
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 0 !important;
}

.cycle-slideshow img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 0;
}


#formpage {
    vertical-align: top;
}

#formpage div {
    vertical-align: top;
    padding: 3px 5px;
}

#formpage input {
    padding: 6px 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #000;
    font-family: 'roboto_condensedbold', "Roboto Condensed", Arial, sans-serif;
    color: #000;
    font-size: 12px;
}

#formpage textarea {
    padding: 6px 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #000;
    font-family: 'roboto_condensedbold', "Roboto Condensed", Arial, sans-serif;
    background: #fff;
    font-size: 12px;
}


/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #fff;
    font-family: 'roboto_condensedbold', "Roboto Condensed", Arial, sans-serif;
    color: #8e8d8d;
    vertical-align: middle;
    font-size: 12px;
    line-height: normal;
    padding: 5px;
}

#formpage input {
    width: 100%;
}

#formpage input.larger {
    width: 100%;
}

#formpage textarea {
    width: 100%;
    height: 85px;
}

/* focus states of various types of fields */

#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
    background: #fff;
    color: #000;
    border: 1px solid #16598d;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    outline-style: none;
}

#formpage input.radio:focus,
#formpage input.checkbox:focus {
    background: none;
    border: 0;
    outline-style: none;
}




#formpage input.button,
#formpage input.button:focus {
    width: 200px;
    margin: 10px 0;
    padding: 7px 0;
    background: #131c5b url('../siteart/submit_btn.jpg') repeat-x;
    border: 2px #192578 solid;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
}

#formpage input.button:hover {
    background: #ea1f28;
    color: #fff;
    text-shadow: none;
    border: 2px #D11F27 solid;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}



/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color: #212121;
    font-size: 13px;
    text-align: left;
}

#formpage label.checkbox {
    /*  color:#212121;*/
    font-size: 13px;
    text-align: left;
    display: inline;
    padding: 0;
}


/*control the Captcha */
.CaptchaPanel {
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    text-align: center;
    line-height: normal !important;
}

.CaptchaImagePanel {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.CaptchaMessagePanel {
    padding: 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
    font-weight: normal !important;
    font-size: 12px;
    line-height: 14px;
}

.CaptchaAnswerPanel {
    margin: 0 0 0 0;
    padding: 2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
    line-height: 0;
    margin: 0 0 0 0;
    padding: 8px 0 8px 0 !important;
}

.CaptchaWhatsThisPanel a {
    color: #000;
}

.CaptchaWhatsThisPanel a:hover {
    text-decoration: none;
}


/******MAIN NAVIGATION******/

#navwrap {
    float: left;
    width: 60%;
}

#nav {
    position: relative;
    display: block;
    z-index: 9000;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    text-align: center;
    width: 100%;
}

#nav ul,
nav li {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#nav ul li {
    display: block;
    position: relative;
    float: left;
    text-align: center;
    border: none !important;
    !i;
    !;
}

#nav li ul {
    display: none;
}


#nav ul li a {
    /* appearance of the first-level links */
    display: block;
    text-decoration: none;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    line-height: 18px;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    padding: 8px 30px;
    height: 1%;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .6);
    text-align: center;
    font-family: 'roboto_condensedbold', "Roboto Condensed", Arial, sans-serif;
}

#nav ul li a:hover {
    /* appearance of the first-level links on hover */
    height: 1%;
    color: #ec141d;
}


#nav ul li li a {
    /* appearance of the sub-level links */
    width: 215px;
    padding: 8px 0 8px 15px;
    text-align: left;
    background: #090909;
    border-bottom: 1px #333 solid;
    border-right: 1px solid #333;
    border-left: 1px solid #333;
    background: url("../siteart/footbg.png") repeat-x;
}

#nav ul li li a:hover {
    /* appearance of the sub-level links on hover */
    color: #fff;
    background: #ec141d url("../siteart/nav-ro-bg.jpg") repeat-x;
}

/* Unless needing to do something extra or experimental, DON'T edit these positioning styles below! */
#nav ul ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
}

#nav ul ul ul {
    position: absolute;
    left: 100%;
    top: 0;
}

#nav ul li:hover>ul {
    display: block;
    line-height: 18px;
    /* make sure your line-height always matches that of your main link styles!*/
    z-index: 100;
    background: #4b0000;
    /* make sure your background color always matches your link styles!*/
}

#nav ul ul li {
    float: none;
    position: relative;
}


/******AUCTION NAVIGATION******/
.nav {
    position: relative;
    display: block;
    z-index: 9000;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    text-align: center;
    width: 100%;
}

.nav ul,
nav li {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.nav ul li {
    display: block;
    position: relative;
    float: left;
    text-align: center;
}

.nav li ul {
    display: none;
}


.nav ul li a {
    /* appearance of the first-level links */
    display: block;
    text-decoration: none;
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    padding: 8px 17px;
    height: 1%;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .6);
    text-align: center;
    font-family: 'roboto_condensedbold', "Roboto Condensed", Arial, sans-serif;
}

.nav ul li a:hover {
    /* appearance of the first-level links on hover */
    height: 1%;
    color: #ec141d;
}


/******BOTTOM NAVIGATION******/
.secondnav {
    margin: 20px auto;
}

.secondnav a {
    color: #000;
    text-decoration: none;
}

.secondnav a:hover {
    color: #ec141d;
}

.secondnav img {
    width: 15%;
    margin: 10px auto;
}


/************************************************** Equipment Images *****************/



.box-contain {
    width: 100%;
    float: none;
    margin: 0 auto 10px;
    text-align: center;
    display: block;
    padding: 25px 0;
    background: #fafafa;
}

.box-wrap {
    width: calc(100% - 40px);
    float: none;
    margin: 0 auto;
    text-align: center;
}

.zoom-container {
    float: none;
    width: calc(24% - 3px);
    max-width: 500px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    display: inline-block;
    box-sizing: border-box
}

.zoom-container img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    padding: 0;
    margin: 0;
    border: 2px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
}

.zoom-container h3 {
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #262836;
}

.zoom-container a:hover h3 {
    color: #ec141d;
}

.zoom-container a {
    text-decoration: none;
}

.zoom-container:hover img {
    /** -webkit-transform:scale(1.25); 
	-moz-transform:scale(1.25); 
	-ms-transform:scale(1.25); 
	-o-transform:scale(1.25); 
	transform:scale(1.25); 
	display: block;**/
    border: 2px solid #ec141d;
}


#footer {
    background: url("../siteart/footbg.png") repeat-x;
    padding: 15px;
    line-height: 15px;
    color: #fff;
}

a.footerlink:link,
a.footerlink:visited,
a.footerlink:active {
    text-decoration: underline;
    font-family: 'roboto_condensedregular', Arial, sans-serif;
    font-size: 11px;
    color: #fff;
}

a.footerlink:hover {
    text-decoration: none;
    font-family: 'roboto_condensedregular', Arial, sans-serif;
    font-size: 11px;
    color: #fff;
}

.footertext {
    font-family: 'roboto_condensedregular', Arial, sans-serif;
    font-size: 11px;
    color: #fff;
}

.smallfootertext {
    font-family: 'roboto_condensedregular', Arial, sans-serif;
    font-size: 11px;
    color: #fff;
}

.divfooter {
    width: 450px;
    text-align: center;
    margin: 0 auto;
}




/************************************************ Responsive Styles **/
@media screen and (max-width: 1720px) {
    #btn {
        width: 49.3%;
    }
}

@media screen and (max-width: 1280px) and (min-width:1024px) {
    .show-menu-for-mobile {
        display: none;
    }

    header {
        width: 95%;
    }

    #site-width {
        width: 95%;
    }

    .formwrap {
        width: 95%;
    }

    #nav ul li a {
        font-size: 16px;
        padding: 8px 10px;
    }

    #btn {
        font-size: 2rem;
    }


}



@media screen and (max-width: 1023px) and (min-width:501px) {
    .show-menu-for-mobile {
        display: none;
    }

    h3 {
        font-size: 16px;
        color: #000;
    }

    h4 {
        font-size: 12px;
    }

    header {
        width: 95%;
        margin: 0 auto;
        padding: 5px 0;
    }

    /*#navwrap {width:70%;}*/
    #nav ul li a {
        padding: 6px 5px;
        font-size: 13px;
    }

    #contact {
        width: 30%;
        text-align: right;
        color: #fff;
        padding-top: 5px;
    }

    #contact a {
        color: #fff;
        text-decoration: none;
    }

    #contact a:hover {
        text-decoration: underline;
    }

    #site-width {
        width: 95%;
    }

    #btn {
        width: 49.2%;
        font-size: 1.5rem;
    }

    .formwrap {
        width: 90%;
    }

    .secondnav {
        font-size: 13px;
        margin: 10px auto;
    }

    .divfooter {
        width: 95%;
    }

    .zoom-container {
        width: calc(49% - 3px);
    }
}

@media screen and (max-width: 767px) {
    .show-menu-for-mobile {
        display: block;
    }

    .hide-for-mobile {
        display: none;
    }

    .hide {
        display: none;
    }


    #navwrap {
        width: 40%;
    }

    #contact {
        width: 55%;
        text-align: right !important;
        padding-top: 10px;
    }

    #contact h4 {
        /* text-align: right !important; */
    }

    #btn {
        width: 49.1%;
        font-size: 1rem;
    }

    /******************styles for the main site navigation during mobile display*************/
    /* #navicon {
        float: left;
        font-size: 24px;
        font-size: 1.5em;
        text-decoration: none;
        position: relative;
        z-index: 99999999999999999;
        margin: 0.25rem 0 0 0.5rem;
        color: #fff;
    } */

    #nav {
        display: none;
    }
}

@media screen and (max-width: 500px) and (min-width:321px) {
    .show-menu-for-mobile {
        display: block;
    }

    .hide-for-mobile {
        display: none;
    }

    .hide {
        display: none;
    }

    h1 {
        font-size: 36px;
    }

    h3 {
        font-size: 16px;
        color: #000;
    }

    h4 {
        font-size: 12px;
    }

    header {
        width: 90%;
        margin: 0 auto;
        padding: 5px 0;
    }

    #navwrap {
        width: 20%;
    }

    #contact {
        width: 70%;
        text-align: right;
        color: #fff;
        padding-top: 10px;
    }

    #contact a {
        color: #fff;
        text-decoration: none;
    }

    #contact a:hover {
        text-decoration: underline;
    }


    #site-width {
        width: 95%;
    }

    /*#site-width img {width:25%;}*/

    .logo {
        font-size: 50px;
    }

    #btnwrap {
        width: 100%;
        margin: 0 auto;
        padding: 0px 0 15px 0;
    }

    #leftbtn {
        float: none;
        width: 100%;
    }

    #leftbtn img {
        float: none;
        width: 100%;
    }

    #btn {
        display: block;
        width: 100% !important;
    }

    #btn a {
        text-decoration: none !important;
    }

    #rightbtn {
        float: right;
        width: 100%;
    }

    #rightbtn img {
        float: right;
        width: 100%;
    }

    .formwrap {
        width: 80%;
    }

    .secondnav {
        font-size: 13px;
        margin: 10px auto;
    }

    .divfooter {
        width: 95%;
    }

    /******************styles for the main site navigation during mobile display*************/
    #navicon {
        float: left;
        font-size: 24px;
        font-size: 1.5em;
        text-decoration: none;
        position: relative;
        z-index: 99999999999999999;
        margin: 0.25rem 0 0 0.5rem;
        color: #fff;
    }

    #nav {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    #btn {
        width: 32.5%;
    }

    .zoom-container {
        width: calc(100% - 3px);
    }

}



@media screen and (max-width: 320px) {
    .show-menu-for-mobile {
        display: block;
    }

    .hide-for-mobile {
        display: none;
    }

    .hide {
        display: none;
    }

    h1 {
        font-size: 32px;
    }

    h3 {
        font-size: 16px;
        color: #000;
    }

    h4 {
        font-size: 11px;
    }

    header {
        width: 90%;
        margin: 0 auto;
        padding: 5px 0;
    }

    #navwrap {
        width: 20%;
    }

    #contact {
        width: 70%;
        text-align: right;
        color: #fff;
        padding-top: 8px;
    }

    #contact a {
        color: #fff;
        text-decoration: none;
    }

    #contact a:hover {
        text-decoration: underline;
    }


    #site-width {
        width: 90%;
    }

    .logo {
        font-size: 45px;
    }

    #btnwrap {
        width: 100%;
        margin: 0 auto;
        padding: 15px 0 25px 0;
    }

    #leftbtn {
        float: none;
        width: 100%;
    }

    #leftbtn img {
        float: none;
        width: 100%;
    }

    #btn {
        width: 100%;
    }

    #rightbtn {
        float: right;
        width: 100%;
    }

    #rightbtn img {
        float: right;
        width: 100%;
    }

    .formwrap {
        width: 75%;
    }

    #formpage input.button,
    #formpage input.button:focus {
        width: 100%;
    }

    .secondnav {
        font-size: 13px;
        margin: 10px auto;
    }



    .divfooter {
        width: 95%;
    }

    /******************styles for the main site navigation during mobile display*************/
    #navicon {
        float: left;
        font-size: 24px;
        font-size: 1.5em;
        text-decoration: none;
        position: relative;
        z-index: 99999999999999999;
        margin: 0.25rem 0 0 0.5rem;
        color: #fff;
    }

    #nav {
        display: none;
    }
}


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

    div#flexstuff {
        flex-direction: column;
        overflow: hidden;
    }

    #btnwrap {
        margin-right: 0;
    }

    .wrapstuffmenu {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-top: 15px;
    }
}

.header-search {
    height: 40px;
    height: max(17px, 2.08333vw);
}

.header-search input {
    padding: 21px 20px 12px;
    padding: max(9px, 1.09375vw) max(9px, 1.04167vw) max(5px, 0.625vw);
    min-width: 270px;
    min-width: max(118px, 14.0625vw);
    font-weight: 500 !important;
    font-size: 15.5px;
    font-size: max(13px, 0.80729vw);
}

/*! CSS Used from: https://www.honeycuttheavyparts.com/css/normalize.css */
.header-search {
    display: flex;
    height: 100%;
    /* min-width: 120px; */
    /* min-width: max(105px, 12.5vw); */
    align-items: center;
    margin: 0 10px;
    HEIGHT: 35PX;
    border: 1px solid black;
    !i;
    !;
    padding-top: 5px;
}

.header-search input[type="text"] {
    background: white;
    border: none;
    box-sizing: border-box !important;
    padding: 0 15px;
    padding: 0 max(7px, 0.78125vw);
    width: 50px;
    height: 100%;
    border-radius: 0;
    height: 35px;
    text-align: left;
    background: none !important;
    !i;
    !;
    border: none !important;
    !i;
    !;
    max-width: 100% !important;
    !i;
    !;
}

.header-search input[type="text"] {
    font-weight: 400;
    font-size: 15.5px !important;
    font-size: max(13px, 0.80729vw) !important;
    color: #3f3f3f !important;
}

.header-search i {
    color: #fff;
    font-size: 26px;
    font-size: max(13px, 1.35417vw);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    bottom: -6px;
    bottom: min(-3px, -0.3125vw);
    right: -17px;
    right: min(-4px, -0.48542vw);
    position: relative;
}

.search-form-submit {
    background: white;
    max-height: 80px;
    max-height: max(35px, 4.16667vw);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    border: none;
    width: 20%;
    height: 100%;
    border-radius: 0;
    background: none !important;
    !i;
    !;
}

button.search-form-submit {
    background: none !important;
    !i;
    !;
}

.search-form-submit,
.search-form-submit * {
    color: #C2C2C2 !important;
}

.search-form-submit svg {
    width: 18px;
    PADDING-RIGHT: 10PX;
}

button.search-form-submit {
    overflow: hidden;
    margin-left: -3px;
}

@media screen and (max-width: 1025px) {
    .invpage button.search-form-submit {
        margin-top: 1px !important;

    }
}

.invpage button.search-form-submit {
    background: white !important;
    !i;
    !;
    height: 29px;
}

.search-form-submit:hover {
    background: #000000 !important;
    cursor: pointer;
    /* color: white !important; */
}

.header-search input:focus {
    outline: none !important;
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
}

input:focus {
    outline: none;
}

@media (max-width: 1500px) {
    .header-search {
        min-width: 140px;
    }
}

@media (max-width: 1000px) {

    .header-search i {
        font-size: 18px;
    }

    .search-form-submit {
        max-height: 75px;
    }
}


@media screen and (max-width: 1025px) {
    .mm-page #headerwrap header #contact .header-search .search-form-submit {
        margin-top: -10px;
    }

    button.search-form-submit {
        margin-top: -10px !important;
    }
}


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

    .contactInfo i {
        FONT-SIZE: 18PX;
    }

    .header-search {
        /* display: none; */
    }

}