@media(max-width:767px){

.content-wrapper, .right-side, .main-footer {
    text-align: center;
}

/*NAVIGATION SIDEBAR */
.collapsible-nav {
    width: 75% !important;
}

img.lookna_adv_logo {
    width: 60%;
}
.adv-logo{
    text-align: center;
}
/*END NAVIGATION SIDEBAR*/
/*BUSINESS LIST*/

    div#example1_filter label {
        text-align: left;
    }
    
    .box-body .btn-group {
        float: none !important;
    }

    #example1_wrapper .row .col-sm-12 {
        overflow-y: auto !important;
    }

    div#example1_wrapper .col-sm-6 {
        right: 0px !important;
        width: 0% !important;
        left: 0px !important;
    }


/*END BUSINESS LIST*/

/*CREATE AD*/
.campaign .stepbg {
    width: 100%;
    text-align: left;
}

.form-top p {
    font-size: 11px !important;
    padding-top: 11px;
}

.col-md-3.sidebar_nav {
    border-right: 0px !important;
    height: 160px !important;
    min-height: 200px !important;
}

/*END CREATE AD*/
    #listingModal .modal-body {
        padding: 0 !important;
    }

    #listingModal .for-upload {
        width: 100%;    
        margin-top: 0;
        margin-left: 0;
        padding: 8px 10px;
    }

    #cropModal .modal-dialog {
        width: 90%;
    }

    #cropModal .modal-body {
        padding: 0 !important    ;
    }

    
}

@media(min-width:768px) and (max-width:990px){


/*BUSINESS LIST*/

    div#example1_wrapper .col-sm-6 {
        right: 0px !important;
        width: 50% !important;
        left: 0px !important;
    }
/*END BUSINESS LIST*/

}

@media(min-width:991px) and (max-width:1300px){

/*BUSINESS LIST*/
    div#example1_filter label {
        text-align: left;
    }
    
    .box-body .btn-group {
        float: none !important;
    }

    div#example1_wrapper .col-sm-6 {
        right: 0px !important;
        width: 20% !important;
        left: 0px !important;
    }

/*END BUSINESS LIST*/

}



@media only screen and (max-device-width: 480px), only screen and (min-device-width: 560px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {

li.dropdown.user.user-menu {
    padding-right: 24px;
}

}


@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
    li.dropdown.user.user-menu {
    padding-right: 46px;
}
}