@media screen and (max-width: 1800px) {
    #logo-orszag-boltja-left, #logo-orszag-boltja-right {
        width: 15%;
    }
}

@media screen and (max-width: 1600px) {
    #logo-orszag-boltja-left, #logo-orszag-boltja-right {
        width: 12%;
    }
}

@media screen and (max-width: 1500px) {
    #logo-orszag-boltja-left, #logo-orszag-boltja-right {
        display: none;
    }
}

@media screen and (max-width: 1200px) {

    .thankyou_fb
    {
        width: 100%;
        overflow: hidden;
        margin-top: 50px;
    }

    .hirlevelbox
    {
        width: 95%;
    }


    .inputfloat_50
    {
        float: none;
        width: 100%;
    }

    .bal_nav
    {
        max-width: inherit;
        padding-left: 0;
        width: 100%;
        float: none;
    }

    .page_bigwhite
    {
        max-width: inherit;
        float: none;
        width: 96%;
    }


    #product_buypanel .section_price, #product_buypanel .section_quantity_stock, #product_buypanel .section_tocart
    {
        width: 100%;
        float: none;
        text-align: center;

    }

    #product_miertvalasszon_box, #product_miertvalasszon_title
    {
        display: none;
    }

    .productpage_leftsection, .productpage_rightsection
    {
        float: none !important;
        margin: 20px auto !important;
        width: 90% !important;
    }


    .partner
    {
        float: none !important;
        display: inline-block;
    }


    .pagetop_pad
    {
        height: 50px;
        width: 100%;
    }

    .slicknav_menu
    {
        position: relative;
        top:0;
        width: 100%;
        z-index: 19000;
        /*border-bottom: 2px solid #eee;*/
    }

    #webshop_navmenu_slick .slicknav_menu
    {
        position: relative;
        z-index: 18000;
        border-bottom: 2px solid #eee;
    }

    #webshop_navmenu_slick .slicknav_menu .slicknav_btn
    {
        float: left;
    }

    #webshop_categories, #webshop_productslist
    {
        width: 100%;

    }

    #webshop_productslist .numselector
    {
        display: none;
    }

    #webshop_navmenu
    {
        display: none;
    }

    #categoryFilterPanel
    {
        width: 100%;
    }

    .container_rightblock
    {
        float: none;
        width: 90%;
        margin: 20px auto;
        max-width: auto;
    }

    .container_article_right
    {
        float: none !important;
        width: 90% !important;
        margin: 20px auto !important;
    }


    #folyamat_text
    {
        display: block;
    }

    #home_bottom_banner
    {
        display: none;
    }

    .slideelement_text h2
    {
        font-size: 1.6em;
    }


    .slideelement_text p
    {
        font-size: 1.4em;
    }


    .container_left_m, .container_right_m, .container_full
    {
        width: 90%;
        margin: 20px auto;
        float: none;
    }

    #folyamat
    {
        display: none;
    }


    #header
    {
        margin-bottom: 10px;
        padding-bottom: 20px;
    }


    #respmenu_b {
        display:none !important;
    }

    #respmenu_a {
        display:none !important;
    }

    .slicknav_menu {
        display:block;
    }


    .clear_1200 {
        clear:both;
        display: block;
    }

    #home_slider
    {
        margin: 0 auto 20px;
        float: none;
        width: 90%;
        max-width: 780px;
    }

    #slideshow
    {
        width: 100%;
    }

    #home_hirlevelbox, #home_kerdezdbox
    {
        margin: 20px 20px auto auto;
        float: left;
        width: 46%;
    }

    .container_tab
    {
        max-width: 800px;
        margin: 20px auto;
    }

    #home_hirek
    {
        width: 100%;
        margin-top: 20px;
    }

    #home_rolunkmondtak
    {
        width: 95%;
        margin-top: 20px;
    }

    #home_miertvalasszon
    {
        width: 95%;
        margin-top: 20px;
        text-align: center;
    }

    #home_likebox
    {
        width: 90%;
    }

    .fb-like-box
    {
        margin: 0 auto;
        display: block !important;
        width: 370px;
    }

    #page_bottom_info .section
    {
        clear:both;
        width: 30%;
        margin: 20px auto;
        float: none;
    }

    #contactpage_info, #contactpage_form
    {
        width: 100%;
        margin: 0 auto;
        float: none;
    }

    #contactpage_form .fb-like-box
    {
        margin: 0 0 0 0;
    }

    #mainmenu ul li a
    {
        font-size: 1.2em;
    }
    #mainmenu > ul > li .sub div a{
        font-size: 1em;
    }


    #loginpage .loginsection
    {
        max-width: 100%;
        width: 100%;
    }

    .page_articlewhite, .page_fullwhite
    {
        margin: 0 auto;
        float: none;
        max-width: inherit;
    }

    #breadcrumbs
    {
        width: 95%;
    }


    #header_search_top_mobile{
        width: 235px;
        min-width: 230px;
    }

    .headbox1{
        width: 78px;
    }

    #search_topform{ }

    #header .fb-like {
        left: 680px;
    }

}

