@media only screen
and (min-width: 0px)
and (max-width: 1140px) {

    .pagecontainer {
        width:100%;
    }

}

@media only screen
and (min-width: 0px)
and (max-width: 1050px) {
    .galeriaimage {
        width: 200px;
        height: 150px;
    }

    .menucell {
        display: none;
    }

    .menucontainer_hamburger {
        text-align: left;
        display:table-cell;
    }

    .companylogo {
        height:60px;
    }

    .logocell {
        padding:20px 15px;
        width:10px;
        white-space: nowrap;
    }

    .commcell1 {
        display:inline;
        width:auto;
        padding:50px 60px;
    }

    .commcell2 {
        display:inline;
        width:auto;
        text-align: center;
        padding:50px 60px;
        border-left:0px;
        vertical-align: top;
    }

    .laborakcioimage {
        width: auto;
        max-width: 300px;
        padding-top:30px;
    }
}

@media only screen
and (min-width: 0px)
and (max-width: 900px) {
    #headerslider {
        height:400px;
    }

    #slidercontent {
        transform: scale(.7);
    }

    #info_addr {
        display: none;
    }

    .xmaspad {
        max-width:700px;
        margin:40px auto 50px auto;
        text-align: justify;
        padding:0px 150px 0px 20px;
    }

    .leftpanel {
        padding: 0px 20px;
    }

    .footercell {
        display:inline;
    }
    .footer_head {
        padding-top: 20px;
    }

}

@media only screen
and (min-width: 0px)
and (max-width: 600px) {
    .offerleftbox {
        display: none;
    }

}

@media only screen
and (min-width: 0px)
and (max-width: 700px) {
    .mapoverlay {
        position:inherit;
        margin-top:0px;
        background:#002c5b;
        width:100%;
        height:inherit;
        color:#9faab6;
        padding:20px;
        font-weight: 500;
        box-sizing: border-box;
    }

    .mapkapcssection {
        display:none;
    }

    .rightpanel {
        display: none;
    }
}

@media only screen
and (min-width: 0px)
and (max-width: 1100px) {
    .galeriaimage {
        width: 240px;
        height: 170px;
    }
}

@media only screen
and (min-width: 0px)
and (max-width: 900px) {
    .galeriaimage {
        width: 310px;
        height: 180px;
    }
}
