/* FOR ALL MY ACCOUNT PAGES (RESPONSIVE MODE) xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

@media(max-width: 1300px){

        div.top_links_my_account div.top_links_my_account_left ul li{
                width           : 150px;
        }    
        
        div.top_links_my_account div.top_links_my_account_left ul li div{
                padding         : 0px 10px 0px 10px;
        }
    
        div.top_links_my_account div.top_links_my_account_left ul li div img.bell_icon_top_bar,
        div.top_links_my_account div.top_links_my_account_left ul li div img.mammoth_icon_top_bar{
                padding-right   : 10px;
        }
}

@media(max-width: 1100px){

        div.top_links_my_account div.top_links_my_account_left ul li{
                width           : calc(25% - 2px);
        }    
        
        div.top_links_my_account div.top_links_my_account_left ul li:last-child{
                width           : 25%;
                border-right    : 0px;
        }
        
        div.top_links_my_account div.top_links_my_account_left ul li div{
                padding         : 0px 5px 0px 5px;
        }
    
        div.top_links_my_account div.top_links_my_account_left ul li div img.bell_icon_top_bar,
        div.top_links_my_account div.top_links_my_account_left ul li div img.mammoth_icon_top_bar{
                padding-right   : 10px;
        }
        
        /* Stretching the top left bar (tabs) to 100% xxxxxxxxxxxxxxxxxxxxxxxxxxxx */
        
        div.top_links_my_account div.top_links_my_account_left{
                width           : 100%;
        }
}

@media(max-width: 750px){

        div.top_links_my_account div.top_links_my_account_left ul li div img.bell_icon_top_bar,
        div.top_links_my_account div.top_links_my_account_left ul li div img.mammoth_icon_top_bar{
                display         : none;
        }
        
         div.top_links_my_account div.top_links_my_account_left ul li div span.desktop{
                display         : none; 
        }
        
         div.top_links_my_account div.top_links_my_account_left ul li div span.responsive{
                display         : inline-block; 
        }
}

@media(max-width: 600px){

        div.top_links_my_account div.top_links_my_account_left ul li div{
                padding         : 0px
        }
        
        div.top_links_my_account div.top_links_my_account_left ul li div span.responsive img{
                width           : 30px;
        }
        
        div.top_links_my_account div.top_links_my_account_left ul li div span.responsive img.right-padding-20px{
                padding-right   : 5px;
        }

        div.top_links_my_account div.top_links_my_account_left ul li div span.responsive img.right-padding-10px{
                padding-right   : 5px;
        }        
}