@charset "utf-8";
/* CSS Document */

@media (min-width: 320px) and (max-width: 479px) {

	.banner-wrapper {height: 100%;}
	.ms-info .title1 { font-size: 20px;font-weight: 700; color: #FEA605; text-align: center;}
	.ms-info .title1 span{font-size:20px;}

	.counter-wrap .numb1 {  font-family: 'Inter'; font-style: normal; font-weight: 700; font-size: 100px;font-family: 'Poppins', sans-serif;	}
	.counter-wrap .counter-text { font-size: 20px;}
	.counter-text .text-b {font-weight: 700; font-size: 25px;}
	.counter-wrap .numb2 { font-style: normal; font-weight: 700;font-size: 40px;}
	.sec_head { font-size: 25px; letter-spacing: 0; color: #FEA605;font-weight: 700;margin: 20px 0px;}
	.numb { font-size: 50px; top:-4px;}
	.box-cell2 {padding-left: 40px;}
	.title {   font-size: 15px;  margin-top: 20px;}
	.heading { font-style: normal; font-weight: 700;font-size: 25px;letter-spacing: 0; padding:0px 0px;}
	.text_head{font-size:30px;}
	.textWhite{font-size:20px;}
	#sect5 h4{font-size:25px;}	
	#sect6 p { font-size: 20px;}
	#sect6 h3 {font-size: 50px;}
	#sect6 span {font-size: 15px;}
	#sect5 .card{border-bottom:1px solid #cccccc;}
	#sectbtm h5 { font-weight: 700;font-size: 40px;}
	#sectbtm p {font-size: 15px;}
	#sectbtm a .btnorange{padding: 14px 0; border: none;width: 100%;text-align: center;font-size: 20px;}
	.btnOutline{width:145px; float:right; border: 4px solid #CDCDCD;}
	.btnOutline:hover{width:145px; float:right; border: 4px solid #fb9a03;}
	/*inner-page--*/
	.banner-inner{padding:0px;}
	.banner-inner .bnr-box {padding:20px;}
	.banner-inner .title_banner {
		font-size: 20px; text-align: center;}
	.banner-inner p{font-size:12px;}
	#service .title {font-size: 30px;}
	#service ul li {max-width: 200px;}
	#service ul li .card .card-body{padding: 0.7rem;}
	#testimonial .para {max-width:75%;margin:auto;text-align: justify;}
	.f48 {font-size: 25px;}
	.f32 { font-size: 20px;}
	.f34{font-size:25px;}
	.f22{font-size:18px;}
	#service {	padding: 10px 0px;}
	.btnOutline{width:112px;}
	.btnOutline:hover {	width: 112px;}
	#about .banner p {font-size:18px;}
	.banner{padding:10px 0px;}
	#about h4 {font-size:25px;}
	#career h4 {font-size:25px;}
	#icons img{max-height:50px; margin-bottom:10px;}
	#about .tags h5{font-size:15px; text-align: center;}
	#career .banner h3{font-size:60px;}
	#career .banner p{font-size:15px;}
	.box-wrapper img{max-height:150px;}
	.box-wrapper .text-img{max-height:80px;}
	.addrs p{font-size:12px;} 
	.counter-wrap .counter-text {font-size:20px;}
	.counter-wrap .numb2{margin-left:15px; font-size:22px;}
	#trial .col-md-4 {margin-bottom:15px;}	
	#a img, .btn-select img{height:40px;}
}

@media (min-width: 480px) and (max-width: 574px) {

	.banner-wrapper {height:100%;}
	.ms-info .title1 { font-size: 25px;font-weight: 700; color: #FEA605; text-align: center;}
	.ms-info .title1 span{font-size:20px;}

	.counter-wrap .numb {  font-family: 'Inter'; font-style: normal; font-weight: 700; font-size: 70px;	}
	.counter-wrap .counter-text { font-size: 16px;}
	.counter-text .text-b {font-weight: 700; font-size: 25px;}
	.counter-wrap .numb2 { font-style: normal; font-weight: 700;font-size: 40px;}
	.sec_head { font-size: 25px; letter-spacing: 0; color: #FEA605;font-weight: 700;margin: 20px 0px;}
	.numb { font-size: 50px; top:-14px;}
	.box-cell2 {padding-left: 40px;}
	.title { font-size: 22px;}
	.heading { font-style: normal; font-weight: 700;font-size: 25px;letter-spacing: 0; padding:0px 0px;}
	.text_head{font-size:30px;}
	.textWhite{font-size:20px;}
	#sect5 h4{font-size:25px;}	
	#sect6 p { font-size: 25px;}
	#sect6 h3 {font-size: 60px;}
	#sect5 .card{border-bottom:1px solid #cccccc;}
	#sectbtm h5 { font-weight: 700;font-size: 40px;}
	#sectbtm p {font-size: 15px;}
	#sectbtm a .btnorange{padding: 14px 0; border: none;width: 200px;text-align: center;font-size: 20px;}
	.btnOutline{width:145px; float:right; border: 4px solid #CDCDCD;}
	.btnOutline:hover{width:145px; float:right; border: 4px solid #fb9a03;}
	#sectbtm a .btnorange {margin: auto;display: block;}
	
	/*inner-page--*/
	.banner-inner{padding:0px;}
	.banner-inner .bnr-box {padding:20px;}
	.banner-inner .title_banner {
		font-size: 25px; text-align: center;}
	.banner-inner p{font-size:12px;}
	#service .title {font-size: 30px;}
	#service ul li {max-width: 210px;}
	#service ul li .card .card-body{padding: 0.7rem;}
	#testimonial .para {max-width:75%;margin:auto;text-align: justify;}
	.f48 {font-size: 25px;}
	.asset{right:10px;}
	.asset img {max-height:60px;}
	#trial .col-md-4 {margin-bottom:15px;}	
	
}

@media (min-width: 575px) and (max-width: 767px) {

	
	.ms-info .title1 { font-size: 25px;font-weight: 700; color: #FEA605; text-align: center;}
	.ms-info .title1 span{font-size:20px;}

	.counter-wrap .numb {  font-family: 'Inter'; font-style: normal; font-weight: 700; font-size: 70px;	}
	.counter-wrap .counter-text { font-size: 16px;}
	.counter-text .text-b {font-weight: 700; font-size: 25px;}
	.counter-wrap .numb2 { font-style: normal; font-weight: 700;font-size: 40px;}
	.sec_head { font-size: 25px; letter-spacing: 0; color: #FEA605;font-weight: 700;margin: 20px 0px;}
	.numb { font-size: 140px;}
	.box-cell2 {padding-left: 105px;}
	.title { font-size: 22px;}
	.heading { font-style: normal; font-weight: 700;font-size: 25px;letter-spacing: 0; padding:0px 0px;}
	.text_head{font-size:30px;}
	.textWhite{font-size:20px;}
	#sect5 h4{font-size:25px;}	
	#sect6 p { font-size: 25px;}
	#sect6 h3 {font-size: 60px;}
	#sect5 .card{border-bottom:1px solid #cccccc;}
	#sectbtm h5 { font-weight: 700;font-size: 40px;}
	#sectbtm p {font-size: 15px;}
	#sectbtm a .btnorange{padding: 14px 0; border: none;width: 200px;text-align: center;font-size: 20px;}
	.btnOutline{width:145px; float:right; border: 4px solid #CDCDCD;}
	.btnOutline:hover{width:145px; float:right; border: 4px solid #fb9a03;}
	/*inner-page--*/
	.banner-inner{padding:0px;}
	.banner-inner .bnr-box {padding:20px;}
	.banner-inner .title_banner {
		font-size: 32px; text-align: center;}
	.banner-inner p{font-size:15px;}
	#service .title {font-size: 30px;}
	#service ul li {max-width: 240px;}	
	#service ul li .card .card-body{padding: 0.7rem;}
	#testimonial .para {max-width:75%;margin:auto;text-align: justify;}
	.f48 {font-size: 25px;}
	#trial .col-md-4 {margin-bottom:15px;}	
	
}


@media (min-width: 320px) and (max-width: 767px) {
	.counter-wrap{border-right:none; /*border-bottom: 3px solid rgba(0, 0, 0, 0.05);*/ }
	.innerDiv {text-align: center; max-width: 100%;}
	.f30 { font-size: 16px;}
	.counter-wrap .numb1 {font-size:100px;}
	#about .banner p {font-size:18px;}
	.banner{padding:10px 0px;}
	#about h4 {font-size:25px;}
	#career h4 {font-size:25px;}
	#icons img{max-height:50px; margin-bottom:10px;}
	#about .tags h5{font-size:15px; text-align: center;}
	
	#about .pr-1{padding-right:15px!important;}
	#about .pl-1{padding-left:15px!important;}
	#career .box-wrapper{background:#313131;}
	.h-divider {  margin-top: 10px; margin-bottom: 5px; height: 4px; width: 100%; background: #DADADA;}
	.asset img {max-height:60px;}
	/*.counter-wrap{display:flex; justify-content: center;}*/
	.counter-wrap .counter-text {font-size:20px;}
	.counter-wrap .numb2{margin-left:15px; font-size:45px;}
	#sect4 ul{margin-top:25px!important;}
	#sect4 ul li { text-align: center; margin: auto 10px;}
	.mbtm{margin-bottom:10px;}
	#sect5 .card {margin-top:25px;}
	#mobile{display:block;}
	#desktop{display:none;}
	#workflow img{display:block; margin:auto;}
	#workflow h2{font-size:25px;text-align:center;}
	#workflow #workDesc{margin-top:20px; text-align:center;}
	.form_section{margin-top:20px; padding-top:15px; border-top:1px solid #f2ebeb;}
	.form_section .btnOrange2{width:50%!important;}
}

@media (min-width: 768px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
	#mobile{display:none;}
	#desktop{display:block;}
}
@media (min-width: 768px) and (max-width: 991px) {
 	.textWhite {font-size:30px;} 
	.text_head{font-size: 40px;}	
	.f48{font-size:40px;}
	.f32{font-size:17px; font-weight: 700;}
	.f34{font-size:20px;}
	#sectbtm h5 {font-weight: 700;font-size: 70px; color: #E6E6E6; margin-bottom:inherit;}
	#about h4 {font-size:25px;}
	#about .banner p{font-size:18px;}
	#career h4 {font-size:25px;}
	#icons img{max-height:70px; margin-bottom:10px;}
	#about .tags h5{font-size:18px; text-align: center;}
	footer h5{font-size:20px;}
	.counter-text .text-b{font-size:25px;}
	/*.counter-wrap .numb2{font-size:45px;}*/
	.title{font-size:20px;}
	.numb{font-size:100px;}
	.box-cell2{padding-left: 70px;}
	#sect6 .btnOrange2 {width: 50%;}
	.sec_head {
  font-size: 35px;
  letter-spacing: 0.17em;
  color: #FEA605;
  font-weight: 700;
		margin: 50px 0px;}
	#contact .boxBlk {	padding: 20px 0px 20px 8px!important;}
	#contact .boxBlk span{font-size:12px!important;}
	#contact .boxBlk i{font-size:20px!important;}
	.addrs p{font-size:12px;}
	.addrs { position: absolute; top: 19%; left: 8%; color: #ffffff; right: 2%;}
	#sect5 .card {margin-top:25px;}
	.navMail{display:none;}
	.navSkype{display:none;}
	.form_section{margin-top:20px; padding-top:15px; border-top:1px solid #f2ebeb;}
	.navbar #header_dropdown{margin-left:300px;}

}
@media (min-width: 992px) and (max-width:1199) {
	footer h5{font-size:20px;}	
	footer .boxBlk{position:relative;}
	footer .boxBlk span{font-size:12px;display:inline-block;}
	footer .boxBlk  .iconC{font-size:15px; position:absolute; right:12px; top:20px;}
	
	
}
@media (min-width: 1200px) and (max-width:1400px) {
	footer h5{font-size:20px;}	
	footer .boxBlk{position:relative;}
	footer .boxBlk span{font-size:12px;display:inline-block;}
	footer .boxBlk  .iconC{font-size:15px; position:absolute; right:12px; top:10px;}
	footer .boxBlk {padding:10px;}
	.banner-inner .title_banner {font-size: 28px;}	
}

@media (min-width: 768px) and (max-width:1199px) {
	.banner-inner .bnr-box{padding:20px!important;}
	.banner-inner .title_banner {font-size: 25px!important;}
}

@media (min-width: 1401px) and (max-width:1685px) {
	.banner-inner .bnr-box{padding:20px!important;}
	.banner-inner .title_banner {font-size: 40px!important;}
}

/*banner-wrapper-height-*/
@media (min-width: 575px) and (max-width: 640px) {
	.banner-wrapper {height: 100%;}
}

@media (min-width: 641px) and (max-width: 767px) {
	.banner-wrapper {height: 100%;}
}
@media (min-width: 768px) and (max-width: 991px) {
 .banner-wrapper {height: 100%;} 
}
@media (min-width: 992px) {
	.banner-wrapper {height: 100%;}  
}
	

@media (min-width: 1200px) {
	#sectBlog .card { flex-direction: row;}
}

@media (max-width: 1199px) {
	#sectBlog .card { flex-direction: column; text-align:center!important;}
}


@media only screen and (min-height:700px) and (max-height:768px){
	#trial .container{margin-top:30px;}
	#trial select{font-size:1rem;}
}

@media only screen and (min-width:768px) and (max-width:1199px){
.statsBox{border-right:none;}
}
@media only screen and (min-width:320px) and (max-width:767px){
.statsBox{border-right:none; border-left:none;}
}