Current path: home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/
?? Go up: /home/webdevt/www/wdp/wp-content/themes/quadric/assets/css
/* ==========================================================================
# Woocommerce responsive style - begin
========================================================================== */
/* Woocommerce product list - begin
========================================================================== */
@media only screen and (max-width: 480px) {
.edgtf-woocommerce-page .woocommerce-result-count,
.edgtf-woocommerce-page .woocommerce-ordering {
width: 100%;
margin-bottom: 2%; } }
@media only screen and (max-width: 480px) {
.edgtf-woocommerce-page .woocommerce-result-count {
text-align: center; } }
@media only screen and (max-width: 480px) {
.edgtf-woocommerce-page .woocommerce-ordering .orderby {
display: block;
float: none;
margin: 0 auto; } }
@media only screen and (max-width: 1024px) {
.edgtf-woocommerce-page.edgtf-woocommerce-columns-5 .products .product,
.edgtf-woocommerce-page .woocommerce.columns-5 .products .product {
width: 32%;
margin-right: 2% !important;
margin-bottom: 2%; }
.edgtf-woocommerce-page.edgtf-woocommerce-columns-5 .products .product:nth-child(3n),
.edgtf-woocommerce-page .woocommerce.columns-5 .products .product:nth-child(3n) {
margin-right: 0 !important; }
.edgtf-woocommerce-page.edgtf-woocommerce-columns-5 .products .product:nth-child(3n+1),
.edgtf-woocommerce-page .woocommerce.columns-5 .products .product:nth-child(3n+1) {
clear: both;
margin-right: 2% !important; }
.edgtf-woocommerce-page.edgtf-woocommerce-columns-5 .products .product:nth-child(5n+1),
.edgtf-woocommerce-page .woocommerce.columns-5 .products .product:nth-child(5n+1) {
clear: none; } }
@media only screen and (max-width: 768px) {
.edgtf-woocommerce-page.edgtf-woocommerce-columns-5 .products .product,
.edgtf-woocommerce-page .woocommerce.columns-5 .products .product {
width: 49%;
margin-right: 2% !important;
margin-bottom: 2%; }
.edgtf-woocommerce-page.edgtf-woocommerce-columns-5 .products .product:nth-child(2n),
.edgtf-woocommerce-page .woocommerce.columns-5 .products .product:nth-child(2n) {
margin-right: 0 !important; }
.edgtf-woocommerce-page.edgtf-woocommerce-columns-5 .products .product:nth-child(2n+1),
.edgtf-woocommerce-page .woocommerce.columns-5 .products .product:nth-child(2n+1) {
clear: both;
margin-right: 2% !important; }
.edgtf-woocommerce-page.edgtf-woocommerce-columns-5 .products .product:nth-child(3n+1), .edgtf-woocommerce-page.edgtf-woocommerce-columns-5 .products .product:nth-child(5n+1),
.edgtf-woocommerce-page .woocommerce.columns-5 .products .product:nth-child(3n+1),
.edgtf-woocommerce-page .woocommerce.columns-5 .products .product:nth-child(5n+1) {
clear: none; } }
@media only screen and (max-width: 480px) {
.edgtf-woocommerce-page.edgtf-woocommerce-columns-5 .products .product,
.edgtf-woocommerce-page .woocommerce.columns-5 .products .product {
width: 100%;
margin-right: 0 !important;
margin-bottom: 2%; } }
@media only screen and (max-width: 1024px) {
.edgtf-woocommerce-page.edgtf-woocommerce-columns-4 .products .product {
width: 32%;
margin-right: 2%;
margin-bottom: 2%; }
.edgtf-woocommerce-page.edgtf-woocommerce-columns-4 .products .product:nth-child(3n) {
margin-right: 0; }
.edgtf-woocommerce-page.edgtf-woocommerce-columns-4 .products .product:nth-child(3n+1) {
clear: both;
margin-right: 2%; }
.edgtf-woocommerce-page.edgtf-woocommerce-columns-4 .products .product:nth-child(4n+1) {
clear: none; } }
@media only screen and (max-width: 768px) {
.edgtf-woocommerce-page.edgtf-woocommerce-columns-4 .products .product {
width: 49%;
margin-right: 2%;
margin-bottom: 2%; }
.edgtf-woocommerce-page.edgtf-woocommerce-columns-4 .products .product:nth-child(2n) {
margin-right: 0; }
.edgtf-woocommerce-page.edgtf-woocommerce-columns-4 .products .product:nth-child(2n+1) {
clear: both;
margin-right: 2%; }
.edgtf-woocommerce-page.edgtf-woocommerce-columns-4 .products .product:nth-child(3n+1), .edgtf-woocommerce-page.edgtf-woocommerce-columns-4 .products .product:nth-child(4n+1) {
clear: none; } }
@media only screen and (max-width: 480px) {
.edgtf-woocommerce-page.edgtf-woocommerce-columns-4 .products .product {
width: 100%;
margin-right: 0;
margin-bottom: 2%; } }
@media only screen and (max-width: 1024px) {
.edgtf-woocommerce-page.edgtf-woocommerce-columns-4 .edgtf-woocommerce-with-sidebar .products .product {
width: 49%;
margin-right: 2%;
margin-bottom: 2%; }
.edgtf-woocommerce-page.edgtf-woocommerce-columns-4 .edgtf-woocommerce-with-sidebar .products .product:nth-child(2n) {
margin-right: 0; }
.edgtf-woocommerce-page.edgtf-woocommerce-columns-4 .edgtf-woocommerce-with-sidebar .products .product:nth-child(2n+1) {
clear: both;
margin-right: 2%; }
.edgtf-woocommerce-page.edgtf-woocommerce-columns-4 .edgtf-woocommerce-with-sidebar .products .product:nth-child(3n+1), .edgtf-woocommerce-page.edgtf-woocommerce-columns-4 .edgtf-woocommerce-with-sidebar .products .product:nth-child(4n+1) {
clear: none; } }
@media only screen and (max-width: 768px) {
.edgtf-woocommerce-page.edgtf-woocommerce-columns-4 .edgtf-woocommerce-with-sidebar .products .product {
width: 100%; } }
@media only screen and (max-width: 768px) {
.edgtf-woocommerce-page.edgtf-woocommerce-columns-3 .products .product {
width: 49%;
margin-right: 2%;
margin-bottom: 2%; }
.edgtf-woocommerce-page.edgtf-woocommerce-columns-3 .products .product:nth-child(2n) {
margin-right: 0; }
.edgtf-woocommerce-page.edgtf-woocommerce-columns-3 .products .product:nth-child(2n+1) {
clear: both;
margin-right: 2%; }
.edgtf-woocommerce-page.edgtf-woocommerce-columns-3 .products .product:nth-child(3n+1), .edgtf-woocommerce-page.edgtf-woocommerce-columns-3 .products .product:nth-child(4n+1) {
clear: none; } }
@media only screen and (max-width: 480px) {
.edgtf-woocommerce-page.edgtf-woocommerce-columns-3 .products .product {
width: 100%;
margin-right: 0;
margin-bottom: 2%; } }
@media only screen and (max-width: 768px) {
.edgtf-woocommerce-page.edgtf-woocommerce-columns-3 .edgtf-woocommerce-with-sidebar .products .product {
width: 100%; } }
@media only screen and (max-width: 768px) {
.edgtf-woocommerce-page.edgtf-woocommerce-columns-2 .products .product,
.edgtf-woocommerce-page .columns-2 .products .product {
width: 100%; } }
/* Woocommerce product list - end
========================================================================== */
/* Woocommerce widget - start
========================================================================== */
@media only screen and (max-width: 1024px) {
.woocommerce.widget .buttons .button {
width: 100%; } }
/* Woocommerce widget - end
========================================================================== */
/* Woocommerce single product - begin
========================================================================== */
@media only screen and (max-width: 768px) {
.edgtf-single-product-images,
.edgtf-single-product-summary {
width: 100%;
margin: 0; } }
@media only screen and (max-width: 1200px) {
.edgtf-woocommerce-single-page .comment_container .comment-text {
margin-top: 10px;
width: 100%; } }
/* Woocommerce single product - end
========================================================================== */
/* Woocommerce quantity buttons - begin
========================================================================== */
@media only screen and (max-width: 600px) {
.edgtf-woocommerce-page .edgtf-quantity-buttons .edgtf-quantity-minus,
.edgtf-woocommerce-page .edgtf-quantity-buttons .edgtf-quantity-plus,
.edgtf-woocommerce-page .edgtf-quantity-buttons .edgtf-quantity-input {
width: 22px;
height: 22px;
line-height: 22px; } }
@media only screen and (max-width: 600px) {
.edgtf-woocommerce-page .edgtf-quantity-buttons .edgtf-quantity-minus span,
.edgtf-woocommerce-page .edgtf-quantity-buttons .edgtf-quantity-plus span,
.edgtf-woocommerce-page .edgtf-quantity-buttons .edgtf-quantity-input span {
width: 22px;
height: 22px;
line-height: 22px;
font-size: 15px;
vertical-align: top; } }
/* Woocommerce quantity buttons - end
========================================================================== */
/* Woocommerce table - begin
========================================================================== */
@media only screen and (max-width: 600px) {
.edgtf-woocommerce-page table td {
padding: 5px 5px; } }
@media only screen and (max-width: 480px) {
.edgtf-woocommerce-page td.product-thumbnail img {
display: none; } }
@media only screen and (max-width: 600px) {
.edgtf-woocommerce-page td.actions .coupon,
.edgtf-woocommerce-page td.actions .edgtf-cart-proceed-update {
width: 100%;
margin-bottom: 20px; } }
@media only screen and (max-width: 600px) {
.edgtf-woocommerce-page td.actions .edgtf-cart-proceed-update .checkout-button {
float: left; } }
@media only screen and (max-width: 768px) {
.edgtf-woocommerce-page .coupon input[type="text"] {
width: 150px; } }
/* Woocommerce table - end
========================================================================== */
/* Woocommerce shipping calculator - begin
========================================================================== */
@media only screen and (max-width: 600px) {
.edgtf-woocommerce-page .edgtf-shipping-calculator {
width: 100%;
margin-bottom: 25px; } }
/* Woocommerce shipping calculator - end
========================================================================== */
/* Woocommerce totals - begin
========================================================================== */
@media only screen and (max-width: 600px) {
.edgtf-woocommerce-page .edgtf-cart-totals {
width: 100%; } }
/* Woocommerce totals - end
========================================================================== */
/* Woocommerce checkout - begin
========================================================================== */
@media only screen and (max-width: 768px) {
.edgtf-woocommerce-page .woocommerce-checkout .col-1,
.edgtf-woocommerce-page .woocommerce-checkout .col-2 {
width: 100%; } }
/* Woocommerce checkout - end
========================================================================== */
/* Woocommerce dropdown cart - begin
========================================================================== */
@media only screen and (max-width: 1024px) {
.edgtf-shopping-cart-outer:hover .edgtf-shopping-cart-dropdown {
display: none;
visibility: hidden; }
.edgtf-top-bar .edgtf-shopping-cart-outer {
float: none; } }
@media only screen and (max-width: 320px) {
.edgtf-shopping-cart-outer {
display: none; } }
/* Woocommerce dropdown cart - begin
========================================================================== */
/* ==========================================================================
# Woocommerce responsive style - end
========================================================================== */