@media and (min-width:1020px) and (max-width:1280px){ 
	/***1024 screen***/
	.dryer img{width:85px}
	.dryer-washer .dryer{padding:13px 5px 6px 0}
	.dryer-washer .washer{padding:13px 5px 6px 0}
	.washer img{width:46px}
	.available-div{padding-right:0}
	.busy-div{padding-right:0}
	.col-md-7.col-xs-12.remove-padding {font-size: 12px;padding: 0;}
	.form-group.new-group.email-area{margin-left:14px}
	.form-group.new-group select{width:50%}
    
      .expand-table{  display:none; }
 }



@media only screen (min-width:768px) {
    header {min-height: 100%;}
    header .header-content {position: absolute;top: 50%; padding: 0 50px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
	header .header-content .header-content-inner {margin-right: auto;margin-left: auto;max-width: 1000px;}
    header .header-content .header-content-inner p {margin-right: auto;margin-left: auto;max-width: 80%;font-size: 18px;}
	.dryer-washer .dryer{padding:0 5px;}
	.dryer-washer .machine{padding:0}
	.col-md-7.dryer-washer .form-detail{height:auto;}
	.responsive768 .form-group.new-group label{width:40%}
	/*.col-md-6.col-xs-12.machine {
    padding: 3.5% 5px;
	line-height:1;
}*/	.availability-box .available-div {padding-top:0}
	.availability-box .busy-div {padding-top:0 }
	.availability-box .out-of-order-div {padding-top:0}
	.col-md-6.col-xs-12.availability-box{padding:3px;}
	. dryer-washer .col-md-6.col-xs-12.machine{line-height:115px;}


    .form-group.new-group input {
        width: 35%;
    }

     .form-group.new-group select {
        width:60%;
    }

        .dashboard label{
       
        width:35%;
       
    }

    .dashboard input {
       
        width:60%;
     
    }
    /* update by birendra*/
    .dashboard-btn{ margin: 5px 10px 5px 122px;}
    
    .expand-table{  display:none; }
    
    
 
    
}

    
    
    


@media(max-width:767px) {
	.login-page{ width:90%;}
	.form { width:90%;}
	/*.forgot-p .forgot-text{float:left;}*/ 
	.form .message{ font-size:12px;}
	.form-group.new-group label{ width:100%; text-align:left; margin-top:10px;}
	.form-group.new-group input{width: 100%;}
	.form-group.new-group select{width: 100%;}
    .dynamic_label { width: 100%; text-align: left !important;} 
	.navigation ul li{ float:right;text-align: left;width: 100%;}
	.navbar-nav{margin:0;}
	.navbar-collapse{padding-right:0}
    
    
    .dashboard label{ width:40%; text-align: left; }

    .dashboard input {width:100%;}
    
    .dashboard-btn{ margin:0 auto;}
    
     .ui-datepicker-trigger {
    right: 5px;
}
} 


   /*.ui-datepicker-trigger {
    width: 25px;
    height: auto;
    position: absolute;
    margin: 48px 4 0 4px !important;
    right: 6px;
    top: -57px;
   
} 
    */
    
 
} 
      
    
    

  


