@media screen and (min-width: 480px)  
    { 
        .footer {
            position: relative;
            left: 0;
            bottom: 0;
            width: 344%;
            height: 60px;
            background-color: #051b42;
            color: white;
            text-align: center;
            padding-top: 20px;
        }
    }
.changecard-div{
    margin: 25px;
    top: auto;
}
.confirm-row{

    justify-content: center;
    color: hsl(183deg 93% 16%);
}
.plans-modal{
position: absolute;
width: 1000px;
background-color: rgb(255, 255, 255);
height: 550;
margin-left: 24px;
margin-bottom: 73px;
border-radius: 25px;
}

.confirm-modal{
    width: 23%;
    /* position: absolute; */
    background-color: aliceblue;
    border-radius: 21px;
    font-size: 16px;
    padding: 33px;
    top: 250px;
    display: none;
    padding-top: 10px;
    
}
.change-card,
.changejob-confirm,
.planchange-confirm{
    height: 2rem;
    border-radius: 8px;
    width: 7rem;
    background-color: hsl(183deg 93% 16%);
    color: rgb(253, 255, 255);
    font-size: 14px;
    font-weight: 900;
}
.reschedule-button,

.logout-button,
.confirms{
    height: 2rem;
    border-radius: 10px;
    width: 10rem;
    background-color: hsl(183deg 93% 16%);
    color: rgb(253, 255, 255);
    font-size: 12px;
    font-weight: 900;
}
.reshedule-div{
   
    margin-top: 23px;
    padding-left: 0px;
    position: relative;
}

.login-title-div {
    width: 100;
    text-align: center;
    margin-left: 130px;
    font-size: 30px;
    font-weight: bold;
    color: hsl(183deg 93% 16%);
}

.address-div, .textdiv{
    margin-left: 20px;
    font-size: 21px;
    color: hsl(183deg 93% 16%);
    font-weight: bold;
}

.login-button,
.verify-button {
    margin-top: 11px;
    height: 3rem;
    border-radius: 10px;
    width: 13rem;
    background-color: hsl(183deg 93% 16%);
    color: rgb(253, 255, 255);
    margin-left: 270px;
}

.phone-i-e{
    margin-left: 76px;
    border: 1px solid #ccc;
    color: hsl(183deg 93% 16%);
    border-radius: 4px;
    width: 330px;
    height: 54px;
    font-size: 22px;
    text-align: center;
    border-radius: 10px;

}
.zip-i-e {
    margin-left: 132px;
    border: 1px solid #ccc;
    color: hsl(183deg 93% 16%);
    border-radius: 4px;
    width: 330px;
    height: 54px;
    font-size: 22px;
    text-align: center;
    border-radius: 10px;
}

.phone-h-e{
    color: hsl(183deg 93% 16%);
    margin-left: 92px;
    font-size: 26px;
    margin-top: 43px;
}
.zip-h-e {
    color: hsl(183deg 93% 16%);
    margin-left: 92px;
    font-size: 26px;
    margin-top: 43px;

}

.login-phone,
.login-zip {
    display: flex;
    height: 100px;
    width: 100%;
    margin-bottom: 25px;
    
}

.phonei{
    height: 100%;
    
    width: 376px;
   
    margin-top: 30px;
    margin-left: 45px;
}
.zipi {
    height: 100%;
    
    width: 376px;
   
    margin-top: 30px;
    margin-left: 45px;
}

.ziph {
  
}

.sign-img-cover {
    float: left;
}

.button-cover {
    float: left;
    height: 100%;
    width: auto;
    justify-content: center;
}

.inner-all-div {
    background: rgb(247, 244, 244);
    text-align: center;
    border: 0.5mm;
    padding: 20px;
}

.bdiv {
    padding-top: 35px;
}

.loader-img-class {
    padding-left: 49%;
    padding-top: 240px;
}

.loader-img-class-payment {
    padding-top: 260px;
}

.overchild {
    position: absolute;
    top: 10px;
    left: 31px;
    margin-left: 200px;
    width: 80%;
    height: 530px;
    background: rgb(255, 255, 255);
    opacity: 0.8;
    border-radius: 8px;
}

.loader {
   background-color: #80808026;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1000;
}

.prev-slots {
    float: right;
    margin-top: 160px;
    background-color: hsl(171deg 36% 89%);
    border: 0;
    width: 20px;
    height: 25px

}

.next-prev-img{

    height: 33px;
    width: 25px;
}

.prev-slots:hover {
    cursor: pointer;
    transform: scale(1.01);
}

.prev-button-div {
    height: 500px;
    height: 22rem;
}

.next-button-div {
    height: 500px;
    display: inline;
    height: 22rem;
}

.next-slots {
    float: left;
    margin-top: 160px;
    background-color: hsl(171deg 36% 89%);
    border: 0;
    width: 20px;
    height: 25px;



}

.next-slots:hover {
    cursor: pointer;
    transform: scale(1.01);
}

.error-msg {
    width: 100%;
    height: 30%;
}

.plan-details-selected {
    background-color: hsl(171deg 36% 89%);
    border-radius: 15px;
    width: 16rem;
    margin: auto;
    height: 20rem;
    margin-left: 30px;
}

.plan-details {
    margin-left: 100px;
}

.save-signature-btn {
    display: inline;
    width: auto;
}

.summary-over {
    display: flex;
}

.clear-btn {
    display: inline;
    width: auto;
}

.SignatureModal {
    padding: 25px;
    max-width: 100%;
}

.modal-container {
    text-align: center;
    height: 450px;
    width: 750px;
    background-color: #ccc;
    border-radius: 8px;
    position: absolute;
    top: 100px;
    left: 400px;
    transform: translate(-50, -50) scale(0.1);
    position: fixed;
    padding-top: 20px;
}

.open-modal-container {
    visibility: visible;
    top: 100px;
    transform: translate(-50, -50) scale(0.1);
}

.name-text-content-content-bottom {
    height: 95%;
    width: 74.5%;
    float: right;
    border-bottom: ridge 0.5mm #ccc;
    border-right: ridge 0.5mm #ccc;
    border-top: ridge 0.5mm #ccc;
}

.signinput,
.editsigninput {
    width: 8rem;
    height: 90%;
    border: 1;
    border-right: ridge 0.5mm #ccc;
    margin-top: 2px;
    margin-right: 2px;
    margin-left: 2px;
    background-color: rgb(130, 172, 73);
}

.signature-p {
    font-weight: bold;
    font-size: 25px;
}

.signatre-content {
    line-height: 1.5;
}

.signature-div {
    line-height: 1.5;
    width: 100%;
    padding-bottom: 30px;
    text-align: left;
}

.book-div {
    padding-top: 100px;
}

.button-credit-card,
.view-summary {
    width: 100%;
    height: 50px;
    font-weight: bold;
    background-color: rgb(130, 172, 73);
    border: #fff;
}

.button-credit-card:hover {
    cursor: pointer;
    transform: scale(1.01);
}

.recurrent-div {
    text-align: left;
    line-height: 1.5;
    font-weight: bold;
}

.name-text-content {
    height: 97%;
    width: 74.42%;
    float: right;
    border-bottom: ridge 0.5mm #ccc;
    border-right: ridge 0.5mm #ccc;
    border-top: ridge 0.5mm #ccc;
}
.name-text-content-initial{
    height: 75%;
    width: 74%;
    padding-top: 11px;
    width: 74.42%;
    float: right;
    border-bottom: ridge 0.5mm #ccc;
    border-right: ridge 0.5mm #ccc;
    border-top: ridge 0.5mm #ccc;
}

.name-text {
    width: 25%;
    height: 98%;
    background-color: #ccc;
    display: inline;
    float: left;
    font-weight: bold;
    border-bottom: ridge 0.3mm rgb(102, 98, 98);
    border-right: ridge 0.5mm rgb(102, 98, 98);
    border-top: ridge 0.5mm rgb(102, 98, 98);
    border-left: ridge 0.5mm rgb(102, 98, 98);
}

.namefield,
.date {
    width: 100%;
    height: 50px;
    text-align: center;
}

.terms-content,
.recurring-content-div {
    line-height: 1.5;
    text-align: left;
    row-gap: 70px;
    line-height: 1.5;
    height: auto;
}

.card-on-file-div {
    height: 40px;
    padding-top: 80px;
    text-align: left;
    font-weight: bold;
}

.terms-desc-div {
    display: flex;
}

.terms-head {
    height: 50px;
    padding-top: 20px;
    float: left;
    font-size: 25px;
    line-height: 1.5;
    font-weight: bold;
}

.business-name-p,
.recipiant-head {
    font-weight: bold;
}

.user-detail-div {
    padding-left: 250px;
}

.admin-div {
    padding-left: 120px;
}

* {
    font-family: 'Montserrat', sans-serif;
}

.recipiant-name-div {
    width: auto;
    height: 100%;
    display: inline;
    padding-left: 10px;
}

.user-detail-div,
.admin-div {
    width: 30%;
    height: 100%;
    display: inline;
    float: left;
    text-align: left;
    line-height: 1.5;
}

.user-admin-div {
    height: 14rem;
    border-bottom: double rgb(198, 207, 185);
}

.all-div {
    text-align: center;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 120px;
}

.cc-p {
    text-align: center;
    font-family: Courier New;
    font-weight: 900;
    font-size: 29px;
}

.cc-p-div {
    width: 100%;
    border-bottom: double rgb(198, 207, 185);
    text-align: center;
}

.intro-p {
    text-align: center;
    padding-bottom: 20PX;
    font-weight: 600;
    font-size: 17px;
}

