
@media only screen and (min-width:0px) and (max-width:767px){
    section{
        padding: 3.125rem 0rem;
    }
    h2,.d2c_title{
        font-size: 2rem;
        margin-bottom: 1rem;
    }
    p,li{
        font-size: 0.9375rem;
    }
    h4{
        font-size: 1.25rem;
    }
    .card{
        padding: 1.25rem;
    }
    .form-control{
        padding: 0.5rem 1rem;
    }
    /* navbar */
    .d2c_navbar .show_width .navbar-nav .nav-link{
        color: var(--bs-white);
        font-weight: 400;
    }
    .show_width .navbar .d2c_btn{
        padding: 0.438rem 0rem !important;
        color: var(--bs-white);
        background: transparent;
        border: 0;
    }
    .show_width .d2c_btn::after{
        display: none;
    }

    /* profile dropdown */
    .d2c_topnav_right .dropdown .dropdown-menu {
        inset: auto !important;
    }
    /* main content wrapper */
    .d2c_main{
        margin-left: 0;
    }
    /* profile page */
    .d2c_profile_image_upload .d2c_image_preview{
        width: 6.25rem;
        height: 6.25rem;
    }
    .d2c_profile_plan{
        width: 100%;
    }
    .d2c_profile_plan .d2c_btn{
        width: 100%;
    }
    /* content generator page */
    .d2c_call_to_action{
        padding: 1.5rem;
    }
    .ai{
        width: 100%;
    }
    .d2c_control_nav .btn{
        font-size: 0.75rem;
        padding-block: 0.375rem;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
    .d2c_editor_button{
        padding-block: 0.25rem;
        font-size: 0.875rem;
    }
    /* calender page */
    .fc .fc-toolbar-title{
        font-size: 1.25rem !important;
    }
    /* card page */
    .d2c_basic_card .card-img-top{
        height: 14.375rem;
    }
    .d2c_overlay_card .card-img{
        height: 20.625rem;
    }
    /* history page */
    .d2c_search_box{
        max-width: 100%;
    }
    /* membership page */
    .d2c_membership_card{
        margin-bottom: 1.5rem;
    }
    /* image generator page */
    #outputImages img{
        margin-bottom: 1.5rem;
    }
    /* faq page */
    .d2c_faq_accordion .accordion-button{
        font-size: 1rem;
    }
    /* authentication pages */
    .d2c_sign_up {
        height: auto;
    }
    
    .chat-type-content .btn{
        margin: 0.0625rem;
        padding: 0.125rem 0.5rem;
    }
    /* data table */
    .dataTables_length,.pagination{
        margin-bottom: 0.625rem;
    }
    /* login system */
    .d2c_login_wrapper h2{
        font-size: 1.5rem;
    }
    /* ==========Timeline page========== */
    .d2c_timeline_wrapper{
        padding: 0rem;
    }
    .d2c_timeline_content {
        width: 100%;
        margin-bottom: 1.25rem;
    }
    .d2c_timeline_upper .d2c_timeline_content::before,
    .d2c_timeline_content::before,
    .d2c_timeline_upper .d2c_timeline_content:last-child::after,
    .d2c_timeline_upper:before,
    .d2c_timeline_wrapper .d2c_timeline_content::after {
        display: none !important;
    }
    .d2c_timeline_upper {
        margin-bottom: 0rem;
    }

    .d2c_timeline_wrapper{
        padding: 0rem;
    }
    .d2c_timeline_content {
        width: 100%;
        margin-bottom: 1.25rem;
    }
    .d2c_timeline_upper .d2c_timeline_content::before,
    .d2c_timeline_content::before,
    .d2c_timeline_upper .d2c_timeline_content:last-child::after,
    .d2c_timeline_upper:before,
    .d2c_timeline_wrapper .d2c_timeline_content::after {
        display: none !important;
    }
    .d2c_timeline_upper {
        margin-bottom: 0rem;
    }
    .d2c_trading_journey_timeline{
        padding: 0rem;
    }
    .d2c_trading_journey_timeline h5{
        font-size: 1.25rem;
    }
    .d2c_trading_timeline_content .d2c_card_wrapper {
        padding: 1.25rem 0rem 1.25rem 0rem !important;
    }
    .d2c_trading_timeline_content .d2c_years {
        position: unset;
        margin-bottom: 0.3125rem;
    }
    .d2c_trading_journey_timeline .d2c_trading_timeline_content:first-child::after,
    .d2c_trading_journey_timeline .d2c_trading_timeline_content:nth-child(3)::after {
        display: none;
    }
    /* 404 page */
    .d2c_error_content h1 {
        font-size: 5.375rem;
    }
    .d2c_error_content h3{
        font-size: 1.5rem;
    }
    .d2c_error_content p{
        font-size: 0.875rem;
    }
    /* landing page */
    .d2c_hero_main{
        height: auto;
        padding: 5.25rem 0rem;
    }
    .d2c_hero_content .d2c_hero_title {
        font-size: 2.25rem;
    }
    .d2c_hero_content h4{
        font-size: 1.25rem;
    }
    .d2c_hero_icon_wrapper img{
        display: none;
    }
    .d2c_about h3{
        font-size: 1.125rem;
    }
    .d2c_content_preview_wrapper{
        width: 100%;
    }
    .d2c_input_info {
        margin-bottom: 1.5rem;
    }
    .d2c_call_to_action_wrapper{
        padding: 1.5rem;
    }
    footer h4{
        margin-top: 1.25rem;
    }
    .d2c_input_info .d2c_content_preview_wrapper::before,
    .d2c_input_info .d2c_content_preview_wrapper::after{
        display: none;
    }

    .d2c_copyright p, .d2c_copyright p a{
        font-weight: 500;
        font-size: 0.875rem;
    }

    
}


