@import "landingfonts.css";

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  font-family: 'DINPro';
  font-size: 16px;
  font-weight: normal;
  line-height: 26px;
  color: #222222;
}

li {
  list-style-type: none;
}

a {
  color: #0066B2;
  text-decoration: none;
  transition: all 0.5s ease;
}

a:focus {
  outline: 0;
}

img {
  display: block;
  max-width: 100%;
}

input,
textarea,
button,
select {
  box-sizing: border-box;
  font-family: 'DINPro';
  font-weight: normal;
  font-size: 16px;
  -webkit-appearance: none;
  border-radius: 12px;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  background: none;
  color: #222222;
  border: 1px solid #E5E5E5;
  padding: 0 15px;
}

input:focus,
textarea:focus,
button:focus,
select:focus {
  outline: none;
}

.common-heading {
  font-size: 58px;
  line-height: 68px;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 0em;
  color: #222222;
}

.common-heading span {
  font-family: 'DINPro-Bold';
  color: #0066B2;
  font-weight: bold;
}

.btn-landing {
  background: #0066B2;
  width: auto;
  padding: 17px 37px 17px 37px;
  color: #ffffff;
  border-radius: 118px;
  font-weight: bold;
  font-family: 'DINPro-Bold';
  cursor: pointer;
}

.wrapper-panasonic {
  max-width: 1240px;
  margin: auto;
  padding: 0 15px;
}

.space-common {
  padding: 70px 0;
}

.row-panasonic {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.textcenter {
  text-align: center;
}

.col-33,
.col-40,
.col-50,
.col-60,
.col-100 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col-33 {
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%;
}

.col-40 {
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
}

.col-50 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-60 {
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
}

.col-100 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.vertical-center {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.ptop-0 {
  padding-top: 0 !important;
}

.banner-box img {
  width: 100%
}

.firstsection {
  padding: 40px 0 0;
  overflow: hidden;
  position: relative;
  height: 100vh;
  background-size: 100% 100%;
}

.firstsection .marquee-txt {
  padding-bottom: 10px;
  padding-left: 10%;
  padding-right: 10%;
}

.firstsection h1 {
  font-size: 80px;
  line-height: 90px;
  color: #FFFFFF;
  text-align: center;
  font-family: 'DINPro-Bold';
  opacity: 0.6;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.ds-block {
  display: block;
}

.ds-none {
  display: none;
}

.model-machine .thumbnailmachine {
  background: linear-gradient(94.63deg, rgba(103, 103, 103, 0.66) -71.71%, rgba(168, 168, 168, 0) 154%), linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16));
  border: 1px solid;
  border-image-source: linear-gradient(94.63deg, rgba(103, 103, 103, 0.66) -71.71%, rgba(168, 168, 168, 0) 154%);
  border-radius: 90px;
  width: 350px;
  margin: 0 auto;
  padding: 8px 18px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translate(-50%, 0);
  z-index: 1
}

.thumbnailmachine .whitebox {
  background: #ffffff;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  opacity: 30%;
}

.thumbnailmachine .whitebox img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transform: scale(0.5);
}

.boxthumb {
  cursor: pointer;
  position: relative;
}

.boxthumb:after{
  content: "";
  position: absolute;
  right: -30px;
  top: 10px;
  height: 30px;
  width: 1px;
  background: #ffffff;
}
.boxthumb:nth-child(2):after{
  top: 23px;
}
.boxthumb:last-child:after{
  display: none;
}

.boxthumb.thumb-active {
  cursor: unset;
}

.model-machine {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%
}
.model-machine .wd-model{
  width: 1200px;
  margin: 0 auto
}
.modelcontainerone{
  position: absolute;
  left: 8%;
  bottom: -44%;
  width: 30%;
  z-index: 1;
}
.modelcontainertwo{
  position: absolute;
  left: 33.33%;
  bottom: -36%;
  width: 34%;
}
.modelcontainerthree{
  position: absolute;
  right: 10%;
  bottom: -44%;
  width: 30%;
}

/*.boxthumb:after{
  content: "";
  height: 20%;
  width: 1px;
  background: #ffffff;
  position: absolute;
  right: 0;
  top: 0;
}*/
.boxthumb.thumb-active .whitebox {
  opacity: 100%
}

.boxthumb .txt {
  text-align: center;
  font-size: 12px;
  color: #ffffff
}

.mirale {
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 70px 0 20px;
}

/*.mirale.video-full-window{
  height: 100vh;
  overflow: hidden;
}
.mirale.video-full-window video{
  height: 100%;
  width: 100%;
  object-fit: cover;
}*/

