/*  ==============================================
Attraction - CSS for Mobile
============================================== */

@media (max-width: 1200px) {

	.featured.featured-slider {
		margin-top: -355px;
	}

}

@media (max-width: 992px) {

	.fullwidth-video {
		height: 400px;
	}

	.featured {
		margin-top: -355px;
		margin-left: 0;
		width: 41.66666666666667%;
	}

	.featured.featured-slider {
		margin-top: -280px;
	}

	.featured.featured-text {
		margin-top: -280px;
	}

	.flexslider {
		margin-bottom: 30px;
	}

	.teaser .video {
		width: 100%;
		height: 242px;
	}

	.teaser .text-container {
		height: 242px;
	}

	.intro .col-sm-offset-1 {
		margin-left: 0 !important;
	}

	.person {
		margin-bottom: 30px;
	}

	.price-block {
		width: 168px;
	}

}
@media (max-width: 991px) {
	table.cart-table td img{
		max-width: 100px;
		height: auto;
	}
	.quantity .qty,
	.quantity{
		max-width: 100px;
	}
	.sidebar{
		clear: both;
	}
}
@media (max-width: 768px) {

	.hero-section .hero-text {
		margin-bottom: 20px;
		text-align: center;
	}

	.fullwidth-video {
		height: 300px;
	}

	.teaser .flexslider,
	.teaser .video {
		margin: 40px 0 120px 0;
	}

	.featured {
		margin-top: -80px;
		margin-bottom: 50px;
		width: 100%;
	}

	.featured.featured-slider {
		margin-top: -80px;
	}

	.featured.featured-text {
		margin-top: -80px;
	}

	.teaser .video {
		width: 100%;
		height: 250px;
	}

	.teaser .text-container {
		height: 242px;
		margin-top: 60px;
	}

	.price-block {
		width: 460px;
		margin-bottom: 30px;
	}

	.plans .plan {
		margin-bottom: 30px;
	}

	.info-column {
		display: none;
	}

	.plan-row {
		height: 60px;
	}

	.price-row {
		height: 100px;
	}

	.hidden-info {
		display: block;
		height: 25px;
		font-weight: bold;
	}

	.button-row {
		height: 80px;
	}

	.testimonials .span2,
	.testimonials .span3,
	.testimonials .span4,
	.testimonials .span6 {
		margin-bottom: 30px;
	}

	.gallery .gallery-row {
		margin-bottom: 0px;
	}

	.gallery .image-container {
		margin-bottom: 20px;
	}

	.register form {
		margin-bottom: 30px;
	}

	.contact form {
		margin-bottom: 50px;
	}

	.footer {
		text-align: center;
	}

	.footer .social {
		display: inline-block;
		float: none;
		margin: 0 auto;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.footer .copyright {
		text-align: center;
		display: inline-block;
		float: none;
		width: 100%;
	}

	.footer .container {
		padding-bottom: 40px;
	}

	.post {
		margin-right: 0;
	}

	.teaser .page-title h2 {
		margin-right: 20px;

	}

}
@media (max-width: 600px){
	.teaser .page-title h2 {
		float: none;
		margin-right: auto;
		-ms-word-wrap: break-word;
		word-wrap: break-word;
	}
	.pull-right.page-title{
		float: none;
		max-width: 100%;
	}
	.woocommerce-cart .box{
		padding: 10px;
	}
	.cart.cart-table,
	.cart.cart-table thead,
	.cart.cart-table tbody,
	.cart.cart-table th,
	.cart.cart-table td,
	.cart.cart-table tr {
		display: block;
	}
	.cart.cart-table > thead > tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.cart.cart-table > tbody > tr {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.cart.cart-table > tbody > tr:first-child {
		border-radius: 3px 3px 0 0;
		border-top: none;
	}
	.cart.cart-table > tbody > tr:last-child {
		border-radius: 0 0 3px 3px;
		border-bottom: none;
	}
	.cart.cart-table .product-name,
	.cart.cart-table > tbody > tr td{
		border: none;
		border-bottom: 1px solid #ccc;
		position: relative;
		padding-left: 30% !important;
		width: 100%;
		overflow: hidden;
		text-align: left !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.cart.cart-table .actions,
	.cart.cart-table .product-thumbnail{
		padding-left: 0 !important;
		text-align: center !important;
	}
	.cart.cart-table .product-thumbnail{
		padding-top: 30px !important;
	}
	.cart.cart-table .actions{
		padding-top: 15px;
	}
	.cart.cart-table .actions:before,
	.cart.cart-table .product-thumbnail:before{
		content: none;
	}
	.quantity .qty, .quantity{
		float: none;
		margin: 0;
	}
	table.cart.cart-table td img{
		max-width: none;
	}
	.cart.cart-table > tbody > tr td:before {
		content: attr(data-title);
		position: absolute;
		left: 14px;
		width: 30%;
		padding-right: 10px;
		white-space: nowrap;
		font-size: 14px;
		text-align: left;
	}
	.cart.cart-table > tbody > tr td:first-child {
		text-align: left;
	}
	.cart.cart-table > tbody > tr td.product-remove{
		position: absolute;
		z-index: 11;
		background: none;
		border: none;
		padding-left: 0 !important;
		text-align: right !important;
		max-width: calc( 100% - 50px );
	}
	.comments{
		margin-right: 0;
	}
	.comments ul li .comment-body td,
	.comments ul li .comment-body th{
		padding: 5px;
	}
	.comments ul li .comment-body{
		margin-left: 0;
	}
	.comments ul li .comment-avatar{
		float: none;
		margin-bottom: 15px;
	}
	.comments ul li .comment-body:after{
		transform: rotate(90deg);
		top: -12px;
		left: 23px;
	}
	.comments ul li .comment-body:before{
		transform: rotate(90deg);
		top: -13px;
		left: 23px;
	}
}