/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

.grid-1-2 {display: grid; grid-template-columns: 50% 50%;}
.grid-1-3 {display: grid; grid-template-columns: 33% 33% 33%;}
.grid-1-4 {display: grid; grid-template-columns: 25% 25% 25% 25%;}

@media (max-width: 1024px){
.grid-pro-all {display: inline-grid;}
.grid-1-2, .grid-1-3, .grid-1-4{display: grid; grid-template-columns: 50% 50%;}
.grid-2-3{display: grid; grid-template-columns: 30% 70%;}
}

@media (max-width: 480px){
.grid-pro-all,.tag-products tbody tr {display: inline-grid;}
.tag-products ul {list-style-type:none;}
.grid-1-2, .grid-1-3, .grid-1-4, .grid-2-3, ul.price-low-brand{grid-template-columns: 100%;}
}
 .margin {margin:5px;}
 .contact-box {box-shadow: 0px 0px 10px 0px #00000020; padding: 5px; border-radius: 10px; background-color: #80808000;}
 .contact-box h3 {text-align:center;}