.marquee-txt span {
  font-size: 24px;
  line-height: 34px;
  color: #ffffff;
  margin-right: 40px;
  text-transform: uppercase;
  position: relative;
}

.marquee-txt span:after {
  content: "";
  width: 7px;
  height: 5px;
  background: #ffffff;
  position: absolute;
  right: -7%;
  top: 15px;
}

/*fast-spin*/
.fast-spin {
  background: #222222;
}
.fast-spin video{
  width: 100%
}
.fast-spin .txt-spin {
  padding-right: 14%
}

.fast-spin .txt-spin img {
  margin-top: 40px;
}

.fast-spin .common-heading {
  color: #ffffff;
  text-transform: none;
  margin-bottom: 30px;
}

.fast-spin .common-heading span {
  text-transform: uppercase;
}

.fast-spin p {
  color: #C4C4C4;
  font-size: 20px;
  line-height: 30px;
}

.videoclothes video {
  width: 100%;
  height: 100%;
}

/*embroidered-delicate*/
.embroidered-delicate {
  text-align: center;
  padding: 70px 0 20px;
  overflow: hidden;
  position: relative;

}

.embroidered-delicate .common-heading {
  margin-bottom: 20px;
}

.videotrigger {
  position: absolute;
  right: 0;
  top: 30%;
  width: 100%;
  height: 5px;
  /*background: #000;*/
}

.videoclothes {
  width: 100%;
  margin: 0 auto;
  border-radius: 30px;
  overflow: hidden;
  transition: all 0.5s ease;
  transform: scale(0.8);
  transform-origin: center center;
  margin-top: -40px;
}

/*.zap-video .wrapper-panasonic{
    transition: all 1.5s ease;
    transform: translate(0, 0);
}
.zap-video .wrapper-panasonic{
  transform: translate(0, -200%);
}*/
.videoclothes.zap-video {
  transform: scale(1);
  border-radius: 0;
  display: block;
  margin-top: 20px;
}

/*econavi*/
.econavi {
  background: #222222
}

.econavi .common-heading {
  color: #ffffff;
  margin-bottom: 40px;
}

.econavi .common-heading span {
  color: #16A14B
}

.econavi p {
  color: #ffffff;
  margin-bottom: 15px;
}

/*.flip-box {
  background-color: transparent;
  width: 100%;
  height: 350px;
  perspective: 1000px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}*/

/*.flip-box-front {
  background-color: #bbb;
  color: black;
}*/
/*.flip-box img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.flip-box-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateY(180deg);
}*/

.card {
  -webkit-perspective: 150rem;
  perspective: 150rem;
  -moz-perspective: 150rem;
  position: relative;
  height: 350px;
}

.card__side {
  height: 100%;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 3px;
  overflow: hidden;
  -webkit-box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
}

.card__side img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.card__side--back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.card:hover .card__side--front-1 {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.card:hover .card__side--back {
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
}


.mgtop-50 {
  margin-top: 50px;
}

.econavi .better-txt {
  text-align: center;
  margin-bottom: 40px;
}

.econavi .better-txt h3 {
  font-size: 48px;
  line-height: 58px;
  text-align: center;
  margin-bottom: 20px;
}

/*fully-loaded*/
.new-machineslider {
  position: relative;
}

.new-machineslider .slick-arrow {
  position: absolute;
  top: 50%;
  left: 2%;
  transform: translate(0, -50%);
  height: 60px;
  width: 60px;
  border-radius: 100%;
  font-size: 0;
  background: #F0F0F0;
  border: 0;
  cursor: pointer;
  transition: all 0.5s ease;
  z-index: 2;
  padding: 0
}

.new-machineslider .slick-arrow:hover {
  background: #222222;
}

.new-machineslider .slick-arrow:hover:after {
  border-color: #ffffff;
}

.new-machineslider .slick-arrow:after {
  content: "";
  height: 9px;
  width: 9px;
  border: 1.5px solid #222222;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-right: 0;
  border-top: 0;
  transform: rotate(45deg);
}

.new-machineslider .slick-arrow.slick-next {
  left: auto;
  right: 2%;
}

.new-machineslider .slick-arrow.slick-next:after {
  transform: rotate(224deg);
}

.fully-loaded h6 {
  font-size: 30px;
  font-weight: normal;
  color: #222222;
  line-height: 40px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.slider-txtt {
  padding-left: 1%
}

.fully-loaded .slider-txtt .common-heading {
  margin-bottom: 20px;
}

.fully-loaded .slider-txtt p,
.fully-loaded .slider-txtt ul {
  padding-right: 5%;
  margin-bottom: 20px;
}

.keyfeature-title {
  font-family: 'DINPro-Bold';
  font-weight: bold;
  margin-bottom: 8px;
}

.keypointers li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
}

.keypointers li:after {
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 100%;
  border: 1px solid #0066B2;
  position: absolute;
  left: 0;
  top: 8px;
}

.keypointers li:before {
  content: "";
  height: 6px;
  width: 6px;
  border-radius: 100%;
  background: #0066B2;
  position: absolute;
  left: 3px;
  top: 11px;
}

/*form-laundry*/
.form-laundry .common-heading {
  margin-bottom: 40px;
}

.form-input {
  margin-bottom: 40px
}

.form-input label {
  font-family: 'DINPro';
  font-weight: bold;
  padding-bottom: 16px;
  display: block;
}

.form-input select {
  position: relative;
  background: url(../img/arrow-img.png) no-repeat right center;
}

.form-input .btn-landing {
  padding: 0 37px;
  margin-top: 40px;
}

.form-input input::-webkit-input-placeholder {
  color: #787878;
}

.form-input input:-ms-input-placeholder {
  color: #787878;
}

.form-input input::placeholder {
  color: #787878;
}

/*stain-master*/
.stain-master {
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
}

.stain-master .video-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}

