@media screen and (max-width: 767px) {
	.menu{
		float: none;
		width: 100%;
	}
	.logo{
		float: none;
	}
	#carousel-main{
		display: none;
	}
	.navbar{
		margin-bottom: 0px;
	}
	.navbar-brand{
		margin: 0;
		padding: 0;
	}
	.navbar-brand > img{
		height: 47px;
		margin-top: 3px;
		margin-left: 3px;
	}
	.menu > .navbar-default .navbar-nav > li > a{	
		font-size: 17px;
	}
	#topmenu > ul > li > ul.dropdown-menu{
		position: static;
		display: block;
		float: none;
		border: none;
		box-shadow: none;
		background-color: #F8F8F8;
	}
	#topmenu > ul > li > ul.dropdown-menu > li > a{
		padding: 3px 40px;
	}
	.article-head{
		background-color: #F5F6F8;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.article-head > h2{
		font-weight: normal;
		font-size: 170%;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.our-services > div > a > h3{
		border: 1px solid #2E6DA4;
		background-color: #337AB7;
		color: #FFFFFF;
		border-radius: 10px;
		font-size: 150%;
		padding: 10px 0;
		margin: 5px 0;
		text-align: center;
	}
	.our-services > div > a > h3:active{
		background-color: #286090;
		border: 1px solid #204D74;
	}
	.our-services > div > a,
	.our-services > div > a:hover,
	.our-advantages > div > a,
	.our-advantages > div > a:hover,
	.nae-text > a,
	.nae-text > a:hover{
		text-decoration: none;
	}
	.our-services > div > a > h3 > i{
		display: none;
	}
	.nae-text > a > h4{
		display: none;
	}
	.nae-text > a > h3{
		border: 1px solid #D43F3A;
		background-color: #D9534F;
		color: #FFFFFF;
		border-radius: 10px;
		font-size: 150%;
		padding: 10px 0;
		margin: 5px 0;
		text-align: center;
	}
	.nae-text > a > h3:active{
		background-color: #AC2925;
		border: 1px solid #AC2925;
	}
	.our-advantages > div > div > a > h3 > img{
		display: none;
	}
	// .socialbuttons{
	// 	position: fixed;
	// 	top: 30%;
	// }
	.socialbuttons > a > img{
		//display: block;
		max-width: 62%;
		margin-top: 3px;
	}




	.discounts-and-time{
		padding-top: 20px;
		padding-bottom: 20px;
		text-align: left;
		margin-bottom: 10px;
	}
	.our-clients > img{
		max-width: 8.9%;
	}
	#map{
		margin-top: 10px;
		width: 100%;
		height: 300px;
		z-index: 17;
		position: relative;
	}
	.feedback-wrap{
		width: 271px;
		margin: 10px auto;
	}
	.our-advantages > div > a > h3{
		text-align: left;
	}
	.footer-bg > div > div > h2{
		text-align: center;
	}
	.footer-bg > div > div > p{
		text-align: left;
	}
	.logo-footer{
		margin: 10px 16%;
		width: 200px;
	}
	.phone-number > a{
		text-align: center;
		font-size: 150%;
		display: block;
		color: #FFFFFF;
		border: 1px solid #000000;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
		border-radius: 10px;
		background-color: #2D2D2D;
	}
	.phone-number > a:focus, .phone-number > a:hover{
		text-decoration: none;		
	}
	.phone-number > a:active{
		background-color: #000000;
	}
	.copyright-bg > div > div > a > span{
		margin-top: 25px;
	}
	.print-shop > div > a, 
	.print-shop > div > a:hover, 
	.print-shop > div > a:focus,
	.print-shop > div > a:active {
		text-decoration: none;
	}
	.print-shop-head > h2{
		font-size: 18px;
		margin: 10px 0;
	}
	.print-shop-head{
		background-color: #648E4C;
		background-image: none;
		border: 1px solid #5C814D;
		border-radius: 10px;
      	margin-bottom: 5px;
	}
	.promo-prod-head > h2{
		font-size: 18px;
		margin: 10px 0;
	}
	.promo-prod-head{
		background-color: #4C7E9F;
		background-image: none;
		border: 1px solid #375B7D;
		border-radius: 10px;
      	margin-bottom: 5px;
	}
	.new-equipment > h3,
	.low-prices > h3,
	.payments > h3{
		text-align: justify;
		margin: 10px 0;
		font-size: 100%;
	}
	.new-equipment > img {
		width: 100%;
		margin: 10px auto;
	}
	.low-prices > h3{
		text-align: left;
	}
	.low-prices > img, .delivery > img{
		width: 50%;
		margin: -10px 25%;
	}
	.payments > div{
		width: 90%;
		text-align: center;
		margin: 0 auto;
	}
	.payments > div > img{
		width: 60%;
		margin: 1% 1%;
	}
	.separator{
		display: none;
	}
}



