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

    .Schedule-btn-box2 {
        margin-top: auto !important;
    }
  .user-name-wrapper2 {
    padding: 30px;
  }
  .user-site2 {
      position: relative;
      max-width: 310px !important;
      margin-top: 14px !important;
  }
  .user-profile-box2 {
      padding: 30px;
  }
  .fullname-txt h2 {
      font-size: 30px !important;
  }
  div#width-km {
      width: auto !important;
  }
  .user-name2 h2 {
      font-size: 30px !IMPORTANT;
  }
}

@media screen and (max-width: 1024px) {
    /*--------signup---------*/

    .Get-Start {
        width: 350px !important;
    }
    .form-inner-sec {
        width: 425px !important;
        & input {
          width: 100% !important;
      }
    }
    .header-left-back-box{
      width: 90% !important;
    }
    .header-right-box{
      width: 70% !important;
    }

    /*--------overview---------*/

    .service-img-box {
      padding: 36px 27px !important;
  }
   /*--------overview---------*/
     .service-img-box {
      padding: 36px 27px !important;
  }
    .service-box{
      margin-top: 10px;
    }
    .service-row {
      margin-top: 0px !important;
  }
    .service-text-box {
      padding: 0px 20px;
  }

    .Schedule-btn-box2 {
        margin-top: auto;
    }


    .circle-container2 {
        position: absolute !important;
        top: 25px !important;
        right:49px !important;
    }
    .user-name-box2 {
        flex-direction: column;
    }

    .user-name-wrapper2 .user-markup2 button{
        width: 216px !important;
      }

   .timer-box {
        max-width: 250px !important;
        height: 310px !important;
    }
    .control_box {
        max-height: 350px;
    }
    .control_box h2 {
        font-size: 24px !important;
    }

    .user-site2 {
        position: relative;
        max-width: 310px !important;
        margin-top: 14px !important;
    }

    .dropbtn2.website-link {
        width: 310px !important;
        overflow: hidden;
        font-size: 14px;
        font-weight: 400;
    }


    .leftt-section2 {
      max-width: 65% !important;
      padding-bottom: 30px !important;
    }

    .leftt-section {
          max-width: 65% !important;
    }

    .Overview-detail-box {
          width: 470px !important;
          margin-left: 0px !important;
    }

    .Overview-box-2nd {
          width: 295px !important;
    }

    .Subscription-rightt-section {
          margin-left: 30px !important;
      }

    /*27-09-2024*/

    #sidebar-closed {
        width: 57% !important;
    }


  }


  @media screen and (max-width: 992px) {
    .left-back-box-wrap{
      width: 30% !important;
    }
    .header-right-box{
      width: 50% !important;
    }
    .service-text-box {
        padding: 0px 20px;
    }
  }
  .content-wrapper {
    font-size: 12px !important;
    padding: 15px 0px !important;
}

.progress-container{
   margin: auto !important;
   max-width: none !important;
}
  @media screen and (max-width: 768px) {

    .Get-Start {
        width: 350px !important;
    }
    .form-inner-sec {
        width: 425px !important;
        & input {
          width: 100% !important;
      }
    }
    .form-btn-sec {
        width: 426px !important;
    }
    .left-back-box-wrap{
      width: 30% !important;
    }
    .header-right-box{
      width: 100% !important;
    }
     /*--------overview---------*/
     .service-img-box {
      padding:15px 27px !important;
  }
    .service-box {
        margin-top: 10px !important;
        max-width: 100% !important;
    }
    .d-flex{
      flex-wrap:wrap !important;
    }
    .tab label {
      width: 150px !important;
      padding: 12px 0px !important;
      border-radius: 60px !important;
      font-size: 13px !important;
  }

  .user-name-wrapper2 {
    width: 100%;
    max-width: 830px;
}


  .user-profile-box2 {
      width: 100% !important;
      max-width: 830px !important;
  }
  .Counter-tab-wrapper2 {
      max-width: 100% !important;
      margin-top: 30px !important;
  }

  .user-name-wrapper2 .user-markup2 button {
    width: 245px !important;
}


  .leftt-section2 {
      max-width: 100% !important;
      padding-bottom: 30px !important;
  }

  .leftt-section {
      max-width: 100% !important;
  }

  .Overview-detail-box {
      width: 485px !important;
      margin: auto !important;
  }
  .signupform-1 {
      margin: auto !important;
      width: 65% !important;
  }

  .Subscription-rightt-section {
    width: 485px !important;
    margin: auto !important;
    margin-bottom: 65px !important;
}

.input-wrapper {
    max-width: 466px !important;
}

.service-sec {
    max-width: 960px;
    padding: 30px 0px 25px 0px;
}

/*27-09-2024*/

#sidebar-closed {
    width: 43% !important;
}

}

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

  .input-wrapper {
    padding: 0px 10px;
}


