/* Large Devices, Wide Screens */
@media only screen and (min-width : 1530px) {
	.container{width: 1530px;}
}
@media only screen and (max-width : 1529px) {
	.cont-list li{margin-right: 55px;}
	.nav li{margin-right: 16px;}
	.nav{left: 200px;font-size: 16px;}
	.top-slider p{font-size: 18px;}
	.cat-item{width: 270px;height: 95px;}
	.cat-item .t{font-size: 16px;}
	.cat-item .ico{margin-right: 5px;}
	.category-box .img{width: 550px;margin-left: -275px;top: 52px;}
	.category-box .img img{max-width: 100%;}
	.step-list li:nth-child(even){width: 75px;}
	.step-list li{width: 160px;}
	.tags-bx a{font-size: 18px;}
	.step-list .t{font-size: 16px;}
}
@media only screen and (max-width : 1199px) {
    .float-right-imgblock, .float-left-imgblock {display: none;}
	.top-line-mob {display: block;}
	.top-line-pc{position: static; background-color: rgb(255, 255, 255);  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);}
	.header{padding: 0;}
	.btn-call{position: static;float: right;background: #155933;color: #fff;}
	.tog-mnu{display: block;}
	.logo-left img{width: 132px;}
	.logo-right img{width: 102px;}
	.logo-line{padding: 10px 0;}
	.header{position: static;}
	.top-line-mob .cont-list{padding: 0;}
	.top-line-pc.act{
		overflow: hidden;
		padding: 0;
		position: absolute;left: 0;
		top: 0;background: #fff; 
		width: 100%;
		height: 100%;
		z-index: 5;
	}
	.nav-bx{display: none;}
	.act .nav-bx{display: block;}
	.nav li:last-child{margin-bottom: 0;}
	.top-line > div{position: static;}
	.cont-list li{display: block;margin: 0 0 10px;}
	.cont-list li:last-child{margin-bottom: 0;}
	.nav{position: static;padding:  15px; }
	.nav li{display: block;margin: 0 0 15px;}
	.nav a{color: #000;font-size: 18px;}
	.cont-list{background: #000;padding: 15px;}
	.top-box{height: auto;background: none;}
	.top-slider .slide1{background: url(../img/ban-bg1.jpg) 50% / cover;}
	.top-slider .slide2{background: url(../img/ban-bg2.jpg) 50% / cover;text-align: left;}
	.top-box > div{padding: 0;}
	.top-slider .slide{padding: 20px 50px;height: auto;height: 405px;}
	.why-boxes li{width: 435px;margin: 0 15px 30px;}
	.why-boxes{margin: 0;}
	.why-boxes .t1{font-size: 20px;}
	.category-box .img{display: none;}
	.cat-item{width: 365px;}
	.category-box .cat-bx{max-width: 750px;margin: 0 auto;}
	.title{font-size: 30px;margin-bottom: 40px;}
	.cat-item .t{font-size: 18px;}
	.step-list li:nth-child(even){width: 26px;}
	.step-list li:nth-child(even) img{margin-left: -15px;}
	.top-line-pc{padding: 15px 0;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.top-slider .t1{font-size: 35px;}
	.cat-item{width: 350px;}
	.step-box{padding: 50px 0;background-size: cover;height: auto;}
	.step-list li{margin-bottom: 30px;}
	.footer .rr{text-align: left;}
	.logo-line{border-bottom: 0;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.text-box p{margin-bottom: 20px;}
	.why-boxes li{width: 100%;display: block;margin: 0 0 20px;}
	.btn-call{padding: 4px 20px;}
	.top-slider .t1{font-size: 25px;}
	.top-slider p{font-size: 15px;}
	.top-slider .slide{height: 495px;}
	.why-boxes .ico img{zoom:0.6;}
	.why-boxes .ico{width: 45px;vertical-align: top;}
	.why-boxes .t{vertical-align: top;    width: calc(100% - 50px);}
	.why-boxes li{height: auto;}
	.why-boxes li:after{display: none;}
	.why-boxes .t2{font-size: 13px;}
	.why-boxes .t1{font-size: 15px;}
	.why-boxes li{padding: 20px 10px;}
	.title{font-size: 30px;}
	.category-box .cat-bx .left-bx{float: none;}
	.category-box .cat-bx .right-bx{float: none;}
	.cat-item{width: 100%;}
	.cat-item .t{font-size: 16px;}
	.step-box{background: #102028;}
	.step-list li{width: auto;margin: 0;display: block;margin-bottom: 20px;}
	.step-list li:nth-child(even) img{margin: 0;}
	.step-list li:nth-child(even) {text-align: center;width: auto;padding: 20px 0;}
	.step-list .arr{margin: 0;display: inline-block;transform: rotate(90deg);}
	.step-list .t{padding: 0 20px;line-height: 1.2;font-size: 20px;}
	.tags-bx{margin-left: -5px;margin-right: -5px;}
	.tags-bx > div{padding-left: 5px;padding-right: 5px;}
	.tags-bx a{font-size: 13px;padding: 0;margin-bottom: 10px;}
	.contacts .t1{font-size: 14px;}
	.contacts .t-tel a{font-size: 14px;}
	.contacts .t-mail a{font-size: 14px;}
	.why-boxes .t1{font-size: 20px;}
	.title{color: #000;}
	.tags-bx a{height: 50px;}
	.title-white{color: #fff;}
	.why-boxes li:last-child .t1{word-break: break-all;}
	.contacts .t-tel{background-position: 2px 1px;}
	.contacts .t-mail{background-position: 0 2px;}
}