.evotor-banner{ min-height: 300px; background-repeat: no-repeat; background-image: url(evotor-bg.png);  position: relative;
    background-position: center; background-size: cover; border-radius: 15px; color: #fff; display: flex; align-items: stretch; padding: 20px 0}

.evotor-banner-inner{ padding: 20px; display: flex; flex-direction: column; justify-content: space-between; position: relative}
.evotor-banner-t1{font-size: 28px; font-weight: bold}

.evotor-banner-t2{ margin-top: 50px}
.evotor-banner-t2 p{ font-weight: bold}
.evotor-banner-t2 p:first-child{font-size: 36px;}
.evotor-banner-t2 p:last-child{ font-size: 38px}
.evotor-banner-t2 p:last-child span:first-child{ font-size: 22px}
.evotor-banner-t2 p:last-child span:last-child{ font-size: 28px; font-family: sans-serif; padding-left: 3px}
.evotor-banner-img{ background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url(evotor-banner-img.png); width: 240px; height: 240px; position: absolute; bottom:60px; right: 0}

.evotor-banner-t3{ margin-top: 30px; font-size: 22px}

.evotor-banner-t4{ margin-top: 230px;font-size: 15px;font-weight: 100}
.evotor-banner-t4 a{ color: #fff; font-weight: bold; line-height: 1.5; font-weight: 500}

.evotor-list1{margin-top: 40px}
.evotor-list1 .evotor-item{box-shadow: 4px 0 24px -2px rgb(0 0 0 / 12%); border-radius: 15px; overflow: hidden; background: #fff; margin-bottom: 20px }
.evotor-list1 .evotor-item img{ width: 100%; margin-top: 15px}
.evotor-list1 .evotor-item-inner{ padding: 20px;}
.evotor-list1 .evotor-item-title{ font-size: 24px; font-weight: bold; margin-bottom: 15px}
.evotor-list1 .evotor-item-subtitle{ font-size: 18px; font-weight: 400; line-height: 1.4; margin-bottom: 20px}
.evotor-list1 .evotor-item-text{ font-size: 14px; font-weight: 400; line-height: 1.3; opacity: .9; margin-bottom: 15px}
.evotor-list1 .evotor-item-price{ display: flex; justify-content: space-between; align-items: center; }
.evotor-list1 .evotor-item-price div:first-child{ font-weight: bold; font-size: 32px; color: #E6571A }
.evotor-list1 .evotor-item-price div:first-child span{font-size: 22px; font-family: sans-serif; padding-left: 3px }

.evotor-list2{margin-top: 40px}
.evotor-list2 .evotor-item{box-shadow: 4px 0 24px -2px rgb(0 0 0 / 12%); border-radius: 15px; overflow: hidden; background: #fff; margin-bottom: 20px }
.evotor-list2 .evotor-item img{ width: 100%; margin-top: 15px}
.evotor-list2 .evotor-item-inner{ padding: 20px;}
.evotor-list2 .evotor-item-title{ font-size: 22px; font-weight: bold; margin-bottom: 10px}
.evotor-list2 .evotor-item-subtitle{ font-size: 18px; font-weight: 400; line-height: 1.4; margin-bottom: 30px}
.evotor-list2 .evotor-item-price{ }
.evotor-list2 .evotor-item-price div { font-weight: bold; font-size: 32px; color: #E6571A }
.evotor-list2 .evotor-item-price div span{font-size: 22px; font-family: sans-serif; padding-left: 3px }

.evotor-contact{margin-top: 40px; padding: 20px}

.evotor-contact{ background: #c35222; color: #fff;  border-radius: 15px}
.evotor-contact-item{ padding: 30px}
.evotor-contact-item:last-child{  background: #c35222; border-radius: 15px}
.evotor-contact-title{ font-size: 26px; font-weight: bold; text-align: center; margin-bottom: 10px}
.evotor-contact-subtitle{ font-size: 22px; font-weight: bold; margin-bottom: 20px;text-align: center}
.evotor-contact-phones{ font-size: 18px; text-align: center}
.evotor-contact-phones p{ margin-bottom: 15px}
.evotor-contact-phones p span{ font-weight: 100}
.evotor-contact-phones p > *{margin-bottom: 5px; display: block}
.evotor-contact-phones a{ font-size: 24px; font-weight: bold;color: #fff; text-decoration: none; white-space: nowrap}
.evotor-contact-button .the-but{margin: auto; display: block; max-width: 220px; background: #000; border: none}
.evotor-contact .form{ padding-bottom: 0}
.evotor-contact .form .submit input{background: #000;}
.evotor-contact .form .form_row:last-child{ margin-bottom: 0; padding-bottom: 0}

@media only screen and (min-width:480px) {

    .evotor-list2 .evotor-item{ display: flex; align-items: center}
    .evotor-list2 .evotor-item img{ width: 180px; margin: 0; height: 100%; object-fit: contain}

}
@media only screen and (min-width:600px) {

    .evotor-banner-inner{ padding: 20px 40px;}
    .evotor-banner-t1{font-size: 32px;}
    .evotor-banner-t2 p:first-child{font-size: 48px;}
    .evotor-banner-t2 p:last-child{ font-size: 60px}
    .evotor-banner-t2 p:last-child span:first-child{ font-size: 28px}
    .evotor-banner-t2 p:last-child span:last-child{ font-size: 32px;}
    .evotor-banner-t3{   font-size: 24px}
    .evotor-banner-t4{  font-size: 18px; margin-top: 280px}
    .evotor-banner-img{width: 320px; height: 320px}


    .evotor-list1 .evotor-item{ display: flex;}
    .evotor-list1 .evotor-item img{ width: 220px; margin: 0; height: 100%; object-fit: contain}

    .evotor-list2{display: flex; justify-content: space-between; margin-top: 40px}
    .evotor-list2 .evotor-item{ flex-direction: column; width: calc(50% - 10px); }
    .evotor-list2 .evotor-item img{ width: 100%; margin: 0; height:auto; }

    .evotor-contact{ margin-top: 20px}
    .evotor-contact-phones{ display: flex; justify-content: center; margin-bottom: 20px}
    .evotor-contact-phones p{ margin: 0 20px}
}


@media only screen and (min-width:768px) {
    .evotor-banner-t4{  font-size: 18px; margin-top: 100px}
    .evotor-banner-img{width: 380px; height: 300px; bottom: 0}

    .evotor-list1{display: flex; margin: 0 -7px; margin-top: 40px}
    .evotor-list1 .evotor-item{ display: flex; flex-direction: column; justify-content: space-between; width: calc(33.33% - 7px); margin: 0 7px}
    .evotor-list1 .evotor-item-inner{ padding: 15px; display: flex; flex-direction: column; justify-content: space-between; flex: 1}
    .evotor-list1 .evotor-item img{ width: 100%; margin-top: 15px; height: auto; }
    .evotor-list1 .evotor-item-subtitle{ font-size: 15px; line-height: 1.2 }
    .evotor-list1 .evotor-item-text{ font-size: 13px; flex:1; line-height: 1.4}

    .evotor-list2{ margin-top: 40px}
    .evotor-list2 .evotor-item{ flex-direction: row; }
    .evotor-list2 .evotor-item img{ width: 180px; margin: 15px 0; height:auto; }

    .evotor-contact-title { font-size: 34px }
    .evotor-contact-phones p{ display: flex; align-items: center}
    .evotor-contact-phones p span{ font-size: 18px; margin-right: 10px}
    .evotor-contact-phones p a{ font-size: 28px}



}

@media only screen and (min-width:1024px) {

    .evotor-banner-inner{ padding: 20px 80px;}
    .evotor-banner-t1{font-size: 38px; }
    .evotor-banner-t2{margin-top: 70px}
    .evotor-banner-t2 p:first-child{font-size: 52px;}
    .evotor-banner-t2 p:last-child{ font-size: 64px}
    .evotor-banner-t2 p:last-child span:first-child{ font-size: 24px}
    .evotor-banner-t2 p:last-child span:last-child{ font-size: 42px;}
    .evotor-banner-t3{   font-size: 26px; margin-top: 50px}
    .evotor-banner-t4{  font-size: 20px; margin-top: 100px}
    .evotor-banner-img{width: 460px; height: 360px; right: 50px}

    .evotor-list1{ margin: 0 -15px; margin-top: 40px}
    .evotor-list1 .evotor-item{  width: calc(33.33% - 30px); margin: 0 15px}
    .evotor-list1 .evotor-item-inner{ padding: 25px;}

    .evotor-list2 .evotor-item{   width: calc(50% - 15px); }

    }

@media only screen and (min-width:1024px) {

    .evotor-banner-inner{ padding: 20px 100px;}
    .evotor-banner-img{width: 500px; height: 400px; right: 50px}

}