/* ================================================================
    Author       : WPxpart
    Template Name: Halda - Personal Portfolio HTML Template
    Tags: One Page portfolio, Creative Template,  professional, landing, HTML 
    Version      : 1.0
=================================================================*/

/*===================================================
                Responsive Css
=====================================================*/

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.section-title h2 {
		font-size: 35px;
	}
	.mid-content h1 {
		font-size: 30px;
		line-height: 44px;
	}
	.about-details h2 {
		font-size: 15px;
	}
	.hire-wrapper h3 {
		font-size: 16px;
		line-height: 25px;
	}
}
/*===========================================
	Tab responsive
=============================================*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-title h2 {
		font-size: 27px;
	}
	.site-header.sticky #main-menu ul li a {
		line-height: 70px;
	}
	.site-header.sticky a.logo {
		padding: 14px 0;
	}
	#main-menu ul li a {
		line-height: 70px;
		display: inline-block;
	}
	.mid-content h1 {
		font-size: 27px;
		line-height: 41px;
	}
	.about-details h2 {
		font-size: 13px;
		line-height: 21px;
	}
	.service-wrapper h3 {
		font-size: 11px;
	}
	.hire-wrapper h3 {
		font-size: 14px;
		line-height: 25px;
	}
	.member-social a {
		margin-right: 6px;
	}
}
/*=========================================
    SMart Phone Device
===========================================*/
@media only screen and (min-width: 300px) and (max-width: 991px) {
	.mid-header-area {
		background: rgba(0, 0, 0, 0) url(../images/Headerbild/wein-oeffner_guentersleben_iphone.jpg) no-repeat center center / cover;
		height: 100vh;
		position: relative;
	}
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
	h2 {
		font-size: 17px;
		letter-spacing: 1px;
	}
	.section-title p {
		line-height: 21px;
		font-size: 12px;
	}
	#main-menu ul li a {
		font-size: 13px;
		line-height: 40px;
		display: inline-block;
	}
	.site-header {
		background: transparent;
		position: fixed;
		z-index: 111111;
		width: 100%;
	}
	.site-header.sticky #main-menu ul li a {
		font-size: 13px;
		line-height: 40px;
		display: inline-block;
		color: #fff;
	}
	.navbar-right {
		float: left;
		margin-left: 0px;
		margin-right: 0px;
		width: 100%;
	}
	#main-menu {
		overflow: hidden;
		background: #434334;
	}
	.section-title h2 {
		font-size: 22px;
		line-height: 32px;
	}
	.mid-content h1 {
		font-size: 13px;
		line-height: 24px;
	}
	.mid-content h5 {
		letter-spacing: 6.5px;
		font-size: 11px;
		line-height: 23px;
	}
	.about-details h2 {
		font-size: 11px;
		letter-spacing: 2px;
		line-height: 19px;
	}
	.service-icon i {
		font-size: 30px;
	}
	.service-wrapper {
		padding: 36px 21px;
	}
	ul.work-filter li {
		font-size: 13px;
		padding: 6px 6px;
		letter-spacing: 0.5px;
	}
	.hire-wrapper h3 {
		font-size: 13px;
		letter-spacing: 1px;
		line-height: 25px;
	}
	.hire-me a {
		margin-top: 42px;
		font-size: 13px;
		float: left;
	}
	.single-member {
		margin-bottom: 44px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.site-header {
		background: transparent;
		position: fixed;
		z-index: 111111;
		width: 100%;
	}
	.section-title h2 {
		position: relative;
		font-size: 25px;
		line-height: 35px;
	}
	.mid-content h5 {
		letter-spacing: 7.5px;
		font-size: 15px;
		line-height: 23px;
	}
	.mid-content h1 {
		font-size: 15px;
		line-height: 28px;
	}
	.about-details h2 {
		font-size: 13px;
	}
	ul.work-filter li {
		font-size: 15px;
		padding: 6px 9px;
	}
	.hire-wrapper h3 {
		font-size: 15px;
		line-height: 28px;
	}
}