@media only screen and (max-width: 1170px) {
    .wrap{
        width:90%;
    }
    .sliderCointent h1{
        font-size:38px;
    }
    .sliderCointent h3{
        font-size:14px;
    }
    .featuresItem h3{
         font-size:20px;
    }
    .featuresItem p{
        font-size:13px;
    }
    .ClientImg{
        width:20%;
    }
    .ClientTestimonialsdesc{
        width:80%;
    }
}
@media only screen and (max-width: 1024px) {
    .AppPromo-left{
        width:50%;
    }
    .AppPromo-right{
        width:50%;
        margin-bottom:-87px;
    }
    .AppPromo-right li{
        width:49.5%;
    }
     .AppPromo-right li.ios-phn{
         bottom:-52px;
    }
     .AppPromo li.android-phn{
         bottom:10px;
     }
     .ProductContent p{
        font-size:14px;
        width:100%;
    }
}
@media only screen and (max-width: 800px) {
    .sliderCointent h1{
        font-size:32px;
        padding-bottom:5px;
    }
    .sliderbtn{
        margin-top:10px;
    }
    .sliderbtn a{
        font-size:15px;
        padding:10px 20px;
    }
    .indexpage h2{
        font-size:32px;
    }
    .ClientTestimonialsdesc span{
        font-size:35px;
    }
    .ClientTestimonialsdesc .TestimonialHeader b{
        font-size:45px;
    }
    .ClientTestimonialsdesc .Clientcount{
        font-size:80px;
    }
    .ClientTestimonialsdesc p{
        font-size:15px;
    }
    .AppPromo-left,.AppPromo-right{
        width:100%;
    }
    .app-download{
        position:inherit;
        margin-top:10px;
    }
    .AppPromo-right li.ios-phn{
        bottom:-2px;
    }
    .AppPromo li.android-phn{
        bottom:-22px;
    }
    .ClientImg img{
      margin-top:-75px;
    }
}
@media only screen and (max-width: 780px) {
header {
	height: 60px;
	z-index: 2;
	background-color: #FFF;
	
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	
		/* starting point */
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
header h1 {
	color: #ffffff;
	text-align: center;
	padding-left: 0;
	display: block;
}
.burger {display: block;}


/*  Nav Drawer Layout  */
nav {position: relative;}

nav ul {
	height: 100%;
	overflow-y: auto;
}
nav li {
	display: block;
	float: none;
}
nav li a.logo {
	display: none;
}
nav li a.active {
	color: #fff;
	background-color: #141e23;
}
nav li a:hover {
	color: #fff;
	background-color: #19252c;
}
.header-section {margin-top: 60px;}
nav li a.signin-btn{
    margin:0 20px;
    margin-top:10px;
}

/* NAVIGATION ANNIMATION */
nav {
	width:240px;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	margin: 0;
	background-color: #FFF;
	
	/* starting point */
	opacity: .3;
	-webkit-transform: translate3d(5%,0,0)scale(.97);
	-moz-transform: translate3d(5%,0,0)scale(.97);
	transform: translate3d(5%,0,0)scale(.97);
}

/*Nav Expanding Open Effect*/
nav.open {
	opacity: 1;

	-webkit-transform: translate3d(0,0,0)scale(1);
	-webkit-animation: slideIn .35s ease-in-out;
	
	-moz-transform: translate3d(0,0,0)scale(1);
	-moz-animation: slideIn .35s ease-in-out;
	
	transform: translate3d(0,0,0)scale(1);
	animation: slideIn .35s ease-in-out;
}
@-webkit-keyframes slideIn {
	0%       {opacity: .3;
				-webkit-transform: translate3d(5%,0,0)scale(.97);}
	100%  {opacity: 1;
				-webkit-transform: translate3d(0,0,0)scale(1);}
}
@-moz-keyframes slideIn {
	0%      {opacity: .3;
				-moz-transform: translate3d(5%,0,0)scale(.97);}
	100%  {opacity: 1;
				-moz-transform: translate3d(0,0,0)scale(1);}
}
@keyframes slideIn {
	0%      {opacity: .3;
				transform: translate3d(5%,0,0)scale(.97);}
	100%  {opacity: 1;
				transform: translate3d(0,0,0)scale(1);}
}

/*Nav Shrinking Closed Effect*/
nav.nav-close {
	opacity: .3;
	
	-webkit-transform: translate3d(5%,0,0)scale(.97);
	-webkit-animation: slideOut .3s ease-in-out;
	
	-moz-transform: translate3d(5%,0,0)scale(.97);
	-moz-animation: slideOut .3s ease-in-out;
	
	transform: translate3d(5%,0,0)scale(.97);
	animation: slideOut .3s ease-in-out;
}
@-webkit-keyframes slideOut {
	0%      {opacity: 1;
				-webkit-transform: translate3d(0,0,0)scale(1);}
	100%  {opacity: .3;
				-webkit-transform: translate3d(5%,0,0)scale(.97);}
}
@-moz-keyframes slideOut {
	0%      {opacity: 1;
				-moz-transform: translate3d(0,0,0)scale(1);}
	100%  {opacity: .3;
				-moz-transform: translate3d(5%,0,0)scale(.97);}
}
@keyframes slideOut {
	0%      {opacity: 1;
				transform: translate3d(0,0,0)scale(1);}
	100%  {opacity: .3;
				transform: translate3d(5%,0,0)scale(.97);}
}

/* CONTENT ANNIMATION */
.content {
	/* starting point */
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 1;
    margin-top:60px;
}

/*Content Sliding Open Effect*/
header.open,
.content.open 
{   
	-webkit-transform: translate3d(240px,0,0);
	-webkit-animation: open .5s ease-in-out;
	
	-moz-transform: translate3d(240px,0,0);
	-moz-animation: open .5s ease-in-out;
	
	transform: translate3d(240px,0,0);
	animation: open .5s ease-in-out;
}
@-webkit-keyframes open {
	0%      {-webkit-transform: translate3d(0,0,0);}
	70%    {-webkit-transform: translate3d(260px,0,0);}
	100%  {-webkit-transform: translate3d(240px,0,0);}
}
@-moz-keyframes open {
	0%      {-moz-transform: translate3d(0,0,0);}
	70%    {-moz-transform: translate3d(260px,0,0);}
	100%  {-moz-transform: translate3d(240px,0,0);}
}
@keyframes open {
	0%      {transform: translate3d(0,0,0);}
	70%    {transform: translate3d(260px,0,0);}
	100%  {transform: translate3d(240px,0,0);}
}

/*Content Sliding Closed Effect*/
header.nav-close,
.content.nav-close 
{
	-webkit-transform: translate3d(0,0,0);
	-webkit-animation: close .3s ease-in-out;
	
	-moz-transform: translate3d(0,0,0);
	-moz-animation: close .3s ease-in-out;
	
	transform: translate3d(0,0,0);
	animation: close .3s ease-in-out;
}
@-webkit-keyframes close {
	0%      {-webkit-transform: translate3d(240px,0,0);}
	100%  {-webkit-transform: translate3d(0,0,0);}
}
@-moz-keyframes close {
	0%       {-moz-transform: translate3d(240px,0,0);}
	100%  {-moz-transform: translate3d(0,0,0);}
}
@keyframes close {
	0%       {transform: translate3d(240px,0,0);}
	100%  {transform: translate3d(0,0,0);}
}
header h1 a{
    width:120px;
    margin-top:-3px;
}

}
@media only screen and (max-width: 767px) {
   .Order_Details_list_header{
       display:none;
   }
   .copy-right-desc{
       text-align:center;
       padding-bottom:10px;
   }
   .copy-right-nav{
       text-align:center;
   }
}
@media only screen and (max-width: 640px) {
    .ClientTestimonialsdesc p{
        font-size:13px;
        padding-top:40px;
    }
    .ClientTestimonialsdesc .TestimonialHeader b{
        font-size:38px;
    }
    .ClientTestimonialsdesc span{
        font-size:30px;
    }
    .ClientTestimonialsdesc .Clientcount{
        font-size:70px;
    }
    .ClientTestimonialsdesc .TestimonialHeader{
        line-height:30px;
    }
    .indexpage h2{
        font-size:26px;
    }
    .ProductContent p{
        font-size:12px;
    }
    .ProductContent a{
        min-width:250px;
        font-size:18px;
        padding:10px 25px;
        margin-top:10px;
    }
    .sliderCointent h1{
        font-size:26px;
    }
    .sliderCointent h3{
        font-size:11px;
    }
    .sliderCointent{
        padding-top:0;
    }
    .carousel-control{
        bottom:22%;
    }
    .carousel-control img{
        width:20%;
    }
    nav li a{
        padding:5px 15px;
    }
}
@media only screen and (max-width: 600px) {
    .sliderImg{
       width: 60%;
       margin: 0px auto;
       float: none;
    }
    .HeaderSlider .col-xs-7{
        width:100%;
        text-align:center;
    }
    .carousel-control{
        bottom:50%;
    }
    .ClientTestimonialsdesc .TestimonialHeader{
        line-height:22px;
    }
    .ClientTestimonialsdesc span{
        font-size:22px;
    }
    .ClientTestimonialsdesc .TestimonialHeader b{
        font-size:28px;
    }
    .ClientTestimonialsdesc .Clientcount{
        font-size:50px;
    }
    .ClientTestimonialsdesc .Clientcount em{
        font-size:35px;
    }
    .ClientTestimonialsdesc p {
      font-size: 11px;
      padding-top: 28px;
      line-height: 1.6em;
  }
    .ClientImg img{
        margin-top:-50px;
    }
    .ProductDesc h2{
        font-size:18px;
        padding-bottom:0;
    }
    .AppPromo-right{
        margin-bottom:-82px;
    }
}