.salesBanner {
    height: 45px;
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.salesTitle {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 19px;
    /* text-decoration: none!important; */
    /* font-weight: bold; */
    font-family: 'PTSANS';
    /* font-weight: 600; */
    opacity: 0.9;
    text-shadow: 1px 1px 10px #ffffff94;
    font-family: 'PTSans', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}

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

.salesBannerImg {
    width: 736px;
    height: 50px;
    position: absolute;
    background-size: contain;
}

.salesPageBanner {
    width: 100%;
    height: 290px;
    margin-bottom: 20px;
    display: flex;
    position: relative;
}

select.selectSkin {
    position: fixed;
    top: 62px;
    left: 20px;
    z-index: 9999;
}

.salesPageTitle {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    line-height: 25px;
    /* text-decoration: none!important; */
    /* font-weight: bold; */
    /* font-weight: 600; */
    opacity: 0.9;
    text-shadow: 1px 1px 10px #ffffff94;
    font-family: 'PTSans', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 135px;
}

.salesPageBannerImg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: bottom left!important;
}

@media (max-width:1200px)
{
    .salesPageBanner{height: 270px;}
}

@media (max-width:775px){
    .salesPageBanner{height:150px;}
    .salesPageBannerImg{/* background-position:220px -20px!important; */}

    .salesPageTitle{font-size:18px; padding-left:50px;}
}

@media (max-width:500px){
    .salesPageBanner{height:150px;padding:15px;overflow: hidden;}
    .salesPageBannerImg{/* display:none; */width: 100%;/* height: 45px!important; */background-size: 250%!important;background-repeat: no-repeat!important;background-position: -6px -20px!important;/* height: 222px; */}

    .salesPageTitle{font-size:16px; padding-left:0px; text-align:center; width:100%;}
}

a.salesButton {
    padding: 10px 41px 10px 15px;
    display: inline-flex;
    border-radius: 5px;
    text-transform: uppercase;
    position: relative;
}

a.salesButton:after {
    content: "\f07a";
    position: absolute;
    right: 12px;
    top: 50%;
    font-size: 25px;
    /* color: #d6d6d6; */
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    text-indent: 0 !important;
    margin-top: -18px;
}

a.salesButton:hover {
    /* background: red!important; */
    transition: 0.5s ease;
    opacity: 0.8;
}

.content .salesGoods.list-item .itemsitem .list-item {
    border: 2px solid;
    margin-right: 3px!important;
    width: calc(100% - 5px)!important;
    padding-bottom: 25px;
    border-radius: 5px;
}

.salesGoods .listtitle {
    padding: 5px;
}

@media (max-width:600px)
{
    .salesBannerImg{width:100%;height: 45px!important;background-size: 185%!important;background-repeat:no-repeat!important;background-position: -51px 2px!important;}
    .salesTitle{font-size: 12px;}
}

@media (max-width:500px)
{
    .list-item.salesGoods{width:90%!important; margin-left:5%!important;}
}

.salesNotify {
    margin-top: 20px;
    padding: 15px;
    display: flex;
    align-items: center;
    border-radius: 5px;
}

.salesMail {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 45px;
    /* border-radius: 5px; */
}

.salesNotifyText {
    font-size: 21px;
    font-family: 'PTSans';
}

.salesMail .ml-form-formContent {
    display: flex;
}

.salesMail .ml-form-fieldRow {
    margin-right: 10px!Important;
}

.salesMail .ml-form-fieldRow:last-child {
    margin-right: 0px!Important;
}

@media (max-width:1000px)
{
    .salesNotifyText{font-size:16px;}
}

.salesMail .ml-form-align-center {
    min-width: 290px!important;
}

@media(max-width:650px)
{
    .salesNotify{flex-direction:column;}
    .salesMail{flex-direction:column; margin-top:15px; text-align:center; margin-left:0px;}
}

@media (max-width:420px){
    .salesBannerImg{display:none;}
}