/* Media Query for Mobile Devices */ 
@media (max-width: 480px) { 

    .navbar-collapse {
        padding: 15px 0 30px 0;
    }

    .navbar-nav {
        padding-bottom: 20px;
    }

    .y-hyd-con {
        padding: 10px 20px;
        margin: 30px 0;
    }

    .y-buy-atlantis {
        background-color: #F3EBDE;
        padding: 20px;
        margin: 15px;
        border-radius: 8px;
    }

    .about-values h3 {
        font-size: 32px;
    }

    .about-values p {
        font-size: 14px;
    }

    .yt-video iframe {
            width: 100% !important;
            height: 195px !important;
    }

    .floating-btn {
        right: -23.6%;
    }

    .float-bottom {
        position: fixed;
        bottom: 0px;
        z-index: 99;
        width: 100%;
        padding: 5px 0px;
        background-color: #C5A257;
        text-align: center;
    }

    .float-btm-text2 {
        font-weight: 500;
        padding: 10px 25px;
        text-align: center;
        background: none;
        border: none;
        color: #fff;
    }

    .float-btm-text2 a {
        color: #fff !important;
        text-decoration: none !important;
    }

    .float {
        bottom: 70px;
        left: 20px;
    }
} 
  
/* Media Query for low resolution  Tablets, Ipads */ 
@media (min-width: 481px) and (max-width: 767px) { 
    body { 
        background-color: yellow; 
    } 
} 
  
/* Media Query for Tablets Ipads portrait mode */ 
@media (min-width: 768px) and (max-width: 1024px){ 
    body { 
        background-color: blue; 
    } 
} 
  
/* Media Query for Laptops and Desktops */ 
@media (min-width: 1025px) and (max-width: 1280px){ 
    .floating-btn {
        right: -8%;
    }
} 
  
/* Media Query for Large screens */ 
@media (min-width: 1281px) { 
    .floating-btn {
        right: -6.5%;
    }
}