/* Container */
.container {
    --container-max-width: 130rem;
    --container-margin: auto;
    
    margin-left: var(--container-margin);
    margin-right: var(--container-margin);
    width: calc(100% - (var(--padding-containers) * 2));
    max-width: var(--container-max-width);
}

.container-small {  --container-max-width: 96rem;   }
.container-medium { --container-max-width: 112rem;  }
.container-fluid {  --container-max-width: none;    --container-margin: 0;  }

@media (min-width: 576px)  { 
    .sm\:container {        --container-max-width: 130rem;  --container-margin: auto;   }
    .sm\:container-small {  --container-max-width: 96rem;   --container-margin: auto;   }
    .sm\:container-medium { --container-max-width: 112rem;  --container-margin: auto;   }
    .sm\:container-fluid {  --container-max-width: none;    --container-margin: 0;      }
}

@media (min-width: 768px)  { 
    .md\:container {        --container-max-width: 130rem;  --container-margin: auto;   }
    .md\:container-small {  --container-max-width: 96rem;   --container-margin: auto;   }
    .md\:container-medium { --container-max-width: 112rem;  --container-margin: auto;   }
    .md\:container-fluid {  --container-max-width: none;    --container-margin: 0;      }
}

@media (min-width: 1024px)  { 
    .lg\:container {        --container-max-width: 130rem;  --container-margin: auto;   }
    .lg\:container-small {  --container-max-width: 96rem;   --container-margin: auto;   }
    .lg\:container-medium { --container-max-width: 112rem;  --container-margin: auto;   }
    .lg\:container-fluid {  --container-max-width: none;    --container-margin: 0;      }
}

@media (min-width: 1280px)  { 
    .xl\:container {        --container-max-width: 130rem;  --container-margin: auto;   }
    .xl\:container-small {  --container-max-width: 96rem;   --container-margin: auto;   }
    .xl\:container-medium { --container-max-width: 112rem;  --container-margin: auto;   }
    .xl\:container-fluid {  --container-max-width: none;    --container-margin: 0;      }
}

@media (min-width: 1540px)  { 
    .xxl\:container {        --container-max-width: 130rem;  --container-margin: auto;   }
    .xxl\:container-small {  --container-max-width: 96rem;   --container-margin: auto;   }
    .xxl\:container-medium { --container-max-width: 112rem;  --container-margin: auto;   }
    .xxl\:container-fluid {  --container-max-width: none;    --container-margin: 0;      }
}