/*
 * RESPONSIVE
 * Alternative CSS
 *
 */

/* 1700px */
/*
???
*/

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

	.container {
		padding: 0 100px;
	}

	header .container .header-bottomline {
		width: calc(100% - 200px);
	}

	.lead p {
		width: 100%;
	}

	/* Oddziały -------------------------------------------- */
	.divisions-container .pl .gallery {
		margin: 0 0 0 100px;
	}

	.divisions-container .pl {
		flex-direction: row;
}

	.divisions-container .de .text {
		width: 50%;
	}

	/* contact -------------------------------------------- */
	section#contact .contact-form .form-input,
	section#contact .contact-form .form-textarea,
	section#contact .contact-form .form-submit {
		float: none;
		width: 100%;
	}
}


/* ------------------------------------------------------------- */
/* 1280
/* ------------------------------------------------------------- */
@media screen and (max-width: 1280px) {

	.container {
		padding: 0 75px;
	}

	header .container .header-bottomline {
		width: calc(100% - 150px);
	}

	header nav ul li a {
		padding: 69px 10px;
	}

	header.scroll nav ul li a {
		padding: 40px 10px;
	}

	/* Nasze marki -------------------------------------------- */
	.slider-content .content-item .item-text {
		font-size: 24px;
	}
}


/* ------------------------------------------------------------- */
/* 1024
/* ------------------------------------------------------------- */
@media screen and (max-width: 1024px) {

	/* Header -------------------------------------------- */
	header {
		overflow: hidden;
	}

	header .container {
		overflow: hidden;
	}

	.toggle-nav {
		display: block;
	}

	header nav {
		display: none;
		position: relative;
		float: none;
		overflow: hidden;
		clear: both;
		margin: 30px 0 0 0;
	}

	header nav ul {
		margin: 0;
	}

	header.open {
		height: 100%;
		background-color: #000;
		overflow: auto;
	}

	header.open nav {
		display: block;
	}

	header.open .container {
		flex-wrap: wrap;
	}

	header.open nav ul {
		display: block;
		padding: 0;
	}

	header.open nav ul li {
		float: none;
		display: block;
		padding: 0;
		height: auto;
		margin: 0;
		background: none !important;
	}

	header.open nav ul li:hover {
	background: none;
}

	header.open nav ul li a {
		margin: 0;
		padding: 0 15px !important;
		line-height: 60px;
		display: block;
		border-bottom: solid 1px rgba(255, 255, 255, 0.2);
		font-size: 18px;
		color: #fff;
		text-align: left;
	}

	header.open nav ul li a.lang {
		padding: 15px;
	}

	header.open nav ul li a:hover {
		color: #05a0d6;
	}

	header.open nav ul li.current .bottomline {
		display: none;
	}

	header.open .container .header-bottomline {
		display: none;
	}

	header.open.scroll {
		background: #000;
	}

	.dropdownMenu {
		display: none;
	}

	.show-dropdown-menu {
		display: none;
	}

	.subMenu {
		display: block;
		margin: 0;
	}

	.subMenu li {
	}

	.subMenu li a {
		padding: 0 30px;
		font-weight: 400;
		color: rgba(255, 255, 255, 0.5) !important;
		text-transform: none;
	}

	.subMenu li a:hover {
		color: #15b4eb !important;
	}

	/* Info ------------------------------------------------- */
	.info {
		margin-top: 50px;
	}

	/* O firmie ------------------------------------------------- */
	section#about .section-title {
		padding-top: 200px;
	}

	/* Nasze marki -------------------------------------------- */
	.slider-content {
		margin: 100px 0 0 0;
		width: 100%;
	}

	.slider-content .content-item .item-image img {
		min-height: 96px;
	}

	.slider-content .content-item .item-text {
		font-size: 18px;
		font-weight: 200;
	}

	.slider-nav {
		margin-top: 100px;
	}

	.slider-nav .slider-nav-item img {
		max-height: 48px;
	}

	/* Nasze sklepy -------------------------------------------- */
	.store-container {
		display: block;
		margin-top: 50px;
	}

	.store-container .store-info {
		width: 100%;
	}

	.store-container .store-image {
		width: 100%;
	}

	/* Oddziały -------------------------------------------- */
	.divisions-item {
		display: block;
	}

	.divisions-container {
		width: 100%;
	}

	.divisions-container .pl .text,
	.divisions-container .de .text {
		width: 100%;
	}

	.divisions-container .pl .gallery,
	.divisions-container .de .gallery,
	.divisions-item .gallery {
		margin: 50px 0 0 0;
		width: 100%;
	}

	/* contact ------------------------------------------------- */
	section#contact .contact-data {
		margin-top: 50px;
	}

	section#contact .contact-form {
		margin-top: 0;
	}

	section#contact .contact-data,
	section#contact .contact-form,
	section#contact .contact-form p,
	section#contact .contact-form .form-input,
	section#contact .contact-form .form-textarea,
	section#contact .contact-form .form-submit {
		float: none;
		width: 100%;
		padding: 25px 0;
	}

	section#contact .contact-form .message {
		margin: 50px 0 0 0;
	}

	/* Footer ------------------------------------------------- */
	footer .copyright {
		float: none;
		text-align: center;
		color: #fff;
	}

	footer .copyright a {
		color: #fff;
	}

	footer .footer-nav {
		display: none;
	}
}


