TRI-283: start 768>

This commit is contained in:
2024-11-21 13:10:25 +03:00
parent b0db3534f2
commit e3adbeeea4
29 changed files with 1986 additions and 354 deletions

View File

@@ -6,7 +6,7 @@
}
@media (max-width: 1304.98px) {
margin-bottom: 142px;
margin-bottom: 140px;
}
@media (max-width: 991.98px) {
@@ -26,6 +26,11 @@
@media (max-width: 991.98px) {
max-width: 75%;
}
@media (max-width: 767.98px) {
max-width: 95%;
margin-bottom: 30px;
}
}
.subtitle {
@@ -34,6 +39,11 @@
@media (min-width: 1720px) {
margin-bottom: 59px;
}
@media (max-width: 767.98px) {
max-width: 90%;
margin: 0 auto 23px;
}
}
&__grid {
@@ -62,6 +72,10 @@
@media (max-width: 991.98px) {
display: block;
margin-bottom: 37px;
}
@media (max-width: 767.98px) {
margin-bottom: 40px;
}
}
@@ -81,7 +95,6 @@
@media (min-width: 1720px) {
margin-right: -10px;
margin-left: 7px;
padding-top: 31px;
}
@@ -92,7 +105,11 @@
@media (max-width: 991.98px) {
padding-top: 17px;
margin-right: 0;
margin-bottom: 43px;
margin-bottom: 49px;
}
@media (max-width: 767.98px) {
margin-bottom: 42px;
}
p {
@@ -116,11 +133,21 @@
padding-top: 0;
padding-bottom: 0;
@media (min-width: 1720px) {
padding-left: 15px;
}
@media (max-width: 991.98px) {
padding-top: 35px;
padding-bottom: 37px;
margin-bottom: 46px;
}
margin-bottom: 39px;
@media (max-width: 767.98px) {
display: block;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 49px;
}
img {
@@ -129,23 +156,36 @@
max-width: 50.1%;
@media (min-width: 1720px) {
margin-right: -12px;
max-width: 53%;
}
@media (max-width: 1304.98px) {
max-width: 43.1%;
max-width: 42%;
margin-bottom: -4px;
margin-right: 0;
}
@media (max-width: 991.98px) {
margin-right: 0;
margin-bottom: 0;
}
@media (max-width: 767.98px) {
max-width: 104%;
position: relative;
left: -6px;
top: -4px;
}
}
p {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
@media (max-width: 767.98px) {
margin-bottom: 22px;
}
}
}
@@ -159,11 +199,21 @@
padding-bottom: 0;
//background-color: #00a420;
@media (min-width: 1720px) {
padding-left: 15px;
}
@media (max-width: 991.98px) {
padding-top: 42px;
padding-bottom: 46px;
}
@media (max-width: 767.98px) {
display: block;
padding-top: 0;
padding-bottom: 0;
}
.img {
margin-bottom: -10px;
margin-right: 24px;
@@ -181,6 +231,14 @@
margin-right: 0;
max-width: 34%;
}
img {
@media (max-width: 767.98px) {
display: block;
margin: 0 auto;
}
}
}
p {
@@ -192,6 +250,11 @@
@media (max-width: 991.98px) {
max-width: 60%;
}
@media (max-width: 767.98px) {
margin-bottom: 22px;
max-width: 100%;
}
}
}
}
@@ -220,7 +283,7 @@
right: 101%;
@media (min-width: 1720px) {
right: 104%;
right: 105%;
top: 34%;
}
@media (max-width: 1304.98px) {
@@ -234,7 +297,7 @@
transform: rotate(90deg);
@media (min-width: 1720px) {
left: 46%;
left: 45%;
top: 124%;
}
@@ -247,10 +310,21 @@
&__btn {
margin-top: -21px;
@media (max-width: 1304.98px) {
margin-top: -20px;
}
@media (max-width: 991.98px) {
margin-top: -26px;
margin-top: -19px;
padding-left: 54px;
padding-right: 54px;
}
@media (max-width: 767.98px) {
padding-left: 50px;
padding-right: 50px;
margin-top: -8px;
max-width: 100%;
}
}
}