{"version":3,"sources":["theme/_responsive.scss","responsive.css","theme/_variables.scss"],"names":[],"mappings":"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","file":"responsive.css","sourcesContent":["/**=====================\r\n     62. Responsive CSS Start\r\n==========================**/\r\n@media screen and (max-width: 1660px) {\r\n  .blog-list{\r\n    .blog-details{\r\n      p{\r\n        width: 100%;\r\n        white-space: nowrap;\r\n        overflow: hidden; \r\n        text-overflow: ellipsis;\r\n      }\r\n    }\r\n  }\r\n  .photos{\r\n    ul{\r\n      li{\r\n        width: 22%;\r\n      }\r\n    }\r\n  }\r\n  .vertical-menu-main {\r\n    .mega-menu {\r\n      width: 1200px !important;\r\n      max-width: 1200px !important;\r\n      left: 0px !important;\r\n    }\r\n  }\r\n  .user-status {\r\n    table {\r\n      thead {\r\n        tr {\r\n          th {\r\n            &:nth-child(3) {\r\n              min-width: 124px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      tbody {\r\n        tr {\r\n          td {\r\n            &:first-child {\r\n              min-width: 278px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .employee-status{\r\n    table {\r\n      tbody {\r\n        tr {\r\n          td{\r\n            &:first-child{\r\n              min-width:300px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .bar-chart {\r\n    canvas {\r\n      width: 100% !important;\r\n    }\r\n  }\r\n  .main-header-right {\r\n    .main-header-right {\r\n      .left-menu-header {\r\n        .orm-control-plaintext {\r\n          .form-inline {\r\n            width: auto !important;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .chat-box {\r\n    .chat-history {     \r\n      .call-icons {\r\n        margin-bottom:15px;\r\n        ul {\r\n          li {            \r\n            width: 45px;\r\n            height: 45px;\r\n            a {\r\n              font-size: 18px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .total-time {\r\n        h2 {\r\n          font-size:40px;\r\n          color: $dark-gray;\r\n          margin-bottom:10px;\r\n        }\r\n      }\r\n      .call-content {\r\n        .btn {\r\n          width: auto;\r\n          margin: 0 auto;\r\n        }\r\n      }\r\n    }\r\n    .chat-right-aside {\r\n      .chat {\r\n        .chat-header {\r\n          .chat-menu-icons {\r\n            li {             \r\n              &:nth-child(n+2){\r\n                margin-left: 10px;\r\n              }\r\n              a {\r\n                i {\r\n                  font-size: 18px;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .chat-left-aside {\r\n    .people-list {\r\n      height: 520px;\r\n    }\r\n  }\r\n  .chat-box {\r\n    .chat-right-aside {\r\n      .chat {\r\n        .chat-msg-box {\r\n          height: 440px;\r\n        }\r\n      }\r\n    }\r\n    .people-list {\r\n      ul {\r\n        max-height: 450px;\r\n        overflow: auto;\r\n      }\r\n    }\r\n  }\r\n  .call-chat-body {\r\n    .chat-box {\r\n      .people-list {\r\n        ul {         \r\n          max-height: 500px;\r\n          overflow: auto;\r\n        }\r\n      }\r\n      overflow: hidden;\r\n      height: 625px;\r\n    }   \r\n  }\r\n  .caller-img {   \r\n    img {\r\n      opacity: 0.7;\r\n    }\r\n  }\r\n  .chat-box {\r\n    .chat-history {\r\n      .receiver-img {\r\n        margin-top: 25px;\r\n      }\r\n      .call-content {\r\n        min-height: 545px;        \r\n      }\r\n    }\r\n  }\r\n  // search //\r\n  .search-page {\r\n    .search-vid-block {\r\n      > div {\r\n        margin-top: 30px;\r\n      }\r\n    }\r\n  }\r\n  // user profile //\r\n  .user-profile{\r\n    .photos{\r\n      ul{\r\n        li{\r\n          width:21%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // email wrap\r\n  .email-wrap {\r\n    .email-right-aside {\r\n      .email-profile {\r\n        .inbox {\r\n          p{\r\n            width:calc(100% - 300px);\r\n            max-width:500px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 1550px) {\r\n  .bg-gallery {\r\n    height: 90vh;\r\n  }\r\n  .email-wrap .email-content .email-top .user-emailid:after{\r\n    display: none;\r\n  }\r\n  .email-wrap .email-top .email-right{\r\n    display: none;\r\n  }\r\n  .cal-date-widget {\r\n    .datepicker{\r\n      width:unset;\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 1440px) {\r\n  .target-sec .card-header ul.target-list li:nth-child(n + 2) p {\r\n    padding: 0 5px;\r\n  }\r\n  .bg-gallery {\r\n    height: 85vh;\r\n    min-height: 700px;\r\n  }\r\n  .landing_gallery_section_img {\r\n    &:before {\r\n      content: \"\";\r\n      height: 300px;\r\n      background: linear-gradient(to top, #01397d 8%, transparent 92%);\r\n    }\r\n  }\r\n  // header css  //\r\n  .page-main-header {\r\n    .main-header-right {\r\n      .left-menu-header {\r\n        padding-left: 30px;\r\n        padding-right: 30px;\r\n      }\r\n    }\r\n  }\r\n}\r\n@media screen and (min-width: 1200px) and (max-width: 1660px) {\r\n  .latest-articles{\r\n    .card-body{\r\n      .media{\r\n        .m-r-30{\r\n          margin-right: 10px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .whishlist-main{\r\n    .prooduct-details-box .btn {     \r\n      top: 0;\r\n      bottom: unset;\r\n      right: unset;\r\n      left: 0;\r\n  }\r\n    .col-xl-2{\r\n      width: 25%;\r\n    }\r\n  }\r\n  .xl-none {\r\n    display: none;\r\n  }\r\n  .xl-60 {\r\n    max-width:60%;\r\n    flex:0 0 60%;\r\n  }\r\n  .xl-30 {\r\n    max-width:30%;\r\n    flex:0 0 30%;\r\n  }\r\n  .xl-33 {\r\n    max-width: 33.33333%;\r\n    flex: 33.33333%;\r\n  }\r\n  .xl-35 {\r\n    max-width:35%;\r\n    flex:35%;\r\n  }\r\n  .xl-65 {\r\n    max-width:65%;\r\n    flex:65%;\r\n  }\r\n  .xl-60{\r\n    max-width:60%;\r\n    flex:60%;\r\n  }\r\n  .xl-70 {\r\n    max-width:70%;\r\n    flex:70%;\r\n  }\r\n  .xl-50 {\r\n    max-width: 50%;\r\n    flex: 0 0 50%;\r\n  }\r\n  .xl-100 {\r\n    max-width: 100%;\r\n    width: 100%;\r\n    flex: 0 0 100%;\r\n  }\r\n  .xl-23 {\r\n    max-width: 23%;\r\n    flex: 0 0 23%;\r\n  }\r\n  .xl-25 {\r\n    max-width: 25%;\r\n    flex: 0 0 25%;\r\n  }\r\n  .xl-40 {\r\n    max-width: 40%;\r\n    flex: 0 0 40%;\r\n  }\r\n  .xl-4 {\r\n    max-width: 33.33%;\r\n    flex: 0 0 33.33%;\r\n  }\r\n  .xl-cs-65 {\r\n    max-width: 65%;\r\n    flex: 0 0 65%;\r\n  }\r\n  .xl-cs-35 {\r\n    max-width: 35%;\r\n    flex: 0 0 35%;\r\n    order: -1;\r\n  } \r\n  .product-page-main {\r\n    .owl-item {\r\n      .item {\r\n        border: 1px solid $light-color;\r\n        border-radius: 5px;\r\n      }\r\n    }\r\n    .proorder-xl-3{\r\n      order:3;\r\n    }\r\n  }\r\n  .owl-carousel {\r\n    .owl-item {\r\n      img {\r\n        max-width: 420px;\r\n        margin: 0 auto;\r\n      }\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 1580px) and (min-width: 768px) {\r\n  //ecommerce page\r\n  .product-filter {\r\n    &.new-products {\r\n      .owl-theme {\r\n        .owl-item {\r\n          .item {\r\n            .product-box {\r\n              .media {\r\n                display: block;\r\n                .product-img {\r\n                  width: 100%;\r\n                }\r\n              }\r\n              .product-details{\r\n                padding:15px 0;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 1580px) and (min-width: 1200px) {\r\n  .docs-buttons,\r\n  .docs-toggles {\r\n    flex: 0 0 100%;\r\n    max-width: 100%;\r\n  }\r\n  // landing-page\r\n  .bg-sky-blue {\r\n    .main-landing {\r\n      height: 765px;\r\n    }\r\n  }\r\n}\r\n@media screen and (min-width: 1200px) and (max-width: 1214px) {\r\n  .product-thumbnail,.product-main{\r\n    flex: 0 0 auto;\r\n    width: 100% !important; \r\n  }\r\n  .product-thumbnail{\r\n    margin-top: 15px;\r\n  }\r\n}\r\n@media screen and (min-width: 1200px) and (max-width: 1366px) {\r\n  .knowledgebase-bg{\r\n    height:400px;\r\n  } \r\n  .custom-card .card-footer>div {\r\n    padding: 10px 0;\r\n  }\r\n  .card-activity {\r\n    ::-webkit-scrollbar {\r\n      width: 5px;\r\n    }\r\n    ::-webkit-scrollbar-track {\r\n      background: lighten($primary-color, 60%);\r\n    }\r\n    ::-webkit-scrollbar-thumb {\r\n      background: $primary-color;\r\n    }\r\n    h5 {\r\n      font-size: 18px !important;\r\n    }\r\n    .setting-list {\r\n      display: none;\r\n    }\r\n  }\r\n  .crm-activity span {\r\n    display: none;\r\n  }\r\n  .vertical-menu-mt {\r\n    .crm-activity {\r\n      height: 298px;\r\n    }\r\n  }\r\n  .pixelstrap {\r\n    a {\r\n      padding-left: 18px;\r\n      &:hover,\r\n      &:focus,\r\n      &:active {\r\n        padding-left: 18px;\r\n      }\r\n    }\r\n  }\r\n  .flot-chart-container-small {\r\n    height: 227px;\r\n  }\r\n  .call-chat-sidebar {\r\n    max-width: 260px;\r\n  }\r\n  .product-box {\r\n    .product-details {\r\n      padding: 15px;\r\n    }\r\n  }\r\n  .flot-chart-container {\r\n    height: 282px;\r\n  }\r\n  .custom-card {\r\n    .card-profile {\r\n      img {\r\n        height: 80px;\r\n      }\r\n    }\r\n    .profile-details {\r\n      h4 {\r\n        font-size: 18px;\r\n      }\r\n      h6 {\r\n        margin-bottom: 24px;\r\n      }\r\n    }\r\n    .card-footer {\r\n      > div {\r\n        h3 {\r\n          font-size: 18px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .crm-activity {\r\n    height: 291px;\r\n    overflow-y: auto;\r\n    .media {\r\n      .media-body {\r\n        .dates {\r\n          display: flex;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .calender-widget {\r\n    .cal-date {\r\n      width: 95px;\r\n      height: 95px;\r\n      h5 {\r\n        line-height: 1.4;\r\n        padding: 13px;\r\n      }\r\n    }\r\n  }\r\n  // chat\r\n  .chat-body {\r\n    padding: 10px;\r\n  }\r\n  .chat-box {\r\n    .chat-history {\r\n      .call-content {\r\n        .btn{\r\n          font-size: 15px;\r\n        }\r\n      }\r\n      .total-time h2 {\r\n        font-size: 30px;       \r\n      }\r\n      .receiver-img {\r\n        margin-top: 30px;\r\n        margin-bottom: 30px;\r\n      }\r\n      .call-icons {\r\n        margin-top: 20px;\r\n        margin-bottom: 20px;\r\n        ul {\r\n          li {\r\n            width: 45px;\r\n            height: 45px;           \r\n          }\r\n        }\r\n      }\r\n    }\r\n    .user-image {\r\n      width: 30px;\r\n      height: 30px;\r\n      margin-top: 3px;\r\n      margin-right: 3px;\r\n    }\r\n    .about {\r\n      margin-top:0;\r\n    }\r\n    .border-tab.nav-tabs {\r\n      .nav-item {\r\n        a {\r\n          padding: 13px 4px !important;\r\n          color: $semi-dark !important;\r\n          letter-spacing: 0;                  \r\n        }\r\n      }\r\n    }\r\n    .chat-menu {\r\n      .people-list {\r\n        ul.list {\r\n          max-height: 376px;\r\n          overflow-y: auto;\r\n        }\r\n      }     \r\n    }\r\n  }\r\n  .chat-left-aside {\r\n    .people-list {\r\n      height: 420px;\r\n      ul {\r\n        max-height: 376px;\r\n        overflow-y: auto;\r\n      }\r\n    }\r\n    .status-circle {\r\n      top: 4px;\r\n      left: 36px;\r\n    }\r\n  }\r\n  //blog scss\r\n  .blog-box {\r\n    .blog-details-main {\r\n      .blog-bottom-details {\r\n        margin: 20px 10px;\r\n      }\r\n      .blog-social {\r\n        li {\r\n          padding: 0px 5px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .blog-box.blog-shadow {\r\n    .blog-details {\r\n      padding: 15px;\r\n    }\r\n  }\r\n  .comment-box {\r\n    .media {\r\n      img{\r\n        margin-right:25px;\r\n      }\r\n    }\r\n    ul {\r\n      ul{\r\n        margin-left:50px;\r\n      }\r\n    }\r\n  }\r\n  .browser-widget {\r\n    img {\r\n      height: 50px;\r\n    }\r\n    .media-img {\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n      margin-bottom: 15px;\r\n    }\r\n  }\r\n  // email-app\r\n  .email-wrap {\r\n    .email-left-aside {\r\n      .email-app-sidebar {\r\n        .media {\r\n          display: block;\r\n          .media-size-email {\r\n            width: 100%;\r\n            text-align: center;                      \r\n            img{\r\n              margin-bottom:10px;\r\n            }\r\n            .me-3 {\r\n              margin-right: 0 !important;\r\n            }\r\n          }\r\n          .media-body {\r\n            text-align: center;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .email-right-aside {\r\n      .email-body {\r\n        .attachment {\r\n          ul {\r\n            li {\r\n              img {\r\n                width: 73px;\r\n                height: 73px;\r\n              }\r\n            }\r\n          }\r\n        }\r\n        .email-top {\r\n          line-height: 50px;\r\n          h5 {\r\n            padding: 13px 0;\r\n          }\r\n        }\r\n        .inbox {\r\n          // max-height: 668px;\r\n          // overflow: auto;\r\n          .media-body {\r\n            text-align: center;\r\n            h6 {\r\n              font-size: 14px;\r\n            }\r\n          }\r\n        }\r\n        .email-compose {\r\n          .cke_contents.cke_reset {\r\n            max-height: 144px;\r\n            width: 99%;\r\n          }\r\n          .compose-border {\r\n            margin: 0;\r\n          }\r\n        }\r\n      }    \r\n    }\r\n    .media-body{\r\n      p{\r\n        font-size:13px;\r\n      }\r\n    }\r\n  }\r\n  // alert page\r\n  .alert-dismissible {\r\n    p {\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n      max-width: 181px;\r\n    }\r\n  }\r\n  // touchspin page\r\n  .bootstrap-touchspin {\r\n    .touchspin-vertical-tab {\r\n      .input-group {\r\n        width: 96% !important;\r\n      }\r\n    }\r\n  }\r\n  .blog-list {\r\n    .blog-details {\r\n      h6 {\r\n        padding-bottom: 0;\r\n        margin-bottom: 0;\r\n        border: none;\r\n      }\r\n    }\r\n  }\r\n  .blog-box {\r\n    .blog-date {\r\n      span {\r\n        font-weight: 500;\r\n      }\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 1470px) {\r\n  .edit-profile {\r\n    .profile-title {\r\n      .media{\r\n        display:block;\r\n        .media-body {\r\n          margin-left: unset;\r\n          margin-top: 10px;         \r\n        }\r\n      }\r\n    }\r\n  }\r\n  .user-profile{\r\n    .photos{\r\n      ul{\r\n        li{\r\n          width:20%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // email wrap\r\n  .email-wrap {\r\n    .email-right-aside {\r\n      .email-profile {\r\n        .inbox {\r\n          p{\r\n            width:calc(100% - 300px);\r\n            max-width:500px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 1366px) {\r\n  .email-wrap .email-content .email-top .user-emailid:after{\r\n    display: none;\r\n  }\r\n  .lnb-calendars{\r\n\t\tdisplay: block !important;\r\n    \ttext-align: right;\r\n\t}\r\n  .page-main-header{\r\n    .main-header-right {\r\n      .nav-right {\r\n        .nav-menus{\r\n          padding:20px 35px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // product page\r\n  .span.ace_indent-guide{\r\n    display: none;\r\n  }\r\n  .grid-options {\r\n    ul {\r\n      li {\r\n        &:last-child {\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .product-wrapper-grid {\r\n    .col-xl-3 {\r\n      padding-left: 8px;\r\n      padding-right: 8px;\r\n    }\r\n    &.list-view {\r\n      .product-box {\r\n        .product-img {\r\n          width: 25%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .product-price {\r\n    font-size: 14px;\r\n  }\r\n  .product-box {\r\n    .product-img {\r\n      .product-hover {\r\n        ul {\r\n          li {\r\n            width: 35px;\r\n            height: 35px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .product-details {\r\n      h4 {\r\n        font-size: 18px;\r\n      }\r\n    }\r\n  }\r\n  // cart page\r\n  .cart {\r\n    .qty-box {\r\n      width: 40%;\r\n    }\r\n  }\r\n  // alert page\r\n  .alert-dismissible {\r\n    strong {\r\n      & ~ p {\r\n        display: inline;\r\n      }\r\n    }\r\n  }\r\n  // blog \r\n  .learning-box {\r\n    .details-main{\r\n      margin: 20px;\r\n      h6{\r\n        font-size:18px;\r\n      }\r\n    }\r\n  }\r\n  // timeline small page\r\n  .timeline-small {\r\n    .media {\r\n      .media-body {\r\n        p {\r\n          width: 95%;\r\n        }\r\n      }\r\n      .timeline-round {\r\n        &.timeline-line-1 {\r\n          &:after {\r\n            bottom: -66px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .map-js-height {\r\n    height: 350px;\r\n  }\r\n  .browser-widget {\r\n    .media {\r\n      flex-wrap: wrap;\r\n      .media-body {\r\n        h3{\r\n          font-size:20px;\r\n        }\r\n        p {\r\n          margin-bottom: 2px;\r\n        }\r\n        h4 {\r\n          font-size: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .testimonial {\r\n    i {\r\n      font-size: 46px;\r\n    }\r\n    p {\r\n      margin-top: 20px;\r\n    }\r\n  }\r\n  .cal-date-widget .datepicker {\r\n    margin: 0 auto;\r\n    width: unset;\r\n  }\r\n  .company-card {\r\n    padding: 20px;\r\n  }\r\n  .static-top-widget {\r\n    .media-body {\r\n      h3 {\r\n        font-size: 30px;\r\n      }\r\n      .icon-bg {\r\n        right: -21px;\r\n      }\r\n    }\r\n  }\r\n  .widget-joins {\r\n    .media {\r\n      padding: 20px;\r\n      .media-body {\r\n        h3 {\r\n          font-size: 20px;\r\n        }\r\n      }\r\n    }\r\n  }  \r\n  // book mark //\r\n  .left-bookmark {\r\n    ul {\r\n      li {\r\n        button{\r\n          font-size:13px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // social app\r\n  .photos {\r\n    ul{\r\n      li{\r\n        width:21%;\r\n      }\r\n    }\r\n  }\r\n  // chat page\r\n  .chat-box {\r\n    .chat-right-aside {\r\n      .chat {\r\n        .chat-msg-box {\r\n          height: 420px;\r\n          .chat-user-img {\r\n            margin-top: -30px;\r\n          }\r\n          .message {\r\n            width: 100%;\r\n            padding: 15px;\r\n          }\r\n        }\r\n        .chat-header{\r\n          .chat-menu-icons{\r\n            li{\r\n              a{\r\n                i{\r\n                  font-size:20px;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .chat-history {\r\n      .call-content{\r\n        min-height:512px;\r\n      }\r\n    }\r\n  }\r\n  .chat-right-aside {    \r\n    .chat {\r\n      .chat-message {\r\n        .smiley-box {\r\n          width: 45px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .chat-box {\r\n    .chat-history {\r\n      .receiver-img {\r\n        img {\r\n          height: 150px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .call-chat-body {\r\n    .chat-box {\r\n      overflow: hidden;\r\n      height: 595px;\r\n    }\r\n  }\r\n  // landing page css ends\r\n  .calender-widget {\r\n    .cal-desc {\r\n      p {\r\n        max-height: 88px;\r\n        overflow: auto;\r\n      }\r\n    }\r\n  }\r\n  .equal-height-xl {\r\n    height: 517px;\r\n  }\r\n  .authentication-main {\r\n    .auth-innerright {\r\n      background-size: cover;\r\n    }\r\n  }\r\n  .grp-btns {\r\n    display: inline-block;\r\n  }\r\n  .button-builder {\r\n    .button-generator-bx {\r\n      position: relative;\r\n      width: 100%;\r\n    }\r\n  }\r\n  .page-builder {\r\n    .btn-group {\r\n      display: inline-block;\r\n      margin-bottom: 10px;\r\n    }\r\n    .btn-grid {\r\n      margin-bottom: 15px;\r\n      margin-right: 0px;\r\n      border-right: none;\r\n      display: inline-block;\r\n    }\r\n    .ge-canvas.ge-layout-desktop {\r\n      margin-top: 50px;\r\n    }\r\n  }\r\n  //ecommerce dashboard\r\n  .ecommerce-widget {\r\n    h6 {\r\n      font-size: 14px;\r\n    }\r\n    .total-num {\r\n      letter-spacing: 0px;\r\n    }\r\n  }\r\n  .support-ticket {\r\n    .pro-gress {\r\n      .progress-showcase {\r\n        margin-top: 15px;\r\n      }\r\n    }\r\n  }\r\n  .support-ticket-font {\r\n    .total-num {\r\n      font-size: 20px;\r\n    }\r\n  }\r\n  //default dashboard\r\n  .custom-card{\r\n    padding:15px;\r\n    .card-social{\r\n      li{        \r\n        a{\r\n          width:30px;\r\n          height:30px;\r\n        }\r\n      }\r\n    }   \r\n  }\r\n  .map-chart {\r\n    .chart-container {\r\n      height: 300px;\r\n    }\r\n  }\r\n  .speed-chart {\r\n    .chart-container {\r\n      height: 250px;\r\n      margin-top: -40px;\r\n      margin-bottom: 100px;\r\n    }\r\n  }\r\n  .candidcahrt {\r\n    height: 360px;\r\n  }\r\n  //chart widget\r\n  .status-details {\r\n    h3 {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n  .chart-widget-top {\r\n    .total-value {\r\n      font-size: 20px;\r\n    }\r\n  }\r\n  .status-widget{\r\n    .card-body{\r\n      padding:10px;\r\n    }\r\n  }\r\n  //general widget \r\n  .browser-widget {\r\n    .media {\r\n      flex-wrap: wrap;\r\n      .media-body {\r\n        h3 {\r\n          font-size:20px;\r\n        }\r\n        p {\r\n          margin-bottom: 2px;\r\n        }\r\n        h4 {\r\n          font-size: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .testimonial {\r\n    i {\r\n      font-size: 46px;\r\n    }\r\n    p {\r\n      margin-top: 20px;\r\n    }\r\n  }\r\n  .cal-date-widget .datepicker {\r\n    margin: 0 auto;\r\n    width: unset;\r\n  }\r\n  .company-card {\r\n    padding: 20px;\r\n  }\r\n  .static-top-widget {\r\n    .media-body {\r\n      h3 {\r\n        font-size: 30px;\r\n      }\r\n      .icon-bg {\r\n        right: -21px;\r\n      }\r\n    }\r\n  }\r\n  .widget-joins {\r\n    .media {\r\n      padding: 20px;\r\n      .media-body {\r\n        h3 {\r\n          font-size: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  //chat\r\n  .chat-body {\r\n    padding: 10px;\r\n  }\r\n  .chat-box {\r\n    .chat-history {\r\n      .call-content {\r\n        .btn {\r\n          font-size: 15px;\r\n        }\r\n      }\r\n      .total-time h2 {\r\n        font-size: 30px;\r\n      }\r\n      .receiver-img {\r\n        margin-top: 30px;\r\n        margin-bottom: 30px;\r\n      }\r\n      .call-icons {\r\n        margin-top: 20px;\r\n        margin-bottom: 20px;\r\n        ul {\r\n          li {\r\n            width: 45px;\r\n            height: 45px;           \r\n          }\r\n        }\r\n      }\r\n    }\r\n    .user-image {\r\n      width: 45px;\r\n      height: 45px;\r\n    }\r\n    .about {\r\n      margin-top: 0;\r\n    }\r\n    .border-tab.nav-tabs {\r\n      .nav-item {\r\n        a {\r\n          padding: 13px 4px !important;\r\n          color: $semi-dark !important;\r\n          letter-spacing: 0;\r\n          font-size: 12px !important;         \r\n        }\r\n      }\r\n    }\r\n    .chat-menu {\r\n      .people-list {\r\n        ul.list {\r\n          max-height: 376px;\r\n          overflow-y: auto;\r\n        }\r\n      }     \r\n    }\r\n  }\r\n  .chat-left-aside {\r\n    .people-list {\r\n      height: 490px;\r\n      ul {\r\n        max-height: 434px;\r\n        overflow-y: auto;\r\n      }\r\n    }\r\n  }\r\n  .status-circle {\r\n    top: 4px;\r\n    left: 37px;\r\n  }\r\n  // mega-menu\r\n  .mega-menu {\r\n    .onhover-show-div {\r\n      left: 164px;\r\n    }\r\n  }\r\n  // image cropper page\r\n  .img-cropper {\r\n    .docs-toggles {\r\n      margin-top: 8px;\r\n    }\r\n  }\r\n  // touchspin page\r\n  .bootstrap-touchspin {\r\n    .dropdown-basic {\r\n      .dropdown {\r\n        .dropdown-content {\r\n          left: -21px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // datatable advance page\r\n  #advance-5_wrapper {\r\n    .dataTables_paginate {\r\n      margin-bottom: 8px;\r\n    }\r\n  }\r\n  // jsgrid-table page\r\n  #batchDelete {\r\n    .jsgrid-grid-header {\r\n      .jsgrid-table {\r\n        .jsgrid-header-row {\r\n          .jsgrid-header-cell {\r\n            &:first-child {\r\n              width: 67px !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .jsgrid-grid-body {\r\n      .jsgrid-table {\r\n        .jsgrid-row {\r\n          .jsgrid-cell {\r\n            &:first-child {\r\n              width: 67px !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // forget password page\r\n  .reset-password-box {\r\n    .theme-form {\r\n      .form-group {\r\n        .btn {\r\n          padding: 6px 22px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .cd-timeline-img {\r\n    width: 45px;\r\n    height: 45px;\r\n    i {\r\n      font-size: 20px;\r\n    }\r\n  }\r\n}\r\n@media screen and (min-width:1200px) and (max-width: 1365px){\r\n  .redial-social-widget{\r\n    width:90px;\r\n    height:90px;\r\n    i{\r\n      width:70px;\r\n      height:70px;\r\n    }\r\n  }\r\n  .social-widget-card{   \r\n    .card-body{\r\n      padding:20px;\r\n    }       \r\n    h5{\r\n      margin-bottom:15px;\r\n    }\r\n  }\r\n  .widget-joins{   \r\n    .media{\r\n      padding:15px;\r\n      h5{\r\n        font-size:14px;\r\n      }\r\n      .media-body{\r\n        svg{\r\n          width:25px;\r\n          height:25px;\r\n        }\r\n        > span{\r\n          font-size:13px;\r\n        }\r\n      }\r\n      .me-3{\r\n        margin-right:10px !important;\r\n      }\r\n    }\r\n  }\r\n  .testimonial {\r\n    p{\r\n      margin-top:unset;\r\n    }\r\n  }\r\n  .general-widget {\r\n    .custom-card {\r\n      .card-header {\r\n        img{\r\n          margin-top:-45px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n@media screen and (min-width: 992px) and (max-width: 1199px){\r\n  .project-box{\r\n    padding:20px;\r\n    .badge{\r\n      right: 10px;\r\n      top: 10px;\r\n      font-size: 8px;\r\n      padding: 5px;\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 1280px) {\r\n  .blog-list .blog-details{\r\n    hr{\r\n      display: none;\r\n    }\r\n    p{\r\n      display: none;\r\n    }\r\n  }\r\n  .page-main-header  {\r\n    .main-header-right {\r\n      .nav-right {\r\n        > ul {\r\n          > li{\r\n            margin-right:10px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .bg-gallery {\r\n    height: 108vh;\r\n  }\r\n  .img-gallery-set1,\r\n  .img-gallery-set5 {\r\n    display: none;\r\n  }\r\n  .box-layout.page-wrapper.horizontal-wrapper {\r\n    .page-main-header {\r\n      padding-left: unset;\r\n      max-width: unset;\r\n      left: unset;\r\n    }\r\n    .page-body-wrapper {\r\n      width: unset;\r\n    }\r\n  }\r\n  // user profile\r\n  .user-profile {\r\n    .photos {\r\n      ul {\r\n        li{\r\n          width:19%;\r\n        }\r\n      }\r\n    }\r\n    .social-tab {\r\n      ul{\r\n        li{\r\n          &:nth-child(n+2){\r\n            margin-left:10px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // emaill application\r\n  .email-wrap {\r\n    .actions {\r\n      li{\r\n        &:nth-child(n+2){\r\n          margin-left:10px;\r\n        }\r\n        .btn{         \r\n          padding: 7px 20px;\r\n          text-transform:capitalize;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 1199px) {\r\n  .ttl-info{\r\n    display: none;\r\n  }\r\n  input[type='checkbox'].tui-full-calendar-checkbox-round+span{\r\n    margin-right: 2px;\r\n    width: 4px;\r\n  }\r\n  .blog-list .blog-details {    \r\n    p,hr{\r\n      display: block;\r\n    }\r\n  }\r\n  .profile-greeting {\r\n    .header-top {\r\n      text-align: center;\r\n      .setting-list {\r\n        float: none;\r\n      }\r\n    }\r\n  }\r\n  .alert-theme {\r\n    max-width: 400px;\r\n  }\r\n  .vertical {\r\n    .page-main-header {\r\n      .main-header-right {\r\n        .vertical-mobile-sidebar {\r\n          display: block;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .mega-menu-header {\r\n    .main-header-right {\r\n      .vertical-mobile-sidebar {\r\n        display: block;\r\n        margin-right: 15px;\r\n      }\r\n    }\r\n  }\r\n  .page-main-header {\r\n    .main-header-right {\r\n      .nav-right {\r\n        &.right-menu {\r\n          ul {\r\n            padding-left: 15px;\r\n            padding-right: 15px;\r\n          }\r\n        }\r\n      }\r\n      .main-header-left {\r\n        padding-left: 25px;\r\n        padding-right: 25px;\r\n      }\r\n    }\r\n  }\r\n  // sidebar css\r\n  .page-wrapper {\r\n    .page-main-header {\r\n      .main-header-right {\r\n        .nav-right {\r\n          > ul {\r\n            li {\r\n              .submenu {\r\n                li {\r\n                  &:first-child {\r\n                    padding-left: 15px !important;\r\n                  }\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n        .mobile-sidebar {\r\n          .switch-sm {\r\n            .switch {\r\n              margin-top: 6px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .page-main-header {\r\n    .main-header-right {\r\n      .nav-right {\r\n        .nav-menus {\r\n          padding: 20px 15px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // product page //\r\n  .grid-options {\r\n    ul {\r\n      li {\r\n        &:nth-child(3) {\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // dashboard 2\r\n  .dashboard-default-sec,.dashboard-2-main {\r\n    .card {\r\n      &.income-card {\r\n        .card-body {\r\n          .knob-block {\r\n            canvas {\r\n              width: 30%;\r\n              height: 30%;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // social app page\r\n  .photos{\r\n    ul{\r\n      li{\r\n        width:20%;       \r\n      }\r\n    }\r\n  } \r\n  // timeline small page\r\n  .timeline-small {\r\n    .media {\r\n      .timeline-round {\r\n        &.timeline-line-1 {\r\n          &:after {\r\n            height: 33px;\r\n            bottom: -40px;\r\n          }\r\n        }\r\n        &.small-line {\r\n          &:after {\r\n            height: 28px;\r\n            bottom: -38px;\r\n          }\r\n        }\r\n        &.medium-line {\r\n          &:after {\r\n            height: 30px;\r\n            bottom: -40px;\r\n          }\r\n        }\r\n      }\r\n      .media-body {\r\n        h6 {\r\n          font-weight: 600;\r\n          margin-bottom: 30px;\r\n          span {\r\n            font-weight: normal;\r\n            color: $light-text;\r\n          }\r\n        }\r\n        p {\r\n          width: 100%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // landing page css start\r\n  .bg-gallery {\r\n    height: 100vh;\r\n  }\r\n  .mt50 {\r\n    margin-top: 30px;\r\n  }\r\n  .landing-main {\r\n    .sticky {\r\n      .navbar-expand-xl {\r\n        .navbar-brand {\r\n          top: 8px;\r\n        }\r\n        .navabr_btn-set {\r\n          top: 16px;\r\n        }\r\n      }\r\n    }\r\n    .navbar-toggler {\r\n      span {\r\n        background-color: $white;\r\n      }\r\n    }\r\n    .navbar_nav_modify {\r\n      width: 100vw;\r\n      left: 0;\r\n      position: fixed;\r\n      height: 100vh;\r\n      background-color: #293240;\r\n      top: 0;\r\n      padding: 120px 0px;\r\n    }\r\n    h4 {\r\n      font-size: 20px;\r\n    }\r\n    .navbar-expand-xl {\r\n      .navabr_btn-set {\r\n        position: fixed;\r\n        top: 24px;\r\n        z-index: 1;\r\n        right: 20px;\r\n      }\r\n      .navbar-brand {\r\n        padding-left: 5px;\r\n        z-index: 1;\r\n        position: fixed;\r\n        top: 14px;\r\n      }\r\n      .navbar-collapse {\r\n        .navbar-nav {\r\n          .nav-item {\r\n            a {\r\n              padding: 28px 60px;\r\n              width: 16px;\r\n              margin: 0 auto;\r\n              text-align: center;\r\n              display: flex;\r\n              justify-content: center;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .support-res {\r\n      text-align: center;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 20px;\r\n    }\r\n    .navbar-expand-lg {\r\n      .navbar-brand {\r\n        padding-left: 5px;\r\n      }\r\n      .navbar-collapse {\r\n        .navbar-nav {\r\n          .nav-item {\r\n            a {\r\n              padding: 9px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // landing page css ends\r\n  .lg-mt-col {\r\n    margin-top: 30px;\r\n  }\r\n  .xl-none {\r\n    display: none;\r\n  }\r\n  .user-status {\r\n    table {\r\n      tbody {\r\n        tr {\r\n          td {\r\n            .d-inline-block {\r\n              margin-top: 10px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .lg-mt {\r\n    margin-top: 30px;\r\n  }\r\n  .product-page-details {\r\n    margin-top: 30px;\r\n  }\r\n  .product-wrapper-grid {\r\n    &.list-view {\r\n      .product-box {\r\n        .product-img {\r\n          width: 32%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .debit-card {\r\n    order: 1;\r\n  }\r\n  .typography {\r\n    .row {\r\n      div {\r\n        & + div {\r\n          margin-top: 30px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .listing {\r\n    .card-body {\r\n      .row {\r\n        > div {\r\n          & + div {\r\n            margin-top: 30px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .flot-chart-container {\r\n    height: 250px;\r\n  }\r\n  .img-cropper {\r\n    #putData {\r\n      margin-bottom: 10px;\r\n    }\r\n    .docs-toggles {\r\n      > .dropdown {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n  .error-wrapper {\r\n    .maintenance-icons {\r\n      li {\r\n        i {\r\n          color: $light-gray;\r\n          font-size: 40px;\r\n        }\r\n        &:nth-child(2) {\r\n          i {\r\n            font-size: 80px;\r\n            margin-left: 90px;\r\n          }\r\n        }\r\n        &:nth-child(3) {\r\n          i {\r\n            font-size: 120px;\r\n            margin-top: -75px;\r\n            margin-right: 110px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  div {\r\n    &.dataTables_wrapper {\r\n      div {\r\n        &.dataTables_paginate {\r\n          & ~ .dataTables_filter {\r\n            display: block;\r\n            width: 100%;\r\n            margin-top: 20px;\r\n            margin-bottom: 0;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .jvector-map-height {\r\n    height: 280px;\r\n  }\r\n  .custom-card {\r\n    .card-profile {\r\n      .card-social {\r\n        li {\r\n          a{\r\n            padding: 8px;\r\n          }\r\n        }\r\n      }\r\n      img {\r\n        height: 90px;\r\n      }\r\n      .card-footer {\r\n        > div{\r\n          h3{\r\n            font-size:18px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .profile-details {\r\n      h4 {\r\n        font-size: 20px;\r\n      }\r\n      h6 {\r\n        margin-bottom: 20px;\r\n      }\r\n    }\r\n    .card-footer{\r\n      > div {\r\n        h3 {\r\n          font-size: 18px;\r\n        }\r\n      }\r\n    }   \r\n  }\r\n  .equal-height-lg {\r\n    min-height: unset !important;\r\n  }\r\n  //mega menu\r\n  .mega-menu {\r\n    .onhover-show-div {\r\n      height: 435px;\r\n      overflow-x: scroll;\r\n      left: 215px;\r\n    }\r\n    .mega-bg {\r\n      display: none;\r\n    }\r\n    .lg-mt {\r\n      margin-top: 25px;\r\n    }\r\n  }\r\n  .button-builder {\r\n    .button-generator-bx {\r\n      position: relative;\r\n      width: 100%;\r\n    }\r\n  }\r\n  //blog\r\n  .blog-single {\r\n    .comment-box {\r\n      ul {\r\n        .comment-social {\r\n          margin-left: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  //error and maintenace\r\n  .error-wrapper {\r\n    .maintenance-heading {\r\n      margin-top: 30px;\r\n      .headline {\r\n        font-size: 50px;\r\n        margin-top: -15%;\r\n        margin-bottom: 0px;\r\n      }\r\n      .cloud-second {\r\n        margin-top: -25px;\r\n      }\r\n    }\r\n  }\r\n  // general widget\r\n  .mobile-clock-widget {\r\n    #date {\r\n      margin-top: 15px;\r\n    }\r\n  }\r\n  .social-widget-card {\r\n    .b-b-light {\r\n      padding: 15px;\r\n      margin-bottom: 15px;\r\n    }\r\n  }\r\n  .weather-widget-two {\r\n    .bottom-whetherinfo {\r\n      .whether-content {\r\n        top: 34px;\r\n      }\r\n    }\r\n  }\r\n  .cal-date-widget {\r\n    .cal-datepicker {\r\n      margin-top: 15px;\r\n    }\r\n  }\r\n  .static-top-widget {\r\n    .media-body {\r\n      .icon-bg {\r\n        width: 70px;\r\n        height: 70px;\r\n      }\r\n    }\r\n  }\r\n  .user-status {\r\n    table {\r\n      tbody {\r\n        tr {\r\n          th {\r\n            min-width: 120px;\r\n          }\r\n          td {\r\n            &:first-child {\r\n              min-width: 295px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .testimonial {\r\n    p {\r\n      margin-top: 17px;\r\n    }\r\n  }\r\n  .contact-form {\r\n    padding: 10px;\r\n    .theme-form {\r\n      .form-icon {\r\n        margin-top: -57px;\r\n      }\r\n    }\r\n  }\r\n  .calender-widget {\r\n    .cal-date {\r\n      width: 90px;\r\n      height: 90px;\r\n      h5 {\r\n        font-size: 16px;\r\n        padding: 18px;\r\n      }\r\n    }\r\n    .cal-desc {\r\n      padding: 14px;\r\n      p {\r\n        max-height: 114px;\r\n        overflow-y: auto;\r\n      }\r\n    }\r\n  }\r\n  .browser-widget {\r\n    padding: 0px;\r\n    img {\r\n      height: 50px;\r\n    }\r\n    .media {\r\n      .media-body {\r\n        h4 {\r\n          font-size: 17px;\r\n        }\r\n      }\r\n      .media-img {\r\n        width: 100%;\r\n        text-align: center;\r\n        margin-bottom: 10px;\r\n      }\r\n    }\r\n  }\r\n  .static-top-widget {\r\n    .media-body {\r\n      padding-left: 20px;\r\n    }\r\n  }\r\n  .widget-joins {\r\n    &:before {\r\n      display: none;\r\n    }\r\n    .ps-0 {\r\n      padding-left: 15px !important;\r\n    }\r\n    .pe-0 {\r\n      padding-right: 15px !important;\r\n    }\r\n    .border-after-xs {\r\n      &:after {\r\n        content: \"\";\r\n        position: absolute;\r\n        height: 1px;\r\n        width: 94%;\r\n        background-color: $light-semi-gray;\r\n        left: 0;\r\n        bottom: 0;\r\n        right: 0;\r\n        margin: 0 auto;\r\n      }\r\n    }\r\n  }\r\n  .widget-joins {\r\n    .media {\r\n      .media-body {\r\n        svg {\r\n          width: 30px;\r\n          height: 30px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  //ecommerce dashboard\r\n  .crm-overall {\r\n    .overall-chart {\r\n      height: 200px;\r\n    }\r\n  }\r\n  .product-page-main{\r\n    .proorder-lg-1{\r\n      order:-1;\r\n    }\r\n  }\r\n  //chat\r\n  .chat-box {\r\n    .chat-menu {\r\n      background-color:$white;     \r\n      .people-list {\r\n        ul.list {\r\n          max-height:444px;\r\n          overflow-y:auto;\r\n        }\r\n      }\r\n    }\r\n    .btn-lg {\r\n      font-size: 12px;\r\n    }\r\n    .people-list {\r\n      ul {\r\n        height: auto;\r\n      }\r\n    }\r\n    .chat-right-aside {\r\n      .chat {\r\n        .chat-header {\r\n          height: auto;\r\n          .chat-menu-icons li a i {\r\n            font-size: 19px;\r\n          }\r\n        }\r\n        .chat-message {\r\n          margin: 0;         \r\n          bottom: 15px;\r\n        }\r\n      }\r\n    }\r\n    .chat-history {\r\n      .total-time h2 {\r\n        font-size: 25px;\r\n      }\r\n      .row {\r\n        .col-sm-7 {\r\n          padding-right: 0;\r\n        }\r\n      }\r\n    }\r\n    .border-tab.nav-tabs {\r\n      width: 100%;\r\n      .nav-item {\r\n        margin-right: 5px;\r\n      }\r\n    }\r\n    .chat-left-aside {\r\n      .people-list {\r\n        height: 493px;\r\n      }\r\n    }\r\n  }\r\n  .chat-menu-icons {\r\n    display: block;\r\n    clear: both;\r\n    width: 100%;\r\n    text-align: right;\r\n  } \r\n  // chat application\r\n  .chat-box {\r\n    .border-tab{\r\n      &.nav-tabs {\r\n        .nav-item {\r\n          a{\r\n            height: auto;\r\n            line-height: 1.2;\r\n          }\r\n        }\r\n      }\r\n    }    \r\n  }\r\n  .chat-history {\r\n    height: 447px;\r\n  }\r\n  .chat-box {    \r\n    .toogle-bar {\r\n      display:inline-block;\r\n      margin-right: 0 !important;\r\n    }\r\n  }  \r\n  // Email app\r\n  .email-wrap {\r\n    .email-right-aside {\r\n      .email-body {\r\n        border-top-right-radius: 4px;\r\n        border-bottom-right-radius: 4px;\r\n        .b-r-light {\r\n          border-right: none !important;\r\n        }\r\n      }\r\n      .radius-left {\r\n        border-top-left-radius: 4px !important;\r\n        border-bottom-left-radius: 4px !important;\r\n      }      \r\n    }     \r\n    .email-aside-toggle{\r\n      display:block;\r\n    }\r\n    .email-sidebar{\r\n      position: relative;\r\n      .email-aside-toggle{\r\n        margin-bottom:20px;\r\n        width:fit-content;       \r\n      }\r\n      .email-left-aside{\r\n        position:absolute;\r\n        top:100%;\r\n        left:0;\r\n        opacity:0;\r\n        visibility:hidden;\r\n        z-index: 2;\r\n        width:300px;\r\n        transition: all 0.5s ease;\r\n        &.open{\r\n          visibility: visible;\r\n          opacity: 1;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .job-accordion {\r\n    .card{\r\n      margin-bottom:20px;\r\n    }\r\n  }\r\n  .job-sidebar{\r\n    position: relative;\r\n    .job-toggle{\r\n      display:block;\r\n      margin-bottom:20px;\r\n    }    \r\n    .job-left-aside{\r\n      position:absolute;\r\n      top: 100%;\r\n      left: 0;\r\n      margin-top: 20px;\r\n      opacity: 1;\r\n      visibility: hidden;\r\n      overflow-y: scroll;\r\n      z-index: 3;\r\n      max-width: 270px;\r\n      height:600px;\r\n      background-color: $white;\r\n      border: 1px solid $light-gray;\r\n      padding: 20px;\r\n      &.open{\r\n        opacity:1;\r\n        visibility: visible;\r\n      }\r\n    }\r\n  }\r\n  .learning-block{\r\n    >div{\r\n      &:first-child{\r\n        order:2;\r\n      }\r\n    }\r\n  }\r\n  // icons\r\n  .icon-lists {\r\n    div {\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      max-width: 209px;\r\n    }\r\n  }\r\n  // tour page\r\n  .like-comment-lg-mb {\r\n    margin-bottom: 12px;\r\n  }\r\n  // ribbons page\r\n  .ribbon-space-bottom {\r\n    top: 9px;\r\n  }\r\n  // touchspin page\r\n  .bootstrap-touchspin {\r\n    .touchspin-vertical-tab {\r\n      .input-group {\r\n        width: 98.5% !important;\r\n      }\r\n    }\r\n  }\r\n  // jsgrid-table page\r\n  #batchDelete {\r\n    .jsgrid-grid-header {\r\n      .jsgrid-table {\r\n        .jsgrid-header-row {\r\n          .jsgrid-header-cell {\r\n            &:first-child {\r\n              width: 95px !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .jsgrid-grid-body {\r\n      .jsgrid-table {\r\n        .jsgrid-row {\r\n          .jsgrid-cell {\r\n            &:first-child {\r\n              width: 95px !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // user-profile page\r\n  .profile-img-style {\r\n    #aniimated-thumbnials-3 {\r\n      text-align: center;\r\n    }\r\n  }\r\n  .user-profile{\r\n    .photos{\r\n      ul{\r\n        li{\r\n          width:20%;\r\n        }\r\n      }\r\n    } \r\n    .profile-header{\r\n      height:380px;\r\n      .userpro-box{\r\n        max-width:325px;\r\n        padding:25px;\r\n        .icon-wrapper{\r\n          width:30px;\r\n          height:30px;\r\n          font-size:13px;\r\n        }\r\n        .avatar{\r\n          width:85px;\r\n          height:85px;\r\n        }\r\n        h4{\r\n          font-size: 18px;\r\n        }\r\n        h6{\r\n          font-size: 14px;\r\n        }\r\n      }\r\n    }\r\n    .social-media {\r\n      ul{\r\n        &.user-list-social {\r\n          li {\r\n            a{\r\n              width:28px;\r\n              height:28px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .social-tab {\r\n    padding:20px;\r\n    ul{\r\n      li{\r\n        a{\r\n          padding: 8px 10px;\r\n          font-size: 12px;\r\n        }\r\n      }\r\n    }\r\n    .input-group{\r\n      .form-control{\r\n        height:35px;\r\n      }\r\n    }\r\n  }\r\n  // vertical page\r\n  .vertical-menu-mt {\r\n    margin-top: 80px !important;\r\n    .xl-none {\r\n      display: block;\r\n    }\r\n  }\r\n  .sm {\r\n    position: fixed;\r\n    background-color: $white;\r\n    width: 300px;\r\n    border-radius: 0;\r\n    border: 1px solid $light-gray;\r\n    top: 80px;\r\n    height: 100vh;\r\n    left: -300px;\r\n    z-index: 99;\r\n    transition: all 0.3s ease;\r\n    overflow: scroll;\r\n  }\r\n  // calender page\r\n  .calendar-wrap {\r\n    .fc-day-grid-event {\r\n      width: 87%;\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 1120px) {\r\n  .bg-gallery {\r\n    height: 94vh;\r\n  }\r\n  .social-tab {\r\n    .input-group{\r\n      width:190px;\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 1024px) {\r\n  .bg-gallery {\r\n    height: 90vh;\r\n  }\r\n  .bg-sky-blue {\r\n    .main-landing {\r\n      .position-cards {\r\n        .landing-card-9 {\r\n          left: 16%;\r\n          top: 8%;\r\n          width: 13%;\r\n        }\r\n        .landing-square-2 {\r\n          left: 13%;\r\n          top: 6%;\r\n        }\r\n        .landing-card-2 {\r\n          left: 32%;\r\n          top: 3%;\r\n          width: 30%;\r\n        }\r\n        .landing-card-4 {\r\n          right: 16%;\r\n        }\r\n        .landing-card-5 {\r\n          top: 11%;\r\n        }\r\n        .landing-card-3 {\r\n          left: 3%;\r\n          bottom: 1%;\r\n          width: 32%;\r\n          right: unset;\r\n          top: unset;\r\n        }\r\n        .landing-card-10 {\r\n          right: 5%;\r\n          top: 36%;\r\n          width: 40%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 991px) {\r\n  .page-wrapper{\r\n    &.compact-wrapper {\r\n      .page-body-wrapper {\r\n        header{\r\n          &.main-nav{\r\n            .main-navbar{\r\n              .nav-menu{\r\n                height: calc(100vh - 220px);\r\n              }\r\n            }\r\n          }\r\n          .sidebar-user{\r\n            padding: 20px 30px;\r\n            .setting-primary{\r\n              top: 20px;\r\n            }\r\n            img{\r\n              width: 35px !important;\r\n              border-width: 3px !important;\r\n              float: left;\r\n            }\r\n            .badge-bottom{\r\n              display: none;\r\n            }\r\n            h6{\r\n              margin-top: 0 !important;\r\n              padding-left: 50px;\r\n              text-align: left;\r\n              display: block;\r\n            }\r\n            p{\r\n              padding-left: 15px;\r\n              text-align: left;\r\n              max-width: 120px;\r\n              text-overflow: ellipsis;\r\n              white-space: nowrap;\r\n              overflow: hidden;\r\n            }\r\n            ul{\r\n              margin-top: 10px;\r\n              border-top: 1px $gray-60 dashed;\r\n              padding-top: 10px;\r\n            }\r\n          }\r\n          &.main-nav{\r\n            top:65px;\r\n            width: 120px !important;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .ttl-info {\r\n    display: block;\r\n} \r\n  .page-wrapper {\r\n    .page-body-wrapper {\r\n      .page-body {\r\n        // padding-top: 0 !important;\r\n        min-height: calc(100vh - 65px);\r\n        margin-top: 65px;\r\n      }\r\n    }\r\n  }\r\n  .customizer-contain {\r\n    top: 62px;\r\n  }\r\n  .mobile-clock-widget {\r\n    #date {\r\n      margin-top: 20px;\r\n    }\r\n  }\r\n  .m-r-30 {\r\n    margin-right: 20px;\r\n  }\r\n  .card.full-card {\r\n    top: 60px;\r\n    width: calc(100vw - 0px);\r\n  }\r\n  .card {\r\n    .sub-title {\r\n      font-size: 16px;\r\n    }\r\n    .card-header {\r\n      padding: 20px;\r\n      h5 {\r\n        font-size: 18px;\r\n      }\r\n    }\r\n    .card-body {\r\n      padding: 20px;\r\n    }\r\n    .card-footer {\r\n      padding: 20px;\r\n    }\r\n  }\r\n  .setting-list {\r\n    top: 18px;\r\n    .setting-option {\r\n      height: 26px;\r\n      li {\r\n        &:first-child {\r\n          i {\r\n            font-size: 14px;\r\n            &.icon-angle-double-right {\r\n              font-size: 12px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .setting-primary,\r\n  .setting-secondary,\r\n  .setting-white {\r\n    width: 26px;\r\n    height: 26px;\r\n  }\r\n  .trasaction-sec {\r\n    .transaction-totalbal {\r\n      padding-left: 20px;\r\n    }\r\n  }\r\n  .document {\r\n    &.page-wrapper.horizontal-wrapper {\r\n      .page-main-header {\r\n        &.document-header {\r\n          height: 60px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .document-content {\r\n    .page-body {\r\n      margin-top: 90px !important;\r\n    }\r\n    ul {\r\n      &.nav-pills {\r\n        max-height: calc(100vh - 84px);\r\n      }\r\n    }\r\n    .logo-wrapper {\r\n      display: none;\r\n    }\r\n  }\r\n  .vertical-mobile-sidebar {\r\n    right: 75px;\r\n    top: 18px;\r\n  }\r\n  .sm {\r\n    top: 80px;\r\n  }\r\n  .bg-gallery {\r\n    height: 85vh;\r\n  }\r\n  .bg-sky-blue {\r\n    .main-landing {\r\n      .landing-main-content {\r\n        margin: 0 auto;\r\n        text-align: center;\r\n        width: 100%;\r\n        img {\r\n          display: unset !important;\r\n        }\r\n      }\r\n      .position-cards {\r\n        .landing-card-3 {\r\n          left: 3%;\r\n          bottom: 14%;\r\n          top: unset;\r\n        }\r\n        .landing-card-10 {\r\n          left: 0%;\r\n          top: 3%;\r\n          width: 35%;\r\n        }\r\n        .landing-card-8 {\r\n          left: 38%;\r\n          bottom: 18%;\r\n          width: 15%;\r\n        }\r\n        .landing-square-1 {\r\n          bottom: 18%;\r\n          left: 38%;\r\n        }\r\n        .landing-card-7 {\r\n          right: 17%;\r\n          bottom: 13%;\r\n        }\r\n        .landing-card-6 {\r\n          right: -4%;\r\n          bottom: 15%;\r\n        }\r\n        .landing-card-9 {\r\n          left: 34%;\r\n          top: 13%;\r\n          width: 10%;\r\n        }\r\n        .landing-square-2 {\r\n          left: 32%;\r\n          top: 11%;\r\n        }\r\n        .landing-card-2 {\r\n          right: 30%;\r\n          top: 10%;\r\n          width: 24%;\r\n          left: unset;\r\n        }\r\n        .landing-card-5 {\r\n          right: -3%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .viho-demo-section {\r\n    .gallery_content,\r\n    .viho-demo-content {\r\n      p {\r\n        width: 70% !important;\r\n      }\r\n    }\r\n  }\r\n  .landing_gallery_section_img {\r\n    margin-bottom: -60px;\r\n    .img-gallery-set3,\r\n    .img-gallery-set2,\r\n    .img-gallery-set4 {\r\n      bottom: 80px;\r\n    }\r\n    &:before {\r\n      height: 500px;\r\n    }\r\n  }\r\n  .landing-main {\r\n    .navbar-expand-lg .navbar-collapse {\r\n      position: absolute;\r\n      top: 90px;\r\n      background-color: rgb(255, 255, 255);\r\n      width: calc(100% - 30px);\r\n      border-radius: 5px;\r\n      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);\r\n      padding: 15px;\r\n    }\r\n  }\r\n  .gallery {\r\n    margin-bottom: -20px;\r\n  }\r\n  .my-gallery {\r\n    figure {\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n  #aniimated-thumbnials {\r\n    figure {\r\n      &:nth-child(12),\r\n      &:nth-child(11),\r\n      &:nth-child(10),\r\n      &:nth-child(9) {\r\n        margin-bottom: 20px;\r\n      }\r\n    }\r\n  }\r\n  .photoswipe-pb-responsive {\r\n    padding-bottom: 25px !important;\r\n  }\r\n  // user-profile\r\n  .user-profile{\r\n    .photos{\r\n      ul{\r\n        li{\r\n          width:19%;\r\n        }\r\n      }\r\n    }\r\n    .profile-post {\r\n      .post-header {\r\n        .media {\r\n          img{\r\n            width:50px;\r\n            height:50px;\r\n          }\r\n          h5{\r\n            font-size:16px;\r\n          }\r\n          h6{\r\n            font-size:12px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // main header css\r\n  .page-wrapper {\r\n    .section-space {\r\n      padding: 60px 0;\r\n    }\r\n    .card {\r\n      .card-header,\r\n      .card-body,\r\n      .card-footer {\r\n        // padding: 20px;\r\n        .tab-content {\r\n          .m-t-30 {\r\n            margin-top: 20px !important;\r\n          }\r\n          .m-b-30 {\r\n            margin-bottom: 20px !important;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .page-body-wrapper {\r\n      .page-header {\r\n        // padding-top: 25px;\r\n        padding-bottom: 25px;\r\n      }\r\n      .footer-fix {\r\n        margin-left: 0px;\r\n        padding-right: 15px;\r\n        width: calc(100% - 0px);\r\n      }\r\n    }\r\n    &.compact-wrapper {\r\n      .page-main-header {\r\n        margin-left: 0 !important;\r\n        width: calc(100% - 0px) !important;\r\n        .main-header-right {\r\n          .logo-wrapper {\r\n            display: block;\r\n          }\r\n          .toggle-nav {\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n      .page-body-wrapper{\r\n        &.sidebar-icon{\r\n          header{\r\n            &.main-nav{\r\n              top: 59px ;\r\n              box-shadow: 0 4px 14px 0 rgba(4, 122, 251, 0.13);\r\n              .logo-wrapper {\r\n                display: none;\r\n              }\r\n              .sidebar-user {\r\n                padding: 20px;\r\n                .badge-bottom {\r\n                  top: 86px;\r\n                }\r\n              }\r\n              .main-navbar {\r\n                .nav-menu {\r\n                  height: calc(100vh - 304px);\r\n                }\r\n              }\r\n              &.close_icon {               \r\n                .main-navbar{\r\n                  .nav-menu{\r\n                    height: unset;\r\n                  }\r\n                }\r\n              }\r\n            }\r\n          }         \r\n        }\r\n      }      \r\n    }\r\n    .page-main-header {\r\n      .main-header-right {\r\n        margin: 0;\r\n        .nav-right {\r\n          .notification {\r\n            top: 10px;\r\n          }\r\n          > ul {\r\n            top: 58px;\r\n            position: fixed;\r\n            z-index: -1;\r\n            background-color: $white;\r\n            transition: all linear 0.3s;\r\n            border-top: $card-border-color;\r\n            box-shadow: 0 2px 2px 2px $common-shadow-color;\r\n            width: 100%;\r\n            left: 0;\r\n            padding: 0 20px;\r\n            transform: translateY(-35px) scaleY(0);\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            height: 70px;\r\n            &.open {\r\n              z-index: 1;\r\n              opacity: 1;\r\n              transform: translateY(0px) scaleY(1);\r\n              visibility: visible;\r\n            }\r\n          }\r\n        }\r\n        > .mobile-toggle {\r\n          display: flex;\r\n          padding-right: 20px;\r\n        }\r\n        .main-header-left {\r\n          margin-right: 0;\r\n          padding: 15px 20px;\r\n        }\r\n      }\r\n      .main-header-left {\r\n        .logo-wrapper {\r\n          img {\r\n            margin-top: 0;\r\n          }\r\n        }\r\n      }\r\n      .left-menu-header {\r\n        padding: 15px 20px;\r\n        ul {\r\n          li {\r\n            i {\r\n              display: inline;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }   \r\n    &.compact-sidebar{\r\n      &.compact-wrapper{\r\n        .page-body-wrapper{\r\n          header{\r\n            &.main-nav{\r\n              .main-navbar{\r\n                .nav-menu{\r\n                  height: calc(100vh - 80px);  \r\n                  padding-top: 20px;\r\n                  padding-bottom: 20px;\r\n                  .dropdown{\r\n                    .menu-content{\r\n                      top:60px;\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .page-body-wrapper {\r\n    .page-body,\r\n    footer {\r\n      margin-left: 0 !important;\r\n      #customer-review {\r\n        .owl-stage-outer {\r\n          width: 100% !important;\r\n        }\r\n      }\r\n      .calender-widget {\r\n        .cal-desc {\r\n          p {\r\n            max-height: 101px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .product-page-details {\r\n    h3 {\r\n      font-size: 22px;\r\n    }\r\n  }\r\n  // bookmark //\r\n  .bookmark {\r\n    ul {\r\n      li {\r\n        a {\r\n          svg {\r\n            width: 12px;\r\n            height: 12px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // general widget page\r\n  .crm-activity {\r\n    > {\r\n      li {\r\n        + li {\r\n          margin-top: 10px;\r\n          padding-top: 10px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // add post page\r\n  .add-post {\r\n    form {\r\n      .form-group {\r\n        margin-bottom: 20px;\r\n      }\r\n    }\r\n    .dropzone {\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n  // avatar page\r\n  .customers {\r\n    &.avatar-group {\r\n      margin-right: 20px;\r\n    }\r\n  }\r\n  // internationalization page css\r\n  .main {\r\n    .langChoice {\r\n      right: 20px;\r\n      top: 11px;\r\n    }\r\n  }\r\n  //social app page css\r\n  .socialprofile {\r\n    .social-btngroup {\r\n      margin: 20px 0;\r\n    }\r\n    .social-group {\r\n      margin-top: 20px;\r\n    }\r\n  }\r\n  .social-status {\r\n    form {\r\n      .form-group {\r\n        .form-control-social {\r\n          margin-bottom: 20px;\r\n        }\r\n      }\r\n    }\r\n    .media {\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n  .timeline-content {\r\n    p,\r\n    .comments-box {\r\n      margin-top: 20px;\r\n    }\r\n  }\r\n  .social-chat {\r\n    margin-top: 20px;\r\n    .media-body {\r\n      padding: 20px;\r\n    }\r\n    .your-msg,\r\n    .other-msg {\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n  .social-network {\r\n    span {\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n  .details-about {\r\n    + .details-about {\r\n      margin-top: 20px;\r\n    }\r\n  }\r\n  .activity-log {\r\n    .my-activity {\r\n      + .my-activity {\r\n        margin-top: 20px;\r\n      }\r\n    }\r\n  }\r\n  .new-users-social {\r\n    margin-bottom: 20px;\r\n  }\r\n  // timeline small page css\r\n  .timeline-small {\r\n    .media {\r\n      margin-bottom: 20px;\r\n      .media-body {\r\n        h6 {\r\n          margin-bottom: 20px;\r\n        }\r\n        p {\r\n          width: 75%;\r\n        }\r\n      }\r\n      .timeline-round {\r\n        width: 45px;\r\n        height: 45px;\r\n        top: -14px;\r\n        &.timeline-line-1 {\r\n          &:after {\r\n            bottom: -41px;\r\n            height: 25px;\r\n          }\r\n        }\r\n        &.small-line {\r\n          &:after {\r\n            bottom: -26px;\r\n            height: 14px;\r\n          }\r\n        }\r\n        &.medium-line {\r\n          &:after {\r\n            bottom: -33px;\r\n            height: 17px;\r\n          }\r\n        }\r\n        svg {\r\n          top: 14px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // landing page css start\r\n  .landing-main {\r\n    .section-space {\r\n      padding: 60px 0;\r\n      p {\r\n        font-size: 15px;\r\n      }\r\n    }\r\n    .navbar-expand-lg {\r\n      .navbar-toggler {\r\n        background-color: $white;\r\n        .navbar-toggler-icon {\r\n          i {\r\n            margin-top: 5px;\r\n            color: $primary-color;\r\n          }\r\n        }\r\n      }\r\n      .navbar-collapse {\r\n        background-color: $white;\r\n        z-index: 111;\r\n        .navbar-nav {\r\n          .nav-item {\r\n            a {\r\n              color: $black;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .footer-bg {\r\n      h2 {\r\n        font-size: 28px;\r\n      }\r\n    }\r\n  }\r\n  // landing page css ends\r\n  // helper classes page start\r\n  .helper-classes {\r\n    padding: 20px;\r\n  }\r\n  // helper classes page ends\r\n  .floated-customizer-btn,\r\n  .floated-customizer-panel {\r\n    display: none;\r\n  }\r\n  .page-builder {\r\n    .ge-canvas {\r\n      &.ge-editing {\r\n        .row {\r\n          padding: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .weather-widget-two {\r\n    .bottom-whetherinfo {\r\n      .whether-content {\r\n        top: -15px;\r\n      }\r\n    }\r\n  }\r\n  .social-widget-card {\r\n    .b-b-light {\r\n      padding: 20px;\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n  .ecommerce-widget {\r\n    .progress-showcase {\r\n      margin-top: 20px;\r\n    }\r\n  }\r\n  .crm-overall {\r\n    margin: 0 -20px -20px;\r\n  }\r\n  .product-page-main {\r\n    padding: 20px;\r\n  }\r\n  .grid-options {\r\n    ul {\r\n      li {\r\n        &:nth-child(3) {\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .feature-products {\r\n    form {\r\n      .form-group {\r\n        i {\r\n          right: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .tabbed-card ul {\r\n    padding: 18px 15px;\r\n  }\r\n  .tabbed-card {\r\n    ul {\r\n      top: -5px;\r\n      &.border-tab {\r\n        &.nav-tabs {\r\n          padding: 0;\r\n          .nav-item {\r\n            .nav-link {\r\n              padding: 18px 15px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .tilt-showcase {\r\n    .tilt-image {\r\n      text-align: center;\r\n    }\r\n    .mt-4 {\r\n      margin-top: 20px !important;\r\n    }\r\n  }\r\n  .todo {\r\n    .todo-list-wrapper {\r\n      .mark-all-tasks {\r\n        top: 20px;\r\n        right: 20px;\r\n      }\r\n    }\r\n  }\r\n  .custom-card {\r\n    padding-bottom: 0;\r\n    .card-footer {\r\n      // padding: 0 15px 15px 15px!important;\r\n      padding: 0;\r\n    }\r\n    .card-header {\r\n      border: none;\r\n    }\r\n    .dashboard-card {\r\n      padding: 0;\r\n    }\r\n  }\r\n  .display-1 {\r\n    font-size: 4rem;\r\n  }\r\n  .display-2 {\r\n    font-size: 3.5rem;\r\n  }\r\n  .display-3 {\r\n    font-size: 2.5rem;\r\n  }\r\n  .display-4 {\r\n    font-size: 1.5rem;\r\n  }\r\n  .typography {\r\n    .h1 {\r\n      font-size: 34px;\r\n    }\r\n    .h2 {\r\n      font-size: 30px;\r\n    }\r\n    .h3 {\r\n      font-size: 26px;\r\n    }\r\n    .h4 {\r\n      font-size: 22px;\r\n    }\r\n    .h5 {\r\n      font-size: 18px;\r\n    }\r\n    .h6 {\r\n      font-size: 15px;\r\n    }\r\n  }\r\n  h1 {\r\n    font-size: 34px;\r\n  }\r\n  h2 {\r\n    font-size: 28px;\r\n  }\r\n  h3 {\r\n    font-size: 26px;\r\n  }\r\n  h4 {\r\n    font-size: 22px;\r\n  }\r\n  h5 {\r\n    font-size: 18px;\r\n  }\r\n  .flot-chart-container {\r\n    height: 300px;\r\n  }\r\n  .card-absolute {\r\n    .card-header {\r\n      padding: 10px 15px !important;\r\n    }\r\n  }\r\n  .comingsoon {\r\n    .comingsoon-inner {\r\n      .countdown {\r\n        .time {\r\n          width: 80px;\r\n          height: 80px;\r\n          font-size: 26px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  footer {\r\n    bottom: -20px;\r\n  }\r\n  .calendar-wrap {\r\n    .basic-calendar {\r\n      .external-events {\r\n        .fc-event {\r\n          & + .fc-event {\r\n            margin-top: 10px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .owl-theme {\r\n    .owl-nav {\r\n      &.disabled {\r\n        & + .owl-dots {\r\n          margin-bottom: -10px;\r\n          margin-top: 15px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .card {\r\n    .card-header {\r\n      .card-header-right {\r\n        top: 11px;\r\n        right: 11px;\r\n      }\r\n    }\r\n  }\r\n  .page-builder {\r\n    .ge-addRowGroup {\r\n      width: 100%;\r\n    }\r\n  }\r\n  //blog \r\n  .comment-box {\r\n    .comment-social {\r\n      li{\r\n        &:nth-child(n+2){\r\n          padding-left:15px;\r\n          margin-left:15px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  //error and maintenace\r\n  .error-wrapper {\r\n    padding: 35px 0;\r\n    .sub-content {\r\n      font-size: 14px;\r\n      line-height: 25px;\r\n      margin-top: 0px;\r\n    }\r\n    .error-heading {\r\n      margin-top: 30px;\r\n      .headline {\r\n        font-size: 180px;\r\n        margin-top: 0;\r\n      }\r\n    }\r\n    .maintenance-heading {\r\n      margin-top: 30px;\r\n    }\r\n  }\r\n  //search\r\n  .search-page {\r\n    .info-block {\r\n      flex-wrap: wrap;\r\n    }\r\n    .tab-content {\r\n      .pb-4 {\r\n        padding-bottom: 20px !important;\r\n      }\r\n    }\r\n  }\r\n //business dashboard\r\n  .calender-widget {\r\n    .cal-desc {\r\n      padding: 10px 20px 20px !important;\r\n      p {\r\n        max-height: 100px;\r\n      }\r\n    }\r\n  }\r\n  .contact-form {\r\n    padding-top: 10px !important;\r\n    .theme-form {\r\n      padding: 20px;\r\n      margin-top: 27px;\r\n      .form-icon {\r\n        margin-top: -47px;\r\n      }\r\n    }\r\n  }\r\n  //crm dashboard\r\n  .user-status {\r\n    &.product-chart {\r\n      max-height: 518px;\r\n      overflow: auto;\r\n    }\r\n  }\r\n  // general widget\r\n  .widget-joins {\r\n    .media {\r\n      .media-body {\r\n        i {\r\n          float: none !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .xl-none {\r\n    display: block;\r\n  }\r\n  //blog\r\n  .top-radius-blog {\r\n    width: 100%;\r\n  }\r\n  .sm-100-w {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n  /*Form Wizard One start*/\r\n  .form-wizard {\r\n    .btn-mb {\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n  /*Form Wizard One ends*/\r\n  /*Form Wizard Two Start*/\r\n  .stepwizard {\r\n    margin-bottom: 20px;\r\n  }\r\n  /*Form Wizard Two Ends*/\r\n  /*Form Wizard Three Start*/\r\n  .f1 {\r\n    .f1-steps {\r\n      margin-top: 20px;\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n  /*Form Wizard Three ends*/\r\n  /*Form Wizard Four Start*/\r\n  .wizard-4 {\r\n    ul.anchor {\r\n      padding-right: 20px;\r\n    }\r\n  }\r\n  /*Form Wizard Four ends*/\r\n  // tab material\r\n  .border-tab.nav-tabs {\r\n    margin-bottom: 20px;\r\n  }\r\n  .tab-content {\r\n    ~ .nav-tabs {\r\n      &.border-tab {\r\n        margin-top: 20px;\r\n      }\r\n    }\r\n  }\r\n  // support ticket\r\n  .dataTables_wrapper {\r\n    .dataTables_length {\r\n      margin-bottom: 20px;\r\n    }\r\n    table.dataTable {\r\n      margin-bottom: 20px !important;\r\n    }\r\n  }\r\n  // search page\r\n  .search-page {\r\n    .info-block {\r\n      + .info-block {\r\n        padding-top: 20px;\r\n        margin-top: 20px;\r\n      }\r\n    }\r\n    #video-links {\r\n      .embed-responsive + .embed-responsive {\r\n        margin-top: 20px;\r\n      }\r\n    }\r\n  }\r\n  .lg-mt {\r\n    margin-top: 20px;\r\n  }\r\n  .gallery-with-description {\r\n    margin-bottom: -20px;\r\n    a {\r\n      > div {\r\n        margin-bottom: 20px;\r\n      }\r\n    }\r\n  }\r\n  // clipboard\r\n  .clipboaard-container {\r\n    p {\r\n      margin-bottom: 8px;\r\n    }\r\n  }\r\n  // summer-note\r\n  .m-b-30 {\r\n    margin-bottom: 20px !important;\r\n  }\r\n  // navs page\r\n  .nav-md-mt {\r\n    margin-top: 20px;\r\n  }\r\n  .navs-icon {\r\n    padding: 20px;\r\n    .main-section {\r\n      padding-top: 20px;\r\n    }\r\n    .separator {\r\n      margin: 20px 0;\r\n    }\r\n  }\r\n  .nav-list {\r\n    padding: 20px;\r\n  }\r\n  .navs-dropdown {\r\n    button {\r\n      margin-top: 20px;\r\n    }\r\n    .onhover-show-div {\r\n      top: 68px;\r\n    }\r\n  }\r\n  // animated modal page\r\n  .animated-modal {\r\n    .form-group {\r\n      width: 100%;\r\n      display: block;\r\n    }\r\n    .me-4 {\r\n      margin-right: 0 !important;\r\n    }\r\n    .animated-modal-md-mb {\r\n      margin-bottom: 20px !important;\r\n    }\r\n  }\r\n  // steps page\r\n  .steps-md-mt {\r\n    margin-top: 20px;\r\n  }\r\n  // button group page\r\n  .btn-group-wrapper {\r\n    .m-b-30 {\r\n      &:last-child {\r\n        margin-bottom: 0 !important;\r\n      }\r\n    }\r\n  }\r\n  // datatable advance page\r\n  #advance-5_wrapper {\r\n    .dataTables_paginate {\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n  // summer-note page\r\n  .click2edit {\r\n    & ~ .note-editor {\r\n      &.note-frame {\r\n        margin-bottom: 20px;\r\n      }\r\n    }\r\n  }\r\n  .summer-note {\r\n    .card-header,\r\n    .card-body {\r\n      padding: 20px;\r\n    }\r\n  }\r\n  // call-chat page\r\n  .chat-box{\r\n    .chat-left-aside {\r\n      .people-list {\r\n        height: 483px;\r\n      }\r\n    }\r\n    .chat-menu{\r\n      top:75px;\r\n      .user-profile {\r\n        .user-content{\r\n          h5{\r\n            margin-bottom:10px;\r\n          }\r\n        }\r\n        .follow {\r\n          span{\r\n            font-size:12px;\r\n          }\r\n          .follow-num{\r\n            font-size: 18px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 900px) {\r\n  .bg-gallery {\r\n    height: 80vh;\r\n  }\r\n}\r\n@media screen and (max-width: 800px) {\r\n  .bg-gallery {\r\n    height: 75vh;\r\n    min-height: 560px;\r\n  }\r\n}\r\n@media screen and (max-width: 767px) {\r\n  .page-wrapper.compact-wrapper{\r\n      .page-body-wrapper{\r\n        header.main-nav{\r\n          .sidebar-user{\r\n            padding: 20px;\r\n            ul{\r\n              display: none;\r\n            }\r\n          }\r\n          .main-navbar {\r\n            .nav-menu {\r\n              height: calc(100vh - 190px);\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  .order-history table tbody tr td img{\r\n    width: 25px !important;\r\n  }\r\n  .calendar-basic .lnb-calendars>div{\r\n    padding: 12px 0;\r\n  }\r\n  .learning-box .details-main {\r\n    margin: 20px;\r\n  }\r\n  .ace-editor {\r\n    height: 280px;\r\n    width: 100%;\r\n}\r\n  .dashboard-2-main .card .card-header p {\r\n    font-size: 0;\r\n  }\r\n  .card-social {\r\n    margin-top: 30px;\r\n  }\r\n  // button css //\r\n  .btn-showcase {\r\n    text-align: center;\r\n  }\r\n  .form-inline {\r\n    .form-group {\r\n      + .form-group {\r\n        margin-top: 10px;\r\n      }\r\n    }\r\n  }\r\n  .credit-card {\r\n    .text-center {\r\n      img {\r\n        margin-bottom: 20px;\r\n      }\r\n    }\r\n  }\r\n  .starter-kit-fix {\r\n    .page-body {\r\n      margin-bottom: 78px;\r\n    }\r\n  }\r\n  .navbar-toggler {\r\n    position: absolute;\r\n    right: 0;\r\n    top: 10px;\r\n  }\r\n  .document {\r\n    .page-main-header {\r\n      // background-color: $primary-color;\r\n      .document-right-nav {\r\n        .navbar {\r\n          .navbar-collapse {\r\n            .navbar-nav {\r\n              .nav-item {\r\n                .nav-link {\r\n                  color: $primary-color !important;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .navbar-collapse {\r\n      position: absolute;\r\n      width: 100%;\r\n      background-color: $white;\r\n      top: 60px;\r\n      padding: 15px;\r\n      left: 0;\r\n      right: 0;\r\n    }\r\n  }\r\n  .products-total {\r\n    margin-bottom: 10px;\r\n  }\r\n  .page-main-header {\r\n    .main-header-right {\r\n      .left-menu-header {\r\n        ul {\r\n          li {\r\n            .search-form {\r\n              input {\r\n                width: 90% !important;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .main-header-left {\r\n        width: auto;\r\n        .toggle-sidebar {\r\n          margin-left: 30px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .product-page-main {\r\n    .border-tab.nav-tabs .nav-item {\r\n      width: auto !important;\r\n    }\r\n  }\r\n  .blog-box {\r\n    .blog-details-main {\r\n      .blog-social {\r\n        li {\r\n          padding: 0 12px;\r\n        }\r\n      }\r\n    }  \r\n  }\r\n  .footer-copyright {\r\n    ~ div {\r\n      text-align: center;\r\n      p {\r\n        float: none;       \r\n      }\r\n    }\r\n  }\r\n  // calender\r\n  .event-calendar {\r\n    display: block !important;\r\n    #right {\r\n      width: 100%;\r\n    }\r\n  }\r\n  #lnb {\r\n    width: auto;    \r\n  }\r\n  .ecommerce-widget {\r\n    .progress-showcase {\r\n      .progress {\r\n        height: 15px;\r\n      }\r\n    }\r\n  }\r\n  // user profile //\r\n  .user-profile {\r\n    .photos {\r\n      ul {\r\n        li{\r\n          width:55px;\r\n        }\r\n      }\r\n    }\r\n    .profile-header{\r\n      height:355px;\r\n      .userpro-box{\r\n        padding:20px;\r\n        max-width:300px;\r\n        .avatar{\r\n          width:70px;\r\n          height:70px;          \r\n        }\r\n        h4{\r\n          font-size:16px;\r\n        }\r\n        h6{\r\n          font-size:13px;\r\n        }\r\n      }\r\n     }        \r\n  }\r\n  .social-tab{\r\n    display:block;\r\n    ul{\r\n      justify-content:center;\r\n      margin-bottom:-10px;\r\n      li{\r\n        display: inline-block;\r\n        margin-bottom: 10px;\r\n      }\r\n    }\r\n    .input-group{\r\n      margin-top:15px;\r\n      margin-right: auto;\r\n      margin-left: auto;\r\n    }\r\n  }\r\n  .social-app-profile{\r\n    .social-status {     \r\n      .media {\r\n        img{\r\n          width:40px !important;\r\n        }\r\n        .social-status{\r\n          bottom:10px;\r\n          left:35px;\r\n        }\r\n      }\r\n    }    \r\n  }\r\n  // general-widget\r\n  .general-widget{\r\n    .custom-card{\r\n      padding:0;\r\n      .card-profile{\r\n        margin-top:-45px;\r\n      }\r\n      .card-header{\r\n        padding:0;\r\n        img{\r\n          margin-top:0;\r\n        }\r\n      }\r\n      .card-social{\r\n        margin-top: unset;\r\n      }\r\n    }\r\n  }\r\n  // social app page css  \r\n  .tabs-scoial {\r\n    &.border-tab {\r\n      &.nav-tabs {\r\n        display: flex;\r\n      }\r\n    }\r\n  }\r\n  .edit-profile {\r\n    .card {\r\n      .card-header {\r\n        h4 {\r\n          font-size: 22px;\r\n        }\r\n      }\r\n    }\r\n    .profile-title {\r\n      .media {\r\n        .media-body {\r\n          h3 {\r\n            font-size: 20px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // card css//\r\n  .tabbed-card {\r\n    ul {\r\n      padding: 10px 0 5px 0;\r\n      position: relative;\r\n      width: 100%;\r\n      left: 0;\r\n    }\r\n  }\r\n  // search page //\r\n  .search-page {\r\n    .search-vid-block {\r\n      > div {\r\n        &:nth-child(n + 2) {\r\n          margin-top: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // product page //\r\n  .product-page-details {\r\n    h3 {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n  .filter-block {\r\n    h4 {\r\n      font-size: 18px;\r\n      margin-bottom: 15px;\r\n    }\r\n    ul {\r\n      li {\r\n        &:nth-child(n + 2) {\r\n          margin-top: 10px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // dashboard main //\r\n  .center-content {\r\n    p {\r\n      text-align: center;\r\n      span {\r\n        display: block;\r\n      }\r\n    }\r\n  }\r\n  // timeline small page css\r\n  .timeline-small {\r\n    .media {\r\n      .media-body {\r\n        p {\r\n          width: 100%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // icon-compact layout page\r\n  .my-gallery {\r\n    figure {\r\n      &:nth-child(9),\r\n      &:nth-child(10) {\r\n        margin-bottom: 20px;\r\n      }\r\n    }\r\n  }\r\n  // chat\r\n  .chat-box {\r\n    .chat-right-aside {\r\n      .chat {\r\n        .chat-message {\r\n          .text-box {\r\n            .btn {\r\n              font-size: 0;\r\n              &:before {\r\n                position: absolute;\r\n                content: \"\\e661\";\r\n                font-family: $font-themify;\r\n                font-size: 18px;\r\n                top: 11px;\r\n                left: 20px;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .border-tab {\r\n      &.nav-tabs {\r\n        display: flex;\r\n      }\r\n    }\r\n    .chat-menu {\r\n      .nav-tabs {\r\n        .nav-item {\r\n          a {\r\n            height: 50px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .people-list {      \r\n      ul {\r\n        margin-bottom:-15px;\r\n        li{\r\n          display: inline-block;\r\n          padding: 10px;\r\n          margin-right:5px;\r\n          border: 1px solid $light-gray;\r\n          margin-bottom:10px;\r\n          &:last-child{\r\n            padding-bottom:10px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .chat-left-aside {\r\n      .people-list{\r\n        height:auto;\r\n      }\r\n    }\r\n  }\r\n  .clockpicker-align-top {\r\n    left: 55px !important;\r\n    top: 470px !important;\r\n    .arrow {\r\n      display: none;\r\n    }\r\n  }\r\n  .form-builder-column {\r\n    .form-body {\r\n      min-height: 250px;\r\n    }\r\n  }\r\n  .form-builder-2-header {\r\n    flex-wrap: wrap;\r\n    > div {\r\n      width: 100%;\r\n      margin-top: 10px;\r\n      nav {\r\n        float: none;\r\n      }\r\n    }\r\n  }\r\n  // advance pages //\r\n  .dropzone.dz-clickable {\r\n    padding: 20px;\r\n  }\r\n  // form-builder\r\n  .lg-mt-col {\r\n    margin-top: 20px;\r\n  }\r\n  .form-builder {\r\n    .drag-box {\r\n      fieldset {\r\n        padding: 20px;\r\n        margin-top: 20px;\r\n      }\r\n    }\r\n    #components {\r\n      margin-top: 20px;\r\n    }\r\n    .component {\r\n      label {\r\n        padding-top: 0px;\r\n      }\r\n    }\r\n  }\r\n  //mega menu\r\n  .mega-menu {\r\n    .onhover-show-div {\r\n      height: 415px;\r\n      left: 0;\r\n      top: 61px;\r\n      padding: 20px;\r\n    }\r\n    .lg-mt {\r\n      margin-top: 15px;\r\n    }\r\n  }\r\n  // landing page css start\r\n  .bg-gallery {\r\n    min-height: 530px;\r\n  }\r\n  .landing_gallery_section_img {\r\n    &:before {\r\n      height: 400px;\r\n    }\r\n  }\r\n  .page-wrapper {\r\n    .section-space {\r\n      padding: 30px 0;\r\n    }\r\n  }\r\n  .and-many-more {\r\n    font-size: 65px;\r\n  }\r\n  .container-modify {\r\n    .img-effect {\r\n      max-width: 320px;\r\n      margin: 0 auto;\r\n    }\r\n  }\r\n  .bg-sky-blue {\r\n    .main-landing {\r\n      .position-cards {\r\n        .landing-card-9 {\r\n          left: 12%;\r\n          top: 33%;\r\n          width: 12%;\r\n        }\r\n        .landing-square-1 {\r\n          top: 32%;\r\n          right: 9%;\r\n          bottom: unset;\r\n          left: unset;\r\n        }\r\n        .landing-card-8 {\r\n          right: 9%;\r\n          top: 32%;\r\n          left: unset;\r\n          bottom: unset;\r\n        }\r\n        .landing-square-2 {\r\n          left: 9%;\r\n          top: 31%;\r\n        }\r\n        .landing-card-7 {\r\n          right: 21%;\r\n          width: 40%;\r\n        }\r\n        .landing-card-2 {\r\n          right: 44%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .viho-demo-section {\r\n    .viho-demo-content,\r\n    .gallery_content {\r\n      img {\r\n        width: 30px !important;\r\n      }\r\n      p {\r\n        width: 100% !important;\r\n      }\r\n    }\r\n  }\r\n  .and-more {\r\n    top: 40%;\r\n  }\r\n  .landing-main {\r\n    .section-space {\r\n      padding: 40px 0;\r\n    }\r\n    .main-landing {\r\n      padding: 27px 0 0 0;\r\n    }\r\n  }\r\n  // landing page css ends\r\n  .page-builder {\r\n    .ge-canvas {\r\n      &.ge-editing {\r\n        .ge-tools-drawer {\r\n          margin: 10px 0 0 10px;\r\n          > a {\r\n            padding: 0 5px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .reader {\r\n    margin-top: 15px;\r\n    height: auto !important;\r\n  }\r\n  .range-slider {\r\n    &.theme-form {\r\n      .form-group {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n  .note-editor {\r\n    .btn-group {\r\n      .btn {\r\n        font-size: 11px;\r\n      }\r\n    }\r\n  }\r\n  .user-status {\r\n    tbody {\r\n      tr {\r\n        td {\r\n          min-width: 284px;\r\n          & + td {\r\n            min-width: unset;\r\n            & + td {\r\n              min-width: 100px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .text-md-end {\r\n    text-align: right;\r\n  }\r\n  .star-ratings {\r\n    .stars {\r\n      padding: 0;\r\n    }\r\n  }\r\n  .form-inline {\r\n    &.d-inline-block {\r\n      display: block !important;\r\n      width: 100%;\r\n      .form-control {\r\n        margin-bottom: 10px;\r\n      }\r\n    }\r\n  }\r\n  .reset-password-box {\r\n    width: 500px;\r\n    margin: 0 auto;\r\n    .card {\r\n      padding: 20px;\r\n    }\r\n  }\r\n  .user-card{\r\n    .custom-card{\r\n      padding:0;     \r\n      .card-header{\r\n        padding:0;\r\n      } \r\n      .card-profile{\r\n        margin-top: -40px;\r\n      }\r\n      .card-social{\r\n        margin-top: unset;\r\n      }\r\n    }\r\n  }\r\n  .custom-card{\r\n     .card-header{\r\n        img{\r\n          transform: scale(1);\r\n        }\r\n     }\r\n    .card-profile {\r\n      img {       \r\n        height: 75px;\r\n      }\r\n    }\r\n    .profile-details {\r\n      h4 {\r\n        font-size: 18px;\r\n      }\r\n    }\r\n    .card-footer {\r\n      > div {\r\n        padding-top: 15px;\r\n        padding-bottom: 15px;\r\n        padding-right: 10px;\r\n        padding-left: 10px;\r\n      }\r\n    }\r\n  }\r\n  .error-wrapper {\r\n    .maintenance-icons {\r\n      li {\r\n        i {\r\n          color: $light-gray;\r\n          font-size: 30px;\r\n        }\r\n        &:nth-child(2) {\r\n          i {\r\n            font-size: 60px;\r\n            margin-top: -10px;\r\n            margin-left: 70px;\r\n          }\r\n        }\r\n        &:nth-child(3) {\r\n          i {\r\n            font-size: 90px;\r\n            margin-right: 80px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .authentication-main {\r\n    .auth-innerright {\r\n      .social-media {\r\n        li {\r\n          font-size: 14px;\r\n        }\r\n      }\r\n      min-height: unset;\r\n      padding: 0;\r\n    }\r\n  }\r\n  .loader-box {\r\n    justify-content: center;\r\n  }\r\n  .dataTables_wrapper {\r\n    .dataTables_length {\r\n      margin-bottom: 20px;\r\n    }\r\n    .dataTables_filter {\r\n      margin-left: 0;\r\n      margin-top: 0;\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n  div {\r\n    &.dataTables_wrapper {\r\n      div {\r\n        &.dataTables_info {\r\n          padding-top: 0;\r\n        }\r\n        &.dataTables_length,\r\n        &.dataTables_filter {\r\n          label {\r\n            float: none;\r\n          }\r\n        }\r\n        &.dataTables_paginate {\r\n          float: none;\r\n          margin-top: 20px !important;\r\n          margin-left: 0 !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .calendar-wrap {\r\n    .fc-basic-view {\r\n      .fc-day-number {\r\n        padding: 0 0px !important;\r\n      }\r\n    }\r\n    .fc-events-container {\r\n      margin-top: 0px;\r\n    }\r\n    .fc-events-container {\r\n      h6,\r\n      .checkbox {\r\n        text-align: right;\r\n      }\r\n    }\r\n    .checkbox {\r\n      label {\r\n        margin-top: 0;\r\n      }\r\n    }\r\n    .fc-toolbar {\r\n      .fc-left {\r\n        .fc-next-button {\r\n          .fc-icon-right-single-arrow {\r\n            &:after {\r\n              font-size: 12px !important;\r\n            }\r\n          }\r\n        }\r\n        .fc-prev-button {\r\n          .fc-icon-left-single-arrow {\r\n            &:after {\r\n              font-size: 12px !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .fc-left,\r\n      .fc-right {\r\n        .fc-today-button {\r\n          padding-top: 0px !important;\r\n        }\r\n      }\r\n    }\r\n    .fc {\r\n      button {\r\n        font-size: 14px !important;\r\n        padding: 0 5px !important;\r\n      }\r\n      .fc-left {\r\n        margin-bottom: 10px;\r\n      }\r\n      .fc-toolbar {\r\n        > div {\r\n          display: block !important;\r\n          float: none !important;\r\n        }\r\n        > * {\r\n          :first-child {\r\n            font-size: 18px;\r\n          }\r\n          > * {\r\n            float: none !important;\r\n          }\r\n        }\r\n      }\r\n      margin-top: 0px;\r\n    }\r\n  }\r\n  .btn-group-wrapper {\r\n    text-align: center;\r\n    .m-b-30 {\r\n      margin-bottom: 15px !important;\r\n    }\r\n  }\r\n  .btn-group-showcase {\r\n    text-align: center;\r\n    .btn-group {\r\n      margin-right: 0;\r\n      margin-bottom: 15px;\r\n    }\r\n  }\r\n  .btn-group {\r\n    .btn {\r\n      font-size: 14px;\r\n      padding: 0.375rem 1.3rem;\r\n    }\r\n  }\r\n  .animate-widget {\r\n    .text-center {\r\n      display: none;\r\n    }\r\n  }\r\n  //general widget page\r\n  .calender-widget {\r\n    .cal-desc {\r\n      p {\r\n        max-height: 100%;\r\n      }\r\n    }\r\n  }\r\n  .user-status {\r\n    &.product-chart {\r\n      max-height: 100%;\r\n    }\r\n    table {\r\n      thead {\r\n        tr {\r\n          th {\r\n            &:nth-child(3) {\r\n              min-width: 124px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  //mega menu\r\n  .mega-menu {\r\n    .onhover-show-div {\r\n      height: 350px;\r\n    }\r\n  }\r\n  .page-builder {\r\n    .ge-canvas {\r\n      .column {\r\n        padding: 0 !important;\r\n      }\r\n    }\r\n    .ge-content-type-ckeditor {\r\n      h3 {\r\n        font-size: 20px;\r\n      }\r\n      p {\r\n        font-size: 12px;\r\n      }\r\n    }\r\n    .ge-row-icon {\r\n      display: none !important;\r\n    }\r\n  }\r\n  /* font-awesom icon page */\r\n  .icon-hover-bottom {\r\n    .form-group {\r\n      input {\r\n        min-width: 270px;\r\n      }\r\n    }\r\n  }\r\n  //calendar\r\n  .calendar-wrap {\r\n    .fc {\r\n      button {\r\n        padding: 5px;\r\n      }\r\n    }\r\n    .fc-day-grid-event {\r\n      margin: 0;\r\n      padding: 5px;\r\n      width: inherit;\r\n    }\r\n    .fc-toolbar {\r\n      h2 {\r\n        font-size: 20px;\r\n        line-height: 35px;\r\n        font-weight: bold;\r\n      }\r\n    }\r\n    .basic-calendar {\r\n      .external-events {\r\n        margin-top: 0px;\r\n      }\r\n    }\r\n  }\r\n  //blog\r\n  .blog-single {\r\n    .comment-box {\r\n      .media {\r\n        h6 {\r\n          margin-bottom: 10px;\r\n        }\r\n        img {\r\n          margin-right: 30px;\r\n        }\r\n      }\r\n      .comment-social {\r\n        margin-bottom: 10px;        \r\n      }\r\n    }\r\n  }\r\n  //search\r\n  .search-page {\r\n    #image-links {\r\n      .info-block {\r\n        &.m-t-30 {\r\n          margin-top: 0 !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  //authentication\r\n  .authentication-main {\r\n    .authentication-box {\r\n      width: 100%;\r\n    }\r\n    .auth-innerright {\r\n      display: inherit;\r\n    }\r\n  }\r\n  //default dashboard\r\n  .map-chart {\r\n    .chart-container {\r\n      height: 300px;\r\n    }\r\n  }\r\n  .candidcahrt {\r\n    height: 250px;\r\n  }\r\n  //chart widget\r\n  .bar-chart-widget {\r\n    .earning-details {\r\n      i {\r\n        right: 0;\r\n      }\r\n    }\r\n  }\r\n  .serial-chart .chart-container {\r\n    height: 300px;\r\n  }\r\n  .bottom-content {\r\n    padding: 10px;\r\n    p {\r\n      font-size: 12px;\r\n    }\r\n  }\r\n  // from wizard two\r\n  .stepwizard {\r\n    .stepwizard-row {\r\n      &:before {\r\n        top: 17px;\r\n      }\r\n    }\r\n  }\r\n  // icons\r\n  .icon-hover-bottom {\r\n    .icon-popup {\r\n      div {\r\n        .flag-icon {\r\n          width: 30px;\r\n          height: auto;\r\n        }\r\n      }\r\n      .form-group {\r\n        input {\r\n          min-width: 40%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  //footer\r\n  .footer-links {\r\n    text-align: center;\r\n  }\r\n  .footer-copyright {\r\n    text-align: center !important;\r\n  }\r\n  .jvector-map-height {\r\n    height: 150px;\r\n  }\r\n  .sm-left-text {\r\n    text-align: left !important;\r\n  }\r\n  // email app\r\n  .email-wrap {\r\n    .email-right-aside {\r\n      .email-content {\r\n        .email-top {\r\n          .d-flex {\r\n            padding-bottom: 0;\r\n          }\r\n          .float-end {\r\n            float: left !important;\r\n          }\r\n        }\r\n        .email-wrapper {\r\n          .attachment {           \r\n            ul {\r\n              li {\r\n                &:last-child {\r\n                  padding-right: 0;\r\n                }\r\n                img {\r\n                  width:90px;\r\n                  height:90px;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }     \r\n      .email-body {\r\n        .inbox .media{\r\n          // padding-top:15px;\r\n          // padding-bottom:15px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .email-wrap {\r\n    .email-right-aside {\r\n      .email-profile {\r\n        overflow-x:auto;\r\n        .inbox{       \r\n          width:700px;  \r\n          p{\r\n            width: calc(100% - 200px);\r\n            max-width: 500px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // alert page\r\n  .alert-dismissible {\r\n    p {\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n      max-width: 294px;\r\n    }\r\n  }\r\n  // button group page\r\n  .button-group-mb-sm {\r\n    margin-bottom: 5px;\r\n  }\r\n  // table components page\r\n  .card-block {\r\n    .table-responsive {\r\n      .table {\r\n        tbody {\r\n          tr {\r\n            td {\r\n              span {\r\n                overflow: hidden;\r\n                text-overflow: ellipsis;\r\n                white-space: nowrap;\r\n                max-width: 100px;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .progress-content {\r\n        tbody {\r\n          tr {\r\n            td {\r\n              span {\r\n                text-overflow: ellipsis;\r\n                white-space: normal;\r\n                max-width: 50px;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .checkbox-td-width,\r\n      .radio-first-col-width {\r\n        tbody {\r\n          tr {\r\n            td {\r\n              min-width: 200px !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // jsgrid-table page\r\n  #batchDelete {\r\n    .jsgrid-grid-header {\r\n      .jsgrid-table {\r\n        .jsgrid-header-row {\r\n          .jsgrid-header-cell {\r\n            &:first-child {\r\n              width: 119px !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .jsgrid-grid-body {\r\n      .jsgrid-table {\r\n        .jsgrid-row {\r\n          .jsgrid-cell {\r\n            &:first-child {\r\n              width: 119px !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .jsgrid {\r\n    .jsgrid-pager-container {\r\n      text-align: center;\r\n    }\r\n  }\r\n  // chat page\r\n  .chat-box {\r\n    .chat-menu {\r\n      .nav-tabs {\r\n        .nav-item {\r\n          width: 32.33%;\r\n        }\r\n      }\r\n      .people-list {\r\n        ul.list {\r\n          max-height: 433px;\r\n          margin-bottom: 15px;\r\n        }\r\n      }\r\n      #info-profile,\r\n      #info-contact {\r\n        margin-bottom: 15px;\r\n      }\r\n    }\r\n    .chat-history {\r\n      .call-content {\r\n        > div {\r\n          padding-top: 40px;\r\n          height: auto;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .call-chat-sidebar {\r\n    max-width:100%;\r\n    width:100%;\r\n    flex-basis:auto;\r\n  }\r\n  // user-profile page\r\n  .hovercard {\r\n    .info {\r\n      .follow {\r\n        .text-md-end {\r\n          text-align: center;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .profile-img-style {\r\n    .like-comment-sm-mb {\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n  // forget-password page\r\n  .reset-password-box {\r\n    .theme-form {\r\n      .form-group {\r\n        .btn {\r\n          margin-top: 15px !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // gallery page\r\n  .lg-outer {\r\n    .lg-actions .lg-next,\r\n    .lg-actions .lg-prev {\r\n      top: 48%;\r\n    }\r\n  }\r\n  // product page\r\n  .feature-products {\r\n    .filter-toggle {\r\n      padding: 8px 15px;\r\n      margin-left: 10px;\r\n      border-radius: 5px;\r\n      background-color: rgba($primary-color, 0.05);\r\n      color: $primary-color;\r\n    }    \r\n    span{\r\n      font-size: 12px;\r\n      &.f-w-600{\r\n        padding-top:8px;\r\n        display:inline-block;       \r\n      }\r\n    }    \r\n  } \r\n  .grid-options {\r\n    ul {\r\n      li {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n  .product-wrapper {\r\n    &.sidebaron {\r\n      .product-grid {\r\n        .product-wrapper-grid {\r\n          margin-left:0;\r\n        }\r\n      }     \r\n    }\r\n  }\r\n  // .product-wrapper-grid {\r\n  //   &.list-view {\r\n  //     .product-box {\r\n  //       .product-img {\r\n  //         width: 42%;\r\n  //       }\r\n  //     }\r\n  //   }\r\n  // }\r\n  .product-filter {\r\n    .product-box {\r\n      flex-wrap: nowrap;\r\n      .product-img {\r\n        width: 100px;\r\n      }\r\n      .product-details {\r\n        padding: 0 !important;\r\n      }\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 700px) {\r\n  .bg-gallery {\r\n    min-height: 470px;\r\n  }\r\n}\r\n@media screen and (max-width: 650px) {\r\n  .bg-gallery {\r\n    height: 63vh;\r\n  }\r\n}\r\n@media screen and (max-width: 600px) {\r\n  .bg-gallery {\r\n    height: 60vh;\r\n  }\r\n  .user-profile{\r\n    .photos{\r\n      ul {\r\n        li{\r\n          width:53px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 540px) {\r\n  .bg-gallery {\r\n    height: 57vh;\r\n  }\r\n}\r\n@media screen and (max-width: 575px) {\r\n  .search-form {\r\n    .search-bg {\r\n      > i {\r\n        display: none !important;\r\n      }\r\n    }\r\n  }\r\n  .job-accordion {\r\n    .card {\r\n      box-shadow: 0 0 11px 5px $common-shadow-color !important;\r\n    }\r\n  }\r\n  .alert-dismissible {\r\n    p {\r\n      max-width: 209px;\r\n    }\r\n  }\r\n  .customizer-links {\r\n    display: none;\r\n  }\r\n  .m-r-30 {\r\n    margin-right: 15px;\r\n  }\r\n  // card css //\r\n  .card {\r\n    .card-footer {\r\n      padding: 15px;\r\n    }\r\n  }\r\n  .setting-list {\r\n    top: 15px;\r\n    .setting-option {\r\n      height: 21px;\r\n      li {\r\n        &:first-child {\r\n          i {\r\n            font-size: 12px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .setting-primary,\r\n  .setting-secondary,\r\n  .setting-white {\r\n    width: 22px;\r\n    height: 22px;\r\n  }\r\n  // product page \r\n  .feature-products{\r\n    .text-end{      \r\n      text-align: left !important;\r\n    }\r\n    .select-options{\r\n      float:left;\r\n      margin-right: 10px;\r\n    }\r\n  }\r\n  .call-chat-body {\r\n    .chat-box{\r\n      height:auto;\r\n    }\r\n  }\r\n  .chat-box{\r\n    .chat-menu{\r\n      .people-list{\r\n        ul.list{\r\n          max-height:400px;\r\n        }\r\n      }\r\n    }\r\n    .chat-history {\r\n      .call-content{\r\n        min-height:447px;\r\n      }\r\n    }\r\n  }\r\n  // user profile\r\n  .user-profile{\r\n    .photos{\r\n      ul{\r\n        li{\r\n          width:18%;\r\n        }\r\n      }\r\n    }\r\n    .profile-post{\r\n      padding:20px;      \r\n      .post-body {\r\n        figure{\r\n          margin-bottom:20px;\r\n        }\r\n        .post-react {\r\n          ul {\r\n            li {             \r\n              img{\r\n                width:20px;\r\n                height:20px;\r\n              }\r\n              &:nth-child(n+2){\r\n                margin-left:-15px;\r\n              }\r\n            }\r\n          }\r\n          h6{\r\n            margin-left:10px;\r\n            font-size:13px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .profile-header{\r\n      padding:0;\r\n      height:auto;\r\n      .profile-img-wrrap{\r\n        display:block;\r\n        height:280px;\r\n      }       \r\n      .userpro-box{\r\n        max-width:100%;\r\n      }\r\n    }\r\n  }\r\n  //dashboard mian //\r\n  .center-content{\r\n    margin-top:5px;\r\n    p {\r\n      text-align: left;\r\n      i {\r\n        margin-left: 0 !important;\r\n      }\r\n    }\r\n  }\r\n  .dashboard-default-sec,\r\n  .dashboard-2-main {\r\n    .card {\r\n      &.income-card {\r\n        .card-body {\r\n          .round-box {\r\n            margin-bottom: 10px;\r\n            width: 45px;\r\n            height: 45px;\r\n            svg {\r\n              height: 18px;\r\n            }\r\n          }\r\n          .knob-block {\r\n            canvas {\r\n              width: 80px;\r\n              height: 80px;\r\n            }\r\n          }\r\n          h5 {\r\n            font-size: 18px;\r\n            margin-bottom: 5px;\r\n          }\r\n          p {\r\n            margin-bottom: 10px;\r\n          }\r\n        }\r\n      }\r\n      .card-header {\r\n        i {\r\n          font-size: 12px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .dashboard-default-sec {\r\n    #chart-dashbord {\r\n      .apexcharts-legend {\r\n        &.position-right,\r\n        &.position-left {\r\n          top: 28px !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .profile-greeting {\r\n    h3 {\r\n      font-size: 22px;\r\n      margin-bottom: 5px;\r\n    }\r\n    p {\r\n      margin-bottom: 10px;\r\n      line-height: 1.4;\r\n      padding: unset;\r\n    }\r\n  }\r\n  .trasaction-sec {\r\n    .transaction-totalbal {\r\n      h2 {\r\n        font-size: 16px;\r\n      }\r\n    }\r\n  }\r\n  // support-ticket\r\n  .support-ticket {\r\n    .pro-gress {\r\n      .total-num {\r\n        font-size: 18px;\r\n      }\r\n    }\r\n  }\r\n  // main header css\r\n  .page-main-header {\r\n    .main-header-right {\r\n      .left-menu-header {\r\n        ul {\r\n          li {\r\n            .search-form {\r\n              // .search-bg {\r\n              //   display: none;\r\n              // }\r\n              .form-control-plaintext {\r\n                top: 44px;\r\n                position: absolute;\r\n                transition: all linear 0.3s;\r\n                left: -15px;\r\n                background-color: $white;\r\n                transform: translateY(-35px) scaleY(0);\r\n                opacity: 0;\r\n                border-radius: 0;\r\n                visibility: hidden;\r\n                width: 180px !important;\r\n                padding: 10px 10px 10px 15px;\r\n                &.open {\r\n                  transform: translateY(0px) scaleY(1);\r\n                  opacity: 1;\r\n                  visibility: visible;\r\n                  transition: all linear 0.3s;\r\n                  z-index: 2;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .nav-right {\r\n        .btn-primary-light {\r\n          padding: 6px 15px;\r\n          svg {\r\n            margin-right: 6px;\r\n          }\r\n        }\r\n        .bookmark-dropdown {\r\n          right: -168px;\r\n          width: 270px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .page-wrapper {\r\n    .page-main-header {\r\n      .main-header-right {\r\n        .left-menu-header {\r\n          .search-form {\r\n            > .fa {\r\n              display: none;\r\n            }\r\n          }\r\n        }\r\n        > .mobile-toggle {\r\n          padding-right: 15px;\r\n        }\r\n        .nav-right {\r\n          > ul {\r\n            top: 55px;\r\n            .search-form {\r\n              i {\r\n                display: none;\r\n              }\r\n            }\r\n          }\r\n          &.right-menu {\r\n            ul {\r\n              justify-content: flex-end;\r\n              li {\r\n                &.px-0 {\r\n                  padding: 6px !important;\r\n                }\r\n              }\r\n            }\r\n          }\r\n          > ul {\r\n            li {\r\n              margin-right: 10px;\r\n              &.onhover-dropdown {\r\n                ul {\r\n                  li {\r\n                    margin-right: 0 !important;\r\n                  }\r\n                }\r\n              }\r\n            }\r\n          }\r\n          .notification-dropdown {\r\n            left: -93px !important;\r\n            padding: 0;\r\n            width: 270px !important;\r\n            &.onhover-show-div {\r\n              &:before,\r\n              &:after {\r\n                left: 102px !important;\r\n                right: unset !important;\r\n              }\r\n            }\r\n          }\r\n          .chat-dropdown {\r\n            left: -132px;\r\n            width: 270px;\r\n            padding: 0;\r\n            &:after,\r\n            &:before {\r\n              left: 138px !important;\r\n            }\r\n          }\r\n        }\r\n        .main-header-left {\r\n          padding: 15px;\r\n          .toggle-sidebar {\r\n            margin-left: 20px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .page-body-wrapper {\r\n      .page-header {\r\n        .btn-group {\r\n          .btn {\r\n            padding: 8px 30px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .pagination-lg {\r\n    .page-link {\r\n      font-size: 1rem;\r\n    }\r\n  }\r\n  // book mark //\r\n  .bookmark {\r\n    text-align: left;\r\n    margin-top: 10px;\r\n  }\r\n  // main sidebar css\r\n  .page-wrapper{\r\n    &.compact-wrapper{\r\n      .page-body-wrapper {\r\n        &.sidebar-icon {\r\n          header {\r\n            &.main-nav {\r\n              top: 59px;\r\n              .main-navbar {\r\n                .nav-menu {\r\n                  height: calc(100vh - 79px);\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // footer\r\n  footer {\r\n    p {\r\n      font-size: 12px;\r\n    }\r\n  }\r\n  // general widget page css\r\n  .mobile-clock-widget {\r\n    #date {\r\n      margin-top: 15px;\r\n    }\r\n  }\r\n  .social-widget-card {\r\n    .b-b-light {\r\n      padding: 15px;\r\n      margin-bottom: 15px;\r\n    }\r\n  }\r\n   .cal-date-widget {\r\n    .cal-datepicker {\r\n      margin-top: 15px;\r\n    }\r\n  }\r\n  .static-top-widget {\r\n    .media-body {\r\n      .icon-bg {\r\n        width: 70px;\r\n        height: 70px;\r\n      }\r\n    }\r\n  }\r\n  .animat-md-center {\r\n    text-align: center;\r\n  }\r\n  // Add post page css\r\n  .add-post {\r\n    form {\r\n      .m-checkbox-inline {\r\n        label {\r\n          margin-right: 15px;\r\n        }\r\n      }\r\n      .form-group {\r\n        margin-bottom: 15px;\r\n      }\r\n    }\r\n    .dropzone {\r\n      margin-bottom: 15px;\r\n    }\r\n    .btn-showcase {\r\n      text-align: center;\r\n      .btn {\r\n        margin-right: 10px;\r\n        padding: 5px 13px;\r\n      }\r\n    }\r\n  }\r\n  // internationalization page css\r\n  .main {\r\n    .langChoice {\r\n      right: 15px;\r\n      padding: 4px 7px;\r\n    }\r\n  }\r\n  .language-xs {\r\n    margin-top: 15px;\r\n  }\r\n  // product page //\r\n  .product-color {\r\n    li {\r\n      width: 15px;\r\n      height: 15px;\r\n    }\r\n  }\r\n  ul.pro-services {\r\n    li {\r\n      h5 {\r\n        font-size: 14px;\r\n      }\r\n      p {\r\n        font-size: 13px;\r\n      }\r\n    }\r\n  }\r\n  // tab //\r\n  .tabs-scoial {\r\n    &.border-tab {\r\n      &.nav-tabs {\r\n        .nav-item {\r\n          .nav-link {\r\n            height: auto;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // avatar page css\r\n  .customers {\r\n    &.avatar-group {\r\n      margin-right: 15px;\r\n    }\r\n  }\r\n  .vertical-mobile-sidebar {\r\n    top: 19px;\r\n  }\r\n  // internationalization page //\r\n  .hdg_main {\r\n    font-size: 16px;\r\n  }\r\n  //notify index page\r\n  .alert-theme {\r\n    i {\r\n      margin-right: 10px !important;\r\n    }\r\n    button {\r\n      top: 2px !important;\r\n    }\r\n  }\r\n  .chart-widgets-small {\r\n    .chart-container {\r\n      height: unset !important;\r\n    }\r\n  }\r\n  .bar-chart-widget {\r\n    .earning-details {\r\n      i {\r\n        right: -30px;\r\n      }\r\n    }\r\n  }\r\n  .widget-joins {\r\n    &:before {\r\n      display: none;\r\n    }\r\n    .ps-0 {\r\n      padding-left: 15px !important;\r\n    }\r\n    .border-after-xs {\r\n      &:after {\r\n        content: \"\";\r\n        position: absolute;\r\n        height: 1px;\r\n        width: 94%;\r\n        background-color: $light-semi-gray;\r\n        left: 0;\r\n        bottom: 0;\r\n        right: 0;\r\n        margin: 0 auto;\r\n      }\r\n    }\r\n  }\r\n  .clockpicker-align-top {\r\n    left: 45px !important;\r\n    top: 406px !important;\r\n  }\r\n  .gallery {\r\n    margin-bottom: -15px;\r\n  }\r\n  .my-gallery {\r\n    figure {\r\n      margin-bottom: 15px;\r\n      &:nth-child(9),\r\n      &:nth-child(10) {\r\n        margin-bottom: 15px;\r\n      }\r\n    }\r\n    &.gallery-with-description {\r\n      figure {\r\n        &:last-child {\r\n          margin-bottom: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  #aniimated-thumbnials {\r\n    figure {\r\n      &:nth-child(12),\r\n      &:nth-child(11),\r\n      &:nth-child(10),\r\n      &:nth-child(9) {\r\n        margin-bottom: 15px;\r\n      }\r\n    }\r\n  }\r\n  .photoswipe-pb-responsive {\r\n    padding-bottom: 30px !important;\r\n  }\r\n  // social app page css\r\n  .avatar-showcase {\r\n    .pepole-knows {\r\n      text-align: center;\r\n      ul {\r\n        li {\r\n          margin-right: 14px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .social-app-profile {\r\n    .hovercard {\r\n      .user-image {\r\n        .avatar {\r\n          margin-top: -56px;\r\n          img {\r\n            width: 100px;\r\n            height: 100px;\r\n          }\r\n        }\r\n        .icon-wrapper {\r\n          left: 52%;\r\n          top: 10px;\r\n          height: 30px;\r\n          width: 30px;\r\n          font-size: 15px;\r\n          &:hover {\r\n            font-size: 12px;\r\n          }\r\n        }\r\n        .share-icons {\r\n          right: 15px;\r\n          li {\r\n            margin-right: 0px;\r\n          }\r\n        }\r\n      }\r\n      .info {\r\n        .tabs-scoial {\r\n          .user-designation {\r\n            border-top: none;\r\n            border-bottom: none;\r\n            margin-bottom: 0;\r\n            padding: 0px 0px;\r\n          }\r\n        }        \r\n      }\r\n    }    \r\n  }\r\n  .socialprofile {\r\n    .social-btngroup {\r\n      margin: 15px 0;\r\n    }\r\n    .social-group {\r\n      margin-top: 15px;\r\n    }\r\n  }\r\n  .social-status {\r\n    form {\r\n      .form-group {\r\n        .form-control-social {\r\n          margin-bottom: 15px;\r\n        }\r\n      }\r\n    }\r\n    .media {\r\n      margin-bottom: 15px;\r\n    }\r\n  }\r\n  .new-users-social {\r\n    margin-bottom: 15px;\r\n  }\r\n  .tabs-scoial {\r\n    position: relative;\r\n    padding-top: 90px;\r\n    li{\r\n      &:nth-child(3){\r\n        position: absolute;\r\n        top: 25px;\r\n        left: 0;\r\n        right: 0;\r\n        margin: 0 auto;\r\n      }\r\n    }\r\n    &.border-tab {\r\n      &.nav-tabs {\r\n        .nav-item {\r\n          .nav-link {\r\n            padding: 10px 18px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .timeline-content {\r\n    p,\r\n    .comments-box {\r\n      margin-top: 15px;\r\n    }\r\n    .comments-box {\r\n      .media {\r\n        .m-r-20 {\r\n          margin-right: 10px;\r\n        }\r\n        .media-body {\r\n          .input-group {\r\n            .input-group-append {\r\n              .btn {\r\n                padding: 6px;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .comment-number {\r\n      i {\r\n        margin-right: 15px;\r\n      }\r\n    }\r\n  }\r\n  .social-chat {\r\n    margin-top: 15px;\r\n    .media-body {\r\n      padding: 15px;\r\n    }\r\n    .your-msg,\r\n    .other-msg {\r\n      margin-bottom: 15px;\r\n    }\r\n  } \r\n  .social-network{\r\n    span {\r\n      margin-bottom: 15px;\r\n    }\r\n  }\r\n  .social-list {\r\n    .media {\r\n      margin-bottom: 15px;\r\n    }\r\n  }\r\n  .details-about + .details-about {\r\n    margin-top: 15px;\r\n  }\r\n  .your-details-xs {\r\n    margin-top: 15px;\r\n  }\r\n  .social-header {\r\n    h5 {\r\n      span.pull-right {\r\n        float: right !important;\r\n        margin-top: 0 !important;\r\n        svg {\r\n          width: 18px;\r\n          height: 18px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .activity-log {\r\n    .my-activity {\r\n      + .my-activity {\r\n        margin-top: 15px;\r\n      }\r\n    }\r\n  }\r\n  .photos {\r\n    ul {\r\n      li{\r\n        width:70px;\r\n      }\r\n    }\r\n  }  \r\n  .edit-profile {\r\n    .card {\r\n      .card-header {\r\n        h4 {\r\n          font-size: 18px;\r\n        }\r\n      }\r\n    }\r\n    .profile-title {\r\n      .media {        \r\n        .media-body {\r\n          h3 {\r\n            font-size: 16px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }  \r\n  // timeline small page css\r\n  .timeline-small {\r\n    .media {\r\n      margin-bottom: 15px;\r\n      .media-body {\r\n        h6 {\r\n          margin-bottom: 15px;\r\n        }\r\n      }\r\n      .timeline-round {\r\n        &.timeline-line-1 {\r\n          &:after {\r\n            bottom: -39px;\r\n            height: 30px;\r\n          }\r\n        }\r\n        &.small-line {\r\n          &:after {\r\n            bottom: -17px;\r\n            height: 8px;\r\n          }\r\n        }\r\n        &.medium-line {\r\n          &:after {\r\n            bottom: -30px;\r\n            height: 22px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  #cd-timeline {\r\n    margin-right: unset;\r\n  }\r\n  // touchspin //\r\n  .bootstrap-touchspin {\r\n    .input-group {\r\n      .btn {\r\n        padding: 5px 15px;\r\n      }\r\n    }\r\n  }\r\n  // landing page css start\r\n  .and-many-more {\r\n    font-size: 52px;\r\n  }\r\n  .page-wrapper {\r\n    .section-space {\r\n      padding: 40px 0;\r\n    }\r\n  }\r\n  .landing_gallery_section_img {\r\n    margin-bottom: -40px;\r\n  }\r\n  .bg-sky-blue {\r\n    .main-landing {\r\n      height: 480px;\r\n      .position-cards {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n  .landing-main {\r\n    h4 {\r\n      font-size: 17px;\r\n    }\r\n    .main-landing {\r\n      padding: 0px 0px 0px 0px;\r\n    }\r\n    .footer-bg {\r\n      h2 {\r\n        font-size: 21px;\r\n      }\r\n      button {\r\n        font-size: 18px;\r\n      }\r\n    }\r\n  }\r\n  // landing page css ends\r\n  // helper classes page start\r\n  .helper-classes {\r\n    padding: 15px;\r\n  }\r\n  // helper classes page ends\r\n  .form-builder-2-header {\r\n    ul {\r\n      li {\r\n        text-align: left;\r\n      }\r\n    }\r\n    .form-inline {\r\n      display: block;\r\n      width: 100%;\r\n      .form-group {\r\n        width: 100%;\r\n        margin-right: 0;\r\n      }\r\n      button {\r\n        width: 100%;\r\n        text-align: left;\r\n      }\r\n    }\r\n  }\r\n  .page-builder {\r\n    .btn-grid {\r\n      margin-bottom: 7px;\r\n      padding-right: 5px;\r\n    }\r\n    .ge-canvas {\r\n      &.ge-editing {\r\n        .row {\r\n          padding: 15px;\r\n        }\r\n        .ge-tools-drawer {\r\n          margin: 10px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .wizard-4 {\r\n    .step-container {\r\n      div {\r\n        &.content {\r\n          margin-top: 10px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .nav-tabs {\r\n    .nav-item {\r\n      &.show {\r\n        .nav-link {\r\n          border-top: 0;\r\n          border-bottom: 0;\r\n        }\r\n      }\r\n    }\r\n    .nav-link {\r\n      border-top: 0;\r\n      border-bottom: 0;\r\n      &:hover,\r\n      &.active,\r\n      &:focus {\r\n        border-top: 0;\r\n        border-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n  .border-tab {\r\n    &.nav-tabs {\r\n      .nav-item {\r\n        width: 100% !important;\r\n      }\r\n    }\r\n    .weather-widget-two {\r\n      .bottom-whetherinfo {\r\n        .whether-content {\r\n          top: 35px;\r\n        }\r\n      }\r\n    }\r\n    .social-widget-card {\r\n      .b-b-light {\r\n        padding: 15px;\r\n        margin-bottom: 15px;\r\n      }\r\n    }\r\n    .ecommerce-widget {\r\n      .progress-showcase {\r\n        margin-top: 15px;\r\n      }\r\n    }\r\n  }\r\n  .nav {\r\n    display: inherit;\r\n    text-align: center;\r\n    border-bottom: none;\r\n  }\r\n  // tab material start\r\n  .border-tab.nav-left {\r\n    .nav-link {\r\n      text-align: center;\r\n      border-left: none;\r\n    }\r\n  }\r\n  .border-tab.nav-right {\r\n    .nav-link {\r\n      text-align: center;\r\n      border-right: none;\r\n    }\r\n  }\r\n  .border-tab.nav-tabs {\r\n    margin-bottom: 10px;\r\n  }\r\n  .tab-content {\r\n    ~ .nav-tabs {\r\n      &.border-tab {\r\n        margin-top: 10px;\r\n      }\r\n    }\r\n  }\r\n  // tab material end\r\n  .nav-pills {\r\n    text-align: center;\r\n  }\r\n  .crm-overall {\r\n    margin: 0 -15px -15px;\r\n  }\r\n  .product-page-main {\r\n    padding: 15px;\r\n    .m-t-15 {\r\n      margin-top: 0 !important;\r\n      .btn {\r\n        margin-top: 10px;\r\n      }\r\n    }\r\n    .pro-group {\r\n      .pro-shop {\r\n        button {\r\n          &:last-child {\r\n            margin-top: 15px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .tabbed-card {\r\n    ul {\r\n      &.border-tab {\r\n        &.nav-tabs {\r\n          .nav-item {\r\n            .nav-link {\r\n              padding: 5px 15px 10px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      padding: 10px 0 5px 0;\r\n      position: relative;\r\n      width: 100%;\r\n      left: 0;\r\n    }\r\n  }\r\n  .todo {\r\n    .action-box {\r\n      &.large {\r\n        height: 25px;\r\n        width: 25px;\r\n        .icon {\r\n          font-size: 14px;\r\n          vertical-align: -3px;\r\n        }\r\n      }\r\n    }\r\n    .todo-list-wrapper {\r\n      #todo-list {\r\n        li {\r\n          .task-container {\r\n            .task-label {\r\n              font-size: 14px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .mark-all-tasks {\r\n        top: 15px;\r\n        right: 15px;\r\n      }\r\n    }\r\n  }\r\n  .datetime-picker {\r\n    label {\r\n      text-align: left !important;\r\n    }\r\n  }\r\n  .redial-chart-block {\r\n    text-align: center;\r\n  }\r\n  #nav-tabContent {\r\n    margin-top: 15px;\r\n  }\r\n  .reset-password-box {\r\n    width: 430px;\r\n  }\r\n  .auth-bg {\r\n    padding: 25px 15px;\r\n  }\r\n  .auth-bg-effect {\r\n    display: none;\r\n  }\r\n  .date-picker {\r\n    .text-end {\r\n      text-align: left !important;\r\n    }\r\n  }\r\n  .dataTables_wrapper {\r\n    table {\r\n      &.dataTable {\r\n        margin-bottom: 15px !important;\r\n      }\r\n    }\r\n  }\r\n  ul {\r\n    &.pagination {\r\n      li {\r\n        &:before {\r\n          line-height: 3;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  div {\r\n    &.table-responsive {\r\n      > div {\r\n        &.dataTables_wrapper {\r\n          > div {\r\n            &.row {\r\n              > div {\r\n                &[class^=\"col-\"] {\r\n                  &:last-child {\r\n                    padding-left: 0 !important;\r\n                  }\r\n                  &:first-child {\r\n                    padding-right: 0 !important;\r\n                  }\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    &.dataTables_wrapper {\r\n      div {\r\n        &.dataTables_length {\r\n          margin-bottom: 15px;\r\n          select {\r\n            min-height: 30px;\r\n          }\r\n        }\r\n      }\r\n      table {\r\n        &.dataTable {\r\n          th,\r\n          td {\r\n            padding: 0.5rem;\r\n          }\r\n        }\r\n      }\r\n      div {\r\n        &.dataTables_paginate {\r\n          margin-top: 15px !important;\r\n          .paginate_button {\r\n            padding: 1px 7px;\r\n            &.previous {\r\n              font-size: 0;\r\n              padding: 0;\r\n              &:before {\r\n                content: \"\\e64a\";\r\n                font-family: $font-themify;\r\n                font-size: 11px;\r\n                padding: 0 5px;\r\n              }\r\n            }\r\n            &.next {\r\n              font-size: 0;\r\n              padding: 0;\r\n              &:before {\r\n                content: \"\\e649\";\r\n                font-family: $font-themify;\r\n                font-size: 11px;\r\n                padding: 0 5px;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .dataTables_filter {\r\n        margin-bottom: 15px;\r\n        input {\r\n          &[type=\"search\"] {\r\n            height: 30px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }  \r\n  .jvector-map-height {\r\n    height: 250px;\r\n  }\r\n  .icon-hover-bottom {\r\n    .form-group {\r\n      display: flex;\r\n    }\r\n    .icon-popup {\r\n      padding: 15px;\r\n    }\r\n    svg {\r\n      &.climacon {\r\n        height: 50px;\r\n        width: 50px;\r\n      }\r\n    }\r\n  }\r\n  .blog-box {\r\n    &.blog-shadow {\r\n      &:before {\r\n        box-shadow: inset 0px -100px 100px -13px rgba(0, 0, 0, 0.6);\r\n      }\r\n    }\r\n    .blog-details {\r\n      p,\r\n      .single-blog-content-top {\r\n        margin-top: 15px;\r\n      }\r\n      h4 {\r\n        font-size: 16px;\r\n        margin-top: 10px;\r\n      }\r\n      .blog-social {\r\n        li {\r\n          font-size:12px;\r\n          font-weight:500;          \r\n          &:nth-child(n+2){\r\n            padding-left:unset;\r\n            margin-left:10px ;\r\n            border-left:none;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .comment-box {\r\n    h4 {\r\n      margin-bottom: 15px;\r\n      padding-bottom: 15px;\r\n    }\r\n    ul {\r\n      ul {\r\n        margin-left: 30px;\r\n      }\r\n    }\r\n    li {\r\n      margin-bottom: 15px;\r\n      .media {\r\n        display: block;\r\n        img {\r\n          height: 50px;\r\n          width: 50px;\r\n          padding: 3px;\r\n          margin-bottom: 10px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .card {\r\n    .card-header {\r\n      .card-header-right {\r\n        top: 6px;\r\n      }\r\n    }\r\n  }\r\n  .ace-editor {\r\n    height: 320px;\r\n  }\r\n  .gallery {\r\n    > a {\r\n      margin-bottom: 15px;\r\n      text-align: center;\r\n    }\r\n  }\r\n  .card {\r\n    .card-header {\r\n      h5 {\r\n        font-size: 17px;\r\n      }\r\n    }\r\n  }\r\n  .theme-form {\r\n    .form-group {\r\n      margin-bottom: 15px;\r\n    }\r\n  }\r\n  .page-wrapper {\r\n    .page-body-wrapper {\r\n      .default-according {\r\n        .card {\r\n          .card-header,\r\n          .card-body,\r\n          .card-footer {\r\n            padding: 1rem 1.25rem;\r\n          }\r\n        }\r\n      }\r\n      .card {\r\n        box-shadow: 0 0 11px 5px $common-shadow-color;\r\n        margin-bottom: 15px;\r\n        overflow: hidden;\r\n        .card-header,\r\n        .card-body {\r\n          // padding: 15px;\r\n          .tab-content {\r\n            .m-t-30 {\r\n              margin-top: 15px !important;\r\n            }\r\n            .m-b-30 {\r\n              margin-bottom: 15px !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .page-body {\r\n        padding:5px 0 !important;\r\n        padding-top:20px!important;\r\n      }\r\n      .page-header {\r\n        // padding-top: 20px;\r\n        padding-bottom: 20px;\r\n        .row {\r\n          h3 {\r\n            font-size: 20px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .search-form {\r\n      .form-group {\r\n        margin-right: 0;\r\n      }\r\n    }\r\n  }\r\n  /* alert responsive css start here */\r\n  $alert-name: primary, secondary, success, danger, warning, info, light, dark;\r\n  $alert-color: $primary-color, $secondary-color, $success-color, $danger-color,\r\n    $warning-color, $light-font, $light-gray, $dark-color;\r\n  @each $var in $alert-name {\r\n    $i: index($alert-name, $var);\r\n    .alert-#{$var}.inverse {\r\n      background-color: transparent;\r\n    }\r\n  }\r\n  .alert {\r\n    .close {\r\n      height: 100%;\r\n    }\r\n  }\r\n  //business card\r\n  .calender-widget {\r\n    .cal-desc {\r\n      padding: 10px 15px 15px !important;\r\n      p {\r\n        max-height: 100%;\r\n      }\r\n    }\r\n  }\r\n  //user card\r\n  .custom-card {\r\n    .card-footer {\r\n      > div {\r\n        h6 {\r\n          font-weight: 600;\r\n        }\r\n      }\r\n    }\r\n    .card-profile {\r\n      margin-top: 25px;\r\n    }\r\n    // .card-header {\r\n    //   img {\r\n    //     margin-top: -195px;\r\n    //   }\r\n    // }\r\n    .card-social {\r\n      padding-top: 10px;\r\n      padding-bottom: 10px;\r\n    }\r\n  }\r\n  //calendar\r\n  .calendar-wrap {\r\n    .fc-toolbar {\r\n      .fc-center {\r\n        margin-top: 10px;\r\n      }\r\n    }\r\n    a.fc-more {\r\n      font-size: 0.7em;\r\n    }\r\n  }\r\n  // megaoption page responsive scss\r\n  .mega-inline {\r\n    display: block;\r\n  }\r\n  .megaoptions-border-space-sm {\r\n    padding-bottom: 30px !important;\r\n  }\r\n  //blog\r\n  .blog-box.blog-shadow {\r\n    .blog-details {\r\n      padding: 15px;\r\n      p {\r\n        margin-bottom: 0;\r\n      }\r\n      h4 {\r\n        margin-bottom: 10px;\r\n      }\r\n    }\r\n  }\r\n  .blog-box { \r\n    .blog-details {\r\n      padding: 20px;\r\n    }\r\n    .blog-date {\r\n      span {\r\n        font-size: 25px;\r\n      }\r\n    }\r\n  }\r\n  //error and maintenace\r\n  .error-wrapper {\r\n    padding: 20px 0;\r\n    .btn {\r\n      margin-top: 15px;\r\n    }\r\n    .img-100 {\r\n      width: 50px !important;\r\n    }\r\n    .error-heading {\r\n      margin-top: 20px;\r\n      .cloud-second {\r\n        margin-top: -60px;\r\n      }\r\n      .headline {\r\n        font-size: 150px;\r\n      }\r\n    }\r\n    .maintenance-heading {\r\n      .cloud-second {\r\n        display: none;\r\n      }\r\n      .headline {\r\n        font-size:30px;\r\n        margin-top:-10%;\r\n        letter-spacing:2px;\r\n      }\r\n    }\r\n  }\r\n  //coming soon\r\n  .comingsoon {\r\n    .comingsoon-inner {\r\n      .coming-soon-bottom-link {\r\n        margin-top: 20px;\r\n        line-height: 1;\r\n      }\r\n      h5 {\r\n        margin-bottom: 20px;\r\n        margin-top: 20px;\r\n        font-size: 18px;\r\n      }     \r\n      .countdown {\r\n        padding: 20px 0px;\r\n        ul li {\r\n          margin: 0 7px;\r\n        }\r\n        .title {\r\n          font-size: 12px;\r\n        }\r\n        .time {\r\n          width: 45px;\r\n          height: 45px;\r\n          line-height: 45px;\r\n          font-size: 16px;\r\n          margin: 0 auto;\r\n        }\r\n      }\r\n      img{\r\n        width:auto;\r\n        height:75px;\r\n      }\r\n    }\r\n  }\r\n  // Form Wizard One start\r\n  .form-wizard {\r\n    .btn-mb {\r\n      margin-bottom: 15px;\r\n    }\r\n  }\r\n  // Form Wizard One ends\r\n  // Form Wizard Two Start\r\n  .stepwizard {\r\n    margin-bottom: 15px;\r\n  }\r\n  // Form Wizard Two Ends\r\n  // Form Wizard Three Start\r\n  .f1 {\r\n    .f1-steps {\r\n      margin-top: 15px;\r\n      margin-bottom: 15px;\r\n    }\r\n  }\r\n  //Form Wizard Three ends\r\n  // form wizard--4 scss\r\n  .wizard-4 {\r\n    ul.anchor {\r\n      width: 100%;\r\n      padding-bottom: 15px;\r\n      padding-right: 0;\r\n    }\r\n    .step-container {\r\n      width: 100%;\r\n    }\r\n  }\r\n  //chart\r\n  .flot-chart-container {\r\n    height: 300px;\r\n  }\r\n  .small-chart-widget {\r\n    .chart-container {\r\n      height: unset !important;\r\n    }\r\n  }\r\n  .status-widget {\r\n    .text-sm-end {\r\n      text-align: right;\r\n    }\r\n  }\r\n  //mega menu\r\n  .mega-menu {\r\n    padding-left: 15px;\r\n    .onhover-show-div {\r\n      height: 405px;\r\n      left: 0;\r\n      top: 61px;\r\n      padding: 15px;\r\n    }\r\n    .lg-mt {\r\n      margin-top: 10px;\r\n    }\r\n    .xs-mt {\r\n      margin-top: 15px;\r\n    }\r\n  }\r\n  // navs page\r\n  .nav-md-mt {\r\n    margin-top: 15px;\r\n  }\r\n  .navs-icon {\r\n    padding: 15px;\r\n    .main-section {\r\n      padding-top: 15px;\r\n    }\r\n    .separator {\r\n      margin: 15px 0;\r\n    }\r\n  }\r\n  .nav-list {\r\n    padding: 15px;\r\n  }\r\n  .navs-dropdown {\r\n    button {\r\n      margin-top: 15px;\r\n    }\r\n    .onhover-show-div {\r\n      top: 64px;\r\n    }\r\n  }\r\n  .lg-mt {\r\n    margin-top: 15px;\r\n  }\r\n  // scroll reval\r\n  #aniimated-thumbnials {\r\n    a {\r\n      &:last-child {\r\n        img {\r\n          margin-bottom: 15px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // tilt\r\n  .tilt-showcase {\r\n    .mt-4 {\r\n      margin-top: 15px !important;\r\n    }\r\n    ol {\r\n      .m-b-20 {\r\n        margin-bottom: 15px !important;\r\n      }\r\n    }\r\n  }\r\n  // state color page\r\n  .xs-mt {\r\n    margin-top: 15px;\r\n  }\r\n  // tag-pills page\r\n  span:last-child.tag-pills-sm-mb {\r\n    margin-top: 3px;\r\n  }\r\n  // alert page\r\n  // animated modal page\r\n  .animated-modal {\r\n    .form-group {\r\n      .form-control {\r\n        width: 50%;\r\n        margin: 0 auto;\r\n      }\r\n    }\r\n    .animated-modal-md-mb {\r\n      margin-bottom: 15px !important;\r\n    }\r\n  }\r\n  // steps page\r\n  .steps-md-mt {\r\n    margin-top: 15px;\r\n  }\r\n  .steps-sizing-sm-mb {\r\n    margin-bottom: 15px;\r\n  }\r\n  // touchspin page\r\n  .bootstrap-touchspin {\r\n    .touchspin-vertical-tab {\r\n      .input-group {\r\n        width: 96% !important;\r\n      }\r\n    }\r\n  }\r\n  // datatable API page\r\n  #API-chield-row_wrapper {\r\n    #API-chield-row {\r\n      tbody {\r\n        tr {\r\n          td {\r\n            &:first-child {\r\n              min-width: 20px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // chart-flot page\r\n  .chart-block {\r\n    .flot-chart-container {\r\n      p#choices {\r\n        width: 100%;\r\n      }\r\n      #toggling-series-flot {\r\n        width: 100% !important;\r\n      }\r\n    }\r\n  }\r\n  // summer-note page\r\n  .click2edit {\r\n    & ~ .note-editor {\r\n      &.note-frame {\r\n        margin-bottom: 15px;\r\n      }\r\n    }\r\n  }\r\n  // chat page\r\n  .chat-box {\r\n    .chat-left-aside {\r\n      .people-list {\r\n        height: auto;\r\n      }\r\n    }\r\n  }\r\n  .call-chat-sidebar {\r\n    max-width: 100%;\r\n    width: 100%;\r\n    flex-basis: auto;\r\n    .people-list {\r\n      height: auto;\r\n    }\r\n  }\r\n  .chat-left-aside {\r\n    .people-list {\r\n      ul {\r\n        max-height: 300px;\r\n      }\r\n    }\r\n  }\r\n  // support ticket page\r\n  .ecommerce-widget {\r\n    .progress-showcase {\r\n      margin-top: 15px;\r\n    }\r\n  }\r\n  // forget-password page\r\n  .reset-password-box {\r\n    .theme-form {\r\n      .form-group {\r\n        .btn {\r\n          margin-top: 13px !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // gallery-with-description page\r\n  .gallery-with-description {\r\n    a {\r\n      > div {\r\n        margin-bottom: 15px;\r\n      }\r\n    }\r\n  }\r\n  // gallery hover page\r\n  .gallery-img-mb-sm {\r\n    margin-bottom: 15px;\r\n  }\r\n  .page-wrapper {\r\n    &.document {\r\n      .landing-main {\r\n        .navbar-expand-lg {\r\n          .navbar-brand {\r\n            width: 150px;\r\n            img {\r\n              width: unset;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .page-body-wrapper {\r\n        &.document-content {\r\n          .page-sidebar {\r\n            .nav-pills {\r\n              text-align: left;\r\n              .nav {\r\n                text-align: left;\r\n              }\r\n            }\r\n          }\r\n          .page-body {\r\n            margin-top: 75px !important;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // peity chart page\r\n  .xm-mb-peity {\r\n    margin-bottom: 8px;\r\n  }\r\n  // login page\r\n  .authentication-main {\r\n    padding: 30px 15px;\r\n  }\r\n}\r\n@media screen and (max-width: 480px) { \r\n.editor-toolbar a{\r\n  width: 16px;\r\n  &:before{\r\n    line-height: 30px;\r\n    font-size: 12px;\r\n  }\r\n}\r\n.note-editor{\r\n  .btn-group .btn {   \r\n    padding: 0.375rem 0.5rem;\r\n  }\r\n}\r\n.CodeMirror pre{\r\n  font-size: 12px;\r\n}\r\n  .and-many-more {\r\n    font-size: 45px;\r\n  }\r\n  .viho-demo-section {\r\n    .viho-demo-content,\r\n    .gallery_content {\r\n      p {\r\n        font-size: 13px;\r\n      }\r\n    }\r\n  }\r\n  .and-more {\r\n    font-size: 20px;\r\n  }\r\n  .gallery-img-blur-div {\r\n    height: 70px;\r\n  }\r\n  .bg-gallery {\r\n    min-height: 390px;\r\n  }\r\n  .landing_gallery_section_img {\r\n    margin-bottom: -80px;\r\n    &:before {\r\n      height: 350px;\r\n    }\r\n  }\r\n  .box-layout {\r\n    &.page-wrapper {\r\n      .set-col-6,\r\n      .set-col-3,\r\n      .set-col-7,\r\n      .set-col-5 {\r\n        flex: 0 0 100%;\r\n        max-width: 100%;\r\n      }\r\n    }\r\n  }\r\n  .bg-sky-blue {\r\n    .main-landing {\r\n      .landing-main-content {\r\n        h3 {\r\n          font-size: 26px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .page-wrapper {\r\n    .page-main-header {\r\n      .main-header-left {\r\n        .logo-wrapper {\r\n          img {\r\n            height: 25px;\r\n          }\r\n        }\r\n      }\r\n      // .page-wrapper .page-main-header .main-header-right .nav-right > ul\r\n      .main-header-right {\r\n        .nav-right {         \r\n          > ul{\r\n            padding-left: 15px;\r\n            padding-right: 15px;\r\n          }          \r\n          .btn-primary-light {\r\n            padding:5px 7px;\r\n            font-size:12px;\r\n            svg{\r\n              width:14px;\r\n            }\r\n          }\r\n          > ul {\r\n            height: 50px;\r\n            li {\r\n              margin-right: 5px;\r\n              svg {\r\n                width: 16px;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .todo{\r\n    .btn{     \r\n      padding: 7px 20px;\r\n    }\r\n  }\r\n// chat \r\n.chat-box {\r\n  .people-list {   \r\n    ul {\r\n      li{\r\n        display: block;              \r\n      }\r\n    }\r\n  }\r\n}\r\n  //landing page css\r\n  .wizard-4 {\r\n    .action-bar {\r\n      .btn {\r\n        width: 100%;\r\n        & + .btn {\r\n          margin-top: 10px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  ul {\r\n    &.notification-dropdown {\r\n      &.onhover-show-div {\r\n        width: 260px;\r\n        right: -80px;\r\n        &:before,\r\n        &:after {\r\n          right: 89px !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .inline-block-sm {\r\n    display: inline-block;\r\n  }\r\n  .pagination-lg {\r\n    .page-link {\r\n      padding: 0.3rem 0.65rem;\r\n    }\r\n  }\r\n  .nav-pills {\r\n    li {\r\n      width: 100%;\r\n    }\r\n  }\r\n  .reset-password-box {\r\n    width: 290px;\r\n  }\r\n  .icon-hover-bottom {\r\n    .icon-first {\r\n      margin-right: 10px;\r\n    }\r\n    .icon-popup {\r\n      .icon-class {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n  .error-wrapper {\r\n    .maintenance-heading {\r\n      margin-top: 0;\r\n    }\r\n  }\r\n  .card {\r\n    .card-header {\r\n      > span {\r\n        & + span {\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .custom-card {\r\n    padding: 0;\r\n    .card-header {\r\n      img {\r\n        // margin-top: -100px;\r\n      }\r\n    }\r\n    .profile-details {\r\n      h6 {\r\n        margin-bottom: 15px;\r\n      }\r\n      h4 {\r\n        font-size: 20px;\r\n      }\r\n    }\r\n    .card-profile {\r\n      margin-top: unset;  \r\n    }\r\n  }\r\n  .card {\r\n    .card-header {\r\n      .card-header-right {\r\n        i {\r\n          margin: 0 3px;\r\n          font-size: 14px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .knob-block {\r\n    .chart-clock-main {\r\n      .clock-small {\r\n        left: 34px;\r\n        top: 74px;\r\n      }\r\n    }\r\n  }\r\n  .knob-block {\r\n    .chart-clock-main {\r\n      margin: auto;\r\n      width: auto;\r\n      .clock-medium {\r\n        position: absolute;\r\n        left: 33px;\r\n        top: 33px;\r\n        canvas {\r\n          width: 180px !important;\r\n          height: 180px !important;\r\n        }\r\n      }\r\n      .clock-small {\r\n        left: 34px;\r\n        top: 74px;\r\n      }\r\n      .clock-large {\r\n        left: 0;\r\n        top: 0;\r\n        margin: 0 auto;\r\n        canvas {\r\n          width: 245px !important;\r\n          height: 245px !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  //blog\r\n  .blog-box.blog-shadow {\r\n    .blog-details {\r\n      padding: 10px;\r\n      h4 {\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  }\r\n  .cal-date-widget {\r\n    padding: 30px;\r\n  }\r\n  .calender-widget {\r\n    .cal-img {\r\n      height: 225px;\r\n    }\r\n  }\r\n  .company-card {\r\n    .details {\r\n      .media {\r\n        flex-wrap: wrap;\r\n      }\r\n    }\r\n  }\r\n  // from wizard two\r\n  .stepwizard {\r\n    .stepwizard-row {\r\n      &:before {\r\n        top: 17px;\r\n      }\r\n      .stepwizard-step {\r\n        .btn {\r\n          padding: 6px 22px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // product page\r\n  .product-sidebar {\r\n    transform: translateX(-300px) scaleX(0);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: 0.3s;\r\n    height: 0;\r\n    position: absolute;\r\n    z-index: 9;\r\n    width: 300px;\r\n    &.open {\r\n      transform: translateX(0px) scaleX(1);\r\n      box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);\r\n      visibility: visible;\r\n      opacity: 1;\r\n      height: auto;\r\n      top: -45px;    \r\n    }\r\n    .filter-section {\r\n      .card-header {\r\n        display: none;\r\n      }\r\n       .left-filter{\r\n         top:unset !important;\r\n       }\r\n    }\r\n  }\r\n  .feature-products {\r\n    .filter-toggle{\r\n      font-size:14px;\r\n      padding:7px 15px;\r\n      margin-left: 10px;\r\n      border-radius: 5px;\r\n      background-color: rgba($primary-color, 0.05);\r\n      color: $primary-color;\r\n      h6{\r\n        font-size:12px;\r\n      }\r\n    }\r\n    .text-end{\r\n      text-align:left !important;\r\n    }\r\n  }\r\n  .d-none-productlist{\r\n    display: block;\r\n    margin-right: 10px;\r\n  }\r\n  // email app\r\n  .email-wrap {\r\n    .email-right-aside {\r\n      .email-content {\r\n        .email-wrapper {\r\n          .attachment {\r\n            ul {\r\n              li {\r\n                img {\r\n                  width: 83px;\r\n                  height: 83px;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .actions {\r\n      margin-bottom:-10px;\r\n      li {\r\n        margin-bottom:10px;\r\n        .btn{\r\n          padding:5px 10px;\r\n          font-size: 12px;\r\n        }        \r\n      }\r\n    }\r\n    .email-wrapper {\r\n      .right-download{\r\n        float:none;\r\n        margin-top:5px;\r\n      }\r\n      h6{\r\n        float:none;\r\n      }\r\n    }\r\n  }\r\n  //social app \r\n  .social-app-profile{\r\n    .hovercard{\r\n      .user-image{\r\n        .share-icons {\r\n          li{\r\n            .social-icon{\r\n              width:30px;\r\n              height:30px;\r\n            }\r\n          }\r\n        }\r\n        .icon-wrapper{\r\n          top:-5px;\r\n        }\r\n        .avatar{\r\n          img{\r\n            width:80px;\r\n            height:80px;            \r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  //mega menu\r\n  .mega-menu {\r\n    padding-left: 20px;\r\n    padding-top: 3px;\r\n    .onhover-show-div {\r\n      height: 405px;\r\n      left: 0;\r\n      top: 61px;\r\n      padding: 15px;\r\n    }\r\n    .lg-mt {\r\n      margin-top: 10px;\r\n    }\r\n    .xs-mt {\r\n      margin-top: 15px;\r\n    }\r\n  }\r\n  //  tag-pills\r\n  .badge {\r\n    padding: 0.42em 0.7em;\r\n  }\r\n  // alert page\r\n  .alert-dismissible {\r\n    .close {\r\n      top: -1px;\r\n      span {\r\n        font-size: 19px;\r\n      }\r\n    }\r\n  }\r\n  // bootstrap notify page\r\n  .notify-alert {\r\n    width: 90%;\r\n  }\r\n  // invoice template page\r\n  .invoice {\r\n    .text-md-end {\r\n      margin-top: 10px;\r\n    }\r\n  }\r\n  // ecoomerce page //\r\n  .product-wrapper-grid {\r\n    &.list-view {\r\n      .product-box {\r\n        display: block;\r\n        .product-img {\r\n          width: 100%;\r\n        }\r\n        .product-details {\r\n          text-align: center;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  //user profile\r\n  .user-profile{\r\n    .profile-header {\r\n      .profile-img-wrrap{\r\n        height:210px;\r\n      }\r\n      .userpro-box{\r\n        padding:15px;\r\n      }\r\n    }\r\n    .follow {\r\n      .follow-num{\r\n        font-size:16px;\r\n      }\r\n      span{\r\n        font-size:12px;\r\n      }\r\n      ul{\r\n        &.follow-list {\r\n          li{\r\n            &:nth-child(n+2){\r\n              margin-left: 10px;\r\n              padding-left: 10px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 420px) {\r\n  .and-many-more {\r\n    font-size: 37px;\r\n  }\r\n  // Chat Box //\r\n  .chat-box {\r\n    .chat-right-aside {\r\n      .chat {\r\n        .chat-header {\r\n          display: block;\r\n          .chat-menu-icons {\r\n            justify-content: flex-start;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .chat-history {\r\n      .call-icons {\r\n        ul {\r\n          li {\r\n            width: 40px;\r\n            height: 40px;\r\n            a {\r\n              line-height: 1;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .chat-menu{\r\n      &.show{\r\n        top:102px;\r\n      }\r\n    }\r\n    .chat-menu{\r\n      width:260px;\r\n      .people-list{\r\n        ul{\r\n          &.list{\r\n            height:360px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .chat-menu{\r\n    top:120px;\r\n  }\r\n  .product-page-main {\r\n    .pro-group {\r\n      .pro-shop {\r\n        button {\r\n          display: block;\r\n          &:nth-child(n + 2) {\r\n            margin-top: 15px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .product-page-main .border-tab.nav-tabs .nav-item {\r\n    width: 100% !important;\r\n  }\r\n  .border-tab {\r\n    &.nav-tabs {\r\n      display: block;\r\n    }\r\n  }\r\n  .tabs-scoial{\r\n    &.border-tab{\r\n      &.nav-tabs {\r\n        .nav-item {\r\n          width: auto !important;\r\n          .nav-link{\r\n            padding: 8px 8px;\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // product page \r\n  .feature-products{\r\n    span.f-w-600{\r\n      padding-top: unset;\r\n      margin-bottom: 5px;\r\n    }    \r\n  }\r\n  //user\r\n  .custom-card {\r\n    .card-social {\r\n      li {\r\n        a{\r\n          width: 25px;\r\n          height: 25px;\r\n          font-size: 12px;\r\n        }\r\n        &:nth-child(n+2){\r\n          margin-left:5px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // emial application\r\n  .email-wrap {\r\n    .email-body {\r\n      .email-compose {\r\n        .compose-header{\r\n          display:block;\r\n          .btn{\r\n            margin-top:10px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // job search\r\n  .job-sidebar {\r\n    .job-left-aside{\r\n      padding:15px;\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 397px) {\r\n  .clockpicker-align-top {\r\n    top: 426px !important;\r\n  }\r\n}\r\n@media screen and (max-width: 360px) {\r\n  .datepicker {\r\n    width: 239px;\r\n  }\r\n  .add-post {\r\n    form {\r\n      .m-checkbox-inline {\r\n        label {\r\n          margin-bottom: 8px;\r\n          &:last-child {\r\n            margin-bottom: 0;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .map-js-height {\r\n    height: 250px;\r\n  }\r\n  .alert-theme {\r\n    font-size: 12px;\r\n    button {\r\n      right: 30px !important;\r\n    }\r\n    i {\r\n      display: none;\r\n    }\r\n    span {\r\n      + span {\r\n        + span {\r\n          padding: 15px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .bar-chart-widget {\r\n    .earning-details {\r\n      i {\r\n        right: -73px;\r\n      }\r\n    }\r\n  }\r\n  .widget-joins {\r\n    .border-after-xs {\r\n      &:after {\r\n        width: 92%;\r\n      }\r\n    }\r\n  }\r\n  // chart widget page css\r\n  .status-widget {\r\n    svg {\r\n      width: 18px;\r\n      height: 18px;\r\n    }\r\n  }\r\n  // user cards page css\r\n  .custom-card {\r\n    .card-footer {\r\n      > div {\r\n        h6 {\r\n          font-size: 12px;\r\n          h3 {\r\n            font-size: 16px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .main .langChoice {\r\n    padding: 4px 7px;\r\n    width: 30%;\r\n    position: unset;\r\n    margin-right: auto;\r\n    margin-top: 15px;\r\n  }\r\n  // social app page css\r\n  .tabs-scoial {\r\n    &.border-tab {\r\n      &.nav-tabs {\r\n        .nav-item {\r\n          .nav-link {\r\n            padding: 10px 5px;\r\n            font-size: 14px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }  \r\n  .social-chat {\r\n    .other-msg {\r\n      margin-left: 15px;\r\n    }\r\n  }\r\n  .social-header {\r\n    h5 {\r\n      span.pull-right {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n  // timeline small page css\r\n  .timeline-small {\r\n    .media {\r\n      .timeline-round {\r\n        &.timeline-line-1 {\r\n          &:after {\r\n            bottom: -74px;\r\n            height: 56px;\r\n          }\r\n        }\r\n        &.small-line {\r\n          &:after {\r\n            bottom: -32px;\r\n            height: 14px;\r\n          }\r\n        }\r\n        &.medium-line {\r\n          &:after {\r\n            bottom: -59px;\r\n            height: 40px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // landing page css start\r\n  .and-many-more {\r\n    font-size: 30px;\r\n  }\r\n  .landing-main {\r\n    .section-space {\r\n      .landing-header {\r\n        h2 {\r\n          font-size: 18px;\r\n        }\r\n      }\r\n      p {\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  }\r\n  .bg-sky-blue {\r\n    .main-landing {\r\n      .landing-main-content {\r\n        h3 {\r\n          font-size: 22px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // landing page css ends\r\n  .custom-card {\r\n    .dashboard-card {\r\n      padding-top: 0;\r\n    }\r\n  }\r\n  .flot-chart-container {\r\n    height: 230px;\r\n  }\r\n  .map-block {\r\n    height: 250px;\r\n  }\r\n  .img-cropper {\r\n    .docs-tooltip {\r\n      font-size: 11px;\r\n    }\r\n    .docs-toggles {\r\n      .btn-group {\r\n        .btn {\r\n          padding: 0.375rem 0.2rem;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .blog-box {\r\n    .blog-details {\r\n      p {\r\n        line-height: 1.5;\r\n      }\r\n      .blog-social {\r\n        li:last-child {\r\n          padding-left: 0;\r\n        }\r\n      }\r\n    }\r\n    .blog-details-main {\r\n      .blog-social {\r\n        li {\r\n          padding: 0 10px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .button-builder-wrap {\r\n    .btn-lg {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n  /* responsive material tabs*/\r\n  .border-tab.nav-tabs {\r\n    .nav-item {\r\n      .nav-link {\r\n        padding: 10px 0px;\r\n      }\r\n    }\r\n  }\r\n  .tabs-responsive-side {\r\n    max-width: 100%;\r\n  }\r\n  //default dashboard\r\n  .browser-widget {\r\n    .media {\r\n      i {\r\n        font-size: 52px;\r\n      }\r\n      .media-body {\r\n        h4 {\r\n          font-size: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .bar-chart-widget {\r\n    .bottom-content {\r\n      .num {\r\n        font-size: 20px;\r\n      }\r\n    }\r\n  }\r\n  // from wizard two\r\n  .stepwizard {\r\n    .stepwizard-row {\r\n      .stepwizard-step {\r\n        .btn {\r\n          padding: 6px 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .user-status {\r\n    table {\r\n      tbody {\r\n        img {\r\n          height: 40px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .xs-width-100 {\r\n    min-width: 100%;\r\n  }\r\n  // email app\r\n  .email-wrap {    \r\n    .email-right-aside {\r\n      .email-content {\r\n        .email-wrapper {\r\n          .attachment {\r\n            ul {\r\n              li {\r\n                img {\r\n                  width: 65px;\r\n                  height: 65px;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .email-top {\r\n        .dropdown-menu {\r\n          left: -58px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // form-builder\r\n  .form-builder {\r\n    #components {\r\n      .component {\r\n        .form-group {\r\n          #button1id {\r\n            margin-bottom: 15px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // list wish\r\n  .prooduct-details-box {\r\n    .media {\r\n      display: block;\r\n      // padding: 15px;\r\n      .media-body {\r\n        margin-top: 15px;\r\n        margin-left: unset !important;\r\n      }\r\n    }\r\n  }\r\n  // mega-menu\r\n  .mega-menu-p {\r\n    padding: 0 23px !important;\r\n  }\r\n  // according\r\n  .default-according {\r\n    .card {\r\n      .card-header {\r\n        i {\r\n          font-size: 14px;\r\n          top: 24px;\r\n        }\r\n      }\r\n      .btn-link {\r\n        display: block;\r\n        width: 100%;\r\n        padding-left: 17px;\r\n      }\r\n    }\r\n  }\r\n  //rating\r\n  .star-ratings {\r\n    .stars {\r\n      .title {\r\n        line-height: 1;\r\n      }\r\n    }\r\n  }\r\n  // touchspin page\r\n  .bootstrap-touchspin {\r\n    .touchspin-vertical-tab {\r\n      .input-group{\r\n        width:93% !important;\r\n      }\r\n    }\r\n  }\r\n  // form-wizard-four page\r\n  .step-container {\r\n    height: 280px !important;\r\n  }\r\n  // jsgrid-table page\r\n  .sort-panel {\r\n    .d-inline {\r\n      .btn {\r\n        margin-left: 87px;\r\n      }\r\n    }\r\n  }\r\n  // jsgrid-table css\r\n  .jsgrid {\r\n    .jsgrid-pager-container {\r\n      .jsgrid-pager {\r\n        .jsgrid-pager-page {\r\n          padding: 0.5em 0.62em;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // chat page\r\n  .chat-box {\r\n    .chat-right-aside {\r\n      flex: 0 0 96%;\r\n      max-width: 96%;\r\n      .chat {\r\n        .chat-message {\r\n          width: calc(100% - 20px);\r\n        }\r\n      }\r\n    }\r\n  }\r\n  // error 400 page\r\n  .error-wrapper {\r\n    .error-heading {\r\n      .headline {\r\n        font-size: 100px;\r\n      }\r\n    }\r\n  }\r\n  // gallery page\r\n  .lg-toolbar {\r\n    .lg-icon {\r\n      width: 40px;\r\n    }\r\n  }\r\n  // calender page\r\n  .calendar-wrap {\r\n    a.fc-more {\r\n      font-size: 0.59em;\r\n    }\r\n    .fc {\r\n      th {\r\n        font-size: 10px;\r\n      }\r\n    }\r\n  }\r\n}\r\n@media screen and (min-width:768px) {\r\n  .product-wrapper-grid {\r\n    &.list-view {\r\n      .ribbon{\r\n        display: none;\r\n      }\r\n      .col-sm-6 {\r\n        flex: 0 0 50%;\r\n        max-width: 50%;\r\n      }\r\n    }\r\n  }\r\n}\r\n/**=====================\r\n     62. Responsive CSS Ends\r\n==========================**/\r\n","/**=====================\n     62. Responsive CSS Start\n==========================**/\n@media screen and (max-width: 1660px) {\n  .blog-list .blog-details p {\n    width: 100%;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  .photos ul li {\n    width: 22%;\n  }\n  .vertical-menu-main .mega-menu {\n    width: 1200px !important;\n    max-width: 1200px !important;\n    left: 0px !important;\n  }\n  .user-status table thead tr th:nth-child(3) {\n    min-width: 124px;\n  }\n  .user-status table tbody tr td:first-child {\n    min-width: 278px;\n  }\n  .employee-status table tbody tr td:first-child {\n    min-width: 300px;\n  }\n  .bar-chart canvas {\n    width: 100% !important;\n  }\n  .main-header-right .main-header-right .left-menu-header .orm-control-plaintext .form-inline {\n    width: auto !important;\n  }\n  .chat-box .chat-history .call-icons {\n    margin-bottom: 15px;\n  }\n  .chat-box .chat-history .call-icons ul li {\n    width: 45px;\n    height: 45px;\n  }\n  .chat-box .chat-history .call-icons ul li a {\n    font-size: 18px;\n  }\n  .chat-box .chat-history .total-time h2 {\n    font-size: 40px;\n    color: #898989;\n    margin-bottom: 10px;\n  }\n  .chat-box .chat-history .call-content .btn {\n    width: auto;\n    margin: 0 auto;\n  }\n  .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li:nth-child(n+2) {\n    margin-left: 10px;\n  }\n  .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i {\n    font-size: 18px;\n  }\n  .chat-left-aside .people-list {\n    height: 520px;\n  }\n  .chat-box .chat-right-aside .chat .chat-msg-box {\n    height: 440px;\n  }\n  .chat-box .people-list ul {\n    max-height: 450px;\n    overflow: auto;\n  }\n  .call-chat-body .chat-box {\n    overflow: hidden;\n    height: 625px;\n  }\n  .call-chat-body .chat-box .people-list ul {\n    max-height: 500px;\n    overflow: auto;\n  }\n  .caller-img img {\n    opacity: 0.7;\n  }\n  .chat-box .chat-history .receiver-img {\n    margin-top: 25px;\n  }\n  .chat-box .chat-history .call-content {\n    min-height: 545px;\n  }\n  .search-page .search-vid-block > div {\n    margin-top: 30px;\n  }\n  .user-profile .photos ul li {\n    width: 21%;\n  }\n  .email-wrap .email-right-aside .email-profile .inbox p {\n    width: calc(100% - 300px);\n    max-width: 500px;\n  }\n}\n@media screen and (max-width: 1550px) {\n  .bg-gallery {\n    height: 90vh;\n  }\n  .email-wrap .email-content .email-top .user-emailid:after {\n    display: none;\n  }\n  .email-wrap .email-top .email-right {\n    display: none;\n  }\n  .cal-date-widget .datepicker {\n    width: unset;\n  }\n}\n@media screen and (max-width: 1440px) {\n  .target-sec .card-header ul.target-list li:nth-child(n+2) p {\n    padding: 0 5px;\n  }\n  .bg-gallery {\n    height: 85vh;\n    min-height: 700px;\n  }\n  .landing_gallery_section_img:before {\n    content: \"\";\n    height: 300px;\n    background: linear-gradient(to top, #01397d 8%, transparent 92%);\n  }\n  .page-main-header .main-header-right .left-menu-header {\n    padding-left: 30px;\n    padding-right: 30px;\n  }\n}\n@media screen and (min-width: 1200px) and (max-width: 1660px) {\n  .latest-articles .card-body .media .m-r-30 {\n    margin-right: 10px;\n  }\n  .whishlist-main .prooduct-details-box .btn {\n    top: 0;\n    bottom: unset;\n    right: unset;\n    left: 0;\n  }\n  .whishlist-main .col-xl-2 {\n    width: 25%;\n  }\n  .xl-none {\n    display: none;\n  }\n  .xl-60 {\n    max-width: 60%;\n    flex: 0 0 60%;\n  }\n  .xl-30 {\n    max-width: 30%;\n    flex: 0 0 30%;\n  }\n  .xl-33 {\n    max-width: 33.33333%;\n    flex: 33.33333%;\n  }\n  .xl-35 {\n    max-width: 35%;\n    flex: 35%;\n  }\n  .xl-65 {\n    max-width: 65%;\n    flex: 65%;\n  }\n  .xl-60 {\n    max-width: 60%;\n    flex: 60%;\n  }\n  .xl-70 {\n    max-width: 70%;\n    flex: 70%;\n  }\n  .xl-50 {\n    max-width: 50%;\n    flex: 0 0 50%;\n  }\n  .xl-100 {\n    max-width: 100%;\n    width: 100%;\n    flex: 0 0 100%;\n  }\n  .xl-23 {\n    max-width: 23%;\n    flex: 0 0 23%;\n  }\n  .xl-25 {\n    max-width: 25%;\n    flex: 0 0 25%;\n  }\n  .xl-40 {\n    max-width: 40%;\n    flex: 0 0 40%;\n  }\n  .xl-4 {\n    max-width: 33.33%;\n    flex: 0 0 33.33%;\n  }\n  .xl-cs-65 {\n    max-width: 65%;\n    flex: 0 0 65%;\n  }\n  .xl-cs-35 {\n    max-width: 35%;\n    flex: 0 0 35%;\n    order: -1;\n  }\n  .product-page-main .owl-item .item {\n    border: 1px solid #f4f4f4;\n    border-radius: 5px;\n  }\n  .product-page-main .proorder-xl-3 {\n    order: 3;\n  }\n  .owl-carousel .owl-item img {\n    max-width: 420px;\n    margin: 0 auto;\n  }\n}\n@media screen and (max-width: 1580px) and (min-width: 768px) {\n  .product-filter.new-products .owl-theme .owl-item .item .product-box .media {\n    display: block;\n  }\n  .product-filter.new-products .owl-theme .owl-item .item .product-box .media .product-img {\n    width: 100%;\n  }\n  .product-filter.new-products .owl-theme .owl-item .item .product-box .product-details {\n    padding: 15px 0;\n  }\n}\n@media screen and (max-width: 1580px) and (min-width: 1200px) {\n  .docs-buttons,\n  .docs-toggles {\n    flex: 0 0 100%;\n    max-width: 100%;\n  }\n  .bg-sky-blue .main-landing {\n    height: 765px;\n  }\n}\n@media screen and (min-width: 1200px) and (max-width: 1214px) {\n  .product-thumbnail, .product-main {\n    flex: 0 0 auto;\n    width: 100% !important;\n  }\n  .product-thumbnail {\n    margin-top: 15px;\n  }\n}\n@media screen and (min-width: 1200px) and (max-width: 1366px) {\n  .knowledgebase-bg {\n    height: 400px;\n  }\n  .custom-card .card-footer > div {\n    padding: 10px 0;\n  }\n  .card-activity ::-webkit-scrollbar {\n    width: 5px;\n  }\n  .card-activity ::-webkit-scrollbar-track {\n    background: #d0efe9;\n  }\n  .card-activity ::-webkit-scrollbar-thumb {\n    background: #24695c;\n  }\n  .card-activity h5 {\n    font-size: 18px !important;\n  }\n  .card-activity .setting-list {\n    display: none;\n  }\n  .crm-activity span {\n    display: none;\n  }\n  .vertical-menu-mt .crm-activity {\n    height: 298px;\n  }\n  .pixelstrap a {\n    padding-left: 18px;\n  }\n  .pixelstrap a:hover, .pixelstrap a:focus, .pixelstrap a:active {\n    padding-left: 18px;\n  }\n  .flot-chart-container-small {\n    height: 227px;\n  }\n  .call-chat-sidebar {\n    max-width: 260px;\n  }\n  .product-box .product-details {\n    padding: 15px;\n  }\n  .flot-chart-container {\n    height: 282px;\n  }\n  .custom-card .card-profile img {\n    height: 80px;\n  }\n  .custom-card .profile-details h4 {\n    font-size: 18px;\n  }\n  .custom-card .profile-details h6 {\n    margin-bottom: 24px;\n  }\n  .custom-card .card-footer > div h3 {\n    font-size: 18px;\n  }\n  .crm-activity {\n    height: 291px;\n    overflow-y: auto;\n  }\n  .crm-activity .media .media-body .dates {\n    display: flex;\n  }\n  .calender-widget .cal-date {\n    width: 95px;\n    height: 95px;\n  }\n  .calender-widget .cal-date h5 {\n    line-height: 1.4;\n    padding: 13px;\n  }\n  .chat-body {\n    padding: 10px;\n  }\n  .chat-box .chat-history .call-content .btn {\n    font-size: 15px;\n  }\n  .chat-box .chat-history .total-time h2 {\n    font-size: 30px;\n  }\n  .chat-box .chat-history .receiver-img {\n    margin-top: 30px;\n    margin-bottom: 30px;\n  }\n  .chat-box .chat-history .call-icons {\n    margin-top: 20px;\n    margin-bottom: 20px;\n  }\n  .chat-box .chat-history .call-icons ul li {\n    width: 45px;\n    height: 45px;\n  }\n  .chat-box .user-image {\n    width: 30px;\n    height: 30px;\n    margin-top: 3px;\n    margin-right: 3px;\n  }\n  .chat-box .about {\n    margin-top: 0;\n  }\n  .chat-box .border-tab.nav-tabs .nav-item a {\n    padding: 13px 4px !important;\n    color: #59667a !important;\n    letter-spacing: 0;\n  }\n  .chat-box .chat-menu .people-list ul.list {\n    max-height: 376px;\n    overflow-y: auto;\n  }\n  .chat-left-aside .people-list {\n    height: 420px;\n  }\n  .chat-left-aside .people-list ul {\n    max-height: 376px;\n    overflow-y: auto;\n  }\n  .chat-left-aside .status-circle {\n    top: 4px;\n    left: 36px;\n  }\n  .blog-box .blog-details-main .blog-bottom-details {\n    margin: 20px 10px;\n  }\n  .blog-box .blog-details-main .blog-social li {\n    padding: 0px 5px;\n  }\n  .blog-box.blog-shadow .blog-details {\n    padding: 15px;\n  }\n  .comment-box .media img {\n    margin-right: 25px;\n  }\n  .comment-box ul ul {\n    margin-left: 50px;\n  }\n  .browser-widget img {\n    height: 50px;\n  }\n  .browser-widget .media-img {\n    margin-left: auto;\n    margin-right: auto;\n    margin-bottom: 15px;\n  }\n  .email-wrap .email-left-aside .email-app-sidebar .media {\n    display: block;\n  }\n  .email-wrap .email-left-aside .email-app-sidebar .media .media-size-email {\n    width: 100%;\n    text-align: center;\n  }\n  .email-wrap .email-left-aside .email-app-sidebar .media .media-size-email img {\n    margin-bottom: 10px;\n  }\n  .email-wrap .email-left-aside .email-app-sidebar .media .media-size-email .me-3 {\n    margin-right: 0 !important;\n  }\n  .email-wrap .email-left-aside .email-app-sidebar .media .media-body {\n    text-align: center;\n  }\n  .email-wrap .email-right-aside .email-body .attachment ul li img {\n    width: 73px;\n    height: 73px;\n  }\n  .email-wrap .email-right-aside .email-body .email-top {\n    line-height: 50px;\n  }\n  .email-wrap .email-right-aside .email-body .email-top h5 {\n    padding: 13px 0;\n  }\n  .email-wrap .email-right-aside .email-body .inbox .media-body {\n    text-align: center;\n  }\n  .email-wrap .email-right-aside .email-body .inbox .media-body h6 {\n    font-size: 14px;\n  }\n  .email-wrap .email-right-aside .email-body .email-compose .cke_contents.cke_reset {\n    max-height: 144px;\n    width: 99%;\n  }\n  .email-wrap .email-right-aside .email-body .email-compose .compose-border {\n    margin: 0;\n  }\n  .email-wrap .media-body p {\n    font-size: 13px;\n  }\n  .alert-dismissible p {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 181px;\n  }\n  .bootstrap-touchspin .touchspin-vertical-tab .input-group {\n    width: 96% !important;\n  }\n  .blog-list .blog-details h6 {\n    padding-bottom: 0;\n    margin-bottom: 0;\n    border: none;\n  }\n  .blog-box .blog-date span {\n    font-weight: 500;\n  }\n}\n@media screen and (max-width: 1470px) {\n  .edit-profile .profile-title .media {\n    display: block;\n  }\n  .edit-profile .profile-title .media .media-body {\n    margin-left: unset;\n    margin-top: 10px;\n  }\n  .user-profile .photos ul li {\n    width: 20%;\n  }\n  .email-wrap .email-right-aside .email-profile .inbox p {\n    width: calc(100% - 300px);\n    max-width: 500px;\n  }\n}\n@media screen and (max-width: 1366px) {\n  .email-wrap .email-content .email-top .user-emailid:after {\n    display: none;\n  }\n  .lnb-calendars {\n    display: block !important;\n    text-align: right;\n  }\n  .page-main-header .main-header-right .nav-right .nav-menus {\n    padding: 20px 35px;\n  }\n  .span.ace_indent-guide {\n    display: none;\n  }\n  .grid-options ul li:last-child {\n    display: none;\n  }\n  .product-wrapper-grid .col-xl-3 {\n    padding-left: 8px;\n    padding-right: 8px;\n  }\n  .product-wrapper-grid.list-view .product-box .product-img {\n    width: 25%;\n  }\n  .product-price {\n    font-size: 14px;\n  }\n  .product-box .product-img .product-hover ul li {\n    width: 35px;\n    height: 35px;\n  }\n  .product-box .product-details h4 {\n    font-size: 18px;\n  }\n  .cart .qty-box {\n    width: 40%;\n  }\n  .alert-dismissible strong ~ p {\n    display: inline;\n  }\n  .learning-box .details-main {\n    margin: 20px;\n  }\n  .learning-box .details-main h6 {\n    font-size: 18px;\n  }\n  .timeline-small .media .media-body p {\n    width: 95%;\n  }\n  .timeline-small .media .timeline-round.timeline-line-1:after {\n    bottom: -66px;\n  }\n  .map-js-height {\n    height: 350px;\n  }\n  .browser-widget .media {\n    flex-wrap: wrap;\n  }\n  .browser-widget .media .media-body h3 {\n    font-size: 20px;\n  }\n  .browser-widget .media .media-body p {\n    margin-bottom: 2px;\n  }\n  .browser-widget .media .media-body h4 {\n    font-size: 20px;\n  }\n  .testimonial i {\n    font-size: 46px;\n  }\n  .testimonial p {\n    margin-top: 20px;\n  }\n  .cal-date-widget .datepicker {\n    margin: 0 auto;\n    width: unset;\n  }\n  .company-card {\n    padding: 20px;\n  }\n  .static-top-widget .media-body h3 {\n    font-size: 30px;\n  }\n  .static-top-widget .media-body .icon-bg {\n    right: -21px;\n  }\n  .widget-joins .media {\n    padding: 20px;\n  }\n  .widget-joins .media .media-body h3 {\n    font-size: 20px;\n  }\n  .left-bookmark ul li button {\n    font-size: 13px;\n  }\n  .photos ul li {\n    width: 21%;\n  }\n  .chat-box .chat-right-aside .chat .chat-msg-box {\n    height: 420px;\n  }\n  .chat-box .chat-right-aside .chat .chat-msg-box .chat-user-img {\n    margin-top: -30px;\n  }\n  .chat-box .chat-right-aside .chat .chat-msg-box .message {\n    width: 100%;\n    padding: 15px;\n  }\n  .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i {\n    font-size: 20px;\n  }\n  .chat-box .chat-history .call-content {\n    min-height: 512px;\n  }\n  .chat-right-aside .chat .chat-message .smiley-box {\n    width: 45px;\n  }\n  .chat-box .chat-history .receiver-img img {\n    height: 150px;\n  }\n  .call-chat-body .chat-box {\n    overflow: hidden;\n    height: 595px;\n  }\n  .calender-widget .cal-desc p {\n    max-height: 88px;\n    overflow: auto;\n  }\n  .equal-height-xl {\n    height: 517px;\n  }\n  .authentication-main .auth-innerright {\n    background-size: cover;\n  }\n  .grp-btns {\n    display: inline-block;\n  }\n  .button-builder .button-generator-bx {\n    position: relative;\n    width: 100%;\n  }\n  .page-builder .btn-group {\n    display: inline-block;\n    margin-bottom: 10px;\n  }\n  .page-builder .btn-grid {\n    margin-bottom: 15px;\n    margin-right: 0px;\n    border-right: none;\n    display: inline-block;\n  }\n  .page-builder .ge-canvas.ge-layout-desktop {\n    margin-top: 50px;\n  }\n  .ecommerce-widget h6 {\n    font-size: 14px;\n  }\n  .ecommerce-widget .total-num {\n    letter-spacing: 0px;\n  }\n  .support-ticket .pro-gress .progress-showcase {\n    margin-top: 15px;\n  }\n  .support-ticket-font .total-num {\n    font-size: 20px;\n  }\n  .custom-card {\n    padding: 15px;\n  }\n  .custom-card .card-social li a {\n    width: 30px;\n    height: 30px;\n  }\n  .map-chart .chart-container {\n    height: 300px;\n  }\n  .speed-chart .chart-container {\n    height: 250px;\n    margin-top: -40px;\n    margin-bottom: 100px;\n  }\n  .candidcahrt {\n    height: 360px;\n  }\n  .status-details h3 {\n    font-size: 18px;\n  }\n  .chart-widget-top .total-value {\n    font-size: 20px;\n  }\n  .status-widget .card-body {\n    padding: 10px;\n  }\n  .browser-widget .media {\n    flex-wrap: wrap;\n  }\n  .browser-widget .media .media-body h3 {\n    font-size: 20px;\n  }\n  .browser-widget .media .media-body p {\n    margin-bottom: 2px;\n  }\n  .browser-widget .media .media-body h4 {\n    font-size: 20px;\n  }\n  .testimonial i {\n    font-size: 46px;\n  }\n  .testimonial p {\n    margin-top: 20px;\n  }\n  .cal-date-widget .datepicker {\n    margin: 0 auto;\n    width: unset;\n  }\n  .company-card {\n    padding: 20px;\n  }\n  .static-top-widget .media-body h3 {\n    font-size: 30px;\n  }\n  .static-top-widget .media-body .icon-bg {\n    right: -21px;\n  }\n  .widget-joins .media {\n    padding: 20px;\n  }\n  .widget-joins .media .media-body h3 {\n    font-size: 20px;\n  }\n  .chat-body {\n    padding: 10px;\n  }\n  .chat-box .chat-history .call-content .btn {\n    font-size: 15px;\n  }\n  .chat-box .chat-history .total-time h2 {\n    font-size: 30px;\n  }\n  .chat-box .chat-history .receiver-img {\n    margin-top: 30px;\n    margin-bottom: 30px;\n  }\n  .chat-box .chat-history .call-icons {\n    margin-top: 20px;\n    margin-bottom: 20px;\n  }\n  .chat-box .chat-history .call-icons ul li {\n    width: 45px;\n    height: 45px;\n  }\n  .chat-box .user-image {\n    width: 45px;\n    height: 45px;\n  }\n  .chat-box .about {\n    margin-top: 0;\n  }\n  .chat-box .border-tab.nav-tabs .nav-item a {\n    padding: 13px 4px !important;\n    color: #59667a !important;\n    letter-spacing: 0;\n    font-size: 12px !important;\n  }\n  .chat-box .chat-menu .people-list ul.list {\n    max-height: 376px;\n    overflow-y: auto;\n  }\n  .chat-left-aside .people-list {\n    height: 490px;\n  }\n  .chat-left-aside .people-list ul {\n    max-height: 434px;\n    overflow-y: auto;\n  }\n  .status-circle {\n    top: 4px;\n    left: 37px;\n  }\n  .mega-menu .onhover-show-div {\n    left: 164px;\n  }\n  .img-cropper .docs-toggles {\n    margin-top: 8px;\n  }\n  .bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content {\n    left: -21px;\n  }\n  #advance-5_wrapper .dataTables_paginate {\n    margin-bottom: 8px;\n  }\n  #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child {\n    width: 67px !important;\n  }\n  #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child {\n    width: 67px !important;\n  }\n  .reset-password-box .theme-form .form-group .btn {\n    padding: 6px 22px;\n  }\n  .cd-timeline-img {\n    width: 45px;\n    height: 45px;\n  }\n  .cd-timeline-img i {\n    font-size: 20px;\n  }\n}\n@media screen and (min-width: 1200px) and (max-width: 1365px) {\n  .redial-social-widget {\n    width: 90px;\n    height: 90px;\n  }\n  .redial-social-widget i {\n    width: 70px;\n    height: 70px;\n  }\n  .social-widget-card .card-body {\n    padding: 20px;\n  }\n  .social-widget-card h5 {\n    margin-bottom: 15px;\n  }\n  .widget-joins .media {\n    padding: 15px;\n  }\n  .widget-joins .media h5 {\n    font-size: 14px;\n  }\n  .widget-joins .media .media-body svg {\n    width: 25px;\n    height: 25px;\n  }\n  .widget-joins .media .media-body > span {\n    font-size: 13px;\n  }\n  .widget-joins .media .me-3 {\n    margin-right: 10px !important;\n  }\n  .testimonial p {\n    margin-top: unset;\n  }\n  .general-widget .custom-card .card-header img {\n    margin-top: -45px;\n  }\n}\n@media screen and (min-width: 992px) and (max-width: 1199px) {\n  .project-box {\n    padding: 20px;\n  }\n  .project-box .badge {\n    right: 10px;\n    top: 10px;\n    font-size: 8px;\n    padding: 5px;\n  }\n}\n@media screen and (max-width: 1280px) {\n  .blog-list .blog-details hr {\n    display: none;\n  }\n  .blog-list .blog-details p {\n    display: none;\n  }\n  .page-main-header .main-header-right .nav-right > ul > li {\n    margin-right: 10px;\n  }\n  .bg-gallery {\n    height: 108vh;\n  }\n  .img-gallery-set1,\n  .img-gallery-set5 {\n    display: none;\n  }\n  .box-layout.page-wrapper.horizontal-wrapper .page-main-header {\n    padding-left: unset;\n    max-width: unset;\n    left: unset;\n  }\n  .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper {\n    width: unset;\n  }\n  .user-profile .photos ul li {\n    width: 19%;\n  }\n  .user-profile .social-tab ul li:nth-child(n+2) {\n    margin-left: 10px;\n  }\n  .email-wrap .actions li:nth-child(n+2) {\n    margin-left: 10px;\n  }\n  .email-wrap .actions li .btn {\n    padding: 7px 20px;\n    text-transform: capitalize;\n  }\n}\n@media screen and (max-width: 1199px) {\n  .ttl-info {\n    display: none;\n  }\n  input[type=checkbox].tui-full-calendar-checkbox-round + span {\n    margin-right: 2px;\n    width: 4px;\n  }\n  .blog-list .blog-details p, .blog-list .blog-details hr {\n    display: block;\n  }\n  .profile-greeting .header-top {\n    text-align: center;\n  }\n  .profile-greeting .header-top .setting-list {\n    float: none;\n  }\n  .alert-theme {\n    max-width: 400px;\n  }\n  .vertical .page-main-header .main-header-right .vertical-mobile-sidebar {\n    display: block;\n  }\n  .mega-menu-header .main-header-right .vertical-mobile-sidebar {\n    display: block;\n    margin-right: 15px;\n  }\n  .page-main-header .main-header-right .nav-right.right-menu ul {\n    padding-left: 15px;\n    padding-right: 15px;\n  }\n  .page-main-header .main-header-right .main-header-left {\n    padding-left: 25px;\n    padding-right: 25px;\n  }\n  .page-wrapper .page-main-header .main-header-right .nav-right > ul li .submenu li:first-child {\n    padding-left: 15px !important;\n  }\n  .page-wrapper .page-main-header .main-header-right .mobile-sidebar .switch-sm .switch {\n    margin-top: 6px;\n  }\n  .page-main-header .main-header-right .nav-right .nav-menus {\n    padding: 20px 15px;\n  }\n  .grid-options ul li:nth-child(3) {\n    display: none;\n  }\n  .dashboard-default-sec .card.income-card .card-body .knob-block canvas, .dashboard-2-main .card.income-card .card-body .knob-block canvas {\n    width: 30%;\n    height: 30%;\n  }\n  .photos ul li {\n    width: 20%;\n  }\n  .timeline-small .media .timeline-round.timeline-line-1:after {\n    height: 33px;\n    bottom: -40px;\n  }\n  .timeline-small .media .timeline-round.small-line:after {\n    height: 28px;\n    bottom: -38px;\n  }\n  .timeline-small .media .timeline-round.medium-line:after {\n    height: 30px;\n    bottom: -40px;\n  }\n  .timeline-small .media .media-body h6 {\n    font-weight: 600;\n    margin-bottom: 30px;\n  }\n  .timeline-small .media .media-body h6 span {\n    font-weight: normal;\n    color: #999;\n  }\n  .timeline-small .media .media-body p {\n    width: 100%;\n  }\n  .bg-gallery {\n    height: 100vh;\n  }\n  .mt50 {\n    margin-top: 30px;\n  }\n  .landing-main .sticky .navbar-expand-xl .navbar-brand {\n    top: 8px;\n  }\n  .landing-main .sticky .navbar-expand-xl .navabr_btn-set {\n    top: 16px;\n  }\n  .landing-main .navbar-toggler span {\n    background-color: #fff;\n  }\n  .landing-main .navbar_nav_modify {\n    width: 100vw;\n    left: 0;\n    position: fixed;\n    height: 100vh;\n    background-color: #293240;\n    top: 0;\n    padding: 120px 0px;\n  }\n  .landing-main h4 {\n    font-size: 20px;\n  }\n  .landing-main .navbar-expand-xl .navabr_btn-set {\n    position: fixed;\n    top: 24px;\n    z-index: 1;\n    right: 20px;\n  }\n  .landing-main .navbar-expand-xl .navbar-brand {\n    padding-left: 5px;\n    z-index: 1;\n    position: fixed;\n    top: 14px;\n  }\n  .landing-main .navbar-expand-xl .navbar-collapse .navbar-nav .nav-item a {\n    padding: 28px 60px;\n    width: 16px;\n    margin: 0 auto;\n    text-align: center;\n    display: flex;\n    justify-content: center;\n  }\n  .landing-main .support-res {\n    text-align: center;\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n  }\n  .landing-main .navbar-expand-lg .navbar-brand {\n    padding-left: 5px;\n  }\n  .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {\n    padding: 9px;\n  }\n  .lg-mt-col {\n    margin-top: 30px;\n  }\n  .xl-none {\n    display: none;\n  }\n  .user-status table tbody tr td .d-inline-block {\n    margin-top: 10px;\n  }\n  .lg-mt {\n    margin-top: 30px;\n  }\n  .product-page-details {\n    margin-top: 30px;\n  }\n  .product-wrapper-grid.list-view .product-box .product-img {\n    width: 32%;\n  }\n  .debit-card {\n    order: 1;\n  }\n  .typography .row div + div {\n    margin-top: 30px;\n  }\n  .listing .card-body .row > div + div {\n    margin-top: 30px;\n  }\n  .flot-chart-container {\n    height: 250px;\n  }\n  .img-cropper #putData {\n    margin-bottom: 10px;\n  }\n  .img-cropper .docs-toggles > .dropdown {\n    margin-bottom: 0;\n  }\n  .error-wrapper .maintenance-icons li i {\n    color: #e6edef;\n    font-size: 40px;\n  }\n  .error-wrapper .maintenance-icons li:nth-child(2) i {\n    font-size: 80px;\n    margin-left: 90px;\n  }\n  .error-wrapper .maintenance-icons li:nth-child(3) i {\n    font-size: 120px;\n    margin-top: -75px;\n    margin-right: 110px;\n  }\n  div.dataTables_wrapper div.dataTables_paginate ~ .dataTables_filter {\n    display: block;\n    width: 100%;\n    margin-top: 20px;\n    margin-bottom: 0;\n  }\n  .jvector-map-height {\n    height: 280px;\n  }\n  .custom-card .card-profile .card-social li a {\n    padding: 8px;\n  }\n  .custom-card .card-profile img {\n    height: 90px;\n  }\n  .custom-card .card-profile .card-footer > div h3 {\n    font-size: 18px;\n  }\n  .custom-card .profile-details h4 {\n    font-size: 20px;\n  }\n  .custom-card .profile-details h6 {\n    margin-bottom: 20px;\n  }\n  .custom-card .card-footer > div h3 {\n    font-size: 18px;\n  }\n  .equal-height-lg {\n    min-height: unset !important;\n  }\n  .mega-menu .onhover-show-div {\n    height: 435px;\n    overflow-x: scroll;\n    left: 215px;\n  }\n  .mega-menu .mega-bg {\n    display: none;\n  }\n  .mega-menu .lg-mt {\n    margin-top: 25px;\n  }\n  .button-builder .button-generator-bx {\n    position: relative;\n    width: 100%;\n  }\n  .blog-single .comment-box ul .comment-social {\n    margin-left: 0;\n  }\n  .error-wrapper .maintenance-heading {\n    margin-top: 30px;\n  }\n  .error-wrapper .maintenance-heading .headline {\n    font-size: 50px;\n    margin-top: -15%;\n    margin-bottom: 0px;\n  }\n  .error-wrapper .maintenance-heading .cloud-second {\n    margin-top: -25px;\n  }\n  .mobile-clock-widget #date {\n    margin-top: 15px;\n  }\n  .social-widget-card .b-b-light {\n    padding: 15px;\n    margin-bottom: 15px;\n  }\n  .weather-widget-two .bottom-whetherinfo .whether-content {\n    top: 34px;\n  }\n  .cal-date-widget .cal-datepicker {\n    margin-top: 15px;\n  }\n  .static-top-widget .media-body .icon-bg {\n    width: 70px;\n    height: 70px;\n  }\n  .user-status table tbody tr th {\n    min-width: 120px;\n  }\n  .user-status table tbody tr td:first-child {\n    min-width: 295px;\n  }\n  .testimonial p {\n    margin-top: 17px;\n  }\n  .contact-form {\n    padding: 10px;\n  }\n  .contact-form .theme-form .form-icon {\n    margin-top: -57px;\n  }\n  .calender-widget .cal-date {\n    width: 90px;\n    height: 90px;\n  }\n  .calender-widget .cal-date h5 {\n    font-size: 16px;\n    padding: 18px;\n  }\n  .calender-widget .cal-desc {\n    padding: 14px;\n  }\n  .calender-widget .cal-desc p {\n    max-height: 114px;\n    overflow-y: auto;\n  }\n  .browser-widget {\n    padding: 0px;\n  }\n  .browser-widget img {\n    height: 50px;\n  }\n  .browser-widget .media .media-body h4 {\n    font-size: 17px;\n  }\n  .browser-widget .media .media-img {\n    width: 100%;\n    text-align: center;\n    margin-bottom: 10px;\n  }\n  .static-top-widget .media-body {\n    padding-left: 20px;\n  }\n  .widget-joins:before {\n    display: none;\n  }\n  .widget-joins .ps-0 {\n    padding-left: 15px !important;\n  }\n  .widget-joins .pe-0 {\n    padding-right: 15px !important;\n  }\n  .widget-joins .border-after-xs:after {\n    content: \"\";\n    position: absolute;\n    height: 1px;\n    width: 94%;\n    background-color: #efefef;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    margin: 0 auto;\n  }\n  .widget-joins .media .media-body svg {\n    width: 30px;\n    height: 30px;\n  }\n  .crm-overall .overall-chart {\n    height: 200px;\n  }\n  .product-page-main .proorder-lg-1 {\n    order: -1;\n  }\n  .chat-box .chat-menu {\n    background-color: #fff;\n  }\n  .chat-box .chat-menu .people-list ul.list {\n    max-height: 444px;\n    overflow-y: auto;\n  }\n  .chat-box .btn-lg {\n    font-size: 12px;\n  }\n  .chat-box .people-list ul {\n    height: auto;\n  }\n  .chat-box .chat-right-aside .chat .chat-header {\n    height: auto;\n  }\n  .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i {\n    font-size: 19px;\n  }\n  .chat-box .chat-right-aside .chat .chat-message {\n    margin: 0;\n    bottom: 15px;\n  }\n  .chat-box .chat-history .total-time h2 {\n    font-size: 25px;\n  }\n  .chat-box .chat-history .row .col-sm-7 {\n    padding-right: 0;\n  }\n  .chat-box .border-tab.nav-tabs {\n    width: 100%;\n  }\n  .chat-box .border-tab.nav-tabs .nav-item {\n    margin-right: 5px;\n  }\n  .chat-box .chat-left-aside .people-list {\n    height: 493px;\n  }\n  .chat-menu-icons {\n    display: block;\n    clear: both;\n    width: 100%;\n    text-align: right;\n  }\n  .chat-box .border-tab.nav-tabs .nav-item a {\n    height: auto;\n    line-height: 1.2;\n  }\n  .chat-history {\n    height: 447px;\n  }\n  .chat-box .toogle-bar {\n    display: inline-block;\n    margin-right: 0 !important;\n  }\n  .email-wrap .email-right-aside .email-body {\n    border-top-right-radius: 4px;\n    border-bottom-right-radius: 4px;\n  }\n  .email-wrap .email-right-aside .email-body .b-r-light {\n    border-right: none !important;\n  }\n  .email-wrap .email-right-aside .radius-left {\n    border-top-left-radius: 4px !important;\n    border-bottom-left-radius: 4px !important;\n  }\n  .email-wrap .email-aside-toggle {\n    display: block;\n  }\n  .email-wrap .email-sidebar {\n    position: relative;\n  }\n  .email-wrap .email-sidebar .email-aside-toggle {\n    margin-bottom: 20px;\n    width: fit-content;\n  }\n  .email-wrap .email-sidebar .email-left-aside {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    opacity: 0;\n    visibility: hidden;\n    z-index: 2;\n    width: 300px;\n    transition: all 0.5s ease;\n  }\n  .email-wrap .email-sidebar .email-left-aside.open {\n    visibility: visible;\n    opacity: 1;\n  }\n  .job-accordion .card {\n    margin-bottom: 20px;\n  }\n  .job-sidebar {\n    position: relative;\n  }\n  .job-sidebar .job-toggle {\n    display: block;\n    margin-bottom: 20px;\n  }\n  .job-sidebar .job-left-aside {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    margin-top: 20px;\n    opacity: 1;\n    visibility: hidden;\n    overflow-y: scroll;\n    z-index: 3;\n    max-width: 270px;\n    height: 600px;\n    background-color: #fff;\n    border: 1px solid #e6edef;\n    padding: 20px;\n  }\n  .job-sidebar .job-left-aside.open {\n    opacity: 1;\n    visibility: visible;\n  }\n  .learning-block > div:first-child {\n    order: 2;\n  }\n  .icon-lists div {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 209px;\n  }\n  .like-comment-lg-mb {\n    margin-bottom: 12px;\n  }\n  .ribbon-space-bottom {\n    top: 9px;\n  }\n  .bootstrap-touchspin .touchspin-vertical-tab .input-group {\n    width: 98.5% !important;\n  }\n  #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child {\n    width: 95px !important;\n  }\n  #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child {\n    width: 95px !important;\n  }\n  .profile-img-style #aniimated-thumbnials-3 {\n    text-align: center;\n  }\n  .user-profile .photos ul li {\n    width: 20%;\n  }\n  .user-profile .profile-header {\n    height: 380px;\n  }\n  .user-profile .profile-header .userpro-box {\n    max-width: 325px;\n    padding: 25px;\n  }\n  .user-profile .profile-header .userpro-box .icon-wrapper {\n    width: 30px;\n    height: 30px;\n    font-size: 13px;\n  }\n  .user-profile .profile-header .userpro-box .avatar {\n    width: 85px;\n    height: 85px;\n  }\n  .user-profile .profile-header .userpro-box h4 {\n    font-size: 18px;\n  }\n  .user-profile .profile-header .userpro-box h6 {\n    font-size: 14px;\n  }\n  .user-profile .social-media ul.user-list-social li a {\n    width: 28px;\n    height: 28px;\n  }\n  .social-tab {\n    padding: 20px;\n  }\n  .social-tab ul li a {\n    padding: 8px 10px;\n    font-size: 12px;\n  }\n  .social-tab .input-group .form-control {\n    height: 35px;\n  }\n  .vertical-menu-mt {\n    margin-top: 80px !important;\n  }\n  .vertical-menu-mt .xl-none {\n    display: block;\n  }\n  .sm {\n    position: fixed;\n    background-color: #fff;\n    width: 300px;\n    border-radius: 0;\n    border: 1px solid #e6edef;\n    top: 80px;\n    height: 100vh;\n    left: -300px;\n    z-index: 99;\n    transition: all 0.3s ease;\n    overflow: scroll;\n  }\n  .calendar-wrap .fc-day-grid-event {\n    width: 87%;\n  }\n}\n@media screen and (max-width: 1120px) {\n  .bg-gallery {\n    height: 94vh;\n  }\n  .social-tab .input-group {\n    width: 190px;\n  }\n}\n@media screen and (max-width: 1024px) {\n  .bg-gallery {\n    height: 90vh;\n  }\n  .bg-sky-blue .main-landing .position-cards .landing-card-9 {\n    left: 16%;\n    top: 8%;\n    width: 13%;\n  }\n  .bg-sky-blue .main-landing .position-cards .landing-square-2 {\n    left: 13%;\n    top: 6%;\n  }\n  .bg-sky-blue .main-landing .position-cards .landing-card-2 {\n    left: 32%;\n    top: 3%;\n    width: 30%;\n  }\n  .bg-sky-blue .main-landing .position-cards .landing-card-4 {\n    right: 16%;\n  }\n  .bg-sky-blue .main-landing .position-cards .landing-card-5 {\n    top: 11%;\n  }\n  .bg-sky-blue .main-landing .position-cards .landing-card-3 {\n    left: 3%;\n    bottom: 1%;\n    width: 32%;\n    right: unset;\n    top: unset;\n  }\n  .bg-sky-blue .main-landing .position-cards .landing-card-10 {\n    right: 5%;\n    top: 36%;\n    width: 40%;\n  }\n}\n@media screen and (max-width: 991px) {\n  .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu {\n    height: calc(100vh - 220px);\n  }\n  .page-wrapper.compact-wrapper .page-body-wrapper header .sidebar-user {\n    padding: 20px 30px;\n  }\n  .page-wrapper.compact-wrapper .page-body-wrapper header .sidebar-user .setting-primary {\n    top: 20px;\n  }\n  .page-wrapper.compact-wrapper .page-body-wrapper header .sidebar-user img {\n    width: 35px !important;\n    border-width: 3px !important;\n    float: left;\n  }\n  .page-wrapper.compact-wrapper .page-body-wrapper header .sidebar-user .badge-bottom {\n    display: none;\n  }\n  .page-wrapper.compact-wrapper .page-body-wrapper header .sidebar-user h6 {\n    margin-top: 0 !important;\n    padding-left: 50px;\n    text-align: left;\n    display: block;\n  }\n  .page-wrapper.compact-wrapper .page-body-wrapper header .sidebar-user p {\n    padding-left: 15px;\n    text-align: left;\n    max-width: 120px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n  .page-wrapper.compact-wrapper .page-body-wrapper header .sidebar-user ul {\n    margin-top: 10px;\n    border-top: 1px #cccccc dashed;\n    padding-top: 10px;\n  }\n  .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav {\n    top: 65px;\n    width: 120px !important;\n  }\n  .ttl-info {\n    display: block;\n  }\n  .page-wrapper .page-body-wrapper .page-body {\n    min-height: calc(100vh - 65px);\n    margin-top: 65px;\n  }\n  .customizer-contain {\n    top: 62px;\n  }\n  .mobile-clock-widget #date {\n    margin-top: 20px;\n  }\n  .m-r-30 {\n    margin-right: 20px;\n  }\n  .card.full-card {\n    top: 60px;\n    width: calc(100vw - 0px);\n  }\n  .card .sub-title {\n    font-size: 16px;\n  }\n  .card .card-header {\n    padding: 20px;\n  }\n  .card .card-header h5 {\n    font-size: 18px;\n  }\n  .card .card-body {\n    padding: 20px;\n  }\n  .card .card-footer {\n    padding: 20px;\n  }\n  .setting-list {\n    top: 18px;\n  }\n  .setting-list .setting-option {\n    height: 26px;\n  }\n  .setting-list .setting-option li:first-child i {\n    font-size: 14px;\n  }\n  .setting-list .setting-option li:first-child i.icon-angle-double-right {\n    font-size: 12px;\n  }\n  .setting-primary,\n  .setting-secondary,\n  .setting-white {\n    width: 26px;\n    height: 26px;\n  }\n  .trasaction-sec .transaction-totalbal {\n    padding-left: 20px;\n  }\n  .document.page-wrapper.horizontal-wrapper .page-main-header.document-header {\n    height: 60px;\n  }\n  .document-content .page-body {\n    margin-top: 90px !important;\n  }\n  .document-content ul.nav-pills {\n    max-height: calc(100vh - 84px);\n  }\n  .document-content .logo-wrapper {\n    display: none;\n  }\n  .vertical-mobile-sidebar {\n    right: 75px;\n    top: 18px;\n  }\n  .sm {\n    top: 80px;\n  }\n  .bg-gallery {\n    height: 85vh;\n  }\n  .bg-sky-blue .main-landing .landing-main-content {\n    margin: 0 auto;\n    text-align: center;\n    width: 100%;\n  }\n  .bg-sky-blue .main-landing .landing-main-content img {\n    display: unset !important;\n  }\n  .bg-sky-blue .main-landing .position-cards .landing-card-3 {\n    left: 3%;\n    bottom: 14%;\n    top: unset;\n  }\n  .bg-sky-blue .main-landing .position-cards .landing-card-10 {\n    left: 0%;\n    top: 3%;\n    width: 35%;\n  }\n  .bg-sky-blue .main-landing .position-cards .landing-card-8 {\n    left: 38%;\n    bottom: 18%;\n    width: 15%;\n  }\n  .bg-sky-blue .main-landing .position-cards .landing-square-1 {\n    bottom: 18%;\n    left: 38%;\n  }\n  .bg-sky-blue .main-landing .position-cards .landing-card-7 {\n    right: 17%;\n    bottom: 13%;\n  }\n  .bg-sky-blue .main-landing .position-cards .landing-card-6 {\n    right: -4%;\n    bottom: 15%;\n  }\n  .bg-sky-blue .main-landing .position-cards .landing-card-9 {\n    left: 34%;\n    top: 13%;\n    width: 10%;\n  }\n  .bg-sky-blue .main-landing .position-cards .landing-square-2 {\n    left: 32%;\n    top: 11%;\n  }\n  .bg-sky-blue .main-landing .position-cards .landing-card-2 {\n    right: 30%;\n    top: 10%;\n    width: 24%;\n    left: unset;\n  }\n  .bg-sky-blue .main-landing .position-cards .landing-card-5 {\n    right: -3%;\n  }\n  .viho-demo-section .gallery_content p,\n  .viho-demo-section .viho-demo-content p {\n    width: 70% !important;\n  }\n  .landing_gallery_section_img {\n    margin-bottom: -60px;\n  }\n  .landing_gallery_section_img .img-gallery-set3,\n  .landing_gallery_section_img .img-gallery-set2,\n  .landing_gallery_section_img .img-gallery-set4 {\n    bottom: 80px;\n  }\n  .landing_gallery_section_img:before {\n    height: 500px;\n  }\n  .landing-main .navbar-expand-lg .navbar-collapse {\n    position: absolute;\n    top: 90px;\n    background-color: rgb(255, 255, 255);\n    width: calc(100% - 30px);\n    border-radius: 5px;\n    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);\n    padding: 15px;\n  }\n  .gallery {\n    margin-bottom: -20px;\n  }\n  .my-gallery figure {\n    margin-bottom: 20px;\n  }\n  #aniimated-thumbnials figure:nth-child(12), #aniimated-thumbnials figure:nth-child(11), #aniimated-thumbnials figure:nth-child(10), #aniimated-thumbnials figure:nth-child(9) {\n    margin-bottom: 20px;\n  }\n  .photoswipe-pb-responsive {\n    padding-bottom: 25px !important;\n  }\n  .user-profile .photos ul li {\n    width: 19%;\n  }\n  .user-profile .profile-post .post-header .media img {\n    width: 50px;\n    height: 50px;\n  }\n  .user-profile .profile-post .post-header .media h5 {\n    font-size: 16px;\n  }\n  .user-profile .profile-post .post-header .media h6 {\n    font-size: 12px;\n  }\n  .page-wrapper .section-space {\n    padding: 60px 0;\n  }\n  .page-wrapper .card .card-header .tab-content .m-t-30,\n  .page-wrapper .card .card-body .tab-content .m-t-30,\n  .page-wrapper .card .card-footer .tab-content .m-t-30 {\n    margin-top: 20px !important;\n  }\n  .page-wrapper .card .card-header .tab-content .m-b-30,\n  .page-wrapper .card .card-body .tab-content .m-b-30,\n  .page-wrapper .card .card-footer .tab-content .m-b-30 {\n    margin-bottom: 20px !important;\n  }\n  .page-wrapper .page-body-wrapper .page-header {\n    padding-bottom: 25px;\n  }\n  .page-wrapper .page-body-wrapper .footer-fix {\n    margin-left: 0px;\n    padding-right: 15px;\n    width: calc(100% - 0px);\n  }\n  .page-wrapper.compact-wrapper .page-main-header {\n    margin-left: 0 !important;\n    width: calc(100% - 0px) !important;\n  }\n  .page-wrapper.compact-wrapper .page-main-header .main-header-right .logo-wrapper {\n    display: block;\n  }\n  .page-wrapper.compact-wrapper .page-main-header .main-header-right .toggle-nav {\n    display: none;\n  }\n  .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon header.main-nav {\n    top: 59px;\n    box-shadow: 0 4px 14px 0 rgba(4, 122, 251, 0.13);\n  }\n  .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon header.main-nav .logo-wrapper {\n    display: none;\n  }\n  .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon header.main-nav .sidebar-user {\n    padding: 20px;\n  }\n  .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon header.main-nav .sidebar-user .badge-bottom {\n    top: 86px;\n  }\n  .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon header.main-nav .main-navbar .nav-menu {\n    height: calc(100vh - 304px);\n  }\n  .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon header.main-nav.close_icon .main-navbar .nav-menu {\n    height: unset;\n  }\n  .page-wrapper .page-main-header .main-header-right {\n    margin: 0;\n  }\n  .page-wrapper .page-main-header .main-header-right .nav-right .notification {\n    top: 10px;\n  }\n  .page-wrapper .page-main-header .main-header-right .nav-right > ul {\n    top: 58px;\n    position: fixed;\n    z-index: -1;\n    background-color: #fff;\n    transition: all linear 0.3s;\n    border-top: 1px solid #e6edef;\n    box-shadow: 0 2px 2px 2px rgba(113, 113, 113, 0.08);\n    width: 100%;\n    left: 0;\n    padding: 0 20px;\n    transform: translateY(-35px) scaleY(0);\n    opacity: 0;\n    visibility: hidden;\n    height: 70px;\n  }\n  .page-wrapper .page-main-header .main-header-right .nav-right > ul.open {\n    z-index: 1;\n    opacity: 1;\n    transform: translateY(0px) scaleY(1);\n    visibility: visible;\n  }\n  .page-wrapper .page-main-header .main-header-right > .mobile-toggle {\n    display: flex;\n    padding-right: 20px;\n  }\n  .page-wrapper .page-main-header .main-header-right .main-header-left {\n    margin-right: 0;\n    padding: 15px 20px;\n  }\n  .page-wrapper .page-main-header .main-header-left .logo-wrapper img {\n    margin-top: 0;\n  }\n  .page-wrapper .page-main-header .left-menu-header {\n    padding: 15px 20px;\n  }\n  .page-wrapper .page-main-header .left-menu-header ul li i {\n    display: inline;\n  }\n  .page-wrapper.compact-sidebar.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu {\n    height: calc(100vh - 80px);\n    padding-top: 20px;\n    padding-bottom: 20px;\n  }\n  .page-wrapper.compact-sidebar.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu .dropdown .menu-content {\n    top: 60px;\n  }\n  .page-body-wrapper .page-body,\n  .page-body-wrapper footer {\n    margin-left: 0 !important;\n  }\n  .page-body-wrapper .page-body #customer-review .owl-stage-outer,\n  .page-body-wrapper footer #customer-review .owl-stage-outer {\n    width: 100% !important;\n  }\n  .page-body-wrapper .page-body .calender-widget .cal-desc p,\n  .page-body-wrapper footer .calender-widget .cal-desc p {\n    max-height: 101px;\n  }\n  .product-page-details h3 {\n    font-size: 22px;\n  }\n  .bookmark ul li a svg {\n    width: 12px;\n    height: 12px;\n  }\n  .crm-activity > li + li {\n    margin-top: 10px;\n    padding-top: 10px;\n  }\n  .add-post form .form-group {\n    margin-bottom: 20px;\n  }\n  .add-post .dropzone {\n    margin-bottom: 20px;\n  }\n  .customers.avatar-group {\n    margin-right: 20px;\n  }\n  .main .langChoice {\n    right: 20px;\n    top: 11px;\n  }\n  .socialprofile .social-btngroup {\n    margin: 20px 0;\n  }\n  .socialprofile .social-group {\n    margin-top: 20px;\n  }\n  .social-status form .form-group .form-control-social {\n    margin-bottom: 20px;\n  }\n  .social-status .media {\n    margin-bottom: 20px;\n  }\n  .timeline-content p,\n  .timeline-content .comments-box {\n    margin-top: 20px;\n  }\n  .social-chat {\n    margin-top: 20px;\n  }\n  .social-chat .media-body {\n    padding: 20px;\n  }\n  .social-chat .your-msg,\n  .social-chat .other-msg {\n    margin-bottom: 20px;\n  }\n  .social-network span {\n    margin-bottom: 20px;\n  }\n  .details-about + .details-about {\n    margin-top: 20px;\n  }\n  .activity-log .my-activity + .my-activity {\n    margin-top: 20px;\n  }\n  .new-users-social {\n    margin-bottom: 20px;\n  }\n  .timeline-small .media {\n    margin-bottom: 20px;\n  }\n  .timeline-small .media .media-body h6 {\n    margin-bottom: 20px;\n  }\n  .timeline-small .media .media-body p {\n    width: 75%;\n  }\n  .timeline-small .media .timeline-round {\n    width: 45px;\n    height: 45px;\n    top: -14px;\n  }\n  .timeline-small .media .timeline-round.timeline-line-1:after {\n    bottom: -41px;\n    height: 25px;\n  }\n  .timeline-small .media .timeline-round.small-line:after {\n    bottom: -26px;\n    height: 14px;\n  }\n  .timeline-small .media .timeline-round.medium-line:after {\n    bottom: -33px;\n    height: 17px;\n  }\n  .timeline-small .media .timeline-round svg {\n    top: 14px;\n  }\n  .landing-main .section-space {\n    padding: 60px 0;\n  }\n  .landing-main .section-space p {\n    font-size: 15px;\n  }\n  .landing-main .navbar-expand-lg .navbar-toggler {\n    background-color: #fff;\n  }\n  .landing-main .navbar-expand-lg .navbar-toggler .navbar-toggler-icon i {\n    margin-top: 5px;\n    color: #24695c;\n  }\n  .landing-main .navbar-expand-lg .navbar-collapse {\n    background-color: #fff;\n    z-index: 111;\n  }\n  .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {\n    color: #000;\n  }\n  .landing-main .footer-bg h2 {\n    font-size: 28px;\n  }\n  .helper-classes {\n    padding: 20px;\n  }\n  .floated-customizer-btn,\n  .floated-customizer-panel {\n    display: none;\n  }\n  .page-builder .ge-canvas.ge-editing .row {\n    padding: 20px;\n  }\n  .weather-widget-two .bottom-whetherinfo .whether-content {\n    top: -15px;\n  }\n  .social-widget-card .b-b-light {\n    padding: 20px;\n    margin-bottom: 20px;\n  }\n  .ecommerce-widget .progress-showcase {\n    margin-top: 20px;\n  }\n  .crm-overall {\n    margin: 0 -20px -20px;\n  }\n  .product-page-main {\n    padding: 20px;\n  }\n  .grid-options ul li:nth-child(3) {\n    display: none;\n  }\n  .feature-products form .form-group i {\n    right: 20px;\n  }\n  .tabbed-card ul {\n    padding: 18px 15px;\n  }\n  .tabbed-card ul {\n    top: -5px;\n  }\n  .tabbed-card ul.border-tab.nav-tabs {\n    padding: 0;\n  }\n  .tabbed-card ul.border-tab.nav-tabs .nav-item .nav-link {\n    padding: 18px 15px;\n  }\n  .tilt-showcase .tilt-image {\n    text-align: center;\n  }\n  .tilt-showcase .mt-4 {\n    margin-top: 20px !important;\n  }\n  .todo .todo-list-wrapper .mark-all-tasks {\n    top: 20px;\n    right: 20px;\n  }\n  .custom-card {\n    padding-bottom: 0;\n  }\n  .custom-card .card-footer {\n    padding: 0;\n  }\n  .custom-card .card-header {\n    border: none;\n  }\n  .custom-card .dashboard-card {\n    padding: 0;\n  }\n  .display-1 {\n    font-size: 4rem;\n  }\n  .display-2 {\n    font-size: 3.5rem;\n  }\n  .display-3 {\n    font-size: 2.5rem;\n  }\n  .display-4 {\n    font-size: 1.5rem;\n  }\n  .typography .h1 {\n    font-size: 34px;\n  }\n  .typography .h2 {\n    font-size: 30px;\n  }\n  .typography .h3 {\n    font-size: 26px;\n  }\n  .typography .h4 {\n    font-size: 22px;\n  }\n  .typography .h5 {\n    font-size: 18px;\n  }\n  .typography .h6 {\n    font-size: 15px;\n  }\n  h1 {\n    font-size: 34px;\n  }\n  h2 {\n    font-size: 28px;\n  }\n  h3 {\n    font-size: 26px;\n  }\n  h4 {\n    font-size: 22px;\n  }\n  h5 {\n    font-size: 18px;\n  }\n  .flot-chart-container {\n    height: 300px;\n  }\n  .card-absolute .card-header {\n    padding: 10px 15px !important;\n  }\n  .comingsoon .comingsoon-inner .countdown .time {\n    width: 80px;\n    height: 80px;\n    font-size: 26px;\n  }\n  footer {\n    bottom: -20px;\n  }\n  .calendar-wrap .basic-calendar .external-events .fc-event + .fc-event {\n    margin-top: 10px;\n  }\n  .owl-theme .owl-nav.disabled + .owl-dots {\n    margin-bottom: -10px;\n    margin-top: 15px;\n  }\n  .card .card-header .card-header-right {\n    top: 11px;\n    right: 11px;\n  }\n  .page-builder .ge-addRowGroup {\n    width: 100%;\n  }\n  .comment-box .comment-social li:nth-child(n+2) {\n    padding-left: 15px;\n    margin-left: 15px;\n  }\n  .error-wrapper {\n    padding: 35px 0;\n  }\n  .error-wrapper .sub-content {\n    font-size: 14px;\n    line-height: 25px;\n    margin-top: 0px;\n  }\n  .error-wrapper .error-heading {\n    margin-top: 30px;\n  }\n  .error-wrapper .error-heading .headline {\n    font-size: 180px;\n    margin-top: 0;\n  }\n  .error-wrapper .maintenance-heading {\n    margin-top: 30px;\n  }\n  .search-page .info-block {\n    flex-wrap: wrap;\n  }\n  .search-page .tab-content .pb-4 {\n    padding-bottom: 20px !important;\n  }\n  .calender-widget .cal-desc {\n    padding: 10px 20px 20px !important;\n  }\n  .calender-widget .cal-desc p {\n    max-height: 100px;\n  }\n  .contact-form {\n    padding-top: 10px !important;\n  }\n  .contact-form .theme-form {\n    padding: 20px;\n    margin-top: 27px;\n  }\n  .contact-form .theme-form .form-icon {\n    margin-top: -47px;\n  }\n  .user-status.product-chart {\n    max-height: 518px;\n    overflow: auto;\n  }\n  .widget-joins .media .media-body i {\n    float: none !important;\n  }\n  .xl-none {\n    display: block;\n  }\n  .top-radius-blog {\n    width: 100%;\n  }\n  .sm-100-w {\n    width: 100%;\n    height: 100%;\n  }\n  /*Form Wizard One start*/\n  .form-wizard .btn-mb {\n    margin-bottom: 20px;\n  }\n  /*Form Wizard One ends*/\n  /*Form Wizard Two Start*/\n  .stepwizard {\n    margin-bottom: 20px;\n  }\n  /*Form Wizard Two Ends*/\n  /*Form Wizard Three Start*/\n  .f1 .f1-steps {\n    margin-top: 20px;\n    margin-bottom: 20px;\n  }\n  /*Form Wizard Three ends*/\n  /*Form Wizard Four Start*/\n  .wizard-4 ul.anchor {\n    padding-right: 20px;\n  }\n  /*Form Wizard Four ends*/\n  .border-tab.nav-tabs {\n    margin-bottom: 20px;\n  }\n  .tab-content ~ .nav-tabs.border-tab {\n    margin-top: 20px;\n  }\n  .dataTables_wrapper .dataTables_length {\n    margin-bottom: 20px;\n  }\n  .dataTables_wrapper table.dataTable {\n    margin-bottom: 20px !important;\n  }\n  .search-page .info-block + .info-block {\n    padding-top: 20px;\n    margin-top: 20px;\n  }\n  .search-page #video-links .embed-responsive + .embed-responsive {\n    margin-top: 20px;\n  }\n  .lg-mt {\n    margin-top: 20px;\n  }\n  .gallery-with-description {\n    margin-bottom: -20px;\n  }\n  .gallery-with-description a > div {\n    margin-bottom: 20px;\n  }\n  .clipboaard-container p {\n    margin-bottom: 8px;\n  }\n  .m-b-30 {\n    margin-bottom: 20px !important;\n  }\n  .nav-md-mt {\n    margin-top: 20px;\n  }\n  .navs-icon {\n    padding: 20px;\n  }\n  .navs-icon .main-section {\n    padding-top: 20px;\n  }\n  .navs-icon .separator {\n    margin: 20px 0;\n  }\n  .nav-list {\n    padding: 20px;\n  }\n  .navs-dropdown button {\n    margin-top: 20px;\n  }\n  .navs-dropdown .onhover-show-div {\n    top: 68px;\n  }\n  .animated-modal .form-group {\n    width: 100%;\n    display: block;\n  }\n  .animated-modal .me-4 {\n    margin-right: 0 !important;\n  }\n  .animated-modal .animated-modal-md-mb {\n    margin-bottom: 20px !important;\n  }\n  .steps-md-mt {\n    margin-top: 20px;\n  }\n  .btn-group-wrapper .m-b-30:last-child {\n    margin-bottom: 0 !important;\n  }\n  #advance-5_wrapper .dataTables_paginate {\n    margin-bottom: 20px;\n  }\n  .click2edit ~ .note-editor.note-frame {\n    margin-bottom: 20px;\n  }\n  .summer-note .card-header,\n  .summer-note .card-body {\n    padding: 20px;\n  }\n  .chat-box .chat-left-aside .people-list {\n    height: 483px;\n  }\n  .chat-box .chat-menu {\n    top: 75px;\n  }\n  .chat-box .chat-menu .user-profile .user-content h5 {\n    margin-bottom: 10px;\n  }\n  .chat-box .chat-menu .user-profile .follow span {\n    font-size: 12px;\n  }\n  .chat-box .chat-menu .user-profile .follow .follow-num {\n    font-size: 18px;\n  }\n}\n@media screen and (max-width: 900px) {\n  .bg-gallery {\n    height: 80vh;\n  }\n}\n@media screen and (max-width: 800px) {\n  .bg-gallery {\n    height: 75vh;\n    min-height: 560px;\n  }\n}\n@media screen and (max-width: 767px) {\n  .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .sidebar-user {\n    padding: 20px;\n  }\n  .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .sidebar-user ul {\n    display: none;\n  }\n  .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu {\n    height: calc(100vh - 190px);\n  }\n  .order-history table tbody tr td img {\n    width: 25px !important;\n  }\n  .calendar-basic .lnb-calendars > div {\n    padding: 12px 0;\n  }\n  .learning-box .details-main {\n    margin: 20px;\n  }\n  .ace-editor {\n    height: 280px;\n    width: 100%;\n  }\n  .dashboard-2-main .card .card-header p {\n    font-size: 0;\n  }\n  .card-social {\n    margin-top: 30px;\n  }\n  .btn-showcase {\n    text-align: center;\n  }\n  .form-inline .form-group + .form-group {\n    margin-top: 10px;\n  }\n  .credit-card .text-center img {\n    margin-bottom: 20px;\n  }\n  .starter-kit-fix .page-body {\n    margin-bottom: 78px;\n  }\n  .navbar-toggler {\n    position: absolute;\n    right: 0;\n    top: 10px;\n  }\n  .document .page-main-header .document-right-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {\n    color: #24695c !important;\n  }\n  .document .navbar-collapse {\n    position: absolute;\n    width: 100%;\n    background-color: #fff;\n    top: 60px;\n    padding: 15px;\n    left: 0;\n    right: 0;\n  }\n  .products-total {\n    margin-bottom: 10px;\n  }\n  .page-main-header .main-header-right .left-menu-header ul li .search-form input {\n    width: 90% !important;\n  }\n  .page-main-header .main-header-right .main-header-left {\n    width: auto;\n  }\n  .page-main-header .main-header-right .main-header-left .toggle-sidebar {\n    margin-left: 30px;\n  }\n  .product-page-main .border-tab.nav-tabs .nav-item {\n    width: auto !important;\n  }\n  .blog-box .blog-details-main .blog-social li {\n    padding: 0 12px;\n  }\n  .footer-copyright ~ div {\n    text-align: center;\n  }\n  .footer-copyright ~ div p {\n    float: none;\n  }\n  .event-calendar {\n    display: block !important;\n  }\n  .event-calendar #right {\n    width: 100%;\n  }\n  #lnb {\n    width: auto;\n  }\n  .ecommerce-widget .progress-showcase .progress {\n    height: 15px;\n  }\n  .user-profile .photos ul li {\n    width: 55px;\n  }\n  .user-profile .profile-header {\n    height: 355px;\n  }\n  .user-profile .profile-header .userpro-box {\n    padding: 20px;\n    max-width: 300px;\n  }\n  .user-profile .profile-header .userpro-box .avatar {\n    width: 70px;\n    height: 70px;\n  }\n  .user-profile .profile-header .userpro-box h4 {\n    font-size: 16px;\n  }\n  .user-profile .profile-header .userpro-box h6 {\n    font-size: 13px;\n  }\n  .social-tab {\n    display: block;\n  }\n  .social-tab ul {\n    justify-content: center;\n    margin-bottom: -10px;\n  }\n  .social-tab ul li {\n    display: inline-block;\n    margin-bottom: 10px;\n  }\n  .social-tab .input-group {\n    margin-top: 15px;\n    margin-right: auto;\n    margin-left: auto;\n  }\n  .social-app-profile .social-status .media img {\n    width: 40px !important;\n  }\n  .social-app-profile .social-status .media .social-status {\n    bottom: 10px;\n    left: 35px;\n  }\n  .general-widget .custom-card {\n    padding: 0;\n  }\n  .general-widget .custom-card .card-profile {\n    margin-top: -45px;\n  }\n  .general-widget .custom-card .card-header {\n    padding: 0;\n  }\n  .general-widget .custom-card .card-header img {\n    margin-top: 0;\n  }\n  .general-widget .custom-card .card-social {\n    margin-top: unset;\n  }\n  .tabs-scoial.border-tab.nav-tabs {\n    display: flex;\n  }\n  .edit-profile .card .card-header h4 {\n    font-size: 22px;\n  }\n  .edit-profile .profile-title .media .media-body h3 {\n    font-size: 20px;\n  }\n  .tabbed-card ul {\n    padding: 10px 0 5px 0;\n    position: relative;\n    width: 100%;\n    left: 0;\n  }\n  .search-page .search-vid-block > div:nth-child(n+2) {\n    margin-top: 20px;\n  }\n  .product-page-details h3 {\n    font-size: 18px;\n  }\n  .filter-block h4 {\n    font-size: 18px;\n    margin-bottom: 15px;\n  }\n  .filter-block ul li:nth-child(n+2) {\n    margin-top: 10px;\n  }\n  .center-content p {\n    text-align: center;\n  }\n  .center-content p span {\n    display: block;\n  }\n  .timeline-small .media .media-body p {\n    width: 100%;\n  }\n  .my-gallery figure:nth-child(9), .my-gallery figure:nth-child(10) {\n    margin-bottom: 20px;\n  }\n  .chat-box .chat-right-aside .chat .chat-message .text-box .btn {\n    font-size: 0;\n  }\n  .chat-box .chat-right-aside .chat .chat-message .text-box .btn:before {\n    position: absolute;\n    content: \"\\e661\";\n    font-family: themify;\n    font-size: 18px;\n    top: 11px;\n    left: 20px;\n  }\n  .chat-box .border-tab.nav-tabs {\n    display: flex;\n  }\n  .chat-box .chat-menu .nav-tabs .nav-item a {\n    height: 50px;\n  }\n  .chat-box .people-list ul {\n    margin-bottom: -15px;\n  }\n  .chat-box .people-list ul li {\n    display: inline-block;\n    padding: 10px;\n    margin-right: 5px;\n    border: 1px solid #e6edef;\n    margin-bottom: 10px;\n  }\n  .chat-box .people-list ul li:last-child {\n    padding-bottom: 10px;\n  }\n  .chat-box .chat-left-aside .people-list {\n    height: auto;\n  }\n  .clockpicker-align-top {\n    left: 55px !important;\n    top: 470px !important;\n  }\n  .clockpicker-align-top .arrow {\n    display: none;\n  }\n  .form-builder-column .form-body {\n    min-height: 250px;\n  }\n  .form-builder-2-header {\n    flex-wrap: wrap;\n  }\n  .form-builder-2-header > div {\n    width: 100%;\n    margin-top: 10px;\n  }\n  .form-builder-2-header > div nav {\n    float: none;\n  }\n  .dropzone.dz-clickable {\n    padding: 20px;\n  }\n  .lg-mt-col {\n    margin-top: 20px;\n  }\n  .form-builder .drag-box fieldset {\n    padding: 20px;\n    margin-top: 20px;\n  }\n  .form-builder #components {\n    margin-top: 20px;\n  }\n  .form-builder .component label {\n    padding-top: 0px;\n  }\n  .mega-menu .onhover-show-div {\n    height: 415px;\n    left: 0;\n    top: 61px;\n    padding: 20px;\n  }\n  .mega-menu .lg-mt {\n    margin-top: 15px;\n  }\n  .bg-gallery {\n    min-height: 530px;\n  }\n  .landing_gallery_section_img:before {\n    height: 400px;\n  }\n  .page-wrapper .section-space {\n    padding: 30px 0;\n  }\n  .and-many-more {\n    font-size: 65px;\n  }\n  .container-modify .img-effect {\n    max-width: 320px;\n    margin: 0 auto;\n  }\n  .bg-sky-blue .main-landing .position-cards .landing-card-9 {\n    left: 12%;\n    top: 33%;\n    width: 12%;\n  }\n  .bg-sky-blue .main-landing .position-cards .landing-square-1 {\n    top: 32%;\n    right: 9%;\n    bottom: unset;\n    left: unset;\n  }\n  .bg-sky-blue .main-landing .position-cards .landing-card-8 {\n    right: 9%;\n    top: 32%;\n    left: unset;\n    bottom: unset;\n  }\n  .bg-sky-blue .main-landing .position-cards .landing-square-2 {\n    left: 9%;\n    top: 31%;\n  }\n  .bg-sky-blue .main-landing .position-cards .landing-card-7 {\n    right: 21%;\n    width: 40%;\n  }\n  .bg-sky-blue .main-landing .position-cards .landing-card-2 {\n    right: 44%;\n  }\n  .viho-demo-section .viho-demo-content img,\n  .viho-demo-section .gallery_content img {\n    width: 30px !important;\n  }\n  .viho-demo-section .viho-demo-content p,\n  .viho-demo-section .gallery_content p {\n    width: 100% !important;\n  }\n  .and-more {\n    top: 40%;\n  }\n  .landing-main .section-space {\n    padding: 40px 0;\n  }\n  .landing-main .main-landing {\n    padding: 27px 0 0 0;\n  }\n  .page-builder .ge-canvas.ge-editing .ge-tools-drawer {\n    margin: 10px 0 0 10px;\n  }\n  .page-builder .ge-canvas.ge-editing .ge-tools-drawer > a {\n    padding: 0 5px;\n  }\n  .reader {\n    margin-top: 15px;\n    height: auto !important;\n  }\n  .range-slider.theme-form .form-group {\n    margin-bottom: 0;\n  }\n  .note-editor .btn-group .btn {\n    font-size: 11px;\n  }\n  .user-status tbody tr td {\n    min-width: 284px;\n  }\n  .user-status tbody tr td + td {\n    min-width: unset;\n  }\n  .user-status tbody tr td + td + td {\n    min-width: 100px;\n  }\n  .text-md-end {\n    text-align: right;\n  }\n  .star-ratings .stars {\n    padding: 0;\n  }\n  .form-inline.d-inline-block {\n    display: block !important;\n    width: 100%;\n  }\n  .form-inline.d-inline-block .form-control {\n    margin-bottom: 10px;\n  }\n  .reset-password-box {\n    width: 500px;\n    margin: 0 auto;\n  }\n  .reset-password-box .card {\n    padding: 20px;\n  }\n  .user-card .custom-card {\n    padding: 0;\n  }\n  .user-card .custom-card .card-header {\n    padding: 0;\n  }\n  .user-card .custom-card .card-profile {\n    margin-top: -40px;\n  }\n  .user-card .custom-card .card-social {\n    margin-top: unset;\n  }\n  .custom-card .card-header img {\n    transform: scale(1);\n  }\n  .custom-card .card-profile img {\n    height: 75px;\n  }\n  .custom-card .profile-details h4 {\n    font-size: 18px;\n  }\n  .custom-card .card-footer > div {\n    padding-top: 15px;\n    padding-bottom: 15px;\n    padding-right: 10px;\n    padding-left: 10px;\n  }\n  .error-wrapper .maintenance-icons li i {\n    color: #e6edef;\n    font-size: 30px;\n  }\n  .error-wrapper .maintenance-icons li:nth-child(2) i {\n    font-size: 60px;\n    margin-top: -10px;\n    margin-left: 70px;\n  }\n  .error-wrapper .maintenance-icons li:nth-child(3) i {\n    font-size: 90px;\n    margin-right: 80px;\n  }\n  .authentication-main .auth-innerright {\n    min-height: unset;\n    padding: 0;\n  }\n  .authentication-main .auth-innerright .social-media li {\n    font-size: 14px;\n  }\n  .loader-box {\n    justify-content: center;\n  }\n  .dataTables_wrapper .dataTables_length {\n    margin-bottom: 20px;\n  }\n  .dataTables_wrapper .dataTables_filter {\n    margin-left: 0;\n    margin-top: 0;\n    margin-bottom: 20px;\n  }\n  div.dataTables_wrapper div.dataTables_info {\n    padding-top: 0;\n  }\n  div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label {\n    float: none;\n  }\n  div.dataTables_wrapper div.dataTables_paginate {\n    float: none;\n    margin-top: 20px !important;\n    margin-left: 0 !important;\n  }\n  .calendar-wrap .fc-basic-view .fc-day-number {\n    padding: 0 0px !important;\n  }\n  .calendar-wrap .fc-events-container {\n    margin-top: 0px;\n  }\n  .calendar-wrap .fc-events-container h6,\n  .calendar-wrap .fc-events-container .checkbox {\n    text-align: right;\n  }\n  .calendar-wrap .checkbox label {\n    margin-top: 0;\n  }\n  .calendar-wrap .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow:after {\n    font-size: 12px !important;\n  }\n  .calendar-wrap .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow:after {\n    font-size: 12px !important;\n  }\n  .calendar-wrap .fc-toolbar .fc-left .fc-today-button,\n  .calendar-wrap .fc-toolbar .fc-right .fc-today-button {\n    padding-top: 0px !important;\n  }\n  .calendar-wrap .fc {\n    margin-top: 0px;\n  }\n  .calendar-wrap .fc button {\n    font-size: 14px !important;\n    padding: 0 5px !important;\n  }\n  .calendar-wrap .fc .fc-left {\n    margin-bottom: 10px;\n  }\n  .calendar-wrap .fc .fc-toolbar > div {\n    display: block !important;\n    float: none !important;\n  }\n  .calendar-wrap .fc .fc-toolbar > * :first-child {\n    font-size: 18px;\n  }\n  .calendar-wrap .fc .fc-toolbar > * > * {\n    float: none !important;\n  }\n  .btn-group-wrapper {\n    text-align: center;\n  }\n  .btn-group-wrapper .m-b-30 {\n    margin-bottom: 15px !important;\n  }\n  .btn-group-showcase {\n    text-align: center;\n  }\n  .btn-group-showcase .btn-group {\n    margin-right: 0;\n    margin-bottom: 15px;\n  }\n  .btn-group .btn {\n    font-size: 14px;\n    padding: 0.375rem 1.3rem;\n  }\n  .animate-widget .text-center {\n    display: none;\n  }\n  .calender-widget .cal-desc p {\n    max-height: 100%;\n  }\n  .user-status.product-chart {\n    max-height: 100%;\n  }\n  .user-status table thead tr th:nth-child(3) {\n    min-width: 124px;\n  }\n  .mega-menu .onhover-show-div {\n    height: 350px;\n  }\n  .page-builder .ge-canvas .column {\n    padding: 0 !important;\n  }\n  .page-builder .ge-content-type-ckeditor h3 {\n    font-size: 20px;\n  }\n  .page-builder .ge-content-type-ckeditor p {\n    font-size: 12px;\n  }\n  .page-builder .ge-row-icon {\n    display: none !important;\n  }\n  /* font-awesom icon page */\n  .icon-hover-bottom .form-group input {\n    min-width: 270px;\n  }\n  .calendar-wrap .fc button {\n    padding: 5px;\n  }\n  .calendar-wrap .fc-day-grid-event {\n    margin: 0;\n    padding: 5px;\n    width: inherit;\n  }\n  .calendar-wrap .fc-toolbar h2 {\n    font-size: 20px;\n    line-height: 35px;\n    font-weight: bold;\n  }\n  .calendar-wrap .basic-calendar .external-events {\n    margin-top: 0px;\n  }\n  .blog-single .comment-box .media h6 {\n    margin-bottom: 10px;\n  }\n  .blog-single .comment-box .media img {\n    margin-right: 30px;\n  }\n  .blog-single .comment-box .comment-social {\n    margin-bottom: 10px;\n  }\n  .search-page #image-links .info-block.m-t-30 {\n    margin-top: 0 !important;\n  }\n  .authentication-main .authentication-box {\n    width: 100%;\n  }\n  .authentication-main .auth-innerright {\n    display: inherit;\n  }\n  .map-chart .chart-container {\n    height: 300px;\n  }\n  .candidcahrt {\n    height: 250px;\n  }\n  .bar-chart-widget .earning-details i {\n    right: 0;\n  }\n  .serial-chart .chart-container {\n    height: 300px;\n  }\n  .bottom-content {\n    padding: 10px;\n  }\n  .bottom-content p {\n    font-size: 12px;\n  }\n  .stepwizard .stepwizard-row:before {\n    top: 17px;\n  }\n  .icon-hover-bottom .icon-popup div .flag-icon {\n    width: 30px;\n    height: auto;\n  }\n  .icon-hover-bottom .icon-popup .form-group input {\n    min-width: 40%;\n  }\n  .footer-links {\n    text-align: center;\n  }\n  .footer-copyright {\n    text-align: center !important;\n  }\n  .jvector-map-height {\n    height: 150px;\n  }\n  .sm-left-text {\n    text-align: left !important;\n  }\n  .email-wrap .email-right-aside .email-content .email-top .d-flex {\n    padding-bottom: 0;\n  }\n  .email-wrap .email-right-aside .email-content .email-top .float-end {\n    float: left !important;\n  }\n  .email-wrap .email-right-aside .email-content .email-wrapper .attachment ul li:last-child {\n    padding-right: 0;\n  }\n  .email-wrap .email-right-aside .email-content .email-wrapper .attachment ul li img {\n    width: 90px;\n    height: 90px;\n  }\n  .email-wrap .email-right-aside .email-profile {\n    overflow-x: auto;\n  }\n  .email-wrap .email-right-aside .email-profile .inbox {\n    width: 700px;\n  }\n  .email-wrap .email-right-aside .email-profile .inbox p {\n    width: calc(100% - 200px);\n    max-width: 500px;\n  }\n  .alert-dismissible p {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 294px;\n  }\n  .button-group-mb-sm {\n    margin-bottom: 5px;\n  }\n  .card-block .table-responsive .table tbody tr td span {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 100px;\n  }\n  .card-block .table-responsive .progress-content tbody tr td span {\n    text-overflow: ellipsis;\n    white-space: normal;\n    max-width: 50px;\n  }\n  .card-block .table-responsive .checkbox-td-width tbody tr td,\n  .card-block .table-responsive .radio-first-col-width tbody tr td {\n    min-width: 200px !important;\n  }\n  #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child {\n    width: 119px !important;\n  }\n  #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child {\n    width: 119px !important;\n  }\n  .jsgrid .jsgrid-pager-container {\n    text-align: center;\n  }\n  .chat-box .chat-menu .nav-tabs .nav-item {\n    width: 32.33%;\n  }\n  .chat-box .chat-menu .people-list ul.list {\n    max-height: 433px;\n    margin-bottom: 15px;\n  }\n  .chat-box .chat-menu #info-profile,\n  .chat-box .chat-menu #info-contact {\n    margin-bottom: 15px;\n  }\n  .chat-box .chat-history .call-content > div {\n    padding-top: 40px;\n    height: auto;\n  }\n  .call-chat-sidebar {\n    max-width: 100%;\n    width: 100%;\n    flex-basis: auto;\n  }\n  .hovercard .info .follow .text-md-end {\n    text-align: center;\n  }\n  .profile-img-style .like-comment-sm-mb {\n    margin-bottom: 20px;\n  }\n  .reset-password-box .theme-form .form-group .btn {\n    margin-top: 15px !important;\n  }\n  .lg-outer .lg-actions .lg-next,\n  .lg-outer .lg-actions .lg-prev {\n    top: 48%;\n  }\n  .feature-products .filter-toggle {\n    padding: 8px 15px;\n    margin-left: 10px;\n    border-radius: 5px;\n    background-color: rgba(36, 105, 92, 0.05);\n    color: #24695c;\n  }\n  .feature-products span {\n    font-size: 12px;\n  }\n  .feature-products span.f-w-600 {\n    padding-top: 8px;\n    display: inline-block;\n  }\n  .grid-options ul li {\n    display: none;\n  }\n  .product-wrapper.sidebaron .product-grid .product-wrapper-grid {\n    margin-left: 0;\n  }\n  .product-filter .product-box {\n    flex-wrap: nowrap;\n  }\n  .product-filter .product-box .product-img {\n    width: 100px;\n  }\n  .product-filter .product-box .product-details {\n    padding: 0 !important;\n  }\n}\n@media screen and (max-width: 700px) {\n  .bg-gallery {\n    min-height: 470px;\n  }\n}\n@media screen and (max-width: 650px) {\n  .bg-gallery {\n    height: 63vh;\n  }\n}\n@media screen and (max-width: 600px) {\n  .bg-gallery {\n    height: 60vh;\n  }\n  .user-profile .photos ul li {\n    width: 53px;\n  }\n}\n@media screen and (max-width: 540px) {\n  .bg-gallery {\n    height: 57vh;\n  }\n}\n@media screen and (max-width: 575px) {\n  .search-form .search-bg > i {\n    display: none !important;\n  }\n  .job-accordion .card {\n    box-shadow: 0 0 11px 5px rgba(113, 113, 113, 0.08) !important;\n  }\n  .alert-dismissible p {\n    max-width: 209px;\n  }\n  .customizer-links {\n    display: none;\n  }\n  .m-r-30 {\n    margin-right: 15px;\n  }\n  .card .card-footer {\n    padding: 15px;\n  }\n  .setting-list {\n    top: 15px;\n  }\n  .setting-list .setting-option {\n    height: 21px;\n  }\n  .setting-list .setting-option li:first-child i {\n    font-size: 12px;\n  }\n  .setting-primary,\n  .setting-secondary,\n  .setting-white {\n    width: 22px;\n    height: 22px;\n  }\n  .feature-products .text-end {\n    text-align: left !important;\n  }\n  .feature-products .select-options {\n    float: left;\n    margin-right: 10px;\n  }\n  .call-chat-body .chat-box {\n    height: auto;\n  }\n  .chat-box .chat-menu .people-list ul.list {\n    max-height: 400px;\n  }\n  .chat-box .chat-history .call-content {\n    min-height: 447px;\n  }\n  .user-profile .photos ul li {\n    width: 18%;\n  }\n  .user-profile .profile-post {\n    padding: 20px;\n  }\n  .user-profile .profile-post .post-body figure {\n    margin-bottom: 20px;\n  }\n  .user-profile .profile-post .post-body .post-react ul li img {\n    width: 20px;\n    height: 20px;\n  }\n  .user-profile .profile-post .post-body .post-react ul li:nth-child(n+2) {\n    margin-left: -15px;\n  }\n  .user-profile .profile-post .post-body .post-react h6 {\n    margin-left: 10px;\n    font-size: 13px;\n  }\n  .user-profile .profile-header {\n    padding: 0;\n    height: auto;\n  }\n  .user-profile .profile-header .profile-img-wrrap {\n    display: block;\n    height: 280px;\n  }\n  .user-profile .profile-header .userpro-box {\n    max-width: 100%;\n  }\n  .center-content {\n    margin-top: 5px;\n  }\n  .center-content p {\n    text-align: left;\n  }\n  .center-content p i {\n    margin-left: 0 !important;\n  }\n  .dashboard-default-sec .card.income-card .card-body .round-box,\n  .dashboard-2-main .card.income-card .card-body .round-box {\n    margin-bottom: 10px;\n    width: 45px;\n    height: 45px;\n  }\n  .dashboard-default-sec .card.income-card .card-body .round-box svg,\n  .dashboard-2-main .card.income-card .card-body .round-box svg {\n    height: 18px;\n  }\n  .dashboard-default-sec .card.income-card .card-body .knob-block canvas,\n  .dashboard-2-main .card.income-card .card-body .knob-block canvas {\n    width: 80px;\n    height: 80px;\n  }\n  .dashboard-default-sec .card.income-card .card-body h5,\n  .dashboard-2-main .card.income-card .card-body h5 {\n    font-size: 18px;\n    margin-bottom: 5px;\n  }\n  .dashboard-default-sec .card.income-card .card-body p,\n  .dashboard-2-main .card.income-card .card-body p {\n    margin-bottom: 10px;\n  }\n  .dashboard-default-sec .card .card-header i,\n  .dashboard-2-main .card .card-header i {\n    font-size: 12px;\n  }\n  .dashboard-default-sec #chart-dashbord .apexcharts-legend.position-right, .dashboard-default-sec #chart-dashbord .apexcharts-legend.position-left {\n    top: 28px !important;\n  }\n  .profile-greeting h3 {\n    font-size: 22px;\n    margin-bottom: 5px;\n  }\n  .profile-greeting p {\n    margin-bottom: 10px;\n    line-height: 1.4;\n    padding: unset;\n  }\n  .trasaction-sec .transaction-totalbal h2 {\n    font-size: 16px;\n  }\n  .support-ticket .pro-gress .total-num {\n    font-size: 18px;\n  }\n  .page-main-header .main-header-right .left-menu-header ul li .search-form .form-control-plaintext {\n    top: 44px;\n    position: absolute;\n    transition: all linear 0.3s;\n    left: -15px;\n    background-color: #fff;\n    transform: translateY(-35px) scaleY(0);\n    opacity: 0;\n    border-radius: 0;\n    visibility: hidden;\n    width: 180px !important;\n    padding: 10px 10px 10px 15px;\n  }\n  .page-main-header .main-header-right .left-menu-header ul li .search-form .form-control-plaintext.open {\n    transform: translateY(0px) scaleY(1);\n    opacity: 1;\n    visibility: visible;\n    transition: all linear 0.3s;\n    z-index: 2;\n  }\n  .page-main-header .main-header-right .nav-right .btn-primary-light {\n    padding: 6px 15px;\n  }\n  .page-main-header .main-header-right .nav-right .btn-primary-light svg {\n    margin-right: 6px;\n  }\n  .page-main-header .main-header-right .nav-right .bookmark-dropdown {\n    right: -168px;\n    width: 270px;\n  }\n  .page-wrapper .page-main-header .main-header-right .left-menu-header .search-form > .fa {\n    display: none;\n  }\n  .page-wrapper .page-main-header .main-header-right > .mobile-toggle {\n    padding-right: 15px;\n  }\n  .page-wrapper .page-main-header .main-header-right .nav-right > ul {\n    top: 55px;\n  }\n  .page-wrapper .page-main-header .main-header-right .nav-right > ul .search-form i {\n    display: none;\n  }\n  .page-wrapper .page-main-header .main-header-right .nav-right.right-menu ul {\n    justify-content: flex-end;\n  }\n  .page-wrapper .page-main-header .main-header-right .nav-right.right-menu ul li.px-0 {\n    padding: 6px !important;\n  }\n  .page-wrapper .page-main-header .main-header-right .nav-right > ul li {\n    margin-right: 10px;\n  }\n  .page-wrapper .page-main-header .main-header-right .nav-right > ul li.onhover-dropdown ul li {\n    margin-right: 0 !important;\n  }\n  .page-wrapper .page-main-header .main-header-right .nav-right .notification-dropdown {\n    left: -93px !important;\n    padding: 0;\n    width: 270px !important;\n  }\n  .page-wrapper .page-main-header .main-header-right .nav-right .notification-dropdown.onhover-show-div:before, .page-wrapper .page-main-header .main-header-right .nav-right .notification-dropdown.onhover-show-div:after {\n    left: 102px !important;\n    right: unset !important;\n  }\n  .page-wrapper .page-main-header .main-header-right .nav-right .chat-dropdown {\n    left: -132px;\n    width: 270px;\n    padding: 0;\n  }\n  .page-wrapper .page-main-header .main-header-right .nav-right .chat-dropdown:after, .page-wrapper .page-main-header .main-header-right .nav-right .chat-dropdown:before {\n    left: 138px !important;\n  }\n  .page-wrapper .page-main-header .main-header-right .main-header-left {\n    padding: 15px;\n  }\n  .page-wrapper .page-main-header .main-header-right .main-header-left .toggle-sidebar {\n    margin-left: 20px;\n  }\n  .page-wrapper .page-body-wrapper .page-header .btn-group .btn {\n    padding: 8px 30px;\n  }\n  .pagination-lg .page-link {\n    font-size: 1rem;\n  }\n  .bookmark {\n    text-align: left;\n    margin-top: 10px;\n  }\n  .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon header.main-nav {\n    top: 59px;\n  }\n  .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon header.main-nav .main-navbar .nav-menu {\n    height: calc(100vh - 79px);\n  }\n  footer p {\n    font-size: 12px;\n  }\n  .mobile-clock-widget #date {\n    margin-top: 15px;\n  }\n  .social-widget-card .b-b-light {\n    padding: 15px;\n    margin-bottom: 15px;\n  }\n  .cal-date-widget .cal-datepicker {\n    margin-top: 15px;\n  }\n  .static-top-widget .media-body .icon-bg {\n    width: 70px;\n    height: 70px;\n  }\n  .animat-md-center {\n    text-align: center;\n  }\n  .add-post form .m-checkbox-inline label {\n    margin-right: 15px;\n  }\n  .add-post form .form-group {\n    margin-bottom: 15px;\n  }\n  .add-post .dropzone {\n    margin-bottom: 15px;\n  }\n  .add-post .btn-showcase {\n    text-align: center;\n  }\n  .add-post .btn-showcase .btn {\n    margin-right: 10px;\n    padding: 5px 13px;\n  }\n  .main .langChoice {\n    right: 15px;\n    padding: 4px 7px;\n  }\n  .language-xs {\n    margin-top: 15px;\n  }\n  .product-color li {\n    width: 15px;\n    height: 15px;\n  }\n  ul.pro-services li h5 {\n    font-size: 14px;\n  }\n  ul.pro-services li p {\n    font-size: 13px;\n  }\n  .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link {\n    height: auto;\n  }\n  .customers.avatar-group {\n    margin-right: 15px;\n  }\n  .vertical-mobile-sidebar {\n    top: 19px;\n  }\n  .hdg_main {\n    font-size: 16px;\n  }\n  .alert-theme i {\n    margin-right: 10px !important;\n  }\n  .alert-theme button {\n    top: 2px !important;\n  }\n  .chart-widgets-small .chart-container {\n    height: unset !important;\n  }\n  .bar-chart-widget .earning-details i {\n    right: -30px;\n  }\n  .widget-joins:before {\n    display: none;\n  }\n  .widget-joins .ps-0 {\n    padding-left: 15px !important;\n  }\n  .widget-joins .border-after-xs:after {\n    content: \"\";\n    position: absolute;\n    height: 1px;\n    width: 94%;\n    background-color: #efefef;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    margin: 0 auto;\n  }\n  .clockpicker-align-top {\n    left: 45px !important;\n    top: 406px !important;\n  }\n  .gallery {\n    margin-bottom: -15px;\n  }\n  .my-gallery figure {\n    margin-bottom: 15px;\n  }\n  .my-gallery figure:nth-child(9), .my-gallery figure:nth-child(10) {\n    margin-bottom: 15px;\n  }\n  .my-gallery.gallery-with-description figure:last-child {\n    margin-bottom: 20px;\n  }\n  #aniimated-thumbnials figure:nth-child(12), #aniimated-thumbnials figure:nth-child(11), #aniimated-thumbnials figure:nth-child(10), #aniimated-thumbnials figure:nth-child(9) {\n    margin-bottom: 15px;\n  }\n  .photoswipe-pb-responsive {\n    padding-bottom: 30px !important;\n  }\n  .avatar-showcase .pepole-knows {\n    text-align: center;\n  }\n  .avatar-showcase .pepole-knows ul li {\n    margin-right: 14px;\n  }\n  .social-app-profile .hovercard .user-image .avatar {\n    margin-top: -56px;\n  }\n  .social-app-profile .hovercard .user-image .avatar img {\n    width: 100px;\n    height: 100px;\n  }\n  .social-app-profile .hovercard .user-image .icon-wrapper {\n    left: 52%;\n    top: 10px;\n    height: 30px;\n    width: 30px;\n    font-size: 15px;\n  }\n  .social-app-profile .hovercard .user-image .icon-wrapper:hover {\n    font-size: 12px;\n  }\n  .social-app-profile .hovercard .user-image .share-icons {\n    right: 15px;\n  }\n  .social-app-profile .hovercard .user-image .share-icons li {\n    margin-right: 0px;\n  }\n  .social-app-profile .hovercard .info .tabs-scoial .user-designation {\n    border-top: none;\n    border-bottom: none;\n    margin-bottom: 0;\n    padding: 0px 0px;\n  }\n  .socialprofile .social-btngroup {\n    margin: 15px 0;\n  }\n  .socialprofile .social-group {\n    margin-top: 15px;\n  }\n  .social-status form .form-group .form-control-social {\n    margin-bottom: 15px;\n  }\n  .social-status .media {\n    margin-bottom: 15px;\n  }\n  .new-users-social {\n    margin-bottom: 15px;\n  }\n  .tabs-scoial {\n    position: relative;\n    padding-top: 90px;\n  }\n  .tabs-scoial li:nth-child(3) {\n    position: absolute;\n    top: 25px;\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n  }\n  .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link {\n    padding: 10px 18px;\n  }\n  .timeline-content p,\n  .timeline-content .comments-box {\n    margin-top: 15px;\n  }\n  .timeline-content .comments-box .media .m-r-20 {\n    margin-right: 10px;\n  }\n  .timeline-content .comments-box .media .media-body .input-group .input-group-append .btn {\n    padding: 6px;\n  }\n  .timeline-content .comment-number i {\n    margin-right: 15px;\n  }\n  .social-chat {\n    margin-top: 15px;\n  }\n  .social-chat .media-body {\n    padding: 15px;\n  }\n  .social-chat .your-msg,\n  .social-chat .other-msg {\n    margin-bottom: 15px;\n  }\n  .social-network span {\n    margin-bottom: 15px;\n  }\n  .social-list .media {\n    margin-bottom: 15px;\n  }\n  .details-about + .details-about {\n    margin-top: 15px;\n  }\n  .your-details-xs {\n    margin-top: 15px;\n  }\n  .social-header h5 span.pull-right {\n    float: right !important;\n    margin-top: 0 !important;\n  }\n  .social-header h5 span.pull-right svg {\n    width: 18px;\n    height: 18px;\n  }\n  .activity-log .my-activity + .my-activity {\n    margin-top: 15px;\n  }\n  .photos ul li {\n    width: 70px;\n  }\n  .edit-profile .card .card-header h4 {\n    font-size: 18px;\n  }\n  .edit-profile .profile-title .media .media-body h3 {\n    font-size: 16px;\n  }\n  .timeline-small .media {\n    margin-bottom: 15px;\n  }\n  .timeline-small .media .media-body h6 {\n    margin-bottom: 15px;\n  }\n  .timeline-small .media .timeline-round.timeline-line-1:after {\n    bottom: -39px;\n    height: 30px;\n  }\n  .timeline-small .media .timeline-round.small-line:after {\n    bottom: -17px;\n    height: 8px;\n  }\n  .timeline-small .media .timeline-round.medium-line:after {\n    bottom: -30px;\n    height: 22px;\n  }\n  #cd-timeline {\n    margin-right: unset;\n  }\n  .bootstrap-touchspin .input-group .btn {\n    padding: 5px 15px;\n  }\n  .and-many-more {\n    font-size: 52px;\n  }\n  .page-wrapper .section-space {\n    padding: 40px 0;\n  }\n  .landing_gallery_section_img {\n    margin-bottom: -40px;\n  }\n  .bg-sky-blue .main-landing {\n    height: 480px;\n  }\n  .bg-sky-blue .main-landing .position-cards {\n    display: none;\n  }\n  .landing-main h4 {\n    font-size: 17px;\n  }\n  .landing-main .main-landing {\n    padding: 0px 0px 0px 0px;\n  }\n  .landing-main .footer-bg h2 {\n    font-size: 21px;\n  }\n  .landing-main .footer-bg button {\n    font-size: 18px;\n  }\n  .helper-classes {\n    padding: 15px;\n  }\n  .form-builder-2-header ul li {\n    text-align: left;\n  }\n  .form-builder-2-header .form-inline {\n    display: block;\n    width: 100%;\n  }\n  .form-builder-2-header .form-inline .form-group {\n    width: 100%;\n    margin-right: 0;\n  }\n  .form-builder-2-header .form-inline button {\n    width: 100%;\n    text-align: left;\n  }\n  .page-builder .btn-grid {\n    margin-bottom: 7px;\n    padding-right: 5px;\n  }\n  .page-builder .ge-canvas.ge-editing .row {\n    padding: 15px;\n  }\n  .page-builder .ge-canvas.ge-editing .ge-tools-drawer {\n    margin: 10px;\n  }\n  .wizard-4 .step-container div.content {\n    margin-top: 10px;\n  }\n  .nav-tabs .nav-item.show .nav-link {\n    border-top: 0;\n    border-bottom: 0;\n  }\n  .nav-tabs .nav-link {\n    border-top: 0;\n    border-bottom: 0;\n  }\n  .nav-tabs .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus {\n    border-top: 0;\n    border-bottom: 0;\n  }\n  .border-tab.nav-tabs .nav-item {\n    width: 100% !important;\n  }\n  .border-tab .weather-widget-two .bottom-whetherinfo .whether-content {\n    top: 35px;\n  }\n  .border-tab .social-widget-card .b-b-light {\n    padding: 15px;\n    margin-bottom: 15px;\n  }\n  .border-tab .ecommerce-widget .progress-showcase {\n    margin-top: 15px;\n  }\n  .nav {\n    display: inherit;\n    text-align: center;\n    border-bottom: none;\n  }\n  .border-tab.nav-left .nav-link {\n    text-align: center;\n    border-left: none;\n  }\n  .border-tab.nav-right .nav-link {\n    text-align: center;\n    border-right: none;\n  }\n  .border-tab.nav-tabs {\n    margin-bottom: 10px;\n  }\n  .tab-content ~ .nav-tabs.border-tab {\n    margin-top: 10px;\n  }\n  .nav-pills {\n    text-align: center;\n  }\n  .crm-overall {\n    margin: 0 -15px -15px;\n  }\n  .product-page-main {\n    padding: 15px;\n  }\n  .product-page-main .m-t-15 {\n    margin-top: 0 !important;\n  }\n  .product-page-main .m-t-15 .btn {\n    margin-top: 10px;\n  }\n  .product-page-main .pro-group .pro-shop button:last-child {\n    margin-top: 15px;\n  }\n  .tabbed-card ul {\n    padding: 10px 0 5px 0;\n    position: relative;\n    width: 100%;\n    left: 0;\n  }\n  .tabbed-card ul.border-tab.nav-tabs .nav-item .nav-link {\n    padding: 5px 15px 10px;\n  }\n  .todo .action-box.large {\n    height: 25px;\n    width: 25px;\n  }\n  .todo .action-box.large .icon {\n    font-size: 14px;\n    vertical-align: -3px;\n  }\n  .todo .todo-list-wrapper #todo-list li .task-container .task-label {\n    font-size: 14px;\n  }\n  .todo .todo-list-wrapper .mark-all-tasks {\n    top: 15px;\n    right: 15px;\n  }\n  .datetime-picker label {\n    text-align: left !important;\n  }\n  .redial-chart-block {\n    text-align: center;\n  }\n  #nav-tabContent {\n    margin-top: 15px;\n  }\n  .reset-password-box {\n    width: 430px;\n  }\n  .auth-bg {\n    padding: 25px 15px;\n  }\n  .auth-bg-effect {\n    display: none;\n  }\n  .date-picker .text-end {\n    text-align: left !important;\n  }\n  .dataTables_wrapper table.dataTable {\n    margin-bottom: 15px !important;\n  }\n  ul.pagination li:before {\n    line-height: 3;\n  }\n  div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {\n    padding-left: 0 !important;\n  }\n  div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {\n    padding-right: 0 !important;\n  }\n  div.dataTables_wrapper div.dataTables_length {\n    margin-bottom: 15px;\n  }\n  div.dataTables_wrapper div.dataTables_length select {\n    min-height: 30px;\n  }\n  div.dataTables_wrapper table.dataTable th,\n  div.dataTables_wrapper table.dataTable td {\n    padding: 0.5rem;\n  }\n  div.dataTables_wrapper div.dataTables_paginate {\n    margin-top: 15px !important;\n  }\n  div.dataTables_wrapper div.dataTables_paginate .paginate_button {\n    padding: 1px 7px;\n  }\n  div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous {\n    font-size: 0;\n    padding: 0;\n  }\n  div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous:before {\n    content: \"\\e64a\";\n    font-family: themify;\n    font-size: 11px;\n    padding: 0 5px;\n  }\n  div.dataTables_wrapper div.dataTables_paginate .paginate_button.next {\n    font-size: 0;\n    padding: 0;\n  }\n  div.dataTables_wrapper div.dataTables_paginate .paginate_button.next:before {\n    content: \"\\e649\";\n    font-family: themify;\n    font-size: 11px;\n    padding: 0 5px;\n  }\n  div.dataTables_wrapper .dataTables_filter {\n    margin-bottom: 15px;\n  }\n  div.dataTables_wrapper .dataTables_filter input[type=search] {\n    height: 30px;\n  }\n  .jvector-map-height {\n    height: 250px;\n  }\n  .icon-hover-bottom .form-group {\n    display: flex;\n  }\n  .icon-hover-bottom .icon-popup {\n    padding: 15px;\n  }\n  .icon-hover-bottom svg.climacon {\n    height: 50px;\n    width: 50px;\n  }\n  .blog-box.blog-shadow:before {\n    box-shadow: inset 0px -100px 100px -13px rgba(0, 0, 0, 0.6);\n  }\n  .blog-box .blog-details p,\n  .blog-box .blog-details .single-blog-content-top {\n    margin-top: 15px;\n  }\n  .blog-box .blog-details h4 {\n    font-size: 16px;\n    margin-top: 10px;\n  }\n  .blog-box .blog-details .blog-social li {\n    font-size: 12px;\n    font-weight: 500;\n  }\n  .blog-box .blog-details .blog-social li:nth-child(n+2) {\n    padding-left: unset;\n    margin-left: 10px;\n    border-left: none;\n  }\n  .comment-box h4 {\n    margin-bottom: 15px;\n    padding-bottom: 15px;\n  }\n  .comment-box ul ul {\n    margin-left: 30px;\n  }\n  .comment-box li {\n    margin-bottom: 15px;\n  }\n  .comment-box li .media {\n    display: block;\n  }\n  .comment-box li .media img {\n    height: 50px;\n    width: 50px;\n    padding: 3px;\n    margin-bottom: 10px;\n  }\n  .card .card-header .card-header-right {\n    top: 6px;\n  }\n  .ace-editor {\n    height: 320px;\n  }\n  .gallery > a {\n    margin-bottom: 15px;\n    text-align: center;\n  }\n  .card .card-header h5 {\n    font-size: 17px;\n  }\n  .theme-form .form-group {\n    margin-bottom: 15px;\n  }\n  .page-wrapper .page-body-wrapper .default-according .card .card-header,\n  .page-wrapper .page-body-wrapper .default-according .card .card-body,\n  .page-wrapper .page-body-wrapper .default-according .card .card-footer {\n    padding: 1rem 1.25rem;\n  }\n  .page-wrapper .page-body-wrapper .card {\n    box-shadow: 0 0 11px 5px rgba(113, 113, 113, 0.08);\n    margin-bottom: 15px;\n    overflow: hidden;\n  }\n  .page-wrapper .page-body-wrapper .card .card-header .tab-content .m-t-30,\n  .page-wrapper .page-body-wrapper .card .card-body .tab-content .m-t-30 {\n    margin-top: 15px !important;\n  }\n  .page-wrapper .page-body-wrapper .card .card-header .tab-content .m-b-30,\n  .page-wrapper .page-body-wrapper .card .card-body .tab-content .m-b-30 {\n    margin-bottom: 15px !important;\n  }\n  .page-wrapper .page-body-wrapper .page-body {\n    padding: 5px 0 !important;\n    padding-top: 20px !important;\n  }\n  .page-wrapper .page-body-wrapper .page-header {\n    padding-bottom: 20px;\n  }\n  .page-wrapper .page-body-wrapper .page-header .row h3 {\n    font-size: 20px;\n  }\n  .page-wrapper .search-form .form-group {\n    margin-right: 0;\n  }\n  /* alert responsive css start here */\n  .alert-primary.inverse {\n    background-color: transparent;\n  }\n  .alert-secondary.inverse {\n    background-color: transparent;\n  }\n  .alert-success.inverse {\n    background-color: transparent;\n  }\n  .alert-danger.inverse {\n    background-color: transparent;\n  }\n  .alert-warning.inverse {\n    background-color: transparent;\n  }\n  .alert-info.inverse {\n    background-color: transparent;\n  }\n  .alert-light.inverse {\n    background-color: transparent;\n  }\n  .alert-dark.inverse {\n    background-color: transparent;\n  }\n  .alert .close {\n    height: 100%;\n  }\n  .calender-widget .cal-desc {\n    padding: 10px 15px 15px !important;\n  }\n  .calender-widget .cal-desc p {\n    max-height: 100%;\n  }\n  .custom-card .card-footer > div h6 {\n    font-weight: 600;\n  }\n  .custom-card .card-profile {\n    margin-top: 25px;\n  }\n  .custom-card .card-social {\n    padding-top: 10px;\n    padding-bottom: 10px;\n  }\n  .calendar-wrap .fc-toolbar .fc-center {\n    margin-top: 10px;\n  }\n  .calendar-wrap a.fc-more {\n    font-size: 0.7em;\n  }\n  .mega-inline {\n    display: block;\n  }\n  .megaoptions-border-space-sm {\n    padding-bottom: 30px !important;\n  }\n  .blog-box.blog-shadow .blog-details {\n    padding: 15px;\n  }\n  .blog-box.blog-shadow .blog-details p {\n    margin-bottom: 0;\n  }\n  .blog-box.blog-shadow .blog-details h4 {\n    margin-bottom: 10px;\n  }\n  .blog-box .blog-details {\n    padding: 20px;\n  }\n  .blog-box .blog-date span {\n    font-size: 25px;\n  }\n  .error-wrapper {\n    padding: 20px 0;\n  }\n  .error-wrapper .btn {\n    margin-top: 15px;\n  }\n  .error-wrapper .img-100 {\n    width: 50px !important;\n  }\n  .error-wrapper .error-heading {\n    margin-top: 20px;\n  }\n  .error-wrapper .error-heading .cloud-second {\n    margin-top: -60px;\n  }\n  .error-wrapper .error-heading .headline {\n    font-size: 150px;\n  }\n  .error-wrapper .maintenance-heading .cloud-second {\n    display: none;\n  }\n  .error-wrapper .maintenance-heading .headline {\n    font-size: 30px;\n    margin-top: -10%;\n    letter-spacing: 2px;\n  }\n  .comingsoon .comingsoon-inner .coming-soon-bottom-link {\n    margin-top: 20px;\n    line-height: 1;\n  }\n  .comingsoon .comingsoon-inner h5 {\n    margin-bottom: 20px;\n    margin-top: 20px;\n    font-size: 18px;\n  }\n  .comingsoon .comingsoon-inner .countdown {\n    padding: 20px 0px;\n  }\n  .comingsoon .comingsoon-inner .countdown ul li {\n    margin: 0 7px;\n  }\n  .comingsoon .comingsoon-inner .countdown .title {\n    font-size: 12px;\n  }\n  .comingsoon .comingsoon-inner .countdown .time {\n    width: 45px;\n    height: 45px;\n    line-height: 45px;\n    font-size: 16px;\n    margin: 0 auto;\n  }\n  .comingsoon .comingsoon-inner img {\n    width: auto;\n    height: 75px;\n  }\n  .form-wizard .btn-mb {\n    margin-bottom: 15px;\n  }\n  .stepwizard {\n    margin-bottom: 15px;\n  }\n  .f1 .f1-steps {\n    margin-top: 15px;\n    margin-bottom: 15px;\n  }\n  .wizard-4 ul.anchor {\n    width: 100%;\n    padding-bottom: 15px;\n    padding-right: 0;\n  }\n  .wizard-4 .step-container {\n    width: 100%;\n  }\n  .flot-chart-container {\n    height: 300px;\n  }\n  .small-chart-widget .chart-container {\n    height: unset !important;\n  }\n  .status-widget .text-sm-end {\n    text-align: right;\n  }\n  .mega-menu {\n    padding-left: 15px;\n  }\n  .mega-menu .onhover-show-div {\n    height: 405px;\n    left: 0;\n    top: 61px;\n    padding: 15px;\n  }\n  .mega-menu .lg-mt {\n    margin-top: 10px;\n  }\n  .mega-menu .xs-mt {\n    margin-top: 15px;\n  }\n  .nav-md-mt {\n    margin-top: 15px;\n  }\n  .navs-icon {\n    padding: 15px;\n  }\n  .navs-icon .main-section {\n    padding-top: 15px;\n  }\n  .navs-icon .separator {\n    margin: 15px 0;\n  }\n  .nav-list {\n    padding: 15px;\n  }\n  .navs-dropdown button {\n    margin-top: 15px;\n  }\n  .navs-dropdown .onhover-show-div {\n    top: 64px;\n  }\n  .lg-mt {\n    margin-top: 15px;\n  }\n  #aniimated-thumbnials a:last-child img {\n    margin-bottom: 15px;\n  }\n  .tilt-showcase .mt-4 {\n    margin-top: 15px !important;\n  }\n  .tilt-showcase ol .m-b-20 {\n    margin-bottom: 15px !important;\n  }\n  .xs-mt {\n    margin-top: 15px;\n  }\n  span:last-child.tag-pills-sm-mb {\n    margin-top: 3px;\n  }\n  .animated-modal .form-group .form-control {\n    width: 50%;\n    margin: 0 auto;\n  }\n  .animated-modal .animated-modal-md-mb {\n    margin-bottom: 15px !important;\n  }\n  .steps-md-mt {\n    margin-top: 15px;\n  }\n  .steps-sizing-sm-mb {\n    margin-bottom: 15px;\n  }\n  .bootstrap-touchspin .touchspin-vertical-tab .input-group {\n    width: 96% !important;\n  }\n  #API-chield-row_wrapper #API-chield-row tbody tr td:first-child {\n    min-width: 20px;\n  }\n  .chart-block .flot-chart-container p#choices {\n    width: 100%;\n  }\n  .chart-block .flot-chart-container #toggling-series-flot {\n    width: 100% !important;\n  }\n  .click2edit ~ .note-editor.note-frame {\n    margin-bottom: 15px;\n  }\n  .chat-box .chat-left-aside .people-list {\n    height: auto;\n  }\n  .call-chat-sidebar {\n    max-width: 100%;\n    width: 100%;\n    flex-basis: auto;\n  }\n  .call-chat-sidebar .people-list {\n    height: auto;\n  }\n  .chat-left-aside .people-list ul {\n    max-height: 300px;\n  }\n  .ecommerce-widget .progress-showcase {\n    margin-top: 15px;\n  }\n  .reset-password-box .theme-form .form-group .btn {\n    margin-top: 13px !important;\n  }\n  .gallery-with-description a > div {\n    margin-bottom: 15px;\n  }\n  .gallery-img-mb-sm {\n    margin-bottom: 15px;\n  }\n  .page-wrapper.document .landing-main .navbar-expand-lg .navbar-brand {\n    width: 150px;\n  }\n  .page-wrapper.document .landing-main .navbar-expand-lg .navbar-brand img {\n    width: unset;\n  }\n  .page-wrapper.document .page-body-wrapper.document-content .page-sidebar .nav-pills {\n    text-align: left;\n  }\n  .page-wrapper.document .page-body-wrapper.document-content .page-sidebar .nav-pills .nav {\n    text-align: left;\n  }\n  .page-wrapper.document .page-body-wrapper.document-content .page-body {\n    margin-top: 75px !important;\n  }\n  .xm-mb-peity {\n    margin-bottom: 8px;\n  }\n  .authentication-main {\n    padding: 30px 15px;\n  }\n}\n@media screen and (max-width: 480px) {\n  .editor-toolbar a {\n    width: 16px;\n  }\n  .editor-toolbar a:before {\n    line-height: 30px;\n    font-size: 12px;\n  }\n  .note-editor .btn-group .btn {\n    padding: 0.375rem 0.5rem;\n  }\n  .CodeMirror pre {\n    font-size: 12px;\n  }\n  .and-many-more {\n    font-size: 45px;\n  }\n  .viho-demo-section .viho-demo-content p,\n  .viho-demo-section .gallery_content p {\n    font-size: 13px;\n  }\n  .and-more {\n    font-size: 20px;\n  }\n  .gallery-img-blur-div {\n    height: 70px;\n  }\n  .bg-gallery {\n    min-height: 390px;\n  }\n  .landing_gallery_section_img {\n    margin-bottom: -80px;\n  }\n  .landing_gallery_section_img:before {\n    height: 350px;\n  }\n  .box-layout.page-wrapper .set-col-6,\n  .box-layout.page-wrapper .set-col-3,\n  .box-layout.page-wrapper .set-col-7,\n  .box-layout.page-wrapper .set-col-5 {\n    flex: 0 0 100%;\n    max-width: 100%;\n  }\n  .bg-sky-blue .main-landing .landing-main-content h3 {\n    font-size: 26px;\n  }\n  .page-wrapper .page-main-header .main-header-left .logo-wrapper img {\n    height: 25px;\n  }\n  .page-wrapper .page-main-header .main-header-right .nav-right > ul {\n    padding-left: 15px;\n    padding-right: 15px;\n  }\n  .page-wrapper .page-main-header .main-header-right .nav-right .btn-primary-light {\n    padding: 5px 7px;\n    font-size: 12px;\n  }\n  .page-wrapper .page-main-header .main-header-right .nav-right .btn-primary-light svg {\n    width: 14px;\n  }\n  .page-wrapper .page-main-header .main-header-right .nav-right > ul {\n    height: 50px;\n  }\n  .page-wrapper .page-main-header .main-header-right .nav-right > ul li {\n    margin-right: 5px;\n  }\n  .page-wrapper .page-main-header .main-header-right .nav-right > ul li svg {\n    width: 16px;\n  }\n  .todo .btn {\n    padding: 7px 20px;\n  }\n  .chat-box .people-list ul li {\n    display: block;\n  }\n  .wizard-4 .action-bar .btn {\n    width: 100%;\n  }\n  .wizard-4 .action-bar .btn + .btn {\n    margin-top: 10px;\n  }\n  ul.notification-dropdown.onhover-show-div {\n    width: 260px;\n    right: -80px;\n  }\n  ul.notification-dropdown.onhover-show-div:before, ul.notification-dropdown.onhover-show-div:after {\n    right: 89px !important;\n  }\n  .inline-block-sm {\n    display: inline-block;\n  }\n  .pagination-lg .page-link {\n    padding: 0.3rem 0.65rem;\n  }\n  .nav-pills li {\n    width: 100%;\n  }\n  .reset-password-box {\n    width: 290px;\n  }\n  .icon-hover-bottom .icon-first {\n    margin-right: 10px;\n  }\n  .icon-hover-bottom .icon-popup .icon-class {\n    display: none;\n  }\n  .error-wrapper .maintenance-heading {\n    margin-top: 0;\n  }\n  .card .card-header > span + span {\n    display: none;\n  }\n  .custom-card {\n    padding: 0;\n  }\n  .custom-card .profile-details h6 {\n    margin-bottom: 15px;\n  }\n  .custom-card .profile-details h4 {\n    font-size: 20px;\n  }\n  .custom-card .card-profile {\n    margin-top: unset;\n  }\n  .card .card-header .card-header-right i {\n    margin: 0 3px;\n    font-size: 14px;\n  }\n  .knob-block .chart-clock-main .clock-small {\n    left: 34px;\n    top: 74px;\n  }\n  .knob-block .chart-clock-main {\n    margin: auto;\n    width: auto;\n  }\n  .knob-block .chart-clock-main .clock-medium {\n    position: absolute;\n    left: 33px;\n    top: 33px;\n  }\n  .knob-block .chart-clock-main .clock-medium canvas {\n    width: 180px !important;\n    height: 180px !important;\n  }\n  .knob-block .chart-clock-main .clock-small {\n    left: 34px;\n    top: 74px;\n  }\n  .knob-block .chart-clock-main .clock-large {\n    left: 0;\n    top: 0;\n    margin: 0 auto;\n  }\n  .knob-block .chart-clock-main .clock-large canvas {\n    width: 245px !important;\n    height: 245px !important;\n  }\n  .blog-box.blog-shadow .blog-details {\n    padding: 10px;\n  }\n  .blog-box.blog-shadow .blog-details h4 {\n    font-size: 14px;\n  }\n  .cal-date-widget {\n    padding: 30px;\n  }\n  .calender-widget .cal-img {\n    height: 225px;\n  }\n  .company-card .details .media {\n    flex-wrap: wrap;\n  }\n  .stepwizard .stepwizard-row:before {\n    top: 17px;\n  }\n  .stepwizard .stepwizard-row .stepwizard-step .btn {\n    padding: 6px 22px;\n  }\n  .product-sidebar {\n    transform: translateX(-300px) scaleX(0);\n    opacity: 0;\n    visibility: hidden;\n    transition: 0.3s;\n    height: 0;\n    position: absolute;\n    z-index: 9;\n    width: 300px;\n  }\n  .product-sidebar.open {\n    transform: translateX(0px) scaleX(1);\n    box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);\n    visibility: visible;\n    opacity: 1;\n    height: auto;\n    top: -45px;\n  }\n  .product-sidebar .filter-section .card-header {\n    display: none;\n  }\n  .product-sidebar .filter-section .left-filter {\n    top: unset !important;\n  }\n  .feature-products .filter-toggle {\n    font-size: 14px;\n    padding: 7px 15px;\n    margin-left: 10px;\n    border-radius: 5px;\n    background-color: rgba(36, 105, 92, 0.05);\n    color: #24695c;\n  }\n  .feature-products .filter-toggle h6 {\n    font-size: 12px;\n  }\n  .feature-products .text-end {\n    text-align: left !important;\n  }\n  .d-none-productlist {\n    display: block;\n    margin-right: 10px;\n  }\n  .email-wrap .email-right-aside .email-content .email-wrapper .attachment ul li img {\n    width: 83px;\n    height: 83px;\n  }\n  .email-wrap .actions {\n    margin-bottom: -10px;\n  }\n  .email-wrap .actions li {\n    margin-bottom: 10px;\n  }\n  .email-wrap .actions li .btn {\n    padding: 5px 10px;\n    font-size: 12px;\n  }\n  .email-wrap .email-wrapper .right-download {\n    float: none;\n    margin-top: 5px;\n  }\n  .email-wrap .email-wrapper h6 {\n    float: none;\n  }\n  .social-app-profile .hovercard .user-image .share-icons li .social-icon {\n    width: 30px;\n    height: 30px;\n  }\n  .social-app-profile .hovercard .user-image .icon-wrapper {\n    top: -5px;\n  }\n  .social-app-profile .hovercard .user-image .avatar img {\n    width: 80px;\n    height: 80px;\n  }\n  .mega-menu {\n    padding-left: 20px;\n    padding-top: 3px;\n  }\n  .mega-menu .onhover-show-div {\n    height: 405px;\n    left: 0;\n    top: 61px;\n    padding: 15px;\n  }\n  .mega-menu .lg-mt {\n    margin-top: 10px;\n  }\n  .mega-menu .xs-mt {\n    margin-top: 15px;\n  }\n  .badge {\n    padding: 0.42em 0.7em;\n  }\n  .alert-dismissible .close {\n    top: -1px;\n  }\n  .alert-dismissible .close span {\n    font-size: 19px;\n  }\n  .notify-alert {\n    width: 90%;\n  }\n  .invoice .text-md-end {\n    margin-top: 10px;\n  }\n  .product-wrapper-grid.list-view .product-box {\n    display: block;\n  }\n  .product-wrapper-grid.list-view .product-box .product-img {\n    width: 100%;\n  }\n  .product-wrapper-grid.list-view .product-box .product-details {\n    text-align: center;\n  }\n  .user-profile .profile-header .profile-img-wrrap {\n    height: 210px;\n  }\n  .user-profile .profile-header .userpro-box {\n    padding: 15px;\n  }\n  .user-profile .follow .follow-num {\n    font-size: 16px;\n  }\n  .user-profile .follow span {\n    font-size: 12px;\n  }\n  .user-profile .follow ul.follow-list li:nth-child(n+2) {\n    margin-left: 10px;\n    padding-left: 10px;\n  }\n}\n@media screen and (max-width: 420px) {\n  .and-many-more {\n    font-size: 37px;\n  }\n  .chat-box .chat-right-aside .chat .chat-header {\n    display: block;\n  }\n  .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons {\n    justify-content: flex-start;\n  }\n  .chat-box .chat-history .call-icons ul li {\n    width: 40px;\n    height: 40px;\n  }\n  .chat-box .chat-history .call-icons ul li a {\n    line-height: 1;\n  }\n  .chat-box .chat-menu.show {\n    top: 102px;\n  }\n  .chat-box .chat-menu {\n    width: 260px;\n  }\n  .chat-box .chat-menu .people-list ul.list {\n    height: 360px;\n  }\n  .chat-menu {\n    top: 120px;\n  }\n  .product-page-main .pro-group .pro-shop button {\n    display: block;\n  }\n  .product-page-main .pro-group .pro-shop button:nth-child(n+2) {\n    margin-top: 15px;\n  }\n  .product-page-main .border-tab.nav-tabs .nav-item {\n    width: 100% !important;\n  }\n  .border-tab.nav-tabs {\n    display: block;\n  }\n  .tabs-scoial.border-tab.nav-tabs .nav-item {\n    width: auto !important;\n  }\n  .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link {\n    padding: 8px 8px;\n    font-size: 14px;\n  }\n  .feature-products span.f-w-600 {\n    padding-top: unset;\n    margin-bottom: 5px;\n  }\n  .custom-card .card-social li a {\n    width: 25px;\n    height: 25px;\n    font-size: 12px;\n  }\n  .custom-card .card-social li:nth-child(n+2) {\n    margin-left: 5px;\n  }\n  .email-wrap .email-body .email-compose .compose-header {\n    display: block;\n  }\n  .email-wrap .email-body .email-compose .compose-header .btn {\n    margin-top: 10px;\n  }\n  .job-sidebar .job-left-aside {\n    padding: 15px;\n  }\n}\n@media screen and (max-width: 397px) {\n  .clockpicker-align-top {\n    top: 426px !important;\n  }\n}\n@media screen and (max-width: 360px) {\n  .datepicker {\n    width: 239px;\n  }\n  .add-post form .m-checkbox-inline label {\n    margin-bottom: 8px;\n  }\n  .add-post form .m-checkbox-inline label:last-child {\n    margin-bottom: 0;\n  }\n  .map-js-height {\n    height: 250px;\n  }\n  .alert-theme {\n    font-size: 12px;\n  }\n  .alert-theme button {\n    right: 30px !important;\n  }\n  .alert-theme i {\n    display: none;\n  }\n  .alert-theme span + span + span {\n    padding: 15px;\n  }\n  .bar-chart-widget .earning-details i {\n    right: -73px;\n  }\n  .widget-joins .border-after-xs:after {\n    width: 92%;\n  }\n  .status-widget svg {\n    width: 18px;\n    height: 18px;\n  }\n  .custom-card .card-footer > div h6 {\n    font-size: 12px;\n  }\n  .custom-card .card-footer > div h6 h3 {\n    font-size: 16px;\n  }\n  .main .langChoice {\n    padding: 4px 7px;\n    width: 30%;\n    position: unset;\n    margin-right: auto;\n    margin-top: 15px;\n  }\n  .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link {\n    padding: 10px 5px;\n    font-size: 14px;\n  }\n  .social-chat .other-msg {\n    margin-left: 15px;\n  }\n  .social-header h5 span.pull-right {\n    display: none;\n  }\n  .timeline-small .media .timeline-round.timeline-line-1:after {\n    bottom: -74px;\n    height: 56px;\n  }\n  .timeline-small .media .timeline-round.small-line:after {\n    bottom: -32px;\n    height: 14px;\n  }\n  .timeline-small .media .timeline-round.medium-line:after {\n    bottom: -59px;\n    height: 40px;\n  }\n  .and-many-more {\n    font-size: 30px;\n  }\n  .landing-main .section-space .landing-header h2 {\n    font-size: 18px;\n  }\n  .landing-main .section-space p {\n    font-size: 14px;\n  }\n  .bg-sky-blue .main-landing .landing-main-content h3 {\n    font-size: 22px;\n  }\n  .custom-card .dashboard-card {\n    padding-top: 0;\n  }\n  .flot-chart-container {\n    height: 230px;\n  }\n  .map-block {\n    height: 250px;\n  }\n  .img-cropper .docs-tooltip {\n    font-size: 11px;\n  }\n  .img-cropper .docs-toggles .btn-group .btn {\n    padding: 0.375rem 0.2rem;\n  }\n  .blog-box .blog-details p {\n    line-height: 1.5;\n  }\n  .blog-box .blog-details .blog-social li:last-child {\n    padding-left: 0;\n  }\n  .blog-box .blog-details-main .blog-social li {\n    padding: 0 10px;\n  }\n  .button-builder-wrap .btn-lg {\n    font-size: 18px;\n  }\n  /* responsive material tabs*/\n  .border-tab.nav-tabs .nav-item .nav-link {\n    padding: 10px 0px;\n  }\n  .tabs-responsive-side {\n    max-width: 100%;\n  }\n  .browser-widget .media i {\n    font-size: 52px;\n  }\n  .browser-widget .media .media-body h4 {\n    font-size: 20px;\n  }\n  .bar-chart-widget .bottom-content .num {\n    font-size: 20px;\n  }\n  .stepwizard .stepwizard-row .stepwizard-step .btn {\n    padding: 6px 20px;\n  }\n  .user-status table tbody img {\n    height: 40px;\n  }\n  .xs-width-100 {\n    min-width: 100%;\n  }\n  .email-wrap .email-right-aside .email-content .email-wrapper .attachment ul li img {\n    width: 65px;\n    height: 65px;\n  }\n  .email-wrap .email-right-aside .email-top .dropdown-menu {\n    left: -58px;\n  }\n  .form-builder #components .component .form-group #button1id {\n    margin-bottom: 15px;\n  }\n  .prooduct-details-box .media {\n    display: block;\n  }\n  .prooduct-details-box .media .media-body {\n    margin-top: 15px;\n    margin-left: unset !important;\n  }\n  .mega-menu-p {\n    padding: 0 23px !important;\n  }\n  .default-according .card .card-header i {\n    font-size: 14px;\n    top: 24px;\n  }\n  .default-according .card .btn-link {\n    display: block;\n    width: 100%;\n    padding-left: 17px;\n  }\n  .star-ratings .stars .title {\n    line-height: 1;\n  }\n  .bootstrap-touchspin .touchspin-vertical-tab .input-group {\n    width: 93% !important;\n  }\n  .step-container {\n    height: 280px !important;\n  }\n  .sort-panel .d-inline .btn {\n    margin-left: 87px;\n  }\n  .jsgrid .jsgrid-pager-container .jsgrid-pager .jsgrid-pager-page {\n    padding: 0.5em 0.62em;\n  }\n  .chat-box .chat-right-aside {\n    flex: 0 0 96%;\n    max-width: 96%;\n  }\n  .chat-box .chat-right-aside .chat .chat-message {\n    width: calc(100% - 20px);\n  }\n  .error-wrapper .error-heading .headline {\n    font-size: 100px;\n  }\n  .lg-toolbar .lg-icon {\n    width: 40px;\n  }\n  .calendar-wrap a.fc-more {\n    font-size: 0.59em;\n  }\n  .calendar-wrap .fc th {\n    font-size: 10px;\n  }\n}\n@media screen and (min-width: 768px) {\n  .product-wrapper-grid.list-view .ribbon {\n    display: none;\n  }\n  .product-wrapper-grid.list-view .col-sm-6 {\n    flex: 0 0 50%;\n    max-width: 50%;\n  }\n}\n/**=====================\n     62. Responsive CSS Ends\n==========================**/","// General variables\r\n$theme-font-color: #2b2b2b;\r\n$theme-body-font-color: #242934;\r\n$theme-body-sub-title-color: rgba($theme-body-font-color, 0.7);\r\n// Theme colors variables\r\n$primary-color: #24695c;\r\n$secondary-color:#ba895d;\r\n$success-color: #1b4c43;\r\n$warning-color: #e2c636;\r\n$danger-color: #d22d3d;\r\n$light-color : #f4f4f4;\r\n$light-gray  : #e6edef;\r\n$light-semi-gray   :#efefef;\r\n$dark-light :$theme-font-color;\r\n$dark-gray \t: #898989;\r\n$dark-color   : #2c323f;\r\n$gray-60   :#cccccc ;\r\n$card-body-color : #f9f9fa;\r\n$transparent-color: transparent;\r\n$auth-bg-color:#fafafa;\r\n$light : #fdfeff;\r\n$semi-dark  :#59667a;\r\n$light-text: #999;\r\n$light-background: #f5f7fb;\r\n$light-font: #717171;\r\n$light-semi-font: $semi-dark;\r\n$light-chartist-grid-color: #f6f9fd;\r\n$off-white: #ffebce;\r\n$dark-primary: #448aff;\r\n$pitch-color: #fe8a7d;\r\n$light-pitch: #fecf8b;\r\n$flower-pink: #fb6d9d;\r\n$dark-sky: #536dfe;\r\n$color-scarpa: #4c5667;\r\n$color-fiord: #455a64;\r\n$dark-blue: #00008B;\r\n$black : #000;\r\n$white:#fff;\r\n$yellow:#f4c705;\r\n$btn-bhome-bg-c:#ff6060;\r\n$btn-search-bg-c:#ffd042;\r\n$btn-opacity-down-primary:#F7F0FF;\r\n// error page color end\r\n\r\n// gradient colors\r\n$gradient-primary: linear-gradient(#1693f8, #0d67e9);\r\n\r\n//social colors\r\n$fb: #50598e;\r\n$twitter: #6fa2d8;\r\n$google-plus: #c64e40;\r\n$linkedin: #0077B5;\r\n\r\n//error input color start\r\n$light-body-bg-color:#fafdff;\r\n\r\n//fonts\r\n$font-montserrat:'Montserrat', sans-serif;\r\n$font-roboto:'Roboto', sans-serif;\r\n$font-rubik:'Rubik', sans-serif;\r\n$font-nunito: Nunito;\r\n$font-raleway: Raleway;\r\n$font-serif: sans-serif;\r\n$font-themify: themify;\r\n$font-awesome: FontAwesome;\r\n$font-ICO: IcoFont;\r\n\r\n\r\n// dark layout variables\r\n$dark-body-background: #202938;\r\n$dark-card-background: #111727;\r\n$dark-card-inbox: #323846;\r\n$dark-small-font-color:#98a6ad;\r\n$dark-all-font-color: rgba(255,255,255,0.7);\r\n$light-all-font-color: rgba(255,255,255,0.2);\r\n$sidebar-submenu-font-color:rgba(255,255,255,0.7);\r\n$dark-border-color: $dark-body-background;\r\n// $dark-card-border:#374558;\r\n$dark-card-border: rgba($primary-color,0.2);\r\n$dark-editor-document: #2b2b2b;\r\n$bg-dark-color: #1f2533;\r\n$dark-datatable-odd: #1f232b;\r\n$dark-datatable-sorting: #1c212b;\r\n$dark-datatable-sorting-even: #22262f;\r\n$dark-even-hover-sorting: #191e27;\r\n\r\n//General tag settings\r\n$body-font-size: 14px;\r\n$body-font-color: $theme-body-font-color;\r\n$ul-padding-left: 0px;\r\n$ul-padding-right: 0px;\r\n$ancher-color: $primary-color;\r\n$btn-focus-box-shadow: none;\r\n$all-focus-outline-color: $primary-color;\r\n\r\n$paragraph-font-size: 14px;\r\n$paragraph-line-height: 1.7;\r\n$paragraph-letter-spacing : inherit;\r\n\r\n$code-tag-color: $primary-color;\r\n$code-tag-bg-color: rgba($primary-color, 0.03);\r\n$code-tag-padding: 3px;\r\n$code-tag-margin: 0 3px;\r\n$code-tag-border-radious: 2px;\r\n\r\n$blockquote-padding : 15px;\r\n$blockquote-border : 4px solid $light-gray;\r\n\r\n$small-tag-padding: 10px;\r\n$small-tag-color: $dark-color;\r\n\r\n$pre-tag-bg-color: rgba($primary-color, 0.03);\r\n$pre-tag-padding: 20px 0;\r\n\r\n$list-group-active-bg-color: $primary-color;\r\n$list-group-active-border-color: $primary-color;\r\n$list-group-img-size: 40px;\r\n$list-group-margin: 10px;\r\n\r\n\r\n// Tables settings\r\n$table-b-margin:             0px;\r\n$table-heading-color:        $theme-body-font-color;\r\n$table-row-color:            $theme-body-font-color;\r\n$table-footer-font-weight:   bold;\r\n$table-inverse-color:        $white;\r\n$table-hover-color:          $light;\r\n$table-padding:              0.75rem;\r\n$table-xl-padding:           1.25rem 2rem;\r\n$table-xl-font:              120%;\r\n$table-lg-padding:           .9rem 2rem;\r\n$table-lg-font:              110%;\r\n$table-de-padding:           .75rem 2rem;\r\n$table-de-font:              100%;\r\n$table-sm-padding:           .5rem 2rem;\r\n$table-sm-font:              90%;\r\n$table-xs-padding:           0.2rem 2rem;\r\n$table-xs-font:              80%;\r\n$horizontal-border-color:    #f2f4ff;\r\n$horizontal-padding:         .75rem 2rem;\r\n$table-inverse-bg-color:     #292b2c;\r\n\r\n\r\n//According setting\r\n$according-card-top-margin           : 10px;\r\n$according-btn-weight                : 500;\r\n$according-btn-color                 : $theme-body-font-color;\r\n$according-card-header-padding       : 1rem 1.25rem;\r\n$according-card-header-icon          : $font-ICO;\r\n$according-open-icon                 : \"\\eb73\";\r\n$according-close-icon                : \"\\eb7a\";\r\n\r\n//Alert settings\r\n$alert-hover-color        :$dark-color;\r\n$alert-border-radious     :0.15rem;\r\n$alert-padding            :15px;\r\n$alert-msg-icon-size      :16px;\r\n\r\n//badge settings\r\n$badge-padding        :0.44em 0.7em;\r\n$badge-svg-size       :10px;\r\n\r\n//form input settings\r\n$form-group-margin-bottom        : 1.25em;\r\n$col-form-label-font-size        : 14px;\r\n$form-control-font-size          : 14px;\r\n$form-control-border-radious     : 2px;\r\n$form-control-border-color     : $light-gray;\r\n\r\n//breadcrumb setting\r\n$breadcrumb-ancher-color    : $white;\r\n$breadcrumb-ancher-dark-color    : $black;\r\n\r\n//buttons setting\r\n$btn-font-size : 14px;\r\n$btn-padding : 0.375rem 1.75rem;\r\n$btn-lg-font-size: 18px;\r\n$btn-sm-font-size: 12px;\r\n$btn-xs-font-size: 10px;\r\n$btn-xs-padding:  0.2rem 0.7rem;\r\n\r\n\r\n//Card settings\r\n$card-padding        :30px;\r\n$card-margin-bottom  :30px;\r\n$card-border-color   :1px solid $light-gray;\r\n$card-border-radious :0;\r\n$border-secondary:#ede7e4 ;\r\n$common-shadow-color : rgba($light-font, 0.08);\r\n$card-box-shadow     : 0 25px 50px rgba(8,21,66,.06);\r\n$card-header-font-weight : 600;\r\n$card-header-bg-color : $white;\r\n$card-header-font-transform : capitalize;\r\n$card-header-span-size : 12px;\r\n$card-header-span-color : $theme-body-sub-title-color;\r\n$card-body-bg-color : $transparent-color;\r\n// $card-body-bg-color : $white;\r\n$card-footer-bg-color : $white;\r\n\r\n//footer settings\r\n$footer_bg_color : $white;\r\n$footer_box_shadow : 0 0 20px 16px rgba(4,122,251,0.04);\r\n$footer_link_align : right;\r\n$footer_dark_color : $theme-font-color;\r\n$footer_dark__txt_color : $white;\r\n\r\n//form settings\r\n$form-group-margin-bottom  :20px;\r\n$sm-form-margin-bottom : 14px;\r\n$form-placeholder-color : $dark-gray;\r\n$form-placeholder-font-size : 14px;\r\n$form-placeholder-letter-spacing : 1px;\r\n$form-placeholder-font-weight : 100;\r\n$form-input-border-color : $light-semi-gray;\r\n$form-input-bg-color : $white;\r\n\r\n//Tour settings\r\n$tour-color: $primary-color;\r\n\r\n\r\n\r\n//sidabr main settings\r\n$sidebar-width: 255px;\r\n$sidebar-position: fixed;\r\n$sidebar-background-color: $white;\r\n$sidebar-shadow: 0 0 11px rgba(69, 110, 243, 0.13);\r\n$sidebar-overflow: auto;\r\n$sidebar-z-index: 9;\r\n$sidebar-transition: 0.5s;\r\n\r\n//sidebar profile settings\r\n$sidebar-user-section-padding: 10px;\r\n$sidebar-user-section-shadow: 3px 2px 7px -1px rgba(68, 102, 242, 0.13);\r\n$sidebar-profile-edit-icon-size: 14px;\r\n$sidebar-profile-name-txt-color : $primary-color;\r\n$sidebar-profile-name-txt-transfer : uppercase;\r\n$sidebar-profile-name-txt-weight : 600;\r\n$sidebar-profile-name-letter-specing : 1.5px;\r\n$sidebar-profile-name-marging : 3px;\r\n$sidebar-profile-sub-title-font-size: 10px;\r\n$sidebar-profile-sub-title-margin: 0px;\r\n$sidebar-profile-img-shadow: 0 0 15px rgba(68, 102, 242, 0.3);\r\n\r\n//Sidebar main menu setting\r\n$sidebar-menu-padding: 15px;\r\n$sidebar-menu-list-style: none;\r\n$sidebar-menu-list-margin: 0;\r\n\r\n$sidebar-icon-size: 14px;\r\n$sidebar-icon-margin: 14px;\r\n$sidebar-icon-stroke-width: 3px;\r\n$sidebar-font-size: 14px;\r\n$sidebar-letter-specing: 0.5px;\r\n$sidebar-txt-transform: capitalize;\r\n$sidebar-font-weight: 600;\r\n$sidebar-font-color: $theme-body-font-color;\r\n$sidebar-padding-top: 12px;\r\n$sidebar-padding-bottom: 12px;\r\n$sidebar-sub-header-padding: 15px;\r\n$sidebar-sub-header-margin: 0;\r\n$sidebar-heading-hover-padding: 5px;\r\n$sidebar-hover-txt-color: $primary-color;\r\n$sidebar-arrow-margin-top: 2px;\r\n$sidebar-arrow-size: 15px;\r\n$sidebar-arrow-color: $theme-body-font-color;\r\n$sidebar-open-icon: \"\\f107\";\r\n$sidebar-close-icon:\"\\f105\";\r\n$sidebar-icon-font-family: $font-awesome;\r\n$sidebar-height: calc(100vh - 355px);\r\n// $sidebar-height: calc(100vh - 115px);\r\n\r\n//Header settings\r\n$main-header-position: fixed;\r\n$main-header-top: 0;\r\n$main-header-shadow:  0 0 20px rgba(25,124,207,0.08);\r\n$bookmark-icon-color: #fa9f44;\r\n\r\n//page settings\r\n$page-body-padding : 0 15px 0 15px;\r\n$page-body-bg-color: $light-gray;\r\n$page-body-margin-bottom: 0px;\r\n\r\n$page-header-padding : 30px;\r\n\r\n$common-box-shadow: 2px 3.464px 8px 0px rgba( 22, 145, 248, 0.18 );\r\n$page-title-font-size: 24px;\r\n$page-title-margin-bottom: 0;\r\n$page-title-font-weight: 600;\r\n$page-title-text-tranform: capitalize;\r\n$page-small-title-display: block;\r\n$page-small-title-font-size: 12px;\r\n$page-small-title-margin-bottom: 5px;\r\n$page-small-title-text-transform: capitalize;\r\n$page-small-title-text-color: $theme-body-sub-title-color;\r\n$breadcrumb-size: 16px;\r\n$breadcrumb-content: \"/\";\r\n\r\n\r\n//main header left settings\r\n$main-header-left-bg-color : $white;\r\n$main-header-padding : 27px 22px;\r\n$main-header-z-index : 9;\r\n$main-header-right-padding: 24px 40px;\r\n$main-header-right-nav-icon-size :  18px;\r\n$main-header-right-nav-icon-color :  $theme-font-color;\r\n$main-header-right-nav-icon-align :  middle;\r\n"]}