/* FOR HEADERS OF ALL THE CUSTOMER PAGES (RESPONSIVE VERSION) xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


@media(max-width: 1300px){
    
        div.header_customer div.header_customer_text h2{
                margin-top      : 7px;
                font-size       : 44px;
        }

        div.header_customer div.header_customer_text h2 i{
                padding-right   : 22px;
                font-size       : 1.1em;        
        }
}

@media(max-width: 1200px){
    
        div.header_customer div.header_customer_text h2{
                margin-top      : 9px;
                font-size       : 40px;
        }

        div.header_customer div.header_customer_text h2 i{
                padding-right   : 15px;
                font-size       : 1em;        
        }
}

@media(max-width: 1100px){
    
        div.header_customer div.header_customer_text{
                width           : calc(100% - 200px);
        }
        
        div.header_customer div.header_customer_text h1 span{
                text-decoration : underline;
                cursor          : pointer;
        }      
        
        div.header_customer div.header_customer_logo{
                margin-right    : 0px;
        }        
}

@media(max-width: 750px){

        div.header_customer{
                min-height  : 95px;
                height      : 95px;             
        }    
        
        div.header_customer div.header_customer_text{
                width           : calc(100% - 170px);
        }
        
        div.header_customer div.header_customer_text h1{
                font-size       : 22px;
        }      
        
        div.header_customer div.header_customer_text h2{
                font-size       : 36px;        
        }
        
        div.header_customer div.header_customer_logo img{
                margin-top  : -10px;
                margin-left : 10px;
                height      : 75px;
        }                
}

@media(max-width: 600px){
    
        div.header_customer{
                padding     : 10px;
                min-height  : 85px;
                height      : 85px;                  
        } 
        
        div.header_customer div.header_customer_text{
                width           : calc(100% - 150px);
                left            : 10px !important;
        }    
    
        div.header_customer div.header_customer_text h1{
                font-size       : 20px;
        }      
        
        div.header_customer div.header_customer_text h2{
                font-size       : 28px;        
        }        

        div.header_customer div.header_customer_logo img{
                height      : 65px;
                margin-top  : 0px;
        }                
}

@media(max-width: 500px){

        div.header_customer{
                min-height  : 80px;
                height      : 80px;             
        }    
        
        div.header_customer div.header_customer_text{
                width           : calc(100% - 140px);
        }    
    
        div.header_customer div.header_customer_text h1{
                font-size       : 18px;
        }      
        
        div.header_customer div.header_customer_text h2{
                font-size       : 22px;        
        }                
}

@media(max-width: 400px){
    
        div.header_customer{
                min-height  : 70px;
                height      : 70px;             
        }      
    
        div.header_customer div.header_customer_text{
                width           : calc(100% - 110px);
        }    
    
        div.header_customer div.header_customer_text h1{
                font-size       : 16px;
        }      
        
        div.header_customer div.header_customer_text h2{
                font-size       : 20px;        
        }        
        
        div.header_customer div.header_customer_text h1.workload_mine i,
        div.header_customer div.header_customer_text h1.workload_another i,
        div.header_customer div.header_customer_text h1.workload_company i{
                padding-right   : 10px;
                font-size       : 0.9em;
        }        
        
        div.header_customer div.header_customer_logo img{
                height      : 55px;
        }                
}