@media (max-width: 1800px){
    .todo-wrap .todo-list-body .task-container div.d-flex{
        min-width:240px;
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
    .caller-img{
        display:none
    }
}

@media screen and (max-width: 1660px){
    .product-table{
        overflow:auto
    }
    .card-body.chart-block.chart-vertical-center canvas{
        height:auto !important
    }
    .basic_table .table-responsive .table.table-hover tbody tr td:nth-child(2){
        min-width:170px
    }
    .basic_table .table-responsive .table.table-hover tbody tr td:nth-child(n+3){
        min-width:250px
    }
    .basic_table .table-responsive .table.table-hover tbody tr td:nth-child(n+4){
        min-width:190px
    }
    .basic_table .table-responsive .table tbody tr td:nth-child(n+2){
        min-width:180px
    }
    .learning-block .blog-box.blog-list .blog-details{
        padding:18px
    }
    .vertical-menu-main .mega-menu{
        width:1200px !important;
        max-width:1200px !important;
        left:0px !important
    }
    .bar-chart canvas{
        width:100% !important
    }
    .main-header-right .main-header-right .left-menu-header .orm-control-plaintext .form-inline{
        width:auto !important
    }
    .chat-box .chat-history .call-icons{
        margin-bottom:15px
    }
    .chat-box .chat-history .call-icons ul li{
        width:45px;
        height:45px
    }
    .chat-box .chat-history .call-icons ul li a{
        font-size:18px
    }
    .chat-box .chat-history .total-time h2{
        font-size:40px;
        color:#898989;
        margin-bottom:10px
    }
    .chat-box .chat-history .call-content .btn{
        width:auto;
        margin:0 auto
    }
    .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li:nth-child(n+2){
        margin-left:10px
    }
    .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i{
        font-size:18px
    }
    .chat-left-aside .people-list{
        height:520px
    }
    .chat-box .chat-right-aside .chat .chat-msg-box{
        height:440px
    }
    .chat-box .people-list ul{
        max-height:450px;
        overflow:auto
    }
    .call-chat-body .chat-box{
        overflow:hidden;
        height:625px
    }
    .call-chat-body .chat-box .people-list ul{
        max-height:500px;
        overflow:auto
    }
    .caller-img img{
        opacity:0.7
    }
    .chat-box .chat-history .receiver-img{
        margin-top:25px
    }
    .chat-box .chat-history .call-content{
        min-height:545px
    }
    .email-wrap .email-right-aside .email-profile .inbox p{
        width:calc(100% - 300px);
        max-width:500px
    }
    .user-profile .photos ul li{
        width:21%
    }
    .search-page .search-vid-block>div{
        margin-top:30px
    }
}

@media screen and (max-width: 1600px){
    .grid-options ul li:last-child{
        display:none
    }
    .product-page-main .owl-item .item{
        border:1px solid #f4f4f4;
        border-radius:5px
    }
    .product-page-main .proorder-xl-3{
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3
    }
}
@media screen and (max-width: 1660px) and (min-width: 1200px){
    .xl-65{
        max-width:65%;
        -webkit-box-flex:0;
        -ms-flex:0 0 65%;
        flex:0 0 65%
    }
    .xl-35{
        max-width:35%;
        -webkit-box-flex:0;
        -ms-flex:0 0 35%;
        flex:0 0 35%
    }
    .product-page-main .owl-item .item{
        border:1px solid #f4f4f4;
        border-radius:5px
    }
    .product-page-main .proorder-xl-3{
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3
    }
    .whishlist-main .prooduct-details-box .btn{
        top:5px;
        right:5px;
        bottom:unset;
        left:unset
    }
}
@media screen and (max-width: 1550px) and (min-width: 1200px){
    .docs-buttons,.docs-toggles{
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    .xl-100{
        max-width:100%;
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%
    }
    .xl-70{
        max-width:70%;
        -webkit-box-flex:0;
        -ms-flex:0 0 70%;
        flex:0 0 70%
    }
    .xl-60{
        max-width:60%;
        -webkit-box-flex:0;
        -ms-flex:0 0 60%;
        flex:0 0 60%
    }
    .xl-50{
        max-width:50%;
        -webkit-box-flex:0;
        -ms-flex:0 0 50%;
        flex:0 0 50%
    }
    .xl-40{
        max-width:40%;
        -webkit-box-flex:0;
        -ms-flex:0 0 40%;
        flex:0 0 40%
    }
    .xl-30{
        max-width:30%;
        -webkit-box-flex:0;
        -ms-flex:0 0 30%;
        flex:0 0 30%
    }
    .prooduct-details-box .d-block .flex-grow-1{
        padding:8px
    }
}
@media screen and (max-width: 1550px){
    .bg-gallery{
        height:90vh
    }
    .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark p{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box !important;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        white-space:normal
    }
    .email-wrap .email-content .email-top .user-emailid:after{
        display:none
    }
    .email-wrap .email-top .email-right{
        display:none
    }
}
@media screen and (max-width: 1580px) and (min-width: 1471px){
    .files-content li .files-list .file-left{
        padding:12px 14px
    }
    .files-content li .files-list .flex-grow-1{
        margin-left:10px !important
    }
    .quick-file li .quick-box{
        padding:20px
    }
}
@media screen and (max-width: 1445px) and (min-width: 1401px){
    .whishlist-main .prooduct-details-box .btn{
        top:0;
        right:0;
        letter-spacing:0
    }
    .prooduct-details-box .product-name h6{
        font-size:13px
    }
}
@media screen and (max-width: 1410px) and (min-width: 1367px){
    .page-wrapper.modern-type .page-header .nav-right{
        -webkit-box-flex:0;
        -ms-flex:0 0 63%;
        flex:0 0 63%;
        max-width:63%
    }
}
@media (max-width: 1470px){
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a svg{
        margin-right:15px
    }
    .dataTables_wrapper .dataTable#basic-6 tr td:first-child,.dataTables_wrapper .dataTable#basic-6 tr td:nth-child(2),.dataTables_wrapper .dataTable#basic-6 tr td:nth-child(4){
        min-width:190px
    }
    .img-cropper textarea.form-control{
        margin-bottom:15px !important
    }
    .tabbed-cardpage .tabbed-card ul.border-tab.nav-tabs .nav-item .nav-link{
        padding:18px 15px
    }
    .sticky-header-main .card-body .sticky-note .note{
        min-width:260px
    }
    .calendar-basic .card-body .lnb-calendars{
        display:block;
        text-align:right
    }
    .custom-card .card-footer>div{
        padding:12px
    }
    .custom-card .card-footer>div h3{
        font-size:18px
    }
    .custom-card .profile-details h4{
        font-size:22px
    }
    .custom-card .card-profile img{
        height:90px
    }
    .user-profile .photos ul li{
        width:20%
    }
    .email-wrap .email-right-aside .email-profile .inbox p{
        width:calc(100% - 300px);
        max-width:500px
    }
    .live-dom-table tr th,.live-dom-table tr td{
        min-width:250px !important
    }
}
@media screen and (max-width: 1470px) and (min-width: 1200px){
    .social-app-profile .activity-log-main{
        display:none
    }
    .card-header .d-flex .flex-grow-1 .square-after:after{
        right:-6px
    }
    .setting-list .setting-option{
        height:28px;
        width:28px
    }
    .setting-list .setting-option li .setting-light{
        width:28px;
        height:30px
    }
    .setting-list .setting-option li:first-child i{
        font-size:12px
    }
    .social-status.filter-cards-view .d-flex .social-status{
        left:30px
    }
    .social-status.filter-cards-view .d-flex img.img-50{
        width:40px !important
    }
    .files-content .folder-box .files-list h6{
        font-size:14px
    }
    .files-content li{
        margin-right:8px
    }
    .files-content li .files-list .file-left{
        padding:12px 14px
    }
    .files-content li .files-list .flex-grow-1{
        margin-left:10px !important
    }
    .quick-file li .quick-box{
        padding:20px 24px
    }
    .email-wrap.bookmark-wrap.todo-wrap .email-app-sidebar .d-flex .flex-grow-1 p{
        width:unset;
        max-width:unset;
        overflow:unset;
        text-overflow:unset;
        white-space:unset
    }
    .email-wrap.bookmark-wrap .email-app-sidebar .d-flex img{
        margin-right:8px !important
    }
    .email-wrap.bookmark-wrap .email-app-sidebar .d-flex .flex-grow-1 p{
        max-width:136px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .email-wrap.bookmark-wrap .xl-30{
        max-width:25%;
        -webkit-box-flex:0;
        -ms-flex:0 0 25%;
        flex:0 0 25%
    }
    .email-wrap.bookmark-wrap .xl-70{
        max-width:75%;
        -webkit-box-flex:0;
        -ms-flex:0 0 75%;
        flex:0 0 75%
    }
}
@media screen and (max-width: 1400px) and (min-width: 1200px){
    .social-app-profile .tab-content .tab-pane:nth-child(2) .social-status .d-flex{
        margin-bottom:20px
    }
    .social-app-profile .details-about .your-details p{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box !important;
        -webkit-line-clamp:6;
        -webkit-box-orient:vertical;
        white-space:normal
    }
    .payment-opt li img{
        margin:10px 8px 0 0
    }
    .product-info .dropzone .dz-message{
        margin:14px 0
    }
    .product-box .product-img .ribbon{
        padding:0 12px
    }
    .kanban-board .kanban-drag{
        padding:16px
    }
    .blog-box .blog-details-second{
        padding:16px
    }
    .blog-box .blog-details-second h6{
        font-size:16px
    }
    .blog-box .blog-details-second .detail-footer ul.sociyal-list li{
        font-size:13px
    }
    .blog-box .blog-details-second .detail-footer ul.sociyal-list li:nth-child(n+2){
        margin-left:3px;
        padding-left:3px
    }
    .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body{
        margin-left:0 !important
    }
    .page-wrapper.compact-wrapper .page-header{
        margin-left:255px;
        width:calc(100% - 255px)
    }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper{
        width:255px
    }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover{
        width:255px
    }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content{
        padding:24px 12px !important
    }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper:not(.close_icon) .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content{
        padding:24px 12px !important
    }
    .page-wrapper.compact-wrapper .page-body-wrapper .page-body{
        margin-top:81px;
        margin-left:255px
    }
    .page-wrapper.compact-wrapper .page-body-wrapper .page-body ~ .footer{
        margin-left:255px
    }
    .page-wrapper .page-header .header-wrapper{
        padding:21px 30px
    }
    .whishlist-main .prooduct-details-box .btn{
        top:0;
        right:0;
        letter-spacing:0
    }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link::before{
        left:10px
    }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a{
        padding:12px 18px
    }
    .prooduct-details-box .product-name h6{
        font-size:13px
    }
}
@media (max-width: 1280px){
    .img-gallery-set1,.img-gallery-set5{
        display:none
    }
    .box-layout.page-wrapper.horizontal-wrapper .page-header{
        padding-left:unset;
        max-width:unset;
        left:unset
    }
    .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper{
        width:unset
    }
    .email-wrap .actions li:nth-child(n+2){
        margin-left:10px
    }
    .email-wrap .actions li .btn{
        padding:7px 20px;
        text-transform:capitalize
    }
    .user-profile .photos ul li{
        width:19%
    }
    .user-profile .social-tab ul li:nth-child(n+2){
        margin-left:10px
    }
    .social-tab{
        padding:20px
    }
}
@media screen and (max-width: 1366px) and (min-width: 992px){
    .left-header .left-menu-header ul.header-left li+li{
        padding-left:20px
    }
}
@media screen and (max-width: 1366px) and (min-width: 1200px){
    .tagpills-badge .basic-icontag a.badge{
        padding:4px 5px
    }
    .tagpills-badge .basic-icontag.card-body,.tagpills-badge .icon.card-body{
        padding:30px 22px
    }
    .sticky-header-main .card-body .sticky-note .note{
        min-width:250px
    }
    .pagination-page .card .card-body,.pagination-page .card .card-header{
        padding:28px 22px
    }
    .pagination .page-item .page-link{
        padding:6px 10px
    }
    .pagination-lg .page-link{
        padding:12px 18px
    }
    .border-tab.nav-tabs .nav-item .nav-link{
        padding:10px 14px
    }
    .blog-page .blog-box.blog-shadow{
        height:454px
    }
    .blog-page .blog-box .blog-details h4{
        font-size:16px
    }
    .blog-page .blog-box.blog-list{
        padding:14px
    }
    .features-faq .card-body h6{
        font-size:16px
    }
    .job-cardview .job-search .card-body P{
        text-overflow:ellipsis;
        overflow:hidden;
        display:-webkit-box !important;
        -webkit-line-clamp:6;
        -webkit-box-orient:vertical;
        white-space:normal
    }
    .mega-options .card .d-flex.p-20{
        padding:12px
    }
    .job-search .d-sm-flex .flex-grow-1 h6 span{
        display:none
    }
    .featured-tutorial .features-faq.product-box .card-footer{
        padding:12px
    }
    .featured-tutorial .features-faq.product-box .card-footer span{
        font-size:13px
    }
    .featured-tutorial .features-faq.product-box .card-footer .pull-right{
        font-size:13px
    }
    .todo-wrap .todo-list-body .task-container div.d-flex{
        min-width:210px
    }
    .social-app-profile .card .card-header,.social-app-profile .card .card-body{
        padding:20px
    }
    .avatar-showcase .pepole-knows ul li{
        margin-right:7px
    }
    .pepole-knows ul li img.img-60{
        width:48px !important
    }
    .social-app-profile img.m-r-20{
        margin-right:12px
    }
    .new-users-social .d-flex img{
        width:48px
    }
    .social-chat .flex-grow-1{
        padding:16px
    }
    .user-profile .profile-header .userpro-box{
        max-width:350px
    }
    .list-persons .profile-mail .d-flex img{
        height:70px;
        width:70px !important
    }
    .email-app-sidebar .d-flex .flex-grow-1 p{
        width:110px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .pricing-block .pricing-header h2{
        font-size:22px
    }
    .pricing-simple .card-body h3{
        font-size:24px
    }
    .pricing-simple .card-body h1{
        font-size:60px
    }
    .file-manager .folder .folder-box p span{
        float:unset;
        display:block
    }
    .chart-widget .chart-container #circlechart svg{
        -webkit-transform:translate(0, -20px);
        transform:translate(0, -20px)
    }
    .faq-widgets svg{
        width:32px;
        height:32px;
        position:absolute;
        top:50%;
        right:22px
    }
    .blog-box .blog-details-second .blog-post-date .blg-month,.blog-box .blog-details-second .blog-post-date .blg-date{
        width:42px
    }
    .job-search .d-sm-flex img{
        width:32px !important;
        margin-right:10px
    }
    .job-search .d-sm-flex .flex-grow-1 p{
        width:135px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .learning-block .upcoming-course .d-flex+.d-flex{
        margin-top:10px
    }
    .learning-block .filter-cards-view .checkbox-animated{
        margin-bottom:10px
    }
    .xl-4{
        max-width:33.33%;
        -webkit-box-flex:0;
        -ms-flex:0 0 33.33%;
        flex:0 0 33.33%
    }
    .activity-widget .card-body{
        padding:30px 26px
    }
    .whishlist-main [class*="col-"]{
        width:25%
    }
    .custom-card .card-footer>div{
        padding:10px 0
    }
    .custom-card .card-social{
        padding-bottom:24px
    }
    .custom-card .card-profile img{
        height:80px
    }
    .custom-card .profile-details h4{
        font-size:18px
    }
    .custom-card .profile-details h6{
        margin-bottom:24px
    }
    .custom-card .card-footer>div h3{
        font-size:16px
    }
    .page-wrapper.compact-wrapper .left-header{
        -webkit-box-flex:0;
        -ms-flex:0 0 45%;
        flex:0 0 45%;
        max-width:45%
    }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .nav-right{
        -webkit-box-flex:0;
        -ms-flex:0 0 55%;
        flex:0 0 55%;
        max-width:55%
    }
    .page-wrapper.horizontal-wrapper .left-header{
        -webkit-box-flex:0;
        -ms-flex:0 0 32%;
        flex:0 0 32%;
        max-width:32%
    }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right{
        -webkit-box-flex:0;
        -ms-flex:0 0 54%;
        flex:0 0 54%;
        max-width:54%
    }
    .left-header .mega-menu-container{
        min-width:920px
    }
    .call-chat-sidebar{
        max-width:275px
    }
    .product-box .product-details{
        padding:15px
    }
    .product-box .product-details p{
        margin-bottom:10px
    }
    .flot-chart-container{
        height:130px
    }
    .cd-timeline-img{
        width:45px;
        height:45px;
        left:51%
    }
    .cd-timeline-img i{
        font-size:20px;
        top:47%
    }
    .chat-box .chat-right-aside .chat .chat-msg-box{
        height:420px
    }
    .chat-box .chat-right-aside .chat .chat-msg-box .chat-user-img{
        margin-top:-30px
    }
    .chat-box .chat-right-aside .chat .chat-msg-box .message{
        width:100%;
        padding:15px
    }
    .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a svg{
        width:22px;
        height:22px
    }
    .chat-box .chat-history .call-content{
        min-height:512px
    }
    .chat-right-aside .chat .chat-message .smiley-box{
        width:45px
    }
    .chat-box .chat-history .receiver-img img{
        height:150px
    }
    .call-chat-body .chat-box{
        overflow:hidden;
        height:595px
    }
    .blog-box .blog-details-main .blog-bottom-details{
        margin:20px 10px
    }
    .blog-box .blog-details-main .blog-social li{
        padding:0px 5px
    }
    .blog-box.blog-shadow .blog-details{
        padding:15px
    }
    .comment-box .d-flex img{
        margin-right:25px
    }
    .comment-box ul ul{
        margin-left:50px
    }
    .blog-list .blog-details h6{
        padding-bottom:0;
        margin-bottom:0;
        border:none
    }
    .blog-box .blog-date span{
        font-weight:500
    }
    .email-wrap .email-right-aside .email-body .attachment ul li img{
        width:73px;
        height:73px
    }
    .email-wrap .email-right-aside .email-body .email-top h5{
        padding:13px 0
    }
    .email-wrap .email-right-aside .email-body .inbox .flex-grow-1{
        text-align:center
    }
    .email-wrap .email-right-aside .email-body .inbox .flex-grow-1 h6{
        font-size:14px
    }
    .email-wrap .email-right-aside .email-body .email-compose .cke_contents.cke_reset{
        max-height:144px;
        width:99.7%
    }
    .email-wrap .email-right-aside .email-body .email-compose .compose-border{
        margin:0
    }
    .email-wrap .flex-grow-1 p{
        font-size:13px
    }
    .alert-dismissible p{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        max-width:181px
    }
    .bootstrap-touchspin .touchspin-vertical-tab .input-group{
        width:96% !important
    }
}
@media only screen and (max-width: 1366px){
    .dashboard-default .use-country .jvector-map-height{
        height:322px
    }
    .email-wrap .email-content .email-top .user-emailid:after{
        display:none
    }
    .left-header{
        padding:0
    }
    .custom-card{
        padding:15px
    }
    .custom-card .card-social li a{
        width:30px;
        height:30px
    }
    .grid-options ul li:last-child{
        display:none
    }
    .product-wrapper-grid.list-view .product-box .product-img{
        width:40%
    }
    .cart .qty-box{
        width:40%
    }
    .alert-dismissible strong ~ p{
        display:inline
    }
    .map-js-height{
        height:350px
    }
    .chat-box .chat-right-aside .chat .chat-msg-box{
        height:420px
    }
    .chat-box .chat-right-aside .chat .chat-msg-box .chat-user-img{
        margin-top:-30px
    }
    .chat-box .chat-right-aside .chat .chat-msg-box .message{
        width:100%;
        padding:15px
    }
    .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a svg{
        width:20px;
        height:20px
    }
    .chat-box .chat-history .call-content{
        min-height:535px
    }
    .chat-right-aside .chat .chat-message .smiley-box{
        width:45px
    }
    .chat-box .chat-history .receiver-img img{
        height:150px
    }
    .call-chat-body .chat-box{
        overflow:hidden;
        height:615px
    }
    .authentication-main .auth-innerright{
        background-size:cover
    }
    .grp-btns{
        display:inline-block
    }
    .order-history table.dataTable.table thead th{
        padding-right:50px
    }
    .map-chart .chart-container{
        height:300px
    }
    .speed-chart .chart-container{
        height:250px;
        margin-top:-40px;
        margin-bottom:100px
    }
    .status-details h3{
        font-size:18px
    }
    .chart-widget-top .total-value{
        font-size:20px
    }
    .status-widget .card-body{
        padding:10px
    }
    .calendar-basic .lnb-calendars{
        display:block;
        text-align:right
    }
    .calendar-basic .lnb-calendars>div{
        padding-left:0;
        padding-right:0
    }
    .company-card{
        padding:20px
    }
    .learning-box .details-main{
        margin:20px
    }
    .learning-box .details-main h6{
        font-size:18px
    }
    .mega-menu .onhover-show-div{
        left:164px
    }
    .img-cropper .docs-toggles{
        margin-top:8px
    }
    .bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content{
        left:-21px
    }
    #advance-5_wrapper .dataTables_paginate{
        margin-bottom:8px
    }
    .dataTables_wrapper table.column-selector tbody td.select-checkbox:before,.dataTables_wrapper table.column-selector tbody th.select-checkbox:before{
        left:20px
    }
    .dataTables_wrapper table.column-selector tbody td.select-checkbox:after,.dataTables_wrapper table.column-selector tbody th.select-checkbox:after{
        left:-6px
    }
    #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child{
        width:128px !important
    }
    #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child{
        width:128px !important
    }
    .reset-password-box .theme-form .form-group .btn{
        padding:6px 22px
    }
}
@media screen and (min-width: 1200px) and (max-width: 1214px){
    .employee-status table tr td{
        padding:15px 8px
    }
    .calender-widget .cal-img{
        height:288px
    }
    .product-thumbnail,.product-main{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:100% !important
    }
    .product-thumbnail{
        margin-top:15px
    }
}
@media only screen and (max-width: 1199px){
    .order-history{
        overflow:auto
    }
    .order-history table th{
        min-width:170px
    }
    .grid-options ul li:nth-child(3){
        display:none
    }
    .page-body-wrapper .page-body,.page-body-wrapper footer{
        margin-left:0 !important
    }
    .page-body-wrapper .page-body #customer-review .owl-stage-outer,.page-body-wrapper footer #customer-review .owl-stage-outer{
        width:100% !important
    }
    .page-wrapper .section-space{
        padding:60px 0
    }
    .page-wrapper .page-body-wrapper .footer-fix{
        margin-left:0px;
        padding-right:15px;
        width:calc(100% - 0px) !important
    }
    .page-wrapper.compact-wrapper .page-header{
        margin-left:0 !important;
        width:calc(100% - 0px) !important
    }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .maximize{
        display:none
    }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .header-logo-wrapper{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar{
        position:unset;
        margin-right:15px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        background-color:#b58022;
        -webkit-transition:all 0.5s ease;
        transition:all 0.5s ease
    }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar svg{
        color:#fff
    }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar:before{
        display:none
    }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar:hover svg{
        stroke:#fff !important
    }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-nav{
        display:none
    }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper{
        top:0
    }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover{
        -webkit-transform:translate(-285px);
        transform:translate(-285px)
    }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper{
        padding:17px 30px
    }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn{
        display:inline-block;
        float:right;
        width:35px;
        height:35px;
        border-radius:10px;
        background-color:rgba(255,255,255,0.1);
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn i{
        font-size:18px;
        color:#fff
    }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .toggle-sidebar{
        display:none
    }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links{
        height:calc(100vh - 95px)
    }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon{
        -webkit-transform:translate(-285px);
        transform:translate(-285px)
    }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links{
        height:unset
    }
    .page-wrapper.compact-wrapper .page-body-wrapper .page-body{
        margin-top:90px;
        padding:0 15px
    }
    .page-wrapper .page-header .header-wrapper{
        margin:0;
        padding:12px 30px
    }
    .page-wrapper .page-header .header-wrapper .nav-right .notification{
        top:10px
    }
    .page-wrapper .page-header .header-wrapper>.mobile-toggle{
        cursor:pointer;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .page-wrapper .page-header .header-wrapper .header-logo-wrapper{
        margin-right:0
    }
    .page-wrapper .page-header .header-logo-wrapper .logo-wrapper img{
        margin-top:0
    }
    .calender-widget .cal-img{
        height:264px
    }
    .calender-widget .cal-desc p{
        font-size:15px
    }
    .browser-table table tr td{
        padding-top:18px;
        padding-bottom:18px
    }
    .page-wrapper.horizontal-wrapper .page-header .header-wrapper{
        padding:18px 10px 18px 20px
    }
    .tabbed-cardpage .tab-content .tab-pane p{
        margin-top:0 !important
    }
    .job-cardview .job-sidebar .job-left-aside,.learning-block .job-sidebar .job-left-aside,.knowledge-details .job-sidebar .job-left-aside{
        margin-top:0;
        min-width:300px
    }
    .learning-block .blog-list img{
        border-top-left-radius:20px;
        border-top-right-radius:20px
    }
    .left-header .mega-menu-container .mega-box .svg-icon ~ div h6{
        display:none
    }
    .wizard-4 ul.anchor{
        padding-left:40px;
        padding-right:40px
    }
    .file-sidebar .card{
        margin-bottom:0
    }
    .col-xl-7.b-center.bg-size{
        top:0;
        height:100vh;
        opacity:0.5;
        position:fixed
    }
    .knowledgebase-bg{
        height:400px
    }
    .knowledgebase-search .form-inline{
        width:400px;
        padding:7px 45px
    }
    .knowledgebase-search .form-inline svg{
        top:14px
    }
    .btn-group .btn{
        padding:0.375rem 1.25rem
    }
    .link-section>div.active>h6:before{
        content:"\f107";
        -webkit-transition:content 0.3s ease;
        transition:content 0.3s ease
    }
    .link-section>div>h6{
        position:relative
    }
    .link-section>div>h6:before{
        content:"\f105";
        font-family:fontAwesome;
        position:absolute;
        right:10px;
        font-size:18px;
        -webkit-transition:content 0.3s ease;
        transition:content 0.3s ease
    }
    .left-header .mega-menu-container{
        position:fixed;
        width:300px;
        border:1px solid #eee;
        top:0px;
        height:100vh;
        left:unset;
        right:-300px;
        z-index:99;
        -webkit-transition:all 0.3s ease;
        transition:all 0.3s ease;
        overflow:scroll;
        min-width:unset;
        padding-right:20px
    }
    .left-header .mega-menu-container .container-fluid{
        padding:0
    }
    .left-header .mega-menu-container.d-block{
        right:0;
        -webkit-transition:all 0.3s ease;
        transition:all 0.3s ease;
        -webkit-animation:fadeInRight 0.3s ease-in-out;
        animation:fadeInRight 0.3s ease-in-out
    }
    .left-header .mega-menu-container .mega-box{
        -ms-flex-preferred-size:auto;
        flex-basis:auto
    }
    .left-header .mega-menu-container .mega-box+.mega-box{
        border-left:0px;
        padding-left:15px
    }
    .left-header .mega-menu-container .mega-box .link-section .submenu-title{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .left-header .mega-menu-container .mega-box .link-section .according-menu{
        display:inline-block
    }
    .alert-theme{
        min-width:420px
    }
    .mega-menu-header .header-wrapper .vertical-mobile-sidebar{
        display:block;
        margin-right:15px
    }
    .custom-card .card-social{
        padding-bottom:20px
    }
    .custom-card .card-profile .card-social li a{
        padding:8px
    }
    .custom-card .card-profile .card-footer>div h3{
        font-size:18px
    }
    .custom-card .profile-details h4{
        font-size:20px
    }
    .custom-card .profile-details h6{
        margin-bottom:20px
    }
    .custom-card .card-footer>div h3{
        font-size:18px
    }
    .feature-products span.f-w-600{
        padding-top:unset;
        margin-bottom:10px
    }
    .product-page-main .proorder-lg-1{
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
    .cd-container:before{
        left:-18px !important
    }
    .cd-timeline-content{
        margin-left:8px
    }
    .blog-single .comment-box ul .comment-social{
        margin-left:0
    }
    .blog-box.blog-list .blog-wrraper{
        border-bottom-left-radius:unset;
        border-top-right-radius:10px
    }
    .lg-mt-col{
        margin-top:30px
    }
    .xl-none{
        display:none
    }
    .lg-mt{
        margin-top:30px
    }
    .new-products .owl-carousel .product-box.row>div{
        width:100%
    }
    .product-wrapper-grid.list-view .product-box .product-img{
        width:32%
    }
    .debit-card{
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
    .typography .row div+div{
        margin-top:30px
    }
    .listing .card-body .row>div+div{
        margin-top:30px
    }
    .flot-chart-container{
        height:200px
    }
    .img-cropper .docs-toggles>.dropdown{
        margin-bottom:0
    }
    .error-wrapper .maintenance-icons li i{
        color:#f4f4f4;
        font-size:40px
    }
    .error-wrapper .maintenance-icons li:nth-child(2) i{
        font-size:80px;
        margin-left:90px
    }
    .error-wrapper .maintenance-icons li:nth-child(3) i{
        font-size:120px;
        margin-top:-75px;
        margin-right:110px
    }
    div.dataTables_wrapper div.dataTables_paginate ~ .dataTables_filter{
        display:block;
        width:100%;
        margin-top:20px;
        margin-bottom:0
    }
    .jvector-map-height{
        height:280px
    }
    .equal-height-lg{
        min-height:unset !important
    }
    .user-profile .photos ul li{
        width:20%
    }
    .user-profile .profile-header{
        height:380px
    }
    .user-profile .profile-header .userpro-box{
        max-width:325px;
        padding:25px
    }
    .user-profile .profile-header .userpro-box .icon-wrapper{
        width:30px;
        height:30px;
        font-size:13px
    }
    .user-profile .profile-header .userpro-box .avatar{
        width:85px;
        height:85px
    }
    .user-profile .profile-header .userpro-box h4{
        font-size:18px
    }
    .user-profile .profile-header .userpro-box h6{
        font-size:14px
    }
    .user-profile .social-media ul.user-list-social li a{
        width:28px;
        height:28px
    }
    .social-tab{
        padding:20px
    }
    .social-tab ul li a{
        padding:8px 10px;
        font-size:12px
    }
    .blog-list .blog-details p,.blog-list .blog-details hr{
        display:block
    }
    .mega-menu .onhover-show-div{
        height:435px;
        overflow-x:scroll;
        left:215px
    }
    .mega-menu .mega-bg{
        display:none
    }
    .mega-menu .lg-mt{
        margin-top:25px
    }
    .comingsoon .comingsoon-inner h5{
        font-size:40px
    }
    .learning-box .details-main{
        margin:20px
    }
    .learning-box .details-main h6{
        font-size:18px
    }
    .error-wrapper .svg-wrraper svg{
        height:310px
    }
    .error-wrapper .maintenance-heading{
        margin-top:30px
    }
    .error-wrapper .maintenance-heading .headline{
        font-size:60px;
        margin-bottom:15px
    }
    .error-wrapper .maintenance-heading .cloud-second{
        margin-top:-25px
    }
    .crm-overall .overall-chart{
        height:200px
    }
    .product-table table.dataTable thead>tr>th{
        padding-right:50px
    }
    .chat-box .chat-menu{
        background-color:#fff
    }
    .chat-box .chat-menu .people-list ul.list{
        max-height:515px;
        overflow-y:auto
    }
    .chat-box .btn-lg{
        font-size:12px
    }
    .chat-box .chat-right-aside .chat .chat-header{
        height:auto
    }
    .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a svg{
        width:20px;
        height:20px
    }
    .chat-box .chat-right-aside .chat .chat-message{
        margin:0;
        bottom:15px
    }
    .chat-box .chat-history .total-time h2{
        font-size:25px
    }
    .chat-box .chat-history .row .col-sm-7{
        padding-right:0
    }
    .chat-box .chat-history .caller-img-sec{
        display:none
    }
    .chat-box .border-tab.nav-tabs{
        width:100%
    }
    .chat-box .border-tab.nav-tabs .nav-item{
        margin-right:5px
    }
    .chat-box .border-tab.nav-tabs .nav-item a{
        height:auto;
        line-height:1.2
    }
    .chat-box .toogle-bar{
        display:inline-block
    }
    .chat-box .people-list ul{
        height:500px
    }
    .chat-menu-icons{
        display:block;
        clear:both;
        width:100%;
        text-align:right
    }
    .chat-history{
        height:447px
    }
    .email-wrap .email-right-aside .email-body .b-r-light{
        border-right:none !important
    }
    .email-wrap .email-aside-toggle{
        display:block
    }
    .email-wrap .email-sidebar{
        position:relative
    }
    .email-wrap .email-sidebar .email-aside-toggle{
        margin-bottom:20px;
        width:-webkit-fit-content;
        width:-moz-fit-content;
        width:fit-content
    }
    .email-wrap .email-sidebar .email-left-aside{
        position:absolute;
        top:100%;
        left:0;
        opacity:0;
        visibility:hidden;
        z-index:2;
        width:300px;
        -webkit-transition:all 0.5s ease;
        transition:all 0.5s ease
    }
    .email-wrap .email-sidebar .email-left-aside.open{
        visibility:visible;
        opacity:1
    }
    .job-accordion .card{
        margin-bottom:20px
    }
    .job-sidebar{
        position:relative
    }
    .job-sidebar .job-toggle{
        display:block;
        margin-bottom:20px
    }
    .job-sidebar .job-left-aside{
        position:absolute;
        top:100%;
        left:0;
        margin-top:20px;
        opacity:1;
        visibility:hidden;
        overflow-y:scroll;
        z-index:3;
        max-width:270px;
        height:600px;
        background-color:#fff;
        border:1px solid #eee;
        padding:20px
    }
    .job-sidebar .job-left-aside.open{
        opacity:1;
        visibility:visible
    }
    .learning-block>div:first-child{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
    .icon-lists div{
        overflow:hidden;
        text-overflow:ellipsis;
        max-width:209px
    }
    .bootstrap-touchspin .touchspin-vertical-tab .input-group{
        width:98.5% !important
    }
    #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child{
        width:95px !important
    }
    #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child{
        width:95px !important
    }
    .vertical-menu-mt{
        margin-top:80px !important
    }
    .vertical-menu-mt .xl-none{
        display:block
    }
    .calendar-wrap .fc-day-grid-event{
        width:87%
    }
    input[type="checkbox"].tui-full-calendar-checkbox-round+span{
        margin-right:3px
    }
    .md-sidebar .md-sidebar-toggle{
        display:block
    }
    .md-sidebar .md-sidebar-aside{
        position:absolute;
        top:100%;
        left:0;
        opacity:0;
        visibility:hidden;
        z-index:3;
        width:280px
    }
    .md-sidebar .md-sidebar-aside.open{
        opacity:1;
        visibility:visible
    }
}
@media only screen and (max-width: 1120px){
    .social-tab .input-group{
        width:190px
    }
}
@media only screen and (max-width: 1199px) and (min-width: 992px){
    .activity-log-main .activity-log .my-activity:nth-child(n+3){
        display:none
    }
    .jkanban-container .kanban-container .kanban-board{
        margin-left:10px !important;
        margin-right:10px !important;
        width:calc(100% / 3 - 20px) !important
    }
    .user-card .custom-card .card-footer>div{
        padding:10px
    }
    .chart-widget .chart-container #circlechart svg{
        -webkit-transform:translate(0, -20px);
        transform:translate(0, -20px)
    }
    .page-wrapper.compact-wrapper .page-header .header-wrapper{
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar{
        margin-right:20px
    }
    .dashboard-2 .product .card-body .table tr td{
        padding:4px 15px
    }
    .page-wrapper.horizontal-wrapper .header-logo-wrapper{
        width:140px
    }
    .page-wrapper.horizontal-wrapper .left-header{
        -webkit-box-flex:0;
        -ms-flex:0 0 40%;
        flex:0 0 40%;
        max-width:40%
    }
    .page-wrapper.horizontal-wrapper .right-header{
        -webkit-box-flex:0;
        -ms-flex:0 0 45%;
        flex:0 0 45%;
        max-width:45%
    }
    .page-wrapper.compact-wrapper .left-header{
        -webkit-box-flex:0;
        -ms-flex:0 0 60%;
        flex:0 0 60%;
        max-width:60%
    }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .nav-right{
        -webkit-box-flex:0;
        -ms-flex:0 0 33%;
        flex:0 0 33%;
        max-width:33%
    }
}
@media only screen and (max-width: 991px){
    .dashboard-default .use-country .jvector-map-height{
        height:314px
    }
    .basic_table .table-responsive .table.table-hover tbody tr td:nth-child(n+3){
        min-width:250px
    }
    .color-ribbon .row>div{
        margin-bottom:0
    }
    .kanban-board{
        width:calc(100% / 2 - 30px) !important
    }
    .edit-profile .profile-title .d-lg-flex{
        text-align:center
    }
    .edit-profile .profile-title .d-lg-flex .flex-grow-1{
        margin-left:unset;
        margin-top:10px
    }
    .page-wrapper .card .card-header,.page-wrapper .card .card-body,.page-wrapper .card .card-footer{
        padding:20px
    }
    .page-wrapper .card .card-header .tab-content .m-t-30,.page-wrapper .card .card-body .tab-content .m-t-30,.page-wrapper .card .card-footer .tab-content .m-t-30{
        margin-top:20px !important
    }
    .page-wrapper .card .card-header .tab-content .m-b-30,.page-wrapper .card .card-body .tab-content .m-b-30,.page-wrapper .card .card-footer .tab-content .m-b-30{
        margin-bottom:20px !important
    }
    .todo .todo-list-wrapper .todo-list-body{
        max-height:100%
    }
    .todo-list-wrapper #todo-list li .task-container .task-label{
        min-width:460px
    }
    .footer{
        padding:14px 15px
    }
    .setting-list{
        top:20px;
        right:20px
    }
    .loader-wrapper .dot{
        width:22px;
        height:22px;
        margin:10px
    }
    .flag-icons div .flex-grow-1 h5{
        padding:3px 5px
    }
    .flag-icons div .flag-icon{
        height:45px;
        width:45px
    }
    .tabbed-cardpage .card-body .tabbed-card ul.nav-pills:not(.border-tab){
        top:-5px
    }
    .simplebar-mask{
        top:70px
    }
    .project-cards .tab-content{
        margin-bottom:-20px
    }
    .project-box{
        margin-bottom:20px
    }
    .left-header .nav-link{
        margin-left:6px
    }
    .user-profile .profile-post .post-header .d-flex h5{
        font-size:15px
    }
    .product-box .modal .modal-header .product-box .product-details{
        padding-left:0;
        padding-right:0
    }
    .search-form .form-group:before{
        top:33px
    }
    .search-form .form-group:after{
        top:35px
    }
    .mobile-title.d-none{
        padding:11px 30px 10px
    }
    .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown.onhover-show-div{
        top:50px;
        width:160px
    }
    .page-wrapper .page-header .header-wrapper .nav-right>ul>li{
        width:35px;
        height:35px
    }
    .page-wrapper .page-header .header-wrapper .nav-right>ul>li svg{
        width:16px
    }
    .page-wrapper .page-header .header-wrapper .nav-right>ul>li i{
        font-size:16px
    }
    .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i{
        font-size:16px
    }
    .page-wrapper .page-header .header-wrapper .search-full input{
        line-height:50px
    }
    .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search{
        top:20px
    }
    .page-wrapper .page-header .header-wrapper .search-full .form-group:before{
        top:18px
    }
    .page-wrapper .current_lang .lang span.lang-txt{
        display:none
    }
    .left-header .input-group{
        padding:5px 10px
    }
    .left-header .input-group .input-group-prepend .input-group-text{
        width:30px;
        height:30px;
        border-radius:50%
    }
    .left-header .input-group .input-group-prepend .input-group-text i{
        font-size:14px
    }
    .customizer-contain{
        top:62px
    }
    .mobile-clock-widget #date{
        margin-top:20px
    }
    .m-r-30{
        margin-right:20px
    }
    .card.full-card{
        top:60px;
        width:calc(100vw - 0px)
    }
    .vertical-mobile-sidebar{
        right:75px;
        top:18px
    }
    .gallery{
        margin-bottom:-20px
    }
    .my-gallery figure{
        margin-bottom:20px
    }
    #aniimated-thumbnials figure:nth-child(12),#aniimated-thumbnials figure:nth-child(11),#aniimated-thumbnials figure:nth-child(10),#aniimated-thumbnials figure:nth-child(9){
        margin-bottom:20px
    }
    .photoswipe-pb-responsive{
        padding-bottom:25px !important
    }
    .custom-card{
        padding-bottom:0
    }
    .custom-card .card-footer{
        padding:0
    }
    .custom-card .card-header{
        border:none
    }
    .custom-card .dashboard-card{
        padding:0
    }
    table.dataTable.fixedHeader-locked,table.dataTable.fixedHeader-floating{
        left:0 !important;
        width:100% !important
    }
    .feature-products form .form-group i{
        right:20px
    }
    .product-page-main{
        padding:20px
    }
    .product-wrapper-grid.list-view .product-box .product-img{
        width:45%
    }
    .call-chat-body .chat-box{
        height:625px
    }
    .chat-box .chat-menu{
        top:75px
    }
    .chat-box .chat-menu .user-profile .user-content h5{
        margin-bottom:10px
    }
    .chat-box .chat-menu .user-profile .follow span{
        font-size:12px
    }
    .chat-box .chat-menu .user-profile .follow .follow-num{
        font-size:18px
    }
    .add-post .dropzone{
        margin-bottom:20px
    }
    .customers.avatar-group{
        margin-right:20px
    }
    .search-page .info-block{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .search-page .tab-content .pb-4{
        padding-bottom:20px !important
    }
    .search-page .info-block+.info-block{
        padding-top:20px;
        margin-top:20px
    }
    .search-page #video-links .embed-responsive+.embed-responsive{
        margin-top:20px
    }
    .socialprofile .social-btngroup{
        margin:20px 0
    }
    .socialprofile .social-group{
        margin-top:20px
    }
    .social-status form .form-group .form-control-social{
        margin-bottom:20px
    }
    .social-status .d-flex{
        margin-bottom:20px
    }
    .timeline-content p,.timeline-content .comments-box{
        margin-top:20px
    }
    .social-chat{
        margin-top:20px
    }
    .social-chat .flex-grow-1{
        padding:20px
    }
    .social-chat .your-msg,.social-chat .other-msg{
        margin-bottom:20px
    }
    .social-network span{
        margin-bottom:20px
    }
    .details-about+.details-about{
        margin-top:20px
    }
    .activity-log .my-activity+.my-activity{
        margin-top:20px
    }
    .new-users-social{
        margin-bottom:20px
    }
    .helper-classes{
        padding:20px
    }
    .floated-customizer-btn,.floated-customizer-panel{
        display:none
    }
    .ecommerce-widget .progress-showcase{
        margin-top:20px
    }
    .crm-overall{
        margin:0 -20px -20px
    }
    .grid-options ul li:nth-child(3){
        display:none
    }
    .tabbed-card ul{
        padding:18px 15px
    }
    .tabbed-card ul{
        top:-7px;
        right:0
    }
    .tabbed-card ul.border-tab.nav-tabs{
        padding:0
    }
    .tabbed-card ul.border-tab.nav-tabs .nav-item .nav-link{
        padding:10px 15px
    }
    .tilt-showcase .tilt-image{
        text-align:center
    }
    .tilt-showcase .mt-4{
        margin-top:20px !important
    }
    .display-1{
        font-size:4rem
    }
    .display-2{
        font-size:3.5rem
    }
    .display-3{
        font-size:2.5rem
    }
    .display-4{
        font-size:1.5rem
    }
    .typography .h1{
        font-size:34px
    }
    .typography .h2{
        font-size:30px
    }
    .typography .h3{
        font-size:22px
    }
    .typography .h4{
        font-size:20px
    }
    .typography .h5{
        font-size:18px
    }
    .typography .h6{
        font-size:15px
    }
    h1{
        font-size:34px
    }
    h2{
        font-size:28px
    }
    h3{
        font-size:26px
    }
    h4{
        font-size:22px
    }
    h5{
        font-size:15px
    }
    h6{
        font-size:15px
    }
    .card-absolute .card-header{
        padding:10px 15px !important
    }
    .comingsoon .comingsoon-inner .countdown .time{
        width:80px;
        height:80px;
        font-size:26px
    }
    .owl-theme .owl-nav.disabled+.owl-dots{
        margin-bottom:-10px;
        margin-top:15px
    }
    .card .card-header h5{
        font-size:18px
    }
    .card .card-header .card-header-right{
        top:20px;
        right:20px
    }
    .search-list{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .comingsoon .comingsoon-inner h5{
        font-size:35px
    }
    .error-wrapper{
        padding:35px 0
    }
    .error-wrapper .sub-content{
        font-size:14px;
        line-height:25px;
        margin-top:0px;
        margin-bottom:25px
    }
    .error-wrapper .error-heading{
        margin-top:30px
    }
    .error-wrapper .error-heading .headline{
        font-size:180px;
        margin-top:0
    }
    .error-wrapper .maintenance-heading{
        margin-top:20px
    }
    .editor_container .CodeMirror{
        min-height:250px;
        height:250px
    }
    .comingsoon .comingsoon-inner img{
        height:80px
    }
    .xl-none{
        display:block
    }
    .sm-100-w{
        width:100%;
        height:100%
    }
    .form-wizard .btn-mb{
        margin-bottom:20px
    }
    .stepwizard{
        margin-bottom:20px
    }
    .f1 .f1-steps{
        margin-top:20px;
        margin-bottom:20px
    }
    .wizard-4 ul.anchor{
        padding-right:20px;
        width:40%
    }
    .wizard-4 ul.anchor li a.done h4:before{
        top:-8px
    }
    .wizard-4 ul.anchor li h4{
        padding:11px 18px
    }
    .wizard-4 ul.anchor li+li a{
        padding-left:65px
    }
    .wizard-4 .step-container{
        width:60%
    }
    .wizard-4 .step-container div.content .wizard-title{
        width:380px
    }
    .wizard-4 .login-card .login-main{
        width:380px
    }
    .wizard-4 .msg-box{
        top:25px !important
    }
    .border-tab.nav-tabs{
        margin-bottom:20px
    }
    .tab-content ~ .nav-tabs.border-tab{
        margin-top:20px
    }
    .dataTables_wrapper .dataTables_length{
        margin-bottom:20px
    }
    .dataTables_wrapper table.dataTable{
        margin-bottom:20px !important
    }
    .lg-mt{
        margin-top:20px
    }
    .gallery-with-description{
        margin-bottom:-20px
    }
    .gallery-with-description a>div{
        margin-bottom:20px
    }
    .clipboaard-container p{
        margin-bottom:8px
    }
    .m-b-30{
        margin-bottom:20px !important
    }
    .nav-md-mt{
        margin-top:20px
    }
    .navs-icon{
        padding:20px
    }
    .navs-icon .main-section{
        padding-top:20px
    }
    .navs-icon .separator{
        margin:20px 0
    }
    .nav-list{
        padding:20px
    }
    .navs-dropdown button{
        margin-top:20px
    }
    .navs-dropdown .onhover-show-div{
        top:68px
    }
    .animated-modal .form-group{
        width:100%;
        display:block
    }
    .animated-modal .me-4{
        margin-right:0 !important
    }
    .steps-md-mt{
        margin-top:20px
    }
    .btn-group-wrapper .m-b-30:last-child{
        margin-bottom:0 !important
    }
    #advance-5_wrapper .dataTables_paginate{
        margin-bottom:20px
    }
    .click2edit ~ .note-editor.note-frame{
        margin-bottom:20px
    }
    .card .card-body form.animated-modal{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .card .card-body form.animated-modal .animated-modal-md-mb{
        margin-bottom:20px !important
    }
    .wizard-4 .msg-box{
        top:40px;
        right:0%;
        bottom:unset;
        left:unset
    }
    .theme-form.form-inline{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
@media only screen and (max-width: 991px) and (min-width: 768px){
    .user-profile .profile-post .post-body .post-comment li:nth-child(n+2){
        margin-left:8px
    }
    .dashboard-2 .product .card-body .table tr td{
        padding:4px 15px
    }
    .page-wrapper .page-header .header-wrapper .nav-right{
        -webkit-box-flex:0;
        -ms-flex:0 0 65%;
        flex:0 0 65%;
        max-width:65%
    }
}
@media only screen and (max-width: 810px){
    .page-wrapper .page-header .header-wrapper .nav-right>ul>li .profile-media .flex-grow-1{
        display:none
    }
}
@media only screen and (max-width: 768px){
    .text-md-end{
        text-align:right !important
    }
}
@media only screen and (max-width: 767px){
    .kanban-board{
        width:calc(100% / 1 - 30px) !important
    }
    .card-order{
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
    .product-page-main [class*=" col-"]:first-child{
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
    .file-content .d-md-flex{
        text-align:center
    }
    .file-content .d-md-flex .form-inline .form-group{
        display:-webkit-box !important;
        display:-ms-flexbox !important;
        display:flex !important
    }
    .file-content .d-md-flex .flex-grow-1{
        margin-top:15px;
        text-align:center !important
    }
    .starter-kit-fix .starter-main>div:last-child .card{
        margin-bottom:30px
    }
    .cal-date-widget .cal-datepicker .datepicker-here{
        width:100%
    }
    .dropzone.dz-clickable{
        padding:20px
    }
    .wizard-4 ul.anchor{
        width:100%;
        height:auto;
        padding:30px
    }
    .wizard-4 .step-container{
        width:100%
    }
    .contact-editform{
        padding-left:20px !important
    }
    .tabbed-cardpage .card-body .tabbed-card ul.nav-pills:not(.border-tab){
        top:-7px
    }
    .search-list .nav-item .nav-link.active{
        border-radius:unset !important
    }
    .search-list li:first-child{
        border-radius:unset !important
    }
    .search-list li:last-child{
        border-radius:unset !important
    }
    .event-calendar{
        display:block !important
    }
    .event-calendar #right{
        width:100%
    }
    .event-calendar #calendar{
        clear:both
    }
    .page-wrapper.compact-wrapper .left-header{
        position:unset
    }
    .page-wrapper.compact-wrapper .left-header .mega-menu{
        position:absolute !important;
        right:30px;
        top:13px
    }
    .page-wrapper.compact-wrapper .left-header .mega-menu .nav-link{
        min-width:auto;
        background-color:transparent;
        border-left:1px solid #ddd;
        padding-right:0;
        border-radius:0
    }
    .page-wrapper.compact-wrapper .left-header .mega-menu svg{
        margin-right:0;
        height:20px;
        stroke:#10101c
    }
    .page-wrapper.compact-wrapper .left-header .mega-menu span{
        display:none
    }
    .new-products .owl-carousel .product-box.row>div{
        width:auto
    }
    .profile-media .flex-grow-1{
        display:none
    }
    .form-inline .form-group:not(.form-control-search){
        width:100%
    }
    .form-inline .form-group:not(.form-control-search)+.form-group{
        margin-top:10px
    }
    .form-inline .form-group:not(.form-control-search) input{
        width:100%
    }
    .credit-card .text-center img{
        margin-bottom:20px
    }
    .starter-kit-fix .page-body{
        margin-bottom:72px
    }
    .page-header .header-wrapper .left-header ul li .search-form.form-inline{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .page-header .header-wrapper .left-header ul li .search-form input{
        width:77% !important
    }
    .animation-modal .card-body .modal .theme-close{
        width:30px;
        height:30px
    }
    .animation-modal .card-body .animate-widget img{
        border-bottom-left-radius:20px;
        border-bottom-right-radius:20px
    }
    .toggle-sidebar{
        width:35px;
        height:35px
    }
    .left-header .input-group{
        position:relative;
        overflow:unset;
        width:-webkit-fit-content;
        width:-moz-fit-content;
        width:fit-content;
        padding:0
    }
    .left-header .input-group .form-control{
        position:absolute;
        top:100%;
        left:10px;
        width:170px;
        padding:7px 15px;
        background-color:#f6f8fc;
        border:1px solid #5c61f2;
        border-radius:30px !important;
        visibility:hidden;
        opacity:0;
        -webkit-transform:translateY(-35px) scaleY(0);
        transform:translateY(-35px) scaleY(0);
        -webkit-transition:all linear 0.3s;
        transition:all linear 0.3s
    }
    .left-header .input-group .form-control.open{
        -webkit-transform:translateY(0px) scaleY(1);
        transform:translateY(0px) scaleY(1);
        opacity:1;
        visibility:visible;
        z-index:2
    }
    .left-header .input-group .input-group-prepend .input-group-text{
        margin-right:unset;
        width:35px;
        height:35px
    }
    .left-header .input-group .input-group-prepend .input-group-text:hover{
        background-color:#5c61f2
    }
    .left-header .input-group .input-group-prepend .input-group-text:hover i{
        color:#fff
    }
    .general-widget .custom-card{
        padding:0
    }
    .general-widget .custom-card .card-profile{
        margin-top:-45px
    }
    .general-widget .custom-card .card-header{
        padding:0
    }
    .general-widget .custom-card .card-header img{
        margin-top:0
    }
    .general-widget .custom-card .card-social{
        margin-top:unset
    }
    .custom-card .card-header img{
        margin-top:-100px
    }
    .user-card .custom-card{
        padding:0
    }
    .user-card .custom-card .card-social{
        margin-top:unset
    }
    .custom-card .profile-details h4{
        font-size:18px
    }
    .custom-card .card-footer>div{
        padding-top:10px;
        padding-bottom:10px;
        padding-right:10px;
        padding-left:10px
    }
    .feature-products .filter-toggle{
        padding:8px 15px;
        margin-left:10px;
        border-radius:5px;
        background-color:rgba(92,97,242,0.05);
        color:#5c61f2
    }
    .feature-products span.f-w-600{
        padding-top:8px;
        display:inline-block
    }
    .products-total{
        margin-bottom:10px
    }
    .product-page-main .border-tab.nav-tabs .nav-item{
        width:auto !important
    }
    .error-wrapper svg{
        height:240px
    }
    .error-wrapper .svg-wrraper svg{
        height:280px
    }
    .error-wrapper .maintenance-heading .headline{
        font-size:35px;
        margin-bottom:10px
    }
    .blog-box .blog-details-main .blog-social li{
        padding:0 12px
    }
    .learning-box .details-main{
        margin:20px
    }
    .btn-showcase{
        text-align:center
    }
    .tabs-scoial.border-tab.nav-tabs{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .edit-profile .card .card-header h4{
        font-size:22px
    }
    .edit-profile .profile-title .d-lg-flex .flex-grow-1 h3{
        font-size:20px
    }
    .my-gallery figure:nth-child(9),.my-gallery figure:nth-child(10){
        margin-bottom:20px
    }
    .project-list .btn{
        float:left;
        margin-top:5px
    }
    .calendar-basic .lnb-calendars>div{
        padding:12px 0
    }
    .calendar-wrap .fc-basic-view .fc-day-number{
        padding:0 0px !important
    }
    .calendar-wrap .fc-events-container{
        margin-top:0px
    }
    .calendar-wrap .fc-events-container h6,.calendar-wrap .fc-events-container .checkbox{
        text-align:right
    }
    .calendar-wrap .checkbox label{
        margin-top:0
    }
    .calendar-wrap .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow:after{
        font-size:12px !important
    }
    .calendar-wrap .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow:after{
        font-size:12px !important
    }
    .calendar-wrap .fc-toolbar .fc-left .fc-today-button,.calendar-wrap .fc-toolbar .fc-right .fc-today-button{
        padding-top:0px !important
    }
    .calendar-wrap .fc{
        margin-top:0px
    }
    .calendar-wrap .fc button{
        font-size:14px !important;
        padding:0 5px !important
    }
    .calendar-wrap .fc .fc-left{
        margin-bottom:10px
    }
    .calendar-wrap .fc .fc-toolbar>div{
        display:block !important;
        float:none !important
    }
    .calendar-wrap .fc .fc-toolbar>* :first-child{
        font-size:18px
    }
    .calendar-wrap .fc .fc-toolbar>*>*{
        float:none !important
    }
    .calendar-wrap .fc button{
        padding:5px
    }
    .calendar-wrap .fc-day-grid-event{
        margin:0;
        padding:5px;
        width:inherit
    }
    .calendar-wrap .fc-toolbar h2{
        font-size:20px;
        line-height:35px;
        font-weight:bold
    }
    .calendar-wrap .basic-calendar .external-events{
        margin-top:0px
    }
    .call-chat-sidebar{
        max-width:100%;
        width:100%;
        max-width:100%;
        width:100%;
        -ms-flex-preferred-size:auto;
        flex-basis:auto
    }
    .chat-box .chat-right-aside .chat .chat-message .text-box .btn{
        font-size:0
    }
    .chat-box .chat-right-aside .chat .chat-message .text-box .btn:before{
        position:absolute;
        content:"\e661";
        font-family:themify;
        font-size:18px;
        top:11px;
        left:20px
    }
    .chat-box .border-tab.nav-tabs{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .chat-box .chat-menu .nav-tabs .nav-item a{
        height:50px
    }
    .chat-box .people-list ul{
        margin-bottom:-15px;
        height:320px
    }
    .chat-box .people-list ul li{
        padding:10px;
        margin-right:5px;
        margin-bottom:10px
    }
    .chat-box .people-list ul li:last-child{
        padding-bottom:10px
    }
    .chat-box .chat-left-aside .people-list{
        height:auto
    }
    .chat-box .chat-history .call-content{
        min-height:445px
    }
    .chat-box .chat-history .call-content>div{
        height:auto
    }
    .chat-box .chat-history .caller-img-sec{
        display:block
    }
    .call-chat-body .chat-box{
        height:auto
    }
    .clockpicker-align-top{
        left:55px !important;
        top:470px !important
    }
    .clockpicker-align-top .arrow{
        display:none
    }
    .mega-menu .onhover-show-div{
        height:415px;
        left:0;
        top:61px;
        padding:20px
    }
    .mega-menu .lg-mt{
        margin-top:15px
    }
    .reader{
        margin-top:15px;
        height:auto !important
    }
    .range-slider.theme-form .form-group{
        margin-bottom:0
    }
    .note-editor .btn-group .btn{
        font-size:11px
    }
    .text-md-right{
        text-align:right
    }
    .star-ratings .stars{
        padding:0
    }
    .form-inline.d-inline-block{
        display:block !important;
        width:100%
    }
    .form-inline.d-inline-block .form-control{
        margin-bottom:10px
    }
    .reset-password-box{
        width:500px;
        margin:0 auto
    }
    .reset-password-box .card{
        padding:20px
    }
    .error-wrapper .maintenance-icons li i{
        color:#f4f4f4;
        font-size:30px
    }
    .error-wrapper .maintenance-icons li:nth-child(2) i{
        font-size:60px;
        margin-top:-10px;
        margin-left:70px
    }
    .error-wrapper .maintenance-icons li:nth-child(3) i{
        font-size:90px;
        margin-right:80px
    }
    .authentication-main .auth-innerright{
        min-height:unset;
        padding:0
    }
    .authentication-main .auth-innerright .social-media li{
        font-size:14px
    }
    .loader-box{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .dataTables_wrapper .dataTables_length{
        margin-bottom:20px
    }
    .dataTables_wrapper .dataTables_filter{
        margin-left:0;
        margin-top:0;
        margin-bottom:20px
    }
    div.dataTables_wrapper div.dataTables_info{
        padding-top:0
    }
    div.dataTables_wrapper div.dataTables_length label,div.dataTables_wrapper div.dataTables_filter label{
        float:none
    }
    div.dataTables_wrapper div.dataTables_paginate{
        float:none;
        margin-top:20px !important;
        margin-left:0 !important
    }
    .btn-group-wrapper{
        text-align:center
    }
    .btn-group-wrapper .m-b-30{
        margin-bottom:15px !important
    }
    .btn-group-showcase{
        text-align:center
    }
    .btn-group-showcase .btn-group{
        margin-right:0;
        margin-bottom:15px
    }
    .btn-group .btn{
        font-size:14px;
        padding:0.375rem 1.3rem
    }
    .animate-widget .text-center{
        display:none
    }
    .search-page .search-vid-block>div:nth-child(n+2){
        margin-top:20px
    }
    .search-page #image-links .info-block.m-t-30{
        margin-top:0 !important
    }
    .login-card .login-main .theme-form ul.login-social li{
        width:35px;
        height:35px
    }
    #lnb{
        width:auto
    }
    .mega-menu .onhover-show-div{
        height:350px
    }
    .icon-hover-bottom .form-group input{
        min-width:270px
    }
    .tabbed-card ul{
        padding:10px 0 5px 0;
        position:relative;
        width:100%;
        left:0
    }
    .tabbed-card ul.border-tab{
        margin-bottom:15px
    }
    .tabbed-card ul.border-tab.nav-tabs{
        top:unset
    }
    .tabbed-card ul.border-tab.nav-tabs .nav-item .nav-link{
        padding:5px 15px 10px
    }
    .authentication-main .authentication-box{
        width:100%
    }
    .authentication-main .auth-innerright{
        display:inherit
    }
    .map-chart .chart-container{
        height:300px
    }
    .serial-chart .chart-container{
        height:300px
    }
    .bottom-content{
        padding:10px
    }
    .bottom-content p{
        font-size:12px
    }
    .stepwizard .stepwizard-row:before{
        top:17px
    }
    .icon-hover-bottom .icon-popup{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .icon-hover-bottom .icon-popup>.icon-last{
        margin-top:15px
    }
    .icon-hover-bottom .icon-popup>.icon-last .form-inline .form-group{
        display:block
    }
    .icon-hover-bottom .icon-popup>.icon-last .form-inline .form-group button.btn{
        margin-top:8px
    }
    .icon-hover-bottom .icon-popup div .flag-icon{
        width:35px;
        height:auto
    }
    .icon-hover-bottom .form-group input{
        display:block;
        width:auto !important
    }
    .jvector-map-height{
        height:150px
    }
    .sm-left-text{
        text-align:left !important
    }
    .email-wrap .email-right-aside .email-content .email-top .d-flex{
        padding-bottom:0
    }
    .email-wrap .email-right-aside .email-content .email-top .float-end{
        float:left !important
    }
    .email-wrap .email-right-aside .email-content .email-wrapper .attachment ul li:last-child{
        padding-right:0
    }
    .email-wrap .email-right-aside .email-content .email-wrapper .attachment ul li img{
        width:90px;
        height:90px
    }
    .email-wrap.compose .email-right-aside .email-profile{
        overflow-x:hidden
    }
    .email-wrap .email-right-aside .email-profile{
        overflow-x:auto
    }
    .email-wrap .email-right-aside .email-profile .inbox{
        width:700px
    }
    .email-wrap .email-right-aside .email-profile .inbox p{
        width:calc(100% - 200px);
        max-width:500px
    }
    .alert-dismissible p{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        max-width:294px
    }
    .button-group-mb-sm{
        margin-bottom:5px
    }
    .card-block .table-responsive .table tbody tr td span{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        max-width:100px
    }
    .card-block .table-responsive .progress-content tbody tr td span{
        text-overflow:ellipsis;
        white-space:normal;
        max-width:50px
    }
    .card-block .table-responsive .checkbox-td-width tbody tr td,.card-block .table-responsive .radio-first-col-width tbody tr td{
        min-width:200px !important
    }
    #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child{
        width:119px !important
    }
    #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child{
        width:119px !important
    }
    .jsgrid .jsgrid-pager-container{
        text-align:center
    }
    .user-profile .photos ul li{
        width:55px
    }
    .user-profile .profile-header{
        height:355px
    }
    .user-profile .profile-header .userpro-box{
        padding:20px;
        max-width:300px
    }
    .user-profile .profile-header .userpro-box h4{
        font-size:16px
    }
    .user-profile .profile-header .userpro-box h6{
        font-size:13px
    }
    .social-tab{
        display:block
    }
    .social-tab ul{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin-bottom:-10px
    }
    .social-tab ul li{
        display:inline-block;
        margin-bottom:10px
    }
    .social-tab .input-group{
        margin-top:15px;
        margin-right:auto;
        margin-left:auto
    }
    .social-app-profile .social-status .d-flex img{
        width:40px !important
    }
    .social-app-profile .social-status .d-flex .social-status{
        width:10px;
        height:10px;
        bottom:6px;
        left:32px
    }
    .reset-password-box .theme-form .form-group .btn{
        margin-top:15px !important
    }
    .lg-outer .lg-actions .lg-next,.lg-outer .lg-actions .lg-prev{
        top:48%
    }
    .grid-options ul li{
        display:none
    }
    .product-wrapper.sidebaron .product-grid .product-wrapper-grid{
        margin-left:0
    }
    .product-wrapper-grid.list-view .product-box .product-img{
        width:42%
    }
    .product-filter .product-box{
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap
    }
    .product-filter .product-box .product-img{
        width:100px
    }
    .product-filter .product-box .product-details{
        padding:0 !important
    }
}
@media only screen and (max-width: 767px) and (min-width: 576px){
    .select2-drpdwn-product .form-control{
        padding:7px 11px
    }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .nav-right{
        -webkit-box-flex:0;
        -ms-flex:0 0 73%;
        flex:0 0 73%;
        max-width:73%
    }
}
@media only screen and (max-width: 630px){
    .left-header .nav-link svg{
        margin-right:0
    }
    .left-header .nav-link span{
        display:none
    }
    .user-profile .photos ul li{
        width:53px
    }
}
@media only screen and (max-width: 575px){
    .basic-dropdown .onhover-dropdown:hover .onhover-show-div{
        opacity:1;
        visibility:visible
    }
    .login-card .login-main .theme-form .link{
        position:unset
    }
    .browse>div{
        margin-bottom:15px
    }
    .footer{
        padding:16px 10px !important
    }
    .page-wrapper .page-body-wrapper .page-title{
        padding-bottom:20px
    }
    .page-wrapper .page-header .header-wrapper .nav-right{
        -webkit-box-flex:0;
        -ms-flex:0 0 70%;
        flex:0 0 70%;
        max-width:70%
    }
    .translate_wrapper.active .more_lang.active{
        width:180px
    }
    .serchinput .search-form{
        top:48px;
        right:-18px
    }
    .serchinput .search-form input{
        width:200px
    }
    input[type="checkbox"].tui-full-calendar-checkbox-round+span{
        width:12px;
        height:12px;
        margin-top:2px
    }
    .user-profile .profile-header .userpro-box .avatar{
        margin-top:-50px
    }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .left-header .left-menu-header .app-menu{
        width:30px;
        height:30px
    }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .left-header .left-menu-header .app-menu svg{
        width:16px;
        height:16px
    }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar svg{
        width:16px
    }
    .owl-carouselpage .card-body .owl-dots .owl-dot span{
        width:8px;
        height:8px
    }
    .card .card-header h4{
        font-size:18px
    }
    .page-wrapper .page-header .header-wrapper .nav-right>ul>li{
        width:30px;
        height:30px
    }
    .page-wrapper .page-header .header-wrapper .toggle-sidebar{
        width:30px;
        height:30px
    }
    .date-picker .theme-form>.row>div:last-child{
        margin-top:0
    }
    .form-bookmark .row>div .row>.col-sm-6+.col-sm-6{
        margin-top:10px
    }
    .btn{
        padding:6px 20px
    }
    .alert-theme{
        min-width:380px
    }
    .knowledgebase-bg{
        height:250px
    }
    .profile-nav{
        display:none !important
    }
    .login-card .login-main .theme-form .or:before{
        width:55%
    }
    .knowledgebase-search{
        width:calc(100% - 30px);
        left:15px;
        height:calc(100% - 30px);
        background-color:rgba(255,255,255,0.7)
    }
    .knowledgebase-search .form-inline{
        width:90%;
        padding:3px 45px
    }
    .knowledgebase-search .form-inline svg{
        top:10px
    }
    .knowledgebase-search>div{
        width:100%;
        text-align:center;
        padding:15px;
        border-right:10px
    }
    .knowledgebase-search>div h3{
        font-size:20px;
        margin-bottom:0
    }
    .knowledgebase-search>div .form-group{
        margin-bottom:0
    }
    .left-header .input-group .input-group-prepend .input-group-text{
        width:30px;
        height:30px
    }
    .left-header .input-group .input-group-prepend .input-group-text i{
        font-size:12px
    }
    .custom-card .card-footer>div h6{
        font-weight:600
    }
    .custom-card .card-profile{
        margin-top:25px
    }
    .custom-card .card-social{
        padding-top:10px;
        padding-bottom:18px
    }
    .feature-products .text-end{
        text-align:left !important
    }
    .feature-products .select-options{
        float:left;
        margin-right:10px
    }
    .product-page-main{
        padding:15px
    }
    .product-page-main .m-t-15{
        margin-top:0 !important
    }
    .product-page-main .m-t-15 .btn{
        margin-top:10px
    }
    .product-page-main .pro-group .pro-shop button:last-child{
        margin-top:15px
    }
    .invoice .text-md-end{
        margin-top:10px
    }
    .invoice .text-end{
        text-align:right
    }
    .invoice .text-xs-center{
        text-align:center
    }
    .login-card{
        padding-top:40px;
        padding-bottom:40px
    }
    .login-card .logo{
        margin-bottom:10px
    }
    .login-card .login-main{
        width:auto;
        padding:20px
    }
    .login-card .login-main .theme-form .form-group{
        margin-bottom:5px
    }
    .login-card .login-main .theme-form p{
        margin-bottom:5px
    }
    .login-card .btn-showcase .btn{
        width:100%
    }
    .login-card .btn-showcase .btn+.btn{
        margin-left:0;
        margin-top:5px
    }
    .bookmark ul li a svg{
        height:16px;
        width:16px
    }
    .bookmark ul li+li{
        margin-left:5px
    }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar{
        margin-right:10px
    }
    .left-header .nav-link{
        background-color:transparent;
        padding:0.5rem 0;
        margin:0
    }
    .page-header .header-wrapper .nav-right .notification-box .badge{
        font-size:10px
    }
    .page-header .header-wrapper .left-header ul li .search-form .form-control-plaintext{
        top:40px;
        position:absolute;
        -webkit-transition:all linear 0.3s;
        transition:all linear 0.3s;
        left:-14px;
        background-color:#fff;
        border:1px solid var(--theme-deafult);
        -webkit-transform:translateY(-35px) scaleY(0);
        transform:translateY(-35px) scaleY(0);
        opacity:0;
        visibility:hidden;
        width:180px !important;
        padding:10px 10px 10px 15px
    }
    .page-header .header-wrapper .left-header ul li .search-form .form-control-plaintext.open{
        -webkit-transform:translateY(0px) scaleY(1);
        transform:translateY(0px) scaleY(1);
        opacity:1;
        visibility:visible;
        -webkit-transition:all linear 0.3s;
        transition:all linear 0.3s;
        z-index:2
    }
    .page-wrapper .page-body-wrapper .page-title>.row .col-6:first-child{
        display:block
    }
    .page-wrapper .page-body-wrapper .page-title>.row .col-6:first-child h3{
        padding-right:0
    }
    .page-wrapper .page-header .header-wrapper .nav-right ul li i{
        font-size:14px !important
    }
    .page-wrapper .page-header .header-wrapper .nav-right ul li svg{
        width:14px;
        height:15px
    }
    .page-wrapper .page-body-wrapper .page-title .breadcrumb{
        margin-top:5px;
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
    .page-wrapper.compact-wrapper .left-header .mega-menu{
        top:17px;
        right:15px;
        padding-top:0
    }
    .page-wrapper.compact-wrapper .left-header .mega-menu .nav-link{
        padding-left:10px;
        padding-top:3px;
        padding-bottom:3px
    }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper{
        display:none
    }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar{
        margin-left:0;
        padding-left:0;
        border-left:none
    }
    .page-wrapper .page-header .header-wrapper{
        padding:12px 15px !important
    }
    .page-wrapper .page-header .header-wrapper .nav-right>ul{
        top:58px
    }
    .page-wrapper .page-header .header-wrapper .nav-right>ul .search-form i{
        display:none
    }
    .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li.px-0{
        padding:6px !important
    }
    .page-wrapper .page-header .header-wrapper .nav-right>ul li .flag-icon{
        font-size:14px !important
    }
    .page-wrapper .page-header .header-wrapper .nav-right>ul li .profile-media img{
        width:25px
    }
    .page-wrapper .page-header .header-wrapper .nav-right>ul li.onhover-dropdown ul li{
        margin-right:0 !important
    }
    .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown.onhover-show-div:before,.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown.onhover-show-div:after{
        left:24px !important;
        right:unset !important
    }
    .page-wrapper .page-header .header-wrapper .nav-right .chat-dropdown{
        left:-52px;
        width:300px
    }
    .page-wrapper .page-header .header-wrapper .nav-right .chat-dropdown:after,.page-wrapper .page-header .header-wrapper .nav-right .chat-dropdown:before{
        left:58px !important
    }
    .page-wrapper .page-body-wrapper .page-title .btn-group .btn{
        padding:8px 30px
    }
    .page-wrapper.compact-wrapper .page-body-wrapper .page-body{
        margin-top:75px
    }
    .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links{
        height:calc(100vh - 79px)
    }
    .alert-dismissible{
        padding-right:30px
    }
    .alert-dismissible p{
        max-width:209px
    }
    .customizer-links{
        display:none
    }
    .m-r-30{
        margin-right:15px
    }
    .user-profile .photos ul li{
        width:18%
    }
    .user-profile .profile-post{
        padding:20px
    }
    .user-profile .profile-post .post-body figure{
        margin-bottom:16px
    }
    .user-profile .profile-post .post-body .post-react ul li img{
        width:20px;
        height:20px
    }
    .user-profile .profile-post .post-body .post-react ul li:nth-child(n+2){
        margin-left:-15px
    }
    .user-profile .profile-post .post-body .post-react h6{
        margin-left:10px;
        font-size:13px
    }
    .user-profile .profile-header{
        padding:0;
        height:auto
    }
    .user-profile .profile-header .profile-img-wrrap{
        display:block;
        height:280px;
        border-radius:10px
    }
    .user-profile .profile-header .userpro-box{
        max-width:100%;
        border-top-left-radius:0;
        border-top-right-radius:0
    }
    .photos ul li{
        width:70px
    }
    .edit-profile .card .card-header h4{
        font-size:18px
    }
    .edit-profile .profile-title .d-lg-flex .flex-grow-1 h3{
        font-size:16px
    }
    .blog-box.blog-shadow:before{
        -webkit-box-shadow:inset 0px -100px 100px -13px rgba(0,0,0,0.6);
        box-shadow:inset 0px -100px 100px -13px rgba(0,0,0,0.6)
    }
    .blog-box .blog-details p,.blog-box .blog-details .single-blog-content-top{
        margin-top:15px
    }
    .blog-box .blog-details h4{
        font-size:16px;
        margin-top:10px
    }
    .blog-box .blog-details .blog-social li{
        font-size:12px;
        font-weight:500
    }
    .blog-box .blog-details .blog-social li:nth-child(n+2){
        padding-left:unset;
        margin-left:10px;
        border-left:none
    }
    .comment-box h4{
        margin-bottom:15px;
        padding-bottom:15px
    }
    .comment-box ul ul{
        margin-left:30px
    }
    .comment-box li{
        margin-bottom:15px
    }
    .comment-box li .d-md-flex{
        display:block
    }
    .comment-box li .d-md-flex img{
        height:50px;
        width:50px;
        padding:3px;
        margin-bottom:10px
    }
    .blog-box.blog-shadow .blog-details{
        padding:15px
    }
    .blog-box.blog-shadow .blog-details p{
        margin-bottom:0
    }
    .blog-box.blog-shadow .blog-details h4{
        margin-bottom:10px
    }
    .blog-box .blog-details{
        padding:20px
    }
    .blog-box .blog-date span{
        font-size:25px
    }
    .job-accordion .card{
        -webkit-box-shadow:0 0 11px 5px rgba(79,170,213,0.08) !important;
        box-shadow:0 0 11px 5px rgba(79,170,213,0.08) !important
    }
    .comingsoon .comingsoon-inner img{
        height:70px
    }
    .wishlist .text-end{
        text-align:left !important
    }
    .add-post form .m-checkbox-inline label{
        margin-right:15px
    }
    .add-post .dropzone{
        margin-bottom:15px
    }
    .wizard-4 .msg-box{
        top:10px !important
    }
    .wizard-4 .login-card .login-main{
        width:280px
    }
    .wizard-4 .step-container div.content .wizard-title{
        width:280px
    }
    .wizard-4 .action-bar{
        right:10px
    }
    .customers.avatar-group{
        margin-right:15px
    }
    .vertical-mobile-sidebar{
        top:19px
    }
    .alert-theme i{
        margin-right:10px !important
    }
    .alert-theme button{
        top:0px !important
    }
    .clockpicker-align-top{
        left:45px !important;
        top:406px !important
    }
    .gallery{
        margin-bottom:-15px
    }
    .my-gallery figure{
        margin-bottom:15px
    }
    .my-gallery figure:nth-child(9),.my-gallery figure:nth-child(10){
        margin-bottom:15px
    }
    .my-gallery.gallery-with-description figure:last-child{
        margin-bottom:20px
    }
    #aniimated-thumbnials figure:nth-child(12),#aniimated-thumbnials figure:nth-child(11),#aniimated-thumbnials figure:nth-child(10),#aniimated-thumbnials figure:nth-child(9){
        margin-bottom:15px
    }
    .photoswipe-pb-responsive{
        padding-bottom:30px !important
    }
    .avatar-showcase .pepole-knows{
        text-align:center
    }
    .avatar-showcase .pepole-knows ul li{
        margin-right:14px
    }
    .social-app-profile .hovercard .user-image .avatar{
        margin-top:-56px
    }
    .social-app-profile .hovercard .user-image .avatar img{
        width:100px;
        height:100px
    }
    .social-app-profile .hovercard .user-image .icon-wrapper{
        left:52%;
        top:10px;
        height:30px;
        width:30px;
        font-size:15px
    }
    .social-app-profile .hovercard .user-image .icon-wrapper:hover{
        font-size:12px
    }
    .social-app-profile .hovercard .info .tabs-scoial .user-designation{
        border-top:none;
        border-bottom:none;
        margin-bottom:0;
        padding:0px 0px
    }
    .social-app-profile .tabs-scoial{
        margin-bottom:0 !important
    }
    .socialprofile .social-btngroup{
        margin:15px 0
    }
    .socialprofile .social-group{
        margin-top:15px
    }
    .social-status form .form-group .form-control-social{
        margin-bottom:15px
    }
    .social-status .d-flex{
        margin-bottom:15px
    }
    .new-users-social{
        margin-bottom:15px
    }
    .tabs-scoial{
        position:relative;
        padding-top:80px
    }
    .tabs-scoial li:nth-child(3){
        position:absolute;
        top:25px;
        left:0;
        right:0;
        margin:0 auto
    }
    .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link{
        padding:10px;
        height:60px
    }
    .nav-tabs .nav-link.dropdown-toggle{
        width:100%;
        text-align:center
    }
    .nav-tabs .nav-link.dropdown-toggle::after{
        right:60px
    }
    .timeline-content p,.timeline-content .comments-box{
        margin-top:15px
    }
    .timeline-content .comments-box .d-flex .m-r-20{
        margin-right:10px
    }
    .timeline-content .comments-box .d-flex .flex-grow-1 .input-group .input-group-text .btn{
        padding:6px
    }
    .timeline-content .comment-number i{
        margin-right:15px
    }
    #cd-timeline{
        margin-right:0
    }
    .social-chat{
        margin-top:15px
    }
    .social-chat .flex-grow-1{
        padding:15px
    }
    .social-chat .your-msg,.social-chat .other-msg{
        margin-bottom:15px
    }
    .social-network span{
        margin-bottom:15px
    }
    .social-list .d-flex{
        margin-bottom:15px
    }
    .details-about+.details-about{
        margin-top:15px
    }
    .your-details-xs{
        margin-top:15px
    }
    .social-header h5 span.pull-right{
        float:right !important;
        margin-top:0 !important
    }
    .social-header h5 span.pull-right svg{
        width:18px;
        height:18px
    }
    .activity-log .my-activity+.my-activity{
        margin-top:15px
    }
    .call-chat-body .chat-box{
        height:auto
    }
    .chat-box .chat-menu .people-list ul.list{
        max-height:400px
    }
    .chat-box .chat-history .call-content{
        min-height:435px
    }
    .chat-box .chat-left-aside .people-list{
        height:auto
    }
    .chat-box .chat-right-aside .chat .chat-message{
        bottom:0
    }
    .chat-box .chat-right-aside .chat .chat-message .text-box .btn:before{
        left:10px
    }
    .call-chat-sidebar{
        max-width:100%;
        width:100%;
        -ms-flex-preferred-size:auto;
        flex-basis:auto
    }
    .call-chat-sidebar .people-list{
        height:auto
    }
    .chat-left-aside .people-list ul{
        max-height:245px
    }
    .helper-classes{
        padding:15px
    }
    .wizard-4 .step-container div.content{
        margin-top:10px
    }
    .nav-tabs .nav-item.show .nav-link{
        border-top:0;
        border-bottom:0
    }
    .nav-tabs .nav-link{
        border-top:0;
        border-bottom:0
    }
    .nav-tabs .nav-link:hover,.nav-tabs .nav-link.active,.nav-tabs .nav-link:focus{
        border-top:0;
        border-bottom:0
    }
    .border-tab.nav-tabs .nav-item{
        width:100% !important
    }
    .border-tab .ecommerce-widget .progress-showcase{
        margin-top:15px
    }
    .nav{
        display:inherit;
        text-align:center;
        border-bottom:none
    }
    .editor_container .CodeMirror{
        min-height:190px;
        height:190px
    }
    .order-history table.dataTable.table thead th{
        padding-right:60px
    }
    .border-tab.nav-left .nav-link{
        text-align:center;
        border-left:none
    }
    .border-tab.nav-right .nav-link{
        text-align:center;
        border-right:none
    }
    .border-tab.nav-tabs{
        margin-bottom:10px
    }
    .tab-content ~ .nav-tabs.border-tab{
        margin-top:10px
    }
    .nav-pills{
        text-align:center
    }
    .crm-overall{
        margin:0 -15px -15px
    }
    .color-selector li{
        width:15px;
        height:15px
    }
    .product-social li a{
        width:30px;
        height:30px;
        font-size:13px
    }
    .product-social li:nth-child(n+2){
        margin-left:5px
    }
    .todo .action-box.large{
        height:25px;
        width:25px
    }
    .todo .action-box.large .icon{
        font-size:14px;
        vertical-align:-3px
    }
    .todo .todo-list-wrapper #todo-list li .task-container .task-label{
        font-size:14px
    }
    .datetime-picker label{
        text-align:left !important
    }
    #nav-tabContent{
        margin-top:15px
    }
    .reset-password-box{
        width:430px
    }
    .auth-bg{
        padding:25px 15px
    }
    .auth-bg-effect{
        display:none
    }
    .date-picker .text-end{
        text-align:left !important
    }
    .dataTables_wrapper table.dataTable{
        margin-bottom:15px !important
    }
    ul.pagination li:before{
        line-height:3
    }
    div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{
        padding-left:0 !important
    }
    div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{
        padding-right:0 !important
    }
    div.dataTables_wrapper div.dataTables_length{
        margin-bottom:15px
    }
    div.dataTables_wrapper div.dataTables_length select{
        min-height:30px
    }
    div.dataTables_wrapper table.dataTable th,div.dataTables_wrapper table.dataTable td{
        padding:0.5rem
    }
    div.dataTables_wrapper div.dataTables_paginate{
        margin-top:15px !important
    }
    div.dataTables_wrapper div.dataTables_paginate .paginate_button{
        padding:1px 7px
    }
    div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous{
        font-size:0;
        padding:0
    }
    div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous a{
        border:none !important
    }
    div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous:before{
        content:"\e64a";
        font-family:themify;
        font-size:11px;
        padding:0 5px
    }
    div.dataTables_wrapper div.dataTables_paginate .paginate_button.next{
        font-size:0;
        padding:0
    }
    div.dataTables_wrapper div.dataTables_paginate .paginate_button.next a{
        border:none !important
    }
    div.dataTables_wrapper div.dataTables_paginate .paginate_button.next:before{
        content:"\e649";
        font-family:themify;
        font-size:11px;
        padding:0 5px
    }
    div.dataTables_wrapper .dataTables_filter{
        margin-bottom:15px
    }
    div.dataTables_wrapper .dataTables_filter input[type="search"]{
        height:30px
    }
    .jvector-map-height{
        height:250px
    }
    .icon-hover-bottom .form-group{
        display:block !important;
        margin-bottom:0
    }
    .icon-hover-bottom .form-group input{
        width:100% !important
    }
    .icon-hover-bottom .form-group .btn{
        margin-top:15px
    }
    .icon-hover-bottom .icon-popup{
        padding:15px
    }
    .icon-hover-bottom svg.climacon{
        height:50px;
        width:50px
    }
    .ace-editor{
        height:320px
    }
    .gallery>a{
        margin-bottom:15px;
        text-align:center
    }
    .card .card-header h5{
        font-size:17px
    }
    .theme-form .form-group{
        margin-bottom:15px
    }
    .page-wrapper .page-body-wrapper .default-according .card .card-header,.page-wrapper .page-body-wrapper .default-according .card .card-body,.page-wrapper .page-body-wrapper .default-according .card .card-footer{
        padding:0.75rem 1.25rem
    }
    .page-wrapper .page-body-wrapper .card{
        margin-bottom:14px
    }
    .page-wrapper .page-body-wrapper .card .card-header .tab-content .m-t-30,.page-wrapper .page-body-wrapper .card .card-body .tab-content .m-t-30,.page-wrapper .page-body-wrapper .card .card-footer .tab-content .m-t-30{
        margin-top:20px !important
    }
    .page-wrapper .page-body-wrapper .card .card-header .tab-content .m-b-30,.page-wrapper .page-body-wrapper .card .card-body .tab-content .m-b-30,.page-wrapper .page-body-wrapper .card .card-footer .tab-content .m-b-30{
        margin-bottom:20px !important
    }
    .page-wrapper .page-body-wrapper .page-body{
        padding:0 !important
    }
    .page-wrapper .page-body-wrapper .page-title .row h3{
        font-size:20px
    }
    .alert-primary.inverse{
        background-color:transparent
    }
    .alert-secondary.inverse{
        background-color:transparent
    }
    .alert-success.inverse{
        background-color:transparent
    }
    .alert-danger.inverse{
        background-color:transparent
    }
    .alert-warning.inverse{
        background-color:transparent
    }
    .alert-info.inverse{
        background-color:transparent
    }
    .alert-light.inverse{
        background-color:transparent
    }
    .alert-dark.inverse{
        background-color:transparent
    }
    .alert .close{
        height:100%
    }
    .mega-inline{
        display:block
    }
    .megaoptions-border-space-sm{
        padding-bottom:30px !important
    }
    .error-wrapper{
        padding:20px 0
    }
    .error-wrapper .img-100{
        width:50px !important
    }
    .error-wrapper .error-heading{
        margin-top:20px
    }
    .error-wrapper .error-heading .cloud-second{
        margin-top:-60px
    }
    .error-wrapper .error-heading .headline{
        font-size:150px
    }
    .error-wrapper .maintenance-heading .cloud-second{
        display:none
    }
    .error-wrapper .maintenance-heading .headline{
        font-size:25px;
        letter-spacing:2px
    }
    .comingsoon .comingsoon-inner .coming-soon-bottom-link{
        margin-top:20px;
        line-height:1
    }
    .comingsoon .comingsoon-inner h5{
        margin-bottom:20px;
        margin-top:20px;
        font-size:30px
    }
    .comingsoon .comingsoon-inner .countdown{
        padding:20px 0px
    }
    .comingsoon .comingsoon-inner .countdown ul li{
        margin:0 7px
    }
    .comingsoon .comingsoon-inner .countdown .title{
        font-size:12px
    }
    .comingsoon .comingsoon-inner .countdown .time{
        width:45px;
        height:45px;
        line-height:45px;
        font-size:16px;
        margin:0 auto
    }
    .form-wizard .btn-mb{
        margin-bottom:15px
    }
    .stepwizard{
        margin-bottom:15px
    }
    .f1 .f1-steps{
        margin-top:15px;
        margin-bottom:15px
    }
    .wizard-4 ul.anchor{
        width:100%;
        padding-bottom:15px;
        padding-right:0
    }
    .wizard-4 .step-container{
        width:100%
    }
    .status-widget .text-sm-right{
        text-align:right
    }
    .mega-menu .onhover-show-div{
        height:405px;
        left:0;
        top:61px;
        padding:15px
    }
    .mega-menu .lg-mt{
        margin-top:10px
    }
    .mega-menu .xs-mt{
        margin-top:15px
    }
    .nav-md-mt{
        margin-top:15px
    }
    .navs-icon{
        padding:15px
    }
    .navs-icon .main-section{
        padding-top:15px
    }
    .navs-icon .separator{
        margin:15px 0
    }
    .nav-list{
        padding:15px
    }
    .navs-dropdown button{
        margin-top:15px
    }
    .navs-dropdown .onhover-show-div{
        top:64px
    }
    .lg-mt{
        margin-top:15px
    }
    #aniimated-thumbnials a:last-child img{
        margin-bottom:15px
    }
    .tilt-showcase .mt-4{
        margin-top:15px !important
    }
    .tilt-showcase ol .m-b-20{
        margin-bottom:15px !important
    }
    .xs-mt{
        margin-top:15px
    }
    span:last-child.tag-pills-sm-mb{
        margin-top:3px
    }
    .animated-modal .form-group .form-control{
        width:50%;
        margin:0 auto
    }
    .animated-modal .animated-modal-md-mb{
        margin-bottom:15px !important
    }
    .animated-modal .animated-modal-md-mb label{
        display:block;
        margin-left:unset !important;
        margin-right:unset !important
    }
    .steps-md-mt{
        margin-top:15px
    }
    .steps-sizing-sm-mb{
        margin-bottom:15px
    }
    .bootstrap-touchspin .touchspin-vertical-tab .input-group{
        width:96% !important
    }
    #API-chield-row_wrapper #API-chield-row tbody tr td:first-child{
        min-width:20px
    }
    .chart-block .flot-chart-container p#choices{
        width:100%
    }
    .chart-block .flot-chart-container #toggling-series-flot{
        width:100% !important
    }
    .click2edit ~ .note-editor.note-frame{
        margin-bottom:15px
    }
    .ecommerce-widget .progress-showcase{
        margin-top:15px
    }
    .reset-password-box .theme-form .form-group .btn{
        margin-top:13px !important
    }
    .gallery-with-description a>div{
        margin-bottom:15px
    }
    .gallery-img-mb-sm{
        margin-bottom:15px
    }
    .xm-mb-peity{
        margin-bottom:8px
    }
    .authentication-main{
        padding:30px 15px
    }
    .translate_wrapper.active .more_lang:before,.translate_wrapper.active .more_lang:after{
        display:none
    }
    .onhover-dropdown:hover .onhover-show-div{
        opacity:0;
        -webkit-transform:none;
        transform:none;
        visibility:hidden
    }
    .onhover-dropdown:hover .onhover-show-div.active{
        opacity:1;
        -webkit-transform:translateY(0px);
        transform:translateY(0px);
        visibility:visible;
        border-radius:5px;
        overflow:hidden
    }
    .page-header .header-wrapper .nav-right.right-header ul.chat-dropdown,.page-header .header-wrapper .nav-right.right-header ul.notification-dropdown,.page-header .header-wrapper .nav-right.right-header ul.message-dropdown{
        width:240px;
        top:60px
    }
    .page-header .header-wrapper .nav-right .profile-dropdown{
        top:43px
    }
    .wizard-4 .action-bar .btn{
        margin:0 2px
    }
    .tabbed-card ul{
        right:0px;
        left:unset
    }
    .dropdown-basic .btn-group{
        margin-right:unset
    }
}
@media only screen and (max-width: 480px){
    .basic-dropdown ul.d-flex{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .dropdown-basic .dropstart-content.dropdown-content,.dropdown-basic .dropup-content.dropdown-content,.dropdown-basic .dropend-content.dropdown-content{
        min-width:102px
    }
    .dropdown-basic .dropstart-content.dropdown-content a,.dropdown-basic .dropup-content.dropdown-content a,.dropdown-basic .dropend-content.dropdown-content a{
        padding:6px 12px
    }
    .dropdown-basic .dropstart .dropstart-content{
        right:82%
    }
    .dropdown-basic .dropend .dropend-content{
        left:82%
    }
    .pagination .page-item .page-link{
        padding:6px 10px
    }
    .blog-box.blog-shadow{
        height:300px
    }
    .fc .fc-scrollgrid-sync-inner a{
        font-size:11px
    }
    .alert-theme.notify-alert{
        right:0 !important
    }
    .alert-theme.notify-alert .close{
        padding:0
    }
    .back-btn{
        right:20px
    }
    .left-filter{
        margin-top:-22px
    }
    .page-wrapper.compact-wrapper .page-body-wrapper .according-menu{
        top:10px
    }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper{
        width:264px
    }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link:before{
        left:8px;
        width:30px;
        height:30px;
        top:7px
    }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a{
        padding:10px 14px
    }
    .sidebar-wrapper .sidebar-main .simplebar-wrapper .simplebar-mask .simplebar-offset{
        top:3%
    }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper{
        padding:12px 18px
    }
    .loader-wrapper .dot{
        width:18px;
        height:18px;
        margin:8px
    }
    .alert-dismissible p{
        max-width:130px
    }
    .prooduct-details-box{
        margin-bottom:20px
    }
    .tabbed-cardpage .tabbed-card ul.border-tab.nav-tabs .nav-item .nav-link{
        padding:10px 12px
    }
    .email-wrap .email-wrapper .emailread-group:nth-child(n+2){
        padding-top:18px;
        margin-top:18px
    }
    .kanban-box .customers ul li img{
        width:20px !important
    }
    .user-profile .profile-post .post-body .post-react{
        margin-bottom:14px
    }
    .user-profile .profile-post .post-body .post-comment li:nth-child(n+2){
        margin-left:10px
    }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div{
        right:70px !important;
        width:280px;
        position:fixed
    }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div.profile-dropdown{
        right:10px !important
    }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .btn{
        font-size:13px
    }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .d-flex img{
        width:34px
    }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .d-flex .flex-grow-1{
        margin-left:10px
    }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .d-flex .flex-grow-1 h5{
        font-size:14px
    }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .d-flex .flex-grow-1 p{
        font-size:12px
    }
    .product-wrapper-grid.list-view .product-box{
        display:block
    }
    .product-wrapper-grid.list-view .product-box .product-img{
        width:100%
    }
    .pagination-lg .page-link,.pagination-md .page-link{
        font-size:1rem
    }
    h6{
        font-size:14px
    }
    .left-header .header-level-menu{
        width:140px;
        padding:0.7rem 0
    }
    .left-header .header-level-menu>li>.header-level-sub-menu{
        padding:0.7rem 0;
        width:120px;
        left:140px
    }
    .left-header .header-level-menu svg{
        display:none
    }
    .box-layout.page-wrapper .set-col-6,.box-layout.page-wrapper .set-col-3,.box-layout.page-wrapper .set-col-7,.box-layout.page-wrapper .set-col-5{
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    .knob-block .chart-clock-main{
        margin:auto;
        width:245px
    }
    .knob-block .chart-clock-main .clock-medium{
        position:absolute;
        left:20px;
        top:38px
    }
    .knob-block .chart-clock-main .clock-medium canvas{
        width:170px !important;
        height:170px !important
    }
    .knob-block .chart-clock-main .clock-small{
        left:20px;
        top:73px
    }
    .knob-block .chart-clock-main .clock-large{
        left:0;
        top:0;
        margin:0 auto
    }
    .knob-block .chart-clock-main .clock-large canvas{
        width:245px !important;
        height:245px !important
    }
    .knob-block>div:not(.chart-clock-main) canvas{
        width:245px !important;
        height:245px !important
    }
    .wizard-4 .action-bar .btn{
        width:100%
    }
    .wizard-4 .action-bar .btn+.btn{
        margin-top:10px
    }
    ul.notification-dropdown.onhover-show-div{
        width:260px;
        right:-80px
    }
    ul.notification-dropdown.onhover-show-div:before,ul.notification-dropdown.onhover-show-div:after{
        right:89px !important
    }
    .inline-block-sm{
        display:inline-block
    }
    .pagination-lg .page-link,.pagination-md .page-link{
        padding:0.3rem 0.65rem
    }
    .nav-pills li{
        width:100%
    }
    .reset-password-box{
        width:290px
    }
    .icon-hover-bottom .icon-first{
        margin-right:10px
    }
    .icon-hover-bottom .icon-popup .icon-class{
        display:none
    }
    .error-wrapper svg{
        height:200px
    }
    .error-wrapper .svg-wrraper svg{
        height:235px
    }
    .card .card-header .card-header-right i{
        margin:0 3px;
        font-size:14px
    }
    .card .card-header>span+span{
        display:none
    }
    .comingsoon .comingsoon-inner h5{
        font-size:24px
    }
    .custom-card{
        padding:0
    }
    .custom-card .profile-details h6{
        margin-bottom:15px
    }
    .custom-card .profile-details h4{
        font-size:20px
    }
    .custom-card .card-profile{
        margin-top:unset
    }
    .blog-box.blog-shadow .blog-details{
        padding:10px
    }
    .blog-box.blog-shadow .blog-details h4{
        font-size:14px
    }
    .user-profile .profile-header .profile-img-wrrap{
        height:210px
    }
    .user-profile .profile-header .userpro-box{
        padding:15px
    }
    .user-profile .follow .follow-num{
        font-size:16px
    }
    .user-profile .follow span{
        font-size:12px
    }
    .user-profile .follow ul.follow-list li:nth-child(n+2){
        margin-left:10px;
        padding-left:10px
    }
    .project-box{
        padding:20px
    }
    .feature-products .filter-toggle{
        font-size:14px;
        padding:7px 15px;
        margin-left:10px;
        border-radius:5px;
        background-color:rgba(92,97,242,0.05);
        color:#5c61f2
    }
    .feature-products .filter-toggle h6{
        font-size:12px
    }
    .feature-products .text-end{
        text-align:left !important
    }
    .d-none-productlist{
        display:block
    }
    .product-sidebar{
        -webkit-transform:translateX(-300px) scaleX(0);
        transform:translateX(-300px) scaleX(0);
        opacity:0;
        visibility:hidden;
        -webkit-transition:0.3s;
        transition:0.3s;
        height:0;
        position:absolute;
        z-index:9;
        width:300px
    }
    .product-sidebar.open{
        -webkit-transform:translateX(0px) scaleX(1);
        transform:translateX(0px) scaleX(1);
        -webkit-box-shadow:1px 5px 24px 0 rgba(68,102,242,0.05);
        box-shadow:1px 5px 24px 0 rgba(68,102,242,0.05);
        visibility:visible;
        opacity:1;
        height:auto;
        top:-45px
    }
    .product-sidebar .filter-section .card-header{
        display:none
    }
    .product-sidebar .filter-section .left-filter{
        top:unset !important
    }
    .feature-products .filter-toggle{
        font-size:14px;
        padding:7px 15px;
        margin-left:10px;
        border-radius:5px;
        background-color:rgba(92,97,242,0.05);
        color:#5c61f2
    }
    .feature-products .filter-toggle h6{
        font-size:12px
    }
    .feature-products .text-end{
        text-align:left !important
    }
    .d-none-productlist{
        display:block;
        margin-right:10px
    }
    .dropdown-basic{
        text-align:center
    }
    .dropup-basic{
        text-align:center
    }
    .company-card .details .d-flex{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .stepwizard .stepwizard-row:before{
        top:17px
    }
    .stepwizard .stepwizard-row .stepwizard-step .btn{
        padding:6px 22px
    }
    .email-wrap .email-right-aside .email-content .email-wrapper .attachment ul li img{
        width:83px;
        height:83px
    }
    .email-wrap .actions{
        margin-bottom:-10px
    }
    .email-wrap .actions li{
        margin-bottom:10px
    }
    .email-wrap .actions li .btn{
        padding:5px 10px;
        font-size:12px
    }
    .email-wrap .email-wrapper .right-download{
        float:none
    }
    .email-wrap .email-wrapper h6{
        float:none;
        margin-bottom:10px !important
    }
    .mega-menu .onhover-show-div{
        height:405px;
        left:0;
        top:61px;
        padding:15px
    }
    .badge{
        padding:0.42em 0.7em
    }
    .alert-dismissible .close{
        top:-1px
    }
    .alert-dismissible .close span{
        font-size:19px
    }
    .notify-alert{
        width:90%
    }
    .chat-box .people-list ul li{
        display:block
    }
}
@media only screen and (max-width: 420px){
    .wow-title .d-flex span.badge{
        height:-webkit-fit-content;
        height:-moz-fit-content;
        height:fit-content
    }
    .chat-box .chat-menu{
        left:12px;
        right:unset
    }
    .chat-box .people-list ul li{
        padding:0 0 20px;
        margin-bottom:0
    }
    .product-sidebar.open{
        top:-75px
    }
    .alert-theme{
        font-size:12px;
        min-width:300px
    }
    .alert-theme button{
        right:30px !important
    }
    .alert-theme i{
        display:none
    }
    .alert-theme span+span+span{
        padding:15px
    }
    .and-many-more{
        font-size:37px
    }
    .serchinput .search-form{
        top:38px;
        right:-80px
    }
    .serchinput .search-form input{
        width:140px
    }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .left-header .left-menu-header .app-menu svg{
        width:14px;
        height:14px
    }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar svg{
        width:14px
    }
    .owl-carouselpage .card-body .owl-dots .owl-dot span{
        width:6px;
        height:6px
    }
    .custom-card .card-social li a{
        width:25px;
        height:25px;
        font-size:12px
    }
    .custom-card .card-social li:nth-child(n+2){
        margin-left:5px
    }
    .tabbed-card ul.border-tab.nav-tabs .nav-item .nav-link{
        padding:5px 15px 8px
    }
    .border-tab.nav-tabs{
        display:block
    }
    .product-page-main .pro-group .pro-shop button{
        display:block
    }
    .product-page-main .pro-group .pro-shop button:nth-child(n+2){
        margin-top:15px
    }
    .product-page-main .border-tab.nav-tabs .nav-item{
        width:100% !important
    }
    .chat-box .chat-right-aside .chat .chat-header{
        display:block !important
    }
    .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons{
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
    .chat-box .chat-history .call-icons ul li{
        width:40px;
        height:40px
    }
    .chat-box .chat-history .call-icons ul li a{
        line-height:1
    }
    .chat-box .chat-menu.show{
        top:115px
    }
    .chat-box .chat-menu .nav-tabs .nav-item a{
        font-size:13px;
        padding:10px !important
    }
    .chat-box .chat-menu .people-list ul.list{
        height:360px
    }
    .chat-menu{
        top:120px
    }
    .email-wrap .email-body .email-compose .compose-header{
        display:block
    }
    .email-wrap .email-body .email-compose .compose-header .btn{
        margin-top:10px
    }
    .job-sidebar .job-left-aside{
        padding:15px
    }
}
@media only screen and (max-width: 360px){
    .blog-box .blog-details .blog-social li:nth-last-child(2){
        padding-left:0;
        margin-left:0
    }
    .starter-kit-fix .starter-main>div:last-child .card{
        margin-bottom:32px
    }
    .btn-group-showcase .btn-option .checkbox label{
        padding-left:10px
    }
    .btn-group-showcase .btn-radio .btn-group .btn .radio label:before{
        left:3px
    }
    .btn-group-showcase .btn-radio .btn-group .btn .radio label:after{
        left:8px
    }
    .btn-group-showcase .btn-radio .btn-group .btn .radio input{
        display:none
    }
    .loader-wrapper .dot{
        width:14px;
        height:14px;
        margin:6px
    }
    .card .card-body .ct-10 svg .ct-bar{
        stroke-width:8px !important
    }
    .calendar-basic #menu-navi .move-day{
        padding:7px 13px
    }
    .user-card .custom-card{
        padding:0
    }
    .user-card .custom-card .card-header{
        padding:0
    }
    .job-cardview .job-sidebar .job-left-aside,.learning-block .job-sidebar .job-left-aside,.knowledge-details .job-sidebar .job-left-aside{
        margin-top:0;
        min-width:275px
    }
    .site .card-header .dropdown-toggle::after{
        right:-8px
    }
    .custom-card .profile-details h6{
        margin-bottom:8px
    }
    .custom-card .card-profile img{
        height:78px
    }
    .custom-card .card-header img{
        margin-top:-56px
    }
    .icon-hover-bottom .form-group input{
        min-width:210px;
        text-overflow:ellipsis
    }
    .alert-dismissible p{
        max-width:100px
    }
    .br-theme-bars-movie .br-widget a{
        width:50px
    }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div{
        right:40px !important
    }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div.profile-dropdown{
        right:16px !important;
        width:160px !important
    }
    .sticky-header-main .card-header h4 a{
        margin-top:8px
    }
    .sticky-header-main .card-body .sticky-note .note{
        min-width:242px
    }
    .pagination-page .card-body .pagination li a{
        padding:8px 10px;
        font-size:13px
    }
    .animation-modal .card-body .modal .theme-close{
        width:25px;
        height:25px;
        font-size:12px
    }
    .todo .todo-list-wrapper #todo-list .task .task-container h4{
        word-break:break-word
    }
    .user-card .custom-card .card-footer>div h3{
        font-size:16px
    }
    .chat-left-aside .people-list ul{
        max-height:210px
    }
    .email-wrap .email-sidebar .email-left-aside{
        width:280px
    }
    .product-page-details h3{
        font-size:22px
    }
    .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group{
        width:52%
    }
    .prooduct-details-box .close{
        right:0;
        top:5px
    }
    .prooduct-details-box .btn{
        padding:4px 8px
    }
    .prooduct-details-box .d-flex{
        display:block
    }
    .prooduct-details-box .d-flex .flex-grow-1{
        margin-top:15px;
        margin-left:unset !important
    }
    .datepicker--nav-action{
        width:20px;
        margin-left:-10px;
        background-color:transparent
    }
    .datepicker--nav-action path{
        stroke:var(--theme-secondary)
    }
    .clockpicker-align-top{
        top:426px !important
    }
    .datepicker{
        width:239px
    }
    .add-post form .m-checkbox-inline label{
        margin-bottom:8px
    }
    .add-post form .m-checkbox-inline label:last-child{
        margin-bottom:0
    }
    .map-js-height{
        height:250px
    }
    .blog-box .blog-details p{
        line-height:1.5
    }
    .blog-box .blog-details .blog-social li:last-child{
        padding-left:0
    }
    .blog-box .blog-details-main .blog-social li{
        padding:0 10px
    }
    .custom-card .card-footer>div h6{
        font-size:12px
    }
    .custom-card .card-footer>div h6 h3{
        font-size:16px
    }
    .custom-card .dashboard-card{
        padding-top:0
    }
    .social-chat .other-msg{
        margin-left:15px
    }
    .social-header h5 span.pull-right{
        display:none
    }
    .chat-box .chat-right-aside{
        -webkit-box-flex:0;
        -ms-flex:0 0 96%;
        flex:0 0 96%;
        max-width:96%
    }
    .chat-box .chat-right-aside .chat .chat-message{
        width:calc(100% - 20px)
    }
    .flot-chart-container{
        height:230px
    }
    .map-block{
        height:250px
    }
    .img-cropper .docs-tooltip{
        font-size:11px
    }
    .img-cropper .docs-toggles .btn-group .btn{
        padding:0.375rem 0.2rem
    }
    .tabs-responsive-side{
        max-width:100%
    }
    .stepwizard .stepwizard-row .stepwizard-step .btn{
        padding:6px 20px
    }
    .wizard-4 ul.anchor{
        padding-top:15px
    }
    .wizard-4 .msg-box{
        top:40px !important
    }
    .xs-width-100{
        min-width:100%
    }
    .email-wrap .email-right-aside .email-content .email-wrapper .attachment ul li img{
        width:65px;
        height:65px
    }
    .email-wrap .email-right-aside .email-top .dropdown-menu{
        left:-58px
    }
    .default-according .card .card-header i{
        font-size:16px;
        top:24px
    }
    .default-according .card .btn-link{
        display:block;
        width:100%;
        padding-left:17px
    }
    .faq-accordion .card .btn-link{
        padding-left:24px;
        font-size:14px
    }
    .star-ratings .stars .title{
        line-height:1
    }
    .bootstrap-touchspin .touchspin-vertical-tab .input-group{
        width:93% !important
    }
    .step-container{
        height:280px !important
    }
    .sort-panel .d-inline .btn{
        margin-left:87px
    }
    .jsgrid .jsgrid-pager-container .jsgrid-pager .jsgrid-pager-page{
        padding:0.5em 0.62em
    }
    .error-wrapper .error-heading .headline{
        font-size:100px
    }
    .lg-toolbar .lg-icon{
        width:40px
    }
    .modal-footer{
        display:block;
        text-align:center
    }
    .modal-footer button:first-child{
        margin-bottom:10px
    }
    .order-box .qty li{
        font-size:14px
    }
    .order-box .qty li span{
        font-size:14px
    }
    .order-box ul li span{
        text-align:right
    }
    .order-box ul li label{
        text-align:right;
        font-size:14px
    }
    .order-box .sub-total li .count{
        font-size:14px
    }
    .checkout .text-end{
        text-align:left !important;
        margin-top:15px
    }
}
@media only screen and (max-width: 359px){
    .comment-box .comment-social li:nth-child(n+2){
        margin-left:10px;
        padding-left:10px
    }
}
@media only screen and (min-width: 576px){
    .product-wrapper-grid.list-view .col-sm-6{
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    .sidebar-wrapper .back-btn{
        display:none
    }
}
@media only screen and (min-width: 768px){
    .product-wrapper-grid.list-view .col-sm-6{
        -webkit-box-flex:0;
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
}
/*# sourceMappingURL=responsive.css.map */