/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .hide-mobile{
      display: none;
    }

    .show-mobile{
      display: block!important;
    }

    #client-call{
      display: block!important;
    }

    #client-email{
      display: block!important;
    }

    .mobile-top{
      position: relative;bottom: 30px;
    }

    .oval{
      width:200%!important;
    }

    .thumbnail-logo {
      width: 100px;
      height: 100px;
    }
} 



/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .hide-mobile{
      display: none;
    }

    .show-mobile{
      display: block!important;
    }

    #client-call{
      display: block!important;
    }

    #client-email{
      display: block!important;
    }

    .mobile-top{
      position: relative;bottom: 30px;
    }

    .oval{
      width:200%!important;
    }

    .thumbnail-logo {
      width: 100px;
      height: 100px;
    }
}


/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) {
  .hide-mobile{
      display: none;
    } 

  .show-mobile{
      display: block!important;
    }

  #client-call{
      display: block!important;
    }

    #client-email{
      display: block!important;
    }

    .mobile-top{
      position: relative;bottom: 30px;
    }

    .oval{
      width:200%!important;
    }

    .thumbnail-logo {
      width: 100px;
      height: 100px;
    }
}


/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    .hide-mobile{
      display: none;
    }

    .show-mobile{
      display: block!important;
    }

    #client-call{
      display: block!important;
    }

    #client-email{
      display: block!important;
    }

    .mobile-top{
      position: relative;bottom: 30px;
    }

    .oval{
      width:200%!important;
    }

    .thumbnail-logo {
      width: 100px;
      height: 100px;
    }
}


/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    .hide-mobile{
      display: none;
    }

    .show-mobile{
      display: block;
    }

    #client-call{
      display: block!important;
    }

    #client-email{
      display: block!important;
    }

    .mobile-top{
      position: relative;bottom: 30px;
    }

    .oval{
      width:200%!important;
    }

    .thumbnail-logo {
      width: 100px;
      height: 100px;
    }
}





/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {
    .hide-mobile{
      display: none;
    }

    .show-mobile{
      display: block;
    }

    #client-call{
      display: block!important;
    }

    #client-email{
      display: block!important;
    }

    .mobile-top{
      position: relative;bottom: 30px;
    }

    .oval{
      width:200%!important;
    }

    .thumbnail-logo {
      width: 100px;
      height: 100px;
    }
}



/* ----------- Galaxy S4, S5 and Note 3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
    .hide-mobile{
      display: none;
    }

    .show-mobile{
      display: block;
    }

    #client-call{
      display: block!important;
    }

    #client-email{
      display: block!important;
    }

    .mobile-top{
      position: relative;bottom: 30px;
    }

    .oval{
      width:200%!important;
    }

    .thumbnail-logo {
      width: 100px;
      height: 100px;
    }
}



/* ----------- Galaxy S6 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) {
    .hide-mobile{
      display: none;
    }

    .show-mobile{
      display: block;
    }

    #client-call{
      display: block!important;
    }

    #client-email{
      display: block!important;
    }

    .mobile-top{
      position: relative;bottom: 30px;
    }

    .oval{
      width:200%!important;
    }

    .thumbnail-logo {
      width: 100px;
      height: 100px;
    }

}






/* ----------- Google Pixel ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
    .hide-mobile{
      display: none;
    }

    .show-mobile{
      display: block!important;
    }

    #client-call{
      display: block!important;
    }

    #client-email{
      display: block!important;
    }

    .mobile-top{
      position: relative;bottom: 30px;
    }

    .oval{
      width:200%!important;
    }

    .thumbnail-logo {
      width: 100px;
      height: 100px;
    }

}


/* ----------- Google Pixel XL ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) {
    .hide-mobile{
      display: none;
    }

    .show-mobile{
      display: block!important;
    }

    #client-call{
      display: block!important;
    }

    #client-email{
      display: block!important;
    }

    .mobile-top{
      position: relative;bottom: 30px;
    }

    .oval{
      width:200%!important;
    }

    .thumbnail-logo {
      width: 100px;
      height: 100px;
    }
}



/* ----------- HTC One ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
    .hide-mobile{
      display: none;
    }

    .show-mobile{
      display: block!important;
    }

    #client-call{
      display: block!important;
    }

    #client-email{
      display: block!important;
    }

    .mobile-top{
      position: relative;bottom: 30px;
    }

    .oval{
      width:200%!important;
    }

    .thumbnail-logo {
      width: 100px;
      height: 100px;
    }
} 



/* ----------- Windows Phone ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 480px) 
  and (device-height: 800px) {
    .hide-mobile{
      display: none;
    }

    #client-call{
      display: block!important;
    }

    #client-email{
      display: block!important;
    }

    .show-mobile{
      display: block!important;
    }

    .mobile-top{
      position: relative;bottom: 30px;
    }

    .oval{
      width:200%!important;
    }

    .thumbnail-logo {
      width: 100px;
      height: 100px;
    }

}