@media screen and (min-width:1921px) {
  h1{font-size:30px; line-height:36px;}
  .title{padding-bottom:30px;}
}

@media screen and (min-width: 0px) and (max-width:1536px){
  .homeShape{height:94vh;}
  .centerLogoNew{max-width:320px;}
  .totlaArea{font-size:5vw; line-height:5vw;}
  .totlaArea .spaceTitle{
    font-size: 1.8vw;
    line-height: 2.2vw;
    padding-right: 1.8vw;
  }
  .totlaArea span{font-size:1.4vw; line-height:1.4vw; margin-left:-1%;}
  h1{font-size:25px; line-height:34px; letter-spacing:-1.1px;}
  .title{padding-bottom:16px;}
  .Date{font-size:22px; line-height:30px;}

  .slideimageBlock{width:75%;}
  .slideimageInfo{width:25%;}

  .slideInfo .slick-arrow{ width: 38px;}
  .slick-prev::before, .slick-prev::after,
  .nextLink::before, .nextLink::after, .slick-next::before, .slick-next::after{ width: 38px; background-size: 38px;}
}

@media screen and (min-width: 0px) and (max-width:1470px) {
  .stepfourInfo{width:34%; right:0;}
  .stepfourInfo .grid{ font-size: 16px; line-height: 24px;}
  .stepfourInfo .grid p{ padding-bottom: 16px;}
  .stepfourInfo .grid .col{padding:0 10px;}
}
@media screen and (min-width: 0px) and (max-width:1400px) {
  h1{font-size:30px; line-height:36px;}
  .title{padding-bottom:30px;}
  .steponeInfo{width:34%;}
  .steptwoInfo, .stepthreeInfo{right:10%; width:27%;}
}

@media screen and (min-width: 0px) and (max-width:1380px) {
  body.stepFour .birdImage{ top:30%!important; left: 27%!important;}
  .stepfourInfo{ width:38%;}
  .stepfourInfo .grid .col{ padding: 0 16px;}
  .copyrightInfo.desktop{ width: 22%;}
}

@media screen and (min-width: 0px) and (max-width:1200px) and (orientation:landscape)
{
  h1{ font-size: 25px; line-height: 34px;}
  .steponeInfo .logo, .slideimageInfo .logo{max-width:180px;}
  .steponeInfo{width:38%; right:4%;}
  .homeShape{width:auto; height:94vh; top:auto; bottom:0;}
  .flowerHand{height:62vh;}
  .title{padding-bottom:22px;}
  .Date{font-size:14px; line-height:22px;}

  .centerLogoNew{ max-width:200px;}
  .steponeInfo .logo, .slideimageInfo .logo{ max-width: 1px;}

  .centerLogo{ width: 100%; max-width: 200px; left: -8%;}
  .copyrightInfo.desktop{left:5.5%;}
  .steptwoInfo, .stepthreeInfo{ width: 34%; right: 10%;}
  .number{ right: 10px;}
  .secondstep.number img {height:70vh;}
  .sqftText{ font-size: 3.5vh; line-height: 3.5vh;}
  .manInsuit{ width: 40%; height: auto;}
  body.stepFour .birdImage{width:8%!important; top:48%!important; left:25%!important;}

  .logoBlock {padding-bottom:10px; width:70%;}
  .stepfourInfo{width:38%;}
  .stepfourInfo .title{padding-bottom:6px;}
  .stepfourInfo .grid{font-size:14px; line-height:22px;}
  .stepfourInfo .grid p{padding-bottom:10px;}
  .stepfourInfo .grid .col{padding:0 10px;}

  ul.linksBlock{ font-size: 16px; line-height:22px;}
  ul.linksBlock li{ padding: 0 10px;}
  ul.termLinks li{ padding: 0 10px;}

  .slideImage .box::before{padding-top:40%!important;}
  .slideInfo{ padding-bottom: 36px!important;}
}

