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

	
	@media only screen and (min-height: 1000px)  {
		.image{
			margin-bottom: 190px !important;
		}
	}	
	
	.back_button_div{
		margin:20px auto;
	}
 .page_wrap {
    height: 100vh;
    width: 80vw;
    background-color: white;
    position: fixed;
	z-index: 50;
	left:-100%;
	top: 0;
	 
	
  }
	 
	
	.header_bg_down blockquote {
    
    margin-inline-start: 0;
    margin-inline-end: 0;
}
	
	.up_website{
		transform: scale(0.7);
		bottom: 0;
		right: 0;
		
	}
	body .change_sticky ul {
	display: block;	
	}
	.sub_menu .submenu_lista_niewybrany{
		margin: 20px auto;
	}
	.footer-section .logo_footer_img{
		background-position: center;
		margin: 0 auto;
	}
	.footer-section .logo_footer_img ~ p{
		text-align: center;
		margin-top: 5px;
		
	}
	.ofers .first_offer .menu li div {
		left:72%;
	}
	.ofers .third_offer .menu li div {
		left:72%;
	}
	
	.header_bg_down .bg_down_main{
		    position: absolute;
    top: 76vh;
	}
    .header_bg_down .bg_down_sub{
	 position: absolute;
    top: 76vh;
		margin-top: -224px;
    margin-right: -116px;
	
	}
	.header_sub .none_bg .header_title {
    position: absolute;
    width: 230;
    height: 116;
    left: calc(50% - 119px);
    top: 32vh;
}
	.flexslider .slides img {
    height: 75vh;
    object-fit: cover;
	}
	.header_img .red_bg{
	height: 10vh;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0px;
	}
	.header_sub .none_bg{
	height: 10vh;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0px;
	}
	.header_img .main_logo_mobile{
		display:block; 
		position: absolute;
		left: calc(50% - 86px);
		    top: 11vh;
		z-index: 30
		
	}
	.header_sub .main_logo_mobile{
		display: block;
		position: absolute;
		left: calc(50% - 86px);
		    top: 11vh;
		z-index: 40;
		
	}
	p img{
		    width: 100%;
	}
	.first_offer, .second_offer, .third_offer {
        height: auto;
		margin: 60px auto 0px;
	}
	.header_img .red_bg .header_title{
		   
	position: absolute;
    width: 230;
    height: 116;
    left: calc(50% - 115px);
	    top: 32vh;

	}
	
	.header_img{
		margin-top: 0px !important;
	}
	
	
	.header_img .red_bg .header_title .first_title,.header_sub .none_bg .header_title .first_title{
		        font-size: 39.28px;
    margin-top: 17px;
	}
	.header_img .red_bg .header_title .second_title,.header_sub .none_bg .header_title  .second_title{
		    font-size: 32.29px;
    margin-top: -15px;
	}
	.header_img .red_bg .header_title .third_title,.header_sub .none_bg .header_title .third_title{
		    font-size: 27.32px;
    margin-top: -16px;
	}
	.header_sub .none_bg{
		width: 100% !important;
		margin-top: -74px;
		    margin-left: -63px;
	}
	
	
	.ofers .second_offer .tool-box{
		margin-right: 0px;
		      margin: 0 auto -77px;
	}
	.ofers .first_offer .tool-box,.ofers .third_offer .tool-box{
		margin-left: 0px;
	 margin: 0 auto -77px;
	}
	.ofers .second_offer .menu li{
		left: 0;
	}
	.craft_description .morre{
		margin-left: 0px;
	}
	.craft_description .description_image img {
        position: static;
  		width: 280px;
	 	 height: 194px;
    	 transform: none;
		margin: 20px auto;
}
	.craft_section{
		margin-top: 60px;
	}
	.ofers .third_offer .menu,.ofers .second_offer .menu ,.ofers .first_offer .menu {
		width: 100vw;
		height: auto;
	}
	
	
	.ofers .second_offer .menu li,.ofers .third_offer .menu li,.ofers .first_offer .menu li{
		width: 100%;
		font-size: 25px;
		
	}
	
	.craft_description_p{
		    width: 100%;
	}
	.change_sticky .menu{
		margin-top: 20px;
	} 
	
	.flexslider .slides{
		width:100vw;
		height: 30vh;
	   
	}
	.logo_footer_img {
    
    width: 200px;
}
	.sub_main_bg #stick{
		position: static !important;
	}
	.page_wrap.active {
		left:0;
		-webkit-box-shadow: 7px 2px 18px 0px rgba(77,77,77,0.56);
		-moz-box-shadow: 7px 2px 18px 0px rgba(77,77,77,0.56);
		box-shadow: 7px 2px 18px 0px rgba(77,77,77,0.56);
	}
	.craft_section .craft_header{
		    line-height: 41px;
	}
	.craft_section .craft_header span{
		    padding-top: 80px !important;
		padding-bottom: 20px !important;
	}
	.ofers .ofers_header {
		line-height: 41px;
	}
	.ofers .ofers_header span{
		padding-top: 80px !important;
		padding-bottom: 20px !important;
	}
	.menu.nav-container li a{
		color: #4d4d4d;
	} 
	#menu #menu_bar{
		background-color: inherit;
	}
	#menu_opener{
		position: fixed;
		left: 30px;
		top:40px;
		color: orangered;
		z-index: 21;
	}
	#menu_opener.active{
		z-index: 65;
		color: #4d4d4d;
	}
	
	.full_width{
		height: auto;
	}
	.image{
		height: auto !important;
	}
	.image img{
		height: 75vh;
    object-fit: cover;

	}
	.tytul_strony .col-12{
		font-size: 42px;
	}
	.menu.nav-container li{
		display: block;
	}
	.menu .menu_offer_active_img{
		display: none !important;
	}
	center .txtmenu {
    width: 100%;
}
	center  table  tr{
		display: grid;
	}
	center div[align="center"] tr{
    display: table;
   }
	
	
}

