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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1059px) {
	.h{
		max-width: 900px !important;
	}
	.expert{
		background-position: 79% 0;
	}
	.expert .h{
		max-width: inherit !important;
		padding: 0;
	}
	.how-work .list .item{
		padding: 0 46px;
	}
	.review .r{
		width: 650px;
	}
	.review{
		background-position: 100% 30%;
	}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 900px) {
	.h{
		max-width: 690px !important;
	}
	.toping .for-bg{
		/* background: url(../img/tb-900.jpg) 50% 0 no-repeat; */
		background: url(../img/tb2.jpg) 60px 0 /100% 100% no-repeat;
	}
	.tovar .sk{
		right: 26px;
		top: 150px;
	}
	.nav li{
		margin-right: 24px;
	}
	.order-box{
		bottom: -100px;
	}
	.how-work .list .item{
		padding: 0 20px;
	}
	.review .h{
		max-width: inherit !important;
		padding: 0;
	}
	.review{
		background-position: 80% 30%;
	}
	.get-order .map span{
		position: static;
		text-align: center;	
		width: auto;
		padding-top: 70px;
		display: block;
	}
	.bottom {
		background: url(../img/bot.jpg) 100% 140px / auto auto no-repeat;
	}
	.order-box{
		right: 0;
	}
	.bottom .order-box{
		bottom: -30px;
	}
	.policy{
		top: 60px;
	}
	.policy p{
		margin: 0px;
	}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.check-text {
		color: #fff;
	}
	.header{display: none;}
	#wrapper{padding: 0;}
	.toping .t2{
		display: none;
	}
	.toping .tovar{
		display: none;
		/* width: 146px;
	height: 172px;
	background: url(../img/tovar.png) 0 0 / 100% 100% no-repeat;
	position: absolute;
	top: 24%;
	left: 30%;
	margin:0 auto; */
	}
	.toping .tovar .sk{
		display: none;
	}
	.toping .order-box{
		width: auto;
		height: auto;
		text-align: center;
		background: none;
		position: static;
	}
	.toping .order-box .wrap{
		padding: 64px 0 0;
	}
	.bottom .order-box .sk{
		width: 290px;
		margin-left: -15px;
	}
	.order-box .sk{
		width: 290px;
		margin-left: auto;
		margin-right: auto;
	}
	/*.toping .order-form input[type='text'], .order-form input[type='tel']{display: none;}*/
	.order-box p, .order-box .ss{
		display: none;
	}
	.toping .for-bg{
		background: url(../img/tb-320.jpg) 50% 0 no-repeat;
		padding-bottom: 50px;
	}
	.top-box{
		height: auto;
	}
	.toping{
		text-align: center;
	}
	.toping img{
		max-width: 100%;
	}
	.toping .ico-list{
		max-width: 300px;
		margin: 0 auto;
		margin-top: 30px;
		text-align: left;
	}
	.toping .ico-list .ico {
		width: 60px;
	}
	.ico-list .tt{
		font-size: 16px;
	}
	.toping .order-box{
		padding-top: 140px;
	}
	.order-box .price .old{
		margin-right: 25px;
	}
	.toping .order-form{
		position: relative;
		bottom: 0;
		right: 0;
	}
	.toping .order-form .order{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.info-box{display: none;}
	.expert{display: none;}
	.how-work{
		background-color: #f7be15;
		color: #000;
		text-align: center;
		padding: 30px 0 20px;
	}
	.how-work .h2{
		color: #000;
		font-size: 18px;
		background: url(../img/sep2.png) 50% 100% no-repeat;
		padding-bottom: 25px;
		margin-bottom: 20px;
	}
	.how-work .list li{
		width: auto;
		float: none;
		margin-bottom: 15px;
	}
	.how-work .list .item{
		padding: 0;
	}
	.how-work .list img{
		display: none;
	}
	.how-work .list .sep{
		display: none;
	}
	.how-work .list p{
		display: none;
	}
	.how-work .btn-box{display: none;}
	.how-work .list{
		margin: 0;
	}
	.mob-image{
		height: 322px;
		background: #000 url(../img/mob-img.png) 50% 0 no-repeat;
	}
	.review{display: none;}
	.review-slider{
		display: block;
	}
	.get-order{
		display: none;
	}
	.bottom .l{
		display: none;
	}
	.bottom .order-box{
		position: static;
		background: none;
		width: auto;
		height: auto;
		width: 260px;
		margin: 0 auto;
	}
	.bottom{
		padding: 30px 0;
		background: #000;
	}
	.bottom .order-box .wrap{
		padding: 0;
		height: auto;
	}
	.bottom .order-form{
		padding: 0;
	}
	.bottom .order-form input[type='text'],
	.bottom .order-form input[type='tel']{
		border-color: #fff;
		background: none;
		color: #fff;
	}
	.bottom .order-box .price{
		text-align: right;
		padding-left: 100px;
		padding-top: 30px;
		padding-bottom: 40px;
		background: url(../img/tovar.png) 0 12px/auto 120px no-repeat;
	}
	.bottom .order-box .price .old{
		display: block;
		margin: 0;
		text-align: center;
		width: 102px;
		display: inline-block;
		margin-bottom: 5px;
	}
	.bottom .order-box .price .old:after{
		left: 11px;
	}
	.toping .order-box .price .pr{
		position: relative;
		right: -25px;
	}
	.policy{
		top: 20px;
		font-size: 12px;
	}
	
}

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

}
