/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

@media screen and (max-width: 1240px) {
    
    .siteinner{
        width: 1000px;
    }
    
    h1{
        font-size: 24px;
    }
    
    #top .right, #menu{
        width: 720px;
    }
    
    #menu a, #mobilMenu a{
        font-size: 12px;
        padding: 0 18px;
    }
    
    .termek-box{
        width: 216px;
    }
    
    .termek-box h2 a{
        width: 225px;
    }
        
    .termek_detail .left{
        width: 470px;
    }
    
    .termek_detail .left .r{
        width: 300px;
    }
    
    .termek_detail .right{
        width: 510px;
    }
    
}


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

    h1, h1 a{
        font-size: 24px;
        line-height: 28px;
    }

    #mobilMenu{
        display: none;
    }

    .siteinner{
        width: 720px;
    }


    .termek-box, .termek-box.edge{
        margin-right: 10px;
        margin-left: 10px;
    }
    
    .termek-box{
        width: 207px;
    }
    
    .termek-box h2 a{
        width: 212px;
    }

    .kiemeltKepekDiv img{
        margin-bottom: 10px;
        width: 355px;
        height: auto;
    }

    .redBorderBox{
        font-size: 18px;
        width: 31%;
    }

    #top{
        height: 76px;
    }

    #top .left{
        width: 200px;
    }

    #top .left img{
        width: 200px;
        height: auto;
    }

    #top .right{
        width: 510px;
    }

    #top .right .logoImg{
        height: 43px;
        width: auto;
    }

    #top .kereses-box{
        margin-top: 10px;
    }


    #top .basket-box, #top .login_links.loggedIn{
        margin-top: 4px;
    }

    #top .login_links{
        margin-top:0;
    }

    #top .right .items{
        height: 42px;
    }

    #menu{
        width: 510px;
        height: 34px;
    }



    #menu a{
        font-size: 10px;
        padding: 0 10px;
        line-height: 34px;
    }

    #menu .submenu{
        right: 0;
        left: auto;
        top: 34px;
    }



    .reg_box{
        width: 340px;
    }

    .easyzoom-flyout{
        display: none;
    }


    .termek_detail .left{
        width: 340px;
    }

    .termek_detail .left .r{
        width: 240px;
    }

    .zoom img{
        width: 230px;
        height: auto;
    }

    .termek_detail .right{
        width: 360px;
    }

    #footer .rolunk{
        width: 285px;
        font-size: 12px;
        line-height: 18px;
    }

    #footer .right{
        width: 340px;
    }

    #footer h3{
        font-size: 24px;		
    }

    #footer .right a{
        line-height: 18px;
        display: block;
        font-size: 12px;
    }


    #ingyenesDiv{		
        top: 18px;
        font-size: 18px;
    }


}




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

    
    .termek-box, .termek-box h2 a{
        width: 265px;
    }
    
    #ingyenesDiv{		
        top: -10px;
        left: 0;
        right: auto;
        font-size: 17px;
    }


    .kapcsolat_left{
        width: 100% !important;
    }

    .kapcsolat_form{
        width: 100% !important;
    }

    .siteinner{
        width: 365px;
    }


    .kiemeltKepekDiv img{
        width: 365px;
    }

    #top{
        height: 61px;
    }

    #top .left {
        width: 160px;
    }

    #top .left img {
        width: 160px;
    }


    #top .right{
        display: none;		
        width: 190px;
        margin-top: 5px;
    }

    #menu, #top .kereses-box, #footer .social_icons, #top .right .logoImg{
        display: none;
    }
    
    #mobilMenu a {
        line-height: 32px;
    }

    #top .right .items a{
        font-size: 11px;
    }

    #top .basket-box{
        width: 75px;
    }

    #top .basket-box img{
        padding-right: 2px;
    }

    #top .login_links, #top .login_links.loggedIn{
        width: 115px;		
    }

    #top .login_links.loggedIn a{
        text-transform: none;
        font-size: 11px;
    }

    body{
        font-size: 12px;
        line-height: 18px;
    }

    .redBorderBottom{
        width: 29%;
        height: 24px;
    }

    .redBorderBox{
        font-size: 12px;
        width: 40%;
    }

    #footer{
        height: auto;
    }

    #footer p, #footer .right a{
        font-size: 11px;
        line-height: 15px;
    }

    #footer .rolunk{
        width: 100%;
        padding-right: 0;
        padding-bottom: 20px;
    }

    #footer .right{
        width: 100%;
    }

    #footer h3{
        font-size: 14px;
        line-height: 24px;
    }

    .kapcsolodo_holder{
        text-align: center;
    }

    .termek-box, .termek-box.edge {
        /*margin-left: 70px;*/
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .hamburgerMenuIcon{
        display: block;	
    }


    .rendezo_box{
        top: 50px;
        font-size: 10px;
    }

    .rendezo_box a{
        font-size: 12px;
    }

    .brandFilterDiv{
        margin-top: 20px;
    }

    .reg_box{
        width: 100%;
    }

    .reg_box.r{
        float: left;
    }

}

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

    #top .left{
        width: 130px;
    }

    #ingyenesDiv{
        font-size: 12px;
    }

    .siteinner{
        width: 100%;
        box-sizing: border-box;
    }

    footer .siteinner, #content .siteinner{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #menu a, #mobilMenu a{
        text-transform: none;
    }

    #mobilMenu a{
        padding: 0 3px;
    }

    .kiemeltKepekDiv img{
        width: 100%;
    }

    .termek-box, .termek-box.edge{
        /*margin-left: 50px;*/
    }

    .rendezo_box{
        top: 80px;
    }

    .termek_detail .left{
        width: 100%;
        box-sizing: border-box;
    }

    .termek_detail .left .r,  .zoom img{
        width: 248px;
    }

    .termek_detail .right{
        width: 100%;
        box-sizing: border-box;
    }


}