diff --git a/css/main/style.css b/css/main/style.css index 1ba72c9..346d823 100644 --- a/css/main/style.css +++ b/css/main/style.css @@ -3652,6 +3652,11 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li { top: 0; } } +@media all and (max-width: 960px) { + .helpBox_wrapper .helpBox { + max-width: 100%; + } +} .helpBox_wrapper .helpBox.hidden { display: none; } @@ -3804,12 +3809,22 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li { display: flex; align-items: flex-end; height: 102px; + position: absolute; + left: auto; + right: 0; + bottom: 0; } @media all and (max-width: 1080px) { .rate_us { + position: sticky; height: 120px; } } +@media all and (max-width: 960px) { + .rate_us { + width: 100%; + } +} .rate_us.opened { width: 350px; animation: rate_opened 0.25s normal forwards ease-in-out; diff --git a/css/main/style.less b/css/main/style.less index 0fa388d..6d060f4 100644 --- a/css/main/style.less +++ b/css/main/style.less @@ -4069,6 +4069,10 @@ main .dropdown_blocks_list .dropdown_block .block_body { top: 0; } + @media all and (max-width: 960px) { + max-width: 100%; + } + &.hidden { display: none; @@ -4239,15 +4243,27 @@ main .dropdown_blocks_list .dropdown_block .block_body { top: calc(100vh - 150px); /* tile shadow */ - display: flex; + display: flex; align-items: flex-end; height: 102px; + // fix to bottom + position: absolute; + left: auto; + right: 0; + bottom: 0; + @media all and (max-width: 1080px) { //display: none; + position: sticky; height: 120px; } + @media all and (max-width: 960px) { + width: 100%; + + } + &.opened { form { display: flex;