@media only screen and (max-height:900px){
	#categmenu .flex a {font-size: 2vh;width:11vh}
	#categmenu {height:12vh}
}

@media only screen and (min-width:768px) and (max-height:640px){
	.home-logo img {height:60vh}
	
}
@media only screen and (min-width:768px) and (max-height:700px){
	.page-header-alpha .navbar-mainmenu .nav-item {font-size: 7vh;}
}

@media only screen and (min-width:768px) and (max-height:520px){
	.menulogo {margin-bottom:30px}
}


@media only screen and (max-width:1400px){
	.section-rolunk .coll.center .bottom p{font-size:18px;line-height:26px}
}
@media only screen and (min-width:1300px){
	.section-boraink h2{   font-size: 80px !important;}	
}



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

	.vasaroljbizalommal li {width:100%}
	.vasaroljbizalommal ul.glutenmentes li {margin-top:0;text-align:left}
}

@media only screen and (max-width:1260px){
	.single-product .woocommerce-tabs.wc-tabs-wrapper {float:none;width:100%}
	.single-product .woocommerce-tabs.wc-tabs-wrapper + .youtube-video, .single-product .youtube-video {float:none;width:100%}
}
@media only screen and (max-width:1200px){
	.section-turizmus a h3 {font-size:34px}
	.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {max-width:50%}
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {width:calc(50% - 50px)}
 
 
}

