@media only screen and (max-width : 479px) {
    .main { width: 300px; }
    .main-about .left-main-about > ul li { width: 100%;margin-left:0;margin-bottom:20px;}
    .main-about .left-main-about > ul li > figure{text-align:center;}
    .main-about .left-main-about > ul li > figure figcaption{text-align:right;}
    .main-products ul li figure figcaption a, .main-products ul li figure figcaption .pr-name { right: 10px; }
    .main-contact .gMap, .main-contact .gMap .googlemap { height: 348px;width:100%;float:none; }
    .main-contact .main-left-contact{width:100%;float:none;}
        .main-contact .gMap::before { display:none; }
        .hamburger{display:block;}
    header .bottom-header .main-menu > ul { display: none;position: absolute; background: #d1d2d8;position: relative; background: -moz-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #d1d2d8), color-stop(22%, #ececec), color-stop(49%, #e9eaea), color-stop(71%, #dfe1e3), color-stop(88%, #d8dade), color-stop(100%, #d1d2d8)); background: -webkit-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: -o-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: -ms-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: linear-gradient(to bottom, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d2d8', endColorstr='#d1d2d8', GradientType=0 ); top:60px; }
    header .bottom-header .main-menu{background:none;}
    header .bottom-header .main-menu > ul > li > a::before{display:none;}
        header .bottom-header .main-menu > ul > li { width: 50%;position: relative;}
    .bottom-header { background: #d1d2d8; height: 60px; position: relative; background: -moz-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #d1d2d8), color-stop(22%, #ececec), color-stop(49%, #e9eaea), color-stop(71%, #dfe1e3), color-stop(88%, #d8dade), color-stop(100%, #d1d2d8)); background: -webkit-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: -o-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: -ms-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: linear-gradient(to bottom, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d2d8', endColorstr='#d1d2d8', GradientType=0 ); }
    header .bottom-header .main-menu > ul > li .sub-menu{position: static;width: 100%;}
    .main-services .services-content,.main-services .services-sidebar{width:100%;float:none;}
    .main-products .title{margin-right:10px;}
    .main-about .right-main-about .main-h1{line-height: 40px;text-align: center;}
    .main-products ul li {width:100%;}
    .main-products ul li figure > a{display:block;}
    .main-products ul li figure > a img{height:260px;}
    .main-sldier{display:none!important;}
    .main-sldier .item figcaption{display:none;}
    .main-about .right-main-about,.main-about .left-main-about{width:100%;float:none;margin-bottom:15px;}
    .main-news .mainNewsList li{width:100%;margin-bottom:15px;}
    header .center-header .call-header a{pointer-events:auto;}
    header .center-header .call-header .phone-number{font-size:20px;}
    header .center-header .logo a img{width:90px;height:42px;}
    header .center-header .call-header{float: left;width: 200px;margin-top:0;padding-left: 15px;}
    header .center-header .call-header::before{width: 26px;height: 26px;left: -6px;top: -2px;background-position:-81px -101px;}


    .pr-list li figure > a img{height:auto;}
    .pr-list li figure figcaption a,.pr-list li figure figcaption .pr-name{right:10px;}
    .pr-list li{width:100%;margin-left: 0;}
    .pr-cats li { margin:0 6px; }
    .pr-detail .left-product figure::before{display:none;}
    .pr-detail .left-product{width:100%;margin-right:0;}
    .txtdetail{text-align:justify;}
    .bottom-detail .title span{min-width:100%;}
    .pr-detail .left-product img{height:auto;}
    .innerslide .item img{height:380px!important;}
    .pr-detail .left-product .down-catalog{width:100%;text-align:right;}
    header .bottom-header{position:static;}
    .career-form { width:100%; }
    .partnerList li{width:100%;float:none;}

    .center-contact .right-contact,.center-contact .contact-form{ width:100%;float:none;margin-bottom:20px;}
    .center-contact .contact-form ul li:nth-child(2n),.center-contact .contact-form ul li{width:100%;float:none;}

    .newsList li .news-txt{width:100%;}
    .news .top-news li .txt { width:178px; }
    .newsList li figure{width:100%;}
    .news .top-news li{margin-left:0;padding-left:12px;margin-bottom:10px;}
    .news .top-news li .btn{float:left;}
    .news .top-news li .cal{left:20px;}
    .newsList li figure a img{width:100%;}
    .news .top-news li{width:100%;}
    .news .top-news li .txt{width:100%;}
    .newsList li figure a span{left:10px;}
    .detail .left-detail { width: 100%; float: none; margin-right: 0; margin-bottom: 15px; }
    .related-links li { width: 100%; }
    .main-gallery li {margin-left:0;margin-bottom:20px;}
    .partnerList{margin:0;}
    .search-box .txt{width: 76%;}
}

@media only screen and (min-width : 480px) and (max-width : 719px) {
    .main { width: 460px; }
    .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
    .search-box .txt{width: 84%;}
    .hamburger{display:block;}
        .table-responsive > .table { margin-bottom: 0; }
        .main-about .left-main-about > ul li { width: 100%;margin-left:0;margin-bottom:20px;}
    .main-about .left-main-about > ul li > figure{text-align:center;}
    .main-about .left-main-about > ul li > figure figcaption{text-align:right;}
    .main-products ul li figure figcaption a, .main-products ul li figure figcaption .pr-name { right: 10px; }
    .main-contact .gMap, .main-contact .gMap .googlemap { height: 348px;width:100%;float:none; }
    .main-contact .main-left-contact{width:100%;float:none;}
        .main-contact .gMap::before { display:none; }
    header .bottom-header .main-menu > ul { display: none;position: absolute; background: #d1d2d8;position: relative; background: -moz-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #d1d2d8), color-stop(22%, #ececec), color-stop(49%, #e9eaea), color-stop(71%, #dfe1e3), color-stop(88%, #d8dade), color-stop(100%, #d1d2d8)); background: -webkit-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: -o-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: -ms-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: linear-gradient(to bottom, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d2d8', endColorstr='#d1d2d8', GradientType=0 ); top:60px; }
    header .bottom-header .main-menu{background:none;}
    header .bottom-header .main-menu > ul > li > a::before{display:none;}
        header .bottom-header .main-menu > ul > li { width: 50%;position: relative;}
    .bottom-header { background: #d1d2d8; height: 60px; position: relative; background: -moz-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #d1d2d8), color-stop(22%, #ececec), color-stop(49%, #e9eaea), color-stop(71%, #dfe1e3), color-stop(88%, #d8dade), color-stop(100%, #d1d2d8)); background: -webkit-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: -o-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: -ms-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: linear-gradient(to bottom, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d2d8', endColorstr='#d1d2d8', GradientType=0 ); }
    header .bottom-header .main-menu > ul > li .sub-menu{position: static;width: 100%;}
    .main-services .services-sidebar{width:35%;}
    .main-services .services-content{width:62%;}
    .main-products ul li {width:50%;}
    .main-sldier .item a img,.main-sldier{height:380px;}
    .main-sldier .item figcaption{display:none;}
    .main-about .right-main-about,.main-about .left-main-about{width:100%;float:none;margin-bottom:15px;}
    .main-news .mainNewsList li{width:100%;margin-bottom:15px;}

    .pr-list li figure > a img{height:160px;}
    .pr-list li figure figcaption a,.pr-list li figure figcaption .pr-name{right:10px;}
    .pr-list li{width:47%;margin-left: 26px;}
    .pr-list li:nth-child(2n){margin-left:0;}
    .pr-cats li { margin:0 6px; }
    .pr-detail .left-product{width:45%;}
    .txtdetail{text-align:justify;}
    .pr-detail .left-product img{height:185px;}
    .pr-detail .left-product .down-catalog{width:100%;text-align:right;}
    .innerslide .item img{height:380px!important;}
    .career-form { width: 90%; }
    header .center-header .call-header{width:53%;}
    .partnerList li{width:50%;}
    .center-contact .right-contact,.center-contact .contact-form{ width:100%;float:none;margin-bottom:20px;}
    .center-contact .contact-form ul li:nth-child(2n),.center-contact .contact-form ul li{width:100%;float:none;}
    .newsList li .news-txt{width:1002%;}
    .news .top-news li .txt { width:178px; }
    .newsList li figure{width:100%;}
    .news .top-news li{margin-left:0;padding-left:12px;margin-bottom:10px;}
    .news .top-news li .btn{float:left;}
    .news .top-news li .cal{left:20px;}
    .newsList li figure a img{width:100%;}
    .news .top-news li{width:50%;}
    .news .top-news li .txt{width:100%;}
    .newsList li figure a span{left:20px;}
    .detail .left-detail{width:100%;float:none;margin-right:0;margin-bottom:15px;}

    .related-links li{width:100%;}
}

@media only screen and (min-width : 720px) and (max-width : 1000px) {
    .main { width: 700px; }
    .hamburger{display:block;}
    .main-about .left-main-about > ul li { width: 100%;margin-left:0;margin-bottom:20px;}
    .main-about .left-main-about > ul li > figure{text-align:center;}
    .main-about .left-main-about > ul li > figure figcaption{text-align:right;}
    .main-products ul li figure figcaption a, .main-products ul li figure figcaption .pr-name { right: 10px; }
    .main-contact .gMap, .main-contact .gMap .googlemap { height: 348px; }
        .main-contact .gMap::before { display:none; }
    header .bottom-header .main-menu > ul { display: none;position: absolute; background: #d1d2d8;position: relative; background: -moz-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #d1d2d8), color-stop(22%, #ececec), color-stop(49%, #e9eaea), color-stop(71%, #dfe1e3), color-stop(88%, #d8dade), color-stop(100%, #d1d2d8)); background: -webkit-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: -o-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: -ms-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: linear-gradient(to bottom, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d2d8', endColorstr='#d1d2d8', GradientType=0 ); top:60px; }
    header .bottom-header .main-menu{background:none;}
    header .bottom-header .main-menu > ul > li > a::before{display:none;}
        header .bottom-header .main-menu > ul > li { width: 50%;position: relative;}
    .bottom-header { background: #d1d2d8; height: 60px; position: relative; background: -moz-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #d1d2d8), color-stop(22%, #ececec), color-stop(49%, #e9eaea), color-stop(71%, #dfe1e3), color-stop(88%, #d8dade), color-stop(100%, #d1d2d8)); background: -webkit-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: -o-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: -ms-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: linear-gradient(to bottom, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d2d8', endColorstr='#d1d2d8', GradientType=0 ); }
    header .bottom-header .main-menu > ul > li .sub-menu{position: static;width: 100%;}
    .main-services .services-sidebar{width:35%;}
    .main-services .services-content{width:62%;}
    .main-products ul li {width:33.33%;}
    .pr-list li figure > a img{height:160px;}
    .pr-list li figure figcaption a,.pr-list li figure figcaption .pr-name{right:10px;}
    .pr-list li:nth-child(3n){margin-left:0;}
    .pr-cats li { margin: 0 25px; }
    .pr-detail .left-product{width: 55%;}
    .partnerList li{width:33.33%;}
    .center-contact .right-contact,.center-contact .contact-form{ width:100%;float:none;margin-bottom:20px;}

    .newsList li .news-txt{width:62%;}
    .news .top-news li .txt { width:178px; }
    .newsList li figure{width:260px;}
    .newsList li figure a img{width:100%;}
    header .center-header .call-header { width: 250px; margin-top: 20px; }
    header .center-header .call-header::before{top:-3px;}
}

@media only screen and (min-width : 1001px) and (max-width : 1249px) {
    .main { width: 980px; }
    .main-about .left-main-about > ul li { width: 47%; }
    .main-products ul li figure figcaption a, .main-products ul li figure figcaption .pr-name { right: 10px; }
    .main-contact .gMap, .main-contact .gMap .googlemap { height: 295px; }
    .main-contact .gMap::before { height: 325px; }

     .newsList li .news-txt{width:62%;}
    .news .top-news li .txt { width: 265px; }
    header .center-header .call-header { width: 255px; margin-top: 20px; }
    header .center-header .call-header::before{top:-3px;}

}

@media only screen and (min-width : 1250px) and (max-width : 1400px) {
    .main { width: 1200px; }
    .main-contact .gMap::before { height: 292px; background-size: cover; }
    header .center-header .call-header { width: 255px; margin-top: 20px; }
    header .center-header .call-header::before{top:-3px;}
}

@media only screen and (min-width : 1401px) and (max-width : 1750px) {
    .main { width: 1200px; }
    header .center-header .call-header { width: 255px; margin-top: 20px; }
    header .center-header .call-header::before{top:-3px;}
}

@media only screen and (min-width : 1750px) {
    .main { width: 1400px; }
}