/* -------------------------------------------*/ /* ------------- ADAPTIVE --------------------*/ /* -------------------------------------------*/ /* Target landscape smartphones, portrait tablets, narrow desktops */ @media screen and (max-width:1200px) { .pagePoinsNearCards {display: inline-block; width: 153px; height: 114px; overflow: hidden;} .pagePoinsNearCardsImg {width: 153px; height: 114px;} } @media screen and (max-width:1000px) { #pageSmoothBackground {display: none;} } @media screen and (max-width:990px) { .pagePoinsNearCards {display: inline-block; width: 116px; height: 87px; overflow: hidden;} .pagePoinsNearCardsImg {width: 116px; height: 87px;} } @media screen and (max-width:815px) { .pagePoinsNearCards {display: inline-block; width: 120px; height: 90px; overflow: hidden;} .pagePoinsNearCardsImg {width: 120px; height: 90px;} } @media screen and (max-width:640px) { div.header { position: initial; text-align: center; } .pagePoinsNearCards {display: inline-block; width: 201px; height: 150px; overflow: hidden;} .pagePoinsNearCardsImg {width: 201px; height: 150px;} }