@charset "utf-8";
/* CSS Document */
input[type="submit"], input[type="button"], input[type="text"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; }
a[href^=tel] { text-decoration:inherit; color: inherit;}

/* #Media Queries
================================================== */
@media only screen and (min-width: 1920px){
}

@media only screen and (min-width:1300px) and (max-width:1500px) {
body{ overflow-x:hidden;}


}

@media only screen and (max-width: 1280px) {
body{ overflow-x:hidden;}

.row { width: 1200px;}
.banner-cap-sec {width: 100%;}
.ban-caption-lft { padding-right: 40px;}
.ban-caption-lft h1{font-size: 3.7rem; line-height: 1.15;}
.ban-caption-rht { padding-right: 100px;}
.star3{left: -4%; right: 50px;}
.star4{right: 12%;}
.star5{left: 0;}
.title-sec h2{font-size: 3.6rem; line-height: 1.1;}
.app-main { padding: 80px 0;}
.tabs-section { padding: 60px 50px;}
.who-we-section p { padding: 0 12%;}
.who-we-section h2, .benefits-section h2 {font-size: 3.5rem;}
.benefit-card { padding: 22px 80px 22px 30px;}

.contact-item:first-child { flex: 0 1 21%;}
.contact-item:last-child { flex: 0 1 42%;}

/* inner */
.key-future-title h2, .why-choose-title h2, .plans-text1 h2 { font-size: 3.5rem; line-height: 1.1;}
.about-text1 h2, .story-text h2, .contact-text1 h2, .loc-title h2 { font-size: 3.5rem; line-height: 1.1;}

.contact-banner-cap-sec { width: 1200px;}

}

@media screen and (min-width:1024px) and (max-width:1279px) {
img {max-width:100%;}
.row { width: 1000px; max-width: 100%; }

/* home page css */
.logo img { width: 175px;}
.megamenu-sec ul {column-gap: 30px;}
.contact-btn a { width: 150px; font-size: 1rem; padding: 0 15px;}
.megamenu-sec ul li.has-mega-menu ul.submenu { left: 0;}

/* common css */
.home-banner{min-height: 580px;}
.ban-caption-lft { padding-right: 0px;}
.ban-caption-lft h1{font-size: 3.1rem; line-height: 1.15; margin-bottom: 20px;}
.ban-caption-lft p { margin-bottom: 30px;}
.ban-caption-rht { padding-right: 60px;}
/* .ban-lady-img img { width: 480px;} */
.star3 img { width: 480px;}
.star3{left: -4%; right: 50px;}
.star4{right: 10%; top: 16%; width: 90px;}
.star5{left: 0;}
.title-sec h2 {font-size: 3rem; line-height: 1.1;}
.about-care-section { padding: 60px 0 60px;}
.about-care-content { column-gap: 4.4%;}
.app-left h3 { font-size: 2.425rem;}
.about-text {  flex: 0 1 49.6%;}
.about-image {  flex: 0 1 46%;}
.about-text h2 { font-size: 2.325rem;}
.app-section { padding: 0 15px;}
.app-main { padding: 60px 0;}
.app-main .row, .story-main .row, .loc-main .row { padding: 0 20px;}
.app-tabs { margin-bottom: 50px;}
.app-left { flex:0 1 39.9%; }
.app-right { flex:0 1 54%; }
.tabs-section { padding: 60px 40px;}
.who-we-section, .benefits-section { padding: 60px 0;}
.who-we-section h2, .benefits-section h2 {font-size: 3rem;}
.who-we-section p { padding: 0 10%;}
.benefit-card { padding: 25px 15px 25px 20px;}
.benefits-right { width: 364px;}
.highlight-box h3 { font-size: 2.538rem;}
.global-sec { padding-top: 60px;}
.global-sec h2 {font-size: 2.825rem;line-height: 1.1;}
.global-lft { flex: 0 1 53%;}
.global-rgt { flex: 0 1 43%;}

.feature-box h3{font-size: 18px; line-height: 28px;}
.feature-box p{font-size: 15px;}
.circle2::before {left: -6px;bottom: -157px;width: 1px;height: 160px;transform: rotate(10deg);}
.circle3{bottom: -18px;}
.circle1 {left: -12px;}
.circle2 {left: 2px;bottom: 65px;}
.circle4 {right: -12px;}
.circle5 {right: 0;bottom: 70px;}
.circle5::before {right: -17px;bottom: -165px;width: 1px;height: 170px;transform: rotate(-197deg);}
.monitor-icon::after {left: -20px;top: 50%;width: 20px;height: 1px;}
.title-sec{margin-bottom: 40px;}

.left-features {flex: 0 1 30%;}
.right-features {flex: 0 1 30%;}

footer{padding-top: 0;}
.footer .row { padding: 0 20px;}
.footer-top { padding: 60px 0 50px;}
.footer-desc { max-width: 260px;}
.footer-lft{padding: 50px 0 50px 50px;}
.circle-rgt{width: 60%;}
.contact-item { flex: 0 1 30%;}
.contact-item p.address br { display: none;}
.footer-shape { width: 130px;}
.footer-contact { padding-bottom: 40px;}

/* inner */
.inner-banner, .contact-banner { min-height: 550px;}
.inner-banner-cap-sec, .contact-banner-cap-sec { width: 1000px;}
.iban-caption-lft h1, .cban-caption-lft h1 { font-size: 3.1rem;}
.key-future-sec-main { padding: 60px 0;}
.key-future-title h2, .why-choose-title h2, .plans-text1 h2 { font-size: 3rem; line-height: 1.1;}
.why-choose-sec { padding-top: 60px;}

.plans-page-section { padding-top: 60px;}
.feature-col.title, .plan-name { font-size: 1.3rem;}

.about-page-section, .loc-main { padding: 60px 0;}
.about-text1 h2, .story-text h2, .contact-text1 h2, .loc-title h2 { font-size: 3rem; line-height: 1.1;}
.story-section { padding: 0 15px;}
.story-content { column-gap: 6.4%;}
.story-main { padding: 60px 0;}
.story-text {  flex: 0 1 47.6%;}

.contact-page-section { padding: 60px 0;}
.contact-rgt { flex: 0 1 48%;}

.footer { padding: 0 15px;}
}

