@media only screen and (max-width: 1320px){
	.nav-bar li a { padding: 13px 10px; }
	.nav-bar li { font-size: 14px; }
}

@media only screen and (max-width: 1168px){
	h1 { font-size: 50px; line-height: 56px; }
	.innerbanner p { font-size: 25px; line-height: 35px; }
	#leftPart { width: 43%; padding: 14px 0 10px; }
	body, html { font-size: 18px; line-height: 26px; }
	#leftPart p { line-height: 30px; padding-bottom: 25px; }
	#leftPart p .big { font-size: 94px; line-height: 100px; }
	#leftPart p:nth-of-type(1) { padding-bottom: 15px; }
	#leftPart h5 { padding: 15px 0; }
	.clientBar .dell-logo { max-width: 140px; margin: 7px 0 0 0px; }
	.clientBar .intel-logo { max-width: 200px; }
	#home-banner .text p { font-size: 20px; line-height: 30px; }
	#home-banner .text h1 { padding-bottom: 10px; }
	#home-banner { min-height: 400px; height: calc(100vh - 251px); height: -webkit-calc(100vh - 251px); } 
	body.touch-devices #home-banner  { height: calc(100vh - 300px); height: -webkit-calc(100vh - 300px); }
	#home-banner .text { padding: 0px; }
	.block-bar { padding: 25px 0; }
	.block-bar ul li { padding: 0 5px; }
	.block-bar ul { margin: 0 -5px; }
	#home-banner .clientBar .dell-logo { margin: 0px 0 0 -6px; max-width: 155px; }
	.block-bar ul li a .title { padding: 16px 0; }
	.nav-bar li { font-size: 12px; }
	.nav-bar li a { padding: 12px 8px; }
	.tiles-bar ul li { padding: 0 5px; }
	.tiles-bar ul { margin: 0 -5px; }
	.tiles-bar ul li a .title { padding: 16px 15px; }
	
}

@media only screen and (max-width: 1023px) {
	h1 { font-size: 40px; line-height: 46px; }
	.innerbanner p { font-size: 20px; line-height: 30px; }
	#leftPart { width: 46%; padding: 14px 0 10px; }
	body, html { font-size: 16px; line-height: 24px; }
	#leftPart p { line-height: 28px; padding-bottom: 20px; }
	#leftPart p .big { font-size: 90px; line-height: 100px; }
	h5 { line-height: 28px; }
	#leftPart p:nth-of-type(1) { padding-bottom: 15px; }
	#leftPart h5 { padding: 0px 0 10px; }
	#rightPart { width: 50%; }
	#rightPart .chart img { max-width: 100%; margin: 0 auto 40px; }
	#rightPart .chart hr { margin-bottom: 40px; }
	#rightPart .chart { padding: 35px 25px 10px; }
	.clientBar .dell-logo { max-width: 140px; margin: 7px 0 0 0px; }
	.clientBar .intel-logo { max-width: 200px; }
	#leftPart .bottom-notes { padding-top: 25px; }
	
	#home-banner .text p { font-size: 18px; line-height: 28px; }
	#home-banner .text h1 { padding-bottom: 10px; }
	#home-banner { min-height: 420px; height: calc(100vh - 198px); height: -webkit-calc(100vh - 198px); } 
	body.touch-devices #home-banner  { height: calc(100vh - 250px); height: -webkit-calc(100vh - 250px); }
	#home-banner .text { padding: 0px; }
	.block-bar { padding: 25px 0; }
	.block-bar ul li { padding: 0 5px; }
	.block-bar ul { margin: 0 -5px; }
	.block-bar ul li a .title { padding: 12px 0; } 
	.block-bar ul li a.pop_up::before { background-size: 50px auto; background-position: 50% 30%; } 
	
	#innovate-to-a-future-state .vid-wrapper { max-width: 650px; }
	#rightPart.is_stuck { right: 20px; }
	.video__wrapper { padding-bottom: 0px; }
	.nav-bar li { font-size: 10px; letter-spacing: 0; line-height: 16px; }
	.nav-bar li a { padding: 12px 5px; }
	.infographic-image { display:block; margin: 10px auto 10px; }
}