.logo-div {
    width: 100%;
    padding-top: 120px;
    text-align: center;
}

.payment-top {
    width: 100%;
    height: 250px;
    background-image: linear-gradient(top, rgb(130, 172, 73), rgb(130, 172, 73) 60%, transparent 60%, transparent 100%);
    background-image: -webkit-linear-gradient(top, rgb(130, 172, 73), rgb(130, 172, 73) 60%, transparent 60%, transparent 100%)
}

.collect-user-details {
    height: 3.5rem;
    border-radius: 10px;
    width: 15rem;
    background-color: hsl(183deg 93% 16%);
    color: rgb(253, 255, 255);
    font-size: 22px;
}

.user-block-container {
    margin-left: 350px;
}

.call--userdetails {
    margin-bottom: 100px;
}

.call-button {
    padding-left: 10px;
}

.call-button-userdetails {
    float: right;
}

.signup-box,
.signup-box-jobselection {
    width: 90rem;
    height: 500px;
}

.user-container {
    text-align: center;
}

.book-slot {
    height: 3rem;
    border-radius: 10px;
    width: 15rem;
    background-color: hsl(183deg 93% 16%);
    color: rgb(253, 255, 255);
    font-size: 22px;
}

.postal {
    height: 40px;
    width: 71%;
    font-size: 22px;
    color: hsl(183deg 93% 16%);
    padding-left: 10px;
}

.card-num-div {
    padding-top: 45px;
}

.postal-div {
    padding: 25px;
    text-align: center;
    width: 50%;
    text-align: left;
    padding-left: 70px;
    padding-top: 85px;
}

.exp-date {
    height: 40px;
    width: 75%;
    font-size: 22px;
    color: hsl(183deg 93% 16%);
    padding-left: 10px;
}

.cvv {
    height: 40px;
    width: 75%;
    font-size: 22px;
    color: hsl(183deg 93% 16%);
    padding-left: 10px;
}

.cvv-exp-div {
    padding: 25px;
    text-align: center;
    padding-top: 55px;
}

