/* Mobile layout fixes loaded after theme.min.css */

@media (max-width: 767.98px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  #main-body > .container,
  .tt-page-header .container,
  .tt-footer .container,
  #pricingSection .container,
  .tt-services .container,
  .tt-testimonial .container,
  .tt-account-link .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #pricingSection .row,
  .tiles .row,
  .client-home-cards .row,
  .primary-content .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #pricingSection .row > [class*="col-"],
  .tiles .row > [class*="col-"],
  .client-home-cards .row > [class*="col-"],
  .primary-content .row > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .tiles .tile,
  .tt-price-single,
  .client-home-cards .card,
  .primary-content .card,
  .sidebar .card-sidebar,
  .store-order-container,
  .store-order-container .store-domain-tab-content,
  .product-details-tab-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .tt-price-single,
  .tiles .tile,
  .client-home-cards .card,
  .primary-content .card {
    margin-bottom: 12px !important;
  }

  .tt-price-single {
    display: block !important;
    padding: 20px 16px !important;
  }

  .tt-order-grid {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  .tiles .tile {
    min-height: auto !important;
  }

  .responsive-tabs-sm,
  .store-order-container .store-domain-tabs {
    width: 100% !important;
    max-width: 100% !important;
    border: 0 !important;
    background: transparent !important;
  }

  .responsive-tabs-sm .nav-item,
  .store-order-container .store-domain-tabs .nav-item,
  .responsive-tabs-sm .nav-item a,
  .store-order-container .store-domain-tabs .nav-item a {
    width: 100% !important;
    max-width: 100% !important;
  }

  .responsive-tabs-sm-connector {
    display: none !important;
  }

  .store-order-container .btn,
  .product-actions-wrapper .btn,
  .tt-price-single .btn {
    width: 100% !important;
    display: block !important;
  }

  .sidebar,
  .sidebar-secondary,
  .primary-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .card,
  .tile,
  .tt-price-single,
  .store-order-container,
  .product-details-tab-container,
  .sidebar .card-sidebar {
    box-sizing: border-box !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .tt-order-grid {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  #pricingSection .row > .col-lg-4,
  #pricingSection .row > .col-md-6,
  .tiles .row > .col-md-6,
  .client-home-cards .row > .col-md-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}