@media only screen and (min-width:0px) and (max-width:767px){
    section{
        padding: 3.125rem 0rem;
    }
    p{
        font-size: 0.938rem;
    }
    h2{
        font-size: 1.75rem;
    }
    h3{
        font-size: 1.25rem;
    }
    h4{
        font-size: 1.25rem;
    }
    .btn{
        padding: 0.5rem 1.25rem 0.438rem 1.25rem;
        font-size: 0.938rem;
    }
    /* landing page */
    .navbar.d2c_mobile_view_body .navbar-nav{
        align-items: start;
    }
    .navbar .dropdown .dropdown-menu.show{
        position: absolute;
        top: 100%;
        left: 0rem !important;
        right: inherit;
    }
    .d2c_hero_content {
        padding: 2.5rem 0rem;
    }
    .d2c_hero_content .d2c_hero_title {
        font-size: 2.5rem;
        line-height: 48px;
    }
    .d2c_hero .navbar-brand {
        max-width: 9.25rem;
    }
    .d2c_hero .nav_link{
        font-size: 0.875rem;
    }
    .d2c_works_card{
        padding: 1.875rem 1.25rem;
    }
    .d2c_works_card_icon{
        width: 3.125rem;
        height: 3.125rem;
    }
    .d2c_call_to_action{
        padding-top: 3.125rem;
    }
    .d2c_call_to_action h2{
        font-size: 1.5rem;
    }

    /* authentication pages */
    .d2c_sign_up {
        height: auto;
    }
    .d2c_login_wrapper{
        padding: 1.25rem 0.625rem;
    }
}


@media only screen and (min-width:768px) and (max-width:991px){
    section{
        padding: 4.375rem 0rem;
    }

    /* landing page */
    .navbar .dropdown .dropdown-menu.show{
        position: absolute;
        top: 100%;
        left: 0rem !important;
        right: inherit;
    }
    .d2c_hero_content {
        padding: 6.25rem 0rem;
    }
    .d2c_hero_content .d2c_hero_title {
        font-size: 2.5rem;
        line-height: 58px;
    }   
    .d2c_call_to_action{
        padding-top: 4.375rem;
    }
    /* authentication pages */
    .d2c_sign_up {
        height: auto;
    }
    .d2c_login_wrapper{
        padding: 1.25rem 0.625rem;
    }
    
}


@media only screen and (min-width:992px) and (max-width:1199px){
    section{
        padding: 5rem 0rem;
    }

    /* landing page */
    .d2c_mobile_view.show .show_width{
        display: none;
    }
    .d2c_hero_content {
        padding: 8.125rem 0rem;
    }
    .d2c_how_works{
        padding-top: 0rem;
    }
    .d2c_works_card{
        padding: 2.5rem 0.938rem;
    }
    .d2c_works_card h3{
        font-size: 1.25rem;
    }
    .d2c_call_to_action{
        padding-top: 5rem;
    }
}
@media only screen and (min-width:1200px) and (max-width:1500px){
    .d2c_mobile_view.show .show_width{
        display: none;
    }
    .d2c_login_wrapper{
        padding: 1rem;
    }

    /* small card */
    .d2c_small_card h6{
        font-size: 1rem;
    }
}

/* 
Template Name: {{AIWriteCraft - AI Writing SaaS Landing Page Template}}
Template URL: {{https://designtocodes.com/product/aiwritecraft-saas-landing-page-template/}}
Description: {{AIWriteCraft is a SaaS landing page template for AI writing tools websites. This template is perfect for AI content writing tools, or any SaaS tools.}}
Author: DesignToCodes
Author URL: https://www.designtocodes.com
Text Domain: {{ AIWriteCraft }} 
*/