@media (orientation: landscape) and (max-width: 1050px) { 
	.menu .menu_offer_active_img{
		display: flex !important;
	}
	.sub_main_bg{
		background-position: right !important;
	}
	.header_bg_down .bg_down_main {
		width: 79% !important;
	}
	.header_img .red_bg .header_title {
   
       left: 50%;
    top: 9vh;
}
		.header_sub .none_bg .header_title {
   
    left: 50%;
    top: 9vh;
}
	.header_img .main_logo_mobile {
   
    top: 20vh;
    left: 18vh;
}
		.header_sub .main_logo_mobile {
   
    top: 12vh;
    left: 18vh;
}
	.page_wrap{
		width: 100vw;
		top: -200%;
		left: 0;
	}
	
	.page_wrap.active {
		top:0;
	}
	 
	.menu.nav-container li{
		display: flex;
    	height: auto;
	}
	.tytul_strony .col-12{
		margin-top: 18vh;
	}
	@media  (min-height: 700px) { 
		.page_wrap{
			height: 60vh;
		}
	}
}
@media only screen and (max-width: 1050px)  and (min-width: 370px)  and (min-height: 700px){
	
	.page_wrap.active .close_button{
	position: absolute;	    
    transition: .3s;
    left: 69vw;
    top: 43px;
    bottom: 8%;
    font-size: 50px;
    color: orangered;

	}
	
	.header_img .red_bg .header_title{
		   
	position: absolute;
    width: 330px;
    height: 166px;
    left: calc(50% - 165px);
	top: 32vh;

	}
	 .header_img .red_bg .header_title .first_title{
	font-size: 54.28px;
    margin-top: 22px;
	
	}
	 .header_img .red_bg .header_title .second_title{
	font-size: 47.29px;
    margin-top: -3px;
	}
	 .header_img .red_bg .header_title .third_title{
	    font-size: 38.32px;
    margin-top: -6px;
	}
	 .header_img .main_logo_mobile{
		    width: 200px;
         height: 93px;
		left: calc(50% - 100px);
		    top: 11vh;
		
	}
	
}