@media screen and (max-width: 1366px) {
  
}

@media screen and (max-width: 1024px) {
    
}

@media (max-width: 991px) {
    
}
/*
@media (max-width: 812px) {
    .x-port{
        width: 100%;
    }
    .x-port.col-sm-offset-6{
        margin-left: 0;
    }
    .message_about {
        background-position: 20% 10%;
        background-size: 150%;
    }
}*/

@media (max-width: 768px){
   
}

@media screen and (max-width: 736px) {
    
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 813px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

    
}

@media screen and (max-width: 425px) {
      
}

@media screen and (max-width: 375px) {
    
}

@media screen and (max-width: 320px) {
   
}