@media (max-width: 1920px) {
  #myTopnav {
    display: none !important;
  }
  .main-nav .main-menu {
    background: rgba(0, 0, 0, 0.75);
    border: none;
    box-shadow: -1px 3px 5px -1px rgba(0, 0, 0, 0.1);
    margin: 0;
    padding: 30px 0px 30px;
    position: fixed;
    right: -400px;
    top: -10px;
    bottom: 0;
    transition: all 0.5s ease-out 0s;
    width: 300px;
    z-index: 9999;
  }
  .main-nav .main-menu.active {
    right: 0px;
  }
  .main-nav > ul > li {
    display: block;
  }
  .main-nav > ul > li > a {
    padding: 8px 20px;
  }
  .main-nav > ul > li > a > sup,
  .main-nav > ul > li.menu-item-has-childrent::after {
    display: none;
  }
  .main-nav .sub-menu {
    display: none;
    margin: 0 !important;
    opacity: 1 !important;
    position: relative !important;
    left: 0 !important;
    visibility: visible !important;
    width: 100% !important;
  }
  .main-nav > ul > li.menu-item-has-childrent::before {
    color: #999;
    content: "";
    font-family: linearicons;
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 16px;
  }
  .main-nav > ul > li.menu-item-has-childrent > a {
    padding-right: 15px;
  }
  .mobile-menu {
    display: block;
  }

  div#myTopnav {
    display: none;
  }
  .topnav .icon {
    display: none;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .right-side-fix-btn .form-switch {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 10px 5px;
    height: 120px;
    position: fixed;
    bottom: 200px;
    right: 0;
    width: 35px;
    background-color: green;
    color: #fff;
    border-radius: 6px 0 0 6px;
  }
}

@media screen and (max-width: 760px) {
  div#myTopnav {
    display: block;
    width: 390px;
    margin: 20px auto;
    z-index: 999;
    background: #ebeaea;
    padding: 13px;
    border-radius: 3px;
  }
  .topnav a:not(:first-child) {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
    font-size: 26px;
  }
}

@media screen and (max-width: 760px) {
  .topnav.responsive {
    position: relative;
  }
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 26px;
  }
  .active {
    font-size: 18px;
  }
  .topnav.responsive a {
    float: none;
    font-size: 18px;
    display: block;
    text-align: left;
    padding: 10px 10px;
  }
}

