@charset "utf-8";
/* CSS Document */


@media(max-width:1200px)
{
		
 
	.cart 		 { width: 514px;}
	.cart figure { width:280px;}
	.cart span 	 { background-size:contain; width:278px; bottom: -72px;}


	.recent { padding:0 10% 0 0;}

	.empower_cnt {max-width: 520px;}
   .empower_cnt p {font-size: 32px;line-height: 42px;}
	.Shoppers p { font-size: 20px; line-height: 27px;}

	.empower_cnt p:before {left: -72px;background-size: 51px 42px;} 
	.empower_cnt p:after  {right:0;background-size: 51px 42px;} 

	.employment { padding:90px 0 150px 0;}	

		.constant ul li {  margin:0 50px 0 0;}
	.child 	{ padding:0 0 0 57px;}

	.child p { font-size: 29px; line-height: 35px;}

	.counter.counter-wheel.counter-wheel-themed { width:180px; height:180px;}
	.percent_view { width:180px; height:auto;}
	.counter.counter-wheel.counter-wheel-themed .counter-values { font-size: 66px; line-height: 97px;}
	.percent_cnt { padding:28px 0 0 0;}

	.billion h3 { font-size: 70px; line-height: 80px;} 

	.retalis a { font-size:80px; line-height:80px;} 
	.retalis h5 { font-size: 34px; line-height: 45px;}

	.thinking h2 { font-size: 44px; line-height: 44px; } 
	
}
@media(max-width:991px){

  .container { width:95%; }

  .banner_cnt p { font-size: 27px; line-height: 30px;}
  .banner figure { min-height:700px;}
  .thinking { width:90%;}
  .thinking p   { padding:0 10% 15px 0;}
  .thinking h2 { font-size:42px; line-height:42px; padding:0 0 60px 0;}

	.prices_cnt p { padding:0 0 4px 0;}

	.recent { padding:0 10% 0 0;}

	.marketing h2 { font-size: 42px; line-height: 42px;}


	.supply h2 { font-size: 42px; line-height: 42px; padding: 0 0 70px 0;}
	.modern p br { display:none;}

	.billion p {font-size: 24px;line-height: 32px;}

    .delivers p {font-size: 24px;line-height: 32px;} 


	.employment h2 {font-size: 42px; line-height: 42px;}


	.empower_cnt {max-width: 399px;}
   .empower_cnt p {font-size: 28px;line-height: 39px;}
	.Shoppers p { font-size: 20px; line-height: 27px;}

	.empower_cnt p:before {left: -63px;background-size: 41px 32px;} 
	.empower_cnt p:after  {right:0;background-size: 41px 32px;} 

	.employment { padding:90px 0 150px 0;}
	
	.customer h2 { font-size: 38px; line-height: 42px;}  
	.constant	 { padding:70px 0 56px 0; } 

	.constant h3 br { display:none;}
	.constant h3 { font-size: 36px; line-height: 44px; padding:0 0 20px 0;}


	 .constant ul li {  margin:0 50px 0 0;}
	.child 	{ padding:0 0 0 70px;}

	.digital a span { width: 298px;}
	.child p { font-size: 27px; line-height: 33px;}  

	.child { padding:0 0 0 80px;}

	.prices_cnt p { font-size: 22px; line-height:29px; }
	.recent { padding:0 25% 0 0;}
	.recent p { font-size: 28px; line-height: 30px;}

	.cart 		 {width: 431px;}
	.cart figure {width: 230px;}
	.cart span 	 {background-size:contain;width: 238px;bottom: -83px;}


	.counter.counter-wheel.counter-wheel-themed { width:150px; height:150px;}
	.percent_view { width:150px; height:auto;}
	.counter.counter-wheel.counter-wheel-themed .counter-values { font-size: 56px; line-height: 67px;}
	.percent_cnt { padding:20px 0 0 0; margin:0 0 0 5px;     width: 199px;}

	.percent_cnt p { font-size: 18px; line-height: 28px;}
	.percent_cnt small{ font-size: 15px;}

	

 .billion h3 { font-size: 60px; line-height: 70px;} 
	.billion h3 { font-size: 49px; 	line-height: 65px;}

	.retalis a {font-size: 65px;line-height: 65px;} 
	.retalis h5 { font-size: 32px; line-height: 40px;}

	.retalis { padding:0 0 150px 0;}

 

	.shop_main { -webkit-clip-path: polygon(53% 6%, 60% 0, 100% 0, 100% 100%, 0 100%, 0 0, 47% 0);clip-path: polygon(53% 6%, 60% 0, 100% 0, 100% 100%, 0 100%, 0 0, 47% 0);}

}

