/*----------------------------------------------------------------------------*/
/*
/*      Media Queries Default: Smaller than 1100px
/*
/*----------------------------------------------------------------------------*/
@media screen and (max-width: 1200px) {
	.flex-caption {
		width: 100%;
		padding: 0 5%;
		margin: 64px 0 0 0;
		position: absolute;
		left: 0;
	}
	#map ul {
		display: none;
	}
	#map {
		background:url(../images/map-full-img.png) no-repeat;
		background-size: contain;
		margin-bottom: 0;
	}
	.content-side {
		border-right: none;
		float: left;
		padding-right: 0px;
		width: 100%;
	}
	.btn-side {
		float: left;
		vertical-align: middle;
		padding: 15px 0 0 0px;
	}
	.extras td:first-child {
	    width: 80%;
	}
	.preinstalls {
		width: 100%;
		margin: 30px auto;
		overflow: hidden;
	}
	
	#location-select select {
		display: initial;
	}
	
	#location-page #map {
	    display: none;   
	}
}


/*----------------------------------------------------------------------------*/
/*
/*      Media Queries Default: Smaller than 768px
/*
/*----------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.navbar {
		padding: 7px 0;
	}
	#map {
		height: 250px;
	}
	p {
		font-size: 16px;
	}
	.navbar ul.nav-buttons {
		float: none;
		margin: 0;
		padding: 14px 10px;
		border-left: none;
	}
	.navbar-collapse > ul > li {
		border-bottom: 1px solid #eee;
	}
	.cloud-benefits {
		background: none;
	}
	.cloud-benefits li span {
		width: 50%;
	}
	.cloud-benefits li .cloud {
		margin-bottom: 10px;
	}
	#top-nav {
		padding: 0;
	}
	#top-nav ul li {
		display: inline-block;
		padding: 5px 15px;
		list-style: none;
	}
	
	/*About*/
	.video{
		position:relative;
		margin: 60px auto 0px;
		width:500px;
		height: 300px;
		background-size: contain;
	}
	.video a {
	    top: 50%;
	    left: 50%;
	    margin-top: -40px;
	    margin-left: -24px;
	}
	#placeholder {
		width:500px;
		height: auto;
		display: block;
		padding: 0 60px;
		top: 28px;
	}
	.video iframe{
		position:relative;
		top:28px;
		display:block;
		margin:0 6;
		width:400px;
		height: 226px;
	}
	
	/*Features*/
	.btn-box {
		margin: 30px auto 50px;
		width: 90%;
		color: #7BC500;
		font-size: 16px;
		padding: 10px 0;
	}
	.btn-box .big {
		margin: 10px 0 0 0;
	}
	.row-feature {
		padding: 20px 0;
	}
	.row-feature img {
		margin: 10px 0;
	}
	.row-feature p {
		margin: 0 0 10px 0;
		font-size: 13px;
	}
	
	#location-select select {
		display: initial;
	}
	
	#location-page #map {
	    display: none;   
	}
}


/*----------------------------------------------------------------------------*/
/*
/*      Media Queries Default: Smaller than 650px
/*
/*----------------------------------------------------------------------------*/
@media screen and (max-width: 650px) {
	.section {
		padding: 20px 20px;
		text-align: center;
	}
	h3 {
		margin-bottom: 20px;
		padding: 0px 0 20px;
		font-size: 24px;
	}
	#footer-bottom h4 {
		margin: 10px 0 10px 0;
		text-align: left;
	}	
	#footer-social ul li {
		float: left;
		overflow: hidden;
		margin: 0 15px 0 0px;
		height: 30px;
	}
	#footer-bottom a {
		padding: 10px 0;
		color: #fff;
		font-weight: bold;
	}
	#footer-bottom {
		margin: 20px 0 20px 0;
	}
	.flex-caption h2 {
		margin-top: 50px;
		font-size: 40px;
	}
	.flex-caption p {
		margin: 20px 0;
		font-size: 20px;
	}
	
	#content-wide {
		top: 400px;
	}
	.flex-control-nav { 
		position: absolute; 
		top: 370px; 
		z-index: 4;
		width: 100%; 
		text-align: center;
	}
	.flexslider .slides .flex-caption img { 
		position: absolute;
		top: 0;
		right: -50%;
	}
	.flex-caption .btn {
		margin-top: 10px;
		padding: 10px 20px;
		font-size: 14px;
	}
	.col-md-6 p:first-child {
		font-size: 16px;
		margin-bottom: 20px;
		color: #777;
	}
	.big {
		font-size: 16px;
		font-weight: bold;
		padding: 12px 20px;
		line-height: 16px;
		margin: 20px 0;
	}
	.col-md-6 {
		text-align: left;
		padding: 15px 10px;
		overflow: hidden;
	}
	
	/*About*/
	.video{
		position:relative;
		margin: 30px auto 0px;
		width:300px;
		height: 200px;
		background: none;
		background-size: contain;
	}
	#placeholder {
		width:300px;
		height: auto;
		display: block;
		padding: 0 0px;
		position: relative;
		top: 28px;
	}
	.video iframe{
		position:relative;
		top:28px;
		display:block;
		margin:0 -10px;
		width:300px;
		height: 180px;
	}
	.video a {
	    top: 50%;
	    left: 50%;
	    margin-top: -10px;
	    margin-left: -24px;
	}
	
	/*Pricing*/
	.extras td:first-child {
		width: 70%;
	    font-size: 13px;
	}	
	.extras strong {
	    font-size: 14px;
	}
	.section-box {
		overflow: hidden;
		margin: 10px 0;
		padding: 10px;
	}
	.section-box .col-md-6 {
		padding: 0 10px;
	}
	.section-box ul li {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	/*Features*/
	.overview {
	    overflow: hidden;
	    margin: 0 auto 20px auto;
	    padding: 30px 0 0 0;
	    width: 100%;
	    background: none;
	}
	.overview li {
		margin-top: 20px;
		 height: 240px;
	}
	.overview li .overviewHd h4 {
		font-size: 18px;
	
	}
	.overview li:after {
		right: 0;
	}
	.overview .alt:after {
		left: 0;
	}
}


