@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;*/ } }