/*
* Belgrade (HTML)
* Copyright 2014, Limitless LLC
* www.limitless.company
*/


/* Table of Content
==================================================
	#Resolution Media
	#Media Queries*/

/* #Resolution Media
================================================== */

	@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

		section.home .image {
			background-image: url(../img/backgrounds/home@2x.jpg);
		}	

		section.features .feature {
			background-image: url(../img/backgrounds/features@2x.jpg);
		}

		section.plans {
			background-image: url(../img/backgrounds/plans@2x.jpg);
		}

		section.gallery {
			background-image: url(../img/backgrounds/gallery@2x.jpg);
		}

	}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

		/* #Home
		================================================== */

		.home .title {
			font-size: 60px;
			line-height: 84px;
			margin-bottom: 20px;
		}

		.home .subtitle {
			font-size: 15px;
			font-weight: 400;
			letter-spacing: 0.1em;
			margin-bottom: 30px;
		}

		.flex-direction-nav .flex-prev {
			left: 5px !important;
		}

		.flex-direction-nav .flex-next {
			right: 5px !important;
		}


		section.reviews .flex-direction-nav .flex-prev {
			left: -35px !important;
		}

		section.reviews .flex-direction-nav .flex-next {
			right: -35px !important;
		}

		/* #About
		================================================== */


	

		/* #Blog
		================================================== */

		.blog .col-1 .post {
			padding-right: 0px;
		}

		.blog .col-2 .post {
			padding-left: 0px;
		}

		.blog .post, .blog .post:last-child {
			margin-bottom: 20px;
		}

		.blog .post .thumbnail, .blog .post .thumbnail img {

		}	

		.blog .post .info {
			padding: 15px 20px;
		}

		/* #Article
		================================================== */

		section.article .social .facebook {
			margin-right: 20px;
		}

		section.article .links .all {
			margin-left: 10px;
		}

		section.article .social {
			margin-right: 10px;
		}	

		section.article .info .thumbnail {
			margin-bottom: 30px;
			margin-top: 20px;
		}

		section.article .content {
			margin-bottom: 40px;
		}

		section.article .content p {
			padding: 0px 20px;
		}

		/* #Contact
		================================================== */

		.contact .image, .contact .image img {

		}

		.contact .content {
			padding-left: 20px;
			padding-right: 20px;
		}

		.contact .info {
			margin-bottom: 20px;
		}

		.contact .info .title {
			margin-bottom: 10px;
		}

		.contact .form .title {
			margin-bottom: 10px;
		}

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {


		/* #Home
		================================================== */
		section.home .watch {
			padding-left: 0px;
			padding-top: 43px;
		}


		/* #Plans
		================================================== */

		section.plans .plan {
			margin-left: 10px;
			margin-right: 10px;
			width: 235px !important;
		}

		/* #Features
		================================================== */

		section.features .offset {
			padding-top: 30px !important;
		}

		section.features .feature {
			padding-top: 75px;
		}

		section.features .feature .image {
			display: none;
		}

		section.features .feature .info {
			float: none;
			margin-top: 75px;
			text-align: center;
			width: 100%;
		}

		section.features .feature .details {
			padding: 0px 50px;
		}

		section.features .flex-control-nav {
			right: 20px;
		}

		section.features .flex-control-nav:before {
			border-right: none;
		}

		/* #Reviews
		================================================== */

		section.reviews .review .story {
			padding: 60px 50px 70px;
		}

		section.reviews .flex-direction-nav .flex-prev {
			left: -13px !important;
		}

		section.reviews .flex-direction-nav .flex-next {
			right: -13px !important;
		}

		/* #Previews
		================================================== */

		section.previews .device.ipad {
			background-image: url(../img/devices/ipad-landscape.png);
			background-size: 700px 473px;
			height: 473px;
			margin-left: auto;
			margin-right: auto;
			padding-left: 74px;
			padding-right: 75px;
			padding-top: 31px;
			width: 700px;
		}

		section.previews .device.ipad img {
			height: 414px;
			width: 551px;
		}

		section.previews .slider.phone li {
			margin: 0px 55px;
		}

		section.previews .slider li:first-child {
			margin-left: 55px;
		}

		section.previews .slider li:last-child {
			margin-right: 55px;
		}

		section.previews .flex-direction-nav .flex-next {
			right: -13px !important;
		}

		section.previews .flex-direction-nav .flex-prev {
			left: -13px !important;
		}
		
		/* #Previews2
		================================================== */

		section.previews2 .device.ipad {
			background-image: url(../img/devices/ipad-landscape.png);
			background-size: 700px 473px;
			height: 473px;
			margin-left: auto;
			margin-right: auto;
			padding-left: 74px;
			padding-right: 75px;
			padding-top: 31px;
			width: 700px;
		}

		section.previews2 .device.ipad img {
			height: 414px;
			width: 551px;
		}

		section.previews2 .slider.phone li {
			margin: 0px 55px;
		}

		section.previews2 .slider li:first-child {
			margin-left: 55px;
		}

		section.previews2 .slider li:last-child {
			margin-right: 55px;
		}

		section.previews2 .flex-direction-nav .flex-next {
			right: -13px !important;
		}

		section.previews2 .flex-direction-nav .flex-prev {
			left: -13px !important;
		}

		/* #Download
		================================================== */

		section.download .device {
			width: 100px;
		}

		/* #Blog
		================================================== */

		.blog .post .thumbnail, .blog .post .thumbnail img {
			height: 204px !important;
			width: 364px !important;
		}	

		.blog .post .info {
			width: 364px !important;
		}

		section.blog .col-1 .post {
			padding-right: 0px;
		}

		section.blog .col-2 .post {
			padding-left: 0px;
		}

		/* #Article
		================================================== */

		section.article .info {
			padding: 0px 0px;
			width: 100% !important;
		}

		section.article .links {
			width: 100% !important;
		}

		/* #contact
		================================================== */
		
		section.contact header {
			margin-bottom: 75px !important;
		}

		section.contact .map {
			height: 300px;
			width: 100% !important;
		}

		section.contact .content {
			float: none;
			top: 0px !important;
			width: 300px !important;
		}

		section.contact .info {
			height: auto !important;
			padding: 30px;
			text-align: center;
			width: 100% !important;
		}

		section.contact .info .title {

		}

		section.contact .info .text {
			margin-bottom: 20px;
		}

		section.contact .info a {
			margin-left: 0px;
		}

		section.contact .form {
			height: auto;
			padding: 0px 50px;
			text-align: center;
		}

		section.contact .form form {
			text-align: left;
		}

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		.offset {
			padding: 30px 0px 0px;
		}


		/* #.header
		================================================== */

		header.header {

		}		

		header.header .content {
			background-image: url(../img/misc/navigation-menu.png);
			background-position: right 20px top 18px;
			background-repeat: no-repeat;
			background-size: 22px 14px;
			padding: 12px 20px;
		}

		header.header.active .content {
			height: auto;
		}		

		header.header .navigation.main {
			margin-left: 0px;
			margin-top: 60px;
		}

		header.header .navigation.sub {
			margin-bottom: 30px;
		}

		header.header .navigation.main, header.header .navigation.sub {
			display: none;
			float: none;
			text-align: center;
		}

		header.header .navigation.main ul, header.header .navigation.sub ul {
			margin-bottom: 0px;
		}

		header.header.active .navigation.main, header.header.active .navigation.sub {
			display: block;
		}		

		header.header .navigation li {
			font-size: 18px;
			display: block;
			line-height: 24px;
			margin: 0px;
			margin-bottom: 10px;
		}

		header.header .navigation.main li:first-child:before, header.header .navigation.sub li:last-child:before {
			content: " ";
			display: none;
			margin-right: 0px;
		}

		header.header .navigation.sub li:last-child {
			margin-left: 0px;
			margin-right: 0px;
		}

		/* #Home
		================================================== */

		section.home {

		}

		section.home .title {
			font-size: 40px;
			line-height: 48px;
			margin-bottom: 15px;
		}

		section.home .subtitle {
			font-size: 15px;
			font-weight: 400;
		}

		section.home .buttons {
			bottom: 0px;
		}

		section.home .watch {
			bottom: 55px;
		}

		section.home .watch {
			left: 50%;
			margin-left: -70px;
		}

		/* #Device
		================================================== */

		section.device {
			display: none;
		}

		/* #About
		================================================== */
		
		section.about {

		}

		section.about .offset {
			padding-top: 50px !important;
		}

		section.about .story .text {
			padding: 0px 0px;
		}

		section.about .details .item {
			margin-bottom: 20px;
		}

		/* #Reviews
		================================================== */

		section.reviews .review .story {
			padding: 60px 20px 70px;
		}

		section.reviews .review .story blockquote {
			font-size: 18px;
			line-height: 26px;
		}

		section.reviews .flex-direction-nav .flex-prev {
			left: -13px !important;
		}

		section.reviews .flex-direction-nav .flex-next {
			right: -13px !important;
		}

		/* #Features
		================================================== */

		section.features .offset {
			padding-top: 30px !important;
		}

		section.features .feature {
			padding-top: 75px;
		}

		section.features .feature .image {
			display: none;
		}

		section.features .feature .info {
			float: none;
			margin-top: 75px;
			text-align: center;
			width: 100%;
		}

		section.features .flex-control-nav {
			right: 20px;
		}

		section.features .flex-control-nav:before {
			border-right: none;
		}

		section.features .feature .details {
			padding: 0px 20px;
		}

		/* #Download
		================================================== */

		section.clients .client {
			margin-bottom: 40px;
			top: auto !important;
		}

		section.clients .container:last-child {
			padding-bottom: 30px
		}

		/* #Plans
		================================================== */

		section.plans header {
			margin-bottom: 50px !important;
		}

		section.plans .plan {
			margin-bottom: 20px;
			margin-left: 10px;
			margin-right: 10px;
			padding: 30px 20px;
		}

		section.plans .plan:last-child {
			margin-bottom: 20px;
		}

		/* #Previews
		================================================== */

		section.previews header {
			margin-bottom: 50px;
		}

		section.previews .device.ipad {
			background-image: none;
			height: 204px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 0px;
			padding-left: 0px;
			padding-right: 0px;
			padding-top: 0px;
			width: 300px;
		}		

		section.previews .device.ipad img {
			height: 204px;
			width: 300px;
		}

		section.previews .flex-direction-nav .flex-prev {
			left: -50px !important;
		}

		section.previews .flex-direction-nav .flex-next {
			right: -50px !important;
		}

		section.previews .slider.phone li {
			margin: 0px 15px;
		}

		/* #Download
		================================================== */

		section.download .device {
			margin: 0px 10px 30px 10px;
			opacity: 0.5;
			padding-top: 65px;
		}

		/* #Faq
		================================================== */

		section.faq header {
			margin-bottom: 75px !important;
		}

		section.faq .item {
			padding: 40px 10px;
		}

		/* #Blog
		================================================== */
		
		section.blog header {
			margin-bottom: 75px !important;
		}

		section.blog .post .thumbnail, section.blog .post .thumbnail img {
			height: 169px;
			width: 300px;
		}	

		section.blog .post .info {
			width: 300px;
		}	

		section.blog .col-2 {
			margin-top: 50px;
		}

		section.blog .col-2 .post {
			padding-left: 0px;
		}

		/* #Article
		================================================== */

		section.article .info {
			width: 300px !important;
		}

		section.article .content p {
			padding: 0px !important;
		}

		section.article .social .facebook {
			margin-right: 20px;
		}

		section.article .links {
			text-align: center;
			width: 300px;
		}

		section.article .links .all {
			margin-left: 10px;
		}

		section.article .social {
			margin-top: 20px;
			text-align: center;
		}

		/* #contact
		================================================== */
		
		section.contact header {
			margin-bottom: 75px !important;
		}

		section.contact .map {
			height: 200px;
			width: 300px !important;
		}

		section.contact .content {
			float: none;
			top: 0px !important;
			width: 300px !important;
		}

		section.contact .info {
			height: auto !important;
			padding: 30px;
			text-align: center;
			width: 100% !important;
		}

		section.contact .info .title {

		}

		section.contact .info .text {
			margin-bottom: 20px;
		}

		section.contact .info a {
			margin-left: 0px;
		}

		section.contact .form {
			height: auto;
			text-align: center;
		}

		section.contact .form form {
			text-align: left;
		}

		/* #Footer
		================================================== */

		footer.footer {

		}

		footer.footer .copyright {
			background-position: center top;
			margin-top: 0px;
			text-align: center;
		}

		footer.footer .social {
			margin-top: 20px;
			text-align: center;
		}

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {



	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {


	}