@media (max-width: 1024px) { html { -webkit-text-size-adjust: 100%; } body { overflow-x: hidden; } #container, #header, #header div.navigation, #header div.company-banner, #header div.out-sourcing, #middle, #middle div.mid-company, #footer, #footer div.fot-main { width: auto; max-width: 100%; float: none; } #container { padding: 0 14px; box-sizing: border-box; } img { max-width: 100%; height: auto; } #header div.logo, #header div.header-right, #header div.header-right div.social_media, #header div.header-right div.contact-numbre { width: auto; max-width: 100%; float: none; text-align: center; } #header div.header-right div.social_media ul { display: inline-block; } #header div.header-right div.contact-numbre p { padding: 6px 0; } #header div.navigation ul { display: flex; flex-wrap: wrap; justify-content: center; } #header div.navigation ul li { float: none; } #header div.company-banner, #header div.company-banner div.com-left, #header div.company-banner div.com-right, #banner-fade, #banner-fade ul.bjqs, #banner-fade ul.bjqs > li { width: auto !important; max-width: 100%; float: none; height: auto !important; } #header div.company-banner div.com-left { padding: 24px 0 0 0; } #header div.company-banner div.com-left h2.slide-title { font-size: 28px; line-height: 34px; } #header div.company-banner div.com-left h2 { font-size: 24px; line-height: 32px; } #header div.company-banner div.com-right img { float: none !important; display: block; margin: 0 auto; } #header div.out-sourcing div.web-devlopment { width: 100%; max-width: 320px; margin: 0 auto 8px; float: none; } #header div.out-sourcing div.web-devlopment a img { margin-left: 0 !important; margin-top: 0 !important; } #middle div.mid-company div.company-left-panel, #middle div.mid-company div.company-left-panel div.ligula, #middle div.mid-company div.company-right-panel { width: auto; max-width: 100%; float: none; } #middle div.mid-company div.company-left-panel div.ligula div.contact-us, #middle div.mid-company div.company-left-panel div.ligula div.call-us, #middle div.mid-company div.company-left-panel div.ligula div.request-quoet, #middle div.mid-company div.company-left-panel div.ligula div.letest-link, #middle div.mid-company div.company-left-panel div.ligula div.faq, #middle div.mid-company div.company-left-panel div.ligula div.our-client, #middle div.mid-company div.company-left-panel div.ligula div.portfolio-slider { width: auto; max-width: 100%; } #middle div.mid-company div.company-right-panel div.our-portfolio h2, #middle div.mid-company div.company-right-panel div.our-portfolio .box, #middle div.mid-company div.company-right-panel div.our-services, #middle div.mid-company div.company-right-panel div.our-blog { width: auto; max-width: 100%; float: none; background-size: contain; } #middle div.mid-company div.company-left-panel div.ligula div.call-us div.inputBox, #middle div.mid-company div.company-left-panel div.ligula div.call-us div.inputBox1, #middle div.mid-company div.company-left-panel div.ligula div.call-us div.TextBox { width: auto; max-width: 100%; } div.call-us input[type="text"], div.call-us input[type="email"], div.call-us textarea, div.our-blog input[type="text"], .InputText { width: 100% !important; max-width: 100%; box-sizing: border-box; } table { max-width: 100%; } td, p, li { word-wrap: break-word; overflow-wrap: break-word; } #footer div.fot-main { text-align: center; padding: 12px; line-height: 2; } } @media (max-width: 640px) { #header div.company-banner div.com-left h2.slide-title { font-size: 22px; line-height: 28px; } #middle div.mid-company div.company-left-panel div.ligula h1 { font-size: 26px; line-height: 32px; } }