@media (max-width:1200px){
	.why-block img{
		max-width: 100%;
	}
	.complete-solution p{
		max-width: 900px;
		padding:0 25px;
		margin: auto;
	}
	.contact-footer-info{
		margin-left: 15px;
	}	
}
@media (max-width:991px){
	.about-home{
		text-align: center;
	}
	.about-image{
     max-width: 350px;
     margin:auto;
}
	.service-detail{
		padding-bottom: 0;
		padding-top: 50px;
	}
	.service-detail .content{
		margin-left: 0 !important;
	}
	.service-detail .content h2,.service-detail .content p{
		text-align: center;
	}
	.service-detail .content p{
		padding:0 25px;
	}
	.service-image{
		text-align: center;
	}
	.email-colabration-info .block{
		min-height: 335px;
	}
	
	 .benefit-relate{
	 	margin-right: 0 !important;
	 	display: flex;
	 	flex-wrap: wrap;
       margin-top: 25px;
	 }
	 .benefit-relate .relate{
	 	width: 100%;
	 }
	 .benefits h3{
	 	margin-bottom:25px !important;
	 }
	.pattern{
		display: none !important;
	}
	p{
		font-size: 17px !important;
		line-height: 27px !important;
	}
	.why-block{
		text-align: center;
	}
	.why-block p{
		max-width: 100%;
	}
	.complete-solution{
		padding: 35px 0;
	}
   .demo:before{
   	display: none;
   }
   .demo h2{
   	padding: 0 0 25px 0;
   	text-align: center;
   }
   .book-btn{
   	text-align: center;
   }
   .demo{
   	padding:35px 35px 50px 35px;
   }
   .demo a{
   	padding: 15px 35px;
   }
   .banner-content h1{
   	max-width: 100%;
   	text-align: center;
   	font-size: 40px;
    line-height: 50px;
   }
   .complete-solution h2{
   	font-size: 35px;
   }
   .complete-solution p {
    font-size: 18px;
}
.solution-block{
	margin-bottom: 25px;
}
.complete-solution .solution{
	margin-top: 50px;
}
.f-logo{
	display: flex;
	justify-content: center;
}
footer{
	padding: 25px 0;
}
.service-block p{
	min-height:160px;
}
.service-block .block{
	min-height: 485px;
}
.service-block h3{
	max-width: 230px;
	margin: auto;
	margin-top: 15px;
}
.nav ul li a{
	font-size: 19px;
}
.nav ul li {
    margin-left: 50px;
}
.peri-img{
	margin-bottom: 25px;
}
.contact-detail .call-us a {
    font-size: 19px;
}
@media (max-width:767px){
	.contact-detail p{
		text-align: center;
	}
	.inner-banner .banner-content{
		align-items: flex-end !important;
	}
	.inner-banner .banner-content h1{
		font-size: 30px;
		line-height: 40px !important;
	}
	.erp-info .block{
		min-height: auto !important;
	}

	.email-colabration-info .block {
    min-height: auto !important;
}
	.services{
		padding: 35px 0;
	}
	.services p{
		padding: 25px;
	}
	.service-block{
		margin-top: 0 !important;
	}
	.service-block .block,.service-block .block p{
		min-height: unset !important;
	}
	.benefit-relate{
		margin-left: 0 !important;
	}
	.benefit-relate h3{
		font-size: 21px;
		margin-bottom: 15px !important;
	}
	h3.end-end{
		font-size: 35px;
		line-height: 45px;
		text-align: center;
	}
	.benefits p{
		padding-right: 0 !important;
	}
	.why-block p{
		text-align: center;
		max-width:500px !important;
		margin: auto;
		padding-top: 15px;
	}
	.why-block img{
		max-width: 500px;
	}
	.banner-content{
		min-height: unset !important;
		height: 450px;
	}
	.footer-bottom{
		padding:15px 0;
	}
	.mob-t{
		margin-top: 25px;
	}
	.contact-footer-info{
		margin-left: 0 !important;
		justify-content: center;
		margin-bottom: 10px !important;
	}
	.f-links{
		margin-left: 0 !important;
	}
	footer ul{
		text-align: center;
	}
	footer h2{
		text-align: center;
	}
	 .hamburger-menu{
	 	display: block;
	 }
	 .hamburger-menu.open span{
	 	background: #fff;
	 }
	 .nav ul {
         position: fixed;
         top: 0;
         right: -275px;
         width: 275px;
         bottom: 0;
         z-index: 9999;
         height: 50%;
         background: #2f4768;
         flex-direction: column;
         align-items: flex-start !important;
         justify-content: flex-start !important;
         padding-top: 100px;
         transition: all 0.5s ease;
    }
     .nav ul.show {
         right: 0;
    }
     .nav ul li{
         margin-left: 25px;
         margin-bottom: 15px;
    }
     .nav ul li a{
         color: #fff;
    }
    .benifits-info h2{
    	text-align: center;
    }
}
@media (max-width:600px){

	#clients .client-logo{
	padding: 25px;
}

	.complete-solution h2{
		font-size: 25px;
		line-height: 35px;
	}
	.banner-content{
		height:225px;
	}
	.banner-content h1{
		font-size: 25px;
		line-height: 35px;
	}
	.product .solution-block{
		text-align: center;
	}
	.benefits{
		padding: 0 15px	;
	}
	.perim-info .block {
    min-height: unset !important;
    margin-bottom: 15px;
}
  .why-block img{
  	max-width: 100%;
  }
  .benefit-relate .relate{
  	flex-wrap: wrap;
  	text-align: center;
  	justify-content: center;
  }
  .benefit-relate .img{
  	margin-right: 0 !important;
  }
  .benefits{
  	margin: 25px 0;
  }
  .inner-banner .banner-content{
  	min-height: unset !important;
  	height: 175px;
  }
  .beni-detail{
  	margin-top: 0;
  }
  .demo a{
  	font-size: 21px;
  }
}