@media screen and (min-width:240px) and (max-width:448px){
    .wrapper{
        width:auto;
    }
    
  #main_menu .menu_wrap .menu_div ul li a{
 font-size:18px; 
  }  
  
 #main_menu .menu_wrap .menu_div ul li{
 margin-bottom:0;
 } 
 #main_menu .menu_wrap .menu_div ul{
     margin-top: 80px;
 } 
  
  #main_menu .menu_wrap .menu_div .menu_close {
    top: 30px;
    }
  
    #social{
        margin-left:21px;
    }
    
    #social a{
        margin-left:12px;
    }
    
    #social a img{
        height:20px;
    }
    
    #social a:nth-of-type(2) img{
        height:16px;
    }
    
    #logo{
        width:40.94%;
        height:auto;
    }
    
    #logo a img{
        position:relative;
        width:100%;
        height:auto;
        left:auto;
        right:auto;
    }
    
    #lang{
        margin-right:5px;
    }
   #lang a img{
    width:25px; 
    }
    

    .menu_wrap{
    display:none;
    }
    .page-content{
    padding:0px 0px 0px 10px;
    }
    
        #main_menu.active .menu_wrap{
    display:block;
    }
    
    #main_menu {
    position: absolute;
    right: 25px;
    margin-top: 14px;
    top: 67px;
    z-index: 999;
}
    
    #main_menu .menu_wrap .menu_div {
          width: 285px;
    height:285px;
    
    }
    
    
    
    #slideshow{
        background-color:black;
        background-image:url('../images/bg/mobile/bg.jpg');
        background-size:auto;
        background-position:center bottom;
        -webkit-animation:none;
        animation:none;
    }
    
    #slideshow .anim_object{
        display:none;
    }
    
    
    footer .wrapper{
        height:auto;
        padding: 20px 0px;
    }
    
    #copyright, #design{
        float:none;
        text-align:center;
    }
    
    #copyright{
        margin-top: 0px;
        font-size:14px;
    }
    
    #design{
        margin-top: 9px;
        font-size:12px;
    }
    
    #content_box .wrapper .blog .item .image{
     width: 150px!important;
    height: 90%!important;
    }
    
    #product_lightbox .product_block{
        width: 100%;
    }
    
    #product_lightbox .product_block .image{
        width: 50%;
    float: none;
    height: 45%;
    margin: 0 auto;
    }
    #product_lightbox .product_block .texts .wrap h2 {
    margin-bottom: 11px;
    font-size: 27px;
    }
    
#content_box .wrapper .blog .item{
width:100%;
    margin: 25px 0px 25px 0px;
    padding:10px 0;
}
    
    
#content_box .wrapper .blog .item a .texts .wrap h2{
    font-size: 17px;
    line-height:1;

}    
    
#content_box .wrapper .blog .item a .texts .wrap .coffee_type {
    font-size: 17px;
}
 
 
 #content_box .wrapper .blog .item a .texts .wrap .read_more{
 font-size: 13px;
 }
    
 #content_box .wrapper .blog .facts_item{
     width: 100%;
    float: none;  
   }
    
 #content_box .wrapper .blog .facts_item .image{
     width: 120px;
    height: 120px;
 }   
    
 #content_box .wrapper .blog .facts_item .texts{
position: relative;
    width: 55%;
    float: right;
    right: 15px;
    padding: 0 5px;
 }   
 #content_box .wrapper .blog .facts_item .texts h2{
 font-size:15px;
 }
    
