@media screen and (max-width: 767px){
    .signin-bot{padding:50px 30px 0px 30px !important;}
}
@media screen and (min-width: 768px){
    .container{width:576px;}

}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
 
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
 
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}

@media (max-width: 500px) {  
    .header-mid{flex: 1 0 0%;}
    .header-mid h3,.modal-header span{font-size:18px;padding:7px 20px;}
    .header-right img,.header-left img,.header-right,.header-left{height:43px;width:43px;}
    .header-left{padding:0px;margin-left:15px;}
    .header-right{padding:0px;margin-right:15px;}
	
	.cl-box{padding:143px 15px 30px 15px !important;}.cl-box > div{padding:30px 15px !important;}.ec-table p{word-break:break-word;}
}

@media (min-width: 501px) {
    .header-right img,.header-left img,.header-right,.header-left{height:64px;width:64px;}
    .header-left{padding:0px;margin-left:15px;}
    .header-right{padding:0px;margin-right:15px;}    
}

@media (max-width: 400px) {  
    .signin-bot{position:relative;}    
}
@media (max-height: 720px) {  
    .signin-bot{position:relative;}
}