/* Continuous sizing down to a 180 CSS-pixel viewport. Load last. */
:root { --fluid-gutter: clamp(8px, 2.5vw, 30px); --fluid-space: clamp(10px, 3vw, 36px); }
*, *::before, *::after { box-sizing: border-box; }
body { overflow-wrap: anywhere; }
img, video, iframe, svg { max-width: 100%; }
input, select, textarea { min-width: 0; max-width: 100%; }
.row > *, .featured-content, .git-category-row > *, .git-vendor-heading > * { min-width: 0; }
.ttm-btn, button, .back-link { overflow-wrap: anywhere; white-space: normal; }
/* Button dimensions follow their available container width. */
:is(.ttm-btn, .package_button, .submit-order, .privacy-confirm, .domain-checker__button) {
  box-sizing: border-box; min-width: 0; max-width: 100%; height: auto;
  white-space: normal; overflow-wrap: anywhere; text-align: center; line-height: 1.45;
}
@media (max-width: 767px) {
  :is(.ttm-btn, .package_button, .submit-order, .privacy-confirm, .domain-checker__button),
  .site-main a.ttm-btn.btn-inline.ttm-btn-color-skincolor {
    font-size: clamp(12px, calc(10.5px + .65vw), 15px);
    padding: clamp(8px, 1.7vw, 13px) clamp(8px, 3vw, 22px);
    min-height: 36px; gap: clamp(4px, 1vw, 10px);
  }
  .submit-area { padding: var(--fluid-space); gap: var(--fluid-space); }
  .submit-area > * { min-width: 0; max-width: 100%; }
    .ttm-history-box-details {
  height: 300px;
}
}
@media (max-width: 360px) {
  .site-main a.ttm-btn.btn-inline.ttm-btn-color-skincolor,
  .ttm-btn:not(.rs-layer), .package_button, .submit-order, .privacy-confirm, .domain-checker__button { width: 100%; }
  .ttm-btn:not(.rs-layer) { margin-left: 0; margin-right: 0; }
  .ttm-btn i, .submit-order i { flex-shrink: 0; }
  .ttm-history-box-details {
  height: 300px;
}
}
@media (max-width: 1199px) {
  .container, .container-fluid { padding-left: var(--fluid-gutter); padding-right: var(--fluid-gutter); }
  .row { margin-left: calc(-1 * var(--fluid-gutter)); margin-right: calc(-1 * var(--fluid-gutter)); }
  .row > [class*="col-"] { padding-left: var(--fluid-gutter); padding-right: var(--fluid-gutter); }
  .site-header-menu-inner > .container { min-height: clamp(64px, 10vw, 90px); }
  .site-header-menu-inner .site-branding { min-width: 0; margin-right: clamp(6px, 2vw, 16px); max-width: calc(100% - 50px); }
  .site-branding img { width: auto; max-width: 100%; height: auto; }
  #site-header-menu #site-navigation .menu a, #menu .git-brand-trigger { white-space: normal; overflow-wrap: anywhere; }
  #site-header-menu #site-navigation .menu.active { max-height: calc(100dvh - 72px); }
    .ttm-history-box-details {
  height: 300px;
}
}
@media (max-width: 767px) {
  body { font-size: clamp(13px, calc(11.9px + .6vw), 16px); line-height: 1.65; }
  h1, .order-title h1, .ttm-page-title-row h1.title, .git-directory-title h1, .git-vendor-heading h1 { font-size: clamp(20px, calc(15px + 3vw), 38px); line-height: 1.25; }
  h2, .section-title h2.title, .hosting_content_h3, .git-logo-heading h2, .git-vendor-detail h2 { font-size: clamp(18px, calc(14px + 2.5vw), 32px); line-height: 1.3; }
  h3, .git-category-banner, .git-category-contact h2 { font-size: clamp(17px, calc(14px + 1.5vw), 25px); line-height: 1.35; }
  h4, h5, .featured-title h5, .contact-page .featured-title h5, .git-category-title h2, .form-card h2 { font-size: clamp(16px, calc(14px + 1vw), 21px); line-height: 1.4; }
  .site-main > .ttm-row, .ttm-page-title-row { padding-top: clamp(20px, 5vw, 40px); padding-bottom: clamp(20px, 5vw, 40px); }
  .site-main .col-lg-6a, .security_raw, .ttm-service-description, .git-vendor-detail, .form-card,
  .domain-checker, .service-prices, .git-category-row, .git-category-banner, .git-category-contact { padding: var(--fluid-space); }
  .site-main p, .site-main .featured-desc p, .contact-page .featured-desc p, .footer .second-footer p { text-align: justify; }
  .ttm-btn, .site-main a.ttm-btn.btn-inline.ttm-btn-color-skincolor { padding: clamp(8px, 2vw, 13px) clamp(8px, 3vw, 22px); max-width: 100%; font-size: clamp(12px, calc(11px + .5vw), 15px); }
  .footer .first-footer .featured-icon-box, .first-footer .featured-icon-box.left-icon { margin: 16px 0; }
  .footer .first-footer .featured-content, .footer .second-footer .featured-content { min-width: 0; }
  .contact-page .featured-icon-box.style2 { padding: var(--fluid-space); gap: clamp(8px, 2vw, 18px); }
  .contact-page .featured-desc p, .footer .second-footer p, .footer .second-footer a { font-size: inherit; }
  .hosting_content { width: 100%; padding-left: var(--fluid-gutter); padding-right: var(--fluid-gutter); }
  .hosting_packages, .order-grid, .fields-grid, .package-summary { gap: clamp(8px, 2vw, 24px); }
  .domain-checker__button { min-width: 0; height: auto; min-height: 44px; padding: 10px; }
  .package_header h4 { white-space: normal; }
  .order-logo { min-width: 0; max-width: 100%; }
  .order-logo img { max-width: 100%; height: auto; }
  .git-category-title p { margin-left: 0; }
  .git-category-title h2 { flex-wrap: wrap; }
  .git-category-title h2 i { flex-shrink: 0; }
  .git-directory-title { margin-top: clamp(24px, 6vw, 46px); }
  .git-category-cards { grid-template-columns: repeat(auto-fit, minmax(min(100%, 130px), 1fr)); }
  .git-category-directory a.git-directory-tile { padding: clamp(8px, 2vw, 18px); }
  .git-category-contact, .git-vendor-heading { gap: var(--fluid-space); }
  [class*="spacing-"] { padding-left: var(--fluid-space); padding-right: var(--fluid-space); }
  #menu .git-logo-panel { padding: var(--fluid-space); }
  .git-logo-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 120px), 1fr)); }
    .ttm-history-box-details {
  height: 300px;
}
}
@media (max-width: 360px) {
  .site-main [class*="pr-"], .site-main [class*="pl-"], .site-main [class*="res-767-pr-"], .site-main [class*="res-767-pl-"] { padding-left: var(--fluid-gutter) !important; padding-right: var(--fluid-gutter) !important; }
  .featured-icon-box.style1, .featured-imagebox .featured-content { padding: var(--fluid-space); }
  .contact-page .featured-icon-box.style2, .featured-icon-box.left-icon { display: flex; flex-direction: column; align-items: flex-start; }
  .featured-icon-box.left-icon .featured-icon, .featured-icon-box.left-icon .featured-content { display: block; width: 100%; padding-left: 0; padding-right: 0; }
  .featured-icon-box.left-icon .featured-icon { position: static; margin-bottom: 8px; }
  .hosting_packages, .order-grid, .fields-grid, .package-summary, .git-category-cards, .git-logo-grid { grid-template-columns: minmax(0, 1fr); }
  .form-card h2, .git-category-title h2 { flex-direction: column; align-items: flex-start; }
  .package-summary > div { padding: 10px 8px; }
  .menu_security { width: 100%; margin-left: 0; margin-right: 0; }
  .menu_h { padding-left: 0; padding-right: 0; }
  .privacy-modal-header, .privacy-modal-footer, .privacy-scroll { padding: 12px 8px; }
  .privacy-modal-header { gap: 6px; }
  #site-header-menu #site-navigation .menu ul li a, #menu .git-brand-trigger { padding-left: 10px; padding-right: 24px; }
  .git-brand-bottom { flex-direction: column; align-items: flex-start; }
  #totop { right: 8px; bottom: 8px; }
    .ttm-history-box-details {
  height: 300px;
}
}
/* Revolution scales inline button styles against a 480px design grid.
   Anchor mobile action layers to the real slide instead of that grid. */