body.page_109  #content .full_height {
height: auto!important;
  }  
    
 
 #content_box .wrapper .contact{
 position: relative;
    height: auto;
    margin: 80px 0px 0px 0px;
 }
 
 
 .address h2{
padding-left: 0!important;
    text-align: center;
 }
 
 #map{
 position:relative;
     overflow: hidden;
    width: 90%;
    height: 246px;
    margin:0 auto;
 }
 
 .contact-address{
 width: 95%;
    margin: 0 auto;
 }
 
 #content_box .wrapper .contact .form{
 width:100%;
 }
 
 #contact-form fieldset .control-group:first-of-type {
    width: 285px;
    float: none;
    margin: 0 auto;
}
 
 #contact-form fieldset .control-group .controls textarea {
    height: 100px !important;
    margin: 0px 0px 23px 0px;
}
 
 #contact-form fieldset .control-group:not(:first-of-type){
 float:none;
     margin: 10px auto;
 }
 
 #contact-form > .control-group{
     float: none;
    margin: 0 auto;
 }
 
 #contact-form .control-reset {
float: none;
    margin-top: 30px;
    margin: 20px auto;
    width: 278px;
}
 
 
 
    
    
}


@media screen and (min-width:449px) and (max-width:767px){
    .wrapper{
        width:auto;
    }
    
    
     #main_menu .menu_wrap .menu_div ul li a{
 font-size:18px; 
  }  
  
 #main_menu .menu_wrap .menu_div ul li{
 margin-bottom:0;
 } 
 #main_menu .menu_wrap .menu_div ul{
     margin-top: 80px;
 } 
  
  #main_menu .menu_wrap .menu_div .menu_close {
    top: 30px;
    } 
    
    
    #social{
        margin-left:21px;
    }
    
    #social a{
        margin-left:12px;
    }
    
    #social a img{
        height:20px;
    }
    
    #social a:nth-of-type(2) img{
        height:16px;
    }
    
    #logo{
        width:40.94%;
        height:auto;
    }
    
    #logo a img{
        position:relative;
        width:100%;
        height:auto;
        left:auto;
        right:auto;
    }
    
    #lang{
        margin-right:5px;
    }
   #lang a img{
    width:25px; 
    }
    

    .menu_wrap{
    display:none;
    }
    .page-content{
    padding:0px 0px 0px 10px;
    }
    
        #main_menu.active .menu_wrap{
    display:block;
    }
    
    #main_menu {
    position: absolute;
    right: 25px;
    margin-top: 14px;
    top: 67px;
    z-index: 999;
}
    
    #main_menu .menu_wrap .menu_div {
        width: 285px;
    height:285px;
    
    }
    
    
    
    #slideshow{
        background-color:black;
        background-image:url('../images/bg/mobile/bg.jpg');
        background-size:auto;
        background-position:center bottom;
        -webkit-animation:none;
        animation:none;
    }
    
    #slideshow .anim_object{
        display:none;
    }
    
    
    footer .wrapper{
        height:auto;
        padding: 20px 0px;
    }
    
    #copyright, #design{
        float:none;
        text-align:center;
    }
    
    #copyright{
        margin-top: 0px;
        font-size:14px;
    }
    
    #design{
        margin-top: 9px;
        font-size:12px;
    }
    
    #content_box .wrapper .blog .item .image{
     width: 160px!important;
    height: 160px!important;
    }
    
    #product_lightbox .product_block{
        width: 100%;
    }
    
    #product_lightbox .product_block .image{
        width: 50%;
    float: none;
    height: 45%;
    margin: 0 auto;
    }
    #product_lightbox .product_block .texts .wrap h2 {
    margin-bottom: 11px;
    font-size: 27px;
    }
    
#content_box .wrapper .blog .item{
width:100%;
    margin: 25px 0px 25px 0px;
    padding:10px 0;
}
    
    
#content_box .wrapper .blog .item a .texts .wrap h2{
    font-size: 17px;
    line-height:1;

}    
    
#content_box .wrapper .blog .item a .texts .wrap .coffee_type {
    font-size: 17px;
}
 
 
 #content_box .wrapper .blog .item a .texts .wrap .read_more{
 font-size: 13px;
 }
    
 #content_box .wrapper .blog .facts_item{
     width: 100%;
    float: none;  
   }
    
 #content_box .wrapper .blog .facts_item .image{
     width: 120px;
    height: 120px;
 }   
    
 #content_box .wrapper .blog .facts_item .texts{
