﻿/***** BEGIN RESET *****/

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 {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    width: 100%;
}

td {
    vertical-align: top;
}

/* Make HTML 5 elements display block-level for consistent styling */
header,
nav,
article,
footer,
address,
img {
    display: block;
}

/***** END RESET *****/

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
        url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
        url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
        url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
        url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
        url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
        url('../fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

strong {
    font-family: 'open_sansbold';
}

h1 {
    font-family: 'open_sansextrabold';
    font-size: 22px;
    line-height: 24px;
}

h2 {
    font-family: 'open_sansextrabold';
    font-size: 18px;
    line-height: 24px;
    text-transformation: uppercase;
    color: #f7941d;
}

body {
    font-family: 'open_sansregular';
    font-size: 16px;
    line-height: 24px;
    -webkit-text-size-adjust: none;
    background: #000 !important;
}

a:link,
a:visited,
a:active {
    text-decoration: none;
    color: #f7941d;
    font-family: 'open_sansbold';
}

a:hover {
    text-decoration: underline;
    color: #f7941d;
}

.header {
    max-width: 100%;
    height: auto;
    width: 90%;
    margin: 20px auto;
}

.logo,
.logo img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

.address {
    color: #fff;
    text-align: right;
    display: inline-block;
    float: right;
    font-family: 'open_sansbold';
}

.white-container {
    background: #fff;
    max-width: 100%;
    height: auto;
}

.inventoryPage .container {
    width: 100%;
}

.container {
    width: 70%;
    max-width: 100%;
    margin: 0 auto;
}

.wrapper {
    padding: 30px 0px;
    margin: 0 auto;
    width: 90%;
}

/***** EQUIPMENT ICON STYLES *****/
.main-container {
    background-image: url(../siteart/main.png);
    background-size: cover;
    background-position: center center;
    position: relative;
    width: 100%;
    border-bottom: 1px #f7941d solid;
    text-align: center;
    z-index: 9;
}

.clear {
    clear: both;
}

.icon-wrap {
    width: 80%;
    margin: 0 auto;
    padding: 5% 0px;
}

.equip-text {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 18px;
    font-family: 'open_sansextrabold';
    padding: 30% 0px;
}

.equip-text:hover {
    color: #f7941d;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

.tractors {
    background: url(../siteart/equip/tractors.png);
    width: 156px;
    height: 156px;
    display: inline-block;
    vertical-align: top;
    margin: 1%;
}

.tractors:hover {
    background: url(../siteart/equip/tractors-on.png);
    width: 156px;
    height: 156px;
    cursor: pointer;
}

.combines {
    background: url(../siteart/equip/combines.png);
    width: 156px;
    height: 156px;
    display: inline-block;
    vertical-align: top;
    margin: 1%;
}

.combines:hover {
    background: url(../siteart/equip/combines-on.png);
    width: 156px;
    height: 156px;
    cursor: pointer;
}

.harvest {
    background: url(../siteart/equip/harvest.png);
    width: 156px;
    height: 156px;
    display: inline-block;
    vertical-align: top;
    margin: 1%;
}

.harvest:hover {
    background: url(../siteart/equip/harvest-on.png);
    width: 156px;
    height: 156px;
    cursor: pointer;
}

.planting {
    background: url(../siteart/equip/planting.png);
    width: 156px;
    height: 156px;
    display: inline-block;
    vertical-align: top;
    margin: 1%;
}

.planting:hover {
    background: url(../siteart/equip/planting-on.png);
    width: 156px;
    height: 156px;
    cursor: pointer;
}

.tillage {
    background: url(../siteart/equip/tillage.png);
    width: 156px;
    height: 156px;
    display: inline-block;
    vertical-align: top;
    margin: 1%;
}

.tillage:hover {
    background: url(../siteart/equip/tillage-on.png);
    width: 156px;
    height: 156px;
    cursor: pointer;
}

.hay-forage {
    background: url(../siteart/equip/hay-forage.png);
    width: 156px;
    height: 156px;
    display: inline-block;
    vertical-align: top;
    margin: 1%;
}

.hay-forage:hover {
    background: url(../siteart/equip/hay-forage-on.png);
    width: 156px;
    height: 156px;
    cursor: pointer;
}

.manure {
    background: url(../siteart/equip/manure.png);
    width: 156px;
    height: 156px;
    display: inline-block;
    vertical-align: top;
    margin: 1%;
}

.manure:hover {
    background: url(../siteart/equip/manure-on.png);
    width: 156px;
    height: 156px;
    cursor: pointer;
}

.other {
    background: url(../siteart/equip/other.png);
    width: 156px;
    height: 156px;
    display: inline-block;
    vertical-align: top;
    margin: 1%;
}

.other:hover {
    background: url(../siteart/equip/other-on.png);
    width: 156px;
    height: 156px;
    cursor: pointer;
}

.all-ag {
    background: url(../siteart/equip/all-ag.png);
    width: 156px;
    height: 156px;
    display: inline-block;
    vertical-align: top;
    margin: 1%;
}

.all-ag:hover {
    background: url(../siteart/equip/all-ag-on.png);
    width: 156px;
    height: 156px;
    cursor: pointer;
}

.construction {
    background: url(../siteart/equip/construction.png);
    width: 156px;
    height: 156px;
    display: inline-block;
    vertical-align: top;
    margin: 1%;
}

.construction:hover {
    background: url(../siteart/equip/construction-on.png);
    width: 156px;
    height: 156px;
    cursor: pointer;
}

.parts {
    background: url(../siteart/equip/parts.png);
    width: 156px;
    height: 156px;
    display: inline-block;
    vertical-align: top;
    margin: 1%;
}

.parts:hover {
    background: url(../siteart/equip/parts-on.png);
    width: 156px;
    height: 156px;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #272727;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 12px 10px;
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.trucks-trailers {
    background: url(../siteart/equip/trucks-trailers.png);
    width: 156px;
    height: 156px;
    display: inline-block;
    vertical-align: top;
    margin: 1%;
}

.trucks-trailers:hover {
    background: url(../siteart/equip/trucks-trailers-on.png);
    width: 156px;
    height: 156px;
    cursor: pointer;
}

.utv {
    background: url("../siteart/equip/utv.png");
    width: 156px;
    height: 156px;
    display: inline-block;
    vertical-align: top;
    margin: 1%;
}

.utv:hover {
    background: url("../siteart/equip/utv-on.png");
    width: 156px;
    height: 156px;
    cursor: pointer;
}

.grinders-mixers {
    background: url("../siteart/equip/grinder.png");
    width: 156px;
    height: 156px;
    display: inline-block;
    vertical-align: top;
    margin: 1%;
}

.grinders-mixers:hover {
    background: url("../siteart/equip/grinder-on.png");
    width: 156px;
    height: 156px;
    cursor: pointer;
}

.lawn-mowers {
    background: url("../siteart/equip/mower.png");
    width: 156px;
    height: 156px;
    display: inline-block;
    vertical-align: top;
    margin: 1%;
}

.lawn-mowers:hover {
    background: url("../siteart/equip/mower-on.png");
    width: 156px;
    height: 156px;
    cursor: pointer;
}

/***** SEARCH INVENTORY STYLES*****/
.search-container {
    background: #555;
    max-width: 100%;
    height: auto;
}

.seekStuff {
    max-width: 100%;
    height: auto;
    color: #fff;
    margin: 0 auto;
    overflow: hidden;
    font-family: 'open_sansregular';
}

.seekStuff select {
    display: inline-block;
    -webkit-appearance: none;
}

.seekStuff .column {
    width: 30%;
    max-width: 100%;
    height: auto;
    color: #fff;
    display: inline-block;
    margin: 1%;
    box-sizing: border-box;
}

.column.searchContain .search-btn {}

.seekStuff .column.extraLong {
    width: 62%;
}

input[type=text],
select,
textarea {
    width: 100%;
    border: 1px solid #000;
}

input[type=text]:focus,
select:focus,
textarea:focus {
    outline: 0;
    border: 1px solid #f7941d;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

#Manu,
#Mdltxt,
#keywords,
#YF,
#YT,
#catid {
    padding: 10px;
    box-sizing: border-box;
}

.search-btn {
    background: #f7941d;
    color: #fff;
    border: none;
    width: 100%;
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
    font-family: 'open_sansextrabold';
    -webkit-appearance: none;
    top: 20px;
    position: relative;
}

.search-btn:hover {
    background: #000;
    border: none;
    cursor: pointer;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

/***** SCROLLING INVENTORY STYLES *****/
.scrolling-wrap {
    width: 100%;
    height: 90px;
    overflow: hidden;
    padding: 20px 0px;
    background: #f7941d;
}

.scrolling {
    width: 100%;
    height: 92px;
}

.four-cols {
    width: 24%;
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
}

.two-cols {
    width: 49%;
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
}

.show-menu-for-mobile {
    display: none;
}

/* At most larger screen widths, the burger icon for the mobile menu won't be displayed. */

/***** TABS *****/
.side {
    background: #fff;
    width: 300px;
    height: 520px;
    position: fixed;
    z-index: 9990;
}

#markets {
    width: 400px;
    height: 520px;
    top: 200px;
    right: -400px;
    z-index: 99999;
}

#marketTab {
    display: block;
    height: 155px;
    width: 55px;
    background: url(../siteart/market.png);
    position: absolute;
    left: -55px;
    top: 0px;
}

#marketTab:hover {
    background: url(../siteart/market-on.png);
}

#weather {
    top: 200px;
    left: -300px;
    height: 159px;
    z-index: 999;
}

