@media screen and (max-width: 1500px) {
    .user_itm {
        flex: 0 0 calc(100% - 20px);
    }
    .login-main-box{
        padding: 40px 40px;
    }
        .header_sec_deshaboard {
        padding: 20px;
    }

}


@media screen and (max-width: 1300px) {
    .header_sec_deshaboard {
        padding: 20px 60px 20px 20px;
    }
    .input_field {
        margin-bottom: 18px;
    }
    .login-main-box{
        padding: 40px 40px;
    }


}
@media (min-width: 1360px) and (max-width: 1500px) {
    .content_box {
        flex: 0 0 % !important;
        height: 100vh;
        max-width: 100% !important;
    } 
    .copy_right ul {
        display: flex !important;
        gap: 10;
    }

.try_free_item {
    gap: 60px;
}
.home-page {
    width: 42% !important;
}
    .chapter_sidebar {
     flex: 0 0 calc(27% - 25px);
    }
    .content_box {
    flex: 0 0 83%;
}
  .middle_box {
        flex: 0 0 45%;
    }
.voice_main_bar {

    flex: 26%;
    width: 24%;
}
.plan_box .plan_title h3 {
    font-size: 26px;
    line-height: 37px;
}
.plan_box .plan_price h2 {
    font-size: 35px;

    line-height: 45px;
}
}
@media screen and (max-width: 1260px) {
    .chapter_sidebar {
        position: fixed;
        left: -405px;
        background: #fff;
        z-index: 9;
        transition: 0.5s;
    }

    .middle_box {
        flex: 0 0 70%;
    }

    .active .chapter_sidebar {
        left: 0;
    }

    .chapter_toggle {
        display: block;
    }
    .input_field {
        margin-bottom: 18px;
    }
    .login-main-box{
        padding: 40px 40px;
    }

}
@media (max-width: 1024px) {
  .checkbox-wrapper {
          font-size: 13px;
        /* align-items: flex-start; */
        gap: 12px;
        display: flex
;
        justify-content: center;
  }

  .checkbox-text {
    font-size: 14px;
    line-height: 1.5;
  }
.big-new {
    width: 49%;
}
}
@media (min-width: 1024px) and (max-width: 1224px) {

.big-new {
    width: 49%;
}
.plan_box .plan_price h2 {
    font-size: 25px;

}
.plan_box .plan_title h3 {
    font-size: 20px;

}
.current_plan_tag {
    padding: 5px 17px;
    top: -15px;
    font-size: 11px;
}
}

@media screen and (max-width: 1005px) {
    .current_plan_box .current_plan_title {
        display: block !important;
    }
    .current_plan_tag {
        padding: 10px 8px;
        border-radius: 30px;
    }
    .plan_box .plan_title h3 {
        font-size: 27px;
    }
    .btn_blue {
        border-radius: 50px;
        font-size: 15px;
        width: 100%;
              margin-bottom: 0;
        padding: 10px 25px;
    }
    .input_field {
        margin-bottom: 18px;
    }
    .login-main-box {
        padding: 40px 8px !important;
    }
    .login-main-box{
        padding: 40px 40px;
    }

}
@media screen and (max-width: 992px) {
    .voice_info_toggle {
        display: block;
    }


    .middle_box {
        flex: 0 0 100%;
    }

    .voice_main_bar {
        position: fixed;
        width: 300px;
        right: -390px;
        z-index: 9;
        background: var(--white);
        transition: 0.5s;
    }

    .voice_open .voice_main_bar {
        right: 0;
    }

    .upload_box {
        height: 250px;
    }

    .audiobook_table.table {
        width: 900px;
    }
    .big-new {
        width: 100%;
    }
.plan_box .plan_price h2 {
    font-size: 25px;

}
.plan_box .plan_title h3 {
    font-size: 20px;

}
.current_plan_tag {
    padding: 5px 17px;
    top: -15px;
    font-size: 11px;
}
}

