1326 lines
25 KiB
CSS
1326 lines
25 KiB
CSS
@media screen and (max-width: 950px) {
|
|
.fe-header-li-info a {
|
|
margin-left: 0.5rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1000px) {
|
|
.fe-header-li-info a {
|
|
margin-left: 0.2rem;
|
|
}
|
|
.fe-header-language a {
|
|
padding: 2px;
|
|
}
|
|
.fe-other-platforms {
|
|
display: none;
|
|
}
|
|
.fe-header-ul-info {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-evenly;
|
|
position: absolute;
|
|
width: 15rem;
|
|
height: 8rem;
|
|
right: 2.4rem;
|
|
top: 0.5rem;
|
|
z-index: 100;
|
|
border-radius: 10px;
|
|
background-color: #157DEC;
|
|
}
|
|
.fe-header-li-info a {
|
|
font-size: 1rem;
|
|
color: #fff;
|
|
}
|
|
#fe-header-ul-menu {
|
|
display: block;
|
|
}
|
|
#fe-li-info-1 {
|
|
color: #fff;
|
|
padding: 0.4rem;
|
|
background: none;
|
|
}
|
|
#fe-li-info-1:hover {
|
|
color: #000;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 325px) {
|
|
.fe-header-ul-info {
|
|
width: 12rem;
|
|
height: 8rem;
|
|
right: 0;
|
|
top: 1.8rem;
|
|
z-index: 100;
|
|
background-color: #157DEC;
|
|
}
|
|
.fe-header-li-info a {
|
|
font-size: 0.8rem;
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1190px) {
|
|
.fe-header-search-form input {
|
|
height: 2.3rem;
|
|
padding-left: 7.5rem;
|
|
}
|
|
.arrow-down {
|
|
height: 2.2rem;
|
|
}
|
|
.arrow-down p {
|
|
height: 2.2rem;
|
|
}
|
|
#search-btn {
|
|
height: 2.3rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1250px) {
|
|
header {
|
|
padding-bottom: 4rem;
|
|
}
|
|
.fe-header-ul {
|
|
position: absolute;
|
|
justify-content: space-evenly;
|
|
top: 5rem;
|
|
width: 100%;
|
|
height: 90%;
|
|
}
|
|
.fe-header-other {
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1150px) {
|
|
.fe-header-search {
|
|
width: 50%;
|
|
}
|
|
.fe-header-search-form input {
|
|
padding-left: 7rem;
|
|
}
|
|
.fe-header-logo {
|
|
width: 50%;
|
|
position: relative;
|
|
}
|
|
.fe-header-logo img {
|
|
position: absolute;
|
|
top: 0.8rem;
|
|
height: 3rem;
|
|
width: auto;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1150px) {
|
|
.fe-header-search-form input {
|
|
padding-left: 7.5rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 675px) {
|
|
.fe-log-down {
|
|
width: 10rem;
|
|
top: 3rem;
|
|
left: 0.5rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 600px) {
|
|
#search-btn {
|
|
width: 2rem;
|
|
}
|
|
#search-btn i {
|
|
font-size: 1.2rem;
|
|
}
|
|
.fe-header-logo {
|
|
width: 30%;
|
|
position: relative;
|
|
}
|
|
.fe-header-logo img {
|
|
top: 1.3rem;
|
|
height: 2rem;
|
|
}
|
|
.fe-header-search {
|
|
width: 60%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 500px) {
|
|
header {
|
|
padding-bottom: 6rem;
|
|
}
|
|
.fe-top-header-categories {
|
|
margin-top: 8.5;
|
|
}
|
|
.fe-header-other {
|
|
flex-direction: column;
|
|
}
|
|
.fe-header-search {
|
|
margin-top: 4.5rem;
|
|
width: 100%;
|
|
}
|
|
.fe-header-logo {
|
|
width: 100%;
|
|
}
|
|
.fe-header-logo img {
|
|
top: 0.8rem;
|
|
right: 0;
|
|
height: 2rem;
|
|
}
|
|
#open-side-bar {
|
|
top: 3.3rem;
|
|
left: 3rem;
|
|
font-size: 2.2rem;
|
|
z-index: 999;
|
|
}
|
|
.fe-header-ul {
|
|
justify-content: space-between;
|
|
top: 7rem;
|
|
}
|
|
.arrow-down {
|
|
height: 2.1rem;
|
|
}
|
|
.arrow-down p {
|
|
height: 2.1rem;
|
|
}
|
|
#search-btn {
|
|
height: 2.3rem;
|
|
}
|
|
#search-btn i {
|
|
font-size: 1.5rem;
|
|
}
|
|
.fe-header-li {
|
|
margin: 0 0.2rem;
|
|
}
|
|
.fe-header-li i {
|
|
font-size: 1.4rem;
|
|
margin-bottom: 0.3rem;
|
|
color: #000;
|
|
transition: all .2s ease-out;
|
|
}
|
|
.fe-header-li a {
|
|
font-size: 0.8rem;
|
|
color: #000;
|
|
transition: all .2s ease-out;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 500px) {
|
|
header {
|
|
padding-bottom: 8rem;
|
|
}
|
|
.fe-top-header-categories {
|
|
margin-top: 8.5rem;
|
|
}
|
|
.fe-header-ul {
|
|
flex-wrap: wrap;
|
|
margin-top: 1rem;
|
|
}
|
|
.fe-header-li {
|
|
width: 40%;
|
|
margin-top: 0.5rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 820px) {
|
|
.fe-popup-list {
|
|
width: 40rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 700px) {
|
|
.fe-popup-list {
|
|
width: 30rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 530px) {
|
|
.fe-popup-list {
|
|
width: 20rem;
|
|
height: 40rem;
|
|
}
|
|
.fe-popup-category-items {
|
|
flex-direction: column;
|
|
overflow-y: scroll;
|
|
}
|
|
.fe-popup-category-items::-webkit-scrollbar {
|
|
width: 0;
|
|
}
|
|
.fe-popup-cat-item {
|
|
width: 80%;
|
|
}
|
|
.fe-popup-cat-item:last-child {
|
|
margin-top: 8.5rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 360px) {
|
|
.fe-popup-list {
|
|
width: 15rem;
|
|
}
|
|
.fe-popup-list {
|
|
border-radius: 10px;
|
|
}
|
|
.fe-popup-cat-item:last-child {
|
|
margin-top: 10rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 450px) {
|
|
.fe-lore-popup {
|
|
width: 15rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 450px) {
|
|
.fe-lore-popup {
|
|
width: 15rem;
|
|
height: 15rem;
|
|
padding: 1rem;
|
|
}
|
|
.fe-lore-popup h2 {
|
|
font-size: 1rem;
|
|
}
|
|
.fe-popup-code h4,
|
|
.fe-popup-confirm h4 {
|
|
font-size: 0.8rem;
|
|
}
|
|
.fe-popup-code form p,
|
|
.fe-popup-confirm form p {
|
|
font-size: 0.8rem;
|
|
}
|
|
.fe-popup-confirm p {
|
|
font-size: 0.8rem;
|
|
}
|
|
.fe-popup-code form input,
|
|
.fe-popup-confirm form input {
|
|
width: calc(90%-0.5rem);
|
|
font-size: 0.9rem;
|
|
}
|
|
#code-send-btn {
|
|
font-size: 0.8rem;
|
|
}
|
|
#change-num-btn {
|
|
font-size: 0.8rem;
|
|
}
|
|
#resend-btn {
|
|
font-size: 0.9rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:1425px) {
|
|
#fe-catalog-add {
|
|
width: 35%;
|
|
}
|
|
#fe-catalog-add .fe-ad-blog-description h2 {
|
|
font-size: 0.7rem;
|
|
margin-left: 0.2rem;
|
|
margin-bottom: 0.2rem;
|
|
}
|
|
#fe-catalog-add .fe-ad-blog-description #fe-satyn-al {
|
|
font-size: 0.7rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1350px) {
|
|
.fe-top-header-categories {
|
|
position: fixed;
|
|
display: none;
|
|
flex-direction: column;
|
|
z-index: 150;
|
|
top: -8.5rem;
|
|
left: 0;
|
|
height: 100vh;
|
|
width: 20rem;
|
|
}
|
|
.fe-catalog-list-box {
|
|
background: none;
|
|
}
|
|
.fe-catalog {
|
|
height: 85vh;
|
|
}
|
|
.fe-catalog-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
justify-content: start;
|
|
width: 19.5rem;
|
|
height: 100%;
|
|
margin-top: 0.5rem;
|
|
background-color: #fff;
|
|
}
|
|
.fe-header-category-list {
|
|
width: 100%;
|
|
}
|
|
#open-side-bar {
|
|
display: block;
|
|
}
|
|
#close-side-bar {
|
|
display: block;
|
|
}
|
|
.fe-top-header-categories-ul {
|
|
flex-direction: column;
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
#head-cat-log {
|
|
width: 100%;
|
|
display: block;
|
|
margin: 1rem 0 1rem 1rem;
|
|
}
|
|
#head-cat-log img {
|
|
width: 50%;
|
|
}
|
|
.gray-bg {
|
|
display: block;
|
|
position: fixed;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
height: 100vh;
|
|
width: 100%;
|
|
z-index: 100;
|
|
top: 0;
|
|
left: 20rem;
|
|
}
|
|
.fe-top-header-categories-li {
|
|
width: 100%;
|
|
text-align: left;
|
|
}
|
|
.fe-top-header-categories-li p {
|
|
font-size: 1.1rem;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
.fe-catalog-add {
|
|
display: none;
|
|
}
|
|
.category-list-text {
|
|
display: none;
|
|
}
|
|
.fe-dropdown-cat {
|
|
margin-top: 2rem;
|
|
left: 0;
|
|
background-color: #fff;
|
|
}
|
|
.back-page-btn {
|
|
display: block;
|
|
}
|
|
.side-add-blog {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 80%;
|
|
margin: 0px auto;
|
|
}
|
|
.side-add-blog img {
|
|
width: 100%;
|
|
margin-top: 2rem;
|
|
}
|
|
.side-add-blog:hover .fe-ad-blog-description {
|
|
background-color: #157DEC;
|
|
}
|
|
.side-add-blog:hover #fe-satyn-al {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1350px) {
|
|
.sim-slider-element img {
|
|
height: 15.5rem;
|
|
}
|
|
.sim-slider {
|
|
height: 15.5rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1200px) {
|
|
.sim-slider-element img {
|
|
height: 13.5rem;
|
|
}
|
|
.sim-slider {
|
|
height: 13.5rem;
|
|
}
|
|
.fe-profile-edit-box {
|
|
margin-top: 2rem;
|
|
}
|
|
.fe-profile-edit-box form {
|
|
width: 80%;
|
|
}
|
|
.fe-push-main-container {
|
|
margin-top: 2rem;
|
|
width: 80%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1000px) {
|
|
.sim-slider-element img {
|
|
height: 10.5rem;
|
|
}
|
|
.sim-slider {
|
|
height: 10.5rem;
|
|
}
|
|
div.sim-slider-arrow-left,
|
|
div.sim-slider-arrow-right {
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
div.sim-slider-arrow-left {
|
|
left: 10px;
|
|
top: 45%;
|
|
background: url("../images/Corousel/chevron-left-solid-24.png") no-repeat;
|
|
}
|
|
div.sim-slider-arrow-right {
|
|
right: 10px;
|
|
top: 45%;
|
|
background: url("../images/Corousel/chevron-right-solid-24.png") no-repeat;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 750px) {
|
|
.sim-slider-element img {
|
|
height: 8.5rem;
|
|
}
|
|
.sim-slider {
|
|
height: 8.5rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 500px) {
|
|
.sim-slider-element img {
|
|
height: 5.5rem;
|
|
}
|
|
.sim-slider {
|
|
height: 5.5rem;
|
|
}
|
|
span.sim-dot {
|
|
width: 5px;
|
|
height: 5px;
|
|
}
|
|
div.sim-slider-arrow-left {
|
|
left: 10px;
|
|
top: 40%;
|
|
}
|
|
div.sim-slider-arrow-right {
|
|
right: 10px;
|
|
top: 40%;
|
|
}
|
|
.profile-label {
|
|
width: 15rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 500px) {
|
|
.sim-slider-element img {
|
|
height: 4.5rem;
|
|
}
|
|
.sim-slider {
|
|
height: 4.5rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:1450px) {
|
|
.fe-sale-item {
|
|
/*height: 25rem;*/
|
|
}
|
|
.fe-sale-item a img {
|
|
height: 10rem;
|
|
}
|
|
.colors-set {
|
|
top: 50%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 780px) {
|
|
.fe-sale-item {
|
|
/*height: 23rem;*/
|
|
}
|
|
.fe-sale-item a img {
|
|
height: 10rem;
|
|
}
|
|
.colors-set {
|
|
top: 45%;
|
|
}
|
|
.fe-sale-item-info p {
|
|
font-size: 0.8rem;
|
|
text-align: left;
|
|
}
|
|
#fe-sale-blog-text {
|
|
font-size: 1rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 500px) {
|
|
.fe-sale-item {
|
|
/*height: 21rem;*/
|
|
}
|
|
.fe-sale-item a img {
|
|
height: 11rem;
|
|
}
|
|
.colors-set {
|
|
top: 40%;
|
|
}
|
|
.fe-sale-item-info a {
|
|
font-size: 1rem;
|
|
}
|
|
#fe-product-price {
|
|
font-size: 0.8rem;
|
|
color: #157DEC;
|
|
}
|
|
#fe-product-old-price {
|
|
width: 95%;
|
|
font-size: 0.7rem;
|
|
color: #000;
|
|
}
|
|
.fe-item-rating i {
|
|
font-size: 0.8rem;
|
|
line-height: 1.5rem;
|
|
}
|
|
.fe-item-rating i:nth-child(2),
|
|
.fe-item-rating i:nth-child(3),
|
|
.fe-item-rating i:nth-child(4),
|
|
.fe-item-rating i:nth-child(5) {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1150px) {
|
|
.fe-ad-blog {
|
|
width: 30%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 900px) {
|
|
.fe-ad-blog {
|
|
width: 45%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 600px) {
|
|
.fe-ad-blog-description h2 {
|
|
font-size: 0.8rem;
|
|
}
|
|
#fe-satyn-al {
|
|
font-size: 0.8rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 500px) {
|
|
.fe-ad-blog {
|
|
width: 90%;
|
|
}
|
|
.fe-ad-blog-description h2 {
|
|
font-size: 1rem;
|
|
}
|
|
#fe-satyn-al {
|
|
font-size: 1rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1350px) {
|
|
.fe-full-ad {
|
|
height: 8rem;
|
|
margin-top: 1rem;
|
|
}
|
|
.fe-two-part-ad {
|
|
height: 8rem;
|
|
margin-top: 1rem;
|
|
}
|
|
.fe-tree-part-ad {
|
|
height: 8rem;
|
|
margin-top: 1rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1100px) {
|
|
.fe-full-ad {
|
|
height: 6rem;
|
|
margin-top: 1rem;
|
|
}
|
|
.fe-two-part-ad {
|
|
height: 6rem;
|
|
margin-top: 1rem;
|
|
}
|
|
.fe-tree-part-ad {
|
|
height: 6rem;
|
|
margin-top: 1rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 900px) {
|
|
.fe-six-part-ad {
|
|
flex-wrap: wrap;
|
|
height: 6rem;
|
|
margin-top: 1rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 750px) {
|
|
.fe-full-ad {
|
|
height: 4rem;
|
|
}
|
|
.fe-two-part-ad {
|
|
height: 4rem;
|
|
}
|
|
.fe-tree-part-ad {
|
|
height: 4rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 700px) {
|
|
.fe-six-part-ad {
|
|
flex-wrap: wrap;
|
|
height: 10rem;
|
|
padding-bottom: 15rem;
|
|
}
|
|
.fe-one-part-of-six {
|
|
width: 32%;
|
|
margin-bottom: 1rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1000px) {
|
|
.fe-full-ad {
|
|
display: none;
|
|
}
|
|
.fe-two-part-ad {
|
|
flex-direction: column;
|
|
height: 18rem;
|
|
margin-top: 1rem;
|
|
}
|
|
.fe-one-part-of-two {
|
|
width: 100%;
|
|
height: 47.5%;
|
|
}
|
|
.fe-tree-part-ad {
|
|
flex-direction: column;
|
|
height: 45rem;
|
|
margin-top: 1rem;
|
|
}
|
|
.fe-one-part-of-tree {
|
|
width: 100%;
|
|
height: 30%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 500px) {
|
|
.fe-six-part-ad {
|
|
flex-wrap: wrap;
|
|
height: 8rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 500px) {
|
|
.fe-six-part-ad {
|
|
height: 8rem;
|
|
}
|
|
.fe-one-part-of-six {
|
|
width: 47%;
|
|
margin-bottom: 1rem;
|
|
}
|
|
.fe-tree-part-ad {
|
|
flex-direction: column;
|
|
height: 25rem;
|
|
margin-top: 1rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1300px) {
|
|
.fe-one-part-of-four {
|
|
height: 30rem;
|
|
width: 24%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1000px) {
|
|
.fe-one-part-of-four {
|
|
height: 20rem;
|
|
width: 24%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 700px) {
|
|
.fe-four-part-ad {
|
|
flex-wrap: wrap;
|
|
margin-top: 1rem;
|
|
}
|
|
.fe-one-part-of-four {
|
|
height: 30rem;
|
|
width: 45%;
|
|
margin-bottom: 1rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 700px) {
|
|
.fe-one-part-of-four {
|
|
height: 20rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 375px) {
|
|
.fe-four-part-ad {
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.fe-one-part-of-four {
|
|
height: 30rem;
|
|
width: 80%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1350px) {
|
|
.fe-top-header-brands {
|
|
margin-top: 9rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1250px) {
|
|
.fe-top-header-brands {
|
|
margin-top: 13rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 500px) {
|
|
.fe-top-header-brands {
|
|
margin-top: 18rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 700px) {
|
|
.fe-brand {
|
|
width: 4rem;
|
|
height: 4rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 385px) {
|
|
.fe-brand {
|
|
margin: 0.2rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1350px) {
|
|
.fefooter-info:nth-child(2) {
|
|
display: none;
|
|
}
|
|
.fefooter-info:nth-child(1) .fe-footer-info-ul {
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.fefooter-info:nth-child(1) .fe-footer-info-ul .fe-footer-info-list {
|
|
width: 40%;
|
|
margin-bottom: 1rem;
|
|
}
|
|
.fe-footer-links {
|
|
width: 60%;
|
|
justify-content: space-evenly;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1170px) {
|
|
.fe-footer-links a {
|
|
font-size: 0.7rem;
|
|
}
|
|
.fe-footer-copyrights p {
|
|
font-size: 0.7rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 830px) {
|
|
.fe-footer-back {
|
|
flex-direction: column;
|
|
}
|
|
.fe-footer-copyrights {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.fefooter-info {
|
|
margin-bottom: 2rem;
|
|
}
|
|
.fe-footer-links {
|
|
width: 100%;
|
|
justify-content: space-evenly;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 550px) {
|
|
footer {
|
|
height: 55rem;
|
|
}
|
|
.fefooter-info:nth-child(1) .fe-footer-info-ul .fe-footer-info-list {
|
|
width: 100%;
|
|
margin-bottom: 1rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 500px) {
|
|
.fe-footer-links {
|
|
flex-direction: column;
|
|
width: 100%;
|
|
}
|
|
.fe-footer-links a {
|
|
font-size: 0.8rem;
|
|
margin-top: 0.5rem;
|
|
}
|
|
.fefooter-info {
|
|
margin-bottom: 5rem;
|
|
}
|
|
.fe-footer-copyrights p {
|
|
font-size: 0.8rem;
|
|
}
|
|
.fe-footer-copy-links {
|
|
height: 7rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 390px) {
|
|
.fe-footer-links {
|
|
flex-direction: column;
|
|
width: 100%;
|
|
}
|
|
.fe-footer-links a {
|
|
font-size: 0.8rem;
|
|
margin-top: 0.5rem;
|
|
}
|
|
.fe-footer-copyrights p {
|
|
font-size: 0.8rem;
|
|
}
|
|
.fe-footer-copy-links {
|
|
height: 7rem;
|
|
bottom: -5rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1350px) {
|
|
.fe-content-container {
|
|
margin-top: 10rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1250px) {
|
|
.fe-content-container {
|
|
margin-top: 15rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 850px) {
|
|
.book-order {
|
|
width: 20rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 650px) {
|
|
.book-order {
|
|
width: 15rem;
|
|
}
|
|
.fe-book-box {
|
|
align-items: flex-end;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 500px) {
|
|
.fe-content-container {
|
|
flex-direction: column;
|
|
}
|
|
.fe-left-container {
|
|
width: 100%;
|
|
margin-bottom: 2rem;
|
|
}
|
|
.fe-book-box {
|
|
align-items: center;
|
|
}
|
|
.fe-fav-main-container {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:1450px) {
|
|
.fe-top-category-container>.fe-sale-items>.fe-sale-item {
|
|
position: relative;
|
|
width: 15rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:1200px) {
|
|
.fe-top-category-container>.fe-sale-items {
|
|
align-items: flex-start;
|
|
justify-content: start;
|
|
}
|
|
.fe-left-container {
|
|
width: 30%;
|
|
}
|
|
.fe-top-category-container {
|
|
width: 100%;
|
|
margin-top: 2rem;
|
|
}
|
|
.fe-top-category-container>.fe-sale-items>.fe-sale-item {
|
|
position: relative;
|
|
width: 13rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:500px) {
|
|
.fe-top-category-container>.fe-sale-items>.fe-sale-item {
|
|
position: relative;
|
|
width: 10rem;
|
|
}
|
|
.fe-left-container {
|
|
margin-top: 3rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:1400px) {
|
|
.cart-item {
|
|
width: 100%;
|
|
}
|
|
.cart-check {
|
|
width: 100%;
|
|
margin-bottom: 3rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:1200px) {
|
|
.fe-left-container {
|
|
width: 100%
|
|
}
|
|
.fe-content-container {
|
|
flex-direction: column;
|
|
}
|
|
.fe-fav-main-container {
|
|
width: 100%;
|
|
}
|
|
.cart-item {
|
|
width: 100%;
|
|
margin-top: 3rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:700px) {
|
|
.cart-item-box {
|
|
flex-wrap: wrap;
|
|
}
|
|
.cart-item-box img {
|
|
width: 10%;
|
|
margin: 1rem 0;
|
|
}
|
|
.cart-item-info {
|
|
width: 80%;
|
|
margin: 1rem 0;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:600px) {
|
|
.cart-item-box img {
|
|
width: 15%;
|
|
}
|
|
.cart-item-info {
|
|
width: 75%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:500px) {
|
|
.fe-fav-main-container {
|
|
margin-top: -3rem;
|
|
}
|
|
.fe-book-box {
|
|
margin-top: 3rem;
|
|
}
|
|
.payment-order {
|
|
width: 15rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:450px) {
|
|
.cart-item-box img {
|
|
width: 18%;
|
|
margin: 0 0.3rem;
|
|
}
|
|
.cart-item-info {
|
|
width: 70%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:350px) {
|
|
.cart-item-box img {
|
|
width: 25%;
|
|
margin: 0 0.3rem;
|
|
}
|
|
.cart-item-info {
|
|
width: 70%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:1450px) {
|
|
.fe-fav-main-container>.fe-favourite-items>.fe-sale-item {
|
|
width: 15rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:780px) {
|
|
.fe-fav-main-container>.fe-favourite-items>.fe-sale-item {
|
|
width: 13rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:510px) {
|
|
.fe-fav-main-container>.fe-favourite-items>.fe-sale-item {
|
|
width: 11rem;
|
|
margin-top: 2rem;
|
|
}
|
|
.fe-fav-main-container {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:440px) {
|
|
.fe-fav-main-container>.fe-favourite-items {
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1650px) {
|
|
.fe-product-type {
|
|
width: 40%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1650px) {
|
|
.fe-favor-cast #open-login,
|
|
#book-product {
|
|
font-size: 0.9rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1400px) {
|
|
.fe-favor-cast {
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: start;
|
|
}
|
|
.fe-favor-cast #open-login,
|
|
#book-product {
|
|
width: 7rem;
|
|
height: 3rem;
|
|
margin: 0 0.25rem 0.25rem 0;
|
|
border-radius: 5px;
|
|
transition: all .2s ease-in-out;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1350px) {
|
|
.fe-product-container {
|
|
margin-top: 13rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1250px) {
|
|
.fe-product-container {
|
|
margin-top: 15rem;
|
|
}
|
|
.fe-product-type {
|
|
width: 100%;
|
|
}
|
|
.fe-product-box {
|
|
width: 100%;
|
|
}
|
|
.fe-anthracite-img {
|
|
width: 100%;
|
|
}
|
|
.fe-product-sizes {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1000px) {
|
|
.fe-product-box {
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
justify-content: start;
|
|
}
|
|
.fe-product-type {
|
|
margin-left: 0;
|
|
margin-top: 2rem;
|
|
}
|
|
.fe-product-type h3 {
|
|
width: 100%;
|
|
}
|
|
.fe-product-img {
|
|
width: 100%;
|
|
height: 35rem;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.slide-slow-prod {
|
|
width: 35rem;
|
|
height: 35rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
.slide-slow-prod img {
|
|
object-fit: cover;
|
|
width: 35rem !important;
|
|
height: 35rem;
|
|
border-radius: 5px;
|
|
}
|
|
.fe-product-type .fe-item-rating {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 650px) {
|
|
.fe-product-img {
|
|
height: 25rem;
|
|
}
|
|
.slide-slow-prod {
|
|
width: 25rem;
|
|
height: 25rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
.slide-slow-prod img {
|
|
object-fit: cover;
|
|
width: 25rem !important;
|
|
height: 25rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 500px) {
|
|
.fe-product-box {
|
|
margin-top: 5rem;
|
|
}
|
|
.fe-product-container {
|
|
width: 95%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1600px) {
|
|
.slide-prod1 .fe-sale-item a {
|
|
height: 15rem;
|
|
}
|
|
.slide-prod1 .fe-sale-item a img {
|
|
height: 10rem;
|
|
}
|
|
.slide-prod1 .fe-sale-item .colors-set {
|
|
top: 50%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1400px) {
|
|
.slide-prod1 .fe-sale-item a {
|
|
height: 13rem;
|
|
}
|
|
.slide-prod1 .fe-sale-item a img {
|
|
height: 13rem;
|
|
}
|
|
.slide-prod1 .fe-sale-item .colors-set {
|
|
top: 43%;
|
|
}
|
|
.slide-prod1 .fe-sale-item {
|
|
/*height: 23rem;*/
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1250px) {
|
|
.slide-prod1 .fe-sale-item .fe-sale-item-info a {
|
|
font-size: 1rem;
|
|
}
|
|
.slide-prod1 .fe-sale-item .fe-sale-item-info p {
|
|
font-size: 0.9rem;
|
|
}
|
|
.slide-prod1 .fe-sale-item a {
|
|
height: 11rem;
|
|
}
|
|
.slide-prod1 .fe-sale-item a img {
|
|
height: 11rem;
|
|
}
|
|
.slide-prod1 .fe-sale-item .colors-set {
|
|
top: 40%;
|
|
}
|
|
.slide-prod1 .fe-sale-item {
|
|
/*height: 21rem;*/
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1050px) {
|
|
.slide-prod1 .fe-sale-item a {
|
|
height: 13rem;
|
|
}
|
|
.slide-prod1 .fe-sale-item a img {
|
|
height: 13rem;
|
|
}
|
|
.slide-prod1 .fe-sale-item .colors-set {
|
|
top: 43%;
|
|
}
|
|
.slide-prod1 .fe-sale-item {
|
|
/*height: 24rem;*/
|
|
}
|
|
.slide-prod1 .fe-sale-item .fe-sale-item-info a {
|
|
font-size: 1.1rem;
|
|
}
|
|
.slide-prod1 .fe-sale-item .fe-sale-item-info p {
|
|
font-size: 1rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 900px) {
|
|
.slide-prod1 .fe-sale-item .fe-sale-item-info a {
|
|
font-size: 1rem;
|
|
}
|
|
.slide-prod1 .fe-sale-item .fe-sale-item-info p {
|
|
font-size: 0.9rem;
|
|
}
|
|
.slide-prod1 .fe-sale-item a {
|
|
height: 11rem;
|
|
}
|
|
.slide-prod1 .fe-sale-item a img {
|
|
height: 11rem;
|
|
}
|
|
.slide-prod1 .fe-sale-item .colors-set {
|
|
top: 40%;
|
|
}
|
|
.slide-prod1 .fe-sale-item {
|
|
/*height: 21rem;*/
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 800px) {
|
|
.slide-prod1 .fe-sale-item a {
|
|
height: 13rem;
|
|
}
|
|
.slide-prod1 .fe-sale-item a img {
|
|
height: 13rem;
|
|
}
|
|
.slide-prod1 .fe-sale-item .colors-set {
|
|
top: 43%;
|
|
}
|
|
.slide-prod1 .fe-sale-item {
|
|
/*height: 24rem;*/
|
|
}
|
|
.slide-prod1 .fe-sale-item .fe-sale-item-info a {
|
|
font-size: 1.1rem;
|
|
}
|
|
.slide-prod1 .fe-sale-item .fe-sale-item-info p {
|
|
font-size: 1rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 600px) {
|
|
.slide-prod1 .fe-sale-item .fe-sale-item-info a {
|
|
font-size: 1rem;
|
|
}
|
|
.slide-prod1 .fe-sale-item .fe-sale-item-info p {
|
|
font-size: 0.9rem;
|
|
}
|
|
.slide-prod1 .fe-sale-item a {
|
|
height: 11rem;
|
|
}
|
|
.slide-prod1 .fe-sale-item a img {
|
|
height: 11rem;
|
|
}
|
|
.slide-prod1 .fe-sale-item .colors-set {
|
|
top: 40%;
|
|
}
|
|
.slide-prod1 .fe-sale-item {
|
|
/*height: 21rem;*/
|
|
}
|
|
}
|