@media only screen and (min-width: 600px) {
     

 .float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:20px;
    right:1280px!important;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
  font-size:30px;
    box-shadow: 2px 2px 3px #999;
  z-index:100;
}

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





}




@media only screen and (max-width: 600px) {
    
    .float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:270px!important;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
  font-size:30px;
    box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.my-float{
    margin-top:16px;
}
#main-img
{
    width:300px!important;
    height:300px!important;
}

.he::before
{
    top:-63px!important;
    height: 116%!important;
}
.hero-area
{
   padding: 160px 0px 3px!important; 
}
#ab-pa
{
    margin-top:20px!important;
}

#img-pr
{
    margin-top:80px!important; 
}


}

    
#products
{
    margin-top:-200px!important;
}