/*Custom responsive css===========================*/
@media (min-width: 1700px) {
	.container {
	  max-width: 90%;
	  width: 100%;
	}
	h1 {
	font-size: 60px;
	}
	h2 {
		font-size: 45px;
	}
	h3 {
		font-size: 34px;
	}
	h4 {
	  font-size: 26px;
	}
	h5 {
		font-size: 24px;
	}
	h6 {
		font-size: 20px;
	}
	.faq_svg path {
	  stroke-width: 9px;
	}
	.faq-text > div {
	  font-size: 19px;
	}
}
@media only screen and (min-width: 1400px) and (max-width: 1699px) {
	.container {
	  max-width: 1300px;
	}
	.faq_svg path {
	  stroke-width: 8px;
	}
	.faq-text > p {
	  font-size: 18px;
	}

}

@media(max-width: 1555px){
	h1 {
	font-size: 40px;
	}
	h2 {
		font-size: 34px;
	}
	h3 {
		font-size: 26px;
	}
	h4 {
		font-size: 22px;
	}
	h5 {
		font-size: 21px;
	}
	h6 {
		font-size: 17px;
	}
	.stroke h1 {
	  font-size: 100px;
	}

}

@media only screen and (min-width:1199px) and (max-width: 1399px) {
	#section3 .mt-m-42 {
	  margin-top: -15px;
	}
	.v-caption {
	  max-width: 750px;
	}
	.v-caption h2.reveal-text {
	  font-size: 60px;
	}
	.stroke h1 {
	  font-size: 80px;
	}
	.faq_svg path {
	  stroke-width: 8px;
	}
}
@media(max-width: 1199px){

	/*Section1=========================================*/
		/*Peaple-------------------*/
			.sec1-people{
				margin-top: 30px;
			}
			.sec1-people-img img{
		    	padding-left: 15px;
			}
		/*end people-----------------*/

		/*peopleTech-------------------*/
			.sec1TechImg img{
				max-width: 350px;
				float: right;
				padding-right: 10px;
			}
			.stroke h1 {
			  font-size: 60px;
			}

		/*end technology-----------------*/
	/*End section1=========================================*/
	#section3 .mt-m-42 {
	  margin-top: 0;
	}
	/*section8=========================================*/
		.faq{
			min-height: 600px;
		}
		.faqVector{
			position: absolute;
			top: -74px;
		}
		.faqText{
			margin-top: 45px;
		}

	/*End section8=========================================*/
}


@media(max-width: 990px){
		.v-caption .display-4{
			font-size: 25px;
    		font-weight: 400;
			line-height: 2.2;
		}
		.v-caption .display-5{
			font-size: 35px;
    		font-weight: 500;
			line-height: 1.2;
		}

	/*Section1=========================================*/
		/*Peaple-------------------*/
			.sec1-people{
				margin-top: 30px;
			}
			.sec1-people-text{
				margin-top: 10px;
			}
		/*end people-----------------*/

		/*peopleTech-------------------*/
			.sec1TechImg img{
				max-width: 250px;
				float: right;
				padding-right: 10px;
			}
			.people{
				top: -20px;
			}
			.people .peole-text h1{
				font-size: 35px;
			}
		/*end peopleTech-----------------*/
		/*technology-------------------*/
			.technology .technology-text h1{
				font-size: 35px;
			}
		/*end technology-----------------*/
	/*End section1=========================================*/


	/*Section2=========================================*/
		.sec2Head{
			width: 100%;
			margin: 40px 110px;
		}
		.sec2HeadNum{
			font-size: 100px;
		}
		.sec2Text p{
			margin-top: 25px;
		}
		.sec2Text .btn{
			float: left;
			margin-top: 10px;
		}
	/*End section2=========================================*/
		
	/*section8=========================================*/
		.faq{
			min-height: 600px;
		}
		.faqVector{
			position: absolute;
			top: -74px;
		}
		.faqFisrtText{
			margin-top: -15px;
		}
		.faqText{
			margin-top: 9px;
		}

	/*End section8=========================================*/

}

