@media all and (max-width: 1024px) {
/* styles for narrow desktop browsers and tablet landscape */
	
/* csak ide: */	
	p#p_footer{width:660px;padding:0px 20px;}
	div.innersec{width:660px;padding:0px 20px;}
	
	/*gallery*/
	div.gallerycontainer div{
		height:140px;
		width:140px;
		margin:0px 20px 0px 0px;
		}
		
		div#item_6 {margin:0px 20px 20px 0px;}
		div#item_4, div#item_8, div#item_12 {margin:0px 0px 20px 0px;}
		
		a.glink{height:140px;width:140px;}
		img.gimg{width:140px;}
		
	/*small content divs*/
	div.scont{width:660px;float:none;margin-right:0px;margin-bottom:20px;}
	
	/*small content divs without margin on the right*/
	div.scont_nmr{width:660px;float:none;margin-bottom:20px;}
	
	/*small content divs with margin on the left*/
	div.scont_ml{width:660px;float:none;margin-left:0px;margin-bottom:20px;}
	
	/*big content divs*/
	div.bcont{width:660px;float:none;margin-bottom:20px;}
	
	img.illustrations{
		width:650px;
		height:401px;
	}	
	
/* kisebbekre is: */	
	a#backtotop{width:35px;height:35px;}
	h1.left{text-align:center;margin-top:40px;}
		#h1_elso, #h1_elso2{margin-top:0px;}
}

@media all and (max-width: 768px) {
/* styles for narrower desktop browsers and tablet portrait*/

	/*header and navigation*/
	div#header{height:188px;}		
	div#navilane{height:93px;}	
		
	/*index page*/
	div#starter_index{height:100%;min-height:500px;}
	div#logo_n_navi{width:100%;height:287px;position:absolute;top:5%;left:0%;margin:0px 0px 0px 0px;}	
	nav#navigation{height:90px;width:100%;margin:0;}		
	nav#navigation ul li{float:none;border-bottom:1px solid #63666A;}		
	nav#navigation ul li a{width:100%;background-image:none;}	
	img#logo_xl{width:300px;height:auto;}
	
	div#index_twolinks{width:100%;left:0%;margin:0px 0px 0px 0px;}
	
	/*layout*/
	div.starter{height:445px;}
		div#starter_bemutatkozas{background-image:none;}
		div#starter_szolgaltatasok {background-image:none;}	
	
	div.innersec{width:76%;padding:0% 7%;}
	
	div.headerimg{display:block;position:absolute;top:188px;height:257px;width:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;}
	div#headerimg_bem{background-image:url('images/m_bg_bemutatkozas.jpg');}
	div#headerimg_szol{background-image:url('images/m_bg_szolgaltatasok.jpg');}
		
	/*small content divs*/div.scont{width:100%;float:none;margin-right:0px;margin-bottom:0px;}
	/*small content divs without margin on the right*/div.scont_nmr{width:100%;float:none;margin-right:0px;}
	/*small content divs with margin on the left*/div.scont_ml{width:100%;float:none;margin-left:0px;margin-bottom:0px;}
	/*big content divs*/div.bcont{width:100%;float:none;margin-bottom:0px;}
	
	img.illustrations{height:auto;width:100%;box-sizing:border-box;}
			
	/*typo*/
	h1{font-size:1.5em;}	
	p{text-align:justify;}	
		p#p_footer{width:70%;padding:0% 15%;}
		p#forma{width:70%;padding:0% 15%;font-size:0.65em;line-height:1.5em;}
		
	/*contact*/
	iframe{top:188px;height:257px;}
	
	img.profile{margin:40px auto 0px;}
	
	/*gallery*/
	div.gallerycontainer div{width:45%; height:200px;margin:0px 0px 30px;}		
	a.glink{width:100%;height:auto;overflow:hidden;}	
	img.gimg{width:100%;height:auto;}	
	
	div#item_1, div#item_3, div#item_5, div#item_7, div#item_9, div#item_11{float:left;}
	div#item_2, div#item_4, div#item_6, div#item_8, div#item_10, div#item_12{float:right;}	
	
	div#item_4, div#item_6, div#item_8, div#item_12 {margin:0px 0px 30px;}

	/*ingyenes jogi tanácsadás hirdetés 2016*/
	a.link-16-in {float:none;width:100%;height:auto;}
	}

@media all and (max-width: 642px) {
    /* styles for iPhone/Android landscape (and really narrow browser windows) */
	div.gallerycontainer div{height:115px;}	
	
}
	

@media all and (max-width: 480px) {
    /* styles for iPhone/Android landscape (and really narrow browser windows) */	
	
	/*gallery*/
	div.gallerycontainer div{width:40%; height:85px;}	
}

@media all and (max-width: 320px) {
    /* styles for iPhone/Android portrait */
	h1{font-size:1.2em;}	
	p{font-size:0.7em;}
	
	/*gallery*/
	div.gallerycontainer div{width:43%; height:75px; margin:0px 0px 15px;}
	div#item_4, div#item_6, div#item_8, div#item_12 {margin:0px 0px 15px;}	
}

@media all and (max-width: 240px) {
    /* styles for smaller devices */
	/*gallery*/
	div.gallerycontainer div{width:40%; height:75px;}	
}