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

@media only screen and (max-width: 1168px){
	.nav-bar li { font-size: 13px; }
	.nav-bar li a { padding: 12px 8px; }
	#contentcntr .percent span{ margin-left:0;}
	#contentcntr blockquote p{ margin-left:0;}
	
}

@media only screen and (max-width: 1023px) {
 a.prev_arrow{ left:10px;}
 a.next_arrow{ right:10px;}
	.nav-bar li {font-size: 12px;  letter-spacing: 0.1px;  }
	.nav-bar li a { padding: 12px 5px; }
	.innerbanner { min-height: 260px; margin-top: 102px; }
	.innerbanner h1 { font-size: 100px; line-height: 104px; }
	.clientBar { min-height: 63px; padding: 15px 20px 0; }
	#home-banner { margin-top: 102px; }
	#home-banner video { height: 150%; top: -90px; }
	#home-banner .text { bottom: 100px; }
	#home-banner .text h1 { font-size: 100px; line-height: 74px; }

}

@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; }

	#siteloader { background-size: 60px auto; } 
	
	.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; }


#home-banner { min-height: 450px;  margin-top: 75px; }
#home-banner video { height: 120%; top: 0; }
#home-banner .text h1 { font-size: 60px; line-height: 48px; }
.bodycontent { padding: 30px 0 10px; }
.bodycontent p {  font-size: 20px; line-height: 30px; padding-bottom: 22px; }


.innerbanner { margin-top: 75px; min-height: 180px; }
.innerbanner h1 { font-size: 60px; line-height: 64px; }

#contentcntr { padding: 30px 0 10px; }
#contentcntr .content h3 { line-height: 30px; }
#contentcntr .content p { font-size: 20px; line-height: 30px; padding-bottom: 22px; }

#contentcntr .percent { padding: 15px 20px 30px; }
#contentcntr .percent span { font-size: 120px; line-height: 100px; margin-bottom: 10px; padding-right: 15px; }
#contentcntr .percent p { font-size: 25px; line-height: 35px; }

#contentcntr blockquote {  margin: 0 auto; padding: 20px 20px 40px; }
#contentcntr blockquote p { font-size: 25px; line-height: 35px; }
#contentcntr blockquote span { font-size: 22px; line-height: 28px; }

}


@media only screen and (max-width: 666px) {
	
#footer ul { padding: 0; max-width:320px; margin:0 auto;}
#footer ul li:nth-of-type(3) { background:none; }
}


@media only screen and (max-width: 479px) {

#home-banner { min-height: 300px; }
#home-banner .text { bottom: 60px; }
#home-banner .text h1 { font-size: 40px; line-height: 34px; }

.innerbanner { min-height: 140px;}
.innerbanner h1 { font-size: 40px; line-height: 44px; }
.clientBar { min-height: 58px; padding: 10px 20px 0; }

#contentcntr .percent span { font-size: 95px; line-height: 85px; }

a.menuToggle { margin: 0 0 0 -20px;}

}

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