@charset "UTF-8";
/* CSS Document 
Author Name: Saptarang
Author URI: http://www.saptarang.org
Themeforest: http://themeforest.net/user/saptarang?ref=saptarang
Creation Date: 14th November, 2013
Description: A default stylesheet for Primo Responsive Landing Template Designed & Developed By Saptarang.
*/

@media screen and (max-width : 320px) {
html, body, div, p, table, tr, td, th, tbody, tfoot, ul, li, ol, dl, dd, dt, fieldset, blockquote,  cite, input, select, textarea, button, a, section, article, aside, header, footer, nav {
	font-size: 11px;
}
.navigation nav ul {
	text-align: center!important;
	padding: 0!important;
}
.navigation nav ul li {
	display: block;
	margin: 0 auto;
}
.navigation nav ul li a {
	line-height: 3em;
}
.navigation nav ul {
	background-color: rgba(255,255,255,0.80);
}
.navigation nav ul li {
	list-style-type: none;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
#carouselSlider a.left, #carouselSlider a.right, #Testimonials a.left, #Testimonials a.right {
	display: block;
	opacity: 0.7!important;
}
.price {
	display: block!important;
	width: 100%;
	text-align: center!important;
	margin-top: 3.7em;
}
.priceBox .price small {
	display: inline;
	margin-left: 1em;
}
.gold, .platinum, .silver {
	display: block!important;
	text-align: center;
	width: 100%!important;
}
#Subscribe .form-group div {
	display: block;
	width: 100%;
	margin: 0 auto;
}
#Featured .cBox {
	min-height: 5em;
}
#Featured .cBox, #Features .cBox {
	width: 98%!important;
	border: 1px solid rgba(0,0,0,0.1);
	margin: 1%;
	height: auto;
}
#Gallery .gallery {
	display: block;
	width: 98%!important;
	height: auto;
	float: left;
	margin: 1%!important;
	overflow: hidden;
	position: relative;
}
#Featured .cBox {
	border: 1px solid rgba(255,255,255,0.3);
}
}

/* iPhone 5 (portrait & landscape)----------- */
@media only screen and (min-width : 320px) and (max-width : 570px) {
html, body, div, p, table, tr, td, th, tbody, tfoot, ul, li, ol, dl, dd, dt, fieldset, blockquote,  cite, input, select, textarea, button, a, section, article, aside, header, footer, nav {
	font-size: 12px;
}
h1.logo img {
	diplay: block;
	margin: 0 auto;
}
.navigation nav ul {
	text-align: center!important;
	padding: 0!important;
}
.navigation nav ul li {
	display: block;
	margin: 0 auto;
}
.navigation nav ul li a {
	line-height: 3em;
}
.navigation nav ul {
	background-color: rgba(255,255,255,0.80);
}
.navigation nav ul li {
	list-style-type: none;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
#quoteSlider .item {
	text-align: center;
}
#quoteSlider .img-responsive {
	margin: 0 auto!important;
}
#quoteSlider h5 {
	margin-bottom: 0.5em!important;
}
.carousel-caption {
	display: block;
	text-align: center!important;
}
.priceBox, .priceBox.featured {
	margin-top: 2.5em;
}
.price {
	display: block!important;
	width: 100%;
	text-align: center!important;
	margin-top: 3.7em;
}
.priceBox .price small {
	display: inline;
	margin-left: 1em;
}
.gold, .platinum, .silver {
	display: block!important;
	text-align: center;
	width: 100%!important;
}
.gold, .platinum, .silver {
	width: 70%;
	padding-top: 1em;
	padding-left: 0;
}
#Subscribe .form-group div {
	display: block;
	width: 100%;
	margin: 0 auto;
}
#Featured .cBox {
	min-height: 5em;
}
#Features .cBox {
	width: 98%!important;
	border: 1px solid rgba(0,0,0,0.1);
	margin: 1%;
	min-height: auto;
}
#Copyright, #Copyright .social {
	text-align: center!important;
}
}

/* iPhone 5 (landscape)----------- */
@media screen and (min-width : 320px) and (max-width : 568px) and (orientation : landscape) {
.navigation nav ul li {
	width: 50%!important;
	float: left;
	text-align: center;
	border: 1px solid rgba(0,0,0,0.1);
	border-style: none solid solid solid;
	margin: 0;
}
}