@media only screen and (min-width:768px) and (max-width:991px){
    section{
        padding: 4.375rem 0rem;
    }
    h2,.d2c_title{
        font-size: 2rem;
    }
    /* navbar */
    .d2c_navbar .show_width .navbar-nav .nav-link{
        color: var(--bs-white);
        font-weight: 400;
    }
    .show_width .navbar .d2c_btn{
        padding: 0.438rem 0rem !important;
        color: var(--bs-white);
        background: transparent;
        border: 0;
    }
    .show_width .d2c_btn::after{
        display: none;
    }
    /* main content wrapper */
    .d2c_main{
        margin-left: 0;
    }
    /* faq page */
    .d2c_faq_accordion .accordion-button{
        font-size: 16px;
    }
    /* authentication pages */
    .d2c_sign_up {
        height: auto;
    }
    /* chat page */
    .chat-type-content .btn{
        margin: 0.0625rem;
        padding: 0.25rem 0.875rem;
    }
      /* card page */
      .d2c_basic_card .card-img-top{
        height: 14.375rem;
    }
    .d2c_overlay_card .card-img{
        height: 20.625rem;
    }
    /* 404 page */
    .d2c_error_content h1 {
        font-size: 6.375rem;
    }
    .d2c_error_content h3{
        font-size: 1.75rem;
    }
    /* image generator page */
    #outputImages img{
        margin-bottom: 1.5rem;
    }
    /* timeline Page */
    .d2c_timeline_content {
        width: 32%;
    }
    .d2c_timeline_wrapper {
        padding: 0.75rem;
    }
    .d2c_trading_journey_timeline{
        padding: 0rem;
    }
    .d2c_trading_timeline_content  .d2c_card_wrapper {
        padding: 1.25rem !important;
    }
    /* landing page */
    .d2c_hero_main{
        height: auto;
        padding: 6.25rem 0rem;
    }
    .d2c_hero_content .d2c_hero_title {
        font-size: 3.125rem;
    }
    .d2c_hero_content h4{
        font-size: 1.5rem;
    }
    .d2c_hero_icon_wrapper img:first-child,.d2c_hero_icon_wrapper img:nth-child(3){
        left: -2.5rem;
    }
    .d2c_hero_icon_wrapper img:nth-child(4),.d2c_hero_icon_wrapper img:last-child{
        right: -2.5rem;
    }
    .d2c_hero_icon_wrapper img:nth-child(2){
        left: -4.375rem;
    }
    .d2c_hero_icon_wrapper img:nth-child(5){
        right: -4.375rem;
    }
    .d2c_about h3{
        font-size: 1.375rem;
    }
    .d2c_chooseUs_card {
        padding: 1.563rem;
    }
    .d2c_how_works{
        padding: 0rem;
    }
    .d2c_input_info {
        margin-bottom: 5rem;
    }
    .d2c_input_info .d2c_content_preview_wrapper::before{
        bottom: -6.875rem;
        right: -10rem;
    }
    .d2c_input_info .d2c_content_preview_wrapper::after{
        right: -14.688rem;
        bottom: -8.438rem;    
    }
}


