33 lines
1.1 KiB
CSS
33 lines
1.1 KiB
CSS
/* -------------------------------------------*/
|
|
/* ------------- 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;}
|
|
}
|