@media only screen and (min-width: 1420px){
	.home-sec6 figcaption p {  
  		font-size: .85rem;
  	}
}
@media only screen and (max-width: 1210px) {
	#slider2.owl-carousel .owl-nav button.owl-prev,
	#slider2.owl-carousel .owl-nav button.owl-prev:hover,
	#slider3.owl-carousel .owl-nav button.owl-prev,
	#slider3.owl-carousel .owl-nav button.owl-prev:hover,
	#slider4.owl-carousel .owl-nav button.owl-prev,
	#slider4.owl-carousel .owl-nav button.owl-prev:hover{
	  left:-35px;
	}
	#slider2.owl-carousel .owl-nav button.owl-next,
	#slider2.owl-carousel .owl-nav button.owl-next:hover,
	#slider3.owl-carousel .owl-nav button.owl-next,
	#slider3.owl-carousel .owl-nav button.owl-next:hover,
	#slider4.owl-carousel .owl-nav button.owl-next,
	#slider4.owl-carousel .owl-nav button.owl-next:hover{
	   right:-35px;
	}
}	
@media only screen and (max-width: 1199px) {
	.home-sec6 figcaption h3{
		font-size: 28px;
	}
	.home-sec6 figcaption p{
		font-size: .8rem;
	}
	.counter {    
	    width:168px;
	    height:168px;
	}
	.our-solutions-box-area {	  	
	  	width: 100%;
	} 
	/*footer alignment start*/	
	.addr2{
	  min-height: 104px;
	}
	/*footer alignment end*/   	
}
@media only screen and (max-width: 1024px) {
	.our-solutions-box-area {	  	
	  	width: 100%;
	}
}
@media only screen and (max-width: 991px) {
	.for-desktop-1{
		display: none;
	}
	.home-sec6 figcaption h3{
		font-size: 26px;
	}
	p.left-bar {  
  		margin: 15px 0;	
  	}
  	.counter {
	    width: 130px;
	    height: 130px;
	}
	.count-title, .count-title2, .count-title::after {  
  		font-size: 26px;
  	}  	
  	.count-text {
  		font-size: 14px;
  	}
  	.home-sec5 figcaption {
  		width: 100%;
  	}
  	.home-sec2{
  		display: block;
  	}
  	.home-sec2 video{
	  float: none;
	  width:100%;
	  height: 58%;
	  margin: 0 0 30px;  
	}
  	.home-sec2 .home-sec2-text-part{
  		display: block;  
		height: auto;
		padding-right:0px;
  	}
  	/*footer alignment start*/
  	.addr1{
	  min-height: 204px;
	}	
	.addr2{
	  min-height: 124px;
	}
	/*footer alignment end*/ 		
}
@media only screen and (max-width: 767px) {
	body,p{	    
	  font-size: 1rem;
	}
	h2{	  
	  font-size:36px;
	}
	h3{
	  font-size:28px;
	  font-weight: bold;
	}
	h4{
	  font-size:24px;
	  font-weight: bold;
	}
	h5{
	  font-size:19px;
	  font-weight: bold;
	}
	.desktop-only{
	  display: none;
	}
	.mobile-only{
	  display: block;
	}	
	#home-banner-slider h2,
	#smart-infra-banner h1,
	#smart-trans-banner h1,
	#smart-energy-banner h1,
	#smart-cities-banner h1,
	#smart-water-management-banner h1,
	#smart-buildings-banner h1,
	#resilience-dm-banner h1,
	#provise-cyber-assure-banner h1,
	#volge-con-banner h1,
	#opti-banner h1,
	#kliqedge-banner h1
	{ 
  		font-size:36px;
  	}
  	#home-banner-slider p.white-big-text,
	#smart-infra-banner p.white-big-text,
	#smart-trans-banner p.white-big-text,
	#smart-energy-banner p.white-big-text,
	#smart-cities-banner p.white-big-text,
	#smart-water-management-banner p.white-big-text,
	#smart-buildings-banner p.white-big-text,
	#resilience-dm-banner p.white-big-text,
	#provise-cyber-assure-banner p.white-big-text,
	#volge-con-banner p.white-big-text,
	#opti-banner p.white-big-text,
	#kliqedge-banner p.white-big-text
	{  
	  font-size: 18px;
	  color: #fff;
	}
	.home-sec6 figcaption h3{
		font-size: 20px;
	}	
	.home-sec6 figcaption p{
		display: block;
		overflow-y: auto;
		height:100%;	
		padding-right: 10px;
		box-sizing: border-box;	
	}
	.col-cir-area {
	  width: auto;
	}
	.col-cir {
	  width: 33%;
	  margin: 0 auto;
	}	
	.count-text {
  	  font-size: 18px;
  	}
  	.count-title, .count-title2 {  
  	  font-size: 36px;
  	} 
  	.count-title::after {  
  	  font-size: 36px; 
  	}
	.home-sec3-col1 {
	  justify-content:left;
	  width: 100%;
	}
	.counter {
	  padding: 20px 0;
	  width: 156px;
	  height:156px;
	}
	#slider2.owl-carousel .owl-nav button.owl-next, #slider2.owl-carousel .owl-nav button.owl-next:hover,
	#slider3.owl-carousel .owl-nav button.owl-next, #slider3.owl-carousel .owl-nav button.owl-next:hover,
	#slider4.owl-carousel .owl-nav button.owl-next, #slider4.owl-carousel .owl-nav button.owl-next:hover {
	  right: 0px;
	}
	#slider2.owl-carousel .owl-nav button.owl-prev, #slider2.owl-carousel .owl-nav button.owl-prev:hover,
	#slider3.owl-carousel .owl-nav button.owl-prev, #slider3.owl-carousel .owl-nav button.owl-prev:hover,
	#slider4.owl-carousel .owl-nav button.owl-prev, #slider4.owl-carousel .owl-nav button.owl-prev:hover {
	  left: 0px;
	}
	#slider2.owl-carousel .owl-nav button.owl-next, #slider2.owl-carousel .owl-nav button.owl-next:hover,
	#slider2.owl-carousel .owl-nav button.owl-prev, #slider2.owl-carousel .owl-nav button.owl-prev:hover,
	#slider3.owl-carousel .owl-nav button.owl-next, #slider3.owl-carousel .owl-nav button.owl-next:hover,
	#slider3.owl-carousel .owl-nav button.owl-prev, #slider3.owl-carousel .owl-nav button.owl-prev:hover,
	#slider4.owl-carousel .owl-nav button.owl-next, #slider4.owl-carousel .owl-nav button.owl-next:hover,
	#slider4.owl-carousel .owl-nav button.owl-prev, #slider4.owl-carousel .owl-nav button.owl-prev:hover {  
  	  top: 100%;
  	} 
  	.home-sec8 p{
	  font-size: 18px;
	}
	.testi-image-area p.blue-big-text{
		font-size: 17px;
	}
	.testi-image-area small{
  		font-size: 13px;
  	}
  	p.big-text2{
	  font-size: 1.1rem;
	}
	.our-project-bg-img1,
	.our-project-bg-img2,
	.our-project-bg-img3{
		padding:25% 0;
	}
	.vc-sec3{ 
	  background: rgb(230,230,230);
	  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 8%, rgba(230,230,230,1) 8%, rgba(230,230,230,1) 100%);
	}
	.pca-sec3{ 
	  background: rgb(230,230,230);
	  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 4%, rgba(230,230,230,1) 4%, rgba(230,230,230,1) 100%);
	}
	.optimas-gray-box .num img{
		max-width: 70px;
	}
	.optimas-gray-box .num {
	   left: -64px
	}	
	.home-sec3-heading{
		padding-top: 5%;
	}
	#smart-cities-banner.dummy-banner h1{
	  font-size:3.5rem;
	}
	/*footer alignment start*/
  	.addr1{
	  min-height: 184px;
	}	
	.addr2{
	  min-height: 84px;
	}
	/*footer alignment end*/
}	
@media only screen and (max-width: 575px) {
	body, p {  
	  font-size: 1rem;
	}	
	h3 {
	  font-size: 24px;
	  
	}
	h5 {
	  font-size: 19px;
	}
	.img-full-width{
		width:100%;
	}
	.navbar-brand img{		
		max-width: 120px;
	}	
	#home-banner-slider .item {
	  padding: 12% 0;
	}
	#home-banner-slider h2 br{
	  display: block;
	}
	.home-sec3 img{
		width:100%;
	}
	.home-sec6 figcaption h3{
		font-size: 20px;
	}	
	.home-sec6 figcaption p{
		display: block;
		overflow-y: visible;
		height:auto;	
	}	
	.home-sec5 figcaption {
	  	width: 100%;	 
	}
	.home-sec6 figure img{
	  	width: 100%;
	}	
	.home-sec6 figcaption {
	  	padding: 15px 10px;
	}
	.our-solutions-box-area{
		width: 75%;
	}
	.counter {
	    width: 160px;
	    height: 160px;
	}
	.col-cir {
	  	width: 50%;	  
	}	
	.copyright-area{
		text-align: center;
	}
	.footer-bottom img{
		float: none;
  		margin:0 auto;
	}
	.footer-bottom .social-area {
	  margin: 10px auto 0;
	  float: none;
	  text-align: center;
	}
	.desktop-gap{
		display: none;
	}
	.optimas-gray-box{  
  		min-height:auto;
  	}	
	.optimas-gray-box .num img{
		max-width: 55px;
	}
	.optimas-gray-box .num {
	   left: -47px
	}	
	/*footer alignment start*/
  	.addr1{
	  min-height: auto;
	}	
	.addr2{
	  min-height: auto;
	}
	/*footer alignment end*/
}

