From ce230e80a5c023d073c8ef4728460340f48cd271 Mon Sep 17 00:00:00 2001 From: ArtemB Date: Wed, 15 Nov 2023 17:27:02 +0300 Subject: [PATCH] 0.0.224 upd mobile_styles.css --- static/css/mobile_styles.css | 50 +++++++++++++++++++++++++++++------- 1 file changed, 41 insertions(+), 9 deletions(-) diff --git a/static/css/mobile_styles.css b/static/css/mobile_styles.css index e249850..cc77058 100644 --- a/static/css/mobile_styles.css +++ b/static/css/mobile_styles.css @@ -6,12 +6,15 @@ width: 173px; } } -@media (max-width: 1199px){ } @media (max-width: 1064px){ .header_logo, .header_btn_mover, .header_btn_sender{ margin-right: 26px; } + .benefit_img_about_service>figure>img { + width: 153px; +} + } @media (max-width: 1024px) { @@ -73,6 +76,7 @@ border-top: 2px solid #E6E6E6; border-right: 2px solid #E6E6E6; border-bottom: 2px solid #E6E6E6; + width: 40.5%; } .abbreviation_airport_in_search{ float: left; @@ -80,7 +84,7 @@ border-right: 2px solid #E6E6E6; border-bottom: 2px solid #E6E6E6; height: 96%; - width: 33%; + width: 40%; } .from_address_point_txt.find_route.first{ @@ -91,6 +95,7 @@ } .to_address_point_txt.find_route{ + width: 55.6%; float: left; border-top: 2px solid #E6E6E6; border-left: 2px solid #E6E6E6; @@ -99,10 +104,10 @@ .cont-el-form-search-carrier > input{ border: 2px solid #E6E6E6; - width: 90%; + width: calc(100% - 23px); } .cont-el-form-search-carrier.last > select{ - width: 93%; + width: 100%; border-radius: 0 0 10px 10px; border: 2px solid #E6E6E6; } @@ -110,7 +115,7 @@ width: 291px; } .cont-el-form-search-carrier > button{ - width: 94%; + width: 100%; } .button_profile_header{ @@ -1004,6 +1009,14 @@ /* */ +} +@media (max-width: 828px){ + .to_address_point_txt.find_route { + width: 54.6%; + } + .from_address_point_txt.find_route.first { + width: 54.1%; + } } @media (max-width: 776px){ @@ -1021,7 +1034,6 @@ } } - @media (max-width: 699px){ .block_overlay.show{ display: block; @@ -1063,6 +1075,14 @@ width: 100%; } } +@media (max-width: 687px){ + .to_address_point_txt.find_route { + width: 52.6%; + } + .from_address_point_txt.find_route.first { + width: 52.1%; + } +} @media (max-width: 575px){ #how_it_work_b{ @@ -1096,15 +1116,25 @@ } .cont-el-form-search-carrier.last > select{ - width: 95%; + width: 100%; + } + .to_address_point_txt.find_route { + width: 51.6%; + } + .from_address_point_txt.find_route.first { + width: 51.1%; } } @media (max-width: 440px){ .container_inp_w_abr{ width: 99%; } - .cont-el-form-search-carrier.last > select{ - width: 97%; + + .to_address_point_txt.find_route { + width: 48.4%; + } + .from_address_point_txt.find_route.first { + width: 47.95%; } } @media (max-width: 440px){ @@ -1116,6 +1146,8 @@ figure { width: unset; } + + } @media (max-width: 360px){