/*-----------------------------------*\
    $RESPONSIVE
\*-----------------------------------*/

@media (max-width: 1750px) {
.header2 .kereso-blokk {
    max-width: 200px;
}
.header2 .header-nav {
    padding-right: 10px
}
.header-nav ul li {
    margin: 0 15px;
}
}

@media (max-width: 1600px) {
.blog-page .blog-box-content {
    font-size: 14px;
    width: 80%;
    top: 35px;
}
.header-nav ul li a {
    font-size: 13px;
}
.header2 .green-buttons .header-button {
    padding: 0 15px;
    font-size: 14px
}
.headerContainer .padding {
    padding: 0 80px
}
}

@media (max-width: 1439px) {
.header2 .blackLine {
    height: 45px
}
.header2 .green-buttons .header-button {
    padding: 0 12px;
    font-size: 12px;
}
.header2 .header-nav ul li a {
    font-size: 12px;
}
.header2 .green-buttons .header-button {
    height: 45px;
    line-height: 45px;
}
.header2 .header-nav ul li {
    margin: 0 12px;
    line-height: 15px
}
.header2 .header-profile {
    height: 45px;
    line-height: 40px;
    padding: 0 10px;
}
.header2 .header-profile img {
    width: 20px;
}
.header2 .header-cart img {
    width: 20px;
}
.header2 a.header-cart {
    line-height: 40px;
    height: 45px;
    padding: 0 15px;
}
.header2 .header-cart-counter {
    right: 8px;
    bottom: 8px;
    font-size: 10px;
    width: 16px;
    height: 16px;
    line-height: 17px;
}
.header2 .social-blokk {
    padding-right: 0px;
    padding-left: 5px;
}
.header2 .social-icon {
    height: 45px;
    line-height: 40px;
}
.header2 .social-blokk .fbHeader {
    width: 10px;
}
.header2 .social-blokk .instaHeader {
    width: 20px;
    margin-left: 15px;
}
.kereso-mezo input {
    height: 45px;
    padding-left: 22px;
}
.search-icon {
    width: 45px;
    height: 45px;
}
.search-submit {
    width: 45px;
    height: 45px;
}
.search-icon img {
    width: 20px;
}
    .header-nav ul li a::after {
        bottom: -46px
    }
    
   .wpml-ls-legacy-list-horizontal a {
    color: #fff;
    height: 45px;
    line-height: 43px !important;
    padding: 0px 10px !important;
} 
    
    
}

@media (max-width: 1279px) {
.header-nav {
    display: none
}
.green-buttons {
    display: none
}
.search-form {
    display: none
}
.mobile-nav-icon {
    background-color: #000;
    height: 45px;
    line-height: 40px;
    display: block;
    float: right;
    width: 45px;
    cursor: pointer;
    margin-top: 0px;
    padding: 0 10px;
}
.header2 {
    height: 54px
}
   
.woocommerce #wrapper, .single-page .subpage-title {
    padding-top: 54px
}
.header2 .logo {
    width: 100px;
}

.header2 a.header-cart {
    padding: 0 25px 0 15px;
}
.header2 .header-profile {
    padding: 0 16px
}
.mobile-menu {
    position: absolute;
    width: 100%;
    z-index: 1000;
    margin: 0;
    top: 60px;
    background-color: #000
}
.mobile-menu ul {
    margin: 0;
    padding: 0;
}
.mobile-menu ul li {
    list-style: none;
    border-bottom: 1px solid #313e4a;
    float: none;
    clear: both
}
.mobile-menu ul li a {
    display: block;
    color: #fff;
    padding: 5px 20px;
    font-size: 16px;
    background-color: #000;
    text-transform: uppercase
}
.mobile-menu .sub-menu {
    background-color: #23c373
}
.mobile-menu .search-form {
    display: block;
    margin-bottom: 10px
}
.mobile-menu .kereso-blokk {
    max-width: 100%;
    float: none;
}
.mobile-menu .kereso-mezo input {
    background-color: #313e4a;
    color: #fff
}
.mobile-menu .green-buttons {
    display: block
}
.mobile-menu .green-buttons .header-button {
    display: block;
    height: auto;
    line-height: 35px
}

.home-slide-content {
    top: 54px
}
.subpage-title {
    padding: 20px 0 20px 0;
}
.subpage-title h1 {
    font-size: 30px
}
	
	.pageHeightAdjustment	 {
		height: 30px
	}
	
}

@media (max-width: 1199px) {
.header-search #search_input.open {
    width: 150px;
}
.rolunk-text {
    margin-top: 60px;
}
.blog-box-content {
    width: 70%;
}
.blog-box {
    margin-bottom: 60px;
}
.blog-page .blog-box {
    padding-right: 200px;
}
.blog-page .blog-box-content {
    top: 15px;
    font-size: 16px;
    width: 60%;
}
.blog-single-title h1 {
    font-size: 30px;
}
.tab-title {
    font-size: 18px;
}
}