@media only screen and (max-width:1100px){
	.section-rolunk .coll:nth-child(1) {margin-top:0}
	.section-rolunk .coll {margin-top:30px;height:50vw;min-height:100%;width:100%}
	.section-rolunk .coll.center {height:100%}
	.section-rolunk .coll.center .top {height:50vw}
	.section-rolunk .flex {flex-direction:column}
	.section-rolunk .coll.left {height:100%}
	.section-rolunk .coll.left .top  {height:50vw}
	.section-rolunk .coll.left .bottom  {margin-top:30px;height:50vw}
	.section-rolunk .video-container {height:50vw;}
	.section-turizmus .bgcentercover {width:100% !important}
	.section-turizmus .bgcentercover:not(.halvanyabb) {display:none}
	.section-turizmus .flex {width:100% !important}
	.section-turizmus a {align-items: flex-end}
	.section-turizmus h3 {width:100%;display:block;text-align:center;background-color:rgba(0, 0, 0, 0.5);}
	.section-turizmus .halvanyabb:after {display:none}
	.section-turizmus .halvanyabb {height:70vw  !important}
	.section-turizmus .section-wrapper {height:100%}
	.section-turizmus .topleft-top {margin-bottom:30px}
	.section-turizmus .bottom,
	.section-turizmus .top,
	.section-turizmus .topleft-top, .section-turizmus .topleft-bottom	{height:100%;}
	.section-rolunk .section-wrapper {max-height:100%}
	.section-hireink .section-wrapper{max-height:100%}
	.section-hireink .item {height:100%}
	footer .other{display:block;margin-top:20px}
	.headermiddle {display:none}
	.nav-item.mobilsearch {display:block}
	
}
@media only screen and (max-width:1024px){
	.page-footer {padding-bottom:50px;padding-top:30px;background:#000}
	.page-footer .footer-right {left:0;right:0;margin:0;text-align:center;opacity:1 !important;visibility:visible !important;position:relative;}
}
@media only screen and (max-width:992px){
	.headermiddle {max-width:300px;margin-left:120px}

	 
	
}

@media only screen and (max-width:960px){
	.abstop {margin-bottom:30px;position:static;bottom:auto}
	.fp-responsive .fp-auto-height-responsive.fp-section.section-boraink {height:60vw !important}
	.section-kategoriak h4 {font-size:22px}
	.project-list .item {margin-bottom:50px}
	.media-project .media-img {width:100%}
	.project-list {justify-content:center}
}

@media only screen and (min-width:768px){
	.section-hireink .anim-2 .szoveg{order:1}
.section-hireink .anim-2 .kep{order:2}
.section-kategoriak h2 {font-size:70px}


	.nav .sub-menu {position:absolute;top:40px;left:0;background:#fff;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.29)}
	.nav .sub-menu li {width:100%}
	.nav .sub-menu li a {transition:none;letter-spacing:0.04em;position:relative;display:inline-block;font-size:16px;padding:5px 0;display: block;    line-height: 20px;    padding: 10px 35px 10px 25px !important;    text-decoration: none;   white-space: nowrap;color:#000}
	.nav .sub-menu li a:hover {color:#be2f28}
	.nav .menu-item-has-children {position:relative}
	.nav .menu-item-has-children:hover a {position:relative}
	.nav .menu-item-has-children:hover .sub-menu {display:block}
	.vc_masonry_grid .vc_gitem-zone {min-height:103px;}
}




@media only screen and (max-width:768px){
	.headermiddle {display:none}
	.abstop a {font-size:24px}
	.section-hireink .item .szoveg h4 {margin-top:20px;font-size:24px;}
	.section-hireink .item .szoveg p {    font-size: 18px;    line-height: 24px}
	.section-hireink .item {flex-direction:column}
	.section-hireink .item .kep {height:40vw}
	.section-hireink .item .kep,
	.section-hireink .item .szoveg	{width:100%}	
	#categmenu .flex a {align-items:center;font-size:18px;width:auto;height:100%;background:none !important}
	#categmenu .flex a span {background:none;color:#fff;padding:0}
	#categmenu {height:60px}
	#categmenu .flex  li {margin:0 10px}
	.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {max-width:100%}
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {width:100%}
	.woocommerce-cart-form .product-quantity .quantity.flex {float:right}
	.woocommerce-cart-form .product-quantity:after {clear:both;display:block;content:'';width:100%;height:100%}
	.woocommerce-cart-form .product-subtotal {clear:both}
	.woocommerce-cart-form tr.woocommerce-cart-form__cart-item.cart_item {border-bottom:3px solid #fff}
	
	.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 {padding:0;max-width:100%}
	p {    font-size: 18px;    line-height: 24px;}
	.mobiloncsere {flex-direction:column}
	.mobiloncsere  .wpb_column:nth-child(1) {order:2}
	.mobiloncsere  .wpb_column:nth-child(2) {order:1}
	
	.mobiloncsere.visszacsere  .wpb_column:nth-child(1) {order:1}
	.mobiloncsere.visszacsere  .wpb_column:nth-child(2) {order:2}
	
	.galeriagrid h3 {font-size:34px}
	.alsosor  {text-align:left}
	footer .other  {display:block;margin-top:30px}

}

@media only screen and (min-width:576px){
	
}
@media only screen and (max-width:600px){
	.nav {display:none}
	.usser {margin-bottom:10px;display:block}
	.usser a {font-size:20px;padding:15px 0}
	.page-header-alpha .navbar-mainmenu .nav-item a {font-size: 26px !important}
	.menulogo {margin-top:100px}
	.widget_icl_lang_sel_widget {margin-right:0}
}

@media only screen and (max-width:575px){
	.vc_masonry_grid .vc_gitem-zone h3 a {font-size:20px !important;}
	.home-logo img {height:100%;width:100%;max-width:90%}
	.fp-responsive .fp-auto-height-responsive.fp-section.section-boraink {height:100vw !important}
	.fp-responsive .fp-auto-height-responsive.fp-section.section-boraink .section-cover-full {background-size:cover !important;}
	.display-4 {    font-size: 2.5rem}
	.heading h3, .default-content h1 {font-size:34px}
	.products li h2 {font-size:18px !important}
	.products li .price, .products li .price * {font-size:22px}
	.blokk {padding-bottom:50px}
	.related.products h2 {padding:50px 0 30px 0;font-size:30px}
	.woocommerce table.shop_table * {font-size:16px}
	#place_order, .checkout-button.button.alt.wc-forward {max-width:100%;width:100% !important}
	.woocommerce-error, .woocommerce-info, .woocommerce-message {font-size:16px}
	.woocommerce div.product div.images {margin-bottom:30px;padding-bottom:0}
	.woocommerce-checkout #content h3 {font-size:24px !important}
	.woocommerce #payment * {font-size:16px}
	#categmenu .flex a {font-size:16px}
	#categmenu .flex li {margin:0 10px}
	.customcontent h3 {font-size:24px;}
	.page-loader div .icon{top:-120px;width:200px;height:204px}
	  .page-loader div p{ font-size:18px}
	
	.cart-contents:before {
		font-family: 'FontAwesome';
		content: "\f07a" !important;
		font-size: 30px;
		color: #fff;
	}
	.furt {display:none}
	.cont h3 {font-size:24px} 
	
	
	#field_2_1,#field_2_2,#field_2_3 {width:100% !important}
	#field_2_1 input,#field_2_2 input,#field_2_3 input {width:100%}
	#field_2_4 textarea {height:200px;width:100%}
	
	#field_5_1,#field_5_2,#field_5_3 {width:100% !important}
	#field_5_1 input,#field_5_2 input,#field_5_3 input {width:100%}
	#field_5_4 textarea {height:200px;width:100%}
	
	.uk-modal-dialog {width:90% !important}
	.page-id-4727 h3 {font-size:24px}
	footer .other a {display:block;margin:15px 0}
	
	.page-footer .footer-right .social {    justify-content: center;padding-left:0;margin-top:20px;width:100%}
	.menulogo {margin-bottom:30px;width:180px;height:89px}
}

@media only screen and (max-width:490px){
 .navbar-brand .navbar-nav {display:none}
}

@media only screen and (max-width:400px){
	
	#categmenu .flex a {font-size:14px}
	#categmenu .flex li {margin:0 5px}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width:100% !important} 
}

@media only screen and (max-width:430px){
	.smallogo {width:100px}
	.smallogo img {height:auto;width:100%}
	header .glass {left:175px}
	
}

@media only screen and (max-width:400px){
	.smallogo {top:14px;width:80px}
	header .glass {left:150px}

}