@media only screen and (max-width: 767px) {
	#header .header_inner { border: 0px; }
	#header .logo { margin: 12px 0; width: 110px; }
	header ul.social_icon { margin: 11px 0 0; }
	#header .paid_logo { position: relative; top: auto; left: auto; transform:translateX(0px); -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -ms-transform:translateX(0px); -o-transform:translateX(0px); display: block; width: auto; margin: 0 -20px; clear: both; overflow: hidden; }
	#contentcntr { padding: 25px 0 30px; }
	.innerbanner { padding: 100px 0 22px }
	h1 { font-size: 33px; line-height: 36px; }
	.innerbanner p { font-size: 18px; line-height: 28px; }
	#leftPart { width: 100%; padding: 0px 0 10px; }
	body, html { font-size: 16px; line-height: 24px; }
	#leftPart p { line-height: 26px; padding-bottom: 20px; }
	#leftPart p .big { margin: 2px 10px 0 0; font-size: 65px; line-height: 66px; }
	h5 { line-height: 26px; }
	#leftPart p:nth-of-type(1) { padding-bottom: 15px; }
	#leftPart h5 { padding: 0px 0 10px; }
	#rightPart { width: 100%; padding: 10px 0 0; }
	#rightPart .chart img { max-width: 400px; margin: 0 auto 30px; }
	#rightPart .chart hr { margin-bottom: 30px; height: 1px; }
	#rightPart .chart { padding: 30px 20px 5px; }
	.clientBar .dell-logo { max-width: 100px; margin: 7px 0 0 0px; }
	.clientBar .intel-logo { max-width: 143px; }
	#home-banner .clientBar { padding-bottom: 18px; }
	
	#rightPart img { width: 100%; } 
	#footer { padding: 25px 0 9px; position: relative; }	
	#footer .wrapper { padding: 0px; }
	#footer ul {  margin: 0 auto; max-width: 320px; padding: 0; }
	#footer ul li { font-size: 9px; line-height: 12px; padding: 0 3px 0 6px; }
	#footer ul li:nth-of-type(3) { background: none; }
	#footer a.footer_logo { bottom: 22px; left: 50%; margin: 0 0 0 -75px; position: absolute; }
	
	.block-bar { padding:  25px 0 0; }
	#home-banner .text p br { display: none; }
	#home-banner .text p { font-size: 16px; line-height: 24px; }
	.block-bar ul li { width: 100%; padding:0 0 15px; }
	.block-bar ul { margin: 0px; }
	.block-bar ul li img { width: 100%; }
	.block-bar ul li a.pop_up::before { background-size: 50px auto; background-position: 50% 45%; } 
	#home-banner .clientBar .dell-logo { max-width: 115px; }
	#home-banner { min-height: 380px; }
	#home-banner .text { padding: 30px 0 0; }
	
	#innovate-to-a-future-state .vid-wrapper { max-width: 550px; }
	#innovate-to-a-future-state .vid-close { top: -15px; right: -15px; }
	#innovate-to-a-future-state .model_box_details a { font-size: 14px; line-height: 18px; margin: 15px auto 0; }
	#siteloader { background-size: 60px auto; } 
	#innovate-to-a-future-state { min-height: 320px; }
	.mobile-image { display: block; margin: -25px -20px 0; padding-bottom: 25px; width: auto; }
	.mobile-image img { width: 100%; }
	.desktop-only { display: none; } 
	
	.nav-bar { position: absolute; top: 100%; left: 0px; border-top-width: 2px; display: none; }
	.nav-bar li { width: 100%; float: none; border: 0px; border-top: 1px solid #ececec; text-align: left; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transform: translateY(60%); -webkit-transform: translateY(60%); -moz-transform: translateY(60%); -ms-transform: translateY(60%); -o-transform: translateY(60%); opacity: 0; }
	.nav-bar.show li { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; opacity: 1; } 
	.nav-bar.show li:nth-of-type(1) { transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; -moz-transition-delay: 0.8s; }
	.nav-bar.show li:nth-of-type(2) { transition-delay: 1s; -webkit-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; -moz-transition-delay: 1s; }
	.nav-bar.show li:nth-of-type(3) { transition-delay: 1.2s; -webkit-transition-delay: 1.2s; -ms-transition-delay: 1.2s; -o-transition-delay: 1.2s; -moz-transition-delay: 1.2s; }
	.nav-bar.show li:nth-of-type(4) { transition-delay: 1.5s; -webkit-transition-delay: 1.5s; -ms-transition-delay: 1.5s; -o-transition-delay: 1.5s; -moz-transition-delay: 1.5s; }
	.nav-bar.show li:nth-of-type(5) { transition-delay: 1.8s; -webkit-transition-delay: 1.8s; -ms-transition-delay: 1.8s; -o-transition-delay: 1.8s; -moz-transition-delay: 1.8s; }	
	a.menuToggle { display: block; } 
	.nav-bar ul { opacity: 1; }
	.nav-bar li a { padding: 12px 20px; }
	.nav-bar li { font-size: 14px; line-height: 20px; }
	.infographic-image { display:block; margin: 0px auto; }
	.tiles-bar ul li { padding: 0px 0 10px; width: 100%; }
	.tiles-bar ul { margin: 0px; }
	.tiles-bar ul li:last-child { padding-bottom: 0px; }
	.tiles-bar ul li a .title { padding: 12px 10px; }
}

@media only screen and (max-width: 639px) {
	#rightPart .chart img { max-width: 100%; margin: 0 auto 30px; }
	#innovate-to-a-future-state .vid-wrapper { width: 400px; }
	.innerbanner p { font-size: 15px; line-height: 25px; }
}

@media only screen and (max-width: 479px) {
	#innovate-to-a-future-state .vid-wrapper { width: 280px; }
	.block-bar ul li a.pop_up::before { background-size: 50px auto; background-position: 50% 30%; } 
	#innovate-to-a-future-state .model_box_details a { font-size: 10px; line-height: 14px; margin: 8px auto 0; }
	.innerbanner p { font-size: 18px; line-height: 27px; }
}

@media only screen and (min-width: 768px) {
	.nav-bar { display: block !important; }
}