figma_adp_mob_04
This commit is contained in:
100
style.css
100
style.css
@@ -437,7 +437,7 @@ html, body, * {
|
|||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
.slider_row_container {
|
.slider_row_container {
|
||||||
width: 75%;
|
width: 80%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
@@ -723,6 +723,7 @@ html, body, * {
|
|||||||
padding-bottom: 60px;
|
padding-bottom: 60px;
|
||||||
display:flex;
|
display:flex;
|
||||||
justify-content:center;
|
justify-content:center;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.advantage_slider_items {
|
.advantage_slider_items {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@@ -2476,6 +2477,9 @@ body.lock {
|
|||||||
.info_heading_title {
|
.info_heading_title {
|
||||||
font-size: 36px;
|
font-size: 36px;
|
||||||
}
|
}
|
||||||
|
.info_list_item {
|
||||||
|
font-size: 11px;
|
||||||
|
}
|
||||||
|
|
||||||
/* ------------------------------------------------------------ */
|
/* ------------------------------------------------------------ */
|
||||||
|
|
||||||
@@ -2625,6 +2629,22 @@ body.lock {
|
|||||||
.our-services_item_title {
|
.our-services_item_title {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
}
|
}
|
||||||
|
.footer_cont_heading {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
.footer_cont_time {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
.footer_cont_info {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
.footer {
|
||||||
|
gap: 25px;
|
||||||
|
padding: 30px;
|
||||||
|
}
|
||||||
|
.info_list_item {
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -2742,7 +2762,17 @@ body.lock {
|
|||||||
margin-right: 40px;
|
margin-right: 40px;
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
.time_area_first {
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
}
|
||||||
|
.time_area_second {
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
}
|
||||||
|
.const_time_area {
|
||||||
|
padding: 22px 5px 50px 5px;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -2761,5 +2791,71 @@ body.lock {
|
|||||||
.row_info_list {
|
.row_info_list {
|
||||||
gap: 20px;
|
gap: 20px;
|
||||||
}
|
}
|
||||||
|
.slider_row_container {
|
||||||
|
width: 60%;
|
||||||
|
}
|
||||||
|
.row_container_area {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.row_container_item {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.slider_row_index {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
.item_wrapper_index {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
.row_middle_title {
|
||||||
|
font-size: 22px;
|
||||||
|
}
|
||||||
|
.row_info_area {
|
||||||
|
margin-right: 0px;
|
||||||
|
}
|
||||||
|
.footer_chart_img {
|
||||||
|
right: 20px;
|
||||||
|
}
|
||||||
|
.advantage_slider_close {
|
||||||
|
padding: 35px;
|
||||||
|
}
|
||||||
|
.advantage_slider_open {
|
||||||
|
padding: 35px;
|
||||||
|
}
|
||||||
|
.info_list_item {
|
||||||
|
font-size: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* -----------------------------------------350------------------------------------------------ */
|
||||||
|
|
||||||
|
@media (max-width: 350px) {
|
||||||
|
.wrapper {
|
||||||
|
max-width: 350px;
|
||||||
|
}
|
||||||
|
.footer_cont_heading {
|
||||||
|
font-size: 22px;
|
||||||
|
}
|
||||||
|
.item_index_color {
|
||||||
|
font-size: 25px;
|
||||||
|
}
|
||||||
|
.footer_cont_info {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.chart_cont_title {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.footer_cont_btn {
|
||||||
|
padding: 8px;
|
||||||
|
}
|
||||||
|
.chart_img {
|
||||||
|
width: 200px;
|
||||||
|
height: 130px;
|
||||||
|
}
|
||||||
|
.footer_chart_img {
|
||||||
|
right: 23px;
|
||||||
|
top: 90px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user