.dropbtn2.website-link {
    width: 270px !important;
}

.leftt-section2 {
    padding-bottom: 10px !important;
}
.Subscription-rightt-section {
    width: 346px !important;
}

.signupform-1 {
    width: 100% !important;
}

.Subscription-rightt-section {
    margin-left: 0px !important;
}

.Tabination-sec {
    margin-bottom: 10px !important;
}

.footer {
    padding: 25px 10px !important;
}
 .timer-box {
    height: 325px !important;
}
#upcoming p {
    font-size: 14px;
    margin-top: 20px;
}
#completed p {
    font-size: 14px;
    margin-top: 20px;
}

.leftt-hours {
    margin-bottom: 15px !important;
    width: 100% !important;
    text-align: center !important;
}

.monthly_wrapper {
    margin-top: 15px;
}


.service-sec {
    padding: 20px 0px 20px 0px !important;
}

.service-sec-header h2 {
    font-size: 26px !important;
    font-weight: 700 !important;
}
.footer-flex {
    justify-content: flex-start !important;
}

#sidebar-closed {
    width: 7% !important;
}



.timer-box button.btn_box.upgrade_plan {
    max-width: 138px !important;
}

    .detail-box {
      width: 310px;
      & .detail-box-1st {
          width: 180px !important;
          height: 50px !important;
          padding: 12px 0px !important;
      }
      .detail-box-2nd {
          width: 50px !important;
          height: 50px !important;
          padding: 12px 0px !important;
      }
      .detail-box-3rd {
          width: 50px !important;
          height: 50px !important;
          padding: 12px 0px !important;
      }
      .d-flex{
        flex-wrap:wrap !important;
      }
    }

    .Get-Start {
        width: 350px !important;
        height: 100px !important;
        & h2{
          text-align: center;
        }
        p {
          display: none !important;
        }
    }
    .form-inner-sec {
        width: 350px !important;
        & input {
          width: 100% !important;
      }
    }
    .form-btn-sec {
        width: 350px !important;
        padding-bottom: 225px;
    }
    .Overview-detail-box {
      max-width: 285px !important;
      width: 100% !important;
      margin: auto !important;
  }
    .Overview-box-1st, .Overview-box-3rd {
      width: 50px !important;
      height: 50px !important;
      padding: 12px 0px !important;
  }
    .Overview-box-2nd {
      width: 160px !important;
      height: 50px !important;
      padding: 13px 0px !important;
      font-size: 16px !important;
      font-weight: 400 !important;
  }
  .Project-Plan-wraper {
      max-width: 317px !important;
      width: 100%;
      min-height: 68px !important;
      height: auto !important;
      & h2{
        font-size: 30px !important;
      }
  }
    .Project-Plan-btn-sec {
      width: 100% !important;
      margin-top: 10px !important;
      & h3 {
          margin-right: 5px !important;
          width: 100%;
      }
      & button {
          width: 160px !important;
          height: 50px !important;
      }
      img {
        height: 50px !important;
        width: 50px !important;
      }
  }
      .Subscription {
        padding: 40px 30px;
	min-height:260px !important;

    }

    .left-back-box-wrap {
        width: 45% !important;
        display: none;
    }
    .service-box {
      width: 100% !important;
    }
    .service-sec-header {
      padding: 7px !important;
  }
  .tab label {
    width: 145px !important;
    padding: 12px 0px !important;
    border-radius: 60px !important;
    font-size: 14px !important;
}

