/*  NOTEBOOK  */
@media screen and (max-width: 1700px){

html, body {width: 100vw; overflow-x: hidden;}




.next-prev {z-index: 9;}

.this-next .next-prev-form {right: 0px; left: auto; border-right: none; border-left: 2px solid rgb(251, 221, 72); transform-origin: right center;}
.this-next .next-prev-form-img {right: 0px; left: auto;}
.this-next .next-prev-form-text {left: 0px;}

.this-prev .next-prev-form {left: 0px; right: auto; border-left: none; border-right: 2px solid rgb(251, 221, 72); transform-origin: left center;}
.this-prev .next-prev-form-img {left: 0px; right: auto;}
.this-prev .next-prev-form-text {right: 0px;}



.is-side-menu .web-content {width: auto; max-width: 100%; margin: auto; margin-left: 235px;}
.is-side-menu .web-down-logos {width: auto; margin-left: 235px; margin-right: 1%;}
.is-side-menu .web-down-grow {width: auto; margin-left: 235px; margin-right: 1%;}



.side-menu {left: 5px; right: auto; }

.web-content-products-item-img {height: 18vw;}



.is-side-menu .web-content-pros {width: auto; max-width: 100%; margin: auto; margin-left: 240px; margin-right: 1%;}

.side-menu {left: 0px; right: auto; }

.web-content-products-item-img {height: 17vw;}

}











