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



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

    #ikonok_holder,  body.subpage #header{
        height: auto;
    }

    body.fixed #ikonok{
        position: relative;
    }


    .content .siteinner{
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
    }

	.respInner{
		padding-left: 20px;
	}
	
	.tpl_cimlap .respInner{
		padding-left: 0;
	}


	#top .logo img{
		width: 300px;
		height: auto;
		margin-top: 5px;
	}	

	#top .left span{
		font-size: 11px;
	}

	#top .left{
		width: 53%;
		padding-left: 10px;
	}

	#top .right{
		width: 43%;
		padding-right: 10px;
	}

	#menu a{
		font-size: 16px;
	}

	#header .fw{

	}

	#slider_container{
		/*padding: 0 10px;*/

	}
	
    .glassContent{
        right: 45px;
        width: 540px;
    }

	#carousel{

	}
	
	#morzsa{
		margin-left: 20px;
	}
	
	#ikonok .ikon{
		margin-left: 5px;
        margin-right: 5px;
	}

	#footer .right{
		padding-right: 10px;
	}
	
	#footer .social_icons{
		padding-left: 10px;
	}	
	
	
	
	
	.subpage .sidebarBox{
		float: left;
		margin-top: 30px;
		margin-bottom: 20px;
		clear: both;
	}
	


    .kereso-row-content{
        max-width: 1160px;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }

    .kereso-select-box{
        clear: both;
        margin-bottom: 10px;
    }

    .main-blog-content, .blog-item-1{
        width: 100%;
    }



    .blog-container{
        width: 70%;
    }

	
}



@media screen and (max-width: 1026px) {
	#carousel{
		background-image: none;
	}


	
	#top .logo img{
		width: 200px;
		height: auto;
		margin-top: 14px;
	}	

	#top .left span{
		font-size: 10px;
		margin-left: 10px;
	}

	#top .left{
		width: 49%;
	}

	#top .right{
		width: 47%;
	}

	#menu a{
		font-size: 14px;
        margin: 0 2px;
	}
	
	
    #ikonok .ikon{
		width: 95px;
        height: 95px;
	}

}


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

    .blog-container{
        width: 65%;
    }

}

@media screen and (max-width: 910px) {
	.reg_box.r{
		float: left;
		margin-top: 40px;
	}
	
	.reg_box{
		max-width: 100%;
	}
	
    #ikonok .ikon{
		width: 80px;
        height: 80px;
        background-size: 60% 60%;
        border-radius: 15px;
        -webkit-border-radius: 15px;
	    -moz-border-radius: 15px;
	}

}