/*---------payment css-----------*/
.payment-box {
    justify-content: center !important;
  }

  .payment-box-1st, .payment-box-2nd{
    height: 45px !important;
    width: 45px !important;
    padding: 10px !important;
  }
  .project-plan-txtbox {
    & p {
        display: none !important;
    }
    .payment-box-3rd {
        max-width: 187px !important;
        padding: 0px 39px !important;

  }
    .tabs {
      min-height: 410px;
  }
      td {

        width: 250px !important;
        border: 1px solid;
        margin-top: 5px;
    }
    .progress-container p {
        margin: 10px 0px !important;
    }
    .title-box {
      margin: 0px 12px !important;
  }

}
  .user-profile-box2 {
    padding:23px !important;
  }
  .Counter-tab-wrapper2 {
    padding: 15px 15px;
    height: 450px !important;
}
.Counter-tab-wrapper {
    padding: 15px 15px;
}
  .tab-plus-btn {
      width: 40px !important;
      height: 40px !important;
      padding: 7px 0px !important;
  }

  .signup-sec {
    padding-top: 125px;
    min-height: 140px !important;
  }

.service-text-box p{
  font-size: 14px;
  font-weight: 400;
}

.service-box {
    margin: auto !important;
    margin-top: 20px !important;
    background: #fff !important;
    width: 350px !important;
    padding: 10px 0px 10px 0px !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
  .login-inner-sec {
        max-width: 350px !important;
        margin-bottom: 30px;
  }



.Invoices-tbl {
  display: none !important;
}
.billing-details-Secttion {
    padding: 30px 5px 0px 5px !important;
    overflow: hidden !important;

}
 .table2{
        display: block !important;
      }

.message {
    width: 350px !important;
}

.user-name-wrapper2 {
    height: 337px !important;
    padding: 20px 30px !important;
}
.user-name-box2 h2{
  font-size: 26px !important;
  min-height: 214px !important;
}

.copy {
    display: none !important;
}

.timer-box button {
    width: 300px !important;
  }
  #sendotp {
    max-width: 350px;
    width: 100%;
}
  .dropdown-content2 {
      max-height: 115px;
  }
  .dropdown {
      /*display: none !important;*/
      margin-left: 75px;

}
.dashboard-left-menu{
  justify-content: center !important;
}

.announcement-sec {
    padding: 5px 20px !important;
}

.circle-container2 {
    position: absolute !important;
    top: 25px !important;
    right:49px !important;
}
.circle-text span {
    position: absolute;
    top: -16px;
    left: 12px;
    height: 36px;
    font-size: 8px;
    font-weight: 600;
    text-align: center;
    rotate: 30deg;
}
.center-text {
    position: absolute;
    bottom: 6px;
    left: 23px;
    font-size: 9px;
    font-weight: 600;
    text-align: center;
    rotate: 30deg;
}
.circle-text {
    width: 75px !important;
    height: 75px !important;
    border: double 16px transparent;
}

.Analytics-btn {
width: 270px !important;
}

.user-markup2 button{
  width: 222px !important;
}

.user-date2 {
    width: 268px !important;
    margin-top: 10px !important;
}

.user-fullname {
    width: 60% !important;
    margin-top: 6px !important;
    min-height: 150px !important;
}

/*
.fullname-txt {
    position: absolute;
    top: -91px !important;
    width: 85%;
} */

.fullname-txt h2 {
    font-size: 26px !important;
    font-weight: 600;
    line-height: 36px !important;
}
.user-site2 {
    position: relative;
    max-width: 270px !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

.user-name-wrapper2 {
  height: 100% !important;
  justify-content: inherit;
}
.dropbtn2.website-link {
  font-size: 15px;
}
.user-date2 {
    width: 100% !important;
}

.update-card {
    margin-top: 20px !important;
}

.Counter-tab-wrapper2 {
    margin-top: 30px !important;
}

.user-profile-box2 {
    margin-top: 15px !important;
    height: 100% !important;
}
.user-markup2 {
    width: 100% !important;
}
  }



  @media screen and (max-width: 320px) {
    .detail-box {
      width: 350px;
      & .detail-box-1st {
          width: 195px !important;
          height: 55px !important;
          padding: 14px 0px !important;
      }
      .detail-box-2nd {
          width: 50px !important;
          height: 50px !important;
          padding: 14px 0px !important;
      }
      .detail-box-3rd {
          width: 50px !important;
          height: 50px !important;
          padding: 14px 0px !important;
      }
    }

    .Get-Start {
        width: 310px !important;
    }
    .form-inner-sec {
        width: 310px !important;
        & input {
          width: 100% !important;
      }

    }
    .form-btn-sec {
        width: 310px !important;
    }

    .Counter-tab-wrapper2 {
        margin-top: 30px;
    }
  }