@media only screen and (max-width: 700px) {
	.userMailId{display:none;}
	.header{position:relative;}
	/*.userInfoMenu{bottom: -58px;right: 5px;position: absolute;cursor: pointer;z-index: 1;}*/
	.form-group.new-group select{width:100%}
	.dryer-washer .col-md-5.col-xs-12.machine{width:100%}
	.dryer-washer .col-md-7.col-xs-12.remove-padding{width:100%; margin-bottom:10px; margin-left:5px;}
    
      /* .dashboard label{ width:20%; } */

    .dashboard input {width:52%; text-align: left;}
    /*  .dashboard-btn{ margin:0 auto;}*/
    
    
    
.footable.newfootable>tbody>tr>td.expand{background:url(../img/plus.png) no-repeat 5px center;padding-left:40px; cursor:pointer}


.footable.newfootable>tbody>tr>td.expand2{background:url(../img/minus.png) no-repeat 5px center;padding-left:40px; cursor:pointer} }
	
	

    
    
    
    
}



	
@media only screen and (max-width: 480px) {
	.userMailId{display:none;}
	.header{position:relative;}
	.userInfoMenu{bottom: -58px;right: 5px;position: absolute;cursor: pointer;z-index: 1;}
	.userIconbar i{color:#fff;	}
	.form-btn .btn{padding:5px 10px;}
	.form-btn{margin:10px auto}
	.userInfoMenu .caret{color:#fff;}
	.header-img img{margin:auto}
	.col-sm-6.logo-section{width:100%}
	.dryer-washer .dryer {padding: 13px 10px 6px 20px; }
	.dryer-washer .machine{padding:0}
	.col-md-7.dryer-washer .form-detail{height:auto;}	
	.dryer-washer .available-div {padding-top:0}
	.dryer-washer .busy-div {padding-top:0}
	.dryer-washer .out-of-order-div {padding-top:0}
	.col-md-6.col-xs-12.availability-box{padding:2px}
	#myModal .form-group.new-group select{width:100%}
	.dryer-p-availability .dryer-notify-info{left:20px}
	.product-availability .notify-info{left:18px}
	.remove-padding{padding:4px}
	/****set alert****/
	.form-group.new-group.custom-input{margin:0}
	.form-group.new-group.custom-input{width:55%}
	.form-group.new-group.email-area{width:80%}
	.form-group.new-group.email-area input{width:100%}
	.form-group.new-group.monitor-alt select{width:40%}
	.text-section {line-height: 20px;padding: 0 25px;}
	.notify-info{left:10px}
    
    
        .dashboard label{ width:45%; text-align: left; margin-top:10px;
       
    }

    .dashboard input { width:100%;
     
    } 
	
      .dashboard-btn{ margin:0 auto;}
    
    .dropdown-menu {position:relative;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 260px;
    padding: 15px 2px;
    margin: 2px 0 0;
    font-size: 14px;
    border-bottom:#66aaee solid 1px;
    text-align: left;
      font-family: "Roboto", sans-serif;
    list-style: none;
    background-color: #1976d2;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175); }
    
    
    
 /*.user-panel > li {
    float: left;
    color: #fff;
    line-height: 45px;
     text-align: right;
    margin-left: 5px;
}   
    .dropbtn {
   
    color: #325a96;
    margin-top:10px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}
  
   .dropbtn:hover, .dropbtn:focus {
   background-color: #325a96;
}
    
   .caret-arrow {
    margin-top:10px;
  display: inline-block;
  width: 0;
  height: 0;
       color: #fff;
  margin-left: 10px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
 
   */
    
    .dashboard label{margin:0px 0px;}
    
    .dashboardm{padding: 3px 0px;}
    
    .dashboard{    padding: 5px 0;}
    
    
    .colm{margin-top:-20px;}
    
    
  
    
}




@media only screen and (max-width: 480px) {    
.footable.newfootable>tbody>tr>td.expand1, .expand2, .expand3, .expand4, .expand5{background:url(../img/plus.png) no-repeat 5px center; padding-left:40px!important; cursor:pointer}


.footable.newfootable>tbody>tr>td.expand_1, .expand_2, .expand_3, .expand_4, .expand_5{background:url(../img/minus.png) no-repeat 5px center; padding-left:40px!important;; cursor:pointer}


 
.navigation ul li {
    float: left;
    width: 100%;
    padding:0 0px;

}

    .navigation ul li a {
        color: #dfdfdf;
        font-size: 14px;
        width: 100%;
      
    }


   

}




@media only screen and (max-width:767px) {

    .navigation ul li {
    float: left;
    width: 100%;
   /* margin-left:4px;*/

}

    .navigation ul li a {
        color: #dfdfdf;
        font-size: 14px;
        width: 100%;
      
    }
    
    .login-page {
    width: 100%;
}


    .form {
    width: 95%;
    padding: 25px 15px;
}
   
    
    .logo-img img {
    height: 75px;
}


}



@media only screen and (max-width: 675px) {

    .dryer-washer .dryer {
        padding: 13px 10px 6px 20px;
    }

    .dryer-washer .washer {
        padding: 13px 10px 6px 20px;
    }

    .out-of-order-div {
  padding-top: 0;
}

    .busy-div {
  padding-top: 0;
}

    .available-div{
  padding-top: 0;
}

.form-group.new-group.custom-input {
        width: 70%;
        margin: 0;
        font-size: 12px;
        }

        .form-group.new-group.custom-input select {
        width: 100%;
        margin-left: 10px;
        height: 28px;
        padding: 5px;
        font-size: 12px;
        }

        .form-group.new-group.custom-input label {
        width: 70%;
        text-align: left;
        padding-left: 5px;
        margin: 0;
        ;
        font-size: 12px;
        }

        .checkbox-btn.check-span > label {
        padding-left: 10px;
        font-size: 12px;
        }

        .form-group.new-group.email-area {
        margin: 0;
        }

        .form-group.new-group.email-area label {
        width: 50%;
        text-align: left;
        font-size: 12px;
        }

        .col-md-7.col-xs-12.remove-padding {
        padding-left: 5px;
        }
        /****set alert****/
        .form-group.new-group.custom-input {
        margin: 0;
        }

        .form-group.new-group.custom-input {
        width: 55%;
        }

        .form-group.new-group.email-area {
        width: 100%;
        }

        .form-group.new-group.email-area input {
        width: 100%;
        }

        .form-group.new-group.monitor-alt label {
        padding-left: 10%;
        margin-;
        }

        .text-section {
        line-height: 20px;
        padding: 0 25px;
        font-size: 12px;
        }

        .alert_panel .buttons-area .btn {
        float: left;
        font-size: 12px;
        margin-left: 20px;

        }

        .responsive-capcha {
        margin-left: -10px;
        }

        .dryer-washer .dryer {
        padding: 13px 10px 6px 20px;
        }

        .dryer-washer .washer {
        padding: 13px 10px 6px 20px;
        }

        .refresh-txt {
        float: left;
        font-size: 12px;
        }

        .alert_panel .buttons-area {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 35px;
        }
        .login-page {padding-top:10%}
        .loyalaty-card {
        overflow: scroll;
        width: 100%;
        }
        .mng-panel1 .custom-row .checkbox-btn {
        width:38%;
        }

        .mng-panel1 .form-group.monitor-alt .form-group.new-group.custom-input {
        padding:0 14px 0 23px;
        }
        .captcha {
        padding-top:0;
        }    
   
}



@media(min-width:768px) and (max-width:1000px) {
.dryer-washer .washer{padding:5px 10px 0px 40px}
        .dryer-washer .dryer{padding:5px 10px 0px 40px}
        .washer img{width:45px}
        .dryer img{width:80px}
        .remove-padding {padding:0 0 5px 30px;}
        .form-group.new-group.email-area {width:45%; margin:0 0 0 3px} 
        
           .out-of-order-div {
  padding-top: 30px; margin-bottom:20px;
}

    .busy-div {
  padding-top: 30px; margin-bottom:20px;
}

    .available-div{
  padding-top: 30px; margin-bottom:20px;
}
    
   
        }


    .col-md-7.col-xs-12.dryer-washer { width: 49%;
}

    @media screen and (max-width: 767px) {
.navbar-collapse{
    padding-right: 0 !important;
    }
  
}

@media screen and (min-width: 320px) and (max-width: 640px) {
    .navbar-nav {
        margin: 0;}
        
    .form-group.new-group select{width:100% !important;} 
        
        
    }
    
.navbar-nav > li > a {
    padding: 8px 15px;
    border-top: 1px solid;
    border-top-color:#5b7bab;
  }


   /*.ui-datepicker-trigger {
    width: 25px;
    height: auto;
    position: absolute;
    margin: 40px -20 0 4px !important;
    right: 25px;
    top: -39px;
   
} 
    
    
    
    
       .ui-datepicker-trigger_n{
    width: 25px;
    height: auto;
    position: absolute;
   margin: 96px -4 0 4px !important;
    right: 25px;
    top: -39px;
     bottom: 10px; 
}*/


}
@media screen and (min-width: 640px) and (max-width: 768px) {

    .navbar-nav {
    margin: 0;
}
    .navigation ul li {
    border-bottom: 1px solid #426eb0;
}
    
       /*.ui-datepicker-trigger {
    width: 25px;
    height: auto;
    position: absolute;
    margin: 39px -18 0 4px !important;
    right: 25px;
    top: -39px;
   
} 
    
    
    
    
       .ui-datepicker-trigger_n{
    width: 25px;
    height: auto;
    position: absolute;
    margin: 95px -4 0 4px !important;
    right: 25px;
    top: -39px;
   
}*/
     
    
}