:root {

  –theme-primary: #F07400;

  -theme-light:#F4F2EC

  }

/*body {
  overflow-y: scroll !important;
}*/

  .body-innerwrapper {

    overflow-x: initial;

  }


.sppb-section-background-video video{
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
}


span.video-banner-shadow {

  position: absolute;

  width: 100%;

  height: 100%;

  background: #141314;

  top: 0;

  right: 0;

  opacity: 0.2;

  z-index: -1;

  border-radius: 21px;

}



.hero-banner {

  position: relative;

  z-index: 1;

}



.hero-banner img {

  height: 100vh;

}



.section-2 {

  overflow: hidden;

  background-color: #ffffff;

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  z-index: 1;

  overflow: hidden;

}



/* .sec-2_3 {

  opacity: 0;

} */

.body-wrapper {

  overflow: hidden;

}

.section-5 {

  position: relative;

  z-index: 1;

}

.section-5 .sec-5-1,

.section-5 .sec-5-2,

.section-5 .sec-5-3,

.section-5 .sec-5-4 {

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  width: 100%;

}





/******Mahendra CSS





/****** Hero Banner**/

.hero-banner-inner {

  border-bottom-right-radius: 20px;

  border-bottom-left-radius: 20px;

  overflow: hidden;

  height: 98vh;

  position: relative;

}



.header-video{

  min-height: 100vh;

  object-fit: cover;

}



.hero-banner:before {

  content: "";

  background: linear-gradient(180deg, #000000e8, transparent);

  position: absolute;

  width: 100%;

  height: 290px;

  top: 0;

  z-index: 1;

}



.hero-title {

  position: absolute;

  top: 44%;

  z-index: 999;

  color: white;

  width: calc(50% - 230px);

  font-size: 60px;

  text-align: center;

  left: 0;

  margin: 0 auto;

  font-weight: 600;

  right: 0;

  text-shadow: 0 0 10px #000;

}



.scroll-down {

  position: absolute;

  z-index: 999;

  color: #fff;

  left: 60px;

  bottom: 45px;

}



.scroll-down span {

  width: 32px;

  border: 2px solid #fff;

  height: 45px;

  border-radius: 12px;

  display: inline-block;

  vertical-align: middle;

  margin-right: 16px;

  position: relative;

}



.scroll-down span:before {

  content: "";

  width: 3px;

  height: 12px;

  background: white;

  position: absolute;

  margin: 0 auto;

  left: 0;

  right: 0;

  top: 10px;

  border-radius: 10px;

  animation: scrolling 2s linear infinite;





}



.section-3 {

  background: linear-gradient(80deg, #4A7BD1, #1A2A58);

  position: relative;

  left: 0;

  top: 0;

  right: 0;

  z-index: -1;

  overflow: hidden;

}



.sec-2_3 {

  position: relative;

  z-index: 1;

  /* transform: scale(0.9); */

  opacity: 0.5;

}

#myimg {

  transform: scale(0.9);

  opacity: 0.3;

  pointer-events: none;

}



.o-hidden {

  overflow: hidden;

}



/* .section-4-img {

  animation: movingObject 5s ease-in-out infinite;

  transform-origin: right bottom;

} */



.section-4 {

  /* opacity: 0; */

  position: relative;

  z-index: 1;

}



/* .section-4-img {

  transform: translate(0%, -50%);

  position: absolute;

  top: 10%;

  right: -5%;

  width: 100%;

} */

.advanced-rev-img {

  position: absolute;

  right: -17%;

  

}



@keyframes movingObject {

  0% {

    transform: rotate(0deg);

  }



  50% {

    transform: rotate(5deg);

  }



  99.99% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(0deg);

  }

}

.section-6 {

  position: relative;

  z-index: 1;

}

.sec-6-1 {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

}



.sec-6-2,

.sec-6-4,

.sec-6-5 {

  transform: matrix(0.8, 0, 0, 0.8, 0, 0);

}

