@media screen and (min-width: 768px){
 
}

@media (min-width: 992px) {
 
}

 

/* (1366x768) WXGA Display */
@media  screen and (max-width: 1366px) {
	 
 

	}


@media screen and (max-width: 1561px) {
 
.why-content h3 {
 
    font-size: 23px;
}
	.why-content {
  
    width: 60%;     padding: 18px;
    min-height: 220px;
 
}
	
	.why-content p {
 
    font-size: 15px;
    line-height: 23px;
 
    margin: 0;
}
	
	
	
}


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

	
	

 @media screen and (max-width: 1440px) {
	 	.hero-slider .swiper-button-prev, .hero-slider .swiper-button-next {
 
    top: auto;
    bottom: 97px;
}

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

 @media screen and (max-width: 767px) {
	 
	 .contentOuter.careerDetails{ padding-top: 50px; padding-bottom: 50px;
	
	
}
	 
	 
	 
	 .careersOuter h2 {
    font-size: 47px;
  
    padding: 0;
 
}
	 
	 .careerTopOuter img{margin-top: 50px;
	 }
	 
	 .openpositionsOuter{   padding-top:50px; padding-bottom: 50px;
	
}

	 
	 .agileOuter{
	background: #ebf8ff url("../images/agilebg.png") no-repeat center center; padding-top:70px; padding-bottom: 70px;
}
	 
	 footer h3 {
 
    padding: 0;
    font-size: 27px;
    
}
	 
	 	 
	 .tab:hover {
    width: 100%;
}
	 
	 .tab:hover:after {
   display: none;
}
	 
	.hero-slider .swiper-slide:before {
		 width: 100%; height: 100%; background: rgba(255,255,255,0.5); position:absolute; content: '';
     
    
}
	 
	 .accordion {
  
           display: block;
        height: 100%;
        overflow: visible;
   
}
	 
	 .tab img {
    position: relative;
		 
	 }
	
	 
	 .tab {
   
    width: 100%;         margin: 0 0 24px;
 
}
	 
	 .caption1 {
    
    display: none;
}
	 .caption p {
    margin: 0;
 
    font-size: 16px;
    line-height: 26px;
}
	 
	 .caption {
    position: relative;
    z-index: 2;
    
    bottom: 0;
    opacity: 1;
    text-align: center;
    width:100%;
    overflow: hidden;
    margin: 0;     background: #0162c3; padding: 17px;
}
	 
	 
	 .agileOuter img{ margin: 0 auto;}
	 
	 .techtabs_wrapper .tab_content img{margin-bottom: 25px;}
	 
	 .socialMedia{
		 margin-bottom: 30px;
	 }
	 
	 .quickLinks{
		 margin-bottom: 30px;
	 }
	 address {
    margin-bottom: 0;
	 }
	 
	 footer {
    
    padding-bottom: 27px; padding-left: 15px; padding-right: 15px;
     
}
	 
	 .agileOuter, .technologiesOuter, .whycytozonOuter  {
 
    padding-top: 	50px;
    padding-bottom: 50px;
}
	 
	 
.navbar-header {
        display: flex;
        justify-content: space-between;
	        width: 100%;
    }
	 
	 .homeOuter {
    background: url(../images/homebg.png) no-repeat center top #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}
	 .industryOuter {
 
    padding-top: 50px;
    padding-bottom: 50px;
}
 
.homeContentBg {
    background: #0062c3;
    padding: 43px 37px 43px 37px;
}
	 
	 h2 {
 
    font-size: 40px;
  
}
	 
	 .homeContentBg h2 {
   
    line-height: 41px;
}

	 .desktop{display: none;}
.mobile{display: block;}
	 
.why-figure {
    width: 100%;
}	 
	 
	.why-content {
     
    position: relative;
    right: 0;
    
    top: auto;
    width: 100%;
    padding: 28px;
    min-height: auto;
    margin-top: -37px;
} 
	 
	 
	 
			 
 }



 
 
 
 @media screen and (max-width: 600px){
 
	 
 }
 
 
 @media(max-width:767px){
	 
	 
	 
	 .menu-btn-group .btn{ margin-bottom:10px; }
	 
	 
  .navbar .navbar-collapse.collapsing{ 
    height:auto !important;
  }
  .navbar .lateral-left{
    left:-100%; 
    animation: slide-out-left 200ms forwards;
  }
  .navbar .lateral-left.open{ 
    animation: slide-in-left 200ms forwards;     z-index: 200;
  }
  .navbar .lateral-right{
    right:-100%;
    animation: slide-out-right 200ms forwards;
  }
  .navbar .lateral-right.open{ 
    animation: slide-in-right 200ms forwards;
  }
  .navbar .navbar-collapse{ 
    top:0px; bottom:0px; 
    position:fixed; 
    width:80%; width:calc(100% - 60px); 
    max-width:320px; 
    height:auto !important;

    /* Optional styling */
    background:#0162c3;
    
    top: 69px;
  }
  .navbar .lateral-left.open,
  .navbar .lateral-right.open{
    display:block !important;
    overflow-y:auto;
  }
	 
	 .navbar .lateral-left.open a:hover{
		 color:#7ec1d4;
	 }
	 
	  
	 .navbar .lateral-left.open a:hover{
		 color:#7ec1d4;
	 }
	 
	 
	 
	 #menufix.active .navbar-expand-lg .navbar-nav .lateral-left.open .nav-link, .navbar-expand-lg .lateral-left.open .nav-link{
		 color: #fff;
	 }
	 
	  #menufix.active .navbar-expand-lg .lateral-left.open .nav-link:hover {
		 color: #7ec1d4;
	 }
	  
	 
	 
}

