/* Atsevišķs fails priekš @media*/
/* Šis layout ir Desktop first */
@media(max-width: 1000px){
    header .container {
        flex-direction: column;
        padding-top: 15px;
    }
    nav {
        width: 100%; 
        margin-top: 40px;
    }
    nav li {
        flex-grow: 1; /* nav 100% un li izvietojas pa visu ekrānu. Ar justify-content: space-between; pašai nav nestrādā */
    }
    nav a {
        text-align: center;
        padding: 56px 0; /* No malām tagad 0, jo tiek jau centrēts*/
    }
    #home {
        min-height: auto; /* Uz mazajiem ekrāniem nevajag konteineriem lielos tukšumus. Uzliek uz kontentu balstītus augstumus.*/
        padding: 40px 0;
    }
}

@media(max-width:800px){
    nav {
        display: none;
        margin-top: 0;
    }
    nav.open-menu {
        display: block;
    }
    nav ul {
        flex-direction: column;
    }
    nav a {
        padding: 20px 0;
        background: var(--green);
        color: var(--white);
        border-top: 2px solid var(--white);
    }
    nav a:hover {
        background: var(--green);
        opacity: 0.6;
        color: var(--darkgrey);
    }
    .menu-btn {
        display: flex;
    }
    .lang-icons {
        padding: 20px 0;
    }
    .home-title {
        font-size: 50px; /* Uz desktop bija 68px */
    }
    .header-container {
        padding-left: 0;
        padding-right: 0; /* Lai uz mobilo pogas ir pa visu platumu. */
    }
    .project-container {
        margin-top: 40px;
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .offers-container {
        display: flex;
        flex-direction: column;
    }
    #price {
        font-size: 16px;
    }
    .price-calculator-icon {
        min-width: 30px;
    }
    .offer-box .label-title i {
        font-size: 20px;
    }
    .offer-box .label-text {
        font-size: 16px;
    }
    .offer-box .label-text p {
        font-size: 14px;
    }
    .contacts-container {
        flex-direction: column;
    }
    .contact-info,
    .contact-form {
        width: 100%;
    }
    .socials .fb {
        background: #4267B2;
    }
    .socials .ig {
        background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
    }
    .socials .tt {
        background: #000;
    }
    .socials .in {
        background: #2867B2;
    }
    .socials .tw {
        background: #1DA1F2;
    }
    .mobile-header {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
        padding: 0 20px;
    }
    .footer-content {
        flex-direction: column;
        gap: 40px;
    }
}
/* Priekš mazākiem telefoniem */
@media(max-width:375px) {

}