/*==========  Desktop First Method  ==========*/

@media only screen and (max-width : 1366px) {
	header .chart {
		left: -350px;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.fz65 {
	font-size: 45px;		
}
.mr-lg-200 {
	margin-right: 0;
}
.col-md-1-5 {
	width: 30%;
}
.panel.panel-primary {
	height: 280px;
}
.step-bg {
	width: 90%;
	left: calc(0% + 50px);
}
.img-graph-wrapper {
	opacity: .5;
}

	header .chart {
		left: -630px;
	}

	.point-block .poit-text.left-text, .point-block .poit-text .right-text {
		font-size: 14px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

.part .container {
	padding: 30px 15px;
}
.part.top-part .container {
	padding: 60px 15px;
}
.col-md-1-5 {
	width: 50%;
}
.col-md-1-5:nth-child(3){
	clear: both;
}
.fz50  {
	font-size: 30px;
}
.top-part .logo-circle.cercle-invert {
float: none;
}
.top-part .logo-circle.cercle-invert .logo-img{
display: block;
margin: auto;
margin-bottom: 20px;
}

	.white-logo__wrap {
		margin: auto;
		margin-bottom: 20px;
	}

	header .chart {
		left: -830px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

.well {
	padding: 15px 15px;
}
.well:before, .well:after {
	content: none;
}

.logo-circle .icon {
	width: 100%;
}
.panel.panel-primary {
	height: 480px;
}

.col-md-1-5 {
	clear: both;
	width: 100%;
}
.step-bg {
	left: 20px;
}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}