@media (max-width: 768px) {
    /* li.nav-item {
        border-left: 0px solid gray!important;
    } */
    
/*    .mem-btn {*/
/*    padding: 20px 30px 20px 30px!important;*/
/*    background-color: #34ce68;*/
/*    border: none;*/
/*    color: #ffffff;*/
/*}*/
/* .mem-btn1 {*/
/*    padding: 20px 27px 20px 27px!important;*/
/*    background-color: #019934;*/
/*    border: none;*/
/*    color: #ffffff;*/
/*}   */

.search-box{
    position: relative!important;
    top: 0!important;
    right: 0!important;
}


#background {
    position: absolute;
    top: 140%!important;
    left: -211%!important;
    z-index: 1;
    /* background: white; */
    display: block;
    /* min-height: 50%; */
    /* min-width: 50%; */
    color: yellow;
    transform: rotate(300deg)!important;
    -webkit-transform: rotate(270deg)!important;
}
#bg-text {
    color: lightgrey;
    letter-spacing: 63px!important;
    font-weight: 800!important;
    font-size: 160px!important;
    transform: rotate(300deg);
    -webkit-transform: rotate(0deg)!important;
}




.wrapper {
    flex-wrap: wrap!important;
}

a.navbar-brand {
    display: block!important;
}
.form-inline.my-2.my-lg-0 {
    display: none!important;
}

.blog-post {
    padding: 22px!important;
}
section#main {
    padding: 0px !important;
}
.home-text-directries a {
    padding: 20px 117px 20px 117px!important;
    background-color: #019934;
    border: none;
    color: #ffffff;
    white-space: normal;
}


.mem-btn3 {
    padding: 20px 80px 20px 78px;
    background-color: #019934;
    border: none;
    color: #ffffff;
    white-space: normal;
    font-size: 14px!important;
}
    .mem-btn2 {
    padding: 20px 50px 20px 48px;
    background-color: #34ce68;
    border: none;
    color: #ffffff;
    white-space: normal;
       font-size: 14px!important;
}
    .mem-btn {
    padding: 20px 106px 20px 106px;
    background-color: #34ce68;
    border: none;
    color: #ffffff;
    white-space: normal;
     font-size: 14px!important;
}
    
    .mem-btn1 {
    padding: 20px 104px 20px 102px;
    background-color: #019934;
    border: none;
    color: #ffffff;
    white-space: normal;
    font-size: 14px!important;
}
    
    .become-text {
        text-align:right!important;
    position: relative!important;
    top: -7px!important;
    right: 0!important;
}
    
    .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 10px;
}
    li.nav-item.ml-3 {
        margin-left: 0px!important;
        margin-top: 10px;
    }

    
    section.main-wrapper.mt-3.p-5 {
        padding: 5px!important;
    }
    .home-text p {
        font-size: 16px!important;
        text-align: justify;
    }
    .link-line a {
        font-size: 14px!important;
    }
    .home-img1 img {
        width: 100%!important;
    }
    section.abc-bottm.pl-5.pr-5.pb-3 {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    ul.navbar-nav.mx-auto.menu-header {
        padding: 10px;
    }
    li.nav-item.ml-5 {
        margin-left: 0px!important;
        margin-top: 4px;
    }
    a.nav-link {
        margin-left: 0px;
    }
    section.main-wrapper.mt-5.pl-5.pr-5 {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    section.main-wrapper.mt-3.pl-5.pr-5 {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    section.main-wrapper.p-5 {
        margin-top: 20px;
        padding: 0px!important;
    }
    .home-img1 {
        margin-top: 10px;
    }
    section.text-comming.mt-5.p-5 {
        padding: 8px!important;
    }
    .main-wrapper{
        padding: 0px!important;
    }
    .content-bottom{
        padding: 0px!important;
    }
    
    
    
    
        .logo-video {
        position: absolute !important;
        top: 5px !important;
        left: 6px !important;
    }
        .logo-video img {
        width: 59% !important;
        height: 6vh !important;
        border: 1px solid #ffffff !important;
        border-radius: 100px !important;
    }
    
    
}