/* 
    Template Name: CSUME V2
    Template URL:  https://www.designtocodes.com/product/csume-v2-cyber-security-expert-one-page-website-template/
    Description:   CSUME V2 – One Page Cyber Security Expert Portfolio Template is built with a modern design and the latest web technologies.
    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: 27px;
    }
    h1{
        font-size: 40px;
    }
    h2{
        font-size: 26px;
    }
    h3{
        font-size: 18px;
    }
    h4{
        font-size: 16px;
    }
    p{
        font-size: 15px;
    }
    section{
        padding: 35px 0px;
    }
    .d2c_header{
        margin-bottom: 0px;
    }
    [class *="col-"]{
        padding-left: 15px;
        padding-right: 15px;
    }
    .d2c_btn{
        padding: 8px 15px;
        font-size: 14px;
    }
    .d2c_header{
        width: 100%;
        margin-bottom: 20px;
    }

    /* hero section */
    .d2c_hero_content .d2c_title{
        font-size: 32px;
    }
    .d2c_hero_right::before{
        top: 0px;
        z-index: -1;
    }

    /* about section */
    .d2c_about{
        background-image: none;
    }
    /* counter */
    .d2c_icon{
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    .d2c_counter_content h3{
        font-size: 36px;
    }
    .d2c_counter_content p{
        font-weight: 500;
        font-size: 14px;
    }

    /* services section */
    .d2c_services{
        padding-bottom: 35px;
    }
    .d2c_services_card{
        margin-left: 0px !important;
        margin-bottom: 24px;
        margin-right: 0px !important;
    }
    .d2c_services .d2c_header {
        margin-bottom: 0;
    }
    .d2c_services_left .d2c_services_card:last-child{
        margin-bottom: 0px;
    }

    /* advice section */
    .d2c_advice .d2c_btn {
        margin-top: 25px;
    }
    /* choose me section */
    .d2c_choose_me_key_points .d2c_icon {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
    .d2c_content_column {
        width: 85%;
        margin-left: 3%;
    }
    .d2c_company_logo {
        margin-top: 35px;
    }
    .d2c_logo_wrapper_column{
        padding: 12px;
    }
    /* gallery section */
    .d2c_gallery_grid{
        display: block;
    }
    .d2c_gallery_image_wrapper{
        margin-bottom: 24px;
    }
    .d2c_gallery_content p{
        margin-bottom: 0px;
    }
    .d2c_gallery_content{
        padding: 20px;
    }
    /* awards section */
    .d2c_awards{
        background-image: none;
    }
    .d2c_awards_card h3{
        font-weight: 500;
        font-size: 16px;
        padding: 13px;
    }
    .d2c_awards_card {
        margin-top: 20px;
    }
    .d2c_awards .d2c_profile_img{
        width: 100%;
    }

    /* testimonial section */
    .d2c_testimonial{
        padding: 40px 0px 20px 0px;
    }
    .d2c_testimonial .slick-list{
        height: auto;
    }
    .d2c_testimonial_right_content {
        padding-top: 10px;
    }
    .slick-list{
        overflow: unset;
    }
    /* contact section */
    .d2c_contact form {
        margin-top: 0;
    }
    /* newsletter */
    .d2c_newsletter{
        padding: 30px 0px;
    }
    .d2c_newsletter .d2c_btn{
        font-size: 16px;
    }
    /* footer */
    .d2c_footer_content_wrapper{
        padding: 20px 0px;
    }
    .d2c_footer_nav li{
        display: block;
        margin: 5px 0px;
    }
    .d2c_footer_nav li a{
        font-size: 14px;
        font-weight: 500;
        padding: 0px;
    }
    .d2c_social_link a{
        width: 30px;
        height: 30px;
        font-size: 14px;
    }


    .d2c_copyright p{
        font-size: 13px;
    }
}

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

    /* hero section */
    .d2c_hero_content .d2c_title{
        font-size: 32px;
    }
    .d2c_hero_right::before{
        top: 0px;
        z-index: -1;
    }

    /* about section */
    .d2c_about{
        background-image: none;
    }
    /* counter */
    .d2c_icon{
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    .d2c_counter_content h3{
        font-size: 36px;
    }
    .d2c_counter_content p{
        font-weight: 500;
        font-size: 14px;
    }

    /* services section */
    .d2c_services{
        padding-bottom: 35px;
    }
    .d2c_services_card{
        margin-left: 0px !important;
        margin-bottom: 24px;
        margin-right: 0px !important;
    }
    .d2c_services .d2c_header {
        margin-bottom: 0;
    }
    .d2c_services_left .d2c_services_card:last-child{
        margin-bottom: 0px;
    }

    /* advice section */
    .d2c_advice .d2c_btn {
        margin-top: 25px;
    }
    /* choose me section */
    .d2c_choose_me_key_points .d2c_icon {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
    .d2c_content_column {
        width: 85%;
        margin-left: 3%;
    }
    .d2c_company_logo {
        margin-top: 35px;
    }
    .d2c_logo_wrapper_column{
        padding: 12px;
    }
    /* gallery section */
    .d2c_gallery_grid{
        display: block;
    }
    .d2c_gallery_image_wrapper{
        margin-bottom: 24px;
    }
    .d2c_gallery_content p{
        margin-bottom: 0px;
    }
    .d2c_gallery_content{
        padding: 20px;
    }
    /* awards section */
    .d2c_awards{
        background-image: none;
    }
    .d2c_awards_card h3{
        font-weight: 500;
        font-size: 16px;
        padding: 13px;
    }
    .d2c_awards_card {
        margin-top: 20px;
    }
    .d2c_awards .d2c_profile_img{
        width: 100%;
    }

    /* testimonial section */
    .d2c_testimonial{
        padding: 40px 0px 20px 0px;
    }   
    .d2c_testimonial_right_content {
        padding-top: 30px;
    }
    .slick-list{
        overflow: unset;
    }
    /* contact section */
    .d2c_contact form {
        margin-top: 0;
    }
    /* newsletter */
    .d2c_newsletter{
        padding: 30px 0px;
    }
    .d2c_newsletter .d2c_btn{
        font-size: 16px;
    }
    /* footer */
    .d2c_footer_content_wrapper{
        padding: 20px 0px;
    }
    .d2c_footer_nav li{
        display: block;
        margin: 5px 0px;
    }
    .d2c_footer_nav li a{
        font-size: 14px;
        font-weight: 500;
        padding: 0px;
    }
    .d2c_social_link a{
        width: 30px;
        height: 30px;
        font-size: 14px;
    }


    .d2c_copyright p{
        font-size: 14px;
    }
}

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

    .d2c_hero_content{
        padding: 0px;
    }
    .d2c_hero_content .d2c_title{
        font-size: 30px;
    }
    .d2c_hero_right::before{
        left: -50px;
        top: 0px;
    }
    .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_hero_content .d2c_description span{
        display: none;
    }
    /* counter */
    .d2c_counter_content h3{
        font-size: 36px;
    }
    .d2c_counter_content p{
        font-size: 14px;
        font-weight: 500;
    }
    .d2c_counter{
        padding: 45px 0px;
    }
    .d2c_icon{
        width: 50px;
        height: 50px;
        font-size: 25px;
    }
    /* services section */
    .d2c_services{
        padding-bottom: 60px;
    }
    .d2c_services_card {
        margin-left: 0px !important;
        margin-bottom: 24px;
        margin-right: 0px !important;
    }
    .d2c_services .d2c_header {
        margin-bottom: 28px;
    }
    /* choose me section */
    .d2c_company_logo {
        margin-top: 30px;
    }
    .d2c_why_choose hr{
        margin-bottom: 4px;
    }
    /* gallery section */
    .d2c_gallery_grid .d2c_gallery_column:first-child{
        grid-column: 1 / 7;
    }
    .d2c_gallery_grid .d2c_gallery_column:nth-child(2){
        grid-column: 1 / 4;
    }
    .d2c_gallery_grid .d2c_gallery_column:nth-child(3){
        grid-column: 4 / 7;
    }
    .d2c_gallery_grid .d2c_gallery_column:nth-child(4){
        grid-column: 1 / 4;
    }
    .d2c_gallery_grid .d2c_gallery_column:nth-child(5){
        grid-column: 4 / 7;
    }
    /* awards section */
    .d2c_awards{
        background-image: none !important;
    }
    .d2c_awards_card h3{
        font-size: 18px;
        padding: 10px 15px;
    }
    .d2c_awards_card{
        margin-top: 15px;
    }

    /* testimonial section */
    .d2c_testimonial{
        height: auto;
    }
    .d2c_testimonial_right_content {
        padding-top: 0;
    }
    .d2c_client_details .d2c_star {
        margin: 20px 0px 10px 0px;
    }
    .d2c_testimonial .slick-track{
        width: 100% !important;
    }
    .d2c_testimonial .d2c_testimonial_card_img img{
        width: 60px;
        height: 60px;
    }
    .d2c_testimonial .slick-current img{
        width: 70px;
        height: 70px;
    }
    .d2c_testimonial_image{
        background-size: contain;
    }
    .d2c_testimonial_image .d2c_testimonial_card_img:first-child img{
        bottom: 60px;
    }
    .d2c_testimonial_image .d2c_testimonial_card_img:nth-child(2) img{
        left: 45px;
    }
    .d2c_testimonial_image .d2c_testimonial_card_img:nth-child(3) img{
        top: 60px;
    }
    .d2c_testimonial_image .d2c_testimonial_card_img:nth-child(4) img{
        top: 60px;
        left: 100px;
    }
    .d2c_testimonial_image .d2c_testimonial_card_img:nth-child(5) img{
        left: 145px;
    }
    .d2c_testimonial_image .d2c_testimonial_card_img:nth-child(6) img{
        left: 100px;
        bottom: 60px;
    }
    .d2c_testimonial_image .d2c_testimonial_card_img:nth-child(7) img{
        right: 0px;
        bottom: 60px;
    }
    .d2c_testimonial_image .d2c_testimonial_card_img:nth-child(8) img{
        top: 60px;
        right: 0px;
    }

    /* footer */
    .d2c_footer_nav{
        text-align: right;
    }
    .d2c_footer_nav li a{
        font-weight: 500;
    }
    .d2c_footer_nav li{
        display: block;
        margin: 5px 0px;
    }
}

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

    .d2c_hero_content .d2c_title{
        font-size: 40px;
    }
    .d2c_hero_right::before{
        top: 0px;
        left: -40px;
    }
    /* about section */
    .d2c_about{
        background-image: none;
    }
    .d2c_about_content .d2c_card h3,.d2c_about_content .d2c_card p{
        padding: 15px;
    }
    .d2c_about_content .d2c_card h3{
        font-size: 17px;
    }
    .d2c_about_content .d2c_card p{
        font-size: 14px;
    }
    .d2c_about_content .d2c_about_description span{
        display: none;
    }
    .d2c_counter_content h3{
        font-size: 40px;
    }
    /* services section */
    .d2c_services_card {
        margin-bottom: 40px;
    }
    .d2c_services_left .d2c_services_card:first-child {
        margin-left: 35px;
    }
    .d2c_services_right .d2c_services_card:first-child{
        margin-right: 35px ;
        margin-left: -35px ;
    }
    .d2c_services_image{
        transform: scale(1.3);
    }
    .d2c_services .d2c_header {
        margin-bottom: 40px;
    }
    .d2c_services{
        padding-bottom: 70px;
    }
    /* choose me section */
    .d2c_choose_me_content .d2c_title{
        font-size: 26px;
    }
    .d2c_icon_column {
        width: 14%;
    }
    .d2c_content_column {
        width: 86%;
    }
    .d2c_company_logo {
        margin-top: 50px;
    }
    /* gallery section */
    .d2c_gallery_content{
        padding: 20px;
    }
    .d2c_gallery_content h4{
        font-size: 16px;
    }
    .d2c_gallery_content li, .d2c_gallery_content p{
        font-size: 14px;
    }
    /* awards section */
    .d2c_awards_card h3{
        padding: 10px;
    }
    .d2c_awards_card{
        margin-top: 15px;
    }
    /* testimonial section */
    .d2c_testimonial{
        height: 520px;
    }
    .d2c_testimonial .d2c_testimonial_card_img img{
        width: 70px;
        height: 70px;
    }
    .d2c_testimonial .slick-current img{
        width: 80px;
        height: 80px;
    }
    .d2c_testimonial_image{
        background-size: contain;
    }
    .d2c_testimonial_image .d2c_testimonial_card_img:first-child img{
        bottom: 25px;
    }
    .d2c_testimonial_image .d2c_testimonial_card_img:nth-child(2) img{
        left: 45px;
    }
    .d2c_testimonial_image .d2c_testimonial_card_img:nth-child(3) img{
        top: 25px;
    }
    .d2c_testimonial_image .d2c_testimonial_card_img:nth-child(4) img{
        top: 25px;
        left: 150px;
    }
    .d2c_testimonial_image .d2c_testimonial_card_img:nth-child(5) img{
        left: 225px;
    }
    .d2c_testimonial_image .d2c_testimonial_card_img:nth-child(6) img{
        left: 150px;
        bottom: 25px;
    }
    .d2c_testimonial_image .d2c_testimonial_card_img:nth-child(7) img{
        right: 0px;
        bottom: 25px;
    }
    .d2c_testimonial_image .d2c_testimonial_card_img:nth-child(8) img{
        top: 25px;
        right: 0px;
    }
    .d2c_testimonial_right_content {
        padding-top: 0;
    }
    /* footer */
    .d2c_footer_nav li a{
        font-size: 14px;
        font-weight: 500;
        padding: 0px 5px;
    }
    .d2c_social_link a{
        width: 25px;
        height: 25px;
        font-size: 14px;
    }
    .d2c_footer_content_wrapper{
        padding: 20px 0px;
    }

}

@media only screen and (min-width:1200px) and (max-width:1399px){ 
    section{
        padding: 80px 0px;
    }
    .d2c_hero_content .d2c_title{
        font-size: 45px;
    }
    .d2c_about_content .d2c_card h3{
        font-size: 18px;
    }
    .d2c_services .d2c_header{
        margin-bottom: 40px;
    }
    .d2c_services{
        padding-bottom: 80px;
    }
    .d2c_footer_nav li a{
        font-size: 14px;
    }
    .d2c_social_link a{
        width: 32px;
        height: 32px;
        font-size: 15px;
    }
}


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