@media screen and (min-width: 1100px){

    #mainmenu > ul > li:hover .sub
    {
        display: flex;
    }
    #mainmenu > ul > li:hover .sub.new-menu
    {
        display: block;
    }
}


@media screen and (max-width: 960px) {
    #search_topform {
        left: 347px;
    }

    #header .fb-like {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    header .fb-like{
        display: none !important;
    }

    header .login{
        border-left: none;
    }

    #slider {
        width: 100%;
    }

    .deal-wrapper{
        width: 100%;
    }

    .slider-container{
        flex-wrap: wrap;
    }

    #categoryFilterPanel_table{
        display: none;
    }

    .categoryFilterPanel_table_tablet{
        width: 100%;
        display: table;
    }
    .categoryFilterPanel_table_tablet thead th{
        font-weight: bold;
        font-size: 14px;
        text-align: left;
    }

    .categoryFilterPanel_table_tablet th,
    .categoryFilterPanel_table_tablet td{
        position: relative;
    }

    .categoryFilterPanel_table_tablet td .legordulo.hasCustomSelect{
        width: 95% !important;
    }

    .categoryFilterPanel_table_tablet td span.customSelect.legordulo{
        display: block !important;
    }
}

@media screen and (max-width: 850px) {

    #header{
        display: none;
        margin: 0;
    }

    #content_frame{
        background-color: transparent;
    }

    .desktop{
        display: none !important;
    }

    .mobil{
        position: relative;
        display: block !important;
        background-color: white;
        width: 100%;
        padding-top: 10px;
    }
    /* Force table to not be like tables anymore */
    .kosarosszegzo table,
    .kosarosszegzo thead,
    .kosarosszegzo tbody,
    .kosarosszegzo th,
    .kosarosszegzo td,
    .kosarosszegzo tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .kosarosszegzo thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .kosarosszegzo tr { border: 1px solid #ccc; }

    .kosarosszegzo td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 130px;
        white-space: normal;
        text-align:left !important;
    }

    .kosarosszegzo td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    .kosarosszegzo td:before { white-space: pre; content: "\a" attr(data-title); }

    .pm
    {
        float: left;
    }

    .dbmezo
    {
        text-align: left;
        margin-left: 10px;
    }



    .fizetesi_elem
    {
        float: none;
        width: 90%;
    }

    .atvelem
    {
        border: 0;
        width: 90%;
        float: none;
        padding: 0;
        border-right: 0 !important;
        clear:both;
    }



    #webshop_productslist tr td:nth-child(4), #webshop_productslist tr th:nth-child(4)
    {
        display: none;
    }


    .slideelement_text h2
    {
        font-size: 1.2em;
        padding: 5px 20px 5px 5px;
    }


    .slideelement_text p
    {
        font-size: 1em;
        padding: 5px 20px 5px 5px;
    }


    #header
    {
        padding-bottom: 60px;
    }

    #logo, #headermenu, #header_info, #header_cart_status, #search_topform, #header_search_top_mobile
    {
        float: none;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        padding-top: 1px;
        display: block;
    }

    .head_txt1 {
        position: initial;
    }


    #header_search_top_mobile{
        min-width: 0;
        width: auto;
    }


    #header_info
    {
        text-align: center;
        background: none;
        margin-left: 0;
        padding: 20px;
    }

    #headermenu
    {
        max-width: 390px;
        width: 100%;
    }

    #headermenu ul
    {
        margin: 0;
        padding-left: 0;
        text-align: center;
    }

    #header{
        display: none;
        margin: 0;
    }

    .container_right_s
    {
        width: 90% !important;
        margin: 20px auto !important;
        float: none !important;
    }

    .slicknav_menu {
        display: block;
        float: left;
    }

    .item{
        width: 90% !important;
        float: none !important;
        margin: 0 auto !important;
        margin-bottom: 10px !important;
        text-align: center;
    }

    .nv, .se, .aj, .tr, .tx{
        display: block;
        width: 100% !important;
        text-align: left;
    }

    .item img{
        width: 100% !important;
        float: none !important;
        margin: 0 auto !important;
    }

    /*.midfixer{
        width: 90%;
    }*/

    .product{
        width: 240px;
    }

    .prev, .next{
        width: 3% !important;
        cursor: pointer;
    }

    #news li{
        float: none !important;
        width: 90% !important;
        margin: 0 auto 40px !important;
    }

    #news ul li .img{
        background-size: 100%;
        margin: 0 auto !important;
        height: 140px !important;
    }

    #news a{
        display: block;
    }

    #news .title{
        margin-top: 5px;
    }

    #newsletter .l{
        width: 90% !important;
        float: none !important;
        margin: 0 auto !important;
    }

    #newsletter .l form{
        text-align: center;
    }

    #newsletter input[type="email"], #newsletter input[type="text"]{
        width: 100% !important;
        background-color: white !important;
        border-radius: 0 !important;
        border: 1px solid #444 !important;
    }

    div.radio{
        text-align: left;
        width: 100%;
        height: auto !important;
    }

    span.m_fix{
        display: block;
        margin: 8px auto;
    }

    #newsletter input[type="submit"]{
        margin: 0 auto !important;
        width: 100%;
    }

    div.nyugi {
        font-size: 1.2em;
    }


    #footer .midfixer{
        font-size: 1.7em !important;
    }

    #footer .foot1{
        float: none !important;
    }

    div.dev_logo{
        width: 90%;
        margin-left: 30px;
    }

    div.dev_logo .webformance{
        position: relative !important;
        bottom: 0 !important;
    }

    div.m_header{
        text-align: center;
        border-bottom: 2px solid #16b8a3;
    }

    div.m_header img{
        width: 80%;
    }

    #testimonials, .new3products, #markak, #news, #newsletter{
        margin-bottom: 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        background-color: white;
        padding: 5px;
    }

    hr{
        display: none !important;
    }

    header hr, #reglayerform hr, #lostpass hr{
        display: block !important;
    }


    #price div:nth-child(2){
        margin: 0 !important;
    }

    .pics, .sheet{
        float: none !important;
        width: auto !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .prodtext{
        width: 90% !important;
    }

    .r{
        width:295px !important;
        margin-top: 20px;
        margin-right: auto;
        margin-left: auto;
        float: none !important;
        text-align: center;
    }

    #content_frame > div:not(.clearfix){
        background-color: white;
    }

    #content_frame #breadcrumbs{
        background-color: transparent;
    }

    #slidertabs a{
        font-size: 0.8em;

    }

    p{
        margin: auto 15px;
    }

    #testimonials p{
        margin-bottom: 10px;
    }

    .more{
        margin-bottom: 10px;
    }

    h1{
        font-style: italic;
        font-size: 2.5em;
    }

    #uspbox1 img{
        margin-left: 5px;
        margin-bottom: 10px;
    }

    #uspbox2{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        padding: 5px;
    }

    .product .pics .mainpic img{
        max-width: 95% !important;
    }

    .sheet{
        padding: 10px 5px;
    }

    #subproducts{
        width: 32%;
    }

    .amount{
        width: 22% !important;
    }

    .shippingpayment{
        padding: 10px 5px;
    }

    #slidertabs a{
        padding: 5px 0;
        height: 7em;
    }

    #sliderprev, #slidernext{
        height: 6.3em;
        background-color: #7D7D7D !important;
    }

    .accept-page h2{
        margin: auto 15px;
    }

    .accept-page .button-container{
        padding-bottom: 10px;
    }

    .accept-page .button-container .left,
    .accept-page .button-container .right{
        float: none;
        width: 90%;
        margin: 10px auto;
        text-align: center;
    }

    .accept-page .button-container input.button_red{
        width: 100%;
    }
}