.exp-date-div {
    width: 50%;
    display: inline;
    float: left;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.cvv-div {
    width: 50%;
    display: inline;
    float: left;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.card-num {
    width: 80%;
    padding-left: 30px;
    height: 40px;
    font-size: 25px;
    text-align: center;
    color: hsl(183deg 93% 16%);
}

.card-section {
    padding: 25px;
    text-align: center;
}

.payment-container-header h2,
.payment-container-header h1 {
    text-align: center;
}

.payment-container-header h1 {
    font-size: 3rem;
    font-weight: 600;
    float: center;
}

.payment-container-header {
    color: hsl(226deg 43% 19%);
}

.ptag-div {
    padding-top: 0px;
    padding-bottom: 20px;
    font-size: 20px;
    color: rgb(255, 255, 255);
}

.table-div {
    padding-top: 10px;
    width: 100%;
}

.render_search {
    display: flex;
    justify-content: center;
}

.address-submit-div {
    width: 100%;
    padding-top: 10px;
    display: flex;
    justify-content: center;
}

.address-select-button:hover {
    cursor: pointer;
    transform: scale(1.05);
}

.address-select-button {
    height: 3rem;
    border-radius: 10px;
    width: 15rem;
    background-color: hsl(183deg 93% 16%);
    color: rgb(253, 255, 255);
    font-size: 22px;
}

.slot-corner-label-container {
    width: 100px;
    background-color: hsl(226deg 43% 19%);
    color: #fff;
    text-align: center;
    border-radius: 5px;
    height: 40px;
    font-size: 25px;
    font-weight: 600;
}
.noslotp{
    margin-top: 129px;
    margin-left: 276px;
    font-style: italic;
    font-size: 37px;
}

.address-input {
    width: 80%;
    height: 3rem;
    padding-left: 10px;
    border-color: rgb(255, 255, 255);
    font-size: 20px;
    color: hsl(183deg 93% 16%);
}

.address-input-div {
    width: 100%;
    padding-top: 20px;
    padding-left: 10%;
}

.slot-box-date h3 {
    color: #ccc;
}

.slot-selector {
    padding-top: 25px;
}

.slot-select-button {
    border-radius: 6px;
    width: 80%;
    height: 35px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    color: hsl(183deg 93% 16%);
    line-height: 140.8%;
    margin-top: 60px;
}

.slot-layout {
    height: 576px;
    width: 65rem;
    background: hsl(171deg 36% 89%);
    border-radius: 15px;
    margin-left: 200px;
}

.slot-container-layout {
    padding-bottom: 150px;
    width: 100%;
    margin-left:350px;
}

.slot-signup-box {
    width: 90%;
    height: 29rem;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    border-radius: 20px;
    display: flex;
    justify-content: center;
}
.form-input{
    width: 100%;
    height: calc(1.5385em + .875rem + 2px);
    padding: .4375rem .875rem;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5385;
    color: #333;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: .1875rem;
    box-shadow: 0 0 0 0 transparent;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.slot-select-container {
    width: 68%;
    padding: 10px;
    /* position: relative; */
    border-radius: 20px;
}

.slot-container-header h2,
.slot-container-header h1 {
    text-align: center;
}

.slot-container-header h1 {
    font-size: 3rem;
    font-weight: 600;
    float: center;
}

.slot-container-header {
    color: hsl(226deg 43% 19%);
}

.slot-container {
    padding-right: 25px;
    display: flex;
}

.selection-div {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.form-control-address {
    background: #fff;
    border-radius: 0px;
    color: rgb(0, 0, 0);
    text-align: center;
    height: 40px;
        width: 952px;
    font-size: 21px;

    color: hsl(183deg 93% 16%);
}

.form-control {
    background: #fff;
    border-radius: 0px;
    color: rgb(0, 0, 0);
    text-align: center;
    height: 40px;
    width: 80%;
    font-size: 21px;
    padding-bottom: 0;
    color: hsl(183deg 93% 16%);
}

.slot-box {
    height: 18rem;
    background-color: hsl(183deg 93% 16%);
    border-radius: 15px;
    padding: 20px 0;
    padding-top: 20px;
    transition: transform .2s;
    text-align: center;
    width: 15rem;
}

.slot-box:hover {
    cursor: pointer;
    transform: scale(1.05);
}

.plan-box-confirm {
    height: 18rem;
    margin-left: 2rem;
    width: 13rem;
    background-color: hsl(232deg 58% 82%);
    border-radius: 15px;
    transition: transform .2s;
}

.next-userdetails {
    padding-left: 18px;
    width: 60%;
    background-color: hsl(183deg 93% 16%);
    font-size: 25px;
    border-radius: 10px;
    height: 40px;
    margin-top: 25px;
    padding: 0;
    color: #fff;
}

.user-name,
.last-name,
.email,
.user-phone {
    padding: 12px 60px;
    margin: 8px 10px;
    border: 1px solid #ddd;
    color: hsl(183deg 93% 16%);
    border-radius: 9px;
    padding-left: 1rem;
    width: 280px;
    height: 30px;
    font-size: 23px;
}

.error-msg-firstname {
    width: 100%;
    height: 30%;
    margin-top: -15px;
    margin-left: -96px;
    color: red;
}

.leave-details {
    margin-left: 248px;
}

.error-msg-phone {
    width: 100%;
    height: 30%;
    margin-top: -15px;
    margin-left: -80px;
    color: red;
}

.user-deatil-page {
    padding-bottom: 180px;
    width: 100%;
}

.payment-template {}

.sub-div {
    width: 100%;
    height: 6rem;
    padding-top: 1.5rem;
    text-align: center;
    margin-left: 75px;
}

.fillform {
    height: 25rem;
    width: 55rem;
    display: grid;
    background-color: hsl(171deg 36% 89%);
    border-radius: 15px;
    padding: 10px;
    transition: transform .2s;
    align-content: center;
    gap: 10px;
    text-align: center;
    float: left;
}

.container-header-plans {
    margin:auto;
}

.home-cover {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.nav-main {
    padding-left: 10px;
    padding-right: 10px;
}

.container {
    max-width: 94%;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

.logo-cover {
    width: 179px;
    height: 87px;
    margin-top: 36px;
}

.call-btn-userdetails {
    text-align: right;
}

.call-btn {
    background: #eef6fcbd;
    border-radius: 50pc;
    border: none;
    vertical-align: middle;
    display: inline-flex;
    padding: 18px 31px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 140.8%;
    color: #1B3060;
    margin-right: 30px;
    float: right;
    margin-top: 38px;
    position: relative;
    z-index: 100;
}

.call-btn img {
    padding-right: 10px;
}

.signup-box,.signup-box-jobselection {
    width: 50%;
    height: 29rem;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    border-radius: 20px;
    padding-bottom: 50px;
}

.container-header {
    color: hsl(226deg 43% 19%);
    width: 800px;
}

.container-header h1 {
    font-size: 3rem;
    font-weight: 600;
    float: center;
}

.container-sub-header-details {
    width: 50%;
    margin-left: 180px;
}

.container-sub-header,
.container-header h2,
.container-header h1 {
    text-align: center;
}

.fa-phone {
    transform: scaleX(-1);
}

.plan-container {
    display: grid;
    align-content: center;
    grid-template-columns: auto auto auto;
    gap: 10px;
    padding: 10px;
}

.login-box {
    margin-left: 100px;
    height: 19rem;
    width: 647px;
    background-color: hsl(171deg 36% 89%);
    border-radius: 15px;
    padding: 20px 0;
}

.summarybox {
    height: 569px;
    width: 83%;
    background-color: hsl(171deg 36% 89%);
    border-radius: 15px;
    padding: 20px;
    transition: transform .2s;
}

.appoint-details {
    height: 14rem;
    width: 40%;
    
    background-color: hsl(232deg 58% 82%);
    border-radius: 8px;
    padding: 20px 0;
    transition: transform .2s;
}

.summary-plan-box {
    height: 14rem;
    width: 14rem;
    background-color: hsl(232deg 58% 82%);
    border-radius: 8px;
    padding: 20px 0;
    transition: transform .2s;
}

.header-appointment {
    margin-left: 4%;
    color: hsl(183deg 93% 16%);
}

.date-data,
.time-data,
.address-data {
    font-size:17px;
    margin-left: 15px;
    color: hsl(183deg 93% 16%);
    font-weight: 500;
}

.plan-box {
    height: 20rem;
    width: 20rem;
    background-color: hsl(232deg 58% 82%);
    border-radius: 15px;
    padding: 20px 0;
    transition: transform .2s;
}

.plan-box:hover {
    cursor: pointer;
    transform: scale(1.05);
}

.monthly-box {
    background-color: hsl(171deg 36% 89%);
}

.bimonthly-box {
    background-color: hsl(223deg 31% 89%);
}

.quarterly-box {
    background-color: hsl(232deg 58% 82%);
}

.corner-label-container {
    width: 100px;
    background-color: hsl(226deg 43% 19%);
    color: #fff;
    text-align: center;
    border-radius: 5px;
    height: 40px;
    font-size: 25px;
    font-weight: 600;
    padding-top: 10px;
}

.plan-box-header {
    text-align: center;
    padding-top: 1px;
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 30px;
    color: hsl(183deg 93% 16%);
}

.plan-box-amount {
    text-align: center;
    line-height: .8;
}

.plan-box-amount .span-amount {
    font-size: 80px;
    font-weight: bold;
    color: hsl(183deg 93% 16%);
}

.plan-box-amount .span-period {
    font-size: 25px;
    color: hsl(183deg 93% 16%);
}

.plan-box-button .btn-next {
    width: 100%;
    background-color: hsl(183deg 93% 16%);
    font-size: 25px;
    border-radius: 10px;
    height: 65px;
    margin-top: 35px;
    padding: 0;
    color: #fff;
    border: none;
}

.make-payment {
    width: 80%;
    background-color: hsl(183deg 93% 16%);
    font-size: 18px;
    border-radius: 10px;
    height: 30px;
    margin-right: 10%;
    margin-left: 10%;
    margin-top: 15px;
    margin-top: 15px;
    padding: 0;
    color: #fff;
    border: none;
}

.chnage-select {
    width: 70%;
    background-color: hsl(183deg 93% 16%);
    border-radius: 10px;
    height: 3.5rem;
    margin-left: 15%;
    margin-top: 15px;
    margin-right: 20%;
    padding: 0;
    color: #fff;
    font-size: 22px;
    border: none;
}

.change-button {
    width: 48%;
    background-color: hsl(183deg 93% 16%);
    font-size: 18px;
    border-radius: 10px;
    height: 3rem;
    margin-left: 20%;
    margin-top: 15px;
    margin-top: 31px;
    margin-right: 20%;
    padding: 0;
    color: #fff;
    border: none;
}

.btn-next:hover,
.change-button:hover {
    background-color: hsl(183deg 95% 13%);
}

.peronaldetails-summary {
    margin-left:8;
}

.peronaldetails-summary-second {
    margin-left: 110px;
}

.footer {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #051b42;
    color: white;
    text-align: center;
    padding-top: 20px;
}

.bg {
    animation: slide 3s ease-in-out infinite alternate;
    background-image: linear-gradient(320deg, #fff 50%, #d6eaf775 50%);
    bottom: 0;
    left: -50%;
    opacity: .5;
    position: fixed;
    right: -50%;
    top: 0;
    z-index: -1;
}

.content {
    background-color: rgba(255, 255, 255, .8);
    border-radius: .25em;
    box-shadow: 0 0 .25em rgba(0, 0, 0, .25);
    box-sizing: border-box;
    left: 50%;
    padding: 10vmin;
    position: fixed;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
}

h1 {
    font-family: monospace;
}

button {
    border: none;
}

.sq-card-iframe-container{
    height:50px !important;
}



.new-loader{
		position: fixed;
		background-color: #ffffff8f;
		width: 100%;
		height: 100%;
		top:0;
		z-index:999;
	}
	.loader-img{
		margin: auto;
		position: absolute;
		top: 150px;
		left: 770px;
	}
	.new-loader:hover{
		cursor:default;
	}
    .appointment-details-content{
        margin-left: 100px;
        width: 90%;
        background-color: hsl(171deg 36% 89%);
        border-radius: 15px;
        padding: 20px 0;
    }
    .custom-container{
        height:650px;
    }
    .card-change-modal #card-container{
        margin-bottom:0 !important;
    }
<<<<<<< HEAD



.signin-message-div{
    margin-top: 0px;   
    padding-left: 1428px;
 

}



@media only screen and (max-width: 1124px) {
    .signin-message-div{
        margin-top: 0px;   
        padding-left: 656px;
     
    
    }
    .signup-box,.signup-box-jobselection{
        width: 100%;}
        .user-name,
        .last-name,
        .email,
        .user-phone {
            width: 196px;

    }
    .sub-div{    margin-left: 28px;
        margin-left: 28px;
    }
    .user-container{
        margin-left: 0px;
    }
    .user-block-container{
        margin-left: 90px;
    }
    .leave-details{
        margin-left: 152px;
    }
    .plan-details-selected{
        height: 16rem;
    }
    .plan-box-header{
        font-size: 27px;
    }
    .span-period{
        font-size: 15px;
    }
    
    .slot-container-layout{
        margin-left: 0px;
    }
    .slot-layout{
        height: 459px;
        
        

    }
    .slot-selection-medea{
        width: 60rem!important;
    }
    .slot-container-layout-medea{
        margin-left: 118px!important;
    }
    .address-select-button{
        height: 2rem;
        border-radius: 10px;
        width: 10rem;
        background-color: hsl(183deg 93% 16%);
        color: rgb(253, 255, 255);
        font-size: 18px;
    }
    .fillform{
        height: 23rem;
        width: 55rem;
    }
    .address-input{
        width: 80%;
        height: 30px;
    }
    .plan-details-selected-slotselection{
        width: 161px;
        margin-left: 62px!important;
        width: 161px;
        padding-top: 0px;
    }
    .error-msg-firstname{
        margin-left: 0px;
    }
    .error-msg-phone{
        margin-left: 0px;
    }
    .plan-box-amount{ margin-top: -20px!important;
    }
    .slot-box{
        height: 15rem;
    background-color: hsl(183deg 93% 16%);
    border-radius: 15px;
    padding: 20px 0;
    padding-top: 20px;
    transition: transform .2s;
    text-align: center;
    width: 12rem;
    }


  }


  @media only screen and  (max-width: 1600px){
    .phone-i-e{
        width: 280px!important;
    }
    .signin-message-div{
        margin-top: 0px;
    padding-left: 1100px;
     
    
    }
    .signup-box{
        width: 67%;
    }
    .user-block-container{
        margin-left: 205px;
    }
    .slot-container-layout-medea{
        
        width: 89%;
        margin-left: 173px;

    }

    #zip-i-e{
        margin-left: 151px!important;
        width: 284px;
        margin-left: 133px!important;
    }

    
    .signup-box-jobselection{
        width: 67%;
    }
    .plan-details-selected-slotselection{
    background-color: hsl(171deg 36% 89%);
    border-radius: 15px;
    width: 13rem;
    height: 19rem;
    position: absolute!important;
    margin-left: 1063px!important;
    margin-top: 174px!important;
    }
    .plan-details-selected{
        background-color: hsl(171deg 36% 89%);
        border-radius: 15px;
        width: 13rem;
        margin: auto;
        height: 19rem;
        margin-left: 30px;
    }
   
    .prev-slots{
        margin-left: 153px!important;
    }

    .modal-container{
        top: 75px;
    left: 332px;
    }
    .corner-label-container{
        margin-left: 12px;
    }
    .container-header-plans{
        margin-left: 352px!important;
    }
    .signup-box-jobselection{
        margin-bottom: 124px;
        margin-top: -108px;
    }
    .user-block-container{
        margin-left: 205px;
        margin-top: -104px;
        margin-bottom: -54px;
    }
    .corner-label-container-userdetails{
        margin-left: 3px;
        margin-bottom: 10px;
    }
    .loader-img-class-payment{
        margin-left: 583px!important;
    }
    #planname-a-a{
        margin-top: 13px!important;
        font-size: 30px;
    }
    #planname-a-a-a{
        margin-top: 13px!important;
        font-size: 30px;
    }
    p
    .plans-modal-userdetails-medea{
        top: 99px!important;
        margin-left: 53px!important;
        height: 496px!important;
        width: 834px!important;
    }
    .plan-box-userdetails-nedea{
        height: 19rem;
        width: 16rem;
    }
    .close-plans-userdetails-medea{
        padding-left: 785px!important;
        margin-top: 5px!important;
    }
    .plans-modal-slotselection-medea{
        top: 99px!important;
        margin-left: 104px!important;
        height: 496px!important;
        width: 834px!important;

    }
    .plan-box-slotselection-medea{
        height: 19rem!important;
        width: 16rem!important;

    }
    .close-plans-slotselection-medea{
        padding-left: 796px!important;
    }
    .loader-img{
        left: 40%!important;
    }
    .appointment-details-content{
        width: 95%!important;
    }
    .prev-slots-signup-mediea{
        margin-left: 97px!important;
    }
    .next-slots-dashboard-medea{
        margin-left: 946px!important;
    }
    .prev-slots-dashboard-medea{
        margin-left: 103px!important;
    }
    .freetime-list{
        padding-left: 177px!important;
    }
    .logout-button{
        margin-left: 1192px!important;
    }
    .loader-img-class-payment-medea{
        margin-left: -49px!important;
    }
    .summarybox{
        width: 584px!important;
        padding-left: 54px!important;
    }
    .ordersummary{
        margin-left: 395px!important;
    }
    .corner-label-container-medea{
        margin-left: 3px!important;
        margin-bottom: 10px!important;

        
    }
    .next-slots-signup-mediea{
        margin-left: 977px !important;
        position: absolute!important;
    }
    .inner-content{
        margin-left: -97px!important;
    }
    .plans-modal-dashboard-medea{
        margin-left: -192px!important;

        margin-top: -1088px!important;
    }
    .jobchange-modal-medea{
        margin-left: -76px!important;
        top: 102px!important;
    }
    .card-change-modal{
        left: 363px!important;
        margin-top:-975px!important;
    }
    .confirm-modal{
        left: 516px!important;
    }
    .close-button-confirm{

    margin-left: 348px!important;
    }
    .over-all-view{
        height: 1027px;
    }
    .job-change-confirm-modal{

    left: 460px!important;
    }
    .base-search-result{
        margin-left: 46px!important;
    }
    .updatebill-button{
        margin-left: 449px !important;
        margin-top: -53px !important;
       
    }
    .dashboard-box{
        height: 718px;
    }
    .plans-userdetails-medea-for1600{
        width: 834px!important;
        top: 143px!important;
    }
    .blure{
        
    }
    .login-box{
        width: 776px!important;
        margin-left: 120px;
    }
    
}


@media only screen and (max-width: 1440px){
    .login-button{
        margin-left: 327px;
    }
    .plans-modal-dashboard-medea{
        margin-top: -1137px !important;
    }
    
    .next-slots-dashboard-medea{
        margin-left: 926px !important;
    }
    
    .slot-container-layout-medea{
        margin-left: 147px;
    }
    .address-input-dashboard{
        width: 785px !important;
    }
    
    .plan-details-selected{
        margin-left: 22px !important;
    }
    .plans-modal-dashboard-medea{
        margin-top: -876px!important;
    }
   
    .card-change-modal{
        margin-top: -876px!important;
    }
    .jobchange-modal-medea{
        top: 171px!important;
    }
    .close-button-confirm{
        margin-left: 328px!important;
    }
    .plan-details-selected-slotselection{
        margin-left: 1022px !important;
    }
    .next-slots-signup-mediea{
        margin-left: 977px !important;
        position: absolute!important;
    }
    .slot-selection-medea{
        width: 63rem!important;
    }
    .name-text{
        height: 97%;
    }
    .zip-i-e{
        margin-left: 135px!important;
    }
    .login-box{
        width: 647px;
    }
    

    
    }

@media only screen and (max-width: 1388px){
    .slot-container-layout-medea{
        margin-left: 101px!important;
    }
    .appointment-details-content{
        width: 93%!important;
    }
    }


@media only screen and (max-width: 1348px){
    .container-header{
        margin-left: 275px !important;
    }
        .slot-container-layout-medea{
            
            margin-left: 101px!important;
        }
        .user-block-container{
            margin-left: 84px!important;
        }
    }

@media only screen and (min-width: 1020px) and (max-width: 1050px){
        .user-block-container{
            margin-left: 23px!important;
        }

        .plans-userdetails-medea-for1600{
            top: 72px!important;
        }
        .slot-container-layout-medea{
            margin-left: 12px !important;
        }
        .plans-modal-slotselection-medea{
            margin-left: 100px !important;
            top: 39px !important;
        }
        .prev-slots-signup-mediea{
            margin-left: -7px !important;
        }
        .all-div{
            margin-left: 0px; 
            margin-right: 0px;
        }
        .signin-message-div{
            padding-left: 657px!important;
        }
        .signup-box{
            width: 98%!important;
        }
        .signup-box-jobselection{
            width: 100%!important;
        }
        
    }
        
        
    
@media only screen and (max-width: 1200px){
    .loader-img-class-payment{
        margin-left: 408px !important;
    }
    .plans-modal-slotselection-medea{
        margin-left: -1px !important;

    }
    .plans-modal-userdetails-medea{
        width: 833px!important;
        top: 200px;
    }

    .signin-message-div{
        padding-left: 801px!important;
    }
    .container-header{
        margin-left: 180px !important;
    }
    .signup-box{
        width: 85%;
    }
    .signup-box-jobselection{
        width: 84%;
    }
    .user-container{
        margin-left: 11px;
    }
    .fillform{
        width: 49rem;
    }
    .last-name,.user-name,.user-phone,.email{
        width: 240px;
    }
    .slot-selection-medea{
        width: 54rem !important;
        
    }
    .slot-container-layout-medea{
        margin-left: 98px ;
    }
    .plan-details-selected-slotselection{
        margin-left: 878px !important;
    }
    .slot-box{
        height: 16rem!important;
        width: 13rem!important;
    }
    #exact-date{
        font-size: 12px !important;
    }
    #slot-selector{
        font-size: 13px!important;
    }
    .slot-select-button{
        font-size: 14px; 
    }
    .address-input{
        height: 24px;
        font-size: 15p
    }
    #address-submit{
        height: 2rem!important;
        border-radius: 10px!important;
        width: 12rem!important;
        font-size: 19px!important;
    }
    .base-search-result{
        margin-left: 5px !important;
    }
    .span-amount-jobs{
        margin-left: 66px!important;
        font-size: 70px!important;
    }
    .span-amount-medea{
        margin-top: 102px!important;
    }
    .next-slots-signup-mediea{
        margin-left: 846px !important;
        position: absolute!important;
    }
    .prev-slots-signup-mediea{
        left: 44px!important;
    }
    .name-text{
        height: 97%;    
    }
    .leave-details{
        margin-left: 220px!important;
    }
    .modal-container{
        left: 207px!important;
    }
    .ordersummary{
        margin-left: 227px !important;
    }
    .appointment-details-content{
        margin-left: 31px!important;
        width: 88%!important;
    }
    /* .plan-details-selected{
        margin-left: -89px !important;
    } */
    .form-control-address{
        width: 699px !important;
    }
    .plan-details-selected-dashboard{
        width: 12rem!important;
        height: 17rem!important;
    }
    .updatebill-button{
        margin-left: 439px!important;
        margin-top: -50px!important;
       
    }
    #planname-a-dashboard{
        font-size: 30px!important;
    }
    .plan-details-selected-dashboard{
        height: 17.5rem !important;
    }
    .dashboard-box{
        width: 88% !important;
    }
    .next-slots-dashboard-medea{
        margin-left: 878px !important;

    }
    .prev-slots-dashboard-medea{
        left: -98px !important;
    }
    .next-slots-dashboard-medea{
        margin-top: -194px!important;
    }
    .card-change-modal{
        margin-top: -1001px !important;
        left: 288px !important;
    }
    .plans-modal-dashboard-medea{
        margin-top: -1068px !important;
        margin-left: -291px !important;
    }
    .jobchange-modal-medea{
        top: 98px !important;
        margin-left: -183px !important;
    }
    #span-period-insect-rodents{
        margin-left: 47px!important;
    }
    .planname-a-dashboard{
        font-size: 30px!important;
    }
    .confirm-modal{
        width: 36%!important;
        left: 348px !important;
    }
    .close-button-confirm{
        margin-left: 430px !important;
    }
    .chnage-select-dashbrd{
        margin-left: 16%!important;
        height: 3rem;
    }
    .loader-img-class-payment-dashboard{
        margin-left: 460px !important;
    }
    .logout-button{
        margin-left: 887px !important;
    }
    .plan-details-selected-userdetails{
        margin-left: 14px !important;
    }
    .plan-details-selected-slotselection{
        margin-left: 879px !important;
    }
    .appointment-details-content{
        width: 99% !important;
    }
    .job-change-confirm-modal{
        left: 391px !important;     
        margin-top: -1006px;
    }

}


