@media (max-width:1440px) {
    .pxg_creat_app_wrapper {
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    }
    .Header_aiw_editor_header_wrapper__2vVl5 {
        padding: 8px 30px 8px 80px;
    }
    .pxg_aiwriter_editor_main.pxg_image_generator .pxg_text_generate_editor {
        padding: 30px;
    }
    .pxg_generated_image_list {
        grid-gap: 10px;
    }
}
@media (max-width:1350px) {
    
    .pxg_aiwriter_editor_main.pxg_image_generator .pxg_text_generate_editor {
        padding: 30px;
    }
    .pxg_aiwriter_editor_main.pxg_image_generator .pxg_text_generate_editor {
        width: 100%;
        flex: 0 0 100%;
    }
    .pxg_image_generator_right_sidebar {
        flex: 0 0 100%;
    }
    .pxg_aiwriter_editor_main.pxg_image_generator {
        flex-wrap: wrap;
    }
    .pxg_generated_image_list {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }
}
@media (max-width:1200px) {
    .pxg_dfy_setting_main .pxg_dfy_setting_wrapper {
        width: 100%;
    }
    .pxg_creat_app_wrapper {
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    }
    .pxg_admin_content {
        margin: 48px 60px 15px 368px;
    }
    .pxg_performance_inner {
        flex-wrap: wrap;
    }
    .pxg_performance_inner .pxg_performance_status {
        flex-direction: row;
        width: 100%;
        flex-wrap: wrap;
    }
    .pxg_performance_status .pxg_dash_box {
        width: 48%;
    }
}

@media (max-width:1024px) {
    .pxg_tab_style_two ul {
        padding: 15px 8px 15px 8px;
    }
    .pxg_tab_style_two ul {
        flex-wrap: wrap;
    }
    .pxg_vdo_plyr_setting_main {
        padding: 0 20px 20px 20px;
    }
    .pxg_vdo_plyr_setting_main .pxg_vdo_plyr_setting_content{
        flex-wrap: wrap;
    }
    .pxg_vdo_plyr_setting_main .pxg_vdo_plyr_setting_content .pxg_vdo_plyr_setting_option {
        max-width: 100%;
    }
    .pxg_conditional_layout_main .pxg_conditional_layout_inner h2 {
        font-size: 45px;
    }
    .pxg_dashboard_section {
        left: -320px; 
    }
    .pxg_admin_content {
        margin: 48px 50px 15px 50px;
    }
    .toggle-btn {
        position: absolute;
        top: -35px;
        left: 0;
        cursor: pointer;
        height: 50px;
        width: 50px;
        display: block;
    }
    .toggle-btn span {
        width: 30px;
        height: 4px;
        border-radius: 5px;
        display: block;
        margin-top: 5px;
        transition: 0.3s ease;
    }
    
    /**/
    
    /**/
    .pxg_mini_toggle .toggle-btn {
        position: absolute;
        top: 27px;
        left: 30px;
        cursor: pointer;
        height: 50px;
        width: 50px;
        display: block;
    }
    .pxg_mini_toggle span:nth-child(1) {
        transform: rotate(45deg);
        top: 0px;
    }
    .pxg_mini_toggle span:nth-child(2) {
        opacity: 0;
    }
    .pxg_mini_toggle span:nth-child(3) {
        transform: rotate(-45deg);
    }
    .pxg_mini_toggle .toggle-btn span {
        position: absolute;
    }
    .pxg_mini_toggle  .toggle-btn {
        left: 85%;
    }
    
}
@media (max-width:991px) {
    
    .pxg_header_wrapper.pxg_single_page_header {
        flex-direction: column;
        justify-content: center;
        gap: 30px;
    }
    
    .pxg_header_wrapper.pxg_single_page_header .hdr_logo_wrapper {
        text-align: center;
    }
        
    .pxg_header_wrapper.pxg_single_page_header .pxg_hdr_rgt_inner_content {
        justify-content: center;
    }
    
    .pxg_dfy_setting_main .pxg_dfy_setting_wrapper {
        padding: 30px;
    }
    .pxg_template_list {
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    }
     .pxg_profile_wrapper .user_img {
        width: 40px;
        height: 40px;
    }
    .pxg_profile_wrapper .user_img img {
        height: 40px;
        max-width: 40px;
    }
    .pxg_plans_details {
        width: 100%;
    }
    .logo_wrapper a img {
        max-width: 180px;
    }
    .logo_wrapper {
        margin-bottom: 30px;
    }
    .pxg_dashboard_section {
        padding: 30px;
        width: 300px;
    }
    .pxg_mini_toggle .toggle-btn span {
        width: 25px;
    }
    .pxg_sidebar_bottom_content {
        width: 250px;
        left: 20px;
    }
    .main_menu li a {
        padding: 12px 0 12px 12px;
    }
    
}

