/*The CSS syntax is very precise. Both the [style] attribute selector and the "!important" are required. Only the image paths themselves should be edited.*/

@media(max-width:640px){
    .has-homePage-slider li:first-child figure[style] {
        background-image: url(/uploadedimages/ACC/Site_Content/Home/Mobile/mobile2.jpg) !important;
    }
    .has-homePage-slider li:nth-child(2) figure[style] {
        background-image: url(/uploadedimages/ACC/Site_Content/Home/Mobile/mobile1.jpg) !important;
    }
    .has-homePage-slider li:nth-child(3) figure[style] {
        background-image: url(/uploadedimages/ACC/Site_Content/Home/Mobile/mobile3.jpg) !important;
    }
    .has-homePage-slider li:nth-child(4) figure[style] {
        background-image: url(/uploadedimages/ACC/Site_Content/Home/Mobile/mobile4.jpg) !important;
    }
    /*.has-homePage-slider li:nth-child(5) figure[style] {
        background-image: url(/uploadedimages/mobile5.jpg) !important;
    }*/
}