#gems1
    {
       display: block;
    }
    #gems2
    {
       display: none;
    }
@media only screen 
    and (min-width : 1600px)
   and (max-width : 2000px)
{
       
    #gems1
    {
       display: block;
    }
    #gems2
    {
       display: none;
    }
}

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

    #gems1
    {
       display: none;
    }
    #gems2
    {
       display: block;
    }
			
}


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

    #gems1
    {
       display: none;
    }
    #gems2
    {
       display: block;
    }
			
}

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

    #gems1
    {
       display: none;
    }
    #gems2
    {
       display: block;
    }
			
}

	


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

    #gems1
    {
       display: none;
    }
    #gems2
    {
       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)
  
  
{

    #gems1
    {
       display: none;
    }
    #gems2
    {
       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)
  
  
{

    #gems1
    {
       display: none;
    }
    #gems2
    {
       display: block;
    }
			
}




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

{

    #gems1
    {
       display: none;
    }
    #gems2
    {
       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)
  
  
{

    #gems1
    {
       display: none;
    }
    #gems2
    {
       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)
  
  
{

    #gems1
    {
       display: none;
    }
    #gems2
    {
       display: block;
    }
			
}





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

    #gems1
    {
       display: none;
    }
    #gems2
    {
       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)
  
  
{

    #gems1
    {
       display: none;
    }
    #gems2
    {
       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)
  
  
{

    #gems1
    {
       display: none;
    }
    #gems2
    {
       display: block;
    }
			
}



@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  
  
{

    #gems1
    {
       display: none;
    }
    #gems2
    {
       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)
  
  
{

    #gems1
    {
       display: none;
    }
    #gems2
    {
       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)
  
  
{

    #gems1
    {
       display: none;
    }
    #gems2
    {
       display: block;
    }
			
}





@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  
  
{

    #gems1
    {
       display: none;
    }
    #gems2
    {
       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)
  
{

    #gems1
    {
       display: none;
    }
    #gems2
    {
       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)
  
{

    #gems1
    {
       display: none;
    }
    #gems2
    {
       display: block;
    }
			
}