.main-contact { width:1280px; margin: 0 auto; margin-top:60px;display: block; padding: 0px 0px 75px; text-align: center; overflow:hidden;}

.main-contact .content {line-height:1.7; padding: 0 70px;}
.main-contact .title {text-align: center; color: #20652A; font-weight: bold; padding: 10px 0px 30px; display: block;}
.main-contact .title a { color: inherit; text-decoration: inherit;}

.main-contact .icon { background-position: center; width: 150px; height: 150px; display: block;background-repeat: no-repeat; margin: 0 auto; cursor:pointer; background-size: contain;}
.main-contact .order-problems{background-image: url(icons/order-problems.png);}
.main-contact .faq {background-image: url(icons/faq.png);}
.main-contact .our-contact-form {margin-top:100px;background-image: url(icons/our-contact-form.png);}
.main-contact .feedback {background-image: url(icons/feedback.png);}
.main-contact .who-we-are {background-image: url(icons/who-we-are.png);}
.main-contact .review-us {background-image: url(icons/review-us.png);}


@media only screen and (max-width: 1024px) {
    .main-contact { width:100%; margin: 5px 5px auto !important; }
    .main-contact .title{padding:20px 0px;}
    .main-contact .content { padding: 0px 35px;}
    .main-contact .our-contact-form, .order-problems, .faq, .feedback, .who-we-are, .review-us {width: 100%; height: 150px; margin-top:20px !important; padding: 20px; }
    .main-contact .bottom-line { border-bottom: 1px solid #eeeeee;border-bottom-width: thin;width: 60%;margin: 0 auto;margin-top: 30px;}
}