@keyframes slide-in-left{ 
  0%		{ left:-100%; }
  100%	{ left:0px; }
}
@keyframes slide-out-left{
  0%		{ left:0px; }
  100%	{ left:-100%; }
}
@keyframes slide-in-right{ 
  0%		{ right:-100%; }
  100%	{ right:0px; }
}
@keyframes slide-out-right{
  0%		{ right:0px; }
  100%	{ right:-100%; }
}
 
 
 

  @media (min-width: 768px) and (max-width: 1024px) {
	  
	  .hero-slider .swiper-button-prev, .hero-slider .swiper-button-next {
    bottom: 100px;
    top: auto;
}
	  
	  .why-content h3 {
    color: #fff;
    font-family: 'Montserrat Bold';
    margin: 0 0 5px;
    font-size: 23px;
}
	  
	  .why-box-content {
    margin-left: 11px;     width: 94%;
  
}
	  
	  .why-content {
    background: #0062c3;
    position: absolute;
    right: 0;
    border-radius: 7px;
    top: 9%;
    width: 68%;
    padding: 18px;
    min-height: 205px;
}
	  
	  
	  .why-content p {
    font-style: normal;
    font-size: 14px;
    line-height: 23px;
    font-family: 'Poppins Regular';
  
    margin-bottom: 0;
}
	  
	  .homeContentBg {
    background: #0062c3;
    padding: 29px 17px 27px 25px;
}
 	
	 .logo{display:none;}
.mobile-logo {display:block;}

.menu-btn-group .btn {
    font-size: 13px;
	
}
.anchor-link {
    color: #4b4b4b;
    font-size: 13px;
	
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 11px;
    padding-left: 10px;
}

.navbar-header{
display:flex;	 justify-content: space-between;
}

footer, footer p {
     font-size: 13px;
}
.quickLinks {
    padding: 0 0 0 34px;
}
	  
  }
   