#weatherTab {
    display: block;
    height: 155px;
    width: 55px;
    background: url(../siteart/weather.png);
    position: absolute;
    right: -55px;
    top: 0px;
}

#weatherTab:hover {
    background: url(../siteart/weather-on.png);
}

/***** FRAMELESS *****/
.hosted-content input[type='submit'],
.hosted-content button[type='submit'],
.hosted-content .btn,
.hosted-content .button {
    background: #f7941d !important;
}

/* View Details button */
.hosted-content .btn:hover,
.hosted-content .button:hover {
    background: #000 !important;
}

/* View Details Button */

a.footerlink:link,
a.footerlink:visited,
a.footerlink:active {
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

a.footerlink:hover {
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.footertext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #fff;
}

.smallfootertext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #fff;
}

.divfooter {
    width: 600px;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 30px 0px;
}

.footer {
    border-top: 1px solid #f7941d;
}

/** EMPLOYMENT PAGE **/
#employment-h1-sub p {font-weight: bold !important; padding-bottom: 6px; padding-top: 15px;}
#employment-bold-p p {font-weight: bold; padding-top: 6px; padding-bottom: 20px;}
button:hover {cursor: pointer !important;}
a:hover {cursor: pointer !important;}
#button-open {margin-top: 35px;}
#job-search p {color: #bbb; font-size: 14px;}
#job-search {margin-top: 10px;}
#job-openings {border: 1px #bbb solid; margin-top: 5px;}
#job-search-wrapper {width: 96%; margin: 0 auto; padding: 18px 0;}
#job-search-wrapper h3 {font-size: 16px; font-weight: bold;}
#job-title {background: #F2F2F2; display: flex; justify-content: space-between; margin-top: 5px; padding: 5px 10px;}
#job-title p {font-weight: bold; width: 50%;}
.open-position {display: flex; justify-content: space-between; padding: 5px 10px;}
.open-position p {width: 50%;}
#employment-form {background: #000;}
#employment-form-wrapper {width: 93%; margin: 0 auto; padding: 43px 0;}
#employment-form-header {display: flex; gap: 50px; border-bottom: 1px #fff solid; padding-bottom: 10px;}
#employment-form-img {width: 500px;}
#employment-form-img img {width: 100%;}
#employment-form-company p {color: #fff; font-size: 14px;}
#form h2 {margin-top: 20px; margin-bottom: 5px;}
#form h3 {color: #fff; font-size: 14px; width: 100%;}
#form input {width: 100%;}
#form label {color: #fff;}
#form hr {margin-top: 40px;}
.radio-input {display: flex; gap: 10px;}
.radio-input input {width: 2% !important; margin: 0px;}
#form h4 {margin-top: -7px; margin-bottom: 10px;}
#form .CaptchaImagePanel {display: flex; justify-content: center;}

