.desk-1
{
  display: block;
}
.phone-3
{
  display: none;
}






@media only screen 
    and (min-width : 1600px)
   and (max-width : 2000px) {
        .desk-1
        {
            display: block;
        }
        .phone-3
        {
            display: none;
        }
}

@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) {

  .desk-1
  {
      display: none;
  }
  .phone-3
  {
      display: block;
  }
			
}


@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {

    .desk-1
      {
          display: none;
      }
      .phone-3
      {
          display: block;
      }
			
}

@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: landscape) {

    .desk-1
  {
      display: none;
  }
  .phone-3
  {
      display: block;
  }
			
}


	


@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

    .desk-1
      {
          display: none;
      }
      .phone-3
      {
          display: block;
      }
			
}

/* Portrait */ /* TO EDITTTTT 2 */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
      
    .desk-1
      {
          display: none;
      }
      .phone-3
      {
          display: block;
      }
			
}



@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

    .desk-1
      {
          display: none;
      }
      .phone-3
      {
          display: block;
      }
			
}





@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
 
        .desk-1
      {
          display: none;
      }
      .phone-3
      {
          display: block;
      }
			
}




@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

    .desk-1
  {
      display: none;
  }
  .phone-3
  {
      display: block;
  }
			
}



@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    
    .desk-1
      {
          display: none;
      }
      .phone-3
      {
          display: block;
      }
			
}




@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
 
     .desk-1
      {
          display: none;
      }
      .phone-3
      {
          display: block;
      }
  
}




@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
 
    .desk-1
  {
      display: none;
  }
  .phone-3
  {
      display: block;
  }
			
}




@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
 
    .desk-1
  {
      display: none;
  }
  .phone-3
  {
      display: block;
  }
  
}




@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
 
    .desk-1
  {
      display: none;
  }
  .phone-3
  {
      display: block;
  }
			
}




@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
 
    .desk-1
  {
      display: none;
  }
  .phone-3
  {
      display: block;
  }
  
}




@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  
    .desk-1
  {
      display: none;
  }
  .phone-3
  {
      display: block;
  }
			
}




@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
  
  .desk-1
  {
      display: none;
  }
  .phone-3
  {
      display: block;
  }
  
}




@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
 
    .desk-1
  {
      display: none;
  }
  .phone-3
  {
      display: block;
  }
			
}


@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  
    .desk-1
  {
      display: none;
  }
  .phone-3
  {
      display: block;
  }
  
}