@media (max-width: 1800px){
    .caller-img{
        display:none
    }
}
@media screen and (max-width: 1660px){
    .blog-list .blog-details p{
        width:100%;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis
    }
    .photos ul li{
        width:22%
    }
    .bar-chart canvas{
        width:100% !important
    }
    .chat-box .chat-history .call-icons{
        margin-bottom:25px
    }
    .chat-box .chat-history .call-icons ul li{
        border:1px solid #898989
    }
    .chat-box .chat-history .total-time h2{
        color:#898989;
        margin-bottom:18px
    }
    .chat-box .chat-history .call-content{
        min-height:545px
    }
    .chat-box .chat-history .call-content .btn{
        width:auto;
        margin:0 auto
    }
    .chat-box .chat-history .call-content>div{
        z-index:7;
        background-color:rgba(255,255,255,0.75);
        background-blend-mode:overlay;
        width:100%;
        padding:30px
    }
    .chat-box .chat-history .receiver-img{
        margin-top:25px
    }
    .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:550px;
        overflow:auto
    }
    .caller-img img{
        opacity:0.7
    }
    .page-wrapper.horizontal-wrapper.material-type .page-header{
        max-width:1320px
    }
    .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .sidebar-wrapper,.page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .page-body{
        max-width:1320px
    }
    .email-wrap .email-right-aside .email-profile .inbox p{
        width:calc(100% - 300px);
        max-width:500px
    }
    .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li{
        margin-right:10px
    }
    .default-dash .dash-xlorder-1,.ecommerce-dash .dash-xlorder-1,.crypto-dash .dash-xlorder-1{
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
}
@media screen and (max-width: 1550px){
    .email-wrap .email-content .email-top .user-emailid:after{
        display:none
    }
    .email-wrap .email-top .email-right{
        display:none
    }
    .cal-date-widget .datepicker{
        width:unset
    }
}
@media screen and (max-width: 1920px) and (min-width: 1661px){
    .default-dash .dash-31,.ecommerce-dash .dash-31,.crypto-dash .dash-31{
        max-width:31%;
        -webkit-box-flex:0;
        -ms-flex:0 0 31%;
        flex:0 0 31%
    }
    .default-dash .dash-35,.ecommerce-dash .dash-35,.crypto-dash .dash-35{
        max-width:38%;
        -webkit-box-flex:0;
        -ms-flex:0 0 38%;
        flex:0 0 38%
    }
    .default-dash .dash-39,.ecommerce-dash .dash-39,.crypto-dash .dash-39{
        max-width:39%;
        -webkit-box-flex:0;
        -ms-flex:0 0 39%;
        flex:0 0 39%
    }
    .default-dash .dash-29,.ecommerce-dash .dash-29,.crypto-dash .dash-29{
        max-width:29%;
        -webkit-box-flex:0;
        -ms-flex:0 0 29%;
        flex:0 0 29%
    }
    .default-dash .dash-32,.ecommerce-dash .dash-32,.crypto-dash .dash-32{
        max-width:32%;
        -webkit-box-flex:0;
        -ms-flex:0 0 32%;
        flex:0 0 32%
    }
}
@media screen and (max-width: 1660px) and (min-width: 1200px){
    .whishlist-main .prooduct-details-box .btn{
        top:0;
        bottom:unset;
        right:unset;
        left:0
    }
    .whishlist-main .col-xl-2{
        width:25%
    }
    .dash-xl-50{
        max-width:50%;
        -webkit-box-flex:0;
        -ms-flex:0 0 50%;
        flex:0 0 50%
    }
    .dash-xl-100{
        max-width:100%;
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%
    }
    .dash-xl-33{
        max-width:33.33%;
        -webkit-box-flex:0;
        -ms-flex:0 0 33.33%;
        flex:0 0 33.33%
    }
    .xl-none{
        display:none
    }
    .xl-33{
        max-width:33.33%;
        -webkit-box-flex:0;
        -ms-flex:0 0 33.33%;
        flex:0 0 33.33%
    }
    .xl-60{
        max-width:60%;
        -webkit-box-flex:0;
        -ms-flex:0 0 60%;
        flex:0 0 60%
    }
    .xl-70{
        max-width:70%;
        -webkit-box-flex:0;
        -ms-flex:0 0 70%;
        flex:0 0 70%
    }
    .xl-50{
        max-width:50%;
        -webkit-box-flex:0;
        -ms-flex:0 0 50%;
        flex:0 0 50%
    }
    .xl-100{
        max-width:100%;
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%
    }
    .xl-23{
        max-width:23%;
        -webkit-box-flex:0;
        -ms-flex:0 0 23%;
        flex:0 0 23%
    }
    .xl-25{
        max-width:25%;
        -webkit-box-flex:0;
        -ms-flex:0 0 25%;
        flex:0 0 25%
    }
    .xl-30{
        max-width:30%;
        -webkit-box-flex:0;
        -ms-flex:0 0 30%;
        flex:0 0 30%
    }
    .xl-40{
        max-width:40%;
        -webkit-box-flex:0;
        -ms-flex:0 0 40%;
        flex:0 0 40%
    }
    .xl-4{
        max-width:33.33%;
        -webkit-box-flex:0;
        -ms-flex:0 0 33.33%;
        flex:0 0 33.33%
    }
    .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
    }
    .owl-carousel .owl-item img{
        max-width:420px;
        margin:0 auto
    }
}
@media screen and (max-width: 1365px) and (min-width: 1200px){
    .default-dash .dash-lg-50,.ecommerce-dash .dash-lg-50,.crypto-dash .dash-lg-50{
        max-width:50%;
        -webkit-box-flex:0;
        -ms-flex:0 0 50%;
        flex:0 0 50%
    }
    .default-dash .dash-lg-100,.ecommerce-dash .dash-lg-100,.crypto-dash .dash-lg-100{
        max-width:100%;
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%
    }
    .lg-50{
        max-width:50%;
        -webkit-box-flex:0;
        -ms-flex:0 0 50%;
        flex:0 0 50%
    }
    .lg-100{
        max-width:100%;
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%
    }
}
@media screen and (max-width: 1365px){
    .default-dash .dash-lgorder-1,.ecommerce-dash .dash-lgorder-1,.crypto-dash .dash-lgorder-1{
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
}
@media screen and (max-width: 1100px) and (min-width: 1007px){
    .dash-xl-50{
        max-width:100%;
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%
    }
    .dash-lg-50{
        max-width:100%;
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%
    }
    .profile-greeting{
        height:180px
    }
    .profile-greeting .greeting-user h1{
        font-size:24px;
        margin-bottom:10px
    }
    .profile-greeting .greeting-user p{
        font-size:16px
    }
    .profile-greeting .cartoon-img img{
        margin-right:-110px
    }
    .premium-access{
        height:212px
    }
}
@media (max-width: 1280px){
    .blog-list .blog-details hr{
        display:none
    }
    .blog-list .blog-details p{
        display:none
    }
    .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:20%
    }
    .user-profile .social-tab ul li:nth-child(n+2){
        margin-left:10px
    }
}
@media screen and (max-width: 1580px) and (min-width: 1200px){
    .docs-buttons,.docs-toggles{
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
}
@media screen and (max-width: 1445px) and (min-width: 1410px){
    .page-wrapper.modern-type .page-header .nav-right{
        -webkit-box-flex:0;
        -ms-flex:0 0 65%;
        flex:0 0 65%;
        max-width:65%
    }
}
@media (max-width: 1470px){
    .file-content .folder .folder-box{
        margin-right:6px
    }
    .user-card .card-profile img{
        height:90px
    }
    .file-manager .files li:nth-child(n+2),.file-manager .folder li:nth-child(n+2){
        margin-left:0
    }
    .theme-form select{
        padding:8px 14px
    }
    .edit-profile .profile-title .media{
        display:block
    }
    .edit-profile .profile-title .media .media-body{
        margin-left:unset;
        margin-top:10px
    }
    .product-grid .col-xl-2 .product-img .ribbon{
        padding:0 10px
    }
}
@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 screen and (max-width: 1366px) and (min-width: 1200px){
    .flot-chart-container-small{
        height:227px
    }
    .email-wrap .email-left-aside .email-app-sidebar .media{
        display:block
    }
    .email-wrap .email-left-aside .email-app-sidebar .media .media-size-email{
        width:100%;
        text-align:center
    }
    .email-wrap .email-left-aside .email-app-sidebar .media .media-size-email img{
        margin-bottom:10px
    }
    .email-wrap .email-left-aside .email-app-sidebar .media .media-size-email .me-3{
        margin-right:0 !important
    }
    .email-wrap .email-left-aside .email-app-sidebar .media .media-body{
        text-align:center
    }
    .email-wrap .email-right-aside .email-body .attachment ul li img{
        width:73px;
        height:73px
    }
    .email-wrap .email-right-aside .email-body .email-top{
        line-height:50px
    }
    .email-wrap .email-right-aside .email-body .email-top h5{
        padding:13px 0
    }
    .email-wrap .email-right-aside .email-body .inbox .media-body{
        text-align:center
    }
    .email-wrap .email-right-aside .email-body .inbox .media-body h6{
        font-size:14px
    }
    .email-wrap .email-right-aside .email-body .email-compose .cke_contents.cke_reset{
        max-height:144px;
        width:99%
    }
    .email-wrap .email-right-aside .email-body .email-compose .compose-border{
        margin:0
    }
    .email-wrap .media-body p{
        font-size:13px
    }
    .call-chat-sidebar{
        max-width:262px
    }
    .product-box .product-details{
        padding:15px
    }
    .product-box .product-details p{
        margin-bottom:10px
    }
    .flot-chart-container{
        height:130px
    }
    .user-card .custom-card .card-profile img{
        height:85px
    }
    .custom-card .card-profile img{
        height:100px
    }
    .custom-card .profile-details h4{
        font-size:18px
    }
    .custom-card .profile-details h6{
        margin-bottom:0
    }
    .custom-card .card-footer>div h3{
        font-size:18px
    }
    .crm-activity{
        height:291px;
        overflow-y:auto
    }
    .crm-activity .media .media-body .dates{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .chat-body{
        padding:10px
    }
    .chat-box .chat-history .call-content .btn{
        font-size:15px
    }
    .chat-box .chat-history .total-time h2{
        font-size:30px
    }
    .chat-box .chat-history .receiver-img{
        margin-top:30px
    }
    .chat-box .chat-history .call-icons{
        margin-top:20px;
        margin-bottom:20px
    }
    .chat-box .chat-history .call-icons ul li{
        width:50px;
        height:50px;
        padding:7px
    }
    .chat-box .user-image{
        width:30px;
        height:30px;
        margin-top:3px;
        margin-right:3px
    }
    .chat-box .about{
        margin-top:0
    }
    .chat-box .border-tab.nav-tabs .nav-item a{
        padding:13px 4px !important;
        color:#59667a !important;
        letter-spacing:0;
        font-size:12px !important;
        line-height:6
    }
    .chat-box .chat-menu .people-list ul.list{
        max-height:376px;
        overflow-y:auto
    }
    .chat-box .chat-menu .user-profile .image .avatar img{
        width:100px;
        height:100px
    }
    .chat-box .chat-menu .user-profile .image .icon-wrapper{
        width:30px;
        height:30px;
        font-size:13px
    }
    .chat-left-aside .people-list{
        height:420px
    }
    .chat-left-aside .people-list ul{
        max-height:376px;
        overflow-y:auto
    }
    .chat-left-aside .status-circle{
        top:4px;
        left:36px
    }
    .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 .media img{
        margin-right:25px
    }
    .comment-box ul ul{
        margin-left:50px
    }
    .browser-widget .media-img{
        margin-left:auto;
        margin-right:auto;
        margin-bottom:15px
    }
    .browser-widget img{
        height:50px
    }
    .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){
    .bookmark-wrap .task-sidebar{
        height:auto
    }
    .span.ace_indent-guide{
        display:none
    }
    .grid-options ul li:last-child{
        display:none
    }
    .product-price{
        font-size:14px
    }
    .product-box .product-img .product-hover ul li{
        width:35px;
        height:35px
    }
    .product-box .product-details h4{
        font-size:18px
    }
    .chat-box .chat-history .call-content{
        min-height:510px
    }
    .chat-left-aside .people-list{
        height:490px
    }
    .chat-left-aside .people-list ul{
        max-height:434px;
        overflow-y:auto
    }
    .product-wrapper-grid .col-xl-3{
        padding-left:8px;
        padding-right:8px
    }
    .product-wrapper-grid.list-view .product-box .product-img{
        width:25%
    }
    .cart .qty-box{
        width:40%
    }
    .alert-dismissible strong ~ p{
        display:inline
    }
    .timeline-small .media .media-body p{
        width:95%
    }
    .timeline-small .media .timeline-round.timeline-line-1:after{
        bottom:-66px
    }
    .map-js-height{
        height:350px
    }
    .chat-right-aside{
        overflow:hidden
    }
    .chat-right-aside .chat .chat-message .smiley-box{
        width:45px
    }
    .chat-box .chat-right-aside .chat .chat-msg-box{
        height:410px
    }
    .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 i{
        font-size:20px
    }
    .chat-box .chat-history .receiver-img img{
        height:150px
    }
    .social-app-profile .custom-card .card-footer h3{
        font-size:18px
    }
    .call-chat-body .chat-box{
        overflow:hidden;
        height:600px
    }
    .equal-height-xl{
        height:517px
    }
    .authentication-main .auth-innerright{
        background-size:cover
    }
    .grp-btns{
        display:inline-block
    }
    .button-builder .button-generator-bx{
        position:relative;
        width:100%
    }
    .page-builder .btn-group{
        display:inline-block;
        margin-bottom:10px
    }
    .page-builder .btn-grid{
        margin-bottom:15px;
        margin-right:0px;
        border-right:none;
        display:inline-block
    }
    .page-builder .ge-canvas.ge-layout-desktop{
        margin-top:50px
    }
    .ecommerce-widget .total-num{
        font-size:23px;
        letter-spacing:0px
    }
    .support-ticket-font .total-num{
        font-size:22px
    }
    .order-history table.dataTable.table thead th{
        padding-right:50px
    }
    .user-card .custom-card .card-footer h3{
        font-size:18px
    }
    .custom-card{
        padding:15px
    }
    .custom-card .card-social li:nth-child(n+2){
        margin-left:6px
    }
    .custom-card .card-social li a{
        padding:10px;
        width:30px;
        height:30px;
        font-size:13px
    }
    .map-chart .chart-container{
        height:300px
    }
    .speed-chart .chart-container{
        height:250px;
        margin-top:-40px;
        margin-bottom:100px
    }
    .candidcahrt{
        height:360px
    }
    .status-details h3{
        font-size:18px
    }
    .chart-widget-top .total-value{
        font-size:20px
    }
    .status-widget .card-body{
        padding:10px
    }
    .user-status table thead tr th:nth-child(3){
        min-width:unset
    }
    .user-status table tbody tr td:first-child{
        min-width:unset
    }
    .browser-widget .media{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .browser-widget .media .media-body h3{
        font-size:20px
    }
    .browser-widget .media .media-body p{
        margin-bottom:2px
    }
    .browser-widget .media .media-body h4{
        font-size:20px
    }
    .cal-date-widget .datepicker{
        margin:0 auto;
        width:unset
    }
    .company-card{
        padding:20px
    }
    .static-top-widget .media-body h3{
        font-size:30px
    }
    .static-top-widget .media-body .icon-bg{
        right:-21px
    }
    .redial-social-widget{
        width:125px;
        height:125px
    }
    .redial-social-widget i{
        width:100px;
        height:100px;
        font-size:35px
    }
    .chat-body{
        padding:10px
    }
    .chat-box .chat-history .call-content .btn{
        font-size:15px
    }
    .chat-box .chat-history .total-time h2{
        font-size:30px
    }
    .chat-box .chat-history .receiver-img{
        margin-top:30px
    }
    .chat-box .chat-history .call-icons{
        margin-top:20px;
        margin-bottom:20px
    }
    .chat-box .chat-history .call-icons ul li{
        width:50px;
        height:50px;
        padding:7px
    }
    .chat-box .user-image{
        width:45px;
        height:45px
    }
    .chat-box .about{
        margin-top:0
    }
    .chat-box .border-tab.nav-tabs .nav-item a{
        padding:13px 4px !important;
        color:#59667a !important;
        letter-spacing:0;
        font-size:12px !important;
        line-height:3
    }
    .chat-box .chat-menu .people-list ul.list{
        max-height:320px;
        overflow-y:auto
    }
    .chat-box .chat-menu .user-profile{
        margin-top:0
    }
    .chat-box .chat-menu .user-profile .image .avatar img{
        width:100px;
        height:100px
    }
    .chat-box .chat-menu .user-profile .image .icon-wrapper{
        width:30px;
        height:30px;
        font-size:13px
    }
    .chat-box .chat-menu .user-profile .user-content p{
        font-size:14px;
        margin-bottom:10px
    }
    .chat-box .chat-menu .user-profile .user-content h5{
        margin:20px 0
    }
    .chat-box .chat-menu .user-profile .user-content hr{
        margin:20px 0
    }
    .chat-box .chat-menu .user-profile .follow .follow-num{
        font-size:17px
    }
    .chat-left-aside .people-list{
        height:490px
    }
    .chat-left-aside .people-list ul{
        max-height:434px;
        overflow-y:auto
    }
    .status-circle{
        top:4px;
        left:37px
    }
    .mega-menu .onhover-show-div{
        left:164px
    }
    .bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content{
        left:-21px
    }
    #advance-5_wrapper .dataTables_paginate{
        margin-bottom:8px
    }
    #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child{
        width:67px !important
    }
    #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child{
        width:67px !important
    }
    .reset-password-box .theme-form .form-group .btn{
        padding:6px 22px
    }
    .cd-timeline-img{
        width:45px;
        height:45px
    }
    .cd-timeline-img i{
        font-size:20px
    }
    .learning-box .details-main{
        padding:20px
    }
    .learning-box .details-main h6{
        font-size:18px
    }
}
@media only screen and (max-width: 1366px) and (min-width: 1200px){
    .page-wrapper.compact-wrapper .page-header .header-wrapper .nav-right{
        -webkit-box-flex:0;
        -ms-flex:0 0 64%;
        flex:0 0 64%;
        max-width:64%
    }
    .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%
    }
    .page-wrapper.horizontal-wrapper.material-type .page-header{
        max-width:1140px
    }
    .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .sidebar-wrapper,.page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .page-body{
        max-width:1140px
    }
    .page-wrapper.modern-type .page-header .header-wrapper .nav-right{
        -webkit-box-flex:0;
        -ms-flex:0 0 59%;
        flex:0 0 59%;
        max-width:59%
    }
    .product-box .product-details{
        padding:15px
    }
}
@media screen and (max-width: 1580px) and (min-width: 768px){
    .product-filter.new-products .owl-theme .owl-item .item .product-box .media{
        display:block
    }
    .product-filter.new-products .owl-theme .owl-item .item .product-box .media .product-img{
        width:100%
    }
    .product-filter.new-products .owl-theme .owl-item .item .product-box .product-details{
        padding:15px 0
    }
}
@media screen and (min-width: 1200px) and (max-width: 1214px){
    .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){
    .email-wrap .email-right-aside .email-body{
        border-top-right-radius:4px;
        border-bottom-right-radius:4px
    }
    .email-wrap .email-right-aside .email-body .b-r-light{
        border-right:none !important
    }
    .email-wrap .email-right-aside .radius-left{
        border-top-left-radius:4px !important;
        border-bottom-left-radius:4px !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;
        z-index:0
    }
    .email-wrap .email-sidebar .email-left-aside{
        position:absolute;
        top:100%;
        left:0;
        opacity:0;
        visibility:hidden;
        z-index:2;
        width:280px;
        -webkit-transition:all 0.5s ease;
        transition:all 0.5s ease
    }
    .email-wrap .email-sidebar .email-left-aside.open{
        visibility:visible;
        opacity:1
    }
    .product-page-details{
        margin-top:30px
    }
    .product-wrapper-grid.list-view .product-box .product-img{
        width:32%
    }
    .md-sidebar.job-sidebar .md-sidebar-aside.job-left-aside{
        top:40% !important
    }
    .grid-options ul li:nth-child(3){
        display:none
    }
    .product-page-main .proorder-lg-1{
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
    #lnb .lnb-calendars{
        display:contents
    }
    #lnb .lnb-calendars-d1 .lnb-calendars-item label input[type="checkbox"]+span{
        vertical-align:middle;
        margin-right:3px;
        width:4px
    }
    .social-tab{
        padding:20px
    }
    .social-tab ul li a{
        padding:8px 10px;
        font-size:12px
    }
    .social-tab .input-group .form-control{
        height:40px
    }
    .chat-box .chat-right-aside .caller-img-sec{
        display:none
    }
    .timeline-small .media .timeline-round.timeline-line-1:after{
        height:33px;
        bottom:-40px
    }
    .timeline-small .media .timeline-round.small-line:after{
        height:28px;
        bottom:-38px
    }
    .timeline-small .media .timeline-round.medium-line:after{
        height:30px;
        bottom:-40px
    }
    .timeline-small .media .media-body h6{
        font-weight:600;
        margin-bottom:30px
    }
    .timeline-small .media .media-body h6 span{
        font-weight:normal;
        color:#999
    }
    .timeline-small .media .media-body p{
        width:100%
    }
}
@media only screen and (max-width: 1199.98px){
    .blog-list .blog-details p,.blog-list .blog-details hr{
        display:block
    }
    .blog-single .comment-box ul .comment-social{
        margin-left:0
    }
    .learning-block>div:first-child{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
    .wizard-4 ul.anchor{
        padding-left:40px;
        padding-right:40px
    }
    .file-sidebar{
        padding-right:12px
    }
    .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
    }
    .alert-theme{
        min-width:420px
    }
    .mega-menu-header .header-wrapper .vertical-mobile-sidebar{
        display:block;
        margin-right:15px
    }
    .page-wrapper .page-header .header-wrapper .nav-right{
        position:unset;
        padding:0
    }
    .page-wrapper .page-header .header-wrapper .nav-right>ul li .submenu li:first-child{
        padding-left:15px !important
    }
    .page-wrapper .page-header .header-wrapper .mobile-sidebar .switch-sm .switch{
        margin-top:6px
    }
    .photos ul li{
        width:auto
    }
    .photos ul li:nth-child(3n){
        margin-right:15px
    }
    .user-profile .hovercard .user-image .share-icons{
        position:absolute;
        right:45px;
        top:-22px
    }
    .user-profile .hovercard .user-image .share-icons li{
        color:#fff;
        font-size:25px
    }
    .user-profile .hovercard .user-image .share-icons li .social-icon{
        width:40px;
        height:40px
    }
    .user-profile .hovercard .user-image .share-icons li .social-icon i{
        font-size:18px
    }
    .lg-mt-col{
        margin-top:30px
    }
    .xl-none{
        display:none
    }
    .user-status table tbody tr td .d-inline-block{
        margin-top:10px
    }
    .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 #putData{
        margin-bottom:10px
    }
    .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
    }
    .custom-card .card-profile .card-footer>div h3{
        font-size:18px
    }
    .equal-height-lg{
        min-height:unset !important
    }
    .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
    }
    .button-builder .button-generator-bx{
        position:relative;
        width:100%
    }
    .error-wrapper .maintenance-heading{
        margin-top:30px
    }
    .error-wrapper .maintenance-heading .headline{
        font-size:50px;
        margin-top:-15%;
        margin-bottom:0px
    }
    .error-wrapper .maintenance-heading .cloud-second{
        margin-top:-25px
    }
    .user-status table tbody tr td:first-child{
        min-width:278px
    }
    .contact-form{
        padding:10px
    }
    .contact-form .theme-form .form-icon{
        margin-top:-57px
    }
    .browser-widget{
        padding:0px
    }
    .browser-widget img{
        height:50px
    }
    .browser-widget .media .media-body h4{
        font-size:17px
    }
    .browser-widget .media .media-img{
        width:100%;
        text-align:center;
        margin-bottom:10px
    }
    .static-top-widget .media-body{
        padding-left:20px
    }
    .crm-overall .overall-chart{
        height:200px
    }
    .product-table table.dataTable thead>tr>th{
        padding-right:50px
    }
    .chat-menu-icons{
        display:block;
        clear:both
    }
    .chat-menu{
        right:0;
        border-top:1px solid #efefef;
        opacity:0;
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px);
        visibility:hidden;
        top:120px;
        position:absolute !important;
        z-index:7;
        background-color:#fff;
        -webkit-transition:all linear 0.3s;
        transition:all linear 0.3s
    }
    .chat-menu.show{
        opacity:1;
        visibility:visible;
        -webkit-transform:translateY(0px);
        transform:translateY(0px);
        -webkit-transition:all linear 0.3s;
        transition:all linear 0.3s;
        padding-bottom:25px
    }
    .chat-box .chat-menu .people-list ul.list{
        max-height:444px;
        overflow-y:auto
    }
    .chat-box .btn-lg{
        font-size:12px
    }
    .chat-box .people-list ul{
        height:auto
    }
    .chat-box .chat-right-aside .chat .chat-header{
        height:auto
    }
    .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i{
        font-size:19px
    }
    .chat-box .chat-right-aside .chat .chat-message{
        margin:0
    }
    .chat-box .chat-history .total-time h2{
        font-size:25px
    }
    .chat-box .chat-history .row .col-sm-7{
        padding-right:0
    }
    .chat-box .border-tab.nav-tabs{
        width:100%
    }
    .chat-box .border-tab.nav-tabs .nav-item{
        margin-right:5px
    }
    .chat-box .chat-left-aside .people-list{
        height:493px
    }
    .chat-box .toogle-bar{
        display:inline-block;
        margin-right:0 !important
    }
    .chat-right-aside{
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:calc(100% - 15px);
        overflow:hidden
    }
    .call-chat-body .chat-box{
        overflow:auto;
        height:auto
    }
    .icon-lists div{
        overflow:hidden;
        text-overflow:ellipsis;
        max-width:209px
    }
    .like-comment-lg-mb{
        margin-bottom:12px
    }
    .ribbon-space-bottom{
        top:9px
    }
    .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
    }
    .profile-img-style #aniimated-thumbnials-3{
        text-align:center
    }
    .vertical-menu-mt{
        margin-top:80px !important
    }
    .vertical-menu-mt .xl-none{
        display:block
    }
    .calendar-wrap .fc-day-grid-event{
        width:87%
    }
    .product-page-main .product-page-details h3{
        font-size:26px
    }
    .md-sidebar .md-sidebar-toggle{
        display:block
    }
    .md-sidebar .md-sidebar-aside{
        position:absolute;
        top:100%;
        left:10px;
        opacity:0;
        visibility:hidden;
        z-index:3;
        width:280px
    }
    .md-sidebar .md-sidebar-aside.open{
        opacity:1;
        visibility:visible
    }
    .job-sidebar .job-left-aside{
        height:500px;
        overflow:auto;
        background-color:#fff;
        padding:20px;
        border:1px solid #ecf3fa
    }
}
@media only screen and (max-width: 1199px) and (min-width: 992px){
    .page-wrapper.compact-wrapper .page-header .header-wrapper .nav-right{
        -webkit-box-flex:0;
        -ms-flex:0 0 71.66667%;
        flex:0 0 71.66667%;
        max-width:71.66667%
    }
    .page-wrapper.modern-type .page-header .header-wrapper .nav-right{
        -webkit-box-flex:0;
        -ms-flex:0 0 66%;
        flex:0 0 66%;
        max-width:66%
    }
    .page-wrapper.horizontal-wrapper.material-type .page-header{
        max-width:930px
    }
    .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .sidebar-wrapper,.page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .page-body{
        max-width:930px
    }
}
@media only screen and (max-width: 991.98px){
    .status_toggle img{
        width:20px;
        height:20px
    }
    .simplebar-mask{
        top:130px
    }
    .project-cards .tab-content{
        margin-bottom:-20px
    }
    .edit-profile .card-body h6.form-label{
        font-size:16px
    }
    .project-box{
        margin-bottom:20px
    }
    .product-page-details h3{
        font-size:22px
    }
    .product-page-main{
        padding:20px
    }
    .grid-options ul li:nth-child(3){
        display:none
    }
    .feature-products form .form-group i{
        right:20px
    }
    .card .date-range-picker .daterange-card .sub-title{
        font-size:16px
    }
    .page-wrapper.modern-type .simplebar-mask{
        top:70px
    }
    .page-wrapper.compact-sidebar .simplebar-mask{
        top:87px
    }
    .page-wrapper.compact-sidebar .page-header{
        margin-left:0;
        width:calc(100% - 0px)
    }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links li .sidebar-link.active ~ .sidebar-submenu{
        display:none !important
    }
    .page-wrapper.compact-sidebar .page-body-wrapper .page-body{
        margin-top:60px
    }
    .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper{
        position:fixed !important;
        top:0 !important
    }
    .product-box .modal .modal-header .product-box .product-details{
        padding-left:15px;
        padding-right:15px
    }
    .timeline-content p,.timeline-content .comments-box{
        margin-top:20px
    }
    .timeline-small .media{
        margin-bottom:20px
    }
    .timeline-small .media .media-body h6{
        margin-bottom:20px
    }
    .timeline-small .media .media-body p{
        width:75%
    }
    .timeline-small .media .timeline-round{
        width:45px;
        height:45px;
        top:-14px
    }
    .timeline-small .media .timeline-round.timeline-line-1:after{
        bottom:-41px;
        height:25px
    }
    .timeline-small .media .timeline-round.small-line:after{
        bottom:-26px;
        height:14px
    }
    .timeline-small .media .timeline-round.medium-line:after{
        bottom:-33px;
        height:17px
    }
    .timeline-small .media .timeline-round svg{
        top:14px
    }
    .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{
        top:50px;
        width:160px
    }
    .page-wrapper .current_lang .lang span.lang-txt{
        display:none
    }
    .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
    }
    table.dataTable.fixedHeader-locked,table.dataTable.fixedHeader-floating{
        left:0 !important;
        width:100% !important
    }
    .page-wrapper .section-space{
        padding:60px 0
    }
    .page-wrapper .card{
        margin-bottom:30px
    }
    .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:25px !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
    }
    .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;
        border-right:1px solid #ddd;
        padding-right:15px;
        display:block
    }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar:before{
        display:none
    }
    .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;
        text-align:left;
        position:relative
    }
    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn{
        display:inline-block;
        top:50%;
        right:10%;
        position:absolute;
        -webkit-transform:translate(-50%, -50%);
        transform:translate(-50%, -50%);
        font-size:20px
    }
    .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 - 350px)
    }
    .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:63px;
        padding:0 15px
    }
    .page-wrapper.compact-sidebar .page-header .header-wrapper .maximize{
        display:none
    }
    .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper{
        display:none;
        margin-right:0
    }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper{
        margin:0 !important
    }
    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper{
        display:block
    }
    .page-wrapper.material-icon .page-header{
        padding-left:0
    }
    .page-wrapper.material-icon .page-body-wrapper .page-body{
        padding-left: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
    }
    .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
    }
    .default-according .card{
        margin-bottom:15px !important
    }
    .default-according .card .card-header{
        padding:12px 20px
    }
    .crm-activity>li+li{
        margin-top:10px;
        padding-top:10px
    }
    .add-post .dropzone{
        margin-bottom:20px
    }
    .customers.avatar-group{
        margin-right: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 .media{
        margin-bottom:20px
    }
    .timeline-content p,.timeline-content .comments-box{
        margin-top:20px
    }
    .social-chat{
        margin-top:20px
    }
    .social-chat .media-body{
        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
    }
    .timeline-small .media{
        margin-bottom:20px
    }
    .timeline-small .media .media-body h6{
        margin-bottom:20px
    }
    .timeline-small .media .media-body p{
        width:75%
    }
    .timeline-small .media .timeline-round{
        width:45px;
        height:45px;
        top:-14px
    }
    .timeline-small .media .timeline-round.timeline-line-1:after{
        bottom:-41px;
        height:25px
    }
    .timeline-small .media .timeline-round.small-line:after{
        bottom:-26px;
        height:14px
    }
    .timeline-small .media .timeline-round.medium-line:after{
        bottom:-33px;
        height:17px
    }
    .timeline-small .media .timeline-round svg{
        top:14px
    }
    .helper-classes{
        padding:20px
    }
    .floated-customizer-btn,.floated-customizer-panel{
        display:none
    }
    .page-builder .ge-canvas.ge-editing .row{
        padding:20px
    }
    .page-builder .ge-canvas.ge-editing .row>.ge-tools-drawer a{
        font-size:11px
    }
    .page-builder .ge-canvas.ge-editing .column>.ge-tools-drawer a{
        font-size:11px
    }
    .weather-widget-two .bottom-whetherinfo .whether-content{
        top:24px
    }
    .social-widget-card .media .social-font{
        width:50px;
        height:50px
    }
    .social-widget-card .media .social-font img{
        width:20px;
        height:20px
    }
    .ecommerce-widget .progress-showcase{
        margin-top:20px
    }
    .crm-overall{
        margin:0 -20px -20px
    }
    .product-page-main{
        padding:20px
    }
    .grid-options ul li:nth-child(3){
        display:none
    }
    .feature-products form .form-group i{
        right:20px
    }
    .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:18px 15px
    }
    .tilt-showcase .tilt-image{
        text-align:center
    }
    .tilt-showcase .mt-4{
        margin-top:20px !important
    }
    .todo .todo-list-wrapper .mark-all-tasks{
        top:20px;
        right:20px
    }
    .custom-card{
        padding-bottom:0
    }
    .custom-card .card-footer{
        padding:0 15px 15px 15px !important
    }
    .custom-card .card-header{
        border:none
    }
    .custom-card .dashboard-card{
        padding:0
    }
    .custom-card .card-profile img{
        height:85px
    }
    .display-1{
        font-size:4rem
    }
    .display-2{
        font-size:3.5rem
    }
    .display-3{
        font-size:2.5rem
    }
    .display-4{
        font-size:1.5rem
    }
    h1,.h1{
        font-size:28px
    }
    h2,.h2{
        font-size:22px
    }
    h3,.h3{
        font-size:18px
    }
    h4,.h4{
        font-size:16px
    }
    h5,.h5{
        font-size:14px
    }
    h6,.h6{
        font-size:12px
    }
    .card-absolute .card-header{
        padding:10px 15px !important
    }
    .comingsoon .comingsoon-inner .countdown .time{
        width:80px;
        height:80px;
        font-size:26px
    }
    .calendar-wrap .basic-calendar .external-events .fc-event+.fc-event{
        margin-top:10px
    }
    .owl-theme .owl-nav.disabled+.owl-dots{
        margin-bottom:-10px;
        margin-top:15px
    }
    .color-shape .card .card-header h5{
        font-size:17px
    }
    .card .card-header h5{
        font-size:18px
    }
    .card .card-header .card-header-right{
        top:20 px;
        right:15px
    }
    .page-builder .ge-addRowGroup{
        width:100%
    }
    .user-profile .hovercard .info .user-designation{
        margin-bottom:20px
    }
    .search-list{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .comment-box .comment-social li:nth-child(n+2){
        padding-left:15px;
        margin-left:15px
    }
    .top-radius-blog{
        width:100%
    }
    .sm-100-w{
        width:100%;
        height:100%
    }
    .error-wrapper{
        padding:35px 0
    }
    .error-wrapper .sub-content{
        font-size:14px;
        line-height:25px;
        margin-top:0px
    }
    .error-wrapper .error-heading{
        margin-top:30px
    }
    .error-wrapper .error-heading .headline{
        font-size:180px;
        margin-top:0
    }
    .error-wrapper .maintenance-heading{
        margin-top:30px
    }
    .editor_container .CodeMirror{
        min-height:250px;
        height:250px
    }
    .search-page .info-block{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .search-page .tab-content .pb-4{
        padding-bottom:20px !important
    }
    .comingsoon .comingsoon-inner img{
        width:150px
    }
    .contact-form{
        padding-top:10px !important
    }
    .contact-form .theme-form{
        padding:20px;
        margin-top:27px
    }
    .contact-form .theme-form .form-icon{
        margin-top:-47px
    }
    .user-status.product-chart{
        max-height:518px;
        overflow:auto
    }
    .xl-none{
        display:block
    }
    .top-radius-blog{
        width:100%
    }
    .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 .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
    }
    .search-page .info-block+.info-block{
        padding-top:20px;
        margin-top:20px
    }
    .search-page #video-links .embed-responsive+.embed-responsive{
        margin-top:20px
    }
    .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 .mr-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
    }
    .chat-box .chat-left-aside .people-list{
        height:483px
    }
    .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li{
        margin-right:5px
    }
    .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
    }
    .product-page-main .product-page-details h3{
        font-size:22px
    }
    .product-page-main .product-page-main p{
        font-size:12px
    }
    .product-page-main .product-social li a{
        font-size:13px;
        width:30px;
        height:30px
    }
}
@media only screen and (max-width: 991px) and (min-width: 768px){
    .page-wrapper .page-header .header-wrapper .nav-right{
        -webkit-box-flex:0;
        -ms-flex:0 0 58%;
        flex:0 0 58%;
        max-width:58%
    }
    .page-wrapper.compact-wrapper.material-type::before{
        height:230px
    }
    .page-wrapper.compact-wrapper.material-type .page-header{
        width:calc(100% - 60px) !important;
        margin:50px auto 0 !important
    }
    .page-wrapper.compact-wrapper.material-type .page-body-wrapper{
        margin:0 30px
    }
    .page-wrapper.compact-wrapper.material-type .page-body-wrapper div.sidebar-wrapper{
        left:0
    }
    .page-wrapper.compact-wrapper.material-type .page-body-wrapper .page-body{
        margin-top:0
    }
}
@media only screen and (max-width: 810px){
    .page-wrapper .page-header .header-wrapper .nav-right>ul>li .profile-media .media-body{
        display:none
    }
}
@media screen and (min-width: 768px){
    .product-wrapper-grid.list-view .ribbon{
        display:none
    }
    .product-wrapper-grid.list-view .col-sm-6{
        -webkit-box-flex:0;
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
}
@media only screen and (max-width: 767.98px){
    .wizard-4 ul.anchor{
        width:100%;
        height:auto;
        padding:30px
    }
    .wizard-4 .step-container{
        width:100%
    }
    #animation-box .animate-widget img{
        border-bottom-left-radius:15px;
        border-bottom-right-radius:15px
    }
    .contact-editform{
        padding-left:20px !important
    }
    .event-calendar{
        display:block !important
    }
    .event-calendar #right{
        width:100%
    }
    .event-calendar #calendar{
        clear:both
    }
    .page-wrapper .nav-right .nav-menus{
        margin-right:57px
    }
    .page-wrapper.compact-wrapper .nav-right .nav-menus{
        margin-right:0
    }
    .page-wrapper.material-type::before{
        display:none
    }
    .page-wrapper.material-type .page-header{
        margin-top:0;
        border-radius:0
    }
    .page-wrapper.material-type .page-body-wrapper .page-body{
        margin-top:0 !important
    }
    .page-wrapper.only-body .page-header .header-wrapper .nav-right>ul>li{
        margin-right:-2px
    }
    .page-wrapper.only-body .page-header .header-wrapper .nav-right .nav-menus{
        margin-right:-10px
    }
    .new-products .owl-carousel .product-box.row>div{
        width:auto
    }
    .profile-media .media-body{
        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:78px
    }
    .footer-copyright ~ div{
        text-align:center
    }
    .footer-copyright ~ div p{
        float:none;
        margin-top:5px
    }
    .btn-showcase{
        text-align:center
    }
    .user-profile .hovercard .user-image .share-icons{
        right:25px;
        top:-19px
    }
    .user-profile .hovercard .user-image .share-icons li .social-icon{
        width:35px;
        height:35px
    }
    .tabs-scoial.border-tab.nav-tabs{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .timeline-small .media .media-body p{
        width:100%
    }
    .my-gallery figure:nth-child(9),.my-gallery figure:nth-child(10){
        margin-bottom:20px
    }
    .project-list .btn{
        margin-top:5px
    }
    .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 .chat-history .call-content>div{
        padding-top:40px;
        height:auto
    }
    .chat-box .chat-history .receiver-img{
        margin-bottom:unset
    }
    .chat-box .chat-left-aside .people-list{
        height:auto
    }
    .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:230px
    }
    .clockpicker-align-top{
        left:55px !important;
        top:470px !important
    }
    .clockpicker-align-top .arrow{
        display:none
    }
    .form-builder-column .form-body{
        min-height:250px
    }
    .form-builder-2-header{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .form-builder-2-header>div{
        width:100%;
        margin-top:10px
    }
    .form-builder-2-header>div nav{
        float:none
    }
    .lg-mt-col{
        margin-top:20px
    }
    .form-builder .drag-box fieldset{
        padding:20px;
        margin-top:20px
    }
    .form-builder #components{
        margin-top:20px
    }
    .form-builder .component label{
        padding-top:0px
    }
    .mega-menu .onhover-show-div{
        height:415px;
        left:0;
        top:61px;
        padding:20px
    }
    .mega-menu .lg-mt{
        margin-top:15px
    }
    .page-builder .ge-canvas.ge-editing .ge-tools-drawer{
        margin:10px 0 0 10px
    }
    .page-builder .ge-canvas.ge-editing .ge-tools-drawer>a{
        padding:0 5px
    }
    .reader{
        margin-top:15px;
        height:auto !important
    }
    .range-slider.theme-form .form-group{
        margin-bottom:0
    }
    .note-editor .btn-group .btn{
        font-size:11px
    }
    .user-status tbody tr td{
        min-width:284px
    }
    .user-status tbody tr td+td{
        min-width:unset
    }
    .user-status tbody tr td+td+td{
        min-width:100px
    }
    .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
    }
    .user-card .custom-card .card-profile img{
        height:90px
    }
    .custom-card .card-profile img{
        height:136px;
        bottom:0
    }
    .custom-card .card-social li:nth-child(n+2){
        margin-left:10px
    }
    .custom-card .card-social li a{
        padding:10px;
        width:30px;
        height:30px;
        font-size:14px
    }
    .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
    }
    .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
    }
    .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
    }
    .user-status.product-chart{
        max-height:100%
    }
    .user-status table thead tr th:nth-child(3){
        min-width:124px
    }
    .mega-menu .onhover-show-div{
        height:350px
    }
    .page-builder .ge-canvas .column{
        padding:0 !important
    }
    .page-builder .ge-content-type-ckeditor h3{
        font-size:20px
    }
    .page-builder .ge-content-type-ckeditor p{
        font-size:12px
    }
    .page-builder .ge-row-icon{
        display:none !important
    }
    .icon-hover-bottom .form-group input{
        min-width:270px
    }
    .user-profile .hovercard .cardheader{
        height:350px
    }
    .user-profile .hovercard .info{
        padding:35px
    }
    .user-profile .hovercard .info .ttl-info{
        margin-bottom:20px
    }
    .user-profile .hovercard .info .ttl-sm-mb-0{
        margin-bottom:0
    }
    .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
    }
    .blog-single .comment-box .media h6{
        margin-bottom:10px
    }
    .blog-single .comment-box .media img{
        margin-right:30px
    }
    .blog-single .comment-box .comment-social{
        margin-bottom:10px
    }
    .blog-box .blog-details-main .blog-social li{
        padding:0 12px
    }
    .learning-box .details-main{
        padding:20px
    }
    .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
    }
    .search-page #image-links .info-block.m-t-30{
        margin-top:0 !important
    }
    .authentication-main .authentication-box{
        width:100%
    }
    .authentication-main .auth-innerright{
        display:inherit
    }
    .map-chart .chart-container{
        height:300px
    }
    .candidcahrt{
        height:250px
    }
    .bar-chart-widget .earning-details i{
        right:0
    }
    .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{
        display:block;
        margin-top:15px
    }
    .icon-hover-bottom .icon-popup>.icon-last .form-inline .form-group{
        display:block
    }
    .icon-hover-bottom .icon-popup div .flag-icon{
        width:30px;
        height:auto
    }
    .icon-hover-bottom .form-group input{
        display:block;
        margin-bottom:10px;
        width:auto !important
    }
    .footer-links{
        text-align:center
    }
    .footer-copyright{
        text-align:center !important
    }
    .jvector-map-height{
        height:150px
    }
    .sm-left-text{
        text-align:left !important
    }
    .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
    }
    .chat-box .chat-right-aside .chat .chat-msg-box{
        height:auto
    }
    .chat-box .chat-menu .nav-tabs .nav-item{
        width:32.33%
    }
    .chat-box .chat-menu .people-list ul.list{
        max-height:433px;
        margin-bottom:15px
    }
    .chat-box .chat-menu #info-profile,.chat-box .chat-menu #info-contact{
        margin-bottom:15px
    }
    .hovercard .info .follow .text-md-right{
        text-align:center
    }
    .profile-img-style .like-comment-sm-mb{
        margin-bottom:20px
    }
    .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%
    }
    .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){
    .page-wrapper.compact-wrapper .page-header .header-wrapper .nav-right{
        margin-left:auto
    }
    .page-wrapper .page-header .header-wrapper .nav-right .resp-serch-input .search-form input{
        background-color:#fff;
        border:1px solid #d8e0ff
    }
    .product-page-main .border-tab.nav-tabs .nav-item{
        width:auto !important
    }
    .products-total{
        margin-bottom:10px
    }
    .product-page-details h3{
        font-size:18px
    }
    .grid-options ul li{
        display:none
    }
    .modal-body .animate-widget img{
        border-radius:15px
    }
    .feature-products .filter-toggle{
        padding:8px 15px;
        margin-left:10px;
        border-radius:5px;
        background-color:rgba(99,98,231,0.05);
        color:#6362e7
    }
    .feature-products span{
        font-size:12px
    }
    .feature-products span.f-w-600{
        padding-top:8px;
        display:inline-block
    }
    .grid-options ul li{
        display:none
    }
    .product-wrapper.sidebaron .product-grid .product-wrapper-grid{
        margin-left:0
    }
    .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
    }
    .timeline-small .media .media-body p{
        width:100%
    }
    .product-main.border-start{
        border:none !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 .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
    }
    .dropzone.dz-clickable{
        padding:20px
    }
    .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 .media img{
        width:40px !important
    }
    .social-app-profile .social-status .media .social-status{
        bottom:10px;
        left:35px
    }
    .user-profile .profile-header .userpro-box .avatar{
        width:80px;
        height:80px
    }
}
@media only screen and (max-width: 710px){
    .page-wrapper.compact-wrapper .nav-right .nav-menus{
        margin-right:0
    }
}
@media only screen and (max-width: 575.98px) and (min-width: 480px){
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .notification-img{
        left:0
    }
}
@media only screen and (max-width: 575.98px){
    .widget-joins .widget-card .icon-bg svg{
        height:60px
    }
    .page-wrapper.only-body .page-header .header-wrapper .nav-right{
        right:30px
    }
    .page-wrapper.only-body .page-header .header-wrapper .nav-right .nav-menus{
        margin-right:0
    }
    .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
    }
    .product-color li{
        width:15px;
        height:15px
    }
    ul.pro-services li h5{
        font-size:14px
    }
    ul.pro-services li p{
        font-size:13px
    }
    .form-builder .form-builder-column .form-builder-2-header .navbar select{
        margin-bottom:10px
    }
    .product-wrapper .pagination-content{
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start;
        margin-top:8px
    }
    .d-inline-block{
        float:left !important;
        margin-top: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
    }
    .date-picker .theme-form>.row>div:last-child{
        margin-top:0
    }
    .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode{
        width:20px
    }
    .timeline-content p,.timeline-content .comments-box{
        margin-top:15px
    }
    .timeline-content .comments-box .media .m-r-20{
        margin-right:10px
    }
    .timeline-content .comments-box .media .media-body .input-group .input-group-append .btn{
        padding:6px
    }
    .timeline-content .comment-number i{
        margin-right:15px
    }
    .timeline-small .media{
        margin-bottom:15px
    }
    .timeline-small .media .media-body h6{
        margin-bottom:15px
    }
    .timeline-small .media .timeline-round.timeline-line-1:after{
        bottom:-39px;
        height:30px
    }
    .timeline-small .media .timeline-round.small-line:after{
        bottom:-17px;
        height:8px
    }
    .timeline-small .media .timeline-round.medium-line:after{
        bottom:-30px;
        height:22px
    }
    #cd-timeline{
        margin-right:unset
    }
    .user-profile .photos ul li{
        width:18%
    }
    .user-profile .profile-post{
        padding:20px
    }
    .user-profile .profile-post .post-body figure{
        margin-bottom:20px
    }
    .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
    }
    .user-profile .profile-header .userpro-box{
        max-width:100%
    }
    .search-page .info-block{
        display:block
    }
    .form-bookmark .row>div .row>.col-sm-6+.col-sm-6{
        margin-top:10px
    }
    .total-transactions-sec .report-sec{
        border-left:none
    }
    .chat-box .chat-message .btn{
        padding:6px 22px
    }
    .btn{
        padding:6px 27px
    }
    .alert-theme{
        min-width:380px
    }
    .knowledgebase-bg{
        height:250px
    }
    .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
    }
    .invoice .text-md-end{
        margin-top:10px
    }
    .invoice .text-right{
        text-align:right
    }
    .invoice .text-xs-center{
        text-align:center
    }
    .bookmark ul li a svg{
        height:16px;
        width:16px
    }
    .bookmark ul li+li{
        margin-left:5px
    }
    .page-wrapper .page-header .header-wrapper .nav-right>ul>li{
        padding:4px
    }
    .page-header .header-wrapper .nav-right .cart-box .badge,.page-header .header-wrapper .nav-right .notification-box .badge{
        font-size:10px
    }
    .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 .user-image .share-icons{
        right:15px
    }
    .social-app-profile .hovercard .user-image .share-icons li{
        margin-right:0px
    }
    .social-app-profile .hovercard .info .tabs-scoial .user-designation{
        border-top:none;
        border-bottom:none;
        margin-bottom:0;
        padding:0px 0px
    }
    .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 .media{
        margin-bottom:15px
    }
    .new-users-social{
        margin-bottom:15px
    }
    .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 svg{
        width:16px
    }
    .page-wrapper .page-body-wrapper .page-title .breadcrumb{
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start;
        padding:10px 0 0
    }
    .page-wrapper .nav-right .nav-menus{
        margin-right:45px
    }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper,.page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper{
        display:none
    }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar,.page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar{
        margin-left:0;
        padding-left:0;
        border-left:none;
        border-right:1px solid #ddd;
        padding-right:8px;
        margin-right:8px
    }
    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar svg,.page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar svg{
        width:30px
    }
    .page-wrapper.compact-sidebar .sidebar-wrapper .back-btn{
        display:none
    }
    .page-wrapper.compact-sidebar .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li{
        margin-right:0
    }
    .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{
        margin-right:1px
    }
    .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:32px;
        margin-left:8px
    }
    .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:60px
    }
    .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
    }
    .F{
        display:none
    }
    .m-r-30{
        margin-right:15px
    }
    .wishlist .text-end{
        text-align:left !important
    }
    .mobile-clock-widget #date{
        margin-top:15px
    }
    .social-widget-card .b-b-light{
        padding:15px;
        margin-bottom:15px
    }
    .weather-widget-two .bottom-whetherinfo .whether-content{
        top:34px
    }
    .cal-date-widget .cal-datepicker{
        margin-top:15px
    }
    .static-top-widget .media-body .icon-bg{
        width:70px;
        height:70px
    }
    .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 .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
    }
    .bar-chart-widget .earning-details i{
        right:-30px
    }
    .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
    }
    .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 .media{
        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
    }
    .timeline-content p,.timeline-content .comments-box{
        margin-top:15px
    }
    .timeline-content .comments-box .media .m-r-20{
        margin-right:10px
    }
    .timeline-content .comments-box .media .media-body .input-group .input-group-append .btn{
        padding:6px
    }
    .timeline-content .comment-number i{
        margin-right:15px
    }
    #cd-timeline{
        margin-right:0
    }
    .social-chat{
        margin-top:15px
    }
    .social-chat .media-body{
        padding:15px
    }
    .social-chat .your-msg,.social-chat .other-msg{
        margin-bottom:15px
    }
    .social-network span{
        margin-bottom:15px
    }
    .social-list .media{
        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
    }
    .photos ul li{
        width:26%
    }
    .photos ul li:nth-child(3n){
        margin-right:0
    }
    .chat-box .chat-history .call-content>div{
        padding-top:30px
    }
    .timeline-small .media{
        margin-bottom:15px
    }
    .timeline-small .media .media-body h6{
        margin-bottom:15px
    }
    .timeline-small .media .timeline-round.timeline-line-1:after{
        bottom:-39px;
        height:30px
    }
    .timeline-small .media .timeline-round.small-line:after{
        bottom:-17px;
        height:8px
    }
    .timeline-small .media .timeline-round.medium-line:after{
        bottom:-30px;
        height:22px
    }
    .helper-classes{
        padding:15px
    }
    .form-builder-2-header ul li{
        text-align:left
    }
    .form-builder-2-header .form-inline{
        display:block;
        width:100%
    }
    .form-builder-2-header .form-inline .form-group{
        width:100%;
        margin-right:0
    }
    .form-builder-2-header .form-inline button{
        width:100%;
        text-align:left
    }
    .page-builder .btn-grid{
        margin-bottom:7px;
        padding-right:5px
    }
    .page-builder .ge-canvas.ge-editing .row{
        padding:15px
    }
    .page-builder .ge-canvas.ge-editing .ge-tools-drawer{
        margin:10px
    }
    .page-builder .ge-canvas.ge-layout-desktop [class*="col-"]{
        width:inherit !important
    }
    .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 .weather-widget-two .bottom-whetherinfo .whether-content{
        top:35px
    }
    .border-tab .social-widget-card .b-b-light{
        padding:15px;
        margin-bottom:15px
    }
    .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;
        display:block
    }
    .tab-content ~ .nav-tabs.border-tab{
        margin-top:10px
    }
    .nav-pills{
        text-align:center
    }
    .crm-overall{
        margin:0 -15px -15px
    }
    .product-color 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
    }
    .product-page-main{
        padding:15px
    }
    .product-page-main .m-t-15 .btn{
        margin-top:10px
    }
    .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
    }
    .todo .todo-list-wrapper .mark-all-tasks{
        right:20px
    }
    .datetime-picker label{
        text-align:left !important
    }
    .redial-chart-block{
        text-align:center
    }
    #nav-tabContent{
        margin-top:15px
    }
    .reset-password-box{
        width:430px
    }
    .auth-bg{
        padding:25px 15px
    }
    .auth-bg-effect{
        display:none
    }
    .date-picker .text-right{
        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
    }
    .page-wrapper .page-body-wrapper .user-profile .profile-img-style{
        padding:15px
    }
    .page-wrapper .page-body-wrapper .user-profile .profile-img-style .img-container{
        margin-top:15px
    }
    .page-wrapper .page-body-wrapper .user-profile hr{
        margin:15px 0
    }
    .page-wrapper .page-body-wrapper .user-profile .like-comment{
        margin-top:15px
    }
    .jvector-map-height{
        height:250px
    }
    .user-profile .order-sm-0{
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
    .user-profile .hovercard .info .ttl-info{
        text-align:center !important
    }
    .user-profile .hovercard .info .ttl-xs-mt{
        margin-top:20px
    }
    .icon-hover-bottom .form-group{
        display:block !important;
        margin-bottom:0
    }
    .icon-hover-bottom .form-group input{
        width:100% !important
    }
    .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:20px
    }
    .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{
        padding-top:15px;
        padding-bottom:15px
    }
    .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%
    }
    .user-profile hr{
        margin:15px 0
    }
    .user-profile .hovercard .cardheader{
        height:300px
    }
    .user-profile .hovercard .info{
        padding:20px
    }
    .user-profile .hovercard .info .user-designation{
        border-top:1px solid #f4f4f4;
        border-bottom:1px solid #f4f4f4;
        margin-bottom:15px;
        padding:15px 0px
    }
    .user-profile .hovercard .social-media a{
        margin-right:0px;
        font-size:16px
    }
    .user-profile .hovercard .follow .follow-num{
        font-size:20px
    }
    .user-profile .profile-img-style .pictures img{
        margin-bottom:10px
    }
    .custom-card .card-footer>div h6{
        font-size:14px;
        font-weight:600
    }
    .custom-card .card-footer>div h3{
        font-size:24px
    }
    .calendar-wrap .fc-toolbar .fc-center{
        margin-top:10px
    }
    .calendar-wrap a.fc-more{
        font-size:0.7em
    }
    .mega-inline{
        display:block
    }
    .megaoptions-border-space-sm{
        padding-bottom:30px !important
    }
    .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 .media{
        display:block
    }
    .comment-box li .media 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
    }
    .error-wrapper{
        padding:20px 0
    }
    .error-wrapper .btn{
        margin-top:15px
    }
    .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;
        margin-top:-10%;
        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
    }
    .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{
        padding-left:15px
    }
    .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
    }
    .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
    }
    .translate_wrapper.active .more_lang.active{
        position:fixed;
        width:calc(100vw - 30px);
        left:15px;
        top:60px
    }
    .onhover-dropdown:hover .onhover-show-div{
        opacity:0;
        -webkit-transform:none;
        transform:none;
        visibility:hidden;
        position:fixed;
        width:100%;
        left:15px;
        top:60px
    }
    .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 .cart-dropdown,.page-header .header-wrapper .nav-right.right-header .notification-dropdown{
        position:fixed;
        top:60px;
        right:15px !important
    }
    .page-header .header-wrapper .nav-right.right-header ul.profile-dropdown{
        position:fixed;
        top:60px;
        right:15px !important
    }
    .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
    }
    .single-content-social-media{
        text-align:left
    }
    .single-content-social-media ul li{
        display:inline-block;
        margin-bottom:0;
        margin-right:8px
    }
    .resp-serch-input .search-form{
        top:50px !important
    }
    .status_toggle img{
        width:18px;
        height:18px
    }
    .page-wrapper .page-header .header-wrapper .cart-dropdown li .media .media-body{
        margin-right:20px !important
    }
}
@media only screen and (max-width: 480px){
    .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;
        margin-top:5px
    }
    .email-wrap .email-wrapper h6{
        float:none
    }
    .invoice .text-md-end{
        margin-top:10px
    }
    .product-wrapper.sidebaron .product-grid .product-wrapper-grid{
        margin-left:0
    }
    .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter{
        top:unset
    }
    .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:1;
        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.open:before,.product-sidebar.open:after{
        content:"";
        position:absolute;
        width:0;
        height:0;
        border-left:7px solid rgba(0,0,0,0);
        border-right:7px solid rgba(0,0,0,0);
        border-bottom:7px solid #fff;
        right:120px;
        top:-7px
    }
    .product-sidebar .filter-section .card-header{
        display:none
    }
    .feature-products .filter-toggle{
        padding:8px 15px;
        margin-left:10px;
        border-radius:5px
    }
    .feature-products .filter-toggle h6{
        font-weight:600;
        font-size:14px
    }
    .feature-products span.f-w-600{
        padding-top:15px;
        display:inline-block
    }
    .feature-products .text-right{
        text-align:left !important
    }
    .grid-options ul li{
        display:none
    }
    .d-none-productlist{
        display:block;
        margin-right:10px
    }
    .social-app-profile .hovercard .user-image .share-icons li .social-icon{
        width:30px;
        height:30px
    }
    .social-app-profile .hovercard .user-image .icon-wrapper{
        top:-5px
    }
    .social-app-profile .hovercard .user-image .avatar img{
        width:80px;
        height:80px
    }
    .chat-box .chat-history .call-icons ul li{
        width:40px;
        height:40px;
        padding:7px
    }
    .chat-box .chat-history .call-icons ul li i{
        font-size:18px
    }
    .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:13px
    }
    .default-dashboard-section .news .news-update .media-body h5{
        font-size:12px
    }
    .default-according.default-according-page .card .card-header .btn-link{
        padding:12px
    }
    .custom-profile .card-social .social-link{
        width:35px;
        height:35px
    }
    .custom-profile .card-social .social-link img{
        width:16px;
        height:16px
    }
    .custom-profile .card-social li+li{
        margin-left:10px
    }
    .custom-profile .card-profile img{
        height:200px !important;
        bottom:0 !important
    }
    .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
    }
    .page-wrapper.only-body .page-header .header-wrapper .nav-right{
        display:none
    }
    .product-wrapper-grid.list-view .product-box{
        display:block
    }
    .product-wrapper-grid.list-view .product-box .product-img{
        width:100%
    }
    .pagination-lg .page-link{
        font-size:1rem
    }
    .prooduct-details-box .media-body{
        margin-left:0rem !important
    }
    .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%
    }
    .chart_data_right .knob-block>div:not(.chart-clock-main) canvas{
        width:70px !important;
        height:70px !important
    }
    .knob-block .chart-clock-main{
        margin:auto;
        width:auto
    }
    .knob-block .chart-clock-main .clock-medium{
        position:absolute;
        left:33px;
        top:33px
    }
    .knob-block .chart-clock-main .clock-medium canvas{
        width:180px !important;
        height:180px !important
    }
    .knob-block .chart-clock-main .clock-small{
        left:34px;
        top:74px
    }
    .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
    }
    .inline-block-sm{
        display:inline-block
    }
    .pagination-lg .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 .maintenance-heading{
        margin-top:0
    }
    .custom-card{
        padding:0
    }
    .custom-card .card-footer>div h3{
        font-size:20px
    }
    .custom-card .profile-details h6{
        margin-bottom:0
    }
    .custom-card .profile-details a h4{
        font-size:20px;
        margin-top:3px
    }
    .custom-card .card-profile img{
        height:85px
    }
    .user-card .custom-card .card-profile img{
        height:80px
    }
    .card .card-header .card-header-right i{
        margin:0 3px;
        font-size:14px
    }
    .card .card-header>span+span{
        display:none
    }
    .timeline-small .media .timeline-round.timeline-line-1:after{
        bottom:-50px
    }
    .timeline-small .media .timeline-round.medium-line:after{
        bottom:-40px
    }
    .dropdown-basic{
        text-align:center
    }
    .dropup-basic{
        text-align:center
    }
    .blog-box.blog-shadow .blog-details{
        padding:10px
    }
    .blog-box.blog-shadow .blog-details h4{
        font-size:14px
    }
    .cal-date-widget{
        padding:30px
    }
    .company-card .details .media{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .stepwizard .stepwizard-row:before{
        top:17px
    }
    .stepwizard .stepwizard-row .stepwizard-step .btn{
        padding:6px 22px
    }
    .mega-menu{
        padding-left:20px;
        padding-top:3px
    }
    .mega-menu .onhover-show-div{
        height:405px;
        left:0;
        top:61px;
        padding:15px
    }
    .badge{
        padding:0.4em 0.7em;
        font-size:10px
    }
    .alert-dismissible .close{
        top:-1px
    }
    .alert-dismissible .close span{
        font-size:19px
    }
    .notify-alert{
        width:90%
    }
    .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons{
        margin-top:15px;
        padding-left:6px
    }
    .default-according .card .card-header .btn-link{
        padding:12px !important;
        font-size:15px
    }
    .page-wrapper .page-header .header-wrapper .nav-right .cart-nav .cart-dropdown li .media img{
        width:40px !important;
        height:40px !important
    }
    .page-wrapper .page-header .header-wrapper .nav-right .cart-nav .cart-dropdown li .media .media-body h6{
        font-size:12px;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        overflow:hidden;
        text-overflow:ellipsis
    }
    .page-wrapper .page-header .header-wrapper .nav-right .cart-nav .cart-dropdown li .media .media-body p{
        font-size:10px !important
    }
    .page-wrapper .page-header .header-wrapper .nav-right .cart-nav .cart-dropdown li .media .cart-quantity{
        width:80px;
        padding:4px 10px
    }
    .page-wrapper .page-header .header-wrapper .nav-right .cart-nav .cart-dropdown li .media .cart-quantity span i{
        font-size:12px !important
    }
}
@media only screen and (max-width: 420px){
    .product-sidebar.open{
        top:-75px
    }
    .landing-page .landing-header,.landing-page .landing-header.sticky{
        padding:0
    }
    .file-content .folder .folder-box{
        margin-right:unset
    }
    .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
    }
    .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
    }
    .and-many-more{
        font-size:37px
    }
    .cd-timeline-content .embed-responsive iframe{
        width:260px
    }
    .tabbed-card ul.border-tab.nav-tabs .nav-item .nav-link{
        padding:5px 15px 8px
    }
    .border-tab.nav-tabs{
        display:block
    }
    .timeliny .timeliny-dot::after{
        content:attr(data-text);
        width:210px
    }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper>div{
        width:112px
    }
    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container{
        left:112px;
        width:190px
    }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper>div{
        width:80px
    }
    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container{
        left:80px;
        width:210px
    }
    .chat-box .chat-menu.show{
        top:115px
    }
    .chat-box .chat-right-aside .chat .chat-header{
        display:block
    }
    .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-right-aside .chat .chat-header .chat-menu-icons li{
        margin-right:12px
    }
    .social-app-profile .social-tab .input-group{
        width:190px
    }
    .email-wrap .email-body .email-compose .compose-header{
        display:block
    }
    .email-wrap .email-body .email-compose .compose-header .btn{
        margin-top:10px
    }
}
@media only screen and (max-width: 360px){
    .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group{
        width:45%
    }
    .icon-hover-bottom .icon-popup{
        display:block;
        text-align:center
    }
    .animated-modal .animated-modal-md-mb{
        display:grid
    }
    .cd-timeline-content .embed-responsive iframe{
        width:220px
    }
    .timeline-small .media .timeline-round.timeline-line-1:after{
        bottom:-74px;
        height:56px
    }
    .timeline-small .media .timeline-round.small-line:after{
        bottom:-32px;
        height:14px
    }
    .timeline-small .media .timeline-round.medium-line:after{
        bottom:-59px;
        height:40px
    }
    .email-wrap .email-right-aside .email-content .email-wrapper .attachment ul li img{
        width:63px;
        height:63px
    }
    .email-wrap .email-right-aside .email-top .dropdown-menu{
        left:-58px
    }
    .prooduct-details-box .close{
        right:0;
        top:5px
    }
    .prooduct-details-box .btn{
        padding:4px 8px
    }
    .prooduct-details-box .media{
        padding:15px;
        display:block
    }
    .prooduct-details-box .media .media-body{
        margin-top:15px
    }
    .datepicker--nav-action{
        width:20px;
        margin-left:-10px;
        background-color:transparent
    }
    .datepicker--nav-action path{
        stroke:var(--theme-deafult)
    }
    .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
    }
    .bar-chart-widget .earning-details i{
        right:-73px
    }
    .status-widget svg{
        width:18px;
        height:18px
    }
    .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link{
        padding:10px 5px;
        font-size:14px
    }
    .user-profile .hovercard .user-image .share-icons{
        right:6px;
        top:-15px
    }
    .user-profile .hovercard .user-image .share-icons li .social-icon{
        width:25px;
        height:25px
    }
    .user-profile .hovercard .user-image .share-icons li .social-icon i{
        font-size:14px
    }
    .social-chat .other-msg{
        margin-left:15px
    }
    .social-header h5 span.pull-right{
        display:none
    }
    .timeline-small .media .timeline-round.timeline-line-1:after{
        bottom:-74px;
        height:56px
    }
    .timeline-small .media .timeline-round.small-line:after{
        bottom:-32px;
        height:14px
    }
    .timeline-small .media .timeline-round.medium-line:after{
        bottom:-59px;
        height:40px
    }
    .timeline-small .media .media-body p{
        display:-webkit-box;
        text-overflow:ellipsis;
        -webkit-box-orient:vertical;
        overflow:hidden;
        -webkit-line-clamp:4
    }
    .custom-card .dashboard-card{
        padding-top:0
    }
    .custom-card .card-profile img{
        bottom:8px
    }
    .custom-card .card-footer>div h6{
        font-size:12px
    }
    .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
    }
    .button-builder-wrap .btn-lg{
        font-size:18px
    }
    .tabs-responsive-side{
        max-width:100%
    }
    .browser-widget .media i{
        font-size:52px
    }
    .browser-widget .media .media-body h4{
        font-size:20px
    }
    .bar-chart-widget .bottom-content .num{
        font-size:17px
    }
    .search-page .theme-form .input-group .form-control-plaintext{
        padding-left:8px
    }
    .search-page .theme-form .input-group .btn{
        padding:6px 4px
    }
    .stepwizard .stepwizard-row .stepwizard-step .btn{
        padding:6px 20px
    }
    .user-status table tbody img{
        height:40px
    }
    .wizard-4 ul.anchor{
        padding-top:15px
    }
    .wizard-4 .msg-box{
        top:40px !important
    }
    .xs-width-100{
        min-width:100%
    }
    .form-builder #components .component .form-group #button1id{
        margin-bottom:15px
    }
    .default-according .card .card-header i{
        font-size:14px;
        top:24px
    }
    .default-according .card .btn-link{
        display:block;
        width:100%;
        padding-left:17px
    }
    .star-ratings .stars .title{
        line-height:1
    }
    .user-profile .hovercard .social-media a{
        padding:0 12px
    }
    .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
    }
    .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
    }
    .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)
    }
    .chat-box .chat-menu.show{
        top:120px;
        width:245px
    }
    .error-wrapper .error-heading .headline{
        font-size:100px
    }
    .lg-toolbar .lg-icon{
        width:40px
    }
    .calendar-wrap a.fc-more{
        font-size:0.59em
    }
    .calendar-wrap .fc th{
        font-size:10px
    }
    .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: 359.98px){
    .sticky-header-main .card-header h5 a{
        float:left;
        margin-left:0 !important
    }
    .sticky-header-main .note{
        min-width:240px
    }
    .cd-timeline-content .embed-responsive iframe{
        width:180px
    }
    .timeliny .timeliny-dot::after{
        content:attr(data-text);
        width:190px
    }
}
@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 (max-width: 576px){
    .chat-box .chat-history .call-content{
        min-height:430px
    }
    .card .date-range-picker .daterange-card .sub-title{
        font-size:14px
    }
}
@media only screen and (max-width: 410px){
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li.text-center{
        padding:0
    }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div.notification-dropdown.active li .media .notification-right span{
        font-size:10px !important
    }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div.notification-dropdown.active li .media .notification-right a i{
        font-size:10px !important
    }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div.notification-dropdown.active li .media .notification-img{
        padding:8px
    }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div.notification-dropdown.active li .media .notification-img img{
        width:30px
    }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div.notification-dropdown.active li .media-body{
        margin-left:50px !important
    }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div.notification-dropdown.active li .media-body h5{
        font-size:13px !important
    }
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div.notification-dropdown.active li .media-body p{
        font-size:10px !important
    }
}
@media only screen and (max-width: 1200px) and (min-width: 992px){
    .product-main.border-start{
        border:none !important
    }
}
@media only screen and (max-width: 1787px) and (min-width: 1660px){
    .cutom-row .owl-carousel-dashboard-sec .owl-carousel-dashboard .circle-shape{
        width:140px;
        height:140px
    }
    .cutom-row .owl-carousel-dashboard-sec .owl-carousel-dashboard img{
        margin:22px auto
    }
}
@media screen and (min-width: 1500px) and (max-width: 1660px){
    .sales-state-sec{
        -webkit-box-ordinal-group:1 !important;
        -ms-flex-order:0 !important;
        order:0 !important
    }
    .invoice-overviwe-sec{
        -webkit-box-ordinal-group:2 !important;
        -ms-flex-order:1 !important;
        order:1 !important
    }
    .news.hot-selling-product-sec{
        -webkit-box-ordinal-group:3 !important;
        -ms-flex-order:2 !important;
        order:2 !important;
        width:33.33333%
    }
    .cutom-row{
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3
    }
    .cutom-row .ongoing-project-sec.recent-orders-sec{
        -webkit-box-ordinal-group:1;
        -ms-flex-order:0;
        order:0
    }
    .cutom-row .ongoing-project-sec.recent-orders-sec .recent-orders .card-body .ongoing-project-table.table-responsive table tbody tr td{
        min-width:136px !important
    }
    .cutom-row .recent-activity-sec.our-activities{
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
    .cutom-row .owl-carousel-dashboard-sec{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
    .cutom-row .owl-carousel-dashboard-sec .owl-carousel-dashboard .circle-shape{
        width:130px;
        height:130px
    }
    .cutom-row .owl-carousel-dashboard-sec .owl-carousel-dashboard .offer-sec .timer-sec ul li{
        margin-left:0
    }
    .cutom-row .get-suport-sec{
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3
    }
    .cutom-row-1{
        -webkit-box-ordinal-group:5;
        -ms-flex-order:4;
        order:4
    }
}
/*# sourceMappingURL=responsive.css.map */