* {
    box-sizing: border-box;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face {
    font-family: "Roboto";
    src: local("Roboto"),
      url("/assets/fonts/roboto/Roboto-Regular.ttf") format("opentype");
      font-weight: normal;
      font-style: normal;
      font-display: fallback;
  }
  @font-face {
    font-family: "Roboto";
    src: local("Roboto"),
      url("/assets/fonts/roboto/Roboto-Medium.ttf") format("opentype");
      font-weight: 500;
      font-style: normal;
      font-display: fallback;
  }
  @font-face {
    font-family: "Roboto";
    src: local("Roboto"),
      url("/assets/fonts/roboto/Roboto-Bold.ttf") format("opentype");
      font-weight: 600;
      font-style: normal;
      font-display: fallback;
  }
  @font-face {
    font-family: "Roboto";
    src: local("Roboto"),
      url("/assets/fonts/roboto/Roboto-BlackItalic.ttf") format("opentype");
      font-weight: 800;
      font-style: italic;
      font-display: fallback;
  }
html, body{
    background-color: #f5f5f5;
    font-family: 'Roboto', 'Segoe UI', 'Arial', sans-serif;
    color: #4a4a4a;
    overflow-x: hidden;
}
.wrapper{
    display: flex;
    flex-direction: column;
    height: 100vh;
}
.nav{
    border-bottom: 1px solid #2f2f2f;
    background-color: #202020;
    padding: .7rem 1rem;
    color: #fff;
    
    font-size: .9rem;
    position: sticky;
    top: 0;
    z-index: 9;
}
.nav .row{
    display: flex;
    justify-content: space-between;
}
.nav .row > div{
    display: flex;
    align-items:center;
}
.main{
    display: flex;
    flex-grow: 1;
}
h1{
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}
.filters{
    display: none;
    padding: 2rem 1rem;
    border-right: 1px solid #2f2f2f;
    font-size: .9rem;
    width: 90%;
    height: 100%;
    min-height: 100%;
    position: fixed;
    z-index: 9999;
    background-color: #f5f5f5;
    top: 0;
    overflow-y: scroll;
  overflow-x: hidden;
}
.filters p{
    margin: 0;
    font-weight: 600;
    text-transform: uppercase;
    font-size: .9rem;
}
.filters-top{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: .9rem;
}

.option-top{
    border: 1px solid #595959;
    padding: .5rem 1rem;
    cursor: pointer;
    margin: .5rem .5rem 0 0;
}
.filter-option, .filter-products{
    display: flex;
    flex-wrap: wrap;
    margin: .5rem 0 1.5rem 0;
}
.filter-option .option{
    border: 1px solid #595959;
    padding: .5rem 1rem;
}
.filter-option .active, .filters-top .active, .option-top .active, .sort .active{
    background-color: #595959;
    color: #fff;
}
.filter-option-column{
    display: flex;
    flex-direction: column;
    margin: .5rem 0 1.5rem 0;
}
.filters .option, .filters-top .option{
    display: flex;
    margin: .5rem .5rem 0 0;
    cursor: pointer;
}
.option .span{
    display: block;
}
.sort .option:hover{
    background-color: #595959;
    color: #fff;
}
.sort .option:hover svg, .sort .active svg{
    fill: #fff;
}
.filter-option-column .check{
    margin-right: 1rem;
    border: 1px solid #595959;
    width: .9rem;
    height: .9rem;
    min-width: .9rem;
}
.active .check{
    background-color: #595959 !important;
    color: #fff;
}
.option-top:hover, .filter-option .option:hover{
    background-color: #595959;
    color: #fff;
}
.option:hover > .check{
    background-color: #999;
}
.filters a{
    display: block;
    margin: .5rem .5rem 0 0;
    padding: .5rem 1rem;
    border: 1px solid #2f2f2f;
    text-decoration: none;
    color: #2f2f2f;
}
.filters a:hover{
    background-color:#2f2f2f;
    color: #fff;
}

/* .filter-options{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 1rem 0;
}
.filters .filter-options{
    margin: 1rem 0 2rem 0;
    color: #2f2f2f;
    font-size: .9rem;
} */
/* .option{
    margin: .5rem .5rem 0 0;
    cursor: pointer;
    font-size: .9rem;
    display: flex;
}
.option span{
    display: block;
}
.check:hover{
    background-color: #595959;
    color: #fff;
}
.active .check{
    background-color: #595959;
    color: #fff;
}
.check-txt{
    padding: .5rem 1rem;
    border: 1px solid #595959;
}
.check{
    display: block;
    width: .9rem;
    height: .9rem;
    border: 1px solid #2f2f2f;
    margin-right: 1rem;
} */

.footer{
    border-top: 1px solid #2f2f2f;
}
.title{
    font-size: .8rem;
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}
.title > div{
    display: flex;
    align-items:end;
}
.sort{
    font-weight: 600;
    
}
.container{
    margin: 0 auto;
    width: 100%;
    padding: 2rem 1rem;
}
.grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}
.grid-banners{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.grid-search{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}
.grid-search a:nth-child(n+5){
    display: none;
}
.card {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.card-content{
    background-color: #fff;
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;

}
.card-img{
    padding: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    overflow: hidden;
}
.card-img img{
    transition: .7s;
  }
.card-img:hover img {
    transform: scale(1.3);
  }
.card-bottom{
    padding: .5rem 0 1rem 0;
    line-height: 1.5;
}
a.product-name{
    text-decoration: none;
    color:#000;
    display: block;
    height: 46px;
    overflow: hidden;
    font-size: .9rem;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.info{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 0 .5rem .5rem .5rem;
}
.promo{
    display: flex;
    align-items: end;
}
.promo div{
    margin: 0 1rem 0 0;
    padding: .4rem .6rem;
}
.price{
    display: flex;
    flex-direction: column;
    align-items: start;
    font-size: 1.2rem;
    margin-top: .5rem;
    font-weight: 600;
    text-decoration: none;
    color:#4a4a4a !important;
}
.price p{
    margin: 0;
}
.price-sale{
    font-size: .9rem;
    text-decoration: line-through;
    font-weight: 400;
    color: #595959;
}
.price-attention{
    color: #ff6347;
}
.currency{
    font-size: 70%;
}
.sale{
    position: absolute;
    top: .5rem;
    right: .5rem;
    background-color: #ff6347;
    padding: .2rem .5rem;
    font-size: .9rem;
    color: #fff;
    z-index: 5;
}
.p-1{
    padding: .5rem;
}
.p-2{
    padding: 1rem;
}
.p-3{
    padding: 1.5rem;
}
.p-4{
    padding: 2rem;
}
.p-5{
    padding: 2.5rem;
}
#preloader{
    position: fixed;
    width: 100%;
    height:100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.6);
    z-index: 9999;
  }
#preloader div{
    width: 50px;
    height: 50px;
    opacity: .8;
}
/* product */
.row{
    width: 100%;
    margin: 0 auto;
}

