Files
tripwithbonus/static/css/mobile_styles.css
2023-10-26 16:26:29 +03:00

167 lines
3.2 KiB
CSS

/*media breakpoints*/
@media (max-width: 360px) {
header{
padding: 5px 16px;
}
header .header-second {
margin-left: unset;
}
.header_big_background{
height: 45px;
}
.header_logo_mobile{
display: inline-block ;
}
.header_logo{
display: none;
}
.container_form_search_carrier{
flex-direction: column;
width: unset;
margin: 170px 10px 10px 10px;
}
#abbreviation_airport_in_search{
float: left;
height: 95%;
border-radius: 0 10px 0 0;
border-top: 2px solid #E6E6E6;
border-right: 2px solid #E6E6E6;
border-bottom: 2px solid #E6E6E6;
}
.from_address_point_txt.find_route.first{
border-radius: 10px 0 0 0;
border-top: 2px solid #E6E6E6;
border-bottom: 2px solid #E6E6E6;
border-left: 2px solid #E6E6E6;
}
.button_profile_header{
display: none;
}
.button_profile_header_mobile{
display: inline-block ;
}
.header-first>div {
margin-right: 37px;
}
.line_f_header{
top: 44px;
}
.top_block_static_wrapper_main{
background: unset;
}
.header_big_background {
max-width: 100%;
}
#sub_title_static>p{
white-space: normal;
}
.top_block_static{
padding: 0;
}
.mid_block_static{
padding: 0;
}
.wrapper_tab_button{
width: 55%;
}
.benefit_img{
flex-wrap: wrap;
}
.tab-btn-2{
margin: 0 0 5px 0;
}
button#more_button{
width: 100%;
}
#title_static{
font-size: 34px;
line-height: 42px;
}
.cards_wrapper{
flex-direction: column;
}
.cards_item_1,
.cards_item_2,
.cards_item_3,
.cards_item_4
{
width: 100%;
height: 180px;
background-size:60%;
}
.card_title_1{
font-size: 34px;
font-style: normal;
font-weight: 700;
line-height: 42px;
margin: 22px 0 0 10px;
text-shadow: 1px 1px 0px #272424;
}
.card_title_2{
font-size: 17px;
font-style: normal;
font-weight: 600;
line-height: 26px;
margin: 10px 0 0 10px;
text-shadow: 1px 1px 0px #272424;
}
.card_title_3{
margin: 10px 0 0 10px;
width: 95%;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px;
text-shadow: 1px 1px 0px #272424;
}
summary{
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 26px;
margin: 0;
}
summary ~ * {
padding: 0 1em 10px 1.4em;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.news_block_main {
margin: 0 16px 120px 16px;
}
.news_item {
margin-bottom: 20px;
}
.header-second-item,
.header_btn_sender,
.header_btn_mover{
display: none;
}
}
@media (max-width: 992px) {
.benefit_img>img{
display: none;
}
}
/*END media breakpoints*/