﻿@media screen and (max-width: 1200px)
{
    .page-master .master-header .master-header-container { margin-left: 7.5rem !important; }
    .page-master .master-main { width: calc(100% - 7.5rem) !important; margin-left: 7.5rem !important; }
}

@media screen and (max-width: 1100px)
{
    .page-master .master-header .master-header-container > .btn { margin-left: 2.4rem; }
}

@media screen and (max-width: 992px)
{
    .template .template-sidebar { width: auto; }
    .template .template-sidebar .template-sidebar-menu { flex-direction: row; overflow-x: auto; scroll-behavior: smooth; }
    .template .template-content { width: 100%; flex: auto; }

    .page-statistics .template-content .template-content-visits { flex-direction: column; }
    .page-statistics .template-content .template-content-visits .is-cities { width: 100%; }
}

@media screen and (max-width: 768px)
{
    .form.is-inline .form-field { flex-wrap: nowrap; flex-direction: column; align-items: initial; border-bottom: 0; padding-bottom: 0; }
    .form.is-inline .form-field .wid-50 { width: 100%; }
    .form.is-inline .form-field .form-field-text, .form.is-inline .form-field .form-field-textarea, .form.is-inline .form-field .form-field-select { width: 100%; }
    .form.is-inline .form-field .form-field-name { margin-bottom: .8rem; padding-right: 0; }
    .form.is-inline .form-field.is-link > span { margin: 2.85rem 0 0 .05rem; }
    .form.is-inline .form-field.is-prefix div { width: auto; }
    .form.is-inline .form-field.is-prefix div .form-field-text, .form.is-inline .form-field.is-prefix div .form-field-textarea, .form.is-inline .form-field.is-prefix div .form-field-select { width: 100%; }
    .form.is-inline .form-field .form-field-warning { width: auto; margin-left: 0; }
    .form.is-inline .form-field .form-field-error { width: auto; margin-left: 0; }
    .form.is-inline .form-field.is-more-check .form-field-checkbox { margin-left: 0; }
    .modal .modal-container { max-height: calc(100% - 3.2rem); margin-right: 1.6rem; margin-left: 1.6rem; }
    .modal .modal-container .modal-container-title { padding: 1.2rem 1.6rem; }
    .modal .modal-container .modal-container-content { padding: 1.6rem; }
    .modal .modal-container .modal-container-content .form { margin-top: 1.6rem; }
    .pagination { flex-direction: column; }
    .table { border: none; overflow: initial; }
    .table .table-header { display: none; }
    .table .table-items { display: flex; gap: 1.6rem; flex-direction: column; }
    .table .table-items .table-items-item { border: 1px solid var(--color-border) !important; border-radius: .6rem; padding: 0; align-items: initial; }
    .table .table-items .table-items-item > div:nth-child(2) { padding-left: 0; }
    .table .table-items .table-items-item > div:last-child { padding-right: 0; border-bottom: 0; }
    .table .table-items .table-items-item > div:nth-last-child(2) { border-bottom: 0; }
    .table .table-items .table-items-item > div.is-center { justify-content: flex-start; }
    .table .table-items .table-items-empty { padding: 1.6rem; }
    .table .table-items .table-items-item .wid-10, .table .table-items .table-items-item .wid-20, .table .table-items .table-items-item .wid-30, .table .table-items .table-items-item .wid-40, .table .table-items .table-items-item .wid-50, .table .table-items .table-items-item .wid-60, .table .table-items .table-items-item .wid-70, .table .table-items .table-items-item .wid-80, .table .table-items .table-items-item .wid-90, .table .table-items .table-items-item .wid-100 { width: 60%; border-bottom: 1px solid var(--color-border); padding: 1rem 1.6rem 1rem 0; }
    .table .table-items .table-items-item .is-title { display: flex; }
    .toast.is-active { top: 1.6rem; }

    .page-login .login-container { margin: 1.6rem; }

    .template { gap: 1.6rem; padding: 1.6rem; }
    .template .template-sidebar { padding: .8rem; }
    .template .template-content .template-content-container .template-content-container-header { padding: 1.6rem; }
    .template .template-content .template-content-container .template-content-container-content { padding: 1.6rem; }
    .template .template-content .template-content-container .btn-container { padding: 1.6rem; }

    .page-master .master-sidebar { gap: 1.6rem; }
    .page-master .master-sidebar .master-sidebar-user { margin-bottom: 1.6rem; }
    .page-master .master-header .master-header-container { padding: 0 1.6rem; }
    .page-master.is-mini .master-sidebar .master-sidebar-user { margin-bottom: 1.6rem; }

    .page-signature .template-content .template-content-plan { padding: 1.6rem; margin-bottom: 1.6rem; }
    .page-signature .template-content .template-content-plan .template-content-plan-details { flex-direction: column; }
    .page-signature .template-content .template-content-plan .template-content-plan-details .template-content-plan-details-credits { text-align: left; }

    .page-statistics { padding: 1.6rem; }
    .page-statistics .template-content .template-content-stats { gap: 1.6rem; }
    .page-statistics .template-content .template-content-stats .template-content-stats-item { padding: 1.6rem; width: calc(50% - .8rem); }
    .page-statistics .template-content .template-content-visits { gap: 1.6rem; margin-top: 1.6rem; }
    .page-statistics .template-content .template-content-visits .is-chart #chartVisits .is-loading { padding: 1.6rem; }
    .page-statistics.is-onboarding .template-content .template-content-container .template-content-container-content .template-content-container-content-onboarding .template-content-container-content-onboarding-checklist li { padding: 1rem 1.6rem; }

    .page-products .template-content .template-content-container.js-tab3 .template-content-container-content .template-content-container-content-images .template-content-container-content-images-image { width: calc(25% - .6rem); }

    .page-settings .template-content .template-content-container.js-tab3 .template-content-container-content .template-content-container-content-domain { padding-top: 1.6rem; margin-top: 1.6rem; flex-direction: column; gap: .8rem; }
    .page-settings .template-content .template-content-container.js-tab3 .template-content-container-content .template-content-container-content-domain .wid-50 { width: 100%; }
    .page-settings .template-content .template-content-container.js-tab3 .template-content-container-content .template-content-container-content-domain p { padding-right: 1.6rem; }
    .modal-domain .modal-container .modal-container-progress { padding: 1.6rem 1.6rem 0 1.6rem; }

    .error .error-container { margin: 1.6rem; }
}

@media screen and (max-width: 576px)
{
    .page-login .login-container { padding: 2.4rem; }
    .page-login .login-container img { margin-bottom: 2.4rem; }
    .page-login .login-container .form { margin-top: 1.6rem; }

    .template .template-content .template-content-container .template-content-container-header { flex-direction: column; align-items: flex-start; gap: .8rem; }

    .page-master .master-sidebar .master-sidebar-logo-menu {  }
    .page-master .master-header .master-header-container { margin-left: 0 !important; justify-content: right; }
    .page-master .master-header .master-header-container > .btn { margin-left: 0; width: 4rem; height: 4rem; }
    .page-master .master-header .master-header-container > .btn span { display: none; }
    .page-master.is-mini .master-sidebar { left: -7.5rem; }
    .page-master.is-mini .master-sidebar .master-sidebar-logo-menu { left: 9.1rem; border-radius: .6rem; border: 1px solid var(--color-border); }
    .page-master .master-main { width: 100% !important; margin-left: 0 !important; }

    .page-statistics .template-content .template-content-stats .template-content-stats-item { width: 100%; }

    .page-products .template-content .template-content-container.js-tab3 .template-content-container-content .template-content-container-content-images .template-content-container-content-images-image { width: calc(50% - .4rem); }
}