body {
    padding: 0 !important;
}

@media only screen and (max-width: 2500px) {
    
    .brands_container {
        width: 60% !important;          
        margin-left: auto !important;
        margin-right: auto !important;     
        /*border: 1px solid cyan;*/   
    }

    .content-left {
        width: 35%;        
        margin-left: 10% !important;           
        display: inline-block;        
        /*border: 1px solid cyan;*/   
    }

    .content-right {
        width: 35%;        
        margin-left: 10% !important;        
        display:inline-block;
        /*border: 1px solid cyan;*/   
    }

}

@media only screen and (max-width: 1200px) {
  
    .brands_container {
        width: 95% !important;   
        /*border: 1px solid brown;*/           
    }

    .content-left {
        width: 33%;        
        margin-left: 10% !important;     
        display: inline-block;        
        /*border: 1px solid brown;*/           
    }

    .content-right {
        width: 33%;        
        margin-left: 10% !important;
        display:inline-block;
        /*border: 1px solid brown;*/           
    }

}

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

    .brands_container {
        width: 98% !important;      
        /*border: 1px solid lightblue;*/    
    }

    .content-left {
        width: 33%;        
        margin-left: 10% !important;     
        display: inline-block;        
        /*border: 1px solid lightblue;*/    
    }

    .content-right {
        width: 33%;        
        margin-left: 10% !important;
        display:inline-block;
        /*border: 1px solid lightblue;*/    
    }

}

/* IPAD PORTRAIT */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
     .brands_container {
        width: 80% !important;          
        margin-left: auto !important;
        margin-right: auto !important;     
        /*border: 1px solid orange;*/   
    }

   .content-left {
        width: 70%;                
        margin-left: 15% !important;
        margin-right: 15% !important;
    }

    .content-right {
        width: 70%;        
        margin-left: 15% !important;
        margin-right: 15% !important;
    }
}

/* IPAD LANDSCAPE */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
     .brands_container {
        width: 80% !important;          
        margin-left: auto !important;
        margin-right: auto !important; 
        /*border: 1px solid green;*/       
    }

   .content-left {
        width: 70%;                
        margin-left: 15% !important;
        margin-right: 15% !important;
        /*border: 1px solid green;*/       
    }

    .content-right {
        width: 70%;        
        margin-left: 15% !important;
        margin-right: 15% !important;
        /*border: 1px solid green;*/       
    }
}

/* LANDSCAPE PHONE */
@media only screen and (max-width: 767px) {

    .brands_container {
        width: 50% !important;          
        margin-left: auto !important;
        margin-right: auto !important;  
        /*border: 1px solid pink;*/      
    }

   .content-left {
        width: 60%;                
        margin-left: 20% !important;        
        margin-right: 20% !important;
        /*border: 1px solid pink;*/      
    }

    .content-right {
        width: 60%;        
        margin-left: 20% !important;
        margin-right: 20% !important;
        /*border: 1px solid pink;*/      
    }
}

/* PORTRAIT PHONE */
@media only screen and (max-width: 480px) {

    .brands_container {
        width: 95% !important;          
        margin-left: auto !important;
        margin-right: auto !important;   
        /*border: 1px solid blue;*/     
    }

    .content-left {
        width: 60%;               
        margin-left: 20% !important;
        margin-right: 10% !important;
        /*border: 1px solid blue;*/     
    }

    .content-right {
        width: 60%;                
        margin-left: 20% !important;
        margin-right: 10% !important;
        /*border: 1px solid blue;*/     
    }
  
}

@media only screen and (max-width: 320px) {
  
    .brands_container {
        width: 90% !important;          
        margin-left: auto !important;
        margin-right: auto !important;     
        /*border: 1px solid red;*/   
    }

    .content-left {
        width: 90%;                
        margin-left: 5% !important;
        margin-right: 5% !important;
        /*border: 1px solid red;*/   
    }

    .content-right {
        width: 90%;                
        margin-left: 5% !important;
        margin-right: 5% !important;
        /*border: 1px solid red;*/   
    }
}