/* special media for buttons */
@media (max-width: 350px) { 
	.btn-1{padding: 10px 18px;}
    .btn-2{padding: 10px 18px;}
    .btn-3{padding: 9px 17px;} 
}


/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { 
	
	.mb-50px-xs{margin-bottom: 50px;}
	
	.welcome-area.creative-2{
		-webkit-clip-path:polygon(50% 0, 100% 0, 100% 91%, 73% 100%, 0 91%, 0 0);
				clip-path:polygon(50% 0, 100% 0, 100% 91%, 73% 100%, 0 91%, 0 0);
	}

	.welcome-area.creative-3{
		-webkit-clip-path:polygon(50% 0, 100% 0, 100% 91%, 50% 100%, 0 91%, 0 0);
				clip-path:polygon(50% 0, 100% 0, 100% 91%, 50% 100%, 0 91%, 0 0);
	}
	
	.welcome-area.creative-4{
		-webkit-clip-path: polygon(100% 0, 100% 98%, 75% 93%, 50% 98%, 25% 93%, 0 98%, 0 0);
				clip-path: polygon(100% 0, 100% 98%, 75% 93%, 50% 98%, 25% 93%, 0 98%, 0 0);
	}

.work-area h4{font-size: 24px; line-height: 22px;}
.work-area h5{font-size: 20px; line-height: 19px;}


.intro-area p{
	text-align: center;
	margin: 0 10%;
	font-size: 25px;
}

.title-p{
	text-align: center;
	margin: 0 10% 70px 10%;
	font-size: 25px;
}

.features-area p{
	font-size: 22px;
}

.features-area .p-relative .fa.p-absolute{
	font-size: 22px;
	top: 5px;
}

.features-area .p-relative{
	font-size: 22px;
	line-height: 20px;
	font-weight: 100; 
	color: #fff;
	margin-bottom: 10px;
}




}


/* Medium devices (tablets, 768px and up)  */
@media (max-width: 767px) {
	
	.mb-50px-sm{margin-bottom: 50px;}
	
	.title-h{font-size: 35px; line-height: 38px;}

	.title-h .circle-1{top: -37px; width: 10px; height: 10px;}

	.title-h .circle-2{top: -45px; width: 26px; height: 26px;}
	
	
	.box-padding{padding: 10px 30px;}
	
	.title-p{margin: 0 10% 70px 10%;}
	
	h1{font-size: 42px; line-height: 42px;}
	h2{font-size: 33px; line-height: 33px;}
	h3{font-size: 25px; line-height: 26px;}
	h4{font-size: 22px; line-height: 24px;}
	h5{font-size: 18px; line-height: 21px;}
	h6{font-size: 15px; line-height: 18px;}
	
	.navbar{
		padding: 5px 0;
		background-color: #111d27;
		position: fixed;
		padding: 2px;
	}

	.navbar .navbar-brand{
		margin-left: 0px !important;
	}

	
	.navbar-collapse{
		background-color: #111d27;
		margin-top: 5px;
		padding:  0px;
	}
	
	.navbar .navbar-nav .nav-link{color: #fff; text-align: center;}
	
	.welcome-area .welcome-text p,
	.welcome-slider p,
	.welcome-video .welcome-text p,
	.welcome-particles .welcome-text p{margin: 0 10%;}

	.welcome-video .overlay-bg-70{min-height: 70vh;}

	.welcome-video .video-background{
    		left: -175px;
		top: 50px;
	}
	
	.image-back-right,
	.image-back-left{
		position: relative; 
		top: 0; 
		left: 0; 
		height: 400px;
	}
	
	.testimonials .single-review p{
		line-height: 1.5em;
		margin: 0 10%;
	}

.work-area h4{font-size: 18px; line-height: 16px;}
.work-area h5{font-size: 16px; line-height: 14px;}


.intro-area p{
	text-align: center;
	margin: 0 10%;
	font-size: 22px;
}

.title-p{
	text-align: center;
	margin: 0 10% 70px 10%;
	font-size: 22px;
}

.features-area p{
	font-size: 18px;
}

.features-area .p-relative .fa.p-absolute{
	font-size: 18px;
	top: 5px;
}

.features-area .p-relative{
	font-size: 20px;
	line-height: 18px;
	font-weight: 100; 
	color: #fff;
	margin-bottom: 10px;
}


}

/* Large devices (desktops, 992px and up)  */
@media (max-width: 991px) {	
	
	.image-back-right,
	.image-back-left,
	.image-back-center{
		position: relative;
		height: 400px;
		left: 0;
		width: 100%;
	}

.intro-area p{
	text-align: center;
	margin: 0 10%;
	font-size: 20px;
}

.title-p{
	text-align: center;
	margin: 0 10% 70px 10%;
	font-size: 20px;
}

.features-area p{
	font-size: 16px;
}

.features-area .p-relative .fa.p-absolute{
	font-size: 16px;
	top: 5px;
}

.features-area .p-relative{
	font-size: 14px;
	line-height: 16px;
	font-weight: 100; 
	color: #fff;
	margin-bottom: 10px;
}


}



/* Extra large devices (large desktops, 1200px and up)  */
@media (max-width: 1200px) {

.intro-area p{
	text-align: center;
	margin: 0 10%;
	font-size: 18px;
}

.title-p{
	text-align: center;
	margin: 0 10% 70px 10%;
	font-size: 18px;
}

.features-area h3{font-size: 24px; line-height: 24px;}

.features-area p{
	font-size: 17px;
	line-height: 19px;
}

.features-area .p-relative .fa.p-absolute{
	font-size: 15px;
	top: 5px;
}

.features-area .p-relative{
	font-size: 16px;
	line-height: 18px;
	font-weight: 100; 
	color: #fff;
	margin-bottom: 10px;
}

.work-area .work-image p{
	font-size: 14px;
}

}