@import "style.css";
@import "/css/fontawesome/css/all.css";
@import "/css/jquery-ui.css";
@import "sidebar-content.css";
.right{float:left;width:30%;}
.products{float: left;width:70%;height: auto;overflow: hidden;background: #ededed;}
.products h1{background:linear-gradient(89deg, rgb(34 34 34) 0%, rgb(20 64 165) 65%, rgb(38 99 213) 100%);padding: 10px 2%;margin: 0 0 20px;font-size: 1.1rem;color: #fff;font-weight: normal;letter-spacing: 1px;}
.product{float:left;width:28%;margin: 0 2.5% 30px;box-shadow: 0 0 5px 0px #000;border-radius: 7px;overflow: hidden;text-align: center;}
.product img{width:100%;height: 240px;object-fit:cover;}
.product h2{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 2%;}
@media(max-width:480px){
	.right{width:100%;}
    .products {width: 100%;}
    .product {width: 45%;}
}