@media(max-width: 1199px) {

	.bannerContent > h1 {
	  font-size: 100px;
	}

	.bannerContent > h2 {
		font-size: 60px;
	}

	.secHeader > h1 {
		font-size: 40px;
	}

	.secHeader > h2 {
		font-size: 30px;
	}

	.secHeader > p {
		padding: 0 150px;
	}

	.feature-card .exyear {
		margin-top: 0px;
	}

	.feature-card .exyear span {
		font-size: 40px;
	}

	.feature-card .fc-inner > h2 {
		font-size: 18px;
		line-height: 1;
	}

	.bannerContent > p {
	  font-size:20px;
	  padding: 0 150px 25px 150px;
	}

	.feature-card {
	  /*padding: 34px 20px 56px 20px*/
	}

	.about section, .about article {
		margin-top:0px;
		padding-bottom: 0;
	}

	.about article li {
		text-align: center;
	}

	.about section > p {
		text-align: center !important;
		font-size: 60px;
	}

	.about article > p  {
		text-align: center !important;
	}

	.statistic-single > h2 {
		padding-bottom: 10px;
		font-size: 60px;
	}

	.book-card {
		margin-bottom: 30px;
	}

	.book-card .timing-box {
		padding: 5px;
	}

	.statistic {
		padding: 100px 0;
	}

	.service-block:nth-child(even) .singleService {
	  margin-right: auto;
	  margin-left: auto;
	  padding-left: 50px;
	  padding-right: 50px;
	}

	.service-block:nth-child(odd) .singleService {
	  margin-left: auto;
	  padding-left: 50px;
	  padding-right: 50px;
	}

	.singleService > header > h2 {
		font-size: 35px;
	}

	.singleService > header > p {
		font-size: 35px;
	}

	.partners {
		padding-bottom: 80px;
	}


}

@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 > h2 {
		font-size: 50px;
	}

	.bannerContent > p {
	  font-size:18px;
	  padding: 0 50px 25px 50px;
	}

	.bannerContent > a, .bannerContent > a.thm-btn-2 {
	  padding: 15px 30px 15px 30px;
	}

	.features {
	  border-bottom: none;
	}

	.feature-card {
		margin-bottom: 55px;
	}

	.feature-card.fc-c {
  	border-left: none;
  	border-right: none;
	}

	.service-block {
		padding: 0px 40px;
		max-width: 100%;
		width: 960px;
		margin: 0 auto;
		margin-bottom: 50px;
	}

	.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;
	}

	.tab {
		margin-top: 25px;
		padding: 0 20px;
	}

	.menu1 {
		padding:80px 0 30px 0;
	}

	.book-card .cont {
		padding: 50px 70px;
	}

	.form-box {
		padding: 0;
	}

	.rating-carousel .owl-dots {
	  margin-top: 25px;
	}

	.fetureicon-card {
		margin-bottom: 50px;
	}

	.blog-card {
		margin-bottom: 25px;
	}

	.cta-content > h1 {
		font-size: 55px;
	}

	.partners {
	  padding-top: 30px;
	  padding-bottom: 70px;
	}

	.secHeader > h1 {
	  font-size: 35px;
	}

	.secHeader > p {
		padding: 0 80px;
	}

	.feature-card .fc-inner > h2 {
		font-size: 25px;
	}

	.footer .footer-box {
		margin-bottom: 0px;
	}

	.contact-content > h1 {
		font-size: 35px;
	}

	.contact-content > h2 {
		font-size: 45px;
	}

	.footer .f-about {
		padding: 0 50px;
	}
	
}

