@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Assistant:300,400,700');
a, a:focus, a:hover{ text-decoration:none; outline: 0;}
.header{ position:fixed; top: 0; left: 0; right:0; background: #fff;  height: 105px; z-index: 999; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s;  border-bottom: solid 1px #404041;}

.logo{ position: absolute; right: 10px; top: 15px; z-index: 9999; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.logo img{ height: 80px; width: auto; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.container-fluid.top{position:relative; padding: 0; }
.address{color: #404041; position:absolute; font-size: 38px; line-height: 48px; font-weight: 700; text-align: right; direction: ltr;  left: 110px; top: 50px;  -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; padding: 0; z-index: 9999; height: 54px;}
.address a{color: #404041; display: block;}
.language{ position:absolute; left: 30px; top: 50px;  z-index: 9999; }

/*Menu start*/

.navbar-toggler{ display: none;}
.mainanv{ z-index: 999; position: relative; padding:64px 0 0 0; margin: 0;  -webkit-transition: padding .3s ease-in-out;-moz-transition: padding .3s ease-in-out;transition: padding .3s ease-in-out;}
.mainanv ul {  padding: 0; margin: 0 auto; text-align:center;   display: inline-block ; width: 100%; }
.mainanv ul li{ display: inline-block ; padding: 0; margin: 0 25px; float: none; }
.mainanv ul li a{ color: #404041; font-size: 22px; font-weight: 400;  display: block; line-height: 40px; position:relative; height: 40px;}
.mainanv ul li a:hover{ color: #165988; }
.mainanv ul > li > a:before {content: "";display: block;position: absolute; bottom:0; left:50%; width:0; height:3px; background:#bf1e2e; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); opacity: 0; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s;}
.mainanv ul > li.active > a:before{width: 100%; opacity: 1;}
.mainanv ul > li.active > a:hover:before,.mainanv ul > li > a:hover:before, .mainanv ul > li:hover > a:before {width: 100%; opacity: 1;}

@media (max-width:767px){
.mainanv{ background: rgba(255, 255, 255, .9); background-image: none;}	
.navbar{ padding: 0; position: absolute; width: 100%; left: 0; right: 0; top: 70px; }

.navbar-toggler{ position: absolute; right: 10px; top: 16px; color: #fff; cursor: pointer; padding: 0px; background:url(../images/toogle-open.png); width: 40px; height: 40px; display: block; z-index: 9999;}
.navbar-toggler.active{ background:url(../images/toogle-close.png);}	
.mainanv ul{ width: 100%; padding:0 0 10px 0; float: left;}
.mainanv ul li{ padding: 0 20px; margin: 0; position:relative; text-align:right; height: auto; display:block; width: 100%;}
.mainanv ul li a{ width: 100%; padding: 0; height: auto; line-height: 36px; font-size: 20px;}	
}
@media (max-width:575px){
.mainanv ul li a{ font-size: 16px; line-height: 40px;}	
}
/*Menu end*/

.header_wrap{ display:block; padding-top: 70px;}
.header_wrap:before { content: ""; display: block; height: 70px;  margin: -70px 0 0 0;}

.magate_connect{ padding-top: 30px; padding-bottom: 30px;}
.magate_connect h1, .our_product h2{ font-size: 50px; display: block; text-align:center; padding: 0 0 10px 0; margin: 0;}

.home_wrap{ overflow: hidden; display: block; position:relative;}
.home_wrap:before{  content: ""; position:absolute; left: 0; bottom: 0; right: 0; top: 0; z-index: -1; background:-size: cover;}
/*.home_wrap:before{ width: 1222px; height: 1880px;background:url(../images/sign01.png) no-repeat right top; content: ""; position:absolute; right: 0; top: 0; z-index: 1;}
.home_wrap:after{ width: 969px; height: 1005px;background:url(../images/sign02.png) no-repeat left bottom; content: ""; position:absolute; left: 0; bottom: 0; z-index: 1;}*/
.our_product{  border-bottom: solid 1px #0e76bc; }
.our_product h2{ padding-bottom: 20px;margin-top:119px;}

.product_thumb{ padding: 0 210px; display: block; text-align:center; font-size: 24px;}
.product_thumb .row{ margin-left: -7px; margin-right: -7px;}
.product_thumb .row  [class*="col-"]{padding-left: 7px; padding-right: 7px; padding-bottom: 30px;}
.product_thumb img{ width: 100%; height: auto; border-radius: 80px; border: solid 1px #165988; }
.product_thumb a, .product_thumb a:hover{ color: #a11927;}

.recent_project{ padding-bottom: 20px; text-align:center;}
.recent_project h3{ font-size: 30px; display: block; padding: 20px 0 10px 0; margin: 0;}


.slider{display:block; position:relative;}
/*.slider .carousel-inner .carousel-item:before{ content: ""; position:absolute; left: 0; right: 0; top: 0; bottom:0; z-index: 9; }*/
.carousel-caption{right:0;bottom:auto;left:0;z-index:10; top: 0; padding:0; font-size:18px; position:absolute; height: 66%; background:url(../images/curve.png) no-repeat center top;  mix-blend-mode: multiply; background-size: 100% 100%;}
.carousel-caption > div { width: 100%; position:absolute;  background: #23808e; mix-blend-mode: multiply;  min-height: 220px; bottom: 0; }
.carousel-caption > div > div{  position: absolute; width: 500px; margin: 0 auto; left: 0; right: 0; top: 50%;  transform: translateY(-50%);}
.carousel-caption h3{ font-size: 30px; padding:0 0 10px 0; margin: 0; }
.slider .carousel-control-prev, .slider .carousel-control-next{height:52px;width:28px;bottom:auto;top:50% !important;margin-top:-14px;opacity:1;}
.slider .carousel-control-prev{left:30px;}
.slider .carousel-control-next{right:30px;}
.slider .carousel-control-prev-icon{background:url(../images/prev.png) no-repeat center center;height:60px;width:40px;}
.slider .carousel-control-next-icon{background:url(../images/next.png) no-repeat center center;height:60px;width:40px;}

.footer{ padding: 40px 0 0 0; display: block; overflow: hidden;}
.footer h3{ font-size: 30px; display: block; padding: 0 0 20px 0; margin: 0; text-align:center;}
.footer h4{ font-size: 32px; display: block; padding: 0 0 10px 0; margin: 0; color: #a11927;}
.footer a{color: #a11927;}
.footer_address{ padding-bottom: 30px;}

.footer_form{}
.row.footer_form  [class*="col-"]{ padding-bottom: 14px;}
.footer_form .form-control{ float: left; width: 100%; height: 60px; background: #fff; border: solid 1px #707070; border-radius: 0px; color: #000; font-size: 18px; line-height: 60px; padding: 10px;}
.footer_form .form-control.textarea{ height: 158px; line-height: 22px;}
.footer_form .form-control::-webkit-input-placeholder {color:#000; opacity:1;}
.footer_form .form-control::-moz-placeholder {color:#000; opacity:1;}
.footer_form .form-control:-ms-input-placeholder {color:#000; opacity:1;}
.footer_form input[type=submit]{ background:#a11927; border-radius: 0px; line-height: 60px; color:#fff; font-weight:400; text-align:center; font-size:30px; display:inline-block; border:solid 1px #a11927; cursor:pointer; width:48%; height: 60px; float: left; }
.partner{ padding: 40px 0 20px 0; border-top: solid 1px #0e76bc; margin-top: 20px;}
.partner .row [class*="col-"]{ padding-bottom: 20px;}
.plogo{ width: 250px; height: 142px; border: solid 1px #404041; float: right; position:relative; text-align:center; margin-left: 10px;}
.plogo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 94%; }
.pcontent{ overflow: hidden; color: #000; line-height: 22px;}
.footer .pcontent h4{ font-size: 27px; display: block; padding: 0; margin: 0; color: #000;}
.footer_botttom{ padding: 30px 0 16px 0; background: #bcbcbe;  font-size: 16px; color: #2c2c2c; line-height: 90px; text-transform:uppercase; overflow: hidden;}
.footer_botttom span:nth-child(1){ float: left;}
.footer_botttom span:nth-child(2){ float: right;}
.footer_botttom img{ max-width: 100%; height: auto;}

.about_back{background:url(../images/about_back.png) no-repeat center bottom; color: #000;  padding-right: 0px; padding-left: 0px;}
.about_back .container{ width: 840px; max-width: 840px;}
.about_back h1, .about_back h2{ font-size: 40px; padding: 0 0 20px 0; margin: 0; }
.about_back h3, .about_block1 h2{ font-size: 24px; padding: 0 0 10px 0; margin: 0; }
.about_block1{ min-height: 606px; display:block; padding-top: 40px; background: #165988; mix-blend-mode: multiply; color: #fff;}
.about_block1 ul{ padding: 0 0 15px 0; margin: 0; list-style: none; display:block;}
.about_block1 ul li{ padding: 0 12px 0 0; margin: 0; list-style: none;  display:block; position:relative;}
.about_block1 ul li:before{content:""; position:absolute; right: 0; top: 10px; width: 6px; height: 6px; background: #fff; border-radius: 6px;}
.about_block2{ min-height: 315px;  mix-blend-mode: multiply; color: #000; display:block; position:relative; }
.globe{ opacity:.4;position:absolute; z-index: 1; left: 0; right: 0; top: 0; bottom:0; background:url(../images/globe.png) no-repeat right center; mix-blend-mode: overlay; background-size: cover; }
.about_block2 .container{ position:absolute;   left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9;}
.about_block3{ min-height: 440px; background: #e3e5e6; mix-blend-mode: multiply; display:block; position:relative; padding: 30px 0 20px 0; color: #2d2d2d;}
.about_block3 h3{ font-size: 28px; padding-bottom: 6px;} 
.about_block4{ min-height: 436px; background: #bf1e2e; mix-blend-mode: multiply; color: #fff; display:block; position:relative;  padding: 30px 0 20px 0;}

.container-fluid.header_wrap.prod{  background: #e1e1e1;position:relative; }
/*.prod_block{ padding: 70px 90px; display:table; width: 100%;}
.prod_wrap{ display: table-row;}
.prod_right{ width: 360px; display:table-cell; vertical-align:top; }
.prod_right > div{ border: solid 1px #959595; background: #fff; width: 340px; float: right; border-radius: 10px;}
.prod_left{display:table-cell; border: solid 1px #959595; background: #fff; padding: 20px 10px 15px 16px; vertical-align:top;  border-radius: 10px;}*/
.prod_block{ padding: 40px; display: block; width: 100%; overflow: hidden; }
.prod_right{ width: 340px; margin-left: 20px; border: solid 1px #959595; background: #fff; float: right; border-radius: 10px; }
.prod_right ul{ padding: 30px 0 20px 0; margin: 0; float: right; width: 100%; list-style:none;  width: 100%; float: right; }
.prod_right ul li{ display:block; list-style: none; padding: 0 0 1px 0; margin: 0; position:relative; width: 100%; float: right; }
.prod_right ul.prod2 li:after{ position:absolute; width: 96%;  left: 50%; transform: translateX(-50%); bottom: 0px; height: 1px; background: #989898; content: "" }
.prod_right ul.prod2 li ul li:after{ display:none;}
.prod_right ul li a{ display: block ; font-size: 20px; color: #413e3e; padding: 12px 24px 12px 12px; width: 100%; float: right;}
.prod_right ul li a.active, .prod_right ul li a:hover{ color: #fff; background: #739bb8;  width: 100%; float: right;}
.prod_right ul li ul{ padding: 0 0 4px 0; margin: 0; display: block; width: 100%; float: right;}
.prod_right ul li ul li{ padding: 0; margin: 0; display: block;}
.prod_right ul li ul li a{ display: block ; color: #413e3e; padding: 10px 36px 8px 24px;}
.prod_right ul li ul li a:before{ content: ""; width: 8px; height: 8px; background: #fff; position:absolute; right: 20px; top: 46%; translateY(-50%);}
.prod_right ul li ul li a.active, .prod_right ul li ul li a:hover{ color: #bf1e2e; background: #fff;}
.prod_right ul li ul li a.active:before , .prod_right ul li ul li a:hover:before{background: #bf1e2e;}

.prod_left{border: solid 1px #959595; background: #fff;padding:30px 18px 50px 18px; border-radius: 10px; overflow: hidden;}
.prod_left h1{ font-size: 40px; padding: 10px 0 10px 0; margin: 0; }
.prod-img{ width: 100%; height: auto; border-radius: 20px;  border: solid 1px #000;}
.pro_info{ display:block; }

.card.prod_tab{ border: none; border-radius: 0px; padding-top: 50px; color: #000;}
.card.prod_tab .card-header { background-color: rgba(0, 0, 0, 0);  border-radius: 0px; border-bottom: 1px solid rgba(149, 149, 149, 1); padding: 0.75rem 0rem;}
.card.prod_tab .card-header-tabs {margin-right: 0px; margin-left: 0px; padding: 0;}
.card.prod_tab .nav-tabs .nav-item{ padding-left: 10px;}
.card.prod_tab .card-body { border-left: solid 1px #959595;  border-right: solid 1px #959595;  border-bottom: solid 1px #959595; padding-left: 0px; padding-right: 0px;}
.card.prod_tab .nav-tabs .nav-link, .card.prod_tab .nav-tabs .nav-link.active{border-left: solid 1px #959595;  border-right: solid 1px #959595;  border-top: solid 1px #959595; background: #165988; font-size: 20px; color: #fff; text-align: center; border-radius: 10px 10px 0 0; padding-left: 40px; padding-right: 40px; height: 100%;}
.card.prod_tab .nav-tabs .nav-link.active{ color: #000; background: #fff; border-left: solid 1px #959595;  border-right: solid 1px #959595;  border-top: solid 1px #959595;}
.card.prod_tab  .nav-tabs {border-bottom: none;}
.card.prod_tab  .nav-tabs .nav-link:focus, .card.prod_tab  .nav-tabs .nav-link:hover {border-color: #959595 #959595 #fff; color: #000; background: #fff; }
.card.prod_tab .card-body h2{ font-size: 40px; padding: 10px  30px 20px 0; margin: 0; }
.side_menu, .nav_close{ display: none; }


/*responsive table2*/
.defhour_table{ position:relative; }

.defhour_table table  { width: 100%; border-collapse: collapse; text-align:center; font-size: 20px;  color: #000;}
.defhour_table table td, .table2 table th { border:none;  }
.defhour_table table { border-left: none;   }
.defhour_table table > tbody > tr > th, .defhour_table table > tfoot > tr > th, .defhour_table table > thead > tr > td, .defhour_table table > tbody > tr > td, .defhour_table table > tfoot > tr > td {  line-height: 20px; padding: 15px 0; position:relative;}
.defhour_table table th{ background:#413e3e;  color: #fff; padding: 14px 0 14px 0; min-height: 52px;}
.defhour_table table tr td{ vertical-align: middle;}
.defhour_table table > tbody > tr:nth-of-type(even) td{ background: #b9cddb;}


@media (min-width: 1400px) { /*
.defhour_table.prod_table11 table tr td:nth-child(1), .defhour_table.prod_table11 table tr th:nth-child(1){ width: 22%;}
.defhour_table.prod_table11 table tr td:nth-child(2), .defhour_table.prod_table11 table tr th:nth-child(2){ width: 22%; }
.defhour_table.prod_table11 table tr td:nth-child(3), .defhour_table.prod_table11 table tr th:nth-child(3){ width: 22%;}
.defhour_table.prod_table11 table tr td:nth-child(4), .defhour_table.prod_table11 table tr th:nth-child(4){ width: 13%;}
.defhour_table.prod_table11 table tr td:nth-child(5), .defhour_table.prod_table11 table tr th:nth-child(5){ width: 21%; padding-left: 8%;}

.defhour_table.prod_table12 table tr td:nth-child(1), .defhour_table.prod_table12 table tr th:nth-child(1){ width: 15%;}
.defhour_table.prod_table12 table tr td:nth-child(2), .defhour_table.prod_table12 table tr th:nth-child(2){ width: 10%; }
.defhour_table.prod_table12 table tr td:nth-child(3), .defhour_table.prod_table12 table tr th:nth-child(3){ width: 8%;}
.defhour_table.prod_table12 table tr td:nth-child(4), .defhour_table.prod_table12 table tr th:nth-child(4){ width: 8%;}
.defhour_table.prod_table12 table tr td:nth-child(5), .defhour_table.prod_table12 table th:nth-child(5){ width: 8%; padding-left: 0%;}
.defhour_table.prod_table12 table tr td:nth-child(6), .defhour_table.prod_table12 table tr th:nth-child(6){ width: 8%;}
.defhour_table.prod_table12 table tr td:nth-child(7), .defhour_table.prod_table12 table tr th:nth-child(7){ width: 43%; padding-left: 34%;}*/

}

@media (min-width: 768px) and (max-width: 1399px) {
.defhour_table table{ font-size: 14px; }	
.card.prod_tab .card-body h2{font-size: 30px;}

/*
.defhour_table.prod_table11 table tr td:nth-child(1), .defhour_table.prod_table11 table tr th:nth-child(1){ width: 24%;}
.defhour_table.prod_table11 table tr td:nth-child(2), .defhour_table.prod_table11 table tr th:nth-child(2){ width: 24%; }
.defhour_table.prod_table11 table tr td:nth-child(3), .defhour_table.prod_table11 table tr th:nth-child(3){ width: 24%;}
.defhour_table.prod_table11 table tr td:nth-child(4), .defhour_table.prod_table11 table tr th:nth-child(4){ width: 14%;}
.defhour_table.prod_table11 table tr td:nth-child(5), .defhour_table.prod_table11 table tr th:nth-child(5){ width: 14%; padding-left: 0%;}

.defhour_table.prod_table12 table tr td:nth-child(1), .defhour_table.prod_table12 table tr th:nth-child(1){ width: 15%;}
.defhour_table.prod_table12 table tr td:nth-child(2), .defhour_table.prod_table12 table tr th:nth-child(2){ width: 10%; }
.defhour_table.prod_table12 table tr td:nth-child(3), .defhour_table.prod_table12 table tr th:nth-child(3){ width: 8%;}
.defhour_table.prod_table12 table tr td:nth-child(4), .defhour_table.prod_table12 table tr th:nth-child(4){ width: 8%;}
.defhour_table.prod_table12 table tr td:nth-child(5), .defhour_table.prod_table12 table tr th:nth-child(5){ width: 8%; }
.defhour_table.prod_table12 table tr td:nth-child(6), .defhour_table.prod_table12 table tr th:nth-child(6){ width: 8%;}
.defhour_table.prod_table12 table tr td:nth-child(7), .defhour_table.prod_table12 table tr th:nth-child(7){ width: 43%; padding-left: 34%;}*/


}
@media (min-width: 768px) { 
.defhour_table table > tbody > tr:nth-last-child(1) > td { border-bottom: none;}
.scale{ position:absolute; background: #fff; width: 34%; left: 0; top: 52px; bottom:0; text-align: center; z-index: 99;}
.scale img{ max-width: 90%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
} 
@media screen and (max-width: 767px){
.card.prod_tab .card-body h2{font-size: 30px;}	
.defhour_table table, .defhour_table table thead, .defhour_table table tbody, .defhour_table table th, .defhour_table table td, .defhour_table table tr { display: block; }

.defhour_table table thead tr { position: absolute; top: -9999px; right: -9999px; }
.defhour_table table td, .defhour_table table th {  text-align: left; font-size: 14px }

.defhour_table table td { border: none; /*border-bottom: 1px solid #898989;*/ position: relative; padding-left: 45% !important; width:auto !important;}
.defhour_table table td:before {top: 0px; bottom:0; left:0px; width:42%; padding-left: 10px;  position:absolute; padding:5px}
.defhour_table table td:before { content:  attr(data-th) "";  font-weight:300; background:#fff; color:#000; height:100%; line-height: 30px; border-right:  1px solid #7d7d7d; text-align:left;font-weight: 700;}
.defhour_table table td, .table-view2 th {  text-align: left; font-size:14px; padding:8px 2% 8px 44% !important; border-bottom: 1px solid #7d7d7d;  }  
.defhour_table table {border-top: 1px solid #7d7d7d; border-left: none;}
.defhour_table table > thead > tr > th, .defhour_table table > tbody > tr > th, .defhour_table table > tfoot > tr > th, ..defhour_table table > thead > tr > td, .defhour_table table > tbody > tr > td, .defhour_table table > tfoot > tr > td { border-bottom: 1px solid #7d7d7d; border-right: none}
.defhour_table table tbody tr:nth-of-type(even) td:before { background:#b9cddb;}
.defhour_table table tbody tr:nth-of-type(even) td{ background:#b9cddb;}
.defhour_table table tbody tr:nth-of-type(odd) td{ background:#fff;}

.card.prod_tab .nav-tabs .nav-link, .card.prod_tab .nav-tabs .nav-link.active { padding-left: 20px; padding-right: 20px; font-size: 18px;}

.scale{ display:block; text-align:center; }
.scale img{ max-width: 100%; height: auto; }
}
/*table2 end*/


@media (min-width: 1200px) { 
.pro_info{  position: absolute; right: 0; top: 50%; transform: translateY(-50%);  width:  100%;}
}
@media (min-width: 1400px) and (max-width: 1599px) {

.address{  left: 100px; top: 20px; font-size: 38px; line-height: 40px; height: 40px; }
.language{ top: 20px;}
.language img{ width: 40px; height: 40px;}
.header .mainanv{  padding:30px 0 0 0; }
.header .logo{ right: 20px; top: 15px; }
.header .logo img{ height: 50px; width: auto;}

.product_thumb{ font-size: 20px;}

.carousel-caption > div { min-height: 170px;  }
.prod_block{ padding:40px;}



}

@media (min-width: 1200px) and (max-width: 1399px) {
.header .mainanv{  padding: 30px 0 0 0; }
.header .logo{ right: 20px; top: 15px; }
.header .logo img{ height: 40px; width: auto;}
.header .address{  left: 65px; top: 20px;  font-size: 36px; line-height: 40px; height: 40px; background-size: 40px 40px;}
.language{ top: 20px; left: 15px;}
.language img{ width: 40px; height: 40px;}

.mainanv ul li {margin: 0 10px;}
.product_thumb{ padding: 0 50px; font-size: 20px;}

.carousel-caption{height: 70%;}
.carousel-caption > div { min-height: 170px;  }
.prod_block{ padding: 40px;}
.prod_left h1{ font-size: 30px; }

}

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

.header{ height: 60px; }
.header .mainanv{  padding: 20px 0 0 0; }

.header .logo{ right: 15px; top: 10px;  }

.header .logo img{ height: 35px; width: auto;}

.address{  left: 55px; top: 15px; font-size: 30px; line-height: 36px; height: 40px; background-size: 30px 30px;}
.language{ top: 20px; left: 15px;}
.language img{ width: 30px; height: 30px;}

.header_wrap{ padding-top: 60px;}
.header_wrap:before {height: 60px;  margin: -60px 0 0 0;}
.mainanv ul li {margin: 0 8px;}
.mainanv ul li a {font-size: 18px;}
.magate_connect h1, .our_product h2{ font-size: 40px;}
.product_thumb{ padding: 0 20px; font-size: 20px;}
.product_thumb img{ border-radius: 60px;}
.carousel-caption{height: 72%;}
.carousel-caption > div { min-height: 150px;  }
.plogo{ width: 200px; height: 120px;}
.pcontent{ font-size: 14px; line-height: 18px;}

.prod_block{ padding:40px;}
.prod_left { padding: 18px;}
.prod_right {width: 290px;}
.prod_right ul li a { font-size: 20px;}

.card.prod_tab .nav-tabs .nav-link, .card.prod_tab .nav-tabs .nav-link.active { padding-left: 20px; padding-right: 20px; font-size: 18px;}


} 
/* END__ */

@media (min-width: 768px) and (max-width: 991px) {
.header .mainanv{  padding:30px 0 0 0; }
.header .logo{ right: 10px; top: 8px; }
.header .logo img{ height: 30px; width: auto;}
.header .address{  left: 55px; top: 8px; font-size: 30px; line-height: 30px; height: 40px; background-size: 30px 30px;}
.language{ top: 10px; left: 15px;}
.language img{ width: 30px; height: 30px;}

.mainanv ul li {margin: 0 10px;}
.magate_connect h1, .our_product h2{ font-size: 30px;}
.product_thumb{ padding: 0 20px; font-size: 20px;}
.product_thumb img{ border-radius: 60px;}
.carousel-caption{height: 75%; font-size: 16px;}
.carousel-caption > div { min-height: 130px;  }

.about_back .container{ width: 730px; max-width:}

.prod_block{ padding:20px;}
.prod_left { padding: 18px;}
.prod_right {width: 250px;}
.prod_right ul li a { font-size: 18px;}
.pro_info{  position: absolute; right: 0; top: 50%; transform: translateY(-50%);  width:  100%;}
} 
/* END__ */
@media screen and (max-width: 991px){
.prod_right {width: 270px; position:absolute; right: -280px; float: none; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9;}
.prod_right.active{ right: 0px; }	
.side_menu{ position:absolute; display:block; right: -5px; top: 160px; width: 40px; height: 80px; border-radius: 10px 0 0 10px; background: #739bb8; font-size: 14px; color: #fff; line-height: 20px;  }
.side_menu span{ -moz-transform: rotate(-90.0deg);  /* FF3.5+ */ -o-transform: rotate(-90.0deg);  /* Opera 10.5 */  -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */  filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */ position:absolute; left:0; right:t 0; top: 14px; bottom:0; width: 80px }
.prod_right ul{ padding-top: 0px;}
.nav_close{ display: block; height: 30px; position:relative;}
.close-btn{ width: 24px; height: 24px; position:absolute; z-index: 9; left: 4px; top: 4px; border: solid 1px #165988; border-radius: 50%; text-align: center; font-size: 12px;  line-height: 16px; color: #165988; background:url(../images/close.png) no-repeat center center rgba(0,0,0, 0);}
.prod_right ul li a { font-size: 18px;}
.card.prod_tab .card-body h2{font-size: 30px; padding: 0 10px;}
}
/* END__ */
@media only screen and (max-width: 767px) {
.header{ height: 70px; }
.header.mainanv { padding:0;}
.header .logo{ right: auto; top: 15px;  left: 50%;  transform: translateX(-50%);}
.header .logo img{ height: 50px; width: auto;}
.address{ /* left: 10px; top: 10px;padding: 0; background-size: 50px 50px; width: 50px; height: 50px;*/ display: none;}
.address a{width: 50px; height: 50px;}
.language{ left: 10px;}
.language img{ width: 50px; height: 50px;}

.address span{ display: none;}
.header_wrap{ padding-top: 70px;}
.header_wrap:before {height: 70px;  margin: -70px 0 0 0;}

.magate_connect h1, .our_product h2{ font-size: 30px;}
.product_thumb{ padding: 0; font-size: 20px;}
.carousel-caption{height: 62%; font-size: 16px; line-height: 20px;}
.carousel-caption > div { min-height: 130px;  }
.carousel-caption h3 { padding-bottom: 0px;}
.slider .carousel-control-prev{left:10px;}
.slider .carousel-control-next{right:10px;}
.slider .carousel-control-prev-icon{height:30px;width:20px; background-size: 20px 30px; }
.slider .carousel-control-next-icon{bheight:30px;width:20px; background-size: 20px 30px; }
.footer_form input[type=submit]{ width: 100%;}
.pcontent{ font-size: 14px; line-height: 18px;}
.footer_botttom{ line-height: 70px; padding-top: 20px;}
.footer_botttom img{ width: auto; max-width: inherit !important;  height: 70px;}

.about_back .container{ width: 94%; max-width: 94%; font-size: 14px; line-height: 20px;}
.about_back h1, .about_back h2{ font-size: 30px; padding: 0 0 15px 0; }
.about_back h3, .about_block1 h2{ font-size: 20px; }
.about_block1{ min-height: auto; padding: 0 0 30px 0;}
.about_block2{ min-height: 232px;   }
.about_block3{ min-height: auto; padding: 40px 0 ;}
.about_block3 h3{ font-size: 24px; } 
.about_block4{ min-height: auto;  padding: 40px 0;}
.globe { opacity: .5;}
.prod_block{ padding:30px;}
.prod_left { padding: 18px;}
.side_menu{ top: 130px;}

.card.prod_tab .card-body h2{ text-align:center;}
.card.prod_tab .nav-tabs .nav-item {padding-left: 0px; width: 100%; margin-bottom: 4px;}
.card.prod_tab .nav-tabs .nav-item br{ display:none;}
.card.prod_tab .nav-tabs .nav-link.active {border: solid 1px #959595; border-radius: 10px;}
.card.prod_tab .nav-tabs .nav-link, .card.prod_tab .nav-tabs .nav-link.active{border-radius: 10px;}
.card.prod_tab  .nav-tabs .nav-link:focus, .card.prod_tab  .nav-tabs .nav-link:hover {border: solid 1px #959595;}
} 
/* END__ */
@media (min-width: 576px) and (max-width: 767px) {
.carousel-caption > div > div{ width: 450px;}

}
/* END__ */

@media only screen and (max-width: 575px) {
.carousel-caption{height: 66%; font-size: 14px;}	
.carousel-caption > div > div{ width: 370px;}
.plogo{ width: 180px; height: 130px;}
.footer .pcontent h4 {font-size: 24px;}

.about_back .container{ width: 96%; max-width: 96%; font-size: 14px; line-height: 18px;}
.about_back{ background-size: 1532px auto;}
.about_block1{  padding: 0 0 20px 0;}
.about_block2{ min-height: 200px;  }
.about_block3{  padding: 20px 0 ;}
.about_block4{  padding: 20px 0;}

.prod_block{ padding:30px 10px;}
.prod_left { padding: 12px;}
.prod_left h1{ font-size: 30px; padding: 5px 0 10px 0;}


} 
/* END__ */
@media only screen and (max-width: 400px) {
.header .logo{  left: 53%;  transform: translateX(-50%);}
/*.address, .language{ display:none;}*/
.carousel-caption{height: 75%; font-size: 14px; line-height: 18px;}
.carousel-caption > div > div{ width: 280px;}
.plogo{ width: 100%; height: 150px; margin-left: 0;}
.pcontent{ width: 100%;}
.footer_botttom span{ width: 100%;}
.footer_botttom{ line-height: 20px;}
.footer_botttom img{ width: 100%; max-width: 100% !important;  height: auto !important;;}

.about_back .container{ font-size: 12px; line-height: 18px;}
.about_back{ background-size: 1564px auto;}
.about_back h1, .about_back h2{ font-size: 22px; padding: 0 0 10px 0; }
.about_back h3, .about_block1 h2{ font-size: 18px; }
.about_block3 h3{ font-size: 20px; } 
} 
/* END__ */



.btgrid  {direction:ltr;}

.btgrid  table {direction:rtl;}


.mgtconnect_holder {
	background: #165988;
    color: white;
}


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

.btgrid .col-md-9,
.btgrid .col-md-3 {
	width: 100%!important;
    float: none;
    display: block;
    flex-basis: auto;
}

.btgrid .col-md-3 .content {text-align:center;}


}



.footersocial {
	color:#165988!important;
}