/*：源代码唯一下载地址: https://www.17sucai.com*/@media(max-width:1199px) {
	.main_slider_area .main_slider {
		height: 730px
	}

	.main_slider_area .main_slider .slider_text h2 {
		letter-spacing: 0
	}

	.main_slider_area .main_slider .slider_text_five h2 {
		font-size: 80px
	}

	.service_promo_item,.skill_item {
		padding-left: 0;
		padding-right: 0
	}

	.phone_mockup img {
		max-width: 250px
	}

	.phone_mockup {
		margin-left: -166px
	}

	.about_content {
		padding-left: 0
	}

	.service_tab .nav-item,.service_tab .nav-item.active {
		min-width: auto;
		padding: 10px 15px
	}

	.portfolio_area {
		padding-left: 50px;
		padding-right: 50px
	}

	.p_slider_inner .prev {
		left: 0
	}

	.p_slider_inner .next {
		right: 0
	}

	.p_slider_inner .prev,.p_slider_inner .next {
		opacity: 0
	}

	.p_slider_inner :hover .prev,.p_slider_inner :hover .next {
		opacity: 1
	}

	.c_logo_item img,.img_hover img,.h_blog_post_item .post_img img,.features_area img,.work_area img,.phone_img img,.phone_mockup_two img,.blog_d_img img,.portfolio_detail_img img {
		max-width: 100%
	}

	.footer_top .f_widget h5,.footer_top .f_widget a {
		font-size: 15px
	}

	.footer_top .f_latest_widget .f_latest_item .media-body h5 {
		line-height: 21px
	}

	.f_latest_widget .f_latest_item .img_hover {
		margin-right: 12px
	}

	.features_area .precess_item .icon {
		margin-right: 10px
	}

	.features_area .precess_item .media-body p {
		font-size: 17px
	}

	.about_item {
		padding: 35px 15px 20px
	}

	.core_features_item .media .icon {
		margin-right: 10px
	}

	.core_features_inner_one .core_features_item .media .icon {
		margin-left: 10px
	}

	.core_features_item {
		margin-bottom: 30px
	}

	.promo_area {
		padding: 150px 0
	}

	.blog_sidebar {
		padding-left: 15px;
		padding-right: 15px
	}

	.blog_details_info .blog_details_content ul li {
		padding-left: 0
	}

	.blog_details_info .blog_details_content ul li a {
		margin-bottom: 12px;
		font-size: 18px
	}
}

@media(max-width:991px) {
	header+div,header+section {
		
	}

	.menu>.nav-item,.navbar_fixed .menu>.nav-item {
		padding: 0
	}

	.menu>.nav-item+.nav-item {
		margin-left: 0
	}

	.navright {
		margin-left: 0;
		margin-bottom: 10px
	}

	.main_slider_area .main_slider .slider_text h2,.main_slider_area .main_slider .slider_text.slider_text_four h2 {
		font-size: 70px
	}

	.main_slider_area:hover .left_arrow {
		left: 0
	}

	.main_slider_area:hover .right_arrow {
		right: 0
	}

	.phone_mockup {
		margin-left: 0;
		max-width: 480px;
		margin-bottom: 50px
	}

	.service_faq_inner,.c_logo_item,.skill_item,.f_widget{
		margin-bottom: 50px
	}

	.service_area .row,.clients_logo_area .row,.skill_area .row,.footer_top .row,.offer_area .row {
		margin-bottom: -50px
	}

	.process_img {
		margin-left: auto;
		margin-top: 40px
	}

	.promo_area {
		padding: 150px 0
	}

	.h_blog_post_area .row,.h_pricing_area .row {
		margin-bottom: -30px
	}

	.h_blog_post_item,.h_price_item,.f_widget .f-title {
		margin-bottom: 60px
	}

	.recent_post_gallery {
		max-width: 280px
	}

	.footer_bottom .f_menu li+li {
		margin-left: 6px
	}

	.work_area .about_content,.phone_mockup_two {
		margin-bottom: 50px
	}

	.fun_fact_area {
		justify-content: center
	}

	.fun_fact_area .fact_item,.core_features_item {
		width: 50%
	}

	.core_features_inner,.core_features_inner_one {
		display: flex;
		flex-wrap: wrap
	}

	.core_features_inner {
		margin-top: 50px
	}

	.core_features_area .row {
		margin-bottom: -50px
	}

	.blog_sidebar {
		max-width: 370px;
		margin-top: 40px;
		padding-bottom: 50px
	}

	.p_filter_info {
		display: block;
		margin-bottom: 30px
	}

	.p_filter_info .portfolio_filter .work_portfolio_item {
		margin-left: 2px
	}

	.details_content .p_details_info {
		padding-left: 15px
	}

	.p_social_icon {
		margin-top: 20px
	}

	.contact_inner {
		margin-top: 50px
	}
}

