/*==========  Desktop First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1410px) {
	.wrap{max-width: 1200px;padding-left: 10px;padding-right: 10px;}
	.text-box .text .h3{font-size: 42px;}
	.cpecc .h3{font-size: 52px;}
	.text-box2 .bg{right: -350px;}
	.variant .h3{font-size: 38px;}
	.variant .h4{font-size: 23px;}
	.variant p.fz14{height: 230px;}
	.top-box{background-position: 20% 0;}
/*	.tarif .frame p{height: 100px;}*/
/*	.tarif .frame ul{height: 85px;}*/
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
	.box .h3{font-size: 37px;line-height: 1.25;margin-bottom: 40px;}
	.box{padding-bottom: 40px;}
	.variant p.fz14{height: auto;}
	.wrap{max-width: 970px;}
	.menu li{margin: 0 35px;}
	.text-box .bg{left: -300px;}
	.text-box .text{padding-left: 370px;}
	.text-box .text .h3, .service .h3, .tarif .h3, .form-box .h3{font-size: 37px;}
	.service .frame{padding: 0;}
	.cpecc{background: #005897;height: auto;padding: 40px 0;}
	.cpecc .h3{position: static;text-align: center;font-size: 37px;margin-bottom: 40px;}
	.cpecc .text{padding: 0;}
	.cpecc .btn{position: static;margin-top: 30px;}
	.text-box2 .bg{display: none;}
	.text-box2 .text{padding-left: 0;padding-top: 40px;padding-bottom: 40px;}
	.top-box .text{padding-top: 200px;}
/*	.tarif .frame p{height: 140px;}*/
/*	.tarif .frame .h4{height: 48px;}*/
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.tarif .frame ul, .tarif .frame p, .tarif .frame .h4{height: auto;}
	.top-box .bg{display: none;}
	.mnu{display: none;}
	.wrap{max-width: 750px;}
	.menu li{margin: 0 20px;}
	.top-box .text{padding-top: 100px;padding-bottom: 100px;}
	.top-box{height: auto;}
	.text-box .bg{display: none;}
	.text-box .text{padding-left: 0;}
	.text-box .text .h3, .service .h3, .tarif .h3, .form-box .h3{font-size: 33px;}
	.tarif .frame{margin-bottom: 30px;}
	.variant p.fz14{
		height: 170px;
	}
	.variant .btn{margin-bottom: 30px;}
	.variant img{margin-bottom: 30px;}
	.steps .h3{font-size: 27px;}
	.step-list li:after{display: none;}
	.step-list li{margin-bottom: 30px;}
	.steps .tt-c p br{display: none;}
	.copy{float: none;text-align: center;}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.menu-box{
		z-index: 12;
		position: fixed;
		top:0px;
		height: 100%;
		overflow-y: auto;
		left:0;
		width: 200px;
		background: #fff;
		box-shadow: 2px 0 15px 0 rgba(0,0,0,0.3);
		padding: 0;
		display: none;
	}
	.menu li{
		margin: 0;
		display: block;
	}
	.menu a{
		display: block;
		padding: 10px;
		text-align: left;
	}
	.toggle_mnu{display: block;}
	.top-line .r{margin-right: 50px;}
	.top-box{
		background: #eff2f6;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 580px) {
	.logo{float: none;text-align: center;margin-bottom: 10px;}
	.top-line .r{
		text-align: center;
		margin: 0;
		padding-top: 0;
		margin-top: 0;
		float: none;
	}
	.soc li{margin-right: 0;}
	.phone a{font-size: 15px;}
	img{max-width: 100%;}
	.btn{font-size: 14px;}
	 
	.top-box .text{padding: 50px 0;}
	.text-box .text .h3, .service .h3, .tarif .h3, .form-box .h3{
		font-size: 23px;
	}
	.service .frame{margin-bottom: 30px;}
	.variant{padding-top: 60px;}
	.variant .h3{font-size: 30px;}
	.variant p.fz14{height: auto;}
	.steps .tt-c .btn{padding: 15px 30px;}
	.forma input[type='submit']{
		width: 100%;
	}
	.popup{
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		margin: 0;
	}
	.phone{margin-right: 10px;margin-bottom: 10px;}
}