.ui-dialog{
    z-index:10000000000000000000000000000000000000000000000000 !important;

}

    

/* Egyéni xl és fullscreen modalok, a kapcsolódó termékek megjelenítéséhez

*/

/* Alap modal stílusok */
.custom-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000000000000000000; /* A Bootstrap alap modal z-indexe 1050, ennek fölé kell mennie ha BS modal is van */
    display: none; /* Alapból elrejtve */
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    opacity: 0; /* Animációhoz */
    transition: opacity 0.3s ease-in-out;
}

.custom-modal.show {
    opacity: 1; /* Megjelenik */
}

.custom-modal-dialog {
    position: relative;
    width: auto; /* Alapértelmezett, a méretet a specificus osztályok adják */
    margin: 1.75rem auto; /* Középre igazítás */
    pointer-events: none; /* Hogy ne akadályozza a klikket a háttéren */
    transform: translate(0, -50px); /* Animációhoz */
    transition: transform 0.3s ease-in-out;
}

.custom-modal.show .custom-modal-dialog {
    transform: translate(0, 0); /* Animáció során */
}

.custom-modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0.3rem;
    outline: 0;
}

.custom-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.custom-modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.custom-modal-close {
    padding: 1rem 2rem;
    margin: -1rem -1rem -1rem auto; /* Pozícionálás */
    background-color: transparent;
    border: 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    cursor: pointer;
}

.custom-modal-close:hover {
    opacity: .75;
}

/* Ez a módosítás a legfontosabb! */
.custom-modal-body {
    position: relative;
    flex: 1 1 auto; /* Megpróbálja kitölteni a rendelkezésre álló helyet */
    padding: 1rem;
    overflow-y: auto; /* Itt hozza létre a görgetősávot, ha a tartalom túlfolyik */
    /* Box-sizing beállítása, ha esetleg máshol át lett írva */
    box-sizing: border-box;
}

.custom-modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

/* Modal háttér (backdrop) */
.custom-modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040; /* A modal alatt legyen */
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    display: none; /* Alapból elrejtve */
}

.custom-modal-backdrop.show {
    opacity: 0.5; /* Látható */
}

/* Különleges méretek */

/* Teljes képernyős modal */
.fullscreen-modal .custom-modal-dialog {
    margin: 0;
    width: 100vw;
    max-width: 100vw; /* Bootstrap 3 flexbox nélkül */
    height: 100vh;
}

/* A .custom-modal-content magasságának biztosítása a fullscreen modalnál */
.fullscreen-modal .custom-modal-content {
    min-height: 100vh; /* Ez már benne van */
    height: 100%; /* Fontos, hogy a flexbox tudja értelmezni a belső elemeknél */
    display: flex; /* Biztosítsuk, hogy flex container legyen */
    flex-direction: column; /* A gyermek elemek oszlopban legyenek */
}

/* További beállítások az .xl-modal-hoz, ha kell fix magasságú body */
.xl-modal .custom-modal-content {
    display: flex;
    flex-direction: column;
    max-height: 90vh; /* Példa: korlátozza a modal ablak magasságát is, hogy ne nyúljon túl nagyra */
}

/* Extra nagy (XL) modal */
.xl-modal .custom-modal-dialog {
    max-width: 1200px; /* Egyedi XL méret */
    width: 90%; /* Reszponzív alap */
}

/* Esetleges finomhangolás a .custom-modal-header és .custom-modal-footer elemeken, ha margint vagy paddingot adtál hozzájuk ami befolyásolná a body-t */
.custom-modal-header,
.custom-modal-footer {
    flex-shrink: 0; /* Ne zsugorodjanak, ha a body túl nagyra nő */
}

/* Reszponzivitás (Bootstrap 3 breakpoint-ekkel összehangolva) */
@media (min-width: 768px) { /* Medium devices (tablets, 768px and up) */
    .xl-modal .custom-modal-dialog {
        width: auto; /* Visszaáll az auto-ra, hogy a max-width érvényesüljön */
    }
}




/* MODAL END*/






.select-title{
    display:none !important;
}
.tree_aktualis_alkategoria {
    color:red !important;
    text-decoration:underline !important;
}
.tree_alkategoria:hover {
    text-decoration:underline;
}

.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none
}
.tree ul {
    margin-left:1em;
    position:relative
}
.tree ul ul {
    margin-left:.5em
}
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.tree li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    color:#369;
    font-weight:700;
    position:relative;
    font-size:0.9em;
}
.tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
}
.indicator {
    margin-right:5px;
}
.tree li a {
    text-decoration: none;
    color:#369;
}
.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color:#369;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}