.sec-6-2,

.sec-6-3,

.sec-6-4,

.sec-6-5 {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  opacity: 0;



}



.sec-6-3 .pos-relative {

  height: 100%;

}

.sec-6-3 .sc-sl-3-t1 span,

.sec-6-3 .sc-sl-3-t2 span,

.sec-6-3 .sc-sl-3-t3 span,

.sec-6-3 .sc-sl-3-t4 span {

  position: relative;

  top: 30px;

  opacity: 0;

  transition: all 0.4s ease;

}

.sec-6-3.animstart .sc-sl-3-t1 span,

.sec-6-3.animstart .sc-sl-3-t2 span,

.sec-6-3.animstart .sc-sl-3-t3 span,

.sec-6-3.animstart .sc-sl-3-t4 span {

  top: 0px;

  opacity: 1;

}

.sec-6-3.animstart .sc-sl-3-t1 span {

  transition-delay: 0s;

}

.sec-6-3.animstart .sc-sl-3-t2 span {



  transition-delay: 0.4s;

}

.sec-6-3.animstart .sc-sl-3-t3 span {

  transition-delay: 0.8s;

}

.sec-6-3.animstart .sc-sl-3-t4 span {

  transition-delay: 1.2s;

}







@keyframes scrolling {

  0% {

    opacity: 0;

    transform: translateY(-5px);

  }



  20% {

    opacity: .2;



  }





  30% {

    opacity: .5;



  }



  50% {

    opacity: 1;

  }



  90% {

    opacity: .5;



  }



  100% {

    opacity: 0;

    transform: translateY(20px);

  }

}







  .border-round{

    border-radius: 30px;

  }





  .btn-medium{

    padding: 15px 45px;

  }



  .bg-light-gradient {

    background: rgb(255,253,245);

    background: linear-gradient(-180deg, rgba(255,253,245,1) 0%, rgba(255,253,245,1) 4%, rgba(255,251,236,1) 35%);

  }



/**section-1**/



/* .section-1 .saf-heading-description,

.section-1 .saf-heading-title,

.section-1 .asf-button,

.section-1 .anatomical-box {

  position: relative;

  top: 30px;

  opacity: 0;

  transition: all 1s ease;

}

.section-1.sec-anim-start .saf-heading-title {

  transition-delay: 0.5s;

}

.section-1.sec-anim-start .saf-heading-description {

  transition-delay: 1.0s;

} */

.section-1.sec-anim-start .asf-button {

  /* transition-delay: 1.5s; */

}

.section-1.sec-anim-start .saf-heading-description,

.section-1.sec-anim-start .saf-heading-title,

.section-1.sec-anim-start .asf-button,

.section-1.sec-anim-start .anatomical-box {

  top: 0;

  opacity: 1;

}



.anatomical-main {

  padding-top: 230px;

  padding-bottom: 210px;

}





.img-full{

  width: 100%;

}







.anatomical-img-list {

  margin: 0;

  padding: 0;

  position: relative;

  list-style: none;

}



.anatomical-img-list li {

  width: 100%;

  border-radius: 20px;

  height: auto;

  

}



.anatomical-img-list li:nth-child(2) {

  width: 100%;

  border-radius: 20px;

  height: auto;

  

}



.cus-col-gutter [class^="col-"]{

  padding-right: 30px;

  padding-left: 30px;

}



.saf-heading-title {

  margin-bottom: 24px;

  /* line-height: 1.4; */

  font-weight: 600;

}



.saf-heading-title-two {

  margin-bottom: 24px;

  font-weight: 700;

}



.asf-button {

  margin-top: 50px;

}



.features-list-box {

  margin: 0;

  padding: 0;

  display: flex;

  margin-top: 24px;

  list-style: none;

}



.features-list-box li {

  border: 1px solid #000;

  border-radius: 21px;

  flex: 0 0 177px;

  text-align: center;

  padding: 14px 10px;

  height: 182px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}





