.bg-wave { background: url(../img/wave.png) #000 !important;}
.bg-wave2 { background: url(../img/wave2.jpg) #000 !important;}

iframe { width: 100%; height: 300px; }


@media only screen and (max-width: 500px) {
.gallery .col-md-1-5 {  width: 50%; }

.mblogo{ width: 250px; height: 52px; }
}


.float1 {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 200px;
    right: 30px;
    background-color: #37c0ec;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 20px;
    box-shadow: 0px 0px 0px #fff;
    z-index: 100;
}

.float2 {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 130px;
    right: 30px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 20px;
   ox-shadow: 0px 0px 0px #fff;
    z-index: 100;
}

.my-float1 {
    margin-top: 16px;
}

.my-float2 {
    margin-top: 14px;
}



.whats-lg {position: fixed; bottom: 40%; right:-73px; z-index: 9999;     -webkit-transform: scale(1,1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transform: scale(1,1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;}

.whats-lg:hover {bottom: 40%;   right:-8px;   -webkit-transform: scale(1,1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transform: scale(1,1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms; }