/* only ipad 1024 and bigger screen landscape screen */
.case-study-section { display: none; }

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


/*==========================================================================================================*/
@media only screen and (max-width: 1440px) {
}


@media only screen and (max-width:1280px) {
	.container { max-width:100%; padding:0 30px; }
	#footer { padding: 30px 0; }
	.section { padding: 40px 0; }
	#mainslider .item::before { padding-top: 56.25%; }
	#mainbanner .banner-box h2 { font-size: 30px; }
	#mainbanner .banner-box { font-size: 16px; }
	.services-grid .col-container { padding: 20px 30px; }
	.team-section { padding-top: 100px; }
	.team-section .section-info { padding:0 60px; }
	.three-grid-section .col-container { padding: 40px; }
	.why-our-client-section .section-info { padding-left: 40px; }
	.slider-nav { background:url(../images/testimonial-circle.png) 0 0 no-repeat; background-size: 400px auto; width:400px; height:400px; }
	.slider-nav .item img { left:20px; top:70px; }
	.slider-nav .item:nth-child(2) img{ left:310px; }
	.slider-nav .item:nth-child(3) img{ top:290px; }
	.hire-section p { text-align:left; }
}

@media only screen and (max-width:1024px) {
	.job-detail-section .primary-col { flex: 0 0 60%; max-width:60%; }
	.job-detail-section .sidebar-col { flex: 0 0 40%; max-width:40%; }
}

