/* 
   Template Name: {{ #  }}
    Template URL: {{ # }}
    Description: {{ # }}
    Author: DesignToCodes
    Author URL: https://www.designtocodes.com
    Text Domain: {{ CSume }}
*/

@media only screen and (min-width:0px) and (max-width:574px) { 
    body,.container{
        overflow-x: hidden;
    }
    .d2c_title{
        font-size: 26px;
    }
    h1{
        font-size: 40px;
    }
    h2{
        font-size: 26px;
    }
    h3{
        font-size: 18px;
    }
    h4{
        font-size: 18px;
    }
    p{
        font-size: 15px;
    }
    section{
        padding: 35px 0px;
    }
    .d2c_header{
        margin-bottom: 0px;
    }
    [class *="col-"]{
        padding: 15px;
    }

    .d2c_hero_content{
        padding: 50px 0px;
    }
    .d2c_hero_right{
        padding-top: 15px;
    }
    .d2c_hero_content h4{
        font-size: 16px;
        letter-spacing: 1px;
    }
    .d2c_hero_content .d2c_subtitle{
        font-size: 16px;
        letter-spacing: 1px;
    }
    .d2c_hero_content .d2c_title{
        font-size: 38px;
    }
    .d2c_hero_content .d2c_btn {
        margin-top: 5px;
    }

    /* about section */
    .d2c_about{
        background-image: none;
        padding-bottom: 10px;
    }
    .d2c_about_left_column {
        padding-right: 12px;
    }
    .d2c_about_left .d2c_experience{
        right: 0px;
        padding: 10px 15px;
    }
    .d2c_about_key_points h3{
        margin-bottom: 8px;
    }
    .d2c_about_key_points::before{
        top: 42px;
    }
    .d2c_experience h3{
        font-size: 32px;
    }
    .d2c_experience p{
        font-size: 15px;
    }

    /* services section */
    .d2c_services{
        background-image: none;
        padding-top: 0px;
    }
    .d2c_services .d2c_header{
        margin-bottom: 0px;
    }
    .d2c_services [class *="col-"]{
        padding: 30px 10px;
    }
    
    /* counter */
    .d2c_icon{
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    .d2c_counter_content h3{
        font-size: 32px;
    }
    .d2c_counter_content p{
        font-size: 15px;
        font-weight: 500;
    }

    /* why choose me section */
    .d2c_why_choose{
        padding-bottom: 0px;
    }
    .d2c_choose_me_right{
        padding-bottom: 0px;
    }
    .d2c_choose_me_key_points {
        margin-top: 10px;
    }
    .d2c_choose_me_key_points .d2c_icon{
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
    .d2c_choose_me_content h3 {
        margin-top: 16px;
    }
    .d2c_choose_me_key_points h4 {
        margin-bottom: 5px;
    }
    .d2c_choose_me_right::before,.d2c_choose_me_right::after{
        display: none;
    }

    /* features */
    .d2c_features .d2c_title{
        font-size: 34px;
    }

    /* portfolio */
    .d2c_portfolio .d2c_header{
        margin-bottom: 0px;
    }

    /* company logo */
    .d2c_company_logo .d2c_header{
        margin-bottom: 0px;
    }

    /* awards section */
    .d2c_awards_card{
        padding: 30px 20px;
    }

    /* contact section */
    .d2c_contact{
        padding-top: 0px;
    }
    .d2c_contact_left {
        padding: 0px 20px 0px 20px;
    }
    .d2c_contact .d2c_profile_image{
        width: 100%;
    }

    .d2c_footer{
        padding-top: 40px;
    }
    .d2c_copyright p{
        font-size: 13px;
    }
}

@media only screen and (min-width:575px) and (max-width:767px) { 
    body,.container{
        overflow-x: hidden;
    }
    .container{
        max-width: 540px;
    }
    .d2c_title{
        font-size: 26px;
    }
    h1{
        font-size: 40px;
    }
    h2{
        font-size: 28px;
    }
    h3{
        font-size: 20px;
    }
    h4{
        font-size: 18px;
    }
    p{
        font-size: 15px;
    }
    section{
        padding: 35px 0px;
    }
    .d2c_header{
        margin-bottom: 0px;
    }
    [class *="col-"]{
        padding: 15px;
    }

    .d2c_hero_content{
        padding: 60px 0px;
    }
    .d2c_hero_right{
        padding-top: 15px;
    }
    .d2c_hero_content h4{
        font-size: 16px;
        letter-spacing: 1px;
    }
    .d2c_hero_content .d2c_subtitle{
        font-size: 16px;
        letter-spacing: 1px;
    }
    .d2c_hero_content .d2c_title{
        font-size: 40px;
    }
    .d2c_hero_content .d2c_btn {
        margin-top: 5px;
    }

    /* about section */
    .d2c_about{
        background-image: none;
        padding-bottom: 10px;
    }
    .d2c_about_left_column {
        padding-right: 12px;
    }
    .d2c_about_left .d2c_experience{
        right: 0px;
        padding: 10px 15px;
    }
    .d2c_about_key_points h3{
        margin-bottom: 8px;
    }
    .d2c_about_key_points::before{
        top: 42px;
    }
    .d2c_experience h3{
        font-size: 32px;
    }
    .d2c_experience p{
        font-size: 15px;
    }

    /* services section */
    .d2c_services{
        background-image: none;
        padding-top: 0px;
    }
    .d2c_services .d2c_header{
        margin-bottom: 0px;
    }
    .d2c_services [class *="col-"]{
        padding: 30px 10px;
    }
    
    /* counter */
    .d2c_icon{
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    .d2c_counter_content h3{
        font-size: 32px;
    }
    .d2c_counter_content p{
        font-size: 15px;
        font-weight: 500;
    }

    /* why choose me section */
    .d2c_choose_me_key_points {
        margin-top: 10px;
    }
    .d2c_choose_me_key_points .d2c_icon{
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
    .d2c_choose_me_content h3 {
        margin-top: 16px;
    }
    .d2c_choose_me_key_points h4 {
        margin-bottom: 5px;
    }
    .d2c_choose_me_right::before,.d2c_choose_me_right::after{
        display: none;
    }

    /* features */
    .d2c_features .d2c_title{
        font-size: 30px;
    }

    /* portfolio */
    .d2c_portfolio .d2c_header{
        margin-bottom: 0px;
    }

    /* company logo */
    .d2c_company_logo .d2c_header{
        margin-bottom: 0px;
    }

    /* awards section */
    .d2c_awards_card{
        padding: 30px 20px;
    }

    /* contact section */
    .d2c_contact{
        padding-top: 0px;
    }
    .d2c_contact_left {
        padding: 0px 20px 0px 20px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) { 
    body,.container{
        overflow-x: hidden;
    }
    .container{
        max-width: 720px;
    }
    .d2c_title{
        font-size: 28px;
    }
    h1{
        font-size: 40px;
    }
    h2{
        font-size: 28px;
    }
    h3{
        font-size: 20px;
    }
    h4{
        font-size: 18px;
    }
    p{
        font-size: 15px;
    }
    section{
        padding: 60px 0px;
    }
    .d2c_header{
        margin-bottom: 10px;
    }

    .d2c_hero_content{
        padding: 0px;
    }
    .d2c_hero_content .d2c_title{
        font-size: 36px;
    }
    .d2c_hero_content .d2c_subtitle,.d2c_hero_content h4{
        font-size: 18px;
        letter-spacing: 1px;
    }
    .d2c_hero_content .d2c_subtitle{
        margin-bottom: 15px;
    }
    .d2c_hero_content .d2c_btn {
        margin-top: 10px;
    }
    .d2c_hero_right{
        padding-top: 40px;
    }

    .d2c_services{
        padding-top: 0px;
    }
    .d2c_services [class *="col-"] {
        padding: 30px 10px;
    }
    .d2c_services .d2c_header {
        margin-bottom: 20px;
    }

    .d2c_counter_content h3{
        font-size: 36px;
    }
    .d2c_counter_content p{
        font-size: 14px;
        font-weight: 500;
    }
    .d2c_icon{
        width: 50px;
        height: 50px;
        font-size: 25px;
    }
    .d2c_icon_column{
        width: 12%;
    }

    .d2c_choose_me_key_points {
        margin-top: 10px;
    }

    .d2c_features .d2c_title{
        font-size: 40px;
    }

    .d2c_gallery_content p{
        margin-bottom: 0px;
    }
    .d2c_gallery_content h4{
        font-size: 20px;
    }

    .d2c_company_logo .d2c_header p{
        margin-bottom: 0px;
    }

    .d2c_contact{
        padding-top: 0px;
    }
    .d2c_contact_left{
        padding: 20px 0px 20px 20px;
    }
    .d2c_form_column{
        padding: 5px 15px;
    }
    .d2c_contact_right{
        display: flex;
        align-items: center;
        justify-content: end;
        padding-left: 20px;
    }
    .d2c_contact .d2c_profile_image{
        width: 90%;
    }
    .d2c_contact form .d2c_btn{
        width: 100%;
    }
    .d2c_contact_para{
        display: none;
    }

    .d2c_footer{
        padding-top: 40px;
    }
    .d2c_footer_2 ul{
        margin-bottom: 0px;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) { 
    body,.container{
        overflow-x: hidden;
    }
    .container{
        max-width: 960px;
    }
    .d2c_title{
        font-size: 32px;
    }
    h1{
        font-size: 40px;
    }
    h2{
        font-size: 32px;
    }
    h3{
        font-size: 20px;
    }
    h4{
        font-size: 18px;
    }
    p{
        font-size: 16px;
    }
    section{
        padding: 70px 0px;
    }

    .d2c_hero_right{
        padding-top: 50px;
    }

    .d2c_about_key_points{
        padding-top: 10px;
    }
    .d2c_about_key_points h3{
        margin-bottom: 5px;
    }
    .d2c_about_key_points::before{
        top: 25px;
    }
    .d2c_services{
        padding-top: 0px;
    }
    .d2c_services [class *="col-"] {
        padding: 30px 10px;
    }
    .d2c_services .d2c_header{
        margin-bottom: 15px;
    }

    .d2c_features .d2c_title{
        font-size: 45px;
    }

    .d2c_gallery_content h5{
        margin-top: 0px;
    }

    .d2c_contact_right{
        padding-left: 15px;
    }
    .d2c_contact_left {
        padding: 50px 30px 50px 50px;
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px){ 
    .d2c_hero_right{
        padding-top: 60px;
    }
}


/* 
   Template Name: {{ #  }}
    Template URL: {{ # }}
    Description: {{ # }}
    Author: DesignToCodes
    Author URL: https://www.designtocodes.com
    Text Domain: {{ CSume }}
*/