
.logo-img-mob {
	display: none;
}


.phone-line {	
	display: block;
	padding-right: 1rem;
}	

.pop-link {
	display: inline-block;
}	
	
@media screen and (min-width: 1300px) {
	.drop-menu li {
		font-size: .85rem;
		width: 20%;
		padding-left: 2%;
		line-height: 2.5rem;
	}
	.drop-menu li a {
		font-size: .9rem;		
	}
	.phone-line {
		display: inline-block;
	}	
	.pre-footer .phone2 {
		text-align: left!important;
		padding-left: 50px;
	}		
}


	
	
@media screen and (max-width: 1500px) {
	.topnav .btn-home {		
		margin-top: 0.3rem;
		margin-right: 0.3rem;		
	}
	.pop-link {
		display: block;
	}	
}
	

@media screen and (max-width: 1434px) {
	.ban-snab {
		min-height: 96.2%!important;
	}	
	.top-email {
		padding-left: 3.0rem;
	}	
	.top-email::before {
		content: "";
		display: block;
		position: absolute;		
		top: 2px;
		left: 1.0rem;
		background: url(/assets/template/img/icon_email.png);
		background-size: cover;
	}	
	.pop-link a {
		font-size: .8rem;
	}	
	.pre-footer .phone {
		font-size: 1.0rem;
	}
}

	
@media screen and (max-width: 1299px) {
	.drop-menu li {
		font-size: .8rem;
		width: 20%;
		padding-left: 1.5%;
		line-height: 2.2rem;
	}
	.drop-menu li a {
		font-size: .85rem;		
	}	
	.top-email {
		padding-left: 1.5rem;
	}
	.top-email::before {
		content: "";
		display: block;
		position: absolute;		
		top: 2px;
		right: auto;
		background: url(/assets/template/img/icon_email.png);
		background-size: cover;
		left: -.5rem;
	}
}		
	

/* lg */

@media screen and (max-width: 1200px) {
    .drop-menu li {
		font-size: .8rem;
		width: 20%;
		padding-left: 1%;
		line-height: 2.0rem;
	}
	.drop-menu li a {
		font-size: .72rem;		
	}
	.logo {
		padding-right: 0;
	}			
	.top-phone {
		padding-left: 3.5rem;
	}	
	.top-phone:before {
		top: 2px;
		left: 25px;		
	}
	.top-email a {
		font-size: 0.75rem;
		color: #78CFF6;
		margin-right: 0.1rem;
		text-decoration: underline;	
	}	
	.top-btn button {
		margin-top: 3px;		
    }
	.btn-middle	{
		padding: 0 15px!important;
	}	
	.pre-footer a {	
		font-size: 0.9rem;
	}		
	.calc-img span {			
		top: 39%;
		right: 20.5%;		
		font-size: 1.3rem;		
	}
	.calc-img div {
		bottom: 24.1%;
		left: 40.0%;		
	}
	.informer span {
		width: 100%;
		display: inline-block;
		font-size: 2.0rem;
		line-height: 1.7rem;
		font-family: Roboto-Medium;
	}
	
}

@media screen and (max-width: 1090px) {
	.pre-footer .phone {
		padding-left: 0;
	}		
}

/* md */

@media screen and (max-width: 992px) {
	#CartBottom {
		display: none!important;
	}
    
	.logo {
		text-align: center!important;		
		margin-bottom: 1.25rem;
	}
	.logo-img {
		display: none;
	}
	.logo-img-mob {
		display: inline;		
		margin-top: -1.65rem;
		margin-right: .3rem;
	}	
	.logo a {
		display: inline-block;
	}
	.top-phone {
		text-align: center;	
		font-size: 0.9rem;
	}	
	.top-phone:before {		
		left: 110px;		
	}
	.top-email {
		text-align: center;		
	}
	.top-email:before {		
		left: 85px;		
	}	
	.top-btn {
		text-align: center!important;
		margin-top: 1.25rem;
	}	
	.topnav .btn-home {		
		margin-top: 0;
		margin-right: 0;
	}	
	.pre-footer .phone {
		text-align: right;
		padding-bottom: 1rem;
	}	
	.pre-footer .phone2 {
		text-align: left!important;
		padding-left: 2rem;
		padding-bottom: 1rem;
	}	
	.pre-footer .phone:before {		
		left: 195px;		
	}	
	.pre-footer .phone2:before {	
		left: 3px;	
	}
	.btn-footer button {
		margin-top: 3px;
	}	
	.calc-img span {			
		top: 48%;
		right: 25.5%;
		font-size: 1.7rem;		
	}
	.calc-img div {
		bottom: 17.2%;
		left: 40.0%;		
	}
	
}



