@media only screen and (max-width: 767px) {
    
.content-1 {
    margin-right: 0px;
    margin-bottom: 60px;
}
.content-1-form {
    margin-top: -20px;
}

.footer-link{
    margin-bottom: 35px;
}

.desktop-menu{
    display: none;
}
.mobile-menu-sec{
    display: block;
}
.mobile-menu-item a{
    
    padding: 13px 18px;
}
.mobile-menu-item a:hover {
    background: #eeeeee;
}
.mobile-menu-box {
    
    padding: 7px 0px;
}
.mobile-conteiner{
    padding-left: 0px;
}
.mobile-menu-item-3 a:hover {
    background: #eeeeee;
}
.mobile-menu-item-3{
    margin-right: -12px;
}
.offcanvas.offcanvas-start {
   
    width: 100%;
    margin-top: 66px;

}
.offcanvas-body {
    flex-grow: 1;
    padding: 0px;
    overflow-y: auto;
}

.menu-bottom-sec{
    display: none;
}
.banner-cont h1 {
    font-size: 32px;
    line-height: 45px;
}
.hero-banner-bg {
    padding: 50px 0px;
}
.m-select{
    margin-right: auto !important;
    padding: 0px 20px;
}
.social-text {
    border: 1px solid #000;
    padding: 30px 15px;
    width: 82%;
    margin: 0px auto;
}
}