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

.wrapper{ width:96%;}

}


@media screen and (max-width:1100px){
.white_section li p{ padding:10px;}

.two_sect .left_phone, .two_sect .right_txt{ font-size:17px;}

}

@media screen and (max-width:1023px){
.two_sect .left_phone span{ display:block;}
}

@media screen and (max-width:800px){
	
	.white_section .keep .promocode{ width:700px;}
	
}

@media screen and (max-width:767px){
	
header{ text-align:center;}
header .phone{ padding:20px 0;}
.banner{ height:400px;}
.banner .left_text h1{ font-size:24px; line-height:30px;}
.banner .left_text{ width:100%; margin:160px 0 0 0; text-align:center;}
.banner .left_text .save20{ margin-top:30px;}
.blue_strip p{ padding-top:13px;}
.white_section h2{ font-size:20px; line-height:28px;}
.two_sect{flex-wrap: wrap;     align-content: center;}
.two_sect .left_phone span{ display:inline-block;}
.two_sect .left_phone, .two_sect .right_txt{ width:100%; text-align:center;}
	
	.white_section ul{ margin:20px 0;}
	.white_section{ margin:25px 0;}
.white_section ul{     flex-wrap: wrap;}
.white_section .keep .promocode {
    width: 100%;
    background-image: none;
    background-color: #2c4e74;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
}

.work_sec{ margin:30px 0;}
.greay_sec{ padding:30px 0;}
.greay_sec .qst_box h3{ font-size:15px; line-height:20px;}	


.white_section .keep h4{ font-size:18px;}

.work_in_sec{flex-wrap: wrap;}
.work_in_sec .left_img {
    width: 100%;
}
.work_in_sec .work h3{ font-size:25px;}
.work_in_sec .work{ width:100%; margin-top:20px;}
.blue_promocode .promocode{ font-size:20px;}

	
}

@media screen and (max-width:599px){
	
	.blue_promocode { height:50px; line-height:50px;}
	.blue_promocode .promocode {
    font-size: 16px;
}
.two_sect .left_phone, .two_sect .right_txt {
    font-size: 16px;
}

.blue_strip p {
    padding-top: 24px;
    font-size: 16px;
}

}