@media (max-width: 1699.98px){
   #v-pills-your-plan .acc-plan-box {
        padding: 35px;
   }    
}
@media (max-width: 1599.98px){
    .acc-setting-section .cm-container-95 {
        /* max-width: calc(100% - 50px); */
        max-width: 100%;
    }
}
@media (max-width: 1399.98px){
    .acc-setting-section {        
        min-height: calc(100vh - 214px);
    }
    .acc-plan-box {
        padding: 35px;
    }

    .acc-plan-box .offer-tag{
        font-size: 13px;
        top: -15px;
    }
    
    .acc-plan-box .pricing-main-contain {
        gap: 30px;
    }

    .acc-plan-box .pricing-title{
        font-size: 32px;
    }
    #v-pills-your-plan .acc-plan-box {
        /* padding: 15px; */
        padding: 0;
    }

}
@media (max-width: 1599.98px){
    .utp-block{
        flex-wrap: wrap;
        padding: 25px;
    }
}

@media (max-width: 1299.98px){
    .acc-plan-box .offer-tag{
        font-size: 12px;
    }
    .acc-plan-box .p-sub-tx {
        max-width: 95%;
    }
    #v-pills-your-plan .acc-plan-box {
        padding: 5px;
    }
}

@media (max-width: 1199.98px){
    .acc-setting-section .cm-container-95 {
        max-width: 100%;
    }
    .acc-setting-section {
        min-height: calc(var(--viewport-height) - 420px);
    }
    #v-pills-your-plan .acc-plan-box {
        padding: 0px;
    }

}

@media (max-width: 1080.98px){
    .p-30-50 {
        padding: 30px;
    }

    .acc-setting-section .acc-nav-ul {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        overflow: hidden;
        overflow-x: auto;
    }

    .acc-setting-section .acc-nav-link{
        width: 100%;
        min-width: max-content;
    }

    .acc-plan-box .pricing-type-content{
        min-width: 280px;
    }

    .acc-plan-box .pricing-main-contain{
        display: flex;
        justify-content: flex-start;
        overflow-x: auto;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        gap: 30px;
        padding: 22px 0 0;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .acc-setting-section .left-option-block{
        padding: 10px;
    }

}

@media (max-width: 991.98px){
    .account-setting-section{
        row-gap: 5px;
    }
    .acc-desc{
        font-size: 10px;
    }
    .left-option-block{
        padding: 20px;
    }

    .profile-content{
        width: 160px;
        height: 160px;
    }

    .profile-image-view{
        width: 100%;
        height: 100%;
    }

}

@media (max-width: 767.98px) {

    .account-setting-section{
        height: 200px;
        padding: 50px 0;
    }

    .acc-left-block,
    .acc-right-block,
    .acc-form-box,
    .utp-wrapper {
        width: 100%;
    }
    .left-option-block {      
        position: relative;
        top: 0;
    }
    .acc-setting-section {
        padding: 20px 0;
        /* min-height: unset;        */
        min-height: calc(var(--viewport-height) - 330px);      
    }
    .acc-form-box {      
        border-radius: 11px;
    }
    .acc-setting-section .utp-img-block {
        margin-top: 30px;
    }
    .acc-sm-title {       
        margin-bottom: 20px;
        margin-top: 15px;
    }
    .acc-desc{
        font-size: 10px;
        line-height: 18px;
    }

    .acc-setting-section .cm-container-95 {
        /* max-width: calc(100% - 30px); */
        max-width: calc(100% - 50px);
    }

    .acc-left-block {
        padding: 3px;
        border-radius: 11px;
    }

    .acc-nav-ul {
        flex-direction: row !important;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        grid-gap: 0;
        justify-content: space-between;
    }

    .acc-nav-link{
        border-radius: 9px !important;
        padding: 0 10px;
        height: 35px;
        line-height: 35px;
    }

    .acc-nav-link {
        font-size: 9px;
    }

    .acc-setting-section .project-main-wrapper{
        grid-gap: 0;
    }

    .acc-setting-popup .acc-right-block {
        width: 100%;
        padding: 35px 25px;
    }
    .acc-setting-popup .acc-left-block,
    #v-pills-your-profile-popup .acc-form-box,
    #invite-friends-popup .acc-form-wrapper,
    #v-pills-your-subscription-popup .acc-form-wrapper {
        width: 100%;
    }
    #invite-friends-popup .invite-friend-block,
    #ai-credits-popup .invite-friend-block {
        padding: 0;
    }
    .invite-friend-section .cm-head-tick {
        width: 14px;
        height: 14px;
    }
    .acc-setting-popup .left-option-block {       
        margin-top: 0;
    }
    .acc-setting-popup .left-option-block {
        top: 0;
    }
    .border-half-view:before{
        content: none;
    }
    .create-design-wrapper .settings-modal .btn-tb-header {
        top: 15px;
        right: 15px;
    }
    .create-design-wrapper .acc-setting-popup .left-option-block {
        top: 35px;
    }

    .acc-left-block{
        margin-top: 5px;
    }

}

@media (min-width:768px) and (max-width: 1024px) {
    .acc-content-block {
        flex-direction: column;
    }

    .acc-form-box,
    .utp-wrapper {
        width: 100%;
    }

    .acc-setting-section .utp-img-block {
        margin-top: 30px;
    }
    /* .acc-right-block {
        width: calc(100% - 265px);
    } */
    /* .acc-setting-section .left-option-block {       
        top: 65px;
    } */
    
    .acc-setting-section .g-40 {
        grid-gap: 20px;
    }

    /* .acc-setting-section{
        padding: 30px 0;
    } */

    .account-setting-section{
        margin-top: 20px;
    }

}

@media (max-width: 575.98px){
    .p-30-50 {
        padding: 0;
    }
}