.frame-text {
	position:absolute;
	color: #2d3035; /*$main-grey*/
	width: 90%;
	border: 3px solid #ff6666; /*$main-red*/
	padding: 30px 50px 30px 50px;
}
.frame-left {
	 transform: translate(-100px);
}
.frame-right {
	 transform: translate(130px);
	 z-index:2;
}
.frame-small {
	font-size: 15px;
	line-height: 20px;
}
.my-frame>img {
	width: 90%;
}
.my-frame-box {
	padding-top: 1.5rem;
}
.frame-text-mobile {
	display:none;
}
@media (min-width:1200px)  {
	.my-frame-box {
		padding-top: 3rem;
		
	}
	.mobile-txt-pages {
		display: none;
	}
}
@media (min-width: 993px) and (max-width: 1199px)  {
	.frame-text {
		max-height: 340px;
		overflow-y: auto;
	}
	.mobile-txt-pages {
		display: none;
	}
}
@media (min-width: 768px) and (max-width: 992px)  {
	.frame-text {
		padding: 10px 20px 10px 20px;
		border-style: none;
		border: 3px solid #ff6666;
		max-height: 280px;
		overflow-y: auto;
	}
	.mobile-txt-pages {
		display: none;
	}
	.frame-left {
		transform: translateX(-45px);
	}
	.frame-right {
		transform: translateX(55px);
		z-index:2;
	}
	.frame-small {
		font-size: 14px;
		line-height: 15px;
	}
	.my-frame>img {
		width: 100%;
	}
	.my-frame-box {
		padding-top: 1.35rem;

	}
}
@media (max-width: 767px)  {
	.frame-text {
		padding: 20px 10px 20px 10px;
		position: relative;
		margin: 0 auto; 
		border: none;
	}
	.my-frame-box {
		width: 100%;
		display: none;
	}
	.my-frame>img {
		/* display: none; */
		margin: 0 auto; 
		position: relative; 
	}
	.mobile-txt-pages {
		position: absolute;
		top: 50%;
		max-width: 70%;
		color: white;
		margin: 2%;
		padding: 5%;
		background-color: #2d3035cc;
	}
	.mtp-left {
		position: absolute;
		left: 6%;
	}
	.mtp-right {
		position: absolute;
		right: 6%;
	}
	.frame-left {
		transform: translateX(0px);
	}
	.frame-right {
		transform: translateX(0px);
	}
	.frame-left-1 {
		background: linear-gradient(rgba(55,55,55,.5),rgba(0,0,0,.9)), url("../images/expertises/Mesure1.jpg") no-repeat center center;
		background-size: cover;
	}
	.frame-left-2 {
		background: linear-gradient(rgba(55,55,55,.5),rgba(0,0,0,.9)), url("../images/expertises/Mesure3.jpg") no-repeat center center;
		background-size: cover;
	}
	.frame-left-3 {
		background: linear-gradient(rgba(55,55,55,.5),rgba(0,0,0,.9)), url("../images/expertises/Mesure5.jpg") no-repeat center center;
		background-size: cover;
	}
	.frame-left-4 {
		background: linear-gradient(rgba(55,55,55,.5),rgba(0,0,0,.9)), url("../images/expertises/Predire1.jpg") no-repeat center center;
		background-size: cover;
	}
	.frame-left-5 {
		background: linear-gradient(rgba(55,55,55,.5),rgba(0,0,0,.9)), url("../images/expertises/Predire3.jpg") no-repeat center center;
		background-size: cover;
	}
	.frame-left-6 {
		background: linear-gradient(rgba(55,55,55,.5),rgba(0,0,0,.9)), url("../images/expertises/Predire5.jpg") no-repeat center center;
		background-size: cover;
	}
	.frame-left-7 {
		background: linear-gradient(rgba(55,55,55,.5),rgba(0,0,0,.9)), url("../images/expertises/Concevoir1.jpg") no-repeat center center;
		background-size: cover;
	}
	.frame-left-8 {
		background: linear-gradient(rgba(55,55,55,.5),rgba(0,0,0,.9)), url("../images/expertises/Concevoir3.jpg") no-repeat center center;
		background-size: cover;
	}
	
	.frame-left-10 {
		background: linear-gradient(rgba(55,55,55,.5),rgba(0,0,0,.9)), url("../images/expertises/Structurer1.jpg") no-repeat center center;
		background-size: cover;
	}
	.frame-left-11 {
		background: linear-gradient(rgba(55,55,55,.5),rgba(0,0,0,.9)), url("../images/expertises/Structurer3.jpg") no-repeat center center;
		background-size: cover;
	}
	.frame-left-12 {
		background: linear-gradient(rgba(55,55,55,.5),rgba(0,0,0,.9)), url("../images/expertises/Structurer5.jpg") no-repeat center center;
		background-size: cover;
	}

	.frame-right-1 {
		background: linear-gradient(rgba(55,55,55,.5),rgba(0,0,0,.9)), url("../images/expertises/Mesure2.jpg") no-repeat center center;
		background-size: cover;
	}
	.frame-right-2 {
		background: linear-gradient(rgba(55,55,55,.5),rgba(0,0,0,.9)), url("../images/expertises/Mesure4.jpg") no-repeat center center;
		background-size: cover;
	}
	.frame-right-3 {
		background: linear-gradient(rgba(55,55,55,.5),rgba(0,0,0,.9)), url("../images/expertises/Mesure6.jpg") no-repeat center center;
		background-size: cover;
	}
	.frame-right-4 {
		background: linear-gradient(rgba(55,55,55,.5),rgba(0,0,0,.9)), url("../images/expertises/Predire2.jpg") no-repeat center center;
		background-size: cover;
	}
	.frame-right-5 {
		background: linear-gradient(rgba(55,55,55,.5),rgba(0,0,0,.9)), url("../images/expertises/Predire4.jpg") no-repeat center center;
		background-size: cover;
	}
	.frame-right-6 {
		background: linear-gradient(rgba(55,55,55,.5),rgba(0,0,0,.9)), url("../images/expertises/Predire6.jpg") no-repeat center center;
		background-size: cover;
	}
	.frame-right-7 {
		background: linear-gradient(rgba(55,55,55,.5),rgba(0,0,0,.9)), url("../images/expertises/Concevoir2.jpg") no-repeat center center;
		background-size: cover;
	}
	.frame-right-8 {
		background: linear-gradient(rgba(55,55,55,.5),rgba(0,0,0,.9)), url("../images/expertises/Concevoir4.jpg") no-repeat center center;
		background-size: cover;
	}
	.frame-right-10 {
		background: linear-gradient(rgba(55,55,55,.5),rgba(0,0,0,.9)), url("../images/expertises/Structurer2.jpg") no-repeat center center;
		background-size: cover;
	}
	.frame-right-11 {
		background: linear-gradient(rgba(55,55,55,.5),rgba(0,0,0,.9)), url("../images/expertises/Structurer4.jpg") no-repeat center center;
		background-size: cover;
	}
	.frame-right-12 {
		background: linear-gradient(rgba(55,55,55,.5),rgba(0,0,0,.9)), url("../images/expertises/Structurer6.jpg") no-repeat center center;
		background-size: cover;
	}
	.wt {
		color: white;
		text-shadow: black 1px 1px 1px;
	}
}