@media(min-width:1400px){
    /*----gallery responsive part goes here-------*/
    .gal-left {
        left: 50px;
    }
    .gal-right {
        right: 50px;
    }
    /*----gallery responsive part goes here-------*/
    /*----washing plan responsive part goes here-------*/
    .nav-pills .nav-link {
        padding: 0 54px!important;
        margin: 0 18px!important;
    }
    /*----washing plan responsive part end here-------*/
    /*----footer responsive part goes here-------*/
    .footer-social ul li a i {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: 0 2px;
    }
    /*----footer responsive part goes here-------*/
}
@media(min-width:1200px) and (max-width:1399px){
    /*----gallery responsive part goes here-------*/
    .gal-left {
        left: 40px;
    }
    .gal-right {
        right: 40px;
    }
    /*----gallery responsive part end here-------*/
    /*----washing plan responsive part goes here-------*/
    #news .nav-pills .nav-link {
        padding: 0 44px;
        margin: 0 13px;
    }
    /*----washing plan responsive part end here-------*/
    /*----footer responsive part goes here-------*/
    .footer-social ul li a i {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: 0 1px;
    }
    /*----footer responsive part end here-------*/
}
@media(min-width:992px) and (max-width:1199px){
    /*----gallery responsive part goes here-------*/
    .gal-left {
        left: 26px;
    }
    .gal-right {
        right: 26px;
    }
    /*----gallery responsive part goes here-------*/
    /*----washing plan responsive part goes here-------*/
    .nav-pills .nav-link {
        padding: 0 34px;
        margin: 0 8px;
    } 
    /*----washing plan responsive part end here-------*/
    /*----news responsive part goes here-------*/
    .news-date h6 {
	    padding: 8px;
    }
    .news-head h6 {
        margin-left: -22px;
    } 
    /*----news responsive part end here-------*/
    /*----footer responsive part goes here-------*/
    .footer-item-1 h3 {
        font-size: 17px;
    }
    .footer-item-2 h3 {
        font-size: 17px;
    }
    .footer-item-2 h5 {
        margin-left: -25px;
    }
    .footer-social ul li a i {
        width: 27px;
        height: 27px;
        line-height: 26px;
        margin: 0 -1px;
    }
    .footer-item-3 h3 {
        font-size: 17px;
    }
    .footer-item-4 h3 {
        font-size: 17px;
    }
    /*----footer responsive part end here-------*/
}
@media(min-width:768px) and (max-width:991.98px){
    /*----header responsive part goes here-------*/
    
    /*----header responsive part end here-------*/
    /*----navabr responsive part goes here-------*/
    .navbar-light .navbar-brand {
        width: 50%;
    }
    .navbar-light .navbar-brand img{
        width: 200px;
    }
    .navbar-light .navbar-toggler {
        color: #0081EF;
        font-size: 25px!important;
        outline: none!important;
        border: none;
    }
    .navbar-toggler:focus {
        box-shadow: none;
    }
    .navbar-light .navbar-nav .nav-link {
        padding: 10px 15px;
        border-bottom: 1px solid #e2e2e9;
    }
    .menu {
        top: 42px;
        width: 100%;
    }
    .menu-item {
        width: 100%;
    }
    .menu-item a {
        padding: 5px 0 5px 20px;
    }
    .fa-chevron-down {
        float: right;
    }
    /*----navbar responsive part end here-------*/
    /*----banner responsive part goes here-------*/
    .banner-text h1 {
        font-size: 31px;
    }
    .banner-text h3 {
        padding-bottom: 0px;
    }
    .banner-text {
        padding: 24px 15px 45px 25px;
        border-left: 5px solid #0891FF;
    }
    .banner-icon i {
        display: none!important;
    }
    .banner-item {
        height: 80vh;
    }
    .banner-main {
        height: 80vh;
    }
    /*----banner responsive part end here-------*/
    /*----about responsive part goes here-------*/
    #about {
        padding-bottom: 50px;
    }
    .about-img{
        display: none!important;
    }
    /*----about responsive part end here-------*/
    /*----service responsive part goes here-------*/
    .service-item {
        margin-bottom: 30px;
    }
    /*----service responsive part end here-------*/
    /*----gallery responsive part goes here-------*/
    .gal-icon i{
        display: none!important;
    }
    /*----gallery responsive part end here-------*/
    /*----team responsive part goes here-------*/
    .team-item{
        margin-bottom: 30px;
    }
    /*----team responsive part end here-------*/
    /*----funfact responsive part goes here-------*/
    .fun-item{
        margin-bottom: 24px;
    }
    /*----funfact responsive part end here-------*/
    /*----washing plan responsive part goes here-------*/
    #wash {
        padding-bottom: 40px;
    }
    #wash #pills-tab {
	    margin-left: 68px;
   }
   #wash .nav-item{
       margin-bottom: 30px;
   }
   .tbl-itm {
	    margin-bottom: 40px;
    }
    /*----washing plan responsive part end here-------*/
    /*----appoinment responsive part goes here-------*/
    .apoin-img img{
        display: none;
    }
    /*----appoinment responsive part end here-------*/
    /*----news responsive part goes here-------*/
    .news-item {
	    width: 400px;
	    margin-left: 150px;
    }
    /*----news responsive part end here-------*/
    /*----footer responsive part goes here-------*/
    .footer-item-2 h5 {
        margin-left:0;
    }
    .footer-item-3{
        margin-top: 30px;
    }
    .footer-item-4{
        margin-top: 30px;
    }
    .foot-button{
        margin-left: 25px;
    }
    .footer-social ul li a i {
        width: 30px;
        height: 30px;
        margin: 0 1px;
    }
    /*----footer responsive part end here-------*/

}
@media(min-width:576px) and (max-width:767.98px){
    /*----header responsive part goes here-------*/
    #header {
        display: none;
    }
    /*----header responsive part end here-------*/
    /*----navbar responsive part goes here-------*/
    .navbar-light .navbar-brand {
        width: 50%;
    }
    .navbar-light .navbar-brand img{
        width: 200px;
    }
    .navbar-light .navbar-toggler {
        color: #0081EF;
        font-size: 25px!important;
        outline: none!important;
        border: none;
    }
    .navbar-toggler:focus {
        box-shadow: none;
    }
    .navbar-light .navbar-nav .nav-link {
        padding: 10px 15px;
        border-bottom: 1px solid #e2e2e9;
    }
    .menu {
        top: 42px;
        width: 100%;
    }
    .menu-item {
        width: 100%;
    }
    .menu-item a {
        padding: 5px 0 5px 20px;
    }
    .fa-chevron-down {
        float: right;
    }
    /*----navbar responsive part end here-------*/
    /*----banner responsive part goes here-------*/
    .banner-text h1 {
        font-size: 31px;
    }
    .banner-text h3 {
        padding-bottom: 0px;
    }
    .banner-text {
        padding: 24px 15px 45px 25px;
        border-left: 5px solid #0891FF;
    }
    .banner-icon i {
        display: none!important;
    }
    .banner-item {
        height: 80vh;
    }
    .banner-main {
        height: 80vh;
    }
    /*----banner responsive part end here-------*/
    /*----service responsive part end here-------*/
    .service-item {
        margin-bottom: 30px;
    }
    /*----service responsive part end here-------*/
    /*----gallery responsive part goes here-------*/
    .gal-icon i {
        display: none!important;
    }
    /*----gallery responsive part goes here-------*/
    /*----team responsive part goes here-------*/
    .team-item{
        margin-bottom: 30px;
    }
    /*----team responsive part goes here-------*/
    /*----funfact responsive part goes here-------*/
    .fun-item{
        margin-bottom: 24px;
    }
    /*----funfact responsive part end here-------*/
    /*----washing plan responsive part end here-------*/
    #wash .nav-item {
        margin: 0 -3px;
        margin-bottom: 20px;
    }
    #wash .nav-pills .nav-link {
        padding: 0 40px;
    }
    .tbl-itm {
        margin-bottom: 40px;
    }
    /*----washing plan responsive part end here-------*/
    /*----appoinment plan responsive part end here-------*/
    .apoin-img{
        margin-bottom: 24px;
    }
    /*----appoinment plan responsive part end here-------*/
    /*----news plan responsive part end here-------*/
    .news-date h6 {
        padding: 9px 33px;
    }
    .news-head h6 {
        margin-left: -50px;
    }
    /*----news plan responsive part end here-------*/
    /*----footer responsive part end here-------*/
    #footer {
        padding-bottom: 25px;
    }
    .footer-item-2 h3 {
        margin-top: 20px;
    }
    .footer-item-2 h5 {
        margin-left: -20px;
    }
    .footer-item-3{
        margin-top: 30px;
    }
    .footer-item-4{
        margin-top: 30px;
    }
    .foot-button{
        margin-left: 25px;
    }
    /*----footer responsive part end here-------*/
    /*----coming responsive part end here-------*/
    .coming-text h1 {
        font-size: 60px;
    }
    /*----coming responsive part end here-------*/
}

