.custom-container {
max-width: 1200px;
margin: auto;
padding: 0 15px;
}
section.product-list .custom-container {
display: flex;
flex-wrap: wrap;
}
.row {
display: block !important;
}
.col-md-4 {
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col-md-6 {
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.product-img img {
border: 1px solid #ddd;
} .qty-input {
border-radius: 4px;
box-shadow: 0px 2px 30px -3px #0000003b;
max-width: 140px;
}
.product-info h2 {
font-size: 24px;
padding-bottom: 15px;
padding-top: 10px;
}
.qty-input .product-qty,
.qty-input .qty-count {
background: transparent;
color: inherit;
font-weight: bold;
font-size: inherit;
border: none;
display: inline-block;
min-width: 0;
height: 2.5rem;
line-height: 1;
}
.qty-input .product-qty:focus,
.qty-input .qty-count:focus {
outline: none;
}
.qty-input .product-qty {
width: 50px;
min-width: 0;
display: inline-block;
text-align: center;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.qty-input .product-qty::-webkit-outer-spin-button, .qty-input .product-qty::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
.qty-input .qty-count {
padding: 0;
cursor: pointer;
width: 2.5rem;
font-size: 1.25em;
text-indent: -100px;
overflow: hidden;
position: relative;
}
.qty-input .qty-count:before, .qty-input .qty-count:after {
content: "";
height: 2px;
width: 10px;
position: absolute;
display: block;
background: #000;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.qty-input .qty-count--minus {
border-right: 1px solid #e2e2e2;
}
.qty-input .qty-count--add {
border-left: 1px solid #e2e2e2;
}
.qty-input .qty-count--add:after {
transform: rotate(90deg);
}
.qty-input .qty-count:disabled {
color: #ccc;
background: #f2f2f2;
cursor: not-allowed;
border-color: transparent;
}
.qty-input .qty-count:disabled:before, .qty-input .qty-count:disabled:after {
background: #ccc;
}
.qty-input {
border-radius: 4px;
box-shadow: 0 1em 2em -0.9em rgba(0, 0, 0, 0.7);
} .product-img img {
width: 100%;
}
.prd-table__left h5 {
font-size: 20px;
}
.prd-table__left p {
padding: 10px 0;
}
.prd-table__right {
max-width: 100%;
width: 100%;
}
.prd-table__wrap {
border: 1px solid #ddd;
width: 100%;
}
.prd-table__left {
max-width: 100%;
background-color: #f6f6f6;
padding: 15px;
}
.prd-table__right h4.table-head {
font-weight: bold;
padding: 10px;
font-size: 18px;
border-bottom: 1px solid #f6f6f6;
}
.prd-table__right  p.table-text {
padding: 10px;
border-bottom: 1px solid #f6f6f6;
}
.product-list-type {
padding: 40px 0;
width: 33.33%;
}
.product-list-type .prd-table__wrap {
margin-bottom: 10px;
} .order-total {
text-align: center;
background: #ddd6;
padding: 30px;
width:100%
}
.order-total h4 {
font-size: 24px;
padding-bottom: 8px;
}
.order-total p {
font-size: 16px;
padding-bottom: 6px;
}
.order-total h5 {
font-size: 18px;
}
.contact-form {
padding: 60px 0;
}
.contact-form .row {
display: flex !important;
flex-wrap: wrap;
gap: 0;
}
.contact-form .row .col-md-4 {
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
padding-right: 15px;
padding-left: 15px;
}
.contact-form .row .col-md-4 input {
width: 100%;
margin-bottom: 10px;
background: #fff;
}
.contact-form .row .col-md-12 {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.contact-form .row .col-md-12 textarea {
background: #fff;
min-height: 100px;
resize: none;
}
@media only screen and (max-width: 991px) {
.col-md-4 {
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
margin-bottom: 20px;
}
.product-list-type {
width: 50%;
}	
}
@media only screen and (max-width: 768px) {
.product-list-type {
width: 100%;
padding: 20px 0;
}
.col-md-4 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 20px;
}
.row {
display: block;
}
.contact-form .row .col-md-4 {
-ms-flex: 100%;
flex: 0 0 100%;
max-width: 100%;
}
.col-md-6 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.prd-table__left {
max-width: 100%;
min-width:100%
}
.prd-table__wrap {
width: 100%;
flex-wrap: wrap;
}
.prd-table__right {
max-width: 100%;
width: 100%;
}
}