/* -------width:768px------------ */


@media screen and (max-width: 768px){
     
    #banner{
        padding: 30px  0px!important;
        background-position:center !important;
        background-size: 101% 50% !important;
    }
.banner-content{
    padding: 10px 0 !important;
}

    .banner-content h2{
        font-size: 25px !important;
        line-height: 30px !important;
    }
    .banner-content p{
        font-size: 16px !important;
        padding-top: 0 !important;
        padding-bottom: 16px !important;
        width: 70%;
    }
    .book-ro{
        font-size: 16px !important;
        padding: 8px 15px !important;
    }
    .headeing h2{
        font-size: 30px !important;
        line-height: 8px !important;
    }

    .servicep-box{
        margin: 15px;
    }
    .about-content h2 {
        font-size: 30px !important;
        font-weight: 650 !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .image-water img{
        height: 235px !important;
    }
    .brand{
        padding: 0px !important;
    }
    .brand-heading h2 {
        font-size: 31px !important;
        line-height: 35px !important;
    }
    .Range-content{
        margin: 10px !important;
    }
    .contact-detalis h3 {
          
        font-size: 35px !important;
        
    }
    .footer-content{
        min-height: 240px !important;
    }
    .navbar-collapse{
        padding-bottom: 10px !important;
    }
    
}












/* -------width:600px------------ */


@media screen and (max-width: 600px){
     
    #banner{
        padding: 30px  0px!important;
        background-position:center !important;
        background-size: 101% 50% !important;
    }
.banner-content{
    padding: 10px 0 !important;
}

    .banner-content h2{
        font-size: 25px !important;
        line-height: 30px !important;
    }
    .banner-content p{
        font-size: 16px !important;
        padding-top: 0 !important;
        padding-bottom: 16px !important;
        width: 70%;
    }
    .book-ro{
        font-size: 16px !important;
        padding: 8px 15px !important;
    }
    .headeing h2{
        font-size: 30px !important;
        line-height: 8px !important;
    }

    .servicep-box{
        margin: 15px;
    }
    .about-content h2 {
        font-size: 30px !important;
        font-weight: 650 !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .image-water img{
        height: 235px !important;
    }
    .brand{
        padding: 0px !important;
    }
    .brand-heading h2 {
        font-size: 31px !important;
        line-height: 35px !important;
    }
    .Range-content{
        margin: 10px !important;
    }
    .contact-detalis h3 {
          
        font-size: 35px !important;
        
    }
    .footer-content{
        min-height: 240px !important;
    }
    .navbar-collapse{
        padding-bottom: 10px !important;
    }
    
}










/* -------width:576px------------ */


@media screen and (max-width: 576px){
     
    #banner{
        padding: 30px 0px !important;
        background-position:center !important;
        background-size: 101% 50% !important;
    }
.banner-content{
    padding: 10px 0 !important;
}

    .banner-content h2{
        font-size: 25px !important;
        line-height: 30px !important;
    }
    .banner-content p{
        font-size: 16px !important;
        padding-top: 0 !important;
        padding-bottom: 16px !important;
        width: 70%;
    }
    .book-ro{
        font-size: 16px !important;
        padding: 8px 15px !important;
    }
    .headeing h2{
        font-size: 30px !important;
        line-height: 8px !important;
    }

    .servicep-box{
        margin: 15px;
    }
    .about-content h2 {
        font-size: 30px !important;
        font-weight: 650 !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .image-water img{
        height: 235px !important;
    }
    .brand{
        padding: 0px !important;
    }
    .brand-heading h2 {
        font-size: 31px !important;
        line-height: 35px !important;
    }
    .Range-content{
        margin: 10px !important;
    }
    .contact-detalis h3 {
          
        font-size: 35px !important;
        
    }
    .footer-content{
        min-height: 240px !important;
    }
    .navbar-collapse{
        padding-bottom: 10px !important;
    }
    
}










/* -------width:480px------------ */


@media screen and (max-width: 480px){
     
    #banner{
        padding: 30px 0px!important;
        background-position:center !important;
        background-size: 101% 50% !important;
    }
.banner-content{
    padding: 10px 0 !important;
}

    .banner-content h2{
        font-size: 25px !important;
        line-height: 30px !important;
    }
    .banner-content p{
        font-size: 16px !important;
        padding-top: 0 !important;
        padding-bottom: 16px !important;
        width: 70%;
    }
    .book-ro{
        font-size: 16px !important;
        padding: 8px 15px !important;
    }
    .headeing h2{
        font-size: 30px !important;
        line-height: 8px !important;
    }

    .servicep-box{
        margin: 15px;
    }
    .about-content h2 {
        font-size: 30px !important;
        font-weight: 650 !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .image-water img{
        height: 235px !important;
    }
    .brand{
        padding: 0px !important;
    }
    .brand-heading h2 {
        font-size: 31px !important;
        line-height: 35px !important;
    }
    .Range-content{
        margin: 10px !important;
    }
    .contact-detalis h3 {
          
        font-size: 35px !important;
        
    }
    .footer-content{
        min-height: 240px !important;
    }
    .navbar-collapse{
        padding-bottom: 10px !important;
    }
    
}








/* -------width:380px------------ */


@media screen and (max-width: 380px){
     
    #banner{
        padding: 30px  0px!important;
        background-position:center !important;
        background-size: 101% 50% !important;
    }
.banner-content{
    padding: 10px 0 !important;
}

    .banner-content h2{
        font-size: 25px !important;
        line-height: 30px !important;
    }
    .banner-content p{
        font-size: 16px !important;
        padding-top: 0 !important;
        padding-bottom: 16px !important;
        width: 70%;
    }
    .book-ro{
        font-size: 16px !important;
        padding: 8px 15px !important;
    }
    .headeing h2{
        font-size: 25px !important;
    }

    .servicep-box{
        margin: 15px;
    }
    .about-content h2 {
        font-size: 26px !important;
        font-weight: 650 !important;
        padding-top: 8px !important;
        padding-bottom: 5px !important;
    }
    .image-water img{
        height: 235px !important;
    }
    .brand{
        padding: 0px !important;
    }
    .brand-heading h2 {
        font-size: 31px !important;
        line-height: 35px !important;
    }
    .Range-content{
        margin: 10px !important;
    }
    .contact-detalis h3 {
          
        font-size: 35px !important;
        
    }
    .footer-content{
        min-height: 240px !important;
    }
    .navbar-collapse{
        padding-bottom: 10px !important;
    }
    
}