/* @media only screen and (max-width: 1280px){
    .signin-message-div{
        padding-left: 776px;
    }
    .signup-box{
        width: 71%;
    }
    .signup-box-jobselection{
        width: 78%;
    }
    .slot-selection-medea{
        width: 59rem !important;
    }
    .plan-details-selected-slotselection{
        margin-left: 957px !important;
    }
    .base-search-result{
        margin-left: -4px !important;
    }
    .next-slots-signup-mediea{
        margin-left: 846px !important;
        position: absolute!important;
        margin-left: 925px !important;
    }

    .prev-slots-signup-mediea{
        margin-left: 27px;
    }
    .plans-modal-slotselection-medea{
        margin-left: 69px !important;
    }
    .loader-img-class-payment{
        margin-left: 468px !important;
    }
    .name-text{
        height: 97%;
    }
    .address-input{
        height: 28px;
    }
    #address-input{
        width: 731px !important;
    }
    .appointment-details-content{
        width: 91%!important;
    }
    .plan-details-selected-dashboard{
        width: 14rem!important;
        margin-left: -3px !important;
    }
    .plans-modal-dashboard-medea{
        margin-top: -1041px !important;
        margin-left: -219px !important;
    }
    .next-slots-dashboard-medea{
        margin-left: 876px !important;
    }
    .jobchange-modal-medea-dashboard{
        top: 136px !important;
        margin-left: -138px !important;
    
    }
    .chnage-select-dashbrd{
        margin-left: 15%;
    }
    .prev-slots-dashboard-medea{
        left: -48px !important;
    }
    .card-change-modal{
        margin-top: -971px !important;
        left: 300px !important;
    }
    .confirm-modal{
        width: 30%;
        left: 386px !important;
    }
    .close-button-confirm{
        margin-left: 382px !important;
    }
    .updatebill-button{
        margin-left: 423px !important;
    }
    .logout-button{
        margin-left: 956px !important;
    }
} */


