Project link:
The media queries provided cannot be altered and must remain as they are. However, an issue has arisen where devices are selecting the styles from smaller resolutions than intended. For example, instead of picking styles from (min-width: 992px) to (max-width: 1200px), devices are choosing styles from (min-width: 768px) to (max-width: 991px). This discrepancy is puzzling and I am unable to pinpoint the cause.
/*iPhone*/
@media screen and (max-width: 399px) {}
/*Big Phones Portrait and iPhone Portrait*/
@media (min-width: 400px) and (max-width: 639px) {}
/*Big Phones Landscape*/
@media (min-width: 640px) and (max-width: 767px) {}
/*Tablet Portrait*/
@media (min-width: 768px) and (max-width: 991px) {}
/*Tablet Landscape*/
@media (min-width: 992px) and (max-width: 1199px) {}
/*Medium Pcs*/
@media (min-width: 1200px) and (max-width: 1279px) {}
/*Less than equal to 1360*/
@media (min-width: 1280px) and (max-width: 1299px) {}
/*Full width pc*/
@media (min-width: 1300px) and (max-width: 1301px) {}
@media (min-width: 1302px) and (max-width: 1599px) {}
@media (min-width: 1600px) and (max-width: 1601px) {}
@media (min-width: 1602px) {}