.support-ban { background: url(https://cdn.systweak.com/content/wp/dff/v2/support-ban.webp) center top no-repeat; padding-top: 150px; min-height: 550px; color: #ffffff;}
.support-ban p {font-size: 22px;} 
.how-it-work .container { max-width: 930px;} 
.how-work-ban .ban-head { margin-top: 80px!important; }
.how-work-head { font-size: 35px; color: #3262e1; line-height: 40px; text-align: left; margin-bottom: 10px; }
.h-paragraph { font-size: 18px; line-height: 28px; }
.work-step { margin-top: 40px; padding-bottom: 50px; }
.work-step p { color: #617091; font-size: 17px; line-height: 30px; }
.step-point { font-size: 20px; color: #3262e1; line-height: 25px; position: relative;  font-weight: 600; }
.step-head { font-size: 26px; font-weight: 600; color: #000000; padding-top: 15px; padding-bottom: 10px; }
.step-download { border: solid 1px#e7eef6; text-align: center; margin-top: 15px; }
.step-download .compatible-text { color: inherit; font-size: 13px; line-height: 25px; width: 100%; text-align: center; font-weight: 500; padding-bottom: 18px; margin-left: auto; margin-right: auto;   }
.step-dnd { display: inline-block; margin-top: 45px;   margin-right: auto; margin-left: auto; } 
.step-ss { text-align: center; padding-top: 25px; }
.step-done { padding-top: 30px; text-align: center; margin-top: 40px; padding-bottom: 30px; }
.step-done p { font-size: 18px; line-height: 20px; margin-bottom: 0px; margin-top: 10px;  } 
.or-col { text-align: center; padding-top: 70px; padding-bottom: 70px; }
.watch-head { font-size: 36px; color: #3262e1; line-height: 40px;}
.watch-head span { font-weight: 600; }
.steps-video { padding: 20px; border: #e5edf5 solid 1px; border-radius: 10px;   }
.steps-video img { max-width: 100%; }
.watch-head { margin-bottom: 15px;}
.step-watch p { font-size: 18px; line-height: 28px; margin-bottom: 35px; }
.step-dnd-and { margin-top: 45px; margin-bottom: 45px; }
.full { width: 100%; float: left;  } 
.any-ques { padding-top: 70px; padding-bottom: 70px; }   

@media screen and (min-width:0\0) and (min-resolution: .001dpcm) {  
  .col-md-4 { width: 33.33%; float: left;  }
  .col-md-8 { width: 66.67%;  float: left; }
}
@media (max-width:1199px) { 
  .main-ban { min-height: 700px; padding-bottom: 30px; }
  .circle-img-col-2 { max-width: 620px; min-height: inherit; }
  .circle-music-col { max-width: 620px; min-height: 620px;  }
  .ban-op-col { max-width: 500px;}
  .ban-btn { min-width: 200px;}
  .circle-img-col-3 { min-height: 500px; }
  .for-photos-f { bottom: -66px;}
  .ban-op-col-dp { bottom: -20px;}
  .global-banner { min-height: 630px;}
  img.for-gdf { margin-top: 50px;}
  .g-main-banner { padding-top: 70px;}
}
@media (max-width:991px) {
  .support-ban {background-size: cover; min-height: auto;}
  .how-work-ban .ban-head {margin-top: 10px !important;}
  .how-work-ban .main-banner {text-align: center; margin-bottom: 30px;}
}
@media (max-width:767px) {   
  .how-work-ban .ban-head { margin-top: 20px!important; text-align: center; }
  .how-work-ban p { text-align: center;}
  .how-work-ban .main-banner img { max-height: 240px; width: auto;}
  .how-work-head { font-size: 27px; }
  .any-ques { padding-top: 40px; padding-bottom: 40px;}
  .work-step { margin-top: 30px; padding-bottom: 20px; }
  .support-ban {padding-top: 100px;}
  .support-ban p {font-size: 18px;}
}