@media only screen and (max-width: 1114px){
    .plan-details-selected-slotselection{
    width: 51rem !important;
    }
    .slot-selection-medea{
        width: 48rem !important;
    }
    
    #address-input{
        width: 608px !important;
    }
    .slot-selection-medea{
        height: 503px;
    }
    .base-search-result{
        margin-left: -40px !important;
    }
    .next-slots-signup-mediea{
        margin-left: 846px !important;
        position: absolute!important;
    }
    .plan-details-selected-slotselection{
        margin-left: 787px !important;
        width: 13rem !important;
    }
    .next-slots-signup-mediea{
        margin-left: 748px !important;
    }
    .prev-slots-signup-mediea{
        margin-left: 61px ;
    }
    .plans-modal-slotselection-medea{
        width: 800px !important;
        height: 458px !important;
        margin-left: -62px;
        top: 162px;
    }
    .bimonthly-box plan-box-slotselection-medea{
        height: 17rem !important;
    }
    .btn-slotselection-medea{   
        margin-top: 16px;
    }   
    .close-plans-slotselection-medea{
        padding-left: 763px !important;
    }
    .user-detail-div{
        padding-left: 166px;
    }
    .loader-img-class-payment-medea{
        margin-left: 23px !important;
    }
    .plan-details-selected-dashboard{
        width: 12rem !important;
        margin-left: -50px !important;
    }
    .plans-modal-dashboard-medea{
        height: 459px!important;
        width: 815px!important;
        left: 327px!important;
    }
    .close-plans-dashboard-media{
        padding-left: 785px !important;
    }
    .plans-userdetails-medea-for1600{
        height: 464px!important;
    }
    .card-change-modal{
        margin-top: -1015px !important;
        left: 233px !important;
      
    }
    .insects-rodents-button-dashboard{
        margin-top: 2px!important;
    }
    .jobchange-modal-medea-dashboard{
        margin-left: -203px !important;
    }
    .job-change-confirm-modal{
        left: 328px !important;
    }
    .next-slots-dashboard-medea{
        margin-left: 807px !important;
    }
    .prev-slots-dashboard-medea{
        left: -105px !important;
    }
}


@media only screen and (min-width: 2048px){

    .signup-box{
        margin-top: 145px;
    }
    .user-block-container{
        margin-left: 464px;
    }
    .plans-userdetails-medea-for1600{
        margin-left: -9px;
    }
    .slot-container-layout-medea{
        margin-left: 414px;
    }
    .plan-details-selected-slotselection{
        margin-left: 28px!important;
        top: 542px!important;
    }
    .next-slots-signup-mediea{
        position: relative;
        margin-left: -84px!important;
    }
    .blure{
        height: 1165px!important;
    }
    .modal-container{
        top: 741px!important;
        left: 626px!important;
    }
    .prev-slots-signup-mediea{
        margin-left: 339px!important;
    }
    .summarybox{
        width: 65%!important;
    }
    .ordersummary{
        margin-left: 590px!important;
        margin-right: 456px!important;
    }
    .plans-modal-dashboard-medea{
        left: 502px!important;
        margin-top: -570px!important;
    }
    .jobchange-modal-medea-dashboard{
        margin-left: 195px!important;
        top: 332px!important;
    }
    .card-change-modal{
        left: 682px!important;
        margin-top: -475px!important;
    }
    .confirm-modal{
        top: 30%!important;
        left: 670px!important;
    }
    }



    @media only screen and (min-width: 2160px){

        .next-slots-signup-mediea{
            margin-left: -161px!important;
        }
        .loader-img-class-payment{
            padding-top: 549px!important;
            margin-left: 830px!important;
        }
        .login-button-loginpage{
            margin-left: 361px!important;
        }
        .loader-img-loginpage{
            top: 606px!important;
        }
        .verify-button{
            margin-left: 370px;
        }
        .plan-details-selected plan-details-selected-dashboard{
            margin-left: -300px!important;
        }
        .selected-plan {
            margin-right: 358px !important;
        }
        .appointment-details-content{
            margin-left: 189px!important;
        }
        .updatebill-button{
            margin-left: 446px!important;
margin-top: -48px!important;  
        }
        .insects-rodents-button-dashboard{
            margin-top: 17px;
        }
        .job-change-confirm-modal{
            left: 794px!important;
            margin-top: -531px!important;
        }
        .close-button-confirm{
            margin-left: 490px;
        }

    }

    @media only screen and (min-width: 2224px){
        .reshedule-div{
            padding-left: 322px;
        }
        .signup-box-jobselection{
            width: 46%;
        }
        
        .next-slots-signup-mediea{
            margin-left: -114px !important;
        }

        .slot-container-layout-medea{
            margin-left: 573px!important;
        }
        .user-container{
            margin-left: 143px!important;
        }
        .plan-details-selected-slotselection{
            position: absolute!important;
            margin-left: 1091px !important;
            top: 644px !important;
        }
        .prev-slots-signup-mediea{
            margin-left: 510px !important;
        }
        .loader-img-class-payment{
            margin-left: 981px !important;
        }
        .close-button-confirm{
            margin-left: 535px!important;
        }
        .prev-slots-dashboard-medea{
            margin-left: 103px!important;
        }
    }
    @media only screen and (min-width: 2231px){
        .signin-message-div{
            padding-left: 2215px;
        }
        .signup-box{
            width: 39%;
        }
        .signup-box-jobselection{
            width: 37%;
        }
        .user-block-container{
            margin-left: 680px!important;
        }
        .slot-container-layout-medea{
            margin-left: 747px !important;
        }
        .next-slots-signup-mediea{
            margin-left: -327px !important;
        }
        .prev-slots-signup-mediea{
            margin-left: 671px !important;
        }
        .loader-img-class-payment{
            margin-left: 1154px !important;
        }
    }


@media only screen and (min-width: 2388px){

    .signin-message-div{
        padding-left: 1592px;
    }
    .signup-box-jobselection{
        width: 42%;
    }
    .user-block-container{
        margin-left: 507px !important;
    }
    .slot-container-layout-medea{
        margin-left: 597px !important;
    }
    .prev-slots-signup-mediea{
        margin-left: 541px !important;
    }
    .next-slots-signup-mediea{
        margin-left: -207px !important;
    }
    .change-job{
        margin-left: -317px!important;
    }
}

