@media (max-width: 575.98px) {
#heading-text h1{
margin-bottom: 30px;
}
#heading-text h2{
margin-bottom: 30px;
}
.sidenav .closebtn{
top: 6px;
right: 15px;
}
#request-offer{
background-size: auto 100%;
}
#request-offer{
padding-bottom: 25px;
padding-top: 50px;
}
#request-offer .title-wrap {
margin-bottom: 25px;
} h3.title{
font-size: 45px;
}
.no-padding{
padding-left: 15px;
padding-right: 15px;
}
#button_mobile_menu{
display: flex;
position: absolute;
top: 6px;
right: 15px;
}
header .primary-menu-wrap{
display: none;
}
#header-wrap .container:after{
display: none;
}
a#logo-wrap:after{
left: auto;
right: -15px;
}
a#logo-wrap{
margin-left: auto;
text-align: center;
margin-right: auto;
margin-top: 0px;
width: auto;
display: table;
}
a#logo-wrap img{
width: 140px;
}
#heading-text {
padding-top: 45px;
padding-bottom: 50px;
}
#banner-wrap{
height: 200px;
background-size: 100% auto;
}
#page-banner-wrap{
height: 200px;
background-size: auto 100%;
}
#services {
padding-top: 35px;
padding-bottom: 20px;
}
.service-box{
display: flex;
align-items: center;
background-color: #e3e3e3;
border-radius: 10px;
margin-bottom: 15px;
padding: 10px;
}
.service-box .icon-wrap{
margin-left: 0px;
margin-right: unset;
}
.service-box .icon-wrap{
margin-bottom: 0px;
margin-right: 15px;
}
footer .copyright-wrap{
text-align: center;
}
footer .copyright-wrap ul.footer-links{
float: none;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
body{
overflow: inherit;
}
}
@media (min-width: 768px) and (max-width: 991.98px) { ... }
@media (min-width: 992px) and (max-width: 1199.98px) { ... }
@media (min-width: 1200px) { ... }