@media (max-width:575.98px){
    /*----header responsive part goes here-------*/
    #header {
        display: none;
    }
    /*----header responsive part end here-------*/
    /*----navbar responsive part goes here-------*/
    .navbar-light .navbar-brand {
        width: 50%;
    }
    .navbar-light .navbar-brand img{
        width: 200px;
    }
    .navbar-light .navbar-toggler {
        color: #0081EF;
        font-size: 25px!important;
        outline: none!important;
        border: none;
    }
    .navbar-toggler:focus {
        box-shadow: none;
    }
    .navbar-light .navbar-nav .nav-link {
        padding: 10px 15px;
        border-bottom: 1px solid #e2e2e9;
    }
    .menu {
        top: 42px;
        width: 100%;
    }
    .menu-item {
        width: 100%;
    }
    .menu-item a {
        padding: 5px 0 5px 20px;
    }
    .fa-chevron-down {
        float: right;
    }
    /*----navbar responsive part end here-------*/
    /*----banner responsive part goes here-------*/
    .banner-text h1 {
        font-size: 31px;
    }
    .banner-text h3 {
        padding-bottom: 0px;
    }
    .banner-text {
        padding: 8px 5px 25px 15px;
        border-left: 3px solid #0891FF;
    }
    .banner-icon i {
        display: none!important;
    }
    .banner-item {
        height: 80vh;
    }
    .banner-main {
        height: 80vh;
    }
    /*----banner responsive part end here-------*/
    /*----about responsive part goes here-------*/
    #about {
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .about {
        padding-top: 10px;
    }
    .about-item {
        margin-bottom: 12px;
    }
    /*----about responsive part end here-------*/
    /*----service responsive part goes here-------*/
    #service {
        padding-top: 40px;
        padding-bottom: 0px;
    }
    .service-item {
        margin-bottom: 40px;
    }
    .service-item p {
        padding: 0 80px;
    }
    /*----service responsive part end here-------*/
    /*----gallery responsive part goes here-------*/
    .gal-icon i {
        display: none!important;
    }
    .gallrey-cover {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    /*----gallery responsive part end here-------*/
    /*----team responsive part goes here-------*/
    #team {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .team-item{
        margin-bottom: 24px;
    }
    /*----team responsive part end here-------*/
    /*---washing plan responsive part PAGE goes here-------*/
    .wash-hd p {
        padding: 0 6px;
        padding-top: 0px;
    }
    .wash-nav {
        margin-left: 16px;
    }
    .wash-nav h5 {
        margin-bottom: 28px;
    }
    .pric-tbl {
        margin: 0 -15px;
        margin-top: 24px;
        margin-right: 3px;
    }
    .tbl-itm {
        margin-bottom: 35px;
    }
    /*----washing plan responsive part PAGE goes here-------*/
    /*----apoinment responsive part goes here-------*/
    .apoin-img{
        margin-bottom: 24px;
    }
    .appoin-titel h4 {
        font-size: 15px;
    }
    /*----apoinment responsive part end here-------*/
    /*----news responsive part PAGE goes here-------*/
    .news-head{
        margin-left: -7px;
    }
    .news-head h6 {
        margin-left: -25px;
    }
    .news-date h6 {
        padding: 6px;
    }
    /*----news responsive part end here-------*/
    /*----footer responsive part goes here-------*/
    #footer {
        padding-top: 70px;
        padding-bottom: 20px;
    }
    .footer-item-2 {
        margin-left: 0px;
        margin-top: 12px;
    }
    .footer-item-3{
        margin-top: 12px;
    }
    .footer-item-4 {
        margin-top: 24px;
    }
    .foot-button{
        margin-left: 25px;
    }
    /*----footer responsive  part  end here-------*/
    /*----footer responsive  part  end here-------*/
    .coming-text h1 {
        font-size: 50px;
    }
    .coming-clock ul li {
        margin-bottom: 12px;
    }
    .coming-form input {
        margin-bottom: 12px;
    }
    /*----footer responsive  part  end here-------*/
    #error-page-2 .error-txt-2 h1 {
        font-size: 100px;
    }

}
@media(width:575px){
    /*---washing plan responsive part PAGE goes here-------*/
    .wash-nav {
        margin-left: 89px;
    }
    .pric-tbl {
        margin: 0px -85px;
        margin-top: 24px;
        margin-right: 3px;
    }
    /*---washing plan responsive part PAGE end here-------*/
    /*---appoinment responsive part PAGE goes here-------*/
    .apoin-img{
        margin-bottom: 24px;
    }
    .appoin-titel h4 {
        font-size: 15px;
    }
    /*---appoinment responsive part PAGE end here-------*/
    /*----news responsive part PAGE goes here-------*/
    .news-date h6 {
        word-spacing: 36px;
    }
    .news-head h6 {
        margin-left: -55px;
    }
    .news-dtls p {
        text-align: center;
        padding: 0 15px;
    }
    /*----news responsive part PAGE goes here-------*/
    /*----foote responsiver part PAGE goes here-------*/
    .footer-item-2 h5 {
        margin-left: -76px;
    }
   /*----footer responsive part PAGE end here-------*/
}
@media(width:480px){
    /*---washing plan responsive part PAGE goes here-------*/
    .wash-nav {
        margin-left: 42px;
    }
    .pric-tbl {
        margin: 0 -28px;
        margin-right: 12px;
    }
    /*---washing plan responsive part PAGE end here-------*/
    /*---appoinment responsive part PAGE goes here-------*/
    .apoin-img{
        margin-bottom: 24px;
    }
    .appoin-titel h4 {
        font-size: 15px;
    }
    /*---appoinment responsive part PAGE end here-------*/
    /*---news responsive part PAGE end here-------*/
    .news-date h6 {
        word-spacing: 12px;
        padding: 9px;
    }
    .news-head h6 {
        margin-left: -46px;
    }
    .news-item {
        padding-bottom: 12px;
    }
    /*---news responsive part PAGE end here-------*/
    /*---footer responsive part PAGE end here-------*/
    .footer-item-2 h5 {
        margin-left: -60px;
    }
    /*---footer responsive part PAGE end here-------*/
}
@media(width:320px){
    /*----service responsive part goes here-------*/
    .service-item p {
        padding: 0 0px;
    }
    /*----service responsive part end here-------*/
    /*----coming responsive  part  end here-------*/
    .coming-clock ul li {
        margin-bottom: 12px;
    }
    .coming-form input {
        margin-bottom: 12px;
    }
    /*----coming responsive  part  end here-------*/
}

