{"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\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\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\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  \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\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\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  \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\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\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  \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\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  .page-main-header {\r\n    .main-header-right {\r\n      .left-menu-header{\r\n        flex:0 0 35%;\r\n      }\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\r\n\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\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\r\n  // cart page\r\n  .cart {\r\n    .qty-box {\r\n      width: 40%;\r\n    }\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\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\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\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\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\r\n      .media-body {\r\n        h3 {\r\n          font-size: 20px;\r\n        }\r\n      }\r\n    }\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\r\n\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\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\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\r\n  .equal-height-xl {\r\n    height: 517px;\r\n  }\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\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\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\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\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\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  }\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\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\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\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  \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      .left-menu-header {\r\n        padding:24px 15px;\r\n        flex:0 0 30%;\r\n      }\r\n      .nav-right {\r\n        .nav-menus {\r\n          padding: 20px 15px;\r\n        }\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\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\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\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    }\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\r\n\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\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\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\r\n\r\n\r\n\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\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\r\n      h5 {\r\n        font-size: 16px;\r\n        padding: 18px;\r\n      }\r\n    }\r\n\r\n    .cal-desc {\r\n      padding: 14px;\r\n\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\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\r\n    .ps-0 {\r\n      padding-left: 15px !important;\r\n    }\r\n\r\n    .pe-0 {\r\n      padding-right: 15px !important;\r\n    }\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\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\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  \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\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      \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    \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\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\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    }\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\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\r\n  \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\r\n\r\n  .social-tab {\r\n    .input-group{\r\n      width:190px;\r\n    }\r\n  }\r\n\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\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          }\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\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 \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\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\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\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\r\n  // avatar page\r\n  .customers {\r\n    &.avatar-group {\r\n      margin-right: 20px;\r\n    }\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\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\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\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\r\n  // landing page css ends\r\n  // helper classes page start\r\n  .helper-classes {\r\n    padding: 20px;\r\n  }\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\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\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\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\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\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\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\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\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\r\n  /*Form Wizard Two Start*/\r\n  .stepwizard {\r\n    margin-bottom: 20px;\r\n  }\r\n  /*Form Wizard Two Ends*/\r\n\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\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\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\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\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  }\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 - 220px);\r\n            }\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\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\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  \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\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  \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\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\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\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\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\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\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    }\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\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\r\n  // advance pages //\r\n  .dropzone.dz-clickable {\r\n    padding: 20px;\r\n  }\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\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\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       \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\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\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\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  \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\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\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\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\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\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\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\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\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\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\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\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}\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\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\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\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\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\r\n   \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\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\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\r\n  // book mark //\r\n  .bookmark {\r\n    text-align: left;\r\n    margin-top: 10px;\r\n  }\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\r\n  // footer\r\n  footer {\r\n    p {\r\n      font-size: 12px;\r\n    }\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\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\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\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\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\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\r\n  // internationalization page //\r\n  .hdg_main {\r\n    font-size: 16px;\r\n  }\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\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\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\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\r\n  // helper classes page start\r\n  .helper-classes {\r\n    padding: 15px;\r\n  }\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\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\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  }\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\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\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\r\n    .card-social {\r\n      padding-top: 10px;\r\n      padding-bottom: 10px;\r\n    }\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\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\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 \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\r\n  // Form Wizard Two Start\r\n  .stepwizard {\r\n    margin-bottom: 15px;\r\n  }\r\n  // Form Wizard Two Ends\r\n\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\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\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\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\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\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\r\n        canvas {\r\n          width: 245px !important;\r\n          height: 245px !important;\r\n        }\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\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\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\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\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 \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\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 \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\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\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\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\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\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\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\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\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\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\r\n  // mega-menu\r\n  .mega-menu-p {\r\n    padding: 0 23px !important;\r\n  }\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\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\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\r\n  // form-wizard-four page\r\n  .step-container {\r\n    height: 280px !important;\r\n  }\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\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\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/**=====================\r\n     62. Responsive CSS Ends\r\n==========================**/\r\n","/**=====================\r\n     62. Responsive CSS Start\r\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  .photos ul li {\n    width: 22%; }\n  .vertical-menu-main .mega-menu {\n    width: 1200px !important;\n    max-width: 1200px !important;\n    left: 0px !important; }\n  .user-status table thead tr th:nth-child(3) {\n    min-width: 124px; }\n  .user-status table tbody tr td:first-child {\n    min-width: 278px; }\n  .employee-status table tbody tr td:first-child {\n    min-width: 300px; }\n  .bar-chart canvas {\n    width: 100% !important; }\n  .main-header-right .main-header-right .left-menu-header .orm-control-plaintext .form-inline {\n    width: auto !important; }\n  .chat-box .chat-history .call-icons {\n    margin-bottom: 15px; }\n    .chat-box .chat-history .call-icons ul li {\n      width: 45px;\n      height: 45px; }\n      .chat-box .chat-history .call-icons ul li a {\n        font-size: 18px; }\n  .chat-box .chat-history .total-time h2 {\n    font-size: 40px;\n    color: #898989;\n    margin-bottom: 10px; }\n  .chat-box .chat-history .call-content .btn {\n    width: auto;\n    margin: 0 auto; }\n  .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li:nth-child(n+2) {\n    margin-left: 10px; }\n  .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i {\n    font-size: 18px; }\n  .chat-left-aside .people-list {\n    height: 520px; }\n  .chat-box .chat-right-aside .chat .chat-msg-box {\n    height: 440px; }\n  .chat-box .people-list ul {\n    max-height: 450px;\n    overflow: auto; }\n  .call-chat-body .chat-box {\n    overflow: hidden;\n    height: 625px; }\n    .call-chat-body .chat-box .people-list ul {\n      max-height: 500px;\n      overflow: auto; }\n  .caller-img img {\n    opacity: 0.7; }\n  .chat-box .chat-history .receiver-img {\n    margin-top: 25px; }\n  .chat-box .chat-history .call-content {\n    min-height: 545px; }\n  .search-page .search-vid-block > div {\n    margin-top: 30px; }\n  .user-profile .photos ul li {\n    width: 21%; }\n  .email-wrap .email-right-aside .email-profile .inbox p {\n    width: calc(100% - 300px);\n    max-width: 500px; } }\n\n@media screen and (max-width: 1550px) {\n  .bg-gallery {\n    height: 90vh; }\n  .email-wrap .email-content .email-top .user-emailid:after {\n    display: none; }\n  .email-wrap .email-top .email-right {\n    display: none; }\n  .cal-date-widget .datepicker {\n    width: unset; } }\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  .bg-gallery {\n    height: 85vh;\n    min-height: 700px; }\n  .landing_gallery_section_img:before {\n    content: \"\";\n    height: 300px;\n    background: linear-gradient(to top, #01397d 8%, transparent 92%); }\n  .page-main-header .main-header-right .left-menu-header {\n    padding-left: 30px;\n    padding-right: 30px; } }\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  .whishlist-main .prooduct-details-box .btn {\n    top: 0;\n    bottom: unset;\n    right: unset;\n    left: 0; }\n  .whishlist-main .col-xl-2 {\n    width: 25%; }\n  .xl-none {\n    display: none; }\n  .xl-60 {\n    max-width: 60%;\n    flex: 0 0 60%; }\n  .xl-30 {\n    max-width: 30%;\n    flex: 0 0 30%; }\n  .xl-33 {\n    max-width: 33.33333%;\n    flex: 33.33333%; }\n  .xl-35 {\n    max-width: 35%;\n    flex: 35%; }\n  .xl-65 {\n    max-width: 65%;\n    flex: 65%; }\n  .xl-60 {\n    max-width: 60%;\n    flex: 60%; }\n  .xl-70 {\n    max-width: 70%;\n    flex: 70%; }\n  .xl-50 {\n    max-width: 50%;\n    flex: 0 0 50%; }\n  .xl-100 {\n    max-width: 100%;\n    width: 100%;\n    flex: 0 0 100%; }\n  .xl-23 {\n    max-width: 23%;\n    flex: 0 0 23%; }\n  .xl-25 {\n    max-width: 25%;\n    flex: 0 0 25%; }\n  .xl-40 {\n    max-width: 40%;\n    flex: 0 0 40%; }\n  .xl-4 {\n    max-width: 33.33%;\n    flex: 0 0 33.33%; }\n  .xl-cs-65 {\n    max-width: 65%;\n    flex: 0 0 65%; }\n  .xl-cs-35 {\n    max-width: 35%;\n    flex: 0 0 35%;\n    order: -1; }\n  .product-page-main .owl-item .item {\n    border: 1px solid #f4f4f4;\n    border-radius: 5px; }\n  .product-page-main .proorder-xl-3 {\n    order: 3; }\n  .owl-carousel .owl-item img {\n    max-width: 420px;\n    margin: 0 auto; } }\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    .product-filter.new-products .owl-theme .owl-item .item .product-box .media .product-img {\n      width: 100%; }\n  .product-filter.new-products .owl-theme .owl-item .item .product-box .product-details {\n    padding: 15px 0; } }\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  .bg-sky-blue .main-landing {\n    height: 765px; } }\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  .product-thumbnail {\n    margin-top: 15px; } }\n\n@media screen and (min-width: 1200px) and (max-width: 1366px) {\n  .knowledgebase-bg {\n    height: 400px; }\n  .custom-card .card-footer > div {\n    padding: 10px 0; }\n  .card-activity ::-webkit-scrollbar {\n    width: 5px; }\n  .card-activity ::-webkit-scrollbar-track {\n    background: #d0efe9; }\n  .card-activity ::-webkit-scrollbar-thumb {\n    background: #24695c; }\n  .card-activity h5 {\n    font-size: 18px !important; }\n  .card-activity .setting-list {\n    display: none; }\n  .crm-activity span {\n    display: none; }\n  .vertical-menu-mt .crm-activity {\n    height: 298px; }\n  .pixelstrap a {\n    padding-left: 18px; }\n    .pixelstrap a:hover, .pixelstrap a:focus, .pixelstrap a:active {\n      padding-left: 18px; }\n  .flot-chart-container-small {\n    height: 227px; }\n  .call-chat-sidebar {\n    max-width: 260px; }\n  .product-box .product-details {\n    padding: 15px; }\n  .flot-chart-container {\n    height: 282px; }\n  .custom-card .card-profile img {\n    height: 80px; }\n  .custom-card .profile-details h4 {\n    font-size: 18px; }\n  .custom-card .profile-details h6 {\n    margin-bottom: 24px; }\n  .custom-card .card-footer > div h3 {\n    font-size: 18px; }\n  .crm-activity {\n    height: 291px;\n    overflow-y: auto; }\n    .crm-activity .media .media-body .dates {\n      display: flex; }\n  .calender-widget .cal-date {\n    width: 95px;\n    height: 95px; }\n    .calender-widget .cal-date h5 {\n      line-height: 1.4;\n      padding: 13px; }\n  .chat-body {\n    padding: 10px; }\n  .chat-box .chat-history .call-content .btn {\n    font-size: 15px; }\n  .chat-box .chat-history .total-time h2 {\n    font-size: 30px; }\n  .chat-box .chat-history .receiver-img {\n    margin-top: 30px;\n    margin-bottom: 30px; }\n  .chat-box .chat-history .call-icons {\n    margin-top: 20px;\n    margin-bottom: 20px; }\n    .chat-box .chat-history .call-icons ul li {\n      width: 45px;\n      height: 45px; }\n  .chat-box .user-image {\n    width: 30px;\n    height: 30px;\n    margin-top: 3px;\n    margin-right: 3px; }\n  .chat-box .about {\n    margin-top: 0; }\n  .chat-box .border-tab.nav-tabs .nav-item a {\n    padding: 13px 4px !important;\n    color: #59667a !important;\n    letter-spacing: 0; }\n  .chat-box .chat-menu .people-list ul.list {\n    max-height: 376px;\n    overflow-y: auto; }\n  .chat-left-aside .people-list {\n    height: 420px; }\n    .chat-left-aside .people-list ul {\n      max-height: 376px;\n      overflow-y: auto; }\n  .chat-left-aside .status-circle {\n    top: 4px;\n    left: 36px; }\n  .blog-box .blog-details-main .blog-bottom-details {\n    margin: 20px 10px; }\n  .blog-box .blog-details-main .blog-social li {\n    padding: 0px 5px; }\n  .blog-box.blog-shadow .blog-details {\n    padding: 15px; }\n  .comment-box .media img {\n    margin-right: 25px; }\n  .comment-box ul ul {\n    margin-left: 50px; }\n  .browser-widget img {\n    height: 50px; }\n  .browser-widget .media-img {\n    margin-left: auto;\n    margin-right: auto;\n    margin-bottom: 15px; }\n  .email-wrap .email-left-aside .email-app-sidebar .media {\n    display: block; }\n    .email-wrap .email-left-aside .email-app-sidebar .media .media-size-email {\n      width: 100%;\n      text-align: center; }\n      .email-wrap .email-left-aside .email-app-sidebar .media .media-size-email img {\n        margin-bottom: 10px; }\n      .email-wrap .email-left-aside .email-app-sidebar .media .media-size-email .me-3 {\n        margin-right: 0 !important; }\n    .email-wrap .email-left-aside .email-app-sidebar .media .media-body {\n      text-align: center; }\n  .email-wrap .email-right-aside .email-body .attachment ul li img {\n    width: 73px;\n    height: 73px; }\n  .email-wrap .email-right-aside .email-body .email-top {\n    line-height: 50px; }\n    .email-wrap .email-right-aside .email-body .email-top h5 {\n      padding: 13px 0; }\n  .email-wrap .email-right-aside .email-body .inbox .media-body {\n    text-align: center; }\n    .email-wrap .email-right-aside .email-body .inbox .media-body h6 {\n      font-size: 14px; }\n  .email-wrap .email-right-aside .email-body .email-compose .cke_contents.cke_reset {\n    max-height: 144px;\n    width: 99%; }\n  .email-wrap .email-right-aside .email-body .email-compose .compose-border {\n    margin: 0; }\n  .email-wrap .media-body p {\n    font-size: 13px; }\n  .alert-dismissible p {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 181px; }\n  .bootstrap-touchspin .touchspin-vertical-tab .input-group {\n    width: 96% !important; }\n  .blog-list .blog-details h6 {\n    padding-bottom: 0;\n    margin-bottom: 0;\n    border: none; }\n  .blog-box .blog-date span {\n    font-weight: 500; } }\n\n@media screen and (max-width: 1470px) {\n  .edit-profile .profile-title .media {\n    display: block; }\n    .edit-profile .profile-title .media .media-body {\n      margin-left: unset;\n      margin-top: 10px; }\n  .user-profile .photos ul li {\n    width: 20%; }\n  .page-main-header .main-header-right .left-menu-header {\n    flex: 0 0 35%; }\n  .email-wrap .email-right-aside .email-profile .inbox p {\n    width: calc(100% - 300px);\n    max-width: 500px; } }\n\n@media screen and (max-width: 1366px) {\n  .email-wrap .email-content .email-top .user-emailid:after {\n    display: none; }\n  .lnb-calendars {\n    display: block !important;\n    text-align: right; }\n  .page-main-header .main-header-right .nav-right .nav-menus {\n    padding: 20px 35px; }\n  .span.ace_indent-guide {\n    display: none; }\n  .grid-options ul li:last-child {\n    display: none; }\n  .product-wrapper-grid .col-xl-3 {\n    padding-left: 8px;\n    padding-right: 8px; }\n  .product-wrapper-grid.list-view .product-box .product-img {\n    width: 25%; }\n  .product-price {\n    font-size: 14px; }\n  .product-box .product-img .product-hover ul li {\n    width: 35px;\n    height: 35px; }\n  .product-box .product-details h4 {\n    font-size: 18px; }\n  .cart .qty-box {\n    width: 40%; }\n  .alert-dismissible strong ~ p {\n    display: inline; }\n  .learning-box .details-main {\n    margin: 20px; }\n    .learning-box .details-main h6 {\n      font-size: 18px; }\n  .timeline-small .media .media-body p {\n    width: 95%; }\n  .timeline-small .media .timeline-round.timeline-line-1:after {\n    bottom: -66px; }\n  .map-js-height {\n    height: 350px; }\n  .browser-widget .media {\n    flex-wrap: wrap; }\n    .browser-widget .media .media-body h3 {\n      font-size: 20px; }\n    .browser-widget .media .media-body p {\n      margin-bottom: 2px; }\n    .browser-widget .media .media-body h4 {\n      font-size: 20px; }\n  .testimonial i {\n    font-size: 46px; }\n  .testimonial p {\n    margin-top: 20px; }\n  .cal-date-widget .datepicker {\n    margin: 0 auto;\n    width: unset; }\n  .company-card {\n    padding: 20px; }\n  .static-top-widget .media-body h3 {\n    font-size: 30px; }\n  .static-top-widget .media-body .icon-bg {\n    right: -21px; }\n  .widget-joins .media {\n    padding: 20px; }\n    .widget-joins .media .media-body h3 {\n      font-size: 20px; }\n  .left-bookmark ul li button {\n    font-size: 13px; }\n  .photos ul li {\n    width: 21%; }\n  .chat-box .chat-right-aside .chat .chat-msg-box {\n    height: 420px; }\n    .chat-box .chat-right-aside .chat .chat-msg-box .chat-user-img {\n      margin-top: -30px; }\n    .chat-box .chat-right-aside .chat .chat-msg-box .message {\n      width: 100%;\n      padding: 15px; }\n  .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i {\n    font-size: 20px; }\n  .chat-box .chat-history .call-content {\n    min-height: 512px; }\n  .chat-right-aside .chat .chat-message .smiley-box {\n    width: 45px; }\n  .chat-box .chat-history .receiver-img img {\n    height: 150px; }\n  .call-chat-body .chat-box {\n    overflow: hidden;\n    height: 595px; }\n  .calender-widget .cal-desc p {\n    max-height: 88px;\n    overflow: auto; }\n  .equal-height-xl {\n    height: 517px; }\n  .authentication-main .auth-innerright {\n    background-size: cover; }\n  .grp-btns {\n    display: inline-block; }\n  .button-builder .button-generator-bx {\n    position: relative;\n    width: 100%; }\n  .page-builder .btn-group {\n    display: inline-block;\n    margin-bottom: 10px; }\n  .page-builder .btn-grid {\n    margin-bottom: 15px;\n    margin-right: 0px;\n    border-right: none;\n    display: inline-block; }\n  .page-builder .ge-canvas.ge-layout-desktop {\n    margin-top: 50px; }\n  .ecommerce-widget h6 {\n    font-size: 14px; }\n  .ecommerce-widget .total-num {\n    letter-spacing: 0px; }\n  .support-ticket .pro-gress .progress-showcase {\n    margin-top: 15px; }\n  .support-ticket-font .total-num {\n    font-size: 20px; }\n  .custom-card {\n    padding: 15px; }\n    .custom-card .card-social li a {\n      width: 30px;\n      height: 30px; }\n  .map-chart .chart-container {\n    height: 300px; }\n  .speed-chart .chart-container {\n    height: 250px;\n    margin-top: -40px;\n    margin-bottom: 100px; }\n  .candidcahrt {\n    height: 360px; }\n  .status-details h3 {\n    font-size: 18px; }\n  .chart-widget-top .total-value {\n    font-size: 20px; }\n  .status-widget .card-body {\n    padding: 10px; }\n  .browser-widget .media {\n    flex-wrap: wrap; }\n    .browser-widget .media .media-body h3 {\n      font-size: 20px; }\n    .browser-widget .media .media-body p {\n      margin-bottom: 2px; }\n    .browser-widget .media .media-body h4 {\n      font-size: 20px; }\n  .testimonial i {\n    font-size: 46px; }\n  .testimonial p {\n    margin-top: 20px; }\n  .cal-date-widget .datepicker {\n    margin: 0 auto;\n    width: unset; }\n  .company-card {\n    padding: 20px; }\n  .static-top-widget .media-body h3 {\n    font-size: 30px; }\n  .static-top-widget .media-body .icon-bg {\n    right: -21px; }\n  .widget-joins .media {\n    padding: 20px; }\n    .widget-joins .media .media-body h3 {\n      font-size: 20px; }\n  .chat-body {\n    padding: 10px; }\n  .chat-box .chat-history .call-content .btn {\n    font-size: 15px; }\n  .chat-box .chat-history .total-time h2 {\n    font-size: 30px; }\n  .chat-box .chat-history .receiver-img {\n    margin-top: 30px;\n    margin-bottom: 30px; }\n  .chat-box .chat-history .call-icons {\n    margin-top: 20px;\n    margin-bottom: 20px; }\n    .chat-box .chat-history .call-icons ul li {\n      width: 45px;\n      height: 45px; }\n  .chat-box .user-image {\n    width: 45px;\n    height: 45px; }\n  .chat-box .about {\n    margin-top: 0; }\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  .chat-box .chat-menu .people-list ul.list {\n    max-height: 376px;\n    overflow-y: auto; }\n  .chat-left-aside .people-list {\n    height: 490px; }\n    .chat-left-aside .people-list ul {\n      max-height: 434px;\n      overflow-y: auto; }\n  .status-circle {\n    top: 4px;\n    left: 37px; }\n  .mega-menu .onhover-show-div {\n    left: 164px; }\n  .img-cropper .docs-toggles {\n    margin-top: 8px; }\n  .bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content {\n    left: -21px; }\n  #advance-5_wrapper .dataTables_paginate {\n    margin-bottom: 8px; }\n  #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child {\n    width: 67px !important; }\n  #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child {\n    width: 67px !important; }\n  .reset-password-box .theme-form .form-group .btn {\n    padding: 6px 22px; }\n  .cd-timeline-img {\n    width: 45px;\n    height: 45px; }\n    .cd-timeline-img i {\n      font-size: 20px; } }\n\n@media screen and (min-width: 1200px) and (max-width: 1365px) {\n  .redial-social-widget {\n    width: 90px;\n    height: 90px; }\n    .redial-social-widget i {\n      width: 70px;\n      height: 70px; }\n  .social-widget-card .card-body {\n    padding: 20px; }\n  .social-widget-card h5 {\n    margin-bottom: 15px; }\n  .widget-joins .media {\n    padding: 15px; }\n    .widget-joins .media h5 {\n      font-size: 14px; }\n    .widget-joins .media .media-body svg {\n      width: 25px;\n      height: 25px; }\n    .widget-joins .media .media-body > span {\n      font-size: 13px; }\n    .widget-joins .media .me-3 {\n      margin-right: 10px !important; }\n  .testimonial p {\n    margin-top: unset; }\n  .general-widget .custom-card .card-header img {\n    margin-top: -45px; } }\n\n@media screen and (min-width: 992px) and (max-width: 1199px) {\n  .project-box {\n    padding: 20px; }\n    .project-box .badge {\n      right: 10px;\n      top: 10px;\n      font-size: 8px;\n      padding: 5px; } }\n\n@media screen and (max-width: 1280px) {\n  .blog-list .blog-details hr {\n    display: none; }\n  .blog-list .blog-details p {\n    display: none; }\n  .page-main-header .main-header-right .nav-right > ul > li {\n    margin-right: 10px; }\n  .bg-gallery {\n    height: 108vh; }\n  .img-gallery-set1,\n  .img-gallery-set5 {\n    display: none; }\n  .box-layout.page-wrapper.horizontal-wrapper .page-main-header {\n    padding-left: unset;\n    max-width: unset;\n    left: unset; }\n  .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper {\n    width: unset; }\n  .user-profile .photos ul li {\n    width: 19%; }\n  .user-profile .social-tab ul li:nth-child(n+2) {\n    margin-left: 10px; }\n  .email-wrap .actions li:nth-child(n+2) {\n    margin-left: 10px; }\n  .email-wrap .actions li .btn {\n    padding: 7px 20px;\n    text-transform: capitalize; } }\n\n@media screen and (max-width: 1199px) {\n  .ttl-info {\n    display: none; }\n  input[type='checkbox'].tui-full-calendar-checkbox-round + span {\n    margin-right: 2px;\n    width: 4px; }\n  .blog-list .blog-details p, .blog-list .blog-details hr {\n    display: block; }\n  .profile-greeting .header-top {\n    text-align: center; }\n    .profile-greeting .header-top .setting-list {\n      float: none; }\n  .alert-theme {\n    max-width: 400px; }\n  .vertical .page-main-header .main-header-right .vertical-mobile-sidebar {\n    display: block; }\n  .mega-menu-header .main-header-right .vertical-mobile-sidebar {\n    display: block;\n    margin-right: 15px; }\n  .page-main-header .main-header-right .nav-right.right-menu ul {\n    padding-left: 15px;\n    padding-right: 15px; }\n  .page-main-header .main-header-right .main-header-left {\n    padding-left: 25px;\n    padding-right: 25px; }\n  .page-wrapper .page-main-header .main-header-right .nav-right > ul li .submenu li:first-child {\n    padding-left: 15px !important; }\n  .page-wrapper .page-main-header .main-header-right .mobile-sidebar .switch-sm .switch {\n    margin-top: 6px; }\n  .page-main-header .main-header-right .left-menu-header {\n    padding: 24px 15px;\n    flex: 0 0 30%; }\n  .page-main-header .main-header-right .nav-right .nav-menus {\n    padding: 20px 15px; }\n  .grid-options ul li:nth-child(3) {\n    display: none; }\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  .photos ul li {\n    width: 20%; }\n  .timeline-small .media .timeline-round.timeline-line-1:after {\n    height: 33px;\n    bottom: -40px; }\n  .timeline-small .media .timeline-round.small-line:after {\n    height: 28px;\n    bottom: -38px; }\n  .timeline-small .media .timeline-round.medium-line:after {\n    height: 30px;\n    bottom: -40px; }\n  .timeline-small .media .media-body h6 {\n    font-weight: 600;\n    margin-bottom: 30px; }\n    .timeline-small .media .media-body h6 span {\n      font-weight: normal;\n      color: #999; }\n  .timeline-small .media .media-body p {\n    width: 100%; }\n  .bg-gallery {\n    height: 100vh; }\n  .mt50 {\n    margin-top: 30px; }\n  .landing-main .sticky .navbar-expand-xl .navbar-brand {\n    top: 8px; }\n  .landing-main .sticky .navbar-expand-xl .navabr_btn-set {\n    top: 16px; }\n  .landing-main .navbar-toggler span {\n    background-color: #fff; }\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  .landing-main h4 {\n    font-size: 20px; }\n  .landing-main .navbar-expand-xl .navabr_btn-set {\n    position: fixed;\n    top: 24px;\n    z-index: 1;\n    right: 20px; }\n  .landing-main .navbar-expand-xl .navbar-brand {\n    padding-left: 5px;\n    z-index: 1;\n    position: fixed;\n    top: 14px; }\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  .landing-main .support-res {\n    text-align: center;\n    align-items: center;\n    justify-content: center;\n    padding: 20px; }\n  .landing-main .navbar-expand-lg .navbar-brand {\n    padding-left: 5px; }\n  .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {\n    padding: 9px; }\n  .lg-mt-col {\n    margin-top: 30px; }\n  .xl-none {\n    display: none; }\n  .user-status table tbody tr td .d-inline-block {\n    margin-top: 10px; }\n  .lg-mt {\n    margin-top: 30px; }\n  .product-page-details {\n    margin-top: 30px; }\n  .product-wrapper-grid.list-view .product-box .product-img {\n    width: 32%; }\n  .debit-card {\n    order: 1; }\n  .typography .row div + div {\n    margin-top: 30px; }\n  .listing .card-body .row > div + div {\n    margin-top: 30px; }\n  .flot-chart-container {\n    height: 250px; }\n  .img-cropper #putData {\n    margin-bottom: 10px; }\n  .img-cropper .docs-toggles > .dropdown {\n    margin-bottom: 0; }\n  .error-wrapper .maintenance-icons li i {\n    color: #e6edef;\n    font-size: 40px; }\n  .error-wrapper .maintenance-icons li:nth-child(2) i {\n    font-size: 80px;\n    margin-left: 90px; }\n  .error-wrapper .maintenance-icons li:nth-child(3) i {\n    font-size: 120px;\n    margin-top: -75px;\n    margin-right: 110px; }\n  div.dataTables_wrapper div.dataTables_paginate ~ .dataTables_filter {\n    display: block;\n    width: 100%;\n    margin-top: 20px;\n    margin-bottom: 0; }\n  .jvector-map-height {\n    height: 280px; }\n  .custom-card .card-profile .card-social li a {\n    padding: 8px; }\n  .custom-card .card-profile img {\n    height: 90px; }\n  .custom-card .card-profile .card-footer > div h3 {\n    font-size: 18px; }\n  .custom-card .profile-details h4 {\n    font-size: 20px; }\n  .custom-card .profile-details h6 {\n    margin-bottom: 20px; }\n  .custom-card .card-footer > div h3 {\n    font-size: 18px; }\n  .equal-height-lg {\n    min-height: unset !important; }\n  .mega-menu .onhover-show-div {\n    height: 435px;\n    overflow-x: scroll;\n    left: 215px; }\n  .mega-menu .mega-bg {\n    display: none; }\n  .mega-menu .lg-mt {\n    margin-top: 25px; }\n  .button-builder .button-generator-bx {\n    position: relative;\n    width: 100%; }\n  .blog-single .comment-box ul .comment-social {\n    margin-left: 0; }\n  .error-wrapper .maintenance-heading {\n    margin-top: 30px; }\n    .error-wrapper .maintenance-heading .headline {\n      font-size: 50px;\n      margin-top: -15%;\n      margin-bottom: 0px; }\n    .error-wrapper .maintenance-heading .cloud-second {\n      margin-top: -25px; }\n  .mobile-clock-widget #date {\n    margin-top: 15px; }\n  .social-widget-card .b-b-light {\n    padding: 15px;\n    margin-bottom: 15px; }\n  .weather-widget-two .bottom-whetherinfo .whether-content {\n    top: 34px; }\n  .cal-date-widget .cal-datepicker {\n    margin-top: 15px; }\n  .static-top-widget .media-body .icon-bg {\n    width: 70px;\n    height: 70px; }\n  .user-status table tbody tr th {\n    min-width: 120px; }\n  .user-status table tbody tr td:first-child {\n    min-width: 295px; }\n  .testimonial p {\n    margin-top: 17px; }\n  .contact-form {\n    padding: 10px; }\n    .contact-form .theme-form .form-icon {\n      margin-top: -57px; }\n  .calender-widget .cal-date {\n    width: 90px;\n    height: 90px; }\n    .calender-widget .cal-date h5 {\n      font-size: 16px;\n      padding: 18px; }\n  .calender-widget .cal-desc {\n    padding: 14px; }\n    .calender-widget .cal-desc p {\n      max-height: 114px;\n      overflow-y: auto; }\n  .browser-widget {\n    padding: 0px; }\n    .browser-widget img {\n      height: 50px; }\n    .browser-widget .media .media-body h4 {\n      font-size: 17px; }\n    .browser-widget .media .media-img {\n      width: 100%;\n      text-align: center;\n      margin-bottom: 10px; }\n  .static-top-widget .media-body {\n    padding-left: 20px; }\n  .widget-joins:before {\n    display: none; }\n  .widget-joins .ps-0 {\n    padding-left: 15px !important; }\n  .widget-joins .pe-0 {\n    padding-right: 15px !important; }\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  .widget-joins .media .media-body svg {\n    width: 30px;\n    height: 30px; }\n  .crm-overall .overall-chart {\n    height: 200px; }\n  .product-page-main .proorder-lg-1 {\n    order: -1; }\n  .chat-box .chat-menu {\n    background-color: #fff; }\n    .chat-box .chat-menu .people-list ul.list {\n      max-height: 444px;\n      overflow-y: auto; }\n  .chat-box .btn-lg {\n    font-size: 12px; }\n  .chat-box .people-list ul {\n    height: auto; }\n  .chat-box .chat-right-aside .chat .chat-header {\n    height: auto; }\n    .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i {\n      font-size: 19px; }\n  .chat-box .chat-right-aside .chat .chat-message {\n    margin: 0;\n    bottom: 15px; }\n  .chat-box .chat-history .total-time h2 {\n    font-size: 25px; }\n  .chat-box .chat-history .row .col-sm-7 {\n    padding-right: 0; }\n  .chat-box .border-tab.nav-tabs {\n    width: 100%; }\n    .chat-box .border-tab.nav-tabs .nav-item {\n      margin-right: 5px; }\n  .chat-box .chat-left-aside .people-list {\n    height: 493px; }\n  .chat-menu-icons {\n    display: block;\n    clear: both;\n    width: 100%;\n    text-align: right; }\n  .chat-box .border-tab.nav-tabs .nav-item a {\n    height: auto;\n    line-height: 1.2; }\n  .chat-history {\n    height: 447px; }\n  .chat-box .toogle-bar {\n    display: inline-block;\n    margin-right: 0 !important; }\n  .email-wrap .email-right-aside .email-body {\n    border-top-right-radius: 4px;\n    border-bottom-right-radius: 4px; }\n    .email-wrap .email-right-aside .email-body .b-r-light {\n      border-right: none !important; }\n  .email-wrap .email-right-aside .radius-left {\n    border-top-left-radius: 4px !important;\n    border-bottom-left-radius: 4px !important; }\n  .email-wrap .email-aside-toggle {\n    display: block; }\n  .email-wrap .email-sidebar {\n    position: relative; }\n    .email-wrap .email-sidebar .email-aside-toggle {\n      margin-bottom: 20px;\n      width: fit-content; }\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      .email-wrap .email-sidebar .email-left-aside.open {\n        visibility: visible;\n        opacity: 1; }\n  .job-accordion .card {\n    margin-bottom: 20px; }\n  .job-sidebar {\n    position: relative; }\n    .job-sidebar .job-toggle {\n      display: block;\n      margin-bottom: 20px; }\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      .job-sidebar .job-left-aside.open {\n        opacity: 1;\n        visibility: visible; }\n  .learning-block > div:first-child {\n    order: 2; }\n  .icon-lists div {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 209px; }\n  .like-comment-lg-mb {\n    margin-bottom: 12px; }\n  .ribbon-space-bottom {\n    top: 9px; }\n  .bootstrap-touchspin .touchspin-vertical-tab .input-group {\n    width: 98.5% !important; }\n  #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child {\n    width: 95px !important; }\n  #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child {\n    width: 95px !important; }\n  .profile-img-style #aniimated-thumbnials-3 {\n    text-align: center; }\n  .user-profile .photos ul li {\n    width: 20%; }\n  .user-profile .profile-header {\n    height: 380px; }\n    .user-profile .profile-header .userpro-box {\n      max-width: 325px;\n      padding: 25px; }\n      .user-profile .profile-header .userpro-box .icon-wrapper {\n        width: 30px;\n        height: 30px;\n        font-size: 13px; }\n      .user-profile .profile-header .userpro-box .avatar {\n        width: 85px;\n        height: 85px; }\n      .user-profile .profile-header .userpro-box h4 {\n        font-size: 18px; }\n      .user-profile .profile-header .userpro-box h6 {\n        font-size: 14px; }\n  .user-profile .social-media ul.user-list-social li a {\n    width: 28px;\n    height: 28px; }\n  .social-tab {\n    padding: 20px; }\n    .social-tab ul li a {\n      padding: 8px 10px;\n      font-size: 12px; }\n    .social-tab .input-group .form-control {\n      height: 35px; }\n  .vertical-menu-mt {\n    margin-top: 80px !important; }\n    .vertical-menu-mt .xl-none {\n      display: block; }\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  .calendar-wrap .fc-day-grid-event {\n    width: 87%; } }\n\n@media screen and (max-width: 1120px) {\n  .bg-gallery {\n    height: 94vh; }\n  .social-tab .input-group {\n    width: 190px; } }\n\n@media screen and (max-width: 1024px) {\n  .bg-gallery {\n    height: 90vh; }\n  .bg-sky-blue .main-landing .position-cards .landing-card-9 {\n    left: 16%;\n    top: 8%;\n    width: 13%; }\n  .bg-sky-blue .main-landing .position-cards .landing-square-2 {\n    left: 13%;\n    top: 6%; }\n  .bg-sky-blue .main-landing .position-cards .landing-card-2 {\n    left: 32%;\n    top: 3%;\n    width: 30%; }\n  .bg-sky-blue .main-landing .position-cards .landing-card-4 {\n    right: 16%; }\n  .bg-sky-blue .main-landing .position-cards .landing-card-5 {\n    top: 11%; }\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  .bg-sky-blue .main-landing .position-cards .landing-card-10 {\n    right: 5%;\n    top: 36%;\n    width: 40%; } }\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  .page-wrapper.compact-wrapper .page-body-wrapper header .sidebar-user {\n    padding: 20px 30px; }\n    .page-wrapper.compact-wrapper .page-body-wrapper header .sidebar-user .setting-primary {\n      top: 20px; }\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    .page-wrapper.compact-wrapper .page-body-wrapper header .sidebar-user .badge-bottom {\n      display: none; }\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    .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    .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  .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav {\n    top: 65px; }\n  .ttl-info {\n    display: block; }\n  .page-wrapper .page-body-wrapper .page-body {\n    min-height: calc(100vh - 65px);\n    margin-top: 65px; }\n  .customizer-contain {\n    top: 62px; }\n  .mobile-clock-widget #date {\n    margin-top: 20px; }\n  .m-r-30 {\n    margin-right: 20px; }\n  .card.full-card {\n    top: 60px;\n    width: calc(100vw - 0px); }\n  .card .sub-title {\n    font-size: 16px; }\n  .card .card-header {\n    padding: 20px; }\n    .card .card-header h5 {\n      font-size: 18px; }\n  .card .card-body {\n    padding: 20px; }\n  .card .card-footer {\n    padding: 20px; }\n  .setting-list {\n    top: 18px; }\n    .setting-list .setting-option {\n      height: 26px; }\n      .setting-list .setting-option li:first-child i {\n        font-size: 14px; }\n        .setting-list .setting-option li:first-child i.icon-angle-double-right {\n          font-size: 12px; }\n  .setting-primary,\n  .setting-secondary,\n  .setting-white {\n    width: 26px;\n    height: 26px; }\n  .trasaction-sec .transaction-totalbal {\n    padding-left: 20px; }\n  .document.page-wrapper.horizontal-wrapper .page-main-header.document-header {\n    height: 60px; }\n  .document-content .page-body {\n    margin-top: 90px !important; }\n  .document-content ul.nav-pills {\n    max-height: calc(100vh - 84px); }\n  .document-content .logo-wrapper {\n    display: none; }\n  .vertical-mobile-sidebar {\n    right: 75px;\n    top: 18px; }\n  .sm {\n    top: 80px; }\n  .bg-gallery {\n    height: 85vh; }\n  .bg-sky-blue .main-landing .landing-main-content {\n    margin: 0 auto;\n    text-align: center;\n    width: 100%; }\n    .bg-sky-blue .main-landing .landing-main-content img {\n      display: unset !important; }\n  .bg-sky-blue .main-landing .position-cards .landing-card-3 {\n    left: 3%;\n    bottom: 14%;\n    top: unset; }\n  .bg-sky-blue .main-landing .position-cards .landing-card-10 {\n    left: 0%;\n    top: 3%;\n    width: 35%; }\n  .bg-sky-blue .main-landing .position-cards .landing-card-8 {\n    left: 38%;\n    bottom: 18%;\n    width: 15%; }\n  .bg-sky-blue .main-landing .position-cards .landing-square-1 {\n    bottom: 18%;\n    left: 38%; }\n  .bg-sky-blue .main-landing .position-cards .landing-card-7 {\n    right: 17%;\n    bottom: 13%; }\n  .bg-sky-blue .main-landing .position-cards .landing-card-6 {\n    right: -4%;\n    bottom: 15%; }\n  .bg-sky-blue .main-landing .position-cards .landing-card-9 {\n    left: 34%;\n    top: 13%;\n    width: 10%; }\n  .bg-sky-blue .main-landing .position-cards .landing-square-2 {\n    left: 32%;\n    top: 11%; }\n  .bg-sky-blue .main-landing .position-cards .landing-card-2 {\n    right: 30%;\n    top: 10%;\n    width: 24%;\n    left: unset; }\n  .bg-sky-blue .main-landing .position-cards .landing-card-5 {\n    right: -3%; }\n  .viho-demo-section .gallery_content p,\n  .viho-demo-section .viho-demo-content p {\n    width: 70% !important; }\n  .landing_gallery_section_img {\n    margin-bottom: -60px; }\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    .landing_gallery_section_img:before {\n      height: 500px; }\n  .landing-main .navbar-expand-lg .navbar-collapse {\n    position: absolute;\n    top: 90px;\n    background-color: white;\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  .gallery {\n    margin-bottom: -20px; }\n  .my-gallery figure {\n    margin-bottom: 20px; }\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  .photoswipe-pb-responsive {\n    padding-bottom: 25px !important; }\n  .user-profile .photos ul li {\n    width: 19%; }\n  .user-profile .profile-post .post-header .media img {\n    width: 50px;\n    height: 50px; }\n  .user-profile .profile-post .post-header .media h5 {\n    font-size: 16px; }\n  .user-profile .profile-post .post-header .media h6 {\n    font-size: 12px; }\n  .page-wrapper .section-space {\n    padding: 60px 0; }\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  .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  .page-wrapper .page-body-wrapper .page-header {\n    padding-bottom: 25px; }\n  .page-wrapper .page-body-wrapper .footer-fix {\n    margin-left: 0px;\n    padding-right: 15px;\n    width: calc(100% - 0px); }\n  .page-wrapper.compact-wrapper .page-main-header {\n    margin-left: 0 !important;\n    width: calc(100% - 0px) !important; }\n    .page-wrapper.compact-wrapper .page-main-header .main-header-right .logo-wrapper {\n      display: block; }\n    .page-wrapper.compact-wrapper .page-main-header .main-header-right .toggle-nav {\n      display: none; }\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    .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon header.main-nav .logo-wrapper {\n      display: none; }\n    .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon header.main-nav .sidebar-user {\n      padding: 20px; }\n      .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon header.main-nav .sidebar-user .badge-bottom {\n        top: 86px; }\n    .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon header.main-nav .main-navbar .nav-menu {\n      height: calc(100vh - 304px); }\n    .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon header.main-nav.close_icon .main-navbar .nav-menu {\n      height: unset; }\n  .page-wrapper .page-main-header .main-header-right {\n    margin: 0; }\n    .page-wrapper .page-main-header .main-header-right .nav-right .notification {\n      top: 10px; }\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      .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    .page-wrapper .page-main-header .main-header-right > .mobile-toggle {\n      display: flex;\n      padding-right: 20px; }\n    .page-wrapper .page-main-header .main-header-right .main-header-left {\n      margin-right: 0;\n      padding: 15px 20px; }\n  .page-wrapper .page-main-header .main-header-left .logo-wrapper img {\n    margin-top: 0; }\n  .page-wrapper .page-main-header .left-menu-header {\n    padding: 15px 20px; }\n    .page-wrapper .page-main-header .left-menu-header ul li i {\n      display: inline; }\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    .page-wrapper.compact-sidebar.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu .dropdown .menu-content {\n      top: 60px; }\n  .page-body-wrapper .page-body,\n  .page-body-wrapper footer {\n    margin-left: 0 !important; }\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    .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  .product-page-details h3 {\n    font-size: 22px; }\n  .bookmark ul li a svg {\n    width: 12px;\n    height: 12px; }\n  .crm-activity > li + li {\n    margin-top: 10px;\n    padding-top: 10px; }\n  .add-post form .form-group {\n    margin-bottom: 20px; }\n  .add-post .dropzone {\n    margin-bottom: 20px; }\n  .customers.avatar-group {\n    margin-right: 20px; }\n  .main .langChoice {\n    right: 20px;\n    top: 11px; }\n  .socialprofile .social-btngroup {\n    margin: 20px 0; }\n  .socialprofile .social-group {\n    margin-top: 20px; }\n  .social-status form .form-group .form-control-social {\n    margin-bottom: 20px; }\n  .social-status .media {\n    margin-bottom: 20px; }\n  .timeline-content p,\n  .timeline-content .comments-box {\n    margin-top: 20px; }\n  .social-chat {\n    margin-top: 20px; }\n    .social-chat .media-body {\n      padding: 20px; }\n    .social-chat .your-msg,\n    .social-chat .other-msg {\n      margin-bottom: 20px; }\n  .social-network span {\n    margin-bottom: 20px; }\n  .details-about + .details-about {\n    margin-top: 20px; }\n  .activity-log .my-activity + .my-activity {\n    margin-top: 20px; }\n  .new-users-social {\n    margin-bottom: 20px; }\n  .timeline-small .media {\n    margin-bottom: 20px; }\n    .timeline-small .media .media-body h6 {\n      margin-bottom: 20px; }\n    .timeline-small .media .media-body p {\n      width: 75%; }\n    .timeline-small .media .timeline-round {\n      width: 45px;\n      height: 45px;\n      top: -14px; }\n      .timeline-small .media .timeline-round.timeline-line-1:after {\n        bottom: -41px;\n        height: 25px; }\n      .timeline-small .media .timeline-round.small-line:after {\n        bottom: -26px;\n        height: 14px; }\n      .timeline-small .media .timeline-round.medium-line:after {\n        bottom: -33px;\n        height: 17px; }\n      .timeline-small .media .timeline-round svg {\n        top: 14px; }\n  .landing-main .section-space {\n    padding: 60px 0; }\n    .landing-main .section-space p {\n      font-size: 15px; }\n  .landing-main .navbar-expand-lg .navbar-toggler {\n    background-color: #fff; }\n    .landing-main .navbar-expand-lg .navbar-toggler .navbar-toggler-icon i {\n      margin-top: 5px;\n      color: #24695c; }\n  .landing-main .navbar-expand-lg .navbar-collapse {\n    background-color: #fff;\n    z-index: 111; }\n    .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {\n      color: #000; }\n  .landing-main .footer-bg h2 {\n    font-size: 28px; }\n  .helper-classes {\n    padding: 20px; }\n  .floated-customizer-btn,\n  .floated-customizer-panel {\n    display: none; }\n  .page-builder .ge-canvas.ge-editing .row {\n    padding: 20px; }\n  .weather-widget-two .bottom-whetherinfo .whether-content {\n    top: -15px; }\n  .social-widget-card .b-b-light {\n    padding: 20px;\n    margin-bottom: 20px; }\n  .ecommerce-widget .progress-showcase {\n    margin-top: 20px; }\n  .crm-overall {\n    margin: 0 -20px -20px; }\n  .product-page-main {\n    padding: 20px; }\n  .grid-options ul li:nth-child(3) {\n    display: none; }\n  .feature-products form .form-group i {\n    right: 20px; }\n  .tabbed-card ul {\n    padding: 18px 15px; }\n  .tabbed-card ul {\n    top: -5px; }\n    .tabbed-card ul.border-tab.nav-tabs {\n      padding: 0; }\n      .tabbed-card ul.border-tab.nav-tabs .nav-item .nav-link {\n        padding: 18px 15px; }\n  .tilt-showcase .tilt-image {\n    text-align: center; }\n  .tilt-showcase .mt-4 {\n    margin-top: 20px !important; }\n  .todo .todo-list-wrapper .mark-all-tasks {\n    top: 20px;\n    right: 20px; }\n  .custom-card {\n    padding-bottom: 0; }\n    .custom-card .card-footer {\n      padding: 0; }\n    .custom-card .card-header {\n      border: none; }\n    .custom-card .dashboard-card {\n      padding: 0; }\n  .display-1 {\n    font-size: 4rem; }\n  .display-2 {\n    font-size: 3.5rem; }\n  .display-3 {\n    font-size: 2.5rem; }\n  .display-4 {\n    font-size: 1.5rem; }\n  .typography .h1 {\n    font-size: 34px; }\n  .typography .h2 {\n    font-size: 30px; }\n  .typography .h3 {\n    font-size: 26px; }\n  .typography .h4 {\n    font-size: 22px; }\n  .typography .h5 {\n    font-size: 18px; }\n  .typography .h6 {\n    font-size: 15px; }\n  h1 {\n    font-size: 34px; }\n  h2 {\n    font-size: 28px; }\n  h3 {\n    font-size: 26px; }\n  h4 {\n    font-size: 22px; }\n  h5 {\n    font-size: 18px; }\n  .flot-chart-container {\n    height: 300px; }\n  .card-absolute .card-header {\n    padding: 10px 15px !important; }\n  .comingsoon .comingsoon-inner .countdown .time {\n    width: 80px;\n    height: 80px;\n    font-size: 26px; }\n  footer {\n    bottom: -20px; }\n  .calendar-wrap .basic-calendar .external-events .fc-event + .fc-event {\n    margin-top: 10px; }\n  .owl-theme .owl-nav.disabled + .owl-dots {\n    margin-bottom: -10px;\n    margin-top: 15px; }\n  .card .card-header .card-header-right {\n    top: 11px;\n    right: 11px; }\n  .page-builder .ge-addRowGroup {\n    width: 100%; }\n  .comment-box .comment-social li:nth-child(n+2) {\n    padding-left: 15px;\n    margin-left: 15px; }\n  .error-wrapper {\n    padding: 35px 0; }\n    .error-wrapper .sub-content {\n      font-size: 14px;\n      line-height: 25px;\n      margin-top: 0px; }\n    .error-wrapper .error-heading {\n      margin-top: 30px; }\n      .error-wrapper .error-heading .headline {\n        font-size: 180px;\n        margin-top: 0; }\n    .error-wrapper .maintenance-heading {\n      margin-top: 30px; }\n  .search-page .info-block {\n    flex-wrap: wrap; }\n  .search-page .tab-content .pb-4 {\n    padding-bottom: 20px !important; }\n  .calender-widget .cal-desc {\n    padding: 10px 20px 20px !important; }\n    .calender-widget .cal-desc p {\n      max-height: 100px; }\n  .contact-form {\n    padding-top: 10px !important; }\n    .contact-form .theme-form {\n      padding: 20px;\n      margin-top: 27px; }\n      .contact-form .theme-form .form-icon {\n        margin-top: -47px; }\n  .user-status.product-chart {\n    max-height: 518px;\n    overflow: auto; }\n  .widget-joins .media .media-body i {\n    float: none !important; }\n  .xl-none {\n    display: block; }\n  .top-radius-blog {\n    width: 100%; }\n  .sm-100-w {\n    width: 100%;\n    height: 100%; }\n  /*Form Wizard One start*/\n  .form-wizard .btn-mb {\n    margin-bottom: 20px; }\n  /*Form Wizard One ends*/\n  /*Form Wizard Two Start*/\n  .stepwizard {\n    margin-bottom: 20px; }\n  /*Form Wizard Two Ends*/\n  /*Form Wizard Three Start*/\n  .f1 .f1-steps {\n    margin-top: 20px;\n    margin-bottom: 20px; }\n  /*Form Wizard Three ends*/\n  /*Form Wizard Four Start*/\n  .wizard-4 ul.anchor {\n    padding-right: 20px; }\n  /*Form Wizard Four ends*/\n  .border-tab.nav-tabs {\n    margin-bottom: 20px; }\n  .tab-content ~ .nav-tabs.border-tab {\n    margin-top: 20px; }\n  .dataTables_wrapper .dataTables_length {\n    margin-bottom: 20px; }\n  .dataTables_wrapper table.dataTable {\n    margin-bottom: 20px !important; }\n  .search-page .info-block + .info-block {\n    padding-top: 20px;\n    margin-top: 20px; }\n  .search-page #video-links .embed-responsive + .embed-responsive {\n    margin-top: 20px; }\n  .lg-mt {\n    margin-top: 20px; }\n  .gallery-with-description {\n    margin-bottom: -20px; }\n    .gallery-with-description a > div {\n      margin-bottom: 20px; }\n  .clipboaard-container p {\n    margin-bottom: 8px; }\n  .m-b-30 {\n    margin-bottom: 20px !important; }\n  .nav-md-mt {\n    margin-top: 20px; }\n  .navs-icon {\n    padding: 20px; }\n    .navs-icon .main-section {\n      padding-top: 20px; }\n    .navs-icon .separator {\n      margin: 20px 0; }\n  .nav-list {\n    padding: 20px; }\n  .navs-dropdown button {\n    margin-top: 20px; }\n  .navs-dropdown .onhover-show-div {\n    top: 68px; }\n  .animated-modal .form-group {\n    width: 100%;\n    display: block; }\n  .animated-modal .me-4 {\n    margin-right: 0 !important; }\n  .animated-modal .animated-modal-md-mb {\n    margin-bottom: 20px !important; }\n  .steps-md-mt {\n    margin-top: 20px; }\n  .btn-group-wrapper .m-b-30:last-child {\n    margin-bottom: 0 !important; }\n  #advance-5_wrapper .dataTables_paginate {\n    margin-bottom: 20px; }\n  .click2edit ~ .note-editor.note-frame {\n    margin-bottom: 20px; }\n  .summer-note .card-header,\n  .summer-note .card-body {\n    padding: 20px; }\n  .chat-box .chat-left-aside .people-list {\n    height: 483px; }\n  .chat-box .chat-menu {\n    top: 75px; }\n    .chat-box .chat-menu .user-profile .user-content h5 {\n      margin-bottom: 10px; }\n    .chat-box .chat-menu .user-profile .follow span {\n      font-size: 12px; }\n    .chat-box .chat-menu .user-profile .follow .follow-num {\n      font-size: 18px; } }\n\n@media screen and (max-width: 900px) {\n  .bg-gallery {\n    height: 80vh; } }\n\n@media screen and (max-width: 800px) {\n  .bg-gallery {\n    height: 75vh;\n    min-height: 560px; } }\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    .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .sidebar-user ul {\n      display: none; }\n  .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu {\n    height: calc(100vh - 220px); }\n  .order-history table tbody tr td img {\n    width: 25px !important; }\n  .calendar-basic .lnb-calendars > div {\n    padding: 12px 0; }\n  .learning-box .details-main {\n    margin: 20px; }\n  .ace-editor {\n    height: 280px;\n    width: 100%; }\n  .dashboard-2-main .card .card-header p {\n    font-size: 0; }\n  .card-social {\n    margin-top: 30px; }\n  .btn-showcase {\n    text-align: center; }\n  .form-inline .form-group + .form-group {\n    margin-top: 10px; }\n  .credit-card .text-center img {\n    margin-bottom: 20px; }\n  .starter-kit-fix .page-body {\n    margin-bottom: 78px; }\n  .navbar-toggler {\n    position: absolute;\n    right: 0;\n    top: 10px; }\n  .document .page-main-header .document-right-nav .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {\n    color: #24695c !important; }\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  .products-total {\n    margin-bottom: 10px; }\n  .page-main-header .main-header-right .left-menu-header ul li .search-form input {\n    width: 90% !important; }\n  .page-main-header .main-header-right .main-header-left {\n    width: auto; }\n    .page-main-header .main-header-right .main-header-left .toggle-sidebar {\n      margin-left: 30px; }\n  .product-page-main .border-tab.nav-tabs .nav-item {\n    width: auto !important; }\n  .blog-box .blog-details-main .blog-social li {\n    padding: 0 12px; }\n  .footer-copyright ~ div {\n    text-align: center; }\n    .footer-copyright ~ div p {\n      float: none; }\n  .event-calendar {\n    display: block !important; }\n    .event-calendar #right {\n      width: 100%; }\n  #lnb {\n    width: auto; }\n  .ecommerce-widget .progress-showcase .progress {\n    height: 15px; }\n  .user-profile .photos ul li {\n    width: 55px; }\n  .user-profile .profile-header {\n    height: 355px; }\n    .user-profile .profile-header .userpro-box {\n      padding: 20px;\n      max-width: 300px; }\n      .user-profile .profile-header .userpro-box .avatar {\n        width: 70px;\n        height: 70px; }\n      .user-profile .profile-header .userpro-box h4 {\n        font-size: 16px; }\n      .user-profile .profile-header .userpro-box h6 {\n        font-size: 13px; }\n  .social-tab {\n    display: block; }\n    .social-tab ul {\n      justify-content: center;\n      margin-bottom: -10px; }\n      .social-tab ul li {\n        display: inline-block;\n        margin-bottom: 10px; }\n    .social-tab .input-group {\n      margin-top: 15px;\n      margin-right: auto;\n      margin-left: auto; }\n  .social-app-profile .social-status .media img {\n    width: 40px !important; }\n  .social-app-profile .social-status .media .social-status {\n    bottom: 10px;\n    left: 35px; }\n  .general-widget .custom-card {\n    padding: 0; }\n    .general-widget .custom-card .card-profile {\n      margin-top: -45px; }\n    .general-widget .custom-card .card-header {\n      padding: 0; }\n      .general-widget .custom-card .card-header img {\n        margin-top: 0; }\n    .general-widget .custom-card .card-social {\n      margin-top: unset; }\n  .tabs-scoial.border-tab.nav-tabs {\n    display: flex; }\n  .edit-profile .card .card-header h4 {\n    font-size: 22px; }\n  .edit-profile .profile-title .media .media-body h3 {\n    font-size: 20px; }\n  .tabbed-card ul {\n    padding: 10px 0 5px 0;\n    position: relative;\n    width: 100%;\n    left: 0; }\n  .search-page .search-vid-block > div:nth-child(n + 2) {\n    margin-top: 20px; }\n  .product-page-details h3 {\n    font-size: 18px; }\n  .filter-block h4 {\n    font-size: 18px;\n    margin-bottom: 15px; }\n  .filter-block ul li:nth-child(n + 2) {\n    margin-top: 10px; }\n  .center-content p {\n    text-align: center; }\n    .center-content p span {\n      display: block; }\n  .timeline-small .media .media-body p {\n    width: 100%; }\n  .my-gallery figure:nth-child(9), .my-gallery figure:nth-child(10) {\n    margin-bottom: 20px; }\n  .chat-box .chat-right-aside .chat .chat-message .text-box .btn {\n    font-size: 0; }\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  .chat-box .border-tab.nav-tabs {\n    display: flex; }\n  .chat-box .chat-menu .nav-tabs .nav-item a {\n    height: 50px; }\n  .chat-box .people-list ul {\n    margin-bottom: -15px; }\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      .chat-box .people-list ul li:last-child {\n        padding-bottom: 10px; }\n  .chat-box .chat-left-aside .people-list {\n    height: auto; }\n  .clockpicker-align-top {\n    left: 55px !important;\n    top: 470px !important; }\n    .clockpicker-align-top .arrow {\n      display: none; }\n  .form-builder-column .form-body {\n    min-height: 250px; }\n  .form-builder-2-header {\n    flex-wrap: wrap; }\n    .form-builder-2-header > div {\n      width: 100%;\n      margin-top: 10px; }\n      .form-builder-2-header > div nav {\n        float: none; }\n  .dropzone.dz-clickable {\n    padding: 20px; }\n  .lg-mt-col {\n    margin-top: 20px; }\n  .form-builder .drag-box fieldset {\n    padding: 20px;\n    margin-top: 20px; }\n  .form-builder #components {\n    margin-top: 20px; }\n  .form-builder .component label {\n    padding-top: 0px; }\n  .mega-menu .onhover-show-div {\n    height: 415px;\n    left: 0;\n    top: 61px;\n    padding: 20px; }\n  .mega-menu .lg-mt {\n    margin-top: 15px; }\n  .bg-gallery {\n    min-height: 530px; }\n  .landing_gallery_section_img:before {\n    height: 400px; }\n  .page-wrapper .section-space {\n    padding: 30px 0; }\n  .and-many-more {\n    font-size: 65px; }\n  .container-modify .img-effect {\n    max-width: 320px;\n    margin: 0 auto; }\n  .bg-sky-blue .main-landing .position-cards .landing-card-9 {\n    left: 12%;\n    top: 33%;\n    width: 12%; }\n  .bg-sky-blue .main-landing .position-cards .landing-square-1 {\n    top: 32%;\n    right: 9%;\n    bottom: unset;\n    left: unset; }\n  .bg-sky-blue .main-landing .position-cards .landing-card-8 {\n    right: 9%;\n    top: 32%;\n    left: unset;\n    bottom: unset; }\n  .bg-sky-blue .main-landing .position-cards .landing-square-2 {\n    left: 9%;\n    top: 31%; }\n  .bg-sky-blue .main-landing .position-cards .landing-card-7 {\n    right: 21%;\n    width: 40%; }\n  .bg-sky-blue .main-landing .position-cards .landing-card-2 {\n    right: 44%; }\n  .viho-demo-section .viho-demo-content img,\n  .viho-demo-section .gallery_content img {\n    width: 30px !important; }\n  .viho-demo-section .viho-demo-content p,\n  .viho-demo-section .gallery_content p {\n    width: 100% !important; }\n  .and-more {\n    top: 40%; }\n  .landing-main .section-space {\n    padding: 40px 0; }\n  .landing-main .main-landing {\n    padding: 27px 0 0 0; }\n  .page-builder .ge-canvas.ge-editing .ge-tools-drawer {\n    margin: 10px 0 0 10px; }\n    .page-builder .ge-canvas.ge-editing .ge-tools-drawer > a {\n      padding: 0 5px; }\n  .reader {\n    margin-top: 15px;\n    height: auto !important; }\n  .range-slider.theme-form .form-group {\n    margin-bottom: 0; }\n  .note-editor .btn-group .btn {\n    font-size: 11px; }\n  .user-status tbody tr td {\n    min-width: 284px; }\n    .user-status tbody tr td + td {\n      min-width: unset; }\n      .user-status tbody tr td + td + td {\n        min-width: 100px; }\n  .text-md-end {\n    text-align: right; }\n  .star-ratings .stars {\n    padding: 0; }\n  .form-inline.d-inline-block {\n    display: block !important;\n    width: 100%; }\n    .form-inline.d-inline-block .form-control {\n      margin-bottom: 10px; }\n  .reset-password-box {\n    width: 500px;\n    margin: 0 auto; }\n    .reset-password-box .card {\n      padding: 20px; }\n  .user-card .custom-card {\n    padding: 0; }\n    .user-card .custom-card .card-header {\n      padding: 0; }\n    .user-card .custom-card .card-profile {\n      margin-top: -40px; }\n    .user-card .custom-card .card-social {\n      margin-top: unset; }\n  .custom-card .card-header img {\n    transform: scale(1); }\n  .custom-card .card-profile img {\n    height: 75px; }\n  .custom-card .profile-details h4 {\n    font-size: 18px; }\n  .custom-card .card-footer > div {\n    padding-top: 15px;\n    padding-bottom: 15px;\n    padding-right: 10px;\n    padding-left: 10px; }\n  .error-wrapper .maintenance-icons li i {\n    color: #e6edef;\n    font-size: 30px; }\n  .error-wrapper .maintenance-icons li:nth-child(2) i {\n    font-size: 60px;\n    margin-top: -10px;\n    margin-left: 70px; }\n  .error-wrapper .maintenance-icons li:nth-child(3) i {\n    font-size: 90px;\n    margin-right: 80px; }\n  .authentication-main .auth-innerright {\n    min-height: unset;\n    padding: 0; }\n    .authentication-main .auth-innerright .social-media li {\n      font-size: 14px; }\n  .loader-box {\n    justify-content: center; }\n  .dataTables_wrapper .dataTables_length {\n    margin-bottom: 20px; }\n  .dataTables_wrapper .dataTables_filter {\n    margin-left: 0;\n    margin-top: 0;\n    margin-bottom: 20px; }\n  div.dataTables_wrapper div.dataTables_info {\n    padding-top: 0; }\n  div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label {\n    float: none; }\n  div.dataTables_wrapper div.dataTables_paginate {\n    float: none;\n    margin-top: 20px !important;\n    margin-left: 0 !important; }\n  .calendar-wrap .fc-basic-view .fc-day-number {\n    padding: 0 0px !important; }\n  .calendar-wrap .fc-events-container {\n    margin-top: 0px; }\n  .calendar-wrap .fc-events-container h6,\n  .calendar-wrap .fc-events-container .checkbox {\n    text-align: right; }\n  .calendar-wrap .checkbox label {\n    margin-top: 0; }\n  .calendar-wrap .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow:after {\n    font-size: 12px !important; }\n  .calendar-wrap .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow:after {\n    font-size: 12px !important; }\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  .calendar-wrap .fc {\n    margin-top: 0px; }\n    .calendar-wrap .fc button {\n      font-size: 14px !important;\n      padding: 0 5px !important; }\n    .calendar-wrap .fc .fc-left {\n      margin-bottom: 10px; }\n    .calendar-wrap .fc .fc-toolbar > div {\n      display: block !important;\n      float: none !important; }\n    .calendar-wrap .fc .fc-toolbar > * :first-child {\n      font-size: 18px; }\n    .calendar-wrap .fc .fc-toolbar > * > * {\n      float: none !important; }\n  .btn-group-wrapper {\n    text-align: center; }\n    .btn-group-wrapper .m-b-30 {\n      margin-bottom: 15px !important; }\n  .btn-group-showcase {\n    text-align: center; }\n    .btn-group-showcase .btn-group {\n      margin-right: 0;\n      margin-bottom: 15px; }\n  .btn-group .btn {\n    font-size: 14px;\n    padding: 0.375rem 1.3rem; }\n  .animate-widget .text-center {\n    display: none; }\n  .calender-widget .cal-desc p {\n    max-height: 100%; }\n  .user-status.product-chart {\n    max-height: 100%; }\n  .user-status table thead tr th:nth-child(3) {\n    min-width: 124px; }\n  .mega-menu .onhover-show-div {\n    height: 350px; }\n  .page-builder .ge-canvas .column {\n    padding: 0 !important; }\n  .page-builder .ge-content-type-ckeditor h3 {\n    font-size: 20px; }\n  .page-builder .ge-content-type-ckeditor p {\n    font-size: 12px; }\n  .page-builder .ge-row-icon {\n    display: none !important; }\n  /* font-awesom icon page */\n  .icon-hover-bottom .form-group input {\n    min-width: 270px; }\n  .calendar-wrap .fc button {\n    padding: 5px; }\n  .calendar-wrap .fc-day-grid-event {\n    margin: 0;\n    padding: 5px;\n    width: inherit; }\n  .calendar-wrap .fc-toolbar h2 {\n    font-size: 20px;\n    line-height: 35px;\n    font-weight: bold; }\n  .calendar-wrap .basic-calendar .external-events {\n    margin-top: 0px; }\n  .blog-single .comment-box .media h6 {\n    margin-bottom: 10px; }\n  .blog-single .comment-box .media img {\n    margin-right: 30px; }\n  .blog-single .comment-box .comment-social {\n    margin-bottom: 10px; }\n  .search-page #image-links .info-block.m-t-30 {\n    margin-top: 0 !important; }\n  .authentication-main .authentication-box {\n    width: 100%; }\n  .authentication-main .auth-innerright {\n    display: inherit; }\n  .map-chart .chart-container {\n    height: 300px; }\n  .candidcahrt {\n    height: 250px; }\n  .bar-chart-widget .earning-details i {\n    right: 0; }\n  .serial-chart .chart-container {\n    height: 300px; }\n  .bottom-content {\n    padding: 10px; }\n    .bottom-content p {\n      font-size: 12px; }\n  .stepwizard .stepwizard-row:before {\n    top: 17px; }\n  .icon-hover-bottom .icon-popup div .flag-icon {\n    width: 30px;\n    height: auto; }\n  .icon-hover-bottom .icon-popup .form-group input {\n    min-width: 40%; }\n  .footer-links {\n    text-align: center; }\n  .footer-copyright {\n    text-align: center !important; }\n  .jvector-map-height {\n    height: 150px; }\n  .sm-left-text {\n    text-align: left !important; }\n  .email-wrap .email-right-aside .email-content .email-top .d-flex {\n    padding-bottom: 0; }\n  .email-wrap .email-right-aside .email-content .email-top .float-end {\n    float: left !important; }\n  .email-wrap .email-right-aside .email-content .email-wrapper .attachment ul li:last-child {\n    padding-right: 0; }\n  .email-wrap .email-right-aside .email-content .email-wrapper .attachment ul li img {\n    width: 90px;\n    height: 90px; }\n  .email-wrap .email-right-aside .email-profile {\n    overflow-x: auto; }\n    .email-wrap .email-right-aside .email-profile .inbox {\n      width: 700px; }\n      .email-wrap .email-right-aside .email-profile .inbox p {\n        width: calc(100% - 200px);\n        max-width: 500px; }\n  .alert-dismissible p {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 294px; }\n  .button-group-mb-sm {\n    margin-bottom: 5px; }\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  .card-block .table-responsive .progress-content tbody tr td span {\n    text-overflow: ellipsis;\n    white-space: normal;\n    max-width: 50px; }\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  #batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child {\n    width: 119px !important; }\n  #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child {\n    width: 119px !important; }\n  .jsgrid .jsgrid-pager-container {\n    text-align: center; }\n  .chat-box .chat-menu .nav-tabs .nav-item {\n    width: 32.33%; }\n  .chat-box .chat-menu .people-list ul.list {\n    max-height: 433px;\n    margin-bottom: 15px; }\n  .chat-box .chat-menu #info-profile,\n  .chat-box .chat-menu #info-contact {\n    margin-bottom: 15px; }\n  .chat-box .chat-history .call-content > div {\n    padding-top: 40px;\n    height: auto; }\n  .call-chat-sidebar {\n    max-width: 100%;\n    width: 100%;\n    flex-basis: auto; }\n  .hovercard .info .follow .text-md-end {\n    text-align: center; }\n  .profile-img-style .like-comment-sm-mb {\n    margin-bottom: 20px; }\n  .reset-password-box .theme-form .form-group .btn {\n    margin-top: 15px !important; }\n  .lg-outer .lg-actions .lg-next,\n  .lg-outer .lg-actions .lg-prev {\n    top: 48%; }\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  .feature-products span {\n    font-size: 12px; }\n    .feature-products span.f-w-600 {\n      padding-top: 8px;\n      display: inline-block; }\n  .grid-options ul li {\n    display: none; }\n  .product-wrapper.sidebaron .product-grid .product-wrapper-grid {\n    margin-left: 0; }\n  .product-filter .product-box {\n    flex-wrap: nowrap; }\n    .product-filter .product-box .product-img {\n      width: 100px; }\n    .product-filter .product-box .product-details {\n      padding: 0 !important; } }\n\n@media screen and (max-width: 700px) {\n  .bg-gallery {\n    min-height: 470px; } }\n\n@media screen and (max-width: 650px) {\n  .bg-gallery {\n    height: 63vh; } }\n\n@media screen and (max-width: 600px) {\n  .bg-gallery {\n    height: 60vh; }\n  .user-profile .photos ul li {\n    width: 53px; } }\n\n@media screen and (max-width: 540px) {\n  .bg-gallery {\n    height: 57vh; } }\n\n@media screen and (max-width: 575px) {\n  .search-form .search-bg > i {\n    display: none !important; }\n  .job-accordion .card {\n    box-shadow: 0 0 11px 5px rgba(113, 113, 113, 0.08) !important; }\n  .alert-dismissible p {\n    max-width: 209px; }\n  .customizer-links {\n    display: none; }\n  .m-r-30 {\n    margin-right: 15px; }\n  .card .card-footer {\n    padding: 15px; }\n  .setting-list {\n    top: 15px; }\n    .setting-list .setting-option {\n      height: 21px; }\n      .setting-list .setting-option li:first-child i {\n        font-size: 12px; }\n  .setting-primary,\n  .setting-secondary,\n  .setting-white {\n    width: 22px;\n    height: 22px; }\n  .feature-products .text-end {\n    text-align: left !important; }\n  .feature-products .select-options {\n    float: left;\n    margin-right: 10px; }\n  .call-chat-body .chat-box {\n    height: auto; }\n  .chat-box .chat-menu .people-list ul.list {\n    max-height: 400px; }\n  .chat-box .chat-history .call-content {\n    min-height: 447px; }\n  .user-profile .photos ul li {\n    width: 18%; }\n  .user-profile .profile-post {\n    padding: 20px; }\n    .user-profile .profile-post .post-body figure {\n      margin-bottom: 20px; }\n    .user-profile .profile-post .post-body .post-react ul li img {\n      width: 20px;\n      height: 20px; }\n    .user-profile .profile-post .post-body .post-react ul li:nth-child(n+2) {\n      margin-left: -15px; }\n    .user-profile .profile-post .post-body .post-react h6 {\n      margin-left: 10px;\n      font-size: 13px; }\n  .user-profile .profile-header {\n    padding: 0;\n    height: auto; }\n    .user-profile .profile-header .profile-img-wrrap {\n      display: block;\n      height: 280px; }\n    .user-profile .profile-header .userpro-box {\n      max-width: 100%; }\n  .center-content {\n    margin-top: 5px; }\n    .center-content p {\n      text-align: left; }\n      .center-content p i {\n        margin-left: 0 !important; }\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    .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  .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  .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  .dashboard-default-sec .card.income-card .card-body p,\n  .dashboard-2-main .card.income-card .card-body p {\n    margin-bottom: 10px; }\n  .dashboard-default-sec .card .card-header i,\n  .dashboard-2-main .card .card-header i {\n    font-size: 12px; }\n  .dashboard-default-sec #chart-dashbord .apexcharts-legend.position-right, .dashboard-default-sec #chart-dashbord .apexcharts-legend.position-left {\n    top: 28px !important; }\n  .profile-greeting h3 {\n    font-size: 22px;\n    margin-bottom: 5px; }\n  .profile-greeting p {\n    margin-bottom: 10px;\n    line-height: 1.4;\n    padding: unset; }\n  .trasaction-sec .transaction-totalbal h2 {\n    font-size: 16px; }\n  .support-ticket .pro-gress .total-num {\n    font-size: 18px; }\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    .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  .page-main-header .main-header-right .nav-right .btn-primary-light {\n    padding: 6px 15px; }\n    .page-main-header .main-header-right .nav-right .btn-primary-light svg {\n      margin-right: 6px; }\n  .page-main-header .main-header-right .nav-right .bookmark-dropdown {\n    right: -168px;\n    width: 270px; }\n  .page-wrapper .page-main-header .main-header-right .left-menu-header .search-form > .fa {\n    display: none; }\n  .page-wrapper .page-main-header .main-header-right > .mobile-toggle {\n    padding-right: 15px; }\n  .page-wrapper .page-main-header .main-header-right .nav-right > ul {\n    top: 55px; }\n    .page-wrapper .page-main-header .main-header-right .nav-right > ul .search-form i {\n      display: none; }\n  .page-wrapper .page-main-header .main-header-right .nav-right.right-menu ul {\n    justify-content: flex-end; }\n    .page-wrapper .page-main-header .main-header-right .nav-right.right-menu ul li.px-0 {\n      padding: 6px !important; }\n  .page-wrapper .page-main-header .main-header-right .nav-right > ul li {\n    margin-right: 10px; }\n    .page-wrapper .page-main-header .main-header-right .nav-right > ul li.onhover-dropdown ul li {\n      margin-right: 0 !important; }\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    .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  .page-wrapper .page-main-header .main-header-right .nav-right .chat-dropdown {\n    left: -132px;\n    width: 270px;\n    padding: 0; }\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  .page-wrapper .page-main-header .main-header-right .main-header-left {\n    padding: 15px; }\n    .page-wrapper .page-main-header .main-header-right .main-header-left .toggle-sidebar {\n      margin-left: 20px; }\n  .page-wrapper .page-body-wrapper .page-header .btn-group .btn {\n    padding: 8px 30px; }\n  .pagination-lg .page-link {\n    font-size: 1rem; }\n  .bookmark {\n    text-align: left;\n    margin-top: 10px; }\n  .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon header.main-nav {\n    top: 59px; }\n    .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon header.main-nav .main-navbar .nav-menu {\n      height: calc(100vh - 79px); }\n  footer p {\n    font-size: 12px; }\n  .mobile-clock-widget #date {\n    margin-top: 15px; }\n  .social-widget-card .b-b-light {\n    padding: 15px;\n    margin-bottom: 15px; }\n  .cal-date-widget .cal-datepicker {\n    margin-top: 15px; }\n  .static-top-widget .media-body .icon-bg {\n    width: 70px;\n    height: 70px; }\n  .animat-md-center {\n    text-align: center; }\n  .add-post form .m-checkbox-inline label {\n    margin-right: 15px; }\n  .add-post form .form-group {\n    margin-bottom: 15px; }\n  .add-post .dropzone {\n    margin-bottom: 15px; }\n  .add-post .btn-showcase {\n    text-align: center; }\n    .add-post .btn-showcase .btn {\n      margin-right: 10px;\n      padding: 5px 13px; }\n  .main .langChoice {\n    right: 15px;\n    padding: 4px 7px; }\n  .language-xs {\n    margin-top: 15px; }\n  .product-color li {\n    width: 15px;\n    height: 15px; }\n  ul.pro-services li h5 {\n    font-size: 14px; }\n  ul.pro-services li p {\n    font-size: 13px; }\n  .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link {\n    height: auto; }\n  .customers.avatar-group {\n    margin-right: 15px; }\n  .vertical-mobile-sidebar {\n    top: 19px; }\n  .hdg_main {\n    font-size: 16px; }\n  .alert-theme i {\n    margin-right: 10px !important; }\n  .alert-theme button {\n    top: 2px !important; }\n  .chart-widgets-small .chart-container {\n    height: unset !important; }\n  .bar-chart-widget .earning-details i {\n    right: -30px; }\n  .widget-joins:before {\n    display: none; }\n  .widget-joins .ps-0 {\n    padding-left: 15px !important; }\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  .clockpicker-align-top {\n    left: 45px !important;\n    top: 406px !important; }\n  .gallery {\n    margin-bottom: -15px; }\n  .my-gallery figure {\n    margin-bottom: 15px; }\n    .my-gallery figure:nth-child(9), .my-gallery figure:nth-child(10) {\n      margin-bottom: 15px; }\n  .my-gallery.gallery-with-description figure:last-child {\n    margin-bottom: 20px; }\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  .photoswipe-pb-responsive {\n    padding-bottom: 30px !important; }\n  .avatar-showcase .pepole-knows {\n    text-align: center; }\n    .avatar-showcase .pepole-knows ul li {\n      margin-right: 14px; }\n  .social-app-profile .hovercard .user-image .avatar {\n    margin-top: -56px; }\n    .social-app-profile .hovercard .user-image .avatar img {\n      width: 100px;\n      height: 100px; }\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    .social-app-profile .hovercard .user-image .icon-wrapper:hover {\n      font-size: 12px; }\n  .social-app-profile .hovercard .user-image .share-icons {\n    right: 15px; }\n    .social-app-profile .hovercard .user-image .share-icons li {\n      margin-right: 0px; }\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  .socialprofile .social-btngroup {\n    margin: 15px 0; }\n  .socialprofile .social-group {\n    margin-top: 15px; }\n  .social-status form .form-group .form-control-social {\n    margin-bottom: 15px; }\n  .social-status .media {\n    margin-bottom: 15px; }\n  .new-users-social {\n    margin-bottom: 15px; }\n  .tabs-scoial {\n    position: relative;\n    padding-top: 90px; }\n    .tabs-scoial li:nth-child(3) {\n      position: absolute;\n      top: 25px;\n      left: 0;\n      right: 0;\n      margin: 0 auto; }\n    .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link {\n      padding: 10px 18px; }\n  .timeline-content p,\n  .timeline-content .comments-box {\n    margin-top: 15px; }\n  .timeline-content .comments-box .media .m-r-20 {\n    margin-right: 10px; }\n  .timeline-content .comments-box .media .media-body .input-group .input-group-append .btn {\n    padding: 6px; }\n  .timeline-content .comment-number i {\n    margin-right: 15px; }\n  .social-chat {\n    margin-top: 15px; }\n    .social-chat .media-body {\n      padding: 15px; }\n    .social-chat .your-msg,\n    .social-chat .other-msg {\n      margin-bottom: 15px; }\n  .social-network span {\n    margin-bottom: 15px; }\n  .social-list .media {\n    margin-bottom: 15px; }\n  .details-about + .details-about {\n    margin-top: 15px; }\n  .your-details-xs {\n    margin-top: 15px; }\n  .social-header h5 span.pull-right {\n    float: right !important;\n    margin-top: 0 !important; }\n    .social-header h5 span.pull-right svg {\n      width: 18px;\n      height: 18px; }\n  .activity-log .my-activity + .my-activity {\n    margin-top: 15px; }\n  .photos ul li {\n    width: 70px; }\n  .edit-profile .card .card-header h4 {\n    font-size: 18px; }\n  .edit-profile .profile-title .media .media-body h3 {\n    font-size: 16px; }\n  .timeline-small .media {\n    margin-bottom: 15px; }\n    .timeline-small .media .media-body h6 {\n      margin-bottom: 15px; }\n    .timeline-small .media .timeline-round.timeline-line-1:after {\n      bottom: -39px;\n      height: 30px; }\n    .timeline-small .media .timeline-round.small-line:after {\n      bottom: -17px;\n      height: 8px; }\n    .timeline-small .media .timeline-round.medium-line:after {\n      bottom: -30px;\n      height: 22px; }\n  #cd-timeline {\n    margin-right: unset; }\n  .bootstrap-touchspin .input-group .btn {\n    padding: 5px 15px; }\n  .and-many-more {\n    font-size: 52px; }\n  .page-wrapper .section-space {\n    padding: 40px 0; }\n  .landing_gallery_section_img {\n    margin-bottom: -40px; }\n  .bg-sky-blue .main-landing {\n    height: 480px; }\n    .bg-sky-blue .main-landing .position-cards {\n      display: none; }\n  .landing-main h4 {\n    font-size: 17px; }\n  .landing-main .main-landing {\n    padding: 0px 0px 0px 0px; }\n  .landing-main .footer-bg h2 {\n    font-size: 21px; }\n  .landing-main .footer-bg button {\n    font-size: 18px; }\n  .helper-classes {\n    padding: 15px; }\n  .form-builder-2-header ul li {\n    text-align: left; }\n  .form-builder-2-header .form-inline {\n    display: block;\n    width: 100%; }\n    .form-builder-2-header .form-inline .form-group {\n      width: 100%;\n      margin-right: 0; }\n    .form-builder-2-header .form-inline button {\n      width: 100%;\n      text-align: left; }\n  .page-builder .btn-grid {\n    margin-bottom: 7px;\n    padding-right: 5px; }\n  .page-builder .ge-canvas.ge-editing .row {\n    padding: 15px; }\n  .page-builder .ge-canvas.ge-editing .ge-tools-drawer {\n    margin: 10px; }\n  .wizard-4 .step-container div.content {\n    margin-top: 10px; }\n  .nav-tabs .nav-item.show .nav-link {\n    border-top: 0;\n    border-bottom: 0; }\n  .nav-tabs .nav-link {\n    border-top: 0;\n    border-bottom: 0; }\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  .border-tab.nav-tabs .nav-item {\n    width: 100% !important; }\n  .border-tab .weather-widget-two .bottom-whetherinfo .whether-content {\n    top: 35px; }\n  .border-tab .social-widget-card .b-b-light {\n    padding: 15px;\n    margin-bottom: 15px; }\n  .border-tab .ecommerce-widget .progress-showcase {\n    margin-top: 15px; }\n  .nav {\n    display: inherit;\n    text-align: center;\n    border-bottom: none; }\n  .border-tab.nav-left .nav-link {\n    text-align: center;\n    border-left: none; }\n  .border-tab.nav-right .nav-link {\n    text-align: center;\n    border-right: none; }\n  .border-tab.nav-tabs {\n    margin-bottom: 10px; }\n  .tab-content ~ .nav-tabs.border-tab {\n    margin-top: 10px; }\n  .nav-pills {\n    text-align: center; }\n  .crm-overall {\n    margin: 0 -15px -15px; }\n  .product-page-main {\n    padding: 15px; }\n    .product-page-main .m-t-15 {\n      margin-top: 0 !important; }\n      .product-page-main .m-t-15 .btn {\n        margin-top: 10px; }\n    .product-page-main .pro-group .pro-shop button:last-child {\n      margin-top: 15px; }\n  .tabbed-card ul {\n    padding: 10px 0 5px 0;\n    position: relative;\n    width: 100%;\n    left: 0; }\n    .tabbed-card ul.border-tab.nav-tabs .nav-item .nav-link {\n      padding: 5px 15px 10px; }\n  .todo .action-box.large {\n    height: 25px;\n    width: 25px; }\n    .todo .action-box.large .icon {\n      font-size: 14px;\n      vertical-align: -3px; }\n  .todo .todo-list-wrapper #todo-list li .task-container .task-label {\n    font-size: 14px; }\n  .todo .todo-list-wrapper .mark-all-tasks {\n    top: 15px;\n    right: 15px; }\n  .datetime-picker label {\n    text-align: left !important; }\n  .redial-chart-block {\n    text-align: center; }\n  #nav-tabContent {\n    margin-top: 15px; }\n  .reset-password-box {\n    width: 430px; }\n  .auth-bg {\n    padding: 25px 15px; }\n  .auth-bg-effect {\n    display: none; }\n  .date-picker .text-end {\n    text-align: left !important; }\n  .dataTables_wrapper table.dataTable {\n    margin-bottom: 15px !important; }\n  ul.pagination li:before {\n    line-height: 3; }\n  div.table-responsive > div.dataTables_wrapper > div.row > div[class^=\"col-\"]:last-child {\n    padding-left: 0 !important; }\n  div.table-responsive > div.dataTables_wrapper > div.row > div[class^=\"col-\"]:first-child {\n    padding-right: 0 !important; }\n  div.dataTables_wrapper div.dataTables_length {\n    margin-bottom: 15px; }\n    div.dataTables_wrapper div.dataTables_length select {\n      min-height: 30px; }\n  div.dataTables_wrapper table.dataTable th,\n  div.dataTables_wrapper table.dataTable td {\n    padding: 0.5rem; }\n  div.dataTables_wrapper div.dataTables_paginate {\n    margin-top: 15px !important; }\n    div.dataTables_wrapper div.dataTables_paginate .paginate_button {\n      padding: 1px 7px; }\n      div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous {\n        font-size: 0;\n        padding: 0; }\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      div.dataTables_wrapper div.dataTables_paginate .paginate_button.next {\n        font-size: 0;\n        padding: 0; }\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  div.dataTables_wrapper .dataTables_filter {\n    margin-bottom: 15px; }\n    div.dataTables_wrapper .dataTables_filter input[type=\"search\"] {\n      height: 30px; }\n  .jvector-map-height {\n    height: 250px; }\n  .icon-hover-bottom .form-group {\n    display: flex; }\n  .icon-hover-bottom .icon-popup {\n    padding: 15px; }\n  .icon-hover-bottom svg.climacon {\n    height: 50px;\n    width: 50px; }\n  .blog-box.blog-shadow:before {\n    box-shadow: inset 0px -100px 100px -13px rgba(0, 0, 0, 0.6); }\n  .blog-box .blog-details p,\n  .blog-box .blog-details .single-blog-content-top {\n    margin-top: 15px; }\n  .blog-box .blog-details h4 {\n    font-size: 16px;\n    margin-top: 10px; }\n  .blog-box .blog-details .blog-social li {\n    font-size: 12px;\n    font-weight: 500; }\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  .comment-box h4 {\n    margin-bottom: 15px;\n    padding-bottom: 15px; }\n  .comment-box ul ul {\n    margin-left: 30px; }\n  .comment-box li {\n    margin-bottom: 15px; }\n    .comment-box li .media {\n      display: block; }\n      .comment-box li .media img {\n        height: 50px;\n        width: 50px;\n        padding: 3px;\n        margin-bottom: 10px; }\n  .card .card-header .card-header-right {\n    top: 6px; }\n  .ace-editor {\n    height: 320px; }\n  .gallery > a {\n    margin-bottom: 15px;\n    text-align: center; }\n  .card .card-header h5 {\n    font-size: 17px; }\n  .theme-form .form-group {\n    margin-bottom: 15px; }\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  .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    .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    .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  .page-wrapper .page-body-wrapper .page-body {\n    padding: 5px 0 !important;\n    padding-top: 20px !important; }\n  .page-wrapper .page-body-wrapper .page-header {\n    padding-bottom: 20px; }\n    .page-wrapper .page-body-wrapper .page-header .row h3 {\n      font-size: 20px; }\n  .page-wrapper .search-form .form-group {\n    margin-right: 0; }\n  /* alert responsive css start here */\n  .alert-primary.inverse {\n    background-color: transparent; }\n  .alert-secondary.inverse {\n    background-color: transparent; }\n  .alert-success.inverse {\n    background-color: transparent; }\n  .alert-danger.inverse {\n    background-color: transparent; }\n  .alert-warning.inverse {\n    background-color: transparent; }\n  .alert-info.inverse {\n    background-color: transparent; }\n  .alert-light.inverse {\n    background-color: transparent; }\n  .alert-dark.inverse {\n    background-color: transparent; }\n  .alert .close {\n    height: 100%; }\n  .calender-widget .cal-desc {\n    padding: 10px 15px 15px !important; }\n    .calender-widget .cal-desc p {\n      max-height: 100%; }\n  .custom-card .card-footer > div h6 {\n    font-weight: 600; }\n  .custom-card .card-profile {\n    margin-top: 25px; }\n  .custom-card .card-social {\n    padding-top: 10px;\n    padding-bottom: 10px; }\n  .calendar-wrap .fc-toolbar .fc-center {\n    margin-top: 10px; }\n  .calendar-wrap a.fc-more {\n    font-size: 0.7em; }\n  .mega-inline {\n    display: block; }\n  .megaoptions-border-space-sm {\n    padding-bottom: 30px !important; }\n  .blog-box.blog-shadow .blog-details {\n    padding: 15px; }\n    .blog-box.blog-shadow .blog-details p {\n      margin-bottom: 0; }\n    .blog-box.blog-shadow .blog-details h4 {\n      margin-bottom: 10px; }\n  .blog-box .blog-details {\n    padding: 20px; }\n  .blog-box .blog-date span {\n    font-size: 25px; }\n  .error-wrapper {\n    padding: 20px 0; }\n    .error-wrapper .btn {\n      margin-top: 15px; }\n    .error-wrapper .img-100 {\n      width: 50px !important; }\n    .error-wrapper .error-heading {\n      margin-top: 20px; }\n      .error-wrapper .error-heading .cloud-second {\n        margin-top: -60px; }\n      .error-wrapper .error-heading .headline {\n        font-size: 150px; }\n    .error-wrapper .maintenance-heading .cloud-second {\n      display: none; }\n    .error-wrapper .maintenance-heading .headline {\n      font-size: 30px;\n      margin-top: -10%;\n      letter-spacing: 2px; }\n  .comingsoon .comingsoon-inner .coming-soon-bottom-link {\n    margin-top: 20px;\n    line-height: 1; }\n  .comingsoon .comingsoon-inner h5 {\n    margin-bottom: 20px;\n    margin-top: 20px;\n    font-size: 18px; }\n  .comingsoon .comingsoon-inner .countdown {\n    padding: 20px 0px; }\n    .comingsoon .comingsoon-inner .countdown ul li {\n      margin: 0 7px; }\n    .comingsoon .comingsoon-inner .countdown .title {\n      font-size: 12px; }\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  .comingsoon .comingsoon-inner img {\n    width: auto;\n    height: 75px; }\n  .form-wizard .btn-mb {\n    margin-bottom: 15px; }\n  .stepwizard {\n    margin-bottom: 15px; }\n  .f1 .f1-steps {\n    margin-top: 15px;\n    margin-bottom: 15px; }\n  .wizard-4 ul.anchor {\n    width: 100%;\n    padding-bottom: 15px;\n    padding-right: 0; }\n  .wizard-4 .step-container {\n    width: 100%; }\n  .flot-chart-container {\n    height: 300px; }\n  .small-chart-widget .chart-container {\n    height: unset !important; }\n  .status-widget .text-sm-end {\n    text-align: right; }\n  .mega-menu {\n    padding-left: 15px; }\n    .mega-menu .onhover-show-div {\n      height: 405px;\n      left: 0;\n      top: 61px;\n      padding: 15px; }\n    .mega-menu .lg-mt {\n      margin-top: 10px; }\n    .mega-menu .xs-mt {\n      margin-top: 15px; }\n  .nav-md-mt {\n    margin-top: 15px; }\n  .navs-icon {\n    padding: 15px; }\n    .navs-icon .main-section {\n      padding-top: 15px; }\n    .navs-icon .separator {\n      margin: 15px 0; }\n  .nav-list {\n    padding: 15px; }\n  .navs-dropdown button {\n    margin-top: 15px; }\n  .navs-dropdown .onhover-show-div {\n    top: 64px; }\n  .lg-mt {\n    margin-top: 15px; }\n  #aniimated-thumbnials a:last-child img {\n    margin-bottom: 15px; }\n  .tilt-showcase .mt-4 {\n    margin-top: 15px !important; }\n  .tilt-showcase ol .m-b-20 {\n    margin-bottom: 15px !important; }\n  .xs-mt {\n    margin-top: 15px; }\n  span:last-child.tag-pills-sm-mb {\n    margin-top: 3px; }\n  .animated-modal .form-group .form-control {\n    width: 50%;\n    margin: 0 auto; }\n  .animated-modal .animated-modal-md-mb {\n    margin-bottom: 15px !important; }\n  .steps-md-mt {\n    margin-top: 15px; }\n  .steps-sizing-sm-mb {\n    margin-bottom: 15px; }\n  .bootstrap-touchspin .touchspin-vertical-tab .input-group {\n    width: 96% !important; }\n  #API-chield-row_wrapper #API-chield-row tbody tr td:first-child {\n    min-width: 20px; }\n  .chart-block .flot-chart-container p#choices {\n    width: 100%; }\n  .chart-block .flot-chart-container #toggling-series-flot {\n    width: 100% !important; }\n  .click2edit ~ .note-editor.note-frame {\n    margin-bottom: 15px; }\n  .chat-box .chat-left-aside .people-list {\n    height: auto; }\n  .call-chat-sidebar {\n    max-width: 100%;\n    width: 100%;\n    flex-basis: auto; }\n    .call-chat-sidebar .people-list {\n      height: auto; }\n  .chat-left-aside .people-list ul {\n    max-height: 300px; }\n  .ecommerce-widget .progress-showcase {\n    margin-top: 15px; }\n  .reset-password-box .theme-form .form-group .btn {\n    margin-top: 13px !important; }\n  .gallery-with-description a > div {\n    margin-bottom: 15px; }\n  .gallery-img-mb-sm {\n    margin-bottom: 15px; }\n  .page-wrapper.document .landing-main .navbar-expand-lg .navbar-brand {\n    width: 150px; }\n    .page-wrapper.document .landing-main .navbar-expand-lg .navbar-brand img {\n      width: unset; }\n  .page-wrapper.document .page-body-wrapper.document-content .page-sidebar .nav-pills {\n    text-align: left; }\n    .page-wrapper.document .page-body-wrapper.document-content .page-sidebar .nav-pills .nav {\n      text-align: left; }\n  .page-wrapper.document .page-body-wrapper.document-content .page-body {\n    margin-top: 75px !important; }\n  .xm-mb-peity {\n    margin-bottom: 8px; }\n  .authentication-main {\n    padding: 30px 15px; } }\n\n@media screen and (max-width: 480px) {\n  .editor-toolbar a {\n    width: 16px; }\n    .editor-toolbar a:before {\n      line-height: 30px;\n      font-size: 12px; }\n  .note-editor .btn-group .btn {\n    padding: 0.375rem 0.5rem; }\n  .CodeMirror pre {\n    font-size: 12px; }\n  .and-many-more {\n    font-size: 45px; }\n  .viho-demo-section .viho-demo-content p,\n  .viho-demo-section .gallery_content p {\n    font-size: 13px; }\n  .and-more {\n    font-size: 20px; }\n  .gallery-img-blur-div {\n    height: 70px; }\n  .bg-gallery {\n    min-height: 390px; }\n  .landing_gallery_section_img {\n    margin-bottom: -80px; }\n    .landing_gallery_section_img:before {\n      height: 350px; }\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  .bg-sky-blue .main-landing .landing-main-content h3 {\n    font-size: 26px; }\n  .page-wrapper .page-main-header .main-header-left .logo-wrapper img {\n    height: 25px; }\n  .page-wrapper .page-main-header .main-header-right .nav-right > ul {\n    padding-left: 15px;\n    padding-right: 15px; }\n  .page-wrapper .page-main-header .main-header-right .nav-right .btn-primary-light {\n    padding: 5px 7px;\n    font-size: 12px; }\n    .page-wrapper .page-main-header .main-header-right .nav-right .btn-primary-light svg {\n      width: 14px; }\n  .page-wrapper .page-main-header .main-header-right .nav-right > ul {\n    height: 50px; }\n    .page-wrapper .page-main-header .main-header-right .nav-right > ul li {\n      margin-right: 5px; }\n      .page-wrapper .page-main-header .main-header-right .nav-right > ul li svg {\n        width: 16px; }\n  .todo .btn {\n    padding: 7px 20px; }\n  .chat-box .people-list ul li {\n    display: block; }\n  .wizard-4 .action-bar .btn {\n    width: 100%; }\n    .wizard-4 .action-bar .btn + .btn {\n      margin-top: 10px; }\n  ul.notification-dropdown.onhover-show-div {\n    width: 260px;\n    right: -80px; }\n    ul.notification-dropdown.onhover-show-div:before, ul.notification-dropdown.onhover-show-div:after {\n      right: 89px !important; }\n  .inline-block-sm {\n    display: inline-block; }\n  .pagination-lg .page-link {\n    padding: 0.3rem 0.65rem; }\n  .nav-pills li {\n    width: 100%; }\n  .reset-password-box {\n    width: 290px; }\n  .icon-hover-bottom .icon-first {\n    margin-right: 10px; }\n  .icon-hover-bottom .icon-popup .icon-class {\n    display: none; }\n  .error-wrapper .maintenance-heading {\n    margin-top: 0; }\n  .card .card-header > span + span {\n    display: none; }\n  .custom-card {\n    padding: 0; }\n    .custom-card .profile-details h6 {\n      margin-bottom: 15px; }\n    .custom-card .profile-details h4 {\n      font-size: 20px; }\n    .custom-card .card-profile {\n      margin-top: unset; }\n  .card .card-header .card-header-right i {\n    margin: 0 3px;\n    font-size: 14px; }\n  .knob-block .chart-clock-main .clock-small {\n    left: 34px;\n    top: 74px; }\n  .knob-block .chart-clock-main {\n    margin: auto;\n    width: auto; }\n    .knob-block .chart-clock-main .clock-medium {\n      position: absolute;\n      left: 33px;\n      top: 33px; }\n      .knob-block .chart-clock-main .clock-medium canvas {\n        width: 180px !important;\n        height: 180px !important; }\n    .knob-block .chart-clock-main .clock-small {\n      left: 34px;\n      top: 74px; }\n    .knob-block .chart-clock-main .clock-large {\n      left: 0;\n      top: 0;\n      margin: 0 auto; }\n      .knob-block .chart-clock-main .clock-large canvas {\n        width: 245px !important;\n        height: 245px !important; }\n  .blog-box.blog-shadow .blog-details {\n    padding: 10px; }\n    .blog-box.blog-shadow .blog-details h4 {\n      font-size: 14px; }\n  .cal-date-widget {\n    padding: 30px; }\n  .calender-widget .cal-img {\n    height: 225px; }\n  .company-card .details .media {\n    flex-wrap: wrap; }\n  .stepwizard .stepwizard-row:before {\n    top: 17px; }\n  .stepwizard .stepwizard-row .stepwizard-step .btn {\n    padding: 6px 22px; }\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    .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    .product-sidebar .filter-section .card-header {\n      display: none; }\n    .product-sidebar .filter-section .left-filter {\n      top: unset !important; }\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    .feature-products .filter-toggle h6 {\n      font-size: 12px; }\n  .feature-products .text-end {\n    text-align: left !important; }\n  .d-none-productlist {\n    display: block;\n    margin-right: 10px; }\n  .email-wrap .email-right-aside .email-content .email-wrapper .attachment ul li img {\n    width: 83px;\n    height: 83px; }\n  .email-wrap .actions {\n    margin-bottom: -10px; }\n    .email-wrap .actions li {\n      margin-bottom: 10px; }\n      .email-wrap .actions li .btn {\n        padding: 5px 10px;\n        font-size: 12px; }\n  .email-wrap .email-wrapper .right-download {\n    float: none;\n    margin-top: 5px; }\n  .email-wrap .email-wrapper h6 {\n    float: none; }\n  .social-app-profile .hovercard .user-image .share-icons li .social-icon {\n    width: 30px;\n    height: 30px; }\n  .social-app-profile .hovercard .user-image .icon-wrapper {\n    top: -5px; }\n  .social-app-profile .hovercard .user-image .avatar img {\n    width: 80px;\n    height: 80px; }\n  .mega-menu {\n    padding-left: 20px;\n    padding-top: 3px; }\n    .mega-menu .onhover-show-div {\n      height: 405px;\n      left: 0;\n      top: 61px;\n      padding: 15px; }\n    .mega-menu .lg-mt {\n      margin-top: 10px; }\n    .mega-menu .xs-mt {\n      margin-top: 15px; }\n  .badge {\n    padding: 0.42em 0.7em; }\n  .alert-dismissible .close {\n    top: -1px; }\n    .alert-dismissible .close span {\n      font-size: 19px; }\n  .notify-alert {\n    width: 90%; }\n  .invoice .text-md-end {\n    margin-top: 10px; }\n  .product-wrapper-grid.list-view .product-box {\n    display: block; }\n    .product-wrapper-grid.list-view .product-box .product-img {\n      width: 100%; }\n    .product-wrapper-grid.list-view .product-box .product-details {\n      text-align: center; }\n  .user-profile .profile-header .profile-img-wrrap {\n    height: 210px; }\n  .user-profile .profile-header .userpro-box {\n    padding: 15px; }\n  .user-profile .follow .follow-num {\n    font-size: 16px; }\n  .user-profile .follow span {\n    font-size: 12px; }\n  .user-profile .follow ul.follow-list li:nth-child(n+2) {\n    margin-left: 10px;\n    padding-left: 10px; } }\n\n@media screen and (max-width: 420px) {\n  .and-many-more {\n    font-size: 37px; }\n  .chat-box .chat-right-aside .chat .chat-header {\n    display: block; }\n    .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons {\n      justify-content: flex-start; }\n  .chat-box .chat-history .call-icons ul li {\n    width: 40px;\n    height: 40px; }\n    .chat-box .chat-history .call-icons ul li a {\n      line-height: 1; }\n  .chat-box .chat-menu.show {\n    top: 102px; }\n  .chat-box .chat-menu {\n    width: 260px; }\n    .chat-box .chat-menu .people-list ul.list {\n      height: 360px; }\n  .chat-menu {\n    top: 120px; }\n  .product-page-main .pro-group .pro-shop button {\n    display: block; }\n    .product-page-main .pro-group .pro-shop button:nth-child(n + 2) {\n      margin-top: 15px; }\n  .product-page-main .border-tab.nav-tabs .nav-item {\n    width: 100% !important; }\n  .border-tab.nav-tabs {\n    display: block; }\n  .tabs-scoial.border-tab.nav-tabs .nav-item {\n    width: auto !important; }\n    .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link {\n      padding: 8px 8px;\n      font-size: 14px; }\n  .feature-products span.f-w-600 {\n    padding-top: unset;\n    margin-bottom: 5px; }\n  .custom-card .card-social li a {\n    width: 25px;\n    height: 25px;\n    font-size: 12px; }\n  .custom-card .card-social li:nth-child(n+2) {\n    margin-left: 5px; }\n  .email-wrap .email-body .email-compose .compose-header {\n    display: block; }\n    .email-wrap .email-body .email-compose .compose-header .btn {\n      margin-top: 10px; }\n  .job-sidebar .job-left-aside {\n    padding: 15px; } }\n\n@media screen and (max-width: 397px) {\n  .clockpicker-align-top {\n    top: 426px !important; } }\n\n@media screen and (max-width: 360px) {\n  .datepicker {\n    width: 239px; }\n  .add-post form .m-checkbox-inline label {\n    margin-bottom: 8px; }\n    .add-post form .m-checkbox-inline label:last-child {\n      margin-bottom: 0; }\n  .map-js-height {\n    height: 250px; }\n  .alert-theme {\n    font-size: 12px; }\n    .alert-theme button {\n      right: 30px !important; }\n    .alert-theme i {\n      display: none; }\n    .alert-theme span + span + span {\n      padding: 15px; }\n  .bar-chart-widget .earning-details i {\n    right: -73px; }\n  .widget-joins .border-after-xs:after {\n    width: 92%; }\n  .status-widget svg {\n    width: 18px;\n    height: 18px; }\n  .custom-card .card-footer > div h6 {\n    font-size: 12px; }\n    .custom-card .card-footer > div h6 h3 {\n      font-size: 16px; }\n  .main .langChoice {\n    padding: 4px 7px;\n    width: 30%;\n    position: unset;\n    margin-right: auto;\n    margin-top: 15px; }\n  .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link {\n    padding: 10px 5px;\n    font-size: 14px; }\n  .social-chat .other-msg {\n    margin-left: 15px; }\n  .social-header h5 span.pull-right {\n    display: none; }\n  .timeline-small .media .timeline-round.timeline-line-1:after {\n    bottom: -74px;\n    height: 56px; }\n  .timeline-small .media .timeline-round.small-line:after {\n    bottom: -32px;\n    height: 14px; }\n  .timeline-small .media .timeline-round.medium-line:after {\n    bottom: -59px;\n    height: 40px; }\n  .and-many-more {\n    font-size: 30px; }\n  .landing-main .section-space .landing-header h2 {\n    font-size: 18px; }\n  .landing-main .section-space p {\n    font-size: 14px; }\n  .bg-sky-blue .main-landing .landing-main-content h3 {\n    font-size: 22px; }\n  .custom-card .dashboard-card {\n    padding-top: 0; }\n  .flot-chart-container {\n    height: 230px; }\n  .map-block {\n    height: 250px; }\n  .img-cropper .docs-tooltip {\n    font-size: 11px; }\n  .img-cropper .docs-toggles .btn-group .btn {\n    padding: 0.375rem 0.2rem; }\n  .blog-box .blog-details p {\n    line-height: 1.5; }\n  .blog-box .blog-details .blog-social li:last-child {\n    padding-left: 0; }\n  .blog-box .blog-details-main .blog-social li {\n    padding: 0 10px; }\n  .button-builder-wrap .btn-lg {\n    font-size: 18px; }\n  /* responsive material tabs*/\n  .border-tab.nav-tabs .nav-item .nav-link {\n    padding: 10px 0px; }\n  .tabs-responsive-side {\n    max-width: 100%; }\n  .browser-widget .media i {\n    font-size: 52px; }\n  .browser-widget .media .media-body h4 {\n    font-size: 20px; }\n  .bar-chart-widget .bottom-content .num {\n    font-size: 20px; }\n  .stepwizard .stepwizard-row .stepwizard-step .btn {\n    padding: 6px 20px; }\n  .user-status table tbody img {\n    height: 40px; }\n  .xs-width-100 {\n    min-width: 100%; }\n  .email-wrap .email-right-aside .email-content .email-wrapper .attachment ul li img {\n    width: 65px;\n    height: 65px; }\n  .email-wrap .email-right-aside .email-top .dropdown-menu {\n    left: -58px; }\n  .form-builder #components .component .form-group #button1id {\n    margin-bottom: 15px; }\n  .prooduct-details-box .media {\n    display: block; }\n    .prooduct-details-box .media .media-body {\n      margin-top: 15px;\n      margin-left: unset !important; }\n  .mega-menu-p {\n    padding: 0 23px !important; }\n  .default-according .card .card-header i {\n    font-size: 14px;\n    top: 24px; }\n  .default-according .card .btn-link {\n    display: block;\n    width: 100%;\n    padding-left: 17px; }\n  .star-ratings .stars .title {\n    line-height: 1; }\n  .bootstrap-touchspin .touchspin-vertical-tab .input-group {\n    width: 93% !important; }\n  .step-container {\n    height: 280px !important; }\n  .sort-panel .d-inline .btn {\n    margin-left: 87px; }\n  .jsgrid .jsgrid-pager-container .jsgrid-pager .jsgrid-pager-page {\n    padding: 0.5em 0.62em; }\n  .chat-box .chat-right-aside {\n    flex: 0 0 96%;\n    max-width: 96%; }\n    .chat-box .chat-right-aside .chat .chat-message {\n      width: calc(100% - 20px); }\n  .error-wrapper .error-heading .headline {\n    font-size: 100px; }\n  .lg-toolbar .lg-icon {\n    width: 40px; }\n  .calendar-wrap a.fc-more {\n    font-size: 0.59em; }\n  .calendar-wrap .fc th {\n    font-size: 10px; } }\n\n@media screen and (min-width: 768px) {\n  .product-wrapper-grid.list-view .ribbon {\n    display: none; }\n  .product-wrapper-grid.list-view .col-sm-6 {\n    flex: 0 0 50%;\n    max-width: 50%; } }\n\n/**=====================\r\n     62. Responsive CSS Ends\r\n==========================**/\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"]}