.palyazat-top {
    display:none !important;
}
.swiper-slide-kategoria-container {
    position:absolute;
    top:0px;
    width:100%;
    height:120px;
}
.swiper-slide-image-container{
    width:120px;
    height:120px;
    margin-left:auto;
    margin-right:auto;
}
.swiper-slide-kategoria-text {
    width:100%;
    position:absolute;
    font-weight:bold;
    bottom:0px;
    padding:3px;
    background:white;
    opacity:0.9;
}
.swiper-container {
  width: 100%;
  height: 127px;
}

.swiper-slide {
  text-align: center;
  font-size: 14px;
  background: white;
  border:2px solid lightgray;
  border-bottom:4px solid #85be3d;
  
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-button-next, .swiper-button-prev{
    color: #28437a !important;
}

.szuro-lista-box .dropdown-menu{
    background: white !important;
    max-width:100%;
    overflow:hidden;
}
.szuro-lista-box .dropdown-menu .selected a{
    background: whitesmoke !important;
    color: gray !important;
}


.termek p{
    line-height:1.4em;
}
.tile-mod h5 {
    margin-top: -7px;
    margin-bottom: -3px;
    font-size: 0.95em;
}

.kereso-webshop{
    margin-top:-4px;
}

/* A konfigurátor lépéseinek dobozai*/
.step
{
margin-bottom:100px;
width:100%;
border:3px solid lightgray;
padding:10px;
box-shadow: 2px 2px 3px #888888;
}

/* A rádió gombok CSS */

/*
ul li{
  color: gray;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 60px;
	
}

ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

ul li label{
  display: block;
  position: relative;
  
  font-size: 1em;
  padding: 22px 30px 30px 57px;
  margin: 8px auto;
  height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

ul li:hover label{
	color: #479fc8;
}

ul li .check{
  display: block;
  position: absolute;
  border: 5px solid #b5b5b5;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 30px;
  left: 20px;
	z-index: 10;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

ul li:hover .check {
  border: 5px solid #479fc8;
}

ul li .check::before {
  display: block;
  position: absolute;
	content: '';
  border-radius: 100%;
  height: 11px;
  width: 11px;
  top: 2px;
	left: 2px;
  margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

input[type=radio]:checked ~ .check {
  border: 5px solid #479fc8;
  background:lightgray;
}

input[type=radio]:checked ~ .check::before{
  background: #479fc8;
}

input[type=radio]:checked ~ label{
  color: #479fc8;
  background:lightgray;
}



 */

@keyframes click-wave {
  0% {
	height: 40px;
	width: 40px;
	opacity: 0.35;
	position: relative;
  }
  100% {
	height: 200px;
	width: 200px;
	margin-left: -80px;
	margin-top: -80px;
	opacity: 0;
  }
}

.btn-w120{
	width:120px;
}
.btn-t5{
	margin-top:5px;
}
.btn-step:hover{
    text-decoration:none;
}
.badge-webshop{
	color:white;
	background:#28437a;
	
}

.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 13.33333px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 40px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 10;
}
.option-input:hover {
  background: #9faab7;
}
.option-input:checked {
  background: #479fc8;
}
.option-input:checked::before {
  height: 40px;
  width: 40px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 26.66667px;
  text-align: center;
  line-height: 40px;
}
.option-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #40e0d0;
  content: '';
  display: block;
  position: relative;
  z-index: 9;
}
.option-input.radio {
  border-radius: 50%;
}
.option-input.radio::after {
  border-radius: 50%;
}

label {
  display: block;
  line-height: 40px;
}

.new-hidden{
	visibility: hidden;
}

.anyag-me-input,.anyag-raklap-input,.anyag-csomag-input,.anyag-min-input{
	width:70px;
	/*height:46px;*/
	background:white;
	display:inline-block;
	color:gray;
	margin-top:-4px;
}
.licit-input{
    width:120px;
    height:46px;
    background:#6a6565;
    display:inline-block;
    color:gray;
    
}
.licit-input:focus{
    border:none;
    outline:none;
    box-shadow: none !important;
    border:2px solid red;
    background:whitesmoke;
    font-weight: bold;
}
.anyag-me-input:focus,.anyag-raklap-input:focus,.anyag-csomag-input:focus,.anyag-min-input:focus{
	border:none;
	outline:none;
	box-shadow: none !important;
	border:2px solid red;
	background:whitesmoke;
    color:black;
    font-weight: bold;
}

