/* Backgrounds will cover all the section * --------------------------------------- */ #section0{ background-size: cover; background-attachment: fixed; background-position: center bottom; overflow:hidden; } /* Defining each sectino background and styles * --------------------------------------- */ #section0{ background:#fff; } @media only screen and (min-width: 768px) and (max-width: 959px){ #section0{ background: url('../img/slider/mobile.jpg') no-repeat center top;background-size:cover; min-height:450px; } } @media only screen and (min-width: 480px) and (max-width: 767px){ #section0{ background: url('../img/slider/mobile.jpg') no-repeat center top;background-size:cover; min-height:450px; } } @media only screen and (min-width: 320px) and (max-width: 479px){ #section0{ background: url('../img/slider/mobile.jpg') no-repeat center top; min-height:450px; } }