/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1023px) {
img {max-width:100%; }
.row { width:100%; max-width: 100%; padding:0px 15px; }

/* home page css */
.hdr-rht { display: none;}
.m-menu { display: block;}
/* header { padding: 12px 0;} */
.logo img { width: 175px;}

/* common css */
.home-banner{min-height: 580px;}
.ban-caption-lft { padding-right: 0px;}
.ban-caption-lft h1{font-size: 2.4rem; line-height: 1.15; margin-bottom: 20px;}
.ban-caption-lft p { font-size: 1.4rem; margin-bottom: 30px;}
.ban-caption-rht { padding-right: 30px;}
.ban-lady-img img { width: 480px;}
.about-ban .in-img img { width: 100%;}
.star3 img { width: 380px;}
.star3{left: -4%; right: 35px;}
.star4{right: 10%; top: 16%; width: 80px;}
.about-ban .star4 { top: -10%;}
.star5{left: 0;}
.title-sec h2 {font-size: 2.6rem; line-height: 1.1;}
.about-care-section { padding: 60px 0 60px;}
.about-care-content { column-gap: 4.4%;}
.app-left h3 { font-size: 2.425rem;}
.app-left h3 br { display: none;}
.about-text {  flex: 0 1 49.6%;}
.about-image {  flex: 0 1 46%;}
.image-box::after { left: 0; margin: 0 auto;}
.about-text h2 { font-size: 2.1rem;}
#residents.active .image-box { justify-content: center;}
#admin.active .shape2 { right: 40px; }
.shape1 { left: 80px; }
#admin.active .shape1 { left: 70px; }
.shape3 { right: 100px;}
.app-section { padding: 0 15px;}
.app-main { padding: 50px 0;}
.app-main .row, .story-main .row { padding: 0 20px;}
.app-tabs { margin-bottom: 50px;}
.app-left { flex:0 1 100%; }
.app-right { flex:0 1 100%; }
.tabs-section { padding: 60px 40px;}
.who-we-section, .benefits-section { padding: 60px 0;}
.who-we-section h2, .benefits-section h2 {font-size: 2.6rem;}
.who-we-section p { padding: 0 6%;font-size: 1.425rem;}
.benefit-card { padding: 25px 15px 25px 20px;}
.benefits-right { width: 420px; margin: 0 auto;}
.highlight-box h3 { font-size: 2.538rem;}
.global-inner { padding: 30px 30px 0 40px;align-items: flex-end;}
.global-lft{flex: 0 1 52%; padding-bottom: 30px;}
.global-rgt{flex: 0 1 44%;}
.global-sec { padding: 50px 0;}
.global-sec h2 {font-size: 2.4rem;line-height: 1.1;}

.feature-box{order: 2; width: calc(100% - 80px); max-width: 100%;}
.left-features {flex: 0 1 100%;justify-content: left;order: 2;column-gap: 10%;}
.left-features .step{margin-right: 0;}
.right-features {flex: 0 1 100%;order: 3;column-gap: 10%;}
.circle{display: none;}
.right-features .step{margin-left: 0;}
.center-cnt{flex-wrap: wrap; column-gap: 0; row-gap: 15px; justify-content: left; width: 45%;}
.feature-inner {display: flex;flex-wrap: wrap;row-gap: 20px; column-gap: 20px; flex: 0 1 45%;}
.left-features .feature-inner {justify-content: left;}

footer{padding-top: 0;}
.footer-lft{padding: 40px 0 40px 40px;}
footer h2{font-size: 32px;line-height: 40px;}
.feature-box h3{font-size: 16px;}
.feature-box p{font-size: 15px;}
.contact-btn a{background: var(--bg-white) ; color: var(--txt-black);}
.contact-btn a:hover{background: var(--bg-lyellow); color: var(--txt-white);}
.footer-shape { width: 175px; opacity: 0.7; height: 505px; top: auto; bottom: 20px; }

/* inner */
.inner-banner { min-height: 500px;}
.inner-banner-cap-sec, .contact-banner-cap-sec { width: 100%; padding: 0 15px;}
.iban-caption-lft { transform: translateY(-5%);}
.iban-caption-lft h1, .cban-caption-lft h1 { font-size: 2.4rem;}
.key-future-sec-main { padding: 60px 0;}
.key-future-title { padding: 0 7%;}
.key-future-title h2, .why-choose-title h2, .plans-text1 h2 { font-size: 2.4rem; line-height: 1.1;}
.key-future-list ul li { padding: 30px;}
.why-choose-sec { padding-top: 60px;}
.why-choose-cnt ul li { font-size: 1.25rem;}
.why-choose-main { column-gap: 3%;}
.why-choose-cnt { flex: 0 1 50%; }
.why-choose-img { flex: 0 1 47%; }
.key-future-list ul li h3 { font-size: 1.8rem; line-height: 1.2;}

.plans-page-section { padding-top: 50px;}
.feature-col.title, .plan-name { font-size: 1.2rem;}
.plan-card { flex-direction:unset; flex-wrap: wrap;}
.compare-table { grid-template-columns: minmax(210px, 1.3fr) repeat(3, minmax(180px, 1fr));}

.about-page-section, .loc-main { padding: 50px 0;}
.about-page-content { column-gap: 4%;}
.about-text1 {flex: 0 1 47.6%;}
.vision-sec{flex: 0 1 48%;}
.about-text1 h2, .story-text h2, .contact-text1 h2, .loc-title h2 { font-size: 2.4rem; line-height: 1.1;}
.vision-item { gap: 30px;}
.story-section { padding: 0 15px;}
.story-content { column-gap: 6.4%;}
.story-main { padding: 50px 0;}
.story-text {  flex: 0 1 47.6%;}

.contact-banner-cap-sec { left: 0;}
.contact-page-section { padding: 140px 0 50px;}
.contact-text1 {  flex: 0 1 100%; text-align: center;}
.contact-text1 p { margin-bottom: 30px;}
.get-in-rgt ul li{flex: 0 1 48.2%; padding: 50px 30px; }
.loc-lft { flex: 0 1 55%;}
.loc-rgt { flex: 0 1 42%;}
.loc-lft li { flex: 0 1 100%; padding-bottom: 30px;}
.loc-lft li h4 { margin-bottom: 12px;}
.contact-rgt { flex: 0 1 48%;}
}