/* -------------------------------------------------- 768px -----------------------------------------------------*/




@media screen and (min-width: 768px) {
	
	h1 {	font-size: 1.6vw;	}
	h2 {	font-size: 1.35vw;	}
	h3 {	font-size: 1.1vw;	}
	h4 {	font-size: 0.95vw;	}
	dl {	font-size: 1.1vw;	}
	.btn{	font-size: 1.1vw;	}
	p{
		font-size: 1.1vw;
		margin-bottom: 1vw;
	}

	h1, .h1, h2, .h2, h3, .h3{
		margin-top: 1vw;
		margin-bottom: 0.5vw;
	}

/* --------------------------- Menu --------------------------- */
	
	.menu {
		width: 84%;
		float: right;
	}
	.navbar-nav{
		float: right;
	}
	.menu > .navbar-default{
		background-color: #ffffff;
		border-color: #ffffff;
		border: none;
		min-height: 1px;
		margin-bottom: 0;
	}
	#topmenu > .navbar{
		margin-bottom: 0;
	}
	#topmenu, .navbar > .container-fluid{
		padding-left: 0px;
		padding-right: 0px;
	}	
	#topmenu > .navbar-nav{
		margin-top: 2.2%;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 1.5%;
	}	
	#topmenu > .navbar-nav > li {	
		text-transform: uppercase;
		font-family: "RobotoLight";
		font-weight: bold;
		font-size: 0.98vw;
		padding-top: 1%;
		border-top: 0.2vw solid transparent;
	}
	#topmenu > .navbar-nav > li.current{
		border-top: 0.2vw solid #777777;
	}
	#topmenu > .navbar-nav > li > a{
		padding: 0;
		background-color: transparent;
		line-height: inherit;
	}
	#topmenu > .navbar-nav > li.deeper:hover .dropdown-menu{
		display: block;
	}
	.dropdown-menu{
		min-width: 100%;
	}
	.dropdown-menu > li{
		text-transform: none;
		font-size: 0.98vw;
	}
	.dropdown-menu > li > a{
		padding: 3px 20px;
		color: #777777;
	}
	.dropdown-menu > li.active > a{
		color: #FFFFFF;
	} 
	.separator{
		color: #777777;
	}


/*---------------------------- Carousel (slider top)--------------- */
 
	.carousel-caption{
      	color: #38393D;
		text-shadow: none;
		top: 17%;
		padding: 0;
      	right: 30%;
      	left: 30%;
	}
 	.carousel-caption > a:hover{
   		text-decoration: none;
  	}
  	.carousel-caption > a > h2{
		font-weight: bold;
      	color: #38393D;
	}
  	.carousel-caption > a > h2:hover{
    	text-decoration: none;
  	}
	.slider-img, 
	.slider-text{
		width: 50%;
		float: left;
		padding: 0 1%;
	}
	.slider-img > img{
		max-width: 4.4vw;
		margin: 3% 1%;
      	float: right;
	}
	.slider-text > ul{
		margin-left: 0px;
		padding-left: 0px;
		width: 100%;
      	float: left;
	}
	.slider-text > ul > li {
		font-size: 1.05vw;
      	list-style-type: none;
    	text-align: left;
      	color: #38393D;
	}
 	.slider-text > ul > li:before {
    	content: "- ";
	}
	.carousel-indicators{
		bottom: 0;
	}
	.carousel-indicators .active{
		height: 0.7vw;
		width: 0.7vw;
      	background-color: #FFFFFF;
        border: 1px solid #808080;
		
	}
	.carousel-indicators > li{
		height: 0.7vw;
		width: 0.7vw;
		margin: 0;
     	border: none;
        background-color: #808080;
	}