@media screen and (min-width: 0px) and (max-width:926px),
screen and (min-width: 0px) and (max-width: 896px) {
@media all and (orientation: landscape) {
  html,body{height:auto; min-height:400px; height:100%;}
  .stepsBlock{position:absolute; overflow: hidden; min-height:400px;}

  .steponeInfo{padding:20px 10px; width:36%;}

  .steponeInfo .logo, .slideimageInfo .logo{max-width:1px;}
  h1{font-size:16px; line-height:24px; letter-spacing:-0.8px;}
  .totlaArea{padding-bottom:14px;}
  .title{padding-bottom:10px;}
  ul.linksBlock{font-size:14px; line-height:20px;}

  .manInsuit{ width: 30%!important;}
  .flowerHand{height:96vh!important;}

  .centerLogo{max-width:160px; width: 100%}
  .copyrightInfo.desktop{max-width:160px; width:100%; font-size:10px; line-height:14px; bottom: 20px;}
  .centerLogoNew{ max-width:200px; transform: translate(-40%, -50%) !important;}

  .steptwoInfo, .stepthreeInfo{ width: 28%; right:10%;}

  .stepfourInfo{width:40%; padding:20px 10px; justify-content:space-between;}
  .stepfourInfo .grid{font-size:12px; line-height:20px;}
  .stepfourInfo .title{ padding-bottom:4px;}
  .logoBlock{ padding-bottom: 8px; width: 70%;}
  .stepfourInfo .grid p{ padding-bottom: 6px;}
  body.stepFour .birdImage{ left:16%!important; top:40%!important;}

  .stepfourInfo .grid .col{ padding: 0 4px;}
  .stepfourInfo .extraLinks{ bottom:20px; padding:0 10px;}
  ul.termLinks{font-size:10px; line-height:18px;}
  ul.termLinks li{padding:0 5px;}
  ul.linksBlock{font-size:12px; line-height:20px;}
  ul.linksBlock li{padding:0 6px;}
  .summaryLink{padding-left:30px;}
  .summaryLink::before{width:22px; height:22px; background-size:20px;}
  .summaryLink:hover::after{ left:30px!important;}

  .slideimageBlock{width:65%!important;}
  .slideimageInfo{width:35%!important; position: relative!important;}
  .slideImage .box, .slideImage .imageHolder, .slideimageBlock, ul.slideImage, .slideimageBlock .slick-list, .slideimageBlock .slick-track, .slideimageBlock li{ height: 100%!important;}
  .slideImage .box::before{padding-top:0!important;}
  .slidelogo{ display:block!important;}

  .slideInfo{ padding-bottom: 36px!important;}
  .slideInfo .slick-arrow{ width: 30px; height: 12px; bottom:8px;}
  .slick-prev::before, .slick-prev::after, .slick-next::before, .slick-next::after{ width: 30px; height: 12px; background-size: 30px;}
  .slick-dots li{padding:0 4px!important;}
  .toplogo.resp{opacity:0!important; visibility:hidden!important;}
}

@media all and (orientation: portrait) {
  html,body{
  height:auto;
  /* min-height:780px; */
  height:100%;
  }
  .stepsBlock{
  position:absolute;
  overflow:hidden;
  /* min-height:780px; */
  }
  h1{font-size:26px; line-height:36px;}
  .title{ padding-bottom:14px;}
  .steponeInfo .TitleBox, .steptwoInfo .TitleBox, .stepthreeInfo .TitleBox{ margin-top:-34%}
  .stepfourInfo .TitleBox{ margin-top:-40%}

  .homeShape{height:auto; width:60%; top:auto; bottom:60px; right:20%}
  .homeShape.desktop{ display: none;}
  .homeShape.mobile{ display: block;}

  /* new css start here */
  .loaderHolder{display: block;}
  .deskLoader{display: none;}
  body.startanimate.stepFour .steponeInfo{transition-delay:0.5s!important;}
  body.startanimate .steponeInfo{transition-delay:2s!important;}
  body.startanimate .white-C-Shape{animation-delay:2s!important;}
  body.startanimate .orange-Strip{animation-delay:2s!important;}
  body.startanimate .seaGreen-Bottom-Strip{animation-delay:2s!important;}
  body.startanimate .seaGreen-Strip{animation-delay:2s!important;}
  body.stepFour .homeShape{ opacity: 0; visibility:hidden;}
  body.stepFour .centerLogo{opacity:1; visibility:visible;}
  /* new css end here */

  /* body.stepTwo .layimage{ right:20%!important;} */
  body.stepTwo .flowerHand{right:58%!important; bottom: 60px!important;}
  body.stepThree .flowerHand{right:140%!important;}
  /* body.stepThree .layimage {right:110%!important;} */

  .manWithCycle{width:100%; bottom: 60px;}
  body.stepThree .manWithCycle{left:0%!important;}

  .manInsuit{width:54%; height:auto; bottom: 60px;}
  body.stepFour .manInsuit{left:22%!important;}
  body.stepFour .manWithCycle {left:-100%!important;}

  .birdImage{left:100%; top:50%;}
  body.stepFour .birdImage{ width:14%!important; top:71%!important; left:65%!important;}

  .flowerHand{height:24vh;}
  .steponeInfo{right:0; width:100%; justify-content: center;}
  .linkHolder{ position:absolute; left:0px; right:0; bottom:0px; width:100%; padding:18px 10px; background-color:#00523c; border-top:#ffffff solid 1px;}
  /* .linkHolder ul.linksBlock{display:block;} */
  .linkHolder ul.linksBlock li{text-align:left;}
  ul.linksBlock{font-size: 16px; line-height: 24px;}
  /* ul.linksBlock li{padding:0 0 10px 0; text-align:right;} */
  ul.linksBlock li:last-child{ padding-bottom: 0px;}

  .extraLinks{position:absolute; left:0px; right:0; bottom:0px!important; width:100%; padding:20px!important; background-color:#00523c; border-top:#ffffff solid 1px;}
  .slideLinks ul.linksBlock li{ padding: 0 10px;}
  .slideLinks ul.linksBlock li:first-child{ padding-left: 0;}
  .slideLinks ul.linksBlock li:last-child{ padding-right: 0;}

  .secondstep.number, .sqftText, .thirdstep.number, .hideDate, .steptwoInfo .largeText{ display: none;}
  .largeText{ display: block;}

  .steponeInfo .logo, .centerLogo{max-width:140px; position: absolute; left: 0; right: 0; top: 40px; opacity: 1; visibility: visible;}
  .centerLogo{top:40px; transform: translate(0,0); width: 100%;}
  .steponeInfo{z-index:1;}

  .steptwoInfo, .stepthreeInfo, .stepfourInfo{ width:100%; right:0px;}

  .popupFooter ul.termLinks{ padding-top: 18px;}
  ul.termLinks{ justify-content: center; text-align: right; padding-top: 6px;}
  ul.termLinks li{ padding:0 10px;}
  ul.termLinks li:last-child{ padding-bottom: 0px;}
  .slideLinks {padding-top:15px!important; margin-top: 15px; border-top:#fff solid 1px;}

  .stepfourInfo .title{padding-bottom:16px;}
  .stepfourInfo .grid .col{padding:0 10px;}
  .logoBlock{padding-bottom:8px; width:60%;}
  .stepfourInfo .grid{font-size:16px; line-height:24px;}
  .stepfourInfo .grid p{padding-bottom:14px;}

  .slideImage .box::before{padding-top:80%!important;}

  .linkHolder.mobile, body.stepFour .copyrightInfo.mobile{display:block;}
  .steponeInfo .linkHolder, .steptwoInfo .extraLinks, .stepthreeInfo .extraLinks, .stepfourInfo .extraLinks,
  .linkHolder.mobile .linksBlock.topsec, .linkHolder.mobile .termLinks, body.stepFour .linksBlock.midsec, .copyrightInfo.mobile, .copyrightInfo.desktop{display:none;}
  body.stepFour .linkHolder.mobile .linksBlock.topsec{display:flex; padding-bottom: 10px;}
  body.stepFour .linkHolder.mobile .termLinks{display:flex;}
  .slideimageInfo{ padding: 20px 0px;}
  .slideimageInfo > div{ padding-left:20px; padding-right: 20px;}
  .stepfourInfo h1{ text-align: center;}
  .copyrightInfo.mobile{padding-bottom:16px;}
}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait),
all and (device-width: 820px) and (device-height: 1180px) and (orientation:portrait),
all and (device-width: 834px) and (device-height: 1194px) and (orientation:portrait),
all and (device-width: 810px) and (device-height: 1080px) and (orientation:portrait)
{
  .steponeInfo .logo, .centerLogo{max-width:150px; opacity: 1; visibility: visible;}
  .centerLogo{ width: 100%;}
  h1{font-size:24px; line-height:30px;}
  .Date{font-size:22px; line-height:28px;}
  .totlaArea{font-size:8vw; line-height:8vw; padding-bottom: 12px;}
  .totlaArea .spaceTitle{
    font-size:3vw;
    line-height:3.6vw;
    padding-right:2.6vw;
  }
  .totlaArea span{font-size:2.4vw; line-height:2.4vw;}
  .TitleBox{max-width:540px; width:100%; margin-left:auto; margin-right:auto; margin-top:-34%;}
  .steponeInfo .TitleBox{margin-top:-46%;}
  .title, .stepfourInfo .title{ padding-bottom:14px;}
  .stepfourInfo .title{ font-size: 30px; line-height: 38px; padding-bottom:50px;}

  .stepfourInfo .TitleBox{max-width:500px; margin-top:-10%;}
  .loaderHolder .centerLogoNew{max-width:280px;}
  .flowerHand{height:32vh;}

  .homeShape{width:62%; left:0; right: auto;}
  /* body.stepTwo .layimage{right:23%!important;}
  body.stepThree .layimage{ right: 110%!important;} */

  .manWithCycle{width:82%;}
  body.stepThree .manWithCycle{left:9%!important;}
  body.stepFour .manWithCycle {left:-100%!important;}

  .manInsuit{width:30%!important;}
  body.stepFour .manInsuit{left:35%!important;}
  body.stepFour .birdImage{width:7%!important; top:72%!important; left:59%!important;}
  .popupFooter ul.termLinks li{ display:inline-block;}

  .slideInfo{margin-top:-12vh!important;}
}

@media all and (device-width: 810px) and (device-height: 1080px) and (orientation:portrait){
  .slideInfo{margin-top:-8vh!important;}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait),
all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait) {
  .steponeInfo .logo, .centerLogo{max-width:180px; opacity: 1; visibility: visible;}
  body.stepFour .centerLogo {
  opacity: 1;
  visibility: visible;
}
  /* new css start here */
  .loaderHolder{display: block;}
  .deskLoader{display: none;}
  body.startanimate.stepFour .steponeInfo{transition-delay:0.5s!important;}
  body.startanimate .steponeInfo{transition-delay:2s!important;}
  body.startanimate .white-C-Shape{animation-delay:2s!important;}
  body.startanimate .orange-Strip{animation-delay:2s!important;}
  body.startanimate .seaGreen-Bottom-Strip{animation-delay:2s!important;}
  body.startanimate .seaGreen-Strip{animation-delay:2s!important;}
  body.stepFour .homeShape{ opacity: 0; visibility:hidden;}
  .popupFooter ul.termLinks li{ display:inline-block;}
  /* new css end here */

  h1{font-size:28px; line-height:34px;}
  .Date{font-size:22px; line-height:28px;}
  .totlaArea{font-size:10vw; line-height:10vw;}
  .totlaArea .spaceTitle{
    font-size: 3.6vw;
    line-height: 4.2vw;
  }
  .totlaArea span{font-size:2.8vw; line-height:2.8vw;}

  .TitleBox{ max-width:500px; width: 100%; margin-left:auto; margin-right: auto; margin-top:-40%}
  .steponeInfo .TitleBox{ margin-top:-54%}
  .stepfourInfo .TitleBox{ margin-top:-10%}

  .homeShape{height:auto; width:62%; left:0; right: auto; top:auto; bottom:60px;}
  /* body.stepTwo .layimage {right:22%!important;}
  body.stepThree .layimage {right:110%!important;} */

  .flowerHand{height:36vh;}
  body.stepTwo .flowerHand{right:56%!important;}
  body.stepThree .flowerHand {right:140% !important;}

  .manWithCycle{width:82%;}
  body.stepThree .manWithCycle{left:9% !important;}
  body.stepFour .manWithCycle {left: -100%!important;}

  .manInsuit{width:38%!important; height:auto; bottom: 60px;}
  body.stepFour .manInsuit{left: 30%!important;}
  body.stepFour .birdImage{width:8%!important; top:70%!important; left:61%!important;}

  .steponeInfo{left:0; width:100%; justify-content: center;}

  .linkHolder {
  position: absolute;
  left: 0px;
  right: 0;
  bottom: 0px;
  width: 100%;
  padding: 18px 10px;
  background-color: #00523c;
  border-top: #ffffff solid 1px;
}
  .linkHolder.mobile{display:block;}
  .steponeInfo .linkHolder, .steptwoInfo .extraLinks, .stepthreeInfo .extraLinks, .stepfourInfo .extraLinks,
  .linkHolder.mobile .linksBlock.topsec, .linkHolder.mobile .termLinks, body.stepFour .linksBlock.midsec{ display: none;}
  body.stepFour .linkHolder.mobile .linksBlock.topsec{display:flex; padding-bottom: 10px;}
  body.stepFour .linkHolder.mobile .termLinks{display:flex; justify-content: center; padding-top:6px;}

  .secondstep.number, .sqftText, .thirdstep.number{ display: none;}
  .largeText{ display: block;}

  .steponeInfo .logo, .centerLogo{max-width:180px; position: absolute; left: 0; right: 0; top: 40px;}
  .centerLogo{top:40px; transform: translate(0,0); width: 100%;}
  .steponeInfo{z-index:1;}

  .steptwoInfo, .stepthreeInfo, .stepfourInfo{ width:100%; right:0px;}

  ul.termLinks{ display: block; text-align: right;}
  ul.termLinks li{ padding:0 12px; padding-right: 0;}

  .stepfourInfo .title{ padding-bottom:30px;}
  .stepfourInfo .grid .col{ padding: 0 10px;}
  .logoBlock{ padding-bottom:8px; width: 60%;}
  .stepfourInfo .grid{ font-size: 16px; line-height: 24px;}
  .stepfourInfo .grid p{ padding-bottom: 16px;}

  .stepfourInfo h1{ text-align:center;}
  .slideLinks {padding-top:15px!important; margin-top: 15px; border-top:#fff solid 1px;}
.slideimageInfo{ padding: 20px 0px;}
.slideimageInfo > div{ padding-left:20px; padding-right: 20px;}
.copyrightInfo.mobile{padding-bottom:16px;}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
.steponeInfo .TitleBox{ margin-top:-42%}
.slideInfo{margin-top:-10vh!important;}
}

@media all and (device-width: 1366px) and (device-height: 1024px) and (orientation:landscape) {
.centerLogoNew{max-width:260px;}
}

@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait) {
.slideInfo{margin-top:-18vh!important;}
}

@media all and (device-width: 810px) and (device-height: 1080px) and (orientation:landscape){
  .thirdstep.number img{height:94vh;}
  .steponeInfo .logo{ max-width: 1px;}
  .steponeInfo{width:40%; right:0;}
  .centerLogoNew{max-width:240px;}
  .homeShape{width:52%; height:auto; top:auto; bottom:0;}
  .totlaArea{font-size:5vw; line-height:5vw;}
  .totlaArea .spaceTitle{font-size:3vw; line-height: 3.6vw;}
 .totlaArea span{font-size:1.4vw; line-height:1.4vw; margin-left:-2%;}
  h1 {font-size:22px;line-height:30px;}
  .totlaArea{ padding-bottom: 16px;}
  .title{padding-bottom:12px;}
  .Date{font-size:18px; line-height:26px;}
  .copyrightInfo.desktop{left:7.5%;}

  .centerLogoNew{max-width:240px; transform:translate(-20%, -50%);}
  .homeShape{
    top:50%;
    -webkit-transform:translate(0, -50%);
    -moz-transform:translate(0, -50%);
    transform:translate(0, -50%);
  }
}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape),
all and (device-width: 1180px) and (device-height: 820px) and (orientation:landscape),
all and (device-width: 1080px) and (device-height: 810px) and (orientation:landscape),
all and (device-width: 1194px) and (device-height: 834px) and (orientation:landscape),
all and (device-width: 1366px) and (device-height: 1024px) and (orientation:landscape)
{
  .thirdstep.number img{height: 90vh;}
  h1{ font-size:22px; line-height:30px;}
  .slideimageInfo .logo{ max-width:180px;}
  .steponeInfo .logo{ max-width: 1px;}
  .steponeInfo{width:40%; right:0;}
  .centerLogoNew{max-width:240px; transform:translate(-20%, -50%);}
  .homeShape{width:52%; height:auto; top:auto; bottom:0;}
  .flowerHand{height:62vh;}
  .totlaArea{ padding-bottom: 16px;}
  .title{padding-bottom:12px;}
  .Date{font-size:18px; line-height:26px;}

  .centerLogo{max-width:200px; left:-8%; width:100%;}
  .copyrightInfo.desktop{max-width:27%; left:7.5%; width:100%;}
  .steptwoInfo, .stepthreeInfo{width:34%; right:10%;}
  .number{right:10px;}
  .secondstep.number img {height:70vh;}
  .sqftText{ font-size: 3.5vh; line-height: 3.5vh;}
  .manInsuit{ width: 40%; height: auto;}
  body.stepFour .birdImage{width:10%!important; top:54%!important; left:25%!important;}

  .logoBlock {padding-bottom:10px; width:70%;}
  .stepfourInfo{width:38%; right:0;}
  .stepfourInfo .title{padding-bottom:6px;}
  .stepfourInfo .grid{font-size:14px; line-height:22px;}
  .stepfourInfo .grid p{padding-bottom:10px;}
  .stepfourInfo .grid .col{padding:0 10px;}

  ul.linksBlock{ font-size: 16px; line-height:22px;}

  .slideImage .box::before{padding-top:36%!important;}
  .slideLinks{padding-top:26px!important;}
  .slideInfo{padding-bottom:36px!important;}

  .homeShape{
    top:50%;
    -webkit-transform:translate(0, -50%);
    -moz-transform:translate(0, -50%);
    transform:translate(0, -50%);
  }
}

@media screen and (min-width: 0px) and (max-width:1200px) {
  .slideimageBlock, .slideimageInfo{ width: 100%;}
  .slideimageInfo{ position: absolute; bottom: 0;}
  .slideImage .box, .slideImage .imageHolder, .slideimageBlock, ul.slideImage,
  .slideimageBlock .slick-list,
  .slideimageBlock .slick-track, .slideimageBlock li{ height:auto;}

  .slideImage{ transform:translate(0,-50%); top:50%;}
  .slideImage .box::before{padding-top:60%;}
  .slideimageInfo ul.linksBlock{ display: flex;}
  .slidelogo{ display: none;}
  .slideLinks{ padding-top:10px;}
  .slideInfo{padding-bottom:36px!important;}
  .slideimageBlock .resplogo{ width: 100px;}
}

@media screen and (min-width: 0px) and (max-width:900px) {
.popupFooter, .popupHeader{padding:20px 0;}
.headcontainer .logo{max-width:80px;}
.infoPopup h1{font-size:30px; line-height:38px; padding-bottom:16px;}
}

@media screen and (min-width: 0px) and (max-width:767px) {
  .stepfourInfo .grid{ font-size: 14px; line-height:22px;}
  .stepfourInfo .grid .col{ padding:0 4px;}
  .largeText{ padding-bottom:18px;}

  .innerContent, table{font-size:16px; line-height:24px;}

  .loaderHolder svg{max-width:280px;}
  .stepfourInfo .grid p{padding-bottom:8px;}
  .copyrightInfo.mobile{padding-bottom:12px;}
}



@media all and (max-device-width :667px) and (min-device-width:375px) and (orientation:landscape){
    body.stepFour .birdImage{left:16%!important; top:51%!important;}
    .centerLogo{max-width:120px; width: 100%;}
    body.stepFour .centerLogo{left:-18%;}
    .stepfourInfo{ width:46%;}
    .slideimageInfo{ padding:30px 10px;}
    .slick-dots li{ padding:0 2px!important;}
    .slick-dots button{ width:12px; height: 12px;}
    .stepfourInfo .grid{ font-size:12px; line-height:20px;}
    .copyrightInfo.desktop{left:-18%; max-width: 120px;}
}

@media all and (device-width:375px) and (device-height:667px) and (orientation:portrait){
  .manInsuit{width:46%;}
  .steponeInfo .logo, .centerLogo{max-width:120px;}
  .stepfourInfo .TitleBox{margin-top:-20%;}
  body.stepFour .birdImage{width:14% !important; top:72%!important; left:52%!important;}
  body.stepFour .manInsuit{left:14%!important;}
  .centerLogo.stfour{ max-width: 20%; bottom: 38%;}
}

/* css for mobile portrait only start */
@media screen and (min-width:320px) and (max-width:430px){
  @media all and (orientation: portrait) {
    .steponeInfo .logo, .centerLogo{ max-width:90px;}
    .steponeInfo .TitleBox, .steptwoInfo .TitleBox, .stepthreeInfo .TitleBox{ margin-top: -46%;}
    .stepfourInfo{ justify-content: flex-start; padding-top:140px;}
    .stepfourInfo .TitleBox{ margin-top: 0px;}
    /* body.stepFour .centerLogo.toplogo{ opacity:0!important; visibility: hidden!important;} */
    body.stepFour .centerLogo.stfour{ left:20px!important; opacity:1!important; visibility:visible!important;}
    /* .stepfourInfo .TitleBox h1{ display: none;} */
    body.stepFour .birdImage{ top:68%!important;}
  }
}

@media screen and (min-width:320px) and (max-width:375px){
  @media all and (orientation: portrait) {
    .steponeInfo .logo, .centerLogo{ max-width:100px; top:20px;}
    h1{font-size:18px!important; line-height:24px!important;}
    .steponeInfo .TitleBox, .steptwoInfo .TitleBox, .stepthreeInfo .TitleBox{
      margin-top:-52%!important;}
    .title{ padding-bottom:6px;}
    body.stepFour .birdImage{top:60%!important;}
    .stepfourInfo{padding-top:140px;}

    .steponeInfo .logo, .centerLogo{max-width:70px;}
    .homeShape {width:58%!important}
    .stepfourInfo{padding-top:100px!important;}
    .copyrightInfo.mobile {padding-bottom:8px!important;}
    ul.termLinks{padding-top: 4px!important;}
    body.stepFour .linkHolder.mobile .linksBlock.topsec{padding-bottom:8px!important;}
    .logoBlock{padding-bottom:4px!important;}
    .stepfourInfo .grid p{padding-bottom:6px!important;}
    .stepfourInfo .title {padding-bottom:6px!important;}
  }
}
/* css for mobile portrait only end*/

@media screen and (min-width: 0px) and (max-width:440px) {
  ul.linksBlock li{ padding: 0 8px;}
  ul.termLinks li{ padding: 0 8px;}
  .totlaArea{font-size:48px; line-height:48px; padding-bottom:10px;}
  .totlaArea .spaceTitle{
    font-size:18px;
    line-height:26px;
    padding-right:4vw;
    padding-bottom:4px;
  }
  .totlaArea span{font-size:14px; line-height:22px; margin-left:-2%;}
  h1.title{font-size:18px; line-height:24px; padding-bottom:8px;}
  .Date{font-size:16px; line-height:24px;}
  .loaderHolder svg{max-width:200px;}
  .homeShape{ width:58%;}
  .steponeInfo .TitleBox{ margin-top:-42%;}
}

@media screen and (min-width: 0px) and (max-width:420px) {
.flowerHand{height:26vh;}
}
@media screen and (min-width: 0px) and (max-width:400px) {
  h1{font-size:22px; line-height:30px; letter-spacing:-1px;}
}

@media screen and (min-width: 0px) and (max-width:360px) {
  .steponeInfo .logo, .centerLogo{ top:20px; max-width: 100px; width: 100%;}
  .steponeInfo{ padding: 20px 14px;}
  h1{font-size:16px!important; line-height:22px!important;}
  .TitleBox{ margin-top: -20%;}

  .totlaArea{font-size:40px; line-height:42px; padding-bottom:8px;}
  .totlaArea span{font-size:12px;}
  .homeShape{width:56%;}
  .largeText{font-size:32px; line-height:40px; padding-bottom:14px;}

  .stepfourInfo .grid{ font-size: 11px; line-height: 16px;}
  .stepfourInfo .grid p{ padding-bottom: 10px;}
  .manInsuit{ width:52%;}
  /* body.stepFour .birdImage {width:18% !important; top:73% !important; left:33% !important;} */
  .slideLinks{ padding-top: 18px!important;}
  .slideimageInfo{ padding:20px 0;}

  ul.linksBlock{ font-size: 14px; line-height: 22px;}
  ul.termLinks{ font-size: 10px; line-height: 18px;}
}