@font-face {
	  font-family: mon-regular ;
	  src: url("../font/montserrat/Montserrat-Regular.otf") format("opentype");
  }
  
  
  @font-face {
	  font-family: mon-light ;
	  src: url("../font/montserrat/Montserrat-Light.otf") format("opentype");
  }
  
  
  @font-face {
	  font-family: ex-mon-light ;
	  src: url("../font/montserrat/Montserrat-ExtraLight.otf") format("opentype");
  }
  
  @font-face {
	  font-family: ex-mon-bold ;
	  src: url("../font/montserrat/Montserrat-Bold.otf") format("opentype");
  }
  
   @font-face {
	  font-family: akz ;
	  src: url("../font/AkzidenzGroteskBE-MdCn.otf") format("opentype");
  }
  


  
  
  
  
  #myNavbar { font-family:mon-light; margin-top:30px; font-size:1.1em;   }
  .templateLogo{ height:80px; width:auto; }
  .navbar-inverse{ border-radius:0px; height:110px; background-color:rgba(0,0,0,0); border:none; z-index:999; transition: all 0.5s;         }
  .navbar-inverse .navbar-nav>li>a{ color:#FFF ; padding:15px 30px; letter-spacing:0.05em;  }
  .navbar-nav li i{ font-size:2em; margin-top:-5px;   }
  
  .firstSliderImage{ background-image:url(../image/homeSlider/4.jpg); }
  .secondSliderImage{ background-image:url(../image/homeSlider/3.jpg); }
  .thridSliderImage{ background-image:url(../image/homeSlider/2.jpg); }
  .fourSliderImage{ background-image:url(../image/homeSlider/1.jpg); }
  .homeSlideritem{ height:800px; background-size:cover;   background-repeat:no-repeat; background-position:center;  }
  
  body{ overflow-x: hidden; }
  
  body::-webkit-scrollbar {
	  width: 0.5em;
  }
   
  body::-webkit-scrollbar-track {
	  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  }
   
  body::-webkit-scrollbar-thumb {
	background-color: #efefef;
	outline: 1px solid slategrey;
  }
  
  #homeSlider{ position:relative; }
  
  
  #homeSlider::after{ content:""; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.75); position:absolute;  }
  #sliderText{ position: absolute; top:30%; z-index:99; color:#FFF; width:100%;     }
  .homePageHeadingFirst{ font-family:mon-regular; font-size:4.2em; text-align:center; line-height:1.2em;       }
  .homePageHeadingSecond{  font-family:ex-mon-light; font-size:1.5em; text-align:center; line-height:1.2em;  }
  .gapHomeLines{ margin-top:2%; }
  
  
  .plusSign{ padding:10% 2% 0% 2%;  }
  
  .sliderWelcomeApp2Food{ text-align:center; font-family:mon-light ; color:#3cc3b2;  text-align:center; text-transform:uppercase; font-size:1.25em; letter-spacing:0.1em;  margin-top:10%; font-weight:bold;       }
  
  .sliderWelcomeApp2Food span{  border:2px solid #3cc3b2; padding: 1.5% 2%; }
  
  #sliderShades{ background-image:url(../image/otherImages/sliderShades.png); height:175px; position: absolute; bottom:0px; left:0px; right:0px; background-repeat:no-repeat;   z-index:9; background-position:center; background-size:cover; width:100%;     }
  
  .homeAboutContentHeading{ font-family:mon-regular; color:#838384; font-size:2.5em; margin-top:5%;  }
  .homeAboutContentData{ font-family:ex-mon-light; font-size:1.2em; margin-top:8%; text-align:justify; color:#838384;     }
  
  
  #homeAboutContentAbout{ padding-top:0%; padding-bottom:0%; }
  
  .rowBreakAboutUs{ margin-top:10%; }
  
  #aboutUsHomeSlider{ margin-top:-20%; }

#increaseSaleGraph{ background-image:url(../image/otherImages/22.png); background-size:35%;  background-color:#000; padding:5% 0%; margin-top:5%; border-top:#ff3db4 10px solid; background-position:top;        }

.increaseSaleText{ font-family:akz; text-align:center;  color:#FFF; font-size:5em; padding:5% 0%; line-height:0em; margin-top:10%; letter-spacing:0.02em;      }
.magName{ font-family:ex-mon-light; margin-top:0%; text-align:right; margin-right:15%; color:#3cc3b2;    }

#productsSliders{ padding:10% 0%; }

.animateSalesGraph img{ width:280px; height:auto; padding-left:50%; } 

#deviderSection{ background-color:#3cc3b2; height:10px;  }

.featureDivApp2Food{ margin-top:25%; padding:5%;  }
.headingFeature{ font-family:mon-regular; font-size:2.5em; text-align:center; color:#838384; margin-top:5%;     }

.FeatureA2FHeading{ font-family:mon-regular; font-size:1.2em; font-weight:bold;  text-align:center; color:#838384;  }

.FeatureA2FDes{ font-family:mon-light; font-size:1em; min-height:150px;    text-align:center; color:#838384; margin-top:15%; }

#app2foodFeature{ background-image: url(../image/otherImages/bgFeature.png); background-position:right; background-repeat:no-repeat; padding-top:6%; padding-bottom:6%;        }

#allA2FGraph{ background-image:url(../image/homeSlider/2.jpg); background-size:cover; padding-top:10%; padding-bottom:10%; position:relative; background-attachment:fixed;    }
#allA2FGraph::after{ content:""; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.75); position:absolute; }

.graphDivA2F{ position:relative; z-index:99; padding:5%; margin-top:5%;   }


.graphData{ text-align:center; color:#FFF; font-family: mon-light; margin-top:5%; margin-bottom:5%;    }


/*loading css*/
.loadingText{ text-align:center; font-family:mon-regular; font-size:2em; margin-top:5%;    }

.overLapFullPage{ position:fixed; top:0px; left:0px; right:0px; bottom:0px; content:""; background-color:rgba(0,0,0,1); z-index:999999; }
.loadingContent{ position:fixed; z-index:99999999; top:20%; right:40%; left:40%;   }
.loadingText{ color:#FFF; font-size:3em; margin-top:20%; text-align:center;    }




.loading-panel {
    animation: 2s bounce ease infinite;
    
}




.shadow {
    position: absolute;
    width: 175px;
    height: 20px;
    bottom: -10%;
    left: 50%;
    transform: translateX(-50%);
	border-radius:50%; 
    background-color: #fff;
    opacity: 0.2;
    
    transform-origin: -50% -50%;
    animation: 2s pulsate ease infinite;
    
    z-index: -1;
}

@keyframes bounce {  
    50% {
        transform: translateY(-20px);
    }
}

@keyframes pulsate {
    0% {
        opacity: 0;
    }
    50% {
        transform: scale(0.5);
        opacity: 0.2;
    }
    
    100% {
        opacity: 0;
    }
}

/*order page */

#homeAboutContentAboutOrdering{ background-color:#000; height:750px;  }

/*ordering page*/

/*loading css*/


/*annul plans*/


#homePagePlans{ background-image:url(../image/homeSlider/3.jpg); background-size:cover; border-top:15px solid #3cc3b2; border-bottom:10px solid #ff3db4; padding-bottom:15%;  }

.m2mPlans{ padding:15%; border:1px solid #ff3db4; border-bottom:15px solid #ff3db4; border-top:none;  
	
	 background: #000; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#030303, #060506, #121111, #161616, #1a1a1a, #1f1e1f, #201f1f, #222221); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#030303, #060506, #121111, #161616, #1a1a1a, #1f1e1f, #201f1f, #222221); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#030303, #060506, #121111, #161616, #1a1a1a, #1f1e1f, #201f1f, #222221); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#030303, #060506, #121111, #161616, #1a1a1a, #1f1e1f, #201f1f, #222221); /* Standard syntax */}
	
.m2mPlansTwo{ padding:0% 15% 15% 15% ;   }	

.planName{ text-align:center; font-size:2.5em; font-family:ex-mon-light ; text-transform:uppercase; padding-top:20%; color:#ff3db4;     }
.plantMonth{ text-align:center; font-size:1em; font-family:mon-light ; color:#FFF;  }
.timePlan{ font-size:2.5em; text-align:center; font-family:mon-regular; margin-top:35%; color:#3cc3b2;   }
.amountDolor{ float:left; }
.amountMonthZero{  font-size:2em; padding-top:5%;      }
.doubleZero{ font-size:1.5em; color:#FFF;  }
.clearAmountMonth{ clear:both; }
.dollorSign{ float:left; color:#FFF; font-size:3em; padding-top:8%;    }
.dollorAmount{ float:right;  color:#FFF; font-size:6em;  }
.clearDollorDiv{ clear:both; }
.amountDivMain{ font-family:mon-light; padding:0% 2%; margin-top:8%;     }
.doubleMonth{ margin-top:-12px;    }
.extraAddPink{ font-family:mon-light; text-align:center; color:#ff3db4; font-size:1.2em; }
.restruBottomLine{ text-align:center; color:#ff3db4; font-size:1.2em;  font-family:mon-light; margin-top:48%; padding:0% 8%;   }

.twoOtherPlans{  border:1px solid #3cc3b2; overflow:hidden;  border-bottom:15px solid #3cc3b2; border-top:none; position:relative;  	 background: #000; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#030303, #060506, #121111, #161616, #1a1a1a, #1f1e1f, #201f1f, #222221); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#030303, #060506, #121111, #161616, #1a1a1a, #1f1e1f, #201f1f, #222221); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#030303, #060506, #121111, #161616, #1a1a1a, #1f1e1f, #201f1f, #222221); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#030303, #060506, #121111, #161616, #1a1a1a, #1f1e1f, #201f1f, #222221); /* Standard syntax */}
	
	
.twoOtherPlans::after{ position:absolute;  background-color:#3cc3b2; content:""; left:510px; right:-510px; top:-510px; bottom:510px; 

-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg); /* Standard syntax */

 }	


.annualPlansHeading{  text-align:center; color:#3cc3b2;font-family:mon-light; margin-top:13%; margin-bottom:3%;  font-size:2.5em; text-transform:uppercase;     }


.offerDiscount{ text-align:center; color:#3cc3b2; font-family:mon-light; font-weight:bold; font-size:1.5em;   }
.offerDiscountLine{ text-align:center; color:#FFF; font-family:mon-light; font-size:0.9em;  }
.restruBottomLineTwo{ padding-top:35%; }
.offerDiscountTwo{ text-align:center; font-size:1.5em; font-family:mon-light;   }

.offerTextTwo{ color:#3cc3b2; font-weight:bold; }
.otherTextOfferTwo{ color:#FFF; }

.tagBiggestValuePlan{ position:absolute; top:60px; color:#000; font-size:1.2em; z-index:99;     font-family:mon-regular; padding:1.2%; right:-10px; 



-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg); /* Standard syntax */

  }

/*annul plan*/


/*footer*/


#pageFooter{ padding:6% 0% 2% 0%; border-bottom:40px solid #3cc3b1; margin-bottom:-50px;   }
.footerHending{ font-family: mon-regular; margin-top:8%; color:#24292d; font-size:1.1em;     }
.footerLinks{ margin-top:8%;  }
.footerLinks a{ font-family: mon-light; color:#666; }

.copyReserverFooter{ text-align:left; }
.footherSocialMedia{ text-align:right; }
.copyRightSocialMedia{ font-family:mon-regular; color:#24292d; padding-top:10%;    }
.footerLogo{ padding-top:4%; }

.footherSocialMedia i { font-size:1.2em; margin-left:1.5%;  border:1px solid #ccc; padding:2%; border-radius:50%; font-size:1.2em; height:40px; width:40px; text-align:center;      }

/*footer*/


/*products slider*/
.productsSliderUl{ bottom:-30%;  }
.productsSliderUl .active{ background-color:#ff3db4 !important ; width:18px; height:18px;  }
.productsSliderUl li{ background-color: #000; width:15px; height:15px;  }

/*products slider*/

.colorchangeNav a{ color:#3cc3b2 !important; }


/*request demo*/

#requestDemoDiv{ position:fixed; top:-10%; left:25%; right:25%;  background-color:#FFF; z-index:999999; padding:1% 3% 2% 3%;  border-radius:2px; background-image:url(../image/otherImages/bgRequest.png); background-position:bottom; display:none;        }
.closeRequestDemo{ text-align:right;  font-family:mon-regular; text-transform:uppercase; background-color:#3cc3b2; position:absolute; height:40px; width:40px;  right:-10px; top:-10px; border-radius:50%; color:#FFF; padding:5px 5px 5px 5px; text-align:center; font-size:1.5em;             }
.demoInput, .demoInputHalf{ margin-top:2.5%; }
.demoInput input[type="text"]{ width:100%; padding:2%; font-family:mon-light; border:2px solid #3cc3b2;     }
.demoInputHalf input[type="text"]{ width:100%; padding:4% 4%; font-family:mon-light; margin-top:4%; border:2px solid #3cc3b2;     }
.demoInput input[type="checkbox"]{ display:none; }
.demoInput label{ font-family:mon-light; }
.demoInput input[type="submit"]{ background-color:#3cc3b2; width:100%; border:0px; padding:2%; font-family:mon-regular; color:#FFF;   }
.footerContactRequestDemo{ text-align:center; font-family:mon-regular; margin-top:3%; line-height:1.5em;   }
.footerRequestChangeColor{ color:#3cc3b2; }
.requestBlackWindow{ position:fixed; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.8); z-index:9999; display:none;   }


/*request demo*/


/*nav*/

#pageAllNav{ position:fixed; right:-100%; top:0px;   background-color:rgba(255,255,255,1); width:23%; height:100%;  z-index:9999; padding-top:2.5%; overflow:scroll;     }


#pageAllNav{ overflow-x: hidden; }
  
  #pageAllNav::-webkit-scrollbar {
	  width: 0.6em;
  }
   
  #pageAllNav::-webkit-scrollbar-track {
	  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  }
   
  #pageAllNav::-webkit-scrollbar-thumb {
	background-color: #000;
	outline: 1px solid slategrey;
  }
  
  
.itemsNavBar{ font-family:mon-regular; padding:1.8% 0% 1.8% 12%; font-size:1.1em; letter-spacing:0.1em;  text-transform:uppercase; color:#24292d;    }
.marginItems{ padding:6% 0% 6% 10%;}
.pageNav{ padding-top:3%; padding-left:1%;  }
.hideNavBarIcon{ font-size:1.6em; position:absolute; right:5%;   color:rgba(0,0,0,0.2);  border:#3CC3B2 1px solid; width:45px; height:45px; border-radius:50%; text-align:center; padding:1.8% 1%; cursor:pointer;       }
.socialMediaIconNav i{ border:1px solid #ccc; width:45px; height:45px; border-radius:50%; padding:5% 0% 0% 0%; font-size:1.2em; margin-right:5%;   text-align:center;  }
.navBarOverFlow{ position:fixed; top:0px; right:0px; left:0px; bottom:0px; content:""; background-color:rgba(0,0,0,0); z-index:99; height:100%;  width:100%; display:none;        }


.loginApp2Food{ padding:5%; font-weight:bold;  text-align:center; background-color: #24292d; color:#FFF; margin:12%; letter-spacing:0.1em; border-radius:5px; box-shadow: 0px 5px 0px #efefef;     }



/*nav*/


/*footer graph*/

.footerGraphOne{ position:relative;  }
	.footerAnimateText{ font-size:4em; font-family:akz ; color:#FFF;   width: 160px; 
					  height: 160px; background-color:#000;   border-radius:50%; text-align:center; padding-top:40px; position:absolute; top:20px; left:20px; background-size:200%;     }
					
			
					

/*footer graph*/



/*sales animate 20%*/

.circleGray{ position:relative;  }
	.animateText{ font-size:4em; font-family:akz ; color:#FFF;   width: 160px; 
					  height: 160px; background-color:#000;   border-radius:50%; text-align:center; padding-top:40px; position:absolute; top:20px; left:20px; background-size:200%; background-image:url(../image/otherImages/bgRequest.png);      }
					
					
					
					
					
					
					@keyframes fillup {
					  from { stroke-dasharray: 0 100; }
					}
					
					svg {
					  width: 200px; 
					  height: 200px;
					  transform: rotate(-90deg);
					  background: #414042;
					  border-radius: 50%;
					}
					
					circle {
					  fill: #414042;
					  stroke: #3cc3b2;
					  stroke-width: 10;
					  stroke-dasharray: 0 100; /* for 75% */
					  animation: fillup 1s ease-out forwards;
					}
					
					.circleTwo{
						 fill: #414042;
					  stroke: #ff3db4;
					  stroke-width: 10;
					  stroke-dasharray: 0 100; /* for 75% */
					  animation: fillup 1s ease-out forwards;
						}
				
					
				


/*sales animate 20%*/


/*animate mobile*/

	#homeAboutContentAboutOrdering{  background-position:0px 400px; background-repeat:repeat-x;
						  animation: animatedBackground 10s linear infinite;
    -moz-animation: animatedBackground 10s linear infinite;
    -webkit-animation: animatedBackground 10s linear infinite;
    -ms-animation: animatedBackground 10s linear infinite;
    -o-animation: animatedBackground 10s linear infinite;   }
						
						
					@keyframes animatedBackground {
							0% { background-position: 0 0; }
							100% { background-position: -200px 0; }
						}
						@-moz-keyframes animatedBackground {
							0% { background-position: 0 0; }
							100% { background-position: -200px 0; }
						}
						@-webkit-keyframes animatedBackground {
							0% { background-position: 0 0; }
							100% { background-position: -200px 0; }
						}
						@-ms-keyframes animatedBackground {
							0% { background-position: 0 0; }
							100% { background-position: -200px 0; }
						}
						@-o-keyframes animatedBackground {
							0% { background-position: 0 0; }
							100% { background-position: -200px 0; }
						}

						
						
						
						
						
                    	#phoneAnimateDiv{ position:relative; right:-100px;    }	
						#phoneBgImage{ position: relative;  }
						#animateImages{ position:absolute;   z-index:9; top:75px;  left:23px; right:0px; bottom:0px; height:500px;  width:255px; overflow: hidden;        }
						.buttonShowMe{ font-family:mon-regular; padding:2%; background-color:#3cc3b2; border-radius:5px; text-align:center; margin-top:5%;  width:100px; text-transform:uppercase;    }
				
						
						.mouseOverDiv{ cursor: pointer; }
						.imageApp{ position: absolute; top:0px; width:300px !important; overflow:hidden !important ;   }
						.clickButtonTwo{ position:absolute; cursor:pointer;  }
						.clickButton{ position:absolute; 
						 -webkit-animation: bouncebutton .3s infinite alternate;
						  -moz-animation: bouncebutton .3s infinite alternate;
						  animation: bouncebutton .5s infinite alternate; }
						  
						  @-webkit-keyframes bouncebutton {
						  to { -webkit-transform: scale(0.5); }
						}
						@-moz-keyframes bouncebutton {
						  to { -moz-transform: scale(0.5); }
						}
						@keyframes bouncebutton {
						  to { transform: scale(1.5); }
						}
						@keyframes bouncebutton {
						  to { transform: scale(1.5); }
						}
						
						
						
						.firstImage{ z-index:20; }
						.secondImage{ z-index:19; }
						.ThreeImage{ z-index:18; }
						.FourImage{ z-index:17; }
						.FiveImage{ z-index:16; }
						.SixImage{ z-index:15; }
						.SevenImage{ z-index:14; }
						.EightImage{ z-index:13; }
						.NineImage{ z-index:12; }
						.TenImage{ z-index:11; }
						.ElevenImage{ z-index:10; }
						
						#showAgain{ display:none; }
						
						.moveMouse{ background-color:#3cc3b2; display:none;  padding:10px 15px; color:#FFF; border-radius:20px; position:absolute; z-index:999999; top:0px; left:0px; font-family:mon-regular; text-transform:uppercase; font-size:1.2em; width:90px; text-align:center;        }

/*animate mobile*/

  @media screen and (max-width:768px){
	  
	.graphDivA2F{ position:relative; z-index:99; padding:5%; margin-top:5%; width:70%; margin:auto;    }
  
	  
	  .amountMonthZero{  font-size:1.5em; padding-top:7%;      }

	  
	  #pageAllNav{ position:fixed; top:0px; right:-100%; bottom:0px; background-color:rgba(255,255,255,1); width:80%; z-index:999999; padding-top:8%;    }
	  
	  .hiddenSmall{ display:none; }
	  
	.footherSocialMedia i { font-size:1.2em; margin-left:1.5%;  border:1px solid #ccc; padding:3% 2%; border-radius:50%; font-size:1.2em; height:40px; width:40px; text-align:center;      }

  
	.footherSocialMedia{ text-align:center; margin-top:4%;  }
  
	.footerLogo{ text-align:center; margin-top:4%; margin-bottom:4%;  }
  
	  #requestDemoDiv{ position:fixed; top:-10%; left:5%; right:5%;  background-color:#FFF; z-index:999999; padding:1% 3% 2% 3%;  border-radius:2px; background-image:url(../image/otherImages/bgRequest.png); background-position:bottom; display:none;        }


.closeRequestDemo{ text-align:right;  font-family:mon-regular; text-transform:uppercase; background-color:#3cc3b2; position:absolute; height:40px; width:40px;  right:-10px; top:-20px; border-radius:50%; color:#FFF; padding:5px 5px 5px 5px; text-align:center; font-size:1.5em;             }


.loadingContent{ position:fixed; z-index:99999999; top:20%; right:10%; left:10%;    }

.loadingText{ color:#FFF; font-size:2em; margin-top:20%; text-align:center;    }

		
		.plusSign{ display:none;  }
			  
	  .navbar-nav{ text-align:center; background-color:rgba(0,0,0,0.9); }

.animateSalesGraph img{ width:200px; height:auto; padding-left:0%; } 


  #sliderText{ position: absolute; top:25%; z-index:99; color:#FFF; width:100%;     }
  
  .homePageHeadingFirst{ font-family:mon-regular; font-size:2.5em; text-align:center; line-height:1.5em;       }
  .homePageHeadingSecond{  font-family:ex-mon-light; font-size:1.2em; text-align:center; line-height:1.5em;  }
  .gapHomeLines{ margin-top:5%; }
  
  #sliderShades{ display:none;   }
  
  .sliderWelcomeApp2Food{ text-align:center; font-family:mon-light ; color:#3cc3b2;  text-align:center; text-transform:uppercase; font-size:1.25em; letter-spacing:0.1em;  margin-top:15%; font-weight:bold;       }
  
    .sliderWelcomeApp2Food span{ padding:3%; }
	  
  .navbar-inverse .navbar-nav>li>a{ color:#FFF; padding:15px 20px; letter-spacing:0.05em;  }
	   #aboutUsHomeSlider{ margin-top:0%; } 

.increaseSaleText{ font-family:akz; text-align:center;  color:#FFF; font-size:5em; padding:5% 0%; line-height:1em; margin-top:6%; letter-spacing:0.02em; margin-left:5%;      }
.dollorAmount{ float:right;  color:#FFF; font-size:5em;  }	
.plansMargin{ margin-top:5%; }   

  .homeAboutContentHeading{ font-family:mon-regular; color:#838384; font-size:1.5em; margin-top:5%;  }
	  .homeAboutContentData{ font-family:ex-mon-light; font-size:1em; margin-top:8%; text-align:justify; color:#838384;     }
   .productsSliderUl{ bottom:-10%;  }
   
   .featureDivApp2Food{ margin-top:5%; padding:2%;  }
   .twoOtherPlans::after{ display:none; }
   .otherPlansSection{ border-bottom:10px solid #3cc3b2;  }
.copyReserverFooter{ text-align:center; margin-bottom: }

   .circleGray{ width:60%; margin:auto; }
	  }
  

 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) { 
 
 #pageAllNav{ position:fixed; top:0px; right:-100%; bottom:0px; background-color:rgba(255,255,255,1); width:70%; z-index:999999;   }
   .navbar-nav{ text-align:center; background-color:rgba(0,0,0,0); }
   #sliderShades{ background-image:url(../image/otherImages/sliderShades.png); height:180px; position: absolute; bottom:-1px; left:0px; right:0px; background-repeat:no-repeat;   z-index:9; background-position:center; background-size:cover; width:100%;     }
 .FeatureA2FDes{ font-family:mon-light; font-size:1em; min-height:200px;    text-align:center; color:#838384; margin-top:5%; }
 
 .productSlidersImage{ padding-top:10%; }
    .productsSliderUl{ bottom:-20%;  }
	   .twoOtherPlans::after{ display:none; }
	.imageFeatureA2F img{ height:150px; width:auto; margin-bottom:5%;  }
.amountDivMain{ font-family:mon-light; padding:0% 8%; margin-top:8%;     }
 }