/*---------------------------- End Carousel (slider top)--------------- */

	
	.article-head:after {
		content: ''; 
		position: absolute;
		left: 49%; 
		bottom: -2vw;
		border: 1.1vw solid transparent;
		border-top: 1.1vw solid #F5F6F8;
	}
	.article-head{
		margin: 0 0 2vw 0;
		padding: 0;
		position: relative;
		background-color: #F5F6F8;
	}
	.article-head > h2{
		padding: 1.5% 0;
		margin: 0;
	}	
	.our-services{
		margin: 0 auto;
		width: 80%;
	}
	.our-services > div > a > h3, 
	.our-advantages > div > div > a > h3{
		margin: 5% 0;
		color: #38393D;
	}
	.our-services > div > a > h3 > i, 
	.our-advantages > div > div > a > h3 > i{
		color: #337ab7;
	}
	.our-services > div > a,
	.our-services > div > a:hover,
	.our-advantages > div > div > a,
	.our-advantages > div > div > a:hover{
		text-decoration: none;
	}
	.our-advantages > div > div > a > h3 > img{
		max-width: 1.5vw;
	}
	.news-and-events > div{
		margin: 1% 0;
	}
	.news-and-events > div > img{
		max-width: 22%;
		margin: 1%;
	}
	.news-and-events > div > .nae-text{
		margin-top: 5%;
	}
	.news-and-events > div > .nae-text > a,
	.news-and-events > div > .nae-text > a:hover,
	.our-advantages > div > .nae-text > a,
	.our-advantages > div > .nae-text > a:hover{
		text-decoration: none;
	}
	.news-and-events > div > .nae-text > a > h3{
		font-weight: bold;
	}
	.nae-text > a > h3, 
	.nae-text > a > h4{
		color: #38393D;
		margin-top: 0.5vw;
		margin-bottom: 0.5vw;
	}
	
	.discounts-and-time > div > h3{
		font-weight: bold;
	}
	.our-clients > img{
		max-width: 9.5%;
	}
	.our-advantages{
		margin: 0 auto;
		width: 80%;
	}
	.mapbutton, .socialbuttons{
		z-index: 15;
	}
	.socialbuttons{
		position: fixed;
		top: 34%;
		left: 1%;
	}
	.socialbuttons > a > img, 
	.mapbutton > a > img{
		display: block;
		margin-top: 8px;
		transition: 0.5s;
	}
	.socialbuttons > a > img:hover, 
	.mapbutton > a > img:hover{
		transition: 0.5s;
		max-width: 3.5vw;
	}
	.mapbutton{
		position: fixed;
		top: 50%;
		right: 1%;
	}

	#map{
		margin-top: 1%;
		width: 100%;
		height: 27vw;
		z-index: 17;
		position: relative;
	}

	.rad{
		font-size: 0.9vw;
		margin-bottom: 0;
	}
	.important-info{
		margin: 1vw 0;
	}

	.print-shop,
	.promo-prod{
		width: 70%;
		margin: 0 auto;
	}
	.print-shop > a, 
	.promo-prod > a{
		text-decoration: none;
		width: 31.3%;
		margin: 1% 1%;
		float: left;
	}
	.print-shop-head, 
	.promo-prod-head{
		height: 5vw;
	}
	.print-shop-head > h2, 
	.promo-prod-head > h2{
		margin-top: 0.5vw;
	}
	.print-shop-head.one > h2, 
	.promo-prod-head.one > h2{
		margin-top: 1.5vw;
	}
	.print-shop-body > p{
		font-size: 1vw;
	}
	.print-shop > div > a > .one{
		height: 70px;
		padding-top: 10px;
	}

	.photo-entry{
		width: 30%;
		position: absolute;
		z-index: 20;
		bottom: 46px;
		left: 50px;
		background: #808080;
		background: linear-gradient(to top, #49494D, #FEFEFE);
		border-radius: 5px;
		padding: 7px;
	}
	#fbMessageArea{
		position: fixed;
		bottom: 0;
		left: 0;		
		z-index: 1000;
	}

	.fbMessage{
		margin: 0.5vw;
		padding: 0.5vw;
		border-radius: 5px;
		cursor: pointer;
	}
	#fbmessage > h4{
		margin: 0;
		padding: 0;
	}

	.alt-os{
		width: 271px;
		margin: 10px auto;
	}
	
	.phones{
		margin-top: 1.7vw;
		width: 100%;
	}
	.phones > div.phone-img{
		float: left;
		width: 40%;
	}
	.phones > div.phone-img > img{
		float: right;
		margin-top: 9%;
		width: 3vw;
	}
	.phones > div.phone-number{
		float: right;
		width: 60%;
		padding-left: 3%;		
	}
	.phones > div > a{
		color: #ffffff;
		display: block;
		font-size: 1.3vw;
		text-align: left;
	}
	.phone-number > a:focus, .phone-number > a:hover{
		text-decoration: none;		
	}
	.contacts > p{
		font-weight: bold;
	}
	.logo-footer{
		margin: 4% 39%;
		width: 25%;
	}
	.new-equipment{
		width: 80%;
		margin: 10px auto;
		text-align: center;
	}
	.new-equipment > h3,
	.low-prices > h3,
	.delivery > h3,
	.payments > h3{
		text-align: center;
		margin: 1vw;
	}
	.deadline > h3{
		text-align: center;
		margin-bottom: 3vw;
		font-weight: bold;
	}
	.new-equipment > img{
		margin: 20px 20px;
		width: 30%;
	}
	.low-prices > img{
		width: 50%;
		margin: 0 25%;
	}
	.delivery > img{
		width: 30%;
		margin: 0 36%;
	}
	.payments > div{
		width: 80%;
		text-align: center;
		margin: 0 auto;
	}
	.payments > div > img{
		width: 17%;
		margin: 0 1%;
	}
	.deadline > img{
		width: 20%;
		margin: 0 40%;
	}


	/*---------- Форма обратной связи ---------*/
	#feedback{
		cursor: pointer;
	}
	.alt-os > .feedback{
		position: fixed;
		z-index: 20;
		top: 34%;
		background: #808080;
		background: linear-gradient(to top, #49494D, #FEFEFE);
		border-radius: 5px;
		padding: 0 10px;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	.alt-os > .feedback > .form-horizontal > .form-group{
		margin: 0 0 5px 0;
	}
	.alt-os > .feedback > .form-horizontal > .form-group > h3{
		font-size: 14px;
	}
	.alt-os{
		margin: 0;
		position: relative;
		float: right;
	}
	.alt-os > .feedback > form > div > button, 
	.alt-os > .feedback > form > div > button:hover, 
	.alt-os > .feedback > form > div > button:active, 
	.alt-os > .feedback > form > div > button:focus{
		border: none;
		background-color: rgba(0, 0, 0, 0);
		color: #FEFEFE;
		font-size: 130%;
		outline: 0;
	}
	.fb-close{
		color: #000000;
		position: absolute;
		top: 10px;
		right: 10px;
		cursor: pointer;
	}
	.fb-out{
		left: -354px;!important
	}
	.fb-in{
		left: 5%;!important
	}

	/*---------- Форма обратной связи  в Контактах---------*/

	.cont_class{
		float: right;
		width: 50%;
		
	}
	.cont_class > .fb-out{
		width: 272px;
		margin: 0 auto;
	}
	.cont_class > .fb-out > form > div > .fb-close{
		display: none;
	}
	.nashi-novosti > .item-image > img{
		margin: 0 10px 10px 0;
  	}
  	.nashi-novosti > div > div > .item-image > a > img{
		margin: 0 10px 10px 0;
	} 
	.download{
		width: 50%;
		margin: 0 auto;
	}
	.download > div{
		width: 30%;
		margin: 0 1%;
	}
	.download > div > a{
		text-decoration: none;
	}
	.download > div > a > img {
		width: 40%;
		margin: 0 30%;
	}
  	.breadcrumb{
    	background-color:#ffffff;
  	}
	#site-head{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		background-color: #ffffff;
		padding: 0 1%;
	}
	.after-menu{
		padding-top: 6vw;
	}
	.owl-carousel{
		margin: 1.5vw 0;
	}
	.footer-bg > div > div > h2{
		margin-top: 1.5vw;
	}
}

	
@media screen and (min-width: 992px) {	}
@media screen and (min-width: 1200px) {	}
@media screen and (min-width: 1600px) {	}



/* ---- help class ---- */

.block 				{	display: block!important;	}
.no-margin-top		{	margin-top: 	0;	}
.no-margin-bottom	{	margin-bottom: 	0;	}
.no-margin-left		{	margin-left: 	0;	}
.no-margin-right	{	margin-right: 	0;	}
.no-padding-top		{	padding-top: 	0;	}
.no-padding-bottom	{	padding-bottom: 0;	}
.no-padding-left	{	padding-left: 	0;	}
.no-padding-right	{	padding-right: 	0;	}