@media only screen and (min-width: 2732px){
    .signin-message-div{
        padding-left: 1898px;
    }
    .signup-box-jobselection{
        width: 37%;
    }
    .signup-box-jobselection{
        margin-left: 743px!important;
    }
    .user-block-container{
        margin-left: 647px !important;
    }
    .slot-container-layout-medea{
        margin-left: 712px !important;
    }
    .next-slots-signup-mediea{
        margin-left: -351px !important;
    }
    .prev-slots-signup-mediea{
        margin-left: 634px !important;
    }
    .plans-modal-dashboard-medea{
        left: 685px !important;
        margin-top: -527px !important;
    }
    .jobchange-modal-medea-dashboard{
        margin-left: 489px !important;
        top: 413px !important;
      }
      .job-change-confirm-modal{
        left: 1002px !important;
      }
      .card-change-modal{
        left: 951px !important;
      }
      .confirm-modal{
        left: 888px !important;
      }
      .close-button-confirm{
        margin-left: 617px !important;
      }
      .logout-button{
        margin-left: 2309px!important;
      }
    }

    @media (max-width: 940px) {
        .loader-img-class-payment-slotselection{
            margin-left: 351px !important;
        }

        .reshedule-div{
            position: relative!important;
            width: 900px!important;
            top: -47px !important;
        }
      
        .call-btn{
            left: 700px!important;
            top: -98px!important;
            left: 470px !important;
        }
        .signin-message-div{
            margin-left: -269px !important;}
        .signup-box-medea{
            margin-left: 13px !important;
        }
        .plan-box{
            width: 16rem!important;
            
        }
        .container-header{
            margin-left: 65px !important;
        }
        .container-header{
            margin-top: 144px!important;
        }
        .signup-box-jobselection{
            width: 98% !important;
            margin-left: 10px!important;
        }
        .plan-details-selected-userdetails{
            position: absolute!important;
            margin-top: 426px!important;
            margin-left: 9px !important;
        }
        .user-block-container{
            margin-left: 35px !important;
        }
        .container-header{
            margin-bottom: 89px!important;
        }
        .plan-box-header{
            font-size: 30px;
        }
        #insects-rodents-button{
            position: absolute!important;
            width: 260px!important;
            margin-top: -1px!important;
        }
        /* .blure{
            height: 100%!important;
        } */
        .plans-userdetails-medea-for1600{
            margin-left: -70px;
            top: 630px !important;
            z-index: 999!important;
        }
        .plan-details-selected-slotselection{
            margin-left: 9px !important;
            margin-top: 532px !important;
        }
        .slot-container-layout-medea{
        margin-left: 74px !important;
        margin-top: -151px!important;
        }
        .next-slots-signup-mediea{
            margin-left: 739px !important;
        }
        /* .prev-slots-signup-mediea{
            margin-left: 20px !important;

        } */
        .loader-img-class-payment{
           
            padding-top: 801px!important;
        }
        .blure{
            height: 1627px!important;
            width: 1427px!important;
            margin-left: -90px!important;
            z-index: 800!important;
        }
        .plans-modal-slotselection-medea{
            margin-left: -42px !important;
            top: 692px !important;
            z-index: 900!important;

        }
        .inner-all-div{
            
        }
        .all-div{
            text-align: center;
            margin-left: 0px!important;
            margin-right: -500px!important;
            margin-bottom: 120px;
            margin-top: -166px!important;
        }
        .name-text-content-initial{
            height: 74%;
            width: 73.42%;
        }
        .name-text-content{
            width: 73.42%!important;
        }
        .name-text-content-content-bottom{
            width: 73.5%!important;
        }
        .modal-container{
            left: 57px !important;
            margin-top: 700px;
        }
        .login-title-div{
            margin-top: 297px!important;
        }
        .phone-i-e{
            width: 230px!important;
        }
        .modal-container{
        position: fixed!important;
        }
        .prev-slots-signup-mediea{
            margin-left: 60px!important;
        }
    }
    
    @media only screen and (max-width: 1080px){
        .terms-desc-div{
            margin-top: 13px!important;
        }
        .loader-img-loginpage{
            top: 709px!important;
        }
        .phone-i-e{
            width: 230px!important;
        }
        .login-title-div{
            margin-top: 157px!important;
        }
        .login-button-loginpage{
            margin-left: 240px!important;
        }
        .zip-i-e{
            width: 230px!important;
            margin-left: 130px !important;
        }
        .selected-plan{
            position: absolute!important;
            margin-left: 106px !important;
            margin-top: 1097px !important;

        }
        .dashboard-box{
            width: 100% !important;
            margin-left: 54px;
            height: 687px;
            margin-top: 356px!important;
        }
        .appointment-details-content{
            width: 96% !important;
            margin-left: -10px !important;
        }
        .next-slots-dashboard-medea{
            margin-left: 824px !important;
            margin-top: -309px !important;
        }
        .prev-slots-dashboard-medea{
              left: -146px !important;
              margin-top: 22px!important;
}
        
        .plans-modal-dashboard-medea{
            margin-top: -670px !important;
            margin-left: -242px !important;
        }
        .jobchange-modal-medea-dashboard{
            top: 514px !important;
            margin-left: -289px !important;
        }
        .plan-box-header-dashboard-job{
            font-size: 33px!important;
        }
        .job-change-confirm-modal{
            margin-top: -366px!important;
        }
        .confirm-modal{
            margin-top: 654px !important;
            left: 270px !important;
        }
        .logout-button{
            margin-left: 713px !important;
        }
        .loader-img-class-payment-dashboard{
            margin-left: 380px !important;
            padding-top: 690px!important;
        }
        .card-change-modal{
            left: 165px !important;
            margin-top: -418px !important;
        }
        .address-input-dashboard{
            width: 691px !important;
        }
        .ordersummary{
            margin-left: 136px !important;
            margin-top: 258px;
        }   
        .close-button-confirm{
            margin-left: 338px !important;
        }
    .user-admin-div{
        height: 18rem!important;
    }
    .login-box{
        width: 700px!important;
        margin-left: 64px!important;
    }
    }
@media only screen and (max-width: 780px) and (min-width: 760px){

    .logout-button{
        margin-bottom: 0px;
    }
    .plan-box{
        width: 14rem!important;
    }
    .container-header{
        
    margin-left: 51px !important;

        width: 610px!important;
    }
    .call-btn{
        left: 64px !important;
        top: -7px!important;
        margin-right: 0px!important;
    }
    .reshedule-div{
        width: 773px!important;

        right: 43px!important;

    }
    #insects-rodents-button{
        width: 227px!important;
    }
    .span-amount-jobs{
        margin-left: 45px!important;
    }
    #span-period-insect-rodents{
        margin-left: 24px!important;
    }
    .user-block-container{
        margin-left: -30px !important;
    }
    .txt-field-usrdetls{
        width: 227px!important;
    }
    .fillform{
        width: 44rem!important;
    }
    .plans-userdetails-medea-for1600{
        margin-left: -12px!important;
        top: 30px !important;
        width: 701px!important;
    }
    .close-plans-userdetails-medea{
        padding-left: 668px!important;
    }
    .user-deatil-page{
        padding-bottom: 589px!important;
    }
    .slot-selection-medea{
        width: 40rem !important;
    }
    .slot-container-layout-medea{
        margin-left: 48px !important;
    }
    #address-input{
        width: 504px !important;
    }
    .slot-box{
        height: 14rem!important;
        width: 10rem!important;
    }
    #address-submit{
        width: 10rem!important; 
    }
    .next-slots-signup-mediea{
        margin-left: 604px !important;
    }
    .prev-slots-signup-mediea{
        margin-left: 23px !important;
    }
    .slot-container-layout-medea{
        padding-bottom: 480px;
    }
    .plans-modal-slotselection-medea{
        top: 82px !important;
        width: 741px !important;
    }
    .close-plans-slotselection-medea{
        padding-left: 691px !important;
    }
    .loader-img-class-payment-slotselection{
        padding-top: 229px!important;
        margin-left: 259px !important;
    }
    .all-div{
        width: 754px!important;
    }
    .admin-div{
        padding-left: 96px;
    }
    .terms-desc-div{
        display: block!important;
        text-align: initial!important;
    }
    .modal-container{
        left: 10px !important;
        margin-top: 0px!important;
    }
    .loader-img-class-payment-medea{
        padding-top: 301px!important;
    }
    .loading-login{
        height: 1300px!important;

    }
    .loader-img-class-payment-dashboard{
        padding-top: 282px!important;
    }
    .jobchange-modal-medea-dashboard{
        top: 138px !important;
    }
    .txt-login{
        margin-top: -310!important;
    }

}


@media only screen and  (min-width: 1600px){
    #phone-i-e{
        width: 258px;
    }
    #zip-i-e{
        width: 262px;
    }
    .appointment-details-content{
        width: 105!important;
    }
    .next-slots-dashboard-medea{
        margin-left: 1005px!important;
    }
    .plans-userdetails-medea-for1600{
        top: 198px!important;
    }
    .plan-details-selected-slotselection{
        margin-left: 107px;
    }
    .plans-modal-slotselection-medea{
        top: 216px!important;
    }
    .next-slots-signup-mediea{
        margin-left: -43px!important;
    }
    .login-box{
        width: 700px!important;
        margin-left: 120px;
    }


}
/* @media only screen and (min-width: 1025px) and (max-width: 1023px){

    .signup-box{
            margin-left: 3px;}
} */
    
    /* .signup-box-medea{
        margin-left: 63px !important;}
        .container-header{
            margin-left: 129px !important;
        }
        .container{
            max-width: 72%!important;
        }
        .call-btn{
            top: -11px!important;
            left: 346px !important;
        }
        .signin-message-div{
            margin-left: -206PX!important;
        }
        .signup-box-jobselection{
                margin-left: 64px!important;
        }
        .plans-userdetails-medea-for1600{
            top: 194px !important;
            margin-left: -47px;
        }
        .plans-modal-slotselection-medea{
            top: 201px !important;
            margin-left: -14px !important;
        }
        .loader-img-class-payment-slotselection{
            padding-top: 340px!important;
        }
        .all-div{
            width: 922px!important;
        }
        .modal-container{
            margin-top: 0px;
            left: 91px !important;}

        .loader-img-class-payment-medea{
            padding-top: 199.5px !important;
        }
        .ordersummary{
            margin-top: -91px!important;
        }
        .login-box{
            width: 628px!important;
        }
        .phone-i-e{
            margin-left: 51px!important;
        }
       .login-title-div{
        margin-top: 169px !important;
       }
       .container-login{
        max-width: 100% !important;
       }
       .login-title-div{
        margin-right: 0px;
        margin-right: -281px;
       }
       .txt-login{

       }
       .loader-img-loginpage{
        top: 218px !important;
       }
       .loading-login{
        width: 140%!important;
        height: 157%!important;
       }
       .zipi{
        margin-left: -14px;
       }
       .error-phone{
        margin-left: 94px!important;
       }
       .error-otp{
        margin-left: 286px!important;
       }
       .verify-button{
        margin-left: 230px;
       } */



/* @media only screen and (min-width: 1920px){
    #zip-i-e{
        width: 325px!important;
    }
    /* .signin-message-div{ */
        /* padding-left: 1285px;
    } */

/* @media only screen and (max-width: 1203px){
    .container-header{
        margin-left: 544px !important;
    }
} */