@media screen and (max-width: 768px) {
    .normal_box {
        padding: 12px;
    }
    .bg_white {
        padding: 5px !important; 
    }

    .plan_list.match{
        padding: 0 0 30px;
    }
    .plan_list {
        padding: 0 0 30px;
    }

    .spaceX_text h3 {
        font-size: 13px;
        line-height: 22px;
    }
    .spaceX .spaceX_inner {

    max-width: 100%;
}
.cart_header .cart_header_inner h5 {
    margin: 0;
    font-size: 14px;

    line-height: 20px;

}

    .spaceX .btn_blue {
        font-size: 14px;
        padding: 10px 10px;

    }

    .emoji_drop_down .dropdown-container {
        width: 141px;
    }

    .cart_header {
        padding: 15px;
    }
    .login-main-box{
        padding: 40px 40px;
    }

.list_language ul li {

        margin-bottom: 9px;
    }
    .add-main input {

    width: 100% !important;

}
}

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

    .gap.blck_box{
        padding: 30px;
        margin-top: 30px;
    }
    body::after {
        height: 133px;
        width: 123px;

    }
    body::before {
        height: 133px;
        width: 123px;

    }
    .robert_item {
        flex-wrap: wrap;
    }

    .cart_header .cart_header_inner {
        gap: 10px;
        flex-direction: column;
        align-items: start;
    }

    .aling_info_btn {
        width: 100%;
    }

    .spaceX .btn_blue {
        width: 100%;
    }

    .spaceX {
        gap: 15px;
        
    }

    .full_plan_box .Upgrade_plan {
        width: 100%;
    }

    .full_plan_box .outline_btn {
        width: 100%;
    }

    .full_plan_box .full_plan_box_inner {
        flex-direction: column;
        text-align: center;
    }

    .audiobook_title .btn_blue {
        font-size: 14px;
        padding: 6px 10px;

    }

    .audiobook_title h5 {
        font-size: 18px;
    }

    .current_plan_box {

        padding: 20px;
    }

    .current_plan_box .current_plan_title h5 {
        font-size: 18px;
    }
    .tooltip_btn {

    padding: 8px 12px !important;

   font-size: 12px !important;
        left: 22% !important;
}
.timer_sec .timer-box span {
    font-size: 12px;
width: 170px;
    display: inline-block;
}
}

@media screen and (max-width: 490px) {
    .sidebar_toggle {
        right: 19px;

    }

    .header_sec_deshaboard .header_sec_deshaboard_inner {
        gap: 22px;
    }

    .audiobook_title {

        justify-content: center;
        gap: 7px;
        flex-direction: column;
    }

    .audiobook_title .btn_blue {

        width: 100%;
    }

    .audiobook_title h5 {
        font-size: 20px;
    }

    .sidebar_toggle {
        top: 13px;
    }

    .header_sec_deshaboard {
        padding: 20px;
    }

    .header_sec_deshaboard .header_sec_deshaboard_inner .prfile_item {
        width: 100%;
    }

    .header_sec_deshaboard .header_sec_deshaboard_inner .prfile_item select {
        width: 100%;
    }

}