@media only screen and (max-width: 539px) {
	.counter {
	  width: 170px;
	  height:170px;
	  margin: 0 auto;
	}
}
@media only screen and (max-width: 480px) {
	h2{	  
	  font-size:30px;
	}
	h3{
	  font-size:24px;
	  font-weight: bold;
	}
	h4{
	  font-size:22px;
	  font-weight: bold;
	}
	h5{
	  font-size:20px;
	  font-weight: bold;
	}
	.navbar-brand img{		
		max-width: 100px;
	}
	.home-sec5 figcaption {
	  width: 55%;	 
	}
	figcaption{
		word-break:break-word;
	}
	figcaption h6{
		font-size:15px;	  
	}
	.col-full-width{
		display: block;
		width: 100%;
	}		
	#home-banner-slider h2,
	#smart-infra-banner h1,
	#smart-trans-banner h1,
	#smart-energy-banner h1,
	#smart-cities-banner h1,
	#smart-water-management-banner h1,
	#smart-buildings-banner h1,
	#resilience-dm-banner h1,
	#provise-cyber-assure-banner h1,
	#volge-con-banner h1,
	#opti-banner h1,
	#kliqedge-banner h1{ 
  		font-size:30px;
  	}
  	#home-banner-slider p.white-big-text,
	#smart-infra-banner p.white-big-text,
	#smart-trans-banner p.white-big-text,
	#smart-energy-banner p.white-big-text,
	#smart-cities-banner p.white-big-text,
	#smart-water-management-banner p.white-big-text,
	#smart-buildings-banner p.white-big-text,
	#resilience-dm-banner p.white-big-text,
	#provise-cyber-assure-banner p.white-big-text,
	#volge-con-banner p.white-big-text,
	#opti-banner p.white-big-text,
	#kliqedge-banner p.white-big-text{  
	  font-size: 16px;
	  color: #fff;
	}	
	.count-text {
  	  font-size: 16px;
  	}
  	.count-title, .count-title2 {  
  	  font-size: 32px;
  	} 
  	.count-title::after {  
  	  font-size: 32px; 
  	}
  	.home-sec8 p{
	  font-size: 16px;
	} 
	.testi-image-area p.blue-big-text{
		font-size: 15px;
	}
	.testi-image-area small{
  		font-size: 12px;
  	} 
  	p.big-text2{
	  font-size: 1rem;
	}	
	#smart-cities-banner.dummy-banner h1{
	  font-size:2.5rem;
	}
	#smart-cities-banner.dummy-banner h5
	{  
  		font-size: 1.2rem;  		
  	}	
}
@media only screen and (max-width: 370px) {
	.col-cir {
	  	width: 100%;	  
	}
	.home-sec5 figcaption {
	    width: 83%;
	}
	.our-solutions-box-area{
		width: 100%;
	}
}