/* iPhone 5 (portrait)----------- */
@media screen and (min-width : 320px) and (max-width : 568px) and (orientation : portrait) {
.navigation nav ul li {
	width: 100%!important;
	text-align: center;
	border: 1px solid rgba(0,0,0,0.1)!important;
	border-style: none solid solid solid!important;
}
}
 @media only screen and (min-width : 569px) and (max-width : 599px) {
.navigation nav ul li {
	display: block;
	width: 50%;
	float: left;
	text-align: center;
	border: 1px solid rgba(0,0,0,0.1);
	border-style: none solid solid solid;
	margin: 0;
}
.navigation nav ul li a {
	line-height: 3.5em;
}
#quoteSlider .item {
	text-align: center;
}
#quoteSlider .img-responsive {
	margin: 0 auto!important;
}
#quoteSlider h5 {
	margin-bottom: 0.5em!important;
}
.carousel-caption {
	display: block;
	text-align: center!important;
}
.priceBox, .priceBox.featured {
	margin-top: 2.5em;
}
.heading {
	padding-top: 0.75em!important;
	padding-bottom: 1.5em!important;
}
.price {
	text-align: left!important;
	margin-top: 0.4em;
}
.price small {
	display: inline!important;
	margin-left: 1em;
}
.gold, .platinum, .silver {
	width: 70%;
	padding-top: 1.3em;
	padding-left: 0;
}
#Features .cBox {
	width: 98%!important;
	border: 1px solid rgba(0,0,0,0.1);
	margin: 1%;
	height: auto;
}
#Copyright, #Copyright .social {
	text-align: center!important;
}
#Gallery .gallery a span.link {
	font-size: 1em!important;
	top: 42%;
	left: 41%;
	width: 25%!important;
	height: 18%;
	text-align: center;
}
}
 @media screen and (min-width : 600px) and (max-width : 767px) {
html, body, div, p, table, tr, td, th, tbody, tfoot, ul, li, ol, dl, dd, dt, fieldset, blockquote,  cite, input, select, textarea, button, a, section, article, aside, header, footer, nav {
	font-size: 13px;
}
h1.logo img {
	diplay: block;
	margin: 0 auto;
}
.navigation nav ul {
	width: 100%;
	text-align: center!important;
	padding: 0;
	background-color: #fff;
}
.navigation nav ul li {
	display: block;
	width: 50%;
	float: left;
	text-align: center;
	border: 1px solid rgba(0,0,0,0.1);
	border-style: none solid solid solid;
	margin: 0;
}
.navigation nav ul li:nth-child(odd) {
	border-right: none;
}
.navigation nav ul li a {
	line-height: 3.5em;
}
#quoteSlider .item {
	text-align: center;
}
#quoteSlider .img-responsive {
	margin: 0 auto!important;
}
#quoteSlider h5 {
	margin-bottom: 0.5em!important;
}
.carousel-caption {
	display: block;
	text-align: center!important;
}
.priceBox, .priceBox.featured {
	margin-top: 2.5em;
}
.heading {
	padding-top: 1em!important;
	padding-bottom: 1.6em!important;
}
.price {
	text-align: left!important;
	margin-top: 0.4em;
}
.price small {
	display: inline!important;
	margin-left: 1em;
}
.gold, .platinum, .silver {
	width: 70%;
	padding-top: 1.3em;
}
#Team .featureBox img {
	float: left;
	clear: both;
	margin-bottom: 0!important;
}
#Team .featureBox h5 {
	margin-top: 4em;
}
#Copyright, #Copyright .social {
	text-align: center!important;
}
}
 @media screen and (min-width : 320px) and (max-width : 1024px) {
#carouselSlider a.left, #carouselSlider a.right, #Testimonials a.left, #Testimonials a.right {
	display: block;
	opacity: 0.7!important;
}
}
 @media only screen and (max-width:768px) {
#Header .navigation {
	padding-left: 0;
}
.featureBox {
	margin-bottom: 1.5em;
}
#quoteSlider .img-responsive {
	text-align: left;
	margin: 1em 0 2em 1em;
}
#Featured .container > div {
	display: block!important;
	width: 100%;
}
#Featured .container .row {
	margin: 0;
}
#Featured .container img {
	margin: 0 auto!important;
}
#Featured .info {
	margin-top: 0!important;
	padding: 2em;
	text-align: center;
}
a.top {
	padding: 0.5em 0.5em 0.7em 0.9em;
}
.featureBox {
	border: 1px solid rgba(0,0,0,0.1);
}
.featureBox:hover {
	border: 1px solid rgba(0,0,0,0.3);
}
.priceBox {
	transform: none;
	transition: none;
}
#Gallery .gallery {
	display: block;
	width: 49.75%;
	height: auto;
	float: left;
	margin: 0.125%;
	overflow: hidden;
	position: relative;
}
}

 /* Desktops, Large Screen and laptops ----------- */
 @media only screen and (min-width : 767px) {
#Header .navbar {
	display: none;
}
#Header .navigation {
	padding-bottom: 0;
}
}
 @media only screen and (max-width : 996px) {
#Header {
	margin-top: 0;
}
h1.logo img {
	diplay: block;
	margin: 0 auto;
}
.navigation nav ul {
	text-align: center!important;
}
#Testimonials {
	margin-top: 5em;
}
#Featured {
	height: auto;
}
#Featured .container {
	padding: 14.5em 0 0;
}
#Featured .container .info {
	margin-top: 1em;
	margin-bottom: 5em;
}
#Features .cBox {
	width: 48%;
	border: 1px solid rgba(0,0,0,0.1);
	margin: 1%;
	height: auto;
}
#Support, #Testimonials, #Contact .contactInfo {
	margin-top: 5em;
}
#top .container {
	width: 100%;
}
#Gallery .gallery a span.link {
	font-size: 1.3em!important;
	top: 42%;
	left: 41%;
	width: 20%;
	height: 18%;
	text-align: center;
}
#Featured .info p, #Subscribe p, .featuresDark p, #Copyright p, #Contact p {
	color: rgba(255,255,255,0.8);
}
}

