.contesareabox{ margin: 0; background-color: rgba(242, 242, 242, 1); padding-top: 50px; } .albums_list{ width: 100%; max-width: 1520px; margin: 0 auto 0px auto; padding-bottom: 50px; } .footer_gridbox{ margin-top: 0; } .p_products_albums{ display: flex; flex-wrap: wrap; } .PhotoList_k1 li { font-size: 16px; transition: 0.3s ease 0s; margin-bottom: 2.5%; width: 23%; margin-left: 2.6%; background: #f6f6f6; padding: 10px; display: inline-block; vertical-align: top; box-sizing: border-box; } .PhotoList_k1 li { width: 23%; } .PhotoList_k1 li a { font-size: 0px; overflow: hidden; text-align: center; background: #f6f6f6; width: 100%; margin: 0 auto; height: 13.6vw; display: block; } .PhotoList_k1 img { display: inline-block; vertical-align: middle; transition: 0.5s linear 0s; width: auto; height: auto; max-height: 87%; max-width: 90%; margin-left: 0px; transform: scale(1); } .PhotoList_k1 li:hover img { transform: scale(1.1); } .PhotoList_k1 h4 { display: none; } .PhotoList_k1 li span { color: #666; white-space: nowrap; transition: 0.3s ease 0s; display: block; width: 100%; text-align: center; overflow: hidden; text-overflow: ellipsis; font-size: 16px; padding: 3% 10px; box-sizing: border-box; border: none; } .PhotoList_k1 li a:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px; } .lg-actions .lg-prev:after,.lg-outer .lg-toogle-thumb:after,.lg-toolbar .lg-close:after,.lg-toolbar .lg-download:after,.lg-autoplay-button:after,#lg-zoom-in:after,#lg-zoom-out:after,#lg-actual-size:after{ display: none; } .bi-arrow-left-short::before,.bi-arrow-right-short::before{ font-size: 32px; } .bi-arrow-right-short::before { content: "\f135"!important; } @media screen and (min-width: 769px){ .PhotoList_k1 li:nth-child(4n+1) { margin-left: 0px; } .PhotoList_k1 li:hover span { color: #0c64b3; background: #ffffff; } } @media screen and (max-width: 1100px){ .PhotoList_k1 li a { height: 21.2vw; } } @media screen and (max-width: 768px){ .PhotoList_k1 li { width: 48%; margin-bottom: 5%; } .PhotoList_k1 li:nth-child(2n+1) { margin-left: 0%; } .PhotoList_k1 li a { height: 31vw; padding: 0; } .lg-actions .lg-next, .lg-actions .lg-prev{ padding: 0!important; } .bi-arrow-left-short::before, .bi-arrow-right-short::before{ font-size: 38px; } .PhotoList_k1 li span { font-size: 14px; } }