@media only screen and (max-width: 767px) {
.promo{
     text-align: left; 
  }
.promo ul li{
   margin:4px 0;
}
.promo ul li i{
   text-align: center;
}
.container-fluid.service{
	display: none;
}
.menu-bg input,.menu-bg label{
display: block;
}
.menu-bg input{
display: none;
}
.menu-bg label{
background: var(--secondary-bg-color);
color:var(--secondary-text-color);
padding-left:10px;
font-size: 20px;
padding: 5px;
text-align: left;
}
.menu-bg label:before{
font-family: 'FontAwesome';
content: "\f0c9";
padding-right:10px;
font-size: 20px;
width: 100%
}
.menu-bg input:checked ~ .menu{
display: block;
transition: .3s
}
.menu{
display: none;
}
.menu ul li{
display: table;
border-bottom: 1px solid #ddd;
width: 100%!important;
text-align: left;
}
.menu ul li a{
font-size: 15px;
display: block;
width: 100%!important;
border: none;
padding: 10px;
}
.tabs label {
width:100%;
margin: auto;
border-bottom: 1px solid #ddd;
}
.product-more-views{
	width: auto;
	position: relative;
}
.product-image-container{
	height: auto;
}
.footer {
padding:10px 0px;
}
.footer-box{
margin: 0px
}
}