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

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


}

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



}

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



}

@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;
    }

}

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




}

@media (min-width: 992px){

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

}

@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;
    }
    .portfolio .portfolio-wrap .portfolio-links a {
        font-size: 90px;
        left:5%;
        top:26%;
    }
    .top-header {
        padding: 41px;
    }
    .navbar-mobile .mobile-nav-toggle {
        position: absolute;
        top: 62px;
        right: 30px;
        z-index: 9;
        color: black;
      }
      .header-content {
        position: absolute;
        top: 37%;
        left: 23%;
    }
    .top-header {
        padding: 41px;
    }
    .footer-link{
        font-size: 12px;
        text-align: center;
    }

}

@media (min-width:480px){
    /* .collection-ul li{
        width:23%;
        height: auto;
        display: inline-block;
        margin: 10px 5px;
    
    }
    .header-content {
        position: absolute;
        bottom: 20%;
        left: 32%;
    }
    .footer-link{
        font-size: 12px;
        text-align: center;
    } */


}

@media only screen and (max-width:480px){
    .collection-ul li {
        width: 100%;
        height: auto;
        display: inline-block;
        margin: 10px;
        padding: 10;
    }
    .fixed-top {
        top: 5%;
    }
    .navbar-mobile .mobile-nav-toggle {
        position: absolute;
        top: 62px;
        right: 30px;
        z-index: 9;
        color: black;
      }
    .top-header {
        padding: 25px;
    }
    .header-content {
        position: absolute;
        bottom: 42%;
        left: 0%;
    }
    .footer-link{
        font-size: 12px;
        text-align: center;
    }
    .portfolio .portfolio-wrap .portfolio-links a{
        font-size: 70px;
        top:35%;
        left:12%;
    }
   

}
@media (max-width:360px) {
    .collection-ul li {
        width: 100%;
        height: auto;
        display: inline-block;
        margin: 10px;
        /*padding: 0;*/
    }
    .fixed-top {
        top: 5%;
    }
    .header-content {
        position: absolute;
        bottom: 10%;
        left: 0%;
    }
    .footer-link{
        font-size: 12px;
        text-align: center;
    }

}

@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%;
    }

    .header-content {
        position: absolute;
        bottom: 10%;
        left: 0%;
    }
    .footer-link{
        font-size: 12px;
        text-align: center;
    }


}