h1.detail-h1.h1top {display:none} section .layout-center #detail .left-side .big-image .timesale-wrap{position:absolute; right:0px; top:0px; } section .layout-center #detail-wrap {background: #ffffff; padding:0px 0px 0px 0px; margin-top:0px; margin-bottom: 0px; } section .layout-center #detail {display:table; width:100%; margin-top:15px; margin-bottom: 30px;} section .layout-center #detail > div{display:table-cell; vertical-align: top;} section .layout-center .detail-h1{ margin:8px 0px 15px 0px; padding:0px;} section .layout-center .right-side .detail-h1{ margin-top:0;margin-bottom:20px} /*DETAIL LEFT*/ section .layout-center #detail .left-side { padding-right:70px; padding-bottom:30px;} section .layout-center #detail .left-side .big-image{text-align:center;margin-top:0px;position:relative} section .layout-center #detail .left-side .big-image img {width:auto;max-width:100%;max-height:540px;} section .layout-center #detail .left-side .big-image img.big-image-picture {width:auto;max-width:100%;max-height:540px;} section .layout-center #detail .left-side .gallery{margin:12px -8px 0} section .layout-center #detail .left-side .gallery .item{padding:8px;width:25%;float:left;box-sizing:border-box} section .layout-center #detail .left-side .gallery .item.invisible{display:none} section .layout-center #detail .left-side .gallery .item a{display:block; padding:5px;position:relative;-webkit-transition:all .3s ease!important;-moz-transition:all .3s ease!important;-o-transition:all .3s ease!important;-ms-transition:all .3s ease!important;transition:all .3s ease!important} section .layout-center #detail .left-side .gallery .item a>span,section .layout-center #detail .left-side .gallery .item.more-items strong>span i{-webkit-transition:all .3s ease!important;-moz-transition:all .3s ease!important;-o-transition:all .3s ease!important;-ms-transition:all .3s ease!important} section .layout-center #detail .left-side .gallery .item a>span{border-radius:10px;position:absolute;box-sizing:border-box;height:100%;width:100%;left:0;top:0;opacity:0;border:1px solid #1f4046;transition:all .3s ease!important} section .layout-center #detail .left-side .gallery .item a>img{width:100%;box-sizing:border-box;aspect-ratio: 1/1;} section .layout-center #detail .left-side .gallery .item a:hover>span{opacity:1} section .layout-center #detail .left-side .gallery .item.more-items a>span{opacity:1;text-align:center;box-sizing:border-box;padding:10px;background:#EDF7F7; border-color:#EDF7F7} section .layout-center #detail .left-side .gallery .item.more-items a:hover>span{border-color:#1f4046} section .layout-center #detail .left-side .gallery .item.more-items strong{height:100%;width:100%;display:table} section .layout-center #detail .left-side .gallery .item.more-items strong>span{display:table-cell;vertical-align:middle;} section .layout-center #detail .left-side .gallery .item.more-items strong>span i{font-style:normal;color:#1f4046;font-size:13px;display:block;font-weight:400; text-decoration:underline;padding-top:10px;transition:all .3s ease!important} section .layout-center #detail .left-side .gallery .item.more-items a:hover strong>span i{text-decoration: none} section .layout-center #detail .left-side .share-links a{display:inline-block; margin:5px 10px 0px 0px;} /* // DETAIL LEFT*/ /*DETAIL RIGHT NEW*/ section .layout-center #detail-main-desc {margin-top:-10px; padding-bottom: 5px;} section .layout-center #detail-main-desc h1{font-size:30px; padding:0; margin:0 0 10px 0} section .layout-center #detail-main-desc p{font-size:14px; color:#1f4046; margin:0 0 1.5em 0} section .layout-center #detail-main-box{border:1px solid #B5D0D3; border-radius:15px; margin:0px 0px 0px 0px; overflow:hidden;} section .layout-center #detail-main-box .inside-wrap{padding:25px 35px;} section .layout-center #detail-main-box .inside-wrap.params{background: #F7FCFC; border-bottom:1px solid #B5D0D3; display:flex; align-items: flex-start;} section .layout-center #detail-main-box .inside-wrap.params table{border-spacing:0; margin:0; padding:0; border-collapse:collapse; } section .layout-center #detail-main-box .inside-wrap.params table tr td{padding:10px 0px; font-size:14px; color:#1f4046; vertical-align:top } section .layout-center #detail-main-box .inside-wrap.params table tr td:last-child{font-weight:700; padding-left:20px;} section .layout-center #detail-main-box .inside-wrap.params .logo{margin-top:5px;} section .layout-center #detail-main-box .buy-line{display:flex; gap:20px;} section .layout-center #detail-main-box .buy-line .button{width:100%; height:53px; font-size:24px; min-width: auto; flex:1} section .layout-center #detail-main-box .buy-line .button img{padding:0 0 0 10px ; position:relative; top:-5px; } section .layout-center #detail-main-box .spinner-wrap{padding-left:0px; display:block; position: relative; font-size:0px; width:160px; } section .layout-center #detail-main-box .spinner-wrap .spinner {width:100%; position:relative; left:0; top:0px; margin:0px 0px 0px 0px; display:inline-block; float:left; } section .layout-center #detail-main-box .spinner-wrap .spinner label{position:absolute; right:100%; top:0px; line-height: 51px; padding-right:10px;} section .layout-center #detail-main-box .spinner-wrap .spinner input {-webkit-appearance: none; -moz-appearance: none; appearance: none;text-align: center; box-sizing: border-box;border:1px solid #B5D0D3; border-radius:10px; background:#ffffff; padding:0 0px 0px 0px!important; height:53px; width:100%!important; margin:0; display:block; color:#1f4046; font-size:18px; font-weight:600; position:relative; box-shadow: inset 2.121px 2.121px 4px 0px rgba(181, 208, 211, 0.35);} section .layout-center #detail-main-box .spinner-wrap .spinner .input-group-btn-vertical > .btn{width:51px; height:51px; border-radius:10px; border:0px; background-color:#ffffff; box-shadow: 2.121px 2.121px 15px 0px rgba(181, 208, 211, 1);} section .layout-center #detail-main-box .spinner-wrap .spinner .input-group-btn-vertical > .btn:first-child{right:1px; top:1px;} section .layout-center #detail-main-box .spinner-wrap .spinner .input-group-btn-vertical > .btn:last-child{left:1px; top:1px;} section .layout-center #detail-main-box .additional-info{display:flex; gap:20px; margin-top:18px;} section .layout-center #detail-main-box .additional-info > div:first-child{width:160px; text-align:center;} section .layout-center #detail-main-box .additional-info > div:last-child{flex:1;} .in-basket{ font-size:14px; color:#ca2a20; font-weight:700; font-family: 'Quicksand', sans-serif; position:relative; margin-top:-5px; } .products .in-basket {text-align:center;position:absolute;bottom: calc(100% + 2px) !important;right:0px; width:100%;} section .layout-center #detail-main-box .free-delivery-info{font-size:13px; font-family: 'Open Sans', sans-serif; font-weight:700; color:#ca2a20; display:inline-flex; position:relative;} section .layout-center #detail-main-box .free-delivery-info img{ padding-right:10px; } section .layout-center #detail-main-box .action-line{display:flex; gap:10px; margin-top:30px; align-items: center; justify-content: space-between;} section .layout-center #detail-main-box .action-line > div {flex: 1 1 auto;} section .layout-center #detail-main-box .action-line > div a{color:#1f4046; font-size:13px; font-weighT:400; display:inline-flex; align-items: center} section .layout-center #detail-main-box .action-line > div a img{padding-right:5px} section .layout-center #detail-main-box .price-line{display:flex; gap:20px; margin-top:0px; text-align:Left; align-items: center; margin-bottom:10px;} section .layout-center #detail-main-box .price-line .availability{color:#81b260; font-size:18px;font-family: 'Quicksand', sans-serif; font-weight:700; display:block;} section .layout-center #detail-main-box .price-line .original-price{color:#1f4046; font-size:18px;font-family: 'Quicksand', sans-serif; font-weight:500; display:block; text-decoration: line-through;} section .layout-center #detail-main-box .price-line .price{color:#1f4046; font-size:16px; line-height:30px;font-family: 'Quicksand', sans-serif; font-weight:400; display:block; white-space:nowrap; } section .layout-center #detail-main-box .price-line .price strong{font-size:30px;font-weight:700; } section .layout-center #detail-main-box .price-line .price span{padding-left:5px;} section .layout-center #detail-main-box .price-line .delivery-info {font-size:13px; display:inline-flex; align-items: center; margin-bottom:10px;} section .layout-center #detail-main-box .price-line .delivery-info img {padding-right:5px;} section .layout-center #detail-main-box .price-line .shipping {font-size:13px; font-weight:700; display:inline-flex} section .layout-center #detail-main-box .price-line .shipping img{padding-right:5px;} /*DETAIL RIGHT */ section .layout-center #detail .rating{white-space:nowrap;color:#1f4046; font-size:14px; font-weight:400; padding-bottom: 20px;} section .layout-center #detail .rating.nopadd{display:none} section .layout-center #detail .rating.nopadd-bottom{padding-bottom:0} section .layout-center #detail .rating a{text-decoration:underline} section .layout-center #detail .rating strong{font-size:20px; font-weight:700; padding-right:5px; color:#1f4046;} section .layout-center #detail .rating .my-rating{display:inline-block; position:relative;top:-1px;margin-right:10px;} section .layout-center #detail .right-side{box-sizing:border-box; padding-top:0px; width:52%; } section .layout-center #detail .right-side .detail-box{border:0px; margin-bottom: 30px; border:1px solid #E0E0E0; } section .layout-center #detail .right-side .detail-box .variant {background: #ffffff; padding:7px 0px; border-top:1px solid #D9D9DF;border-left:0 none; border-right: 0 none;} section .layout-center #detail .right-side .detail-box .variant table{border-spacing:0px; width:100%;} section .layout-center #detail .right-side .detail-box .variant table tr td:first-child{ padding-right:0px;width:110px; color:#343535; font-size:16px; font-weight:700;} section .layout-center #detail .right-side .detail-box .variant table tr td{border-spacing:0px; font-size:14px; color:#1f4046; font-weight:400; padding:20px 50px; vertical-align: middle; font-family: 'Quicksand', sans-serif;} section .layout-center #detail .right-side .detail-box .variant table tr td:last-child{padding-right:50px; padding-left:10px;} section .layout-center #detail .right-side .detail-box .variant table tr td .select-style{width:100%;} section .layout-center #detail .right-side .detail-box .variant table tr td .select-style select{width:100%!important; height:45px; font-size:100%; font-weight:600!important; color:#1f4046;} section .layout-center #detail .right-side .detail-box .btn-wrap{ padding:0px 50px 30px 50px;} section .layout-center #detail .right-side .detail-box .btn-wrap .button{line-height: 62px; height:62px;min-width:0px; padding:0px; width:auto;background: #5BBBC6; border-color:#5BBBC6;font-size:16px; font-weight:800; color:#1f4046!important; float:left; width:100%;} section .layout-center #detail .right-side .detail-box .btn-wrap .button:hover{background: #5BBBC6; border-color:#5BBBC6;} section .layout-center #detail .right-side .detail-box .btn-wrap .button img{position:relative; top:-4px; padding-right:12px;} section .layout-center #detail .right-side .detail-box .info{display:table;width:100%;background: #FCFCFC;} section .layout-center #detail .right-side .detail-box .info > div{display:table-cell; vertical-align: middle; padding:30px 50px; font-size:15px; color:#5d6771; width:50%; box-sizing: border-box;} section .layout-center #detail .right-side .detail-box .info > div > strong{color: #343535; font-weight: 700;} section .layout-center #detail .right-side .detail-box .info > div:first-child table{margin:0px; padding:0px; border-spacing:0px;} section .layout-center #detail .right-side .detail-box .info > div:first-child table tr td{font-size:15px;color:#1f4046; padding:0px 0px 10px 0px;} section .layout-center #detail .right-side .detail-box .info > div:first-child table tr td:first-child{color:#343535; font-weight:700; padding-right:0px;} section .layout-center #detail .right-side .detail-box .info > div:first-child table tr:last-child td{ padding-bottom:0px;} section .layout-center #detail .right-side .detail-box .info > div:last-child {text-align:left; border-left:1px solid #E0E0E0;} section .layout-center #detail .right-side .detail-box .info > div:first-child {padding-right:10px;} section .layout-center #detail .right-side .detail-box .info > div:last-child {padding-right:10px;} section .layout-center #detail .right-side .detail-box .wrap {padding:0px 50px 25px 50px;} body.hide_border section .layout-center #detail .right-side {width:47%;padding-left:50px} body.hide_border section .layout-center #detail .right-side .detail-box {border:0 none } body.hide_border section .layout-center #detail .right-side .detail-box .info{background: #fff;} body.hide_border section .layout-center #detail .right-side .detail-box .info > div{padding:0px 0px;} body.hide_border section .layout-center #detail .right-side .detail-box .info > div:last-child {text-align:left; border-left:0px solid #E0E0E0;} body.hide_border section .layout-center #detail .right-side .detail-box .variant {padding:20px 0 0 0; border-top:0px solid #D9D9DF;} body.hide_border section .layout-center #detail .right-side .detail-box .variant table tr td{ padding:0} body.hide_border section .layout-center #detail .right-side .detail-box .variant table tr td:first-child{ display:none} body.hide_border section .layout-center #detail .right-side .detail-box .btn-wrap{ padding:0 0 30px 0} body.hide_border section .layout-center #detail .right-side .detail-box .wrap {padding:0px 0 25px 0;} section .layout-center #detail .right-side .free-delivery {display:block} section .layout-center #detail .right-side .detail-box .wrap .free-present {display:table; width:100%; box-sizing:border-box;background: #41B9BD ; color:#ffffff; text-align:left; margin-bottom: 5px; padding:0px0px;line-height: 30px; border:1px solid#41B9BD;} section .layout-center #detail .right-side .detail-box .wrap .free-present > div {display:table-cell;vertical-align: top; box-sizing: border-box;} section .layout-center #detail .right-side .detail-box .wrap .free-present > div:first-child {white-space: nowrap; font-size:14px;line-height:35px; font-family: 'Quicksand', sans-serif; font-weight:500;padding-left:20px; padding-right:20px; vertical-align:middle; padding-top:5px;padding-bottom:5px} section .layout-center #detail .right-side .detail-box .wrap .free-present > div:first-child img {position:relative; top:-3px; margin-right:10px;} section .layout-center #detail .right-side .detail-box .wrap .free-present > div:last-child {background: #ffffff;padding-top:5px;padding-bottom:5px} section .layout-center #detail .right-side .detail-box .wrap .free-present .itm {display:table;box-sizing: border-box; width:100%;background: #fff; padding:2px 15px 2px 2px; } section .layout-center #detail .right-side .detail-box .wrap .free-present .itm > div {display:table-cell;text-align:left; vertical-align: middle; font-family: 'Quicksand', sans-serif; box-sizing: border-box;} section .layout-center #detail .right-side .detail-box .wrap .free-present .itm > div:first-child {width:50px; padding-right:10px;} section .layout-center #detail .right-side .detail-box .wrap .free-present .itm > div:last-child { padding-right:15px;} section .layout-center #detail .right-side .detail-box .wrap .free-present .itm > div a {font-size:13px; color:#1f4046; font-weight:600;text-decoration: none;} section .layout-center #detail .right-side .detail-box .wrap .free-present .itm img {width:auto;height:auto;height:50px;background:white; padding:5px;} /* // DETAIL RIGHT*/ section .layout-center .tabs1 {border:0;margin-top:0px; margin-bottom:50px;} section .layout-center .tabs1 .tab-container .etabs{margin:-117px 0 25px 0; padding:0px 0 0 0 ; list-style: none; text-align:left; position:relative; z-index:5000; font-size: 0px;} section .layout-center .tabs1 .tab-container .etabs li{display:inline-block; padding-right:0px; padding-left:0px; margin:0 ; margin:0 0px 0px 0px; box-sizing: border-box; position:relative;} section .layout-center .tabs1 .tab-container .etabs li:last-child{background: transparent; padding-right:0;} section .layout-center .tabs1 .tab-container .etabs li:first-child{padding-left:0px;} section .layout-center .tabs1 .tab-container .etabs li a { color:#769093; position:relative; display:block; text-align: center; margin:0px 4px 0px 0px; float:none; white-space:nowrap; position:relative; font-weight:700; font-family: "Quicksand", arial, sans-serif; background:#EDF7F7; font-size:24px; line-height:59px; border:1px solid #B5D0D3; border-bottom:0 none;text-decoration:none; border-radius:10px 10px 0 0; padding:0 45px; box-sizing: border-box; position:relative;} section .layout-center .tabs1 .tab-container .etabs li a > span{display:inline-block; position:relative; padding:0px 30px;} section .layout-center .tabs1 .tab-container .etabs li a > span > span{position:absolute; right:5px; top:5px;width:20px; line-height: 20px; border-radius: 20px; background: #5BBBC6; color:#ffffff; font-size:12px;font-family: "Quicksand", arial, sans-serif; text-align: center; } section .layout-center .tabs1 .tab-container .etabs li a > span > span.zero{background: #ccc; color:#fff;} section .layout-center .tabs1 .tab-container .etabs li a.active:hover, section .layout-center .tabs1 .tab-container .etabs li a:hover {text-decoration: none; color:#1f4046; background: #ffffff; } section .layout-center .tabs1 .tab-container .etabs li a.active { background:#ffffff; color:#1f4046; z-index: 1000; font-weight:600; border-bottom:1px solid #ffffff; } section .layout-center .tabs1 .tab-container .cont {padding:0px 0px 0px 0px; background: transparent; border:0px;} section .layout-center #detail-wrap .tabs1 .tab-container .etabs{margin:0px 0 -2px 0; } section .layout-center #detail-wrap .tabs1 .tab-container .cont {border:1px solid #B5D0D3; padding:40px 55px; border-radius: 0 10px 10px 10px } section .layout-center #detail-wrap .tabs1 .tab-container .etabs li:first-child a {margin-left:0px;} section .layout-center #detail-wrap .tabs1 .tab-container .etabs li a{padding-left: 40px;padding-right: 40px;} section .layout-center #detail-wrap .tabs1 .tab-container .cont h2 {padding-top:0; font-size:25px;} section .layout-center #detail-wrap .tabs1 .tab-container .cont p {color:#1f4046; font-size:14px; line-height:145%; font-weight:400; padding:0px 0px 0 0px;} section .layout-center #detail-wrap .tabs1 .tab-container .cont ul:not(.rating_plus_minus) {list-style:none;padding:0px; margin:0px 0px 10px 10px;} section .layout-center #detail-wrap .tabs1 .tab-container .cont ul:not(.rating_plus_minus) li {color:#1f4046; font-size:14px; line-height:145%; font-weight:400; padding:0px 0px 10px 20px; background: url(../images/svg/dot.svg) no-repeat left 5px; background-size:10px auto; } section .layout-center #detail-wrap table.data-table{border-spacing:0px;border-spacing:0px; border-collapse: collapse; width:100%; margin-bottom:0px; } section .layout-center #detail-wrap table.data-table tr td{ font-size:14px; color:#1f4046; font-family: 'Quicksand', sans-serif; line-height:20px; padding:8px 20px; font-weight:400; vertical-align: middle;} section .layout-center #detail-wrap table.data-table tr td:first-child{font-weight:bold;white-space: nowrap} section .layout-center #detail-wrap table.data-table tr td:last-child{width: 100%;text-align:left; white-space: normal; padding-left:0px;font-weight:600; color:#1f4046;} section .layout-center #detail-wrap table.data-table tr:nth-child(odd) td{background: #F7FCFC;} @media only screen and (max-width: 1500px){ section .layout-center #detail-main-box .buy-line .button{font-size:20px;} } @media only screen and (max-width: 1400px){ section .layout-center #detail .right-side .detail-box .info > div{display:block; width:100%; box-sizing: border-box;} section .layout-center #detail .right-side .detail-box .info > div:first-child {padding-bottom:10px;border:0px none!important;} section .layout-center #detail .right-side .detail-box .info > div:first-child table{width:auto;} section .layout-center #detail .right-side .detail-box .info > div:last-child{padding-top:0px;} section .layout-center #detail .right-side .detail-box .info > div:last-child div{display:inline;} body.hide_border section .layout-center #detail .right-side .detail-box .info > div:last-child {padding-top:10px} section .layout-center #detail-main-box .buy-line .button {padding:0} section .layout-center #detail-main-box .buy-line .button span {display:none} section .layout-center #detail .left-side{padding-right:30px;} } @media only screen and (max-width: 1350px){ #detail_submit .button.v3 {font-size:18px !important} section .layout-center #detail .left-side .gallery .item.more-items a strong > span i{font-size:12px;padding-top:0px;} section .layout-center #detail .left-side .gallery .item.more-items a > span img{width:25px; height:auto!important} section .layout-center #detail-wrap .tabs1 .tab-container .etabs li a{padding-left:15px; padding-right:15px;font-size:22Px} } @media only screen and (max-width: 1300px){ section .layout-center #detail .right-side .detail-box .variant table tr td{padding:8px 20px} section .layout-center #detail .right-side .detail-box .variant table tr td:last-child{padding-right:20px} section .layout-center #detail .right-side .detail-box .info > div{padding:20px;} section .layout-center #detail .right-side .detail-box .btn-wrap{padding:10px 20px 20px 20px;margin-bottom:15px} section .layout-center #detail .right-side .detail-box .wrap{padding:0px 20px 20px 20px;} } @media only screen and (max-width: 1280px){ #detail_submit .button.v3 {font-size:18px !important} } @media only screen and (max-width: 1220px){ #detail_submit .button.v3 {font-size:16px !important} } @media only screen and (max-width: 1200px){ body.hide_border section .layout-center #detail .right-side {width:52%;} } @media only screen and (max-width: 1150px){ section .layout-center #detail .right-side .detail-box .btn-wrap .button span{display:none;} #detail_submit .button.v3 {font-size:20px !important} } @media only screen and (max-width: 1000px){ body.hide_border section .layout-center #detail .right-side {width:52%;padding-left:0} } @media only screen and (max-width: 979px){ section .layout-center #detail-wrap .tabs1 .tab-container .etabs li a{font-size:16px;} section .layout-center #detail .right-side .detail-box .variant table tr td .select-style select{height:35px; font-size:100%;} section .layout-center #detail{margin-bottom: 30px;} section .layout-center #detail-wrap .tabs1 .tab-container .cont{padding:20px;} } @media only screen and (max-width: 850px){ section .layout-center #detail-review{margin-top:50px; margin-bottom:50px;} } @media only screen and (max-width: 800px){ section .layout-center #detail-wrap .tabs1 .tab-container #review-block {margin-top:0px;} h1.detail-h1.h1top {display:block} h1.detail-h1.h1bottom {display:none} section .layout-center #detail .right-side .detail-box .btn-wrap .button span{display:inline;} section .layout-center #detail {display:block; } section .layout-center #detail > div{display:block; width:100%!important; padding-right:0px!important;} section .layout-center #detail-wrap{padding-top:10px;} #detail_submit .button.v3 {font-size:18px !important} section .layout-center #detail{margin-top:-10px;} section .layout-center #detail-wrap{padding-top:0} section .layout-center #detail .left-side h1{font-size:30px;} } @media only screen and (max-width: 700px){ .layout-center h1.detail-h1 {text-align:center !important;margin-top:0;padding-top:0;padding-bottom:0} } @media only screen and (max-width: 650px){ section .layout-center #detail-wrap .tabs1 .tab-container .cont{margin-top:10px; border-radius:10px;} section .layout-center #detail .left-side .big-image img.big-image-picture{max-height:400px} } @media only screen and (max-width: 600px){ section .layout-center #detail .right-side .detail-box .variant table tr td {padding:15px 0 0 0} section .layout-center #detail .right-side .detail-box .btn-wrap{ padding:0px 0px 20px 0px;} section .layout-center #detail .right-side .detail-box .wrap {padding:0px 0px 10px 0px;} section .layout-center #detail .right-side .detail-box{border:0px;border:0px none; } section .layout-center #detail .right-side .detail-box .info {display:block;background:none;padding:0} section .layout-center #detail .right-side .detail-box .info > div{display:block; width:100%; box-sizing: border-box; border:0px none!important;padding:0} section .layout-center #detail .right-side .detail-box .info > div:first-child {padding-bottom:10px} section .layout-center #detail .right-side .detail-box .info > div:first-child table{width:auto;} section .layout-center #detail .right-side .detail-box .info > div:last-child{padding-top:0px;} section .layout-center #detail .right-side .detail-box .info > div > table tr td:first-child{display:none} section .layout-center #detail .right-side .detail-box .info > div > table tr td:last-child{font-size:14px;padding-top:0;padding-bottom:0} section .layout-center #detail .right-side .detail-box .info > div > table tr td:first-child{padding-left:0; padding-right:0;width:111px} section .layout-center #detail .right-side .detail-box .info > div > strong {display:inline-block; width:107px;} section .layout-center #detail .right-side .detail-box .info > div:last-child div{display:inline;} section .layout-center #detail .right-side .detail-box .info > div:last-child strong:first-child {display:none} section .layout-center #detail .right-side .detail-box .variant table tr td:first-child{font-size:14px;} section .layout-center #detail .right-side .detail-box .info > div > table tr td.info_value {font-size:12px; color:#333; } section .layout-center #detail .right-side .detail-box .info > div {width:100% !important; } section .layout-center #detail .right-side .detail-box .info > div > table {width:100% !important; display:table; } section .layout-center #detail .right-side .detail-box .info > div > table tr:nth-child(odd) td.info_value {float:left; color:#333; } section .layout-center #detail .right-side .detail-box .info > div > table tr:nth-child(even) td.info_value {float:right; color:#333; position:absolute; right:15px; margin-top:-16px; } #detail_store {position:static; left:0; } } @media only screen and (max-width: 550px){ #detail_submit .button.v3 {font-size:20px !important} section .layout-center #detail .left-side .big-image {text-align:center;margin:0 auto;} section .layout-center #detail .left-side .big-image img.big-image-picture{aspect-ratio: 1/1;} .layout-center h1.detail-h1 {text-align:center !important;margin-top:10px;padding-top:0;padding-bottom:0} section .layout-center #detail .left-side h1{font-size:25px} } @media only screen and (max-width: 500px){ section .layout-center #detail-main-box .inside-wrap.params{padding:20px;} section .layout-center #detail-main-box .inside-wrap.params table tr td{font-size:12px; padding:3px 0} section .layout-center #detail-main-box .inside-wrap{padding:20px;} section .layout-center #detail .right-side .detail-box .wrap .free-present {display:block;margin-bottom:20px} section .layout-center #detail .right-side .detail-box .wrap .free-present > div{display:block;} section .layout-center #detail .right-side .detail-box .wrap .free-present > div:first-child{width:100%; box-sizing: border-box;padding:5px 20px; text-align: center;} section .layout-center #detail .left-side .gallery {margin-left:-5px; margin-right:-5px;} section .layout-center #detail .left-side .gallery .item{padding:5px;} section .layout-center #detail .left-side{padding-bottom:20px;} section .layout-center #detail .right-side .detail-box .btn-wrap .button span{display:none;} section .layout-center #detail-main-box .action-line > div a{font-size:12px;} section .layout-center #detail-wrap .tabs1 .tab-container .cont h2{font-size:22px;} } @media only screen and (max-width: 450px){ section .layout-center #detail-main-box .inside-wrap.params table tr td:last-child{padding-left:10px;} section .layout-center #detail-main-box .price-line{align-items: stretch; flex-direction: column; text-align: center; gap:10px} section .layout-center #detail-main-box .price-line > div .delivery-info{width:auto;} section .layout-center #detail-main-box .spinner-wrap .spinner input{height:40px} section .layout-center #detail-main-box .spinner-wrap .spinner .input-group-btn-vertical > .btn{height:38px; width:38px;} section .layout-center #detail-main-box .spinner-wrap{width:115px;} section .layout-center #detail-main-box .buy-line{gap:10px;} section .layout-center #detail-main-box .buy-line .button{height:40px; line-height: 38px; font-size:16px;} section .layout-center #detail-main-box .buy-line .button img{width:20px;} section .layout-center #detail-main-box .additional-info{align-items: stretch; flex-direction: column; gap:15px} section .layout-center #detail-main-box .additional-info > div:first-child{width:115px; text-align:center; } .in-basket{margin-top:-10px;} section .layout-center #detail-main-box .action-line {align-items: flex-start;} section .layout-center #detail-main-box .action-line > div a{font-size:11px; align-items: stretch; flex-direction: column; text-align:center;} section .layout-center #detail-main-box .action-line > div a img{padding:0 0 5px 0} section .layout-center #detail-wrap table.data-table tr td{ padding:5px 10px; } section .layout-center #detail .right-side .detail-box .btn-wrap .button {font-size:16px; line-height: 50px; height:50px;} section .layout-center #detail .right-side .detail-box .btn-wrap .button img {padding-right:5px;width:24px;height:auto} section .layout-center #detail .right-side .detail-box .variant table{display:block;} section .layout-center #detail .right-side .detail-box .variant table tbody{display:block;} section .layout-center #detail .right-side .detail-box .variant table tr{display:block;} section .layout-center #detail .right-side .detail-box .variant table tr td{display:block; padding-left:0px!important;padding-right:0px!important;} section .layout-center #detail .right-side .detail-box .variant table tr td .select-style{float:none;} section .layout-center #detail .right-side .detail-box .variant table tr td:last-child{padding-top:0px;} .detail-box .input-group-btn-vertical > .btn{width:25px; background-size:12px auto!important; height:50px;} .detail-box .spinner input{height:50px;} } @media only screen and (max-width: 420px){ .detail-box .spinner {width:50px;} .detail-box .spinner input{font-size:16px;} .detail-box .spinner-wrap{padding-left:104px;} section .layout-center #detail .right-side .detail-box .btn-wrap .button{font-size:15px;} } @media only screen and (max-width: 400px){ section .layout-center #detail-main-box .inside-wrap.params{ align-items: stretch; flex-direction: column;} section .layout-center #detail-main-box .inside-wrap.params table tr td:first-child{width:50%; text-align:right;} section .layout-center #detail .left-side .gallery .item.more-items a strong > span i{font-size:10px;} section .layout-center #detail .left-side .gallery .item.more-items a > span{padding:5px;} } @media only screen and (max-width: 360px){ section .layout-center #detail .left-side .big-image img.big-image-picture{} } @media only screen and (max-width: 340px){ section .layout-center #detail .right-side .detail-box .btn-wrap .button{font-size:14px !important;} }