@media (max-width: 991px) {
.rolunk-text {
    margin-top: 0;
}
.rolunk-text .section-title {
    margin-top: 30px;
}
.header-nav ul li {
    padding: 0 7px;
}
.header-search #search_input {
    position: absolute;
    top: 100%;
    right: 0;
    background: #f1f1f1;
    width: 200px;
    height: 0;
}
.header-search #search_input.open {
    width: 200px;
    height: 50px;
}
.header-search .form-control {
    margin-top: 10px;
    margin-bottom: 10px;
}
.blog-box-content {
    width: 50%;
    font-size: 18px;
}
.blog-box {
    margin-bottom: 30px;
}
.blog-page .blog-box {
    padding-right: 80px;
}
.blog-page .blog-box-content {
    font-size: 14px;
}
.blog-single-title h1 {
    font-size: 24px;
}
.tab-title {
    font-size: 14px;
}
.contact-box {
    position: relative;
    top: 0;
}
.contact-map {
    margin-top: 0;
}
#map {
    height: 300px;
}
.woocommerce-loop-product__title {
    font-size: 16px
}
.woo-links {
    display: block
}
.termekcsoportok {
    padding-top: 40px;
    padding-bottom: 20px
}
.kiemelt-termekek {
    padding-top: 40px;
    padding-bottom: 20px;
    background-size: 311px auto;
}
.gomb {
    width: 180px;
    font-size: 14px
}
.small-button {
    width: 180px;
    font-size: 14px
}
.woocommerce-loop-category__title {
    font-size: 22px!important;
}
.pageHeightAdjustment	 {
		height: 30px
	}	
	.woocommerce-breadcrumb {
		display: none!important
	}
}

@media (max-width: 767px) {
body {
    font-size: 14px;
}
    
   .headerContainer .padding {
        padding: 0 35px
    }   
    
.footer-copyright {
    text-align: center;
}
.stilldesign img {
    float: none;
}
h1, .section-title {
    font-size: 30px;
    padding-left: 20px;
}
.blog-box, .blog-page .blog-box {
    padding: 0;
}
.blog-box-content, .blog-page .blog-box-content {
    width: 100%;
    position: relative;
    top: 0;
    font-size: 14px;
}
.tab-title {
    min-height: 0;
    line-height: 18px;
}
.szakterulet-tabs ul.row li a {
    padding-bottom: 5px;
}
.blog-single-title {
    position: relative;
}
.tab-image {
    display: none;
}
.footer-widgets .col-sm-3 {
    margin-bottom: 30px;
    text-align: center
}
#gallery-1 .gallery-item {
    width: 100% !important;
    float: none !important
}
.termekcsoportok img {
    margin-bottom: 30px
}
.kiemelt-termekek {
    background-size: 211px auto;
}
.slidertext {
    text-align: center;
    font-size: 4vw
}
    
    .woocommerce div.product div.summary {
        display: block!important;
        clear: both!important;
        overflow: hidden!important
    }  
    
	.logo-footer img {
		max-width: 160px
	}
}

@media (min-width: 768px) {
.col-sm-1-5 {
    float: left;
    width: 20%;
}
}

@media (max-width: 600px) {
html .woocommerce .woocommerce-ordering {
    margin-top: 0;
    margin-left: 15px;
    margin-right: 15px;
    width: 100%;
    float: none
}
.select2-container {
    width: calc(100% - 30px)!important
}
}

@media (max-width: 480px) {
.header-top ul li a.icon {
    padding: 0 5px
}
.header-top .header-button {
    margin-right: 10px;
    font-size: 14px;
    opacity: 1;
    height: 54px;
    padding: 0 15px
}
.header-top .link {
    padding: 0 5px;
    font-size: 12px
}
.fbHeader {
    width: 7px
}
.instaHeader {
    width: 16px
}
.kereso {
    padding: 0 0px 0 10px;
}
.section-title {
    font-size: 20px;
    padding-left: 0px;
    margin-bottom: 30px;
    margin-top: 30px;
}
.gomb {
    width: auto;
    font-size: 10px;
    padding-top: 6px;
    padding-bottom: 6px
}
.woocommerce a.gomb .cart-icon {
    width: 15px;
    margin-right: 5px;
}
.woocommerce-loop-category__title {
    font-size: 16px!important;
}
.kiemelt-termekek {
    background-size: 100px auto;
}
    
    .headerContainer .padding {
        padding: 0
    } 
    
     .home-slider {
    margin-top: 54px
}
    .home-slide-content {
    top: 0px
}
}

@media (max-width: 380px) {
.search-button {
    display: block
}
.kereso {
    display: none
}
}