.stain-master .wrapper-panasonic {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  padding: 40px 0 60px;
}

.stain-master .common-heading {
  margin-bottom: 10px;
}

.scroll-stain {
  height: 80%;
  width: 100%;
  padding: 0 15%;
  overflow-y: auto;
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.scroll-stain .stainbox {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.scroll-stain .wd-box {
  width: 50%;
  border-radius: 30px;
  background: rgba(244, 244, 244, 0.10);
  box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.04);
  backdrop-filter: blur(35px);
  padding: 25px;
  border: 1px solid;
  border-image-source: linear-gradient(125.19deg, #FFFFFF -9.56%, rgba(255, 255, 255, 0) 112.44%);
  margin-bottom: 30px;
}

.scroll-stain .stainbox:nth-child(even) {
  flex-direction: row-reverse;
}

.degreetxt {
  color: #0066B2;
  text-shadow: 0px 4px 25px rgba(0, 0, 0, 0.11);
  font-size: 110px;
  font-weight: bold;
  line-height: 120px;
  font-family: 'DINPro-Bold';
}

.wd-box h6 {
  color: #222;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  text-transform: uppercase;
}

.scroll-stain .wd-box {
  text-align: left;
}

.wd-box p {
  color: #4f4f4f;
  font-size: 14px;
  line-height: 24px;
}

.text-right {
  text-align: right;
}


/* width */
.stain-master ::-webkit-scrollbar {
  width: 0px;

}

/* Track */
.stain-master ::-webkit-scrollbar-track {
  border-radius: 0px;
}

/* Handle */
.stain-master ::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 0px;
}



/*shivangi*/
.new-machineslider .slick-list {
  padding-right: 200px;
}

.machine-offer-area,
.modal-content {
  border-radius: 16px;
  background: #F5F5F5;
  padding: 10px 0px 10px 25px;
  margin-bottom: 25px;
  position: relative;
  width: 90%;
}

.modal-popup .modal-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 500px;
  width: 100%;
}

.view-all-offer {
  color: #0066B2;
  text-align: right;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  text-decoration-line: underline;
  display: block;
  margin-right: 40px;
}

.heading-flex {
  display: flex;
  justify-content: space-between;
  align-content: center;
}

.modal-popup {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background: rgba(0 0 0 / 60%);
  z-index: 9999;
}

.modal-content .view-all-offer {
  display: none;
}

.offer-close {
  position: absolute;
  top: 10px;
  right: 22px;
  font-size: 30px;
  color: #000;
  cursor: pointer;
}

.buy-now-btn {
  color: #222;
  font-weight: bold;
  position: relative;
  display: inline-block;
  padding-right: 42px;
}

.buy-now-area {
  margin: 0 0px 25px;
}

.buy-now-btn:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  background: url(../img/buy-now.svg)no-repeat;
  width: 30px;
  height: 30px;
  transition: all 0.5s ease-in-out;
}

.buy-now-btn:hover:before {
  transform: rotate(45deg);
}