/* Responsive */
@media (max-width: 768px) {
    .footer-grid {
      text-align: left;
    }
    .footer-shape {
      width: 180px;
      opacity: 0.7;
    }
    .footer-contact {
      flex-direction: column;
    }
    .footer-bottom-inner {
      flex-direction: column;
      text-align: center;
    }
  }

/* Smaller than standard 768 (devices and browsers) */
@media screen and (max-width:767px) {
img {max-width:100%; }
.row { width:100%; max-width: 100%; padding:0px 15px; }

/* home page css */
.hdr-rht { display: none;}
.m-menu { display: block;}
header { padding: 12px 0;}
.logo img { width: 160px;}

/* common css */
.div-center { padding-top: 10px;}
.title-sec {margin-bottom: 20px; row-gap: 20px; text-align: center;}
.title-sec h2 { font-size: 2.4rem; line-height: 1.15;margin-bottom: 20px;}
.title-sec h2 {max-width: 100%;}
.about-care-section { padding: 60px 0 70px;}
.about-care-content { column-gap: 4.4%;}
.app-left h3 { font-size: 2rem;}
.app-left h3 br { display: none;}
.about-text {  flex: 0 1 49.6%;}
.about-image {  flex: 0 1 46%;}
.image-box::after { left: 0; margin: 0 auto;}
.about-text h2 { font-size: 2.4rem;}
#residents.active .image-box { justify-content: center;}
.image-box::after { width: 100%;}
#admin.active .shape2 { right: 40px; }
.shape1 { left: 40px; animation: none; }
.shape2 { right: 30px; animation: none;}
#admin.active .shape1 { left: 20px; }
.shape3 { right: 0; left: 0; margin: 0 auto;}
.app-section { padding: 0 15px;}
.app-main { padding: 50px 0;}
.app-main .row, .story-main .row { padding: 0 20px;}
.app-tabs { margin-bottom: 40px; }
.app-tabs .tab { padding: 20px 20px;}
.app-left { flex:0 1 100%; }
.btn-know { text-align: center; margin-bottom: 20px;}
.app-right { flex:0 1 100%; }
.tabs-section { padding: 40px 20px;}
.who-we-section, .benefits-section { padding: 50px 0;}
.who-we-section h2, .benefits-section h2 {font-size: 2.4rem; margin-bottom: 25px;}
.benefits-section { text-align: center;}
.benefits-section h2 { max-width: 100%;}
.benefits-content { row-gap: 0px;}
.benefit-boxes { text-align: left;}
.who-we-section p { padding: 0 1%;font-size: 1.15rem;}
.benefit-card { padding: 25px 15px 25px 20px;}
.benefits-right { width: 85%; margin: 0 auto;}
.highlight-box { padding: 40px 35px 35px 40px;}
.highlight-box h3 { font-size: 2.2rem; line-height: 1.2; padding-right: 0; margin-bottom: 25px; text-align: center;}
.global-sec { padding: 40px 0;}
.global-inner { padding: 50px 30px 0 40px;align-items: flex-end;}
.global-lft{flex: 0 1 100%; padding-bottom: 30px; text-align: center;}
.global-rgt{flex: 0 1 100%;}
.global-sec h2 {font-size: 2.4rem;line-height: 1.1; text-align: center;}
.about-care-content { row-gap: 40px;}
.about-text {flex: 0 1 100%; text-align: center; order: 2;}
.about-image {flex: 0 1 100%;}
.ban-lady-img img { width: 90%;}
.star3 { left: 0; right: 0; margin: 0 auto; width: 82%;}
.star4{right: 40px; top: 24%; width: 90px; animation: none;}

.about-care-section {padding: 50px 0 50px;}
h5.tag {font-size: .8rem;}
.about-text p {	text-align: center;	font-size: 1.15rem;}
.ban-caption-lft{width: 100%; transform: none; padding-right: 0;}
.ban-caption-rht{text-align: center; width: 100%; padding-right: 20px;}
.ban-caption-lft p {font-size: 1.15rem; text-align: center;}
.feature-box{order: 2; width: calc(100% - 80px); max-width: 100%;}
.left-features {flex: 0 1 100%; justify-content: left; order: 2;}
.left-features .step{margin-right: 0;}
.right-features {flex: 0 1 100%; order: 3;}
.circle{display: none;}
.title-sec p { font-size: 1.15rem;}

footer{padding: 0;}
.footer .row { position: relative; z-index: 1;}
.footer-contact { padding-bottom: 50px;}
.footer-inner{overflow: hidden;}
.footer-top { row-gap: 40px; padding: 45px 0 30px;}
.footer-col ul { row-gap: 12px;}
.footer-col.about { flex: 0 1 100%; text-align: center; display: inline-block;}
.footer-col { flex: 0 1 50%; display: none;}
.footer-col { flex: 0 1 50%;}
.footer-col.solutions { flex: 0 1 45%;}
.footer-logo img { display: inline-block; }
.contact-item img { max-height: 35px; max-width: 30px;}
.footer-col h4 { margin-bottom: 15px;}
.footer-col p { max-width: 100%;}
.footer-lft {flex: 0 1 100%; padding: 40px 20px; justify-content: center; row-gap: 20px;}
.footer-rgt {flex: 0 1 100%; text-align: center;}
footer h2{font-size: 32px; line-height: 36px; text-align: center;}
.footer-rgt img{position: relative;top: auto;right: 0;left: 0;margin: 0 auto;text-align: center; width: 200px;}
.circle-rgt{display: none;}
.record-cnt{display: none;}

.banner-cap-sec{width: 100%; position: relative; padding: 200px 0 0 0; row-gap: 20px;}
.ban-caption-lft h1{font-size: 2.525rem; line-height: 1.1; text-align: center;margin-bottom: 20px;}
.request-btn {position: relative;width: 100%;justify-content: center;display: flex;}

.right-features .step{margin-left: 0;}
.home-banner{min-height: inherit;}
.footer-shape { width: 135px; opacity: 0.5; height: 470px; top: auto; bottom: 20px; z-index: 0; }

/* inner */
.inner-banner, .contact-banner { min-height: 500px;}
.inner-banner-cap-sec, .contact-banner-cap-sec { width: 100%; padding: 200px 0 0 0px; position: relative; }
.breadcrum { padding-bottom: 40px;}
.iban-caption-lft { transform: translateY(-5%); width: 100%; text-align: center;}
.iban-caption-lft h1, .cban-caption-lft h1 { font-size: 2.525rem;}
.iban-caption-rht { width: 100%;}
.about-ban .iban-caption-rht { text-align: center;}
.iban-caption-lft p { margin-bottom: 20px;}
.key-future-sec-main { padding: 60px 0;}
.key-future-title { padding: 0 7%;margin-bottom: 20px;}
.key-future-title h2, .why-choose-title h2, .plans-text1 h2 { font-size: 2.4rem; line-height: 1.1;}
.key-future-list ul li { padding: 30px 20px;flex: 0 1 100%;}
.why-choose-sec { padding-top: 60px;}
.why-choose-cnt ul li { font-size: 1.125rem; padding-left: 60px; min-height: 42px;}
.why-choose-cnt ul li::before { width: 42px; height: 42px; background-size: 100%;}
.why-choose-title { padding: 0 10%; margin-bottom: 30px;}
.why-choose-main { column-gap: 3%; row-gap: 35px;}
.why-choose-cnt { flex: 0 1 100%; }
.why-choose-img { flex: 0 1 100%; }
.key-future-list ul { text-align: center;}
.key-future-list ul li .key-future-icon { margin: 0 auto 20px;}
.key-future-list ul li h3 { font-size: 1.8rem; line-height: 1.1;}

.about-page-section, .loc-main { padding: 40px 0;}
.about-page-content { row-gap: 40px;}
.about-text1 {flex: 0 1 100%; text-align: center;}
.about-text1 p {font-size: 1.25rem;}
.vision-sec{flex: 0 1 100%;}
.vision-item h4 { font-size: 1.8rem;}
.about-text1 h2, .story-text h2, .contact-text1 h2, .loc-title h2 { font-size: 2.4rem; line-height: 1.1;}
.vision-item { gap: 20px; padding-bottom: 30px;}
.vision-item .icon { width: 50px; height: 50px;}
.vision-list { gap: 30px;}
.story-section { padding: 0 15px;}
.story-content { row-gap: 20px;}
.story-main { padding: 40px 0;}
.story-image {  flex: 0 1 100%;}
.story-text {  flex: 0 1 100%;}
.story-text p { font-size: 1.125rem;}

.cban-caption-lft { width: 100%; text-align: center;}
.cban-caption-lft p { margin-bottom: 20px; }
.contact-rgt { flex: 0 1 100%; width: 100%; bottom: 0;}
.contact-text1 { flex: 0 1 100%; text-align: center;}
.contact-form { padding: 20px 20px;}
.get-in-rgt ul li, .loc-lft li { flex: 0 1 100%;}
.get-in-rgt ul li { padding: 40px 30px;}
.contact-page-section { padding: 40px 0;}
.contact-text1 p{ margin-bottom: 30px;}
.loc-content { row-gap: 30px;}
.loc-lft { flex: 0 1 100%;}
.loc-rgt { width: 100%;flex: 0 1 100%;}
.loc-lft li p, .loc-rgt li p { font-size: 1.125rem;}

.feature-col.title, .plan-name { font-size: 1.2rem;}
.compare-cell { padding: 10px 10px;}
}  