@media only screen and (min-width: 950px) and (max-width: 991px) {
	/*End section8=========================================*/
		.faqText {margin-top: 35px;}	
	/*End section8=========================================*/
}
@media only screen and (min-width: 920px) and (max-width: 949px) {
	/*End section8=========================================*/
		.faqText {margin-top: 30px;}	
	/*End section8=========================================*/
}
@media only screen and (min-width: 880px) and (max-width: 919px) {
	/*End section8=========================================*/
		.faqText {margin-top: 25px;}	
	/*End section8=========================================*/
}
@media only screen and (min-width: 850px) and (max-width: 879px) {
	/*End section8=========================================*/
		.faqText {margin-top: 20px;}	
	/*End section8=========================================*/
}
@media only screen and (min-width: 820px) and (max-width: 849px) {
	/*End section8=========================================*/
		.faqText {margin-top: 20px;}	
	/*End section8=========================================*/
}

@media only screen and (min-width:768px) and (max-width: 1200px) {
	.sec4HeadNum h1 {
	  font-size: 100px;
	}
	.sec4Img {
	  min-height: 400px;
	}
	.v-caption {
	  max-width: 750px;
	}
	.v-caption h2.reveal-text {
	  font-size: 60px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .statsTable table td h1 {
      font-size: 45px;
    }
    .font-22 {
        font-size: 20px;
    }
	.v-caption {
	  max-width: 600px;
	}
	.v-caption h2.reveal-text {
	  font-size: 45px;
	}
	.row.sec2Services > div.col-md-3.offset-md-3 {
	  margin-left: 0;
	}
	.row.sec2Services > div.col-md-3 {
	  flex: 0 0 33.334%;
	  max-width: 33.334%;
	}
	.container, .container-md, .container-sm {
	  max-width: 90%;
	}
	.sec3HeadNum span {
	  font-size: 120px;
	}
	.col-tablet-100 [class*="col-"] {
	  flex: 0 0 100%;
	  margin-left: 0;
	  max-width: 100%;
	}
	.col-sm-12.sec3HeadNum.text-center {
	  text-align: right !important;
	}
	.stroke h1 {
	  font-size: 50px;
	}


#post_slider ul.pills-tab {
  padding: 30px;
}
#post_slider .pills-tab li .nav-link {
  font-size: 17px;
}
.sec6FirstColumn {
  padding: 90px 30px 30px;
}
.sec6LastColumn {
  padding: 30px;
}
/* section4 start */
#blackbg {
  width: 100%;
}
.sec4LeftText {
  left: 0;
  position: relative;
  top: 0;
}
.sec4Img {
  min-height: 270px;
}
.sec4HeadNum h1 {
  bottom: 0;
  font-size: 70px;
  margin: 0;
  position: absolute;
}
.row.sec4TextMainDiv {
  margin-top: 30px;
}
.smartText span {
  font-size: 26px;
}
.sec4RightText {
  padding: 30px 5%;
}
.col-tablet-100 .show-desktop {
  display: none !important;
}
.col-tablet-100 .show-mobile {
  display: block !important;
}
.col-reverse.col-tablet-100 {
  flex-direction: column-reverse;
}
/* section4 end */

/* section3 start */
.sec3Img {
	position: absolute;
    right: 0;
    top: 125px;
}
.sec3Img img{
	min-height: 400px;
}
.sec3HeadNum span {
  font-size: 80px;
}
#section3 .ab {
  position: relative;
}
#section3 .sec3Text {
  padding-bottom: 0;
  padding-top: 0;
  width: 100%;
  margin-top: 35px;
}

/* section3 end */
.sec5head {
  font-size: 110px;
}