/*----------------------------------------------------------------------------*/
/*
/*      Media Queries Default: Smaller than 450px
/*
/*----------------------------------------------------------------------------*/
@media screen and (max-width: 450px) {
	p {
		font-size: 15px;
	}
	.flexslider .slides .flex-caption img { 
		position: absolute;
		top: 0;
		right: -20%;
		max-height: 260px;
	}
	.flex-caption h2 {
		margin-top: 30px;
		font-size: 30px;
	}
	.flex-caption p {
		margin: 20px 0;
		font-size: 16px;
	}
	#content-wide {
		top: 320px;
	}
	.home #footer-wide {
		background-color: #000;
	}
	table.pricing td {
	    height: 64px;
	    font-size: 13px;
	   /* padding: 5px;*/
	}
	table.pricing td:first-child {
	    width: 180px;
	    font-size: 14px;
	}
	#content-inner {
		top: 70px;
	}
	#map {
		height: 150px;
	}
	.navbar-default .navbar-brand {
		color: #465A66;
		font-weight: bold;
		font-size: 24px;
		padding: 16px 10px;
	}
	.navbar {
		padding: 2px 0;
	}
	#top-nav {
		padding: 5px 0;
	}
	#top-nav ul li {
		font-size: 13px;
		padding: 2px 10px;
	}
	#footer-bottom ul li {
		display: inline-block;
		margin-bottom: 15px;
		padding: 0 10px 0 0;
	}
	#footer-bottom {
		font-size: 12px;
	}
	#copy {
		font-size: 12px;
	}
	
	#testimonials .test-content {
		position: relative;
		float: left;
		padding: 20px 20px 0 20px;
		margin-top: 20px;
		width: 100%;
		border-left: 1px solid #EDEDED;
		text-align: left;
	}
	
	#testimonials .test-content:before {
		background: none;
	}
	.col-sm-9,
	.col-sm-3,
	.col-sm-6 {
		padding: 15px;
		/*margin-bottom: 20px;*/
	}
	.post-meta a {
		margin-right: 10px;
	}
	.post h3 {
		font-size: 28px;
	}
	.post-meta {
		margin-bottom: 20px;
	}
	#nav-below .current-page {
		position: absolute;
		top: -35px;
		font-size: 13px;
	}
	#content .sidebar h3 {
		margin: 15px 0 0 0;
		padding: 15px 0 10px 0 !important;
		border-top: 1px solid #CBD3DA;
		border-bottom: 0;
		font-size: 18px;
	}
	.preinstalls .software {
		margin: 0 -0px 10px 0;
		width: 100%;
	}
	.preinstalls .software .info {
	    float: left;
	    margin: 0 0px 0 10px;
	    padding: 15px 0 0 0;
	    width: 130px;
	}
	.preinstalls .col-sm-6 {
		padding: 0;
	}
}



@media (min-width: 768px) {
  .container {
    width: 96%;
  }
}

@media (min-width: 992px) {
  .container {
    width: 980px;
  }
  .features-screenshot-container {
      width: 100%;
      height: 400px;
  	position: relative;
      overflow: hidden;
      margin-top: 40px;
      margin-bottom: -40px;
  }
  
  .features-manager-screen {
      position: absolute;
      width: 530px;
      margin-bottom: 0;
      border-radius: 5px 5px 0 0;
      opacity: .5;
      -webkit-transition: .4s all ease-in-out;
      transition: .4s all ease-in-out;
  }
  
  .features-manager-screen.left {
      top: 150px;
      left: 0;
      z-index: 801;
  }
  .features-manager-screen.middle {
      opacity: 1.0;
      top: 0;
      left: 185px;
      z-index: 900;
  }
  .features-manager-screen.right {
      top: 150px;
      left: 330px;
      z-index: 800;
  }
  .features-manager-screen {
      max-width: 100%;
      height: auto;
      margin-bottom: 30px;
      border: 5px solid #7CC600;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1100px;
  }
  .features-manager-screen {
      position: absolute;
      width: 630px;
      margin-bottom: 0;
      border-radius: 5px 5px 0 0;
      opacity: .5;
      -webkit-transition: .4s all ease-in-out;
      transition: .4s all ease-in-out;
  }
}