/*responsive starts here*/

@media(max-width:1199px) {
    .menubtn-wrap{
        right: -320px;
    }
    .menu-btn span {
    top: 47%!important;
    transform: translateY(-50%) rotate(270deg);
    }
    .menubtn-wrap {
    opacity: 1;
    visibility: visible;
}
.hoveraddpdf .img-holder span.add-btn {
    display: block;
}

}

@media(max-width:991px) {
    .content-wrap figure {
        height: 195px;
    }
    .custom-owl{
            width: 100%;
    }
}

/*
@media only screen and (min-width: 812px) {
    .menubtn-wrap {
        height: 100%;
    }
    .menu-content{
         overflow: scroll;
    }
}
*/
@media(max-width:767px){
    div#projects-listing-id{
        display:flex;
    }
    div#projects-listing-id  .col-md-4.col-sm-6 {
        width: 49%;
        flex: 0 0 49%;
    }
}
@media(max-width:480px) {
    .nav.nav-tabs .nav-item {
        margin-right: 15px;
    }

    .nav.nav-tabs a {
        font-size: 15px;
    }

    .menu-content {
        width: 300px
    }

    .menubtn-wrap {
        right: -302px;
        height: 390px
    }
    
    .look-book .container {
        width: 100%!important;
    }
    .container{
        width:100%!important;
    }
    .custom-btn{
           padding: 10px 10px;
               font-size: 13px;
    }
    .menu-btn span{
    
        top: 40%;
    }
    div#projects-listing-id{
        display:flex;
        flex-wrap:wrap;
    }
     div#projects-listing-id  .col-md-4.col-sm-6 {
        width: 100%;
        flex: 0 0 100%;
    }
    .menubtn-wrap{
           top: 58%;
           transition:all 0.3s ease-in-out;
    }
    
}
@media (max-width: 1024px) and (orientation: landscape) {
    .menubtn-wrap {
        height: 100%
    }

    .menu-btn span {
        top: 23%;
    }
}