@media (max-width:767px) {
    .pxg_template_list.pxg_tutorial_video_list {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .pxg_vdo_plyr_setting_main .pxg_vdo_plyr_setting_content {
        grid-gap: 10px;
    }
    .pxg_header_wrapper.pxg_single_page_header .pxg_btn {
        height: 45px;
    }
    /*Share Video Details Model Responsive Style*/
    .pxg_common_model.pxg_share_video_details_model .modal-dialog {
        max-width: 400px;
    }
    .pxg_table_header{
        flex-wrap: wrap;
        justify-content: center;
    }
    .pxg_table_filter_wrapper {
        padding: 35px 35px 35px 35px;
    }
    .pxg_table_filter_wrapper .pxg_select {
        margin-bottom: 20px;
    }
    .pxg_table_filter_wrapper {
        margin-bottom: 30px;
    }
    .pxg_table_filter_wrapper .pxg_right_table_filter {
        text-align: center;
    }
    .template_category_tab_menu {
        margin-top: 15px;
    }
    .template_category_tab_menu ul li a{
        font-size: 14px;
        padding: 0 20px;
        width: auto;
    }
    .pxg_view_media_model .modal-body {
        flex-wrap: wrap;
    }
    .media_prompt_detail_wrapper {
        width: 100%;
    }
    /*Video View Model Style*/
    .pxg_common_model.pxg_video_view_model  .modal-content {
        padding: 15px;
    }
    .pxg_common_model.pxg_video_view_model .modal-header h5 {
        font-size: 18px;
    }
    .pxg_common_model.pxg_video_view_model .modal-dialog {
        max-width: 500px;
    }

    /*Al Image Generator Style*/
    .pxg_img_gnrt_label_header {
        height: auto;
        flex-wrap: wrap;
        margin-bottom: 15px;
        gap: 10px;
    }
    .pxg_main_input.select_dropdown {
        flex: 0 0 100%;
    }
    .pxg_img_gnrt_btn_list a.pxg_img_gnrt_btn {
        width: 30px;
        height: 30px;
    }
    .pxg_img_gnrt_btn_list a.pxg_img_gnrt_btn svg {
        width: 14px;
        height: 14px;
    }
    /*Model Responsive Style*/
    .pxg_common_model .modal-body {
        padding: 15px 0 0 0;
    }
    /*Add New Graphics Model Style*/
    div#pxg_view_graphics_model .modal-dialog {
        max-width: 400px;
    }
    div#pxg_view_graphics_model .modal-content {
        padding: 20px 20px;
    }
    /*Add New Graphics Model Style*/
    div#pxg_add_graphics_model .modal-dialog {
        max-width: 400px;
    }
    .pxg_text_generate_inner{
        grid-template-columns: repeat(1, minmax(0, 1fr));
        grid-gap: 20px;
    }
    .pxg_conditional_layout_main .pxg_conditional_layout_inner h2 {
        font-size: 35px;
    }
    .pxg_conditional_layout_main .pxg_conditional_layout_inner img {
        max-width: 300px;
    }
    .pxg_plans_inner_content .pxg_plans_details h2 {
        font-size: 22px;
    }
    .pxg_plans_inner_content .pxg_plans_details .edit_plan_btn {
        position: relative;
        top: 0;
        right: 0;
        margin-bottom: 10px;
    }
    .pxg_header_wrapper {
        justify-content: center;
    }
    .pxg_settng_menu_main ul li a {
        font-size: 14px;
        padding: 10px 0 15px 0;
    }
    .pxg_settings_tab_items {
        padding: 20px;
    }
    .pxg_common_model .pxg_model_btn{
        flex-wrap: wrap;
    }
    div.dataTables_wrapper div.dataTables_info {
        text-align: center;
    }
    .pxg_btn {
        height: 50px;
        line-height: 1.4;
    }
    .pxg_header_wrapper .search_wrapper input {
        height: 50px;
        padding: 10px 20px 15px 55px;
    }
    .pxg_header_wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 50px;
    }
    .pxg_header_wrapper .select2-container--default .select2-selection--single {
        height: 50px;
    }
    .pxg_header_wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 20px;
    }
    .pxg_profile_wrapper_main .pxg_profile_banner {
        padding: 29px 70px 35px 70px;
        gap: 40px;
    }
    .pxg_profile_wrapper_main .pxg_profile_banner {
        background-position: right;
    }
    .pxg_profile_wrapper_main .profile_pic_button {
        gap: 20px;
        flex-direction: column;
    }
    .pxg_dash_box:after {
        right: -7px;
        height: 44px;
    }
    .pxg_admin_content {
        margin: 48px 40px 15px 40px;
    }
    .pxg_hdr_rgt_inner_content {
        justify-content: center;
        flex-wrap: wrap;
    }
    .pxg_performance_inner {
        display: flex;
        gap: 40px;
        margin-bottom: 20px;
        flex-wrap: wrap;
    }
    .pxg_performance_inner .pxg_performance_status {
        flex-wrap: wrap;
    }
    .pxg_dash_box .box_img {
        width: 60px;
        height: 60px;
    }
    .pxg_box_content h5 {
        font-size: 24px;
    }
    .pxg_table_pagination {
        justify-content: center;
    }
    .pxg_profile_wrapper_main .pxg_profile_details {
        padding: 30px 35px;
        position: relative;
    }
}