.footer-area div {
  text-align: center;
}
.bottom-menu ul {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

	.row.over_row {
	  display: inline-flex;
	  flex-flow: row nowrap;
	  justify-content: center;
	  left: 50%;
	  position: relative;
	  transform: translateX(-50%);
	}
	.row.pt-4.pb-4.over_row > div.col-sm-12 {
	  max-width: 350px;
	  width: 350px;
	}
	.faq-text {
	  width: 70%;
	}
	.faq-text.blank {
	  width: 30%;
	}

}
@media only screen and (min-width:768px) {
    .aws-badge > img {
	  float: left;
	  max-width: 300px;
	  min-width: 150px;
	  width: 35%;
	}
	.show-mobile {
	  display: none !important;
	}
	#section5 .demo-4 .text-center {
	  text-align: left !important;
	}
	#post_slider .slick-dots {
	  display: inline-block;
	  left: 23%;
	  transform: translateY(-25px);
	  width: auto;
	}
	.statsTable table td:last-child::before {
      border-left: 2px solid;
      content: "";
      height: 74%;
      left: -1px;
      position: absolute;
      top: 13%;
    }
}
@media(max-width: 767px){
	h1 {
	font-size: 35px;
	}
	h2 {
		font-size: 30px;
	}
	h3 {
		font-size: 24px;
	}
	h4 {
		font-size: 21px;
	}
	h5 {
		font-size: 20px;
	}
	h6 {
		font-size: 17px;
	}
	.statsTable table td h1 {
      font-size: 36px;
    }
    .aws-badge > img {
      width: 150px;
    }

div.video-background {
    position: relative;
    transform: translateY(-100px) scale(1.5);
}
#section0 div.layer {
  padding: 0;
  position: relative;
  transform: translateY(0px);
}
div.scrolbottom {
  display: none;
}
#section0.section {
  min-height: auto;
}
.v-caption h2.reveal-text {
  font-size: 30px;
}
.v-caption h3.reveal-text {
  font-size: 22px;
}
#post_slider ul.pills-tab {
  padding: 30px;
  width: 100%;
}
#post_slider .pills-tab li .nav-link {
  font-size: 16px;
  font-weight: 500;
}
.sec6FirstColumn {
  padding: 90px 30px 30px;
}
.sec6LastColumn {
  padding: 30px;
}

	.row.col-reverse {
	  flex-flow: column-reverse nowrap;
	}
	.footer-area div {
	  text-align: center;
	}
	.bottom-menu ul {
	  float: none;
	  margin-left: auto;
	  margin-right: auto;
	  width: 350px;
	}
	.col-sm-12.sec3HeadNum.text-center {
	  text-align: right !important;
	}
	#section4 .decolines .decoline, #section4 .sec4bg .decolines .decoline {
	  left: 50% !important;
	}
	#section5 .demo-4 .text-center {
	  text-align: left !important;
	}
	/*Section0=========================================*/
	#scrollDown {
	  cursor: pointer;
	  left: 0;
	}
	.scrolbottom {
  bottom: -45px;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
}
	.scrolbottom h4 {
	  visibility: hidden;
	}
	.scrolbottom::before {
	  left: calc(50% - 1px);
	}

	.show-desktop {
	  display: none !important;
	}
	/*Section0=========================================*/

	/*Section1=========================================*/
		/*Peaple-------------------*/
			.sec1-people{
				margin-top: 15px;
			}
			.sec1-people-img img{
				max-height: 200px;
			}
			.people-img {
			  display: block;
			  float: left;
			  margin: auto;
			  max-height: 300px;
			  max-width: 100%;
			}
			.col-sm-4.col-md-4.techimg img {
			  float: right;
			  max-width: 280px;
			}
			.sec1-people-text{
				margin-top: 10px;
				text-align: center;
				padding: 0 20px;
			}
			.sec1-people-text h1{
				font-size: 18px;
			}	
			.sec1-people-text p{
				margin-top: 15px;
				font-size: 15px;
			}
			.stroke h1 {
			  -webkit-text-stroke: 1px white;
			  font-size: 35px;
			}	
			
		/*end people-----------------*/

		/*peopleTech-------------------*/
			.sec1TechImg img{
				max-width: 250px;
				float: right;
				padding-right: 10px;
			}
		/*end peopleTech-----------------*/
		/*technology-------------------*/

			
			.floating-text-1, .floating-text-2 {
			  top: -80px;
			}
		/*end technology-----------------*/
	/*End section1=========================================*/


	/*Section2=========================================*/

		.sec2Img .img1{
			max-width: 80px;
		}
		.sec2Img .img2{
			max-width: 200px;
		}

		/*service-------------------*/
		.sec2Services{
			margin-top: 5px;
		}
		.sec2s span{
			font-size: 15px;
		}
		.sec2s p{
			margin-top: 0px;
		}
		/*service-------------------*/
	/*End section2=========================================*/

	/*Section3=========================================*/
		.sec2Head{
			width: 100%;
    		margin: 0px 10%;
		}
		.sec2HeadNum{
			font-size: 100px;
		}
		.sec2HeadNum span{
			z-index: 1;
   			position: absolute;
    		right: 20px;
    		top: -100px;
		}
		.sec2Text {
		    padding: 10%;
		    position: absolute;
		    z-index: 1;
		    opacity: 1;
		    background: rgba(239, 239, 239, 0.7);
		}
		.sec2Text h5{
			margin-top: 25px;
		}
		.sec2Text .btn{
			float: left;
			margin-top: 10px;
		}
		.sec3Img {
			position: absolute;
		    right: 0;
		    top: 125px;
		}
		.sec3Img img{
			min-height: 400px;
		}
		.sec3HeadNum span {
		  font-size: 80px;
		}
		#section3 .ab {
		  position: relative;
		}
		#section3 .sec3Text {
		  padding-bottom: 0;
		  padding-top: 0;
		  width: 100%;
		  margin-top: 35px;
		}

	/*End section3=========================================*/