@media screen and (max-width: 420px) {
    .user_name span {
        font-size: 14px;

    }
    .testimonial_box .testmonial_user p {
        font-size: 15px;
        line-height: 24px;
    }

    .testimonial_box {
        padding: 20px;
    }
    .textimonial_sld {
        padding: 20px;
    }
    .banner_btn01 {
        flex-wrap: wrap;
        width: 100%;
    }
    .banner_btn01 .btn_blue{
        width: 100%;
        margin-right: 0;
    }
    .banner_btn01 .outline_btn{
        width: 100%;
        margin-bottom: 10px;
    }
    .card_require span {
        font-size: 13px;
        line-height: 26px;
    }
    .banner_title {
        padding-top: 30px !important;
    }
    .banner_title h2{
        font-size: 29px;
        line-height: 46px;
    }
    .emoji_drop_down .dropdown-container {
        width: 100%;
    }

    .emoji_drop_down {
        width: 100%;
    }

    .cart_header p {
        font-size: 14px;
        line-height: 23px;
    }
    .custom-checkbox {
              width: 42px;
        height: 30px;
    }

}
@media (min-width: 320px) and (max-width: 575px) {
.profile-info .name {
    font-size: 16px;
}
.plan_box:hover {
    -webkit-transform: scale(1.1);
        transform: none;
        box-shadow: none !important;
}   
.role {
    font-size: 16px;
    color: #606060;
}

    .list_language ul li {

        flex: 1 0 calc(50% - 10px);
        justify-content: start;
        margin-bottom: 9px;
        
    }
    .full_plan_box {
        margin-bottom: 22px;
    }
    input.input_Languages {
        width: 100%;
    }
    .player_audio {
        flex-wrap: wrap;
    }
    .blck_shadwo_box {
        margin-bottom: 0;
    }
    .banner_title h2 {
        font-size: 25px;
        line-height: 30px;
        font-weight: 500;
    }
    .banner_title p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-bottom: 23px;
    }
    .card_require {
        gap: 18px;
  
        margin-bottom: 24px;
        width: 97%;
    }
    .speaker_box ul {
        display: flex;
        align-items: center;
        gap: 10px;

    }
    .container.mt-5 {
        margin-top: 0 !important;
    }
    .main_title h2 {
        font-size: 25px !important;
        line-height: 32px !important;
        font-weight: 500;
        margin-bottom: 18px;
    }
    .gap {
        padding: 0px 0;
    }
    .banner_title {
        padding-top: 20px !important;
    }
    .main_title p {
       font-size: 13px;
       font-weight: 500;
       line-height: 18px;
       margin-bottom: 25;
   }
   .bg_white {
    padding: 35px 0px;
    margin-bottom: 20px;

}
.story_share_box {
    padding: 8px;
}
.box_upload.normal_box {
    margin-bottom: 16px;
}
.play_btn {
display: inline-block !important;
    width: 100%;
}
section#features {
    padding: 35px 0px 0px 0px;
}
.align_item {
    gap: 0px;
    flex-wrap: wrap;
    margin-bottom: 9px;
    padding: 10px 9px;
}
section.gap.big {
    padding: 35px 0px 35px 0px;
}
.yourself_box h2 {
    font-size: 26px;
}
.yourself_box {
    padding: 22px !important;
    margin-bottom: 33px;
}
section.gap.bg_light_blue {
    padding: 27px 7px;
}
.plan_box .plan_price h2 {
    font-size: 35px;
    line-height: 25px;
}
.plan_box .plan_title h3 {
    font-size: 29px;
    line-height: 40px;
}
.footer_sec {
    padding: 35px 22px;
}
.bottom_header .bottom_header_inner .bottom_header_link ul li, a {
    font-size: 16px;
    font-weight: 400;
}
.footer_sec .footer_main_item .quick_link ul {
    display: contents;
    align-items: center;
    gap: 15px;
}
.footer_sec .footer_main_item {
    display: grid;
    align-items: center;
    justify-content: normal;
    flex-wrap: wrap;
}
.faq_question-text h3 {
    font-size: 16px;
}
.faq_main_container h2 {
   font-size: 26px;
   line-height: 85px;
}
.icon .icon-shape::before {
    width: 25px;
    height: 4px;
}
.icon .icon-shape::after {
    width: 4px;
    height: 25px;
}
.faq_main_container {
    padding: 0px 0px 0px 0px;
}
.faq_question {
    padding: 8px;

}
.privacy-big {
    padding: 0px 20px 0px 20px;
}
.privacy-big.sart h2 {
    font-size: 25px;
    font-weight: 600;
}
.audiobook_table.table thead tr th {
    border-bottom: none;
    padding: 9px;

}
td {
    padding: 8px 14px;
    position: relative;
}
.contact-title h1 {
    font-size: 25px;
    font-weight: 500;
}
.contact-title h2 {
    margin-bottom: 7px;
    padding: 35px 0px 0px 0px;
    font-size: 25px;
    font-weight: 600;
}
.left-box h2 {
    font-size: 18px;
    margin-bottom: 10px;
}
.login-in {
    display: none !important;
}
.form-section h2 {
    font-size: 26px;
    font-weight: 600;
    line-height: 20px;
}
form {
    gap: 14px;
    margin-bottom: 10px;
}

