@media all and (max-width: 1170px)
{
	.container
	{
		width: 100%;
	}

    img
    {
    	max-width: 100%;
    }

    .navbar [class^="col"]
    {
    	float: none;
    	width: 100%;
    	text-align: center;
    }

    .navbar .nav
    {
    	float: none;
    	width: 100%;
    	margin-top: 20px;
    }

    .logo
	{
	    width: 171px;
	    height: 55px;
	}

	.nav li
	{
	    line-height: 55px;
	}

	.nav li a
	{
	    text-transform: uppercase;
	    color: #fff;
	    font-weight: bold;
	}

    .hero img
    {
    	position: static;
    	margin-bottom: -2%;
    }

    .pricing-page th.edition-lite, .pricing-page th.edition-standard
    {
    	padding: 0 40px;
    }
}

@media all and (max-width: 860px)
{
	.home h1
	{
	    margin-top: 40px;
	}

	.home h2
	{
		padding-top: 50px;
		padding-bottom: 0;
	}

	.features [class^="col"]
    {
    	float: none;
    	width: 100%;
    	text-align: center;
    }

    .features ul
    {
    	margin-top: 40px;
    }

	.pricing ul,
	.home .pricing .edition-standard,
	.pricing-page .pricing ul.edition-standard
	{
	    width: 100%;
	    margin-left: 0;
		margin-top: 40px;
	}

	.pricing-page .pricing
	{
		padding: 0 20px;
	}

	.feature-row p,
	.content .container > p
	{
		padding: 0 20px;
	}

	.contact-form
	{
		width: 100%;
	}

	.contact .content .container > img
	{
		margin: 40px auto;
	}

	.pricing-page .mobile
	{
		display: block;
	}

	.pricing-page .mobile i
	{
		margin-left: 10px;
	}

	.pricing-page .mobile strong
	{
		display: block;
		margin-top: 30px;
	}

	.pricing-page .mobile p
	{
		margin: 0;
		padding: 0;
		line-height: 2em;
	}
}

@media all and (max-width: 560px)
{
	[class^="col"]
    {
    	float: none;
    	width: 100%;
    	text-align: center;
    }

	.navbar
	{
		position: relative;
	}

	.navbar .container
	{
		padding-top: 40px;
	}

	.nav
	{
		display: none;
		border: 1px solid rgba(255, 255, 255, 0.3);
		border-radius: 3px;
	}

	.nav.active
	{
		display: block;
	}

	.toggle-nav
	{
		display: block;
		position: absolute;
		right: 15px;
		top: 40px;
		border: none;
		border-radius: 3px;
		background: none;
		border: 1px solid rgba(255, 255, 255, 0.3);
  		padding: 10px 15px;
		color: #FFF;
		font-size: 24px;
	}

	.toggle-nav.active
	{
		background: #37B1EC;
	}

	.nav li, .nav li a
	{
		display: block;
		padding: 0;
	}

	.content
	{
		padding-bottom: 50px;
	}

	.hero h1
	{
		font-size: 64px;
	}

	.hero .btn,
	.content .btn
	{
		margin-bottom: 20px;
	}

	.feature-row, .page-title
	{
		border-left: none;
		border-right: none;
		border-radius: 0;
		padding-top: 30px;
	}

	.feature-row
	{
		margin-bottom: 70px;
	}

	.feature-row .double-img .col4
	{
		padding: 0;
	}

	.page-title
	{
		border: none;
		margin-top: 40px;
		margin-bottom: 0;
	}

	.page-title blockquote i
	{
		display: block;
		text-align: left;
		margin: 5px;
	}

	.page-title blockquote i:last-child
	{
		text-align: right;
	}

	.pricing-page .pricing
	{
		padding: 0;
	}

	.pricing-page .feature-row p
	{
		margin-bottom: 0;
	}

	.pricing-page #versions
	{
		border-bottom: none;
		margin-bottom: 30px;
	}

	.pricing-page .pricing li.button
	{
		padding: 25px;
	}

	.contact-form textarea
	{
		height: 120px;
	}
}