@media only screen and (min-width: 1500px) and (max-width: 4000px) {
   body{ font-size: 1.2rem; }
}

@media only screen and (max-width:1500px){
	 
}
@media only screen and (max-width:1200px){ 
}
@media only screen and (max-width:1024px){  
	 
}
@media only screen and (max-width:991px){
/* 	.site-content {padding: 110px 0px 0px 0px; }  */
	 
	header.site-header .navbar { padding: 10px 0; }  
  	header.site-header .navbar-nav li { padding: 12px 15px; width: 100%;}
    header.site-header .navbar .navbar-toggler{ padding: 0; box-shadow: none; border: 0; margin-left: auto; color: #fff; font-size: 40px; } 
    header.site-header .navbar .navbar-toggler span{font-size: 32px; color: var(--black-color);}
  	header.site-header .navbar-collapse{ position: fixed; background: var(--theme-color);  overflow-y: auto; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; top: 0px; left: 0px; bottom: 0; width: 330px; height: 100vh !important; transition: .3s;z-index: 999; }
  	header.site-header .collapse:not(.show) {display: block; left: -330px; transition: .3s;}
  	header.site-header .collapse.show{ left: 0px; transition: .3s; display:block;}
  	header.site-header .navbar ul.dropdown-menu { box-shadow: none; }
  	header.site-header .navbar-nav { background: none; border: 0; padding: 15px 0; }
	header.site-header .navbar .navbar-nav li .nav-link { font-size: 1rem; }
	header.site-header .navbar ul.dropdown-menu { margin-top: 15px; }	
	 
}
@media only screen and (max-width:767px){
	.section-title p, .page-title p{ font-size: 1rem; }  

	section.hero-banner .content { margin: 0; }
	section.cnt-form-common .contact-form { padding: 20px; }

	section.about-why-chooes { display: block; }
	section.about-why-chooes .left { width: 100%; position: unset; } 
	section.about-why-chooes .right { width: 100%; padding: 20px; }
	section.about-why-chooes .right .scrolling h3 { font-size: 1.2rem; }
	section.our-core-value .box .content h3 { font-size: 1.3rem; }
 
}
@media only screen and (max-width:575px){
	body{ font-size: 0.9rem; }
	.section-title h2 {font-size: 1.8rem; }
	.page-title h1 { font-size: 2.2rem; }
	.border-radius {border-radius: 12px; }
 	

 	section.product-serving .showcase_visuals { width: 100%; height: 50%; }	
	section.product-serving .showcase_panel { flex-wrap: wrap; }
	section.product-serving .showcase_inner { width: 100%; height: 50%; }
	section.product-serving .showcase_card { padding: 20px; top: 0; }
	section.product-serving .showcase_card h3 { font-size: 1.7rem; }

	section.white-business-robots .box { height: 100%; }
	section.white-business-robots .big-img { position: unset; max-width: 100%; }
	section.white-business-robots { padding-bottom: 0; }

	 
  	section.industry-banner .contnet { margin-top: 0; }
  	section.industry-banner .img img { height: 70vh; object-fit: cover; }
  	section.industry-process .listing-view .nav li a { padding: 0px 15px; }
  	section.industry-process .listing-view .nav li h4 { font-size: 1.1rem; } 
  	section.industry-process .listing-view .nav { margin-top: 20px; } 

  	section.discover-magic .content-box { position: unset; }

  	section.news-page .first-colume .news-box { display: block; }
  	section.news-page .first-colume .news-box .news-img, 
  	section.news-page .first-colume .news-box .content { width: 100%; }
  	section.news-page .first-colume .news-box .content h3 { font-size: 1.2rem; }
 	
 	section.our-mission .box h3 { font-size: 1.4rem; }

 	section.about-bnner .banner-img video{ height: 70vh; object-fit: cover; } 
}
@media only screen and (max-width:480px){
	.primary-btn, .secondary-btn, .white-btn { padding: 10px 20px; }
	
	section.hero-banner .img img {     height: 560px; object-fit: cover; }
	header.site-header .navbar-collapse { width: 100%; }
	header.site-header .collapse:not(.show) { left: -100%; }

	section.results-impact .box { display: block; padding: 30px;} 
 	section.results-impact .box .left { width: 100%; margin-bottom: 35px; }
 	section.results-impact .box p { margin: 0; font-size: 1.1rem; }
 	section.results-impact .box .left::after { right: unset; left: 0; top: unset;  bottom: -15px; width: 191px; height: 2px; background: linear-gradient(90deg, rgb(99 99 99) 10%, rgb(211 211 211) 50%, rgb(249 249 249) 90%); }
 	section.results-impact .box .left img{ margin: unset; max-height: 100px; }
	
	section.media-section .media-box { padding: 40px 20px; display: block; }

	section.iphone-slider .slick-slider .slide-arrow { top: -140px; }
	section.iphone-slider .iphone-hand { max-width: 100%; }	 
	section.iphone-slider .slider-overlay { top: 20%; width: calc(100% - 30%); height: calc(100% - 22%); margin: 0 auto; right: 0; }
	section.iphone-slider .slick-track { height: auto; }
	section.iphone-slider .imageContainer.slick-slide { transform: scale(1); }



}