@media screen and (max-width:800px)
{ 
    body {
        font-size:12px;
    }
    
    .mct {
        display:none;
    }

    .big {display: none;}
    .mobil {display: block;}
    input {outline: none;
    }

    input[type=checkbox] { 
        width:30px;
        height:30px;
        vertical-align: middle;
    }
    
/* ************************************* FŐOLDAL ************************************* */
    
    .num_in_basket {
        font-size:5vw;
        color:#fff;
    }    
    
    .top {
        position: absolute;
        width: 100%;
        background-color: #FFFFFF;
        position: fixed;
        top:0px;
        z-index:1000;
        border-bottom: 1px solid #223523;
        height:97px;
    }

    .mobil_menu_icon {
            float:right;
            padding:5px;
            font-size:35px;
            border:1px solid #FFF;
            background:#FFF;
            margin-right:10px;
            cursor:pointer;
            border-radius:5px;
    }
/* ************************************* Kereső ************************************* */
    .mobil_search {
            position:absolute;
            top:98px;
            position:fixed;
            background:#b4d8b4;
            width:100%;
            border-bottom:1px solid #000;
            text-align:center;
            z-index:3000;
            display: none;
    }
    .mobil_search form{
            background:#FFF;
            margin-top:10px;
            margin-bottom:10px;
            margin-left:10px;
            margin-right:10px;
            text-align:left;
            overflow:auto;

    }
    .mobil_search input{
            float:left;
            border:0px;
            padding:5px 10px 5px 15px;
            height:50px;
            font-size:20px;
            width:calc(100% - 50px);
    }
    .mobil_search button{
            float:right;
            height:50px;
            font-size:30px;
            margin-right:10px;
    }
/* ************************************* Menü ************************************* */    
    .mobil_menu {
            position:absolute;
            top:98px;
            position:fixed;
            background:#E2C69E;
            width:100%;
            border-bottom:1px solid #000;
            z-index:3000;
            display: none;
    }    
    .mobil-menu-cell {
            cursor:pointer;
            clear:both;
            width:100%;
            padding:20px;
            font-size:20px;
    }
/* ************************************* Kosár ************************************* */
    .mobil_basket {
            position:absolute;
            top:98px;
            position:fixed;
            background:#E2C69E;
            width:100%;
            max-height:calc(100% - 98px);
            height: auto;
            border-bottom:1px solid #000;
            z-index:3000;
            display: none;
            overflow: scroll;
    }
    .mobil_basket_box {
            padding:10px;
            font-size:12px;        
    }

    .basket-number {
        width:30px;
        height:30px;
        background-color: #F00;
        border: 1px solid #000;
        border-radius: 15px;
        position: absolute;
        top:30px;
        left:30px;
        align-content: center;
        text-align: center;
        color: #FFF;
        cursor: pointer;
        z-index: 100000000;
        font-size:14px;
        display: none;
        }    
/* ************************************* Profil ************************************* */
    .mobil_user {
            position:absolute;
            top:98px;
            position:fixed;
            background:#E2C69E;
            width:100%;
            border-bottom:1px solid #000;
            z-index:3000;
    }

    .mobil_user_box {
            padding:10px;
            border-top:1px solid #000;
            border-bottom:2px solid #000;
    }
    .mobil_user_box input {
            width:90%;
            border:0px;
            padding:5px 10px 5px 15px;
            height:50px;
            font-size:20px;
    }
    .mobil_user_box input[type='checkbox'] {
            width:50px;
            border:0px;
            padding:5px 10px 5px 15px;
            height:50px;
            font-size:20px;
    }
    .mobil_user_box button {
            border:0px;
            padding:20px 30px 20px 30px;
            font-size:24px;
    }

    .mobil_user_box td {
            font-size:20px;
    }

   .top_ures {
        height:98px;  
    }
/* ************************************* Kategóriák ************************************* */
    .main-cats-box {
        margin-top:3vw;
        padding:0.5vw;
        width:calc(100% - 2vw);
        float:left;
        align-content: center;
        text-align: center;
    }

    .main-cat-box {
        width:90vw;
        height:8vw;
        background-color:#e9e9e9;
        border:1px solid #e9e9e9;
        border-radius:70px;
        box-shadow:  5px 5px 10px 0px #999;
    }    

    .alcat-box {
        margin-left:40px;
        margin-right:10px;
        margin-bottom:20px;
        width: auto;
        height:50px;
        background-color:#e9e9e9;
        border:1px solid #b4d8b4;
        border-radius:10px;
        box-shadow:  5px 5px 10px 0px #999;
        font-size:14px;
    }

    .alcat-box td > img {
        margin-left:10px;
        margin-right:10px;
        height:30px;
    }

    .main-cat-box {
        margin-left:10px;
        width:calc(100% - 50);
        height:50px;
        background-color:#e9e9e9;
        border:1px solid #e9e9e9;
        border-radius:70px;
        box-shadow:  5px 5px 10px 0px #999;
    }

    .main-cat-box img {
        height:30px;
    }  
    
    
    
    
/* ************************************* Termékek ************************************* */
    
    .main_prods_title {
        padding-top:30px;
        padding-bottom:30px;
        clear: both;
        font-size:22px;
        text-align: center;
        font-weight: bold;
    }

    .main_cat_title {
        font-size:20px;;
        font-weight: bold;
        text-align: left;
    }
    
    .prod_pics {
        padding:10px;
    }

    .prod_pics img{
        height:70vw;
    }  
    
    .prod_box {
        float:none;
        width:calc(100% - 22px);
        margin:10px;
        border:1px solid #969696;
        border-radius:10px;
        position: relative;
    }   

    .prod_name {
        padding-left:10px;
        padding-right:10px;
        height:7vw;
        font-size:5vw;
        color: #575757;
        text-align: center;
        margin-bottom:10px;
    }

    .prod-price {
        float:left;
        width:50%;
        height:10vw;
        align-content: center;    
        margin:0px;
    }    
    
    .prod_ar {
        float:left;
        font-size: 5.5vw;
        color:#575757;
        margin-left:0px;
        padding-left:10px;
    }

    .action {
        position: absolute;
        top:0px;
        left:10px;
        height:65px;
        align-content: center;
    }

    .action-icon {
        float:left;
        height:30px;
        width:100px;
        border-radius:10px;
        font-size:20px;
        font-weight: bold;
        color: #000;
        background-color: #F00;
        text-align: center;
        align-content: center;
    }    
    
    .prod_addbasket {
        float:left;
        border:1px solid #000;
        border-radius:10px;
        height:8vw;
        align-content: center;
        padding-left:2vw;
        padding-right:1vw;
    }

    .addbasket-icon {
        float:right;
        font-size: 6vw;
        cursor: pointer;
        padding:0px;
    }

    .prod_number {
        margin-left:0.2vw;
        margin-right:0.2vw;
        float:left;
        border:0px;
        width:9vw;
        heigh:100%;
        font-size: 6vw;
        padding:0px;
        text-align: center;
        align-content: center;
    }

    .prod_addbutton {
        border:0px;
        cursor: pointer;
        background: #FFF;
        margin:0px;
        padding:0px;
    }


    .prod_addbutton img {
        margin-right:10px;
        width:auto;
        height:calc(8vw + 2px);
    }

 /* ************************************* Akciós termékek ************************************* */
       
    .akcio-box {
        width:100%;
        background: #EEE;
        overflow: hidden;
    }

    .act-arrow {
        width:30px; 
        overflow: hidden;
        cursor: pointer;
    }

    .act-arrow-text {
        font-size:2vw;
        transform: scale(2,20);
    }

    .act_prods {
        position: relative;
        width: calc(100vw - 60px);
        height:430px;
        overflow: hidden;
    }

    .actprod-td {
        width:  calc((100vw - 60px));  
        overflow: hidden;
    }

    .actprod_box {
        height:auto;
        border:1px solid #f00;
        border-radius:5px;
        overflow: hidden;
    }

    .actprod_box:hover {
        box-shadow:  5px 5px 10px 0px #999;
    }

.actprod_name {
    padding-left:10px;
    padding-right:10px;
    height:60px;
    font-size:20px;
    text-align: center;
}

.actprod_ar {
    font-size: 18px;
    color:#575757;
}    
    
/* ************************************* Megtekintett termékek ************************************* */   

.seenprod_name {
    padding-left:0.5vw;
    padding-right:0.5vw;
    height:auto;
    font-size:18px;
    color: #575757;
    text-align: center;
}

.seen-prod-pics {
    width:auto;
    height: 160px;
    margin-top:10px;
}

.seenprod_box {
    float: left;
    width:calc((100% / 2) - 12px);
    height:250px;
    border:1px solid #333;
    border-radius:5px;
    overflow: hidden;
    margin:5px;
}
    
/* ************************************* Navigátor ************************************* */       
    
    .navigator {
        height:auto;
        align-content: center;
        background: #e8e8e8;
        margin-top:0px;
        margin-bottom:20px;
        padding-top:10px;
        padding-bottom:10px
    }    
    .navigator-title {
        margin-left:0px;
        font-size: 18px;
        float:none;
        height:60px;
        align-content: center;
        text-align: center;
    }

    .navigator-show-form {
        float:none;
        height: auto;
        margin-left:0px;
        align-content: center;
        font-size:16px;
    }

    .navigator-show-type {
        text-align: center;
        align-content: center;
        float:left;
        width:30px;
        height:30px;
        border: 1px solid #cfcfcf;
        font-size:30px;
        cursor: pointer;
    }
    .pager-div {
        float: left;
        width:30px;
        height:30px;
        border:1px solid #cbcbcb;
        border-radius: 10px;
        text-align: center;
        align-content: center;
        background-color:#cbcbcb;  
        margin-right:5px;
    }

    .pager_link {
        font-size:20px;
        text-decoration:none;
        color:#000;
        font-weight: bold;
    }

    .pager_current {
        font-size:20px;
        text-decoration:none;
        color:#FFFFFF;
        background:#060;
        border:1px solid #333333;
        padding:5px 10px 5px 10px;
        margin:2px;
    }

    .current {
        background: #000; 
        border:1px solid #000; 
        color:#FFF;        
        font-weight: bold;
    }
    
 /* ************************************* Termék oldal ************************************* */       
   
    .prod_addbasket-prod {
        float:right;
        border:1px solid #000;
        border-radius:20px;
        height:40px;
        align-content: center;
        padding-left:10px;
        padding-right:10px;
        margin-left:20px;
    }


    .addbasket-icon-prod {
        float:left;
        font-size: 20px;
        cursor: pointer;
        padding:0px;
        font-weight:100;
        margin-top:3px;
    }

    .prod_number-prod {
        margin-left:10px;
        margin-right:10px;
        float:left;
        border:0px;
        width:40px;
        heigh:100%;
        font-size: 20px;
        padding:0px;
        text-align: center;
        align-content: center;
        outline: none;
    }

    .prod_addbutton_prod {
        border:0px;
        background: #FFF;
    }

    .prod_addbutton_prod img {
        width:auto;
        height:42px;
        border:0px;
    }
        
 /* ************************************* Lábléc ************************************* */       
    
    .bottom {
        width:auto;
        height:auto;
        padding:20px;
        background-color: #223523;
        color:#FFF;
        font-size: 16px;
    }

    .copyright {
        margin-left:0px;
        margin-top:30px;
        color: #FFF;
        font-size:16px;
        text-align: center;
    }    
    
    
    
    
    
    
    

    


    
  

    
    .prod_name-list {
        font-size:16px;
        color: #000;
    }
    
    .prod_ar_list {
        font-size: 16px;
        float:right;
        padding-right:20px;
      
    }
    
    .content_title {
        font-size:20px;
    }
    
    .product-page {
        padding:20px;
        }
    
    .product-picture-box {
        float: left;
        width:100px;
        border:1px solid #000;
        border-radius: 20px;
        box-shadow:  5px 5px 10px 0px #999;
        margin-right:20px;
        margin-bottom:10px;
        padding:10px;
        align-content: center;
        text-align: center;
    } 

    .product-picture-box img{
        width:80px;
        height: auto;
    }     

    .product-content {
        font-size:14px;
        line-height:18px;
        text-align: justify;
    }

    .content_box {
        float:none;
        width:auto;
}

    .attached_content {
        background: #a2c4b3;
        border-radius:20px;
        padding:20px;
        margin-left:0px;
        margin-bottom:20px;
        font-size:16px;
        line-height: 20px;
        box-shadow:  5px 5px 10px 0px #999;    
    }  

    .attached_content span {
        font-size:14px;   
    }    

    .attach_title{
        font-size:16px;
        margin-left:10px;
    }

    .attached-news-title{
        font-size:16px;
        font-weight: bold;
        line-height: 20px;
        margin-bottom:10px;
    }

    .attached-news-text{
        font-size:14px;
        line-height: 18px;
    }

    .attached_news {
        background: #cacaca;
        border-radius:20px;
        padding:10px;
        margin-left:0px;
        margin-bottom:20px;
        font-size:14px;
        line-height: 18px;
        box-shadow:  5px 5px 10px 0px #999;    
    }    

    .basket-box-table{
        border-bottom:2px solid #000; 
        font-size:14px;      
    }

    .basket_input {
        padding:5px; 
        text-align:center; 
        border:1px solid #000; 
        width:40px; 
        margin-right:5px; 
        font-size:20px;
    }
    .order_box {
        padding: 10px;
        font-size:14px;
    }
    .order_button {
        background:#1e6443;
        border-radius:20px;
        color:#FFF;
        font-size:18px;
        padding:10px 30px 10px 30px; 
        cursor: pointer;
    }

    .orderdelete_button {
        background:#730909;
        border-radius:20px;
        color:#FFF;
        font-size:20px;
        padding:10px 30px 10px 30px;
        cursor: pointer;
    }

    .order_title {
        font-size: 20px;
        border-bottom:1px solid #000;
        margin:0px 0px 20px 0px;
        padding-bottom:10px;
    }    
    
    .o-title {
        font-size: 18px;
        margin-bottom:10px;
        float: left;
        border-bottom: 1px solid #000;
    }
    
    .o-text {
        display: block;
        font-size: 14px;
    }    
    .order_form {
        float:none;
        padding-top:0px;
        padding-bottom:10px;
        padding-right: 10px;
        font-size: 16px;
        align-content: center;
        height: 30px;
        text-align: left;
    }

    .order_form input, select {
        font-size: 16px;
        padding: 5px 10px 5px 10px;
        margin-right:0px;
        width: 90%;
    }    
    
     .order_form input[type="checkbox"] {
        float:left;
        font-size: 16px;
        padding: 5px 20px 5px 0px;
        margin-right:0px;
        width: 40px;
    }    

    .fizmod_box {
        float:left;
        width:auto;
        text-align:center;
        padding:10px;
        margin-right:0px;
        font-size: 16px;
    }

    .fizmod_box img {
        width:auto;
        height:40px;
        margin-bottom:10px;
    }    
    

    .szall-modok{
        float:none;
        width:100%;
        margin-bottom:10px;
    }   

    .content_background {
        margin:10px;
        background-color: #e0e0e0;
        border-radius:15px;
        padding:20px;
        font-size: 18px;
        line-height: 18px;
    }    

    .profile-box {
        margin:10px;
        border:1px solid #000;
        border-radius: 10px;
        padding: 10px;
        font-size:14px;
    }

    .profile-box-img {
        float:none;
        height: 60px;
        margin-right:0px;
        align-content: center;
        font-size:20px;
    }    

    .content_icons {
        font-size:20px;
        cursor:pointer;
        margin-left:10px;
    }
    
    .box_top {
        clear:both;
        background:#223523;
        color:#FFF;
        font-size:16px;
        font-weight:bold;
        padding-left:0px;
        padding-top:10px;
        padding-bottom:10px;
        width: 100%;
        text-transform:uppercase;
    }

    .partners-text {
        font-size:14px;
    }

    .galleria {
        width:100%; 
        height:550px;
        float:none;
        align-content: center;
    }    
    .aszf {font-size: 16px;}    
    
    
    
    
    
    
    
    
}