@media(max-width:767px)

 {
   .banner figure { min-height:650px;}
	.banner_cnt h1 { font-size: 38px; line-height: 38px;}

	.marketing h2 { font-size:38px; line-height:38px; padding:0 0 30px 0;text-align: center;}
	.thinking { width:100%; padding:0 0 50px 0;}
  .thinking p   { padding:0 0 15px 0;}
  .thinking h2 { font-size:38px; line-height:38px; padding:0 0 40px 0;}
  .thinking p  { font-size:22px; line-height:26px;}

   .supply h2 {font-size: 38px;line-height: 39px;padding: 0 0 60px 0;text-align: center;}

	.employment h2 {font-size: 38px;line-height: 38px;text-align: center;}

	.employment { padding:80px 0 110px 0;}


	.constant { padding:50px 0 50px 0;}
	.constant ul { text-align:center;}
	.constant ul li { float:none; margin:0 20px;}

	.digital a span { width:320px;}
	.digital  { text-align:center; margin:0 auto 10px auto;}
	.child { padding:0;}

	.prices_block { padding:20px 0 0 0;}

	
	.cart  { position:static; margin:0 auto; display:block;}
	.cart span { height:85px; bottom:0; left:auto;}
	.prices_block { padding:20px 0 30px 0;}

	.recent { padding:0;}

	.prices_cnt p { font-size: 20px; line-height: 28px;}
	
    .prices_cnt { padding: 0 0 40px 0;}
	.recent p { font-size:24px; line-height:28px;}
 

	.banner figure { min-height:600px;}
	.banner_cnt a { margin:0 0 40px 0;}

	.banner .container { top:50%;}

	.percent_block { text-align:center;}
	.percent_list { text-align:center; float:none;}
	.percent_view { float:none;}
	.percent_cnt{ float:none;} 
 
		
	.customer h2 { font-size: 32px; line-height: 36px;} 

	.child p { font-size: 24px; line-height: 33px;}

	.retalis a { font-size:53px; line-height:64px;} 
	.retalis h5 { font-size: 30px; line-height: 40px;}
	.retalis a:after { height: 13px; bottom: -15px;}
		.retalis { padding:0 0 100px 0;}

	.social_icon ul li {  margin:0 5px;}
	.social_icon ul li a img { width:32px;} 


}
@media(max-width:599px)
	{
	   .banner figure {min-height: 460px;}


	.employment h2 {font-size: 30px;line-height: 30px;text-align: center;padding: 0 0 10px 0;}

	.empower_cnt { max-width: 383px; padding:30px 0 20px 0;}
    .empower_cnt p {font-size: 26px;line-height: 38px;}

	.empower_cnt p:before {left: -69px;background-size: 41px 32px;} 
	.empower_cnt p:after  {right:0;background-size: 41px 32px;} 

    .employment {padding: 80px 0 60px 0;}
	.hcm small { font-size: 14px; line-height:20px;} 
	.hcm span { font-size: 16px; line-height: 20px;} 
	.employment { padding:80px 0 40px 0;}
	.Shoppers { padding:20px 0 0 0;}
	.Shoppers p { font-size: 18px; 	line-height: 24px;}
 

  .prices_cnt { padding: 0 0 20px 0;}

		.recent p { font-size:22px; line-height:26px;}


	.banner_cnt h1 {font-size: 24px;line-height: 32px;margin: 0 0 20px 0;}
	.banner_cnt h1:after { bottom:-21px;}
	.banner_cnt a { margin:0 0 10px 0;}
	.banner figure {min-height: 390px;}
	.banner_cnt p {font-size: 20px;line-height: 28px;}


	  .thinking h2 {font-size: 32px;line-height: 32px;padding: 0 0 30px 0;}
	.thinking p { font-size: 20px; line-height: 24px; padding: 0 0 10px 0;} 

 		
	   .marketing  h2 {font-size: 32px;line-height: 32px;padding: 0 0 10px 0;}
	.marketing  p { font-size: 20px; line-height: 24px; padding: 0 0 10px 0;} 

	
   .supply h2 {font-size: 32px;line-height: 35px;padding: 0 0 30px 0;text-align: center;}
	.modern p { font-size: 22px; line-height: 26px;}
	.supply_lft{ padding:0;}
	.billion h3 { text-align:center; font-size:40px; line-height:40px; }
	.billion p {font-size: 20px;line-height: 30px;}

    .delivers p {font-size: 20px;line-height: 30px;} 

	.prdict_animate a { width:197px;}
	 .prdict_animate a span img { bottom: -37px; width:150px;}
	.prdict_animate { padding:0 0 80px 0;}

	.customer h2 { font-size:28px; line-height:32px;} 
	.customer { padding:70px 0 30px 0;}

	.constant { padding:30px 0 30px 0;}
	.constant h3 { font-size: 30px; line-height:34px; padding: 0 0 10px 0;}

	.child p { font-size: 22px; line-height: 30px;}
	.digital a span { width:290px;}
	.constant ul li { margin:0 10px;}


		.retalis a {font-size: 42px;line-height: 42px;} 
	.retalis h5 { font-size: 28px; line-height: 33px; padding: 0 0 30px 0;}
	.retalis h5 br { display:none;}
	.retalis a:after { height: 13px; bottom: -15px;}

	.retalis { padding:0 0 50px 0;}

	.social_icon ul li a img { margin: 0 4px; width:30px;}
	.social_icon { right: 0;}
	.social_icon { right: 0;}

	.logo a img { width:150px;}

	.oracle_logo a img { width:150px;}

	.shop_main {-webkit-clip-path: polygon(53% 4%, 62% 0, 100% 0, 100% 100%, 0 100%, 0 0, 46% 0);clip-path: polygon(53% 4%, 62% 0, 100% 0, 100% 100%, 0 100%, 0 0, 46% 0);}
	
	.constant h3 { font-size: 25px;
    line-height: 30px;
    padding: 0 0 10px 0;}

	.social_icon ul li a img { width:22px;} 


	.market_main:before {     border-left: 31px solid transparent;
    border-right: 31px solid transparent;
    border-top: 38px solid #dee0e0;}

	.market_main:after 	
	{
     border-left: 31px solid transparent;
    border-right: 31px solid transparent;
    border-top: 38px solid #bfced6;
	bottom:-38px;
	}

	 
.supply:after 
	{
	 border-left: 31px solid transparent;
    border-right: 31px solid transparent;
    border-top: 38px solid #e0e2e2;
	bottom:-38px;
	}

	.employment_main:after 
	{
		    border-left: 31px solid transparent;
    border-right: 31px solid transparent;
    border-top: 38px solid #007892;
	bottom:-38px;
	}

	
.disruption:after {
    
    border-left: 31px solid transparent;
    border-right: 31px solid transparent;
    border-top: 38px solid #fff;
 	 bottom:-38px;
}

	.shoping { padding:59px 0 34px 0;}
		
	} 
@media only screen and (max-width:479px)

{ 

	.employment h2 {font-size: 22px;line-height: 27px;text-align: center;padding: 0 0 10px 0;}

	.empower_cnt {max-width: 220px;}
    .empower_cnt p {font-size: 19px;line-height: 30px;}

	.empower_cnt p:before {left: -61px;background-size: 30px 25px;} 
	.empower_cnt p:after  {right:0;background-size: 30px 25px;} 

    .employment {padding: 80px 0 60px 0;}


	.recent p { font-size:20px; line-height:25px;}

	 .cart  {position:static;margin:0 auto;display:block;width: 255px;}
	.cart span {height: 61px;bottom:0;left:auto;width: 128px;}
	.cart figure { width:150px;}
 
	 
  .thinking h2 {font-size: 28px;line-height: 30px;padding: 0 0 20px 0;}
	 
  .marketing h2 {font-size: 28px;line-height: 30px;padding: 0 0 20px 0;}


	.percent_view { display:block; float:none; margin:0 auto;}
	.percent_cnt { display:block; float:none; margin:0 auto; padding: 10px 0 10px 0;}

	
		.retalis a {font-size: 25px;line-height: 27px;} 
	.retalis h5 {font-size: 21px;line-height: 26px;padding: 0 0 20px 0;}
	.retalis h5 br { display:none;}
	.retalis a:after { height: 13px; bottom: -15px;}

	.retalis { padding:0 0 30px 0;}
	.digital a span { width:270px;}
	.constant ul li { margin:0 5px;}

	.constant { padding:20px 0 20px 0;}


	.shop_main {-webkit-clip-path: polygon(53% 3%, 62% 0, 100% 0, 100% 100%, 0 100%, 0 0, 45% 0);clip-path: polygon(53% 3%, 62% 0, 100% 0, 100% 100%, 0 100%, 0 0, 45% 0);}

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