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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.mekka{
		margin:0 auto 50px;
	}
	.advantage-items h3,.gratitude h3,.agency h3{
		text-align:center;
	}
	.privileges ul li{
		-webkit-background-size: cover;
		background-size: cover;
		min-height:400px;
	}
	.privileges ul li img{
		margin:90px auto 50px;
	}
	.content-agency{
/*		min-height:736px;*/
		max-width:100%;
		margin:auto;
		background-size: auto;
		background-position: bottom;
	}
}
@media only screen and (min-width : 768px) and (max-width : 992px){
	.privileges ul li{
		height:400px;
	}
	.privileges ul li p{
		font: 20px "Open Sans Regular", sans-serif;
	}
	.bg-1 .negative h6,.steps-fin h6,.steps-1 h6{
		margin-top:20px;
	}	
}
@media only screen and (min-width : 840px) and (max-width : 992px){
	.steps-1 h4,.lists h4,.lists2 h4{
	    font: bold 20px "Open Sans Bold", sans-serif;
	    line-height: normal;
	    padding: 8% 10px 0px;
	}
	.steps-1 p{
		font: lighter 16px "Open Sans Regular", sans-serif;
		padding: 0 10px;
		line-height: normal;
	}
	.lists p,.lists2 p{
		font: lighter 16px "Open Sans Regular", sans-serif;
		line-height: normal;
		padding:0 10px;
	}
	.steps-1 h6{
		font-size:40px;
	}
	.go-3{
		margin-top:0;
	}
}

