@media (max-width: 769px) and (min-width: 0){
    header{
        padding:10px 20px;
    }
    header .logo{
        margin:3px 0 0 0;
        display: inline-block;
        width:161px;
        padding:23px 0 0 0;
        background: url('../images/logo-sm.png') no-repeat;
        font-size:9px;
    }
    header.navbar {
       float:right;
    }
    header .contact{
        float:left;
        width:auto;
    }
    header .contact .phone,
    header .contact .call{
        display:none;
    }
    header .contact .calls{
        width:40px;
        height:40px;
        margin:0 0 0 28px;
        background: url('../images/phone.png') no-repeat;
        cursor: pointer;
        float:left;
    }
    header .pull-right{
        float:left!important;
    }
    .navbar-toggle{
        position: relative;
        float:right;
        margin:0;
        padding: 0;
        background: none;
        border:none;
        border-radius: 0;
        width:40px;
        height:40px;
        background: url('../images/menu.png') no-repeat;
        margin:0 0 0 10px;
    }
    .top{
        padding:30px 20px 0 20px;
        height:420px;
        width: 100%;
        background: url(../images/bg-header-mobile.jpg) no-repeat top center;
    }
    .top .title{
        font-size:24px;
        line-height: 150%;
        margin:0;
        letter-spacing:1px;
    }
    .top p{
        font-size:16px;
        margin:5px 0 0 0;
        letter-spacing: 1px;
    }
    .top .order{
        width:185px;
        margin:19px 0 0 0;
        padding: 3px 0;
        font-size:10px;
    }
    .navbar-default .navbar-collapse{
        display: none;
    }
    .preims {
        padding: 21px 0 40px 0;
        background: url(../images/letter-o.png) no-repeat center 20px;
    }
    .preims .title{
        font-size:18px;
        letter-spacing: 1px;
    }
    .preims hr{
        width:52px;
        height:2px;
        margin:23px auto 0;
    }
    .preims .block{
        margin-top:30px;
    }
     .cons p{
        font-size:11px;
    }
    .cons form{
        margin:20px 0 0 0;
    }
    .cons input{
        margin:20px 0 0 0;
        height:45px;
    }
    .cons{
        padding:28px 20px 60px 20px;
        background-size: cover;
    }
    .cons .field{
        padding:0;
    }
    .cons .title{
        font-size:18px;
        letter-spacing: 1px;
    }
    .cons button{
        margin:35px 0 0 0;
        font-size:15px;
        font-family:'ProximaNovaSemibold';
        letter-spacing: 1px;
    }
      .service .col-xs-12:nth-child(odd){
        padding:0;
    }
    .service .col-xs-12:nth-child(even){
        padding:0;
    }
    .service{
        padding:30px 20px 50px 20px;
        background: #f6f6f7 url('../images/letter-n.png') no-repeat center 29px;
    }
    .service .item .plash{
        width:185px;
        height:115px;
        padding: 30px 55px 0 23px;
        background: url('../images/plash-gryz.png') no-repeat right top;
    }
    .service .item img{
        height:115px;
    }
    .service .item .plash p{
        font-size:12px;
    }
    .service .title{
        font-size:18px;
        letter-spacing:1px;
    }
    .service hr{
        width:52px;
        height:2px;
        margin:23px auto 0;
    }
    .service .block{
        margin-top:23px;
    }
    .calc{
        padding:30px 0 40px 0;
        background: url(../images/bg-calc.jpg) no-repeat top center;
        background-size: cover;
    }
    .calc hr{
        width:70px;
        height:2px;
        margin:13px auto 0;
    }
    .calc .title{
        font-size:18px;
        letter-spacing: 1px;
        line-height: 100%;
    }
    .calc .form{
        padding:4px 20px 0 20px;
    }
    .calc label{
        margin:20px 0 0 0;
        font-size:15px;
        letter-spacing: 1px;
    }
    .calc .rightPart{
        padding:0;
    }
    .calc .leftPart{
        padding:0;
    }
    .calc .dateInfo p{
        margin:5px 0 0 0;
        width:100%;
    }
    .calc .dateInfo .text-d{
        margin:13px 0 0 0;
        padding:0;
        text-align: left;
    }
    .calc .day{
        margin:0;
    }
    .calc .month{
        width:120px;
        margin-left:10px;
    }
    .calc .year{
        margin-left:10px;
        width:90px;
    }
    .calc .submit{
        margin:40px 0 0 0;
        width:100%;
        font-size:16px;
        font-family:'ProximaNovaSemibold';
        letter-spacing: 1px;
    }
    .calc .fileform{
        margin:14px 0 0 0;
    }
    .calc .contact{
        display: none;
    }
    .calc .field{
        padding:0;
    }
    .work {
        padding: 30px 20px 40px 20px;
        background: #f6f6f7 url(../images/let-k.png) no-repeat center 28px;
    }
    .work hr{
        width:52px;
        height:2px;
        margin:23px auto 0;
    }
    .work .title{
        letter-spacing: 1px;
        font-size:18px;
    } 
    .work .block::after{
        display: none;
    }
    .work .item .name{
        font-size:16px;
        padding:0 40px;
        margin:23px 0 0 0;
    }
    .work .item img{
        width:118px;
    }
     .work .block{
        margin-top:30px;
        height:auto;
    }
    .bottom{
        padding:8px 0 12px 0;
    }
    .bottom .create{
        text-align: center;
        font-size:11px;
        margin:0;
        display: inline-block;
        width:100%;
    }
    .bottom p{
        text-align: center;
        display: none;
    }
    .bottom img{
        float:none;
        margin:10px auto 0;
        display: block;
    }
    footer form button{
        font-size:14px;
        border-radius: 2px;
    }
    footer .hideMap{
        margin:50px auto 0;
    }
    footer form input{
        height:50px;
        margin:20px 0 0 0;
    }
    footer form textarea{
        height:190px;
        margin:20px 0 0 0;
    }
    footer form{
        margin:18px 0 0 0;
    }
    footer .title{
        font-size:18px;
        letter-spacing: 1px;
    }
    .work hr{
        width:70px;
        height:2px;
        margin:33px auto 0;
    }
    footer{
        padding:31px 20px 40px 20px;
        background: #002d63 url(../images/l-k.png) no-repeat center 30px;
    }
    footer .left-part{
        padding:0;
    }
    footer .right-part{
        padding:0;
    }
    footer .contacts .map{
        margin:20px 0 10px 0;
    }
    footer .contacts{
        padding:0;
    }
    footer .adres{
        margin:26px 0 0 0;
    }
    .reviews{
        padding:22px 20px;
        background: #fff url(../images/l-o.png) no-repeat center 19px;
    }
    .reviews .title{
        font-size: 18px;
        letter-spacing: 1px;
    }
    .reviews .rev{
        padding:45px 0 20px 0;
    }
    .reviews .rev img{
        width:150px;
        left:50%;
        margin-left:-75px;
    }
    .reviews .rev .revs-text{
        padding:115px 10px 25px 10px;
    }
    .reviews .rev .revs-text p{
        padding:0;
    }
    .reviews hr{
        width:52px;
        height:2px;
        margin:33px auto 0;
    }
    .carousel-indicators{
        width:100%;
        text-align: center;
        bottom:0;
        top:auto;
    }
    .carousel-indicators li{
        margin:6px 3px;
    }
    .carousel-inner{
        padding-bottom:20px;
    }
    .feedback{
        width:320px;
        margin-left:-160px;
        padding: 20px;
    }
    .feedback form{
        width:100%;
    }
    .feedback .close{
        display: none;
    }
    


    .content-wrap{
      padding-top:20px;  
    }
    .collapse{
		display: none;
	}
	.navbar .nav{
		width:100%;
		text-align: center;
	}
	.navbar{
		margin:0;
		padding:0;
	}
	.navbar {
	  position: relative;
	}
	.collapse.in {
	  position: absolute !important;
	}
	
	.navbar{
		background: none;
	}
	.navbar .nav li{
		width:100%;
	}
	.navbar .nav li a{
		color:#fff;
		padding:3px 0;
	}
	.navbar .nav li.active a{
		padding:3px 0;
	}
	.navbar-collapse{
		border:none;
	}
	.bar{
		position: absolute;
		top:13px;
		left:42px;
		text-transform: uppercase;
		color:#fff;
		font-size:16px;
		font-family: 'opensansregular';
	}

	#modal{
        width:600px;
        top: 50px;
        left: 50%;
        margin: 0 0 0 -300px;
        position:absolute;
    }
    #modal .photo {
        padding: 0 2px;
        width: 100%;
        height:auto;
    }
    #modal .close{
        top:-15px;
        right:0px;
    }
    #modal .desc-product h1{
        padding:8px 0 0 0;
    }
    .wrapper-main{
        padding:0;
        background:#fcfcfc url('../images/bg-mob.jpg') no-repeat top center;
    }
	.service .block .item.active{
		border: 2px solid #203975;
		border-bottom: none;
		box-shadow: none;
	}
    .service .block .text-serv p{
    	font-size:10px;
    }
   
    .row{
        font-size:0;
    }
    .info{
        background: none;
        padding:0 20px;
        box-shadow: none;
        border:none;
    }
    .info .container{
        background: #fff;
        border-radius: 2px;
        border:1px solid #f6f6f6;
        padding-bottom:20px;
    }
    .info .item{
        border:none;
    }
    .info .block{
        padding:15px 10px 0 10px;
        float:none;
        display: inline-block;
        vertical-align: top;
    }
    .info .block:nth-child(1){
        padding:15px 10px 0 10px;
    }
    .info .block:nth-child(1) .item{
        padding:0;
    }
    .info .block:nth-child(2) .item{
        padding:0;
    }
    .info .block:nth-child(3) .item{
        padding:0;
    }
    .info .block:nth-child(4) .item{
        padding:0;
    }
    .info .item p.name{
        font-size:14px;
    }
    .about{
        padding:40px 0 30px 0;
    }
    .about .title{
        font-size:34px;
    }
    .about p{
        margin:10px 0 0 0;
        padding:0 20px;
    }
    .about .photo .shad{
        width:86%;
        margin-left:7%;
    }
    .about .photo .shad img{
        margin:-10px 0 10px -10px;
    }
    .about .title{
        padding:21px 0 5px 0;
    }
    .preim{
        padding:30px 0;
    }
    .preim .title{
        font-size:34px;
        padding:21px 0 5px 0;
    }
    .preim .block{
        padding:0 20px;
    }
    .preim .item{
        padding:0 10px 10px 10px;
        height:auto;
    }
    .preim .block:nth-child(odd){
        padding-right:20px;
    }
    .preim .block:nth-child(even){
        padding-left:20px;
    }
    .preim .item .name{
        text-align: center;
    }
    .preim .item .icon{
        height:87px;
    }
    .preim .item .icon-5{
        background: url('../images/preim-5.png') no-repeat top center;
    }
    .preim .item .icon-6{
         background: url('../images/preim-6.png') no-repeat top center;
    }
    .individ{
        padding:20px 0 40px 0;
    }
    .individ .title{
        font-size:34px;
    }
    .individ hr{
        margin:40px 17px 0 24px;
        height:220px;
    }
    .individ .text{
        width:265px;
    }
    .individ .text div .name{
        font-size:14px;
        margin:35px 0 0 0;
    }
    .individ .text div p{
        font-size:11px;
    }
    .individ .text div .name::before{
        width:10px;
        height:10px;
        left:-22px;
    }
    .legal .text div .name{
        margin:20px 0 0 0;
    }
    .legal hr{
        height:410px;
        margin:30px 17px 0 24px;
    }
    .legal .text div{
        padding:0;
        min-height: auto;
    }
    .legal .title{
        padding:21px 0 0 0;
    }
    .order .form{
        padding: 20px;
    }
    .order .form .title{
        font-size:34px;
    }
    .order .form .field{
        width:100%;
        padding:0;
        margin:16px 0 0 0;
    }
    .order .form p{
        font-size:12px;
    }
    .order .form .submit{
        margin:20px auto 0;
    }
    .order .form label{
        font-size:12px;
    }
    .partn{
        padding:30px 0 25px 0;
    }
    .partn .title{
        font-size:34px;
        padding:21px 0 0 0;
    }
    .partn .list-partn{
        padding:25px 10px 0 10px;
        text-align: left;
    }
    .partn .list-partn img{
        margin:10px;
        max-width: 40%;
    }

    .gallery{
        padding:30px 20px 10px 20px;
    }
    .gallery .title{
        font-size:34px;
    }
    .gallery .all{
        width:100%;
    }



    .bottom nav{
        display: none;
    }
    .collapse{
        background: rgba(30,35,75,0.9);
        position: absolute;
        z-index:3;
    }
    .navbar-default ul.navbar-nav{
        padding:0 20px;
    }
    .navbar-default ul.navbar-nav li{
        text-align: left;
        padding:15px 0;
        border-bottom:1px solid #3f4780;
    }
    .navbar-default ul.navbar-nav li a{
        border:none;
        color:#fff;
        font-size:18px;
        padding:0;
    }
    .navbar-default ul.navbar-nav li.active a{
        border:none;
    }
    .navbar-default ul.navbar-nav li.last a{
        padding:0;
    }
    .navbar-default ul.navbar-nav li.last{
        padding:15px 0;
    }
  
   

    
    footer form .right-part{
        padding:0;
    }
    footer form .left-part{
        padding:0;
    }
  
    .reviews .rev .revs-text .name{
        padding:43px 0 0 0;
    }
   
}

@media (max-width: 320px) and (min-width: 0){
    .calc{
       background: url('../images/let-r.png') no-repeat center 34px,url('../images/bg-calc-mobile.png') no-repeat top center;
       background-size: none;
    }
}