@media only Screen and (max-width:1400px) and (min-width:1000px) {
}
@media only Screen and (max-width:370px) and (min-width:320px){
}
@media only Screen and (max-width:1299px) and (min-width:1260px){
}
@media only Screen and (max-width:800px){
    .main-blog-content{
        margin-bottom: 10px;
    }
    .main-blog{
        text-align: center;
    }
    .blog-inner-img{
        margin-bottom: 20px;
    }
    .footer_about p {
        padding: 0px 10px;
    }
    .founder-img{
        margin-bottom: 20px;
    }
    .serv-matter h3{
        font-size: 26px;
    }
    .contact_form .btn {
        margin-top: 7px;
      }
    .newsletter-head {
        text-align: center;
    }
    .contactform_outer{
        padding: 0px 0px 23px;
    }
    .abt-img{
        margin-bottom: 35px;
    }
    .serv-blk {
        height: auto;
    }
    .page-wrapper::after {
        background-image: url(../gallery/mb-logo-bg.png);
    }
    .top-border {
        width: 85%;
    }
    .team_g_row .col-md-3, .team_g_row .col-md-6, .team_g_row .col-md-12{
        padding: 0px 15px;
    }
    .sec-title p{
        padding: 0px;
        margin-bottom: 5px;
    }
    .grid-sec {
        margin-bottom: 60px;
    }
    .form-blog-sec {
        margin-bottom: 50px;
    }
    .form-container .form-horizontal {
        width: auto;
        margin-bottom: 100px;
        padding: 31px 20px 14px;
        border-radius: 20px;
    }
    .newsletter-section::after {
        width: 65%;
    }
    .newsletter-section::before {
        width: 80%;
    }
    .f_c_row::before {
        width: 75%;
    }
    .adde{
        padding: 0px;
    }
    .abt-sec .sec-title h2 {
        font-size: 54px;
        line-height: 52px;
        margin: 7px 0px;
    }
    .sec-title h3 {
        font-weight: 300;
        margin-bottom: 35px;
    }
    .header-menu-nav{
        display: none;
    }
    .mobile-nav-toggler .flaticon-menu-1 {
        position: relative;
        display: inline-block;
        background: var(--color-secondary);
        color: #fff;
        padding: 10px 8px 4px 7px;
        font-size: 28px;
        border-radius: 50%;
    }
    .header-main .nav-outer .main-menu {
        display: none !important;
    }
    .header-main::before {
        display: none;
    }

    .lower-box .logo {
        width: 300px;
        margin: auto;
        left: 0px;
        top: 30px;
        right: 0px;
    }
    .nav-outer .mobile-nav-toggler {
        display: block;
        top: 80px;
        z-index: 999;
        float: unset;
        width: 53px;
        left: 0;
        right: 0;
        margin: auto;
    } 
    .slide-one {
        background-image: url(../gallery/mbl-3.jpg);
    }
    .desktop-view{
        display: none!important;
    }
    .mobile-view{
        display: block;
    }
}