@media (min-width: 1200px) {

.dropdown:hover .dropdown-menu {
    display: block;
    -webkit-animation: fadeInUp 400ms;
    animation: fadeInUp 400ms;
}

.navbar-nav > li:first-child{
   margin-left: 140px;
}

.navbar-collapse{
	padding-right: 0;
}

.navbar-nav > li > a{
  padding-left: 19px;
  padding-right: 18px;
  padding-top: 25px;
  padding-bottom: 25px;
}

#menu-into-carusel{
	width: 480px;
  height: 500px;
  left: 50%;
  margin-left: -600px;
  top: 50px;
}

#videoinrazdel .bl_video{
	width: 49%;
}


}


@media (min-width: 992px) and (max-width: 1199px){

.dropdown:hover .dropdown-menu {
    display: block;
    -webkit-animation: fadeInUp 400ms;
    animation: fadeInUp 400ms;
}

.navbar-nav > li:first-child{
   margin-left: 70px;
}

.navbar-brand{
  padding: 8px 4px 0;
  padding-right: 20px;
  padding-left: 2px;
}

.navbar-brand img{
  height: 50px;
  width: auto;
}

.navbar-nav > li > a{
	font-size: 14px;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 25px;
  padding-bottom: 25px;
}

.carousel-bg  .carousel-inner .item {
   min-height: 450px;
}

#menu-into-carusel{
  left: 50%;
  margin-left: -470px;
  top: 45px;
}

#menu-into-carusel ul{
  padding-bottom: 30px;
  padding-top: 20px;
}

#menu-into-carusel ul li{
   padding-top: 12px;
   padding-bottom: 12px; 
   background-size: 16% auto;
}

#menu-into-carusel ul li img{
  width: 50px;
  height: auto;
}

#menu-into-carusel ul li a{
   font-size: 16px;
   line-height: 26px;
   padding-left: 0;
}

.numscroller{
 font-size: 50px;
}

#section_callback .col-sm-4{
  padding-left: 2px;
  padding-right: 2px;
}

#section_callback form button > i{
	left: 0;
}

.bl_aboutnasos {
  flex: 25%;
}

#videoinrazdel iframe{
	height: 240px !important;
}


}





/* sm */
@media (min-width: 768px) and (max-width: 991px){

.dropdown:hover .dropdown-menu {
    display: block;
    -webkit-animation: fadeInUp 400ms;
    animation: fadeInUp 400ms;
}

.navbar-brand{
  padding: 8px 4px 0;
  padding-right: 20px;
  padding-left: 2px;
}

.navbar-brand img{
  height: 50px;
  width: auto;
}

.navbar-nav > li > a{
	font-size: 13px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 25px;
  padding-bottom: 25px;
}

.carousel-bg  .carousel-inner .item {
   min-height: 420px;
}

.carousel-bg .carousel-caption{
  display: none;
}

#menu-into-carusel{
  left: 50%;
  margin-left: -400px;
  top: 35px;
}

#menu-into-carusel ul{
  padding-bottom: 30px;
  padding-top: 20px;
}

#menu-into-carusel ul li{
   padding-top: 10px;
   padding-bottom: 10px; 
   background-size: 14% auto;
}

#menu-into-carusel ul li img{
  width: 50px;
  height: auto;
}

#menu-into-carusel ul li a{
   font-size: 16px;
   line-height: 26px;
   padding-left: 0;
}


#section_callback .col-sm-4{
	padding-left: 3px;
	padding-right: 3px;
}

#section_callback form button > i{
	  display: none;
}

#footer .address, #footer .phone, #footer .email_footer, #footer h3, .bl_niz_seti{
  text-align: center;
}

ul.footer_menu{
	margin-left: 20%;
	margin-bottom: 50px;
}

.img_betonjob{
  margin-top: 10px;
}

#sect_betonjob h2 {
  font-size: 18px;
  line-height: 28px;
}

.bl_aboutnasos {
  flex: 25%;
}


#videoinrazdel .bl_video{
	width: 600px;
}

#videoinrazdel{
	justify-content: center;
}


}




@media (min-width: 481px)  and (max-width : 767px){

#header{
  height: 52px;
}

.bl_top_phone{
	position: relative;
  top: 14px;
  z-index: 15;
}

.bl_top_phone a{
  font-size: 20px;
  line-height: 26px;
}

.navbar-brand img {
    height: 46px;
    width: auto;
}

.container>.navbar-header, .container>.navbar-collapse{
	margin-right: 0;
}

.navbar-nav > li > a{
  font-size: 13px;
  transform: skew(0);
  padding-left: 20px;
}

.navbar-toggle {
  z-index: 20;
  margin-right: 20px;
  margin-top: 10px;
}

.carousel-bg  .carousel-inner .item {
   min-height: 340px;
}

.carousel-bg .carousel-caption{
  display: none;
}

#menu-into-carusel{
  left: 50%;
  margin-left: -340px;
  top: 15px;
}

#menu-into-carusel ul{
  padding-bottom: 20px;
  padding-top: 20px;
}

#menu-into-carusel ul li{
   padding-top: 10px;
   padding-bottom: 10px; 
   background-size: 12% auto;
}

#menu-into-carusel ul li img{
  width: 40px;
  height: auto;
}

#menu-into-carusel ul li a{
   font-size: 14px;
   line-height: 20px;
   padding-left: 0;
}

.bl_recomend{
  width: 60%;
  margin-left: 20%;
}


#section_callback h2 {
  font-size: 18px;
  line-height: 22px;
}