/*  MOBIL  */
@media screen and (max-width: 900px){

/* HEADER */
.web-header-ghost, .web-header {height: 55px;}
.web-header-ghost {box-shadow: none;}
.web-header {box-shadow: 0px 0px 20px -10px rgb(0, 0, 0);}
.web-logo {width: 150px; left: 0px; top: 0px; bottom: 0px;  border-right: none;}


.web-main-menu, .web-menu-shop-menu-title, .web-menu-shop-menu-btn {display: none; visibility: hidden;}

#menu-btn {position: absolute; width: 48px; height: 55px; right: 70px; top: 0px; display: block; visibility: visible;}
#menu-btn span {font-size: 32px;height: 32px;width: 32px;display: block;line-height: 32px;color: white;padding: 11.5px 8px;}
.mobil-menu {left:0px; right: 0px; top: 55px; bottom: 0px; background: rgba(3, 48, 24, 0.95); display: block; visibility: visible; position: fixed; overflow-y: scroll;}
.mobil-menu {opacity: 0; transform: scale(1,0); transform-origin: center top;}
.mobil-menu-in {width: 300px; margin: 5% auto 15%; text-align: left; color: white;}
.mobil-menu-in a {color: white;}
.mobil-menu-in-item {font-size: 20px; margin-top: 18px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600;}
.mobil-menu-in-item-sub {font-size: 16px; padding-left: 6%; padding-top: 4px; letter-spacing: 0.5px; opacity: 0.8;}
.mobil-menu-in-item-sub i {padding-right: 15px;width: 16px;text-align: center;}
.menu-go {opacity: 1; transform: scale(1);}


.web-menu-cart-bg {width: 70px;}
.web-menu-cart {height: 55px; width: 70px; right: 0px; top: 0px;}
.web-menu-cart i {float: none;}
.web-menu-cart-status {width: 100%; font-size: 8px; padding: 0px 0px 0px 0px; float: none; text-align: center;}
.new-header-search {right: 150px;top: 4px;}
.new-header-search span {font-size: 26px; padding: 11px 10px;}
.new-header-search-form {top: 55px;}
#head-search-form-input {font-size: 20px; padding: 10px 2%; width: 96%;}
.new-header-search-form-output div {font-size: 13px; padding: 8px 2% 8px 14%; width: 84%;}
.new-header-search-form-output div img {top: 9px; width: 10%;}
.new-header-search-form-output div b {padding-left: 2px; color: rgb(237, 237, 237);}

.new-header-info {right: 118px;top: 8px;}
.web-main-menu-login-head-icon {width: 24px;height: 24px; margin: 3px;}
.web-main-menu-login-head-icon i {font-size: 20px;}







/* HOME */
#home-slider, #home-slider .web-slider-inner, #home-slider .swiper-container {width: 100%; height: 80vw;}
#home-slider .swiper-slide-info {font-size: 5vw; margin-bottom: 0px; position: absolute; bottom: 10vw;}
#home-slider {height: auto; margin-top: 55px;}
.swiper-container-horizontal > .swiper-pagination-bullets {width: 100%;}


.home-0 {width: 100%; height: auto; position: relative; margin-top: 5vw; left: auto; right: auto; bottom: auto;}
.home-0-item {width: 100%;float: none;}
.home-0-item-title {height: 70px;}
.home-0-item-image {height: 55vw; width: 100%; position: relative; right: auto;}
.h-0-hide {display: none;}
.h-0-i-t-falf-2 {font-size: 11px;}


.home-1-item {width: 50%;}
.home-1-item-image {height: 70vw;}

.h-1-1 {width: 100%; height: 55vw; margin-bottom: 5vw; float: none; overflow: hidden;}
.h-1-1 .home-1-item-image {height: 55vw;}
.h-1-2, .h-1-3 {height: 70vw;}
.h-1-2-title {font-size: 5.5vw; line-height: 6vw; top: 15%;}
.h-1-2-text {font-size: 12px; line-height: 13px; top: 25%;}


.home-2-1, .home-2-2 {float: none; width: 100%;}
.home-2-1-item-title {height: 15vw;}
.home-2-1-item-image {height: 45vw;}
.h-2-1-i-t-falf-1, .h-2-1-i-t-full {font-size: 3.5vw; line-height: 3.9vw;}
.h-2-1-i-t-falf-2 {display: none !important;}
.home-2-2-title {font-size: 5vw;height: 14vw;}



/* CONTENT */
.web-content {width: 96%; padding: 20px 0px;}
.web-container {width: 100%; overflow-x: hidden;}
.web-content h2 {font-size: 22px; margin: 0px 0px 15px;}



.web-content-products-item {width: 49.33%;}
.web-content-products-item:nth-child(4n+1) {margin-left: 0px;}
.web-content-products-item:nth-child(2n+1) {margin-left: 0px;}
.web-content-products-item-img {height: 61vw;}
.web-content-products-item-title a {line-height: 14px; font-size: 13px;}
.web-content-products-item-cart {height: 36px;}
.web-content-products-item-cart-in {width: 48%; height: 36px;}
.i-c-1 {font-size: 12px;}
.i-c-2 {width: 52%;}
.i-c-2 span {font-size: 8px; padding-left: 4px;}
.i-c-2 i {font-size: 13px; padding-left: 3px; margin-left: 3px;}
.ui-spinner {width: 40px !important;}
.ui-spinner-button {width: 12px;}



.page-contact-text {width: 100%; float: none;}
.page-contact-text iframe {width: 100%; height: 80vw;}
.page-contact-text table {}
.page-contact-text table td {display: block; width: 100% !important;}
.page-contact-imgs {width: 100%; float: none;}
.page-contact-imgs img {margin-top: 4%;}





/* PROS FILTERR & MENU */
.web-content-products-head {height: auto; margin-bottom: 25px;}
.web-content-products-head-items {height: auto;}
.f-item {margin: auto 1%; width: 48%;}
.f-price-range {width: 98%; margin-top: 25px;}
.f-price-range-title, .f-price-range-info {top: -17px;}
.f-price-range-title {font-size: 9px;}
.f-price-range-info {font-size: 10px;}
.f-item select {font-size: 10px; height: 40px; padding: 0px 4%;}
.f-item .chosen-container {font-size: 13px;}


.web-content-products {margin-top: 20px;}


.side-menu-btn {display: block; visibility: visible; transition: all 0.2s;}
.side-menu-btn {color: white; text-transform: uppercase; font-size: 13px; padding: 2px 15px; background: rgb(8, 77, 40); top: 55px; left: 0px; position: fixed;}
.side-menu-btn .side-menu-btn-on {display: block; height: 25px; font-size: 13px; line-height: 25px;}
.side-menu-btn .side-menu-btn-off {display: none; height: 25px; font-size: 25px; text-align: center;}

.is-side-menu .web-content {max-width: 96%; margin: auto;}
.is-side-menu .web-down-grow {width: auto;margin-left: auto;}
.web-content-pros {width: 98vw; margin-left: 1%; margin-right: 1%;}

.side-menu {left: -228px; top: 55px; bottom: 0px;  transition: all 0.2s; background: rgb(8, 77, 40);}
.side-go-space {margin-left: 245px;}
.side-go {left: 0px;}
.side-btn-go {left: 228px;}
.side-btn-go .side-menu-btn-on {display: none;}
.side-btn-go .side-menu-btn-off {display: block;}


.side-menu-item-title a {color: rgb(255, 255, 255);}
.side-menu-item-title i {color: rgb(144, 167, 154); font-size: 16px;}
.side-menu-item-expand {color: white;}
.ssexpand > .side-menu-item-title {background: rgba(0, 0, 0, 0.3);}
.ssactive a {color: rgb(255, 255, 255) !important;}



/* PRODUCT */
.product-title h2 {font-size: 23px; line-height: 26px;}
.product-form-top {float: none; display: inline-block;}
.product-form-top ul li {font-size: 12px;}
.product-form-top ul li:before {padding: 0px 4px;}
.product-form-left {float: none; width: 100%; height: auto; min-height: auto; margin-bottom: 2%;}
.product-form-left-box {width: 100%;}
.product-slider-tags div {font-size: 10px;}
.product-slider {width: 100%;height: auto; min-height: auto;}
.gallery-top {height: 60vw;}
.gallery-thumbs {height: 18vw !important;}
.gallery-thumbs .swiper-slide {width: 15%;}

.product-form-right {width: 98%; float: none; padding-left: 0px; border-left: none; margin: auto;}

.product-code {font-size: 12px;}
.product-info {margin-top: 8px; font-size: 12px;}

.product-price {margin: 15px auto 10px;}
.product-price-info {font-size: 14px;}
.product-price-info-1 {height: auto;}
.product-price-info-3 {margin-top: 0px;}
.product-price-price {font-size: 24px;line-height: 40px;}

.product-variants {margin: 0px auto 10px;}
.product-variants-title {font-size: 13px;}
.product-variants table thead {font-size: 9px;}
.product-variants table tbody {font-size: 12px;}
.product-variants table tbody td {padding: 4px 0px 4px 3px;}
.product-add-button button {font-size: 16px;line-height: 22px;}
.product-add-button-i {font-size: 13px;}

#new-basket-price {font-size: 3vw;}

.product-related {height: auto;float: none; margin-bottom: 8%;}
.product-related .web-content-products-item {width: 100%;}



.product-ratings-form-post-add {margin: 30px auto 30px;}
.product-ratings-form-empty {font-size: 16px;}
.product-ratings-form-post-top {width: 50%; margin-bottom: 1.5%;}
.product-ratings-form-post-top:nth-child(5) {width: 100%;}
.product-ratings-form-post-top input {font-size: 12px; height: 15px;}
.product-ratings-form-post-top img {height: 38px;}
.product-ratings-form-post-text {margin-top: 2px;}
.product-ratings-form-post-text textarea {font-family: 'Titillium Web', sans-serif; font-size: 14px;}
.product-ratings-form-post-send button {margin: 2% 0px 2%;padding: 1.5% 8%;}

.search-form-input {width: 63.5%; padding: 6px 2%; font-size: 14px;}
.search-form-btn {width: 30%;padding: 8px 0px; font-size: 14px;}
.search-form-export, .search-form-export strong {font-size: 14px;}
.search-products .web-content-products-item {width: 49%;}
.switch label {font-size: 13px;}


.products-go-to {width: 98%;}
.products-go-to-icon-down {right: 5px;}
.products-go-to-title {font-size: 4vw; padding-left: 5%;}
.products-go-to-menu-1 {font-size: 5vw;}
.products-go-to-menu-2 {width: 48%; padding: 3.2% 0px 1.2% 2%;}


.product-vernost-icon {font-size: 6vw;}
.product-vernost-hint {font-size: 2vw;}
.product-vernost-points div {font-size: 2.5vw; line-height: 15px;}
.product-vernost-points div b {font-size: 7vw;}
.cart-vernost {font-size: 11px; line-height: 14px;}
.cart-vernost i {font-size: 30px; margin: 0px 5px 30px 10px;}
.cart-vernost span {font-size: 13px;}




/* FOOTER */
.web-down {box-shadow: none;}
.web-down-grow {padding: 30px 2%; width: 96%;}
.web-down-grow-img {float: none;width: 250px;margin: auto;}
.web-down-grow-text {float: none;width: 98%;margin: auto;}
.web-down-logos {display: none; visibility: hidden;}
.web-down-menu {padding: 15px 0px;width: 100%;}
.web-down-pro {padding: 2% 2% 5%; width: 96%;}
.web-down-pro div {width: 47%;}
.web-down-pro div a {font-size: 14px;}
.web-down-pro div a i {width: 40px;}
.web-footer-map {height: 60vw; width: 100vw; position: relative;}
.web-footer-foto {width: 100%;height: 50vw;}
.web-footer-foto-in {width: 100%; height: 50vw;}
.web-footer-inner { width: 100%; padding: 0px;}
.web-footer-info {width: 330px; margin: auto; float: none;}
.web-footer-info div {width: 100%; font-size: 15px; margin: 5% auto 15%; float: none;}
.web-footer-info div h4 {width: 90%; font-size: 5vw; margin: 0px 0px 15px;}
.web-footer-in-fb {width: 340px; margin: auto; float: none;}
.web-footer-in {font-size: 13px; line-height: 15px; width: 96%; padding-top: 1%; margin: 10% auto; float: none;}
.web-footer-link {font-size: 11px; padding: 0px 2% 40px; width: 96%;}
#to-top {right: 10px; bottom: 10px; font-size: 22px;}



/* SHOP / CART / ORDER */
.shop-menu-item {font-size: 8.5px; line-height: 11px; text-align: center; letter-spacing: -0.3px;}
.cart-table thead th {font-size: 8px;letter-spacing: -0.3px;}
.c-t-1 {width: 60%; font-size: 13px; line-height: 13px; padding-left: 1%;}
.c-t-1 strong {font-size: 14px;}
.c-t-b-1 img {width: 28px;height: 28px;margin-right: 4px;margin-top: -2px;margin-bottom: -4px;}
.c-t-b-2 {font-size: 11px;}
.c-t-b-2 input {font-size: 11px; width: 22px; letter-spacing: 0px;}
.c-t-b-3 {font-size: 13px;}
.c-t-b-4 {font-size: 12px;line-height: 14px;}
.c-t-f-1 {font-size: 11px;}
.c-t-f-4 {font-size: 13px;line-height: 16px;}
.cart-form-voucher-btn {font-size: 11px;padding: 8px 15px;}
.cart-form-btns button {font-size: 10px;}
.cart-form-btns button i {padding: 0px 2px 0px 0px;}
.cart-form-btns .del {width: 24%; margin-right: 1%;}
.cart-form-empty {padding: 20% 0%;}
.cart-form-empty i {font-size: 70px;margin: 20px;}
.cart-form-empty div {font-size: 17px;}


.order-2-form-head-item {font-size: 10px; line-height: 12px; padding: 7px 0px; height: 28px; margin-left: 2%; width: 32%;}
.order-2-form-head-item i {font-size: 14px; margin-right: 2px; margin-left: 10px;}
.order-2-form-box-inputs {width: 90%; float: none;}
.order-2-form-box-inputs-title {font-size: 14px;}
.order-2-form-box-inputs-other {font-size: 14px;}
.order-2-form-box-inputs-other strong {font-size: 14px;}
.order-2-input {margin-bottom: 8px;}
.order-2-input input {font-size: 13px; height: 28px;}
.order-2-input div {width: 33%;font-size: 12px;line-height: 34px;}
.old-user-text {font-size: 15px; padding: 10%; line-height: 20px; text-align: justify;}
.old-user-text ul {text-align: left;}

.order-1-form-item-head {font-size: 14px; line-height: 17px; padding: 3% 5%;}
.order-1-form-item {width: 100%; float: none; margin-bottom: 10px;}
.order-1-form-item-in {padding: 3% 3%;}
.order-1-form-item-in-item {padding: 10px 0px;font-size: 13px;line-height: 15px;}
.order-1-form-item-in-item strong {font-size: 13px;}
.order-1-form-item-in-item input {margin-bottom: 10px; margin-top: 1px; float: left;}
.order-1-form-item-in-weight {font-size: 10px;letter-spacing: -0.2px;}

.order-cart-sumary-form-item {width: 96%; font-size: 13px; margin-bottom: 10px;}
.order-cart-sumary-form-item-title {margin-bottom: 10px;font-size: 15px;}
.order-cart-sumary-form-item div {line-height: 17px;}
.order-cart-sumary-form-item textarea {height: 60px; font-size: 13px; font-family: 'Titillium Web', sans-serif;}
.cart-checkboxes {margin: 2% 1% 0px;font-size: 13px;}

.order-send-info {margin: 2%;font-size: 14px;}


.product-add-box, .cart-form-voucher-form {left: -500px; right: -500px; width: 122%; top: 15vh; transform: scale(0.8); box-shadow: 0px 15px 80px -20px rgb(0, 0, 0);}
.product-add-box-text-btn a {font-size: 16px;}
.new-cart-text {font-size: 3.5vw;}
.new-cart-related-item {width: 23%; }
.new-cart-related-item:last-child {display: none;}
.new-cart-related-item-title {line-height: 14px;}







/* PROFILE */
.profile-info-head {position: relative;}
.profile-info-head-name, .profile-info-head-mail {width: 80%;}
.profile-info-head div {height: 40px; font-size: 14px;}
.profile-info-head-setup {float: none;position: absolute;width: 20%;height: 80px !important;right: 0px;top: 0px;}

.profile-setup-menu {float: none;width: 100%; display: inline-block;}
.profile-setup-menu-item {float: left;width: 33%; margin-bottom: 10%;}
.profile-setup-menu-item div {font-size: 12px;padding: 12px 0px;}
.profile-setup-menu-item i {font-size: 20px;width: 30px;padding: 9px 0px 0px 5px;}
.profile-setup-form {float: none;width: 90%;border-left: none;padding-left: 5%;}
.profile-setup-input-hint {line-height: 15px;font-size: 13px;}
.psi-half {width: 90%;}


.my-orders-head div {font-size: 9px;}
.my-orders-item {padding: 1% 1%;width: 98%;}
.my-orders-item div {font-size: 11px;}
.my-orders-item-title {font-size: 12px !important;}
.my-orders-item-price {font-weight: 600;font-size: 12px !important;}
.my-orders-item-status {font-size: 10px;}
.my-order-detail-status-ikona {margin-right: 2%; width: 20%; height: 74px;}
.my-order-detail-status-ikona i {font-size: 40px;}
.my-order-detail-status-info {width: 78%;}
.my-order-detail-status-info div {font-size: 10px; line-height: 20px; height: 20px; padding: 7px 5%; width: 90%;}
.my-order-detail-status-info div:first-child {margin-bottom: 5px;}
.my-order-detail-status-info div i {font-size: 14px; margin: 3px 6px 0px 0px;}
.my-order-detail-status-info div strong {margin-right: 2px;}
.my-order-detail-pay-ship-item-title {font-size: 13px;}
.my-order-detail-pay-ship-item-text {font-size: 11px;}
.my-order-detail-pay-ship-item-price {font-size: 11px;font-weight: 600;}
.detail-item .my-orders-item-title {width: 60%; font-size: 11px !important;}
.detail-item .my-orders-item-date {font-size: 8px;}
.detail-item .my-orders-item-status {font-size: 8px;}
.detail-item .my-orders-item-price {width: 16%; font-size: 9px !important;}
.my-order-detail-sumary {padding: 1% 1%;width: 98%;}
.my-order-detail-sumary-prices-dph {font-size: 18px;font-weight: 600;}
.my-order-detail-sumary-prices-dph-no {font-size: 12px;}
.my-order-detail-sumary-prices-dph-no span {font-size: 8px;}



.login-form {margin: 30px 5% 60px;}
.login-alert {line-height: 16px;font-size: 13px;}
.login-alert i {font-size: 40px;height: 40px;width: 40px;left: 2%;}


}