/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./assets/scss/responsive.scss ***!
  \************************************************************************************************************************************************************************************************************************/
  @media(max - width: 1800 px) {
    .todo - wrap.todo - list - body.task - container div.d - flex {
      justify - content: flex - end;
      min - width: 240 px
    }.caller - img {
      display: none
    }
  }
  @media screen and(max - width: 1660 px) {
    .photos ul li {
      width: 26 %
    }.bar - chart canvas {
      width: 100 % !important
    }.chat - box.chat - history.call - icons ul li {
      border: 1 px solid #898989}.chat-box .chat-history .total-time h2{color:# 898989
      }.chat - box.chat - history.call - content.btn {
        margin: 0 auto;width: auto
      }.chat - box.chat - history.call - content > div {
        background - blend - mode: overlay;
        background - color: hsla(0, 0 % , 100 % , .75);
        padding: 30 px;
        width: 100 % ;
        z - index: 2
      }.chat - box.chat - history.receiver - img {
        margin - top: 25 px
      }.chat - left - aside.people - list {
        height: 520 px
      }.chat - box.chat - right - aside.chat.chat - msg - box {
        height: 440 px
      }.chat - box.people - list ul {
        max - height: 450 px;
        overflow: auto
      }.call - chat - body.chat - box {
        height: 625 px;overflow: hidden
      }.call - chat - body.chat - box.people - list ul {
        max - height: 550 px;
        overflow: auto
      }.caller - img {
        left: 15 px;max - width: 100 % ;position: absolute;width: 100 %
      }.caller - img img {
        opacity: .7
      }.timeline - small.d - flex.timeline - round.timeline - line - 1: after {
        bottom: -78 px
      }
    }
    @media screen and(max - width: 1600 px) {
      .page - wrapper.horizontal - wrapper.material - type.page - body - wrapper.page - body, .page - wrapper.horizontal - wrapper.material - type.page - body - wrapper.sidebar - wrapper, .page - wrapper.horizontal - wrapper.material - type.page - header {
        max - width: 1320 px
      }.chat - box.chat - right - aside.chat.chat - header.chat - menu - icons li {
        margin - right: 10 px
      }
    }
    @media screen and(max - width: 1565 px) {
      .page - wrapper.horizontal - wrapper.page - body - wrapper.sidebar - wrapper {
        top: 73 px
      }
    }
    @media(max - width: 1470 px) {
      .basic_table.table - responsive.table tbody tr td: nth - child(n + 2) {
        min - width: 180 px
      }.signal - table.table - responsive.table tbody tr td: nth - child(n + 2) {
        min - width: 240 px
      }
    }
    @media screen and(max - width: 1660 px) and(min - width: 1200 px) {
      .xl - none {
        display: none
      }.xl - 60 {
        flex: 0 0 60 % ;max - width: 60 %
      }.xl - 50 {
        flex: 0 0 50 % ;max - width: 50 %
      }.xl - 100 {
        flex: 0 0 100 % ;max - width: 100 %
      }.xl - 23 {
        flex: 0 0 23 % ;max - width: 23 %
      }.xl - 25 {
        flex: 0 0 25 % ;max - width: 25 %
      }.xl - 30 {
        flex: 0 0 30 % ;max - width: 30 %
      }.xl - 40 {
        flex: 0 0 40 % ;max - width: 40 %
      }.xl - 4 {
        flex: 0 0 33.33 % ;max - width: 33.33 %
      }
    }
    @media(max - width: 1280 px) {
      .img - gallery - set1, .img - gallery - set5 {
        display: none
      }.box - layout.page - wrapper.horizontal - wrapper.page - header {
        left: unset;max - width: unset;padding - left: unset
      }.box - layout.page - wrapper.horizontal - wrapper.page - body - wrapper {
        width: unset
      }
    }
    @media screen and(max - width: 1580 px) and(min - width: 1200 px) {
      .docs - buttons, .docs - toggles {
        flex: 0 0 100 % ;max - width: 100 %
      }
    }
    @media screen and(max - width: 1366 px) and(min - width: 1200 px) {
      .flot - chart - container - small {
        height: 227 px
      }.call - chat - sidebar {
        max - width: 262 px
      }.product - box.product - details {
        padding: 15 px
      }.product - box.product - details p {
        margin - bottom: 10 px
      }.file - manager.folder.folder - box p span {
        display: block;float: unset
      }.blog - box.blog - details - main.blog - social li {
        padding: 0 5 px
      }.blog - page.blog - box.blog - shadow, .blog - page.blog - box.blog - shadow img {
        height: 372 px
      }.blog - box.blog - details.blog - social {
        display: none
      }.blog - box.blog - details.blog - social li: first - child {
        padding - right: 8 px
      }.blog - box.blog - details.blog - social li + li {
        padding - left: 8 px
      }.blog - box.blog - list.blog - details {
        margin: 10 px
      }.flot - chart - container {
        height: 130 px
      }.custom - card.card - profile img {
        height: 115 px
      }.custom - card.profile - details h4 {
        font - size: 18 px
      }.custom - card.profile - details h6 {
        margin - bottom: 24 px
      }.custom - card.card - footer > div h3 {
        font - size: 18 px
      }.email - wrap.email - left - aside.email - app - sidebar.d - flex {
        display: block!important
      }.email - wrap.email - right - aside.email - body.inbox.d - flex {
        padding: 15 px
      }.email - wrap.email - right - aside.email - body.inbox.d - flex.media - size - email.me - 3 {
        margin - right: 10 px!important
      }.email - wrap.email - right - aside.email - body.inbox.flex - grow - 1 h4 {
        font - size: 16 px
      }.crm - activity {
        height: 291 px;overflow - y: auto
      }.crm - activity.d - flex.flex - grow - 1 .dates {
        display: flex
      }.chat - body {
        padding: 10 px
      }.chat - box.chat - history.call - content.btn {
        font - size: 15 px
      }.chat - box.chat - history.total - time h2 {
        font - size: 30 px
      }.chat - box.chat - history.receiver - img {
        margin - top: 30 px
      }.chat - box.chat - history.call - icons {
        margin - bottom: 20 px;
        margin - top: 20 px
      }.chat - box.chat - history.call - icons ul li {
        height: 50 px;padding: 7 px;width: 50 px
      }.chat - box.user - image {
        height: 30 px;margin - right: 3 px;margin - top: 3 px;width: 30 px
      }.chat - box.about {
        margin - top: 0
      }.chat - box.border - tab.nav - tabs.nav - item a {
        color: #59667a!important;font-size:12px!important;letter-spacing:0;line-height:6;padding:13px 4px!important}.chat-box .chat-menu .people-list ul.list{max-height:376px;overflow-y:auto}.chat-box .chat-menu .user-profile .image .avatar img{height:100px;width:100px}.chat-box .chat-menu .user-profile .image .icon-wrapper{font-size:13px;height:30px;width:30px}.blog-box .blog-details h4{display:none}.chat-left-aside .people-list{height:420px}.chat-left-aside .people-list ul{max-height:376px;overflow-y:auto}.chat-left-aside .status-circle{left:36px;top:4px}.blog-box .blog-details-main .blog-bottom-details{margin:20px 10px}.blog-box .blog-details-main .blog-social li{padding:0 10px}.blog-box.blog-shadow .blog-details{padding:10px}.browser-widget .media-img{margin-bottom:15px;margin-left:auto;margin-right:auto}.browser-widget img{height:50px}.email-wrap .email-left-aside .email-app-sidebar .d-flex{display:block}.email-wrap .email-left-aside .email-app-sidebar .d-flex .media-size-email{text-align:center;width:100%}.email-wrap .email-left-aside .email-app-sidebar .d-flex .media-size-email .mr-3{margin-right:0!important}.email-wrap .email-left-aside .email-app-sidebar .d-flex .flex-grow-1{text-align:center}.email-wrap .email-right-aside .email-body .attachment ul li img{height:73px;width:73px}.email-wrap .email-right-aside .email-body .email-top{line-height:50px}.email-wrap .email-right-aside .email-body .email-top .float-right{display:none!important}.email-wrap .email-right-aside .email-body .email-top h5{padding:13px 0}.email-wrap .email-right-aside .email-body .inbox{max-height:668px;overflow:auto}.email-wrap .email-right-aside .email-body .inbox .d-flex{display:block;text-align:center}.email-wrap .email-right-aside .email-body .inbox .d-flex .media-size-email .mr-3{margin-right:0!important}.email-wrap .email-right-aside .email-body .inbox .flex-grow-1{text-align:start}.email-wrap .email-right-aside .email-body .inbox .flex-grow-1 h6{font-size:14px}.email-wrap .email-right-aside .email-body .email-compose .cke_contents.cke_reset{max-height:144px;width:99%}.email-wrap .email-right-aside .email-body .email-compose .compose-border{margin:0}.alert-dismissible p{max-width:181px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bootstrap-touchspin .touchspin-vertical-tab .input-group{width:96%!important}}@media only screen and (max-width:1366px){.page-wrapper .current_lang .lang span.lang-txt{display:none}.custom-title-yt{margin-top:14px}.bookmark-wrap .task-sidebar{height:auto}.btn-radio .btn-group .btn{padding:4px 8px}.grid-options ul li:last-child{display:none}.product-wrapper-grid.list-view .product-box .product-img{width:25%}.cart .qty-box{width:40%}.alert-dismissible strong~p{display:inline}.timeline-small .d-flex .flex-grow-1 p{width:95%}.map-js-height{height:350px}.chat-right-aside{flex:0 0 60%;max-width:60%;overflow:hidden}.chat-right-aside .chat .chat-message .smiley-box{width:45px}.chat-box .chat-right-aside .chat .chat-msg-box{height:364px}.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{padding:15px;width:100%}.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}.call-chat-body .chat-box{height:565px;overflow:hidden}.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{border-right:none;display:inline-block;margin-bottom:15px;margin-right:0}.page-builder .ge-canvas.ge-layout-desktop{margin-top:50px}.ecommerce-widget .total-num{font-size:23px;letter-spacing:0}.support-ticket-font .total-num{font-size:22px}.order-history table.dataTable.table thead th{padding-right:50px}.custom-card{padding:15px}.custom-card .card-social li a{padding:12px}.map-chart .chart-container{height:300px}.speed-chart .chart-container{height:250px;margin-bottom:100px;margin-top:-40px}.candidcahrt{height:360px}.status-details h3{font-size:18px}.chart-widget-top .total-value{font-size:20px}.status-widget .card-body{padding:10px}.browser-widget .d-flex{flex-wrap:wrap}.browser-widget .d-flex .flex-grow-1 h3{font-size:20px}.browser-widget .d-flex .flex-grow-1 p{margin-bottom:2px}.browser-widget .d-flex .flex-grow-1 h4{font-size:20px}.testimonial i{font-size:46px}.testimonial p{margin-top:20px}.redial-social-widget{height:125px;width:125px}.redial-social-widget i{font-size:35px;height:100px;width:100px}.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-bottom:20px;margin-top:20px}.chat-box .chat-history .call-icons ul li{height:50px;padding:7px;width:50px}.chat-box .user-image{height:45px;width:45px}.chat-box .about{margin-top:0}.chat-box .border-tab.nav-tabs .nav-item a{color:# 59667 a!important;font - size: 12 px!important;letter - spacing: 0;line - height: 6;padding: 13 px 4 px!important
        }.chat - box.chat - menu.people - list ul.list {
          max - height: 455 px;
          overflow - y: auto
        }.chat - box.chat - menu.user - profile {
          margin - top: 0
        }.chat - box.chat - menu.user - profile.image.avatar img {
          height: 100 px;width: 100 px
        }.chat - box.chat - menu.user - profile.image.icon - wrapper {
          font - size: 13 px;
          height: 30 px;
          width: 30 px
        }.chat - box.chat - menu.user - profile.user - content p {
          font - size: 14 px;
          margin - bottom: 10 px
        }.chat - box.chat - menu.user - profile.user - content h5, .chat - box.chat - menu.user - profile.user - content hr {
          margin: 20 px 0
        }.chat - box.chat - menu.user - profile.follow.follow - num {
          font - size: 20 px
        }.chat - left - aside.people - list {
          height: 490 px
        }.chat - left - aside.people - list ul {
          max - height: 434 px;
          overflow - y: auto
        }.status - circle {
          left: 37 px;top: 4 px
        }.mega - menu.onhover - show - div {
          left: 164 px
        }.img - cropper.docs - toggles {
          margin - top: 8 px
        }.bootstrap - touchspin.dropdown - basic.dropdown.dropdown - content {
          left: -21 px
        }
        #advance - 5_ wrapper.dataTables_paginate {
          margin - bottom: 8 px
        }
        #batchDelete.jsgrid - grid - body.jsgrid - table.jsgrid - row.jsgrid - cell: first - child, #batchDelete.jsgrid - grid - header.jsgrid - table.jsgrid - header - row.jsgrid - header - cell: first - child {
          width: 67 px!important
        }.reset - password - box.theme - form.form - group.btn {
          padding: 6 px 22 px
        }
      }
      @media only screen and(max - width: 1366 px) and(min - width: 1200 px) {
        .page - wrapper.horizontal - wrapper.material - type.page - body - wrapper.page - body, .page - wrapper.horizontal - wrapper.material - type.page - body - wrapper.sidebar - wrapper, .page - wrapper.horizontal - wrapper.material - type.page - header {
          max - width: 1140 px
        }
      }
      @media only screen and(max - width: 1199.98 px) {
        .page - wrapper.page - header.header - wrapper.nav - right > ul > li.profile - media.flex - grow - 1 {
          display: none
        }.rating - container.br - theme - bars - pill.br - widget a {
          padding: 7 px 11 px
        }.rating - container.br - theme - bars - reversed.br - widget.br - current - rating {
          display: -webkit - box!important;overflow: hidden;text - overflow: ellipsis; - webkit - line - clamp: 1; - webkit - box - orient: vertical;white - space: normal
        }.learning - block > div: first - child {
          order: 2
        }.bookmark - wrap.email - left - aside.left - bookmark.custom - scrollbar {
          max - height: 360 px;
          overflow: auto
        }.md - sidebar.md - sidebar - toggle {
          display: block
        }.md - sidebar.md - sidebar - aside {
          left: 0;opacity: 0;position: absolute;top: 40 px;visibility: hidden;width: 280 px;z - index: 3
        } [dir = rtl].md - sidebar.md - sidebar - aside {
          left: unset;right: 0
        }.md - sidebar.md - sidebar - aside.open {
          opacity: 1;visibility: visible
        }.md - sidebar.job - sidebar {
          background - color: #f5f5f5;
          padding: 20 px
        }.md - sidebar.job - sidebar.faq - accordion.default-according, .md - sidebar.job - sidebar.faq - accordion.default-according.row > div: last - child.card {
          margin - bottom: 0
        }.file - sidebar {
          padding - right: 12 px
        }.file - sidebar.card.card - body {
          height: 332 px;overflow: auto
        } [dir = rtl].file - sidebar {
          padding - right: 0
        }.col - xl - 7. b - center.bg - size {
          height: 100 vh;opacity: .5;position: fixed;top: 0
        }.login - card {
          background: transparent
        }.knowledgebase - bg {
          height: 400 px
        }.knowledgebase - search.form - inline {
          padding: 7 px 45 px;width: 400 px
        }.knowledgebase - search.form - inline svg {
          top: 14 px
        }.btn - group.btn {
          padding: .375 rem 1.25 rem
        }.link - section > div.active > h6: before {
          content: "\f107";transition: content .3 s ease
        }.link - section > div > h6 {
          position: relative
        }.link - section > div > h6: before {
          content: "\f105";font - family: fontAwesome;font - size: 18 px;position: absolute;right: 10 px;transition: content .3 s ease
        }.alert - theme {
          min - width: 420 px
        }.mega - menu - header.header - wrapper.vertical - mobile - sidebar {
          display: block;margin - right: 15 px
        }.page - wrapper.page - header.header - wrapper.nav - right {
          padding: 0;position: unset
        }.page - wrapper.page - header.header - wrapper.nav - right > ul li.submenu li: first - child {
          padding - left: 15 px!important
        }.page - wrapper.page - header.header - wrapper.mobile - sidebar.switch-sm.switch {
          margin - top: 6 px
        }.photos ul li {
          width: auto
        }.photos ul li: nth - child(3n) {
          margin - right: 15 px
        }.user - profile.hovercard.user - image.share - icons {
          position: absolute;right: 45 px;top: -22 px
        }.user - profile.hovercard.user - image.share - icons li {
          color: #fff;font - size: 25 px
        }.user - profile.hovercard.user - image.share - icons li.social - icon {
          height: 40 px;width: 40 px
        }.user - profile.hovercard.user - image.share - icons li.social - icon i {
          font - size: 18 px
        }.timeline - small.d - flex.timeline - round.timeline - line - 1: after {
          bottom: -52 px;height: 33 px
        }.timeline - small.d - flex.timeline - round.small - line: after {
          bottom: -34 px;height: 18 px
        }.timeline - small.d - flex.timeline - round.medium - line: after {
          bottom: -52 px;height: 30 px
        }.timeline - small.d - flex.flex - grow - 1 p {
          width: 100 %
        }.lg - mt - col {
          margin - top: 30 px
        }.xl - none {
          display: none
        }.lg - mt {
          margin - top: 30 px
        }.product - wrapper - grid.list - view.product - box.product - img {
          width: 32 %
        }.product - wrapper - grid.list - view.modal - content.modal - header.product - box.product - img {
          width: 100 % !important
        }.debit - card {
          order: 1
        }.listing.card - body.row > div + div, .typography.row div + div {
          margin - top: 30 px
        }.flot - chart - container {
          height: 200 px
        }.img - cropper #putData {
          margin - bottom: 10 px
        }.img - cropper.docs - toggles > .dropdown {
          margin - bottom: 0
        }.error - wrapper.maintenance - icons li i {
          color: #f5f5f5;font - size: 40 px
        }.error - wrapper.maintenance - icons li: nth - child(2) i {
          font - size: 80 px;
          margin - left: 90 px
        }.error - wrapper.maintenance - icons li: nth - child(3) i {
          font - size: 120 px;
          margin - right: 110 px;
          margin - top: -75 px
        }
        div.dataTables_wrapper div.dataTables_paginate~.dataTables_filter {
          display: block;margin - bottom: 0;margin - top: 20 px;width: 100 %
        }.jvector - map - height {
          height: 280 px
        }.blog - list.blog - details p {
          margin - bottom: 5 px
        }.custom - card.card - profile.card - footer > div h3 {
          font - size: 18 px
        }.equal - height - lg {
          min - height: unset!important
        }.mega - menu.onhover - show - div {
          height: 435 px;left: 215 px;overflow - x: scroll
        }.mega - menu.mega - bg {
          display: none
        }.mega - menu.lg - mt {
          margin - top: 25 px
        }.button - builder.button - generator - bx {
          position: relative;width: 100 %
        }.blog - single.comment - box ul.comment - social {
          margin - left: 0
        } [dir = rtl].blog - single.comment - box ul.comment - social {
          margin - left: unset;
          margin - right: 0
        }.error - wrapper.maintenance - heading {
          margin - top: 30 px
        }.error - wrapper.maintenance - heading.headline {
          font - size: 50 px;
          margin - bottom: 0;
          margin - top: -15 %
        }.error - wrapper.maintenance - heading.cloud - second {
          margin - top: -25 px
        }.testimonial p {
          margin - top: 17 px
        }.browser - widget {
          padding: 0
        }.browser - widget img {
          height: 50 px
        }.browser - widget.d - flex.flex - grow - 1 h4 {
          font - size: 17 px
        }.browser - widget.d - flex.media - img {
          margin - bottom: 10 px;
          text - align: center;
          width: 100 %
        }.crm - overall.overall - chart {
          height: 200 px
        }.product - table table.dataTable thead > tr > th {
          padding - right: 50 px
        }.chat - menu - icons {
          clear: both;display: block
        }.chat - menu {
          background - color: #fff;
          border - top: 1 px solid #eaeaea;
          opacity: 0;
          position: absolute!important;
          right: 0;
          top: 60 px;
          transform: translateY(-30 px);
          transition: all .3 s linear;
          visibility: hidden;
          z - index: 3
        }.chat - menu.show {
          opacity: 1;padding - bottom: 25 px;transform: translateY(0);transition: all .3 s linear;visibility: visible
        }.chat - box.chat - menu.people - list ul.list {
          max - height: 444 px;
          overflow - y: auto
        }.chat - box.btn - lg {
          font - size: 12 px
        }.chat - box.chat - right - aside.chat.chat - header, .chat - box.people - list ul {
          height: auto
        }.chat - box.chat - right - aside.chat.chat - header.chat - menu - icons li a i {
          font - size: 19 px
        }.chat - box.chat - right - aside.chat.chat - message {
          margin: 0
        }.chat - box.chat - history.total - time h2 {
          font - size: 25 px
        }.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: 5 px
        }.chat - box.chat - left - aside.people - list {
          height: 493 px
        }.chat - box.chat - history.call - content > div {
          padding - top: 70 px
        }.chat - box.toogle - bar {
          display: inline - block;margin - right: 0!important
        }.chat - right - aside {
          flex: 0 0 100 % ;max - width: calc(100 % -15 px);overflow: hidden
        }.call - chat - body.chat - box {
          height: auto;overflow: auto
        }.email - wrap.email - right - aside.email - body.b - r - light {
          border - right: none!important
        }.email - wrap.email - right - aside.radius - left {
          border - bottom - left - radius: 4 px!important;
          border - top - left - radius: 4 px!important
        }.email - wrap.row.col - xl - 3 + .col - xl - 3 {
          padding - right: 15 px
        }.email - wrap.row.col - xl - 6 {
          padding - left: 15 px
        }.icon - lists div {
          max - width: 209 px;
          overflow: hidden;
          text - overflow: ellipsis
        }.like - comment - lg - mb {
          margin - bottom: 12 px
        }.ribbon - space - bottom {
          top: 9 px
        }.bootstrap - touchspin.touchspin - vertical - tab.input - group {
          width: 98.5 % !important
        }
        #batchDelete.jsgrid - grid - body.jsgrid - table.jsgrid - row.jsgrid - cell: first - child, #batchDelete.jsgrid - grid - header.jsgrid - table.jsgrid - header - row.jsgrid - header - cell: first - child {
          width: 95 px!important
        }.profile - img - style #aniimated - thumbnials - 3 {
          text - align: center
        }.vertical - menu - mt {
          margin - top: 80 px!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: 26 px
        }
      }
      @media only screen and(max - width: 1199 px) and(min - width: 992 px) {
        .jkanban - container.kanban - container.kanban - board {
          margin - left: 10 px!important;
          margin - right: 10 px!important;
          width: calc(33.33333 % -20 px) !important
        }.page - wrapper.horizontal - wrapper.material - type.page - body - wrapper.page - body, .page - wrapper.horizontal - wrapper.material - type.page - body - wrapper.sidebar - wrapper, .page - wrapper.horizontal - wrapper.material - type.page - header {
          max - width: 930 px
        }.page - wrapper.compact - wrapper.page - body - wrapper.page - body {
          margin - left: 0
        }
      }
      @media only screen and(max - width: 991.98 px) {
        .kanban - board {
          width: calc(50 % -30 px) !important
        }.todo - list - wrapper #todo - list li.task - container.task - label {
          min - width: 460 px
        }.project - cards.tab - content {
          margin - bottom: -20 px
        }.project - box {
          margin - bottom: 20 px
        }.page - wrapper.modern - type.simplebar - mask {
          top: 70 px
        }.page - wrapper.compact - sidebar.simplebar - mask {
          top: 87 px
        }.page - wrapper.compact - sidebar.page - header {
          margin - left: 0;
          width: 100 %
        }.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: 60 px
        }.page - wrapper.only - body.page - header.header - wrapper.search - full.Typeahead - menu {
          top: 65 px
        }.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: 12 px;
          padding - right: 12 px
        }.search - form.form - group: before {
          top: 33 px
        }.search - form.form - group: after {
          top: 35 px
        }.mobile - title.d - none {
          padding: 11 px 30 px 10 px
        }.page - wrapper.page - header.header - wrapper.nav - right.profile - dropdown {
          top: 50 px
        }.page - wrapper.page - header.header - wrapper.search - full input {
          line - height: 50 px
        }.page - wrapper.page - header.header - wrapper.search - full.form - group.close - search {
          top: 20 px
        }.page - wrapper.page - header.header - wrapper.search - full.form - group: before {
          top: 18 px
        }.page - wrapper.current_lang.lang span.lang - txt {
          display: none
        }.customizer - contain {
          top: 62 px
        }.m - r - 30 {
          margin - right: 20 px
        }.card.full - card {
          top: 60 px;width: 100 vw
        }.vertical - mobile - sidebar {
          right: 75 px;top: 18 px
        }.gallery {
          margin - bottom: -20 px
        }
        #aniimated - thumbnials figure: nth - child(10), #aniimated - thumbnials figure: nth - child(11), #aniimated - thumbnials figure: nth - child(12), #aniimated - thumbnials figure: nth - child(9), .my - gallery figure {
          margin - bottom: 20 px
        }.photoswipe - pb - responsive {
          padding - bottom: 25 px!important
        }
        table.dataTable.fixedHeader - floating, table.dataTable.fixedHeader - locked {
          left: 0!important;width: 100 % !important
        }.page - wrapper.section - space {
          padding: 60 px 0
        }.page - wrapper.card.card - body.tab - content.m - t - 30, .page - wrapper.card.card - footer.tab - content.m - t - 30, .page - wrapper.card.card - header.tab - content.m - t - 30 {
          margin - top: 20 px!important
        }.page - wrapper.card.card - body.tab - content.m - b - 30, .page - wrapper.card.card - footer.tab - content.m - b - 30, .page - wrapper.card.card - header.tab - content.m - b - 30 {
          margin - bottom: 20 px!important
        }.page - wrapper.page - body - wrapper.footer - fix {
          margin - left: 0;
          padding - right: 15 px;
          width: 100 % !important
        }.page - wrapper.compact - wrapper.page - header {
          margin - left: 0!important;
          width: 100 % !important
        }.page - wrapper.compact - wrapper.page - header.header - wrapper.maximize {
          display: none
        }.page - wrapper.compact - wrapper.page - header.header - wrapper.header - logo - wrapper {
          display: flex
        }.page - wrapper.compact - wrapper.page - header.header - wrapper.toggle - sidebar {
          background - color: rgba(43, 94, 94, .1);
          border - radius: 10 px;
          display: block!important;
          height: 40 px;
          position: unset;
          width: 40 px
        }
      }
      @media only screen and(max - width: 991.98 px) and(max - width: 630 px) {
        .page - wrapper.compact - wrapper.page - header.header - wrapper.toggle - sidebar {
          height: 38 px;width: 38 px
        }
      }
      @media only screen and(max - width: 991.98 px) {
        .page - wrapper.compact - wrapper.page - header.header - wrapper.toggle - sidebar svg {
          font - size: 18 px;
          height: 20 px;
          left: 0;
          position: absolute;
          top: 50 % ;
          transform: translate(50 % , -50 % );
          width: 20 px;
          stroke: #1f2f3e}[dir= rtl].page - wrapper.compact - wrapper.page - header.header - wrapper.toggle - sidebar svg {
            left: 16 px
          }
        }
        @media only screen and(max - width: 991.98 px) and(max - width: 575 px) {
          [dir = rtl].page - wrapper.compact - wrapper.page - header.header - wrapper.toggle - sidebar svg {
            left: 10 px
          }
        }
        @media only screen and(max - width: 991.98 px) {
          .page - wrapper.compact - wrapper.page - header.header - wrapper.toggle - nav, .page - wrapper.compact - wrapper.page - header.header - wrapper.toggle - sidebar: before {
            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 {
            transform: translate(-285 px)
          }.page - wrapper.compact - wrapper.page - body - wrapper div.sidebar - wrapper.logo - wrapper {
            padding: 17 px 30 px
          }.page - wrapper.compact - wrapper.page - body - wrapper div.sidebar - wrapper.logo - wrapper.back - btn {
            display: inline - block;float: right
          }.page - wrapper.compact - wrapper.page - body - wrapper div.sidebar - wrapper.sidebar - main.sidebar - links {
            height: calc(100 vh - 95 px)
          }.page - wrapper.compact - wrapper.page - body - wrapper div.sidebar - wrapper.close_icon {
            transform: translate(-285 px)
          }.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: 60 px;
            padding: 0 15 px
          }.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: 15 px
          }.page - wrapper.page - header.header - wrapper {
            justify - content: space - between;
            margin: 0;
            padding: 12 px 30 px
          }.page - wrapper.page - header.header - wrapper.nav - right.notification {
            top: 10 px
          }.page - wrapper.page - header.header - wrapper > .mobile - toggle {
            align - items: center;
            cursor: pointer;
            display: flex
          }.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: 10 px!important
          }.default-according.card.card - header {
            padding: 0!important
          }.faq - wrap.faq - accordion.default-according.card.faq - header {
            padding: 20 px 20 px 0!important
          }.crm - activity > li + li {
            margin - top: 10 px;
            padding - top: 10 px
          }.add - post.dropzone {
            margin - bottom: 20 px
          }.customers.avatar - group {
            margin - right: 20 px
          }.socialprofile.social - btngroup {
            margin: 20 px 0
          }.socialprofile.social - group {
            margin - top: 20 px
          }.social - status.d - flex, .social - status form.form - group.form - control - social {
            margin - bottom: 20 px
          }.social - chat, .timeline - content.comments - box, .timeline - content p {
            margin - top: 20 px
          }.social - chat.flex - grow - 1 {
            padding: 20 px
          }.social - chat.other - msg, .social - chat.your - msg, .social - network span {
            margin - bottom: 20 px
          }.activity - log.my - activity + .my - activity, .details - about + .details - about {
            margin - top: 20 px
          }.new - users - social, .timeline - small.d - flex, .timeline - small.d - flex.flex - grow - 1 h6 {
            margin - bottom: 20 px
          }.timeline - small.d - flex.flex - grow - 1 p {
            width: 75 %
          }.timeline - small.d - flex.timeline - round {
            height: 45 px;top: -14 px;width: 45 px
          }.timeline - small.d - flex.timeline - round.timeline - line - 1: after {
            bottom: -41 px;height: 25 px
          }.timeline - small.d - flex.timeline - round.small - line: after {
            bottom: -26 px;height: 14 px
          }.timeline - small.d - flex.timeline - round.medium - line: after {
            bottom: -33 px;height: 17 px
          }.timeline - small.d - flex.timeline - round svg {
            top: 14 px
          }.helper - classes {
            padding: 20 px
          }.floated - customizer - btn, .floated - customizer - panel {
            display: none
          }.page - builder.ge - canvas.ge - editing.row {
            padding: 20 px
          }.ecommerce - widget.progress - showcase {
            margin - top: 20 px
          }.crm - overall {
            margin: 0 - 20 px - 20 px
          }.product - page - main {
            padding: 20 px
          }.grid - options ul li: nth - child(3) {
            display: none
          }.feature - products form.form - group i {
            right: 20 px
          }.tilt - showcase.tilt - image {
            text - align: center
          }.tilt - showcase.mt - 4 {
            margin - top: 20 px!important
          }.todo.todo - list - wrapper.mark - all - tasks {
            right: 20 px;top: 20 px
          }.custom - card {
            padding - bottom: 0
          }.custom - card.card - footer {
            padding: 0 15 px 15 px!important
          }.custom - card.card - header {
            border: none
          }.custom - card.dashboard - card {
            padding: 0
          }.custom - card.card - profile img {
            height: 155 px
          }.display - 1 {
            font - size: calc(17.63636 px + 3.86364 vw)
          }.display - 2 {
            font - size: calc(13.72727 px + 3.52273 vw)
          }.display - 3 {
            font - size: calc(12.72727 px + 2.27273 vw)
          }.display - 4 {
            font - size: calc(11.72727 px + 1.02273 vw)
          }
        }
        @media only screen and(max - width: 991.98 px) and(max - width: 1200 px) {
          .typography.h1 {
            font - size: calc(9.45455 px + 2.04545 vw)
          }
        }
        @media only screen and(max - width: 991.98 px) {
          .typography.h2 {
            font - size: 30 px
          }
        }
        @media only screen and(max - width: 991.98 px) and(max - width: 1200 px) {
          .typography.h2 {
            font - size: calc(13.63636 px + 1.36364 vw)
          }
        }
        @media only screen and(max - width: 991.98 px) {
          .typography.h3 {
            font - size: 22 px
          }
        }
        @media only screen and(max - width: 991.98 px) and(max - width: 1200 px) {
          .typography.h3 {
            font - size: calc(15.18182 px + .56818 vw)
          }
        }
        @media only screen and(max - width: 991.98 px) {
          .typography.h4 {
            font - size: 20 px
          }
        }
        @media only screen and(max - width: 991.98 px) and(max - width: 1200 px) {
          .typography.h4 {
            font - size: calc(13.18182 px + .56818 vw)
          }
        }
        @media only screen and(max - width: 991.98 px) {
          .typography.h5 {
            font - size: 18 px
          }
        }
        @media only screen and(max - width: 991.98 px) and(max - width: 1200 px) {
          .typography.h5 {
            font - size: calc(11.18182 px + .56818 vw)
          }
        }
        @media only screen and(max - width: 991.98 px) {
          .typography.h6 {
            font - size: 15 px
          }
        }
        @media only screen and(max - width: 991.98 px) and(max - width: 1200 px) {
          .typography.h6 {
            font - size: calc(10.90909 px + .34091 vw)
          }
        }
        @media only screen and(max - width: 991.98 px) {
          h1 {
            font - size: calc(14.90909 px + 1.59091 vw)
          }
          h2 {
            font - size: calc(14.36364 px + 1.13636 vw)
          }
          h3 {
            font - size: calc(13.72727 px + 1.02273 vw)
          }
          h4 {
            font - size: calc(15.18182 px + .56818 vw)
          }.card - absolute.card - header {
            padding: 10 px 15 px!important
          }.comingsoon.comingsoon - inner.countdown.time {
            font - size: 26 px;
            height: 80 px;
            width: 80 px
          }.calendar - wrap.basic - calendar.external - events.fc - event + .fc - event {
            margin - top: 10 px
          }.owl - theme.owl - nav.disabled + .owl - dots {
            margin - bottom: -10 px;
            margin - top: 15 px
          }.card.card - header h5 {
            font - size: 18 px
          }.card.card - header.card - header - right {
            right: 15 px;top: 12 px
          }.page - builder.ge - addRowGroup {
            width: 100 %
          }.user - profile.hovercard.info.user - designation {
            margin - bottom: 20 px
          }.search - list {
            justify - content: center
          }.blog - single.comment - box.comment - social li {
            padding - left: 15 px
          }.error - wrapper {
            padding: 35 px 0
          }.error - wrapper.sub - content {
            font - size: 14 px;
            line - height: 25 px;
            margin - top: 0
          }.error - wrapper.error - heading {
            margin - top: 30 px
          }.error - wrapper.error - heading.headline {
            font - size: 180 px;
            margin - top: 0
          }.error - wrapper.maintenance - heading {
            margin - top: 30 px
          }.editor_container.CodeMirror {
            height: 250 px;min - height: 250 px
          }.search - page.info - block {
            flex - wrap: wrap
          }.search - page.tab - content.pb - 4 {
            padding - bottom: 20 px!important
          }.xl - none {
            display: block
          }.sm - 100 - w, .top - radius - blog {
            width: 100 %
          }.sm - 100 - w {
            height: 100 %
          }.f1.f1 - steps, .form - wizard.btn - mb {
            margin - bottom: 20 px
          }.f1.f1 - steps {
            margin - top: 20 px
          }.wizard - 4 ul.anchor {
            padding - right: 20 px;
            width: 40 %
          }.wizard - 4 ul.anchor li a.done h4: before {
            top: -8 px
          }.wizard - 4 ul.anchor li h4 {
            padding: 11 px 18 px;width: 50 px
          }.wizard - 4 ul.anchor li + li a {
            padding - left: 65 px
          } [dir = rtl].wizard - 4 ul.anchor li + li a {
            padding - right: 65 px
          }.wizard - 4 .step - container {
            width: 60 %
          }.wizard - 4 .login - card.login - main, .wizard - 4 .step - container div.content.wizard - title {
            width: 380 px
          }.wizard - 4 .msg - box {
            top: 25 px!important
          }.border - tab.nav - tabs {
            margin - bottom: 20 px
          }.tab - content~.nav - tabs.border - tab {
            margin - top: 20 px
          }.dataTables_wrapper.dataTables_length {
            margin - bottom: 20 px
          }.dataTables_wrapper table.dataTable {
            margin - bottom: 20 px!important
          }.search - page.info - block + .info - block {
            margin - top: 20 px;
            padding - top: 20 px
          }.lg - mt, .search - page #video - links.embed - responsive + .embed - responsive {
            margin - top: 20 px
          }.gallery - with - description {
            margin - bottom: -20 px
          }.gallery - with - description a > div {
            margin - bottom: 20 px
          }.clipboaard - container p {
            margin - bottom: 8 px
          }.m - b - 30 {
            margin - bottom: 20 px!important
          }.email - wrap.email - left - aside.email - app - sidebar ul li hr {
            margin: 13 px 0
          }.nav - md - mt {
            margin - top: 20 px
          }.navs - icon {
            padding: 20 px
          }.navs - icon.main - section {
            padding - top: 20 px
          }.navs - icon.separator {
            margin: 20 px 0
          }.nav - list {
            padding: 20 px
          }.navs - dropdown button {
            margin - top: 20 px
          }.navs - dropdown.onhover - show - div {
            top: 68 px
          }.animated - modal.form - group {
            display: block;width: 100 %
          }.animated - modal.mr - 4 {
            margin - right: 0!important
          }.steps - md - mt {
            margin - top: 20 px
          }.btn - group - wrapper.m - b - 30: last - child {
            margin - bottom: 0!important
          }
          #advance - 5_ wrapper.dataTables_paginate, .click2edit~.note - editor.note - frame {
            margin - bottom: 20 px
          }.chat - box.chat - left - aside.people - list {
            height: 483 px
          }.chat - box.chat - right - aside.chat.chat - header.chat - menu - icons li {
            margin - right: 5 px
          }.card.card - body form.animated - modal {
            display: flex
          }.card.card - body form.animated - modal.animated - modal - md - mb {
            margin - bottom: 20 px!important
          }.wizard - 4 .msg - box {
            bottom: unset;left: unset;right: 0;top: 40 px
          }.theme - form.form - inline {
            display: flex
          }
        }
        @media only screen and(max - width: 991 px) and(min - width: 768 px) {
          .page - wrapper.compact - wrapper.material - type: before {
            height: 230 px
          }.page - wrapper.compact - wrapper.material - type.page - header {
            margin: 50 px auto 0!important;width: calc(100 % -60 px) !important
          }.page - wrapper.compact - wrapper.material - type.page - body - wrapper {
            margin: 0 30 px
          }.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: 767.98 px) {
          .wizard - 4 ul.anchor {
            height: auto;padding: 30 px;width: 100 %
          }.wizard - 4 .step - container {
            width: 100 %
          }.list - persons.profile - mail.d - flex img {
            height: 34 px!important;width: 34 px!important
          }.contact - editform {
            padding - left: 20 px!important
          }.event - calendar {
            display: block!important
          }.event - calendar #right {
            width: 100 %
          }.event - calendar #calendar {
            clear: both
          }.file - content.d - md - flex {
            text - align: center
          }.file - content.d - md - flex.flex - grow - 1 {
            margin - top: 15 px;
            text - align: center!important
          }.page - wrapper.material - type: before {
            display: none
          }.page - wrapper.material - type.page - header {
            border - radius: 0;
            margin - top: 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: -2 px
          }.page - wrapper.only - body.page - header.header - wrapper.nav - right.nav - menus {
            margin - right: -10 px
          }.new - products.owl - carousel.product - box.row > div {
            width: auto
          }.profile - media.flex - grow - 1 {
            display: none
          }.form - inline.form - group: not(.form - control - search) {
            width: 100 %
          }.form - inline.form - group: not(.form - control - search) + .form - group {
            margin - top: 10 px
          }.form - inline.form - group: not(.form - control - search) input {
            width: 100 %
          }.credit - card.text - center img {
            margin - bottom: 20 px
          }.starter - kit - fix.page - body {
            margin - bottom: 78 px
          }.blog - box.blog - details - main.blog - social li {
            padding: 0 12 px
          }.blog - box.blog - details.blog - social li: first - child {
            padding - right: 25 px
          }.blog - box.blog - details.blog - social li + li {
            padding - left: 25 px
          }.footer - copyright~div {
            text - align: center
          }.footer - copyright~div.heart {
            margin - top: 5 px;
            text - align: center
          }.user - profile.hovercard.user - image.share - icons {
            right: 25 px;top: -19 px
          }.user - profile.hovercard.user - image.share - icons li.social - icon {
            height: 35 px;width: 35 px
          }.tabs - scoial.border - tab.nav - tabs {
            display: flex
          }.timeline - small.d - flex.flex - grow - 1 p {
            width: 100 %
          }.my - gallery figure: nth - child(10), .my - gallery figure: nth - child(9) {
            margin - bottom: 20 px
          }.project - list.btn {
            float: left;margin - top: 5 px
          } [dir = rtl].project - list.btn {
            float: right;margin - left: 5 px;margin - right: unset
          }.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 {
            content: "\e661";font - family: themify;font - size: 18 px;left: 20 px;position: absolute;top: 11 px
          }.chat - box.border - tab.nav - tabs {
            display: flex
          }.chat - box.chat - menu.nav - tabs.nav - item a {
            height: 50 px
          }.chat - box.chat - history.call - content > div {
            height: auto;padding - top: 40 px
          }.chat - box.chat - history.receiver - img {
            margin - bottom: unset
          }.chat - box.chat - left - aside.people - list {
            height: auto
          }.call - chat - sidebar {
            flex - basis: auto;
            max - width: 100 % ;
            width: 100 %
          }.call - chat - sidebar.people - list {
            height: auto
          }.chat - left - aside.people - list ul {
            max - height: 100 px
          }.clockpicker - align - top {
            left: 55 px!important;top: 470 px!important
          }.clockpicker - align - top.arrow {
            display: none
          }.form - builder - column.form - body {
            min - height: 250 px
          }.form - builder - 2 - header {
            flex - wrap: wrap
          }.form - builder - 2 - header > div {
            margin - top: 10 px;
            width: 100 %
          }.form - builder - 2 - header > div nav {
            float: none
          }.lg - mt - col {
            margin - top: 20 px
          }.form - builder.drag - box fieldset {
            margin - top: 20 px;
            padding: 20 px
          }.form - builder #components {
            margin - top: 20 px
          }.form - builder.component label {
            padding - top: 0
          }.mega - menu.onhover - show - div {
            height: 415 px;left: 0;padding: 20 px;top: 61 px
          }.mega - menu.lg - mt {
            margin - top: 15 px
          }.page - builder.ge - canvas.ge - editing.ge - tools - drawer {
            margin: 10 px 0 0 10 px
          }.page - builder.ge - canvas.ge - editing.ge - tools - drawer > a {
            padding: 0 5 px
          }.reader {
            height: auto!important;margin - top: 15 px
          }.range - slider.theme - form.form - group {
            margin - bottom: 0
          }.note - editor.btn - group.btn {
            font - size: 11 px
          }.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: 10 px
          }.reset - password - box {
            margin: 0 auto;width: 500 px
          }.reset - password - box.card {
            padding: 20 px
          }.custom - card.card - profile img {
            bottom: 0;height: 136 px
          }.error - wrapper.maintenance - icons li i {
            color: #f5f5f5;font - size: 30 px
          }.error - wrapper.maintenance - icons li: nth - child(2) i {
            font - size: 60 px;
            margin - left: 70 px;
            margin - top: -10 px
          }.error - wrapper.maintenance - icons li: nth - child(3) i {
            font - size: 90 px;
            margin - right: 80 px
          }.authentication - main.auth - innerright {
            min - height: unset;
            padding: 0
          }.authentication - main.auth - innerright.social - media li {
            font - size: 14 px
          }.loader - box {
            justify - content: center
          }.dataTables_wrapper.dataTables_length {
            margin - bottom: 20 px
          }.dataTables_wrapper.dataTables_filter {
            margin - bottom: 20 px;
            margin - left: 0;
            margin - top: 0
          }.kanban - board {
            width: calc(100 % -30 px) !important
          }
          div.dataTables_wrapper div.dataTables_info {
            padding - top: 0
          }
          div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_length label {
            float: none
          }
          div.dataTables_wrapper div.dataTables_paginate {
            float: none;margin - left: 0!important;margin - top: 20 px!important
          }.calendar - wrap.fc - basic - view.fc - day - number {
            padding: 0!important
          }.calendar - wrap.fc - events - container {
            margin - top: 0
          }.calendar - wrap.fc - events - container.checkbox, .calendar - wrap.fc - events - container h6 {
            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, .calendar - wrap.fc - toolbar.fc - left.fc - prev - button.fc - icon - left - single - arrow: after {
            font - size: 12 px!important
          }.calendar - wrap.fc - toolbar.fc - left.fc - today - button, .calendar - wrap.fc - toolbar.fc - right.fc - today - button {
            padding - top: 0!important
          }.calendar - wrap.fc {
            margin - top: 0
          }.calendar - wrap.fc button {
            font - size: 14 px!important;
            padding: 0 5 px!important
          }.calendar - wrap.fc.fc - left {
            margin - bottom: 10 px
          }.calendar - wrap.fc.fc - toolbar > div {
            display: block!important;float: none!important
          }.calendar - wrap.fc.fc - toolbar > *: first - child {
            font - size: 18 px
          }.calendar - wrap.fc.fc - toolbar > * > * {
            float: none!important
          }.btn - group - wrapper {
            text - align: center
          }.btn - group - wrapper.m - b - 30 {
            margin - bottom: 15 px!important
          }.btn - group - showcase {
            text - align: center
          }.btn - group - showcase.btn - group {
            margin - bottom: 15 px;
            margin - right: 0
          }.btn - group.btn {
            font - size: 14 px;
            padding: .375 rem 1.3 rem
          }.animate - widget.text - center {
            display: none
          }.mega - menu.onhover - show - div {
            height: 350 px
          }.page - builder.ge - canvas.column {
            padding: 0!important
          }.page - builder.ge - content - type - ckeditor h3 {
            font - size: 20 px
          }.page - builder.ge - content - type - ckeditor p {
            font - size: 12 px
          }.page - builder.ge - row - icon {
            display: none!important
          }.icon - hover - bottom.form - group input {
            min - width: 270 px
          }.user - profile.hovercard.cardheader {
            height: 350 px
          }.user - profile.hovercard.info {
            padding: 35 px
          }.user - profile.hovercard.info.ttl - info {
            margin - bottom: 20 px
          }.user - profile.hovercard.info.ttl - sm - mb - 0 {
            margin - bottom: 0
          }.calendar - wrap.fc button {
            padding: 5 px
          }.calendar - wrap.fc - day - grid - event {
            margin: 0;padding: 5 px;width: inherit
          }.calendar - wrap.fc - toolbar h2 {
            font - size: 20 px;
            font - weight: 700;
            line - height: 35 px
          }.calendar - wrap.basic - calendar.external - events {
            margin - top: 0
          }.blog - single.comment - box.d - flex h6 {
            margin - bottom: 10 px
          }.blog - single.comment - box.d - flex img {
            margin - right: 30 px
          }.blog - single.comment - box.comment - social {
            margin - bottom: 5 px
          }.blog - single.comment - box.comment - social li: first - child {
            padding - left: 0;
            padding - right: 15 px
          }.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: 300 px
          }.candidcahrt {
            height: 250 px
          }.bar - chart - widget.earning - details i {
            right: 0
          }.serial - chart.chart - container {
            height: 300 px
          }.bottom - content {
            padding: 10 px
          }.bottom - content p {
            font - size: 12 px
          }.icon - hover - bottom.icon - popup {
            display: block
          }.icon - hover - bottom.icon - popup > .icon - last {
            display: block;margin - top: 15 px
          }.icon - hover - bottom.icon - popup > .icon - last.form - inline.form - group {
            display: flex
          }.icon - hover - bottom.icon - popup div.flag - icon {
            height: auto;width: 30 px
          }.icon - hover - bottom.form - group input {
            display: block;width: auto!important
          }.footer - links {
            text - align: center
          }.footer - copyright {
            text - align: center!important
          }.jvector - map - height {
            height: 150 px
          }.sm - left - text {
            text - align: left!important
          } [dir = rtl].sm - left - text {
            text - align: right!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 - right {
            float: left!important
          }.email - wrap.email - right - aside.email - content.email - wrapper.attachment {
            text - align: center
          }.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 {
            height: 140 px;width: 140 px
          }.alert - dismissible p {
            max - width: 294 px;
            overflow: hidden;
            text - overflow: ellipsis;
            white - space: nowrap
          }.button - group - mb - sm {
            margin - bottom: 5 px
          }.card - block.table - responsive.table tbody tr td span {
            max - width: 100 px;
            overflow: hidden;
            text - overflow: ellipsis;
            white - space: nowrap
          }.card - block.table - responsive.progress - content tbody tr td span {
            max - width: 50 px;
            text - overflow: ellipsis;
            white - space: normal
          }.card - block.table - responsive.checkbox - td - width tbody tr td, .card - block.table - responsive.radio - first - col - width tbody tr td {
            min - width: 200 px!important
          }
          #batchDelete.jsgrid - grid - body.jsgrid - table.jsgrid - row.jsgrid - cell: first - child, #batchDelete.jsgrid - grid - header.jsgrid - table.jsgrid - header - row.jsgrid - header - cell: first - child {
            width: 119 px!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 {
            margin - bottom: 15 px;
            max - height: 433 px
          }.chat - box.chat - menu #info - contact, .chat - box.chat - menu #info - profile {
            margin - bottom: 15 px
          }.hovercard.info.follow.text - md - right {
            text - align: center
          }.profile - img - style.like - comment - sm - mb {
            margin - bottom: 20 px
          }.reset - password - box.theme - form.form - group.btn {
            margin - top: 15 px!important
          }.lg - outer.lg - actions.lg - next, .lg - outer.lg - actions.lg - prev {
            top: 48 %
          }.feature - products.filter - toggle {
            background - color: #fff;
            border - radius: 5 px;
            margin - left: 10 px;
            padding: 8 px 15 px
          }.feature - products.select2 - drpdwn - product {
            float: left;margin - right: 10 px;margin - top: 8 px
          } [dir = rtl].feature - products.select2 - drpdwn - product {
            float: right;margin - left: 10 px;margin - right: unset
          }.feature - products span.f - w - 700 {
            display: inline - block;padding - top: 15 px
          }.feature - products.text - right {
            text - align: left!important
          }.d - none - productlist {
            display: block;margin - right: 10 px
          }.grid - options ul li {
            display: none
          }.product - sidebar {
            height: 0;opacity: 0;position: absolute;transform: translateX(-300 px) scaleX(0);transition: .3 s;visibility: hidden;width: 300 px;z - index: 3
          }.product - sidebar.open {
            box - shadow: 1 px 5 px 24 px 0 rgba(68, 102, 242, .05);
            height: auto;
            opacity: 1;
            top: -45 px;
            transform: translateX(0) scaleX(1);
            visibility: visible
          }.product - sidebar.open: after, .product - sidebar.open: before {
            border - bottom: 7 px solid #fff;
            border - left: 7 px solid transparent;
            border - right: 7 px solid transparent;
            content: "";
            height: 0;
            position: absolute;
            right: 120 px;
            top: -7 px;
            width: 0
          }.product - sidebar.filter - section.card - header {
            display: none
          }.product - wrapper.sidebaron.product - grid.product - wrapper - grid {
            margin - left: 0
          }.product - wrapper.sidebaron.product - sidebar.filter - section.card.left - filter {
            min - width: unset;
            top: unset
          }.product - wrapper - grid.list - view.product - box.product - img {
            width: 42 %
          }.product - filter.product - box {
            flex - wrap: nowrap
          }.product - filter.product - box.product - img {
            width: 100 px
          }.product - filter.product - box.product - details {
            padding: 0!important
          }
        }
        @media only screen and(max - width: 575.98 px) {
          .notification - card ul li.notification - btn button {
            padding: 3 px 6 px
          }.project - box {
            padding: 20 px
          }.todo.todo - list - wrapper.mark - all - tasks.mark - all - tasks - container {
            display: none
          }.border - tab.nav - tabs {
            display: block
          }.border - tab.nav - tabs.nav - item.nav - link {
            padding: 5 px 15 px 5 px 0!important
          }.page - wrapper.page - header.header - wrapper.search - full input {
            line - height: 40 px;
            padding - left: 30 px
          }.page - wrapper.page - header.header - wrapper.search - full.form - group: before {
            left: 12 px;top: 14 px
          }.page - wrapper.page - header.header - wrapper.search - full.form - group.close - search {
            height: 18 px;right: 0;top: 18 px;width: 18 px
          }.page - wrapper.only - body.page - header.header - wrapper.nav - right {
            right: 30 px
          }.date - picker.theme - form > .row > div: last - child {
            margin - top: 0
          }.search - page.info - block {
            display: block
          }.form - bookmark.row > div.row > .col - sm - 6 + .col - sm - 6 {
            margin - top: 10 px
          }.btn {
            padding: 6 px 16 px
          }.alert - theme {
            min - width: 380 px
          }.knowledgebase - bg {
            height: 250 px
          }.login - card.login - main.theme - form.or: before {
            width: 55 %
          }.knowledgebase - search {
            background - color: hsla(0, 0 % , 100 % , .7);
            height: calc(100 % -30 px);
            left: 15 px;
            width: calc(100 % -30 px)
          }.knowledgebase - search.form - inline {
            padding: 3 px 45 px;width: 90 %
          }.knowledgebase - search.form - inline svg {
            top: 10 px
          }.knowledgebase - search > div {
            border - right: 10 px;
            padding: 15 px;
            text - align: center;
            width: 100 %
          }.knowledgebase - search > div h3 {
            font - size: 20 px;
            margin - bottom: 0
          }.knowledgebase - search > div.form - group {
            margin - bottom: 0
          }.invoice.text - md - end {
            margin - top: 10 px
          }.invoice.text - right {
            text - align: right
          }.invoice.text - xs - center {
            text - align: center
          }.login - card {
            padding - bottom: 40 px;
            padding - top: 40 px
          }.login - card.logo {
            margin - bottom: 10 px
          }.login - card.login - main {
            padding: 20 px;width: auto
          }.login - card.login - main.theme - form.form - group, .login - card.login - main.theme - form p {
            margin - bottom: 5 px
          }.login - card.btn - showcase.btn {
            width: 100 %
          }.login - card.btn - showcase.btn + .btn {
            margin - left: 0;
            margin - top: 5 px
          }.bookmark ul li a svg {
            height: 16 px;width: 16 px
          }.bookmark ul li + li {
            margin - left: 5 px
          }.page - header.header - wrapper.nav - right.cart - box.badge, .page - header.header - wrapper.nav - right.notification - box.badge {
            font - size: 10 px
          }.page - wrapper.page - body - wrapper.page - title > .row.col - 6: first - child {
            display: block
          }.page - wrapper.page - body - wrapper.page - title > .row.col - 6: first - child h3 {
            padding - right: 0
          }.page - wrapper.page - header.header - wrapper.nav - right ul li i {
            font - size: 14 px!important
          }.page - wrapper.page - header.header - wrapper.nav - right ul li svg {
            width: 18 px!important
          }.page - wrapper.page - body - wrapper.page - title.breadcrumb {
            justify - content: flex - start;
            margin - top: 8 px
          }.page - wrapper.compact - sidebar.page - header.header - wrapper.logo - wrapper, .page - wrapper.compact - wrapper.page - header.header - wrapper.logo - wrapper {
            display: none
          }.page - wrapper.compact - sidebar.page - header.header - wrapper.toggle - sidebar, .page - wrapper.compact - wrapper.page - header.header - wrapper.toggle - sidebar {
            border - left: none;
            border - right: none;
            margin - left: 0;
            margin - right: 8 px;
            padding - left: 0;
            padding - right: 8 px
          }
        }
        @media only screen and(max - width: 575.98 px) and(max - width: 630 px) {
          .page - wrapper.compact - sidebar.page - header.header - wrapper.toggle - sidebar, .page - wrapper.compact - wrapper.page - header.header - wrapper.toggle - sidebar {
            margin - right: 4 px
          }
        }
        @media only screen and(max - width: 575.98 px) {
          .page - wrapper.compact - sidebar.page - header.header - wrapper.toggle - sidebar svg, .page - wrapper.compact - wrapper.page - header.header - wrapper.toggle - sidebar svg {
            width: 18 px;stroke: #1f2f3e}.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 .flag-icon{font-size:14px!important}.page-wrapper .page-header .header-wrapper .nav-right>ul li .profile-media img{width:25px}.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown.onhover-show-div:after,.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown.onhover-show-div:before{left:24px!important;right:unset!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:53px}.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:102px}.customizer-links{display:none}.m-r-30{margin-right:15px}.wishlist .text-end{text-align:left!important}.add-post form .m-checkbox-inline label{margin-right:15px}.add-post .dropzone{margin-bottom:15px}.wizard-4 .msg-box{top:10px!important}.wizard-4 .login-card .login-main,.wizard-4 .step-container div.content .wizard-title{width:280px}.wizard-4 .action-bar{right:10px}.wizard-4 .action-bar [dir= rtl] {
              left: 10 px
            }.customers.avatar - group {
              margin - right: 15 px
            }.vertical - mobile - sidebar {
              top: 19 px
            }.alert - theme i {
              margin - right: 10 px!important
            }.alert - theme button {
              top: 0!important
            }.bar - chart - widget.earning - details i {
              right: -30 px
            }.clockpicker - align - top {
              left: 45 px!important;top: 406 px!important
            }.gallery {
              margin - bottom: -15 px
            }.my - gallery figure, .my - gallery figure: nth - child(10), .my - gallery figure: nth - child(9) {
              margin - bottom: 15 px
            }.my - gallery.gallery - with - description figure: last - child {
              margin - bottom: 20 px
            }
            #aniimated - thumbnials figure: nth - child(10), #aniimated - thumbnials figure: nth - child(11), #aniimated - thumbnials figure: nth - child(12), #aniimated - thumbnials figure: nth - child(9) {
              margin - bottom: 15 px
            }.photoswipe - pb - responsive {
              padding - bottom: 30 px!important
            }.avatar - showcase.pepole - knows {
              text - align: center
            }.avatar - showcase.pepole - knows ul li {
              margin - right: 14 px
            }.social - app - profile.hovercard.user - image.avatar {
              margin - top: -56 px
            }.social - app - profile.hovercard.user - image.avatar img {
              height: 100 px;width: 100 px
            }.social - app - profile.hovercard.user - image.icon - wrapper {
              font - size: 15 px;
              height: 30 px;
              left: 52 % ;
              top: 10 px;
              width: 30 px
            }.social - app - profile.hovercard.user - image.icon - wrapper: hover {
              font - size: 12 px
            }.social - app - profile.hovercard.user - image.share - icons {
              right: 15 px
            }.social - app - profile.hovercard.user - image.share - icons li {
              margin - right: 0
            }.social - app - profile.hovercard.info.tabs - scoial.user - designation {
              border - bottom: none;
              border - top: none;
              margin - bottom: 0;
              padding: 0
            }.social - app - profile.tabs - scoial {
              margin - bottom: 0!important
            }.socialprofile.social - btngroup {
              margin: 15 px 0
            }.socialprofile.social - group {
              margin - top: 15 px
            }.new - users - social, .social - status.d - flex, .social - status form.form - group.form - control - social {
              margin - bottom: 15 px
            }.tabs - scoial {
              padding - top: 80 px;
              position: relative
            }.tabs - scoial li: nth - child(3) {
              left: 0;margin: 0 auto;position: absolute;right: 0;top: 25 px
            }.tabs - scoial.border - tab.nav - tabs.nav - item.nav - link {
              height: 60 px;padding: 10 px
            }.timeline - content.comments - box, .timeline - content p {
              margin - top: 15 px
            }.timeline - content.comments - box.d - flex.m - r - 20 {
              margin - right: 10 px
            }.timeline - content.comments - box.d - flex.flex - grow - 1 .input - group.input - group - append.btn {
              padding: 6 px
            }.timeline - content.comment - number i {
              margin - right: 15 px
            }
            #cd - timeline {
              margin - right: 0
            }.social - chat {
              margin - top: 15 px
            }.social - chat.flex - grow - 1 {
              padding: 15 px
            }.social - chat.other - msg, .social - chat.your - msg, .social - list.d - flex, .social - network span {
              margin - bottom: 15 px
            }.details - about + .details - about, .your - details - xs {
              margin - top: 15 px
            }.social - header h5 span.pull - right {
              float: right!important;margin - top: 0!important
            }.social - header h5 span.pull - right svg {
              height: 18 px;width: 18 px
            }.activity - log.my - activity + .my - activity {
              margin - top: 15 px
            }.photos ul li {
              width: 26 %
            }.photos ul li: nth - child(3n) {
              margin - right: 0
            }.chat - box.chat - history.call - content > div {
              padding - top: 30 px
            }.timeline - small.d - flex, .timeline - small.d - flex.flex - grow - 1 h6 {
              margin - bottom: 15 px
            }.timeline - small.d - flex.timeline - round.timeline - line - 1: after {
              bottom: -39 px;height: 30 px
            }.timeline - small.d - flex.timeline - round.small - line: after {
              bottom: -17 px;height: 8 px
            }.timeline - small.d - flex.timeline - round.medium - line: after {
              bottom: -30 px;height: 22 px
            }.helper - classes {
              padding: 15 px
            }.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 {
              margin - right: 0;
              width: 100 %
            }.form - builder - 2 - header.form - inline button {
              text - align: left;
              width: 100 %
            }.page - builder.btn - grid {
              margin - bottom: 7 px;
              padding - right: 5 px
            }.page - builder.ge - canvas.ge - editing.row {
              padding: 15 px
            }.page - builder.ge - canvas.ge - editing.ge - tools - drawer {
              margin: 10 px
            }.page - builder.ge - canvas.ge - layout - desktop[class *= col - ] {
              width: inherit!important
            }.wizard - 4 .step - container div.content {
              margin - top: 10 px
            }.nav - tabs.nav - item.show.nav - link, .nav - tabs.nav - link, .nav - tabs.nav - link.active, .nav - tabs.nav - link: focus, .nav - tabs.nav - link: hover {
              border - bottom: 0;
              border - top: 0
            }.border - tab.nav - tabs.nav - item {
              width: 100 % !important
            }.border - tab.ecommerce - widget.progress - showcase {
              margin - top: 15 px
            }.nav {
              border - bottom: none;
              display: inherit;
              text - align: center
            }.editor_container.CodeMirror {
              height: 190 px;min - height: 190 px
            }.order - history table.dataTable.table thead th {
              padding - right: 60 px
            }.border - tab.nav - left.nav - link {
              border - left: none;
              text - align: center
            }.border - tab.nav - right.nav - link {
              border - right: none;
              text - align: center
            }.border - tab.nav - tabs {
              flex - wrap: wrap;
              margin - bottom: 10 px
            }.tab - content~.nav - tabs.border - tab {
              margin - top: 10 px
            }.nav - pills {
              text - align: center
            }.crm - overall {
              margin: 0 - 15 px - 15 px
            }.product - color li {
              height: 15 px;width: 15 px
            }.product - social li a {
              font - size: 13 px;
              height: 30 px;
              width: 30 px
            }.product - social li: nth - child(n + 2) {
              margin - left: 5 px
            } [dir = rtl].product - social li: nth - child(n + 2) {
              margin - left: unset;
              margin - right: 5 px
            }.product - page - main {
              padding: 15 px
            }.product - page - main.product - page - details h3 {
              font - size: 24 px
            }.comment - box li.d - flex {
              display: block!important
            }.todo.action - box.large {
              height: 25 px;width: 25 px
            }.todo.action - box.large.icon {
              font - size: 14 px;
              vertical - align: -3 px
            }.todo.todo - list - wrapper #todo - list li.task - container.task - label {
              font - size: 14 px
            }.todo.todo - list - wrapper.mark - all - tasks {
              right: 15 px
            }.datetime - picker label {
              text - align: left!important
            }.redial - chart - block {
              text - align: center
            }
            #nav - tabContent {
              margin - top: 15 px
            }.reset - password - box {
              width: 430 px
            }.auth - bg {
              padding: 25 px 15 px
            }.auth - bg - effect {
              display: none
            }.date - picker.text - right {
              text - align: left!important
            }.dataTables_wrapper table.dataTable {
              margin - bottom: 15 px!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: 15 px
            }
            div.dataTables_wrapper div.dataTables_length select {
              min - height: 30 px
            }
            div.dataTables_wrapper table.dataTable td, div.dataTables_wrapper table.dataTable th {
              padding: .5 rem
            }
            div.dataTables_wrapper div.dataTables_paginate {
              margin - top: 15 px!important
            }
            div.dataTables_wrapper div.dataTables_paginate.paginate_button {
              padding: 1 px 7 px
            }
            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: 11 px;padding: 0 5 px
            }
            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: 11 px;padding: 0 5 px
            }
            div.dataTables_wrapper.dataTables_filter {
              margin - bottom: 15 px
            }
            div.dataTables_wrapper.dataTables_filter input[type = search] {
              height: 30 px
            }.page - wrapper.page - body - wrapper.user - profile.profile - img - style {
              padding: 15 px
            }.page - wrapper.page - body - wrapper.user - profile.profile - img - style.img - container {
              margin - top: 15 px
            }.page - wrapper.page - body - wrapper.user - profile hr {
              margin: 15 px 0
            }.page - wrapper.page - body - wrapper.user - profile.like - comment {
              margin - top: 15 px
            }.jvector - map - height {
              height: 250 px
            }.user - profile.order - sm - 0 {
              order: -1
            }.user - profile.hovercard.info.ttl - info {
              text - align: center!important
            }.user - profile.hovercard.info.ttl - xs - mt {
              margin - top: 20 px
            }.icon - hover - bottom.form - group {
              display: block!important;margin - bottom: 0
            }.icon - hover - bottom.form - group input {
              width: 100 % !important
            }.icon - hover - bottom.form - group.btn {
              margin - top: 15 px
            }.icon - hover - bottom.icon - popup {
              padding: 15 px
            }.icon - hover - bottom svg.climacon {
              height: 50 px;width: 50 px
            }.blog - box.blog - shadow: before {
              box - shadow: inset 0 - 100 px 100 px - 13 px rgba(0, 0, 0, .6)
            }.blog - box.blog - details.blog - social, .blog - box.blog - details.single - blog - content - top, .blog - box.blog - details h4, .blog - box.blog - details p {
              margin - top: 15 px
            }.blog - box.blog - details.blog - social li + li {
              padding - left: 20 px
            }.blog - box.blog - details.blog - social li + li > span {
              display: none
            }.blog - box.blog - details.blog - social li: first - child {
              margin - right: 10 px;
              padding - right: 20 px
            }.comment - box {
              padding - bottom: 40 px;
              padding - top: 40 px
            }.comment - box ul ul {
              margin - left: 30 px
            }.comment - box li.d - flex {
              display: block
            }.comment - box li.d - flex img {
              height: 50 px;margin - bottom: 10 px;padding: 3 px;width: 50 px
            }.ace - editor {
              height: 320 px
            }.gallery > a {
              margin - bottom: 15 px;
              text - align: center
            }.card.card - header h5 {
              font - size: 17 px
            }.theme - form.form - group {
              margin - bottom: 15 px
            }.page - wrapper.page - body - wrapper.default-according.card.card - body, .page - wrapper.page - body - wrapper.default-according.card.card - footer, .page - wrapper.page - body - wrapper.default-according.card.card - header {
              padding: .75 rem 1.25 rem
            }.page - wrapper.page - body - wrapper.card {
              margin - bottom: 20 px
            }.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, .page - wrapper.page - body - wrapper.card.card - header.tab - content.m - t - 30 {
              margin - top: 20 px!important
            }.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, .page - wrapper.page - body - wrapper.card.card - header.tab - content.m - b - 30 {
              margin - bottom: 20 px!important
            }.page - wrapper.page - body - wrapper.page - title {
              padding: 18 px!important
            }.page - wrapper.page - body - wrapper.page - title.row h3 {
              font - size: 20 px
            }.alert - danger.inverse, .alert - dark.inverse, .alert - info.inverse, .alert - light.inverse, .alert - primary.inverse, .alert - secondary.inverse, .alert - success.inverse, .alert - warning.inverse {
              background - color: transparent
            }.alert.close {
              height: 100 %
            }.user - profile hr {
              margin: 15 px 0
            }.user - profile.hovercard.cardheader {
              height: 300 px
            }.user - profile.hovercard.info {
              padding: 20 px
            }.user - profile.hovercard.info.user - designation {
              margin - bottom: 15 px;
              padding: 15 px 0
            }.user - profile.hovercard.social - media a {
              font - size: 16 px;
              margin - right: 0
            }.user - profile.hovercard.follow.follow - num {
              font - size: 20 px
            }.user - profile.profile - img - style.pictures img {
              margin - bottom: 10 px
            }.custom - card.card - footer > div h6 {
              font - size: 14 px;
              font - weight: 600
            }.custom - card.card - footer > div h3 {
              font - size: 24 px
            }.calendar - wrap.fc - toolbar.fc - center {
              margin - top: 10 px
            }.calendar - wrap a.fc - more {
              font - size: .7 em
            }.mega - inline {
              display: block
            }.megaoptions - border - space - sm {
              padding - bottom: 30 px!important
            }.blog - box.blog - shadow.blog - details {
              padding: 15 px
            }.blog - box.blog - shadow.blog - details p {
              margin - bottom: 0
            }.blog - box.blog - shadow.blog - details h4 {
              margin - bottom: 10 px
            }.blog - box.blog - list.blog - details {
              padding - top: 0
            }.blog - box.blog - details {
              padding: 20 px
            }.blog - box.blog - date span {
              font - size: 25 px
            }.blog - single.blog - box.blog - details {
              padding: 0
            }.error - wrapper {
              padding: 20 px 0
            }.error - wrapper.btn {
              margin - top: 15 px
            }.error - wrapper.img - 100 {
              width: 50 px!important
            }.error - wrapper.error - heading {
              margin - top: 20 px
            }.error - wrapper.error - heading.cloud - second {
              margin - top: -60 px
            }.error - wrapper.error - heading.headline {
              font - size: 150 px
            }.error - wrapper.maintenance - heading.cloud - second {
              display: none
            }.error - wrapper.maintenance - heading.headline {
              font - size: 25 px;
              letter - spacing: 2 px;
              margin - top: -10 %
            }.comingsoon.comingsoon - inner.coming - soon - bottom - link {
              line - height: 1;
              margin - top: 20 px
            }.comingsoon.comingsoon - inner h5 {
              margin - bottom: 20 px;
              margin - top: 20 px
            }.comingsoon.comingsoon - inner.countdown {
              padding: 20 px 0
            }.comingsoon.comingsoon - inner.countdown ul li {
              margin: 0 7 px
            }.comingsoon.comingsoon - inner.countdown.title {
              font - size: 12 px
            }.comingsoon.comingsoon - inner.countdown.time {
              font - size: 16 px;
              height: 45 px;
              line - height: 45 px;
              margin: 0 auto;
              width: 45 px
            }.f1.f1 - steps, .stepwizard {
              margin - bottom: 15 px
            }.f1.f1 - steps {
              margin - top: 15 px
            }.wizard - 4 ul.anchor {
              padding - bottom: 15 px;
              width: 100 %
            }.wizard - 4 .step - container {
              width: 100 %
            }.status - widget.text - sm - right {
              text - align: right
            }.mega - menu {
              padding - left: 15 px
            }.mega - menu.onhover - show - div {
              height: 405 px;left: 0;padding: 15 px;top: 61 px
            }.mega - menu.lg - mt {
              margin - top: 10 px
            }.mega - menu.xs - mt, .nav - md - mt {
              margin - top: 15 px
            }.navs - icon {
              padding: 15 px
            }.navs - icon.main - section {
              padding - top: 15 px
            }.navs - icon.separator {
              margin: 15 px 0
            }.nav - list {
              padding: 15 px
            }.navs - dropdown button {
              margin - top: 15 px
            }.navs - dropdown.onhover - show - div {
              top: 64 px
            }.lg - mt {
              margin - top: 15 px
            }
            #aniimated - thumbnials a: last - child img {
              margin - bottom: 15 px
            }.tilt - showcase.mt - 4 {
              margin - top: 15 px!important
            }.tilt - showcase ol.m - b - 20 {
              margin - bottom: 15 px!important
            }.xs - mt {
              margin - top: 15 px
            }
            span: last - child.tag - pills - sm - mb {
              margin - top: 3 px
            }.animated - modal.form - group.form - control {
              margin: 0 auto;width: 50 %
            }.animated - modal.animated - modal - md - mb {
              margin - bottom: 15 px!important
            }.steps - md - mt {
              margin - top: 15 px
            }.steps - sizing - sm - mb {
              margin - bottom: 15 px
            }.bootstrap - touchspin.touchspin - vertical - tab.input - group {
              width: 96 % !important
            }
            #API - chield - row_wrapper #API - chield - row tbody tr td: first - child {
              min - width: 20 px
            }.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: 15 px
            }.ecommerce - widget.progress - showcase {
              margin - top: 15 px
            }.reset - password - box.theme - form.form - group.btn {
              margin - top: 13 px!important
            }.gallery - img - mb - sm, .gallery - with - description a > div {
              margin - bottom: 15 px
            }.xm - mb - peity {
              margin - bottom: 8 px
            }.authentication - main {
              padding: 30 px 15 px
            }.translate_wrapper.active.more_lang: after, .translate_wrapper.active.more_lang: before {
              display: none
            }.translate_wrapper.active.more_lang.active {
              left: 15 px;position: fixed;top: 60 px;width: calc(100 vw - 30 px)
            }.onhover - dropdown: hover.onhover - show - div {
              opacity: 0;transform: none;visibility: hidden
            }.onhover - dropdown: hover.onhover - show - div.active {
              border - radius: 5 px;
              opacity: 1;
              overflow: hidden;
              transform: translateY(0);
              visibility: visible
            }.page - wrapper.page - header.header - wrapper.nav - right.onhover - show - div {
              position: fixed;right: 0;top: 60 px;width: calc(100 vw - 30 px)
            }.page - wrapper.page - header.header - wrapper.nav - right.notification - dropdown {
              left: 15 px!important;position: fixed;top: 60 px;width: calc(100 vw - 30 px)
            }.page - wrapper.page - header.header - wrapper.nav - right.cart - dropdown {
              left: 15 px
            }.page - wrapper.page - header.header - wrapper.nav - right.profile - dropdown {
              top: 57 px
            }.wizard - 4 .action - bar.btn {
              margin: 0 2 px
            }.dropdown - basic.btn - group {
              margin - right: unset
            }
          }
          @media only screen and(max - width: 480 px) {
            .page - wrapper.page - header.header - wrapper.nav - right.onhover - show - div {
              width: 280 px
            }.page - wrapper.only - body.page - header.header - wrapper.nav - right {
              display: none
            }.chat - menu {
              top: 120 px
            }.product - wrapper - grid.list - view.product - box {
              display: block
            }.product - wrapper - grid.list - view.product - box.product - img {
              width: 100 % !important
            }.pagination - lg.page - link {
              font - size: 1 rem
            }
            h6 {
              font - size: 14 px
            }.knob - block.chart - clock - main {
              margin: auto;width: auto
            }.knob - block.chart - clock - main.clock - medium {
              left: 33 px;position: absolute;top: 33 px
            }.knob - block.chart - clock - main.clock - medium canvas {
              height: 180 px!important;width: 180 px!important
            }.knob - block.chart - clock - main.clock - small {
              left: 34 px;top: 74 px
            }.knob - block.chart - clock - main.clock - large {
              left: 0;margin: 0 auto;top: 0
            }.knob - block.chart - clock - main.clock - large canvas, .knob - block > div: not(.chart - clock - main) canvas {
              height: 245 px!important;width: 245 px!important
            }.wizard - 4 .action - bar.btn {
              width: 100 %
            }.wizard - 4 .action - bar.btn + .btn {
              margin - top: 10 px
            }
            ul.notification - dropdown.onhover - show - div {
              right: -80 px;width: 260 px
            }
            ul.notification - dropdown.onhover - show - div: after, ul.notification - dropdown.onhover - show - div: before {
              right: 89 px!important
            }.inline - block - sm {
              display: inline - block
            }.pagination - lg.page - link {
              padding: .3 rem .65 rem
            }.nav - pills li {
              width: 100 %
            }.reset - password - box {
              width: 290 px
            }.icon - hover - bottom.icon - first {
              margin - right: 10 px
            }.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: 20 px
            }.custom - card.card - social li {
              padding: 5 px 0
            }.custom - card.profile - details h6 {
              margin - bottom: 15 px
            }.custom - card.profile - details h4 {
              font - size: 20 px
            }.custom - card.card - profile img {
              height: 93 px
            }.card.card - header.card - header - right i {
              font - size: 14 px;
              margin: 0 3 px
            }.card.card - header > span + span {
              display: none
            }.timeline - small.d - flex.timeline - round.timeline - line - 1: after {
              bottom: -50 px
            }.timeline - small.d - flex.timeline - round.medium - line: after {
              bottom: -40 px
            }.dropdown - basic, .dropup - basic {
              text - align: center
            }.blog - box.blog - shadow.blog - details {
              padding: 10 px
            }.blog - box.blog - shadow.blog - details h4 {
              font - size: 14 px
            }.email - wrap.email - right - aside.email - content.email - wrapper.attachment ul li img {
              height: 83 px;width: 83 px
            }.mega - menu {
              padding - left: 20 px;
              padding - top: 3 px
            }.mega - menu.onhover - show - div {
              height: 405 px;left: 0;padding: 15 px;top: 61 px
            }.badge {
              padding: .42 em .7 em
            }.alert - dismissible.close {
              top: -1 px
            }.alert - dismissible.close span {
              font - size: 19 px
            }.notify - alert {
              width: 90 %
            }.chat - box.chat - right - aside.chat.chat - header {
              display: block
            }.chat - box.chat - right - aside.chat.chat - header.chat - menu - icons {
              margin - top: 15 px;
              padding - left: 10 px
            }
          }
          @media only screen and(max - width: 420 px) {
            .page - wrapper.page - header.header - wrapper.nav - right > ul > li {
              padding: 2 px 8 px
            }.product - sidebar.open {
              top: -75 px
            }.alert - theme {
              font - size: 12 px;
              min - width: 300 px
            }.alert - theme button {
              right: 30 px!important
            }.alert - theme i {
              display: none
            }.alert - theme span + span + span {
              padding: 15 px
            }.and - many - more {
              font - size: 37 px
            }.page - wrapper.compact - sidebar.page - body - wrapper div.sidebar - wrapper > div {
              width: 112 px
            }.page - wrapper.compact - sidebar.page - body - wrapper div.sidebar - wrapper.sidebar - main.sidebar - links li.mega - menu - container, .page - wrapper.compact - sidebar.page - body - wrapper div.sidebar - wrapper.sidebar - main.sidebar - links li.sidebar - submenu {
              left: 112 px;width: 190 px
            }.page - wrapper.compact - small.page - body - wrapper div.sidebar - wrapper > div {
              width: 80 px
            }.page - wrapper.compact - small.page - body - wrapper div.sidebar - wrapper.sidebar - main.sidebar - links li.mega - menu - container, .page - wrapper.compact - small.page - body - wrapper div.sidebar - wrapper.sidebar - main.sidebar - links li.sidebar - submenu {
              left: 80 px;width: 210 px
            }.login - card.login - main.theme - form.link {
              position: unset
            }
          }
          @media only screen and(max - width: 360 px) {
            .page - wrapper.page - header.header - wrapper.nav - right > ul > li: nth - child(5) {
              display: none
            }.product - box.modal.modal - header.product - box.product - details.product - qnty fieldset.input - group {
              width: 45 %
            }.blog - box.blog - details - main.blog - social li {
              font - size: 12 px
            }.prooduct - details - box.close {
              right: 0;top: 5 px
            }.prooduct - details - box.btn {
              padding: 4 px 8 px
            }.prooduct - details - box.d - flex {
              display: block;padding: 15 px
            }.prooduct - details - box.d - flex.flex - grow - 1 {
              margin - top: 15 px
            }.datepicker--nav - action {
              background - color: transparent;
              margin - left: -10 px;
              width: 20 px
            }.datepicker--nav - action path {
              stroke: var (--theme -
                default)
            }.clockpicker - align - top {
              top: 426 px!important
            }.note {
              min - width: 250 px
            }.datepicker {
              width: 239 px
            }.add - post form.m - checkbox - inline label {
              margin - bottom: 8 px
            }.add - post form.m - checkbox - inline label: last - child {
              margin - bottom: 0
            }.map - js - height {
              height: 250 px
            }.bar - chart - widget.earning - details i {
              right: -73 px
            }.status - widget svg {
              height: 18 px;width: 18 px
            }.tabs - scoial.border - tab.nav - tabs.nav - item.nav - link {
              font - size: 14 px;
              padding: 10 px 5 px
            }.user - profile.hovercard.user - image.share - icons {
              right: 6 px;top: -15 px
            }.user - profile.hovercard.user - image.share - icons li.social - icon {
              height: 25 px;width: 25 px
            }.user - profile.hovercard.user - image.share - icons li.social - icon i {
              font - size: 14 px
            }.social - chat.other - msg {
              margin - left: 15 px
            }.social - header h5 span.pull - right {
              display: none
            }.timeline - small.d - flex.timeline - round.timeline - line - 1: after {
              bottom: -74 px;height: 56 px
            }.timeline - small.d - flex.timeline - round.small - line: after {
              bottom: -32 px;height: 14 px
            }.timeline - small.d - flex.timeline - round.medium - line: after {
              bottom: -59 px;height: 40 px
            }.timeline - small.d - flex.flex - grow - 1 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: 25 px
            }.custom - card.card - footer > div h6 {
              font - size: 12 px
            }.flot - chart - container {
              height: 230 px
            }.map - block {
              height: 250 px
            }.img - cropper.docs - tooltip {
              font - size: 11 px
            }.img - cropper.docs - toggles.btn - group.btn {
              padding: .375 rem .2 rem
            }.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 10 px
            }.button - builder - wrap.btn - lg {
              font - size: 18 px
            }.tabs - responsive - side {
              max - width: 100 %
            }.browser - widget.d - flex i {
              font - size: 52 px
            }.browser - widget.d - flex.flex - grow - 1 h4 {
              font - size: 20 px
            }.bar - chart - widget.bottom - content.num {
              font - size: 17 px
            }.search - page.theme - form.input - group.form - control - plaintext {
              padding - left: 10 px
            }.search - page.theme - form.input - group.btn {
              padding: 6 px 4 px
            }.search - page.info - block {
              padding: 20 px
            }.wizard - 4 ul.anchor {
              padding - top: 15 px
            }.wizard - 4 .msg - box {
              top: 40 px!important
            }.xs - width - 100 {
              min - width: 100 %
            }.email - wrap.action - wrapper.actions li {
              margin - right: 5 px
            }.email - wrap.email - body.attachment.list - inline.list - inline - item {
              padding - right: 5 px
            }.email - wrap.email - right - aside.email - content.email - wrapper.attachment ul li img {
              height: 65 px;width: 65 px
            }.email - wrap.email - right - aside.email - top.dropdown - menu {
              left: -58 px
            }.form - builder #components.component.form - group #button1id {
              margin - bottom: 15 px
            }.default-according.card.card - header i {
              font - size: 14 px;
              top: 24 px
            }.default-according.card.btn - link {
              display: block;padding - left: 17 px;width: 100 %
            }.star - ratings.stars.title {
              line - height: 1
            }.user - profile.hovercard.social - media a {
              padding: 0 6 px
            }.bootstrap - touchspin.touchspin - vertical - tab.input - group {
              width: 93 % !important
            }.step - container {
              height: 280 px!important
            }.sort - panel.d - inline.btn {
              margin - left: 87 px
            }.jsgrid.jsgrid - pager - container.jsgrid - pager.jsgrid - pager - page {
              padding: .5 em .62 em
            }.chat - box.chat - right - aside {
              flex: 0 0 96 % ;max - width: 96 %
            }.chat - box.chat - right - aside.chat.chat - message {
              width: calc(100 % -20 px)
            }.error - wrapper.error - heading.headline {
              font - size: 100 px
            }.lg - toolbar.lg - icon {
              width: 40 px
            }.calendar - wrap a.fc - more {
              font - size: .59 em
            }.calendar - wrap.fc th {
              font - size: 10 px
            }.modal - footer {
              display: block;text - align: center
            }.order - box.qty li, .order - box.qty li span {
              font - size: 14 px
            }.order - box ul li span {
              text - align: right
            }.order - box ul li label {
              font - size: 14 px;
              text - align: right
            }.order - box.sub - total li.count {
              font - size: 14 px
            }.checkout.text - end {
              margin - top: 15 px;
              text - align: left!important
            }
          }
          @media only screen and(min - width: 576 px) {
            .product - wrapper - grid.list - view.col - sm - 6 {
              flex: 0 0 100 % ;max - width: 100 %
            }.sidebar - wrapper.back - btn {
              display: none
            }
          }
          @media(width: 768 px) and(height: 1024 px) {
            .page - wrapper.compact - wrapper.page - body - wrapper div.sidebar - wrapper.sidebar - main.sidebar - links {
              height: calc(100 vh - 210 px)
            }
          }