@media(max-width: 1199px) {

	.bannerContent > h1 {
	  font-size: 100px;
	}

	.bannerContent > p {
	  font-size:20px;
	}

	.feature-card {
	  /*padding: 34px 20px 56px 20px*/
	}

	.about section, .about article {
		margin-top:0px;
		padding-bottom: 0;
	}

	.service-block:nth-child(even) .singleService {
	  margin-right: auto;
	  margin-left: auto;
	}

	.service-block:nth-child(odd) .singleService {
	  margin-left: 50px;
	}

	.contact-content {
		text-align: left;
	}

	.contact-content > a {
		margin-top: 10px;
		margin-bottom: 50px;
	}
}

@media(max-width: 991px) {
	.main-nav {
		position: relative;
		-webkit-perspective: 600px;
		perspective: 600px;	
	}

	#mainMenu {
		position: absolute;
		padding: 30px;
		text-align: center;
		background: rgba(255,255,255,.7);
		right: 0;
		top: 100%;
		overflow-y: scroll;
		display: block !important;
		-webkit-transition: all .4s ease;
		transition: all .4s ease;
		visibility: hidden;
		opacity: 0;
		-webkit-transform: scaleY(.6);
		-ms-transform: scaleY(.6);
		-o-transform: scaleY(.6);
		transform: scaleY(.6);
		-webkit-transform-origin: top center;
		-moz-transform-origin: top center;
		-ms-transform-origin: top center;
		-o-transform-origin: top center;
		transform-origin: top center;
		
		z-index: 999;
	}

	.is-active + #mainMenu {
		visibility: visible;
		opacity: 1;
		-webkit-transform: scaleY(1);
		-ms-transform: scaleY(1);
		-o-transform: scaleY(1);
		transform: scaleY(1);
	}

	.main-header.fixed-nav #mainMenu {
		background: rgba(0,0,0,.7);
	}

	#mainMenu li:not(:last-of-type) {margin-right: 0;}
	#mainMenu li:not(:last-of-type) {margin-bottom: 20px;}

	#mainMenu li > a {
		opacity: 1;
		font-size: 15px;
		font-weight: 700;
		color: #000 !important;
	}

	#mainMenu ul {
		background: #fff;
		display: block !important;
		margin-right: auto;
		z-index: 999;
		padding: 15px 30px;
	}

	#mainMenu li > a::before,
	.main-header.fixed-nav #mainMenu li > a::before {
		background: #000;
	}

	#mainSlider .carousel-item {
	    height: 800px;
	}

	.bannerContent > h1 {
	  font-size: 70px;
	}

	.bannerContent > p {
	  font-size:16px;
	}

	.bannerContent > a {
	  padding: 15px 20px 15px 20px;
	}

	.features {
	  border-bottom: none;
	}

	.feature-card {
		margin-bottom: 25px;
	}

	.service-block {
		padding: 0px 40px;
		max-width: 100%;
		width: 960px;
		margin: 0 auto;
	}

	.service-block .col-lg-6.img-box img {
	  max-width: 100%;
	}

	.service-block .pr-0 {
		/*padding-right: 15px !important;*/
		padding-left: 0px !important;
	}

	.service-block .pl-0 {
		/*padding-left: 15px !important;*/
		padding-right: 0px !important;
	}

	.singleService {
		max-width: 100%;
		width: 960px;
		margin-right: auto !important;
	  	padding: 50px!important;
	}

	.service-block:nth-child(odd) .singleService {
	  margin-left: 0px;
	}


	.singleRating > h1 {
		
	}

	.singleRating > h2 {
		
	}

	.rating-carousel .owl-dots {
	  margin-top: 25px;
	}

	.blog-card {
		margin-bottom: 25px;
	}


	.contact-content > h1 {
		padding: 9px 0 20px;
	}

	.contact-content > a {
		margin-top: 0px;
	}

	.partners {
	  padding-top: 30px;
	  padding-bottom: 70px;
	}

	.secHeader > h1 {
	  font-size: 55px;
	}
}

