/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .lang ul {
        margin-left: 0;
    }
    .item a img {
        display: block;
        width: 100%;
        position: relative;
        top: -20%;
    }
    .wrap-menu {
        float: left;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    header {
        margin-top: 0;
    }
    .logo {
        top: 0;
    }
    .logo a img {
        width: auto;
        height: 80px;
    }
    .lang ul {
        margin-left: 0;
    }

    .lang ul li a img {
        width: 22px;
    }

    .menu ul {
        text-align: center;
        text-align-last: center;
        padding-top: 55px;
    }
    .menu ul li {
        text-align: center;
    }

    .menu {
        z-index: 100;
    }
    .menu ul {
        display: none;
        background: #d3d5d5;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .menu ul li {
        width: 100%;
    }
    .menu a#pull{
        display: block;
        font-size: 14px;
        font-weight: bold;
        color: #333;
        text-decoration: none;
        padding: 10px 3%;
        width: 100%;
        position: relative;
        z-index: 100;
    }

    /*Кнопка адаптивног меню*/
    #sandwich {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 22px;
        right: 0;
    }
    .sw-topper {
        position: relative;
        top: 0;
        width: 50px;
        height: 5px;
        background: #27660f;
        border: none;
        border-radius: 4px 4px 4px 4px;
        transition: transform 0.5s, top 0.2s;
    }
    .sw-bottom {
        position: relative;
        width: 50px;
        height: 5px;
        top: 10px;
        background: #27660f;
        border: none;
        border-radius: 4px 4px 4px 4px;
        transition: transform 0.5s, top 0.2s;
        transition-delay: 0.2s, 0s;
    }
    .sw-footer {
        position: relative;
        width: 50px;
        height: 5px;
        top: 20px;
        background: #27660f;
        border: none;
        border-radius: 4px 4px 4px 4px;
        transition: all 0.5s;
        transition-delay: 0.1s;
    }
    #sandwich.active .sw-topper {
        top: 7px;
        transform: rotate(140deg);
    }
    #sandwich.active .sw-bottom {
        top: 2px;
        transform: rotate(-140deg);
    }
    #sandwich.active .sw-footer {
        opacity: 0;
        top: 0;
        transform: rotate(180deg);
    }

    /*Страница инфо*/
    .top-contact {
        margin-top: 60px;
    }
    .top-info .item {
        width: auto;
        height: auto;
    }
    .country {
        margin-bottom: 20px;
    }

    .item a.active img,
    .item a:hover img {
        display: block;
    }

    .country p.mail {
        margin-bottom: 10px;
    }

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    #owl .owl-buttons .owl-prev {
        left: -20px;
    }
    #owl .owl-buttons .owl-next {
        right: -20px;
    }
    .post-info {
        height: auto;
        overflow: auto;
        margin: 0 auto 20px;
    }


}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 600px) {
    .logo {
        top: auto;
        bottom: 10px;
    }
    /*Слайдер*/
    .item a img {
        top: 0;
    }
    .item {
        margin: 0 30px 30px;
    }
    .slider-post .owl-buttons .owl-prev {
        left: -20px;
    }
    .slider-post .owl-buttons .owl-next {
        right: -20px;
    }
    /*Страница инфо*/
    .top-info .slide-img {
        height: 150px;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .logo {
        top: 10px;
        bottom: auto;
    }

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}