@media screen and (max-width: 1440px) {
    .about-us-img{
        width:100%;
        height:100%;
        margin-left:0;
    }
    .navbar-toggler{
        background:rgba(52,34,30,0.9) !important;
        color:#fff !important;
    }
  }

  @media screen and (max-width: 768px) {
    .about-us-img{
        position: relative;
        display: block;
        width:100px !important;
        height:100px !important;
        margin:0 auto;
        border-radius:150px;
    }
    .memberships-img{
        position: relative;
        display: block;
        margin:10px auto;
        width:100px !important;
        height:100px !important;
        border-radius:150px;
    }
    .services-title{
        width:100%;
    }
    .about-bg{
        background-position-x:10%;
    }
    .top-menu{
        background :rgba(52,34,30,0.9);
    }
    .page-menu{
        background :rgba(52,34,30,1);
        z-index: 9999;
    }
    .logo-img{
        display: none;
    }
    .mini-logo-img{
        display: block;
    }
    .nav-item{
        text-align: center;
        background-color:rgba(52,34,30,0.9) !important;
        color:#fff !important;
    }
    .top-menu li a{
        color:#fff !important;
        font-size:14px !important;
    }
    .page-menu li a{
        color:#fff !important;
        font-size:14px !important;
    }
    .cool-link::after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background: #fff;
        transition: width .3s;
    }
    .navbar-toggler{
        background:rgba(52,34,30,0.9) !important;
        color:#fff !important;
    }
    .navbar-toggler .navbar-toggler-icon{
        color:#fff;
    }
}
    @media screen and (max-width: 1024px) {

        .services-title{
            background-image: none;
            border:1px solid #333;
            padding:10px;
        }
        .about-bg{
            background-position-x:35%;
        }
        .top-menu{
            background:rgba(52,34,30,0.9);
        }
        .logo-img{
            display: none;
        }
        .mini-logo-img{
            display: block;
        }
        .nav-item{
            text-align: center;
            background-color: rgba(52,34,30,0.9) !important;

        }

        .header-img{
            height:100px;
        }
        .navbar-toggler{
            background:rgba(52,34,30,0.9) !important;
            color:#fff !important;
            z-index:9999;
        }
        .navbar-toggler .navbar-toggler-icon{
            color:#fff;
        }

  }
