/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
    html {
        font-size: 9px;
    }
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
  /* some CSS here */
    html {
        font-size: 8px;
    }
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
  /* some CSS here */
}

/* #### iPhone 5 Portrait #### */
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){
    html {
        font-size: 8.5px;
    }
}

/* #### iPhone 5 Landscape #### */
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
    html {
        font-size: 8px;
    }
}

/* iPhone 6 Portrait */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 
   html {
        font-size: 11.2px;
    }
}

/* iPhone 6 Landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 
	html {
        font-size: 9px;
    }
}

/* iPhone 13 mini, iPhone 12 mini, iPhone 11 Pro, iPhone Xs, and iPhone X Portrait */
@media only screen 
    and (device-width: 375px) 
    and (device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3)
	and (orientation : portrait) { 
	html {
        font-size: 12px;
    }
}

/* iPhone 13 Pro Max and iPhone 12 Pro Max  Portrait*/
@media only screen 
    and (device-width: 428px) 
    and (device-height: 926px) 
    and (-webkit-device-pixel-ratio: 3) 
	and (orientation : portrait) { 
	html {
        font-size: 12px;
    }
}

/* iPhone 11 and iPhone XR Portrait */
@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2)
	and (orientation : portrait) { 
	html {
        font-size: 12px;
    }
}

/* iPhone 11 Pro Max and iPhone Xs Max Portrait */
@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 3)
	and (orientation : portrait) {
	html {
        font-size: 12px;
    }
}

/* #### Large phones Landscape #### */
@media screen 
and (min-device-width: 668px)
and (max-device-width: 767px)
and (orientation : landscape) {
    html {
        font-size: 12px;
    }
}

/* #### Tablets Portrait #### */
@media screen 
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation : portrait) {
    html {
        font-size: 22px;
    }
}

/* #### Tablets Landscape #### */
@media screen 
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation : landscape) {
    html {
        font-size: 12px;
    }
}

/* #### Desktop/Large tablets Landscape #### */
@media screen 
and (min-device-height: 1080px)
and (orientation : landscape) {
    html {
        font-size: 16px;
    }
}

/* #### Desktop/Large tablets Portrait #### */
@media screen 
and (min-device-height: 1080px)
and (orientation : portrait) {
    html {
        font-size: 18px;
    }
}