position: relative;
    width: 55%;
    float: right;
    right: 15px;
    padding: 0 5px;
 }   
 #content_box .wrapper .blog .facts_item .texts h2{
 font-size:15px;
 }
    
body.page_109  #content .full_height {
height: auto!important;
  }  
    
 
 #content_box .wrapper .contact{
 position: relative;
    height: auto;
    margin: 80px 0px 0px 0px;
 }
 
 
 .address h2{
padding-left: 0!important;
    text-align: center;
 }
 
 #map{
 position:relative;
     overflow: hidden;
    width: 90%;
    height: 246px;
    margin:0 auto;
 }
 
 .contact-address{
 width: 95%;
    margin: 0 auto;
 }
 
 #content_box .wrapper .contact .form{
 width:100%;
 }
 
 #contact-form fieldset .control-group:first-of-type {
    width: 285px;
    float: none;
    margin: 0 auto;
}
 
 #contact-form fieldset .control-group .controls textarea {
    height: 100px !important;
    margin: 0px 0px 23px 0px;
}
 
 #contact-form fieldset .control-group:not(:first-of-type){
 float:none;
     margin: 10px auto;
 }
 
 #contact-form > .control-group{
     float: none;
    margin: 0 auto;
 }
 
 #contact-form .control-reset {
float: none;
    margin-top: 30px;
    margin: 20px auto;
    width: 278px;
}
 
 
    
}


@media screen and (min-width:768px) and (max-width:1024px){

    .wrapper{
        width:auto;
    }
    
  #main_menu .menu_wrap .menu_div ul li a{
 font-size:18px; 
  }  
  
 #main_menu .menu_wrap .menu_div ul li{
 margin-bottom:0;
 } 
 #main_menu .menu_wrap .menu_div ul{
     margin-top: 80px;
 } 
  
  #main_menu .menu_wrap .menu_div .menu_close {
    top: 30px;
    }
  
    #social{
        margin-left:21px;
    }
    
    #social a{
        margin-left:12px;
    }
    
    #social a img{
        height:20px;
    }
    
    #social a:nth-of-type(2) img{
        height:16px;
    }
    
    #logo{
        width:40.94%;
        height:auto;
    }
    
    #logo a img{
        position:relative;
        width:100%;
        height:auto;
        left:auto;
        right:auto;
    }
    
    #lang{
        margin-right:5px;
    }
   #lang a img{
    width:25px; 
    }
    

    .menu_wrap{
    display:none;
    }
    .page-content{
    padding:0px 0px 0px 10px;
    }
    
        #main_menu.active .menu_wrap{
    display:block;
    }
    
    #main_menu {
    position: absolute;
    right: 25px;
    margin-top: 14px;
    top: 67px;
    z-index: 999;
}
    
    #main_menu .menu_wrap .menu_div {
          width: 285px;
    height:285px;
    
    }
    
     #slideshow{
        background-color:black;
        background-image:url('../images/bg/mobile/bg.jpg');
        background-size:auto;
        background-position:center bottom;
        -webkit-animation:none;
        animation:none;
    }
    
    #slideshow .anim_object{
        display:none;
    }
    
    
    footer .wrapper{
        height:auto;
        padding: 20px 0px;
    }
    
    #copyright, #design{
        float:none;
        text-align:center;
    }
    
    #copyright{
        margin-top: 0px;
        font-size:14px;
    }
    
    #design{
        margin-top: 9px;
        font-size:12px;
    }
    
       
body.page_109  #content .full_height {
height: 955px!important;
  }   
    
    
  #map{
      position: relative;
    width: 400px;
    height: 400px;
    margin: 0 auto;
  }  
    
    #content_box .wrapper .contact{
    position:relative;
        width: 82%;
    margin: 0 auto;
    }
    
    .address{
    margin-top: 215px;
    }



#content_box .wrapper .contact .form {
    margin-bottom: 30px;
}









    
}