/*start section4=========================================*/
#blackbg {
  width: 100%;
}
.sec4LeftText {
  left: 0;
  position: relative;
  top: 0;
}
.sec4Img {
  min-height: 270px;
}
.sec4HeadNum h1 {
  bottom: 0;
  font-size: 70px;
  margin: 0;
  position: absolute;
}
.col-xs-3 {
  max-width: 25%;
}
.col-xs-9 {
  max-width: 75%;
}
.row.sec4TextMainDiv {
  margin-top: 30px;
}
.smartText span {
  font-size: 26px;
}
.sec4RightText {
  padding: 30px 5%;
}
/*End section4=========================================*/
.sec5head {
  font-size: 80px;
}
.sec6FirstColumn h3 {
  font-size: 20px;
}
	/*End section7=========================================*/
		.culturebg .col-sm-5.col-md-5.mb-2 {
		  text-align: center;
		}
		.row.xs_row.cultured > div.col-sm-7 {
		  width: 60%;
		}
		.row.xs_row.cultured > div.col-sm-5 {
		  width: 40%;
		}
		.cultureLogo{
			max-height: 250px;
		}

		.row.over_row {
		  display: inline-flex;
		  flex-flow: row nowrap;
		  justify-content: center;
		  left: 45%;
		  position: relative;
		  transform: translateX(-50%);
		}
		.row.over_row > div.col-sm-12 {
		  max-width: 350px;
		  width: 350px;
		  padding: 7px;
		}
		.row.xs_row {
		  display: inline-flex;
		  flex-flow: row nowrap;
		  left: 50%;
		  position: relative;
		  transform: translate(-50%);
		  width: 120%;
		}
		.row.xs_row.culturebg {
		  margin-top: -1px !important;
		}
		.row.xs_row > div.col-sm-12 {
		 
		  padding: 7px;
	
		}
		.row.xs_row > div.col-md-5 {
		  width: 60%;
		  max-width: 60%;
		}
		.row.xs_row > div.col-md-4 {
		  width: 40%;
		  max-width: 40%;
		}
		.row.pt-4.pb-4.over_row {
		  padding: 10px 0 0 !important;
		}
		#post_slider .slick-slide {
		  border: 1px solid #000;
		}
		#post_slider ul .nav-item:not(:first-child) {
		  display: none;
		}
	/*End section7=========================================*/

	/*section8=========================================*/
		.sec8LeftBigtext{
			right: 33px;
			top: -60px;
		}
		.faqVector img{
			height: 500px;
			margin-top: 12px;
		}
		.faqText {
			text-align: center!important;
		}	
		.faqFisrtText {
			text-align: center!important;
		}


		.col-sm-12.col-md-12.faq {
		  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
		}
		.faq > .col-sm-12.col-md-12 {
		  min-height: auto !important;
		}
		#section8.section {
		  padding-bottom: 0;
		  padding-top: 0;
		}
		.faqFisrtText{
			margin-top: -9px;
		}
		.faqText{
			margin-top: 12px;
		}
		.faq-text {
		  width: 80%;
		}
		.faq-text.blank {
		  width: 20%;
		}
/*		.faqForMobile{
			display: block;
			border-left: solid 3px #000;
		}*/
		/*.faqTextForMobile{
			border-bottom: solid 2px #000;
			padding: 5px;
		}
		.faqTextForMobile:last-child{
			border-bottom: none;
		}*/
		
		
	/*End section8=========================================*/
	#section9.section {
	  padding-bottom: 0;
	  padding-top: 0;
	}
	#section9 .bg_image {
	  background-repeat: no-repeat !important;
	  background-size: 100% auto !important;
	}
	#section9 .offset-md-3.sec9Text {
	  margin-bottom: 70px;
	  margin-left: 10%;
	  margin-top: 70px;
	  max-width: 90%;
	  padding: 0 10px;
	  width: 90%;
	}
	.sec9Text h2 {
	  margin-top: 60px;
	}
	#section10.section, #section10.section .container, #section10.section .col-sm-12 {
	  padding: 0;
	}
    .home #section2, .home #section7 .container {
        margin-top: -1px;
    }
    #section18.section {
      padding-bottom: 0;
      padding-top: 10px;
    }
    div.svc_container {
      margin-bottom: 60px;
      position: relative;
    }
    .home_stroke h1 {
      font-size: 9vw;
      letter-spacing: 2px;
    }
    .font-22 {
        font-size: 18px;
    }
}