/* @media only screen and (max-width: 1080px){

    .call-btn{
        margin-right: -48px;
        
    }
    .container-header{
        margin-left: -19px !important;
        width: 667px!important;
    }
    .plan-box-header{
        font-size: 17px!important;
    }
    .span-amount{
        font-size: 51px!important;
    }
    .span-period{
        font-size: 13px!important;
    }
    .plan-box{
        height: 10rem!important;
        width: 10rem!important;
    }
    .btn{
        height: 45px!important;
        margin-top: 8px!important;
        font-size: 16px!important;
    }
    .corner-label-container{
        height: 30px;
        font-size: 15px;
        width: 63px;
    }
    .signup-box{
        width: 81% !important;
    }
    .signin-message-div{
        padding-left: 319px !important;
    }

    .span-amount-jobs{
        font-size: 30px !important;
        margin-left: 42px !important;
    }
    #span-period-insect-rodents{
        margin-left: 37px !important;
        margin-top: 24px!important;
    }
    .span-amount-jobs{
        margin-top: 45px;
    }
    .span-amount-medea{
        font-size: 11px!important;
        margin-top: 59px !important;
    }
    .span-amount-medea-i-r{
        margin-top: 36px !important;
    }
    .span-period-jobs{
        margin-top: -66px!important;
    }
    .span-period-jobs-r-i{
        margin-top: -88px;
    }
    .txt-field-usrdetls{
        width: 114px !important;
        height: 14px;
        font-size: 13px;
    }
    .leave-details{
        margin-left: 111px !important;
    }
    .user-block-container{
        margin-left: 45px !important;
    }
    .sub-div{
        padding-top: 0rem;
        height: 4rem!important;
        margin-left: 8px!important;
        
    }
    .fillform{
        height: 15rem;
        width: 35rem;
    }
    #collect-user-details{
        height: 2.3rem;
        width: 8rem;
        font-size: 16px!important;
    }




    #planname-a-a-a{
        font-size: 18px;
    }
    .span-amount-a-a-a{
        font-size: 32px !important;
    }
    .chnage-select{
        width: 56%;
        height: 1.5rem;
        font-size: 13px;
    }
    .plan-details-selected-userdetails{
        height: 13rem;
    }
    .error-txt{
        font-size: 11px!important;
    }
    .plans-userdetails-medea-for1600{
        margin-left: -7px;
        width: 466px !important;
        top: 325px !important;
        height: 263px !important;
    }
    .span-amount-useretails-modal{
        font-size: 32px !important;
    }
    .btn-userdetail-modal{
    
        height: 36px !important;
        margin-top: 35px !important;
        font-size: 13px !important;
    }
    .collect-user-details{
        font-size: 16px;
    }
    .close-plans-userdetails-medea{
        margin-left: 412px !important;
        padding-left: 0px!important;
    }
    .slot-selection-medea{
        width: 28.5rem !important;
        height: 450px!important;
    }
    .slot-container-layout-medea{
        margin-left: 22px !important;
    }
    #address-input{
        width: 364px !important;
    }
    .slot-box{
        height: 13rem !important;
        width: 8rem !important;
    }
    #address-submit{
        width: 8rem !important;
    }
    #slot-selector{
        height: 30px!important;
        width: 80%!important;
        font-size: 12px !important;
    }
    #slot-select-button{
        height: 30px!important;
        margin-top: 31px!important;
    }
    .before-slotbox{
        margin-left: -17px;
    }
    .base-search-result{
        margin-left: -42px !important;
    }
    .exact-date{
        font-size: 13px !important;
    }
    .next-slots-signup-mediea{
        margin-left: 444px !important;
    }
    .prev-slots-signup-mediea{
        margin-left: -4px !important;
    }
    .noslotp{
        margin-left: 39px;
    }
    .loader-img-class-payment{
        margin-left: 200px !important;
    }
    .planname-a-a-modal-slotselect{
        font-size: 20px!important;
    }
    .span-amount-modal-slotselect{
        font-size: 45px !important;
    }
    .plan-details-selected-slotselection{
        height: 13rem!important;
        margin-left: 474px !important;
        width: 8rem !important;
        margin-left: 469px !important;
    }
    .plans-modal-slotselection-medea{
        width: 441px !important;
        height: 310px !important;
        margin-left: 34px !important;
        top: 228px !important;
    }
    .close-plans-slotselection-medea{
        margin-left: -360px;

    }
    .cc-p{
        font-size: 13px;
    }
    .business-name-p{
        font-size: 15px;
    }
    .all-div{
        margin-left: -3px!important;
        margin-right: -3px!important;
     
    }
    .admin-div{
        padding-left: 35px;
    }
    .user-admin-div{
        height: 17rem!important;
    }
    .terms-desc-div{
        margin-top: 16px!important;
    }
    .name-text{
        font-size: 10px!important;
    }
    .signinput{
        font-size: 10px!important;
    }
    .modal-container{
        padding-top: 20px!important;
        height: 450px!important;
        width: 533px!important;
        left: 48px !important;
        top: 190px!important;
    }
    .name-text-content-content-bottom{
        width: 73.5%!important;
    }
    .terms-desc-div{
        display: block!important;
        text-align: justify!important;
    }
    .loader-img-class-payment-medea{
        margin-left: -10px !important;
    }
    .corner-label-container-medea{
        height: 20px!important;
        font-size: 10px!important;
        width: 51px!important;
    }
    .summarybox{
        width: 508px !important;
        padding-left: 20px !important;
    }
    .ordersummary{
        margin-left: 24px !important;
    }
    .signup-box{
        margin-left: -10px;
    }
    .login-box{
        width: 549px;
        margin-left: 41px;
    }
    .phone-i-e{
        width: 202px;
        margin-top: 14px;
        height: 43px;
        font-size: 16px;
        margin-left: 43px;
    }
    #login-button{
        margin-left: 192px;
    }
    #zip-i-e{
        width: 202px;
    }
    .phoneh{
        width: 208px;
    }
    .phonei{
        width: 299px;
    }
    .phone-h-e{
        font-size: 17px;
    }
    .zip-h-e{
        font-size: 17px;
    }
    .zip-i-e{
        width: 202px;
        margin-top: 14px;
        height: 43px;
        font-size: 16px;
        margin-left: 43px;
    }
    .zip-i-e{
        margin-left: 97px;
    }
    .verify-button{
        margin-left: 186px;
    }
    .error-phone{
        font-size: 10px;
       
    }
    .error-otp{
        text-align: center;
        margin-left: 0px!important;
    }
    .address-div{
        font-size: 12px!important;
    }
    .textdiv{
        font-size: 12px!important;
    }
    .planname-a-dashboard{
        font-size: 13px !important;
    }
    #span-amount-a{
        font-size: 30px !important;
    }
    .span-period-dashboard{
        font-size: 9px !important;
    }
    .plan-details-selected-dashboard{
        width: 7rem !important;
        height: 10.5rem !important;
        margin-bottom: -14px!important;
    }
    .selected-plan {
        margin-right: -1px!important;
    }
    .signup-box dashboard-box{
        width: 84% !important;
    }
    .address-input-dashboard{
        width: 324px !important;
        height: 22px;
        font-size: 12px;
    }
    .appointment-details-content{
        width: 94% !important;
    }
    .updatebill-button{
        margin-left: 283px !important;
        margin-top: -38px !important;
    }
    .change-job{
        margin-top: -15px!important;
    }
    .signup-box dashboard-box{
        height: 505px!important;
    }
    .appointment-details-content{
        height: 68%!important;
    }
    .plans-modal-dashboard-medea{
        height: 290px !important;
        width: 483px !important;
        margin-left: -233px !important;
    }
    .close-plans-dashboard-media{
        margin-left: -331px!important;
    }
    .jobchange-modal-medea-dashboard{
        margin-left: -196px !important;
        height: 227px !important;
        padding-top: 32px!important;

    }
    .span-amount-dashboard-modal{
        font-size: 34px !important;
        margin-left: 49px!important;
    }
    .span-amount-tax{
        margin-left: 4px;
        margin-top: 46px!important;
        font-size: 14px !important;
    }
    .span-amount-tax-ir{
        margin-left: 4px;
        font-size: 14px !important;
        margin-top: 37px !important;
    }
    .span-period-today{
        margin-top: -75px!important;
    }
    .span-period-today-ir{
        margin-top: -100px!important;

    }
    .plan-box{
        margin: 5px!important;
    }
    .close-job-change-button{
        margin-left: -433px!important;
        padding-left: 915px!important;
        margin-top: -25px!important;
    }
    .card-change-modal{
        height: 264px!important;
        width: 517px!important;
        left: 31px !important;
    }
    .close-card-change-button{
        margin-left: 510px!important;
    }
    .job-change-confirm-modal{
        left: 65px !important;
    }
    .confirm-modal{
        left: 68px !important;
        width: 61% !important;
    }
    .loader-img-class-payment-dashboard{
        padding-top: 311px!important;
    }
    .signup-box-medea{
        margin-left: 33px!important;
    }
    
    } */




