Since last enfold update Custom CSS is not working correctly

Hello,

since I´ve made the last update to enfold 3.4.2 lots of customization I did before does´t work anymore.
I spent a lot of time to get nearley similar results like before but especially shop banner and shop category banner is not working like before.
I use this code worked well before:
/************************************************************************
shop banner
*************************************************************************/
@media only screen and (max-width: 532px) {
#av_product_description {
display: none !important;
}
}
/*mobile shop banner fixes image sizes*/
@media only screen and (min-width: 533px) and (max-width: 767px) {
#av_product_description {
height: 250px;
}
.av-parallax.avia-full-stretch {
background-size: 100% 40% !important;
transform: translate3d(0, 30%, 0) !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#av_product_description {
height: 350px;
}
.av-parallax.avia-full-stretch {
background-size: 100% 40% !important;
transform: translate3d(0, 25%, 0) !important;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
#av_product_description {
height: 450px;
}
.av-parallax.avia-full-stretch {
background-size: 100% 55% !important;
transform: translate3d(0, 15%, 0) !important;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1365px) {
#av_product_description {
height: 450px;
}
.av-parallax.avia-full-stretch {
background-size: 100% 60% !important;
transform: translate3d(0, 20%, 0) !important;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1599px) {
#av_product_description {
height: 450px;
}
.av-parallax.avia-full-stretch {
background-size: 100% 70% !important;
transform: translate3d(0, 20%, 0) !important;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
#av_product_description {
height: 500px;
}
.av-parallax.avia-full-stretch {
background-size: 100% 75% !important;
transform: translate3d(0, 20%, 0) !important;
}
}
@media only screen and (min-width: 1920px) {
#av_product_description {
height: 550px;
}
.av-parallax.avia-full-stretch {
background-size: 100% 80% !important;
transform: translate3d(0, 20%, 0) !important;
}
}

Please let me know what I can do?