/* Extra small devices (phones, less than 768px) */
@media (max-width : 766px) {
	.content-wrapper {
		overflow-y: scroll;
		padding-top: 20px;
		padding-bottom: 100px;
		display:block;
		display: -moz-inline-stack;
		display: -ms-grid; /*for ie 9*/
	}

	.content-wrapper > div.valign{
		display: block;
	}

	.logo {
	  margin-bottom: 20px;
	}
	.home-title h1 {
	    font-size: 28px;
  		line-height: 40px;
	}
	.home-title p {
	  margin-bottom: 10px;
	  font-size: 14px;
	  line-height: 22px;
	}

	/*countdown-wrapper*/
	#countdown li {
	  margin-right: 6px;
	}
	#countdown li span {
	  font-size: 20px;
	  font-weight: 900;
	}

	/*contact-page*/
	#contactForm .btn {
	  min-width: 260px;
	}

	.tt-modal-content {
		width: 90%;
	}


	/*Carousel nav*/
	.carousel-nav{
		left:-15px;
		right: -15px;
	}
	.carousel-nav li span{
		display:none;
	}

}

/* Landscape Mobile */
@media only screen and (min-width : 480px) and (max-width : 767px) {

	.content-wrapper {
		overflow-y: scroll;
		padding-top: 50px;
		padding-bottom: 150px;
		display:block;
		display: -moz-inline-stack;
		display: -ms-grid; /*for ie 9*/
		width: 100%;
	}

	.content-wrapper > div.valign{
		display: block;
	}

	.logo {
	  margin-bottom: 68px;
	}
	.home-title h1 {
	  font-size: 46px;
	  line-height: 54px;
	}
	.home-title p {
	  margin-bottom: 28px;
	  font-size: 14px;
	  line-height: 28px;
	}

	/*countdown-wrapper*/
	#countdown li {
	  margin-right: 40px;
	}
	#countdown li span {
	  font-size: 40px;
	  font-weight: 900;
	}

	.tt-modal-content {
	  width: 60%;
	}

	/*Carousel nav*/
	.carousel-nav{
		left:-15px;
	}

	.carousel-nav li span{
		display:block;
	}

}


/* Small devices (tablets, 768px and up) */
@media (min-width : 768px) and (max-width : 991px) {

	.content-wrapper {
		overflow-y: scroll;
		padding-top: 80px;
		padding-bottom: 100px;
		display:block;
		display: -ms-grid; /*for ie 9*/
	}

	.content-wrapper > div.valign{
		display: block;
	}

	.tt-modal-content {
	  width: 60%;
	}

	/*Carousel nav*/
	.carousel-nav{
		left:-15px;
	}
	
}



/* Medium devices (desktops, 992px and up) */
@media (min-width : 992px) and (max-width : 1199px) {
	.content-wrapper {
		overflow-y: scroll;
		padding-top: 50px;
		padding-bottom: 100px;
		display:block;
		display: -ms-grid; /*for ie 9*/
	}

	.content-wrapper > div.valign{
		display: block;
	}

	/*Carousel nav*/
	.carousel-nav{
		left:-15px;
	}

}



/* Large devices (large desktops, 1200px and up) */
@media (min-width : 1200px) and (max-width : 1280px) {


}


/* Large devices (large desktops, 1920px and up) */
@media (min-width : 1920px) {
	.carousel-nav li a {
	  padding: 40px 0 14px;
	}

}