@media(max-width:767px) {
	.main_slider_area .left_arrow,.main_slider_area .right_arrow {
		display: none!important
	}

	.header_social_icon a+a {
		margin-left: -2px
	}

	.main_slider_area .main_slider {
		height: 600px
	}

	.main_slider_area .main_slider .slider_text h2 {
		font-size: 55px;
		line-height: 65px
	}

	.main_slider_area .main_slider .slider_text.slider_text_four h2 {
		font-size: 50px;
		line-height: 55px
	}

	.main_slider_area .main_slider .slider_text ul li {
		font-size: 24px
	}

	.main_slider_area .main_slider .slider_text .theme_w_btn,.main_slider_area .main_slider .slider_text .theme_btn {
		margin: 0 4px
	}

	.main_slider_area .main_slider .slider_text ul li+li {
		margin-top: 15px
	}

	.footer_bottom,.footer_bottom .f_menu {
		text-align: center!important
	}

	.footer_bottom p,.footer_bottom a {
		font-size: 15px;
		line-height: 14px
	}

	.footer_bottom {
		padding: 15px 0
	}

	.f_link_widget ul {
		margin-bottom: -5px
	}

	.f_link_widget ul li {
		margin-bottom: 5px
	}

	.footer_top,.sec_pad {
		padding: 70px 0
	}

	.features_area {
		padding-top: 70px
	}

	.h_price_item ul {
		padding: 25px 20px
	}

	.h_blog_post_item,.offer_item {
		
		margin-left: auto;
		margin-right: auto
	}

	.mockup_box .frame_two,.mockup_box .frame_one,.mockup_box .frame_three {
		width: 440px
	}

	.team_social_icon a {
		margin-left: auto;
		margin-right: auto
	}

	.section_title h6 {
		font-size: 20px
	}

	.testimonial_slider .item .testimonial_content,.portfolio_area {
		padding-left: 18px;
		padding-right: 18px
	}

	.h_blog_post_area .theme_w_btn,.h_blog_post_area_two .theme_w_btn {
		margin-top: 30px
	}

	.promo_content h2 {
		font-size: 50px;
		margin-bottom: 15px
	}

	.video_area {
		padding: 100px 0
	}

	.demos_area .row {
		margin-bottom: -30px
	}

	.demo_item {
		margin-bottom: 30px
	}

	.blog_details_info .blog_details_content ul li {
		width: 100%
	}

	.share_link a+a {
		margin-left: 0
	}

	.portfolio_area_three .portfolio_filter {
		text-align: center
	}

	.details_content .details_text,.details_content .p_details_info {
		width: 100%;
		padding-right: 0;
		border: 0
	}

	.details_content {
		display: block
	}

	.details_content .p_details_info {
		padding-left: 0;
		margin-top: 15px
	}

	.features_info {
		max-width: 450px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-bottom: 20px
	}

	.features_area .precess_item {
		display: block;
		max-width: 290px;
		margin-left: auto;
		margin-right: auto
	}

	.features_area .precess_item .media-body h6:before {
		left: 50%;
		transform: translateX(-50%)
	}

	.features_area .precess_item .icon {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px
	}

	.about_area_two .about_content {
		margin-bottom: 25px
	}

	.fun_fact_area .fact_item {
		width: auto;
		max-width: 530px;
		margin-left: auto;
		margin-right: auto
	}

	.fun_fact_area .fact_item+.fact_item {
		margin-top: 10px
	}

	.fun_fact_area {
		display: block
	}
}

