Business-Website/css/media.css

@media (max-width: 1156px){
	.about__items{
		display: block;
	}

	.about__item{
		max-width: 80%;
		min-height: 330px;
		margin: 30px auto;
	}
	.form__inner{
		background-image: none;
	}

	.news__inner{
		display: block;
	}

	.news__slider{
		max-width: 100%;
		margin-bottom: 90px;
	}

	.news__blog{
		max-width: 100%;
		display: block;
		margin-bottom: 30px;
	}

	.news__blog:after{
		content: '';
		clear: both;
		display: block;
	}

	.news__images{
		float: left;
		margin-right: 50px;
	}
	.news{
		padding-bottom: 60px;
	}
	.footer__info{
		max-width: 465px;
		margin-bottom: 25px;
	}
}

@media (max-width: 1050px){
	.footer__inner{
		display: block;
	}
	.footer__map{
		max-width: 100%;
	}
}

@media (max-width: 900px){
	.slider .slick-btn{
		display: none;
	}

	.about__top, .news__top{
		display: block;
	}

	.about__title-box, .form__title-box, .news__title-box{
		padding-left: 0;
		text-align: center;
		margin: 0 auto 30px;        
	}

	.about__title-box:before, .form__title-box:before, .news__title-box:before{
		display: none;
	}
	.about__btn, .news__btn{
		text-align: center;
	}

	.form__box-inner{
		display: block;
	}

	.form__box-left{
		max-width: 100%;
	}
	
	.form__box-right{
		max-width: 100%;
	}

	.form__box-inner .jq-selectbox__select{
		margin-bottom: 10px;
	}

	.form{
		padding-bottom: 25px;
	}

	.advantages__inner{
		display: block;
	}

	.advantages__item{
		max-width: 100%;
		margin-bottom: 30px;
	}
}

@media (max-width: 700px){
	.header__btn{
		float: none;
	}

	.header__contacts{
		text-align: center;
	}

	.header__btn:before{
		display: none;
	}

	.footer__info .header__btn:before{
		display: block;
	}

	.header__btn-menu{
		display: block;
	}

	.menu ul{
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		margin-top: 20px;
		z-index: 50;
	}

	.menu li{
		display: block;
		text-align: center;
	}

	.menu a{
		display: block;
		background-color: #ffc222;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}

	.menu li + li{
		padding-left: 0;
	}
}

@media (max-width: 600px){
	.about__item{
		max-width: 100%;
		min-height: 375px;
		margin: 30px auto;
	}
}

@media (max-width: 540px){
	.news__slider{
		padding: 50px 15px 25px 25px;
	}

	.news__slider:before{
		left: 25px;
	}

	.news__slider-inner .slick-next{
		right: -20px;
	}

	.news__slider-inner .slick-prev{
		right: 35px;
	}

	.news__images{
		float: none;
	}

	.news__slider-inner .slick-btn{
		bottom: -90px;
	}
}

@media (max-width: 414px){
	.slider__title{
		font-size: 24px;
	}
	.slider__text{
		font-size: 16px;
	}
}

@media (max-width: 400px){
	.header__btn:before{
		display: block;
	}

	.advantages__item{
		padding: 0;
	}
}

@media (max-width: 375px){
	.header__email{
		padding-right: 30px;
	}
}

@media (min-width: 700px){
	.menu ul{
		display: block !important;
	}
}