@media only screen and (min-width:0px) and (max-width:767px){/* Global Style Start */ section{padding: 50px 15px;}h2{font-size: 28px;}h6{font-size: 15px;}p{font-size: 15px;}.btn{font-size: 14px; padding: 9px 32px 8px;}.d2c_features_wrapper .d2c_card{padding: 30px 30px; height: 100%;}.d2c_card h3{font-size: 24px;}.d2c_card p{font-size: 14px;}.d2c_box_bg{padding: 50px 8px; margin: 0px 12px;}/* Global Style End */ /* Navbar Start */ .navbar-brand{padding-left: 10px;}.d2c_navbar .navbar-nav .nav-item{margin: 5px 10px;}.d2c_navbar .navbar-nav .nav-link{font-size: 16px;}.d2c_navbar .navbar-nav .nav-item:last-child{margin-right: 50px;}.d2c_navbar .d2c_navbar_social{display: none;}/* Navbar End */ /* Hero Start */ .d2c_hero_wrapper{padding: 50px 15px;}.d2c_hero_wrapper .d2c_img_wrapper{width: 100%; height: 570px;}.d2c_hero_wrapper .d2c_img_wrapper img{object-fit: contain;}.d2c_hero_content{background-position: right center; margin-top: 20px;}h1{font-size: 36px; margin-bottom: 20px;}.d2c_hero_content p{font-size: 14px; margin-bottom: 20px;}/* Hero End */ /* Feature Start */ .d2c_features_wrapper .d2c_card{display: flex; justify-content: center;}/* Feature End */ /* About Start */ .d2c_about_wrapper{padding: 0px 15px 50px;}.d2c_about_wrapper h2{padding-right: 50px;}.d2c_about_wrapper .d2c_img_wrapper{width: 100%; height: 550px;}.d2c_about_wrapper .d2c_card{width: 100%; margin: -160px 0px 0px 0px;}/* About End */ /* Service Start */ .d2c_service_wrapper p{margin-bottom: 30px;}/* Service End */ /* Portfolio Start */ .d2c_portfolion_wrapper{padding: 0px 15px 50px;}.d2c_grid{column-count: 1;}/* Portfolio End */ /* Testimonail Start */ .d2c_testimonial_wrapper{padding: 0px 15px 50px;}.d2c_testimonial_wrapper .d2c_card i{margin-bottom: 20px;}/* Testimonail End */ /* Skills Start */ .d2c_progress h3{font-size: 24px;}.d2c_progress{padding-left: 0px;}/* Skills End */ /* Newsletter Start */ .d2c_newsletter_wrapper{padding: 0px 15px 50px;}.d2c_newsletter_wrapper .d2c_box_bg{padding: 50px 20px;}/* Newsletter End */ /* Contact Start */ .d2c_contact_wrapper{padding: 0px 15px 50px;}.d2c_form_left p{margin-bottom: 23px;}.d2c_form_wrapper .d2c_card{padding: 25px;}.form-label{margin-bottom: 10px;}.form-control{padding: 12px 25px; margin-bottom: 20px;}/* Contact End */ /* Footer Start */ .d2c_footer_wrapper{padding: 50px 0px 0px;}.d2c_footer_logo{max-width: 171px;}.d2c_footer_wrapper h3{font-size: 24px;}.d2c_footer_wrapper ul li a{font-size: 15px;}.d2c_footer_wrapper .form-control{padding: 10px 28px;}.d2c_footer_wrapper .btn{padding: 11px 32px 12px;}/* Footer End */}@media only screen and (min-width:768px) and (max-width:991px){/* Global Style Start */ section{padding: 50px 0px;}h2{font-size: 28px;}h6{font-size: 15px;}p{font-size: 15px;}.btn{font-size: 14px; padding: 9px 32px 8px;}.d2c_features_wrapper .d2c_card{padding: 30px 30px; height: 100%;}.d2c_card h3{font-size: 24px;}.d2c_card p{font-size: 14px;}.d2c_box_bg{padding: 50px 0px; margin: 0px 20px;}/* Global Style End */ /* Navbar Start */ .d2c_navbar .navbar-nav .nav-item{margin: 5px 10px;}.d2c_navbar .navbar-nav .nav-link{font-size: 16px;}.d2c_navbar .navbar-nav .nav-item:last-child{margin-right: 50px;}.d2c_navbar .d2c_navbar_social{display: none;}/* Navbar End */ /* Hero Start */ .d2c_hero_wrapper{padding: 80px 0px 0px;}.d2c_hero_wrapper .d2c_img_wrapper{width: 355px; height: 600px;}.d2c_hero_content{padding: 30px 0px 0px 0px;}h1{font-size: 36px; margin-bottom: 20px;}.d2c_hero_content p{font-size: 14px; margin-bottom: 20px;}/* Hero End */ /* About Start */ .d2c_about_wrapper h2{padding-right: 50px;}.d2c_about_wrapper .d2c_img_wrapper{width: 526px; height: 550px; margin: 0 auto;}.d2c_about_wrapper .d2c_card{margin: -160px 0px 0px -15px;}/* About End */ /* Service Start */ .d2c_service_wrapper p{margin-bottom: 30px;}/* Service End */ /* Portfolio Start */ .d2c_portfolion_wrapper p{margin-bottom: 30px;}.d2c_grid_item:nth-child(1) .fancybox{height: 250px;}.d2c_grid_item:nth-child(2) .fancybox{height: 530px;}.d2c_grid_item:nth-child(3) .fancybox{height: 390px;}.d2c_grid_item:nth-child(4) .fancybox{height: 390px;}.d2c_grid_item:nth-child(5) .fancybox{height: 530px;}.d2c_grid_item:nth-child(6) .fancybox{height: 250px;}/* Portfolio End */ /* Portfolio Start */ .d2c_grid{column-count: 2;}/* Portfolio End */ /* Testimonail Start */ .d2c_testimonial_wrapper .d2c_card{padding: 30px 20px;}.d2c_testimonial_wrapper .slick-slide{padding: 20px 12px;}.d2c_testimonial_wrapper .d2c_card i{margin-bottom: 20px;}/* Testimonail End */ /* Skills Start */ .d2c_progress h3{font-size: 24px;}.d2c_progress{padding-left: 0px;}/* Skills End */ /* Newsletter Start */ .d2c_newsletter_wrapper .d2c_box_bg{padding: 50px 20px;}/* Newsletter End */ /* Contact Start */ .d2c_form_left p{margin-bottom: 23px;}.form-label{margin-bottom: 10px;}.form-control{padding: 12px 25px; margin-bottom: 20px;}.d2c_form_wrapper .d2c_social_border{border-top: 0;}/* Contact End */ /* Footer Start */ .d2c_footer_wrapper{padding: 70px 0px 0px;}.d2c_footer_logo{max-width: 215px;}.d2c_footer_wrapper h3{font-size: 24px;}.d2c_footer_wrapper ul li a{font-size: 15px;}.d2c_footer_wrapper .form-control{padding: 10px 28px;}.d2c_footer_wrapper .btn{padding: 11px 32px 12px;}/* Footer End */ /* Scroll Button Start */ #scrollBtn a i{bottom: 5%;}/* Scroll Button End */}@media only screen and (min-width:992px) and (max-width:1199px){/* Global Style Start */ section{padding: 50px 0px;}h2{font-size: 28px;}h6{font-size: 15px;}p{font-size: 15px;}.btn{font-size: 14px; padding: 9px 32px 8px;}.d2c_features_wrapper .d2c_card{padding: 30px 30px; height: 100%;}.d2c_card h3{font-size: 24px;}.d2c_card p{font-size: 14px;}.d2c_box_bg{padding: 80px 0px; margin: 0px 20px;}/* Global Style End */ /* Navbar Start */ .d2c_navbar .navbar-nav .nav-item{margin: 5px 10px;}.d2c_navbar .navbar-nav .nav-link{font-size: 16px;}.d2c_navbar .navbar-nav .nav-item:last-child{margin-right: 50px;}.d2c_navbar .d2c_navbar_social::before{left: -20px;}/* Navbar End */ /* Hero Start */ .d2c_hero_wrapper{padding: 70px 0px 0px;}.d2c_hero_wrapper .d2c_img_wrapper{width: 460px; height: 650px;}.d2c_hero_wrapper .d2c_img_wrapper img{object-fit: contain;}.d2c_hero_content{padding: 30px 0px 0px 0px;}h1{font-size: 40px;}.d2c_hero_content p{font-size: 16px;}/* Hero End */ /* About Start */ .d2c_about_wrapper h2{padding-right: 50px;}.d2c_about_wrapper .d2c_img_wrapper{width: 100%; height: 550px;}/* About End */ /* Service Start */ .d2c_service_wrapper p{margin-bottom: 30px;}/* Service End */ /* Portfolio Start */ .d2c_grid_item:nth-child(1) .fancybox{height: 250px;}.d2c_grid_item:nth-child(2) .fancybox{height: 530px;}.d2c_grid_item:nth-child(3) .fancybox{height: 390px;}.d2c_grid_item:nth-child(4) .fancybox{height: 390px;}.d2c_grid_item:nth-child(5) .fancybox{height: 530px;}.d2c_grid_item:nth-child(6) .fancybox{height: 250px;}/* Portfolio End */ /* Testimonail Start */ .d2c_testimonial_wrapper .d2c_card i{margin-bottom: 20px;}/* Testimonail End */ /* Skills Start */ .d2c_progress h3{font-size: 24px;}.d2c_progress{padding-left: 20px;}/* Skills End */ /* Newsletter Start */ .d2c_newsletter_wrapper .d2c_box_bg{padding: 100px 0px;}/* Newsletter End */ /* Contact Start */ .d2c_form_wrapper h3{margin-bottom: 4px;}.d2c_form_left p{margin-bottom: 23px;}.form-label{margin-bottom: 10px;}.form-control{padding: 12px 25px; margin-bottom: 20px;}/* Contact End */ /* Footer Start */ .d2c_footer_wrapper{padding: 70px 0px 0px;}.d2c_footer_wrapper h3{font-size: 24px;}.d2c_footer_wrapper ul li a{font-size: 15px;}.d2c_footer_wrapper .form-control{padding: 10px 28px;}.d2c_footer_wrapper .btn{padding: 11px 32px 12px;}/* Footer End */ /* Scroll Button Start */ #scrollBtn a i{bottom: 5%;}/* Scroll Button End */}@media only screen and (min-width:1200px) and (max-width:1399px){/* Global Style Start */ section{padding: 50px 0px;}h2{font-size: 32px;}h6{font-size: 15px;}p{font-size: 15px;}.btn{font-size: 15px; padding: 10px 32px 9px;}.d2c_features_wrapper .d2c_card{padding: 30px 30px;}.d2c_card h3{font-size: 24px;}.d2c_card p{font-size: 14px;}.d2c_box_bg{margin: 0px 50px;}/* Global Style End */ /* Navbar Start */ .d2c_navbar .navbar-nav .nav-link{font-size: 16px;}.d2c_navbar .navbar-nav .nav-item:last-child{margin-right: 50px;}.d2c_navbar .d2c_navbar_social::before{left: -20px;}/* Navbar End */ /* Hero Start */ .d2c_hero_wrapper{padding: 70px 0px 0px;}.d2c_hero_wrapper .d2c_img_wrapper{width: 490px; height: 690px;}.d2c_hero_wrapper .d2c_img_wrapper img{object-fit: contain;}.d2c_hero_content{padding: 40px 0px 0px 0px;}h1{font-size: 47px;}.d2c_hero_content p{font-size: 18px;}/* Hero End */ /* About Start */ .d2c_about_wrapper{padding: 0px 0px 40px !important;}.d2c_about_wrapper h2{padding-right: 100px;}/* About End */ /* Service Start */ .d2c_service_wrapper p{margin-bottom: 30px;}/* Service End */ /* Testimonail Start */ .d2c_testimonial_wrapper .d2c_card i{margin-bottom: 20px;}.d2c_testimonial_slider .d2c_img_wrapper{margin-bottom: 24px;}/* Testimonail End */ /* Skills Start */ .d2c_progress h3{font-size: 28px;}/* Skills End */ /* Contact Start */ .form-label{margin-bottom: 10px;}.form-control{padding: 12px 25px; margin-bottom: 20px;}/* Contact End */ /* Footer Start */ .d2c_footer_wrapper{padding: 70px 0px 0px;}.d2c_footer_wrapper h3{font-size: 24px;}.d2c_footer_wrapper ul li a{font-size: 15px;}.d2c_footer_wrapper .form-control{padding: 10px 28px;}.d2c_footer_wrapper .btn{padding: 12px 40px 9px;}/* Footer End */ /* Scroll Button Start */ #scrollBtn a i{bottom: 5%;}/* Scroll Button End */}@media only screen and (min-width:1400px) and (max-width:1600px){/* Global Style Start */ section{padding: 70px 0px;}/* Global Style End */ .d2c_hero_wrapper{padding: 50px 0px 0px;}.d2c_hero_content{margin-top: 150px;}.d2c_box_bg{margin: 0px 0px;}}/* Template Name:{{CreativeFlowX - One Page Personal Portfolio Website Template}}Template URL:{{https://www.designtocodes.com/product/creativeflowx-one-page-personal-portfolio-website-template}}Description:{{CreativeFlowX is a One Page Personal Portfolio Website Template built with Bootstrap. Showcase your talent with this sleek and modern Bootstrap template.}}Author: DesignToCodes Author URL: https://www.designtocodes.com Text Domain:{{CreativeFlowX}}*/