/* ------------------------------------------------------------- */
/* 720
/* ------------------------------------------------------------- */
@media screen and (max-width: 720px) {

	header nav ul li a {
		line-height: 50px;
	}

	/* Info ------------------------------------------------- */
	.info p {
		font-size: 30px;
		font-weight: 200;
		line-height: 1.5;
	}

	/* O firmie ------------------------------------------------- */
	.lead {
		margin-top: 50px;
	}

	.lead p {
		font-size: 24px;
	}

	.timeline {
		display: block;
	}

	.timeline .timeline-item {
		width: 100%;
	}

	.timeline .left {
		top: 0;
	}

	.timeline .right {
		border: none;
	}

	.timeline .timeline-item h3 {
		padding: 30px 0;
	}

	.timeline .timeline-item p {
		margin: 0 0 50px 0;
		padding: 0;
	}

	/* Nasze marki -------------------------------------------- */
	.slider-nav {
		display: none !important;
	}

	.slider-content .content-item .item-image {
		margin: 0 50px 50px 0;
	}

	.slider-content .content-item .item-image img {
		min-height: 128px;
	}

	.slider-content .content-item {
		flex-wrap: wrap;
	}

	.slider-content .content-item .item-image,
	.slider-content .content-item .item-text {
		width: 100%;
	}

	#cookies-baner {
		padding: 20px 50px;
		flex-wrap: wrap;
	}

	#cookies-baner p {
		margin: 0 0 20px 0;
	}

	.box {
		width: 90%;
	}

	.box-content {
		padding: 20px;
		height: calc(100% - 20px);
	}
}


/* ------------------------------------------------------------- */
/* 480
/* ------------------------------------------------------------- */
@media screen and (max-width: 480px) {

	.container {
		padding: 0 50px;
	}

	header.scroll .logo {
	    margin: 4px 0 0 0;
	    transform: translateX(-10%) scale(0.6);
	}

	header .logo .menu-logo {
		display: none;
	}

	header .logo .menu-icon {
		display: block;
	}

	header nav ul li a {
		line-height: 45px;
		font-size: 14px;
	}

	.section-title h1 {
		font-size: 50px;
	}

	/* Info ------------------------------------------------- */
	.info p {
		font-size: 30px;
		font-weight: 200;
		line-height: 1.5;
	}

	.info a {
		width: auto;
	}

	.slider-content .content-item .item-image img {
		min-height: 64px;
	}

	/* contact ------------------------------------------------- */
	section#contact .contact-form form input.submit {
		font-size: 18px;
	}
}