@media (min-width: 1270px) {}

@media (max-width: 1600px) {
     .account-box .table tbody tr td {
          padding: 6px 18px;
     }

     .campain-page .account-box .table thead tr th {
          padding: 13px 12px;
     }

     .campain-page .account-box .table tbody tr td {
          padding: 6px 12px;
     }

     .campain-page .account-box .table tfoot tr th {
          padding: 13px 12px;
     }

     .account-box .table thead tr th {
          padding: 13px 18px;
     }

     .account-box .table tfoot tr td {
          padding: 13px 18px;
     }
}

@media (max-width: 1400px) {
     .account-box .table thead tr th {
          padding: 13px 16px;
     }

     .account-box .table tbody tr td {
          padding: 6px 16px;
     }

     .account-box .table tfoot tr td {
          padding: 13px 16px;
     }

     .account-page .header-left-side {
          flex: 1;
     }
}

@media (max-width: 1365px) {
     .account-box .table tbody tr td {
          font-size: 12px;
          padding: 6px 12px;
     }

     .campain-page .account-box .table thead tr th {
          padding: 13px 6px;
     }

     .campain-page .account-box .table tbody tr td {
          padding: 6px 6px;
     }

     .campain-page .account-box .table tfoot tr td {
          padding: 13px 6px;
     }

     .btn-secondary {
          font-size: 12px;
          border-radius: 6px;
          padding: 9px 10px;
     }

     .btn-activity {
          font-size: 12px;
          border-radius: 6px;
          padding: 10px 14px;
     }

     .header-left-side h2 {
          font-size: 24px;
          line-height: 32px;
     }

     .account-box-heading {
          padding: 16px 20px;
     }


     .metric-card h4 {
          font-size: 32px;
     }

     .text-wrapper p span {
          /*margin-right: 6px;*/
     }

     .metric-card {
          padding: 16px;
     }

     .sidebar {
          max-width: 275px;
          padding: 32px 16px;
     }

     .right-content {
          width: calc(100% - 275px);
          padding: 24px;
     }

     .account-box .table thead tr th {
          font-size: 11px;
          padding: 13px 12px;
     }

     .account-box .table tfoot tr td {
          font-size: 11px;
          padding: 13px 12px;
     }
}

@media (max-width: 1199px) {
     .metric-card-wrapper {
          grid-template-columns: 3fr 3fr;
     }

     .campain-page .account-box .table thead tr th {
          padding: 13px 12px;
     }

     .campain-page .account-box .table tbody tr td {
          padding: 6px 12px;
     }

     .campain-page .account-box .table tfoot tr td {
          padding: 13px 12px;
     }

     .campain-page .account-box .table {
          width: 929px;
     }

     .card-wrapper {
          margin-top: 15px;
          flex-direction: row;
          grid-gap: 20px;
     }

     .card-wrapper .metric-card {
          width: 50%;
     }

     .campain-modal .modal-dialog {
          margin: 20px;
     }

     .login-text-box h2 {
          font-size: 52px;
          margin-bottom: 24px;
     }

     .login-text-box {
          padding: 0px 52px;
     }

     .login-text-box p {
          font-size: 20px;
     }

     .account-page .account-box .table {
          width: 913px;
     }

     .account-page .header-left-side {
          flex: auto;
     }

     .top-header {
          grid-gap: 20px;
          flex-wrap: wrap;
     }

     .account-box .table {
          width: 860px;
     }
}

@media (max-width: 991px) {
     .sidebar {
          left: -100%;
          transition: all 0.5s ease-in-out;
          z-index: 999;
     }

     .user-page .account-box .table {
          width: 100%;
     }

     .billing-page .account-box .table {
          width: 100%;
     }

     .login-wrapper {
          flex-wrap: wrap;
     }

     .login-left,
     .login-right {
          width: 100%;
     }

     .login-left-inner {
          padding: 36px 0px;
     }

     .login-right {
          display: none;
     }

     .cross-icon {
          position: absolute;
          top: 16px;
          right: 16px;
          width: 20px;
          height: 20px;
          display: block;
     }

     .right-content {
          width: 100%;
     }

     .hamburger {
          margin-bottom: 10px;
          display: block;
     }

     .hamburger img {
          width: 30px;
          height: 30px;
     }

     .menu-open {
          left: 0;
     }
}

@media (max-width: 767px) {
     .header-left-side h2 {
          font-size: 24px;
     }

     .support-page .account-box {
          margin-top: 40px;
     }

     .deactivate-modal .rooftop-box {
          padding: 24px 16px 32px;
     }

     .modal h4 {
          font-size: 18px;
          line-height: 26px;
          margin-bottom: 12px;
     }

     .faq-box {
          grid-gap: 36px 24px;
          padding: 20px 0px 40px;
     }

     .faq-contact {
          padding: 20px;
     }

     .step-list {
          grid-gap: 10px;
          margin: 0px 16px 32px;
     }

     .detail-box .table tbody tr td {
          padding: 8px 14px;
     }


     .step-list li p {
          line-height: 16px;
     }

     .campain-modal .btn-secondary {
          padding: 9px 18px;
     }

     .acoount-modal .campain-modal .rooftop-box {
          padding: 0px 16px 11px;
     }

     .rooftop-box {
          padding: 16px 16px 11px;
     }

     .modal-header {
          padding: 24px 16px 24px;
     }

     .modal-footer {
          padding: 12px 16px;
     }

     .modal-body .form-group {
          margin-bottom: 20px;
     }

     .account-page .metric-card-wrapper {
          grid-template-columns: 6fr;
     }

     .right-content {
          padding: 16px;
     }

     .top-header {
          flex-wrap: wrap;
          grid-gap: 20px;
     }
}

@media (max-width: 575px) {
     .metric-card-wrapper {
          grid-template-columns: 3fr;
     }

     .billing-page .account-box .table {
          width: 575px;
     }

     .user-page .account-box .table {
          width: 575px;
     }

     .faq-box {
          grid-template-columns: 12fr;
     }

     .support-page .account-box-heading p {
          font-size: 14px;
          line-height: 20px;
     }

     .support-page .account-box h4 {
          font-size: 20px;
          line-height: 28px;
          margin-bottom: 12px;
     }

     .faq-box {
          grid-gap: 20px 19px;
     }

     .faq-contact-description p {
          font-size: 14px;
          line-height: 22px;
          margin-bottom: 20px;
     }

     .faq-contact {
          display: block;
     }

     .faq-desciption p {
          font-size: 14px;
          line-height: 20px;
     }

     .inputs-group {
          flex-wrap: wrap;
          grid-gap: 24px;
     }

     .inputs-group .form-control {
          max-width: 100%;
     }

     .card-wrapper {
          flex-direction: column;
     }

     .breacrumbs {
          flex-wrap: wrap;
     }

     .card-wrapper .metric-card {
          width: 100%;
     }

     .detail-box .table {
          width: 575px;
     }

     .login-left-inner {
          padding: 36px 20px;
     }

     .account-box-heading {
          flex-wrap: wrap;
          grid-gap: 16px;
     }

     .account-page .account-box .feed-table .table {
          width: 575px;
     }

     .header-right-side .form {
          flex-wrap: wrap;
     }

     .account-box .pagination {
          padding: 14px 14px 18px;
          flex-wrap: wrap;
          justify-content: center;
          grid-gap: 14px;
     }
}

@media (max-width: 375px) {}