@media (max-width:767px){

	.page-section {
		padding: 50px 0;
	}

	.bannerContent > h1 {
		font-size: 60px;
	}

	#mainSlider .carousel-item {
	    height: 700px;
	}

	.bannerContent {
	  padding: 0 15px;
	}

	#mainSlider .carousel-control-next,
	#mainSlider .carousel-control-prev {
	  width: 45px;
	  height: 35px;
	  top: 30%;
	}

	.feature-body > h2 {
		font-size: 25px;
		padding: 30px 0;
	}

	.feature-body > p {
		padding: 0;
	}

	.about section > p {
		font-size: 50px;
		line-height: 1;
	}

	.about article ul {
		margin-top: 40px;
	}

	.statistic-single > h2 {
	  font-size: 50px;
	}

	.book-container {
		padding: 25px;
	}

	.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;
		padding: 15px 30px 15px 30px;
	}

	.member {
		max-width: 100%;
		width: 350px;
		margin-left: auto;
		margin-right: auto;
	}

	.singleRating > h1 {
		padding: 25px 0 27px;
		font-size: 25px;
	}

	.singleRating > i {
		font-size: 40px;
	}

	.rating-carousel .owl-dots {
	  margin-top: 20px;
	}

	.cta {
		padding: 50px 0;
	}

	.cta .secHeader > h1 {
		margin-top: 50px;
	}

	.cta .contact-info {
		margin-top: 10px;
		margin-bottom: 20px;
		line-height: 1.5;
	}

	.cta-content > h1 {
		font-size: 45px;
	}

	.cta-content > a {
		padding: 18px 24px 18px 24px;
	}

	.footer-bottom {
	  padding:20px 0;
	}

	.secHeader > p {
		padding: 0;
	}

	.rating {
		padding: 75px 0;
	}

	.rating-box {
		padding: 50px;
	}

	.footer .f-about {
		padding: 0 20px;
	}


}

@media(max-width: 600px) {
	.feature-card {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.feature-card {
	  border-right: none;
	}

	.h-logo {
		width: 170px;
	}

	.h-logo2  {
		width: 170px;
	}
}

@media (max-width:575px){
	#mainSlider .carousel-item {
	    height: 600px;
	}

	.bannerContent > h1 {
	  font-size: 45px;
	}

	.bannerContent > h2 {
		font-size: 40px;
	}

	.about .secHeader {
		text-align: center;
	}

	.page-section.about .secHeader h1 {
		margin-top: 50px;
	}

	.about section > p {
		font-size: 40px;
	}

	.about article {
		margin-top: 0;
	}

	.statistic-single > h2 {
	  font-size: 60px;
	  padding-top: 15px;
	  padding-bottom: 12px;
	}

	.singleRating > p {
		font-size: 15px;
	}

	.cta .secHeader {
		text-align: left;
	}

	.cta-content > h1 {
		font-size: 35px;
	}

	.cta-content > a {
		margin-bottom: 25px;
	}

	.footer-social a {
  		padding: 12px;
  		font-size: 20px;
  	}

	.secHeader > h1 {
	  font-size: 35px;
	}

	.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;
	}

	.singleService > header > h2 {
		font-size: 25px;
	}
}

@media (max-width:500px){
	.singleService > header > span {
  		font-size: 50px;
  	}

	.singleService > a {
		margin-top: 30px;
	}

	.filter-list li {
	  margin: 5px 10px;
	}

	.book-card .cont {
		padding: 50px 30px;
	}
}
@media (max-width:420px){
	#mainSlider .carousel-item {
	    height: 580px;
	}

	.bannerContent > h1 {
	  font-size:35px;
	  letter-spacing: 0px;
	  padding: 15px 0;
	}

	.bannerContent > p {
		padding: 0 0 15px 0;
		line-height: 1.2;
	}

	.bannerContent > h2 {
	  letter-spacing: 2px;
	}

	.bannerContent > a {
		margin-right: 0;
	}

	.bannerContent > a.thm-btn-2{ 
		margin-left: 0;
	}

	.service-block {
		padding: 0px 10px 0;
		margin-bottom: 0px;
	}

	.singleService {
		margin-left: 0px !important;
		padding: 20px !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 {
		margin-bottom: 50px;
	}

	.secHeader > p {
	  letter-spacing: 0px;
	}

	.secHeader > h1 {
	  /*font-size: 30px;*/
	}
}

@media(max-width: 380px) {
	.project-container figure::before {
		width: 100%;
	}

	.secHeader > h1 {
	  font-size: 25px;
	}
}

@media (min-width:1200px){
	.container{
		max-width:1170px;
		padding-left: 0;
		padding-right: 0;
	}
}

/* tab to accordian css  */
@media (max-width: 45em) {
  .tabs .tab,
  .tabs label {
    -webkit-box-ordinal-group: initial;
            order: initial;
  }

  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}