
/* ----------- 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) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}

/* ----------- 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) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}

/* ----------- 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) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important} 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important} 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important} 

}

/* ----------- 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) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important} 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important} 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important} 

}

/* ----------- 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) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important} 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important} 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important} 

}


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

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}

/* ----------- 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) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}

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

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: landscape) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}



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

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}

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

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: landscape) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}



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

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}


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

/* Portrait and Landscape */
@media screen 
  and (device-width: 480px) 
  and (device-height: 800px) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}

/* Portrait */
@media screen 
  and (device-width: 480px) 
  and (device-height: 800px)  
  and (orientation: portrait) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}

/* Landscape */
@media screen 
  and (device-width: 480px) 
  and (device-height: 800px) 
  and (orientation: landscape) {.phonehide{display:none !important}.phonemax{width:300px !important;max-width:300px !important}.phonefull{width:100% !important;max-width:100% !important}

}

