/* 1170px/992px */

@media (max-width: 1199px) { 

    .voters-table .tage-main{flex-wrap: nowrap;} 

    .titletable{white-space: nowrap;}

    button.btn.filter-btn{flex-shrink: 0;}

    .voter-provile{

        -ms-flex: 0 0 33.33%;

        flex: 0 0 33.33%;

        max-width: 33.33%;

    }

    .profile-content ul li{padding-right: 25px;}

    .spider-scroll{overflow-x: auto;}

} 

/* 768px */

@media (max-width: 991px) {



    .voter-provile{

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }

    .sidemenu{

        width: 40px;

        height: 40px;

        background-color: #146ace;

        color: #fff;

        position: absolute;

        left: 100%;

        text-align: center;

        line-height: 40px;

        font-size: 18px;

        top: 5px;

        border-radius: 0 10px 10px 0;

    }

    .left-sidebar{left: -200px; transition: all 300ms ease-in-out;}

    .left-sidebar.sidebar-open{left: 0;}

    .left-sidebar.sidebar-open .sidemenu i::before{

        content: "\f00d";

        font-family: 'FontAwesome';

    }

    .navbar-header{display: none;}
    .left-sidebar .navbar-header{display: block;}

    .page-wrapper{padding-left: 0; padding-top: 50px;}

    .topbar .navbar-collapse{padding-left: 50px; height: 50px;}

    .down-btn {

        width: 30px;

        height: 30px; 

        font-size: 16px; 

        bottom: -14px; 

    }

    .maltyple-tag .tags-box{white-space: nowrap;}

    .leftbar-main .nav-pills .nav-link{padding: 5px;}

} 



/* 576px */

@media (max-width: 767px) {

    .voter-provile{

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%; 

    }

    .content-nave .nav-pills{ margin-bottom: 10px;}

    .content-nave .nav-pills li{width: 100%; margin: 0;}

    .content-nave .nav-pills .nav-link{margin: 0;}

    .content-nave .nav-pills li.serch-bar{margin-top: 10px;}

    .container-fluid{padding: 20px 30px;}

    .content-nave {

        margin-bottom: 15px;

    }

   .category-tbl table th, .category-tbl table td{

    display: block;

    width: 100% !important;

   }

   .category-tbl table th, .category-tbl table td:first-child {

    background-color: #efefef;

    padding: 5px 10px;

    }

    .tage-main {
        flex-wrap: wrap;

    }

    .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{font-size: 18px !important;}

    .profile-content ul li{padding-right: 0; }

    .profile-content ul{grid-column-gap: 20px;}

    .custom-referred ul.nav{padding-top: 0;}

    .custom-referred.content-nave .nav-pills .nav-link{margin: 0 15px;}

    .category-pading {

        padding: 15px;

    }

    .leftbar-main, .rightbar-main{min-height: auto;}

    .leftbar-main{margin-bottom: 20px;}

    .login-box{padding: 20px;}

    .profile-main{margin-bottom: 15px;}

} 

 /* 480px */

@media (max-width: 575px) {

    .filterrow{flex-wrap: wrap;}

    .serch-bar{order: 3; width: 100%; padding: 0 !important;}

    .show-items{margin-left: auto;} 

    .container-fluid {

        padding: 20px 15px;

    } 

    .profile-images {

        width: 140px;

        height: 130px; 

    }

    .profile-content{padding: 5px 10px;}

    .category-pading {

        padding: 20px 20px;

    }

    .custom-tophed .serch-bar{
        min-width: unset;
    }
    .custom-tophed .serch-bar .form-group input{
        width: 100%
    }
    .sm-wide{
        width: 100%;
        padding-right: 0 !important;
    }
.showform-flex{
    width: 100%;
}


} 



@media (max-width: 479px) { 

    .nam-text {

        padding-left: 10px;

    }

    .tags-box {

        padding: 5px 8px;

        margin: 2px; 

        font-size: 10px;

        line-height: normal;

    }

    .name-tab .tab-user {

        width: 30px;

        height: 30px; 

    }

    .table-main .table{line-height: normal;}

    .profile-details{flex-direction: column;}

    .btn-blue { 

        height: 33px; 

        font-size: 13px; 

        padding: 5px 15px;

        line-height: normal;

    }

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor{padding: 7px 8px !important;}

    .setting-catagory-title{flex-direction: column; grid-row-gap: 10px;}

    #sitesettingform{margin-bottom: 10px;}

    .leftbar-main .nav-pills .nav-link{margin: 0;}

    .profile-imagesdiv .pr-images{margin-right: 10px;}

    .custom-upload .custom-file-label {

        font-size: 12px; 

        text-align: center;

        padding: 0.45rem 5px; 

    }

    .custom-upload{width: 130px;}

    .login-box .loginlogo{margin-bottom: 8px;}

    .login-box .form-group {

        margin-bottom: 10px;

    }

    .login-main{padding: 30px 0;}

    .login-box h1{margin-bottom: 20px;}

    .scroll-sidebar{height: calc(100% - 60px);}

    .showform-flex{flex-wrap: wrap;margin-right: auto;}

    .show-items{
        padding-right: 0 !important;
        /* display: none !important; */
        position: absolute;
        right: 0;
        top: -8px;

    } 

    button.btn.filter-btn{margin: 0 0 0 10px !important;}

    .serch-bar .form-group input{width: 200px;}

    .voters-table-top .titletable{width: 100%;} 

    .name-tab .tab-user img{object-fit: contain;}

    .serch-bar .form-group #listform input{width: 100%;}
    .filterrow {
        position: relative;
    }
    .custom-tophed .serch-bar{
        min-width: unset;
    }
    .custom-tophed .serch-bar .form-group input{
        width: 100%
    }
    .sm-wide{
        width: 100%;
        margin-right: 0 !important;
    }
    button.btn.filter-btn{
        margin: 0px 10px 0px 0 !important;
    }

} 

@media (max-width: 359px){

.serch-bar .form-group input {

    width: 170px;

}

.serch-bar .form-group #listform input{width: 100%;}

}