@media only screen and (min-width : 640px) and (max-width : 992px){
	.advantage-items+ul{
		margin: auto;
		width: 510px;
	}
}
@media only screen and (max-width : 940px) {
	.container{
		width: auto;
	}
	.logo{
		width:200px;
		margin:8px auto 0;
		display: block;
	}
	.contacts{
		text-align: center;
		float:none;
	}
	.sell h1{
		font: bold 36px "Open Sans", sans-serif;
	}
	.interest-90, .interest-10{
		font-size:80px;
	}
	.forma-2 input,.go-2{
		margin:auto;
		display: block;
	}
	.content-callback h3,.content-callback+h4{
		font-size:32px;
	}
}
@media only screen and (min-width : 768px) and (max-width : 940px){

}
@media only screen and (max-width : 840px){
	.step-result .bg-1,.bg-2{
		background: none;
	}
	.bg-1 .col-sm-4,.bg-2 .col-sm-8,.bg-2 .col-sm-4{
		float:none;
		width:100%;
	}
	.bg-1 .col-sm-4 .steps-1{
		background: url(../img/bg-steps.png) no-repeat;
		max-width:350px;
		height:364px;
		margin:0 auto;
	}
	.bg-1 .col-sm-4 .lists{
		background: url(../img/bg-steps2.png) no-repeat;
		max-width:387px;
		height:307px;
		margin:0 auto;
	}
	.bg-1 .col-sm-4 .lists2{
		background: url(../img/bg-steps3.png) no-repeat;
		max-width:418px;
		height:307px;
		margin:0 auto;
	}
	.bgr{
		-webkit-background-size: cover !important;
		background-size: cover !important;
		height: 150px !important;
	}
	.steps-1 p,.lists p{
		padding: 0 50px;
		text-align: center;
	}
	.go-3{
		text-align:center;
		display: block;
		margin-bottom:5px;
	}
	.steps-1 h4{
		padding: 30px 20px 20px;
	}
	.lists h4{
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
	}
	.lists2 h4{
		text-align: center;
		padding: 10px 80px 0;
	}
	.lists2 p{
		padding:0 80px;
	}
	.rel{
		background: url(../img/bg-steps3.png) no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		max-width:400px;
		height:329px;
		margin:0 auto;
		left:0;
	}
	.bg-2 .steps-fin{
		background: url(../img/bg-steps4.png) no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		max-width:564px;
		height:329px;
		margin:0 auto;
	}
	.steps-1 h6{
		font: bold 50px "Open Sans Bold", sans-serif;
	}
	.map,.info{
		float:none;
		width:80%;
		display: block;
		margin:10px auto;

	}
	.info{
		overflow: hidden;
		height:80%;
		-webkit-background-size: cover;
			background-size: cover;	
	}
	.map{
		height:400px;
	}
	.contact li{
		font-size: 20px;
	}
}
/* Small Devices, Tablets */
@media only screen and (min-width : 640px) and (max-width : 767px){
	.external-90,.external-10{
		margin:0 8%;
	}
}
@media only screen and (max-width : 768px) {
	.blue,.yellow{
		float:none;
		margin:auto;
		width:100%;
	}
	.blue p,.lang{
		float:none;
	}
	.lang,.nlogo{
		margin:5px auto 0 auto;
	}
	.contact li{
		font-size: 20px;
	}
	.content-callback h3,.content-callback p,.partners-content h4{
		text-align: center;
		font:bold 30px "Open Sans Bold", sans-serif;
	}
	.privileges ul li{
		width:80%;
		display: block;
		overflow: hidden;
		height: 370px;
		margin:10px auto;
		float:none;
	}
	.bg-3 ul li{
		font: bold 16px "Open Sans Bold", sans-serif;
		-webkit-background-size: 5%;
		background-size: 5%;
		padding: 5px 0 10px 40px;
	}
	.bg-3 ul li{
		font: bold 14px "Open Sans Bold", sans-serif;
		margin: 0px 20px;
	}
	.modal-popap{
		margin:20% auto 0;
	}
}
@media only screen and (max-width : 640px) {
	.yellow p{
		line-height: normal;
		margin: 25px 0 0;
		overflow: hidden;
	}
	.agency-bottom{
		position: relative;
		top: -20px;
	}
	.agency-bottom h2{
		font-size:26px;
	}
	.forma-2 input, .go-2{
		width:80%;
		margin-bottom: 10px;
	}
	.privileges ul li img{
		margin: 70px auto 50px;
	}
	.info h3{
		margin:60px 0 60px 20px;
		font-size: 30px;
	}
	.contact li{
		font-size: 16px;
	}
	.bg-3 h3{
		font: bold 26px "Open Sans Bold", sans-serif;
		padding-top:10px;
	}
	.bg-1 .col-sm-4 .lists2,.bg-1 .col-sm-4 .steps-1{
		height:100%;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.bg-3{
		width: 90%;
		background-position: 50% 50%;
		margin-left: auto;
		margin-right: auto;
		-webkit-background-size: cover;
		background-size: cover;
	}
}
@media only screen and (max-width : 540px) {
	.items:nth-child(2n){
		margin-left:auto;
	}
	.items{
		display: block;
		float:none;
		margin:auto;
	}
	.agency h4{
		text-align: center;
	}
	.info h3{
		margin:50px 0 50px 20px;
	}
	.map {
	    height: 300px;
	}
	.bg-3{
		width: 90%;
		background-position: 50% 50%;
		margin-left: auto;
		margin-right: auto;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.steps-1 h4{
		padding: 30px 10px 10px;
		font: bold 18px "Open Sans Bold", sans-serif;
	}
	.steps-1 p{
		font: lighter 14px "Open Sans Regular", sans-serif;
	}
	.agency-bottom p{
		font:18px "Open Sans Regular", sans-serif;
	}
	.agency-bottom p:after,.agency-bottom p:before{
		display: none;
	}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.interest-90, .interest-10{
		font-size:65px;
	}
	.external-90, .external-10 {
    max-width: 45%;
    }
	.forma input[type="text"],
	.forma input[type="email"]{
		width: 80%;
	}
	.go{
		margin: 35px auto 20px;
		width:80%;
		font-size: 12px;
	}
	.forma h2 span{
		font-size:24px;
	}
	.advantage-items h3,.gratitude h3,.agency h3,.content-callback+h4,.partners-content h4{
		font:bold 24px "Open Sans Bold", sans-serif;
	}
	.agency-bottom h2{
		font-size:20px;
	}
	.privileges ul li{
		min-height: 330px
	}
	.privileges ul li img{
		width: 30%;
	}
	.privileges ul li p{
		font: 20px "Open Sans Regular", sans-serif;
	}
	.agency-bottom p{
		font: 16px "Open Sans Regular", sans-serif;
	}
	.info h3{
		margin:40px 0 40px 20px;
		font-size:24px;
	}
	.agency-bottom p{
		max-width:290px;
	}
	.bg-1 .col-sm-4 .steps-1,.bg-1 .col-sm-4 .lists,.bg-1 .col-sm-4 .lists2,.bg-2 .steps-fin,.rel{
		width: 90%;
		background-position: 50% 50%;
		margin-left: auto;
		margin-right: auto;
		-webkit-background-size: cover;
		background-size: cover;
		height:100%;
		overflow: hidden;
	}
	.forma h2{
		padding-top: 25px;
	}
	.steps-1 h4,.lists h4,.lists2 h4{
		padding: 30px 20px 10px;
		font:bold 18px "Open Sans Bold", sans-serif;
	}
	.lists p,.lists2 p{
		font: 14px "Open Sans Regular", sans-serif;
	}
	.go-3{
		margin-bottom: 20px;
	}
	.blue p,.yellow p{
		margin:10px 10px 0 0;
	}
	.rotate,.mekka{
		transform:rotate(0);
	}
	.modal-popap{
		max-width: 400px;
		width:90%;
		margin:40% auto 0;
	}
	.contact li{
		background-image: none;
		padding-left: 5px;
		padding-right: 5px;
	}
	.contact{
		margin:0;
	}
}
@media only screen and (max-width : 360px) {
	.lists2 p{
		padding:0 60px;
	}
	.interest p{
		font-size: 20px;
	}
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	.map {
		height: 250px;
	}
	.carousel-control.right{
		right:-40%;
	}
	.carousel-control.left{
		left:35%;
	}
	.mekka{
		height:404px;
	}
	.blue p,.yellow p{
		font-size:13px;
		margin:20px 0 0 0;
		overflow: hidden;
	}
}
/*==========  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) {

}