.card__side--front-1 .card__cta {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.card__cta h4 {
  color: #FFF;
  font-size: 28px;
  font-weight: 900;
  line-height: 38px;
  text-transform: uppercase;
  text-align: center;
}

.card__side.card__side--back {
  border-radius: 30px;
}

.card__side.card__side--back .card__cta {
  /*background: rgb(0 0 0 / 60%);*/
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
}

.card__side.card__side--back .card__cta .card__title.card__title--1 {
  transition: all 0.5s ease-in-out;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}

.card__side.card__side--back:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 70%);
  transform: translateY(100%);
  border-radius: 30px;
}

.card:hover .card__side.card__side--back:before {
  transform: translateY(0);
}

.card:hover .card__side.card__side--back .card__cta .card__title.card__title--1 {
  top: 10%;
}

.card img {
  border-radius: 30px;
}

.position-know-more {
  position: absolute;
  bottom: 24px;
  text-align: center;
  color: #fff;
  width: 100%;
  left: 0;
}

.position-know-more .buy-now-btn {
  color: #fff;
}

.card-content {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  left: 0;
  padding: 0 10px;
}

.mobile-view, .mobile-image {
  display: none;
}

.desktop-view, .desktop-image {
  display: block;
}

.modelcontainerone img, .modelcontainertwo img, .modelcontainerthree img{
  width: 100%
}

.drop-custom{
  display: none;
}
.drop-custom select{
  border: 0;
  background: #ffffff url(../img/arrow.png) no-repeat center right 10px;
  border-radius: 0;
  margin-bottom: 20px;
}

.mobile-machine .no-show{
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5%;
  width: 300px;
  transform: scale(0.9);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  margin: 0 auto;
}
.mobile-machine .no-show img{
  width: 100%;
  margin: 0 auto
}

.mobile-machine .no-show.activeimg{
  opacity: 1;
  visibility: visible;
}
.error{
font-size: 12px;
color:#ff0000;
margin-top: 1px;
}

.success{
font-size: 20px;
line-height: 32px;
font-weight: 600;
color:#0066B2;
margin-bottom: 20px;
}

.form-laundry {
  margin-top: -70px;
}


/*responsive*/
@media only screen and (min-width: 1500px){
  .firstsection{
    padding: 40px 0 0;
  }
  .firstsection .marquee-txt {
    padding-bottom: 20px;
  }
  /*.modelcontainerone, .modelcontainerthree{
    bottom: -25%;
  }
  .modelcontainertwo {
    bottom: -14%;
  }*/
}

@media only screen and (max-width: 1300px) {
  .firstsection h1 {
    font-size: 70px;
    line-height: 80px;
  }
}

@media only screen and (max-width: 1200px) {
  .common-heading{
    font-size: 54px;
    line-height: 64px;
  }
  .econavi .better-txt h3{
    font-size: 45px;
    line-height: 55px;
  }
  .degreetxt{
    font-size: 80px;
    line-height: 90px;
  }
  .space-common {
    padding: 60px 0;
  }
  .embroidered-delicate, .mirale{
    padding: 60px 0 20px;
  }
  .firstsection{
    padding: 60px 0 0;
  }

  .firstsection .marquee-txt{
    padding-bottom: 30px;
  }
  .fast-spin .txt-spin {
    padding-right: 0;
  }


  .firstsection h1 {
    font-size: 65px;
    line-height: 75px;
  }
}

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

  .model-machine {     bottom: 150px;  }
  .model-machine .thumbnailmachine {     bottom: -120px; z-index: 1 }


}

@media only screen and (max-width: 1100px) {}

@media only screen and (max-width: 1023px) {
  .firstsection .desktop-view{
    display: none;
  }

  .firstsection .mobile-view, .drop-custom{
    display: block;
  }
  .firstsection {
    padding: 0;
  }

  .wdmobile-box{
    width: 800px;
    margin: 0 auto
  }
  .modelcontainertwo{
        bottom: -17%;
  }
  .modelcontainerone, .modelcontainerthree{
        bottom: -30%;
  }
}

@media only screen and (max-width: 1023px) {}

@media only screen and (max-width: 1022px) {}

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

  .col-33,
  .col-40,
  .col-50,
  .col-60,
  .col-100 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .common-heading{
    font-size: 50px;
    line-height: 60px;
  }
  .econavi .better-txt h3{
    font-size: 40px;
    line-height: 50px;
  }
  .degreetxt{
    font-size: 70px;
    line-height: 80px;
  }
  .space-common {
    padding: 40px 0;
  }
  .embroidered-delicate, .mirale{
    padding: 40px 0 20px;
  }

  .stain-master{
    height: 100vh
  }
  .scroll-stain .wd-box{
    width: 60%;
  }
  .firstsection h1 {
    font-size: 60px;
    line-height: 70px;
  }

  .mobile-machine .no-show{
        bottom: -150px;
  }
  .firstsection{
    height: 70vh;
  }
}