.features-list-box li:not(:last-of-type) {

  margin-right: 15px;

}



.features-list-box li p {

  font-size: 16px;

  color: #616465;

}





.simultaneous-main{

  padding-top: 230px;

  padding-bottom: 230px;

}



.bg-blue-gradient {

  background-image: linear-gradient(80deg, #4A7BD1, #1A2A58);

  padding-bottom: 110px;

  padding-top: 138px;

  position: relative;

}





.section-item-3{

  position: relative;

}





.section-item-3 .saf-heading-title{

  color: #fff;

  width: calc(100% - 223px);

}





.sppb-btn-light{

  background: #fff;

  color: #000;

}



.sppb-btn-light:hover{

  background: #000;

  color: #fff;

}







.btn-medium {

  font-weight: 600;

  font-size: 18px;

}





.superior-safety-features {

  margin-top: 140px;

}





.superior-safety-features.features-list-box li{

  border-color: transparent;

}



.superior-safety-features.features-list-box li p {

  font-size: 16px;

  color: #ffffff;

  padding-top: 10px;

}





.circle-pattern-right {

	position: absolute;

	right: -43%;

	bottom: 0;

	z-index: -111;

	width: 88%;

	top: 0%;

}



.bg-gray2-gradient {

  background-image: url(/National_Library/oe_/https://www.redentnova.com/assets/img/bg-gray.jpg);

  background-size: cover;

}

.section-item-4{

  padding-top: 0;

  padding-bottom: 0;

  min-height: 100vh;

}



.section-item-4 .row {

  min-height: 100vh;

}

.section-item-4 .row {

  padding-top: 100px;

  padding-bottom: 50px;

}



/* .section-item-4 .saf-heading-title{

  width: calc(100% - 223px);

} */





.features-list-details {

  margin: 0;

  padding: 0;

  list-style: none;

  line-height: 2;

}

.features-list-item {

  padding-left: 27px;

  position: relative;

}



.features-list-item:before {

  content: "";

  position: absolute;

  width: 17px;

  height: 3px;

  background: black;

  left: 0;

  top: 16px;

  border-radius: 100px;

  overflow: hidden;

}





.pos-relative{

  position: relative;

}



.section-content-details-left {

	position: absolute;

;

}



.section-content-details-right {

	position: absolute;

}



.section-content-details-left {

	position: absolute;

  top: 22%;

  left: 19%;

}



.section-content-details-right {

	position: absolute;

}





.siml-tri-content{  

  top: 22%;

  left: 19%;

  width: 30%;

}





.sup-saf-content {	

	top: 22%;

	left: 19%;

	width: 26%;

}



.advanced-rev-content{

  width: 24%;

  top: 24%;

}



.option-operation-content{

  left: 50%;

  top: 28%;

  width: 32%;

}











/*********** Section aditionla Design ****************/



.section-content-details-2 {

	position: absolute;

	left: 53%;

	top: 34%;

}

/****************************************************/

.section-content-details-2 {

	position: absolute;

	left: 53%;

	top: 40%;

}





.option-operation-title {

	width: 60%;

}

.sc-sl-1-t1 {

	position: absolute;

	left: 16%;

	font-size: 45px;

	width: 20%;

	display: block;

	top: 20%;

	font-weight: 600;

}





.sc-sl-2-t1 {

	position: absolute;

	left: 16%;

	width: 12%;

	top: 20%;

}



.sc-sl-2-pattern {

  position: absolute;

  right: -390px;

  bottom: -400px;

  z-index: -1;

}







.sc-sl-3-pattern {

	position: absolute;

	left: -420px;

	bottom: -340px;

  z-index: -1;



}



.sc-sl-3-t1 {

	position: absolute;

	left: 16%;

	top: 20%;

	width: 10%;

}





.sc-sl-3-t2 {

	position: absolute;

	right: 16%;

	top: 20%;

	width: 9%;

	text-align: right;

}



.sc-sl-3-t3 {

  position: absolute;

  position: absolute;

	left: 16%;

	bottom: 20%;

	width: 10%;

}



.sc-sl-3-t4 {

  position: absolute;

	right: 16%;

	bottom: 20%;

	width: 9%;

	text-align: right;

}





.sc-sl-4-t1 {

	position: absolute;

	left: 16%;

	top: 25%;

	width: 13%;

	font-weight: 500;

}



.details-section-main {

	max-width: 1320px;

	margin: 0 auto;

	padding-right: 15px;

	padding-left: 15px;

}







.info-card-item {

	padding: 30px;

	background: #F7F6F6;

	border-radius: 20px;

}



.info-card-main {

  display: flex;

  flex-wrap: wrap;

  gap: 30px;

}



.info-card-item {

  flex: 0 0 100%;

  height: 440px;

  position: relative;

}



.info-card-item:nth-child(1) {

  flex-basis: 33%;

}

.info-card-item:nth-child(2) {

  flex-basis: 64%;

}

.card2-image-one {

  position: absolute;

  top: 0;

  left: 0;

}



.card2-image-two {

  position: absolute;

  right: 66px;

  top: 38%;

  filter: grayscale(1);

}



.info-card-item3-inner:nth-child(1){

  width: 30%;

  }





.info-card-item3-inner:nth-child(2){

  position: absolute;

  right: 0;

  bottom: 0;

  }



.details-section-main {

	padding: 180px 0;

	z-index: 999;

}



.anatomical-img-list {

	margin: 0;

	padding: 0;

	height: 371px;

	overflow: hidden;

	border-radius: 20px;

	display: block;

	cursor: pointer;

	z-index: 999;



}



.anatomical-img-list li {

	position: absolute;

	left: 0;

	right: 0;

    transition: transform 0.8s ease;

}



.anatomical-img-list li:nth-child(2) {

	transform: translateX(100px);

}







.anatomical-img-list li.slide-right{

	transform: translateX(600px);

}







.progress-dots {

	align-items: center;

	display: flex;

	flex-direction: column;

	justify-content: center;

	position: fixed;

	right: 30px;

	top: 50%;

	transform: translate3d(0,-50%,0);

	width: 9px;

	z-index: 1000;

  list-style: none;

}

/*.progress-dots__dot {

	background-color: #000000;

	border-radius: 100%;

	height: 4px;

	margin: 20px;

	transition: .3s ease-in-out;

	width: 4px;

}*/



.progress-dots__dot {
    background-color: #00000070;
    border-radius: 100%;
    height: 6px;
    margin: 20px;
    transition: .3s ease-in-out;
    width: 6px;
}


.progress-dots__dot.dotactive {
  background-color: #000000;

  height: 9px;

  width: 9px;

}





.progress-dots__dot:hover, .progress-dots__dot.is-active {

	transform: scale(1.8);	

}





.anatomical-img-list li {

	position: absolute;

	left: 0;

	right: 0;

    transition: transform 0.8s ease;

}



.anatomical-img-list li.slide-right{

	transform: translateX(600px);

}







.progress-dots {

	align-items: center;

	display: flex;

	flex-direction: column;

	justify-content: center;

	position: fixed;

	right: 30px;

	top: 50%;

	transform: translate3d(0,-50%,0);

	width: 9px;

	z-index: 1000;

}

/*.progress-dots__dot {

	background-color: #000000;

	border-radius: 100%;

	height: 4px;

	margin: 20px;

	transition: .3s ease-in-out;

	width: 4px;

}
*/


/*.progress-dots__dot.dotactive {

	height: 9px;

	width: 9px;

}

*/











/**header-sticky**/



.scrolled.header-sticky {

	display: none;

}



.sub-header-hide{

  display: none;

}





.vh-100{

  min-height: 100vh;

}





.text-medium{

  font-weight: 500;

}



.sc-sl-4-n-t1 {

	margin-top: 50px;

}





















@media (min-width: 1400px) {

  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {

    max-width: 1240px;

  }

}



.h3, h3 {

	font-size: 2.2rem;

}









.compare-image-container {

  display: grid;

  place-content: center;

  position: relative;

  overflow: hidden;

  border-radius: 1rem;

  --position: 20%;

}



.image-container {

  max-width: 800px;

  max-height: 90vh;

  aspect-ratio: 3/2;

}



.slider-image {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: left;

}



.image-before {

  position: absolute;

  inset: 0;

  width: var(--position);

  /* filter: grayscale(100%) */

}



.compare-slider {

  position: absolute;

  inset: 0;

  cursor: pointer;

  opacity: 0;

  /* for Firefox */

  width: 100%;

  height: 100%;

}



.compare-slider:focus-visible ~ .slider-button {

  outline: 5px solid black;

  outline-offset: 3px;

}



.slider-line {

	position: absolute;

	inset: 0;

	width: .2rem;

	height: 80%;

	background-color: #ffffffb8;

	/* z-index: 10; */

	left: var(--position);

	transform: translateX(-50%);

	pointer-events: none;

	transform: translateY(50px);

}



.slider-button {

  position: absolute;

  /* background-color: #fff; */

  color: black;

  padding: .5rem;

  border-radius: 100vw;

  display: grid;

  place-items: center;

  top: 50%;

  left: var(--position);

  transform: translate(-50%, -50%);

  pointer-events: none;

  /* z-index: 100; */

  /* box-shadow: 1px 1px 1px hsl(0, 50%, 2%, .5); */

}









.anatomical-img-list li:nth-child(2)::before {

	content: "";

	position: absolute;

	background-image: url(/National_Library/oe_/https://www.redentnova.com/assets/img/img-control.png);

	top: 24%;

	width: 90px;

	height: 210px;

	background-repeat: no-repeat;

	left: -45px;

	background-size: contain;

	z-index: 9999;

}

.anatomical-img.img-full {

	border-radius: 20px;

}







/* .section-6 {

  margin-top: -50vh;

} */







/*body{

  overflow-y: initial !important;

}

*/

/* ::-webkit-scrollbar {

  width: 12px;

}



::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 

  border-radius: 10px;

}



::-webkit-scrollbar-thumb {

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 

} */







.sp-megamenu-parent > li {

	display: inline-block;

	position: relative;

	padding: 0;

	color: #fff;

}





.sppb-btn {	

	white-space: inherit;

	

}





.spin-pin-one {

	padding-top: 50px;

}



.spin-pin-two {

	padding-top: 50px;

}







 /* Media Queries */

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

}



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

}



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

}





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

  .anatomical-content {

    margin-top: 40px;

  }



  .anatomical-main {

    padding-top: 80px;

    padding-bottom: 120px;

  }



  .siml-tri-content {

    top: 20px;

    left: 0;

    width: 100%;

    position: relative;

    padding: 0 30px;

  }

  



  .anatomical-main.container {

    max-width: 730px;

  }



  .compare-image-container {

    display: block;   

  }

  .sup-saf-content {

    top: 20px;

    left: 0;

    width: 100%;

    padding: 0 30px;

    position: relative;

  }



  .features-list-box {    

    display: flex;

    flex-direction: column;    

}



  .superior-safety-features {

    margin-top: 70px;

  }



  .advanced-rev-content {

    width: 100%;

    top: 51%;

    padding: 0 30px;

    left: 0;

  }

  .advanced-rev-img {

    right: 11px;

    scale: 2;

    top: 60px;

}

  .optional-operation-img {

    min-width: 170vw;

    top: -100px;

    position: relative;

  }



  .option-operation-content {

    left: 0;

    top: 60%;

    width: 100%;

    padding: 0 30px;    

  }



  .smart-control-img {

    min-width: 990px;

    position: relative;

    top: 156px;

    right: 17%;

  }



  .sc-sl-1-t1 {

    position: absolute;

    left: 10%;

    font-size: 45px;

    width: 100%;

    display: block;

    top: 4%;

    font-weight: 600;

  }



  .sc-sl-2-t1 {

    position: absolute;

    left: 5%;

    width: 70%;

    top: 4%;

    padding: 0 30px;

  }





  .sc-sl-3-t1 {

    position: absolute;

    left: 6%;

    top: 20%;

    width: 30%;

  }





  .sc-sl-3-t2 {

    position: absolute;

    right: 6%;

    top: 20%;

    width: 30%;

    text-align: right;

  }



  .sc-sl-3-t3 {

    position: absolute;

    position: absolute;

    left: 6%;

    bottom: 20%;

    width: 30%;

  }





  .sc-sl-3-t4 {

    position: absolute;

    right: 6%;

    bottom: 20%;

    width: 30%;

    text-align: right;

  }



  .progress-dots {   

    right: 16px;

   

  }





  .sc-sl-4-t1 {

    position: absolute;

    left: 6%;

    top: 5%;

    width: 70%;

    font-weight: 500;

  }





  .sc-sl-4-n-t1 {

    margin-top: 20px;

  }



  .asf-button {

    margin-top: 20px;

  }

  .spin-pin-one {

    padding-top: 50px;

    margin-top: -272px;

    scale: 2.5;

    margin-left: -40%;

    padding-bottom: 31%;

}



