@media only screen and (min-width:0px) and (max-width:767px) { /* Global Style Start */ section { padding: 50px 0px; } .container { padding: 0px 16px; } h2 { font-size: 30px; } p { font-size: 15px; } .btn { font-size: 14px; padding: 7px 24px 6px; } /* Global Style End */ /* Navbar Start */ .d2c_navbar { padding: 5px 0px; } .navbar-brand { max-width: 145px; } .d2c_navbar .navbar-nav .nav-item { margin: 0px 12px; } .d2c_navbar .navbar-nav .nav-link { font-size: 16px; padding: 7px 0px; } .nav-item .btn { font-size: 14px !important; padding: 7px 24px 6px !important; color: #F7F7FD !important; } .nav-item .btn:hover { font-size: 14px !important; padding: 7px 24px 6px !important; color: #F7F7FD !important; background: #EF8A54 !important; border: 1px solid #EF8A54 !important; transition: 0.4s all; } .nav-item .btn.active { font-size: 14px !important; padding: 7px 24px 6px !important; color: #F7F7FD !important; background: #EF8A54 !important; border: 1px solid #EF8A54 !important; transition: 0.4s all; } /* Navbar End */ /* Hero Start */ .d2c_hero_wrapper { background-size: contain !important; } h1 { font-size: 38px; line-height: 44px; margin-bottom: 10px; } .d2c_hero_wrapper p { margin-bottom: 20px; } .d2c_hero_wrapper .d2c_img_wrapper { max-height: 444px !important; max-width: 342px !important; margin: 0 auto; } .d2c_hero_wrapper .d2c_img_wrapper .d2c_hero_img { border-radius: 0px 0px 95px 146px; height: 100%; padding-left: 15px; } .d2c_hero_card { padding: 7px 16px; } .d2c_hero_card p { font-size: 14px; } .d2c_hero_card .d2c_card_img_two { width: 30px; height: 30px; } .d2c_hero_card ul { margin-bottom: 10px; } .d2c_hero_card li { padding: 0px 3px; } .d2c_hero_wrapper .d2c_hero_card:nth-child(2) { top: 40px; left: 0px; } .d2c_hero_wrapper .d2c_hero_card:last-child { bottom: -10px; right: 0; } /* Hero End */ /* Partner Start */ .d2c_partner_wrapper { padding: 50px 0px; } .d2c_partner { padding: 36px 36px; } /* Partner End */ /* About Start */ .d2c_about_wrapper .d2c_img_wrapper { width: 100%; height: 294px; margin: 0 auto; } .d2c_about_wrapper .d2c_img_wrapper img { width: 100%; height: 100%; } .d2c_about_wrapper h2 { margin-bottom: 10px; } .d2c_about_wrapper p { margin-bottom: 20px; } .d2c_about_wrapper ul li { font-size: 15px; margin-bottom: 10px; display: flex; } .d2c_about_wrapper i { padding-right: 10px; padding-top: 5px; } /* About End */ /* Services Start */ .d2c_about_wrapper { padding: 50px 0px 0px; } .d2c_service_wrapper .d2c_title_content { margin-bottom: 30px; } .d2c_service_card_wrapper .d2c_card { padding: 35px 25px 40px; } .d2c_service_card_wrapper i { width: 64px; height: 64px; font-size: 28px; margin: 0px auto 20px; } .d2c_service_card_wrapper h3 { font-size: 26px; margin-bottom: 10px; } /* Services End */ /* Why Choose Us Start */ .d2c_choose_us_wrapper { padding: 50px 0px 0px; } .d2c_choose_us_wrapper h2 { margin-bottom: 10px; } .d2c_choose_us_wrapper h3 { font-size: 22px; margin-bottom: 3px; } .d2c_choose_us_content p { margin-bottom: 18px; } .d2c_choose_us_wrapper .d2c_img_wrapper { width: 100%; height: 250px; } /* Why Choose Us End */ /* Team Start */ .d2c_team_wrapper { padding: 60px 0px 130px; } .d2c_team_wrapper h2 { margin-bottom: 10px; } .d2c_team_wrapper .d2c_img_wrapper { height: 476px; margin-bottom: 20px; margin: 0px 0px 25px; } .d2c_team_wrapper .d2c_title_content { margin-bottom: 35px; } .d2c_team_wrapper h3 { font-size: 24px; } .d2c_team_wrapper .slick-prev { top: 580px; left: 42%; } .d2c_team_wrapper .slick-next { top: 580px; right: 30%; } /* Team End */ /* Portfolio Start */ .d2c_grid { column-count: 1; } .d2c_portfolio_wrapper { padding: 60px 0px 125px; } .d2c_portfolio_wrapper h2 { margin-bottom: 10px; } .d2c_portfolio_wrapper p { margin-bottom: 35px; } /* Portfolio End */ /* Call To Action Start */ .d2c_c2a_wrapper { padding: 30px 15px 30px; top: 60px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .d2c_c2a_wrapper h2 { font-size: 20px; } /* Call To Action End */ /* Testimonial Start */ .d2c_testimonial_wrapper h2 { margin-bottom: 50px; } .d2c_testimonial_wrapper { padding: 125px 0px 110px; } .d2c_testimonial_wrapper h5 { font-size: 27px; padding-left: 0px; } .d2c_slider { margin-bottom: 30px; } .d2c_testimonial_wrapper .d2c_card { padding: 0px 16px; } .d2c_testimonial_wrapper .d2c_img_wrapper { margin: 0 auto; } .d2c_testimonial_wrapper h3 { margin-bottom: 0px; } .d2c_testimonial_wrapper .slick-prev { top: 462px; left: 42%; } .d2c_testimonial_wrapper .slick-next { top: 462px; right: 30%; } /* Testimonial End */ /* Contact Start */ .form-label { font-size: 22px; margin-bottom: 10px; } .form-control { font-size: 14px; padding: 10px 16px; margin-bottom: 20px; } /* Contact End */ /* Footer Start */ .d2c_footer_wrapper { padding: 60px 0px 0px; } .d2c_footer_nav li { padding: 0px 0px; } .d2c_footer_nav a { font-size: 14px; } .d2c_footer_wrapper ul { margin-bottom: 20px; } .d2c_footer_wrapper i { font-size: 18px; } #scrollBtn a i { bottom: 6%; } /* Footer End */ } @media only screen and (min-width:768px) and (max-width:991px) { /* Global Style Start */ section { padding: 70px 0px; } h2 { font-size: 30px; } p { font-size: 15px; } .btn { font-size: 14px; padding: 7px 24px 6px; } /* Global Style End */ /* Navbar Start */ .d2c_navbar { padding: 5px 0px; } .navbar-brand { max-width: 145px; } .d2c_navbar .navbar-nav .nav-item { margin: 0px 12px; } .d2c_navbar .navbar-nav .nav-link { font-size: 16px; padding: 7px 0px; } .nav-item .btn { font-size: 14px !important; padding: 7px 26px 6px !important; color: #F7F7FD !important; } .nav-item .btn:hover { font-size: 14px !important; padding: 7px 26px 6px !important; color: #F7F7FD !important; background: #EF8A54 !important; border: 1px solid #EF8A54 !important; transition: 0.4s all; } .nav-item .btn.active { font-size: 14px !important; padding: 7px 26px 6px !important; color: #F7F7FD !important; background: #EF8A54 !important; border: 1px solid #EF8A54 !important; transition: 0.4s all; } /* Navbar End */ /* Hero Start */ .d2c_hero_wrapper { background-size: contain !important; } h1 { font-size: 42px; line-height: 46px; margin-bottom: 10px; } .d2c_hero_wrapper p { margin-bottom: 20px; } .d2c_hero_wrapper .d2c_img_wrapper { height: 436px; } .d2c_hero_wrapper .d2c_img_wrapper .d2c_hero_img { border-radius: 0px 0px 95px 143px; height: 100%; padding-left: 15px; } .d2c_hero_card { padding: 7px 16px; } .d2c_hero_card p { font-size: 14px; } .d2c_hero_card .d2c_card_img_two { width: 30px; height: 30px; } .d2c_hero_card ul { margin-bottom: 10px; } .d2c_hero_card li { padding: 0px 3px; } .d2c_hero_wrapper .d2c_hero_card:nth-child(2) { top: 40px; left: -18px; } .d2c_hero_wrapper .d2c_hero_card:last-child { bottom: -8px; right: 0; } /* Hero End */ /* Partner Start */ .d2c_partner_wrapper { padding: 70px 0px; } .d2c_partner { padding: 36px 36px; } /* Partner End */ /* About Start */ .d2c_about_wrapper img { max-width: 100%; } .d2c_about_wrapper h2 { margin-bottom: 10px; } .d2c_about_wrapper p { margin-bottom: 20px; } .d2c_about_wrapper ul li { font-size: 15px; margin-bottom: 10px; display: flex; } .d2c_about_wrapper i { padding-right: 10px; padding-top: 5px; } /* About End */ /* Services Start */ .d2c_service_wrapper .d2c_title_content { margin-bottom: 30px; } .d2c_service_card_wrapper .d2c_card { padding: 35px 25px 40px; } .d2c_service_card_wrapper i { width: 64px; height: 64px; font-size: 28px; margin: 0px auto 20px; } .d2c_service_card_wrapper h3 { font-size: 26px; margin-bottom: 10px; } /* Services End */ /* Why Choose Us Start */ .d2c_choose_us_wrapper h2 { margin-bottom: 10px; } .d2c_choose_us_wrapper h3 { font-size: 22px; margin-bottom: 3px; } .d2c_choose_us_content p { margin-bottom: 18px; } .d2c_choose_us_wrapper .d2c_img_wrapper { width: 100%; height: 280px; } /* Why Choose Us End */ /* Team Start */ .d2c_team_wrapper { padding: 70px 0px 150px; } .d2c_team_wrapper h2 { margin-bottom: 10px; } .d2c_team_wrapper .d2c_img_wrapper { height: 446px; margin-bottom: 20px; } .d2c_team_wrapper .d2c_title_content { margin-bottom: 35px; } .d2c_team_wrapper h3 { font-size: 24px; } .d2c_team_wrapper .slick-prev { top: 565px; left: 48%; } .d2c_team_wrapper .slick-next { top: 565px; right: 38%; } /* Team End */ /* Portfolio Start */ .d2c_grid { column-count: 2; } .d2c_portfolio_wrapper { padding: 60px 0px 175px; } .d2c_portfolio_wrapper h2 { margin-bottom: 10px; } .d2c_portfolio_wrapper p { margin-bottom: 35px; } /* Portfolio End */ /* Call To Action Start */ .d2c_c2a_wrapper { padding: 30px 35px; top: 127px; } .d2c_c2a_wrapper h2 { padding-top: 7px; } /* Call To Action End */ /* Testimonial Start */ .d2c_testimonial_wrapper { padding: 175px 0px 120px; } .d2c_testimonial_wrapper h2 { margin-bottom: 40px; } .d2c_testimonial_wrapper h5 { font-size: 27px; padding-left: 0px; } .d2c_slider { margin-bottom: 30px; } .d2c_testimonial_wrapper h3 { margin-bottom: 0px; } .d2c_testimonial_wrapper .slick-prev { top: 276px; left: 46%; } .d2c_testimonial_wrapper .slick-next { top: 276px; right: 41%; } /* Testimonial End */ /* Contact Start */ .form-label { font-size: 22px; margin-bottom: 10px; } .form-control { font-size: 14px; padding: 10px 16px; margin-bottom: 20px; } /* Contact End */ /* Footer Start */ .d2c_footer_wrapper { padding: 70px 0px 0px; } .d2c_footer_nav li { padding: 0px 12px; } .d2c_footer_nav a { font-size: 16px; } .d2c_footer_wrapper ul { margin-bottom: 20px; } .d2c_footer_wrapper i { font-size: 18px; } /* Footer End */ } @media only screen and (min-width:992px) and (max-width:1199px) { /* Global Style Start */ section { padding: 70px 0px; } h2 { font-size: 36px; } p { font-size: 16px; } .btn { font-size: 15px; padding: 8px 30px 7px; } /* Global Style End */ /* Navbar Start */ .d2c_navbar { padding: 5px 0px; } .navbar-brand { max-width: 153px; } .d2c_navbar .navbar-nav .nav-item { margin: 0px 12px; } .d2c_navbar .navbar-nav .nav-link { font-size: 16px; } /* Navbar End */ /* Hero Start */ .d2c_hero_wrapper { background-size: contain !important; } h1 { font-size: 53px; line-height: 56px; margin-bottom: 10px; } .d2c_hero_wrapper p { margin-bottom: 20px; } .d2c_hero_wrapper .d2c_img_wrapper { background-position: 0px 74px; } .d2c_hero_wrapper .d2c_img_wrapper .d2c_hero_img { border-radius: 0px 0px 165px 177px; height: 567px; } .d2c_hero_card { padding: 11px 22px; } .d2c_hero_wrapper .d2c_hero_card:nth-child(2) { top: 40px; left: 0px; } .d2c_hero_wrapper .d2c_hero_card:last-child { bottom: -14px; right: 14px; } /* Hero End */ /* Partner Start */ .d2c_partner_wrapper { padding: 70px 0px; } .d2c_partner { padding: 36px 36px; } /* Partner End */ /* About Start */ .d2c_about_wrapper img { max-width: 100%; } .d2c_about_wrapper h2 { margin-bottom: 20px; } .d2c_about_wrapper p { margin-bottom: 20px; } .d2c_about_wrapper ul li { font-size: 15px; margin-bottom: 10px; display: flex; } .d2c_about_wrapper i { padding-right: 10px; padding-top: 5px; } /* About End */ /* Services Start */ .d2c_service_wrapper .d2c_title_content { margin-bottom: 30px; } .d2c_service_card_wrapper .d2c_card { padding: 35px 23px 40px; } .d2c_service_card_wrapper i { width: 64px; height: 64px; font-size: 28px; margin: 0px auto 20px; } .d2c_service_card_wrapper h3 { font-size: 26px; margin-bottom: 10px; } /* Services End */ /* Why Choose Us Start */ .d2c_choose_us_wrapper h2 { margin-bottom: 10px; } .d2c_choose_us_wrapper h3 { font-size: 25px; margin-bottom: 6px; } .d2c_choose_us_content p { margin-bottom: 18px; } .d2c_choose_us_wrapper .d2c_img_wrapper { width: 100%; height: 250px; } /* Why Choose Us End */ /* Team Start */ .d2c_team_wrapper { padding: 70px 0px 130px; } .d2c_team_wrapper h2 { margin-bottom: 10px; } .d2c_team_wrapper .d2c_img_wrapper { height: 386px; margin-bottom: 30px; } .d2c_team_wrapper .d2c_title_content { margin-bottom: 35px; } .d2c_team_wrapper h3 { font-size: 24px; } .slick-prev { left: 45%; } .slick-next { right: 45%; } .d2c_team_wrapper .slick-prev { top: 525px; left: 48%; } .d2c_team_wrapper .slick-next { top: 525px; right: 42%; } /* Team End */ /* Portfolio Start */ .d2c_portfolio_wrapper { padding: 70px 0px 175px; } .d2c_portfolio_wrapper h2 { margin-bottom: 10px; } .d2c_portfolio_wrapper p { margin-bottom: 35px; } /* Portfolio End */ /* Call To Action Start */ .d2c_c2a_wrapper { padding: 40px 75px; top: 116px; } /* Call To Action End */ /* Testimonial Start */ .d2c_testimonial_wrapper { padding: 175px 0px 100px; } .d2c_testimonial_wrapper h5 { font-size: 30px; padding-left: 20px; margin-bottom: 45px; } .d2c_slider { margin-bottom: 30px; } .d2c_testimonial_wrapper h3 { margin-bottom: 0px; } .d2c_testimonial_wrapper .slick-prev { top: 257px; left: 46%; } .d2c_testimonial_wrapper .slick-next { top: 257px; right: 43%; } /* Testimonial End */ /* Contact Start */ .form-label { font-size: 22px; margin-bottom: 10px; } .form-control { font-size: 14px; padding: 10px 16px; margin-bottom: 20px; } /* Contact End */ /* Footer Start */ .d2c_footer_wrapper { padding: 70px 0px 0px; } .d2c_footer_nav li { padding: 0px 12px; } .d2c_footer_nav a { font-size: 16px; } .d2c_footer_wrapper ul { margin-bottom: 20px; } .d2c_footer_wrapper i { font-size: 18px; } /* Footer End */ } @media only screen and (min-width:1200px) and (max-width:1500px) { /* Global Style Start */ section { padding: 70px 0px; } h2 { font-size: 36px; } p { font-size: 16px; } .btn { font-size: 15px; padding: 8px 30px 7px; } /* Global Style End */ /* Navbar Start */ .d2c_navbar { padding: 5px 0px; } .navbar-brand { max-width: 153px; } .d2c_navbar .navbar-nav .nav-item { margin: 0px 15px; } .d2c_navbar .navbar-nav .nav-link { font-size: 16px; } /* Navbar End */ /* Hero Start */ .d2c_hero_wrapper { background-size: contain !important; } h1 { font-size: 73px; line-height: 70px; margin-bottom: 10px; } .d2c_hero_wrapper p { margin-bottom: 20px; } .d2c_hero_wrapper .d2c_img_wrapper .d2c_hero_img { border-radius: 0px 0px 171px 217px; height: 664px; } .d2c_hero_wrapper p { margin-bottom: 25px; } .d2c_hero_wrapper .d2c_hero_card:last-child { bottom: 0px; right: 50px; } /* Hero End */ /* Partner Start */ .d2c_partner_wrapper { padding: 70px 0px; } .d2c_partner { padding: 36px 36px; } /* Partner End */ /* About Start */ .d2c_about_wrapper img { max-width: 96%; } .d2c_about_left img { float: right; } .d2c_about_wrapper h2 { margin-bottom: 20px; } .d2c_about_wrapper p { margin-bottom: 20px; } .d2c_about_wrapper ul li { font-size: 16px; margin-bottom: 10px; } .d2c_about_wrapper i { padding-right: 10px; } /* About End */ /* Services Start */ .d2c_service_wrapper .d2c_title_content { margin-bottom: 30px; } .d2c_service_card_wrapper .d2c_card { padding: 35px 25px 40px; } .d2c_service_card_wrapper i { width: 64px; height: 64px; font-size: 28px; margin: 0px auto 20px; } .d2c_service_card_wrapper h3 { font-size: 26px; margin-bottom: 10px; } /* Services End */ /* Why Choose Us Start */ .d2c_choose_us_wrapper h2 { margin-bottom: 10px; } .d2c_choose_us_wrapper h3 { font-size: 28px; } .d2c_choose_us_content p { margin-bottom: 18px; } .d2c_choose_us_wrapper .d2c_img_wrapper { width: 250px; height: 270px; } /* Why Choose Us End */ /* Team Start */ .d2c_team_wrapper { padding: 70px 0px 140px; } .d2c_team_wrapper h2 { margin-bottom: 20px; } .d2c_team_wrapper .d2c_img_wrapper { height: 347px; } .d2c_team_wrapper .d2c_title_content { margin-bottom: 45px; } .d2c_team_wrapper .slick-prev { top: 500px; } .d2c_team_wrapper .slick-next { top: 500px; } /* Team End */ /* Portfolio Start */ .d2c_portfolio_wrapper { padding: 70px 0px 175px; } .d2c_portfolio_wrapper h2 { margin-bottom: 10px; } .d2c_portfolio_wrapper p { margin-bottom: 35px; } /* Portfolio End */ /* Call To Action Start */ .d2c_c2a_wrapper { padding: 40px 75px; top: 116px; } /* Call To Action End */ /* Testimonial Start */ .d2c_testimonial_wrapper h2 { margin-bottom: 50px; } .d2c_testimonial_wrapper { padding: 175px 0px 100px; } .d2c_testimonial_wrapper h5 { font-size: 36px; } .d2c_slider { margin-bottom: 30px; } .d2c_testimonial_wrapper h3 { margin-bottom: 0px; } .d2c_testimonial_wrapper .slick-prev { top: 272px; } .d2c_testimonial_wrapper .slick-next { top: 272px; } /* Testimonial End */ /* Contact Start */ .form-label { font-size: 22px; margin-bottom: 10px; } .form-control { font-size: 16px; padding: 10px 16px; margin-bottom: 20px; } /* Contact End */ /* Footer Start */ .d2c_footer_wrapper { padding: 70px 0px 0px; } .d2c_footer_nav li { padding: 0px 12px; } .d2c_footer_nav a { font-size: 16px; } .d2c_footer_wrapper ul { margin-bottom: 20px; } .d2c_footer_wrapper i { font-size: 18px; } /* Footer End */ } @media only screen and (min-width:1400px) and (max-width:1500px) { .d2c_hero_wrapper .d2c_img_wrapper .d2c_hero_img { border-radius: 0px 0px 222px 254px; height: 100%; } .d2c_team_wrapper .d2c_img_wrapper { height: 406px; } .d2c_team_wrapper .slick-prev { top: 562px; } .d2c_team_wrapper .slick-next { top: 562px; } } /* Template Name: {{ArtistaXpress – Free Bootstrap Creative Agency Website Template}} Template URL: {{https://www.designtocodes.com/product/artistaxpress-free-bootstrap-website-template}} Description: {{ArtistaXpress is a free Bootstrap website template specially designed for creative agencies. This template is perfect for creative agencies, business startups, web agencies, and digital agencies.}} Author: DesignToCodes Author URL: https://www.designtocodes.com Text Domain: {{ ArtistaXpress }} */