/*****404 page*****/
@media(min-width:1400px){
    #error-page-1 .error-txt-1 h1 {
        font-size: 250px;
    }
}
@media(min-width:1200px) and (max-width:1399px){
    #error-page-1 .error-txt-1 h1 {
        font-size: 250px;
    }
}
@media(min-width:992px) and (max-width:1199px){
    #error-page-1 .error-txt-1 h1 {
        font-size: 250px;
    }
}
@media(min-width:768px) and (max-width:991.98px){
    #error-page-1 .error-txt-1 h1 {
        font-size: 250px;
    }
}
@media(min-width:576px) and (max-width:767.98px){
    #error-page-1 .error-txt-1 h1 {
        font-size: 100px;
    } 
}
@media(max-width:575.98px){
    #error-page-1 .error-txt-1 h1 {
        font-size: 100px;
    }
}
@media(width:575px){
    #error-page-1 .error-txt-1 h1 {
        font-size: 100px;
    }
}
@media(width:480px){
    #error-page-1 .error-txt-1 h1 {
        font-size: 100px;
    }
}


/*****403 page*****/
@media(min-width:1400px){
    #error-page-3 .error-txt-2 h1 {
        font-size: 250px;
    }
}
@media(min-width:1200px) and (max-width:1399px){
    #error-page-2 .error-txt-2 h1 {
        font-size: 250px;
    }
}
@media(min-width:992px) and (max-width:1199px){
    #error-page-2 .error-txt-2 h1 {
        font-size: 250px;
    }
}
@media(min-width:768px) and (max-width:991.98px){
    #error-page-2 .error-txt-2 h1 {
        font-size: 250px;
    }
}
@media(min-width:576px) and (max-width:767.98px){
    #error-page-2 .error-txt-2 h1 {
        font-size: 100px;
    } 
}
@media(max-width:575.98px){
    
}
@media(width:480px){
    #error-page-2 .error-txt-2 h1 {
        font-size: 100px;
    }
}

/*****under construction*****/
@media(min-width:1400px){
    #error-page-3 .error-txt-2 h1 {
        font-size: 250px;
    }
}
@media(min-width:1200px) and (max-width:1399px){
    #error-page-2 .error-txt-2 h1 {
        font-size: 250px;
    }
}