.sup-saf-content {    

    display: inline-flex;

    flex-direction: column;    

}

.sup-saf-content .asf-button {

    order: 3;

    width: 146px;

    margin: 0 auto;

}



}









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



    .anatomical-content {

        margin-top: 16px;

    }



    .saf-heading-title {

      margin-bottom: 8px;

      font-weight: 600;

      text-align: left;

      font-size: 1.5rem;

    }



    .saf-heading-description {

        font-size: 16px;

        text-align: left;

    }



    .features-list-box {

      margin: 0;

      padding: 0;

      display: flex;

      flex-direction: column;

      list-style: none;

  }



  .btn-medium {

      font-weight: 600;

      font-size: 14px;

  }



  .btn-medium {

      padding: 12px 35px;

  }



  .features-list-box li {

    border: 1px solid #000;

    border-radius: 21px;

    flex: 0 0 120px;

    text-align: center;

    padding: 10px 10px;

    height: 182px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    width: 130px;

}



  .features-list-box li:not(:last-of-type) {

    margin-right: 0;

      margin-bottom: 10px;

  }



  .siml-tri-content { 

    padding: 0 12px;

    width: 100%;

    text-align: center;   

  }



  .features-list-box li p {

      font-size: 14px;

      color: #616465;

  }



  .progress-dots {

      right: 8px;

  }





  .features-list-box {

      margin-top: 16px;    

  }



  .sup-saf-content {    

      padding: 0 12px;    

  }



  .saf-heading-title-two {

    margin-bottom: 0;

    font-size: 1.5rem;

  }

  

    .superior-safety-features.features-list-box li p {

        font-size: 14px;

        color: #ffffff;

        padding-top: 10px;

    }





    .superior-safety-features.features-list-box li {

        margin-bottom: 0;

    }

    .advanced-rev-img {

        right: 11px;

        scale: 2;

        top: 60px;

    }

        



    .advanced-rev-content {

        top: 32%;

        padding: 0 15px;

    }



  .features-list-item {    

      font-size: 16px;

  }



  .option-operation-title {

      width: 100%;

  }



  .option-operation-content {

      padding: 0 15px;

  }



  .spin-pin-one {

    padding-top: 50px;

    margin-top: -272px;

    scale: 2.5;

    margin-left: -40%;

    padding-bottom: 31%;

}



