/* Fida Marwat (Sr. UXUI and Front End Developer) */



/* first media query for mobile responsiveness */

@media(max-width:767px){

	#p-detail-banner{
		height: 35vh;
	}

	.p-detail-imgs .col-xs-4{
		width: 33.3%;
	}

	.blog-custom-img{
		width: 100% !important;
	}

	.custom-absolute{
		position: relative !important;
		width: 100% !important;
		display: contents;
		top: unset !important;
	}

	.choose2-img{
		margin-bottom: 30px;
	}

	.custom-center{
		text-align: justify;
	}

	#banner .mb-0{
		text-align: center;
	}

	.lets-talk{
		margin: 40px auto 0px auto;
		width: 50%;
		display: table;
	}

	#unlock-business h2{
		margin-top: 30px;
	}

	#unlock-business img{
		width: 100%;
	}

	.line{
		display: none;
	}

	.stars{
		margin: 20px auto;
		display: table;
	}

	#testimonials p{
		text-align: center;
	}

	.carousel-indicators {
    margin-bottom: -2rem;
  }

  .w-50-100{
  	width: 100% !important;
  }

  .bottom-footer img{
  	margin: auto;
  	display: table;
  }

  .bottom-footer p{
  	text-align: center;
  	margin-bottom: 15px !important;
  }

  #services .card-body{
  	text-align: center;
  }

	.navbar-toggler{
	 	padding: 5px;
	 	overflow: hidden;
	}

}


/* second media query for tablet responsiveness */

@media(min-width:768px) and (max-width:991px){

	#p-detail-banner{
		height: 50vh;
	}

	.custom-absolute{
		left: 73% !important;
	}

	.d-sm-block{
		display: block !important;
	}

	.custom-center{
		text-align: justify;
	}

  #banner .mb-0{
		text-align: center;
	}

	.lets-talk{
		margin: 40px auto 0px auto;
		width: 30%;
		display: table;
	}

	.col-sm-6{
		width: 50%;
	}

	.col-sm-3{
		width: 25%;
	}

	.col-sm-12{
		width: 100%;
	}

	.line{
		margin-right:24px;
		margin-left: 24px;
	}


	.carousel-indicators {
    margin-bottom: -2rem;
  }

  #services .card-body{
  	text-align: center;
  }

	.navbar-toggler{
	 	padding: 5px;
	 	overflow: hidden;
	}

	.custom-d-sm-none{
		display: none !important;
	}

}



/* third media query for laptop responsiveness */

@media(min-width:992px) and (max-width:1200px){

}

@media(min-width:1024px) and (max-width:1280px){

}

@media(min-width:1201px) and (max-width:1280px){

}