@media (max-width:690px) {
    .pxg_performance_status .pxg_dash_box {
        width: 100%;
    }
}
@media (max-width:575px) {
    
    /*Video Player Responsive Style*/
    .pxg_video_frofile_box img {
        width: 60px;
        height: 60px;
    }
    .pxg_video_frofile_name h3 {
        font-size: 14px;
        padding: 5px 10px;
    }
    .pxg_video_frofile_name p {
        font-size: 14px;
        font-weight: 600;
        padding: 5px 10px;
    }
    
    /**/
    .pxg_common_model .modal-header h5 {
        font-size: 16px;
    }
    .pxg__inner_content.pxg_aiwriter_main .pxg_creat_app_wrapper .pxg_creat_box_img {
        width: 50px;
        height: 50px;
    }
    .pxg__inner_content.pxg_aiwriter_main .pxg_creat_app_wrapper .pxg_creat_box_img svg {
        width: 25px;
        height: 25px;
    }
    .pxg__inner_content.pxg_aiwriter_main .pxg_creat_funnel_inner h5 {
        font-size: 16px;
    }
    .pxg__inner_content.pxg_aiwriter_main .pxg_creat_app_wrapper {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    }
    .pxg_common_model.pxg_video_view_model .modal-header h5 {
        font-size: 16px;
    }
    .pxg_common_model.pxg_video_view_model .modal-dialog {
        max-width: 500px;
    }
    /* .pxg_img_inner img {
        height: 50px;
    } */
    .pxg_conditional_layout_main .pxg_conditional_layout_inner h2 {
        font-size: 28px;
    }
    .pxg_conditional_layout_main .pxg_conditional_layout_inner img {
        max-width: 200px;
    }
    .pxg_conditional_layout_main .pxg_conditional_layout_inner p {
        font-size: 18px;
    }
    .profile_wrapper_shap{
        display: none;
    }
    .pxg_plans_inner_content .pxg_plans_details h2 {
        font-size: 20px;
    }
    .pxg_plans_inner_content {
        flex-wrap: wrap;
    }
    .pxg_settng_menu_main ul li a.active::after, .pxg_settng_menu_main ul li a.active::before{
        display: none;
    }
    .pxg_settng_menu_main ul {
        padding: 0 15px;
    }
    .pxg_header_wrapper .pxg_hdr_rgt_inner_content .search_wrapper input {
        width: 100%;
    }
    .pxg_admin_content {
        margin: 48px 30px 15px 30px;
    }
    .pxg_box_content h5 {
        font-size: 20px;
    }
    .pxg_dash_box .box_img {
        width: 40px;
        height: 40px;
    }
}


@media (max-width:480px) {
    .pxg_common_model.pxg_video_view_model .modal-dialog {
        max-width: 400px;
    }
}
@media (max-width:375px) {
    .pxg_profile_wrapper_main .pxg_profile_banner::before,.pxg_profile_wrapper_main .pxg_profile_banner::after{
        display: none;
    }
    .pxg_profile_wrapper_main .pxg_profile_banner {
        padding: 29px 30px 35px 30px;
        gap: 40px;
        flex-direction: column;
        background-position: bottom;
    }
}