/* @media only screen and (min-width: 1024px){
    .ritxt{
    
  
    }
} */




    /* @media only screen and (max-width: 767px){
        .prev-slots-dashboard-medea{
            left: -105px !important;
        }
        .close-button-confirm{
            margin-left: 463px !important;
        }
        }
        .logout-button{
            margin-left: 570px !important;
        }

        .call-btn{
            margin-right: -48px;
            
        }
        .signup-box-jobselection{
            width: 66% !important;
        }
        .container-header{
            margin-left: 40px !important;
            width: 667px!important;
        }
        .plan-box-header{
            font-size: 17px!important;
        }
        .span-amount{
            font-size: 51px!important;
        }
        .span-period{
            font-size: 13px!important;
        }
        .plan-box{
            height: 10rem!important;
            width: 10rem!important;
        }
        .btn{
            height: 45px!important;
            margin-top: 8px!important;
            font-size: 16px!important;
        }
        .corner-label-container{
            height: 30px;
            font-size: 15px;
            width: 63px;
        }
        .signup-box{
          
            width: 78% !important;
            padding-left: 59px;
        }
        .signin-message-div{
            padding-left: 431px !important;
        }
    
        .span-amount-jobs{
            font-size: 30px !important;
            margin-left: 42px !important;
        }
        #span-period-insect-rodents{
            margin-left: 37px !important;
            margin-top: 24px!important;
        }
        .span-amount-jobs{
            margin-top: 45px;
        }
        .span-amount-medea{
            font-size: 11px!important;
            margin-top: 59px !important;
        }
        .span-amount-medea-i-r{
            margin-top: 36px !important;
        }
        .span-period-jobs{
            margin-top: -66px!important;
        }
        .span-period-jobs-r-i{
            margin-top: -88px;
        }
        .txt-field-usrdetls{
            width: 118px !important;
            height: 14px;
            font-size: 13px;
        }
        .leave-details{
            margin-left: 142px !important;
        }
        .user-block-container{
            margin-left: 45px !important;
        }
        .sub-div{
            padding-top: 0rem;
            height: 4rem!important;
            margin-left: 8px!important;
            
        }
        .fillform{
            height: 15rem;
            width: 35rem;
        }
        #collect-user-details{
            height: 2.3rem;
            width: 8rem;
            font-size: 16px!important;
        }
    
    
    
    
        #planname-a-a-a{
            font-size: 18px;
        }
        .span-amount-a-a-a{
            font-size: 32px !important;
        }
        .chnage-select{
            width: 56%;
            height: 1.5rem;
            font-size: 13px;
        }
        .plan-details-selected-userdetails{
            height: 13rem;
        }
        .error-txt{
            font-size: 11px!important;
        }
        .plans-userdetails-medea-for1600{
            margin-left: -7px;
            width: 466px !important;
            top: 325px !important;
            height: 263px !important;
        }
        .span-amount-useretails-modal{
            font-size: 32px !important;
        }
        .btn-userdetail-modal{
        
            height: 36px !important;
            margin-top: 35px !important;
            font-size: 13px !important;
        }
        .collect-user-details{
            font-size: 16px;
        }
        .close-plans-userdetails-medea{
            margin-left: 412px !important;
            padding-left: 0px!important;
        }
        .slot-selection-medea{
            width: 29.5rem !important;
            height: 450px!important;
        }
        .slot-container-layout-medea{
            margin-left: 141px !important;
        }
        #address-input{
            width: 364px !important;
        }
        .span-amount-change-slot{
            font-size: 37px !important;
        }
        .slot-box{
            height: 13rem !important;
            width: 8rem !important;
        }
        #address-submit{
            width: 8rem !important;
        }
        #slot-selector{
            height: 30px!important;
            width: 80%!important;
            font-size: 12px !important;
        }
        #slot-select-button{
            height: 30px!important;
            margin-top: 31px!important;
        }
        .before-slotbox{
            margin-left: -17px;
        }
        .base-search-result{
            margin-left: -42px !important;
        }
        .exact-date{
            font-size: 13px !important;
        }
        .next-slots-signup-mediea{
            margin-left: 444px !important;
        }
        .prev-slots-signup-mediea{
            margin-left: 115px !important;
        }
        .noslotp{
            margin-left: 39px;
        }
        .loader-img-class-payment{
            margin-left: 200px !important;
        }
        .planname-a-a-modal-slotselect{
            font-size: 20px!important;
        }
        .span-amount-modal-slotselect{
            font-size: 45px !important;
        }
        .plan-details-selected-slotselection{
            height: 13rem!important;
            margin-left: 485px !important;
            width: 8rem !important;
            
        }
        .plans-modal-slotselection-medea{
            width: 441px !important;
            height: 310px !important;
            margin-left: 34px !important;
            top: 228px !important;
        }
        .close-plans-slotselection-medea{
            margin-left: -360px;
    
        }
        .cc-p{
            font-size: 13px;
        }
        .business-name-p{
            font-size: 15px;
        }
        .all-div{
            margin-left: -3px!important;
            margin-right: -3px!important;
         
        }
        .admin-div{
            padding-left: 35px;
        }
        .user-admin-div{
            height: 17rem!important;
        }
        .terms-desc-div{
            margin-top: 16px!important;
        }
        .name-text{
            font-size: 10px!important;
        }
        .signinput{
            font-size: 10px!important;
        }
        .modal-container{
            padding-top: 20px!important;
            height: 450px!important;
            width: 533px!important;
            left: 48px !important;
            top: 190px!important;
        }
        .name-text-content-content-bottom{
            width: 73.5%!important;
        }
        .terms-desc-div{
            display: block!important;
            text-align: justify!important;
        }
        .loader-img-class-payment-medea{
            margin-left: -10px !important;
        }
        .corner-label-container-medea{
            height: 20px!important;
            font-size: 10px!important;
            width: 51px!important;
        }
        .summarybox{
            width: 508px !important;
            padding-left: 20px !important;
        }
        .ordersummary{
            margin-left: 112px !important;
        }
        .signup-box{
            margin-left: -10px;
        }
        .sumary-head-div{
            margin-left: 147px;
        }
        .login-box{
            width: 549px;
            margin-left: 41px;
        }
        .phone-i-e{
            width: 202px;
            margin-top: 14px;
            height: 43px;
            font-size: 16px;
            margin-left: 43px;
        }
        #login-button{
            margin-left: 192px;
        }
        #zip-i-e{
            width: 202px;
        }
        .phoneh{
            width: 208px;
        }
        .phonei{
            width: 299px;
        }
        .phone-h-e{
            font-size: 17px;
        }
        .zip-h-e{
            font-size: 17px;
        }
        .zip-i-e{
            width: 202px;
            margin-top: 14px;
            height: 43px;
            font-size: 16px;
            margin-left: 43px;
        }
        .zip-i-e{
            margin-left: 97px;
        }
        .verify-button{
            margin-left: 186px;
        }
        .error-phone{
            font-size: 10px;
           
        }
        .error-otp{
            text-align: center;
            margin-left: 0px!important;
        }
        .address-div{
            font-size: 12px!important;
        }
        .textdiv{
            font-size: 12px!important;
        }
        .planname-a-dashboard{
            font-size: 13px !important;
        }
        #span-amount-a{
            font-size: 30px !important;
        }
        .span-period-dashboard{
            font-size: 9px !important;
        }
        .plan-details-selected-dashboard{
            width: 7rem !important;
            height: 10.5rem !important;
            margin-bottom: -14px!important;
        }
        .selected-plan {
            margin-right: -1px!important;
        }
        .signup-box dashboard-box{
            width: 84% !important;
        }
        .address-input-dashboard{
            width: 324px !important;
            height: 22px;
            font-size: 12px;
        }
        .appointment-details-content{
            width: 94% !important;
        }
        .updatebill-button{
            margin-left: 283px !important;
            margin-top: -38px !important;
        }
        .change-job{
            margin-top: -15px!important;
        }
        .signup-box dashboard-box{
            height: 505px!important;
        }
        .appointment-details-content{
            height: 68%!important;
        }
        .plans-modal-dashboard-medea{
            height: 290px !important;
            width: 483px !important;
            margin-left: -233px !important;
        }
        .close-plans-dashboard-media{
            margin-left: -331px!important;
        }
        .jobchange-modal-medea-dashboard{
            margin-left: -196px !important;
            height: 227px !important;
            padding-top: 32px!important;
    
        }
        .span-amount-dashboard-modal{
            font-size: 34px !important;
            margin-left: 49px!important;
        }
        .span-amount-tax{
            margin-left: 4px;
            margin-top: 46px!important;
            font-size: 14px !important;
        }
        .span-amount-tax-ir{
            margin-left: 4px;
            font-size: 14px !important;
            margin-top: 37px !important;
        }
        .span-period-today{
            margin-top: -75px!important;
        }
        .span-period-today-ir{
            margin-top: -100px!important;
    
        }
        .plan-box{
            margin: 5px!important;
        }
        .close-job-change-button{
            margin-left: -433px!important;
            padding-left: 915px!important;
            margin-top: -25px!important;
        }
        .card-change-modal{
            height: 264px!important;
            width: 632px !important;
            left: 31px !important;
        }
        .close-card-change-button{
            margin-left: 622px !important;
        }
        .job-change-confirm-modal{
            left: 65px !important;
        }
        .confirm-modal{
            left: 68px !important;
            width: 61% !important;
        }
        .loader-img-class-payment-dashboard{
            padding-top: 311px!important;
        }
        .signup-box-medea{
            margin-left: 33px!important;
        }
        .slot-select-container{
            margin-left: 31px;
        }
        .next-slots-dashboard-medea{
            margin-left: 510px !important;
        } */
        
        













/* @media only screen and (max-width: 1024px){
    .footer{
        width: 1159px!important;
    }
    .nav-main{
        padding-left: 73px;
    }
    .call-btn{
        
    margin-right: -60px!important;

    }
    .signin-message-div{
        padding-left: 709px;
    }
    .container-header-plans{
        margin-left: 183px!important;
    }
    .signup-box{
        width: 80%;
    }
    .signup-box-jobselection{
        width: 84%;

    }
    .plan-details-selected{
        margin-left: 78px!important;
    }
    .sub-div{
        padding-right: 21px;
    }
    .plan-box-header{
        width: 237px;
    }
    #insects-rodents-button{
        margin-top: 0px!important;
    }
    .fillform{
        margin-right: -70px;
    }
} */
=======
>>>>>>> 40a4e7f (minor changes from production)