/* FILTEREK KINÉZETE*/

.filter-szin,.filter-gyarto,.filter-tipus,.filter-egyedi{
	margin-bottom:20px;
	
	
}




.tooltip-inner{
	background:#85be3d !important;
	border:2px solid lightgray !important;
	padding: 5px !important;
	color:#102e6c !important;
	border-radius:0px !important;
	text-align:justify;
	max-width:280px !important;
    opacity:1 !important;
    font-weight: bold;
    
} 
.tooltip.in{
    opacity: 1 !important;
}

.disabled
{
/*opacity:0.4;*/
text-decoration: line-through;
}

.checked
{
background:#479fc8 !important;
}

.pointer:hover{
	
	cursor:pointer;
	
}

.leiras
{
	font-size:0.8em;
	color:gray;
	
	
}

.termek{
	padding:10px;
	
	margin-bottom:30px;
	background:white;
	
}

.termek:hover{
	
}

.termek-parketta{
	height:600px;
}
.termek-parketta-alatet,.termek-parketta-szegely{
	height:550px;
}


.rejtett
{
opacity:0;
z-index:-10000;
}

.media-body
{
line-height: 0.9em;
}

.lma
{
width:100%;
border:1px solid gray;
font-size:0.8em;
padding:5px;
display:none;
margin-top:-5px;

background:white;
/*box-shadow: 5px 5px 3px #888888;*/

border-top: 30px solid red;
border-left: 30px solid red;
border-bottom: 30px solid red;
margin-top:-30px;
width:400px;
max-width:100% !important;

}
.kosar-tartalma-new{
	border:2px solid #102e6c !important;
	margin-top:0px;
    background:#e2ffe2;
}