@media screen and (max-width: 810px){
    #mainmenu > ul > li .sub.cats.new-menu{
        left: 120px;
    }
}

@media screen and (max-width: 800px) {

    .merettablazat-table {
        font-size: 1.4em;
    }

    .merettablazat-float {
        float: none;
    }

    .merettablazat-table td {
        padding: 2px 10px;
    }
}

@media screen and (max-width: 767px){
    header .pc{
        display: none;
    }

    header{
        height: 140px;
        position: absolute;
    }

    header .mobil{
        display: block !important;
        padding-top: 0;
    }

    header .mobil div.m_header img{
        width: auto;
    }
    header .mobil div.m_header{
        text-align: left;
        border: none;
    }
    header .mobil div.m_header a{
        display: block;
    }

    header .mobil div.m_header + hr.blue{
        margin-top: -7px;
        margin-bottom: 0;
    }

    header #mobil_menu{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-bottom: 2px solid #EEE;
        background: #fff;
        position: fixed;
        top:80px;
        width: 100%;
    }

    header #mobil_search{
        width: 615px;
    }

    header #header_search_top_mobile{
        display: inline-block;
    }

    header #mobil_search input[type=text]{
        width: calc(100% - 65px);
    }

    #content_frame{
        margin-top: 140px;
    }

    .featured-main-box{
        width: 100%;
    }

    .featured-main-box-image{
        text-align: center;
    }

    .featured-main-box-title{
        font-size: 16px;
    }

    .featured-main-box-text{
        font-size: 12px;
    }

    /*filter table*/
    #categoryFilterPanel_table{
        display: table;
        height: 0;
        -webkit-transition: height 2s;
        -moz-transition: height 2s;
        -o-transition: height 2s;
        transition: height 2s;
        overflow: hidden;
    }

    #filter-collapse.opened + #categoryFilterPanel_table{
        height: 425px;
    }

    .categoryFilterPanel_table_tablet{
        display: none;
    }

    table#categoryFilterPanel_table,
    #categoryFilterPanel_table thead,
    #categoryFilterPanel_table tbody,
    #categoryFilterPanel_table th,
    #categoryFilterPanel_table td,
    #categoryFilterPanel_table tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #categoryFilterPanel_table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    /*#categoryFilterPanel_table tr { border: 1px solid #ccc; }*/

    #categoryFilterPanel_table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 35%;
    }

    #categoryFilterPanel_table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 16px;
        left: 6px;
        width: 25%;
        padding-right: 10px;
        white-space: nowrap;
        font-size: 14px;
        font-weight: bold;
    }

    /*
    Label the data
    */

    td{
        vertical-align: middle;
    }

    #categoryFilterPanel_table td#brand:before { content: "Márka"; }
    #categoryFilterPanel_table td#cat:before { content: "Kategória"; }
    #categoryFilterPanel_table td#gender:before { content: "Nem"; }
    #categoryFilterPanel_table td#variant:before { content: "Méret"; }
    #categoryFilterPanel_table td#sort:before { content: "Rendezés"; }
    #categoryFilterPanel_table td#stock:before { content: "Készlet"; }
    #categoryFilterPanel_table td#price:before { content: "Ár"; }

    #categoryFilterPanel_table td, #categoryFilterPanel_table th{
        max-width: none;
        width: 65%;
    }

    #filter-collapse{
        display: block;
        margin: 10px auto;
        font-size: 14px;
        color: #1cb9a5;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
    }

    #filter-collapse .open,
    #filter-collapse .close{
        -webkit-transition: display 2s;
        -moz-transition: display 2s;
        -o-transition: display 2s;
        transition: display 2s;
    }

    #filter-collapse .close{
        display: none;
    }

    #filter-collapse.opened .close{
        display: inline;
    }

    #filter-collapse.opened .open{
        display: none;

    }

    #filter-collapse.opened i{
        transform: rotate(180deg);
    }

}