/*End Screen 1920*/
@media (max-width: 1366px) {
}
/*End Screen 1366*/
@media (max-width: 1280px) {
  .slider-tab .nav.nav-tabs li {
    width: auto;
  }
  .slider-tab #bx-pager a {
    float: none;
    width: auto;
  }
  .post-format-video iframe {
    width: 100%;
    height: auto;
    min-height: 350px;
  }
  .language-inner-box.item-box-sub {
    left: 0;
    margin-left: 0;
  }
  .currency-inner-box.item-box-sub {
    left: 0;
    margin-left: -5px;
  }
  .banner-slider-rect-vertical .owl-pagination {
    right: 15px;
  }
}
/*End Screen 1200*/
@media (max-width: 1024px) {
  .slider-home8 .owl-theme .owl-controls {
    display: none !important;
  }
  .slider-home8 {
    padding-top: 0;
  }
  .search-form8 {
    max-width: 220px;
  }
  .main-nav.main-nav8 {
    margin-right: -30px;
    padding-left: 0;
  }
  .product-gallery .bx-wrapper {
    padding-right: 0;
    width: 100%;
  }
  .home-latest-news-info > h3 {
    font-size: 16px;
  }
  .item-home-latest-news:nth-child(1) {
    margin: auto;
  }
  .item-home-latest-news:nth-child(2) {
    margin: auto;
    transform: none;
  }
  .item-home-latest-news:nth-child(3) {
    margin-top: auto;
    transform: none;
  }
  .wrap-latest-news-slider {
    height: auto;
    overflow: visible;
    padding: 50px 0;
  }
  .home-latest-news .home-directnav .owl-buttons {
    margin-top: -75px;
  }
  .item-home-latest-news {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 30px !important;
    padding: 30px 15px;
  }
  .category-lightbox {
    margin-left: -543px;
    width: 1000px;
  }
  .home-testimonial {
    padding: 50px 0;
  }
  .home-latest-news .item {
    height: auto;
  }
  .product-gallery #bx-pager {
    width: 100%;
  }
  .product-gallery #bx-pager a {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 5px;
    max-width: 69px;
    width: 100%;
  }
  .product-gallery .share-social {
    margin-left: 0;
  }
  .about-box-text {
    height: 246px;
    padding-top: 30px;
  }
  .item-product-info .product-readmore {
    display: none;
  }
  .product-list.none-sidebar .item-product-thumb {
    width: 30%;
  }
  .product-list.none-sidebar .item-product-info {
    padding: 0 0 0 30px;
    width: 70%;
  }
  .product-list.none-sidebar .wrap-cart-qty {
    border-left: medium none;
    float: left;
    margin: 5px 0 0 30px;
    max-width: 500px;
    padding: 0;
    width: 100%;
  }
  .product-list.none-sidebar .wrap-cart-qty .info-extra {
    float: left;
    margin-top: 30px;
  }
  .product-list.none-sidebar .wrap-cart-qty .info-qty {
    float: left;
    margin-right: 5px;
  }
  .product-list.none-sidebar .wrap-cart-qty .btn-link-default.add-to-cart {
    float: left;
    margin: 18px 0 0;
  }
  .product-list.has-sidebar .btn-link-default.add-to-cart {
    margin: 20px 0 0;
  }
  .testimo-content-left,
  .testimo-content-right {
    padding-top: 40px;
  }
  .info-header2 .info-search .search-form {
    margin-right: 0px;
  }
  .banner-slider-circle-vertical .owl-pagination {
    right: 15px;
    top: -150px;
  }
  .item-custom-service {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .catalog {
    background-attachment: scroll;
  }
  .sidebar-product .widget {
    padding: 15px;
  }
  .control-paginav-featured-slider {
    max-width: 400px;
  }
  .main-nav.main-nav9 > ul {
    margin: 10px -30px 0 0;
  }
  .banner-slider9 .owl-pagination {
    padding-left: 10px;
  }
  .inner-about-parallax,
  .inner-service-boxes,
  .inner-bestsell,
  .inner-latest-news9,
  .contact-footer-parallax {
    padding-left: 0;
  }
  .title9 {
    margin: 0 0 30px;
    position: static;
    transform: rotate(0deg);
  }
  .logo-footer9 {
    border: medium none;
    margin: 0 0 10px;
  }
  .service-box {
    background: rgba(0, 0, 0, 0) url("../images/home9/bg-service.jpg") no-repeat
      scroll center center;
  }
  .box-width1,
  .box-width2,
  .box-width3,
  .box-width4,
  .box-width5,
  .box-width6,
  .box-width7,
  .box-width8,
  .box-width9,
  .box-width12 {
    width: 14.2%;
  }
  .tablet_not_view_column {
    display: none;
  }
  .leads-main-sec-cus-dash .title-number-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }
}
/*End Screen 1024*/
@media (max-width: 990px) {
  .info-cart.mini-cart8 {
    position: absolute;
    right: 0;
    top: 30px;
  }
  .bestsell-slider {
    margin: 0 45px;
  }
  .about-parallax,
  .best-sell-parallax,
  .footer-parallax {
    background-attachment: inherit;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 50px 0;
  }
  .service-box,
  .latest-news9 {
    padding: 50px 0;
  }
  .main-nav.main-nav9 {
    float: right;
  }
  .main-nav.main-nav9 > ul {
    margin: 10px 0 0;
  }
  .banner-home8 {
    float: none;
    margin-top: 0;
    width: auto;
  }
  .search-form8 {
    width: 100%;
    max-width: none;
  }
  .search-cart-total {
    padding-right: 170px;
    padding-top: 30px;
    position: relative;
    text-align: left;
  }
  .info-cart.mini-cart8 {
    position: absolute;
    right: 0;
    top: 30px;
  }
  .main-nav.main-nav8 {
    float: right;
    margin: 0;
  }
  .item-banner8 .banner-info {
    margin-top: -80px;
  }
  .item-brand::after,
  .the-brand .owl-buttons {
    display: none;
  }
  .info-cart .inner-cart-info {
    padding: 30px 15px;
    position: absolute;
    right: 50px;
    top: 100%;
    width: 290px;
  }
  .newsletter input[type="text"] {
    width: auto;
  }
  .info-sale {
    display: none;
  }
  .product-list.none-sidebar .wrap-cart-qty {
    margin: 25px 0 0;
  }
  .item-latest-post.item-left .latest-post-content {
    padding-right: 0;
  }
  .item-latest-post.item-right .latest-post-content {
    padding-left: 0;
  }
  .item-latest-post {
    padding: 50px 0;
  }
  .home-latest-news-info .latest-post-info li {
    margin-right: 0px;
  }
  .info-cart7 {
    top: 5px;
  }
  .link-cart a {
    width: 110px;
  }
  .main-nav.main-nav7 {
    float: none;
  }
  .banner-info9 > h2 {
    font-size: 30px;
  }
  .banner-info9 > h3 {
    font-size: 18px;
  }
  .banner-info9 > p {
    font-size: 14px;
  }
  .banner-slider9 .banner-info {
    margin-top: -100px;
  }
  .banner-slider9 .owl-theme .owl-controls {
    bottom: 20px;
  }
  .social-footer9 > a {
    margin-left: 15px;
  }
  .menu-footer9 li {
    margin-right: 10px;
  }
  .title9 {
    font-size: 40px;
  }
  .box-width1,
  .box-width2,
  .box-width3,
  .box-width4,
  .box-width5,
  .box-width6,
  .box-width7,
  .box-width8,
  .box-width9,
  .box-width12 {
    width: 14.2%;
  }
  .tablet_not_view_column {
    display: none;
  }
  .que-side-open-doc p strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-size: 10px;
    display: inline-block;
  }
  .que-side-open-doc p {
    line-height: normal;
    padding: 2px 5px;
    font-size: 12px;
  }
  .term-condition p {
    padding: 0 5px;
    display: flex;
    align-items: center;
  }
  .terms-conditions-points {
  }
  .terms-conditions-points span {
  }
  .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .inner-dashboxes .paddingrightleft:first-child {
    padding-left: 6px;
  }
  .inner-dashboxes .paddingrightleft:last-child {
    padding-right: 6px;
  }
  .inner-dashboxes .paddingrightleft:nth-child(3) {
    padding-right: 6px;
  }
  .inner-dashboxes .paddingrightleft:nth-child(4) {
    padding-left: 6px;
  }
  .home-search-form .btn-link-default {
    min-width: 35px;
    padding: 0px 3px;
    font-size: 12px;
  }
  .export-btn-cus .add_btn {
    padding: 0 5px;
    font-size: 12px;
  }
  .home-search-form .form-control {
    margin-bottom: 0px;
  }
  .today_card .card-statistic {
    padding: 15px 5px;
  }
  .inner-dashboxes .card-statistic {
    padding: 5px 10px;
  }
  .link_txt {
    position: relative;
    text-align: center;
    padding: 5px 5px;
    font-size: 10px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .today_card .card-title {
    font-weight: 600;
    font-size: 0.8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .emp_card .card {
    box-shadow: 0px 0px 5px 0px #f0f0f0;
    border: 1px solid #f0f0f0;
    margin-bottom: 6px;
  }
  .today_card .card {
    box-shadow: 0px 0px 5px 0px #f0f0f0;
    border: 1px solid #f0f0f0;
    margin-bottom: 12px;
  }
  .page-wrapper {
    overflow: hidden;
    position: relative;
    margin-left: 160px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
  }
  .sidebar_menu_box {
    width: 160px;
  }
  .addleaddetails-form-box-main {
    padding: 20px 0px;
  }
  .quotation-edit-next-followup-remark-single {
    width: 92%;
  }
  .donut-chart-main-cus {
    margin-top: 12px;
  }
  .fee-overview-box-main-cus {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 12px;
  }
  .fee-overvew-single-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    box-shadow: 0 3px 10px 0 rgb(48 46 56 / 15%);
    border: 1px solid rgb(48 46 56 / 15%);
    border-radius: 6px;
    margin-bottom: 0px;
    width: 48%;
  }
  .sidebar-footeruseful-btn-cus-main {
    width: 21%;
  }
  .menu-active .sidebar-footeruseful-btn-cus-main {
    width: 90px;
  }
  .table-data-large-cus-main .table-responsive {
    overflow: auto;
  }
  .add_btn_box .add_btn {
    margin-left: 5px;
    margin-top: 0;
    overflow: hidden;
    min-width: 85px;
    height: auto;
    margin-bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
  }
  .add_btn_box .add_btn {
    padding: 10px 5px;
    text-align: center;
    margin-bottom: 12px;
  }
  .mngbookslsedit-tab-cus .tab-followup button {
    background-color: #ff000000;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 6px 12px;
    transition: 0.3s;
    font-size: 14px;
    border: 1px solid green;
    margin-right: 5px;
    margin-bottom: 5px;
  }
  .followup-contactdetails-add-btn .add_btn {
    height: auto;
    background-color: #fff;
    margin-left: 5px;
    margin-top: 0;
    overflow: hidden;
    width: 85px;
    min-width: 85px;
    margin-bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    padding: 5px 5px;
  }
  .today_card.inner-dashboxes .card .card-statistic .card-icon {
    right: 10px;
    top: 30px;
  }
  .setting-sec-main-boxes-cus .card .card-statistic .card-icon {
    font-size: 30px;
    color: #3c87ff;
    position: absolute;
    right: 10px;
    top: 30px;
  }
  .configration-tabs-main-box-cus .nav-tabs {
    border-bottom: none;
    margin: 20px 0;
    border: 1px solid #f3f3f3;
    width: 100%;
    justify-content: start;
    border-radius: 8px;
    background-color: #f3f3f3;
    padding: 7px 7px;
  }
  .configuration-tab-in-tab-form-main-cus {
    width: 100%;
    box-shadow: 0 3px 10px 0 rgb(48 46 56 / 15%);
    padding: 15px 30px;
  }
  .form-contact,
  .mt10 {
    margin-top: 10px !important;
    padding: 0 1%;
  }
  .sales-statics-product-wise-sales-executive-table-main-dashboard {
    overflow-x: auto;
  }
  .sales-statics-product-wise-sales-executive-table-single-top-heading {
    width: 1000px;
  }
  .sales-statics-product-wise-sales-executive-table-single-data.regional-sales-executives
    .data-amount {
    width: 25%;
    text-align: center;
  }
  .sales-statics-product-wise-sales-executive-table-single-data {
    width: 1000px;
  }
  .sidebar-menu ul ul li a i {
    margin-right: 0px;
  }
  .all-profile-details-main .profile-img span {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 40%;
    left: 60%;
    right: -5px;
    cursor: pointer;
    background: #edf2fa;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    color: #0d80da;
    border: 1px solid #0d80da;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
  }
  .right-side-fix-btn .form-switch {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 10px 5px;
    height: 120px;
    position: fixed;
    bottom: 200px;
    right: 0;
    width: 35px;
    background-color: green;
    color: #fff;
    border-radius: 6px 0 0 6px;
  }
  .transaction-box-main-cus .transaction-box-single {
    margin-bottom: 12px;
  }
  .birthday-absent-leave-box-single {
    margin-bottom: 12px;
  }
  .report-table-main-title .title h2 {
    font-size: 14px;
    font-weight: 500;
  }
  .login-name-desination-table-view-dashboard-cus .table {
    width: 100%;
  }
  .quotgen_inner_box {
    width: 80%;
  }
  .quotgenclose_icon {
    right: 80%;
  }
  #curve_chart {
    margin-top: 10px;
  }
  .reporting-tab {
    margin-top: 12px;
  }
  .reporting-card-slips {
    gap: 5px;
  }
  .reporting-card-slips .shlips-cus p {
    font-size: 13px;
    line-height: normal;
  }
  .reporting-card .reporting-footer {
    padding: 10px 10px;
  }
  .profile-optimization, .upcoming-meetings-events{
    margin-bottom: 15px;
  }
}
/*End Screen 990*/
@media (max-width: 800px) {
  .banner-box.banner-style3 .btn-link-hidden {
    display: none;
  }
  .has-sidebar .product-filter .filter-selected {
    margin-top: 10px;
  }
  .testimo-avatar {
    display: block;
    margin: auto;
    max-width: 100px;
  }
  .testimo-content-right {
    padding: 15px 0;
  }
  .testimo-desc {
    padding-top: 35px;
  }
  .widget {
    padding: 15px;
  }
  .phone-box,
  .mail-box {
    margin-bottom: 20px;
    padding-top: 0;
  }
  .item-header-banner.box-right {
    margin-left: -15px;
  }
  .item-header-banner.box-left {
    margin-right: -15px;
  }
  .category-lightbox {
    left: 50%;
    margin-left: -410px;
    width: 758px;
  }
  .banner-style2 .banner-box-info {
    display: none;
  }
  .banner-style2 .banner-box-title.banner-box-title-blue {
    font-size: 20px;
  }
  .banner-style1 .banner-box-info {
    left: 5px;
    top: 50px;
  }
  .banner-slider-circle-hoztical .banner-rect-info {
    margin-left: 50px;
    margin-top: 0px;
  }
  .banner-slider-rect-vertical .owl-pagination {
    right: 15px;
    top: -270px;
  }
  .circle2,
  .circle1 {
    margin-bottom: 30px;
  }
  .list-feature-boxes .row .col-md-6.col-sm-6.col-xs-12:nth-child(2n) {
    padding-left: 15px;
  }
  .list-feature-boxes .row .col-md-6.col-sm-6.col-xs-12:nth-child(2n + 1) {
    padding-right: 15px;
  }
  .info-testimo-author {
    top: 40px;
  }
  .banner-slider-circle-hoztical .content-banner-slider {
    height: 550px;
    padding-top: 50px;
  }
  .content-blog-page .popular-box-text {
    display: none;
  }
}
/*End Screen 768*/
@media (max-width: 767px) {
  .top-header.top-header8 {
    background: #999 none repeat scroll 0 0;
  }
  .footer.footer8.footer-dark {
    margin-top: 0;
  }
  .item-latest-post8.latest-post-leading8 > h2 {
    display: block;
  }
  .latest-post8 > h2 {
    display: none;
  }
  .item-latest-post8.latest-post-leading8 {
    margin-bottom: 30px;
  }
  .banner-slider9 .banner-info {
    display: none;
  }
  .bestsell-slider {
    margin: 0;
  }
  .footer-parallax {
    background-size: auto 100%;
  }
  .list-service-item.full-right .item-service {
    float: none;
    margin-left: -20px;
  }
  .footer9 {
    margin-top: 30px;
  }
  .social-footer9 {
    margin-left: -15px;
    text-align: left;
  }
  .contact-parallax-form {
    margin-top: 30px;
  }
  .item-contact-parallax {
    margin-bottom: 20px;
  }
  .content-blog-page .popular-box-text {
    display: block;
  }
  .content-blog-page .mega-entry {
    margin-bottom: 30px;
    position: static;
    text-align: center;
  }
  .top-right > ul > li {
    display: none;
  }
  .top-right > ul > li.info-user {
    display: block;
  }
  .top-right {
    border: none;
  }

  .main-nav > ul > li {
    margin-right: 0;
  }
  .info-cart7 {
    top: 150px;
  }
  .category-lightbox {
    left: 0;
    margin-left: 0;
    width: 100%;
  }
  .product-sort,
  .product-pagi-nav,
  .product-filter {
    display: block !important;
    float: left !important;
    margin: 5px 0;
    width: 100% !important;
  }
  .home-directnav .owl-buttons {
    display: none;
  }
  .testimo-content-right {
    padding: 30px 15px;
  }
  .banner-box.banner-style3.box-left {
    margin-right: 0px;
  }
  .banner-box.banner-style3.box-right {
    margin-left: 0;
  }
  .home-testimonial .title.title-home {
    color: #1b1d1f;
  }
  .item-testimonial.item-left .testimonial-title a {
    color: #1b1d1f;
  }
  .item-testimonial.item-left .testimonial-job {
    border-top: 1px solid #1b1d1f;
    color: #1b1d1f;
  }
  .item-testimonial.item-left {
    margin-bottom: 30px;
  }
  .product-featured-thumb {
    margin-bottom: 20px;
  }
  .item-box-sub {
    left: auto;
    margin-left: 0;
    right: 0;
  }
  .language-box::after,
  .currency-box::after {
    left: auto;
    right: 20px;
  }
  .home-latest-news-thumb {
    margin-bottom: 15px;
  }
  .home-testimonial::before {
    display: none;
  }
  .product-list .item-product {
    padding: 15px;
  }
  .testimo-content {
    background: #797979 none repeat scroll 0 0;
    padding: 15px;
    position: static;
  }
  .testimo-content-left {
    padding-top: 15px;
  }
  .product-list.none-sidebar .item-product-thumb {
    margin-bottom: 20px;
    width: 100%;
  }
  .product-list.none-sidebar .item-product-info {
    padding: 0;
    width: 100%;
  }
  .product-list.none-sidebar .wrap-cart-qty {
    margin-top: 0;
  }

  .info-search .search-form {
    width: 300px;
  }
  .wrap-toggle-search {
    width: 100%;
  }
  .search-form .btn-link-default {
    padding: 0 15px;
  }
  .slider-tab .nav.nav-tabs {
    position: static;
  }
  .slider-tab .nav.nav-tabs li {
    display: block;
    margin: 0;
    border-top: 1px solid #e5e5e5;
  }
  .item-advert.left {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .item-advert.right {
    margin-left: 0;
  }
  .item-advert .thumb-adv img {
    width: 100%;
  }
  .footer-nav {
    border: medium none;
    margin-top: 30px;
    max-width: none;
    padding: 0;
  }
  .popular-box-text {
    position: static;
  }
  .title-popular-box span {
    display: block;
  }
  .design-no-search-box {
    height: 43px !important;
  }
  .desc-popular-box span {
    display: block;
  }
  .item-product-leading .item-product-info {
    margin: 0;
  }
  .new-product-tab .item-product-leading .item-product-info {
    margin: 30px 0 0;
  }
  .sidebar-right {
    margin-top: 30px;
  }
  .sidebar-left {
    margin-bottom: 30px;
  }
  .widget.widget-compare ul li .remove-product-compare {
    left: -14px;
  }
  .item-brand {
    max-width: none;
  }
  .item-brand-thumb img {
    width: 100%;
  }
  .about-box-image .about-big-text,
  .about-box-image .about-big-icon,
  .about-box-image .about-small-text {
    display: none;
  }
  .banner-info-text {
    display: none;
  }
  .item-latest-post.item-left {
    background-position: right top;
    margin-bottom: 40px;
  }
  .item-latest-post.item-right {
    background-position: left top;
  }
  .item-latest-post.item-left .latest-post-content {
    padding-right: 0;
    text-align: left;
  }
  .item-latest-post.item-right .latest-post-content {
    padding-left: 0;
  }
  .item-custom-service {
    margin: 30px 0;
  }
  .custom-service .box-title {
    margin-bottom: 0;
  }
  .list-tab-title .nav-tabs > li {
    display: block;
    float: none;
    margin: 0 0 7px;
    padding: 0;
  }
  .header-product-tab .title {
    margin-bottom: 15px;
  }
  .list-tab-title .nav > li > a::after {
    display: none;
  }
  .content-catelog {
    padding-left: 0;
  }
  .catalog {
    background-attachment: scroll;
    background-position: left center;
  }
  .nav-tabs-icon .nav-tabs > li,
  .nav-tabs-icon .nav-tabs > li > a {
    display: block;
    margin-right: 0;
  }
  .nav-tabs-border .nav-tabs > li,
  .nav-tabs-border .nav-tabs > li > a {
    display: block;
    margin-right: 0;
  }
  .item-header-banner.box-left {
    margin-right: 0;
  }
  .item-header-banner.box-right {
    margin-left: 0;
  }
  .category-lightbox {
    left: 0;
    margin-left: 0;
    top: 50px;
    width: 100%;
  }
  .home-box-extra > div {
    display: inline-block;
  }
  .home-box-extra {
    text-align: center;
    width: 100%;
  }
  .home-extra-sub.show-box {
    left: 0;
    padding: 20px 15px;
    width: 100%;
  }
  .main-nav.main-nav-home {
    max-width: none;
  }
  .header-slider .owl-pagination {
    bottom: -40px;
  }
  .main-nav.main-nav-home .main-menu {
    margin-top: 20px;
  }
  .main-nav.main-nav-home > ul > li > a {
    padding: 13px 0;
  }
  .main-nav.main-nav-home > ul > li > a::before,
  .main-nav.main-nav-home > ul > li > a::after {
    display: none;
  }
  .header-slider.default-paginav {
    margin: 10px -10px 30px;
  }
  .main-nav.main-nav-home > ul > li::before {
    display: block;
  }
  .item-popular {
    margin-bottom: 30px;
  }
  .item-brand {
    margin: auto;
  }
  .popular-post .item {
    padding: 0;
  }
  .banner-slider-circle-vertical .owl-theme .owl-controls {
    margin: auto;
    max-width: none;
    position: static;
  }
  .banner-slider-circle-vertical .owl-pagination {
    bottom: 30px;
    right: 15px;
  }
  .menu-footer3 {
    text-align: center;
  }
  .copyright3 > p {
    margin: 15px 0 0;
    text-align: center;
  }
  .menu-footer3 > li {
    margin-bottom: 5px;
  }
  .contact-top3 {
    text-align: center;
  }
  .menu-top3.list-inline.text-right {
    padding: 5px 0;
    text-align: center;
  }
  .banner-slider-rect-vertical .owl-pagination {
    display: none;
  }
  .filter-product .btn-filter {
    float: left;
  }
  #slider-range-price {
    display: block;
    margin-bottom: 15px;
    margin-right: 0;
    margin-top: 5px;
    width: 100%;
  }
  .attr-category a,
  .attr-brand a {
    margin-right: 15px;
  }
  .banner-rect-info {
    display: none;
  }
  .banner-box.banner-style1.box-left {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .banner-box.banner-style1.box-center {
    margin: 0;
    margin-bottom: 30px;
  }
  .banner-box.banner-style1.box-right {
    margin-left: 0;
  }
  .logo-header3 {
    max-width: 200px;
  }
  .main-nav3 .mobile-menu {
    top: 15px;
    z-index: 99;
  }
  .main-nav.main-nav3 .main-menu {
    margin-top: 55px;
    z-index: 999;
  }
  .main-nav.main-nav3 > ul > li {
    margin-right: 0;
  }
  .slider-tab #bx-pager a {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .slider-tab > #bx-pager {
    padding: 0;
    position: static;
  }
  .item-latest-post:hover::after {
    opacity: 0;
  }
  .side-testimonial {
    width: 100%;
  }
  .testimonial-page {
    width: 100%;
    padding: 0 !important;
    display: none;
  }
  .control-paginav-featured-slider {
    display: none;
  }
  .testimonial-title {
    font-size: 36px;
    margin: 35px 0 25px;
  }
  .menu-footer,
  .copyright {
    text-align: center;
  }
  .footer-dark .copyright {
    text-align: center;
  }
  .top-right .info-user .inner-user-info {
    left: auto;
    right: 0;
  }
  .top-right > ul > li > a {
    padding-right: 0;
    border-left: none;
  }
  .top-right .info-user::before {
    left: auto;
    right: 30px;
  }
  .header.header-home {
    padding-top: 20px;
  }
  .logo.logo-home h1 span {
    display: inline;
    font-size: 36px;
  }
  .main-nav-home .mobile-menu a {
    color: #fff;
  }
  .main-nav-home .mobile-menu {
    right: 1px;
    top: -31px;
  }
  .logo-home {
    max-width: none;
  }
  .banner-slider-circle-vertical .owl-pagination {
    display: none;
  }
  .info-header.info-header2 {
    display: none;
  }
  .owl-theme .owl-controls {
    display: none !important;
  }
  .info-header3 .info-total {
    margin: -48px 0 0 75px;
    text-align: center;
  }
  .register-box {
    float: none;
    text-align: center;
  }
  .nav-tabs-filter .nav-tabs > li {
    float: none;
    margin: 0;
  }
  .nav-tabs-filter .nav-tabs > li > a {
    padding: 0 15px;
  }
  .nav-tabs-icon .nav-tabs {
    text-align: left;
  }
  .popular-box {
    margin: 15px 0;
  }
  .popular-box::before {
    display: none;
  }
  .blog-main-left .blog-list-thumb {
    margin-bottom: 20px;
  }
  .blog-main-right .blog-list-thumb {
    margin-top: 20px;
  }
  .widget {
    padding: 0;
  }
  .post-slider {
    padding: 25px 5px;
  }
  .item-product-leading .item-product-thumb {
    margin-bottom: 20px;
  }
  .item-team-circle,
  .item-team-rectang {
    margin-bottom: 30px;
  }
  .language-list,
  .currency-list {
    display: none !important;
  }
  .box-info-user {
    width: 200px;
    margin-right: -70px;
  }
  .info-search .search-form3.search-form {
    width: 300px;
  }
  .search-form.search-form3 input[type="text"] {
    width: 180px;
  }
  .top-right ul {
    padding: 5px 0 0;
    text-align: center;
  }
  .logo8,
  .top-left {
    text-align: center;
  }
  .main-nav.main-nav8 .mobile-menu a {
    color: #000;
  }
  .menu-bar span {
    background: #000;
  }
  .mobile-menu {
    padding: 15px 0px 5px;
    text-align: center;
  }
  .mobile-menu li {
    padding: 0px 12px;
  }
  .latest-post8 {
    padding-left: 0;
  }
  .new-product8.slider-home8 {
    margin-bottom: 30px;
    padding: 0 15px;
  }
  .banner-home8 {
    margin-bottom: 30px;
  }
  .slider-home8 {
    padding-top: 0;
  }
  .best-seller-product8.slider-home8 {
    margin: 0 -15px 30px;
  }
  .latest-post8 > h2 {
    margin: 15px 0;
  }
  .latest-news-slider8 {
    margin-bottom: 30px;
  }
  .partner-slider.partner-slider8 {
    margin: 0;
    padding: 0;
  }
  .main-nav.main-nav9 .mobile-menu {
    position: static;
  }
  .main-nav.main-nav9 .main-menu {
    top: 100%;
  }
  .logo-bt {
    display: none;
  }

  .mobile-menu-footer {
    width: 100%;
    float: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    left: 0;
    bottom: 0;
    background: #fff;
    border-top: 1px solid #ddd;
    padding: 10px 25px;
    box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
    z-index: 9999;
  }
  .menu-icon-mobile {
    /* margin-right: 135px; */
    text-align: center;
  }
  .menu-icon-mobile a {
    color: #444;
  }
  .menu-icon-mobile i {
    font-size: 20px;
  }
  .menu-icon-mobile p {
    font-size: 11px;
    padding-bottom: 0;
    line-height: 1;
    font-weight: 500;
  }
  .sidebar_menu_box {
    background: #fff;
    margin-top: 60px;
    position: fixed;
    /* position: absolute; */
    top: 0px;
    bottom: 0;
    left: 0;
    border-right: 1px solid #e5e5e5;
    /* width: 50px; */
    width: 60%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 999;
    /* display: none; */
    -webkit-transform: translateX(-110%);
    transform: translateX(-110%);
  }
  .sidebar_menu_box .menu-mobile-scroll-fix {
    height: 100%;
    padding: 0px 0 0px 0;
    overflow: auto;
  }
  .menu-active .sidebar_menu_box {
    /* display: block !important; */
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
  }
  .menu-active .side-menu {
    width: 60%;
    margin-left: 0px;
  }
  .menu-active .sidebar-menu > ul > li > a span {
    display: block;
    margin-left: 5px;
  }
  .page-wrapper {
    overflow: hidden;
    position: relative;
    margin-left: 0px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
  }
  .menu-active .page-wrapper {
    margin-left: 0px;
  }
  .close_icon {
    position: fixed;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    background: #0d80da;
    z-index: 800;
  }

  .mobile_btn {
    padding: 5px;
    display: inline-block;
    margin-left: 20px;
    color: #666;
    display: none;
  }
  .header .header-left .logo {
    display: inline-block;
    padding: 0 0px;
  }
  .box-bg.flex_box {
    margin-bottom: 16px;
    display: block;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 10px;
    border: 1px solid #b3d0e9;
    border-radius: 10px;
    background: #f9f9ff;
  }
  .report-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto;
    font-size: 30px;
    border-radius: 4px;
  }
  .report-box p {
    text-align: center;
    margin: 0;
  }
  .right-boxwidth {
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
  }
  .right-boxwidth {
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
  }
  .right-boxwidth {
    width: 100%;
  }
  .admin-head p {
    color: #555;
    font-size: 10px;
    padding: 6px 6px;
    border-right: 1px solid #eee;
  }
  .adtab-detail h2 {
    margin: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14px;
    color: #333;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: horizontal;
  }
  .squrebox {
    width: 10px;
    height: 10px;
    margin: 0 6px 6px;
    display: inline-block;
    background: #ffb612;
    vertical-align: middle;
    border-radius: 2px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .admin-desc p {
    align-items: center;
    display: flex;
    justify-content: center;
    line-height: 1.2;
  }
  .circlebox {
    width: 12px;
    margin: 0 6px;
    height: 12px;
    border-radius: 50%;
    background: #5cb85c;
    display: inline-block;
    vertical-align: text-top;
  }
  .fntnwgtsty {
    font-size: 10px;
    font-weight: 500;
    color: #555;
  }
  .dashboard-status-tab ul li a {
    background-color: #fff;
    margin-right: -1px;
    border-bottom: none;
    margin-bottom: -4px;
    font-size: 9px;
    padding: 3px;
  }
  .paddingrightleft {
    padding-right: 6px;
    padding-left: 6px;
  }
  .paddingright {
    padding-right: 6px;
  }
  .paddingleft {
    padding-left: 6px;
  }
  .padrt0 {
    padding-right: 15px;
  }
  .desc {
    line-height: normal;
    padding-bottom: 0px;
    font-size: 12px;
    margin: 0;
  }
  .menu-active .sidebar-menu ul ul li a {
    font-size: 11px;
    padding: 5px 0px 5px 13px;
    line-height: 12px;
    text-align: left;
  }
  .menu-active .sidebar-menu ul ul li a span {
    padding-left: 0;
    padding-top: 2px;
    display: inline;
    margin-left: 5px;
  }
  .user-menu .dropdown-menu {
    min-width: 220px;
    padding: 0;
    left: auto;
    right: 0px;
    top: 42px;
  }
  .mobile-menu-user-data {
    position: absolute;
    top: -175px;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 100%;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  }
  .user-header {
    padding: 10px 10px 0;
  }

  .mobile-user-login-data {
    display: block;
  }
  .mobile-user-login-data a {
    padding: 10px 0px 5px 30px;
    align-items: start;
    display: flex;
    justify-content: flex-start;
  }
  .menu-icon-mobile a {
    /*    color: #000;*/
  }
  .menu-icon-mobile i {
    font-size: 18px;
    color: green;
  }
  .open .profile-icon-color {
    color: green;
  }
  .menu-active .menu-icon-mobile .menu-icon-color {
    color: #0d80da;
  }
  .menu-active .menu-icon-mobile .menu-icon-color i {
    color: #0d80da;
  }
  .adtab-detail {
    position: relative;
    background: #f8f9fa00;
    padding: 0 0px;
    border-bottom: none;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    box-shadow: none;
  }
  .add_btn_box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .add_btn_box .add_btn {
    margin-left: 5px;
    margin-top: 0;
    overflow: hidden;
    min-width: 60px;
    margin-bottom: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
  }
  .form-control {
    /*    margin-bottom: 12px;*/
    font-size: 12px;
  }
  .home-search-form .btn-link-default {
    /* background: #F28128 none repeat scroll 0 0; */
    font-size: 13px;
    /* color: #fff; */
    font-weight: 500;
    height: 37px;
    line-height: 32px;
    padding: 0px 5px;
    /* border-radius: 3px; */
    text-transform: capitalize;
    min-width: 37px;
    text-align: center;
  }
  .box-bg-inner-page.flex_box_inner_page {
    margin: 5px 0;
  }
  .report-icon-inner-page {
    background: #d1152d;
    align-items: center;
    display: flex;
    /* position: absolute; */
    justify-content: center;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
    width: 35px;
    height: 45px;
    position: relative;
    top: auto;
    left: auto;
    margin: 0;
    font-size: 36px;
    box-shadow: none;
    border-radius: 4px 0px 0px 4px;
  }
  .report-icon-inner-page i {
    font-size: 16px;
  }
  .report-box-inner-page {
    position: relative;
    padding: 0px 0px 0 5px;
  }
  .report-box-inner-page p {
    padding: 0;
    text-align: left;
    line-height: normal;
    margin: 2px 0;
    overflow: hidden;
    width: 100%;
    font-size: 10px;
    height: 20px;
    margin-bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .report-box-inner-page p.cont-inner-page,
  .report-box1-inner-page p.cont-inner-page {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
  }
  .table-head span {
    font-size: 10px;
    font-weight: 500;
    color: #333;
  }
  .mobile_not_view_column {
    display: none !important;
  }
  .add_btn {
    position: relative;
    background: none;
    padding: 10px 10px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    cursor: pointer;
    height: auto;
    line-height: normal;
    min-width: 60px;
    display: inline-flex;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .add_btn_box .add_btn {
    padding: 10px 5px;
    text-align: center;
  }
  .box-width1,
  .box-width2,
  .box-width02,
  .box-width3,
  .box-width4,
  .box-width5,
  .box-width6,
  .box-width7,
  .box-width8,
  .box-width9 {
    width: 25%;
  }
  .box-width20 {
    width: 60%;
  }

  .add_inner_box,
  .notify_inner_box {
    background: #fff;
    box-shadow: 0px 0px 3px 0px #aaa;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: 0;
    margin-left: auto;
    position: relative;
  }
  .form-group label,
  .form-group1 label {
    font-weight: 500;
    color: #555;
    font-size: 11px;
    line-height: normal;
    overflow: hidden;
    width: 100%;
    height: 15px;
    margin-bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .fixed_right_box {
    background: rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0px;
    padding-top: 0px;
    right: 0;
    left: 0;
    width: 100%;
    height: 90%;
    bottom: 0;
    z-index: 9001;
    -webkit-transform: translateX(102%);
    -moz-transform: translateX(102%);
    transform: translateX(102%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .edit_inner_box {
    background: #fff;
    box-shadow: 0px 0px 3px 0px #aaa;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: 0;
    margin-left: auto;
    position: relative;
  }
  .fixed_right_box2nd {
    background: rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0px;
    padding-top: 0px;
    right: 0;
    left: 0;
    width: 100%;
    height: 90%;
    bottom: 0;
    z-index: 9001;
    -webkit-transform: translateX(102%);
    -moz-transform: translateX(102%);
    transform: translateX(102%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .fixed_right_box3rd {
    background: rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0px;
    padding-top: 0px;
    right: 0;
    left: 0;
    width: 100%;
    height: 90%;
    bottom: 0;
    z-index: 9001;
    -webkit-transform: translateX(102%);
    -moz-transform: translateX(102%);
    transform: translateX(102%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .followup_inner_box {
    background: #fff;
    box-shadow: 0px 0px 3px 0px #aaa;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: 0;
    margin-left: auto;
    position: relative;
  }
  .modal-dialog {
    width: 100%;
    margin: 200px auto 0;
  }
  .tablet_not_view_column {
    display: block;
  }
  .quotgen_inner_box {
    background: #fff;
    box-shadow: 0px 0px 3px 0px #aaa;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: 0;
    margin-left: auto;
    position: relative;
  }
  .quotgenclose_icon {
    position: fixed;
    top: 5px;
    right: 10px;
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    background: #0d80da;
    z-index: 800;
  }
  .change-avatar {
    display: block;
    position: relative;
    background: #fafcff;
    width: fit-content;
    padding: 10px 20px;
    /* margin: 12px auto 20px; */
    text-align: center;
    border-radius: 10px;
  }
  .terms-conditions-points {
  }
  .terms-conditions-points span {
    font-size: 10px;
    line-height: 1;
  }
  .que-side-open-doc p strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 8px;
    width: 100%;
    display: inline-block;
  }
  .que-bill-add-main {
    min-height: 136px;
    border-bottom: 1px solid #e8e8e8;
  }
  .qr-image img {
    margin: 0 auto;
    display: block;
    width: 30%;
    padding-bottom: 10px;
  }
  .qr-image p {
    text-align: center;
    font-size: 10px;
    line-height: 1.2;
  }
  .que-side-open-doc p {
    line-height: normal;
    padding: 2px 5px;
    font-size: 10px;
  }
  .enquery-desc-custom p {
    color: #333;
    font-size: 9px;
    margin: 0;
    height: 30px;
    padding: 0px 5px;
    line-height: 30px;
    overflow: hidden;
  }
  .search-dropdown-custom-mng {
    position: relative;
    background-color: #0170be;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    cursor: pointer;
    height: 38px;
    min-width: 90px;
    color: #fff;
    font-size: 12px;
  }
  .panel-group .panel-heading a {
    display: block;
    padding: 6px 5px;
    text-decoration: none;
    position: relative;
    font-size: 10px;
  }
  .followup-document-uploded-cus .document-uploaded-img {
    border: 1px solid #ddd;
    padding: 5px;
    margin-bottom: 10px;
  }
  .tab-followup button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0px 0px 2px;
    transition: 0.3s;
    font-size: 14px;
    border-bottom: 2px solid #fff0;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  .requirement-data-view-cus-single .requirement-data-view-product-name {
    width: 80%;
  }
  .requirement-data-view-cus-single .requirement-data-view-img {
    margin-right: 5px;
    width: 20%;
  }
  .panel-cus-title-cus h3 {
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: green;
  }
  .feature-box-style-12 {
  }
  .table-inner-custom {
    margin: 0;
  }
  .transaction-box-main-cus .table-inner-custom {
    margin: 0 0px;
  }
  .followup-next-followup-remark-single:after {
    content: "";
    position: absolute;
    height: 300px;
    width: 1px;
    border-right: 2px solid #ddd;
    top: 0;
    left: -20px;
  }
  .company-data-view-cus-single .company-data-view {
    /*    width: 30%;*/
    width: auto;
  }
  .company-data-view-cus-single .company-data-view .data {
    line-height: 1.4;
  }
  .company-data-view-cus-single .company-data-view .heading {
    padding: 0;
    color: green;
    font-size: 10px;
    line-height: 1.2;
  }
  .followup-contactdetails-add-btn .add_btn {
    min-width: 65px;
    height: 25px;
    background-color: #fff;
    width: auto !important;
    padding: 4px 8px !important;
  }
  .menu-active .sidebar-footeruseful-btn-cus-main {
    display: flex;
    flex-direction: unset;
    align-items: center;
    justify-content: center;
    gap: 30px;
    padding: 15px 0;
    width: 98%;
  }
  .sidebar-footeruseful-btn-cus-main {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    position: fixed;
    bottom: 115px;
    left: 0px;
    background-color: #fff;
    width: auto;
    padding: 0 20px;
  }
  .inner-dashboxes .paddingrightleft:first-child {
    padding-left: 6px;
  }
  .inner-dashboxes .paddingrightleft:last-child {
    padding-right: 6px;
  }
  .inner-dashboxes .paddingrightleft:nth-child(3) {
    padding-right: 6px;
  }
  .inner-dashboxes .paddingrightleft:nth-child(4) {
    padding-left: 6px;
  }
  .followup-next-followup-remark-single {
    padding: 10px;
    border: 1px solid #ddd;
    margin: 10px;
    border-radius: 4px;
    position: relative;
  }
  .quotation-edit-next-followup-remark-single {
    width: 90%;
  }
  .emp_card .card {
    box-shadow: 0px 0px 5px 0px #f0f0f0;
    border: 1px solid #f0f0f0;
    margin-bottom: 10px;
  }
  .today_card .card {
    box-shadow: 0px 0px 5px 0px #f0f0f0;
    border: 1px solid #f0f0f0;
    margin-bottom: 12px;
    margin-top: 0px;
  }
  .feature-box-style-14 {
    margin-bottom: 15px;
  }
  .header .header-left {
    position: relative;
    height: 100%;
    display: inline-flex;
    align-items: center;
    width: 50%;
    padding-left: 5px;
  }
  .user-menu {
    padding-left: 0px;
    padding-right: 10px;
    position: relative;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    width: 50%;
  }
  .user-menu.nav > li.noti-dropdown > a {
    font-size: 20px;
  }
  .user-menu.nav > li > a {
    position: relative;
    color: #333;
    padding: 19px 10px;
    font-size: 11px;
  }
  .menu-active .header .header-left .logo {
    display: block;
  }
  .menu-active .logo-icon {
    display: none;
  }
  .panel-group {
    border: 1px solid #ddd;
    margin: 10px 0px 0;
  }
  .home-search-form {
    width: auto;
    /*    background: #f9fafc;*/
    padding: 6px 0px 6px 0px;
  }
  .addleaddetails-form-box-main {
    padding: 0px 12px;
  }
  .menu-active .sidebar-inner {
    height: calc(100% - 3.5rem);
  }
  .followup-next-followup-remark-single .date-delete {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .company-data-view-cus-single {
    gap: 10px;
  }
  .followup-requirement-quotation-dtls-data-view-cus-main
    .requirement-data-view-cus-single
    .requirement-data-view-product-all-amount-related {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .followup-requirement-quotation-dtls-data-view-cus-main
    .requirement-data-view-product-sales-price {
    width: 48%;
  }
  .followup-requirement-quotation-dtls-data-view-cus-main
    .requirement-data-view-product-discount-amount {
    width: 48%;
  }
  .followup-requirement-quotation-dtls-data-view-cus-main
    .requirement-data-view-product-texable-amount {
    width: 48%;
  }
  .followup-requirement-quotation-dtls-data-view-cus-main
    .requirement-data-view-product-total-amount {
    width: 48%;
  }
  .table_view .dashboard-table-custom td strong {
    font-size: 12px;
    line-height: 1;
  }
  .que-side-open-doc h3 {
    font-size: 14px;
    margin-bottom: 0;
    color: #02259b;
    background-color: #ddd;
    padding: 5px 5px;
    font-weight: 500;
  }
  /*.quotaion-date-quotaion-no {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 5px 0px;
    background-color: #0d80da;
    margin-bottom: 10px;
}
.quotaion-date-quotaion-no .quotation-btn {
    width: 100%;
}
.quotaion-date-quotaion-no .quotaion-date {
    width: 100%;
    padding: 0 10px;
    border-right: none;
}
.quotaion-date-quotaion-no .quotaion-no {
    width: 100%;
    padding: 0 10px;
    text-align: start;
}
.quotaion-date-quotaion-no .quotation-btn p {
    color: #fff;
    margin: 0 0 0 10px;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    display: block;
    border-right: none;
}*/

  .dash-widget-icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    /* border: 3px solid; */
    border-radius: 8px;
    padding: 0;
    background-color: #cde0ff;
    box-shadow: 0 3px 10px 0 rgb(203 223 255);
  }
  .dash-count h3 {
    font-size: 18px;
    font-weight: 500;
  }
  .dash-widget-info h6 {
    font-size: 12px;
    font-weight: 500;
    line-height: 2;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .donut-chart-main-cus {
    margin-top: 12px;
  }
  .fee-overview-box-main-cus {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 12px;
  }
  .fee-overvew-single-box {
    display: flex;
    align-items: start;
    flex-direction: column-reverse;
    justify-content: start;
    padding: 10px;
    box-shadow: 0 3px 10px 0 rgb(48 46 56 / 15%);
    border: 1px solid rgb(48 46 56 / 15%);
    border-radius: 6px;
    margin-bottom: 0px;
    width: 48.4%;
  }
  .fee-overvew-single-box .icon {
    background-color: #edf2fa;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    box-shadow: 0 3px 10px 0 rgb(48 46 56 / 15%);
  }
  .fee-overvew-single-box .icon i {
    font-size: 20px;
    color: #5395ff;
  }
  .fee-overvew-single-box .title-number-desc .title h2 {
    font-size: 12px;
    font-weight: 500;
    margin: 10px 0 5px;
  }
  .fee-overvew-single-box .title-number-desc .number h3 {
    font-size: 18px;
    font-weight: 500;
  }
  .fee-overvew-single-box .title-number-desc .desc h4 {
    font-size: 10px;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .transaction-box-main-cus .transaction-box-single {
    padding: 15px 10px;
    box-shadow: none;
    border: 1px solid rgb(27 0 255 / 15%);
    border-radius: 6px;
    margin-bottom: 12px;
  }
  .transaction-box-single .icon-title-transaction {
    display: flex;
    align-items: start;
    flex-direction: column;
  }
  .transaction-box-single .icon-title-transaction .icon {
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    margin-bottom: 5px;
  }
  .transaction-box-one .icon-title-transaction .icon i {
    font-size: 24px;
    color: #8e00ff;
  }
  .transaction-box-one .icon-title-transaction .title h2 {
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    /*        color: #8e00ff;*/
  }
  .transaction-box-two .icon-title-transaction .title h2 {
    font-size: 12px;
  }
  .transaction-box-three .icon-title-transaction .title h2 {
    font-size: 12px;
  }
  .transaction-box-four .icon-title-transaction .title h2 {
    font-size: 12px;
  }
  .transaction-box-main-cus .transaction-box-single .number-transaction-box {
    margin-left: 0;
    margin-top: 10px;
  }
  .transaction-box-main-cus .transaction-box-single .number-transaction-box h3 {
    font-size: 18px;
    font-weight: 500;
  }
  .birthday-absent-leave-box-single
    .title-number-birthday-absent-leave
    .number
    h3 {
    font-size: 18px;
    color: #fff;
  }
  .today_card .card .card-statistic .card-icon {
    top: 50px;
  }
  .admission-enrollment-overview-single-box-cus
    .fee-overvew-single-box:last-child {
    margin-bottom: 12px;
  }
  .admission-enrollment-overview-single-box-cus .fee-overvew-single-box {
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: start;
    padding: 10px;
    box-shadow: 0 3px 10px 0 rgb(48 46 56 / 15%);
    border: 1px solid rgb(48 46 56 / 15%);
    border-radius: 6px;
    margin-bottom: 0px;
    width: 100%;
  }
  .admission-enrollment-overview-single-box-cus {
    margin-bottom: -2px;
    margin-top: 10px;
  }
  .lead-box-subtitle-number {
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
  }
  .selectize-dropdown [data-selectable].option {
    opacity: 1;
    cursor: pointer;
    font-size: 10px;
  }
  .onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #999999;
    border-radius: 20px;
    height: auto !important;
  }
  .form-group {
    margin-bottom: 12px;
    /*    padding: 0 5px;*/
    position: relative;
  }
  .errMsg {
    position: absolute;
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }
  .category-view-edit-ect-create-user .create-user-check-items label {
    position: relative;
    cursor: pointer;
    width: auto;
    font-size: 10px;
    font-weight: 400;
    padding: 1px 2px;
    margin: 2px 0px;
  }
  .create-user-select-check label {
    height: auto !important;
    padding: 1px 5px 15px 5px;
  }
  .category-view-edit-ect-create-user {
    margin-bottom: 30px;
  }
  .category-view-edit-ect-create-user
    .create-user-check-items
    input:checked
    + label:after {
    content: "✓";
    display: block;
    position: absolute;
    top: 1px;
    left: 5px;
  }
  .create-user-select-check input:checked + label:after {
    content: "✓";
    display: block;
    position: absolute;
    top: 2px;
    left: 9px;
  }
  .sub-permission {
    margin-left: 10px;
  }
  .table-data-large-cus-main .table-responsive {
    overflow: auto;
  }
  .export-btn-cus .add_btn {
    padding: 10px 10px;
  }
  .today_card.inner-dashboxes .card .card-statistic .card-icon {
    right: 10px;
    top: 30px;
    font-size: 30px;
  }
  .setting-sec-main-boxes-cus.today_card .card .card-statistic .card-icon {
    top: 30px;
  }
  .create-user-check-items {
    display: flex;
    align-items: center;
    justify-content: start;
    width: 70px;
  }
  .configration-tabs-main-box-cus .nav-tabs {
    border-bottom: none;
    margin: 20px 0;
    border: 1px solid #f3f3f3;
    width: 100%;
    justify-content: start;
    border-radius: 8px;
    background-color: #f3f3f3;
    padding: 7px 7px;
    gap: 10px;
  }
  .configuration-tab-in-tab-form-main-cus {
    width: 100%;
    box-shadow: 0 3px 10px 0 rgb(48 46 56 / 15%);
    padding: 15px 20px;
  }
  .configuration-table-cus-td-inner {
    width: 35%;
    display: inline-block !important;
  }
  .configuration-sms-setting-view-single {
    display: flex;
    flex-flow: row wrap;
    gap: 15px;
    position: relative;
  }
  .form-contact,
  .mt10 {
    margin-top: 10px !important;
    padding: 0 0%;
  }
  .sales-statics-product-wise-sales-executive-table-main-dashboard {
    overflow-x: auto;
  }
  .sales-statics-product-wise-sales-executive-table-single-top-heading {
    width: 1000px;
  }
  .sales-statics-product-wise-sales-executive-table-single-data.regional-sales-executives
    .data-amount {
    width: 25%;
    text-align: center;
  }
  .sales-statics-product-wise-sales-executive-table-single-data {
    width: 1000px;
  }
  .products-sales-accountability-table-dash.table-inner-custom {
    margin: 12px 0px 0;
  }
  .birthday-absent-leave-box-single
    .title-number-birthday-absent-leave
    .title
    h2 {
    font-size: 12px;
    color: #e9e9e9;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
  }
  .birthday-absent-leave-box-single {
    margin-bottom: 12px;
  }
  .sales-statics-box-count-main .sales-statics-box-count-single {
    margin-bottom: 12px;
  }
  .create-user-select-all {
    position: relative;
    /* border-left: 2px dotted #005293; */
    margin-top: 15px;
    margin-left: 15px;
  }
  .followp-tab-form-main {
  }
  .sales-statics-product-wise-sales-executive-table-main .icon {
    height: 25px;
    width: 35px;
  }
  .report-table-main-title .title h2 {
    font-size: 14px;
    font-weight: 500;
  }
  .all-profile-details-main .profile-img span {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 70%;
    right: -5px;
    cursor: pointer;
    background: #edf2fa;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    color: #0d80da;
    border: 1px solid #0d80da;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
  }
  .right-side-fix-btn .form-switch {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 10px 5px;
    height: 120px;
    position: fixed;
    bottom: 200px;
    right: 0;
    width: 35px;
    background-color: green;
    color: #fff;
    border-radius: 6px 0 0 6px;
  }
  .badge {
    display: inline-block;
    padding: 4px 1px;
    min-width: 18px;
    font-size: 9px;
    font-weight: 500;
    line-height: 10px;
    color: #fff;
    background-color: #0d80da;
    border-radius: 100%;
    position: absolute;
    top: 10px;
    right: -2px;
  }
  .profile-card-main-cus .card-name-company-post {
    text-align: center;
    padding: 0 15px 30px;
  }
  .profile-card-view-cus-main .profile-img-bg-main-cus .company-logo .left img {
    width: 140px;
    height: auto;
  }
  .profile-card-view-cus-main
    .profile-img-bg-main-cus
    .company-logo
    .right
    img {
    width: 90px;
    height: auto;
  }
  .profile-card-view-cus-main.profile-card-main-cus
    .card-name-company-post
    .name {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .profile-card-view-cus-main.profile-card-main-cus
    .card-name-company-post
    .company {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .profile-card-main-cus .card-name-company-post .post {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .profile-card-view-cus-main .company-name-card-view-cus h2 {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .profile-card-view-cus-main .mobile-email-website-details h3 {
    display: flex;
    align-items: center;
    justify-content: start;
    font-size: 14px;
    width: 25%;
  }
  .profile-card-view-cus-main .mobile-email-website-details p {
    margin: 0;
    padding: 0;
    text-align: start;
    line-height: 1.2;
    width: 75%;
    font-weight: 500;
    font-size: 12px;
  }
  .profile-card-view-cus-main .profile-view-card-favicon img {
    width: 50%;
    height: auto;
    margin: 0 0 0 auto;
    display: block;
  }
  .page-wrapper .select2-container .select2-selection--single {
    /*    margin-bottom: 12px;*/
  }
  .notification-title-popup-single-box .notification-title {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .notification-title-popup-single-box .desc-notification {
    font-size: 10px;
    line-height: 1.4;
  }
  .notification-title-popup-single-box .post-date-time-notification {
    padding: 0;
    font-size: 10px;
    color: #555;
  }
  .home-search-form .form-control {
    margin-bottom: 0px;
  }
  .delete_btn_box .btn {
    font-size: 11px;
    width: auto;
    min-width: auto;
  }
  .send_btn_box .btn {
    font-size: 11px;
    width: auto;
    min-width: auto;
  }
  .iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px;
    color: #000;
    font-size: 14px;
  }
  .panel-cus-title-cus {
    margin: 0 -6px 25px;
  }
  .panel-cus-title-inner-cus {
    margin-bottom: 6px;
  }
  .inner-dashboxes .card-statistic {
    padding: 10px 10px 0;
  }
  .table-custom a i {
    cursor: pointer;
    font-size: 13px;
  }
  .import-excel-emp-cus .add_btn {
    font-size: 11px;
    padding: 8px 10px;
  }
  .profile-alldetails-btns-main-cus {
    flex-wrap: wrap;
  }
  .user-header .user-text h6 {
    margin-bottom: 0px;
    font-size: 12px;
  }
  .user-header .user-text p {
    padding-bottom: 0;
    font-size: 9px;
  }
  .user-menu .dropdown-menu .dropdown-item {
    font-size: 11px;
    padding: 5px 10px;
    font-weight: 500;
  }
  .user-menu .dropdown-menu .dropdown-item i {
    font-size: 11px;
    background-color: #f2f2f2;
    padding: 8px 8px;
    border-radius: 4px;
    margin-right: 5px;
  }
  .page-title {
    font-size: 14px;
  }
  .profile-alldetails-qrcode-main-box h2 {
    font-size: 16px;
    padding: 0 0 10px;
  }
  .profile-card-main-cus .card-name-company-post .name {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .profile-card-main-cus .card-name-company-post .company {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .profile-alldetails-qrcode-main-box .qr-name-desc h3 {
    margin: 20px 0 0;
    font-size: 14px;
  }
  .bio-data-view-cus-main {
    margin-bottom: 10px;
  }
  .user-img img {
    height: 35px;
    object-fit: cover;
    width: 35px;
    border-radius: 100%;
  }
  .iti--container {
    z-index: 9999;
  }
  .login-form-erp {
    padding: 20px 20px;
  }
  .rjd-login-title h3 {
    font-size: 16px;
  }
  .requirement-quotation-dtls-products-cus
    .followup-contactdetails-add-btn
    .add_btn {
    min-width: 100px;
    height: 38px;
    line-height: 25px;
    background-color: #fff;
    margin: 0;
  }
  .panel-group .panel-heading a {
    display: block;
    padding: 8px 6px;
    text-decoration: none;
    position: relative;
  }
  .dashboard-status-tab .fntnwgtsty {
    padding-left: 10px;
    font-size: 11px;
    font-weight: 600;
  }
  .sales-statics-data-dash-main {
    margin-top: 12px;
  }
  .page-wrapper .home-search-form .select2-container {
    margin-bottom: 0px;
  }
  .user_name {
    display: none;
  }
  .menu-active .sidebar-menu {
    padding: 0px 0 150px;
  }
  .home-search-form .export-btn-cus .add_btn {
    padding: 10px 10px;
    margin-bottom: 0px;
  }
  .filter-btn-add-new-btn {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-wrap: wrap;
  }
  .sales-statics-box-count-single .sales-statics-box-icon {
    height: 60px;
    width: 40px;
  }
  .sales-statics-box-count-single .sales-statics-box-title {
    padding: 5px 5px 5px 0;
    width: 70%;
  }
  .link_txt a {
    color: #000 !important;
  }
  .followup-single-edit-btn i {
    color: #0d80da;
    font-size: 12px;
  }
  .followup-single-requirement-btn i {
    color: #0d80da;
    font-size: 12px;
  }
  .followup-single-requirement-delete-btn {
    font-size: 12px;
  }
  .followup-single-contactdetails-btn {
    font-size: 12px;
  }
  .table-data-large-cus-main
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 38px;
    font-size: 12px;
  }
  .followup-document-uploded-cus .document-uploaded-img {
    min-height: auto;
  }
  #curve_chart {
    margin-top: 15px;
  }
  .reporting-tab .nav {
    justify-content: start;
    gap: 7px;
  }
  .reporting-tab .nav .nav-item .nav-link {
    margin-top: 15px;
    padding: 8px 15px;
    font-size: 13px;
  }
  .optimization-card {
    display: block;
  }
  .optimization-graph {
    width: auto;
    height: 100px;
    text-align: center;
    margin-bottom: 15px;
  }
  .optimization-graph svg {
    width: 270px;
    margin: auto;
    text-align: center;
  }
  .profile-optimization, .upcoming-meetings-events{
    margin-bottom: 15px;
  }
  .upcoming-meetings-events-details .row .border-right{
        border-right: none;
  }
  .upcoming-meetings-card{
        margin-bottom: 20px;
  }
}

/*End Screen 767*/

@media (max-width: 480px) {
  .left-boxwidth {
    display: none !important;
  }

  .topnav.responsive a {
    float: none;
    font-size: 18px;
    display: flex;
    text-align: left;
    padding: 10px 10px;
  }
  .box-icon {
    margin: 0 15px;
  }
  .box-info {
    margin-top: 4px;
  }
  a.active {
    display: inline-flex;
  }

  #myTopnav {
    display: block !important;
  }

  .logo1 {
    width: 30%;
    float: left;
    padding: 5px 0px 5px;
    position: relative;
    z-index: 999;
    background-color: #fff;
    margin-top: 25px;
  }

  .group-box {
    width: 314px !important;
    border-radius: 4px 0 0 4px !important;
  }

  button#filter {
    margin: 10px 0px;
  }
  .item-banner8 .banner-info {
    display: none;
  }

  .title.title-home {
    font-size: 24px;
  }
  .item-box-attr {
    display: block;
  }
  .item-attr-title {
    display: block;
    padding: 0 15px;
    width: auto;
  }
  .item-attr-content {
    display: block;
    padding: 0 15px;
  }
  .box-attr-filter::before {
    display: none;
  }
  .nav-tabs-default .nav.nav-tabs li {
    background: #555;
    width: 49.3%;
    margin-bottom: 3px;
  }
  .item-latest-post {
    padding: 40px 0;
  }
  .nav-tabs-default .nav.nav-tabs li a {
    margin: 0;
    padding: 2px 30px 10px;
  }
  .detail-product-tab .tab-content {
    margin-top: -13px;
  }
  .detail-product-tab {
    padding: 0 15px 0px;
    position: relative;
  }
  .box-intro-border {
    padding: 0 15px;
  }
  .product-list.has-sidebar .item-product-thumb {
    margin-bottom: 20px;
    width: 100%;
  }
  .product-list.has-sidebar .item-product-info {
    padding-left: 0;
    width: 100%;
  }
  .content-product-detail.has-sidebar .product-gallery #bx-pager a {
    margin-right: 1px;
    margin-top: 5px;
    max-width: 69px;
  }
  .search-form7 {
    border-left: medium none;
    margin-left: 0;
    padding-left: 0;
  }
  .info-cart7 {
    top: 10px;
  }
  .logo-header7 {
    display: block;
  }
  .home-latest-news-info .latest-post-info li:first-child {
    display: none;
  }
  .info-testimo-author {
    top: 20px;
  }
  .title-product-detail {
    font-size: 20px;
  }
  .list-button-box1 .bt-link {
    margin-left: 15px;
  }
  .list-button-box2 .bt-link {
    margin-left: 15px;
  }
  .bt-loadmore {
    width: auto;
  }
  .btn-circle-box {
    display: block;
    margin: 15px;
  }
  .info-header3 .info-total {
    display: none;
  }
  .news-info {
    display: block;
    margin-top: 15px;
    padding-left: 0;
  }
  .news-thumb {
    display: block;
  }
  .list-latest-news9 {
    height: 400px;
  }
}
/*End Screen 480*/
@media (max-width: 360px) {
  .search-cart-total {
    padding-right: 70px;
  }
  .special-saleoff {
    display: none;
  }
  .banner-special-info::after {
    bottom: 20px;
    left: 20px;
    right: 20px;
    top: 20px;
  }
  .list-latest-post8 .item-latest-post8 .latest-post-info8 {
    display: block;
    margin-top: 20px;
    padding-left: 0;
  }
  .list-latest-post8 .item-latest-post8 .latest-post-thumb8 {
    display: block;
  }
  .mini-cart-total {
    display: none;
  }
  .info-cart.mini-cart8 {
    max-width: 40px;
  }
  .banner-slider-circle-hoztical .content-banner-slider {
    height: 480px;
  }
  .post-format-gallery #bx-pager img {
    height: 30px;
    width: 30px;
  }
  .category-lightbox > h2 {
    font-size: 20px;
  }
  .top-right > ul > li > a > span.lnr {
    display: none;
  }
  .top-left .language-link::after,
  .top-left .currency-link::after {
    right: 10px;
  }
  .top-left .language-link,
  .top-left .currency-link {
    padding: 0 40px 0 10px;
  }
  .contact-top3 {
    font-size: 12px;
  }
  .nav-tabs-bestsale .nav-tabs > li > a {
    margin-right: 24px;
  }
  .nav-tabs-bestsale .nav-tabs > li > a::after {
    right: -13px;
  }
  .reporting-tab .nav .nav-item .nav-link {
    padding: 8px 13px;
  }
  .reporting-card .reporitng-body {
    min-height: 175px;
  }
  
}
/*End Screen 360*/
@media (max-width: 320px) {
  .home-box-extra > div > a {
    height: 90px;
    width: 90px;
  }
  .menu-active .sidebar-footeruseful-btn-cus-main {
    display: flex;
    flex-direction: unset;
    align-items: center;
    justify-content: center;
    gap: 30px;
    padding: 0;
    width: 98%;
  }
  .fee-overvew-single-box {
    display: flex;
    align-items: start;
    flex-direction: column-reverse;
    justify-content: start;
    padding: 10px;
    box-shadow: 0 3px 10px 0 rgb(48 46 56 / 15%);
    border: 1px solid rgb(48 46 56 / 15%);
    border-radius: 6px;
    margin-bottom: 0px;
    width: 48.1%;
  }
  .dashboard-status-tab .fntnwgtsty {
    padding-left: 5px;
  }
  .panel-group .panel-heading a {
    display: block;
    padding: 8px 8px;
    text-decoration: none;
    position: relative;
    font-size: 9px;
  }
}
/*End Screen 320*/