.product-content{
    padding: 1rem;
}
.product-content .short-description{
    font-size: .9rem;
    line-height: 1.3;
    margin: 2rem 0;
    border: 1px solid #999;
    padding: 1rem;
}
.product-content .short-description li{
    margin-bottom: .8rem;
}
.add-to-cart, .added-to-cart{
    background-color: #18b284;
    padding: 1rem;
    margin: 1rem 0;
    font-weight: 400;
    font-size: 1.3rem;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.add-to-cart:hover, .added-to-cart:hover{
    background-color: #46c19c;
}
.product-content .price-usual, .product-content .price-attention{
    font-size: 2rem;
    margin-top: .5rem;
}
.product-content .price-sale{
    font-size: 1.3rem;
}
.product-promo{
    background-color: #ceff02;
    color: #4a4a4a;
    padding: .4rem .6rem;
    text-transform: uppercase;
    font-weight: 800;
    font-style: italic;
    display: inline-block;
    font-size: .8rem;
    margin-bottom: 1rem;

}
.product-promo img{
    display: inline;
    width: auto;
    height: 12px;
    margin-right: 12px;
}
.product-icon{
    height: 34px;
}
.text-white{
    color: #fff;
}
.text-secondary{
    color: #6a768c;
}
.text-dark{
    color: #2f2f2f;
}
.bg-dark{
    background-color: #2f2f2f;
}
.border-dark{
    border: 1px solid #2f2f2f;
}

.d-inline-block{
    display: inline-block;
}
.fw-600{
    font-weight: 600;
}
.fw-500{
    font-weight: 500;
}
.fw-400{
    font-weight: 400;
}
.fst-italic{
    font-style: italic;
}
.icon-sm{
    height: .8rem;
}
.accordion-open .accordion-icon{
    background-image: url('/assets/img/arrow-close.svg');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.accordion-close .accordion-icon{
    background-image: url('/assets/img/arrow-open.svg');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
#modal{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    display: none;
    z-index: 99;
    position: fixed;
    left: 0;
    top: 0;
}
.modal-dialog{
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 90%;
}
.modal-content{
    overflow: hidden;
    max-height: 100%;
    background-color: #fff;
    position: relative;
    margin-top: 40px;
    animation-name: animatetop;
    animation-duration: 0.4s;
}
.modal-body{
    overflow-y: auto;
    height: 100%;
    padding: 1rem;
}
.modal-header, .modal-footer{
    padding: 1rem;
}
.modal-footer{
    position: absolute;
    left: 0;
    bottom: 0;
}

  /* Add Animation */
@keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
  }
  .modal-cart table{
    margin-bottom: 150px;
  }
  .modal-cart table td{
    display: block;
  }
  .modal-close{
    cursor: pointer;
  }
  .modal-close:hover{
    color: #000;
  }
  .modal-close:hover svg{
    fill: #000;
  }
  .text-end{
    text-align: end;
  }
  .modal-search .modal-body{
    padding-bottom: 100px;
  }
  .modal-search .modal-body a{
    color:#202020;
  }
  .cartSum{
    min-width: 30px;
  }
  .cartItemRemove:hover svg{
    fill: #000;
  }
  .grid-banners img{
    transition: .7s;
  }
  .grid-banners a:hover img{
    transform: scale(1.3);
  }
  .nav-cart-count{
    border-radius: 50% !important;
    background-color: #ff6347;
    color: #fff;
    width: 18px;
    height: 18px;
    text-align: center;
    position: absolute;
    font-size: .8rem;
    right: -6px;
    top: -8px;
  }
  #full-spec{
    margin: 0 auto;
    width: 100%;
    background-color: #fff;
  }
  #full-spec td{
    font-size: .9rem;
    padding: 2rem 1rem;
    line-height: 1.5;
  }
  #full-spec tr{
    border-bottom: 5px solid #f5f5f5;
  }
  .short-description{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 5px;
  }
  .short-description div{
    background-color: #fff;
    padding: 3rem;
  }
  .breadcrumbs{
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: .8rem;
    background-color: #777;
    padding: .5rem .8rem;
  }
  .breadcrumbs a{
    color: #fff;
    text-decoration: none;
    margin: 0 .3rem 0 0;
    
    display: inline-block;
    position : relative;
   
  }
  .images-all{
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: .8rem;
    padding: .5rem .8rem;
    background-color: rgba(255,255,255,0.8);
  }
  .images-all:hover{
    color:#000;
  }
  input.invalid{
    border: 1px solid #ff6347;
  }

  .link-secondary{
    text-decoration: none;
    border-bottom: 1px dotted #202020;
  }
  .table-spec{
    width: 100%;
  }
  .table-spec tr td:first-child{
    font-weight: 600;
  }
  .table-spec td{
    word-wrap: break-word !important;
    word-break: break-word !important;
    display: block;
  }
