

/***** 		QUERIES GLOBAL		*****/


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

	.depContent ul {margin-top:25px;}
	.footer > div ul li a {padding-right:15px !important;}

}

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

	/*.slideContent {top:35%;}*/
	.carousel-indicators {bottom:60px;}

	.slideContent h1 {font-size:60px; line-height:60px;}
	.slideContent h1 em {font-size:80px; line-height:80px; margin-bottom:10px;}

	.c2aArea > div {padding:0 30px;}
	.iconHolder {width:80px;}
	.c2aContent {width:calc(100% - 120px);}

}

@media (max-device-width:1025px) {

	.paraRow {display:none;}
	.mobParaRow {display:block;}

}

@media (max-width:1090px) {

	.slideContent {width:100%; left:0; margin-left:0; text-align:center;}
	.slideContent h1 {font-size:38px; line-height:40px;}
	.slideContent h1 em {font-size:43px; line-height:43px; margin-bottom:10px;}
	.slideContent h2 {display:inline-block; width:300px; font-size:20px; line-height:22px; background-size:auto 1px;}	

}

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

	#mainSlider .item {min-height:405px;}
	#mainSlider .item img {min-height:405px; width:auto;}

	.slideContent {width:100%; left:0; margin-left:0; text-align:center;}
	.slideContent h1 {font-size:32px; line-height:34px;}
	.slideContent h1 em {font-size:41px; line-height:43px; margin-bottom:10px;}
	.slideContent h2 {display:inline-block; width:300px; font-size:16px; line-height:18px; background-size:auto 1px;}


	.logo {margin-top:15px;}
	.logo img {width:120px; height:auto;}

	#karsaiLogoWhite {top:0;}

	.mainNav {padding:115px 30px 0 15px;}
	.mainNav > ul {margin-top:10px; top:120px; right:20px;}

	.lowTakaro {display:none !important;}
	.mainNav.lowMenu {height:50px; padding:0 !important; }
	/*.mainNav.lowMenu .lowMenuSide {display:none !important;}*/
	.mainNav.lowMenu > .navTrigger {width:65px; height:50px; padding-top:24px; border-radius:0;}
	.mainNav.lowMenu .logo {margin-top:17px;}

	.mainNav.lowMenu .navFrame {top:0;}

	.lowMenuSide {height:50px; padding-left:20px; background-position:left center;}
	.lowMenuSide a {height:50px; padding:5px 15px 0 0;}
	.lowMenuSide a i {width:24px; height:24px; margin-top:1px; margin-left:15px; margin-right:0; background-size:100% auto;}
	.lowMenuSide:hover span {width:0px;}


	.c2aArea {padding-top:85px; padding-bottom:30px;}
	.c2aArea > div {text-align:center; padding:0 70px;}
	.c2aBox hr {display:none;}
	.c2aBox {border: none;}
	.c2aArea > div a:nth-child(3) {border:0; padding-bottom:0;}

	.footer > div h2 {margin-bottom:30px;}
	.footer > div {padding-bottom:40px;}

	.footer > div ul li {padding:0; border:0;}
	.footer > div ul li a {display:block; padding:10px 0; border-bottom:1px solid #e6e6e6;}
	.footer > div ul li:last-child a:last-child {border:0;}

	.footer {padding:40px 0;}
	.footerBottom {margin-top:0;}


	.breadcrumbs {padding-top:40px;}

	.tartalmiContainer, .socialArea .container {width:100%; padding:0 20px;}
	.tartalmiContainer > div {padding-top:50px;}

	.contentSection {padding-top:50px!important;}
	.contentHeader > h1 {font-size:2em;}

	.galleryList {width:100%;}
	.galleryList li {margin-right:10px;}

	.contentRight > a {width:100%; text-align:left;}


	.thumbHolder {margin-bottom:20px;}
	.cikkekListaRow {padding:60px 30px 0 30px;}
	.cikkBox {padding:0 20px 40px 20px;}

	.departmentBox:hover .depHover {display:none; opacity:0; filter:alpha(opacity=0);}
	.departmentSection .owl-item:hover {border-top:10px solid transparent;}
	.departmentBox:hover .depContent > div i {color:#fff; background:url(/static/images/markerBigActive.svg) no-repeat center top;}
	.departmentBox:hover .depContent ul {display:none;}

}


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

	.modal-content {padding:0 20px 30px 20px;}

}


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

	.forSaleRow > div {text-align:center;}
	.eladoPhone, .eladoMail {float:none; display:inline-block; width:auto;}

}


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

	.contentHeader {height:200px;}
	.contentHeader .cornerImg {width:200px; height:auto;}
	.contentHeader > h1 {font-size:2em;}
	.breadcrumbs {padding-top:50px; display:none;}

	.contentHeader .cornerImg, #mainSlider .cornerImg {width:155px; height:auto;}

}

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

	.socialArea {padding:30px 0;}
	.socialArea .container > div {width:100%; padding-bottom:25px; padding-right:0;}
	.socialArea .container > div h4 {text-align:center;}
	.socialLinks {width:100%; text-align:center;}
	.socialLinks li {float:none; display:inline-block; margin:0 4px;}

	.contentHeader > h1 {/*font-size: 1.2em; bottom:80px;*/}

	.mapSection {height:250px;}

	.c2aArea > div {padding:0 30px;}

	.galleryDatabox {padding-right:200px;}

	.contentHeader {font-size:10px;}

	.depContent > div h2 {font-size:20px;}

}


@media (max-width:500px) {

	.c2aArea {padding-top:40px;}
	.kapcsFelvetel {display:none;}
	.kFelvMob {display:block; position:relative;}

	.navigationList {margin-top:65px;}
	.navFrame .navTrigger {margin-top:15px; margin-left:-15px;}

	.navigationList {margin-top:15px; margin-left:-5px; padding-bottom:25px;}	
	.navigationList > li, .navigationList > li.panel {margin-bottom:20px;}
	.navigationList > li > div ul {padding-top:15px;}

	.navCover {display:block;}

	.c2aBox {width:auto;}

	.departmentSection .owl-page span {margin:0 8px !important;}
	#termekCarousel .owl-page span {margin:0 6px !important;}

}


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

	.navFrame {width:100%; padding:0 30px;}
	
	.lowMenu .navFrame .navTrigger {margin-top:15px; margin-left:-15px;}
	.navFrame.opened .navTrigger {margin-top:0px; margin-left:-20px; z-index:100;}
	.lowMenu .navigationList {margin-top:15px; margin-left:-5px;}	

	.breadcrumbs {padding-top:30px;}

	.modalHeader h1 {font-size:21px; line-height:23px;}
	.modalHeader h3 {font-size:14px;}
	.modalClose {width:18px; height:17px; background-size:100% auto;}

	.errorMsg {width:60%; padding-bottom:20px;}

}

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

	.errorMsg {margin-top:5px;}

}

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

	.kapcsFelvetel {width:100%; margin-left:0; left:0; background-position:center top;}
	.footerBottom span {width:130px; margin-top:-5px;}

	.galleryList li {max-width:100%;}

	.lapozo_list li.vissza a {margin-right:45px;}
	.lapozo_list li.kovetkezo a {margin-left:45px;}


	.modalCaro .carousel-indicators {height:72px; overflow:hidden;}

}


