@media (max-width: 639px) {
    .container {
        width: 330px;
    }
}
@media (min-width:640px) and (max-width: 767px) {
    .container {
        width: 640px;
    }
    
}
@media (max-width: 767px) {
    .title-stripe{
        background-size:200% 100%;
        background-position:center 0;
    }
    .title-stripe p{
        width:100%;
    }
    #header::before{
        top:0;
        left:0;
        right:0;
        bottom:50%;
	}
    #header::after{
        top:50%;
        left:0;
        right:0;
        bottom:0;
	}
    #header .logo{
        width:150px;
    }
    #header .logo a{
        background-size:100% auto;
    }
    #header .menu li a{
        font-size:12px;
        padding-left:20px;
    }
    #header .menu li a:before{
        left:10px;
    }
    #header .contact-info{
        font-size:10px;
    }
    #header .social-box{
        padding:5px;
    }
    #main-slider-carousel .carousel-inner{
        width:100%;
        float:none;
    }
    #main-slider-carousel .content-block{
        width:100%;
        float:none;
        height:auto;
    }
    #main-slider-carousel .content-block::after{
        display:none;
    }
    #main-slider-carousel .content-block img{
        position:relative;
        top:0;
        left:0;
        margin:10px 10px 40px;
    }
    #main-slider-carousel .content-block p{
        position:relative;
        top:0;
        left:0;
        margin:0 0 10px;
        padding:0 10px;
    }
    #main-section-1 .circles{
        width:100%;
    }
    #main-section-1 .circles .circle.small, #main-section-1 .circles .circle.big{
        position:static;
        margin:10px auto;
    }
    .caps .cap{
        width:100%;
        height:auto;
        margin-bottom:10px;
    }
    .caps .cap .image-box img{
        width:100%;
    }
    #main-section-1 .single-box{
        width:100%;
    }
    #main-section-1 .single-box p{
        text-align:justify;
    }
    #main-section-2{
        position:relative;
    }
    #main-section-2 .text, #main-section-2 .center, #main-section-2 .right{
        width:100%;
    }
    #main-section-2 .text{
        padding-top:115px;
        padding-right:0;
    }
    #main-section-2 .text h3, #main-section-2 .text h4{
        text-align:center;
    }
    #main-section-2 .text p{
        text-align:justify;
    }
    #main-section-2 .center{
        position:static;
    }
    #main-section-2 .center .triangle-title{
        position:absolute;
        top:0;
        left:50%;
        margin:0 0 0 -125px;
    }
    #main-section-4 .circle-box.left, #main-section-4 .circle-box.right{
        width:100%;
        float:none;
        text-align:center;
    }
    #main-section-4 .collage{
        width:100%;
    }    
    #main-section-4 .references{
        position:static;
        margin:10px 0 0;
    }
    #main-section-4 .references .refs-container{
        height:auto;
    }
    #main-section-4 .references .refs-container .refs-box .item{
        width:33.3333333333%;
        height:70px;
    }
    #main-section-4 .references .nav-container{
        font-size:12px;
        line-height:18px;
    }
    #main-section-4 .references .nav-container .btn{
        height:20px;
    }
    #main-section-5{
        padding-top:0;
    }
    #main-section-5 .table-box{
        width:100%;
    }
    #main-section-5 .table-box table tr td{
        padding:5px;
        vertical-align:middle;
    }
    #main-section-7 .float-img{
        display:none;
    }
    #main-section-7 .text ul li{
        width:100%;
    }
    #main-section-7 .text{
        padding:110px 0 0;
    }
    #main-section-7 .text h3, #main-section-7 .text h4{
        text-align:center;
    }
    #main-section-7 .text p{
        text-align:justify;
    }
    .content p{
        text-align:justify;
    }
    #references-page .row > div:nth-child(2n+1) .image-box{
        float:right;
    }
    #references-page .row > div:nth-child(2n+1) .descr-box{
        float:left;
    }
    #references-page .row > div:nth-child(2n+1) .reference .descr-box:before{
        left:100%;
        right:auto;
        border-left:14px solid #f4f4f4;
        border-right:none;
    }
    #references-page .row > div:nth-child(2n+1) .reference .descr-box:after{
        right:auto;
        left:0;
        background: #232429;
        background: -moz-linear-gradient(right, #f1f1f1 0%, #cacaca 100%);
        background: -webkit-linear-gradient(right, #f1f1f1 0%, #cacaca 100%);
        background: -o-linear-gradient(right, #f1f1f1 0%, #cacaca 100%);
        background: linear-gradient(right, #f1f1f1 0%, #cacaca 100%);
    }
    .ecatalogs-container .ecatalog{
        width:100%;
        margin-bottom:5px;
    }
    .form-horizontal .control-label:after{
        display:none;
    }
    .products-container > .left, .products-container > .right{
        width:100%;
    }
    .products-container .products-list .product:hover .img-box:before{
        padding:50% 0 0;
    }
    .products-container .product-detail .main-info .img-box{
        width:100%;
        height:352px;
    }
    .products-container .product-detail .main-info .description-box{
        width:100%;
        height:352px;
    }
    .products-container .product-detail .tab-content .gallery a{
        height:116px;
    }
    .products-container .product-detail .tab-content .gallery a img{
        width:100%;
    }
    .products-container .product-detail .tab-content .models .col-7{
        width:25%;
    }
    .products-container .product-detail .tab-content .models a{
        height:73px;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {	
	.container{
        width:730px;
	}
    #header::before{
        top:0;
        left:0;
        right:0;
        bottom:50%;
	}
    #header::after{
        top:50%;
        left:0;
        right:0;
        bottom:0;
	}
    #main-slider-carousel .content-block{
        height:321px;
    }
    #main-slider-carousel .content-block img{
        top:5px;
        left:5px;
        margin:0;
        width:90%;
    }
    #main-slider-carousel .content-block .carousel-control{
        top:25%;
    }
    #main-section-1 .circles{
        width:100%;
    }
    .caps .cap{
        position:relative
    }
    .caps .cap .title-box{
        position:static;
        padding:10px 20px;
    }
    .caps .cap .title-box::after{
        top:auto;
        bottom:20px;
        left:50%;        
    }
    #main-section-2 .text{
        display:none;
    }
    #main-section-2 .center{
        width:50%;
    }
    #main-section-2 .right{
        width:50%;
    }
    #main-section-4 .circle-box{
        width:28%;
    }
    #main-section-4 .collage{
        width:44%;
    }
    #main-section-5 .table-box{
        width:100%;
    }
    #main-section-7 .text{
        position:relative;
        z-index:2;
        padding-right:0;
        padding-top:55px;
    }
    #main-section-7 .float-img{
        z-index:0;
        width:200px;
    }
    .title-stripe{
        background-size:auto 100%;
        background-position:center 0;
    }
     #references-page .reference, #references-page .reference .image-box, #references-page .reference .descr-box{
        height:160px;
    }
    #references-page .row > div:nth-child(6n+4) .reference .descr-box:after, 
    #references-page .row > div:nth-child(6n+5) .reference .descr-box:after,
    #references-page .row > div:nth-child(6n) .reference .descr-box:after{
        right:auto;
        left:0;
        background: #232429;
        background: -moz-linear-gradient(right, #f1f1f1 0%, #cacaca 100%);
        background: -webkit-linear-gradient(right, #f1f1f1 0%, #cacaca 100%);
        background: -o-linear-gradient(right, #f1f1f1 0%, #cacaca 100%);
        background: linear-gradient(right, #f1f1f1 0%, #cacaca 100%);
    }
    #references-page .row > div:nth-child(6n+4) .reference .descr-box:before,
    #references-page .row > div:nth-child(6n+5) .reference .descr-box:before,
    #references-page .row > div:nth-child(6n) .reference .descr-box:before{
        left:100%;
        right:auto;
        border-left:14px solid #f4f4f4;
        border-right:none;
    }
    #references-page .row > div:nth-child(6n+4) .descr-box,
    #references-page .row > div:nth-child(6n+5) .descr-box,
    #references-page .row > div:nth-child(6n) .descr-box{
        float:left;
    }
    #references-page .row > div:nth-child(6n+4) .image-box,
    #references-page .row > div:nth-child(6n+5) .image-box,
    #references-page .row > div:nth-child(6n) .image-box{
        float:right;
    }
    #references-page .reference .descr-box p{
        bottom:10px;
    }
    .ecatalogs-container .ecatalog{
        width:50%;
    }
    .products-container > .left{
        width:40%;
    }
    .products-container > .right{
        width:60%;
    }
    .products-container .product-detail .main-info .img-box,
    .products-container .product-detail .main-info .description-box{
        width:100%;
    }
    .products-container .product-detail .tab-content .gallery a{
        height:149px;
    }
    .products-container .product-detail .tab-content .models .col-7{
        width:25%;
    }
    .products-container .product-detail .tab-content .models a{
        height:95px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
    #main-slider-carousel .content-block{
        height:415px;
    }
    #main-slider-carousel .content-block img{
        top:75px;
        left:5px;
        margin:0;
        width:90%;
    }
    #main-section-2 .text, #main-section-2 .right{
        width:37%;
    }
    #main-section-2 .center{
        width:26%;
    }
    #main-section-7 .text{
        padding-right:0;
    }
    .title-stripe{
        background-size:auto 100%;
        background-position:center 0;
    }
    #references-page .reference, #references-page .reference .image-box, #references-page .reference .descr-box{
        height:180px;
    }
    #references-page .row > div:nth-child(6n+4) .reference .descr-box:after, 
    #references-page .row > div:nth-child(6n+5) .reference .descr-box:after,
    #references-page .row > div:nth-child(6n) .reference .descr-box:after{
        right:auto;
        left:0;
        background: #232429;
        background: -moz-linear-gradient(right, #f1f1f1 0%, #cacaca 100%);
        background: -webkit-linear-gradient(right, #f1f1f1 0%, #cacaca 100%);
        background: -o-linear-gradient(right, #f1f1f1 0%, #cacaca 100%);
        background: linear-gradient(right, #f1f1f1 0%, #cacaca 100%);
    }
    #references-page .row > div:nth-child(6n+4) .reference .descr-box:before,
    #references-page .row > div:nth-child(6n+5) .reference .descr-box:before,
    #references-page .row > div:nth-child(6n) .reference .descr-box:before{
        left:100%;
        right:auto;
        border-left:14px solid #f4f4f4;
        border-right:none;
    }
    #references-page .row > div:nth-child(6n+4) .descr-box,
    #references-page .row > div:nth-child(6n+5) .descr-box,
    #references-page .row > div:nth-child(6n) .descr-box{
        float:left;
    }
    #references-page .row > div:nth-child(6n+4) .image-box,
    #references-page .row > div:nth-child(6n+5) .image-box,
    #references-page .row > div:nth-child(6n) .image-box{
        float:right;
    }
    #references-page .reference .descr-box p{
        bottom:10px;
    }
    .ecatalogs-container .ecatalog{
        width:33.3333333%;
    }
    .products-container .products-list .product{
        height:250px;
    }
    .products-container .products-list .product .img-box{
        height:182px;
    }
    .products-container .products-list .product .img-box::after{
        top:60px;
    }
    .products-container .product-detail .main-info .description-box{
        width:370px;
    }
    .products-container .product-detail .nav.nav-tabs > li > a{
        width:auto;
    }
    .products-container .product-detail .tab-content .gallery a{
        height:128px;
    }
    .products-container .product-detail .tab-content .models a{
        height:93px;
    }
}
@media (min-width: 1200px) {
    #main{
        min-height:710px;
    }
    #references-page .row > div:nth-child(6n+4) .reference .descr-box:after, 
    #references-page .row > div:nth-child(6n+5) .reference .descr-box:after,
    #references-page .row > div:nth-child(6n) .reference .descr-box:after{
        right:auto;
        left:0;
        background: #232429;
        background: -moz-linear-gradient(right, #f1f1f1 0%, #cacaca 100%);
        background: -webkit-linear-gradient(right, #f1f1f1 0%, #cacaca 100%);
        background: -o-linear-gradient(right, #f1f1f1 0%, #cacaca 100%);
        background: linear-gradient(right, #f1f1f1 0%, #cacaca 100%);
    }
    #references-page .row > div:nth-child(6n+4) .reference .descr-box:before,
    #references-page .row > div:nth-child(6n+5) .reference .descr-box:before,
    #references-page .row > div:nth-child(6n) .reference .descr-box:before{
        left:100%;
        right:auto;
        border-left:14px solid #f4f4f4;
        border-right:none;
    }
    #references-page .row > div:nth-child(6n+4) .descr-box,
    #references-page .row > div:nth-child(6n+5) .descr-box,
    #references-page .row > div:nth-child(6n) .descr-box{
        float:left;
    }
    #references-page .row > div:nth-child(6n+4) .image-box,
    #references-page .row > div:nth-child(6n+5) .image-box,
    #references-page .row > div:nth-child(6n) .image-box{
        float:right;
    }
}