.main {
    background-color: #F7F7F7;
}

.title {
    text-align: center;
    margin-bottom: 20px;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	width:100%;
}

.title>img {
    width: 40%;
	text-align:center;
}

.title1 {
    text-align: center;
    margin-bottom: 20px;
}

.title1>img {
    width: 30%;
}


.product{
    padding-bottom: 80px;
}
.product-item {
    float: left;
    width: 19%;
    margin: 47px 0% -8px 13px;
}

.promise {
    padding: 20px 0 15px;
    margin-top: 50px;
    background-color: #fff;
}

.p-item {
    float: left;
    display: inline-block;
    width: 23%;
    margin: 0 1%;
    text-align: center;
}

.p-item b {
    display: inline-block;
}

.bg-icon_1 {
    width: 50px;
    height: 30px;
    background: url('../image/product-sprites.png') -10px -10px;
}

.bg-icon_2 {
    width: 50px;
    height: 30px;
    background: url('../image/product-sprites.png') -10px -60px;
}

.bg-icon_3 {
    width: 50px;
    height: 30px;
    background: url('../image/product-sprites.png') -10px -110px;
}

.bg-icon_4 {
    width: 50px;
    height: 30px;
    background: url('../image/product-sprites.png') -10px -160px;
}

@media (max-width:766px) {
    .footer {
        display: block;
        padding: 20px 10px;
    }
    .middle-posty {
        padding: 0 10px;
        margin-top: 70px;
    }
    .main {
        margin-top: 50px;
    }
    .title>img {
        width: 60%;
		text-align:center;
    }
}

@media (max-width:450px) {
    .title {
        margin-bottom: 10px;
		text-align:center;
    }
    .title>img {
        width: 100%;
    }
    .product-item {
        width: 80%;
        margin: 0 10% 20px;
    }
    .promise {
        margin-top: 20px;
        padding: 10px 0 5px;
    }
    .p-item {
        width: 48%;
        margin-bottom: 5px;
    }
}

@media (max-width:300px) {
    audio {
        width: 100%;
        height: 32px;
    }
}