Icons too big in responsive mood for small screens

Hi,
Thanks for your question, to make your red reservation icon half of its size on mobile you could use this css:

@media only screen and (max-width: 767px) { 
.avia-icon-list.av-iconlist-big .iconlist_icon {
    height: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 16px;
}
}

but this will also affect some of your other icons, so you should add a custom class to all of your reservation icons and modify the css to include the custom class.
The two icons in your footer, RG and Blue Book, have a width of 12.5% on desktop, and a width of 48% on mobile, so to make them have a width of 12.5% on mobile you could use this css:

@media only screen and (max-width: 767px) { 
.responsive #top #wrap_all .slide-entry.av_one_eighth {
    width: 12.5%;
}
}

If you find this affecting other icons then you could also add a custom class to them.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Please add the css code above to the Enfold Theme Options ▸ General Styling ▸ Quick CSS field.
If you still find trouble with this please include an admin login in the Private Content area so we can help.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike