.section-shortcode { overflow: hidden; position: relative; } .section-shortcode .section-container { z-index: 6; position: relative; } .par1{ position: absolute; height: 1200px; width: 100%; top: 0; background-position: 50% 0; } .par2{ position: absolute; height: 1200px; width: 100%; top: 0; background-position: 50% 0; } .par3{ position: absolute; height: 1200px; width: 100%; top: 0; background-position: 50% 0; } .parallax-title{ position: absolute; z-index: 5; top: 50%; left: 50%; width: 100%; text-align: center; } .parallax-title .text-block{ width: 67%; margin: 0 auto; } .parallax-overlaycic{ position: absolute; z-index: 5; height: 100%; width: 100%; background: rgba(0,0,0,0.4); } .parallax-response{ display: none; height: 600px; } .parallax-response img{ position: absolute; margin: auto; width: auto; max-width: none; } .parallaxic-overlaycic{ position: absolute; z-index: 4; height: 100%; width: 100%; background: rgba(0,0,0,0.4); } .overflow-hidden { overflow: hidden; } .parallax-response h2:after, .parallax-all h2:after { display: none; } .parallax-all.section-par { position: absolute; height: 100%; width: 100%; } .parallax-all.section-par #home { margin-top: -60px; height: 100% !important; } @media (max-width: 991px) { .parallax-response{ position: relative; display: block; overflow: hidden; z-index: 0; } .parallax-response.section-par { position: absolute; height: 100%; width: 100%; margin-top: -60px; } .parallax-all { display: none; } }