.dropdown-menu-red{
	border:2px solid #85be3d !important;
	border-radius: 0px !important;
	background:white !important;
	min-width: 100%;
	margin-top:3px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.navbar-webshop .navbar-nav > .open > a, .navbar-webshop .navbar-nav > .open > a:hover, .navbar-webshop .navbar-nav > .open > a:focus{
	background:transparent;
}

.btn-kosar
{
margin-bottom:5px;
}

.btn-cart{
	padding:8px !important;
}
.btn-cart .fa{
	margin:0px !important;
}

.displaynone{
	display:none;
}

kbd{
	border-radius:0px;
}


.gyarto-filter,.tipus-filter,.szuro-filter{
	border:1px solid lightgray;
	width:200px;
	height:200px;
	background:white;
	margin-bottom:20px;
	margin-top:20px;
}



.active{
	font-weight: bold !important;
	text-decoration:underline;
    color:#87bf41 !important;
    border: 2px solid #87bf41 !important;
}

/* webshop filterek dropdown menüi mindig 50px magasak legyenek, akkor is ha nincs bennük ikon  */
.bootstrap-select>.dropdown-toggle{
	height:50px;
}

.no-max-height{
	max-height: none !important;
	height:auto !important;
}


.webshop-heading{
	background:lightgray !important;
	color:gray !important;
}
.tile-mod{
	height:50px;
}

.btn-select{
	height:35px !important;
	font-size:12px;
	font-weight: bold;
	/*background:#337ab7;
	color:black;*/
}
.szuro-fixed-menu, .alkategoria-fixed-menu{ 
    background: white !important;
}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
    
    .alkategoria-fixed-menu{
        display:none;
    }
    .alkategoria-fixed-menu-expander{
        display:none;
    }
    .product-filters-box{
        max-height:150px;
        overflow:hidden;
        
    }
    .product-filter-info{
        width:62px;
        height:78px;
        margin-right:0px;
        margin-left:10px;
        overflow:hidden;
        display:inline-block;
        font-size:0.6em;
    }
    .szinrendszer-box{
        height:105px;
        overflow:hidden;
        margin-top:3px;
        
    }
    .szinvalaszto-box{
        border:2px solid red;
        background:white;
        z-index:100000000000000000000000000000000000000;
        position:fixed;
        width:100%;
        height:100%;
        top:0;
        left:0;
        padding:10px;
    }
    .szinek{
        height:460px;
        overflow-y:scroll;
        overflow-x:hidden;
        padding:5px;
    }
    .szinek .szin{
        margin-top:30px;
        width:100%;
    }
    .szin{
        margin-bottom:10px;
        margin-top:10px;
    }
    .focim_blokk {
        margin-top:60px !important;
    }
    .alkategoriak{
        height:auto;
    }
    #kategoria-menu{
        min-height:500px;
    }
    .menu-divider{
        margin-top:60px;
    }
    #specialis_kereses_button{
		height:auto;width:100%;	
	}
    #szurozar,#szuronyit{
        display:none;
    }
    #szuro-menu{
        /*max-height:500px;*/
        overflow: auto;
        display:none;
    }
	.dropdown-szallitas{
		width:100%;max-width:100%;padding:10px;height:auto;overflow:auto;
	}
	.alkategoria{
		max-height:160px;
		overflow:hidden;
			
	}
	
	.webshop-logo{
		position:absolute;
		top:0px;
		left:0px;
		
	}
	.navbar-webshop{
		background:white;
	}
	
	.webshop-logo img{
		height:50px;
		margin-top: 0px !important;
	}
	
	
	.navbar-webshop .navbar-collapse .navbar-nav .dropdown>a{
		font-size:15px;
		padding:10px;
		color:gray !important;
		 
	} 
    .navbar-webshop .navbar-collapse .navbar-nav .dropdown>a .fa-shopping-cart{
        
    }
	.navbar-webshop .navbar-collapse .navbar-nav .dropdown {
        width:100%;
        border:2px solid red;
        height:40px;
        margin-bottom:300px;
    }
    
	
	
	.product-box{
		background:lightyellow;padding:10px;border:3px solid lightgray;
	}
	.td-cart-product-name{
		
		
		white-space: normal;
		word-wrap: break-word;
	}
	.alkategoria-lista{
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	}
	.termek-neve{
		font-size:1.1em;
	}
    .filter-gyarto, .filter-szin, .filter-tipus, .filter-egyedi {
        width:90%;
        margin-bottom:30px;
    }
    
    #filters{
        display: flex;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
    }
    
    .kosar-dropdown{
       
        background: white;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 50px;
        box-sizing: border-box;
        padding:8px;
        border:2px solid #85be3d !important;
        margin-bottom: 0px !important;
    }
    .navbar-kosar{
        width:100%;
        margin-right:0px;
    }
    #section_kosar{
        padding:0px;
        
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%;
        width: 100%;
        text-align: initial;
        box-sizing: border-box;

    }
	#webshop-menu{
        height:100vh;
    }
    
    .navbar-collapse.in { /* Amikor a menü lenyitva van (a '.in' osztály a JavaScript adja hozzá) */
        position: fixed; /* Fix pozícióba helyezi a nézetablakhoz képest */
        top: 0;          /* Tól a nézetablak tetejéig */
        left: 0;         /* Tól a nézetablak bal széléig */
        width: 100vw;    /* A nézetablak teljes szélessége */
        height: 100vh;   /* A nézetablak teljes magassága */
        margin: 0 !important; /* Eltávolítja az esetleges Bootstrap margókat */
        padding: 0 !important; /* Eltávolítja az esetleges Bootstrap paddingokat */
        background-color: white; /* Vagy bármilyen háttérszín, pl. fehér, hogy ne olvadjon össze */
        border:2px solid lightgray;
        z-index: 1040; /* Magasabb z-index, mint az oldal többi része, de lehet, hogy a modalnál alacsonyabb, ha egyszerre is nyitva lehet */
        overflow-y: auto; /* Ha a menü tartalma túl hosszú, görgethető legyen */
        -webkit-overflow-scrolling: touch; /* Jobb görgetés iOS-en */
        max-height: none !important;
    }	
    #kereses_blokk{
        width: 100%;
        display: flex;
        align-content: center;
        justify-content: center;
        margin-top:8px;
    }				
}


