/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

@media only screen and (max-width: 430px){
    #bn01 {
        background-image: url(/images/slider/banner3_maisa_mobile.png)
    }

    #bn02 {
        background-image: url(/images/slider/banner1_maisa_mobile.png)
    }

    #bn03 {
        background-image: url(/images/slider/banner2_maisa_mobile.png)
    }
}

@media only screen and (max-width: 1149px) {
    #bn01 {
        background-image: url(/images/slider/banner3_maisa_mobile.png)
    }

    #bn02 {
        background-image: url(/images/slider/banner1_maisa_mobile.png)
    }

    #bn03 {
        background-image: url(/images/slider/banner2_maisa_mobile.png)
    }
}

@media only screen and (min-width: 1150px) {
    #bn01 {
        background-image: url(/images/slider/banner3_maisa.png)
    }

    #bn02 {
        background-image: url(/images/slider/banner1_maisa.png)
    }

    #bn03 {
        background-image: url(/images/slider/banner2_maisa.png)
    }
}

.whatsbtn {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 25px;
    right: 70px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 1px 1px 2px #888;
    z-index: 1000;
}