@media (max-width: 1620px) {
    .contact_wrapper, .wrapper2, .wrapper3{width:1170px}
    .text_inside_top p.t1_title {font-size: 3.7rem; left: -4rem;}
    .iib_ico{right: -6.5rem;}
    .ofirmie_text{padding-right: 0;}
    .kruszenie_text{padding-left: 0;}
    .contact_left{padding:11.875rem 0 0 4.813rem;}
    .contact_right{padding: 11.563rem 0 0 5rem;}
    .form_wrap {width: 85%;}
    .tt_2{padding: 0;}
    .tt_2 .img_inside_top{width: 43%;}
    .top_banner{background-size: contain;height: 37.313rem; background-position: 93% 50%;padding: 4.0625rem 0 0 3.25rem;}
    .site_title{font-size:3rem;    margin-top: 6.625rem;}
}

@media (max-width: 1200px) {
    html{font-size:13.1526px;}
    .wrapper,.contact_wrapper, .wrapper2, .wrapper3{width:970px}
    .iit_img, .iit_img_worker{max-width: 100%; height:auto;}
    .iit_ico, .iib_ico{width:85px}
    .iit_ico{top: -3.2rem; left: -3.2rem;}
    .iib_ico{right: -2.8rem;top: -2.875rem;}
	.contact_right{padding: 5.563rem 0 0 5rem;}
	.contact_left{padding: 5.563rem 0 0 5rem;}

}

@media (max-width: 991px){
    html{font-size:10.1694px;}
    .wrapper,.contact_wrapper, .wrapper2, .wrapper3{width:750px; }
    .logo_top img{max-width: 100%; height:auto}
	.contact_left{background-size: cover;}
	.contact_right{height:100%}
	.contact_left,.contact_right{width:100%; padding: 90px 75px;text-align: center;}
    .form_wrap{width:100%}
    .form_title { background:none}
    .footer_right img{width:22px}
    .top_inputs{display: block;}
    .form_input{width:100%}
	.logo_tredos{width: 80px;}
	.designed p{font-size:13px}
}

@media (max-width: 787px){
    html{font-size:10.1694px;}
    .wrapper,.contact_wrapper, .wrapper2, .wrapper3{width:100%;padding:0 1.25rem}
    .top_banner {background-size: 50% auto; height: auto; background-position: 50% 56%; padding: 30px 0 0 0;}
    .logo_top{text-align: center; width:100%}
    .site_title{width:100%; text-align: center; margin-top: 295px;}
    .tt_1 .text_inside_top, .tt_2 .text_inside_top{width:100%}
    .text_inside_top p.t1_title{left:0; text-align: center;    padding: 10px 0 20px 0}
    .text_inside_top p,.main_text_text{font-size:13px; text-align: justify; margin-bottom: 15px;}
    .tt_1 .img_inside_top,.tt_2 .img_inside_top {width: 100%; padding: 0 22%; margin-top: 60px;}
    .iit_ico,.iib_ico {display: none;}
    .tt_2{margin-top: 20px;}
    .ofirmie_text, .zakres .kruszenie_text,.sprzet_text, .kruszenie_text{width: 100%;}
    .main_text_title{text-align: center;}
    .ofirmie .ofirmie_img,.kruszenie_img, .sprzet_img, .ofirmie_img{width: 100%; padding: 0 22%; margin-bottom: 0;}
    .sprzet_text li,.main_text_bold,.cl_text .cl_strong,.form_input, textarea,.form_sub,.footer_left p,.footer_right p{font-size:13px}
    .sprzet_text, .kruszenie_text{margin-bottom: 20px;}
    .text_wrap{padding-top: 50px;}

    .tt_1{padding: 0;}
}

@media (max-width: 420px){
    .top_banner{background-size: 85% auto; background-position: 50% 50%;}
    .footer_left{width:100%; text-align: center; margin-bottom: 15px;}
    .footer_right{width: 100%; text-align: center;}
    .menu_top_navigate{width:80px; height:80px}
    .menu_close {margin:0; width: 100%;  height: 100%; background-size: 35px auto;}
    .logo_top img{width: 185px;}
    .site_title,.text_inside_top p.t1_title,.cl_title{font-size:28px}
    .contact_left, .contact_right{padding: 60px 25px;}
    .ofirmie .ofirmie_img,.kruszenie_img, .sprzet_img, .ofirmie_img,.tt_1 .img_inside_top,.tt_2 .img_inside_top {padding: 0 12%;}
	
	
	.designed{font-size:12px; text-align:center}
	.logo_tredos{width: 65px;}
}