/* din bootstrap */
@media (min-width: 576px) {.container {width: 100%; margin: auto; max-width: 550px; text-align: left;}}
@media (min-width: 768px) {.container {max-width: 720px;}}
@media (min-width: 992px) {.container {max-width: 960px;}}
@media (min-width: 1200px) {.container {max-width: 1140px;}}
@media (min-width: 1400px) {.container {max-width: 1320px;}}


@media (max-width: 1400px) {
    .galerie-foto {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 992px) {
    .galerie-foto {grid-template-columns: repeat(1, 1fr);}
}
@media (max-width: 768px) {
    #container {padding: 150px 4% 30px 4%;}
    .meniu-mob {
        position: absolute; top: 107px; right: 4%;
        width: 34px; height: 34px;
    }
    .meniu-mob span {
        display: block;
        position: absolute; left: 0;
        width: 100%; height: 3px;
        background: #000;
        border-radius: 100px;
        transition: all 0.5s;
    }
    .mob1 {top: 0;}
    .mob2 {top: 10px;}
    .mob3 {top: 20px;}

    .active .mob2 {display: none;}
    .active .mob1 {
        transform: rotate(45deg);
        top: 50%;
    }
    .active .mob3 {
        transform: rotate(-45deg);
        top: 50%;
    }

    #sigla {left: 0;}
    .ani {
        top: 98px; left: 4%;
        font-size: 20px;
    }
    #sigla img {width: 300px;}
    #topmenu {display: none;}
    #left {
        display: none;
        width: 100%;
        margin: 0 0 30px 0;
        padding: 0;
    }
    #left li {width: 100%;}
    #left li a {width: 100%;}
    #left li.activ a {width: 100%;}
    #content {margin: 0;}
    #content.content-mai-lat {margin: 0;}

    h5, h6 {text-align: left;}
    #content p {text-align: left;}
    p img {
        float: none !important;
        margin: 0 !important;
        width: 100% !important;
    }

    #right {
        float: none;
        width: 100%;
        border-left: none;
        padding: 0;
    }
    #right li {width: 100%;}
    #right li.activ a {padding: 4px 0px;}
    #right li.stop a {padding: 4px 0 4px 10px;}

    .galerie-foto {grid-template-columns: repeat(2, 1fr);}
    .galerie-foto img {height: 60vw;}

    footer {margin: 50px 0 0 0;}
    footer ul li a {padding: 0; margin: 4px 10px}
}