@media screen and (max-width: 1200px) { .header-content{ width: 80%; } .hnav-c{ width: 100%; } .navs{ display: none; } .footer-contact{ width: 80%; } .contact{ width: 80%; } .telephone{ width: 48%; } .telephone1{ width: 38%; } .dl-menuwrapper{ display: block; position: absolute; } } @media screen and (max-width: 760px) { .header-content{ width: 95%; } .copyright{ float: none; margin:0 auto; margin-top: 40px; } .footer{ height: 340px; } .footer-contact{ width: 90%; } .contact{ width: 100%; } .copyright{ margin-top: 0px; } .copyright img { margin-top: 30px; } } @media screen and (max-width: 630px) { .searchs{ float: none; width: 214px; margin: 0 auto; } .hc_img{ margin-top: 20px; } .hc_img img{ display: block; margin: 0 auto; width:360px; } } @media screen and (max-width: 510px) { .telephone{ float: none; width: 100%; } .telephone1{ width: 100%; } .footer{ height: 410px; } } @media screen and (max-width: 370px) { .hc_img img{ width: 310px; } }