#rev_slider_1_1 a.ttm-btn.rs-layer { max-width: none !important; }
/* Center the footer address and its contact action. */
.footer .first-footer .featured-icon-box.left-icon {
  display: flex; flex-direction: column; align-items: center; text-align: center;
}
.footer .first-footer .featured-icon-box.left-icon .featured-icon,
.footer .first-footer .featured-icon-box.left-icon .featured-content {
  display: block; width: 100%; padding-left: 0; padding-right: 0; text-align: center;
}
.footer .first-footer .featured-icon-box.left-icon .ttm-icon { margin-left: auto; margin-right: auto; }
.footer .first-footer .featured-icon-box.left-icon .featured-desc p { text-align: center; }
.footer .first-footer .text-sm-right { text-align: center !important; }
.footer .first-footer a.ttm-btn { display: inline-flex; justify-content: center; align-items: center; gap: 8px; }
.footer .first-footer a.ttm-btn i {
  position: static; inset: auto; transform: none; margin: 0; padding: 0;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 1em; line-height: 1; width: 1em; height: 1em; flex: 0 0 1em;
}
@media (max-width: 479px) {
  rs-fullwidth-wrap:has(#rev_slider_1_1), #rev_slider_1_1_wrapper, #rev_slider_1_1,
  #rev_slider_1_1 > rs-slides, #rev_slider_1_1 rs-slide { min-height: clamp(280px, 75vw, 360px) !important; }
  #rev_slider_1_1 rs-layer-wrap:has(a.ttm-btn) {
    position: absolute !important; left: 8px !important; right: 8px !important;
    top: auto !important; bottom: 16px !important; width: auto !important;
    height: auto !important; transform: none !important;
  }
  #rev_slider_1_1 rs-layer-wrap:has(a.ttm-btn-bgcolor-skincolor) { bottom: 62px !important; }
  #rev_slider_1_1 rs-layer-wrap:has(a.ttm-btn) rs-mask-wrap,
  #rev_slider_1_1 rs-layer-wrap:has(a.ttm-btn) rs-loop-wrap {
    position: relative !important; display: block !important;
    width: 100% !important; height: auto !important; transform: none !important;
  }
  #rev_slider_1_1 a.ttm-btn.rs-layer {
    display: flex !important; align-items: center; justify-content: center;
    width: 100% !important; max-width: 100% !important; min-width: 0 !important;
    height: auto !important; min-height: 38px !important; margin: 0 !important;
    padding: 8px clamp(8px, 3vw, 14px) !important;
    font-size: clamp(12px, 3vw, 14px) !important; line-height: 1.4 !important;
    white-space: normal !important; overflow-wrap: anywhere;
  }
}