/* -------------------------------------------------------
                     phone & tablet
-------------------------------------------------------- */
@media (max-width: 560px) {

    .filtering  button {
        font-size: 14px;
        padding: 2px 5px;
        margin-left: .2rem;
        margin-block-end: 20px;
        border-radius: 0;
    }
}

@media (max-width: 767px) {

    .xs-mb-30{margin-bottom: 30px;}

    .xs-mb-50{margin-bottom: 50px;}

    .navbar .nav-item a {
      text-align: center;
    }

    .navbar-nav {
      border-top: 1px solid #ccc;
    }

    .header .caption h1 {
      font-size: 30px;
    }

    .portfolio .filtering button {
      padding: .5rem .3rem;
    }

    footer .cop , footer .scoial-icon {
      text-align: center;
    }

}

@media (max-width: 991px){

    .sm-mb-50{margin-bottom: 50px;}

}