.spin-pin-two {

    padding-top: 50px;

    margin-top: -237px;

    scale: 2.5;

    margin-left: -151px;

    padding-bottom: 31%;

}



  .sc-sl-1-t1 {   

      font-size: 2rem;        

      padding: 0 15px;

      left: 0;

  }



  .sc-sl-2-t1 { 

      left: 0;

      width: 88%;

      top: 4%;

      padding: 0 16px;

  }



  .smart-control-img {

      min-width: 580px;

      position: relative;

      top: 156px;

      right: 20%;

  }



  .sc-sl-4-t1 {    

      left: 6%;

      top: 3%;

      width: 70%;

      font-weight: 500;

  }



  .sc-sl-4-n-t1 {

      margin-top: 8px;

  }



  .asf-button {

      margin-top: 15px;

  }











  .sup-saf-content {

    top: 20px;

    left: 0;

    width: 100%;

    padding: 0 15px;

    position: relative;

    display: inline-flex;

    flex-direction: column;

    overflow: hidden;

}



.sup-saf-content .asf-button {

    order: 3;

    width: 146px;

    margin: 0 auto;

}



.superior-safety-features img {

    width: 56px;

}



}


@media only screen and (max-width: 932px) and (orientation: portrait){

.section-2 {        
    height: 100%;
}


.features-list-box li {  
    flex: 0 0 200px;   
    height: 200px;  
}

.spin-pin-one {  
    margin-top: -373px;   
}


.section-2 .asf-button {
    margin-top: 35px;
}


.spin-pin-two {    
    margin-top: -372px;
    scale: 2.5;
    margin-left: -175px;    
}


.section-3 {   
    height: 100vh;
}


.sup-saf-content .asf-button {    
    margin-top: 70px;
}


.advanced-rev-content {
    top: 44%;
    
}

.advanced-rev-img {    
    top: 140px;
}


.optional-operation-img {
    min-width: 210vw;
    top: -40px; 
    left: -33px;
}

.option-operation-content { 
    top: 44%;   
}

.section-5 {  
    height: 100vh;
}

.sc-sl-1-t1 {   
    top: 10%;  
}

.sc-sl-2-t1 {    
    top: 10%;    
}

.smart-control-img { 
    top: 270px;    
}

.sc-sl-4-t1 {    
    top: 10%;    
}

}