@media (min-width: 768px) and (max-width: 991px) {
	.webshop-logo img{
        display:none;
    
    }
    .alkategoria-fixed-menu{
        position:fixed;
        width:270px;
        height:calc(100vh - 110px);
        top:100px;
        left:2px;
        padding:20px;
        background:white;
        z-index:100000000000000000000;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
        display:none;
    }
    .alkategoria-fixed-menu-expander{
        position:fixed;
        bottom:5px;
        left:5px;
        width:140px;
        z-index:100000000000000000000;
        display:block;    
        top:unset;
    }
    .alkategoria-lista-box{
        max-height: calc(100vh - 250px);
        overflow:auto;
    }
    
    
    .szuro-fixed-menu{
        position:fixed;
        width:768px;
        height:500px;
        top:100px;
        right:calc(50% - 384px);
        padding:10px;
        background:white;
        z-index:100000000000000000000;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
        display:none;   
    }
    .szuro-fixed-menu-expander{
        position:fixed;
        bottom:5px;
        left:160px;
        width:140px;
        z-index:100000000000000000000;
        display:block;    
    }
    .szuro-lista-box{
        max-height:550px;
        overflow:auto;       
    }
    .filter-gyarto, .filter-szin, .filter-tipus, .filter-egyedi {
        width:300px;
    }
    .kereses-input{
        width:100%;
        margin-top:45px;
    }
    .kereso-webshop{
        width:100%;
        height:41px;
    }
    .keresomezo{
        position:relative;
        width:100%;
    }
    .product-filters-box{
        display:none;
        
    }
    .focim_blokk {
        margin-top:107px !important;
    }
    .alkategoriak{
        height:auto;
    }
    #szuro-menu{
        max-height:500px;
        overflow: auto;
    }
    .menu-divider{
        margin-top:60px;
    }
    #specialis_kereses_button{
		height:auto;width:100%;	
	}
	.dropdown-szallitas{
		width:300px;padding:10px;max-height:500px;overflow:auto;
	}
	.alkategoria{
		max-height:160px;
		overflow:hidden;
		background:#30628e;	
	}
	
	.webshop-pagination{
		margin-top:-4px;
		background:whitesmoke;
		border:2px solid lightgray;
		height:39px;
	}
	
	.webshop-pagination select{
		background:white;
		color:gray;
		border:2px solid lightgray;
		height:35px;
		font-size:12px;
		font-weight: bold;
	}
	
	/*  webshop bannersáv legördülő menüjei (kosár, szállítás, megrendelés) */
	.navbar-webshop .navbar-collapse .navbar-nav .dropdown {
		width:300px;
		background:#676262;
		border:2px solid red;
		height:34px;
	}
	
	/*  webshop bannersáv legördülő menüjeinek linkjei  */
	.navbar-webshop .navbar-collapse .navbar-nav .dropdown>a{
		font-size:15px;
		padding:10px;
		line-height: 15px !important; 
	}
	.navbar-webshop .navbar-collapse .navbar-nav .dropdown>a .fa-shopping-cart{
        margin-top:-16px;
        margin-left:-5px;
    }
	.navbar-webshop .navbar-collapse .navbar-nav .dropdown .open{
		border:2px solid red;
	}
	.webshop-logo img{
		
		width:150px;
		margin-top: 0px !important;
	}
	#specialis_kereses_button{
		height:49px;width:100%;	
	}
	
	
	.product-box{
		background:lightyellow;padding:10px;border:3px solid lightgray;
	}
	.td-cart-product-name{
		width:110px;
		white-space: normal;
		word-wrap: break-word;
	}
	
	.alkategoria-lista{
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	}
	.termek-neve{
		font-size:1.1em;
	}
	
	.menu_gombsor h5{
		font-size:9px;
		font-weight: normal;
	}				
	.menu_gombsor .fa{
		font-size:1.5em;
	}
	.tile-mod{
		height:39px;
	}
		
	.kosar-tartalma-new{
		height:400px;
		overflow-y:auto;
		width:100%;
		
	}				
						
}


