.div1 {text-align: center;}


/* --- НАЧАЛО СТИЛЕЙ для @media (min-width: 1024px) --- */

@media (min-width: 1024px) {

/* Начало первого экрана */
.head1 {background: linear-gradient(#ffffff, #f6f6f6); padding: 120px 30px 60px 30px;}
.toph1 {font-size: 50px; color: #353535; line-height: 64px; font-weight: bold; margin-bottom: 60px;}
.toph1 span {color: #13bfb5; font-weight: bold;}
.topp2 {max-width: 980px; width: 100%;}
/* --------- */

.head2 {max-width: 1200px; text-align: center;}

/* Начало блока из 4-х иконок наверху */
.porticon {
float: left;
background-image: url(../img/port-icon.jpg);
background-repeat: no-repeat;
background-position: top 28px center;
padding: 120px 0px 20px 0px;
width: 25%;
margin-right: 0px;
text-align: center;
}

.o2icon {
float: left;
background-image: url(../img/o2icon.jpg);
background-repeat: no-repeat;
background-position: top 28px center;
padding: 120px 0px 20px 0px;
width: 25%;
margin-right: 0px;
text-align: center;
}

.impicon {
float: left;
background-image: url(../img/port-icon.jpg);
background-repeat: no-repeat;
background-position: top 28px center;
padding: 120px 0px 20px 0px;
width: 25%;
margin-right: 0px;
text-align: center;
}

.batticon {
float: left;
background-image: url(../img/batt-icon.jpg);
background-repeat: no-repeat;
background-position: top 28px center;
padding: 120px 0px 20px 0px;
width: 25%;
margin-right: 0px;
text-align: center;
}

.top4-icons {font-size: 17px; font-weight: bold;}
/* --------- */


/* Серый блок с текстом */
.greyblock {text-align: left; background-color: #f6f6f6; padding: 40px 75px 20px 75px; margin-top: 40px;}
.tex21 {font-size: 21px; line-height: 31px; margin-bottom: 24px;}
/* --------- */


/* Блок ЛЕГКИЙ */
.lighttxt {
float: left;
padding: 140px 0px 0px 20px;
width: 44%;
margin-right: 0px;
text-align: left;
}

.lighttitle {font-size: 54px; line-height: 58px; color: #353535; font-weight: bold;}
.lighth3 {font-size: 30px; color: #4e4e4e; line-height: 38px; margin-top: 12px;}
.lighth3 span {background-color: #13bfb5; color: #ffffff; padding: 0px 2px 0px 2px; display: inline;}
.light-p {color: #6f6f6f; font-size: 16px; line-height: 24px; margin-top: 20px; margin-right: 10px;}

.lightimg {
float: left;
padding: 80px 0px 0px 0px;
width: 56%;
text-align: center;
}

.lightimg-w {max-width: 754px; width: 100%;}
/* --------- */



/* Блок МИНИМАЛЬНЫЙ РАЗМЕР */

.littleimg {
float: left;
padding: 80px 0px 0px 0px;
width: 54%;
text-align: center;
}

.littleimg-w {max-width: 509px; width: 100%;}


.littletxt {
float: left;
padding: 140px 20px 0px 10px;
width: 46%;
margin-right: 0px;
text-align: left;
}

.littletitle {font-size: 54px; line-height: 58px; color: #353535; font-weight: bold;}
.littleh3 {font-size: 30px; color: #4e4e4e; line-height: 38px; margin-top: 12px; margin-bottom: 35px;}
.littleh3 span {background-color: #13bfb5; color: #ffffff; padding: 0px 2px 0px 2px; display: inline;}

.razmeri {display:inline-block;}
.numbers {font-size: 43px; font-weight: bold; color:#4e4e4e; line-height: 27px; text-align: right;}
.mm {font-size: 20px; padding-right: 5px;}
.iks {font-size: 30px; font-weight: regular; color:#4e4e4e; line-height: 20px; text-align: center; vertical-align: top; padding: 0px 10px 0px 10px;}

/* --------- */


/* Блок ПУТЕШЕСТВУЙТЕ */
.traveling {margin-top: 80px; height: 706px; background-image: url(../img/traveling.jpg); background-position: center; background-repeat: no-repeat; text-align: center; color: #ffffff;}
.travelingtxt {width: 680px; font-size: 64px; font-weight: bold; line-height: 72px; text-align: left; padding-top: 115px;}
.travelingtxt span {background-color: #13bfb5; color: #ffffff; padding: 0px 6px 0px 6px; display: inline; font-weight: bold;}
/* --------- */



/* Блок ИМПУЛЬСНАЯ ПОДАЧА КИСЛОРОДА */
.impulstxt {
float: left;
padding: 80px 0px 0px 20px;
width: 50%;
margin-right: 0px;
text-align: left;
}

.impulstitle {font-size: 54px; line-height: 58px; color: #353535; font-weight: bold;}
.impulsh3 {font-size: 30px; color: #4e4e4e; line-height: 38px; margin-top: 12px;}
.impulsh3 span {background-color: #13bfb5; color: #ffffff; padding: 0px 2px 0px 2px; display: inline;}
.impuls-p {color: #6f6f6f; font-size: 16px; line-height: 24px; margin-top: 20px;}

.impulsimg {
float: left;
padding: 80px 0px 0px 0px;
width: 50%;
text-align: center;
}

.impulsimg-w {max-width: 474px; width: 100%;}
/* --------- */



/* Блок ТРОЙНАЯ ФИЛЬТРАЦИЯ */

.filtrimg {
float: left;
padding: 80px 0px 0px 0px;
width: 54%;
text-align: center;
}

.filtrimg-w {max-width: 542px; width: 100%;}


.filtrtxt {
float: left;
padding: 150px 20px 0px 10px;
width: 46%;
margin-right: 0px;
text-align: left;
}

.filtrtitle {font-size: 54px; line-height: 58px; color: #353535; font-weight: bold;}
.filtrh3 {font-size: 30px; color: #4e4e4e; line-height: 38px; margin-top: 12px; margin-bottom: 25px;}
.filtrh3 span {background-color: #13bfb5; color: #ffffff; padding: 0px 2px 0px 2px; display: inline;}

.razmeri {display:inline-block;}
.ficon {font-size: 43px; font-weight: bold; color:#4e4e4e; line-height: 27px; text-align: center; margin-right: 50px;}
.ftext {font-size: 22px;}
/* --------- */



/* Блок КОМПРЕССОР */

.komptitle {font-size: 54px; line-height: 58px; color: #353535; font-weight: bold; margin-bottom: 25px; margin-top: 100px; margin-left: 20px;}
.komp-s-text {color: #6f6f6f; font-size: 16px; line-height: 24px; margin-top: 20px; margin-left: 22px;}
.visok-effect {
float: left;
background-image: url(../img/1visokaya-effetk.jpg);
background-repeat: no-repeat;
background-position: top 28px center;
padding: 70px 0px 20px 0px;
width: 25%;
margin-right: 0px;
text-align: center;
}

.nizkiy-shum {
float: left;
background-image: url(../img/2nizkiy-shum.jpg);
background-repeat: no-repeat;
background-position: top 28px center;
padding: 70px 0px 20px 0px;
width: 25%;
margin-right: 0px;
text-align: center;
}

.effect-otvod-tepla {
float: left;
background-image: url(../img/3effekt-otvod-tepla.jpg);
background-repeat: no-repeat;
background-position: top 28px center;
padding: 70px 0px 20px 0px;
width: 25%;
margin-right: 0px;
text-align: center;
}

.dolg-srok-raboti {
float: left;
background-image: url(../img/4dolg-srok-sl.jpg);
background-repeat: no-repeat;
background-position: top 28px center;
padding: 70px 0px 20px 0px;
width: 25%;
margin-right: 0px;
text-align: center;
}

.komp-zag {font-size: 22px; font-weight: regular;}

.kompressor {margin-top: 45px; width: 100%; max-width: 546px;}
.kompressor-div {text-align: center; padding: 0px 30px 0px 30px;}
/* --------- */



/* Блок СИТО */

.sitoh3 {font-size: 30px; color: #4e4e4e; line-height: 38px; margin-top: 12px; margin-left: 22px;}
.sitoh3 span {background-color: #13bfb5; color: #ffffff; padding: 0px 2px 0px 2px; display: inline;}

.sitotitle {font-size: 54px; line-height: 58px; color: #353535; font-weight: bold; margin-bottom: 25px; margin-top: 100px; margin-left: 20px;}
.sito {margin-top: 45px; width: 100%; max-width: 1085px;}
.sito-div {text-align: center; padding: 0px 30px 0px 30px;}
/* --------- */


/* Блок АККУМУЛЯТОР 6800 */

.akkumimg {
float: left;
padding: 140px 20px 0px 20px;
width: 54%;
text-align: center;
}

.akkumimg-w {max-width: 585px; width: 100%;}


.akkumtxt {
float: left;
padding: 210px 20px 0px 10px;
width: 46%;
margin-right: 0px;
text-align: left;
}

.akkumtitle {font-size: 54px; line-height: 58px; color: #353535; font-weight: bold;}
.akkumh3 {font-size: 30px; color: #4e4e4e; line-height: 38px; margin-top: 12px; margin-bottom: 25px;}
.akkumh3 span {background-color: #13bfb5; color: #ffffff; padding: 0px 2px 0px 2px; display: inline;}
.akkum-stext {font-size: 16px; color: #353535; margin-top: 15px;}
/* --------- */



/* Блок ВНЕШНИЙ ВИД АППАРАТА */
.vneshniy-vidtxt {
float: left;
padding: 170px 0px 0px 20px;
width: 35%;
margin-right: 0px;
text-align: left;
}

.vneshniy-vidtitle {font-size: 54px; line-height: 58px; color: #353535; font-weight: bold;}

.vneshniy-vidimg {
float: left;
padding: 80px 0px 0px 0px;
width: 65%;
text-align: center;
}

.vneshniy-vidimg-w {max-width: 653px; width: 100%;}
/* --------- */


/* Блок ПАНЕЛЬ УПРАВЛЕНИЯ */

.panel_uprav-title {font-size: 54px; line-height: 58px; color: #353535; font-weight: bold; margin-bottom: 20px; margin-top: 100px; margin-left: 20px;}
.panel_uprav {margin-top: 45px; width: 100%; max-width: 838px;}
.panel_uprav-div {text-align: center; padding: 0px 30px 0px 30px;}
/* --------- */


/* Блок ЗАРЯДНОЕ УСТРОЙСТВО */
.zaradka-txt {
float: left;
padding: 140px 0px 0px 20px;
width: 50%;
margin-right: 0px;
text-align: left;
}

.zaradka-title {font-size: 54px; line-height: 58px; color: #353535; font-weight: bold;}
.zaradka-h3 {font-size: 30px; color: #4e4e4e; line-height: 38px; margin-top: 18px;}
.zaradka-h3 span {background-color: #13bfb5; color: #ffffff; padding: 0px 2px 0px 2px; display: inline;}

.zaradka-img {
float: left;
padding: 70px 0px 0px 0px;
width: 50%;
text-align: center;
}

.zaradka-img-w {max-width: 438px; width: 100%;}
/* --------- */


/* Блок АКСЕССУАРЫ */
.grey-bot-div {background-color: #f5f6f8; margin: 80px 0px 0px 0px; padding: 60px 0px 70px 0px;}

.aksessuari-h3 {font-size: 30px; color: #4e4e4e; line-height: 38px; margin-top: 30px; margin-left: 22px;}
.aksessuari-h3 span {background-color: #13bfb5; color: #ffffff; padding: 0px 2px 0px 2px; display: inline;}

.aksessuari-title {font-size: 54px; line-height: 58px; color: #353535; font-weight: bold; margin-bottom: 40px; margin-top: 0px; margin-left: 20px;}
.aksessuari {margin-top: 45px; width: 100%; max-width: 799px;}
.aksessuari-div {text-align: center; padding: 0px 30px 0px 30px;}
/* --------- */


/* Блок ПУТЕШЕСТВУЙТЕ */
.emptyblok {height: 578px; background-image: url(../img/emptyblok.jpg); background-position: center; background-repeat: no-repeat; text-align: center; color: #ffffff;}
/* --------- */


/* Блок ХАРАКТЕРИСТИКИ */
.leftpart {
float: left;
padding: 10px 0px 0px 20px;
width: 50%;
text-align: left;
}

.har-text {font-size: 20px; color: #4e4e4e; line-height: 29px;}
.greline {height: 1px; background-color: #d6d6d6; margin-top: 10px; margin-bottom: 10px;}
.har-title {font-size: 54px; line-height: 58px; color: #353535; font-weight: bold; margin-top: 70px; margin-bottom: 30px; margin-left: 20px;}

.rightpart {
float: left;
padding: 10px 10px 0px 0px;
width: 50%;
text-align: left;
}

/* --------- */


}

/* --- КОНЕЦ СТИЛЕЙ для @media (min-width: 1024px) --- */





/* --- НАЧАЛО СТИЛЕЙ для @media (min-width: 768px) and (max-width: 1023px) --- */

@media (min-width: 768px) and (max-width: 1023px) {


/* Начало первого экрана */
.head1 {background: linear-gradient(#ffffff, #f6f6f6); padding: 120px 30px 60px 30px;}
.toph1 {font-size: 42px; color: #353535; line-height: 55px; font-weight: bold; margin-bottom: 60px;}
.toph1 span {color: #13bfb5; font-weight: bold;}
.topp2 {max-width: 980px; width: 100%;}
/* --------- */

.head2 {max-width: 1023px; text-align: center;}

/* Начало блока из 4-х иконок наверху */
.porticon {
float: left;
background-image: url(../img/port-icon.jpg);
background-repeat: no-repeat;
background-position: top 28px center;
padding: 120px 0px 20px 0px;
width: 50%;
margin-right: 0px;
text-align: center;
}

.o2icon {
float: left;
background-image: url(../img/o2icon.jpg);
background-repeat: no-repeat;
background-position: top 28px center;
padding: 120px 0px 20px 0px;
width: 50%;
margin-right: 0px;
text-align: center;
}

.impicon {
float: left;
background-image: url(../img/port-icon.jpg);
background-repeat: no-repeat;
background-position: top 28px center;
padding: 120px 0px 20px 0px;
width: 50%;
margin-right: 0px;
text-align: center;
}

.batticon {
float: left;
background-image: url(../img/batt-icon.jpg);
background-repeat: no-repeat;
background-position: top 28px center;
padding: 120px 0px 20px 0px;
width: 50%;
margin-right: 0px;
text-align: center;
}

.top4-icons {font-size: 17px; font-weight: bold;}
/* --------- */


/* Серый блок с текстом */
.greyblock {text-align: left; background-color: #f6f6f6; padding: 40px 75px 20px 75px; margin-top: 40px;}
.tex21 {font-size: 21px; line-height: 31px; margin-bottom: 24px;}
/* --------- */


/* Блок ЛЕГКИЙ */
.lighttxt {
float: left;
padding: 110px 0px 0px 30px;
width: 44%;
margin-right: 0px;
text-align: left;
}

.lighttitle {font-size: 34px; line-height: 38px; color: #353535; font-weight: bold;}
.lighth3 {font-size: 21px; color: #4e4e4e; line-height: 29px; margin-top: 12px;}
.lighth3 span {background-color: #13bfb5; color: #ffffff; padding: 0px 2px 0px 2px; display: inline;}
.light-p {color: #6f6f6f; font-size: 14px; line-height: 21px; margin-top: 14px;}

.lightimg {
float: left;
padding: 80px 0px 0px 0px;
width: 56%;
text-align: center;
}

.lightimg-w {max-width: 754px; width: 100%;}
/* --------- */


/* Блок МИНИМАЛЬНЫЙ РАЗМЕР */

.littleimg {
float: left;
padding: 80px 0px 0px 30px;
width: 50%;
text-align: center;
}

.littleimg-w {max-width: 509px; width: 100%;}


.littletxt {
float: left;
padding: 130px 20px 0px 40px;
width: 50%;
margin-right: 0px;
text-align: left;
}

.littletitle {font-size: 34px; line-height: 38px; color: #353535; font-weight: bold;}
.littleh3 {font-size: 21px; color: #4e4e4e; line-height: 29px; margin-top: 12px; margin-bottom: 25px;}
.littleh3 span {background-color: #13bfb5; color: #ffffff; padding: 0px 2px 0px 2px; display: inline;}

.razmeri {display:inline-block;}
.numbers {font-size: 29px; font-weight: bold; color:#4e4e4e; line-height: 18px; text-align: right;}
.mm {font-size: 16px; padding-right: 2px;}
.iks {font-size: 20px; font-weight: regular; color:#4e4e4e; line-height: 10px; text-align: center; vertical-align: top; padding: 0px 10px 0px 10px;}

/* --------- */


/* Блок ПУТЕШЕСТВУЙТЕ */
.traveling {margin-top: 80px; height: 706px; background-image: url(../img/traveling.jpg); background-position: center; background-repeat: no-repeat; text-align: center; color: #ffffff;}
.travelingtxt {width: 680px; font-size: 64px; font-weight: bold; line-height: 72px; text-align: left; padding-top: 115px;}
.travelingtxt span {background-color: #13bfb5; color: #ffffff; padding: 0px 6px 0px 6px; display: inline; font-weight: bold;}
/* --------- */




/* Блок ИМПУЛЬСНАЯ ПОДАЧА КИСЛОРОДА */
.impulstxt {
float: left;
padding: 140px 0px 0px 20px;
width: 50%;
margin-right: 0px;
text-align: left;
}

.impulstitle {font-size: 34px; line-height: 38px; color: #353535; font-weight: bold;}
.impulsh3 {font-size: 21px; color: #4e4e4e; line-height: 29px; margin-top: 12px;}
.impulsh3 span {background-color: #13bfb5; color: #ffffff; padding: 0px 2px 0px 2px; display: inline;}
.impuls-p {color: #6f6f6f; font-size: 14px; line-height: 21px; margin-top: 14px;}

.impulsimg {
float: left;
padding: 70px 0px 0px 0px;
width: 50%;
text-align: center;
}

.impulsimg-w {max-width: 474px; width: 100%;}
/* --------- */


/* Блок ТРОЙНАЯ ФИЛЬТРАЦИЯ */

.filtrimg {
float: left;
padding: 50px 20px 0px 30px;
width: 54%;
text-align: center;
}

.filtrimg-w {max-width: 542px; width: 100%;}


.filtrtxt {
float: left;
padding: 90px 20px 0px 10px;
width: 46%;
margin-right: 0px;
text-align: left;
}

.filtrtitle {font-size: 34px; line-height: 38px; color: #353535; font-weight: bold;}
.filtrh3 {font-size: 21px; color: #4e4e4e; line-height: 29px; margin-top: 12px; margin-bottom: 20px;}
.filtrh3 span {background-color: #13bfb5; color: #ffffff; padding: 0px 2px 0px 2px; display: inline;}

.razmeri {display:inline-block;}
.ficon {font-size: 29px; font-weight: bold; color:#4e4e4e; line-height: 18px; text-align: center; margin-right: 20px;}
.ftext {font-size: 16px;}

/* --------- */


/* Блок КОМПРЕССОР */

.komptitle {font-size: 34px; line-height: 38px; color: #353535; font-weight: bold; margin-bottom: 15px; margin-top: 65px; margin-left: 20px;}
.komp-s-text {color: #6f6f6f; font-size: 14px; line-height: 21px; margin-top: 20px; margin-left: 22px;}

.visok-effect {
float: left;
background-image: url(../img/1visokaya-effetk.jpg);
background-repeat: no-repeat;
background-position: top 28px center;
padding: 70px 0px 20px 0px;
width: 25%;
margin-right: 0px;
text-align: center;
}

.nizkiy-shum {
float: left;
background-image: url(../img/2nizkiy-shum.jpg);
background-repeat: no-repeat;
background-position: top 28px center;
padding: 70px 0px 20px 0px;
width: 25%;
margin-right: 0px;
text-align: center;
}

.effect-otvod-tepla {
float: left;
background-image: url(../img/3effekt-otvod-tepla.jpg);
background-repeat: no-repeat;
background-position: top 28px center;
padding: 70px 0px 20px 0px;
width: 25%;
margin-right: 0px;
text-align: center;
}

.dolg-srok-raboti {
float: left;
background-image: url(../img/4dolg-srok-sl.jpg);
background-repeat: no-repeat;
background-position: top 28px center;
padding: 70px 0px 20px 0px;
width: 25%;
margin-right: 0px;
text-align: center;
}

.komp-zag {font-size: 18px; font-weight: regular;}

.kompressor {margin-top: 35px; width: 100%; max-width: 546px;}

.kompressor-div {text-align: center; padding: 0px 30px 0px 30px;}
/* --------- */



/* Блок СИТО */

.sitoh3 {font-size: 21px; color: #4e4e4e; line-height: 29px; margin-top: 12px; margin-left: 22px;}
.sitoh3 span {background-color: #13bfb5; color: #ffffff; padding: 0px 2px 0px 2px; display: inline;}

.sitotitle {font-size: 34px; line-height: 38px; color: #353535; font-weight: bold; margin-bottom: 20px; margin-top: 60px; margin-left: 20px;}
.sito {margin-top: 45px; width: 100%; max-width: 1085px;}
.sito-div {text-align: center; padding: 0px 30px 0px 30px;}
/* --------- */


/* Блок АККУМУЛЯТОР 6800 */

.akkumimg {
float: left;
padding: 100px 20px 0px 20px;
width: 54%;
text-align: center;
}

.akkumimg-w {max-width: 485px; width: 100%;}


.akkumtxt {
float: left;
padding: 140px 20px 0px 10px;
width: 46%;
margin-right: 0px;
text-align: left;
}

.akkumtitle {font-size: 34px; line-height: 38px; color: #353535; font-weight: bold;}
.akkumh3 {font-size: 21px; color: #4e4e4e; line-height: 29px; margin-top: 12px; margin-bottom: 15px;}
.akkumh3 span {background-color: #13bfb5; color: #ffffff; padding: 0px 2px 0px 2px; display: inline;}
.akkum-stext {font-size: 14px; color: #353535; margin-top: 15px;}
/* --------- */


/* Блок ВНЕШНИЙ ВИД АППАРАТА */
.vneshniy-vidtxt {
float: left;
padding: 160px 0px 0px 20px;
width: 40%;
margin-right: 0px;
text-align: left;
}

.vneshniy-vidtitle {font-size: 34px; line-height: 38px; color: #353535; font-weight: bold;}

.vneshniy-vidimg {
float: left;
padding: 80px 20px 0px 0px;
width: 60%;
text-align: center;
}

.vneshniy-vidimg-w {max-width: 653px; width: 100%;}
/* --------- */


/* Блок ПАНЕЛЬ УПРАВЛЕНИЯ */

.panel_uprav-title {font-size: 34px; line-height: 38px; color: #353535; font-weight: bold; margin-bottom: 20px; margin-top: 100px; margin-left: 20px;}
.panel_uprav {margin-top: 25px; width: 100%; max-width: 838px;}
.panel_uprav-div {text-align: center; padding: 0px 30px 0px 30px;}
/* --------- */


/* Блок ЗАРЯДНОЕ УСТРОЙСТВО */
.zaradka-txt {
float: left;
padding: 160px 0px 0px 20px;
width: 50%;
margin-right: 0px;
text-align: left;
}

.zaradka-title {font-size: 34px; line-height: 38px; color: #353535; font-weight: bold;}
.zaradka-h3 {font-size: 21px; color: #4e4e4e; line-height: 29px; margin-top: 18px;}
.zaradka-h3 span {background-color: #13bfb5; color: #ffffff; padding: 0px 2px 0px 2px; display: inline;}

.zaradka-img {
float: left;
padding: 70px 20px 0px 0px;
width: 50%;
text-align: center;
}

.zaradka-img-w {max-width: 338px; width: 100%;}
/* --------- */


/* Блок АКСЕССУАРЫ */
.grey-bot-div {background-color: #f5f6f8; margin: 80px 0px 0px 0px; padding: 60px 0px 70px 0px;}

.aksessuari-h3 {font-size: 21px; color: #4e4e4e; line-height: 29px; margin-top: 20px; margin-left: 22px;}
.aksessuari-h3 span {background-color: #13bfb5; color: #ffffff; padding: 0px 2px 0px 2px; display: inline;}

.aksessuari-title {font-size: 34px; line-height: 38px; color: #353535; font-weight: bold; margin-bottom: 20px; margin-top: 0px; margin-left: 20px;}
.aksessuari {margin-top: 45px; width: 100%; max-width: 799px;}
.aksessuari-div {text-align: center; padding: 0px 20px 0px 20px;}
/* --------- */


/* Блок ПУТЕШЕСТВУЙТЕ */
.emptyblok {height: 378px; background-image: url(../img/emptyblok.jpg); background-position: center; background-repeat: no-repeat; text-align: center; color: #ffffff;}
/* --------- */



/* Блок ХАРАКТЕРИСТИКИ */
.leftpart {
float: left;
padding: 10px 0px 0px 20px;
width: 40%;
text-align: left;
}

.har-text {font-size: 20px; color: #4e4e4e; line-height: 29px;}
.greline {height: 1px; background-color: #d6d6d6; margin-top: 10px; margin-bottom: 10px;}
.har-title {font-size: 34px; line-height: 38px; color: #353535; font-weight: bold; margin-top: 70px; margin-bottom: 30px; margin-left: 20px;}

.rightpart {
float: left;
padding: 10px 10px 0px 20px;
width: 60%;
text-align: left;
}

/* --------- */

}

/* --- КОНЕЦ СТИЛЕЙ для @media (min-width: 768px) and (max-width: 1023px) --- */




/* --- НАЧАЛО СТИЛЕЙ для @media (max-width: 767px) --- */


@media (max-width: 767px) {

/* Начало первого экрана */
.head1 {background: linear-gradient(#ffffff, #f6f6f6); padding: 90px 20px 50px 20px;}
.toph1 {font-size: 34px; color: #353535; line-height: 42px; font-weight: bold; margin-bottom: 50px;}
.toph1 span {color: #13bfb5; font-weight: bold;}
.topp2 {max-width: 980px; width: 100%;}
/* --------- */


.head2 {max-width: 767px; text-align: center;}

/* Начало блока из 4-х иконок наверху */
.porticon {
float: left;
background-size: 90px;
background-image: url(../img/port-icon.jpg);
background-repeat: no-repeat;
background-position: top 28px center;
padding: 100px 20px 10px 20px;
width: 50%;
margin-right: 0px;
text-align: center;
}

.o2icon {
float: left;
background-size: 90px;
background-image: url(../img/o2icon.jpg);
background-repeat: no-repeat;
background-position: top 28px center;
padding: 100px 20px 10px 20px;
width: 50%;
margin-right: 0px;
text-align: center;
}

.impicon {
float: left;
background-size: 90px;
background-image: url(../img/imp-icon.jpg);
background-repeat: no-repeat;
background-position: top 28px center;
padding: 100px 20px 10px 20px;
width: 50%;
margin-right: 0px;
text-align: center;
}

.batticon {
float: left;
background-size: 90px;
background-image: url(../img/batt-icon.jpg);
background-repeat: no-repeat;
background-position: top 28px center;
padding: 100px 20px 10px 20px;
width: 50%;
margin-right: 0px;
text-align: center;
}

.top4-icons {font-size: 18px; font-weight: bold;}
/* --------- */


/* Серый блок с текстом */
.greyblock {text-align: left; background-color: #f6f6f6; padding: 25px 25px 15px 25px; margin-top: 30px;}
.tex21 {font-size: 16px; line-height: 26px; margin-bottom: 18px;}
/* --------- */


/* Блок ЛЕГКИЙ */
.lighttxt {
float: left;
padding: 40px 25px 0px 25px;
width: 100%;
margin-right: 0px;
text-align: left;
}

.lighttitle {font-size: 38px; line-height: 42px; color: #353535; font-weight: bold;}
.lighth3 {font-size: 25px; color: #4e4e4e; line-height: 31px; margin-top: 12px;}
.lighth3 span {background-color: #13bfb5; color: #ffffff; padding: 0px 2px 0px 2px; display: inline;}
.light-p {color: #6f6f6f; font-size: 18px; line-height: 26px; margin-top: 14px; margin-right: 10px;}


.lightimg {
float: left;
padding: 50px 25px 0px 25px;
width: 100%;
text-align: center;
}

.lightimg-w {max-width: 754px; width: 100%;}
/* --------- */


/* Блок МИНИМАЛЬНЫЙ РАЗМЕР */

.priority {
    display: flex;
    flex-direction: column;
}

.priority > .second {order: 2;}
.priority > .first {order: 1;}

.littleimg {
float: left;
padding: 50px 40px 0px 40px;
width: 100%;
text-align: center;
}

.littleimg-w {max-width: 509px; width: 100%;}


.littletxt {
float: left;
padding: 50px 20px 0px 25px;
width: 100%;
margin-right: 0px;
text-align: left;
}

.littletitle {font-size: 38px; line-height: 42px; color: #353535; font-weight: bold;}
.littleh3 {font-size: 25px; color: #4e4e4e; line-height: 31px; margin-top: 14px; margin-bottom: 35px;}
.littleh3 span {background-color: #13bfb5; color: #ffffff; padding: 0px 2px 0px 2px; display: inline;}

.razmeri {display:inline-block;}
.numbers {font-size: 34px; font-weight: bold; color:#4e4e4e; line-height: 18px; text-align: right;}
.mm {font-size: 18px; padding-right: 2px;}
.iks {font-size: 20px; font-weight: regular; color:#4e4e4e; line-height: 10px; text-align: center; vertical-align: top; padding: 0px 10px 0px 10px;}

/* --------- */


/* Блок ПУТЕШЕСТВУЙТЕ */
.traveling {margin-top: 50px; height: 306px; background-image: url(../img/traveling.jpg); background-position: center; background-repeat: no-repeat; text-align: center; color: #ffffff; background-size: 700px;}
.travelingtxt {width: 400px; font-size: 38px; font-weight: bold; line-height: 42px; text-align: left; padding: 70px 30px 0px 30px; text-shadow: 1px 1px 2px rgba(0,0,0,0.62);}
.travelingtxt span {background-color: #13bfb5; color: #ffffff; padding: 0px 6px 0px 6px; display: inline; font-weight: bold;}
/* --------- */


/* Блок ИМПУЛЬСНАЯ ПОДАЧА КИСЛОРОДА */
.impulstxt {
float: left;
padding: 40px 25px 0px 25px;
width: 100%;
margin-right: 0px;
text-align: left;
}

.impulstitle {font-size: 38px; line-height: 42px; color: #353535; font-weight: bold;}
.impulsh3 {font-size: 25px; color: #4e4e4e; line-height: 31px; margin-top: 14px;}
.impulsh3 span {background-color: #13bfb5; color: #ffffff; padding: 0px 2px 0px 2px; display: inline;}
.impuls-p {color: #6f6f6f; font-size: 18px; line-height: 26px; margin-top: 14px;}


.impulsimg {
float: left;
padding: 50px 25px 0px 25px;
width: 100%;
text-align: center;
}

.impulsimg-w {max-width: 474px; width: 100%;}
/* --------- */


/* Блок ТРОЙНАЯ ФИЛЬТРАЦИЯ */

.priority {
    display: flex;
    flex-direction: column;
}

.priority > .second {order: 2;}
.priority > .first {order: 1;}

.filtrimg {
float: left;
padding: 40px 20px 0px 20px;
width: 100%;
text-align: center;
}

.filtrimg-w {max-width: 542px; width: 100%;}


.filtrtxt {
float: left;
padding: 70px 20px 0px 25px;
width: 100%;
margin-right: 0px;
text-align: left;
}

.filtrtitle {font-size: 38px; line-height: 42px; color: #353535; font-weight: bold;}
.filtrh3 {font-size: 25px; color: #4e4e4e; line-height: 31px; margin-top: 14px; margin-bottom: 20px;}
.filtrh3 span {background-color: #13bfb5; color: #ffffff; padding: 0px 2px 0px 2px; display: inline;}

.razmeri {display:inline-block;}
.ficon {font-size: 34px; font-weight: bold; color:#4e4e4e; line-height: 18px; text-align: center; margin-right: 21px;}
.ftext {font-size: 17px;}
/* --------- */


/* Блок КОМПРЕССОР */

.komptitle {font-size: 38px; line-height: 42px; color: #353535; font-weight: bold; margin-bottom: 10px; margin-top: 70px; margin-left: 20px;}
.komp-s-text {color: #6f6f6f; font-size: 18px; line-height: 26px; margin-top: 20px; margin-left: 22px; margin-right: 20px;}

.visok-effect {
float: left;
background-image: url(../img/1visokaya-effetk.jpg);
background-repeat: no-repeat;
background-position: top 28px center;
padding: 70px 0px 20px 0px;
width: 50%;
margin-right: 0px;
text-align: center;
}

.nizkiy-shum {
float: left;
background-image: url(../img/2nizkiy-shum.jpg);
background-repeat: no-repeat;
background-position: top 28px center;
padding: 70px 0px 20px 0px;
width: 50%;
margin-right: 0px;
text-align: center;
}

.effect-otvod-tepla {
float: left;
background-image: url(../img/3effekt-otvod-tepla.jpg);
background-repeat: no-repeat;
background-position: top 28px center;
padding: 70px 0px 20px 0px;
width: 50%;
margin-right: 0px;
text-align: center;
}

.dolg-srok-raboti {
float: left;
background-image: url(../img/4dolg-srok-sl.jpg);
background-repeat: no-repeat;
background-position: top 28px center;
padding: 70px 0px 20px 0px;
width: 50%;
margin-right: 0px;
text-align: center;
}

.komp-zag {font-size: 18px; font-weight: regular;}

.kompressor {margin-top: 35px; width: 100%; max-width: 546px;}

.kompressor-div {text-align: center; padding: 0px 30px 0px 30px;}
/* --------- */


/* Блок СИТО */

.sitoh3 {font-size: 25px; color: #4e4e4e; line-height: 31px; margin-top: 14px; margin-left: 22px;}
.sitoh3 span {background-color: #13bfb5; color: #ffffff; padding: 0px 2px 0px 2px; display: inline;}

.sitotitle {font-size: 38px; line-height: 42px; color: #353535; font-weight: bold; margin-bottom: 20px; margin-top: 60px; margin-left: 20px;}
.sito {margin-top: 45px; width: 100%; max-width: 1085px;}
.sito-div {text-align: center; padding: 10px 10px 0px 10px;}
/* --------- */


/* Блок АККУМУЛЯТОР 6800 */

.priority {
    display: flex;
    flex-direction: column;
}

.priority > .second {order: 2;}
.priority > .first {order: 1;}

.akkumimg {
float: left;
padding: 40px 20px 0px 20px;
width: 100%;
text-align: center;
}

.akkumimg-w {max-width: 585px; width: 100%;}


.akkumtxt {
float: left;
padding: 100px 20px 0px 10px;
width: 100%;
margin-right: 0px;
text-align: left;
}

.akkumtitle {font-size: 38px; line-height: 42px; color: #353535; font-weight: bold;}
.akkumh3 {font-size: 25px; color: #4e4e4e; line-height: 31px; margin-top: 14px; margin-bottom: 20px;}
.akkumh3 span {background-color: #13bfb5; color: #ffffff; padding: 0px 2px 0px 2px; display: inline;}
.akkum-stext {font-size: 14px; color: #353535; margin-top: 15px;}
/* --------- */


/* Блок ВНЕШНИЙ ВИД АППАРАТА */
.vneshniy-vidtxt {
float: left;
padding: 60px 0px 0px 20px;
width: 100%;
margin-right: 0px;
text-align: left;
}

.vneshniy-vidtitle {font-size: 38px; line-height: 42px; color: #353535; font-weight: bold;}

.vneshniy-vidimg {
float: left;
padding: 50px 20px 0px 20px;
width: 100%;
text-align: center;
}

.vneshniy-vidimg-w {max-width: 653px; width: 100%;}
/* --------- */


/* Блок ПАНЕЛЬ УПРАВЛЕНИЯ */

.panel_uprav-title {font-size: 38px; line-height: 42px; color: #353535; font-weight: bold; margin-bottom: 20px; margin-top: 100px; margin-left: 20px;}
.panel_uprav {margin-top: 25px; width: 100%; max-width: 838px;}
.panel_uprav-div {text-align: center; padding: 0px 10px 0px 10px;}
/* --------- */


/* Блок ЗАРЯДНОЕ УСТРОЙСТВО */
.zaradka-txt {
float: left;
padding: 50px 0px 0px 20px;
width: 100%;
margin-right: 0px;
text-align: left;
}

.zaradka-title {font-size: 38px; line-height: 42px; color: #353535; font-weight: bold;}
.zaradka-h3 {font-size: 25px; color: #4e4e4e; line-height: 31px; margin-top: 18px;}
.zaradka-h3 span {background-color: #13bfb5; color: #ffffff; padding: 0px 2px 0px 2px; display: inline;}

.zaradka-img {
float: left;
padding: 50px 50px 0px 50px;
width: 100%;
text-align: center;
}

.zaradka-img-w {max-width: 438px; width: 100%;}
/* --------- */


/* Блок АКСЕССУАРЫ */
.grey-bot-div {background-color: #f5f6f8; margin: 80px 0px 0px 0px; padding: 60px 0px 70px 0px;}

.aksessuari-h3 {font-size: 25px; color: #4e4e4e; line-height: 31px; margin-top: 20px; margin-left: 22px;}
.aksessuari-h3 span {background-color: #13bfb5; color: #ffffff; padding: 0px 2px 0px 2px; display: inline;}

.aksessuari-title {font-size: 38px; line-height: 42px; color: #353535; font-weight: bold; margin-bottom: 20px; margin-top: 0px; margin-left: 20px;}
.aksessuari {margin-top: 45px; width: 100%; max-width: 799px;}
.aksessuari-div {text-align: center; padding: 0px 10px 0px 10px;}
/* --------- */


/* Блок ПУТЕШЕСТВУЙТЕ */
.emptyblok {height: 204px; background-image: url(../img/emptyblok.jpg); background-position: center; background-repeat: no-repeat; text-align: center; color: #ffffff; background-size: 900px;}
/* --------- */


/* Блок ХАРАКТЕРИСТИКИ */
.leftpart {
float: left;
padding: 10px 10px 0px 20px;
width: 100%;
text-align: left;
}

.har-text {font-size: 20px; color: #4e4e4e; line-height: 29px;}
.greline {height: 1px; background-color: #d6d6d6; margin-top: 10px; margin-bottom: 10px;}
.har-title {font-size: 38px; line-height: 42px; color: #353535; font-weight: bold; margin-top: 70px; margin-bottom: 30px; margin-left: 20px;}

.rightpart {
float: left;
padding: 10px 10px 0px 20px;
width: 100%;
text-align: left;
}

/* --------- */


}

/* --- КОНЕЦ СТИЛЕЙ для @media (max-width: 767px) --- */