/* ---------------------------------- Responsive Media Styles ---------------------------------*/



@media (min-width: 1200px) {
	
	.container-productdetail { max-width: 1250px}

	.container { max-width: 1200px; }
	 
}

 

@media only screen and (min-width: 769px) {
	.tophead .tophead-right .dropdown-menu { display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0; top:180%;  }
	.tophead .tophead-right  .dropdown-toggle:hover .dropdown-menu { transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
	 
	 .navbar .nav-item .dropdown-menu {  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0; top: 180%  }  
	.navbar .nav-item:hover .dropdown-menu { transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }  
}


/* Medium : 647px */

@media only screen and (max-width: 767px) {
     
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
     
}

/* Small : 320px */

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

	.f-34 { font-size: 20px !important;}
	.mobile-menubar { filter: brightness(0) invert(1); }
	.mobile-logo img { margin-left: -10px; }
	.banner-contentbox h2 { font-size: 36px; }
	.banner-contentbox h3 { font-size: 24px; padding-top: 10px; }
	.banner-contentbox p { font-size: 13px; padding-top: 30px; }
	.submit-btn { font-size: 13px; padding: 10px 21px; }
	.banner-formbox { padding: 20px 14px; }
	.banner-formbox h2 { font-size: 18px; }
	.logo-contentsection h5 { font-size: 18px; }
	.haed-content h4 { font-size: 26px; }
	.retention-content h4 { font-size: 21px; letter-spacing: -1px; }
	.client-retentionboxmain { background-size: 35%; }
	.results-imgbox img { height: 28px; }
	.results-imgbox { width: 65px; height: 65px; line-height: 63px; }
	.results-content h1 { font-size: 26px; }
	.results-content h2 { font-size: 14px;  padding-top: 4px; }
	.need-somethincontent { padding: 22px 0px 50px 0px; background-size: 35%; }
	.onestop-solutionbox { background-size: 23%; }
	.across-industriesection { padding-bottom: 85px !important; background-size: 66%; }
	.retention-content p { padding-top: 13px; font-size: 13px; }
	.retention-content h6 { font-size: 14px; padding-top: 14px; }
	.success-storiescontentbox p { font-size: 12px; padding-top: 10px; line-height: 18px; }
	.box-innerpadding { padding-top: 60px; padding-left: 24px; padding-right: 24px; }
	.onestop-solutionbox h6 { font-size: 23px; }
	.onestop-solutionbox p { font-size: 13px; padding-top: 12px; }
	.prototyping-box { min-height: 275px; padding: 20px 20px 20px 20px; }
	.prototyping-box h2 { padding-top: 22px; font-size: 22px; }
	.prototyping-box p { padding-top: 20px; font-size: 14px; }
	.retention-content h3 { font-size: 15px; padding-top: 9px; }
	.development-tab .nav-link.active { font-size: 14px; }
	.development-tab .nav-link { font-size: 13px; }
	.development-tab .nav-link { padding: .5rem 16px; }
	.industriesCollection { height: 230px; }
	.layer-bg h2 { font-size: 22px; }
	.experts-mainbox { background-size: 18%; }

.performance-text p { font-size: 14px; padding-top: 20px; }
.industriesCollection .owl-nav { top: -64px; right: 0px; }
.global-Certcarousel .owl-prev span { width: 40px; height: 40px; line-height: 30px; }
.global-Certcarousel .owl-next span { width: 40px; height: 40px; line-height: 30px; }
.global-Certcarousel .owl-prev span::before { top: 14px; height: 9px; }
.global-Certcarousel .owl-next span:before { top: 14px; height: 9px; }
.industriesCollection .owl-nav { top: -60px; }
.user-dotsuser { width: 40px; height: 40px; }
.clientsCollection .owl-nav { top: -54px; }

/* .global-Certcarousel.clientsCollection .owl-prev span { right: 284px; } */
.clients-userimg { height: 295px; }
.clients-detailsbox { height: 295px; }
.clients-detailsbox p { font-size: 13px; padding-top: 12px; }
.user-boximg { width: 60px; height: 54px; }
.clients-detailsbox h6 { font-size: 16px; }
.clients-detailsbox h4 { font-size: 13px; padding-top: 5px; }
.wondering-sectionbg { padding-top: 0px; padding-bottom: 0px; }

.wondring-leftcard {  padding: 20px 25px; }
.rightwondring-card { padding: 28px 22px; margin-left: 0px; margin-bottom: 0px; }
.app-mainbox p { font-size: 14px; }

.app-imgbox { width: 32px; height: 40px; }
.app-imgbox img { width: 100%; height: 100%; object-fit: contain; }
.inner-boxpadding { padding: 22px 40px 22px 22px; }
.filterbox .btn-link { font-size: 15px; }
.filterbox .card-body { font-size: 12px; padding-top: 8px; }
.filterbox .card-header .collapsed .fa-plus { height: 30px; }
.filterbox .card-header .fa-minus { width: 18px; height: 16px; }
.contactus-section { padding: 30px 16px; background-size: 21%; }
.countact-tab .nav-link img { height: 19px; }
.countact-tab .nav-link { padding: 5px 6px; }
.country-setails h6 { font-size: 16px; }
.country-setails p { font-size: 13px; }
.banner-formbox.white p { font-size: 14px; }

.button-arrowcircle { line-height: 38px; width: 40px; height: 40px; }
.copy-rightlinks ul li { font-size: 13px; margin-right: 39px; }
.copy-rightlinks ul li:last-child { margin-right: 0px; }
.footer-links ul li { font-size: 11px; }
.footer-links ul li img { height: 18px; margin-right: 0px; margin-bottom: 5px; }
.footer-links ul li { text-align: center; }
.modal-logo { height: 40px; }
.inner-layer { padding-bottom: 85px; background-size: 26%; }
.native-ioscontent { height: 312px; }
.success-imgbox { min-height: 120px; }
	

	/* scroll tab */

.development-tab {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
}

.development-tab::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

.development-tab .nav-item {
  flex: 0 0 auto; /* Prevent shrinking */
}

.mobile-menu { margin: 0px; padding: 0px; }
.mobile-menu li { margin: 0px; padding: 0px; list-style: none; color: #000; margin-bottom: 9px; font-weight: normal; font-size: 15px; }
.mobile-menu li a { color: #000; }
.mobile-menu li a img { margin-right: 5px; filter: invert(1) brightness(0); }

.close { color: #000; font-weight: 300; font-size: 32px; opacity: 1; }
.proven-mobilesection { height: auto; }
.native-ioscontent h2 { font-size: 24px; }

.border-right { border-right: none !important; }

.thank-leftcontent { padding: 22px 22px; }
.thank-leftcontent { min-height: 100%; }

.thank-leftcontent h2 { font-size: 28px; line-height: 30px; }
.thank-leftcontent p { font-size: 13px; padding-top: 6px; }
.thank-logo img { height: 45px; }
.thank-right-wrapper { margin-left: 0px; padding: 0px; }
.thanku-rightimg { height: 390px; }

.new-inputbox { width: 52%; }
.new-inputbox.new { width: 47%; }
.get-touchbtn { font-size: 12px; padding: 8px 16px; }
.get-touchbtn img { margin-left: 6px; height: 9px; }

.half-orangebg { background-size: 100%; }
.FourCollection .owl-nav { top: -60px; right: auto; }
.button-arrowcircle img { height: 10px; }
header.scroll-on .blue-logo { height: 38px; }

header.scroll-on .mobile-menubar { filter: unset; }

/* .app-developmentab { flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none;  }

.app-developmentab .nav-link.active { font-size: 13px; }

.app-developmentab .nav-link {
    flex: 0 0 auto;
    white-space: nowrap;
    min-width: max-content;
    padding: 14px 10px;
    font-size: 12px;
	margin-right: 5px;
  } */

  .app-developmentab {
  flex-wrap: nowrap;
  overflow-x: auto;
  /* white-space: nowrap; */
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.app-developmentab .nav-link.active { font-size: 15px; }

.app-developmentab .nav-link {
  flex: 0 0 auto;
  width: 208px; 
  padding: 14px 10px;
  font-size: 13px;
  margin-right: 5px;
word-wrap: break-word;
}

.global-Certificationsbox { min-height: 100px; }
.mobile-imgbox img { height: 500px; }

.orange-background { height: 26px; }
.industry-giantsbox img { height: 90px; }

.industry-giantsbox { padding: 5px 15px; }

.right-portimgbox img { min-height: 240px; }

/* .onestop-solutionbox img { height: 240px; } */

/* overflow in mobile contanier-fluid */
.container-fluid { overflow-x: unset; }

.user-bottomlogo img { height: 30px; }
.clients-container { min-height: 350px; }

.retention-content h4 span { font-size: 13px; padding-bottom: 7px; padding-top: 0px; }
.padding-lefttext { padding-left: 0px; }

.modal-closebtn { top: 0px; right: 12px; }

.our-modalhead h4 { font-size: 16px; }
.our-clientsmodalleft { padding: 20px 14px 40px 14px; } 
.our-clientsmainbox { padding: 20px 20px 40px 20px; }
.modaluserimgbox { width: 70px; height: 80px; }
.our-clientsmainbox h2 { font-size: 16px; }
.our-clientsmainbox p { padding-top: 14px; font-size: 13px;  }
.our-clientmodalbottom p { font-size: 16px; }
.our-clientmodalbottom h2 { font-size: 20px; }
.our-clientmodalbottom h6 { font-size: 12px; }
.our-clientmodalbottom { padding: 18px 20px; }
.modalCollection .owl-nav { bottom: -25px; }

.our-clientsmainbox { min-height: 348px; }
 



	
	
}


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