@media only screen and (min-width:992px) and (max-width:1199px){
    h2,.d2c_title{
        font-size: 2rem;
    }
    section{
        padding: 5rem 0rem;
    }
    .d2c_navbar .navbar-nav .nav-link{
        font-size: 0.875rem;
    }
    .d2c_navbar .navbar-nav .nav-item{
        margin: 0rem 0.5rem;
    }
    /* faq page */
    .d2c_faq_accordion .accordion-button{
        font-size: 1rem;
    }
    /* authentication pages */
    .d2c_sign_up {
        height: auto;
    }
    /* chat page */
    .chat-type-content .btn{
        margin: 0.0625rem;
        padding: 0.25rem 0.875rem;
    }
    /* timeline page */
    .d2c_timeline_content {
        width: 30%;
    }
    .d2c_trading_journey_timeline{
        padding: 0rem;
    }
    .d2c_trading_timeline_content .d2c_card_wrapper{
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    /* landing page */
    .d2c_hero_content .d2c_hero_title {
        font-size: 4.063rem;
    }
    .d2c_hero_content h4{
        font-size: 2rem;
    }
    .d2c_hero_main{
        height: 90vh;
    }
    .d2c_about h3{
        font-size: 1.25rem;
    }
    .d2c_chooseUs_card{
        padding: 1.875rem 1.25rem;
    }
    .d2c_how_works{
        padding: 0rem;
    }
    .d2c_call_to_action_wrapper{
        padding: 2.5rem;
    }
    /* image generator page */
    #outputImages img{
        margin-bottom: 1.5rem;
    }
    /* content generator page */
    .d2c_call_to_action{
        padding: 1.5rem;
    }

    
}

@media only screen and (min-width:1200px) and (max-width:1600px){

    h2,.d2c_title{
        font-size: 2rem;
    }
    /* dashboard page */
    .d2c_template_card h6 {
        font-size: 0.875rem;
    }
    .d2c_template_card p {
        font-size: 0.8125rem;
    }
    /* chat page */
    .chat-type-content .btn{
        margin: 0.0625rem;
        padding: 0.375rem 1rem;
    }
    /* landing page */
    .d2c_hero_content .d2c_hero_title{
        font-size: 5rem;
    }
    .d2c_pricing_header h2{
        font-size: 1.75rem;
    }

    /* content generator page */
    .d2c_call_to_action{
        padding: 1.25rem;
    }
    .d2c_call_to_action p{
        font-size: 0.875rem;
    }
    .d2c_call_to_action .btn{
        padding: 0.375rem 0.875rem;
        font-size: 0.8125rem;
    }
    /* image generator page */
    #outputImages img{
        margin-bottom: 1.5rem;
    }

    /* timeline page */
    .d2c_timeline_content {
        width: 27%;
    }
    .d2c_trading_timeline_content .d2c_card_wrapper{
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    /* pricing page */
    .d2c_pricing_header_wrapper{
        width: 70%;
    }

    /* calender page */
    .fc-day {
        padding: 0.3125rem !important;
    }
    .fc-h-event .fc-event-title{
        font-weight: 400;
        font-size: 0.625rem;
    }
}

/* Template Name: {{WordArtAI - AI Writing SaaS Dashboard Template}}
Template URL: {{https://www.designtocodes.com/product/wordartai-ai-writing-saas-dashboard-template}}
Description: {{WordArtAI is a SaaS dashboard template that comes with lots of awesome features. This customizable dashboard template is best for content marketers, bloggers, social media managers, businesses, and analytics.}}
Author: DesignToCodes
Author URL: https://www.designtocodes.com
Text Domain: {{ WordArtAI }}  */