/* Theme Name: HomeCare Theme URI: https://www.mytheme.com/themes/revolution/ Author: the Creative team Author URI: https://www.mytheme.com/ Description: The HomeCare theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready Text Domain: text-domain */ /*------------------------------------------------------ overwrite css start ------------------------------------------------------*/ /*Defualt Css Start Here*/ a, input, textarea, button { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; outline: none!important; text-decoration: none; } body { font-family: 'Montserrat', sans-serif; font-size:15px;padding-top: 128px;} .main { max-width:1140px; width:100%; margin:0 auto; padding:0 20px; } h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; } h2 { font-size: 26px; font-weight: bold; color: #500983; letter-spacing: 0.24px; line-height: 34px; } p { color: #4E4F51; font-family: 'Montserrat', sans-serif; font-size: 15px; letter-spacing: 0.14px; line-height: 25px;} ::-webkit-input-placeholder { color: #F0F2F3; font-style: italic; } :-ms-input-placeholder { color: #F0F2F3; font-style: italic; } ::placeholder { color: #F0F2F3; font-style: italic; } /*Defualt Css Ends Here*/ /*Header Css Start Here*/ .header-wrap { display: flex; flex-wrap: wrap; align-items: center; } .header-lt {max-width: 290px;width: 100%;margin: 0 auto;padding: 0 0 0 19px;} .header-rt {width: calc(100% - 290px);} .header-rt nav ul { display: flex; flex-wrap: wrap; justify-content: flex-end; margin: 0; } .header-rt nav ul li { margin: 10px 20px 0 0!important; list-style-type: none;} .header-rt nav ul li.tel-btn {margin: 11px 10px 0 19px;} .header-rt nav ul li.tel-btn a { color: #DC367E; font-size:18px; font-weight:600; } .header-rt nav ul li a { color: #5D5F5F; font-family: 'Montserrat', sans-serif; font-size: 14px!important; font-weight: 600; letter-spacing: 0.14px; line-height: 19px; } .header-rt nav ul li a:hover { color: #DC367E; text-decoration:none; } .header-rt nav ul li.tel-btn a:hover { color:#500983; } .banner-section {/*height: 491px;*/width: 100%;position: relative;background-position: center center;background-repeat: no-repeat;background-size: cover;} .banner-section:before{ content:''; display: block; padding-top:34.0972%; } .banner-wrap {position: absolute;left: 0;top: 46.5%;transform: translateY(-50%);background-color: #DC367E;padding: 35px 50px 35px 30px;border-top-right-radius: 24px;border-bottom-right-radius: 24px; width: 40%;} .banner-content {max-width: 420px;width: 100%;margin: 0 0 0 auto;padding: 0px 0 0 0;} .banner-content h1 {color: #FFFFFF;font-family: 'Montserrat', sans-serif;font-size: 38px;font-weight: bold;letter-spacing: 0.35px;line-height: 50px;margin: 0 0 17px 0;} .banner-content p {color: #FFFFFF;font-family: 'Montserrat', sans-serif;font-size: 15px;font-weight: 600;letter-spacing: 1.24px;line-height: 23px;text-transform: uppercase;margin: 0;} .banner-content p:last-child { display: block; } .banner-mobile-bg { display:none; } .banner-content a { display:none; } /*Header Css Ends Here*/ /*Image With content Css Start Here*/ .image-with-content-wrap { display: flex; flex-wrap: wrap; align-items: center; margin:0 0 40px 0; } .image-with-content-wrap:last-child { margin:0; } .content-part { width: 50%; } .image-part { width: 50%; } .image-with-content { padding: 87px 0 60px; } .content-part .content { padding: 0 65px 0 27px; } .image-part .image { max-width: 467px; width: 100%; margin: 0 27px 0 auto; } .content-part .content span { color: #DC367E; font-family: Montserrat; font-size: 15px; font-weight: 600; letter-spacing: 1.24px; line-height: 23px; text-transform: uppercase; margin: 0 0 15px 0; display: inline-block; vertical-align: middle; } .content-part .content h2 { margin: 0 0 29px 0; } .image-part .image img { border-radius: 24px; } .image-with-content-wrap.img-left .image-part { order: 1; } .image-with-content-wrap.img-left .content-part { order: 2; } .image-with-content-wrap.img-left .image-part .image { margin: 0 0 0 27px; } /*Image With content Css Ends Here*/ /*Full Image Content Css Start Here*/ .full-image-with-content { position: relative; } .full-image { max-width: 581px; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; top: 0; border-top-right-radius: 24px; border-bottom-right-radius: 24px; } .full-content { max-width: 580px; margin: 0 0 0 auto; padding: 50px 38px 64px 0; } .full-image { max-width: 581px; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; top: 0; border-top-right-radius: 24px; border-bottom-right-radius: 7px; } .full-image-with-content {position: relative;padding: 0px 0;margin: 35px 0 0;} .full-content p { color: #4E4F51; font-family: Montserrat; font-size: 15px; letter-spacing: 0.14px; line-height: 25px; margin: 0 0 50px 0; } .full-content h2 { margin: 0 0 32px 0; } .full-content ul li { list-style-type: none; color: #4E4F51; font-family: Montserrat; font-size: 15px; letter-spacing: 0.14px; line-height: 25px; position: relative; padding: 0 0 25px 42px; } .full-content ul li:before { content: ""; height: 3px; width: 21px; background-color: #DC367E; position: absolute; left: 0; top: 10px;; } .mobile-full-image { display:none; } /*Full Image Content Css Ends Here*/ /*Video Section Css Start Here*/ .video-part { max-width: 1055px; width: 100%; position: relative; margin: 0 auto; padding-bottom: 50.25%; } .video-part iframe { position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 24px;border: 0;background-color: transparent; z-index: 1; } .video-part:before {content: "";background-color: transparent;Width: 161px;height: 144px;border: 2px solid #DC367E;position: absolute;right: -18px;top: -23px;border-radius: 24px;} .video-part:after {content: "";background-color: transparent;Width: 232px;height: 210px;border: 2px solid #500983;position: absolute;left: -29px;bottom: -25px;border-radius: 20px;z-index: 0; } .video-heading { text-align: center; padding: 0 0 45px 0; } .video-section {padding: 94px 0;} /*Video Section Css Ends Here*/ /*Step Section Css Start Here*/ .step-section { padding: 95px 0 75px; } .step-section-heading { text-align: center; max-width: 800px; margin: 0 auto 77px; width: 100%; } .step-section-heading h2 { margin: 0 0 32px 0; } .step-section-heading p { color: #4E4F51; font-family: Montserrat; font-size: 17px; letter-spacing: 0.16px; line-height: 28px; } .step-section-list { max-width: 720px; margin: 0 auto 60px; width: 100%; } .step-section-list:last-child { margin-bottom:0; } .step-section-list .step .step-count { max-width: 145px; width: 100%; height: 100%; display: inline-block; vertical-align: middle; border-radius: 29.5px; background-color: #DC367E; text-align: center; padding: 9px 0; } .step-section-list .step span { color: #FFFFFF; font-family: Montserrat; font-size: 22px; font-weight: 600; letter-spacing: 0.2px; line-height: 27px; } .step-content { width: calc(100% - 145px); padding: 0 0 0 43px; } .step-section-list .step { display: flex; flex-wrap: wrap; } .step-content h2 { color: #500983; font-family: Montserrat; font-size: 22px; letter-spacing: 0; line-height: 25px; margin: 10px 0 22px 0;font-weight: 600; } .step-content h2 a { color:#DC367E; letter-spacing: 1px; } .step-content p { color: #4E4F51; font-family: Montserrat; font-size: 16px; letter-spacing: 0.2px; line-height: 25px; } /*Step Section Css Ends Here*/ /*Our Services Section Css Start Here*/ .our-services-main { max-width: 1250px; margin: 0 auto; width: 100%; position: relative; top: -68px; border-radius: 24px; padding: 99px 100px 60px 103px; } /* .our-services-main:last-child { padding: 99px 100px 60px 103px; } */ .our-services-wrap { display: flex; flex-wrap: wrap; } .our-services-lt { max-width: 315px; width: 100%; } .our-services-rt {width: calc(100% - 315px);padding: 0 0 0 141px;display: flex;flex-wrap: wrap;} .our-services-rt ul {width: 50%;margin: 0;padding: 2px 10px 0 0;} .our-services-rt ul li {position: relative;list-style-type: none;padding: 0 40px 25px 44px; font-family: Montserrat;font-size: 16px;letter-spacing: 0.15px;line-height: 25px;} .our-services-rt ul li:before { content: ""; height: 3px; width: 21px; background-color: #DC367E; position: absolute; left: 0; top: 10px; } .our-services-full-bg img { object-fit: cover; width: 100%; height: 540px; } .our-services-lt span { color: #DC367E; font-family: Montserrat; font-size: 15px; font-weight: 600; letter-spacing: 1.24px; line-height: 23px; text-transform: uppercase; display: inline-block; vertical-align: middle; margin: 0 0 20px 0; } .our-services-lt h2 { margin: 0 0 32px 0; } .our-services-lt p { color: #4E4F51; font-family: Montserrat; font-size: 16px; letter-spacing: 0.24px; line-height: 25px; } .our-services-rt ul:last-child { padding: 3px 3px 0 19px; } .our-services-rt ul:last-child li { padding: 0 9px 25.1px 47px; } /*Our Services Section Css Ends Here*/ /*Contact Us Section Css Start Here*/ .contact-wrap { max-width: 641px; margin: 0 auto 67px; width: 100%; text-align: center; } .contact-wrap h3 { color: #DC367E; font-family: Montserrat; font-size: 15px; font-weight: 600; letter-spacing: 1.24px; line-height: 23px; text-transform: uppercase; margin: 0 0 20px 0; } .contact-section { padding: 25px 0 75px 0; } .contact-list ul { display: flex; flex-wrap: wrap; } .contact-list ul li { display: flex; width: 33.33%; list-style-type: none; flex-wrap: wrap; align-items: center; padding: 0 0 0 32px; } .contact-list ul li:first-child { padding: 0; } .contact-list ul li .icon img { max-width: 47px; width: 100%; } .contact-list ul li .icon { max-width: 47px; width: 100%; } .contact-list ul li .contact-cont { width: calc(100% - 47px); padding: 0 0 0 25px; } .contact-list { max-width: 950px; margin: 0 auto; width: 100%; } .contact-list ul li .contact-cont a { color: #5D5F5F; font-family: Montserrat; font-size: 17px; font-weight: 500; letter-spacing: 0.16px; line-height: 20px; text-align: center; } .contact-list ul li .contact-cont p { color: #5D5F5F; font-family: Montserrat; font-size: 17px; font-weight: 500; letter-spacing: 0.16px; line-height: 30px; margin:0 0 0 0; } .contact-list ul li .contact-cont a:hover { color:#DC367E; text-decoration:none; } /*Contact Us Section Css Ends Here*/ /*Employment Section Css Start Here*/ .employment-section {padding: 89px 0; background-position: center center; background-repeat: no-repeat; background-size: cover; } .employment-wrap { max-width: 491px; width: 100%; padding: 0 0 0 27px; } .employment-wrap span {color: #FFFFFF;font-family: Montserrat;font-size: 15px;font-weight: 600;letter-spacing: 1.24px;line-height: 23px;margin: 0 0 10px 0;display: inline-block;vertical-align: middle;text-transform: uppercase;} .employment-wrap h2 {color: #FFFFFF;font-family: Montserrat;font-size: 26px;font-weight: bold;letter-spacing: 0.24px;line-height: 34px;margin: 0 0 29px 0;} .employment-wrap p { color: #FFFFFF; font-family: Montserrat; font-size: 15px; font-weight: 500; letter-spacing: 0.14px; line-height: 25px; } .employment-wrap p a { color: #FFFFFF; font-family: Montserrat; font-size: 15px; font-weight: 500; letter-spacing: 0.14px; line-height: 25px; } .employment-wrap p a:hover { color: #500983; text-decoration:none; } .mobile-employment-bg { display:none; } /*Employment Section Css Ends Here*/ /*Logo Section Css Start Here*/ .logo-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; max-width: 1100px; margin: 0 auto; width: 100%; } .logo-wrap .logo-list { width: 16.8%; margin: 0 2% 0; } .logo-wrap .logo-list:last-child { margin: 0; } .logo-section { padding: 40px 0; } /*Logo Section Css Ends Here*/ /*Footer Css Start Here*/ .footer-logo { max-width: 274px; width: 100%; margin: 0 0 35px 0; } .footer-menu ul li a { color: #F0F2F3; font-family: Montserrat; font-size: 14px; font-weight: 600; letter-spacing: 0.13px; line-height: 18px; text-transform: uppercase; } .footer-menu ul li a:hover { color: #DC367E; text-decoration:none; } .footer-menu ul li { list-style-type: none; margin: 0 39px 0 0; } .footer-menu ul { display: flex; flex-wrap: wrap; margin: 0; } .footer-menu ul li:last-child { margin: 0; } .footer-social ul { margin: 0; display: flex; flex-wrap: wrap; } .footer-social ul li { list-style-type: none; margin: 0 20px 0 0; } .footer-social ul li a:hover { opacity:0.5; } .footer-social ul li:last-child { margin: 0; } .footer-menu { margin: 0px 0 44px 20px; } .footer-social { margin: 0 0 63px 20px; } .footer-address { margin: 0 0 69px 20px; } .footer-address address strong { display: block; color: #F0F2F3; font-family: Montserrat; font-size: 14px; font-weight: 600; letter-spacing: 0.13px; line-height: 18px; text-transform: uppercase; margin: 0 0 14px 0; } .footer-address address { color: #F0F2F3; font-family: Montserrat; font-size: 15px; font-style: normal; font-weight: 500; letter-spacing: 0.14px; line-height: 22px; max-width: 350px; margin: 0; } .footer-address address i {font-style: italic;display: inline-block;vertical-align: middle;} .footer-copyright p { color: #F0F2F3; font-family: Montserrat; font-size: 15px; font-weight: 500; letter-spacing: 0.14px; line-height: 19px; } .footer-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0px 17px; } .footer-lt { width: 50%; } .footer-rt { width: 50%; } .footer-form h2 {color: #F0F2F3;font-family: Montserrat;font-size: 26px;font-weight: bold;letter-spacing: 0.24px;line-height: 32px;margin: 0 0 22px 0;max-width: 455px;width: 100%;} .footer-form form .gform_fields .gfield input { background-color: transparent;border-top: 0;border-bottom: 1px solid #FFFFFF;border-right: 0;border-left: 0;padding: 14px 16px; width: 100%; color: #F0F2F3; font-family: Montserrat; font-size: 15px; font-weight: 500; letter-spacing: 0.14px; line-height: 19px; border-radius:0; box-shadow: none; } .footer-form form .gform_fields .gfield textarea { background-color: transparent; border-top: 0; border-bottom: 1px solid #FFFFFF; border-right: 0; border-left: 0; padding: 14px 16px; width: 100%; color: #F0F2F3; font-family: Montserrat; font-size: 15px; font-weight: 500; letter-spacing: 0.14px; line-height: 19px; resize:none; border-radius:0; box-shadow: none; } .footer-form { max-width: 484px; width: 100%; margin: 0 0 0 auto; padding: 0 0 0 30px; } .footer-form .gform_wrapper.gravity-theme .gfield textarea.small { height: 50px; } .footer-form form .gform_footer input[type="submit"] { border-radius: 26.5px; background-color: #DC367E; margin: 0; border: 1px solid transparent; color: #F0F2F3; font-family: Montserrat; font-size: 15px; font-weight: bold; letter-spacing: 0.14px; line-height: 19px; text-transform: uppercase; padding: 10px 27px; } .footer-form form .gform_footer input[type="submit"]:hover { background-color:transparent; color:#DC367E; border-color:#DC367E; } .footer-form form .gform_footer.top_label { padding: 23px 0 0 0; margin: 0; } .footer-copyright { margin: 0 0 0 20px; } .footer-form form .gform_fields .gfield { position: relative; margin: 0 0 16.3px 0; } .footer-form form .gform_fields .gfield label.gfield_label { display: none; } .footer-form .gform_validation_error form .gform_fields .gfield .validation_message { color:#d30808; } .gform_validation_errors { display: none; } /*Footer Css Ends Here*/ /*Responsive Start Here*/ @media only screen and (min-width:768px){ .our-services-mobile-full-bg{ display: none; } } @media only screen and (max-width:1440px) { .banner-wrap { max-width: 655px; width: 100%; } } @media only screen and (max-width:1366px) { .full-image { max-width: 470px; } } @media only screen and (max-width:1200px) { .banner-wrap { max-width: 520px; width: 100%; } .header-rt nav ul li { margin: 5px 20px 0 0; } .header-rt nav ul li.tel-btn { margin: 5px 15px 0 10px; } .content-part .content { padding: 0 20px 0 20px; } .full-content { max-width: 480px; } .video-section { padding: 80px 0; } .video-heading { padding: 0 0 25px 0; } .video-part:after { left:-20px; } .step-section-list { margin: 0 auto 40px; } .our-services-main { padding: 60px; } .our-services-rt { padding: 0 0 0 40px; } footer { padding:80px 0; } } @media only screen and (max-width:1024px) { body{padding-top: 103px;} .image-with-content { padding: 60px 0 60px; } .banner-content h1 { font-size: 32px; line-height:1.2;} .banner-content p { font-size:14px; } .full-content { max-width: 420px; } .full-content { padding: 40px 30px 40px 0; } .video-section { padding: 60px 0; } .video-part:before { Width: 131px; height: 114px; } .video-part:after { Width: 202px; height: 180px; } .step-section { padding: 60px 0 60px; } .step-section-list .step span { font-size:20px; } .our-services-main { padding: 40px; } .logo-wrap .logo-list { width: 29.3%; margin: 0 2% 2%; } .footer-form h2 { font-size: 22px; font-weight: bold; letter-spacing: 0.2px; line-height: 30px; margin: 0 0 22px 0; } footer { padding:60px 0; } } @media only screen and (max-width:991px) { .our-services-full-bg img { object-fit: unset !important; width: 100%; height: auto !important; } .header-lt { padding: 0 0 0 0; max-width: 200px } .header-rt { width: calc(100% - 200px); } .header-rt nav ul li { margin: 5px 10px 0 0; } .header-rt nav ul li.tel-btn { margin: 5px 10px 0 5px; } .header-rt nav ul li.tel-btn a { font-size:18px; } .header-rt nav ul li a { font-size:14px; } .image-with-content-wrap { align-items: inherit; } .full-content { max-width: 300px; } .full-image { max-width: 380px; } .full-content { padding: 20px 20px 20px 0; } .full-image-with-content { margin: 25px 0 0; } .full-content p { margin: 0 0 30px 0; } .video-part:before { Width: 111px; height: 94px; top: -15px; } .video-part:after { Width: 162px; height: 140px; bottom: -15px; } .our-services-rt ul li { padding: 0 0 20px 35px; } .our-services-rt ul:last-child li { padding: 0 0 20px 35px; } .our-services-lt { max-width: 255px; } .our-services-rt { width: calc(100% - 255px); } .our-services-main { padding: 30px; } .contact-list ul { justify-content: center; } .contact-list ul li { width:50%; padding: 0 0 20px 0; } .contact-list ul li:first-child { padding: 0 0 20px 0; } } @media only screen and (max-width:991px) and (min-width:768px){ .banner-section.tablet { /*height: 1000px;*/ width: 100%;position: relative;background-position: center bottom;background-repeat: no-repeat;background-size: cover;} .banner-section:before{ content:''; display: block; padding-top:101%; } .banner-section.tablet .banner-wrap{ top: 18.5%; } } @media only screen and (max-width:767px) { body{padding-top: 80px;} h2 { font-size: 22px; letter-spacing: 0.2px; line-height: 30px; } p, li { font-size:15px !important; letter-spacing: 0.14px !important; line-height: 1.6 !important; } .our-services-full-bg{ display: none; } .header-lt { width: 100%; max-width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; } .logo-wrap { max-width: 170px; width: 100%; margin: 0; } .site-header { padding: 22px 0 22px; } .header-rt nav ul li a { color:#fff; padding: 0; } .header-rt nav ul li { margin: 0 0 25px 0; } .header-rt nav ul li.tel-btn { margin: 26px 0 0 0; } .banner-wrap { background-color: transparent; top: 72px; width: 100%; transform: translateY(0); padding: 0; max-width: 100%; left: 0; text-align: center; right: 0; margin: 0 auto; } /*.banner-section { background-image: none!important; height: auto; }*/ .banner-mobile-bg { /*height:600px;*/ display:block; background-position: center bottom; background-repeat: no-repeat; background-size: cover; } .banner-section {min-height:650px;} .banner-section:before{ content:''; display: block; padding-top:67.01%; } .banner-content { margin: 0 auto; padding: 0 20px; max-width: 305px; } .banner-content a { display: block; border-radius: 50px; background-color: #DC367E; font-size: 13px; font-weight: 600; letter-spacing: 1.07px; line-height: 22px; text-align: center; color: #fff; font-family: Montserrat; text-transform: uppercase; padding: 9px 43px; } .banner-content p { display:none; } .image-with-content { padding: 38px 0 38px; } .content-part { width: 100%; margin: 0 0 20px 0; } .image-part { width: 100%; } .image-part .image { margin:0 0 0 0; max-width: 255px; } .content-part .content span { font-size:13px; margin: 0 0 11px 0; } .content-part .content { padding: 0 14px; } .content-part .content h2 { margin: 0 0 16px 0; } .image-with-content-wrap.img-left .image-part { order: 2; } .image-with-content-wrap.img-left .content-part { order: 1; } .image-with-content-wrap.img-left .image-part .image { margin: 0 0 0 0; } .full-image-with-content { display: flex; flex-wrap: wrap; margin: 5px 0 0; } .full-image { display:none; } .mobile-full-image { display:block; position: relative; height: 480px; max-width: 100%; order: 2; background-position: center center; background-repeat: no-repeat; background-size: cover; width:100%; border-top-right-radius: 24px; border-bottom-right-radius: 7px; margin: 14px 0 0 0; } .full-content-wrap { order: 1; } .full-content { max-width: 100%; padding: 0 26px 0 15px; } .full-content h2 { margin: 0 0 10px 0; } .full-content p { font-size: 13px; letter-spacing: 0.12px; line-height: 21px; margin: 0 0 40px 0; } .full-content h2 { margin: 0 0 12px 0; } .full-content ul li { font-size: 13px; letter-spacing: 0.12px; line-height: 21px; padding: 0 0 21px 33px; } .video-section { padding: 43px 0; } .video-part:before { top: -6px; right: -7px; height: 35.55px; width: 39.75px; border-radius: 12px; } .video-part:after { Width: 57px; height: 52px; bottom: -6px; left: -8px; border-radius: 12px; } .video-wrap { padding: 0 10px; } .video-heading { text-align: left; padding: 0 30px 14px 14px; } .step-section { padding: 40px 0; } .step-section-heading { text-align:left; padding: 0 5px; margin: 0 auto 45px; } .step-section-heading h2 { margin: 0 0 15px 0; } .step-section-heading p { font-size: 15px; letter-spacing: 0.14px; line-height: 24px; } .contact_info .contact-wrap.section-heading h2 span{ display: inline-block;} .step-content { width: 100%; padding: 16px 0 0 0; } .step-content h2 a { display:inline-block; } .step-section-list { padding: 0 5px; } .step-content h2 { margin:0 0 17px 0; font-size: 20px;font-weight: 600; } .step-section-list .step .step-count { max-width: 155px; padding: 6px 0; } .step-section-list .step span { font-size: 18px; } .step-content p { font-size: 15px; letter-spacing: 0.2px; line-height: 21px; } .step-section-list { margin: 0 auto 31px; } .our-services-full-bg img { height:309px; } .our-services-main { padding: 28px 40px 28px 25px; max-width: 600px; top: -43px; } .our-services-lt { max-width:100%; } .our-services-rt { width: 100%; padding: 20px 0 0 0; } .our-services-lt span { font-size: 13px; margin:0 0 11px 0; } .our-services-lt h2 { margin: 0 0 20px 0; } .our-services-lt p { font-size: 15px; letter-spacing: 0.12px; line-height: 21px; } .our-services-rt ul li { font-size: 15px; letter-spacing: 0.12px; line-height: 20px; } .contact-list ul li { width:100%; padding: 0 0 32px 0; } .contact-list ul li:first-child { padding: 0 0 27px 0; } .contact-wrap { text-align:left; padding: 0 14px; margin: 0 auto 38px; } .contact-list ul { padding: 0 14px; } .contact-section { padding: 3px 0 10px 0; } .contact-wrap h3 { font-size:13px; margin: 0 0 11px 0; } .contact-list ul li .contact-cont a { font-size: 14px; font-weight: 500; letter-spacing: 0.13px; line-height: 18px;} .contact-list ul li .contact-cont p { font-size: 14px; font-weight: 500; letter-spacing: 0.13px; line-height: 18px; margin: 0 0 6px 0; } .contact-list ul li .icon img { max-width: 43px; width: 100%; } .contact-list ul li .icon { max-width: 43px; } .contact-list ul li .contact-cont { width: calc(100% - 43px); padding: 0 0 0 17px; } .employment-section { /*background-image:none!important; background-color: #E479A5;*/ padding: 41px 0 0; } .mobile-employment-bg { display: block; height: 216px; background-repeat: no-repeat; background-position: center center; background-size: cover; } .employment-wrap { max-width: 100%; padding: 0 14px 19px; } .employment-wrap span { font-size: 13px; font-weight: 600; letter-spacing: 1.07px; line-height: 23px; margin: 0 0 20px 0;} .employment-wrap h2 { font-size: 22px; letter-spacing: 0.2px; line-height: 30px; margin: 0 0 17px 0; } .employment-wrap p { font-size: 13px; letter-spacing: 0.12px; line-height: 22px; } .logo-section { padding: 77px 0; } .logo-section .logo-wrap { max-width:100%; } .logo-wrap .logo-list { width: 46%; text-align: center; } .video-part iframe { border-radius: 18px; } footer { padding:62px 0; } .footer-lt { width: 100%; order: 2; } .footer-rt { width: 100%; order: 1; margin: 0 0 70px 0; } .footer-form { max-width:100%; padding: 0; margin: 0; } .footer-wrap { padding:0 14px; } .footer-form form .gform_fields .gfield input { font-size:13px; padding: 12px 12px; } .footer-form form .gform_fields .gfield textarea { font-size:13px; padding: 12px 12px; } .footer-form form .gform_fields .gfield { margin: 0 0 9.3px 0; } .footer-form .gform_wrapper.gravity-theme .gfield textarea.small { height: 45px; } .footer-form form .gform_footer input[type="submit"] { padding: 7px 22px; font-size:13px; } .footer-form form .gform_footer.top_label { padding: 15px 0 0 0; } .footer-logo { max-width: 182px; margin: 0 0 38px 0; } .footer-menu { display: none; } .footer-social { margin: 0 0 39px 0; } .footer-address { margin: 0 0 34px 0; } .footer-address address strong { font-size:13px; margin: 0 0 8px 0; } .footer-address address { font-size:13px; } .footer-copyright { margin: 0 0 0 0; } .footer-copyright p { font-size: 13px; letter-spacing: 0.12px; line-height: 16px; } } @media only screen and (max-width:640px) { .video-part { padding-bottom: 70%; } .our-services-main { max-width: 87%; } .contact-list.contact-list-new ul li a.link {font-weight: 700;} } @media only screen and (max-width:480px) { .banner-section {min-height:575px;} .video-part { padding-bottom: 53%; } .our-services-rt ul { width:100%; padding: 0; } .our-services-rt ul:last-child { width:100%; padding: 0; } .logo-wrap .logo-list { width: 100%; margin:0 0 48px 0; } .image-part .image { margin:0 auto; } } /* added by HI 4/6/2022 */ .header-logo{ max-width: 200px; } img{ max-width:100%; } @media only screen and (max-width: 991px){ .header-logo{ max-width: 200px; } } *, html, body { scroll-behavior: smooth; scroll-padding-top: 125px; } @media only screen and (max-width: 1199px){ *, html, body { scroll-padding-top: 104px; } } @media only screen and (max-width: 991px){ *, html, body { scroll-padding-top: 104px; } } @media only screen and (max-width: 767px){ *, html, body { scroll-padding-top: 80px; } } html, body{ width: 100vw; }