@media (min-width: 992px) and (max-width: 1200px) {
    
    .alkategoria-fixed-menu{
        position:fixed;
        width:270px;
        height:calc(100vh - 110px);
        top:100px;
        left:2px;
        padding:20px;
        background:white;
        z-index:100000000000000000000;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
        display:none;
    }
    .alkategoria-fixed-menu-expander{
        position:fixed;
        bottom:5px;
        left:calc(50%);
        width:140px;
        z-index:100000000000000000000;
        display:block;    
        top:unset;
    }
    .alkategoria-lista-box{
        max-height: calc(100vh - 250px);
        overflow:auto;
    }
    
    
    .szuro-fixed-menu{
        position:fixed;
        width:940px;
        height:500px;
        top:100px;
        right:calc(50% - 470px);
        padding:10px;
        background:white;
        z-index:100000000000000000000;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
        display:none;   
    }
    .szuro-fixed-menu-expander{
        position:fixed;
        bottom:5px;
        left:calc(50% - 145px);
        width:140px;
        z-index:100000000000000000000;
        display:block;    
    }
    .szuro-lista-box{
        max-height:550px;
        overflow:auto;       
    }
    .filter-gyarto, .filter-szin, .filter-tipus, .filter-egyedi {
        width:300px;
    }
    .kereses-input{
        width:100%;
        margin-top:45px;
    }
    .kereso-webshop{
        width:100%;
        height:41px;
    }
    .keresomezo{
        position:relative;
        width:100%;
    }       
    
    .product-filter-info{
        width:82px;
        height:78px;
        margin-right:0px;
        margin-left:10px;
        overflow:hidden;
        display:inline-block;
        font-size:0.6em;
    }
    .product-filters-box{
        max-height:150px;
        overflow:hidden;
        
    }
    .szinrendszer-box{
        height:125px;
        overflow:hidden;
    }
    .szinvalaszto-box{
        border:2px solid red;
        background:white;
        z-index:10000000000000000000000000000000000000000;
        position:fixed;
        width:500px;
        height:750px;
        top:calc( 50% - 375px);
        left:calc( 50% - 250px);
        padding:20px;
    }
    .szinek{
        height:460px;
        overflow-y:scroll;
        overflow-x:hidden;
        padding:5px;
    }
    .szinek .szin{
        margin:10px;
        width:80%;
    }
    .szin-informacio{
        display:none;
    }
    .szinek .szin .szin-informacio{
        display:block;
        position:absolute;
        bottom:20px;
        width:100%;
        background:white;
        font-weight: bold;
        opacity:0.8;
        padding:5px;
        border:2px solid lightgray;
    }
    .focim_blokk {
        margin-top:92px !important;
    }
    .alkategoriak{
        height:50px;
        overflow:hidden;
    }
    #specialis_kereses_button{
		height:110px;width:100%;	
	}
    .alkategoria-menu{
        max-height:90px;
        overflow:auto;
    }
    .menu-divider{
        margin-top:115px;
    }
	.kosar-tartalma-new{
		height:400px;
		overflow-y:auto;
		width:200px;
		
	}
	.dropdown-szallitas{
		width:600px;max-width:100%;padding:10px;height:400px;overflow:auto;
	}
	.alkategoria{
		height:49px;
		max-height:100px;
		overflow:hidden;
		/*background:#30628e;*/	
	}
	
	.step-box{
		background:#e4dfdf;padding:5px;margin-bottom:20px;border:3px solid lightgray;
	}
	.step-box p{
		margin-bottom:5px;
	}
	
	
	.product-box{
		background:lightyellow;padding:10px;border:3px solid lightgray;
	}
	
	.td-cart-product-name{
		width:110px;
		white-space: normal;
		word-wrap: break-word;
	}
	.alkategoria-lista{
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	}
	.termek-neve{
		font-size:1.2em;
	}
	.webshop-pagination{
		margin-top:-4px;
		background:whitesmoke;
		border:2px solid lightgray;
		height:39px;
	}
	
	.webshop-pagination select{
		background:white;
		color:gray;
		border:2px solid lightgray;
		height:35px;
		font-size:12px;
		font-weight: bold;
	}
	
	/*  webshop bannersáv legördülő menüjei (kosár, szállítás, megrendelés) */
	.navbar-webshop .navbar-collapse .navbar-nav .dropdown {
		width:235px;
		border:2px solid red;
		height:36px;
	}
    .navbar-webshop-menu{
        height:40px;
        width:100%;
        background:white;
        /*border:2px solid lightgray;    */
    }
	
	/*  webshop bannersáv legördülő menüjeinek linkjei  */
	.navbar-webshop .navbar-collapse .navbar-nav .dropdown>a{
		font-size:15px;
		padding:10px;
		line-height: 15px !important; 
	}
	.navbar-webshop .navbar-collapse .navbar-nav .dropdown>a .fa-shopping-cart{
        margin-top:-16px;
        margin-left:-5px;
    }
    
	.navbar-webshop .navbar-collapse .navbar-nav .dropdown .open{
		border:2px solid red;
	}
	.webshop-logo img{
		display:none;
		width:120px;
		margin-top: 0px !important;
	}
	#specialis_kereses_button{
		height:49px;width:100%;	
	}
	.badge-webshop-container{
		position:absolute;
		left:235px;
		top:0px;
		width:235px;
		text-align:center;
		height:48px;
		vertical-align: middle;
	}
	
	.badge-webshop {
		
	}
    .kereso-webshop{
        width:214px;
        height:41px;
        margin-top:5px;
    }
    .kereses_ikon_blokk{
        display: none;
    }
	
}


