@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. 1440px
2. 1280px
3. 1199px
4. 1024px
5. 991px
6. 959px
7. 880px
8. 768px
9. 767px
10. 639px
11. 479px
12. 400px

******************************/

/************
1. 1440px
************/

@media only screen and (max-width: 1440px)
{
	
}

/************
2. 1280px
************/

@media only screen and (max-width: 1280px)
{
	
}

/************
3. 1199px
************/

@media only screen and (max-width: 1199px)
{
	#about::before,
	#services::before,
	#work::before,
	#team::before,
	#from_blog::before
	{
		display: none;
	}
	.home_content h1
	{
		font-size: 64px;
	}
	.blog_image_100
	{
		height: 358px;
	}
}

/************
4. 1024px
************/

@media only screen and (max-width: 1024px)
{
	#contact::after
	{
		display: none;
	}
}

/************
5. 991px
************/

@media only screen and (max-width: 991px)
{
	.home_content h1
	{
		font-size: 56px;
		width: 100%;
	}
	.home_content h3
	{
		font-size: 16px;
		margin-top: 30px;
		width: 100%;
	}
	.home_content .buttons_container
	{
		margin-top: 60px;
	}
	.pill_button_contact
	{
		margin-left: 0px;
		margin-top: 25px;
	}
	.new_project_button
	{
		margin-top: 0px;
		margin-left: 15px;
	}
	.expertise_image
	{
		margin-top: 30px;
	}
	.skill_bars
	{
		position: relative;
		width: 100%;
		margin-top: 50px;
	}
	.bars_container
	{
		position: relative;
		width: 100%;
	}
	.scale_container
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#quote span
	{
		font-size: 32px;
		padding-left: 15px;
		padding-right: 15px;
	}
	#work
	{
		padding-top: 100px;
		padding-bottom: 120px;
	}
	.project
	{
		margin-bottom: 100px;
	}
	.project::after
	{
		display: block;
		position: absolute;
		left: 15px;
		bottom: -60px;
		width: calc(100% - 30px);
		height: 1px;
		background: rgba(103, 112, 119, 0.15);
		content: '';
	}
	.project:last-child
	{
		margin-bottom: 0px;
		border-bottom: none;
		padding-bottom: 0px;
	}
	.project:last-child::after
	{
		display: none;
	}
	.project_content
	{
		margin-bottom: 40px;
	}
	.project_content p
	{
		margin-bottom: 15px;
	}
	.project .pill_button_small
	{
		margin-top: 15px;
	}
	.testimonials_background
	{
		display: none;
	}
	.team_item
	{
		margin-bottom: 30px;
	}
	.team_item:last-child
	{
		margin-bottom: 0px;
	}
	.full_client_list
	{
		column-count: 3;
	}
	.sub_form
	{
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	#subscribe-form
	{
		width: 100%;
		margin-bottom: 30px;
	}
	.contact_info
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	#blog_single
	{
		padding-bottom: 264px;
	}
	.blog_fix
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.blog_single_title
	{
		padding-bottom: 0px;
	}
	.blog_single_title h2
	{
		font-size: 36px;
	}
	.blog_single_sidebar
	{
		margin-top: 120px;
	}
	.blog_single_sidebar_inner
	{
		padding-left: 0px;
	}
}

/************
6. 959px
************/

@media only screen and (max-width: 959px)
{
	
}

/************
7. 880px
************/

@media only screen and (max-width: 880px)
{
	
}

/************
8. 768px
************/

@media only screen and (max-width: 768px)
{
	
}

/************
9. 767px
************/

@media only screen and (max-width: 767px)
{
	.header,
	.blog_header
	{
		height: 60px;
		margin-top: 0px;
	}
	.logo_container a
	{
		font-size: 24px;
	}
	.home_content
	{
		padding-bottom: 135px;
	}
	.home_content h1
	{
		font-size: 32px;
		width: 100%;
		margin-top: 10px;
	}
	.home_content h3
	{
		margin-top: 25px;
	}
	.home_content .buttons_container
	{
		margin-top: 60px;
	}
	.main_nav,
	.main_nav_blog_single
	{
		display: none;
	}
	.menu_container,
	.blog_menu_container
	{
		display: inline-block;
	}
	.break_content h3
	{
		font-size: 24px;
	}
	.new_project_container
	{
		font-size: 16px;
	}
	.section_title h2
	{
		font-size: 32px;
	}
	.work_process:nth-last-child(2)
	{
		margin-bottom: 30px;
	}
	.work_process:last-child
	{
		margin-bottom: 0px;
	}
	.service_item
	{
		margin-bottom: 30px;
	}
	.service_item:last-child
	{
		margin-bottom: 0px;
	}
	#stats
	{
		padding-top: 120px;
		padding-bottom: 120px;
	}
	.stats_counter_item
	{
		margin-bottom: 60px;
	}
	#subscribe-form
	{
		margin-bottom: 30px;
		margin-top: 30px;
	}
	.sub_form
	{
		text-align: center;
		float: none;
	}
	.footer_nav
	{
		float: none;
	}
	.sub_input_container
	{
		float: none;
		width: 100%;
	}
	.sub_btn_container
	{
		float: none;
		margin: 0 auto;
		width: 130px;
	}
	.sub_description
	{
		display: none;
	}
	.footer_contact
	{
		display: none;
	}
	.footer_social
	{
		margin-top: 0px;
		text-align: center;
		float:none;
	}
	.contact_info
	{
		float: none;
	}
	.copyright
	{
		margin-top: 30px;
		text-align: center;
	}
	.blog_double_title a
	{
		font-size: 20px;
	}
	.blog_double
	{
		height: auto;
		margin-bottom: 30px;
	}
	.blog_double_image_container
	{
		width: 100%;
		height: 350px;
		float: none;
		border-top-right-radius: 20px;
		border-bottom-left-radius: 0px;
	}
	.blog_content_double
	{
		width: 100%;
		height: auto;
		padding-bottom: 43px;
		float: none;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 20px;
		padding-top: 24px;
	}
	.blog_content ul
	{
		position: relative;
		left: auto;
		bottom: auto;
		margin-top: 18px;
	}
	.blog_single_title
	{
		margin-top: 152px;
	}
	.about_blog_author_image
	{
		float: none;
		margin-bottom: 26px;
	}
	.about_blog_author_content
	{
		margin-left: 0px;
	}
	.blog_home_content h1
	{
		font-size: 56px;
	}
}

/************
10. 680px
************/

@media only screen and (max-width: 680px)
{
	.blog_content p
	{
		display: none;
	}
	.blog_image_half
	{
		float: none;
		width: 100%;
		margin-bottom: 41px;
		margin-top: 23px;
	}
	.blog_image_full
	{
		margin-top: 25px;
	}
	.blog_video_container_half,
	.blog_video_container_full
	{
		width: 100%;
		float: none;
		margin-right: 0px;
		margin-top: 23px !important;
		margin-bottom: 22px;
	}
}

/************
10. 639px
************/

@media only screen and (max-width: 639px)
{
	.home_content h3
	{
		width: 100%;
		padding-right: 15px;
	}
	.rotate
	{
		margin-top: 20px;
		line-height: 30px;
	}
	.pill_button
	{
		font-size: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 25px;
		padding-right: 25px;
	}
	.round_button
	{
		height: 40px;
		width: 40px;
		font-size: 12px;
		margin-left: 25px;
	}
	.round_button_text
	{
		font-size: 10px;
		margin-left: 10px;
		padding-top: 12px;
	}
	.full_client_list
	{
		column-count: 2;
	}
}

/************
11. 479px
************/

@media only screen and (max-width: 479px)
{
	p
	{
		font-size: 13px;
		line-height: 1.5;
	}
	.blog_single_background,
	.blog_single_background_overlay,
	.home_background,
	.home_background_overlay,
	.blog_background,
	.blog_background_overlay
	{
		width: 150vw;
		height: 150vh;
	}
	.home_content
	{
		margin-top: 120px;
		padding-bottom: 80px;
	}
	.home_content h1
	{
		font-size: 21px;
		line-height: 18px;
		margin-top: 7px;
		margin-bottom: 7px;
	}
	.home_content h1 span
	{
		margin-top: 4px;
	}
	.home_content h3
	{
		font-size: 13px;
		margin-top: 10px;
	}
	.home_content .buttons_container
	{
		margin-top: 50px;
	}
	.header
	{
		height: 40px;
	}
	.logo_container a
	{
		font-size: 18px;
	}
	.menu_hamburger
	{
		width: 7px;
		height: 7px;
	}
	.hamburger_container
	{
		top: 3px;
	}
	.hamburger_lines,
	.blog_hamburger_lines
	{
		height: 1px;
	}
	.line_2
	{
		top: 3px;
	}
	.line_3
	{
		top: 6px;
	}
	.menu_toggle span,
	.blog_menu_toggle span
	{
		font-size: 10px;
	}
	.break_content h3
	{
		font-size: 16px;
	}
	.section_title h2
	{
		font-size: 24px;
		line-height: 1.3;
	}
	.section_title_2 h2
	{
		font-size: 20px;
	}
	.section_title p
	{
		margin-top: 15px;
	}
	.section_subtitle
	{
		font-size: 20px;
	}
	.expertise_text
	{
		margin-top: 15px;
	}
	.skill_bar
	{
		height: 25px;
		margin-bottom: 30px;
		box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.3);
	}
	.skill_bar span
	{
		font-size: 16px;
		margin-top: 1px;
	}
	.scale span
	{
		font-size: 16px;
	}
	.new_project_container a
	{
		font-size: 12px;
	}
	.new_project_container
	{
		display: block;
		margin-bottom: 15px;
	}
	#quote
	{
		padding-top: 180px;
		padding-bottom: 180px;
	}
	#quote span
	{
		font-size: 24px;
	}
	.project_title_large,
	.project_title_small
	{
		font-size: 20px;
	}
	.pill_button_small
	{
		font-size: 9px;
	}
	#new_project
	{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.new_project_container a
	{
		font-size: 10px;
		padding-left: 15px;
		padding-right: 15px;
		letter-spacing: 1px;
	}
	#testimonials,
	#work,
	#services,
	#about,
	#team,
	#clients
	{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.testimonial_item
	{
		padding-top: 25px;
	}
	.testimonial_text::before
	{
		top: -30px;
		width: 70px;
		height: 70px;
		font-size: 70px;
	}
	.testimonial_slider .owl-dots
	{
		display: none;
	}
	.team_image_rect
	{
		padding: 15px;
	}
	.team_image_rect_inner
	{
		display: none;
	}
	.team_name a
	{
		font-size: 16px;
	}
	.team_role
	{
		font-size: 12px;
		margin-bottom: 15px;
	}
	.team_content
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.team_content p
	{
		font-size: 13px;
	}
	.stats_counter
	{
		font-size: 32px;
	}
	.full_client_list
	{
		column-count: 1;
	}
	.footer_nav li
	{
		font-size: 11px;
	}
	#contact h1
	{
		font-size: 24px;
		margin-bottom: 12px;
	}
	.contact_subtitle
	{
		font-size: 14px;
	}
	.contact_subtitle::after
	{
		bottom: -30px;
	}
	#contact-form
	{
		margin-top: 90px;
	}
	.blog_content_double,
	.blog_content_double_wide
	{
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 22px;
		padding-bottom: 25px;
		float: none;
	}
	.blog_content_single
	{
		padding-top: 22px;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 25px;
	}
	.blog_double_title a
	{
		font-size: 18px;
	}
	.date_and_type
	{
		left: 15px;
		bottom: 30px;
	}
	.blog_content ul
	{
		display: none;
	}
	.blog_single_info
	{
		padding-bottom: 87px;
	}
	.blog_single_title
	{
		margin-top: 125px;
	}
	.blog_home_content
	{
		margin-top: 125px;
		padding-bottom: 80px;
	}
	.blog_title a
	{
		font-size: 18px;
	}
	.blog_single_title h2
	{
		font-size: 24px;
		width: 100%;
	}
	.blog_callout
	{
		font-size: 16px;
	}
	.blog_callout::before
	{
		top: 5px;
		height: calc(100% - 12px);
	}
	.blog_single_content p span
	{
		font-size: 48px;
	}
	.blog_single_content p
	{
		margin-top: 12px;
	}
	.blog_image_half,
	.blog_image_full
	{
		max-height: 350px;
	}
	.about_blog_author_image
	{
		float: none;
		margin-bottom: 26px;
		width: 100px;
		height: 100px;
	}
	.about_blog_author_image img
	{
		width: 100%;
		height: 100%;
	}
	.blog_single_content h3
	{
		font-size: 18px;
		margin-top: 40px;
		margin-bottom: 16px;
	}
	#blog_single
	{
		margin-top: -40px;
	}
	.blog_home_content h1
	{
		font-size: 36px;
	}
	.blog_home_content h3
	{
		font-size: 16px;
	}
	.sidebar_social ul li a
	{
		width: 40px;
		height: 40px;
		margin-bottom: 10px;
	}
	.sidebar_social ul li a i
	{
		font-size: 28px;
	}
}

/************
12. 400px
************/

@media only screen and (max-width: 400px)
{
	
}