@media screen and (min-width: 1280px){
	.carousel_mobile,
	.carousel_tablet{
		display:none;
	}
	.carousel{
		height:400px;
		width:100%;
		position:absolute;
		top:120px;
	}
	.carousel>.container{
		height:100%;
		width:100%;
		position:relative;
		left:0;
		top:0;
	}

	.carousel>.container>.triplette{
		height:100%;
		width:100%;
		position:absolute;
		left:0;
		top:0;
		margin-left:0;
		transition:margin 1s;
	}
	.carousel>.container>.triplette.hide{
		margin-left: 100%;
	}
	.carousel>.container>.triplette>.tombstone{
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		height:447px;
		width:370px;
		position:absolute;
		top:0;
		background:white;
		cursor:pointer;
		display:none;
		border:#ae9a65 solid 2px;
	}
	.carousel>.container>.triplette>.tombstone>img{
		position:absolute;
		top:2%;
		left:2%;
		width:96%;
		height:auto;
		opacity:1;
		transition:0.5s opacity;
	}
	.carousel>.container>.triplette>.tombstone>img:hover{
		opacity:0.5;
	}
	.carousel>.container>.triplette>.tombstone.pos_1{
		left:50%;
		margin-left:-570px;
	}

	.carousel>.container>.triplette.last_1>.tombstone.pos_1{
		left:50%;
		margin-left:-185px;
	}
	.carousel>.container>.triplette.last_2>.tombstone.pos_1{
		left:50%;
		margin-left:-377.5px;
	}
	.carousel>.container>.triplette.last_2>.tombstone.pos_2{
		left:50%;
		margin-left:7.5px;
	}


	.carousel>.container>.triplette>.tombstone.pos_2{
		left:50%;
		margin-left:-185px;
	}

	.carousel>.container>.triplette>.tombstone.pos_3{
		left:50%;
		margin-left:200px;
	}
	.carousel>.prev_nav,
	.carousel>.next_nav{
		position: absolute;
		top: 150px;
		width: 100px;
		height: 100px;
		background-image: url("../img/carousel/arrow.png");
		background-position:center;
		background-repeat:no-repeat;
		background-size:20px 38px;	
		cursor:pointer;
		opacity:1;
		transition:opacity 0.5s, background-color 0.5s;
	}

	.carousel>.prev_nav{
		transform: rotate(180deg);
		left: 0;
	}
	.carousel>.next_nav{
		right: 0;
	}

	.carousel>.prev_nav:hover,
	.carousel>.next_nav:hover{
		background-color:rgba(0,0,0,0.3);
		opacity:0.5;
	}

}
@media screen and (min-width: 768px) and (max-width: 1279px){
	.carousel_mobile,
	.carousel{
		display:none;
	}
	.carousel_tablet{
		height:400px;
		width:100%;
		position:absolute;
		top:150px;
	}
	.carousel_tablet>.container{
		height:100%;
		width:100%;
		position:relative;
		left:0;
		top:0;
	}

	.carousel_tablet>.container>.triplette{
		height:100%;
		width:100%;
		position:absolute;
		left:0;
		top:0;
		margin-left:0;
		transition:margin 1s;
	}
	.carousel_tablet>.container>.triplette.hide{
		margin-left: 100%;
	}
	.carousel_tablet>.container>.triplette>.tombstone{
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		height:388px;
		width:322px;
		position:absolute;
		top:0;
		background:white;
		cursor:pointer;
		display:none;
		border:#ae9a65 solid 2px;
	}
	.carousel_tablet>.container>.triplette>.tombstone>img{
		position:absolute;
		top:2%;
		left:2%;
		width:96%;
		height:auto;
		opacity:1;
		transition:0.5s opacity;
	}
	.carousel_tablet>.container>.triplette>.tombstone>img:hover{
		opacity:0.5;
	}
	.carousel_tablet>.container>.triplette>.tombstone.pos_1{
		left:50%;
		margin-left:-350px;
	}
	.carousel_tablet>.container>.triplette.last_1>.tombstone.pos_1{
		left:50%;
		margin-left:-161px;
	}

	.carousel_tablet>.container>.triplette>.tombstone.pos_2{
		left:50%;
		margin-left:22px;
	}
	.carousel_tablet>.prev_nav,
	.carousel_tablet>.next_nav{
		position: absolute;
		top: 150px;
		width: 100px;
		height: 100px;
		background-image: url("../img/carousel/arrow.png");
		background-position:center;
		background-repeat:no-repeat;
		background-size:20px 38px;	
		cursor:pointer;
		opacity:1;
		transition:opacity 0.5s, background-color 0.5s;
	}

	.carousel_tablet>.prev_nav{
		transform: rotate(180deg);
		left: 0;
	}
	.carousel_tablet>.next_nav{
		right: 0;
	}

	.carousel_tablet>.prev_nav:hover,
	.carousel_tablet>.next_nav:hover{
		background-color:rgba(0,0,0,0.3);
		opacity:0.5;
	}

	.carousel_tablet>.prev_nav, 
	.carousel_tablet>.next_nav {
		position: absolute;
		top: 160px;
		width: 30px;
		height: 30px;
		background-image: url("../img/carousel/arrow.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: 20px 38px;
		cursor: pointer;
		opacity: 1;
		transition: opacity 0.5s, background-color 0.5s;
	}
	.carousel_tablet>.prev_nav {
		transform: rotate(180deg);
		left: 0;
	}

}
@media screen and (max-width: 767px){

	.carousel_tablet,
	.carousel{
		display:none;
	}
	.carousel_mobile{
		height:400px;
		width:100%;
		position:absolute;
		top:175px;
	}
	.carousel_mobile>.container{
		height:100%;
		width:100%;
		position:relative;
		left:0;
		top:0;
		overflow: hidden;
	}

	.carousel_mobile>.container>.triplette{
		height:100%;
		width:100%;
		position:absolute;
		left:0;
		top:0;
		margin-left:0;
		transition:margin 1s;
		text-align: center;
	}
	.carousel_mobile>.container>.triplette.hide{
		margin-left: 100%;
	}
	.carousel_mobile>.container>.triplette>.tombstone{
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		height:376px;
		width:312px;
		position:absolute;
		top:0;
		background:white;
		cursor:pointer;
		display:none;
		border:#ae9a65 solid 2px;
	}
	.carousel_mobile>.container>.triplette>.tombstone>img{
		position:absolute;
		top:2%;
		left:2%;
		width:96%;
		height:auto;
		opacity:1;
		transition:0.5s opacity;
	}
	/* .carousel_mobile>.container>.triplette>.tombstone>img:hover{ */
		/* opacity:0.5; */
	/* } */
	.carousel_mobile>.container>.triplette>.tombstone{
		left:50%;
		margin-left:-156px;
	}
	.carousel_mobile>.prev_nav,
	.carousel_mobile>.next_nav{
		position: absolute;
		top: 150px;
		width: 100px;
		height: 100px;
		background-image: url("../img/carousel/arrow.png");
		background-position:center;
		background-repeat:no-repeat;
		background-size:20px 38px;	
		cursor:pointer;
		opacity:1;
		transition:opacity 0.5s, background-color 0.5s;
	}

	.carousel_mobile>.prev_nav{
		transform: rotate(180deg);
		left: 0px;
	}
	.carousel_mobile>.next_nav{
		right: 0px;
	}

	.carousel_mobile>.prev_nav:hover,
	.carousel_mobile>.next_nav:hover{
		background-color:rgba(0,0,0,0.3);
		opacity:0.5;
	}
	.carousel_mobile>.prev_nav, 
	.carousel_mobile>.next_nav {
		position: absolute;
		top: 0;
		width: calc((100% - 312px) / 2);
		height: 376px;
		background-image: url("../img/carousel/arrow.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: 20px 38px;
		cursor: pointer;
		opacity: 1;
		transition: opacity 0.5s, background-color 0.5s;
	}
	.carousel_mobile>.prev_nav {
		transform: rotate(180deg);
		left: 0;
	}
	
}