/******************************************
  Frontend Developer mbilalsaqi@gmail.com
/****************************************** */
@media (min-width: 1024px) and (max-width: 1280px) {
	#mainNav {
		background-color: #ffffff;
		padding: 15px 10px;
	}
	.navbar-dark .navbar-brand{
		width: 55%;
	}
	.navbar-dark .navbar-nav .nav-link::after{
		display: none;
	}
	.navbar-dark .navbar-toggler{
		color: rgba(255,255,255);
		border-color: rgba(255,255,255);
	}
	.page-view .project .text h1 {
		font-size: 25px;
	}
	.page-view .project .text p {
		font-size: 20px;
		font-weight: 300;
		position: absolute;
		bottom: 40px;
		right: 60px;
		margin: 0;
		color: #000000;
	}
	.heading h1{
		font-size: 28px;
	}
	.heading p{
		font-size: 14px;
	}
	.cd-headline.clip span{
		font-size: 20px;
	}
	.section-title h3{
		font-size: 28px;
	}
	.section-title p{
		font-size: 14px;
	}
	#clouds{
		margin-top: -35%;
	}
	.message-box{
		margin-bottom: 30px;
	}
	.filter-button-group button{
		padding: 12px 27px;
	}
	.filter-button-group{
		text-align: center !important;
	}
	.post-box{
		margin-bottom: 30px;
	}
	.footer-distributed .footer-left{
		text-align: center;
	}
	.pricingTable .pricing-content li{
		font-size: 14px;
	}
}
@media (min-width: 991px) and (max-width: 1024px) {
	#mainNav {
		background-color: #ffffff;
		padding: 15px 10px;
	}
	.navbar-dark .navbar-brand{
		width: 55%;
	}
	.navbar-dark .navbar-nav .nav-link::after{
		display: none;
	}
	.navbar-dark .navbar-toggler{
		color: rgba(255,255,255);
		border-color: rgba(255,255,255);
	}
	.page-view .project .text h1 {
		font-size: 20px;
	}
	.page-view .project .text p {
		font-size: 15px;
		font-weight: 300;
		position: absolute;
		bottom: 40px;
		right: 60px;
		margin: 0;
		color: #000000;
	}
	.page-view .project .text .banner-btn {
		position: absolute;
		top: 75%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		margin: 0;
		display: table;
		text-align: center;
	}
	.nav-link {
		color: #212121 !important;
		font-weight: 500;
		transition: all 200ms linear;
		font-size: 12px;
	}
	.heading h1{
		font-size: 28px;
	}
	.heading p{
		font-size: 14px;
	}
	.cd-headline.clip span{
		font-size: 20px;
	}
	.section-title h3{
		font-size: 28px;
	}
	.section-title p{
		font-size: 14px;
	}
	#clouds{
		margin-top: -35%;
	}
	.message-box{
		margin-bottom: 30px;
	}
	.filter-button-group button{
		padding: 12px 27px;
	}
	.filter-button-group{
		text-align: center !important;
	}
	.post-box{
		margin-bottom: 30px;
	}
	.footer-distributed .footer-left{
		text-align: center;
	}
	.pricingTable .pricing-content li{
		font-size: 14px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		font-size: 7px;
	}
	.navbar-brand img {
		height: auto;
		width: 85px;
		display: block;
	}
	.login-btn {
		font-size: 14px;
	}
	#mainNav {
		background-color: #ffffff;
		padding: 15px 10px;
	}
	.navbar-dark .navbar-brand{
		width: 55%;
	}
	.navbar-dark .navbar-nav .nav-link::after{
		display: none;
	}
	.navbar-dark .navbar-toggler{
		color: rgba(255,255,255);
		border-color: rgba(255,255,255);
	}
	.heading h1{
		font-size: 28px;
	}
	.heading p{
		font-size: 14px;
	}
	.cd-headline.clip span{
		font-size: 20px;
	}
	.section-title h3{
		font-size: 28px;
	}
	.section-title p{
		font-size: 14px;
	}
	#clouds{
		margin-top: -35%;
	}
	.message-box{
		margin-bottom: 30px;
	}
	.filter-button-group button{
		padding: 12px 27px;
	}
	.filter-button-group{
		text-align: center !important;
	}
	.post-box{
		margin-bottom: 30px;
	}
	.footer-distributed .footer-left{
		text-align: center;
	}
	.pricingTable .pricing-content li{
		font-size: 14px;
	}
}
@media (max-width: 767px) {
	#mainNav {
		background-color: #ffffff;
		padding: 15px 10px;
	}
	.navbar-dark .navbar-brand{
		width: 55%;
	}
	.navbar-dark .navbar-nav .nav-link::after{
		display: none;
	}
	.navbar-dark .navbar-toggler{
		color: rgba(255,255,255);
		border-color: rgba(255,255,255);
	}
	.heading h1{
		font-size: 28px;
	}
	.heading p{
		font-size: 14px;
	}
	.cd-headline.clip span{
		font-size: 20px;
	}
	.section-title h3{
		font-size: 28px;
	}
	.section-title p{
		font-size: 14px;
	}
	#clouds{
		margin-top: -35%;
	}
	.message-box{
		margin-bottom: 30px;
	}
	.filter-button-group button{
		padding: 12px 27px;
	}
	.filter-button-group{
		text-align: center !important;
	}
	.post-box{
		margin-bottom: 30px;
	}
	.footer-distributed .footer-left{
		text-align: center;
	}
}
@media only screen and (min-width: 280px) and (max-width: 599px) {
	#mainNav {
		background-color: #ffffff;
		padding: 15px 10px;
	}
	.navbar-dark .navbar-brand{
		width: 55%;
	}
	.navbar-dark .navbar-nav .nav-link::after{
		display: none;
	}
	.fat-nav li{
		float: none;
		width: 100%;
	}
	.effect-new {
		text-align: center;
	}
	.heading h1{
		font-size: 28px;
	}
	.heading p{
		font-size: 14px;
	}
	.cd-headline.clip span{
		font-size: 20px;
	}
	.section-title h3{
		font-size: 28px;
	}
	.section-title p{
		font-size: 14px;
	}
	#clouds{
		margin-top: -35%;
	}
	.message-box{
		margin-bottom: 30px;
	}
	.filter-button-group button{
		padding: 12px 27px;
	}
	.filter-button-group{
		text-align: center !important;
	}
	.post-box{
		margin-bottom: 30px;
	}
	.footer-distributed .footer-left{
		text-align: center;
	}
	.message-box h2{
		font-size: 22px;
	}
	
	.skillbar-title{
		display: none;
	}
	.heading{
		vertical-align: bottom;
	}
	.pricingTable{
		margin-bottom: 30px;
	}
	.fat-nav li{
		font-size: 18px;
	}
	.banner h2{
		font-size: 35px;
	}
	.banner h2::after{
		height: 26px;
	}
	.right-box-pro{
		margin-bottom: 30px;
	}
	.filter-button-group button{
		font-weight: 500;
		font-size: 12px;
	}
	.card{
		margin: 0 auto;
	}
	#about h1 {
		font-size: 20px;
	}
	.message-box P {
		font-size: 15px;
		text-align: justify;
	}
	.section-title h1 {
		font-size: 20px;
		padding: 70px 0 10px 0;
	}
	.desc h1 {
		font-size: 20px;
	}
	.login-btn{
		margin-bottom: 5px;
		padding: 5px 8px;
	}
	
}