@media screen and (max-width: 912px) {
	 

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	

 
}

 
 
 @media only screen and (min-width:768px) and (max-width:999px) {
	 
	 	 
	 .contentOuter.careerDetails{ padding-top: 50px; padding-bottom: 50px;
	
	
}
	 
	 
	  .careerTopOuter img{margin-top: 50px;
	 }
	 
	 	 .tab:hover:after {
   display: none;
}
	 
	 .hero-slider .swiper-button-prev, .hero-slider .swiper-button-next {
    display: none;
}
	 
	 .tab:hover {
    width: 100%;
}
	 
	  .accordion {
  
           display: block;
        height: 100%;
        overflow: visible;
   
}
	 
	 .tab img {
    position: relative;
		 
	 }
	
	 
	 .tab {
   
    width: 100%;         margin: 0 0 24px;
 
}
	 
	 .caption1 {
    
    display: none;
}
	 .caption p {
    margin: 0;
 
    font-size: 16px;
    line-height: 26px;
}
	 
	 .caption {
    position: relative;
    z-index: 2;
    
    bottom: 0;
    opacity: 1;
    text-align: center;
    width:100%;
    overflow: hidden;
    margin: 0;     background: #0162c3; padding: 17px;
}
	
	 
	 	 .agileOuter img{ margin: 0 auto;}
	 
	 .homeContentBg {
 
    padding: 53px 58px 52px 58px	;
}
	 
	  .dropdown {
 
    left: 0;
   
}
	 
	 .why-content {
           top: 34%;
        padding: 36px;
        min-height: 157px;
}
	 
	 .tabs_wrapper ul.tabs {
    
    width: 33%;
 
}
	 
	 .tabs_wrapper .tab_container {
   
    width: 64%;
 
}
	 
	  .techtabs_wrapper ul.tabs {
    
    width: 33%;
 
}
	 
	 .techtabs_wrapper .tab_container {
   
    width: 64%;
 
}
	
	
	 .industryContent {
    padding: 15px 0;
}
	 
.dropdown:after {
     left: 38%;
 }
 
	 .mobile {
        display: block;
    }.desktop {
        display: none;
    }
	 p {
    margin-top: 0;
   
		 
}
	 
	 .homeOuter {
    background: url(../images/homebg.png) no-repeat center top #fff;
    padding-top: 70px;
    padding-bottom: 70px;
}
	 
	 
	 .logo{display:none;}
.mobile-logo {display:block;}
	 
	 

.quickLinks {
    padding: 0 0 0 0;
}


footer div > div{margin-bottom:15px;}
.copyrighttext {
    text-align: center; margin-bottom: 0;
}

.copyrights {
    border-top: 1px solid #5c5d5c;
    padding-top: 20px;
    margin-top: 0;
    padding-bottom: 0;
    text-align: left;
}

 
 .navbar-header{width:100%;}
 
 
  
	 .menu-btn-group .btn{ margin-bottom:10px; }
	 
	 
  .navbar .navbar-collapse.collapsing{ 
    height:auto !important;
  }
  .navbar .lateral-left{
    left:-100%; 
    animation: slide-out-left 200ms forwards;
  }
  .navbar .lateral-left.open{ 
    animation: slide-in-left 200ms forwards;     z-index: 200;
  }
	 
	     .navbar .lateral-left.open ul.navbar-nav li a {
      color:#fff;
    }
	 
	 
	 
  .navbar .lateral-right{
    right:-100%;
    animation: slide-out-right 200ms forwards;
  }
  .navbar .lateral-right.open{ 
    animation: slide-in-right 200ms forwards;
  }
  .navbar .navbar-collapse{ 
    top:0px; bottom:0px; 
    position:fixed; 
    width:80%; width:calc(100% - 60px); 
    max-width:320px; 
    height:auto !important;

    /* Optional styling */
    background:#0162c3;
    padding:30px;
    top: 69px;
  }
  .navbar .lateral-left.open,
  .navbar .lateral-right.open{
    display:block !important;
    overflow-y:auto;
  }
}