/* sm */

@media screen and (max-width: 768px) { 
	
	.top-phone {	
		font-size: 0.9rem;
	}	
	.top-phone:before {		
		left: 66px;		
	}	
	.top-email:before {		
		left: 42px;		
	}	
	.top-btn {
		text-align: center!important;
		margin-top: 1.25rem;
	}
	.teh_cards {
		text-align: center;
	}		
	
	.pre-footer a {	
		font-size: 0.85rem;
	}
	.pre-footer li a {
		display: inline-block;
		color: #fff;
		text-transform: uppercase;
		padding: .6rem .5rem .6rem .5rem;
	}
	.pre-footer .phone {
		text-align: right;
		margin-top: .5rem;
		padding-bottom: 1rem;
	}	
	.pre-footer .phone2 {
		text-align: left!important;
		padding-left: 2rem;
		margin-top: .5rem;
		padding-bottom: 1rem;
	}	
	.pre-footer .phone:before {		
		left: 115px;		
	}	
	.pre-footer .phone2:before {	
		left: 3px;	
	}
	.btn-footer {
		text-align: center!important;
		padding-top: 1rem;
	}
	.footer	.logo {		
		margin: 0px;
	}	
	.footer	.logo div {
		display: inline-block;
		float: none;
		margin-bottom: 10px;
	}
	.calc-img span {			
		top: 47%;
		right: 24%;
		font-size: 1.5rem;
	}	
	
}


/* col */

