@media (max-width: 1600px) and (min-width: 1024px) {
  .hud .blue {
    top: 40%;
    left: 33%;
}
  .sd-main-height {
    padding: 200px 0px 180px 0px;
  }
  .img-hero {
    height: 40px !important;
    width: 40px !important;
  }
}
@media (max-width: 1199px) and (min-width: 991px) {
.sd-provide-text {
    height: 110px !important;
}
}
@media (max-width: 1400px) and (min-width: 991px) {
  .timelineRoadMap1 {
    margin-top: 64px;
  }
.sd-android-border-blue {
    height: 290px !important;
}
}
@media (max-width: 1300px) and (min-width: 1024px) {
      
    .blog-content-height {
    height: 150px;
}
  .hud .blue {
    top: 38%;
    left: 33%;
}
  .pt-80 {
    padding-top: 50px;
  }
  .sd-main-height {
    padding: 180px 0px 100px 0px;
  }
  h1 {
    font-size: 60px !important;
    line-height: 75px !important;
  }
}
@media (max-width: 1400px) and (min-width: 1200px) {
  nav .navbar .links li {
    padding: 0px 10px;
  }
  .primary-btn {
    padding: 10px 24px;
  }
}

@media (max-width: 1400px) and (min-width: 1024px) {
        .typewriter .sd-main span{
 font-size:60px !important;
  line-height: 70px !important;
}
  .hud .orange .notches .notch {
    left: calc(50% - 1.5vw);
}
  body .hud {
    top: 0;
    left: 45vw !important;
    width: 30vw !important;
    height: 30vw !important;
  }
  h1 {
    font-size: 70px;
    line-height: 80px;
  }
  
}
@media (max-width: 1400px) and (min-width: 768px) {
.sd-ios-content {
    max-height: 265px !important;
}
  .sd-software-offer {
    width: 180px;
  }
  .sd-work-animate .sd-work-lottie,
  .sd-cms-animate .sd-cms-lottie,
  .sd-sw-animate .sd-sw-lottie,
  .sd-team-animate .sd-team-lottie,
  .sd-career-animate .sd-career-lottie,
  .sd-web-design-main .sd-webdesign-lottie,
  .sd-lottie .sd-about-main-lottie,
  .sd-sw-animate .sd-sw-lottie,
  .sd-web-design-main .sd-webdesign-lottie,
  .sd-ecom-img .sd-ecom-lottie,
  .sd-contact-animate .sd-contact-lottie,
  .sd-port-animate .sd-port-lottie,
  .sd-blog-animate .sd-blog-lottie {
    height: 350px;
  }
  /*h2 {*/
  /*  font-size: 50px;*/
  /*  line-height: 58px;*/
  /*}*/
  /* footer */
  .sd-india-footer {
    line-break: anywhere !important;
  }

  .py-150 {
    padding-top: 0px;
    padding-bottom: 50px;
  }
}
/* how we work */
@media screen and (max-width: 1024px) { 
    .sd-ecom-variations {
  min-height: 250px;
}
      
    .blog-content-height {
    height: 150px;
}
    .sd-content-port {
    min-height: 92px !important;
}
    .sd-feature-circle {
    width: 140px;
    height: 140px;
}
.sd-feature-circle img {
    height: 140px;
    padding: 36px;
}
    .sd-software-offer h6 {
    bottom: 20px;
}
/*          .testimony-29101 .text {*/
/*    padding: 1rem 2rem 0rem 2rem;*/
/*}*/
    .typewriter .sd-main span{
 font-size: 50px !important;
  line-height: 60px !important;
}
  .hud .blue {
    top: 37%;
    left: 33%;
}
  .hud .orange .notches .notch {
    left: calc(50% - 2vw);
}
  .img-hero {
    height: 40px !important;
    width: 40px !important;
  }
  .sd-main-height {
    padding: 200px 0px 80px 0px;
  }
  h1 {
    font-size: 50px;
    line-height: 60px;
  }
  .pt-80 {
    padding-top: 20px;
  }
  .sd-mobile-semi-circle img {
    margin-top: -3px;
    height: 14px;
    width: 18px;
    margin-left: -5px;
  }
  .font-22 {
    font-size: 20px;
    line-height: 35px;
  }
  h3 {
    font-size: 32px;
    line-height: 42px;
  }
    /*.testimony-29101 .text {*/
    /*padding: 0rem 2rem 0rem 2rem;*/
    /*}*/
  /*.timelineinnerDetails h2 {*/
  /*  font-size: 40px;*/
  /*  line-height: 47px;*/
  /*}*/
  /*.timelineinnerDetails p:nth-of-type(2) {*/
  /*  font-size: 16px;*/
  /*  line-height: 23px;*/
  /*}*/
  .timelineWrapper:nth-of-type(1) .timelineOuterDetails,
  .timelineOuterDetails:hover {
    height: 270px;
  }
  .timelineOuterDetails {
    height: 250px;
  }
  .timelineinnerDetails .process-heading {
    margin-top: -30px;
  }
}
@media screen and (max-width: 991px) {
        .sd-ecom-variations {
  min-height: 300px;
}
    .timelineWrapper:nth-of-type(1) .timelineOuterDetails, .timelineOuterDetails:hover {
    height: 215px;
}
.timelineinnerDetails-img img{
height: 100px;
    object-fit: contain;
}
.timelineOuterDetails.active{
    height: 215px;
}
    .sd-ecom-sm-content{
        /*height:auto;*/
        padding: 60px 10px 20px 20px;
    }
.sd-software-offer h6{
    bottom:0px !important;
}
    .sd-work-content {
    height: 150px;
}
    .px-100{
    padding-left:30px;
    padding-right:30px;
}
  .sd-our-work .owl-nav button.owl-next, .sd-our-work .owl-nav button.owl-prev {
    padding: 0px 17px !important;
    height: 48px;
}
.sd-pillar-img img {
    height: 178px;
    width:200px !important;
    object-fit: contain;
}
.sd-pillar-img{
    display:flex;
    justify-content:center;
}
  .hud .orange .notches .notch {
    left: calc(50% - 2vw);
}
  .slider-92911 {
    bottom: 110px;
  }
  .sd-port-rounded:hover {
    transform: none !important;
  }
  .sd-port-rounded {
    transition: none !important;
  }
  body .hud {
    height: 40vw !important;
    width: 40vw !important;
  }
  .sd-main-height {
    padding: 100px 0px 80px 0px;
  }
      /*.font-30 {*/
      /*  font-size: 24px;*/
      /*  line-height: 38px;*/
      /*}*/
  /*.sd-about-img .sd-how-lottie {*/
  /*  max-width: 380px;*/
  /*}*/
  .pt-80 {
    padding-top: 40px;
  }
  /*.sd-port-screenshot-img img {*/
  /*  min-width: 225px;*/
  /*  max-height: 420px;*/
  /*}*/
  /*h2 {*/
  /*  font-size: 50px ;*/
  /*  line-height: 58px;*/
  /*}*/
  .sd-mobile-semi-circle img {
    height: 12px;
    width: 22px;
    margin-top: 5px;
  }
  .sd-mission-circle .sd-lottie-about {
    height: 100px;
    width: 100px;
    padding: 0px;
  }
  .sd-md-center {
    text-align: center !important;
  }
  .sd-reverse-md {
    flex-direction: column-reverse;
  }
  .sd-expertise-circle::after {
    bottom: 62%;
    left: -3%;
  }
  .timelineRoadMap1 {
    margin-top: 100px;
  }
  .pt_32_explore {
    padding-top: 32px;
  }
  /*.font-20 {*/
  /*  font-size: 18px;*/
  /*  line-height: 32px;*/
  /*}*/
  /* ecom page */
  .sd-ecom-management::after {
    height: 330px;
    width: 330px;
    border-radius: 50%;
  }
  .sd-ecom-management {
    margin-top: 20px;
  }
  .sd-ecom-variations .sd-scroll {
    max-height: 140px;
  }
  /* page soft development */
  .sd-software-offer p {
    bottom: 0px;
  }
  /*.sd-software-offer {*/
  /*  min-height: 215px;*/
  /*  width: 215px;*/
  /*}*/
  .pt_40 {
    padding-top: 40px;
  }
  .sd-lottie-about {
    height: 100px;
    width: 100px;
  }
  .sd-mission-circle {
    width: 200px;
    height: 200px;
  }
  h1 {
    font-size: 45px !important;
    line-height: 60px !important;
  }
  .sd-content-center {
    justify-content: center !important;
  }
  .sd-md-center {
    text-align: center;
  }
  .timelineinnerDetails h2 {
    font-size: 30px;
    line-height: 37px;
  }
  .timelineinnerDetails p:nth-of-type(1) {
    font-size: 22px;
    line-height: 29px;
  }
  .timelineOuterDetails {
    height: 230px;
  }
  .timelineBoxWrapper {
    flex-wrap: wrap;
  }
  /* blog section */
  .sd-bg-blog {
    background-image: none;
  }
  .sd-btn-explore {
    text-align: center;
  }

  .sd-blog-hr {
    display: flex !important;
    justify-content: center !important;
  }
  .sd-port-center {
    text-align: center;
  }
  h6 {
    font-size: 20px;
    line-height: 30px;
}
p {
    font-size: 16px;
    line-height: 28px;
}
  /* team memeber page */
  h5 {
    font-size: 25px;
    line-height: 34px;
  }
  /* career page */
  .sd-career-look::before,
  .sd-career-look1::before {
    display: none;
  }
  /* footer */
  .sd-btn-footer {
    display: flex !important;
    justify-content: center !important;
  }
}
@media (max-width: 600px) and (min-width: 300px) {  
  .hud .orange .notches .notch {
    left: calc(50% - 3.5vw);
}
  /* portfolio */
  .RadioBtnsWrap {
    display: flex;
    justify-content: space-evenly;
  }
  .sd-radio-after::before {
    display: none;
  }
  .sd-more-service-card {
    height: 170px;
    width: 170px;
  }
}
@media screen and (max-width: 480px) {
  .timelineWrapper {
    width: 48%;
    height: auto;
    margin: 5px 0;
  }
  .timelineinnerDetails p:nth-of-type(2) {
    line-height: 20px;
  }
}
@media screen and (max-width: 390px) {
  .timelineWrapper,
  .updateDetails1,
  .updateDetails2,
  .updateDetails3 {
    width: 80% !important;
  }
}
@media (max-width: 1024px) and (min-width: 300px) {
  .sd_owl_services .owl-nav button.owl-next,
  .sd_owl_services .owl-nav button.owl-prev,
  .sd_owl_services button {
    z-index: 1;
  }
}
/* owl navs */
@media (max-width: 991px) and (min-width: 480px) {
  .sd-blogs.owl-theme .owl-nav {
    justify-content: end !important;
    right: 0px;
  }
  .sd-blogs.owl-nav button.owl-prev,
  .sd-blogs .owl-nav button.owl-prev,
  .sd-blogs button {
    padding: 2px 15px !important;
    font-size: 30px;
  }
  .sd-blogs .owl-nav button.owl-prev span,
  .owl-next span {
    bottom: 3px;
  }
  .sd-blogs.owl-nav button.owl-next,
  .sd-blogs .owl-nav button.owl-next,
  .sd-blogs button {
    padding: 2px 15px !important;
    font-size: 30px;
  }

  .sd_owl_services .owl-nav {
    justify-content: end !important;
  }
  .sd_owl_services .owl-nav button.owl-next,
  .sd_owl_services .owl-nav button.owl-prev,
  .sd_owl_services button {
    padding: 0px 15px !important;
    font-size: 30px;
    bottom: 0px;
  }
  .sd_owl_services .owl-nav button.owl-prev span,
  .owl-next span {
    bottom: 2px !important;
  }
}
/* mobile css */
@media (max-width: 767px) and (min-width: 300px){
  .sidebar-logo i,
  .navbar .fa-bars{
    padding: 18px 0px 0px 0px;
  }
  .sidebar-logo i,
  .navbar .fa-xmark {
    padding: 16px 2px 0px 0px;
  }
.ab-force-overflow {
    max-height: auto;
}
        .about-scrollbar{
            height:auto !important;
        }
    .sd-build-android{
        justify-content:center !important;
    }
    .sd-about-connect-circle {
    width: 200px;
    height: 200px;
}
.sd-about-connect-circle::after {
    height: 200px;
    width: 200px;
}
    .sd-provide-text, .sd-provide-text p{
        height:auto !important; 
        margin-bottom:0px;
    }
    .sd-blog-detail-talk, .sd-career-talk {
     left: 0px; 
     height: 180px;
    width: 180px;
}
.sd-blog-detail-talk button, .sd-career-talk button {
    width: 270px;
    right: 43px;
    bottom: 20px;
}
    .sd-ecom-img .sd-ecom-lottie, .sd-work-animate .sd-work-lottie, .sd-lottie .sd-about-main-lottie, .sd-career-animate .sd-career-lottie, .sd-port-animate .sd-port-lottie, .sd-team-animate .sd-team-lottie, .sd-blog-animate .sd-blog-lottie, .sd-contact-animate .sd-contact-lottie, .sd-ui-main .sd-ui-lottie, .sd-web-design-main .sd-webdesign-lottie, .sd-cms-animate .sd-cms-lottie, .sd-digital-animate .sd-digital-lottie, .sd-sw-animate .sd-sw-lottie, .sd-expertise-img .sd-flutter-lottie, .sd-optimize-img .sd-mobile-lottie{
        height:auto;
    }
    .sd-footer-i{
        padding:20px 0px 10px 0px !important;
    }
    .sd-how-work .owl-item img{
        width:auto !important;
    }
/*    .testimony-29101 .text {*/
/*     padding: 0rem 0rem 0rem 0rem; */
/*}*/
    .blog-thumbnail a img,.blog-thumbnail a .blog{
        height:auto;
        width:100% !important;
    }
/*    .arrow-btn-nav, .btn-page {*/
/*    border-radius: 10%;*/
/*}*/
    li {
    font-size: 18px !important;
}
p{
     font-size: 18px !important;
     line-height:28px !important;
}
  /* lets talk */
  .waves {
    height: 240px !important;
  }
  .sd-talk-btn {
    top: 200px !important;
}
    .blog-content-height{
        height:auto;
    }
    iframe{
        height:auto;
        margin-bottom:20px;
        height:200px;
    }
    .sd-work-content {
    height: auto !important;
}
    .pillar-center{
        text-align:center !important;
    }
h2 {
    font-size: 35px ;
    line-height: 45px;
}
  .sd-website-screenshot-img img{
height:400px !important;
width: 300px;
  }
  /*.sd-port-screenshot-img img {*/
  /*  height: 300px !important;*/
  /*  width:  400px !important;*/
  /*}*/
  .sd-feature-screenshots{
    min-height: 300px !important;
  }
  .sd-feature-screenshots img{
    height: 300px !important;
  }
  .hud .blue {
    top: 42%;
    left: 33%;
}
  .sd-content-image {
    width: 100%;
  }
  .sd-content,
  .sd-content-image {
    max-width: 100%;
  }
  .slider-92911 {
    bottom: 50px;
  }
  /*.sd-process img {*/
  /*  height: 200px !important;*/
  /*  width: 200px !important;*/
  /*}*/
  .circle img {
    height: 50px;
    width: 50px;
  }
  .sd-feedback-bg::before,
  .sd-feedback-bg {
    height: 250px;
  }
  .sd-process-software img {
    min-height: 250px;
  }
  .sd-pillar-img img {
    height: 230px;
    width: 100% !important;
    border-radius: 20px;
  }
  .sd-icon-quote i {
    display: none;
  }
  /*.sd-pillar-img img {*/
  /*  min-height: 300px;*/
  /*}*/
  .py-150 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  /* laravel page */
  .sd-laravel-content .sd-scroll {
    max-height: 200px;
  }
  .sd-laravel-content {
    min-height:auto;
  }
  /* ios page */
  .sd-ios-content .sd-scroll {
    max-height: 220px;
  }
  .sd-ios-content {
    max-height: 370px;
  }
  /* commom css of all sections */
  .sd-col-reverse {
    flex-direction: column-reverse;
  }
  .py-80 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .sd-center {
    text-align: center !important;
  }
  h3 {
    font-size: 30px;
    line-height: 38px;
  }
  /*.font-18 {*/
  /*  font-size: 16px;*/
  /*  line-height: 26px;*/
  /*}*/
  h5 {
    font-size: 26px;
    line-height: 36px;
  }
  /* owl navs */
  .owl-nav {
    display: none !important;
  }
  .owl-dots {
    display: flex;
    margin-top: 20px;
    justify-content: center;
  }
  .sd-blogs.owl-nav button.owl-next,
  .sd-blogs .owl-nav button.owl-next,
  .sd-blogs button,
  .sd_owl_services.owl-nav button.owl-next,
  .sd_owl_services .owl-nav button.owl-next,
  .sd_owl_services button,
  .sd-pillars.owl-nav button.owl-next,
  .sd-pillars .owl-nav button.owl-next,
  .sd-pillars button,
  .sd-pillars .owl-nav,.sd-screenshot-app .owl-nav button.owl-next, .sd-screenshot-app .owl-nav button.owl-prev, .sd-screenshot-app button {
    background: none !important;
  }
  .owl-theme .owl-dots .owl-dot.active span,
  .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--sd-primary);
  }
  /* header section */
  .header-area,
  .header-area.header-two,
  .header-area {
    position: unset;
  }
  .header-area {
    position: unset;
  }
  .header-area .top-header-area {
    display: none;
  }
  .header-area .side-option-responsive {
    right: 40px;
  }
  .header-area .side-option-responsive .item {
    margin-right: 12px;
  }
  .header-area .header-responsive-nav .logo {
    position: relative;
    width: 50%;
    z-index: 999;
  }
  .sd-btn {
    margin-bottom: 30px;
  }
  .no-wrap {
    flex-wrap: wrap !important;
  }
  .sd-ecomm-img img {
    height: auto;
    width: 100%;
  }
  /* explore services */
  .timelineinnerDetails-img img {
    height: 150px !important;
    width: 150px !important;
    border-radius: 10px;
  }
  /* blog post */
  .sd-bg-blog {
    background-image: none;
  }
  /* footer */
  .sd-footer-sec {
    text-align: center;
  }
  /* career page */
  .sd-opening-radius {
    text-align: center !important;
    padding: 15px 10px;
  }
  .sd-arrow-opening {
    padding-bottom: 15px;
  }
  .sd-career-look::after {
    left: 15%;
  }
  .sd-career-look1::after {
    right: 15%;
  }
  .bg::after {
    transform: translate(-50%, -465%);
    height: 105px;
  }
  /*.sd-career-talk,*/
  /*.sd-career-talk button,*/
  /*.sd-blog-detail-talk{*/
  /*  position: unset;*/
  /*}*/
  /*.sd-career-talk button {*/
  /*  width: 100%;*/
  /*}*/
  .sd-arrow-opening img {
    height: 70px !important;
    width: 70px !important;
  }
  .sd-opening-radius {
    min-height: 350px;
  }
  /* services page */
  /*.font-30 {*/
  /*  font-size: 22px;*/
  /*  line-height: 34px;*/
  /*}*/
  /* services cms */
  .sd-cmd-img-blue img,
  .sd-cmd-img img {
    position: unset;
    height: 100px !important;
    width: 100px !important;
  }
  /* flutter page*/
  .sd-expertise-circle::after,
  .sd-ecom-circle::before,
  .sd-build-line::after {
    display: none !important;
  }
  .sd-build-android {
    display: grid !important;
    justify-content: center;
  }
  /* ecom page */
  .sd-ecom-management::after {
    height: 300px;
    width: 300px;
    border-radius: 50%;
  }
  /*.sd-port-screenshot-img img {*/
  /*  min-width: 180px;*/
  /*  max-height: 300px;*/
  /*}*/
  .sd-ecom-consult-btn button {
    padding: 8px 18px;
  }
  /* how we work page */
  /*.sd-development-number {*/
  /*  width: 100%;*/
  /*}*/
  .sd-feature-circle img {
    height: auto;
    padding: 20px;
    min-height: 100px;
  }
  .sd-feature-circle img {
    height: auto;
    padding: 30px;
    min-height: 160px;
  }
  .sd-cms-content .sd-scroll {
    max-height: 200px;
  }
  .sd-web-services .sd-scroll {
    /*max-height: 300px;*/
  }
  .sd-team-quote i {
    display: none;
  }
  .sd-team-quote {
    padding-top: 40px;
    padding-bottom: 0px !important;
  }
  .sd-company-img img {
    height: 250px;
    object-fit: fill;
  }
  .sd-about-img .sd-how-lottie1 {
    bottom: 0px;
  }
  .sd-port-rounded {
    max-width: 100%;
  }
  .sd-port-page .owl-stage-outer .owl-stage {
    margin-bottom: 20px;
  }
  body .hud {
    height: 60vw !important;
    width: 60vw !important;
  }
  .sd_owl_services .owl-stage-outer{
      height:370px !important;
  } 
}
@media (max-width: 480px) and (min-width: 300px) {
    .sd-footer-sec{
        position:relative;
        bottom:50px;
    }
      .waves {
    height: 150px !important;
    bottom:45px;
  }
  .sd-talk-btn {
    top: 70px !important;
}
h3 {
    font-size: 25px;
    line-height: 35px;
}
        .sd-team-main{
        position:relative;
        bottom:50px;
    }
  .waves {
    height: 150px;
  }
  .sd-talk-btn {
    top: 145px;
}
h3{
     font-size:25px;
     line-height:35px;
}
    .navbar .links li .sub-menu li a:hover {
    text-align:left;
    font-size:14px;
}
    .navbar .links li .sub-menu li{
        padding:5px 10px;
    }
    .navbar .links li .sub-menu a{
        font-size:14px;
    }
  .sd-feature-circle img {
    height: auto;
    padding: 20px;
    min-height: 100px;
  }
  .slider-92911 {
    bottom: 30px;
  }
  .separator .line {
    width: 40px;
    margin-left: 30px;
    top: 130px;
  }
  .sd-feature-circle {
    width: 100px;
    height: 100px;
  }
  .sticky-icon span a i {
    font-size: 40px;
  }
  .sd-work-btn {
    margin-top: 20px;
    text-align: center;
  }
  .sd-subscribe-footer {
    text-align: center;
  }
  /* explore services */
  .sd-card-exp {
    width: 100%;
    min-height: auto;
    padding: 10px 10px 20px 10px;
  }
  .sd-card-exp:hover {
    margin-top: 20px;
  }
  .sd-card-exp:hover {
    transform: translate(0, -20px);
  }
  .owl-dot {
    display: block !important;
    display: flex !important;
  }
  /* blog section */
  .sd-blog-hr {
    width: 100%;
  }
  /* customer feedback */
  /*.testimony-29101 .text {*/
  /*  padding: 2rem 1rem 0rem 1rem;*/
  /*}*/
  /* career page */
  .sd-career-look::after {
    width: 100%;
    left: 0%;
  }
  .sd-career-look1::after {
    width: 100%;
    right: 0%;
  }
  /* our team page */
  .team-thumbnail {
    height: 275px;
  }

  /* soft developement page */
  .sd-software-offer {
    height: 200px;
    width: 220px;
  }
  .sd-flutter-img::after,
  .sd-android-main-img::after,
  .sd-ios-main-img::after,
  .sd-laravel-main-img::after,
  .sd-node-main-img::after {
    right: 5%;
  }
  /* career page */
  .bg::after {
    display: none;
  }

  .sd-work-animate .sd-work-lottie,
  .sd-cms-animate .sd-cms-lottie,
  .sd-sw-animate .sd-sw-lottie,
  .sd-team-animate .sd-team-lottie,
  .sd-career-animate .sd-career-lottie,
  .sd-web-design-main .sd-webdesign-lottie,
  .sd-lottie .sd-about-main-lottie,
  .sd-sw-animate .sd-sw-lottie,
  .sd-web-design-main .sd-webdesign-lottie,
  .sd-ecom-img .sd-ecom-lottie,
  .sd-contact-animate .sd-contact-lottie,
  .sd-port-animate .sd-port-lottie,
  .sd-blog-animate .sd-blog-lottie {
    height: 300px;
  }
  h1 {
    font-size: 42px !important;
    line-height: 52px !important;
  }
  .img-hero {
    height: 25px !important;
    width: 25px !important;
  }
  .bottomnotches .notch,
  .topnotches .notch {
    font-size: 10px !important;
  }
  .circle img {
    height: 30px;
    width: 30px;
  }
  .sd-screenshot-app .owl-nav,   .screenshots_detail .owl-nav{
    display: none !important;
  }
  
    .blog-thumbnail a .blog-list, .sd-insight-img img,   .blog-thumbnail a .blog, .sd-services, .sd-card-exp:hover .sd-services {
    width: 100% !important;
    height: auto;
  }
}

/*for safari devices*/
@media not all and (min-resolution: 0.001dpcm) {
.particle {
    position: absolute;
    border-radius: 50%;
    z-index: 0;
}
}