/*   
Theme Name: auto-help78
Version: 3.1
Tags: clean, development, html5, bootstrap
Description: Тема для сайта auto-help78
*/


@media (max-width: 767px) {
	.product-thumb .rating {
		top: 130px;
	}
	.header-phone {
		margin-top: 60px;
	}
	.header-messenger li {
		margin-bottom: 15px;
	}
	.mob-slider-wrap {
		background-color: rgba(0,0,0,0.4);
		border: 1px solid #fff;
		border-radius: 5px;
		padding: 18px 20px;
		margin: 30px 0px;
	}
	.slogan-wrap {
		background-color: transparent;
		border: 0px solid #fff;
		border-radius: 5px;
	}
	.slogan-wrap h3 {
		font-size: 20px;
	}
	.preim-zag,
	.lidery,
	.v-nalichii,
	.otzyvy,
	.kak-zakazat-zag,
	.skidka-zag,
	.about-zag{
		font-size: 18px;
		margin: 30px 0px;	
	}
	.seo-img img {
		max-width: 150px;
		margin-bottom:30px;
	}
	.header-phone,
	.header-phone a{
		text-align: center;
	}
	.header-messenger {
    float: none;
	margin: 15px auto 0 auto;
	}
	.header-messenger li img {
		max-width: 100%;
		float: none;
		padding: 0px 5px;
	}
	.header-messenger {
		width: 180px;
	}
		.home-slider{
   height: 630px;
}
	.slogan-text h1 {
    font-size: 28px;
}
	.slogan-text .first {
    font-size: 24px;
}
}
@media (max-width: 991px) {
	body {
		overflow-y: auto;
		overflow-x: auto;
	}
}
@media (min-width: 768px) {
	

	.product-thumb .rating {
		top: 135px;
	}
	.slogan-text{
		margin-top: 16%;
	}
	.slogan-wrap {
		margin-top: 33%;
		padding: 40px 20px;
	}
	.header-phone{
		margin-top: 21px;
	}
	.slogan-wrap h3 {
		font-size: 26px;
	}
	.preim-zag,
	.lidery,
	.v-nalichii,
	.otzyvy,
	.kak-zakazat-zag,
	.skidka-zag,
	.about-zag{
			font-size: 20px;
			margin: 30px 0px;	
		}
	.kak-my-rab-bg{
		background-image: URL(/wp-content/uploads/2023/09/kak_zak.jpg);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 50%;
	}
	.seo-img img {
		max-width: 360px;
		margin-top: 15%;
	}
	.header-phone,
	.header-phone a{
		text-align: right;
	}
	.site-header-menu {
		margin-top: 10px;
	}
	.navbar-fixed-top {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		background-color: #50b7ef;
		margin-top: 0px;
		z-index: 1000;
	}
	.header-messenger {
		float: right;
		margin-top: 9px;
	}
	.header-messenger li img {
		max-width: 35px;
		float: right;
	}
	.header-messenger {
		width: 130px;
	}
	.home-slider{
   height: 490px;
}
}