@media only screen and (min-width:576px) and (max-width: 767px) {
	.container, .container-sm {
	  max-width: 94%;
	}
	.faq-text > p {
	  font-size: 14px;
	}
}

@media(max-width: 575px){
	.float-container .stroke h1 {
	  font-size: 25px;
	}
		.hero .container-fluid {
		  	position: relative;
		  	z-index: 2;
		  	padding: 0 30px;
		}
		.v-caption .display-4{
			font-size: 25px;
    		font-weight: 400;
			line-height: 2.2;
		}
		.v-caption .display-5{
			font-size: 35px;
    		font-weight: 500;
			line-height: 1.2;
		}

	/*Section1=========================================*/
		.sec1arrbtn{
			padding-left: 15px;	
		}

		/*Peaple-------------------*/
			.sec1-people{
				margin-top: 15px;
			}
			.sec1-people-img img{
				max-height: 150px;
			}
			
			.sec1-people-text .text1{
				font-size: 18px;
			}	
			.sec1-people-text p{
				font-size: 15px;
			}	
			
		/*end people-----------------*/

		/*peopleTech-------------------*/
			.sec1TechImg img{
				max-width: 180px;
				float: right;
				padding-right: 10px;
			}
			
		/*end technology-----------------*/
	/*End section1=========================================*/


	
	/*Section2=========================================*/
		.sec2Img .img2{
			max-width: 200px;
		}
	/*End section2=========================================*/


	/*Section3=========================================*/
		.sec2Head{
			width: 100%;
    		margin: 0px 10%;
		}
		.sec2HeadNum{
			font-size: 50px;
		}
		.sec2HeadNum span{
		    top: -40px;
		}
		.sec2Text {
		    padding: 10%;
		    position: absolute;
		    z-index: 1;
		    opacity: 1;
		    background: rgba(239, 239, 239, 0.7);
		}
		.sec2Text h1{
			font-weight: 700;
			font-size: 30px;
		}
		.sec2Text h5{
			margin-top: 25px;
		}
		.sec2Text .btn{
			float: left;
			margin-top: 10px;
		}
		.sec3Img {
			position: absolute;
		    right: 0;
		    top: 125px;
		}
		.sec3Img img{
			min-height: 500px;
		}

		/*footer---------------*/
		.bottom-menu {
		    padding: 20px 0px;
		}
		.bottom-menu ul{
		    margin-top: -2px!important;
		    width: 100%;
		}
		.bottom-menu ul li {
		    padding: 0px 5px;
		}
		/*footer---------------*/
	/*End section3=========================================*/
		.faq-text > p {
		  font-size: 13px;
		}

}


@media(max-width: 400px){

	/*Section1=========================================*/
		/*peopleTech-------------------*/
			.sec1TechImg img{
				max-width: 180px;
				float: right;
				padding-right: 10px;
			}
			.people .peole-text h1{
				font-size: 20px;
				letter-spacing: 5px;
			}
		/*end peopleTech-----------------*/
		/*technology-------------------*/
			.technology .technology-text h1{
				text-align: right;
				font-size: 20px;
				letter-spacing: 5px;
			}
		/*end technology-----------------*/
	/*End section1=========================================*/
	
	/*End section8=========================================*/
	.faqVector {
	    position: absolute;
	    top: -74px;
	    width: 190%;
	    left: -100px;
	}
	.faqText {
		font-size: 14px;
		margin-top: 20px;
	}	
	.faqFisrtText {
		font-size: 14px;
	}
	.faq-text > p {
	  font-size: 12px;
	}
	.faq-text {
	  width: 80%;
	}
	.faq-text.blank {
	  width: 20%;
	}
	.bottom-menu ul li a {
	  font-size: 12px;
	}
	/*End section8=========================================*/

}
/*End custom responsive css===========================