@media only screen and (max-width: 985px) {
    
    /*  ----------  COMMON  ----------  */

    body {
        font-size: 20px;
        line-height: 28px;
    }
    
    h2 {
        font-size: 24px;
    }
    
    h3 {
        font-size: 20px;
    }
    
    .link-fw {
        white-space: normal;
    }
    
    .barbarpage .simple-text h2 {
        font-size: 48px;
    }
    
    /*  ----------  WRAPPER  ----------  */
    
    #wrapper .inner {
        margin: 0 auto;
        width: 100%;
        max-width: none;
        min-width: 0;
    }
    
    /*  ----------  HEADER  ----------  */
    
    #header, #header.fixed {
        height: 250px;
        margin-top: 0;
        position: absolute;    
        overflow: visible;
        background-color: transparent;
    }
    
    #header .inner {
        height: 250px;
        width: 100%;
        position: relative;
        min-width: 0;
    }
    
    #header .header-left {
        float: none;
        height: 102px;
        width: 100%;
        padding-top: 72px;
    }
    
    #header .header-left a, #header.fixed .header-left a {
        height: 81px;
        margin: 0 auto;
        width: 376px;
        background-image: url("../images/tablet/header-logo.png");
    }
    
    .barbarpage #header .header-left a, .barbarpage #header.fixed .header-left a {
        background-image: url("../images/tablet/header-logo-gold.png");
    }
    
    #header .header-right {
        width: 100%;
        height: 0;
    }
    
    /* languages and social */
    
    #header .languages,
    #header .social {
        float: none;
        position: absolute;
        top: 0;
        left: 5%;
        width: 51px;
        z-index: 1;
    }
    
    #header .languages {
        margin-right: 59px;
        padding-top: 89px;
    }
    
    #header .languages li,
    #header .social li {
        float: none;
        margin: 0;
    }
    
    #header .languages li a,
    #header .social li a  {
        width: 51px;
        height: 47px;
        font-size: 28px;
        line-height: 28px;
        padding-top: 42px;
    }
    
    #header .languages li a {
        height: auto;
        padding: 12px 0 5px 0;
    }
    
    #header .languages li.current {
        position: absolute;
        top: 0;
    }

    #header .languages li.current a {
        background-image: url("../images/tablet/flag-light.png");
        height: 47px;
        padding: 42px 0 0 0;
    }
    
    #header .social .facebook a {
        background-image: url("../images/tablet/flag-dark.png");
    }
    
    /* menu */
    
    #header .menu {
        position: absolute;
        float: none;
        width: 100%;
        background-color: rgba(255,255,255,1);
    }
    
    #header .menu.closed {
        height: 66px;
        overflow: hidden;
    }
    
    #header .menu.open {
        height: auto;
        overflow: visible;
    }
    
    #header .menu, #header.fixed .menu {
        margin-top: 0;
    }
    
    #header .menu li {
        float: none;
        padding: 13px 0;
        padding-left: 10px;
        margin-right: 0;
        border: 0 none;
        line-height: 28px;
        text-align: left;
        background-image: url("../images/tablet/menu-separator.png");
        background-repeat: no-repeat;
        background-position: center bottom;
        background: none;
    }
    
    #header .menu li.header {
        display: block;    
        background-color: #fff;
        height: 66px;
        line-height: 66px;
        background-image: none;
        padding: 0;
        margin-bottom: 8px;
        margin-right: 0;
        padding-left: 10px;
        position: relative;
        text-align: left;
    }
    
    #header .menu li.header a {
        text-transform: none;
        font-size: 32px;
        font-weight: normal;
        font-style: italic;
        font-family: Cambria;
    }
    
    #header .menu li.header .arrow {
        display: inline-block;
        width: 18px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: left top;
        /* position: absolute; */
        /* right: 23%; */
        /* top: 50%; */
        /* margin-top: -12px; */
        margin-left: 9px;
        background-size: contain;
    }
    
    #header .menu.closed li.header .arrow {
        background-image: url("../images/tablet/arrow-down-black.png");
    }

    #header .menu.open li.header .arrow {
        background-image: url("../images/tablet/arrow-up-black.png");
    }

    #header .menu li:last-child {
        margin: 0;
        background-image: none;
        margin-bottom: 20px;
    }

    #header .menu li a {
        display: block;
        font-size: 28px;
        text-align: center;
    }

    #header .menu li ul.level-2{
        position: relative;
        top: unset;
        left: unset;
        transform: none;
    }

    #header .menu li ul.level-2 li{
        margin: 8px 0;
        padding: 0;
    }

    #header .menu li:after,
    #header .menu li ul.level-2 li:before{
        display: none;
    }

    #header .menu li ul.level-2 li a{
        font-size: 18px;
    }
    
    /*  ----------  CONTENT  ----------  */
    
    #content {
        padding-bottom: 0;
        padding-top: 320px;
        width: 100%;
        max-width: 100%;
    }
    
    .mainpage #content {
        height: auto;
        background-image: none;
        max-width: none;
        width: 100%;
        padding-top: 250px;
        position: static;
    }
    
    #content .content-picure {
        margin-top: 66px;
        height: 482px;
        background-image: url("../images/slider/3.jpg");
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center;
    }
    
    #content .simple-text {
        margin-top: 66px;
    }
    
    #content .barbar-background {
        display: none;
    }
    
    /* mainpage panels */
    
    #content .panels {
        z-index: 3;
        position: static;
        height: auto !important;
    }
    
    #content .panels .arrow {
        display: none;
    }
    
    #content .panels .panel.closed {
        height: 66px;
        overflow: hidden;
    }
    
    #content .panels .panel.closed:last-child {
        height: 0;
    }
    
    #content .panels .panel.open {
        height: auto;
        overflow: visible;
    }
    
    #content .panels .panel, #content .panels .panel:last-child {
        width: 100%;
        float: none;
    }
    
    #content .panels .panel .header {
        line-height: 66px;
        height: 66px;
        padding: 0;
        background-color: #fff;
        color: #000;
        font-size: 40px;
        text-align: center;
        margin: 0;
        position: relative;
    }
    
    #content .panels .panel.news.block-2 .header,
    #content .panels .panel.news.block-1 .footer {
        display: none;
    }
    
    #content .panels .panel .header a {
        color: #000;
        display: block;
    }
    
    #content .panels .panel .header .arrow {
        display: block;
        width: 22px;
        height: 26px;
        position: absolute;
        top: 50%;
        right: 5%;
        margin-top: -13px;
    }
    
    #content .panels .panel.closed .header .arrow  {
        background-image: url("../images/tablet/arrow-down-black.png");
    }
    
    #content .panels .panel.open .header .arrow  {
        background-image: url("../images/tablet/arrow-up-black.png");
    }
    
    #content .panels .panel .content {
        background-color: transparent;
        padding: 48px 0 0 0;
        height: auto;    
        font-size: 20px;
        line-height: 24px;
        margin: 0 auto;
        width: 90%;
        position: relative;
        margin-bottom: 20px;
    }
    
    #content .panels .panel .content .news-img {
        margin: 0 0 24px -5%;
        width: 110%;
        max-height: 358px;
        height: auto;
    }
    
    #content .panels .panel .content .tip {
        width: 130px;
        height: 130px;
        background-image: url("../images/tablet/tip.png");
        margin-bottom: 20px;
    }
    
    #content .panels .panel .footer {
        height: 30px;
        line-height: 30px;
        text-align: right;
        padding: 0;
        font-size: 30px;
        margin: 0 auto;
        width: 90%;
        margin-bottom: 32px;
    }
    
    #content .panels .panel .footer a {
        color: #000;
        font-size: 30px;
        font-weight: 200;
    }
    
    #content .panels .panel.offer .content .bottle {
        float: right;
        display: block;
        margin: 24px 0 0 10px;    
        height: 477px;
        width: 110px;
    }
    
    #content .panels .panel.offer .content .bottle img {
        max-width: 110px;
        max-height: 477px;
    }
    
    #content .panels .panel.offer .content .bottle canvas {
        max-width: 110px;
    }
    
    #content .panels .panel .content h2 {
        font-size: 32px;
        line-height: 44px;
        font-weight: normal;
        text-transform: uppercase;
        margin-bottom: 20px;
    }
    
    #content .panels .panel.news .header {
        color: #DF3733;
    }
    
    #content .panels .panel .content .text {
        max-height: none;    
        overflow: hidden;
    }
    
    #content .panels .panel.news .content h2 {
        font-size: 24px;
        line-height: 30px;
    }
    
    #content .panels .panel.news .content p {
        margin: 0;
    }
    
    #content .panels .panel.offer .content p {
        font-size: 26px;
        line-height: 44px;
        margin-bottom: 20px;
    }
    
    #content .panels .panel.news .content {
        padding: 0;
    }
    
    #content .panels .panel .content .tumblr {
        position: static;
        margin-top: 22px !important;
        font-size: 15px;
        font-weight: normal;
    }
    
    #content .panels .panel .content .tumblr img {
        margin-bottom: 10px;
        width: 70px;
    }
    
    /* content blocks */
    
    #content .content-block {
        font-size: 20px;
    }
    
    #content .content-block .block-header {
        height: 600px;
    }
    
    #content .content-block .block-header .header-image {
        height: 600px;
        background-attachment: scroll;
    }
    
    #content .content-block .block-header .header-image .header-text .title {
        font-size: 48px;
        top: 260px;
    }
    
    #content .content-block .block-header .header-image .header-text.szekszard-block-1 .title {
        top: 100px;
    }
    
    #content .content-block .block-header .header-image .header-text.szekszard-block-2 .title {
        top: auto;
        bottom: 68px;
    }

    #content .content-block .block-header .header-image .header-text {
        font-size: 40px;
        /*background-image: url("../images/tablet/header-text-gradient.png");*/
    }
    
    #content .content-block .block-header .header-image .header-text .subtitle p {
        padding: 10px 0 15px 0;
        font-size: 28px;
    }
    
    /* content columns */
    
    #content .content-block .block-content .columns-three .column {
        width: 100%;
        float: none;
        margin-right: 0;
        font-size: 20px;
        line-height: 28px;
    }
    
    #content .content-block .block-content .columns-three .column h2,
    #content .content-block .block-content .columns-three .column h2.small  {
        font-size: 28px;
    }
    
    /*  ----------  FOOTER  ----------  */
    
    #footer {
        height: auto !important;
        position: relative;
        bottom: auto;
        left: auto;
        padding-top: 45px;
        background-color: transparent;
        box-shadow: none;
    }
    
    #footer .arrow {
        display: none;
    }
    
    #footer .inner {
        width: 100%;
        min-width: 0;
        background: #FFF;
    }
    
    #footer .panels {
        margin-top: 0;
        padding-bottom: 0;
        border: 0 none;
    }
    
    #footer .panels .panel {
        width: 100%;
        height: auto;
        float: none;
        margin-right: 0;
        border-right: 0 none;
        position: relative;
        padding: 0;
        font-size: 20px;
        line-height: 42px;
    }
    
    #footer .panels .panel.closed {
        /*height: 66px;*/
        /*overflow: hidden;*/
        height: auto;
        overflow: auto;
    }
    
    #footer .panels .panel.open {
        height: auto;
        overflow: visible;
    }
    
    #footer .panels .panel.map {
        background-image: url("../images/tablet/map-bg.jpg");
        background-repeat: no-repeat;
        background-position: center 66px;    
    }
    
    #footer .panels .panel.map .gps {
    }
    
    #footer .panels .panel.map .gmap {
        height: 195px;
    }
    
    #footer .panels .panel h2 {
        margin: 0;
        background-color: #fff;
        font-size: 40px;
        text-transform: none;
        font-weight: 200;
        font-style: italic;
        text-align: center;
        line-height: 66px;
        position: relative;
    }
    
    #footer .panels .panel h2 a {
        font-weight: 200;
        font-style: italic !important;
        display: block;
    }
    
    #footer .panels .panel h2 .arrow {
        display: block;
        width: 22px;
        height: 26px;
        position: absolute;
        top: 50%;
        right: 5%;
        margin-top: -13px;
    }
    
    #footer .panels .panel.closed h2 .arrow {
        background-image: url("../images/tablet/arrow-down-black.png");
    }
    
    #footer .panels .panel.open h2 .arrow {
        background-image: url("../images/tablet/arrow-up-black.png");
    }
    
    #footer .panels .panel .content {
        width: 90%;
        margin: 0 auto;
        padding: 45px 0 30px 0;
    }
    
    #footer .panels .panel .fb {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        margin-top: 55px;
    }
    
    #footer .panels .panel .fb .logo {
        width: 117px;
        height: 47px;
        background-image: url("../images/tablet/icon-footer-fb.png");
        background-repeat: no-repeat;
        float: left;
    }
    
    #footer .panels .panel .fb .arrow {
        width: 22px;
        height: 26px;
        background-image: url("../images/tablet/arrow-down-blue.png");
        background-repeat: no-repeat;
        float: right;
        margin-top: 30px;
    }
    
    #footer .panels .panel .fb .like {
        padding-top: 6px;    
    }
    
    #footer .copyright {
        width: 90%;
        margin: 0 auto;
        font-size: 20px;
        font-weight: 200;
        line-height: 20px;
        border-top: 1px solid #000;
        text-align: center;
        padding: 25px 0;
        margin-top: 40px;
    }
    
    #footer .copyright .admin {
        display: none;
    }
    
    #footer .panels .panel.purchase .purchase-box {
        display: block;
        float: left;
        width: 120px;
        margin: 0 20px 30px 0;
    }
    
    #footer .panels .panel.purchase .logo-bortarsasag {
        display: block;
        float: left;
        width: 120px;
        height: auto;
        margin: 10px 20px 30px 0;
    }
    
    #footer .panels .panel.purchase p {
        margin-bottom: 30px;
    }

    #footer .inner iframe {
        max-width: 100%;
        width: 100%;
        margin-top: -40px;
    }
    
    /*  ----------  GALLERY  ----------  */
    
    .layout.gallery-page #content {
        padding-top: 316px;
    }
    
    /*  ----------  JQUERY VEGAS  ----------  */
    
    .vegas-background {
        /*left: 0 !important;
        top: 250px !important;
        position: absolute !important;
        width: 100% !important;
        height: auto !important;
        max-height: 100%;
        max-width: 100%;
        z-index: 2 !important;
        min-height: 425px;*/
        display: none !important;
    }

    .one-by-four {
        width: 100%;
    }
    .one-by-four p {
        font-size: 16px;
    }

    /*  ----------  TUMBLR  ----------  */

    /* text */
    
    #content .panels .panel.news .content.regular .text {
        max-height: 96px;
    }
    
    /* photo */
    
    #content .panels .panel.news .content.photo .text {
        max-height: 48px;
    }
    
    /* link */
    
    #content .panels .panel.news .content.link .text {
        max-height: 96px;
    }
    
    /* video */
    
    #content .panels .panel.news .content.video .news-img iframe {
        display: block;
        width: 312px;
        height: 174px;    
    }
    
    #content .panels .panel.news .content.video .text {
        max-height: 48px;
    }
    
    /*  ----------  WINES  ----------  */

    /* list */
    
    #wines {
        margin-top: 66px;
        padding: 30px 0;
    }
    
    #wines h1 {
        font-size: 60px;
        margin-bottom: 40px;
    }
    
    #wines .wine-item {
        width: 46%;
        margin: 0 2% 40px 2% !important;
    }
    
    #wines .wine-item .name {
        font-size: 26px;
        line-height: 30px;
    }
    
    #wines .wine-item .short-description {
        font-size: 20px;    
        line-height: 28px;
    }
    
    /* detail */

    #wrapper #wines-detail {
        margin-top: 66px;    
        padding: 30px 0;
    }
    
    #wines-detail .picture {
        float: left;
        height: auto;
        width: 25%;
    }
    
    #wines-detail .picture .reflect {
        max-width: 80%;
    }
    
    #wines-detail .picture img,
    #wines-detail .picture canvas {
        width: 100%;
    }
    
    #wrapper #wines-detail .text {
        width: 75%;    
    }
    
    #wines-detail .short-description {
        font-size: 20px;
        line-height: 28px;
    }
    
    #wines-detail .description {
        font-size: 20px;
        line-height: 28px;    
    }
    
    #wines-detail .description p {
        margin-bottom: 28px;    
    }
    
    #wines-detail h1 {
        font-size: 44px;
        line-height: 46px;    
    }
    
    /* order */

    #wrapper #wines-order {
        margin-top: 66px;    
        padding: 30px 0;
    }
    
    #wines-order .header {
        margin-bottom: 30px;
    }
    
    #wines-order .header .box {
        width: 25%;
        margin: 0;
    }
    
    #wrapper #wines-order .header .text {
        width: 75%;    
    }
    
    #wines-order .wines .row {
        line-height: 28px;
        margin-bottom: 10px;
    }
    
    #wines-order .wines .column-1 {
        width: 50%;
        font-size: 20px;
    }
    
    #wines-order .wines .column-2 {
        font-size: 20px;
    }
    
    #wines-order .wines input[type="text"],
    #wrapper #wines-order .wines input[type="text"] {
        width: 24px;
        height: 24px;
        font-size: 20px;
    }
    
    #wines-order .wines .quantity-button {
        width: 28px;
        height: 28px;
    }
    
    #wines-order .form-description {
        margin: 30px 0;
    }
    
    #wines-order .row {
        margin-bottom: 15px;    
    }
    
    #wines-order label {
        float: none;
        width: auto;
        font-size: 18px;
        margin-bottom: 5px;
    }

    #wrapper #wines-order input[type="text"] {
        width: 98%;
        float: none;
        height: 28px;
        line-height: 28px;
        font-size: 20px;
    }

    .one-by-third {
        width: 33%;
    }
    .one-by-third h3 {
        font-size: 24px;
        line-height: 28px;
    }
    .one-by-third p {
        font-size: 16px;
    }

    #content .content-block .block-header .header-image .header-text .title.logisticsTitle {
        line-height: 58px;
        top: 150px;
    }
    #content .content-block .block-header .header-image .header-text .subtitle p.logisticsContent {
        font-size: 22px;
    }

    .agroQuoteForm dt {
        width: 30%;
    }
    #captcha-element,
    .agroQuoteForm select,
    .agroQuoteForm input[type="text"] {
        width: 200px;
    }


    #content .content-block .munkatars1 .block-header .header-image .header-text .title {
        line-height: 51px;
        top: 165px;
    }


    #content .content-block .raktar1 .block-header .header-image .header-text .title {
        font-size: 48px;
        line-height: 48px;
        top: 170px;
    }
    #barChart canvas {
        max-width: 100%;
        height: auto !important;
    }
    #infographics img {
        width: auto !important;
        height: auto;
        max-height: 100px;
    }
    #infographics .graph-element p {
        margin-top: 15px;
        font-size: 13px;
    }
    .infographicsAfter {
        height: 410px;
    }

    #content .content-block #agrar-kulkereskedelem .block-header .header-image .header-text h1.title {
        line-height: 62px;
        top: 180px;
    }



    #szolgaltatasok{
        position: relative;
    }
    #szolgaltatasok .background-image{
        height: 100%;
    }
}