@media only screen and (max-width: 1280px) 
{
	.header { width: 1000px;}
	.hero-wrap .hero-image { width: 1300px; }
	.hero-wrap .hero-image img { width: 100%; }
	.cta-wrap.fixed .cta-image img { width: 1500px; }
	.content { width: 1000px;}
	.footer { width: 1000px;}
	.footer-bottom { width: 1000px; }
	
	
}
@media only screen and (max-width: 1140px) 
{
}
@media only screen and (max-width: 1040px) 
{
	.header { width: 940px;}
	.full-section { width: 940px; }
	.content { width: 940px;}
	.breadcrumb { width: 940px;}
	.footer { width: 940px;}
	.footer-bottom { width: 940px; }
	
	/*service*/
	.serv-container{width:156px;}
	
}

/*Bootstrap col-md break point */
@media only screen and (max-width: 991px) 
{
	.header { width: 730px;}
	.full-section { width: 730px; }
	.content { width: 730px;}
	.breadcrumb { width: 730px;}
	.footer { width: 730px;}
	.footer-bottom { width: 730px; }
	.cta { width: 730px; }
	
	/* index */
	.img-container { padding: 0; }
	.block-ipad .img-container { width: 120%; position: absolute; top: 0; left: -70px;}
	.block-iphone .img-container { width: 140%; position: absolute; top: 0; left: -70px;}
	
	/* about */
	.about-img { margin: 40px 0; }
	
	/*service*/
	.serv-container{width:121px;}
	
	/* application list */
	.btn-absolute { right: 280px; }
	
	/* application edit/review */
	p.table-title {margin-bottom: 10px; margin-top: 20px;}
	
}

/*Bootstrap col-sm break point */
@media only screen and (max-width: 767px) 
{
	.header-wrap { background-color: #fff; margin-top: 0; text-align: center;}
	.header .logo { float: none; }
	.header-menu { display: inline-block; float: left; padding: 10px; position: absolute; left: 5px;}
	.header-menu-close { float: left; padding: 10px; position: absolute; left: 5px;}
	.header-menu  img { width: 20px; }
	.header-menu-close  img { height: 17px; }
	.header ul { display: none; text-align: left; margin-top: 20px; margin-bottom: 0;}
	.header ul li { display: block; border-bottom: 1px solid#eee;}
	.header ul li a { color: #333; margin: 0; }
	.header ul li.last { float: none !important; display: block; border-bottom: none; }
	.header ul li.last a img { display: none; }
	.header { width: 610px; padding: 10px 0;}
	
	.hero-wrap .hero-image { left: -100px; top: 60px;}
	.hero { width: 600px; }
	.hero-wrap.small { height: 300px; }
	.hero-wrap.small .hero { top: 45px; }
	
	.full-section { width: 610px; padding: 40px 0;}
	.content { width: 610px; padding: 50px 0;}
	.breadcrumb { width: 610px;}
	.cta { width: 610px; }
	.footer { width: 610px;}
	.footer-bottom { width: 610px; }
	.footer .social-links { margin-top: 40px; }
	.footer-block {margin-bottom:20px;}
	
	/* index */
	.welcome2 { margin-top: 20px; margin-bottom: 20px;text-align: center;}
	.welcome2 img {margin-bottom: 30px;}
	.home-serv-block{text-align: center;}
	.home-serv-item img { width:100px;margin-bottom:20px;}
	.home-blog {text-align: center;}
	.home-blog img {margin-bottom: 20px;}
	.home-blog .btn-green {margin-bottom: 50px; }
	.home-blog .btn-green.last {margin-bottom: 20px; }
	.home-testimonial {padding-bottom:80px;}
	.cta-green {text-align: center;}
	.cta-green h2 {width: 100%;}
	.cta-green .btn-outline-white {float:none !important;margin-top:20px; }
	
	/*service*/
	.serv-container{width:203px;}
	
	/* news*/
	.blog-post-container.last {margin-bottom: 40px;}
	.sidebar-container {margin: 40px 0 0 0 }
	.blog-post-container { margin-bottom: 40px; }
	.share-container  {text-align: center; widht: 100%; float: left;}
	.share-container span {width: 100%;}
	.share-container .social-links {width: 100%; margin-top: 10px;}
	
	/* contact */
	.contact-section {text-align: center; margin-bottom: 30px;}
	.department-block {margin-bottom:30px; text-align: center;}
	.department-block.last {margin-bottom: 10px;}
	
	
}
@media only screen and (max-width: 640px) 
{
	.header { width: 450px;}
	.hero { width: 450px; top: 70px;}
	.hero-wrap { height: 460px; }
	
	.full-section { width: 450px; }
	.content { width: 450px;}
	.breadcrumb { width: 450px;}
	.cta { width: 450px; top: 10px; }
	.footer { width: 450px;}
	.footer-bottom { width: 450px; }
	.footer-bottom p {width: 100%; float:none !important; text-align:center;}
	.footer-bottom .social-links {width: 100%; float:none !important; text-align:center;}
	
	/* index */
	.block-ipad .img-container img { width: 75%; }
	.block-iphone .img-container img { width: 75%; }
	.serv-container {width:16.5%;}
	
	/* services */
	.full-section-wrap.green .serv-list-block {width: 100%; padding: 20px}
	
	/*locations */
	.accordion-style ul li {width: 100%;}
	
	/* application list */
	h3.title-absolute {position: relative; margin-bottom: 30px;}
	.btn-absolute { right: inherit; float: left;}
	
	
}
@media only screen and (max-width: 480px) 
{
	h1 { font-size: 30px !important; }
	.header { width: 310px;}
	
	.hero-wrap .hero-image { left: -200px; }
	.hero { width: 310px; top: 75px;}
	.hero-wrap.small .hero { top: 35px; }
	
	.full-section { width: 310px; }
	.content { width: 310px;padding: 30px 0 50px;}
	.breadcrumb { width: 310px;}
	.cta-wrap { height: 290px; }
	.cta { width: 310px; top: 20px;}
	.footer { width: 310px;}
	.footer-bottom { width: 310px; }
	
	/* index */
	
	/* services */
	.full-section-wrap.green .serv-list-block { padding-bottom: 10px;}
	.serv-list-block h5 { font-size: 12px; line-height:16px }
	.serv-container {width:16.5%;padding:0;}
	
	/* clients */
	.quote-container p { padding: 0 40px; font-size: 20px; }
	
	/* application list */
	h3.title-absolute {margin-bottom: 70px;}
	h3.title-absolute.users {margin-bottom: 30px;}
	.btn-absolute { width: 310px; top: 50px; text-align:center;}
	
	/* application review/edit */
	.col-480 {display: none !important;}
	.file-style .input-container {display: none;}
	.file-style label { padding: 14px 30px; }
	
	
}
@media only screen and (max-width: 376px) 
{
	.full-section-wrap.green .serv-list-block {padding: 20px 10px;}
	.serv-list-block .link-white {font-family: 'sourcesanspro-regular';}
}
@media only screen and (max-width: 320px) 
{
	.header { width: 280px;}
	.full-section { width: 280px; }
	.content { width: 260px;}
	.breadcrumb { width: 260px;}
	.cta { width: 280px; top: 10px;}
	.footer { width: 280px;}
	.footer-bottom { width: 280px; }
	
	/* index */
	.hero { width: 280px;}
	
	/* services */
	.serv-container{ width: 32.5%;height: 90px;}
	
	/* application list */
	.btn-absolute { width: 260px;}
	
	/* application review/edit */
	.file-style label { padding: 14px 25px; }
	
}