@media screen and (max-width: 576px) {    
	.logo {		
		font-size: 1.6rem;		
	}
	.logo-img-mob {
		display: inline;
		margin-top: -1.65rem;
		margin-right: 0;
	}
	.top-phone {	
		font-size: 0.9rem;
		padding: 0;
		margin-left: -5px;		
	}	
	.top-email {	
		font-size: 0.9rem;
		padding: 0;
		margin-left: 5px;
	}

	.top-email div {
		margin-top: -2px;
	}
	.top-email a {	
		color: #78CFF6;
		margin-right: 0.03rem;
		text-decoration: underline;	
		font-size: 0.67rem;
	}
	.top-email a::before {
		display: none;		
	}
	.topnav .btn-pred {
		margin-bottom: .3rem;
	}	
	.top-phone::before {
		position: relative;
		display: inline-block;
		top: 4px;
		left: -3px;
		width: 14px;
		height: 19px;
	}	
	.top-email::before {
		position: relative;
		display: inline-block;
		left: -3px;
		width: 18px;
		height: 14px;
	}	
	.top-btn {
		text-align: center!important;
		margin-top: 1.25rem;
	}	
	.top-btn button {
		font-size: 0.75rem;
	}
	.pre-footer .phone {
		text-align: left!important;
		margin-top: -.5rem;
		padding-bottom: 1rem;
		padding: 15px 0!important;
		font-size: .85rem;
	}	
	.pre-footer .phone2 {
		text-align: right!important;		
	}
	.pre-footer .phone::before {		
		width: 14px;
		height: 19px;
		top: 5px;
		left: 3px;
		margin-right: 6px;		
	}
	.pre-footer .phone2:before {			
		left: 3px;	
	}
	.pre-footer a {
		font-size: 0.8rem;
	}
	.pre-footer ul {
		padding-top: 1rem;
	}	
	.pre-footer li {
		float: left;		
		width: 50%;
		text-align: center;		
		border-right: 0px solid #464D58;
	}
	.pre-footer li a {
		display: inline-block;
		color: #fff;
		text-transform: uppercase;
		padding: .3rem 0 .3rem 0;
	}
	.footer .btn-pred {
		margin-bottom: .6rem;
	}
	.calc-img img {	
		text-align: center;
	}	
	.calc-img img {	
		width: 265px;
		height: auto;
	}
	.calc-img span {
		top: 70px;
		left: 168px;
		font-size: 1.2rem;
	}
	.calc-img div {
		width: 54px;
		min-height: 0%;
		bottom: 61px;
		left: 106px;
	}
	.balon-item {
		display: block;
		margin: 5px auto;
		min-width: 100%;
	}
	.balon-item span {
		font-size: 1.4rem;
		left: 20px;
		right: auto;
		margin-left: 0;
		margin-right: 0;
		width: 60%;
		text-align: left;
		line-height: 1.6rem;
		top: 15px;
	}
	.drop-menu li {
		text-transform: uppercase;
		font-size: .8rem;
		width: 100%;
		padding-left: 1rem;
		padding-right: 1rem;
		line-height: 1.9rem;
		text-align: left;
	}
	.drop-menu li a {
		width: auto;	
		padding: 0;
	}
	.card_item form {
		padding-bottom: 2rem;
	}
	.card_item .img {
		text-align: center;
	}
	.prod-item .left, .prod-item .right {
		width: 100%;
		float: none;
		text-align: center;		
		padding: 2rem;
	}
	.prod-item .nal {		
		padding-left: 0;
	}
	.prod-item .nal img {
		width: 180px;
		margin-top: 15px;
	}
	.cat-items .big {
		width: 60%;
		font-size: 24px;
		font-weight: 400;
		line-height: 2.0rem;
	}
	.auto-image {
		min-height: 300px;
	}
	.auto-image div {
		text-align: center;
		color: #fff;
		font-size: 1.1rem;
	}
	.auto-item p {
		text-align: center!important;
	}	
	.auto-item a {
		margin-top: 1rem;
	}
	.informer span {		
		width: 100%;
		text-align: center;
		font-size: .8rem;
		line-height: 1.2rem;		
	}
	.informer p {
		display: inline-block;
		font-size: .6rem;
		line-height: 1.0rem;
		font-family: Roboto-Regular;
	}	
	.gazgolder-card .grub {
		display: block;
		width: 100%;
		text-align: center;
		margin-top: .3rem;
		margin-bottom: .3rem;
	}
	.gazgolder-card .btn {
		margin-top: 1rem;
	}	
	.gother a {
		color: #000;
		line-height: 1.6rem;
	}
	.auto-gaz-image span {
		font-size: 1.2rem;
	}
	.calc-title {	
		font-size: 1.55rem;
	}
	.calc-title img {
		margin-top: -.2rem;
		margin-right: 1.9rem;
		margin-bottom: 1rem;
	}
	.zap-faq .spoiler {
		display: none;
		padding: 1rem 2rem 1rem 2rem;
	}
	.zap_info {
		text-align: left;
	}
	.calc-footer .btn {	
		margin: 1rem 0;
	}
	.ban-snab {
		min-height: 360px!important;
	}		
	.auto-gaz-image {
		min-height: 341px!important;
		background-position: 72% 20%!important;
	}
	.auto-gazgolder-image {
		width: 100%!important;
		min-height: 341px!important;
		background-position: 30% 20%!important;
	}
	.auto-image span, .auto-gazgolder-image span {		
		padding-left: .25rem;
	}
	.auto-item {
		min-height: 480px!important;
		background-position: 39% 20%!important;
	}
	.m-ust {
		background-position: 99% 20%!important;
	}
	.m-gzap {
		background-position: 13% 20%!important;
	}	
	.breadcrumb {
		padding: .25rem .25rem!important;
		margin-top: -1rem!important;
		margin-bottom: 1rem!important;
	}
	.breadcrumb-item + .breadcrumb-item {
		padding-left: 0rem!important;
	}
	.auto-gaz-item ul {
		margin-top: 1rem;
	}
	.auto-gaz-item ul li {
		padding-left: 39px;
		line-height: 2.5rem;
		font-size: 1.5rem;
		list-style: none;
	}
	.auto-gaz-item ul li:first-child {
		background: url(/assets/template/img/auto_gaz_value.png) no-repeat;
		background-position: 0px .35rem;
	}
	.auto-gaz-item ul li:last-child {
		background: url(/assets/template/img/auto_gaz_rub.png) no-repeat;
		background-position: 6px .35rem;
	}
	.ordergaz-btn {
		width: 100%!important;
		margin-left: auto;
		background: #3EABCF;
	}
	
}