@media (min-width: 1200px){
	.alkategoria-fixed-menu{
        position:fixed;
        width:270px;
        height:calc(100vh - 110px);
        top:100px;
        left:2px;
        padding:20px;
        background:white;
        z-index:100000000000000000000;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
        display:none;
    }
    .alkategoria-fixed-menu-expander{
        position:fixed;
        bottom:5px;
        left:calc(50%);
        width:140px;
        z-index:100000000000000000000;
        display:block;    
        top:unset;
    }
    .alkategoria-lista-box{
        max-height: calc(100vh - 250px);
        overflow:auto;
    }
    
    
    .szuro-fixed-menu{
        position:fixed;
        width:1140px;
        height:500px;
        top:100px;
        right:calc(50% - 570px);
        padding:10px;
        background:white;
        z-index:100000000000000000000;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
        display:none;   
    }
    .szuro-fixed-menu-expander{
        position:fixed;
        bottom:5px;
        left:calc(50% - 145px);
        width:140px;
        z-index:100000000000000000000;
        display:block;    
    }
    .szuro-lista-box{
               
    }
    .filter-gyarto, .filter-szin, .filter-tipus, .filter-egyedi {
        width:300px;
    }
    .kereses-input{
        width:100%;
        margin-top:45px;
    }
    .kereso-webshop{
        width:100%;
        height:41px;
    }
    .keresomezo{
        position:relative;
        width:200px;
    }
    
    .product-filter-info{
        width:62px;
        height:78px;
        margin-right:0px;
        margin-left:10px;
        overflow:hidden;
        display:inline-block;
        font-size:0.6em;
    }
    .product-filters-box{
        max-height:150px;
        overflow:hidden;
        
    }
    .szinrendszer-box{
        height:125px;
        overflow:hidden;
    }
    .szinvalaszto-box{
        border:2px solid #85be3d;
        background:white;
        z-index:1000000000000000000000000000000000000000000;
        position:fixed;
        width:500px;
        height:750px;
        top:calc( 50% - 375px);
        left:calc( 50% - 250px);
        padding:20px;
       box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
   }
    .szinek{
        height:460px;
        overflow-y:scroll;
        overflow-x:hidden;
        padding:5px;
    }
    .szinek .szin{
        margin:10px;
        width:80%;
    }
    .szin-informacio{
        display:none;
    }
    .szinek .szin .szin-informacio{
        display:block;
        position:absolute;
        bottom:20px;
        width:100%;
        background:white;
        font-weight: bold;
        opacity:0.8;
        padding:5px;
        border:2px solid #102e6c;
    }
    
    .focim_blokk {
        margin-top:92px !important;
    }
    .alkategoriak{
        height:40px;
        overflow:hidden;
    }
    .kosar-tartalma-new{
		height:400px;
		overflow-y:auto;
		width:300px;
		
	}
    .alkategoria-menu{
        max-height:90px;
        overflow:auto;
    }
    .menu-divider{
        margin-top:115px;
    }
	.dropdown-szallitas{
		width:600px;max-width:100%;padding:10px;height:400px;overflow:auto;
	}
	.webshop-pagination{
		margin-top:13px;
		background:white;
		border:2px solid #28437a;
		height:50px;
        padding:5px;
	}
	
	.webshop-pagination select{
		background:white;
		color:gray;
		border:2px solid lightgray;
		height:35px;
		font-size:12px;
		font-weight: bold;
	}
	.webshop-logo{
		position:absolute;
		top:2px;
		left:2px;
		
	}
	.webshop-logo img{
		display:none;
	}
	#szuro-menu{
        height:auto;
        
    }
    .filter-gyarto, .filter-szin, .filter-tipus, .filter-egyedi {
        width:300px;
    }
	.navbar-webshop {
		width:100%;
		margin-top:0px;
		border-radius:0px;
		opacity:0.98;
		background: white;
		z-index: 100;
        border-bottom:2px solid lightgray;
	}
	.navbar-webshop-menu{
		height:40px;
		width:100%;
		background:white;
        /*border:2px solid lightgray;*/
	}
	
	/*  webshop bannersáv legördülő menüjei (kosár, szállítás, megrendelés) */
	.navbar-webshop .navbar-collapse .navbar-nav .dropdown {
		width:280px;
	    border:2px solid #85be3d;
		height:36px;
        margin-top:4px;
	}
	
	/*  webshop bannersáv legördülő menüjeinek linkjei  */
	.navbar-webshop .navbar-collapse .navbar-nav .dropdown>a{
		font-size:15px;
		padding:10px;
		line-height: 15px !important; 
	}
	
    .navbar-webshop .navbar-collapse .navbar-nav .dropdown>a .fa-shopping-cart{
        margin-top:-9px;
        margin-left:-5px;
    }
    
	.navbar-webshop .navbar-collapse .navbar-nav .dropdown .open{
		border:2px solid red;
	}
	.badge-webshop-container{
		position:absolute;
		left:285px;
		top:0px;
		width:285px;
		text-align:center;
		height:48px;
		vertical-align: middle;
	}
	
	.badge-webshop {
				
	}
	
	#specialis_kereses_button{
		height:49px;width:100%;	
	}
	.alkategoria{
		height:49px;
		max-height:50px;
		overflow:hidden;
		/*background:#30628e;*/	
	}
	
	.step-box{
		background:#e4dfdf;padding:5px;margin-bottom:20px;border:3px solid lightgray;
	}
	
	.step-box p{
		margin-bottom:15px;
	}
	.product-box{
		background:lightyellow;padding:10px;border:3px solid lightgray;
	}
	.td-cart-product-name{
		width:110px;
		white-space: normal;
		word-wrap: break-word;
	}
	
	.alkategoria-lista{
	-webkit-column-count: 4; /* Chrome, Safari, Opera */
	-moz-column-count: 4; /* Firefox */
	column-count: 4;
	}
	.termek-neve{
		font-size:1.4em;
	}
	
    .kereses_ikon_blokk{
        display: none;
    }
						
}




