:root{ --f-size:14px;}
 .Services{height:auto;margin-top:30px;margin:2% auto 60px auto;width:92%;padding:0 0 2% 0;position:relative;}
 .grid-container { display:grid;grid-template-columns: repeat(7, 1fr); padding:0px;width:100%;grid-auto-columns: max-content;grid-auto-flow:dense;gap:1.5%; grid-auto-rows:auto;row-gap:1.5vw;height:auto;position:relative;max-width:100%!important;}
 .grid-item { border:0; padding:0;font-size:30px; text-align:center;color:#fff;aspect-ratio:5/6;/*background-color:#f7f7f7;*/position:relative;}
 .grid-item-1{aspect-ratio:1;background-size:cover;width:86%;display:block;margin:2% auto 2% auto;position:relative;padding:0!important;}
 .grid-item-1 img {position:relative;width:100%;height:auto;margin:0!important;} 
 .grid-item-2, .grid-item-3, .grid-item-4 {padding:0;width:100%;height:auto;margin:2% 0 0 0;max-width:100%; } .grid-item-4{display:none;position:absolute;z-index:3;margin:-7% 0 0 0;} .grid-item-2{height:14%;} .grid-item-3{height:auto;}
 .Services-Link{text-decoration:none;color:#000;font-size:var(--f-size);text-align:left;display:block;line-height:24px;letter-spacing:.5px;font-weight:600;display:block;position:relative;z-index:2;margin:0 0 0 3%;max-width:100%;height:100%;}
 .Services-Button{text-align:left;color:#5b4545!important;display:flex;border-radius:4px;width:auto;padding:0;float:LEFT;font-size:12px;letter-spacing:.5px;font-weight:400;display:block;margin:0 0 0 3%;}
 .TL-Link{font-family:Arial;color:#5b4545;font-size:13px;text-align:left;font-weight:400;float:right;margin:0 3% 0 0;}
 .Basket-Button{border-radius:50%;height:40px;width:40px;background-color:#fff;border:1px solid #e4e4e4;cursor:pointer;opacity:0;transition:opacity 0.3s linear;}
 .Basket-Button .basket-icon{height:22px;} .grid-item:hover  .Basket-Button{opacity:1;} .grid-item:hover .grid-item-3{display:none;} .grid-item:hover .grid-item-4{display:block;}
@media only screen and (max-width:1920px) { .grid-container {grid-template-columns: repeat(6, 1fr); } .grid-item-1 img {width:85%;} :root{--f-size:.8vw;} }
@media only screen and (max-width:1366px) { .grid-container {grid-template-columns: repeat(5, 1fr); } :root{--f-size:1vw;} .grid-item-1 img {width:80%;}}
@media only screen and (max-width:1010px) { .grid-container {grid-template-columns: repeat(4, 1fr); } }
@media only screen and (max-width:840px) {  .grid-container {grid-template-columns: repeat(3, 1fr); } }
@media only screen and (max-width:754px) {  .grid-container {grid-template-columns: repeat(2, 1fr); } :root{--f-size:2vw;} .grid-item-1 img {width:90%;} }