.profile-card {
    margin-bottom: 18px;
}
.tab-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
    width: 100%;
}
.tab-button {
    flex: 0 0 auto;
}
.delete-btn {
    width: 100%;
}
.row.faq {
    position: relative;
    z-index: 2;
    padding-bottom: 20px;
}
.big-contact::after {
    background-size: 100%;
    width: 100%;
}
.row.content {
    padding-bottom: 14px;
}
.banner_img::before{
    display: none;
}
.big-new {
    width: 100%;
}
.checkbox-wrapper {
    padding: 10px 0px;
}
.copy_right {
  display: block !important;
}

.right-button .w-50 {
    width: 68% !important;
}
textarea.form-control.big-main {
    margin-top: 13px;
}
.big-input.in {
    margin-bottom: 30px;
}
.home-page {
    width: 100% !important;
}
.language-radio {
    width: 100% !important;
}
.list_language {
    display: block;
}
.otp-box {
    width: 50px !important;
    height: 50px !important;
    font-size: 22px !important;
    margin-bottom: 17px !important;
}
.aling_info_btn button {
    padding: 0;
}
    .copy_right ul {
        display: block !important;

    }
    .outer_gap

 {
    padding: 9px;
}
.form-select.voice-select {
    margin-left: 1px !important;
    margin-top: 3px;
    margin-right: 3px !important;
}
.sidebar_sec .sidebar_inner .logout_box {
  position: absolute;
  bottom: 90px;
}
button#play_audio_btn {
    margin-bottom: 10px;
}
.blck_shadwo_box.vision_title {
    margin-bottom: 20px;
}
.big-inn {
    display: block !important;
    width: 91% !important;
}
.main-trasket.mt-4 {
    display: block;
    justify-content: center;
}
button#btnShowUpdateVoice {
    margin-bottom: 20px;
    width: 100%;
}
}
@media (min-width: 575px) and (max-width: 775px) {
    .tab-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
        width: 100%;
    }

    .tab-button {
        flex: 0 0 auto;
    }
    .delete-btn {
        width: 100%;
    }
    .banner_title h2 {
        font-size: 44px !important;
        line-height: 55px !important;
    }
    .banner_title {
        padding-top: 20px !important;
    }

}
@media (min-width: 775px) and (max-width: 991px) {
   .banner_title {
    padding-top: 20px !important;
}
.banner_title h2 {
    font-size: 41px;
    line-height: 48px;
}
.faq_question-text h3 {
    font-size: 18px;
}
.faq_question {
    padding: 8px;

}
.privacy-big {
    padding: 0px 20px 0px 20px;
}
.current_plan_box .current_plan_title h5 {
    margin-bottom: 13px;
}
.current_plan_box .current_plan_title {
    display: block;
}
td {
    padding: 8px 14px !important;
    position: relative;
}
.login-in {
    display: none;
}
.tab-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
    width: 78%;
}
.tab-button {
    flex: 0 0 auto;
}
.pb-5 {
    padding-bottom: 1rem !important;
}
.delete-btn {
    width: 100%;
}

}
@media screen and (max-width: 375px){
    input.input_Languages {
        width: 100% !important;
    }
    .login-main-box {
        padding: 40px 8px !important;
    }
}
.banner_img::before {
   left: 100px;
   background: var(--Gradient, linear-gradient(211deg, #7265F3 26.24%, #016FFE 86.27%));
   filter: blur(150px);
   height: 203px;
   width: 183px;
}


.language-radio:has(input[type="radio"]:checked) {
    border-color: #010afe;
}
label.language-radio span {
    font-weight: 500;
}