.ratio-1x1{
    aspect-ratio: 1 / 1;
    display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.image-add-sm{
    width: 50px;
    height: 50px;
    margin:.2rem;

  }
  .image-add-sm img{
    transition: .7s;
  }
  .image-add-sm:hover{
    border-bottom: 3px solid #18b284;
  }
.image-add-sm:hover img{
    transform: scale(1.3);
  }

.border{border: 1px solid #999;}.border-bottom{border-bottom: 1px solid #999;}.border-top{border-top: 1px solid #999;}.border-start{border-left: 1px solid #999;}.border-end{border-right: 1px solid #999;} .border-danger{border-color: #ff6347;}.border-promo{border-color: #ceff02;}
.border-none{border: none !important;}
.cursor-pointer{cursor: pointer;}
.bg-danger{background-color: #ff6347;}.bg-promo{background-color: #ceff02}.bg-white{background-color: #fff}.bg-active{background-color: #595959;}
.bg-success{background-color: #18b284;} .bg-dark{background-color: #202020;}
.bg-white-opacity-06{background-color: rgba(255,255,255,0.6);}
.bg-black-opacity-06{background-color: rgba(0,0,0,0.6);}
.opacity-06{opacity: .6;}
.text-white{color: #fff;}.text-danger{color: #ff6347;}.text-black{color: #000;}
.text-uppercase{text-transform: uppercase;}.text-center{text-align: center;} .text-capitalize{text-transform: capitalize;}
.d-flex{display: flex}.d-block{display: block;}.d-inline-block{display: inline-block}.d-none{display: none !important;}.d-inline-flex{display: inline-flex;}
.justify-content-between{justify-content: space-between;}.justify-content-center{justify-content:center;}
.align-items-center{align-items: center;} .align-middle{vertical-align: middle;} .align-items-start{align-items: top;}
.flex-fill{flex:1 1 auto !important;}
.flex-wrap{flex-wrap: wrap;}.flex-column{flex-direction: column;}
.position-relative{position: relative}.position-absolute{position: absolute;}
.top-0{top:0}.start-0{left:0}.end-0{right: 0;}.bottom-0{bottom: 0;}.top-50{top:50%;}
.align-bottom{align-self: flex-end}.align-top{align-self:flex-start}.align-center{align-self: center;}
.w-100{width: 100%;}.w-50{width: 50%;}
.text-decoration-none{text-decoration: none;}.text-decoration-secondary{text-decoration: none; border-bottom: 1px dotted #4a4a4a;}
.text-decoration-line-through{text-decoration: line-through;}
.p-0{padding:0}.p-05{padding:.5rem}.p-10{padding:1rem}.p-15{padding:1.5rem}.p-20{padding:2rem}.p-25{padding:2.5rem}.p-30{padding:3rem}.p-35{padding:3.5rem}.p-40{padding:4rem}.p-45,.p-50{padding:4.5rem}.pe-0{padding-right:0}.pe-05{padding-right:.5rem}.pe-10{padding-right:1rem}.pe-15{padding-right:1.5rem}.pe-20{padding-right:2rem}.pe-25{padding-right:2.5rem}.pe-30{padding-right:3rem}.pe-35{padding-right:3.5rem}.pe-40{padding-right:4rem}.pe-45,.pe-50{padding-right:4.5rem}.ps-0{padding-left:0}.ps-05{padding-left:.5rem}.ps-10{padding-left:1rem}.ps-15{padding-left:1.5rem}.ps-20{padding-left:2rem}.ps-25{padding-left:2.5rem}.ps-30{padding-left:3rem}.ps-35{padding-left:3.5rem}.ps-40{padding-left:4rem}.ps-45,.ps-50{padding-left:4.5rem}.pt-0{padding-top:0}.pt-05{padding-top:.5rem}.pt-10{padding-top:1rem}.pt-15{padding-top:1.5rem}.pt-20{padding-top:2rem}.pt-25{padding-top:2.5rem}.pt-30{padding-top:3rem}.pt-35{padding-top:3.5rem}.pt-40{padding-top:4rem}.pt-45,.pt-50{padding-top:4.5rem}.pb-0{padding-bottom:0}.pb-05{padding-bottom:.5rem}.pb-10{padding-bottom:1rem}.pb-15{padding-bottom:1.5rem}.pb-20{padding-bottom:2rem}.pb-25{padding-bottom:2.5rem}.pb-30{padding-bottom:3rem}.pb-35{padding-bottom:3.5rem}.pb-40{padding-bottom:4rem}.pb-45,.pb-50{padding-bottom:4.5rem}.m-0{margin:0}.m-03{margin:.3rem}.m-05{margin:.5rem}.m-10{margin:1rem}.m-15{margin:1.5rem}.m-20{margin:2rem}.m-25{margin:2.5rem}.m-30{margin:3rem}.m-35{margin:3.5rem}.m-40{margin:4rem}.m-45,.m-50{margin:4.5rem}.me-0{margin-right:0}.me-05{margin-right:.5rem}.me-10{margin-right:1rem}.me-15{margin-right:1.5rem}.me-20{margin-right:2rem}.me-25{margin-right:2.5rem}.me-30{margin-right:3rem}.me-35{margin-right:3.5rem}.me-40{margin-right:4rem}.me-45,.me-50{margin-right:4.5rem}.ms-0{margin-left:0}.ms-05{margin-left:.5rem}.ms-10{margin-left:1rem}.ms-15{margin-left:1.5rem}.ms-20{margin-left:2rem}.ms-25{margin-left:2.5rem}.ms-30{margin-left:3rem}.ms-35{margin-left:3.5rem}.ms-40{margin-left:4rem}.ms-45,.ms-50{margin-left:4.5rem}.mt-0{margin-top:0}.mt-05{margin-top:.5rem}.mt-10{margin-top:1rem}.mt-15{margin-top:1.5rem}.mt-20{margin-top:2rem}.mt-25{margin-top:2.5rem}.mt-30{margin-top:3rem}.mt-35{margin-top:3.5rem}.mt-40{margin-top:4rem}.mt-45,.mt-50{margin-top:4.5rem}.mb-0{margin-bottom:0}.mb-05{margin-bottom:.5rem}.mb-10{margin-bottom:1rem}.mb-15{margin-bottom:1.5rem}.mb-20{margin-bottom:2rem}.mb-25{margin-bottom:2.5rem}.mb-30{margin-bottom:3rem}.mb-35{margin-bottom:3.5rem}.mb-40{margin-bottom:4rem}.mb-45,.mb-50{margin-bottom:4.5rem}
.fs-07{font-size:.7rem}.fs-08{font-size:.8rem}.fs-09{font-size:.9rem}.fs-10{font-size:1rem}.fs-11{font-size:1.1rem}.fs-12{font-size:1.2rem}.fs-13{font-size:1.4rem}.fs-15{font-size:1.5rem}.fs-20{font-size:2rem}.fs-25{font-size:2.5rem}.fs-30{font-size:3rem}.fs-35{font-size:3.5rem}.fs-40{font-size:4rem}.fs-45{font-size:4.5rem}.fs-5{font-size:5rem}
.lh-10{line-height:normal}.lh-11{line-height:1.1}.lh-12{line-height:1.2}.lh-13{line-height:1.3}.lh-14{line-height:1.4}.lh-15{line-height:1.5}.lh-16{line-height:1.6}.lh-17{line-height:1.7}.lh-18{line-height:1.8}.lh-19{line-height:1.9}.lh-20{line-height:2}
.overflow-hidden{overflow: hidden !important;} .text-truncate{overflow: hidden; text-overflow: ellipsis;} .text-nowrap{white-space: nowrap !important;}.text-break{word-wrap: break-word !important;word-break: break-word !important;}
@media (min-width: 576px) {
   
}


@media (min-width: 768px) {
    .d-md-flex{
        display: flex;
    }
    .modal-cart table td{
        display: table-cell;
        vertical-align: middle;
    }
    .grid-search{
        grid-template-columns: repeat(3, 1fr);
    }
    .grid-search a:nth-child(n){
        display: block;
    }
    .grid-search a:nth-child(n+7){
        display: none;
    }
    .short-description{
        grid-template-columns: repeat(2, 1fr);
    }
    
}


@media (min-width: 992px) {
    /* .container{
        max-width: 960px;
    } */
    .grid{
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 20px;
    }
    .grid-banners{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .grid-search{
        grid-template-columns: repeat(4, 1fr);
    }
    .grid-search a:nth-child(n){
        display: block;
    }
    .grid-search a:nth-child(n+9){
        display: none;
    }
    .card-img{
        padding: 3rem;
    }
    .info{
        flex-direction: row;

    }
    .price{
        align-items: end;
    }
    .info{
        padding: 0 1rem 1rem 1rem;
    }
    .sale{
        top: 1rem;
        right: 1rem;
    }
    .row, .modal-dialog{
        width: 900px;
    }
    .product-head{
        display: flex;
        flex-wrap: wrap;
        padding-top: 1.5rem;
    }
    .product-img {
        flex: 60%;
    }
    .product-content {
        flex: 40%;
    }
    .product-content{
        padding: 0 0 0 2rem;
    }
    .product-content .price-usual, .product-content .price-attention{
        font-size: 2.5rem;
    }    
    .nav{
        padding: .7rem 1rem;
    }
    .d-lg-none{
        display: none !important;
    }
    .d-lg-flex{
        display: flex !important;
    }
    .d-lg-block{
        display: block !important;
    }
    .d-lg-table-cell{
        display: table-cell;
    }
    .modal-body{
        padding: 2rem;
    }
    .modal-header, .modal-footer{
        padding: 1rem 2rem;
    }
    .product-promo{
        letter-spacing: .1rem;
        font-size: .9rem;
    }
    #full-spec{
        width: 70%;
    }
    #full-spec td{
        padding: 3rem 2rem;
    }
    .image-add-sm{
        padding: .5rem;
        margin: .5rem;
        width: 100px;
        height: 100px;
      }
      .table-spec td{
        display: table-cell;
      }
        .table-spec tr td:first-child{
    min-width: 150px;
  }
}


@media (min-width: 1200px) {
    /* .container{
        max-width: 1140px;
    } */
    .grid{
        grid-template-columns: repeat(3, 1fr);
    }
    .filters{
        display: block;
        width: 350px;
        min-width: 350px;
        height: auto;
        min-height: auto;
        position: relative;
        background-color: inherit;
        top: auto;
        z-index: 1;
    }
    .row, .modal-dialog{
        width: 1100px;
    }
    .d-xl-none{
        display: none !important;
    }
    .d-xl-block{
        display: block !important;
    }
    .d-xl-flex{
        display: flex !important;
    }
    .d-xl-inline-block{
        display: inline-block !important;
    }
    h1{
        font-size: 2rem;
        margin-bottom: .5rem;
    }
    .title{
        margin-bottom: .5rem;
    }
    .short-description{
        grid-template-columns: repeat(3, 1fr);
    }

}


@media (min-width: 1400px) {
    .grid{
        grid-template-columns: repeat(4, 1fr);
    }
    .grid-search{
        grid-template-columns: repeat(5, 1fr);
    }
    .grid-search a:nth-child(n){
        display: block;
    }
    .row, .modal-dialog{
        width: 1300px;
    }
}