@media (max-width: 1850px){
	.offer .box1 .item-hover .hover_item {
	    width: 230px;
	    height: 230px;
	    margin: 0 10px;
	    top: 50%;
	    transform: translateY(-50%);
	}	
	.offer .box1 .item-hover .hover_item a {
	    font-size: 19px;
	    line-height: 19px;
	}
}
@media (max-width: 1450px){
	.container{
		/*width: 100%;*/
	}
	.main-header-block .shop-header-block {
	    width: 230px;
	}
	.main-menu ul {
	    width: 100%;
	    padding: 5px 0;
	}
	.smallBox .text .small-text {
	    font-size: 32px;
	    line-height: 29px;
	}
	.smallBox .text .big-text {
	    font-size: 57px;
	    line-height: 58px;
	}
	.smallBox .text {
	    width: 55%;
	}
	.offer .box1 .item-hover .hover_item {
	    width: 190px;
	    height: 190px;
	    margin: 0 10px;
	    top: 50%;
	    transform: translateY(-50%);
	}
}
@media (max-width: 1350px){
	.offer .box1 .item-hover .hover_item {
	    width: 190px;
	    height: 190px;
	    margin: 0 10px;
	    top: 32%;
	    transform: translateY(-50%);
	}
	.offer .box2 .item-hover .hover_item {
	    width: 190px;
	    height: 190px;
	    margin: 0 10px;
	    top: 50% !important;
	    transform: translateY(-50%);
	}
}
@media (max-width: 1250px){
	.header .menu {
		display: none;
	    vertical-align: top;
	    padding-top: 20px;
	    width: 100%;
	    text-align: center;
	    position: absolute;
	    top: 120px;
	    z-index: 9999999;
	    background-color: #2e3539;
	    left: 0;
	    padding-bottom: 20px;
	}
	.header .menu.active{
		display: block;
	}
	.header.shrink .mobile_menu {
	    display: inline-block;
	    margin: 0 auto;
	    text-align: right;
	    width: 28%;
	    cursor: pointer;
	    vertical-align: top;
	    padding-top: 24px;
	}
	.header .mobile_menu{
		display: inline-block;
	    margin: 0 auto;
	    text-align: right;
	    width: 28%;
	    cursor: pointer;
	}
	.header .mobile_menu span{
		color: #a3afb6;
	}
	.header.shrink .menu.active{
		top: 60px;
		width: 100%;
		padding: 25px 0;
	}
}
@media (max-width: 992px){
	.offer .box1 .item-hover .hover_item {
	    width: 190px;
	    height: 190px;
	    margin: 0 10px;
	    top: 50%;
	    transform: translateY(-50%);
	}
	.contact .contact-image {
	    background-image: url(../img/foto-siedziba.png);
	    height: 50vw;
	    background-size: contain;
	    background-repeat: no-repeat;
	}	
	.contact {
	    height: auto;
	}
	.contact .contact-block {
	    padding: 20px;
	}
	.footer {
	    height: auto;
	    background-color: #2e3539;
	}
	.footer .fb-block {
    	padding-top: 38px;
    	text-align: center;
	}
	.footer .company-block .company {
	    text-align: center;
	    padding-bottom: 10px;
	}
}

@media (max-width: 800px){
	.header.shrink .mobile_menu {
	    width: auto;
	}	
}
@media (max-width: 700px){
	.offer .box1 .item-hover .hover_item {
	    width: 190px;
	    height: 190px;
	    margin: 0 10px;
	    top: 32%;
	    transform: translateY(-50%);
	}	
}
@media (max-width: 650px){
	.header.shrink {
	    height: auto;
	}
	.header.shrink .shop-block {
	    width: 100%;
	    display: block;
	    margin-top: -3px;
	}
	.header.shrink .shop-block .telephone {
	    width: 100%;
	}
	.header.shrink .shop-block .shop {
	    height: 60px;
	    text-align: right;
	    display: block;
	    width: 100%;
	    text-align: center;
	}
	.header.shrink .shop-block .shop a span {
	    position: relative;
	    top: 20px;
	    left: 0;
	}

}
@media (max-width: 600px){
	.slider .swiper-slide .slider-text .text {
	    color: #2e3539;
	    font-size: 21px;
	    line-height: 24px;
	    padding-top: 10px;
	}
	.slider .swiper-slide {
	    height: 430px;
	    position: relative;
		background-size: cover !important;
	}
	.slider .rotate-box {
	    width: 160px;
	    height: 160px;
	    bottom: -80px;
	    left: calc(50% - 80px);
	}
	.slider .swiper-slide .slider-text .white-block {
	    font-size: 32px;
	    line-height: 33px;
	    padding: 20px;
	    margin-top: 77px;
	    width: auto;
	}
	.header .logo img{
		width: 100%;
	    vertical-align: middle;
	    padding-top: 30px;
	}
	.header.shrink .shop-block {
	    width: 100%;
	    display: block;
	    margin-top: 0;
	}
	.header .logo a{
		display: block;
		width: 100%;
		height: 100%;
	}
	.header.shrink .logo img {
	    width: 100%;
	    vertical-align: middle;
	    padding-top: 0;
	}
	.header .logo {
	    width: 120px;
	    padding-top: 0;
	    padding: 5px;
	}
	.header .mobile_menu {
	    width: auto;
	}

}
@media (max-width: 450px){
	.offer .box1 .item-hover .hover_item {
	    width: 160px;
	    height: 160px;
	    margin: 0 10px;
	    top: 20%;
	    transform: translateY(-50%);
	}	
	.offer .box1 .item .rot-box {
	    width: 260px;
	    height: 260px;
	    top: calc(50% - 130px);
	    background-size: contain;
	}
	.offer .box2 .item-hover .hover_item {
	    width: 160px;
	    height: 160px;
	    margin: 0 10px;
	    top: 50%;
	    transform: translateY(-50%);
	}
}

@media (max-width: 400px){
	.header .shop-block {
	    float: right;
	    width: 180px;
	    display: block;
	    width: 100%;
	}
	.header {
	    height: auto;
	    background-color: #2e3539;
	}	
	.header .mobile_menu {
	    width: auto;
	    float: right;
	    display: block;
	    padding-top: 55px;
	    padding-right: 20px;
	}
	.header .shop-block .shop {
	    height: 60px;
	    text-align: right;
	    text-align: center;
	}
}