@media (max-width:767px){

	.bannerContent {
		top: 300px;
		bottom: auto;
	}

	.page-section {
  	padding:70px 0;
	}

	#mainSlider .carousel-item {
	    height: 700px;
	}


	.bannerContent > h1 {
	  font-size: 55px;
	  letter-spacing: 0px;
	}

	.bannerContent > p {
		width: 300px;
	}

	#mainSlider .carousel-control-next,
	#mainSlider .carousel-control-prev {
	  width: 45px;
	  height: 35px;
	  top: 30%;
	}

	.about section > p {
		font-size: 18px;
		line-height: 26px;
	}

	.about article ul {
		margin-top: 40px;
	}

	.singleService {
		width: 100%;
		/*margin-left: 80px !important;
	  	padding: 0 50px 30px 0 !important;*/
	}

	.singleService > header > span {
  		font-size: 60px;
  		line-height: 40px;
  	}

	.singleService > a {
		margin-top: 30px;
	}

	.member {
		max-width: 100%;
		width: 350px;
		margin-left: auto;
		margin-right: auto;
	}

	.singleRating > h1 {
		padding: 15px 0 5px;
		font-size: 25px;
	}

	.singleRating > i {
		font-size: 40px;
	}

	.singleRating > h2 {
		margin-top: 40px;
	}

	.rating-carousel .owl-dots {
	  margin-top: 20px;
	}

	.contact .secHeader > h1 {
		margin-top: 50px;
	}

	.contact .contact-info {
		margin-top: 10px;
		margin-bottom: 20px;
		line-height: 1.5;
	}

	.contact-content > h1 {
		padding: 9px 0 15px;
		font-size: 20px;
	}

	.contact-content > h2 {
		letter-spacing: 8px;
	}

	.contact-content > a {
		padding: 15px 22px 15px 24px;
		margin-top: 0px;
	}

	footer {
		margin-top: 80px;
	}

	.footer-bottom {
	  padding: 38px 0 40px;
	}


	.secHeader > h1 {
	  font-size: 45px;
	}
}

@media(max-width: 600px) {
	.feature-card {
		padding: 34px 45px 56px 45px;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.feature-card {
	  border-right: none;
	}
}

@media (max-width:575px){
	#mainSlider .carousel-item {
	    height: 600px;
	}

	.bannerContent > h1 {
	  font-size: 45px;
	}

	.bannerContent > h2 {
	  
	}

	.bannerContent > a {
	  padding: 12px 22px 12px 22px;
	}

	.about .secHeader {
		text-align: left;
	}

	.page-section.about .secHeader h1 {
		margin-top: 50px;
	}

	.about article > p {
		text-align: left !important;
	}

	.about section > p {
		font-size: 16px;
	}

	.about article {
		margin-top: 0;
	}

	.statistic-single > h2 {
	  font-size: 60px;
	  padding-top: 15px;
	  padding-bottom: 12px;
	}

	.singleRating > p {
		font-size: 15px;
	}

	.contact .secHeader {
		text-align: left;
	}

	.contact-content > h1 {
		font-size: 18px;
	}

	.contact-content > h2 {
		letter-spacing: 4px;
	}

	.contact-content > a {
		margin-bottom: 25px;
	}

	.footer-social a {
  		padding: 12px;
  		font-size: 20px;
  	}

	.secHeader > h1 {
	  font-size: 30px;
	}

	.back2Top {
	   width: 40px;
	   height: 40px;
	   right: 10px;
	}

	.back2Top .fa {
		font-size: 30px;
		line-height: 52px;
	}

	.totop {
		bottom: 10px;
	}
	#mainMenu li > a {
		font-size: 14px;
	}

	.service-block {
		padding:0px 20px 0;
	}

	.singleService {
	  	padding: 40px 30px !important;
	}
}

@media (max-width:500px){
	.singleService > header > span {
  		font-size: 50px;
  	}

  	.singleService > p {
  		padding-top: 20px;
  	}
	.singleService > a {
		margin-top: 30px;
	}

	.filter-list li {
	  margin: 5px 10px;
	}
}
@media (max-width:414px){
	#mainSlider .carousel-item {
	    height: 580px;
	}

	.bannerContent > h1 {
	  font-size: 22px;
	  letter-spacing: 2px;
	}

	.bannerContent > h2 {
	  letter-spacing: 2px;
	}

	.service-block {
		padding: 15px 10px 0;
	}

	.singleService {
		margin-left: 60px !important;
		padding: 0 0 10px 0 !important;
	}

	.singleService > header > span {
  		font-size: 40px;
  	}

  	.singleService > p {
  		padding-top: 15px;
  	}
	.singleService > a {
		margin-top: 20px;
		padding: 8px 23px 8px 25px;
	}

	.filter-list li {
	  margin: 0 10px 5px 0;
	}

	.partners {
	  padding-bottom: 50px;
	}

	.secHeader {
		padding-bottom: 5px;
	}

	.secHeader > p {
	  letter-spacing: 4px;
	}

	.secHeader > h1 {
	  font-size: 18px;
	}
}

@media(max-width: 380px) {
	.project-container figure::before {
		width: 100%;
	}

	.secHeader > h1 {
	  font-size: 16px;
	}
}

@media (min-width:1200px){
	.container{
		max-width:1170px;
		padding-left: 0;
		padding-right: 0;
	}
}