@media screen and (max-width: 885px) {
	
	.program_box.edge{
		margin-right: 20px;
	}
	
}




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

    .blog-container{
        width: 100%;
    }

    .home_right_col{
        width: 100%;
    }

    #search{
        display: none;
    }

    .home .sidebarBox{
        float: left;
        margin-right: 15px;
    }

    .home .program_col{
        clear: both;
    }



	#top .left span{
		display: none;
	}	



	#menu a{
		font-size: 12px;
	}

    .glassContent .sor1{
        font-size: 28px;
        line-height: 30px;
    }
	
    .glassContent .sor2{
        font-size: 18px;
        line-height: 22px;
    }

	.home #search{
		float: left;
	}
	
	.subpage #search .field{
		width: 54%;
	}

	.subpage #search .button{
		width: 20%;
	}
	


	#footer .social_icons{
		width: 45%;
	}

	#footer .social_icons img{
		width: 50px;
		height: 50px;
	}

	#footer .right{
		font-size: 14px;		
	}

	#footer .right, #footer .right a{
		font-size: 12px;
	}
	
	
	.kapcsolat_left, .kapcsolat_form{
		width: 90% !important;
		float: left !important;
	}
	
	.kapcsolat_form{
		margin-top: 40px;
	}
	
	.etterem_row{
		width: 48%;		
	}
	
	.etterem_row .text{
		font-size: 12px;
		line-height: 18px;
		height: 105px;
		margin-bottom: 10px;	
	}
	
	.etterem_row .ikon_row a{
		font-size: 11px;
	}
	
}


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

    #ikonok .ikon{
		margin-left: 2px;
        margin-right: 2px;
        width: 67px;
        height: 67px
	}

}


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

    .hamburgerMenuIcon{
		display: block !important;
		margin-top: 10px;
	}
	
	.mobilMenuRow{
		background: #42598f;
	}
	
	.mobilMenuRow a{
		text-transform: uppercase;
		display: block;		
		padding: 5px 5px 0px 5px;
		color: white;
	}
	
	.mobilMenuRow a:hover{
		text-decoration: none;		
	}
	
	.mobilMenuRow td{
		text-align: center;		
	}
	
	#menu{
		display: none;
	}


    #top .right{
        display: none;
    }

    #top .left{
        width: 80%;
    }

}


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

    .kereso-item{
        display: inline-block;
    }

    .kereso-select-box{
        top: 0;
        display: block !important;
        margin-bottom: 5px;
    }

    #foglalas-keresed-submit{
        display: block !important;
        box-sizing: border-box;
        max-width: 475px;
        width: 100%;
        margin-left: 0;
        margin-top: 5px;
    }

}

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

	.respInner{
		padding-left: 10px;
	}


	
	
	.glass{
		display: none;
	}
		

	.subpage #search .inner{
		float: left;
		position: relative;
		padding: 0 20px;
	}

	.subpage #search .field{
		width: 90%;
		margin-left: 0px;
	}


	.subpage #search{
		padding: 20px 0px;			
	}

	.subpage #search .button{
		width: 150px;
		margin-top: 20px;
		margin-right: 0;
		margin-left: 35%;
		float: left;
	}	

	
	
	
	#footer .social_icons{
		width: 90%;
	}

	#footer .right{
		float: left;
		margin-top: 10px;
		margin-left: 10px;
		text-align: left;
		width: 90%;
	}



	a.cropperA{
		width: 318px;
	}

	.etterem_row{
		width: 236px;
	}
	
	.etterem_row a.title{
		font-size: 12px;
		line-height: 14px;
	}
	
	
	.ikon_row.hud a{
		font-size: 11px;
		margin-left: 0;
	}
	
	
	.etterem_detail .left{
		width: 99%;
	}
	
	 .etterem_detail .right{
		width: 99%;
		margin-top: 30px;
		float: left;
	}
	
	textarea[name=comment]{
		width: 189px !important;
	}


    .foglalas-urlap-container{
        box-sizing: border-box;
        width: 100% !important;
        margin: 0 !important;
        right: auto !important;
        left: 0px !important;
    }

    .foglalas-urlap-container input[type="text"], .foglalas-urlap-container textarea{
        float: right !important;
        width: 75% !important;
    }


    #ikonok .ikon{
        width: 60px;
        height: 60px
	}
}

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

    .program_cols_holder .program_col:nth-child(1), .program_cols_holder .program_col:nth-child(2){
        width: 100%;
        padding: 0;
    }

    .kereso-item-inner{
        display: block;
    }


    #szallas_kereses_input{
        display: block !important;
        width: 97%;
        margin-bottom: 5px;
    }


    #ikonok .ikon{
        width: 50px;
        height: 50px;
        margin-left: 1px;
        margin-right: 1px;
	}

}


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



    .home .program_col, .home .program_col:last-child{
        width: 272px;
    }

	.subpage #search .field{
		width: 85%;
	}
	
    .al-blog-item{
        width: 50%;
    }

    .al-blog-item:nth-child(2){
        padding-right: 0;
        float: right;
    }

    .al-blog-item:last-child{
        display: none;
    }
	
	
	.ikon_row.hud a{
		margin-left: 7px;
		font-size: 10px;		
	}
	
	.nyitva_ikon, .zarva_ikon{
		padding-left: 13px;	
	}
	
	
	
	.utvonaltervezes_ikon{
		padding-left: 23px;
        display: none;
	}
	
	.hivas_ikon{
		padding-left: 17px;
	}
	
	.hud .velemeny{
		margin-right: 2px;
	}
	
}


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

    .siteinner_slider{
        display: none;
    }

    #ikonok .ikon{
        width: 80px;
        height: 80px;
        margin-left: 5px;
        margin-right: 5px;
	}

    #top{
        height: 107px;
    }

    .kereso-select .regio_select{
        clear: both;
        float: left;
        margin-top: 5px;
    }

}

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


	.subpage #search .field{
		width: 80%;
	}
	
	.subpage #search .button{
		margin-left: 22%;
	}	

	
	
	.mobilMenuRow a{
		font-size: 14px;
	}

}


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

    #ikonok .ikon{
        width: 70px;
        height: 70px;
        margin-left: 2px;
        margin-right: 2px;
	}

	.subpage #search .button{
		margin-left: 20%;
	}	
	
	a.cropperA{
		width: 291px;		
	}

	.etterem_row{
		width: 210px;
	}
	
	
	.mobilMenuRow a{
		font-size: 12px;
	}
	
	
	.hud .nyitva_ikon, .zarva_ikon{		
		padding-left: 0px;
		background-image: none;
	}
	
	.ikon_row.hud a{
		font-size: 9px;
	}
	
	.ikon{
		width: 120px;
	}
	
}


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

    #ikonok .ikon{
        width: 60px;
        height: 60px;
	}

}