- August 9, 2024
- Posted by: Acarin_user
- Categories:
/* Mobile responsive */
#approach-p >div > h6 {
font-size: 15px !important;
}
@media only screen and (max-width: 600px){
#four-col{
margin-top:-40px !important
}
#approach-top > div {
padding-right: 0px !important;
padding-left: 0px !important
}
#approach-h2 > div > h2{
font-size: 40px !important;
line-height: 62px !important
}
#img-col > div > div > div {
margin-left:0px !important;
margin-top:50px !important;
}
#approach-p > div > h6 {
line-height: 38px !important;
width: 100% !important;
margin-top: 28px !important
}
#seperator-app{
margin-top: 10% !important;
width: 80% !important;
margin-left: 5% !important
}
#container_coffee > input{
margin-left: 0px !important
}
#coffee-coloumn {
padding-left:15px !important;
margin-top:-50px !important;
margin-bottom:-30px !important;
}
#container_coffee > h2 {
font-size: 16px !important;
}
#approach-img > figure > div > img {
width: 100% !important
}
#approach-img {
text-align: center !important
}
#text-block{
display: flex;
align-items: center
}
#text-block > h5{
margin-left: 5% !important;
line-height: 35px !important;
font-size: 25px !important;
}
#text-block > h2{
font-size: 70px !important;
}
#approach-inner-sections{
margin-top: 25% !important
}
#txt-bk1{
margin-bottom: 0px !important
}
#check-service > h6{
text-align: end !important
}
#arrow-right{
margin-bottom: 15px !important
}
}
/* Tab responsive */
@media only screen and (min-width: 600px) and (max-width: 1024px) {
#approach-h2 > div > h2 {
font-size: 42px !important;
line-height: 64px !important
}
#seperator-app{
padding-top: 0px !important
}
#coffee-div{
margin-left: 1px !important;
margin-right: 1px !important
}
#approach-p > div > h6 {
width: 100% !important;
line-height: 36px !important
}
#four-col {
margin-right: 0px !important;
margin-left: 0px !important
}
}