@media only screen and (max-width: 800px) {}

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

  .col-33,
  .col-40,
  .col-50,
  .col-60,
  .col-100 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .space-common, .embroidered-delicate, .mirale {
    padding: 40px 0;
  }

  .common-heading{
    font-size: 40px;
    line-height: 50px;
  }
  .econavi .better-txt h3{
    font-size: 35px;
    line-height: 45px;
  }
  .fast-spin .txt-spin{
    margin-bottom: 40px;
    text-align: center;
  }

  .mobile-image{
    display: block;
  }
  .desktop-image{
    display: none;
  }

  .new-machineslider .slick-list{
    padding-right: 0;
  }
  .fully-loaded .slider-txtt{
    padding: 30px 15px 0;
  }

  .fully-loaded h6{
    font-size: 20px;
    line-height: 30px;
  }
  .fully-loaded .slider-txtt ul{
    margin-bottom: 0;
    padding-right: 0;
  }
  .new-machineslider .slick-arrow{
    height: 40px;
    width: 40px;
    top: 16%;
    transform: translate(0, -16%);
  }
  .form-input {
    margin-bottom: 20px;
  }
  .form-input .btn-landing{
    margin-top: 0;
    width: 100%;
  }

  .form-laundry .common-heading br{
    display: none;
  }
  .form-laundry .common-heading span{
    display: block;
  }
  .machine-offer-area{
    width: 100%;
    padding: 12px;
    margin-bottom: 15px;
  }
  .card{
    margin-bottom: 15px;
  }
  .mgtop-50 {
     margin-top: 15px; 
  }
  .common-heading span{
    display: block;
  }
  .common-heading br{
    display: none;
  }
  .econavi .eco-txt{
    margin-top: 15px;
  }
  .econavi .eco-txt h3{
    text-align: center;
    margin-bottom: 20px;
  }
  .econavi .eco-txt p{
    text-align: center;
  }
  .fast-spin .common-heading{
    margin-bottom: 20px;
  }
  .fast-spin .txt-spin img {
    margin: 20px auto 0;
  }

  .videoclothes{
    margin-top: 20px;
    transform: scale(1);
    border-radius: 0;
  }


  .stain-master .wrapper-panasonic{
    padding: 40px 15px 60px;
  }
  .degreetxt{
    font-size: 60px;
    line-height: 70px;
  }
  .stain-master p br{
    display: none;
  }
  .stain-master .scroll-stain{
    padding: 0 15px;
  }
  .scroll-stain .wd-box{
    width: 80%;
  }

  .form-laundry{
    margin-top: -40px;
  }
  .form-laundry .common-heading{
    margin-bottom: 20px
  }



  .fully-loaded h6, .fully-loaded .slider-txtt .common-heading{
    text-align: center;
  }
  .fully-loaded .slider-txtt p{
    padding-right: 0;
    text-align: center;
  }
  .view-all-offer{
    margin-right: 0
  }

  .firstsection{
    padding: 0;
  }
  .firstsection .marquee-txt {
    padding-bottom: 10px;
  }
  .firstsection h1 {
    font-size: 50px;
    line-height: 60px;
    padding: 0 15px;
  }

  .mobile-machine .no-show{
        bottom: -24%;
  }


}

@media only screen and (max-width: 639px) {}

@media only screen and (max-width: 550px) {
  .common-heading{
    font-size: 30px;
    line-height: 40px;
  }
  .econavi .better-txt h3{
    font-size: 28px;
    line-height: 38px;
  }
  .degreetxt{
    font-size: 50px;
    line-height: 60px;
  }

  .firstsection h1 {
    font-size: 30px;
    line-height: 40px;
    padding: 0 15px;
  }
}

@media only screen and (max-width: 479px) {
}

@media only screen and (max-width: 359px) {
  .common-heading{
    font-size: 25px;
    line-height: 35px;
  }
  .econavi .better-txt h3{
    font-size: 22px;
    line-height: 22px;
  }
  .degreetxt{
    font-size: 40px;
    line-height: 50px;
  }

  .firstsection h1 {
    font-size: 35px;
    line-height: 45px;
    padding: 0 15px;
  }
}

@media only screen and (max-height: 450px) {}