/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {
.ban-caption-lft h1{font-size: 2.325rem;}
.about-text h2, .title-sec h2, .highlight-box h3, .global-sec h2 { font-size: 2rem;}
.who-we-section h2, .benefits-section h2 {font-size: 2rem; margin-bottom: 25px;}
.app-left h3 { font-size: 1.6rem;}
.star4{right: 17px; }
.feature-box h3{font-size: 16px; line-height: 28px;}
.feature-box p{font-size: 15px;}
.app-tabs { flex-wrap: wrap;}
.app-tabs .tab { flex: 0 1 100%;flex-wrap: wrap;}
.image-box::after { height: 410px;}
.hand-image { width: 90%;}
.shape1 { left: 20px; }
#admin .shape1 { left: 20px; top: 30px; }
.shape3 { width: 80%;}
#admin .shape3 { width: 68%;}
.contact-item p.address, .contact-item a { font-size: 1.15rem;}
.contact-item p.address { padding-right: 0px;}
.contact-item p.address br { display: none;}
.footer-contact { padding-bottom: 40px; text-align: center;}
.contact-item div { width: 100%;}
.footer-col.about { flex: 0 1 100%; text-align: center; display: inline-block;}
.footer-col.solutions { flex: 0 1 45%;}
.footer-logo img { display: inline-block; }
.contact-item, .contact-item:first-child { flex-wrap: wrap;flex: 0 1 100%;}
.footer-contact { row-gap: 20px;}
.contact-item img { max-width: 50px;}
.about-text h2 br { display: none;}

/* inner */
.iban-caption-lft h1, .cban-caption-lft h1 { font-size: 2.325rem;}
.key-future-title { padding: 0 2%;}
.key-future-title h2, .why-choose-title h2, .plans-text1 h2 { font-size: 2rem; line-height: 1.1;}
.in-img img { width: 100%;}

.about-text1 h2, .story-text h2, .contact-text1 h2, .loc-title h2 { font-size: 2.3rem; line-height: 1.1;}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {

.inner-banner-cap-sec, .contact-banner-cap-sec { padding-top: 170px;}

.banner-cap-sec { padding-top: 170px;}
.ban-lady-img img { width: 100%;}
.star4 { width: 70px; right: 5px;}
.star3 { left: 0; right: 0; margin: 0 auto; width: 90%;}
.about-text h2, .title-sec h2, .highlight-box h3, .global-sec h2 { font-size: 1.8rem;}
.contact-item p.address, .contact-item a { font-size: 1rem;}
.app-left h3 { text-align: center;}
.feature-item { flex-wrap: wrap;}
.feature-item .icon { margin: 0 auto;}
.feature-item .text { width: 100%;}
.feature-list { justify-content: center; text-align: center;}
.contact-form h3 { font-size: 1.8rem;}
.contact-item p { margin-bottom: 5px;}

.get-in-rgt ul li { padding: 30px 20px;}
.get-in-rgt ul li a { word-break: break-all;}

} 

@media screen and (max-width:359px) {
.footer-col, .footer-col.solutions { flex: 0 1 100%;}
.contact-form { padding: 20px 15px;}

}

@media screen and (max-width:319px) {

}