@media (min-width: 1440px){
    
	.webshop-logo img{
		width:140px;
		margin-top: 0px !important;
		display:block;
	}	
	 
}

@media (min-width: 1600px){

	.webshop-logo img{
		width:210px;
		margin-top: 0px !important;
	}
    .alkategoria-fixed-menu{
        position:fixed;
        width:220px;
        height:calc(100vh - 110px);
        top:100px;
        left:2px;
        padding:20px;
        background:white;
        z-index:100000000000000000000;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
        display:block;
    }
    .alkategoria-fixed-menu-expander{
        position:fixed;
        top:100px;
        left:2px;
        width:220px;
        z-index:100000000000000000000; 
        display:none;   
    }
    .alkategoria-lista-box{
        max-height: calc(100vh - 250px);
        overflow:auto;
    }
    
    
    .szuro-fixed-menu{
        position:fixed;
        width:220px;
        height:calc(100vh - 150px);
        top:100px;
        right:2px;
        padding:10px;
        background:white;
        z-index:100000000000000000000;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);  
        display:block; 
    }
    .szuro-fixed-menu-expander{
        position:fixed;
        top:100px;
        right:2px;
        left:unset;
        width:220px;
        z-index:100000000000000000000;
        display:none;    
    }
    .szuro-lista-box{
        max-height:550px;
        overflow:auto;       
    }
    .filter-gyarto, .filter-szin, .filter-tipus, .filter-egyedi {
        width:100%;
    }
    
    .kereses-input{
        width:100%;
        margin-top:45px;
    }
    .kereso-webshop{
        width:100%;
        height:41px;
    }
    .keresomezo{
        position:relative;
        width:100%;
    }	
	
}
@media (min-width: 1920px){
    
    .alkategoria-fixed-menu{
        border: 2px solid #28437a !important;
        position:fixed;
        width:270px;
        height:calc(100vh - 110px);
        top:100px;
        left:60px;
        padding:20px;
        background:white;
        z-index:100000000000000000000;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
        display:block;
    }
    .alkategoria-fixed-menu-expander{
        position:fixed;
        top:100px;
        left:60px;
        width:270px;
        z-index:100000000000000000000; 
        display:none;   
    }
    .alkategoria-lista-box{
        max-height: calc(100vh - 250px);
        overflow:auto;
    }
    
    
    .szuro-fixed-menu{
        border: 2px solid #85be3d !important;
        position:fixed;
        width:270px;
        height:calc(100vh - 150px);
        top:100px;
        right:60px;
        padding:10px;
        background:white;
        z-index:100000000000000000000;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
        display:block;   
    }
    .szuro-fixed-menu-expander{
        position:fixed;
        top:100px;
        right:60px;
        left:unset;
        width:270px;
        z-index:100000000000000000000; 
        display:none;   
    }
    .szuro-lista-box{
        min-height: calc(100vh - 300px);
        max-height: calc(100vh - 250px);
        overflow:auto;
    }
    
    .kereses-input{
        width:100%;
        margin-top:45px;
    }
    .kereso-webshop{
        width:100%;
        height:41px;
    }
    .keresomezo{
        position:relative;
        width:100%;
    }
    
    
    
    .webshop-logo img{
        width:290px;
        margin-top: 0px !important;
    }    
    
}
@media (min-width: 2000px){

	.webshop-logo img{
		width:290px;
		margin-top: 0px !important;
	}	
	
}