@media (max-width:1024px){
.chat-widget{left:0;right:0;margin:auto}
footer{background:rgba(23,40,68,.85);position:fixed;z-index:999;bottom:0;left:0;right:0;width:100%;box-shadow:0 -2px 5px rgba(0,0,0,.2)}
.btn-footer{color:#fff; font-size:.7em}
.btn-link{text-decoration: none;}
.btn-link:hover{color:#fff;}
.btn-footer i{color:#fff;;display:block}
footer * {text-align: center}
}
@media (max-width: 480px) {
h1{font-size:2.5em}
h2{font-size:18px;line-height:28px}
h3{font-size:18px;line-height:28px}
h4{font-size:1.4em}
}

@media(max-width:420px){
  body{font-size: 85%;}
}
@media(max-width:767px) {
header nav{background-size: cover;}
#dropdown-customer{    border: 2px solid #fff;}
.navbar-nav .dropdown-menu{position: absolute;}
#dropdown-customer .cust-name {width: 250px;}
.vh-95{height:auto}
.nav-pills .nav-item button {padding: 0.1em 1.5em;margin: 0 0.4em}
}
@media (min-width: 576px) {
.modal-xl .modal-dialog{max-width:94%;margin:1.75rem auto}
}
@media (max-width:768px) {

}
@media (min-width: 769px) {

}
@media (max-width:1199px) {
h4{font-size: 1.3em;}
h5{font-size: 1em;}
h6{font-size: .9em;}
}
@media (max-width:1023px) {

}
@media (min-width:1024px) {
}
@media (min-width: 1200px) {

}
@media (max-width:1366px) {
.filter-sidebar{background: url(../images/bg.svg);background-color: var(--dark);background-size: cover;}
.filter-sidebar h5{color:#fff}
}
@media (min-width: 1367px) {

}
@media (max-width : 1499px) {

}
@media (min-width: 1500px) {
.col-xxl-15{flex:0 0 19.9%;max-width:19.9%}
.container{max-width:1300px}
.col-xxl-7{flex:0 0 58.333333%;max-width:58.333333%}
.col-xxl-5{flex: 0 0 41.666667%;max-width: 41.666667%;}
.col-xxl-2{flex:0 0 16.666667%;max-width:16.666667%}
.product-list .name{font-size:.67em}
.big-button{min-width:12vh;height:12vh}
.big-button img{height:35px}
}

@media (max-width:1199px){.chat-widget{left:0;right:0;margin:auto;width: 50px;height: 50px}.chat-wrapper{padding-bottom: 17px;left: 10px;}}
@media (min-width:400px){.chat-wrapper{width:370px}}