/* 
    ======================== ***** ============================= 
    Template Name: WritLine - AI Content Writer SaaS Landing Page Template
    Template URI:  https://designtocodes.com/product/writline-ai-saas-landing-page-template
    Description:   WritLine is the ultimate SaaS Landing Page Template for AI-based tools. The landing template is best for all types of AI tools such as content generators, Image generators, copywriting, content writing, blog post generators, chatbots, and other AI tools.
    Author:        DesignToCodes
    Author URI:    https://www.designtocodes.com
    Text Domain:   WritLine
*/

/* small phone responsive css */
@media only screen and (min-width:0px) and (max-width:575px) {

    section{
        padding: 3.125rem 0rem;
    }
    .d2c_hero_title{
        font-size: 1.875rem;
    }
    h2{
        font-size: 1.75rem;
    }
    p,li{
        font-size: 0.875rem;
    }
    .d2c_title{
        font-size: 1.75rem;
    }
    .d2c_subtitle{
        font-size: 1.25rem;
    }
    .d2c_card{
        padding: 1.875rem 1.25rem;
    }
    .d2c_btn{
        padding: 0.5625rem 1.5625rem 0.5rem;
    }
    .d2c_nav_right .d2c_btn {
        background: #44bbb5;
        color: var(--secondary_color);
    }
    .d2c_section_right_image{
        width: 80%;
        margin: auto;
    }

    .d2c_hero_content {
        padding: 2.5rem 0rem;
    }
    .d2c_play_btn{
        width: 2.375rem;
        height: 2.375rem;
        font-size: 0.75rem;
    }

    .d2c_about_content {
        padding-top: 0.625rem;
    }

    .d2c_works_video{
        height: 15.625rem;
    }
    .d2c_works_video i{
        width: 3.75rem;
        height: 3.75rem;
        font-size: 1.5rem;
    }

    .d2c_works_card_icon{
        width: 3.125rem;
        height: 3.125rem;
    }

    .d2c_faq_card h3{
        font-size: 1rem;
    }

    .d2c_contact_left img {
        width: 80% !important;
        margin: auto !important;
    }

    .d2c_footer{
        padding: 3.125rem 0rem;
    }
    .d2c_copyright{
        margin-top: 3.125rem;
    }
    .d2c_copyright p{
        font-size: 0.75rem;
    }
}

/* Medium phone responsive css */
@media only screen and (min-width:576px) and (max-width:767px) {

    section{
        padding: 3.125rem 0rem;
    }
    .d2c_hero_title{
        font-size: 1.875rem;
    }
    h2{
        font-size: 1.75rem;
    }
    p,li{
        font-size: 0.875rem;
    }
    .d2c_title{
        font-size: 1.75rem;
    }
    .d2c_subtitle{
        font-size: 1.25rem;
    }
    .d2c_card{
        padding: 1.875rem 1.25rem;
    }
    .d2c_btn{
        padding: 0.5625rem 1.5625rem 0.5rem;
    }
    .d2c_nav_right .d2c_btn {
        background: #44bbb5;
        color: var(--secondary_color);
    }

    .d2c_hero_content {
        padding: 2.5rem 0rem;
    }

    .d2c_about_content {
        padding-top: 0.625rem;
    }

    .d2c_works_video{
        height: 15.625rem;
    }
    .d2c_works_video i{
        width: 3.75rem;
        height: 3.75rem;
        font-size: 1.5rem;
    }

    .d2c_works_card_icon{
        width: 3.125rem;
        height: 3.125rem;
    }

    .d2c_faq_card h3{
        font-size: 1rem;
    }

    .d2c_contact_left img {
        max-width: 100% !important;
    }

    .d2c_footer{
        padding: 3.125rem 0rem;
    }
    .d2c_copyright{
        margin-top: 3.125rem;
    }
    .d2c_copyright p{
        font-size: 0.75rem;
    }
}

/* tablet device responsive css */
@media only screen and (min-width:768px) and (max-width:991px) {
    section{
        padding: 4.375rem 0rem;
    }
    .d2c_hero_title{
        font-size: 1.75rem;
    }
    h2{
        font-size: 2rem;
    }
    p,li{
        font-size: 0.9375rem;
    }
    .d2c_title{
        font-size: 2rem;
    }
    .d2c_subtitle{
        font-size: 1.5rem;
    }
    .d2c_card{
        padding: 2.1875rem 1.5625rem;
    }

    .d2c_hero_content {
        padding: 5rem 0rem 6.25rem 0rem;
    }

    .d2c_about_content {
        padding-top: 1.25rem;
    }

    .d2c_works_video{
        height: 18.75rem;
    }

    .d2c_footer{
        padding: 3.125rem 0rem;
    }
    .d2c_copyright{
        margin-top: 3.125rem;
    }
    .d2c_copyright p{
        font-size: 0.8125rem;
    }
}

/* large device responsive css */
@media only screen and (min-width:992px) and (max-width:1199px) {
    section{
        padding: 5.625rem 0rem;
    }
    .d2c_hero_title{
        font-size: 2.8125rem;
    }
    h2{
        font-size: 2.25rem;
    }
    p,li{
        font-size: 0.9375rem;
    }
    .d2c_title{
        font-size: 1.875rem;
    }
    .d2c_section_right_image{
        width: 95%;
    }
    .d2c_subtitle{
        font-size: 1.375rem;
    }
    .d2c_card{
        padding: 1.875rem 1.25rem;
    }

    .d2c_hero_content {
        padding: 7.5rem 0rem;
    }

    .d2c_about_content {
        padding-top: 2.5rem;
    }

    .d2c_choose_us_card{
        padding: 1.875rem 0.9375rem;
    }
    .d2c_choose_us_card h4{
        font-size: 1.125rem;
    }

    .d2c_works_video{
        height: 25rem;
    }
    
    .d2c_footer {
        padding: 3.125rem 0rem;
    }
    .d2c_copyright{
        margin-top: 3.125rem;
    }
}


@media only screen and (min-width:1200px) and (max-width:1600px) {
    .d2c_hero_content {
        padding: 7.5rem 0rem;
    }
}