@media only screen and (max-width : 767px){
    .breadcrumb li:first-child a::before{right: -10px !important;}
}
@media only screen and (max-width : 479px){
    .main{width:300px}
    img{max-width:100%;display:block}
    header{position:relative;z-index:110}
    header .top-header .rt-head{width:100%}
    .top-header .rt-head li:last-child{width:100%;margin-left:0}
    #searchPane{padding:2px 0 0;width:100%}
    .stTxt{width:263px !important;}
    header .top-header .lt-head{float:none;padding-top:0;text-align:unset;display:flex;justify-content:space-evenly;width:100%;flex-direction:row-reverse;height:35px}
    header .top-header .lt-head > li{margin:0;float:none;display:flex;flex-direction:row-reverse;align-items:center;height:100%}
    .top-header .lt-head > li:first-child img{margin:0}
    .top-header .lt-head > li img{margin-right:10px!important}
    .top-header .lt-head > li > a{padding:0}
    .top-header .lt-head .phone-number > i{margin-left:5px;width:20px;cursor:pointer}
    header .top-header .rt-head li:nth-child(10){margin-left:0}
    header .top-header .rt-head li:nth-child(10) a{width:190px}
    /*.hiddenWhenRes{display:none!important}*/
    .top-header{height:90px}
    .top-header .lt-head .phone-menu{top:100%;width:300px;right:-15px}
    header .mid-header{height:50px;position:relative;z-index:1}
    header .mid-header .tgt{position:absolute;top:50%;right:40%;transform:translate(80%,-50%);margin:0;width:80px}
    .logo{width:120px;top:35px}
    header .mid-header .head-menu{width:35px;height:35px;padding-top:0;margin-top:0;z-index:1}
    header .mid-header .head-menu > i{font-size:25px;width:35px;height:35px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:color .3s; color: #003C7E;}
    header .mid-header .head-menu > i:hover{color:#333}
    header .mid-header .head-menu .menu{display:none;position:absolute;top:calc(100% + 2px);width:100%;background-color:#fff}
    header .mid-header .head-menu .menu > li{float:none;position:relative;border-bottom:1px solid #f3f3f3}
    header .mid-header .head-menu .menu > li > a{height:50px;line-height:50px;text-align:center;width:calc(100% - 50px);padding:0 50px 0 0}
    header .mid-header .head-menu .menu > li > a::before{display:none}
    header .mid-header .head-menu .menu > li .menu-arrow{display:flex;width:50px;height:50px;position:absolute;left:0;top:0;cursor:pointer}
    header .mid-header .head-menu .menu > li .menu-arrow:hover{color:#74bbf8}
    header .mid-header .head-menu .menu > li .submenu,header .mid-header .head-menu .menu > li .submenus{position:relative;width:100%;box-shadow:none;overflow:hidden;right:0;top:0;background-color:#fafafa}
    header .mid-header .head-menu .menu > li .submenu::before,header .mid-header .head-menu .menu > li .submenus::before,header .mid-header .head-menu .menu > li .submenu::after,header .mid-header .head-menu .menu > li .submenus::after{content:'';position:absolute;width:100%;height:0;top:0;background:red;right:0;box-shadow:0 -5px 10px 10px #ccc}
    header .mid-header .head-menu .menu > li .submenu::after,header .mid-header .head-menu .menu > li .submenus::after{top:100%;box-shadow:0 5px 10px 10px #ccc}
    header .mid-header .head-menu .menu > li .submenu .submenu-list{width:100%}
    header .mid-header .logo img{height:auto;width:120px}
    .slider-cont,.slider,.slider img,.slider a{height:auto}
    .services li{width:100%}
    .product-slider figure > a{height:270px}
    .product-slider .slick-next{right:14px}
    .product-slider .slick-prev{left:14px}
    .tabs-menu2 li{width:100%;margin-bottom:10px}
    .tabs-menu2 li a{width:100%;padding:14px 20px}
    .tab-content2{min-height:380px}
    .product-slider{padding:25px 0}
    .why-tgt,.last-news{width:100%}
    .last-news{padding-top:40px}
    .tgt-list li .answer{float:none}
    .why-tgt .answerPane figure{float:none}
    .why-tgt .answerPane figure img{width:100%;height:100%}
    .why-tgt .answerPane{padding:26px 20px 30px}
    .why-tgt .answerPane figure{width:100%;margin-top:15px}
    .tgt-list li .answer{width:100%}
    .news-list li figure{width:100%;height:200px}
    .news-list li .news-desc{width:calc(100% - 65px);padding-right:10px}
    .news-list li .news-date{width:50px}
    .news-list-in li{width:100%}
    .newsleter-cont ul{display:flex;flex-direction:column;justify-content:center;align-items:center}
    .newsleter-cont ul li{width:100%;margin:0 0 10px;float:none;text-align:center}
    .newsleter-cont ul li:first-child{margin-bottom:20px}
    .newsleter-cont ul li .txt{width:100%}
    .services li a img{margin:0 auto}
    .footer-menu{width:100%;margin-bottom:40px}
    .footer-menu:last-child{margin-bottom:0}
    .addres-cont .adress{width:100%;margin:0 0 30px}
    .addres-cont .googlemap{width:100%;height:300px}
    .copyright .main{text-align:right}
    .kaspid{float:right}
    .copyright p,.copyright a{float:none;margin:5px 0}
    .search-pan li{float:none;margin:0 0 10px;text-align:center}
    .search-pan li:last-child{margin-bottom:0}
    .search-pan li .txt{width:100%}
    .blog-lt-col{width:100%}
    .blog-rt-col{width:100%}
    .first-blog figure{height:230px}
    .blog-rt-col .archiv-blog::before{width:194px}
    .first-blog .blog-desc{padding:20px}
    .first-blog .blog-desc a{font-size:20px;padding-bottom:20px;margin-bottom:10px}
    .blog-rt-col .blog-list li a{padding:10px 20px}
    .news-let{padding:20px 15px}
    .news-let li:first-child p{padding:10px 58px 0 0;font-size:17px}
    .import-blog li figure{height:124px}
    .import-blog li > a{padding:10px;font-size:14px}
    .inside-h1{margin-bottom:20px;padding-bottom:20px}
    .inside-h1::after{top:calc(100% - 3px);right:0;margin-right:0}
    .inside-h1 h1::before{top:calc(100% + 15px);right:0}
    .blog-options{width:100%;margin-top:30px}
    .blog-det-pic{width:100%;margin-top:0;height:306px}
    .blog-options li.author{border-bottom:1px solid #edeff2}
    .blog-det-desc{margin-top:10px;padding:0 0 40px}
    .blog-det-slider{height:260px}
    .blog-options{margin-top:20px}
    .blog-det-slider a,.blog-det-slider a img{height:260px}
    .blog-det-desc .contact-lt-col{margin-top:40px}
    .blog-options li:first-child h2{font-size:22px;padding-bottom:0}
    .blog-options li{padding-bottom:10px;margin-bottom:12px}
    .contact-lt-col{width:100%}
    .contact-form li .txt{width:100%}
    .contact-form li:nth-child(-n+2) .txt:first-child{margin-bottom:16px}
    .blog-det-desc .contact-lt-col h3{font-size:15px}
    .social-network{display:flex;flex-wrap:wrap;justify-content:center}
    .social-network li{float:none;margin:0 10px}
    .social-network li:first-child{width:100%;text-align:center}
    .social-network li p{padding:10px 0}
    .addres-cont{padding:45px 0 60px}
    #about-slider{width:80%}
    .news-group li{margin:0 0 10px!important;width:100%}
    .news-li > li{width:295px !important; height: auto !important;}
    .news-li > li figure{float: none !important;}
    .news-text{float:none;width:295px !important;border-left:none;border-bottom:2px solid #4cbcf1;height: auto !important;}
    .news-text a{padding-bottom:0}
    .news-text p{height:auto !important;overflow:hidden}
    .produc-gr-list li figure{width:300px;height:285px}
    .produc-gr-list li{margin:0 0 30px}
    .product-list-text .history-desc figure{width:100%!important;height:220px!important}
    .prod-list-lt{width:100%}
    .prod-list-lt li{width:100%;margin:0 0 25px}
    .prod-list-rt{width:100%}
    .pd-options .dl-pdf{margin-bottom:10px}
    .picture-gallery-cont{width:100%;margin-top:0}
    .product-slid-for{height:323px}
    .product-slid-for img{height:299px}
    .product-slid-nav .slick-next{right:-45px}
    .product-slid-nav .slick-prev{left:-45px}
    .product-detail{width:100%}
    .dis-inl li{width:100%}
    .dis-inl li .titl-txt{width:100%}
    .dis-inl li .ddl{width:100%}
    .dis-inl li:nth-child(2){width:100%}
    .proje-list li{width:100%;margin:0 0 25px}
    .proj-gallery-cont{width:100%;margin-top:0}
    .rt-proj-col{width:100%}
    .proj-slid-nav .slick-next{right:-45px}
    .proj-slid-nav .slick-prev{left:-45px}
    .proj-slid-for{height:323px}
    .proj-slid-for img{height:281px}
    .rt-proj-col{margin-top:40px}
    .project-option li{width:100%}
    .rel-prod-slider figure{width:290px;height:246px}
    .rel-prod-slider .prod-link{width:290px}
    .rel-proj-slider figure{width:290px;height:286px}
    .service-text{padding:0}
    .tab-content4 figure{width:100%!important;height:250px!important;margin-right:0}
    .cms-page figure{width:100%;height:233px;margin-right:0}
    .cms-page{padding-top:0}
    .servic-list li{flex:none;width:100%}
    .servic-list li a{white-space:unset}
    .history-nav .history-desc{padding:0}
    .history-nav .history-desc figure{width:100%;height:290px;margin-right:0}
    .contact-rt-col{width:100%}
    .contact-rt-col .tab-content3{min-height:311px}
    .contact-rt-col .tabmenu li a{width:150px}
    .contact-rt-col .address{margin-top:15px}
    .contact-rt-col .address li:first-child span{width:200px}
    .contact-rt-col .address li{margin-bottom:23px}
    .industry-group li{margin:0 0 10px;width:300px}
    .industry-group li figure{height:300px}
    .certificate li a img{height:287px}
    .career-form{width:100%!important;padding:20px!important}
    .career-form .ttl-form .txt,.career-form .ttl-form .ddl{width:100%}
    .breadcrumb{padding:0 5px}
    .breadcrumb a,.breadcrumb span{padding:6px 6px 6px 15px}
    .breadcrumb li:first-child a{padding-right:21px}
    .sayal > li{width:100%}
    .sayal > li .txt{width:140px}
    .sayal > li span{min-width:67px}
    .registerImg{width:100%!important;margin-top:40px}
}
@media only screen and (min-width : 480px) and (max-width : 719px){
    .registerImg{width:100%!important;margin-top:40px}
    .main{width:460px}
    img{max-width:100%;display:block}
    .table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}
    .table-responsive > .table{margin-bottom:0}
    header{position:relative;z-index:110}
    header .top-header .rt-head{width:100%}
    /*.top-header .rt-head li:last-child{width:245px}*/
    #searchPane{padding:2px 0 0;width:100%}
    .stTxt{width:210px !important;}
    header .top-header .lt-head{float:none;padding-top:0;text-align:unset;display:flex;justify-content:space-evenly;width:100%;flex-direction:row-reverse;height:35px}
    header .top-header .lt-head > li{margin:0;float:none;display:flex;flex-direction:row-reverse;align-items:center;height:100%}
    .top-header .lt-head > li:first-child img{margin:0}
    .top-header .lt-head > li img{margin-right:10px!important}
    .top-header .lt-head > li > a{padding:0}
    .top-header .lt-head .phone-number > i{margin-left:5px;width:20px;cursor:pointer}
    header .top-header .lt-head,header .top-header .rt-head li,header .top-header .rt-head li:nth-child(2),header .top-header .rt-head li:nth-child(3){margin-left:0}
    header .top-header .rt-head li:nth-child(10) a{width:110px;margin-left:5px}
    .hiddenWhenRes{display:none!important}
    .top-header{height:70px}
    .top-header .lt-head .phone-menu{top:100%}
    header .mid-header{height:70px;position:relative;z-index:1}
    header .mid-header .tgt{position:absolute;top:50%;right:40%;transform:translate(50%,-50%);margin:0}
    .logo{width:180px}
    header .mid-header .head-menu{width:50px;height:50px;padding-top:0;margin-top:10px;z-index:1}
    header .mid-header .head-menu > i{font-size:35px;width:50px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:color .3s}
    header .mid-header .head-menu > i:hover{color:#333}
    header .mid-header .head-menu .menu{display:none;position:absolute;top:calc(100% + 2px);width:100%;background-color:#fff}
    header .mid-header .head-menu .menu > li{float:none;position:relative;border-bottom:1px solid #f3f3f3}
    header .mid-header .head-menu .menu > li > a{height:50px;line-height:50px;text-align:center;width:calc(100% - 50px);padding:0 50px 0 0}
    header .mid-header .head-menu .menu > li > a::before{display:none}
    header .mid-header .head-menu .menu > li .menu-arrow{display:flex;width:50px;height:50px;position:absolute;left:0;top:0;cursor:pointer}
    header .mid-header .head-menu .menu > li .menu-arrow:hover{color:#74bbf8}
    header .mid-header .head-menu .menu > li .submenu,header .mid-header .head-menu .menu > li .submenus{position:relative;width:100%;box-shadow:none;overflow:hidden;right:0;top:0;background-color:#fafafa}
    header .mid-header .head-menu .menu > li .submenu::before,header .mid-header .head-menu .menu > li .submenus::before,header .mid-header .head-menu .menu > li .submenu::after,header .mid-header .head-menu .menu > li .submenus::after{content:'';position:absolute;width:100%;height:0;top:0;background:red;right:0;box-shadow:0 -5px 10px 10px #ccc}
    header .mid-header .head-menu .menu > li .submenu::after,header .mid-header .head-menu .menu > li .submenus::after{top:100%;box-shadow:0 5px 10px 10px #ccc}
    header .mid-header .head-menu .menu > li .submenu .submenu-list{width:100%}
    header .mid-header .logo img{height:auto}
    .services li{width:50%}
    .product-slider figure > a{height:200px}
    .product-slider .slick-next{right:-17px}
    .product-slider .slick-prev{left:-17px}
    .tabs-menu2 li{width:calc(50% - 5px);margin-bottom:10px}
    .tabs-menu2 li a{width:100%;padding:14px 20px}
    .why-tgt,.last-news{width:100%}
    .last-news{padding-top:40px}
    .customer-slider .slick-slide{margin:0 5px}
    .customer-slider a:after{width:10px;left:-11px}
    .newsleter-cont ul{display:flex;flex-direction:column;justify-content:center;align-items:center}
    .newsleter-cont ul li{width:100%;margin:0 0 10px;float:none;text-align:center}
    .newsleter-cont ul li:first-child{width:300px;margin-bottom:20px}
    .newsleter-cont ul li .txt{width:100%}
    .footer-menu{width:50%;margin-bottom:40px}
    .footer-menu:nth-last-child(-n+2){margin-bottom:0}
    .addres-cont .adress{width:100%;margin:0 0 30px}
    .addres-cont .googlemap{width:100%;height:300px}
    .copyright .main{text-align:right}
    .kaspid{float:right}
    .copyright p,.copyright a{float:none;margin:5px 0}
    .search-pan li:first-child{float:none;width:100%}
    .search-pan li{margin:0 0 10px;text-align:center;width:calc(50% - 5px)}
    .search-pan li:nth-child(2){margin-left:10px}
    .search-pan li:last-child{float:none;width:100%;margin-bottom:0}
    .search-pan li .txt{width:100%}
    .blog-lt-col{width:100%}
    .blog-rt-col{width:100%}
    .first-blog figure{height:360px}
    .blog-rt-col .archiv-blog::before{width:354px}
    .import-blog li figure{height:180px}
    .import-blog li > a{font-size:16px}
    .news-list-in li{width:100%}
    .other-blog-slider figure{height:175px}
    .blog-options{width:100%;margin-top:30px}
    .blog-det-pic{width:100%;margin-top:0}
    .blog-options li.author{border-bottom:1px solid #edeff2}
    .blog-det-desc{margin-top:10px;padding:0 0 40px}
    .blog-det-desc .contact-lt-col{margin-top:40px}
    .blog-options li:first-child h2{font-size:22px;padding-bottom:0}
    .blog-options li{padding-bottom:10px;margin-bottom:12px}
    .contact-lt-col{width:100%}
    .contact-form li .txt{width:100%}
    .contact-form li:nth-child(-n+2) .txt:first-child{margin-bottom:16px}
    .blog-det-desc .contact-lt-col h3{font-size:15px}
    .social-network{display:flex;flex-wrap:wrap;justify-content:center}
    .social-network li{float:none;margin:0 10px}
    .social-network li:first-child{width:100%;text-align:center}
    .social-network li p{padding:10px 0}
    #about-slider{width:87%}
    .about-list a{padding:0;word-spacing:-2px;font-size:15px}
    .news-group li{margin:0 15px 10px}
    .news-li > li{width:460px !important}
    .news-li > li figure{width: 170px !important; height: auto !important;}
    .news-text{width: 275px !important;height:180px;padding:10px 15px}
    .news-text a{font-size:15px}
    .news-li > li figure figcaption ul{width:60px}
    .produc-gr-list li figure{width:225px;height:230px}
    .produc-gr-list li{margin:0 0 10px 10px}
    .produc-gr-list li:nth-child(3n){margin:0 0 10px 10px}
    .produc-gr-list li:nth-child(2n){margin:0 0 10px}
    .produc-gr-list li figure figcaption a{font-size:15px}
    .product-list-text .history-desc figure{width:100%!important;height:330px!important}
    .prod-list-lt{width:100%}
    .prod-list-lt li:nth-child(3n){margin:0 0 15px 15px}
    .prod-list-lt li{width:220px;margin:0 0 15px 15px}
    .prod-list-lt li:nth-child(2n){margin-left:0}
    .prod-list-lt li figure{height:185px}
    .prod-list-rt{width:100%}
    .picture-gallery-cont{width:100%}
    .product-slid-for{width:100%;height:413px}
    .product-slid-for img{height:389px}
    .product-detail{width:100%}
    .dis-inl li .titl-txt{width:100%}
    .dis-inl li .ddl{width:100%}
    .dis-inl li:nth-child(2){width:100%}
    .proje-list li:nth-child(4n){margin-left:15px}
    .proje-list li{width:222px;margin:0 0 15px 15px}
    .proje-list li:nth-child(2n){margin-left:0}
    .proje-list figure{height:235px}
    .proj-gallery-cont{width:100%}
    .rt-proj-col{width:100%}
    .rel-prod-slider figure{width:222px;height:206px}
    .rel-prod-slider .prod-link{width:222px}
    .rel-proj-slider figure{width:222px;height:236px}
    .service-text{padding:0}
    .tab-content4 figure{width:100%!important;height:353px;margin-right:0}
    .cms-page figure{width:100%;height:353px;margin-right:0}
    .history-nav .history-desc{padding:0}
    .history-nav .history-desc figure{width:100%;height:380px;margin-right:0}
    .contact-rt-col{width:100%}
    .contact-rt-col .tab-content3{min-height:361px}
    .industry-group li:nth-child(4n){margin-left:15px}
    .industry-group li{margin:0 0 10px 15px}
    .industry-group li:nth-child(2n){margin-left:0}
    .industry-group li{width:222px}
    .industry-group li figure{height:222px}
    .certificate li{margin:0 5px 10px;width:220px}
    .certificate li a img{height:287px}
    .career-form{width:100%!important;padding:30px 70px!important}
    .sayal > li{width:100%}
    .sayal > li .txt{width:100px}
}
@media only screen and (min-width : 720px) and (max-width : 1000px){
    .career-form{width:100%!important;padding:30px 60px!important}
    .registerImg{width:100%!important;margin-top:40px}
    .main{width:700px}
    .zino_newsBox_r, .zino_newsBox_l{width: 340px;}
    .zino_newsBox_r{margin-left: 20px;}
    .zino_newsBox_cnt{width: 230px;}
    .zino_newsBox_img{width: 90px;height: 70px;}
    .zino_newsBox_cnt p{font-size: 14px;}
    img{max-width:100%;display:block}
    header{position:relative;z-index:110}
    header .top-header .lt-head > li{margin-right:0}
    header .top-header .lt-head,header .top-header .rt-head li,header .top-header .rt-head li:nth-child(2),header .top-header .rt-head li:nth-child(3){margin-left:0}
    header .top-header .lt-head .phone-number{margin-left:15px}
    header .top-header .lt-head .phone-menu{right:50%;transform:translateX(50%)}
    .top-header .lt-head .phone-number > i{width:20px;cursor:pointer}
    header .top-header .rt-head li:nth-child(10) a{width:110px;margin-left:5px}
    /*.phone-number{display:none}*/
    header .mid-header{height:70px;position:relative;z-index:1}
    header .mid-header .tgt{position:absolute;top:50%;right:50%;transform:translate(50%,-50%);margin:0}
    header .mid-header .head-menu{width:50px;height:50px;padding-top:0;margin-top:10px;z-index:1}
    header .mid-header .head-menu > i{font-size:35px;width:50px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:color .3s; color: #003C7E;}
    header .mid-header .head-menu > i:hover{color:#333}
    header .mid-header .head-menu .menu{display:none;position:absolute;top:calc(100% + 2px);width:100%;background-color:#fff;}
    header .mid-header .head-menu .menu > li{float:none;position:relative;border-bottom:1px solid #f3f3f3}
    header .mid-header .head-menu .menu > li > a{height:50px;line-height:50px;text-align:center;width:calc(100% - 50px);padding:0 50px 0 0}
    header .mid-header .head-menu .menu > li > a::before{display:none}
    header .mid-header .head-menu .menu > li .menu-arrow{display:flex;width:50px;height:50px;position:absolute;left:0;top:0;cursor:pointer}
    header .mid-header .head-menu .menu > li .menu-arrow:hover{color:#74bbf8}
    header .mid-header .head-menu .menu > li .submenu,header .mid-header .head-menu .menu > li .submenus{position:relative;width:100%;box-shadow:none;overflow:hidden;right:0;top:0;background-color:#fafafa}
    header .mid-header .head-menu .menu > li .submenu::before,header .mid-header .head-menu .menu > li .submenus::before,header .mid-header .head-menu .menu > li .submenu::after,header .mid-header .head-menu .menu > li .submenus::after{content:'';position:absolute;width:100%;height:0;top:0;background:red;right:0;box-shadow:0 -5px 10px 10px #ccc}
    header .mid-header .head-menu .menu > li .submenu::after,header .mid-header .head-menu .menu > li .submenus::after{top:100%;box-shadow:0 5px 10px 10px #ccc}
    header .mid-header .head-menu .menu > li .submenu .submenu-list{width:50%}
    header .mid-header .logo img{height:auto;width:120px}
    .services li{width:50%}
    .product-slider figure > a{height:200px}
    .product-slider .slick-next{right:-25px}
    .product-slider .slick-prev{left:-25px}
    .tabs-menu2 li{width:calc(50% - 5px);margin-bottom:10px}
    .tabs-menu2 li a{width:100%}
    .why-tgt,.last-news{width:100%}
    .last-news{padding-top:40px}
    .customer-slider .slick-slide{margin:0 5px}
    .customer-slider a:after{width:10px;left:-11px}
    .newsleter-cont ul{display:flex;flex-direction:column;justify-content:center;align-items:center}
    .newsleter-cont ul li{width:100%;margin:0 0 10px;float:none;text-align:center}
    .newsleter-cont ul li:first-child{width:300px;margin-bottom:20px}
    .newsleter-cont ul li .txt{width:100%}
    .footer-menu{width:50%;margin-bottom:40px}
    .footer-menu:nth-last-child(-n+2){margin-bottom:0}
    .addres-cont .googlemap{width:330px}
    .search-pan li .txt{width:150px}
    .search-pan li .titl-txt{width:200px}
    .blog-lt-col{width:100%}
    .blog-rt-col{width:100%}
    .most-pupolur-article{padding-bottom:30px;float:right;width:calc(50% - 10px)}
    .most-view-news{float:left;width:calc(50% - 10px);margin:0}
    .blog-rt-col .archiv-blog::before{width:234px}
    .news-list-in li{width:100%}
    .blog-options{width:100%;margin-top:30px}
    .blog-det-pic{width:100%;margin-top:0}
    .blog-options li{width:50%;float:right}
    .blog-options li:first-child{width:100%}
    .blog-options li.author{border-bottom:1px solid #edeff2}
    .blog-det-desc{margin-top:10px;padding:0 0 40px}
    .blog-det-desc .contact-lt-col{margin-top:40px}
    .other-blog-slider figure{height:175px}
    #about-slider{width:92%}
    .about-list a{padding:0}
    .news-group li{margin:0 15px}
    .news-li > li{width:698px !important}
    .produc-gr-list li figure{width:335px;height:330px}
    .produc-gr-list li:nth-child(3n){margin:0 0 30px 27px}
    .produc-gr-list li:nth-child(2n){margin:0 0 30px}
    .product-list-text .history-desc figure{width:100%!important}
    .prod-list-lt{width:100%}
    .prod-list-lt li{width:223px;margin:0 0 20px 15px}
    .prod-list-lt li figure{height:225px}
    .prod-list-rt{width:100%}
    .group-pd{width:calc(50% - 10px);float:right}
    .use-pd{width:calc(50% - 10px);float:left;margin-top:0}
    .picture-gallery-cont{width:100%}
    .product-detail{width:100%}
    .product-slid-nav{width:81%}
    .dis-inl li .titl-txt{width:270px}
    .proje-list li:nth-child(4n){margin-left:10px}
    .proje-list li{width:226px;margin:0 0 10px 10px}
    .proje-list li:nth-child(3n){margin-left:0}
    .proje-list figure{height:235px}
    .proj-gallery-cont{width:100%}
    .rt-proj-col{width:100%}
    .rel-prod-slider figure{width:226px;height:206px}
    .rel-prod-slider .prod-link{width:226px}
    .rel-proj-slider figure{width:226px;height:246px}
    .service-text{padding:0}
    .tab-content4 figure{width:100%!important;height:283px;margin:0 21px 0 0}
    .cms-page figure{width:370px;height:283px;margin:0 21px 0 0}
    .history-nav .history-desc{padding:0}
    .history-nav .history-desc figure{margin:0 10px 10px 0;width:340px;height:280px}
    .contact-rt-col{width:100%}
    .contact-rt-col .tab-content3{min-height:371px}
    .contact-lt-col.contact-page{width:100%}
    .contact-lt-col.contact-page li .txt,.contact-lt-col.contact-page li .ddl{width:318px}
    .industry-group li:nth-child(4n){margin-left:15px}
    .industry-group li{margin:0 0 10px 15px}
    .industry-group li:nth-child(3n){margin-left:0}
    .industry-group li{width:223px}
    .industry-group li figure{height:223px}
    .certificate li{margin:0 9px 20px;width:215px}
    .sayal > li{width:100%}
    .addres-cont .adress{margin-bottom:60px;width:100%; margin-left: 0;}
}
@media only screen and (min-width : 1001px) and (max-width : 1249px){
    .career-form{width:450px!important;padding:30px 60px!important}
    .registerImg{width:490px!important}
    .main{width:980px}
    .menu > li:hover .submenu{display:block}
    .menu > li:hover .submenus{display:block}
    .tabs-menu2 li{width:calc((100% - 20px) / 3);margin-bottom:10px}
    .tabs-menu2 li a{width:100%}
    .why-tgt,.last-news{width:calc(50% - 5px)}
    .newsleter-cont ul li .txt{width:264px}
    .search-pan li .titl-txt{width:265px}
    .blog-rt-col{width:330px}
    .blog-lt-col{width:630px}
    .blog-rt-col .archiv-blog::before{width:224px}
    .news-let{padding:20px 20px 26px}
    .blog-options{width:480px}
    .blog-det-pic{width:470px}
    .news-li > li{width:470px !important; margin-left: 20px !important;}
    .google_address{width: 270px !important;}
    .produc-gr-list li figure{width:305px;height:300px}
    .prod-list-lt{width:690px}
    .prod-list-lt li{width:220px;margin:0 0 15px 15px}
    .prod-list-lt li figure{height:235px}
    .product-detail{width:480px}
    .picture-gallery-cont{width:480px}
    .dis-inl li .titl-txt{width:490px}
    .proje-list li{width:225px}
    .proje-list figure{height:225px}
    .proj-gallery-cont{width:480px}
    .rt-proj-col{width:480px}
    .rel-prod-slider figure{width:236px;height:196px}
    .rel-prod-slider .prod-link{width:236px}
    .rel-proj-slider figure{width:236px;height:246px}
    .service-text{padding:0}
    .tab-content4 figure{width:530px;height:403px}
    .cms-page figure{width:530px;height:403px}
    .history-nav .history-desc{padding:0}
    .contact-rt-col{width:480px}
    .contact-lt-col.contact-page{width:480px}
    .contact-lt-col.contact-page li .txt,.contact-lt-col.contact-page li .ddl{width:208px}
    .industry-group li{width:220px}
    .industry-group li figure{height:220px}
    .certificate li{margin:0 4px 10px}
    .lists{width:870px}
}
@media only screen and (min-width : 1250px) and (max-width : 1400px) {
    .main{width:1200px}
    .main-special{width:1200px}
    .menu > li:hover .submenu{display:block}
    .menu > li:hover .submenus{display:block}
    .zino_newsBox_r, .zino_newsBox_l{width: 560px;}
    .zino_newsBox_cnt{width: 390px;}
    .news-li > li{width: 580px !important; margin-left: 20px !important;}
}
@media only screen and (min-width : 1401px) and (max-width : 1750px) {
    .main{width:1200px}
    .main-special{width:1200px}
    .menu > li:hover .submenu{display:block}
    .menu > li:hover .submenus{display:block}
    .zino_newsBox_r, .zino_newsBox_l{width: 560px;}
    .zino_newsBox_cnt{width: 390px;}
    .news-li > li{width: 580px !important; margin-left: 20px !important;}
}
@media only screen and (min-width : 1750px) {
    .main{width:1400px}
    .menu > li:hover .submenu{display:block}
    .menu > li:hover .submenus{display:block}
    .tabs-menu2 li{width:calc((100% - 30px) / 4)}
    .tabs-menu2 li a{width:100%}
}