/***************************************   MOBILE MEDIA QUERIES ******************************************/


/*********************************************** works for portrait ********************************************************/

@media only screen and (min-width: 280px) and (max-width: 310px) {

}



@media only screen and (min-width: 320px) and (max-width: 480px) {

}


@media only screen and (device-width : 346px) and (device-height : 346px) {

  
}

@media only screen and (min-width: 480px) and (max-width: 560px) {

  
}



@media only screen and (device-width : 480px) and (device-height : 800px) {

}


@media only screen and (device-width : 800px) and (device-height : 480px) {

    
}

@media only screen and (device-width : 504px) and (device-height : 504px) {

}

@media only screen and (min-width: 568px) and (max-width: 600px) {

   
}

@media only screen and (device-width : 600px) and (device-height : 1024px) {

  
}


@media only screen and (device-width : 600px) and (device-height : 960px) {

}


@media only screen and (device-width : 960px) and (device-height : 600px) {

    
}



@media only screen and (min-width: 620px) and (max-width: 780px) {

  
}

@media only screen and (min-width: 620px) and (max-height: 375px) {

   
}

@media only screen and (device-width : 667px) {

   
}


@media only screen and (device-width : 720px) and (device-height : 1280px) {
   
}


@media only screen and (device-width : 653px) and (device-height : 280px) {

 
}
/***************************************   END MOBILE MEDIA QUERIES ******************************************/

/*****************************************************************   Tablet/ipad ****************************************/


/********   Amazon Fire ****************************/
@media only screen and (device-width : 601px) and (device-height : 770px) {
   
}

@media only screen and (device-width : 770px) and (device-height : 601px) {
    
}

@media only screen and (device-width : 1024px) and (device-height : 768px) {
 
}

@media only screen and (device-width : 768px) and (device-height : 1024px) {
    
}



/************************************   iphone X  ***********************************/
@media only screen and (min-width: 800px) and (max-width: 849px) {

  
}

/************************************  END iphone X keep this after ipad settings  ***********************************/


@media only screen and (device-width : 800px) and (device-height : 1280px) {
 
}


/************************************   iphone X  ***********************************/
@media only screen and (min-width: 850px) and (max-width: 930px) {

  
}

/************************************   iphone 14 PRo  ***********************************/
@media only screen and (device-width : 932px) and (device-height : 430px) {

  
}

/************************************   Random Dims ***********************************/
@media only screen and (min-width: 1000px) and (max-width: 1200px) {

 
}

/************************************  END random  ***********************************/


/***************************************  ipad AIR  **********************************************************************************/



@media only screen and (device-width : 820px) and (device-height : 1180px) {
  
}

/****************************************************************************************************************/


/*****************************************************************   ipad Pro ****************************************/

@media only screen and (min-device-width : 1024px) and (max-width: 1366px) and (orientation : landscape) {
 
}

@media only screen and (min-device-width : 1024px) and (max-width: 1366px) and (orientation : portrait) {
   
}


/************************************* ipad Pro    another version  *****************************************************/

@media only screen and (device-width : 834px) and (device-height : 1194px) {
  
}

@media only screen and (device-width : 1194px) and (device-height : 834px) {
 
}


/******  for iphone X */
@media only screen and (min-width : 812px) {
   
}

/* ipad pro ----------- */
@media only screen and (min-width : 1000px) {
   
}


/***************************************   END Tablets/IPADs ******************************************/