@import "responsive2.css";

@media only screen and (max-width: 1000px) {
    .category-container:nth-child(3n+0) {
        padding-right: 15px;
    }

    .category-container:nth-child(2n+0) {
        padding-right: 0px;
    }

    .category-container {
        height: 375px;
    }
}

@media (min-width: 992px) {
    .category-container {
        height: 240px;
        width: 240px;
        padding: 0;
        box-sizing: initial;
        padding-bottom: 15px;
    }

    .category-container:nth-child(3n+2) {
        margin: 0 15px;
    }

}

@media only screen and (max-width: 1199px) { 	
	.header-banner .fejlec-szoveg{
		margin-top: 25px;
	}
	
	.header-banner .fejlec-felso,
	.fejlec-szoveg span{
		font-size: 30px;
	}
	
	.header-banner .fejlec_logo{
		background-size: auto 48px;
		margin-top: 17px;
	}

	.header-banner .fejlec-felso{
		background-position: left top 4px;
	}
}

@media only screen and (max-width: 520px) { 	
	.header-banner .fejlec-szoveg{
		margin-top: 25px;
	}
	
	.header-banner .fejlec-felso,
	.fejlec-szoveg span{
		font-size: 22px;
	}
	
	.header-banner .fejlec_logo{
		background-size: auto 40px;
	}

	.header-banner .fejlec-felso{
		background-position: left top 3px;
	}
}

@media only screen and (max-width: 991px) { 	
	.logo-col{
		min-height: 100px;
	}
	.footer .left-col,
	.footer .right-col{
		text-align: center;
	}
	.header-banner .fejlec-szoveg{
		text-align: left;
		margin-bottom: 26px;
	}
}

@media only screen and (max-width: 800px) {
    .categories-row {
        width: 645px;
    }

    .category-container {
        height: 322px;
    }
}

@media only screen and (max-width: 600px) {
    .categories-row {
        width: 510px;
    }

    .category-container {
        height: 255px;
    }
}

@media only screen and (max-width: 500px) {
    .categories-row {
        width: 420px;
    }

    .category-container {
        height: 210px;
    }
}

@media only screen and (max-width: 400px) {
    .category-container:nth-child(3n+0) {
        padding-right: 0px;
    }

    .categories-row {
        width: 309px;
    }

    .col-xxs-12 {
        width: 100%;
        padding: 0 0 15px 0;
    }
	
    .footer .col-xxs-12 {
        width: 100%;
        padding: 0;
    }
	
	.logo-col{
		display: none;
	}

    .category-container {
        height: 309px;
    }
}

@media only screen and (max-width: 300px) {
    .categories-row {
        width: 240px;
    }

    .category-container {
        height: 240px;
    }
}