@media only screen and (max-width: 844px) and (orientation: portrait){

.section-2 {        
    height: 100%;
}


.features-list-box li {  
    flex: 0 0 180px;   
    height: 180px;  
}

.spin-pin-one {      
    margin-left: -37%;
}


.section-2 .asf-button {
    margin-top: 35px;
}


.spin-pin-two {
    margin-top: -367px;
    scale: 2.5;
    margin-left: -159px;
}

.section-3 {   
    height: 100vh;
}


.sup-saf-content .asf-button {    
    margin-top: 70px;
}


.advanced-rev-content {
    top: 44%;
    
}

.advanced-rev-img {    
    top: 140px;
}


.optional-operation-img {
    min-width: 210vw;
    top: -40px; 
    left: -33px;
}

.option-operation-content { 
    top: 44%;   
}

.section-5 {
    height: 100vh;
    background: #fff;
}

.sc-sl-1-t1 {   
    top: 10%;  
}

.sc-sl-2-t1 {    
    top: 10%;    
}

.smart-control-img { 
    top: 270px;    
}

.sc-sl-4-t1 {    
    top: 10%;    
}

}



@media only screen and (max-width: 812px) and (orientation: portrait){
.spin-pin-one {
    margin-left: -42%;
}

.smart-control-img {    
    right: 27%;
    top: 249px;
}

.spin-pin-two {
    margin-top: -370px;
    scale: 2.5;
    margin-left: -180px;
}

}




@media only screen and (max-width: 896px) and (orientation: portrait){
  .spin-pin-two {
    margin-top: -367px;
    scale: 2.5;
    margin-left: -177px;
}

}



@media only screen and (max-width: 844px) and (orientation: portrait){
  .spin-pin-two {
      margin-top: -367px;
      scale: 2.5;
      margin-left: -167px;
  }

}










@media only screen and (min-width: 390px) and (orientation: landscape){ 

}