#footer .address, #footer .phone, #footer .email_footer, #footer h3, .bl_niz_seti{
  text-align: center;
}

ul.footer_menu{
	margin-left: 20%;
	margin-bottom: 50px;
}

#sect_recomend h2 {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 40px;
}

#sect_betonjob h2 {
  font-size: 20px;
  line-height: 28px;
}

#sect_avtopark .container-fluid{
  padding-left: 15px;
  padding-right: 15px;
}

#sect_aboutnasos h2 {
  font-size: 20px;
  line-height: 36px;
}

#sect_preim ul li.pr2, #sect_preim ul li.pr3, #sect_preim ul li.pr4,
 #sect_preim ul li.pr5, #sect_preim ul li.pr6{
  margin-left: 0;
}

.bl_mgall{
  flex: 33%;
}

#sect_maingallery h2 {
  font-size: 20px;
  line-height: 36px;
}

.modal-dialog {
    width: calc( 100% - 20px);
  margin-left: 10px;
}

#videoinrazdel .bl_video{
	width: 100%;
}

#videoinrazdel{
	justify-content: center;
}



}


@media screen  and (max-width : 640px){

#menu-into-carusel{
  left: 50%;
  margin-left: -240px;
  top: 15px;
}

#footer .col-xs-6{
	width: 100%;
}

.carousel-bg .carousel-caption{
  display: none;
}

.bl_recomend{
  width: 80%;
  margin-left: 10%;
}

.ramka_img_border{
	margin-top: 30px;
	margin-bottom: -15px;
}

#cat_photo_full .col-xs-6{
	padding-left: 3px;
	padding-right: 3px;
}




}




@media screen and (max-width : 480px){

#header{
  height: 90px;

}

.bl_top_phone{
  z-index: 15px;
  width: 100%;
	margin-right: 0;
	text-align: center;
  top: 55px;
  left: 0;
  margin-left: 20px;
}

.bl_top_phone a{
	padding: 0 10px;
  font-size: 20px;
}

.navbar-brand img {
    height: 46px;
    width: auto;
}

.navbar-fixed-top{
  height: 90px;
}

.navbar-toggle {
  z-index: 20;
}

.nav>li{
  background-color: #063f6c;
}

.container>.navbar-header, .container>.navbar-collapse{
	margin-right: 0;
  padding-top: 0;
}

.navbar-nav > li > a{
  font-size: 12px;
  transform: skew(0);
  padding-left: 20px;
}

.navbar-toggle {
  margin-right: 20px;
  margin-top: 10px;
}

.carousel-bg  .carousel-inner .item {
   min-height: 300px;
}

#menu-into-carusel{
  left: 50%;
  margin-left: -140px;
  top: 15px;
}

#menu-into-carusel ul{
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

#menu-into-carusel ul li{
   padding-top: 8px;
   padding-bottom: 8px; 
}

 #menu-into-carusel ul li img{
  width: 35px;
  height: auto;
}

#menu-into-carusel ul li a{
   font-size: 13px;
   line-height: 18px;
   padding-left: 0;
}

.carousel-bg .carousel-indicators{
	display: none;
}



#section_callback h2 {
  font-size: 16px;
  line-height: 22px;
}

#footer .col-xs-6{
	width: 100%;
}

#footer .address, #footer .phone, #footer .email_footer, #footer h3, .bl_niz_seti{
  text-align: center;
}

#footer .email_footer{
	margin-bottom: 40px;
}

ul.footer_menu{
	margin-left: 20%;
	margin-bottom: 50px;
}

#sect_new_cars .center h2, #sect_used_cars .center h2 {
  font-size: 20px;
}

.bl_recomend{
  width: 99%;
  margin-left: 1%;
}

#sect_recomend h2 {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 40px;
}

#sect_betonjob h2 {
  font-size: 18px;
  line-height: 28px;
}

#sect_avtopark .container-fluid{
  padding-left: 15px;
  padding-right: 15px;
}

#sect_aboutnasos h2 {
  font-size: 20px;
  line-height: 36px;
}

#sect_preim ul li.pr2, #sect_preim ul li.pr3, #sect_preim ul li.pr4,
 #sect_preim ul li.pr5, #sect_preim ul li.pr6{
  margin-left: 0;
}

.bl_mgall{
  flex: 49%;
}

#sect_maingallery h2 {
  font-size: 18px;
  line-height: 36px;
}

.modal-dialog {
    width: calc( 100% - 20px);
  margin-left: 10px;
}

#bl_articles_all .col-xs-4, #bl_articles_all .col-xs-8{
	width: 100%;
}

.bl_article_tb img{
	margin: 0 0 10px;
}

.bl_cat_item_text a {
   font-size: 14px;
   line-height: 20px;
}


#cat_photo_full .col-xs-6{
	width: 100%;
	padding-top: 5px;
}

.ramka_img_border{
	left: 50%;
	margin-left: -150px;
	margin-bottom: 10px;
}

h1.view {
    font-size: 16px;
    margin-bottom: 30px;
}


.shop thead{
	display: none;
}

.shop tr{
	max-width: 240px;
	border-bottom: 25px solid #f9f9f9;
}

.shop th, .shop td{
	width: 100% !important;
	white-space: normal !important;
	display: block;
	float: left;
	text-align: center !important;
}

#videoinrazdel .bl_video{
	width: 100%;
}
.dop-col-xs-12{
	padding-left: 0;
	padding-right: 0;
}

#videoinrazdel{
	justify-content: center;
}

#videoinrazdel iframe{
	height: 240px !important;
}


}