.service-form {width: 99%; margin-top: 50px; margin-bottom: 100px;}
.service-form tr {display: flex; gap: 20px;}
.service-form td {width: 100%; color: #fff !important; margin-bottom: 5px;}
.service-form input {width: 100%;}
.service-form input {padding: 8px 0px 8px 15px; margin-bottom: 8px; border: none;}
.service-form .select {width: 50.35%;}
.service-form select {width: 100%; padding: 8px 0px 8px 7px; margin-bottom: 8px;}
.service-form textarea {width: 100.5%; padding: 8px 0px 8px 12px; border: none;}
.service-form .captcha-selected {margin-top: 55px; width: 100%;}
.service-form .CaptchaAnswerPanel input, .service-form .submit, .service-form .reset {width: 200px !important;}
.service-form .CaptchaWhatsThisPanel a {color: #989898 !important; font-family: 'Aileron', sans-serif; font-size: 15px; font-weight: 600;}
.service-form .CaptchaWhatsThisPanel a:hover {cursor: pointer; border-bottom: #989898 2px solid;}
.service-form .CaptchaMessagePanel {font-weight: 300; font-family: 'Aileron', sans-serif; font-size: 15px; color: #989898;}
.service-form .submit, .service-form .reset {    color: #fff !important;
    font-weight: bold;
    text-transform: uppercase;
    background: #f7941d;
    border: none;
    width: 180px;
    padding: 10px 0;
    font-family: 'open_sansextrabold';
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 8px;}
.service-form .submit:hover, .service-form .reset:hover {background: #989898; transition: .5s;}
.margin-top-send {margin-top: 13px;}
.service-form .service-radio input {width: 2%;}
.service-form .service-radio label {margin-right: 15px;}
.service-form .service-radio p {margin-bottom: 4px;}
.captcha-selected {display: flex; justify-content: center;}
.service-form .submitselect {background: #40C16E; border: none; color: #fff; border-radius: 20px; padding: 9px 0; width: 200px; font-family: 'Aileron', sans-serif; font-weight: 600; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; display: block; text-align: center;}
.service-form .submitselect:hover {background: #989898; transition: .5s; cursor: pointer !important; color: #fff!important;}
.service-form .captcha {display: flex; justify-content: center; gap: 12px;}
.service-form .captcha-selected {width: 100%; margin: 0 auto !important; margin-top: 11px !important;}
.service-form .form-form {width: 100% !important; padding-top: 10px !important;}
.service-form .form-form p {padding-bottom: 20px; color: #989898; line-height: 21px; font-size: 17px;}
.service-form .sub-header h2 {font-weight: 600; font-size: 20px; padding-bottom: 10px; padding-top: 20px;}
.service-form h3 {padding-top: 2px;}


/*--------FORM STYLES--------------------*/
.form-wrapper tr {display: flex; gap: 20px; color: #007D61 !important;}
.form-wrapper td {width: 100%; color: #007D61 !important;}
.form-wrapper input {width: 100%; color: #007D61 !important;}
.form-wrapper input {padding: 8px 0px 8px 15px; margin-bottom: 8px; font-family: 'Aileron', sans-serif; color: #007D61 !important; border: none; border-radius: 4px;}
.form-wrapper .select {width: 50.35%;}
.form-wrapper select {width: 100%; padding: 8px 0px 8px 7px; margin-bottom: 8px;}
.form-wrapper textarea {width: 100.5%; font-family: 'Aileron', sans-serif; padding: 8px 0px 8px 12px; color: #007D61 !important; border: none; border-radius: 4px;}
.form-wrapper .captcha-selected {margin-top: 55px; width: 100%;}
.form-wrapper .CaptchaAnswerPanel input, .form-wrapper .submit, .form-wrapper .reset {width: 200px !important;}
.form-wrapper .CaptchaWhatsThisPanel a {color: #fff !important; font-family: 'Aileron', sans-serif; font-size: 15px; font-weight: 600;}
.form-wrapper .CaptchaWhatsThisPanel a:hover {cursor: pointer; border-bottom: #fff 2px solid;}
.form-wrapper .CaptchaMessagePanel {font-weight: 300; font-family: 'Aileron', sans-serif; font-size: 15px; color: #ffff;}
.form-wrapper .submit, .form-wrapper .reset {background: #40C16E; border: none; color: #fff !important; border-radius: 20px; padding: 9px 0; width: 200px; font-family: 'Aileron', sans-serif; font-weight: 600; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.form-wrapper .submit:hover, .form-wrapper .reset:hover {background: #989898; transition: .5s;}
.margin-top-send {margin-top: 13px;}
.form-wrapper .service-radio input {width: 2%;}
.form-wrapper .service-radio label {margin-right: 15px;}
.form-wrapper .service-radio p {margin-bottom: 4px;}
.captcha-selected {display: flex; justify-content: center;}
.form-wrapper .submitselect {background: #40C16E; border: none; color: #fff; border-radius: 20px; padding: 9px 0; width: 200px; font-family: 'Aileron', sans-serif; font-weight: 600; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; display: block; text-align: center;}
.form-wrapper .submitselect:hover {background: #989898; transition: .5s; cursor: pointer !important;  color: #fff!important;}
.form-wrapper .captcha {display: flex; justify-content: center; gap: 12px;}

.form-wrapper .captcha-selected {width: 73%; margin: 0 auto !important; margin-top: 11px !important;}

/************************************************ Responsive Styles **/

@media screen and (max-width: 1400px) and (min-width: 1200px) {

    .tractors,
    .combines,
    .harvest,
    .planting,
    .tillage,
    .hay-forage,
    .manure,
    .other,
    .all-ag,
    .construction,
    .parts,
    .trucks-trailers,
    .utv,
    .lawn-mowers,
    .grinders-mixers {
        margin: 0;
    }

    .clear {
        clear: none;
    }
}
@media only screen and (max-width: 1060px) {
	#employment-form-header {flex-wrap: wrap; gap: 18px;}
	#employment-form-header div {width: 100% !important;}
}
@media screen and (max-width: 1200px) and (min-width: 1024px) {
    .clear {
        clear: none;
    }

    .header {
        text-align: center;
    }

    .address {
        text-align: center;
        float: none;
    }

    .tractors,
    .combines,
    .harvest,
    .planting,
    .tillage,
    .hay-forage,
    .manure,
    .other,
    .all-ag,
    .construction,
    .parts,
    .trucks-trailers,
    .utv,
    .lawn-mowers,
    .grinders-mixers {
        margin: 0;
    }

}
@media only screen and (max-width: 1000px) {
	.service-form {width: 98%;}
}
@media only screen and (max-width: 600px) {
	.employment-buttons {flex-wrap: wrap;}
	.employment-buttons a, .employment-buttons button {width: 100%;}
	.employment-buttons button {padding: 12px 0;}
	.service-form .submit, .service-form .reset  {width: 100%!important;}
	.service-form .captcha {flex-wrap: wrap; gap: 0px;}
	.service-form {width: 97%;}
}
@media screen and (max-width: 1023px) and (min-width: 568px) {
    .clear {
        clear: none;
    }

    .header {
        text-align: center;
    }

    .address {
        text-align: center;
        float: none;
    }

    .four-cols {
        width: 49%;
    }

    .seekStuff div {
        width: 45%;
        margin: 0px 2%;
    }

    .container {
        width: 100%;
    }

    .side {
        display: none;
    }

    .tractors,
    .combines,
    .harvest,
    .planting,
    .tillage,
    .hay-forage,
    .manure,
    .other,
    .all-ag,
    .construction,
    .parts,
    .trucks-trailers,
    .utv,
    .lawn-mowers,
    .grinders-mixers {
        margin: 0;
    }


}
@media only screen and (max-width: 600px) {
	.service-form tr {flex-wrap: wrap; gap: 0px;}
	.radio-input input {width: 3% !important;}
}
@media screen and (max-width: 568px) {
    .clear {
        clear: none;
    }

    .header {
        text-align: center;
    }

    .address {
        text-align: center;
        float: none;
    }

    .four-cols {
        width: 100%;
        text-align: center;
    }

    .seekStuff div {
        width: 100%;
        margin: 10px 0px;
    }

    .container {
        width: 100%;
    }

    .side {
        display: none;
    }

    .tractors,
    .combines,
    .harvest,
    .planting,
    .tillage,
    .hay-forage,
    .manure,
    .other,
    .all-ag,
    .construction,
    .parts,
    .trucks-trailers,
    .utv,
    .lawn-mowers,
    .grinders-mixers {
        margin: 0;
    }

    .two-cols {
        width: 100%;
    }

}
@media only screen and (max-width: 500px) {
	.service-form {width: 96%;}
}
@media only screen and (max-width: 400px) {
	.service-form {width: 95%;}
}
@media only screen and (max-width: 360px) {
	.open-position, #job-title {gap: 15px;}
}