/*==========================================================================================================*/
@media only screen and (max-width:1023px) {
	#footer .about-col, #footer .quick-col, #footer .get-in-touch-col, #footer .social-col { margin:30px 0 0; flex:0 0 50%; max-width: 50%; }
	#mainbanner .banner-box  { width: 100%; }
	#footer .about-col, #footer .quick-col { margin: 0; }
	.why-hire-section .content-col { flex: 0 0 100%; max-width: 100%; }
	.why-hire-section  { background:none; position:relative; }
	.why-hire-section:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/services-hire-us-bg.jpg) -100px 0 no-repeat; opacity:0.25; background-size:cover; }
	
	.menu-header { position:absolute; margin:0; padding:10px; list-style:none; left:0; width:60%; position:fixed; height:100%; transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -ms-transform:translateX(-100%); top:0; background:#11274d; z-index:250; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);  }
	.menu-header li { float:none; margin:0; padding:0; }
	.menu-header li a { padding:8px 15px; display:block; color:#fff;  }
	.menu-header li a:after { display:none; }
	
	.menu-header.navopen { transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0);  }
	.menu-header li a:hover { border:0; color:#fff; text-decoration:none; }
	.menu-header li.current-menu-item a { font-weight:700; }
	
	/* Responsive Menu line icon*/
	
	#menu { display:block; float:right; width:22px; height:22px; position:relative; left:5px; top:5px; }
	.menulines-button { padding:0; cursor: pointer; user-select: none; text-transform:uppercase; font-size:16px; color:#6e819e; text-decoration:none; }
	.menulines-button em { font-style:normal; font-weight:bold; margin-left:10px; }
	.menulines-button:hover { text-decoration:none; }
	.menulines { display: inline-block; width: 20px; height: 3px; background:#6e819e; position: relative; float: left; margin:9px 0 0 0; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); opacity:1; }
	.home .menulines { background:#fff; }
	.menulines:before, .menulines:after { display: inline-block; width:20px; height: 3px; background: #6e819e; position: absolute; left: 0; content:''; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transform-origin: 0.28571rem center; -moz-transform-origin: 0.28571rem center; -ms-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; }
	.menulines:before, .menulines:after { background:#6e819e; }
	.home .menulines:before, .home .menulines:after { background:#fff; }
	.menulines:before { top: 7px; }
	.menulines:after { top: -7px; }
	.menuopen .menulines { background:none; }
	.menuopen .menulines:before, .menuopen .menulines:after {  -webkit-transform-origin: 50% 50%;  -moz-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; } 
	.menuopen .menulines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } 
	.menuopen .menulines:after {  -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
	
	.menu-header li { float:none; margin:0; padding:0; position:relative; }
	.menu-header li a { padding:8px 15px; display:block; color:#fff; font-size:16px;   }
	.menu-header li a:after { display:none; }
	
	.menu-header li a:hover { border:0; color:#fff; text-decoration:none; }
	.menu-header li.current-menu-item > a { text-decoration:underline; }
	
	
	.navtrigger { z-index:25; display:block; position:absolute; right:0; top:0;  cursor:pointer; text-indent:-999em; width:40px;  height:40px; }
	.navtrigger:before { content:""; width:24px; height:24px; border-radius:100%; left:0; right:0; bottom:0; top:0; margin:auto; position:absolute; background:rgba(0,0,0,.15); }
	.navtrigger:after { content:""; width:0; height:0; border-top:5px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent; position:absolute;  left:0;  right:0; bottom:0; margin:auto; top:2px;  }	
		
	.navtrigger.open:after { transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); top:-2px; }
	.menu-header li .sub-menu { width:100%; position:relative; font-size:16px; display:none; position:relative; margin:0 0 10px; padding:0;  background:rgba(0,0,0,.25);  }
	.menu-header li:nth-last-child(2) .sub-menu, .menu-header li:last-child .sub-menu  { left:auto; right:0; }
	
	.services-grid .col-container { padding: 20px; }
	
	.how-we-do-section .section-title { text-align:center; }
	.how-we-do-section .left-col, .how-we-do-section .right-col { flex: 0 0 100%; max-width: 100%; }
	.how-we-do-section .section-title::before { margin:0 auto; right:0; }
	.how-we-do-section .section-info { text-align:center; margin:0 0 30px; }
		
	.team-section .grid-section .row { justify-content : center; }
	.team-section .section-info { padding:0; }
	.team-section .col { flex-wrap: wrap; text-align:center; justify-content: center;  }
	.team-section .image-container { margin:0 auto 20px; }
	.welcome-grid-section .mask { font-size: 14px; padding: 20px; }
	
	.about-detail-section .left-col, .about-detail-section .right-col { flex: 0 0 100%; max-width:100%; }
	.about-detail-section .right-col { margin: 20px 0 0; }
	.three-grid-section [class*="col-sm-"] { flex: 0 0 50%; max-width: 50%; border-bottom:1px solid #d0d0d0; }
	.three-grid-section [class*="col-sm-"]:last-child { border-left:0; border-bottom:0; }
	.three-grid-section .row { justify-content: center; }

	#mainbanner .banner-box, #innerbanner .banner-box { width:100%; }
	#innerbanner .image-container::before { display:none; }
	#innerbanner .image-container { height:400px; }
	
	.section-title h3 { font-size: 24px; }
	.why-our-client-section .section-info { padding:0; }
	
	.slider-testimonial-section .col-sm-6 { flex: 0 0 100%; max-width: 100%; }
	.slider-testimonial-section .slider-nav { margin:0 auto 30px; }
	.career-listing-grid .col { flex: 0 0 50%; max-width:50%; }
	.hire-section { background:#1d50b9; }
	.counting-grid h4 { font-size:32px; }
	.counting-grid h5 { font-size: 20px; }
	.connection-people-section .section-info, .advantage-section .section-info, .counting-grid { width: 100%; }
	.get-in-touch-section, .contact-form-section { width: 100%; }
	.step-number  { position:relative; top:0; margin:0; }
	.steps-service-grid .steps-col:nth-child(2) .step-number, .steps-service-grid .steps-col:nth-child(4) .step-number { 
	bottom: 0; }
}



/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	#footer .about-col, #footer .quick-col, #footer .get-in-touch-col, #footer .social-col { flex: 0 0 100%; max-width: 100%; }
	#footer .quick-col { margin: 30px 0 0; }
	#mainslider .item::before { padding-top:0; }
	#mainslider .item { height: 480px; }
	.banner-dots { left:0; bottom:70px; position:relative; text-align:center; }
	#header .logo-col { flex: 0 0 40%; max-width: 40%; }
	#header  .right-col { flex: 0 0 60%; max-width: 60%; }
	
	.why-hire-section .sub-row .col { flex: 0 0 100%; max-width:100%; }
	
	.service-section { background-position: 50% 50%; }
	.services-grid .col { flex: 0 0 50%; max-width:50%; border-left:0; }
	.services-grid .col:nth-child(3n+1) { border-left:0; }
	.services-grid .col:nth-child(2n) { border-left: 1px solid #d4d4d4; } 
	.services-grid .col:nth-child(-n+3) { border-top:1px solid #d4d4d4; }
	.services-grid .col:nth-child(-n+1) { border-top:0; }
	
	.logo-scroller-section .col { margin:0 10px 20px; }
	.welcome-grid-section .big-col, .welcome-grid-section .small-col  { flex: 0 0 100%; max-width:100%; }
	.welcome-grid-section .small-col { display: flex; flex-wrap: wrap; }
	.welcome-grid-section .small-col  .col-container { flex: 0 0 50%; max-width:50%; }
	.three-grid-section [class*="col-sm-"] { flex: 0 0 100%; max-width: 100%; border-left:0 !important; }
	#header #logo { width:65px; }
	
	.job-detail-section .primary-col, .job-detail-section .sidebar-col { flex: 0 0 100%; max-width:100%; }
	.job-detail-section .sidebar-col { margin: 30px 0 0; }
	.counting-grid h4 { font-size: 24px; }
	.counting-grid h5 { font-size:16px; }
	
	.steps-service-grid .steps-col { flex: 0 0 50%; max-width: 50%; }
	.steps-service-grid .steps-col .col-container {  display:flex; jutify-content: center; flex-direction: column; }
	.steps-service-grid .steps-col .image-container { border: 0 !important; }
	.steps-service-grid .steps-col:nth-child(2), .steps-service-grid .steps-col:nth-child(4) { top:0; }
	.steps-service-grid .steps-col:nth-child(2)  .image-container, .steps-service-grid .steps-col:nth-child(4) .image-container {
		flex-order: 1;
		order: 1;	
	}
	.steps-service-grid .steps-col:nth-child(2) h4, .steps-service-grid .steps-col:nth-child(4) h4{
		flex-order: 2;
		order: 2;
	}
	.steps-service-grid .steps-col .image-container:before, .steps-service-grid .steps-col:nth-child(4) .image-container:after { display:none; }
	.steps-service-grid .row { margin:20px 0 0; }
}

@media only screen and (max-width: 640px) {
	 .job-detail-section .info-row h6 { margin:0 0 15px; }
	.career-listing-grid .col, .job-detail-section .info-row h6, .job-detail-section .info-row .info { flex: 0 0 100%; max-width:100%; }
	.get-in-touch-section .col:not(:first-child) { border-left:0; border-top: 1px solid #d4d4d4; padding: 20px 0 0; margin: 20px 0 0; }
	.get-in-touch-section .col { flex: 0 0 100%; max-width:100%; }
	.form-row > .col, .form-row > [class*="col-"] { flex: 0 0 100%; max-width: 100%; }
	.form-row > .col, .form-row > [class*="col-"]:not(:first-child) { margin:14px 0 0; }
}

/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 568px) {
	.services-grid .col {  flex: 0 0 100%; max-width:100%; border-left:0 !important; border-top:1px solid #d4d4d4 !important }
	.services-grid .col:nth-child(-n+1) { border-top:0 !important; }
	.how-we-do-section .col { flex: 0 0 100%; max-width:100%;  }
	.team-section .col { flex: 0 0 50%; max-width:50%; margin: 0 0 30px; }
	#innerbanner .image-container { height:320px; }
	.slider-nav {
		background: url(../images/testimonial-circle.png) 0 0 no-repeat;
			background-size: auto;
		background-size: 260px auto;
		width: 260px;
		height: 260px;
	}
	.slider-nav .item img { width: 56px; height: 56px; left:0; }
	.slider-nav .item:nth-child(2) img { left: 205px; }
	.slider-nav .item:nth-child(3) img { top: 200px; }
	.counting-grid .col, .steps-service-grid .steps-col { flex: 0 0 100%; max-width:100%; }
	.counting-grid .col:not(:first-child) { border-left:0; border-top: 1px solid #d4d4d4; padding:20px 0 0 ; margin: 20px 0 0; }
	
}

/*==========================================================================================================*/
/* only iphone landscape 340 by 478*/
@media only screen and (max-width: 480px) {
}

/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {
	.button.btn-outline.lg-btn { width:100%; }
	.team-section .col { flex: 0 0 100%; max-width:100%; flex-direction: column; }
	.welcome-grid-section .small-col .col-container { flex: 0 0 100%; max-width: 100%; }
	
} 

/*==========================================================================================================*/
/* Retina css */ 
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {

}