@media screen and (min-width: 1600px) { .sp_view { display: none; } } @media (min-width: 1400px) and (max-width: 1600px) { .sp_view { display: none; } .section-title h1 { width: 80px; } } @media (min-width: 1300px) and (max-width: 1399px) { .sp_view { display: none; } .hero-content h4::before { left: 36%; } .hero-content h4::after { right: 36%; } p.hero-desc { width: 59%; } .single-feature-box { padding: 18px 15px 28px; } .about-thumb { margin-left: -90px; } .about-shape { left: 5px; } p.desc-one { width: 80%; } .section-title h1 { font-size: 44px; } .working-process-box { padding: 0 30px 0; } .history-section .section-title h1 { font-size: 38px; line-height: 42px; } } @media (min-width: 1200px) and (max-width: 1299px) { .sp_view { display: none; } .hero-content h4::before { left: 36%; } .hero-content h4::after { right: 36%; } p.hero-desc { width: 56%; } .about-thumb { margin-left: -89px; } .about-shape { left: 53px; } p.desc-one { width: 85%; } .section-title h1 { font-size: 43px; } .skill-section p.desc-one { width: 90%; } .working-process-box { padding: 0 26px 0; } .history-section .section-title h1 { font-size: 38px; line-height: 42px; } } @media (min-width: 992px) and (max-width: 1199px) { .sp_view { display: none; } .header-menu { text-align: right; } .hero-content h4::before { left: 33%; } .hero-content h4::after { right: 33%; } .single-feature-box { padding: 18px 25px 28px; } .section-title h1 { font-size: 36px; line-height: 34px; } p.desc-one { width: 100%; } p.desc-tow { width: 70%; } .about-thumb { left: -47px; } .about-thumb img { width: 100%; } .single-service-box { padding: 40px 10px 38px; } .service-content h4 { font-size: 18px; } .skill-section p.desc-one { width: 90%; } .working-process-box { padding: 0 0 0; } .blog-content h4 a { font-size: 20px; line-height: 28px; } .service-dtls-items ul li { font-size: 14px; } .project-list-iteam ul li { font-size: 15px; } .accordion li a { font-size: 14px; padding: 14px 20px 14px 13px; } .accordion li p { padding: 25px 10px 25px 15px; text-align: justify; font-size: 14px; } } @media (min-width: 768px) and (max-width: 991px) { .sp_view { display: none; } .top-header { display: none; } .header-area { display: none; } .hero-content h1 { font-size: 50px; line-height: 50px; } .hero-content h4::before { left: 28%; } .hero-content h4::after { right: 28%; } p.hero-desc { width: 70%; } .single-feature-box { padding: 18px 38px 28px; margin-bottom: 24px; } .about-thumb { margin-left: 0; } .about-thumb img { width: 75%; margin-bottom: 16px; } p.desc-tow { width: 95%; } .single-service-box { margin-bottom: 20px; } .skill-section { background-position: center right; } .working-process-box { padding: 0 17px 60px; } .blog-section { padding: 100px 0 100px; } .single-blog-box { margin-bottom: 21px; } .footer-widget-content { margin-bottom: 40px; } .copyright-area { margin-top: 50px; } .service-dtls-items { margin-bottom: 30px; } p.center { width: 90%; } .history-box.upper { margin-top: 0; padding: 0 0 0; } .history-content { width: 90%; } .counter-section { padding: 105px 0 70px; } .counter-box { margin-bottom: 44px; } } @media only screen and (min-width: 600px) and (max-width: 767px) { .sp_view { display: none; } .top-header { display: none; } .header-area { display: none; } .hero-content h1 { font-size: 40px; line-height: 40px; } .hero-content h4::before { left: 20%; } .hero-content h4::after { right: 20%; } p.hero-desc { width: 90%; } .single-feature-box { margin-bottom: 20px; } .about-thumb { margin-left: 0; margin-bottom: 20px; } .about-thumb img { width: 100%; } .section-title h1 { font-size: 34px; line-height: 35px; } p.desc-tow { width: 90%; } .single-service-box { margin-bottom: 20px; } .skill-section { background-position: center right; } .working-process-box { padding: 0 105px 0; margin-bottom: 50px; } .single-blog-box { margin-bottom: 20px; } .footer-widget-content { margin-top: 30px; } .service-dtls-items { margin-bottom: 20px; } p.center { width: 100%; } .accordion li a { font-size: 14px; } .accordion li p { font-size: 14px; text-align: justify; } .history-box.upper { margin-top: 0; padding: 0 0 0; } .history-content { width: 95%; } .row.products { padding-left: 0; } a.blog-title-3 { font-size: 28px; line-height: 36px; } p.blog-desc-3 { width: 98%; } .counter-section { padding: 105px 0 89px; } .counter-box { margin-bottom: 30px; } } @media only screen and (min-width: 480px) and (max-width: 599px) { .pc_view { display: none; } .top-header { display: none; } .header-area { display: none; } .hero-section { height: 640px; } .hero-content h4::before { left: 16%; } .hero-content h4::after { right: 16%; } .hero-content h1 { font-size: 36px; line-height: 36px; } p.hero-desc { width: 100%; } .single-feature-box { margin-bottom: 20px; } .about-thumb { margin-left: 0; margin-bottom: 26px; } .about-thumb img { width: 100%; } .section-title h1 { font-size: 30px; line-height: 30px; } p.desc-one { width: 100%; } p.desc-tow { width: 90%; } .single-service-box { margin-bottom: 20px; } .service-section { padding: 98px 0 106px; } .skill-section { background-position: center right; } .working-process-box { padding: 0 70px 0; margin-bottom: 56px; } .single-blog-box { margin-bottom: 20px; } .footer-widget-content { margin-top: 36px; } .project-list-iteam ul li { font-size: 15px; } .service-dtls-items { margin-bottom: 20px; } .accordion li p { padding: 25px 20px 25px 18px; text-align: justify; } p.center { width: 92%; } .accordion li a { padding: 14px 20px 14px 13px; font-size: 14px; } .history-box.upper { margin-top: 0; padding: 0 0 0; } .history-content { width: 95%; padding: 32px 27px 33px; text-align: justify; } .row.products { padding-left: 0; } a.blog-title-3 { font-size: 22px; line-height: 30px; } .counter-section { padding: 105px 0 80px; } .counter-content { margin-bottom: 40px; } } @media only screen and (min-width: 320px) and (max-width: 479px) { .pc_view { display: none; } .top-header { display: none; } .header-area { display: none; } .hero-section { height: 580px; } .hero-content h4::before { background: transparent; } .hero-content h4::after { background: transparent; } .hero-content h1 { font-size: 22px; line-height: 26px; } p.hero-desc { width: 100%; } .row.feature { margin-top: 70px; } .single-feature-box { padding: 18px 22px 28px; margin-top: 20px; } .about-thumb { margin-left: 0; margin-bottom: 20px; } .about-thumb img { width: 100%; } .section-title h1 { font-size: 21px !important; line-height: 1.2; } p.desc-one { width: 100%; } p.desc-tow { width: 100%; } .about-content h4 { font-size: 20px; } .about-content p { width: 100%; text-align: justify; } .service-section { padding: 98px 0 104px; } .single-service-box { margin-bottom: 20px; } .skill-section { background-position: center right; } .skill-section p.desc-one { width: 100%; text-align: justify; } .working-process-box { padding: 0 0 55px; } .single-blog-box { margin-top: 20px; } .blog-content { padding: 31px 30px 19px; } .blog-content h4 a { font-size: 22px; } .footer-widget-content { margin-top: 25px; } .footer-widget-title { margin-bottom: 10px; } .copyright-area p { font-size: 14px; } .breadcumb-title h1 { font-size: 26px; margin-bottom: 0px; } .service-dtls-items { margin-bottom: 15px; } .accordion li a { font-size: 11px; padding: 14px 0 14px 12px; } .accordion li p { font-size: 15px; padding: 25px 16px 25px 19px; text-align: justify; } p.center { width: 100%; font-size: 14px; } .history-box.upper { margin-top: 0; padding: 0 0 0; } .history-box.upper .history-content { width: 100%; } .history-content { margin-top: 1px; } .history-content { padding: 32px 22px 33px; margin-top: 1px; font-size: 15px; text-align: justify; width: 100%; } .row.products { padding-left: 0; } a.blog-title-3 { font-size: 15px; line-height: 20px; } .single-blog-box-3 { padding: 25px; } p.blog-desc-3 { width: 100%; text-align: justify; font-size: 15px; } }