/* iPads (portrait and landscape) ----------- */
@media screen and (min-width : 768px) and (max-width : 1023px) {
html, body, div, p, table, tr, td, th, tbody, tfoot, ul, li, ol, dl, dd, dt, fieldset, blockquote,  cite, input, select, textarea, button, a, section, article, aside, header, footer, nav {
	font-size: 13px;
}
#Featured .info {
	padding: 1em 0;
}
#quoteSlider .item {
	text-align: center;
}
#quoteSlider .img-responsive {
	margin: 0 auto!important;
}
#quoteSlider h5 {
	margin-bottom: 0.5em!important;
}
.carousel-caption {
	display: block;
	text-align: center!important;
}
.price {
	display: block;
	width: 100%;
	margin-top: 4em;
}
.priceBox .price small {
	display: inline;
	margin-left: 1em;
}
.gold, .platinum, .silver {
	display: block;
	text-align: center;
	width: 100%!important;
}
}

/* iPads (portrait and landscape) ----------- */
@media screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
#quoteSlider .item {
	text-align: center;
}
#quoteSlider .item div {
	display: block;
}
#quoteSlider .img-responsive {
	margin: 0 auto!important;
}
#quoteSlider h5 {
	margin-bottom: 0.5em!important;
}
.carousel-caption {
	display: block;
	text-align: center!important;
}
.price {
	display: block!important;
	width: 100%;
	margin-top: 4em;
}
.priceBox .price small {
	display: inline;
	margin-left: 1em;
}
.gold, .platinum, .silver {
	display: block!important;
	text-align: center;
	width: 100%!important;
	padding-left: 0;
}
#Gallery .gallery a span.link {
	font-size: 1.1em!important;
	top: 42%;
	left: 41%;
	width: 18%!important;
	height: 18%;
	text-align: center;
}
}
 
/* iPads (landscape) ----------- */
@media only screen and (min-width : 990px) and (max-width : 1200px) and (orientation : landscape) {

#Featured .container .info {
	margin-top: 3em;
}
.heading {
	overflow: visible!important;
}
.price {
	display: block;
	width: 100%;
	margin-top: 4em;
}
.priceBox .price small {
	display: inline;
	margin-left: 1em;
}
.gold, .platinum, .silver {
	display: block;
	text-align: center;
	width: 100%;
	padding-left: 0;
}
#Testimonials {
	margin-top: 5em;
}
#Gallery .gallery a span.link {
	font-size: 1.3em!important;
	top: 42%;
	left: 41%;
	width: 18%;
	height: 18%;
	text-align: center;
}
}