@keyframes slide-in-left{ 
  0%		{ left:-100%; }
  100%	{ left:0px; }
}
@keyframes slide-out-left{
  0%		{ left:0px; }
  100%	{ left:-100%; }
}
@keyframes slide-in-right{ 
  0%		{ right:-100%; }
  100%	{ right:0px; }
}
@keyframes slide-out-right{
  0%		{ right:0px; }
  100%	{ right:-100%; }
 
 .detailsOuter {
    border-top: 4px solid #f6f7f9;
    padding: 10px 0 32px;
}
	 
 
 }
 
  /* surface pro 7 portrait	*/
 @media only screen and (min-device-width: 912px) and (max-device-height: 1368px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
 
}

  /* surface pro 7 landscape	*/
 @media only screen and (min-device-width: 1368px) and (max-device-height: 912px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
 
 }
 
  /* iPad Air  portrait*/
 @media only screen and (min-device-width: 820px) and (max-device-height: 1180px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
 
	 
 }
 
 
 
 /*Ipad air ----------- */



@media only screen and (min-device-width: 1180px) and (max-device-height: 820px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
 
	
}



/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
 
}


/*    Iphone XR----------- */
@media only screen and (min-device-width: 896px) and (max-device-height: 414px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
	
		 
	
}
/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
		

}

@media only screen and (min-device-width: 844px) and (max-device-height: 390px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
	 
}

@media only screen and (min-device-width: 390px) and (max-device-height: 844px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
 

	
}

 @media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
	 

 }


 /* Landscape*/

    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {
	 
		
		}

    /* Portrait*/
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
		
		
		}
	


/* iPhone X  iPhone 12/pro----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
	 
	
}


 @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
 
}





@media (min--moz-device-pixel-ratio: 1.5),
       (-o-min-device-pixel-ratio: 3/2),
       (-webkit-min-device-pixel-ratio: 1.5),
       (min-device-pixel-ratio: 1.5),
       (min-resolution: 144dpi),
       (min-resolution: 1.5dppx) and 
       (min-width: 1500px) and (max-width : 2000px) and
       @-ms-viewport {
  
}
@media only screen and (max-width: 768px) and (orientation : portrait) {
	 
}


     /* Samsung Galaxy S8 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 740px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 4 ){
/* Styles */
 

}

     /* Samsung Galaxy S22 ----------- */
@media only screen and (min-device-width: 915px) and (max-device-height: 412px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2 ){
	 

}

 


     /* Surface duo portrait ----------- */
@media only screen and (min-device-width: 540px) and (max-device-height: 720px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2 ){
 

}

     /* Surface duo  landscape----------- */
@media only screen and (min-device-width: 540px) and (max-device-height: 720px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1 ){
 
}


	   /*1280 x 1024*/
 @media screen and (min-width: 1280px) and (max-height: 1024px)  {
 
	
 }
 
 
 
 

     /* Surface duo  landscape----------- */
@media only screen and (min-device-width: 850px) and (max-device-height: 720px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1 ){
	 
 

 }



@media screen and (device-width: 411px) and (device-height: 731px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2.6){
   
 
 
   
}



@media screen and (device-width: 411px) and (device-height: 731px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2.6){

 
   
}


@media only screen and (-webkit-min-device-pixel-ratio: 2.6),
                    only screen and (min--moz-device-pixel-ratio: 2.6),
                    only screen and (-o-min-device-pixel-ratio: 2.6/1),
                    only screen and (min-device-pixel-ratio: 2.6)
{
	
 
	}



/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	 
 
	  
  }



/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	
 
}

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	  
	   
	  
  }
  
 
 

	
	
	 
  
  /* Galaxy S5 portrait */
    @media screen 
      and (device-width: 360px) 
      and (device-height: 740px) 
      and (-webkit-device-pixel-ratio: 4) 
      and (orientation: portrait) {
		 


    }

    /* Galaxy S5 landscape */
    @media screen 
      and (device-width: 360px) 
      and (device-height: 740px) 
      and (-webkit-device-pixel-ratio: 4) 
      and (orientation: landscape) {
 
    }
	
	

	
	
/* iPad Mini in landscape only */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {	

 

}

/* iPad Mini in portrait only */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 	   


 }	
 
 
 
 
 @media screen and (min-width: 1824px) {
  
	 
	 
 }
 
  @media screen and (min-width: 1075px) {
	 
 

  }