/*==================================RESPONSIVE LAYOUTS===============================================*/

@media only screen and (max-width: 1480px) {}

@media only screen and (min-width: 1281px) {}

@media only screen and (max-width: 1199px) {
    /* .collection-ul li{
        width: 23.75%;
        height: auto;
        display: inline-block;
        margin: 10px 0px;
        /*padding: 0;*/
    /* } */


}

@media (min-width: 992px) and (max-width: 1199px) {
    .collection-ul li {
        width: 30%;
        height: auto;
        display: inline-block;
        margin: 10px;
    }
    .portfolio .portfolio-wrap .portfolio-links a {
        font-size: 80px;
        left:5%;
        top:30%;
    }
    .top-header {
        padding: 41px;
    }
    /* .navbar-mobile .mobile-nav-toggle {
        position: absolute;
        top: 62px;
        right: 30px;
        z-index: 9;
        color: black;
      } */

}

@media only screen and (max-width: 992px) {
    /* .collection-ul li{
        width:48.5%;
        height: auto;
        display: inline-block;
        margin: 10px; */
    /*padding: 0;*/
    /* } */




}

@media (min-width: 992px) {

    /* .collection-ul li {
        width: 48.5%;
        height: auto;
        display: inline-block;
        margin: 10px;
    } */

}

@media (max-width:769px) {}

@media (min-width:769px) {}

@media (min-width: 769px) and (max-width: 992px) {
    .collection-ul li {
        width: 46.5%;
        height: auto;
        display: inline-block;
        margin: 10px;
    }
    /* .fixed-top {
        top: 5%;
    } */
    .portfolio .portfolio-wrap .portfolio-links a {
        font-size: 80px;
        left:5%;
        top:33%;
    }
    .top-header {
        padding: 41px;
    }
    .navbar-mobile .mobile-nav-toggle {
        position: absolute;
        top: 62px;
        right: 30px;
        z-index: 9;
        color: black;
      }


}

@media (min-width:480px) {
    /* .collection-ul li {
        width: 100%;
        height: auto;
        display: inline-block;
        margin: 10px;
        /*padding: 0;*/
    /*} */

    /* .fixed-top {
        top: 5%;
    } */

    /* .portfolio .portfolio-wrap .portfolio-links a {
       
        font-size: 45px;
    } */

}

@media only screen and (max-width:480px) {
    .collection-ul li {
        width: 100%;
        height: auto;
        display: inline-block;
        margin: 10px;
        /*padding: 0;*/
    }

    .fixed-top {
        top: 5%;
    }
    .portfolio .portfolio-wrap .portfolio-links a {
        font-size: 60px;
        left:7%;
        top:33%;
    }
    .navbar-mobile .mobile-nav-toggle {
        position: absolute;
        top: 62px;
        right: 30px;
        z-index: 9;
        color: black;
      }

    /*.fixed-top {*/
    /*top: 5%;*/
    /*}*/
    .top-header {
        padding: 25px;
    }

}

@media (max-width:360px) {
     .collection-ul li {
        width: 100%;
        height: auto;
        display: inline-block;
        margin: 10px;
        /*padding: 0;*/
    }

    /* .fixed-top {
        top: 5%;
    } */

}

@media only screen and (max-width:320px) {
    .collection-ul li {
        width: 100%;
        height: auto;
        display: inline-block;
        margin: 10px;
        /*padding: 0;*/
    }

    .fixed-top {
        top: 5%;
    }


}