@media(max-width:576px) {
	.fun_fact_area .fact_item+.fact_item {
		margin-top: 0
	}

	.bread_content h2 {
		font-size: 32px
	}

	.breadcrumb_area {
		padding: 70px 0
	}

	.header_top,.header_top .text-right {
		text-align: center!important
	}

	header+div,header+section {

	}

	.navbar .container {
		padding-left: 15px;
		padding-right: 15px
	}

	.main_slider_area .main_slider .slider_text.slider_text_two {
		padding-top: 20px
	}

	.fun_fact_area .fact_item {
		width: 100%;
		padding: 90px 0 80px
	}

	.f_link_widget ul {
		margin-bottom: -7px;
		margin-top: -7px
	}

	.f_link_widget ul li {
		margin-bottom: 0
	}

	.theme_promo_area h2 {
		font-size: 40px;
		letter-spacing: 0
	}

	.theme_promo_area {
		padding-top: 70px;
		padding-bottom: 70px
	}

	.section_title h2 {
		font-size: 30px;
		letter-spacing: 0
	}

	.team_item,.portfolio_area_two .portfolio_item {
		max-width: 370px;
		margin-left: 0;
		margin-right: auto
	}

	.section_title {
		margin-bottom: 45px
	}

	.precess_item .icon {
		margin-right: 15px
	}

	.testimonial_thumbnil {
		max-width: 390px
	}

	.testimonial_slider .item .testimonial_content p {
		font-size: 20px;
		line-height: 28px
	}

	.pr_slider_item .img_hover img {
		width: 100%
	}

	.service_tab_content {
		padding-left: 15px;
		padding-right: 15px
	}

	.service_tab_content p img {
		margin-right: 15px
	}

	.phone_mockup img {
		max-width: 150px
	}

	.phone_mockup {
		max-width: 290px
	}

	.about_content h2 {
		letter-spacing: 0;
		font-size: 30px
	}

	.features_area .precess_item {
		margin-bottom: 45px
	}

	.core_features_item .media {
		display: block
	}

	.core_features_item {
		width: auto;
		max-width: 290px;
		margin-left: auto;
		margin-right: auto;
		text-align: center
	}

	.related_post .related_item {
		max-width: 250px;
		margin-bottom: 12px
	}

	.blog_details_info .text img {
		float: none
	}

	.share_link a {
		margin-bottom: 5px
	}

	.s_comment_list_inner .s_comment ul .replay_comment {
		margin-left: 0
	}

	.service_promo_item,.skill_item {
		max-width: 290px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 35px
	}

	.sevice_promo_area_two .row,.skill_area .row {
		margin-bottom: -35px
	}

	.core_features_item .media .icon,.core_features_inner_one .core_features_item .media .icon,.precess_item .icon {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px
	}

	.process_inner .precess_item {
		display: block;
		text-align: center
	}

	.precess_item .media-body h6:before {
		left: 50%;
		transform: translateX(-50%)
	}

	.process_inner {
		margin-bottom: 30px
	}
}

@media(max-width:400px) {
	.main_slider_area .main_slider .slider_text h3 {
		font-size: 24px
	}

	.main_slider_area .main_slider .slider_text h2 {
		font-size: 45px;
		line-height: 42px;
		margin-bottom: 20px
	}

	.main_slider_area .main_slider .slider_text.slider_text_four h2 {
		font-size: 32px;
		line-height: 40px
	}

	.main_slider_area .main_slider .slider_text ul {
		padding-top: 0
	}

	.main_slider_area .main_slider .slider_text ul li {
		font-size: 18px;
		line-height: 20px
	}

	.footer_bottom p,.footer_bottom a {
		font-size: 14px
	}

	.testimonial_slider .item {
		padding-left: 0;
		padding-right: 0
	}

	.testimonial_slider .item .testimonial_content .icon {
		right: 0
	}

	.testimonial_slider .item .testimonial_content {
		padding-top: 70px
	}

	.service_tab {
		display: block
	}

	.service_tab .nav-item,.service_tab .nav-item,.service_tab .nav-item,.service_tab .nav-item.active {
		display: block;
		text-align: center;
		margin-bottom: 5px
	}

	.service_tab .nav-item.active {
		border-bottom: 1px solid #dee2e6
	}

	.mockup_box .frame_two {
		width: 290px
	}

	.blog_details_info .blog_details_content h2 {
		font-size: 28px
	}

	.blog_details_info blockquote {
		padding-left: 20px;
		font-size: 18px;
		line-height: 28px
	}

	.s_comment_list_inner .s_comment .media {
		display: block
	}

	.s_comment_list_inner .s_comment .media img {
		margin-right: 0;
		margin-bottom: 20px
	}

	.service_tab_content p img {
		float: none;
		display: block;
		margin-bottom: 20px
	}

	.contact_info_right .c_info_item {
		display: block
	}

	.contact_info_right .c_info_item .icon {
		margin-bottom: 20px;
		margin-right: 0
	}
}/*：源代码唯一下载地址: https://www.17sucai.com*/