@media screen and (max-width: 565px){
    .products .hasSubProducts:hover{
        margin-bottom: 7em;
        min-height: 332px;
    }

    #cookie.mini .text{
        float: none;
        width: 90%;
        margin: auto;
        padding: 0;
        text-align: center;
    }

    #cookie.mini .btn-container{
        float: none;
        margin: 10px auto 0;
        width: 205px;
        padding: 0;
        text-align: center;
    }
}

@media screen and (max-width: 500px) {
    .featured-main-box-text-container {
        height: 120px;
    }

    .home_article_img
    {
        float: none;
        margin: 20px auto;
        height: auto;
    }

    #addresses_login
    {
        display: none;
    }

    .address_guest_container
    {
        width: 100%;
    }

    .address_mobile_login
    {
        display: block;
        margin-bottom: 20px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
    }

    #header_cart_status {
        width: 20%;
    }

    #breadcrumbs{
        margin-top: 0;
        padding-top: 5px;
    }

    .discount span{
        padding-top: 5px;
    }

    #uspbox1 ul{
        padding-top: 1px;
        padding-bottom: 1px;
    }

    #uspbox1 ul li{
        float: none;
        width: 100%;
        margin: 50px auto;
        margin-left: 5px;
    }

    #uspbox1{
        padding: 0;
    }

    .page_fullwhite #newsletter{
        width: 100% !important;
        padding-left: 0;
        padding-right: 0;
    }

    .bank_logo {
        position: initial;
        text-align: center;
    }

    .bank_logo img {
        max-width: 80%;
    }

    .aszf_list ul li .button a{
        font-size: 1.2em;
    }
}