.about-banner{ width:100%; height:460px; background: url("../images/aboutUs.jpg") no-repeat center/cover; margin-top:80px; } .stepsWords{ text-align: center; position: relative; margin:60px auto; width:210px; font-size:32px; } .stepsWords .steps-left{ position:absolute; top:10px; left:0; width:25px; height:25px; background: url("../images/sprite.png") no-repeat 0 0; } .stepsWords .steps-right{ position:absolute; top:10px; right:0; width:25px; height:25px; background: url("../images/sprite.png") no-repeat -25px 0; } .about-font{ font-size:16px; line-height: 30px; } .join-us-title{ font-size: 20px; text-align: center; margin-top:20px; } .the-way{ width:32%; /*height:300px;*/ background-color: #f5f5f5; text-align: center; padding:20px; box-sizing: border-box; margin-bottom:20px; } .the-way:nth-of-type(2){ margin-left:17px; } .the-way .the-way-icon{ width:90px; margin:0 auto; } .the-way .the-way-title{ color:#cc3333; font-size: 23px; margin-top:10px; } .the-way .the-way-content{ font-size: 17px; margin-top:10px; } .media-move{ margin-bottom:50px; margin-left:280px; } .media-img{ width:446px } .us-img{ width:124px } @media screen and (min-width: 1367px) and (max-width: 1440px) { .about-banner{ height:330px; } } @media screen and (min-width: 1281px) and (max-width: 1366px) { .about-banner{ height:310px; } .stepsWords{ margin:50px auto; } .media-move{ margin-left:195px; } .the-way .the-way-icon{ width:82px; } .the-way .the-way-title{ font-size: 22px; } .the-way .the-way-content{ font-size: 16px; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .about-banner{ height:250px; } .stepsWords{ margin:50px auto; } .media-move{ margin-left:124px; } .the-way .the-way-icon{ width:70px; } .the-way .the-way-title{ font-size: 20px; } .the-way .the-way-content{ font-size: 15px; } .media-img{ width:375px } .about-font{ font-size: 14px; } } @media screen and (min-width: 0) and (max-width: 1024px) { .about-banner{ height:250px; } .stepsWords{ margin:40px auto; } .media-move{ margin-left:124px; } .the-way .the-way-icon{ width:60px; } .the-way .the-way-title{ font-size: 18px; } .the-way .the-way-content{ font-size: 13px; } .media-img{ width:350px } .about-font{ font-size: 12px; } .us-img{ width:100px } }