textarea:focus, input:focus {
    outline: none;
}
*:focus { outline: none;}

table {  border-collapse: collapse;}
/*------------- body start ----------*/
html{font-weight: normal;}
body{margin: 0; padding: 0; font-family: 'robotoregular'; overflow-x:hidden; font-weight: normal; }

/*------------- body start ----------*/


/*------------- list style start ----------*/
.list-st{ float: left; width: 92%; height: auto; font-weight: normal; }
.list-st>ul{ float: left; width: 100%; height: auto; }
.list-st>ul>li{ float: left; width: 100%; height: auto;  text-align: left;  font-family: 'robotolight';  font-size: 20px; color: #787878; padding:1% 0; line-height: 1.4; }

.list-st-1{float: left; width: 100%; height: auto; font-weight: normal; box-sizing: border-box; padding: 0 40px 0 10px; }
.list-st-1>ul{     margin: 0; padding:0 0 0 25px;float: left; width: 100%; height: auto; }
.list-st-1>ul>li{ float: left; width: 100%; margin-bottom: 15px; height: auto; position: relative; list-style: none;  text-align: left;  font-family: 'robotolight';  font-size: 16px; color: #787878; padding:1% 0; line-height: 1.4; }
.list-st-1>ul>li>i{line-height: 1.5; color: #696969; }


.list-st-2{float: left; width: 100%; height: auto; font-weight: normal; box-sizing: border-box; padding: 0 40px 0 10px; }
.list-st-2>ul{     margin: 0; padding:0 0 0 25px;float: left; width: 100%; height: auto; }
.list-st-2>ul>li{ float: left; width: 100%; margin-bottom: 15px; height: auto; position: relative; list-style: none;  text-align: left;  font-family: 'robotolight';  font-size: 16px; color: #787878; padding:1% 0; line-height: 1.4; }
.list-st-2>ul>li>i{line-height: 2.5; color: #696969; }
/*li:before {  content: "\f046"; border-color: transparent #111; border-style: solid; border-width: 0.35em 0 0.35em 0.45em;  display: block; height: 0;  width: 0;  left: -1em; top: 0.9em;
    position: relative;
}*/


.list-st-3{float: left; width: 100%; height: auto; font-weight: normal; box-sizing: border-box; padding: 0 40px 0 10px; }
.list-st-3>ul{     margin: 0; padding:0 0 0 25px;float: left; width: 100%; height: auto; }
.list-st-3>ul>li{ float: left; width: 100%; margin-bottom: 5px; height: auto; position: relative; list-style: none;  text-align: left;  font-family: 'robotolight';  font-size: 16px; color: #787878; padding:1% 0; line-height: 1; margin-left: 15px; }
.list-st-3>ul>li:nth-child(1){line-height: 2.5; margin-left: 0; color: #696969; font-weight: normal;font-family: 'robotoregular'; font-size: 18px; }
.list-st-3>ul>li>i{line-height: 2.5; color: #696969;}
.list-st-3>ul>li>a{ text-decoration: none; color: #696969; }
/*------------- list style start ----------*/


.wrapper{ width: 1170px; margin: 0px auto; height: 100%; display: block; }
.slider{ float: left; margin: 0; padding: 0; width:100%; height: 100%; margin-top: 30px;}
#sync2>.owl-wrapper-outer>.owl-wrapper{width: 100% !important;}
#sync2>.owl-wrapper-outer>.owl-wrapper>.owl-item{width: 25% !important; opacity: 0.6;}
/*.synced{ opacity:1 important;}*/
#sync1 .item{  background-size: 100% !important; background-repeat: no-repeat; padding: 80px 0px; margin: 5px 0px;color: #FFF; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 0px;text-align: center; height: 246px; }
#sync2 .item{background: #fff;padding: 10px 0px;  margin: 5px;color: #FFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 0px;text-align: center;cursor: pointer;}
#sync2 .item h1{  font-weight: normal;   font-size: 18px;    color: #6b6b6b; border-bottom: 4px solid #5a9bd5;  padding: 0; width: 72%; margin: 0px auto;line-height: 50px; }
#sync2 .synced .item{border-radius: 0; }


.Block-title{  margin-left: 50px; width: 550px; height: 200px; background: rgba(255,255,255,0); position: absolute; left: 0; bottom: 0;}
.Block-title>h2{font-weight: normal; text-align:left;  padding:0px 0 10px 0; font-family: 'robotoregular'; font-size: 36px; color: #fff; box-shadow: 0px -2px 0px 0px #5a9bd5 inset;    width: auto;
    margin: 0px; float: left;}
.Block-title>p{ font-weight: normal;float: left; margin: 0px; padding:10px 0px 0px 0px;font-family: 'robotoregular'; font-size: 26px; color: #fff; text-align: left;}
/*------------- header start ----------*/
header{float: left; height: 160px; height: 100px;border-bottom: 1px solid #ccc; width: 100%;}
header>a{float: left; margin: 0; padding: 0; text-decoration: none; width: 20%;}
header>a:active, a:hover, a:focus,a:visited{text-decoration: none;}
header>a>img{width: 20%; margin-top: 30px; width: 100%;}
.page-title{    margin-top: 3%; width: 100%; float: left; height: 100px; background: #f8f8f8;}
.page-title>h2{font-weight: normal;float: left; margin: 0; padding: 0; font-size: 40px; color: #787878; padding-top: 18px; margin-left: 30px; /*border-bottom: 2px solid #5a9bd5;*/font-family: 'robotolight';}
/*------------- header start ----------*/
.copy-right{font-family: 'robotolight'; font-size: 12px; color: #8C8C8C;    line-height: 5;}
.foot-nav{ float: right;    width: 30%;}
.foot-nav>li{ display: inline; float: right;}
.foot-nav>li>a{ text-decoration: none; font-family: 'robotolight'; font-size: 12px; color: #8C8C8C; padding:0px 10px 0px 10px;  }
/*------------- technology page start ----------*/
.tech-deatil{ width: 100%; float: left; margin-top: 4%;    margin-bottom: 3%; }
.tech-deatil>table{ width: 100%; float: left; /*border: 1px solid #f3f3f3;*/}
.tech-deatil>table>tbody>tr{/* border: 1px solid #f3f3f3;*/}
.tech-deatil>table>tbody>tr>td:nth-last-child(even){ box-sizing: border-box; padding: 1.2% 2% 2% 2%; width: 50%; float: left; }
.tech-deatil>table>tbody>tr>td:nth-last-child(even)>h2 {font-weight: normal;float: left; font-family: 'robotoregular'; /*border-bottom: 2px solid #e1e1e1 ;*/ font-size: 26px;text-align: left;  color: #787878;    margin: 0px 0 15px 0;}
.tech-deatil>table>tbody>tr>td:nth-last-child(even)>p{margin: 0; font-family: 'robotolight'; font-size: 20px; text-align: left; width: 100%; float: left;color: #787878;}
.tech-deatil>table>tbody>tr>td:nth-last-child(even)>p>a{    margin-top: 1%;  float: left; color:#5a9bd5 ; text-decoration: none; margin: 0; font-family: 'robotoregular'; font-size: 20px; text-align: left; }
.tech-deatil>table>tbody>tr>td:nth-last-child(odd){ /*border: 1px solid #f3f3f3;*/ border-bottom: 0;  border-right: 0; border-top: 0;box-sizing: border-box;width: 49%; float: right; }
.tech-deatil>table>tbody>tr>td:nth-last-child(odd)>img{ width: 96%; padding: 2%; float: right; }

.tech-main{ width: 100%; float: left; margin-top: 4%;    margin-bottom: 3%; }
.tech-main>table{ width: 100%; float: left; /*border: 1px solid #f3f3f3;*/}
.tech-main>p{ color: #787878; margin: 0; font-family: 'robotolight'; font-size: 20px; text-align: left; width: 100%; float: left; padding: 30px 25px; box-sizing: border-box;}
.tech-main>table>tbody>tr{ border: 0px solid #f3f3f3;}
.tech-main>table>tbody>tr>th>p{padding: 1.6% 0%;box-sizing: border-box; margin: 0; font-family: 'robotolight'; font-size: 20px; text-align: left; width: 100%; float: left;color: #787878; font-weight: normal;}
.tech-main>table>tbody>tr>th{ box-sizing: border-box; padding:0 2%; width: 100%; float: left; }
.tech-main>table>tbody>tr>th>h2{font-weight: normal;float: left; font-family: 'robotoregular'; /*border-bottom: 2px solid #e1e1e1 ;*/ font-size: 26px;text-align: left;  color: #787878;}
.tech-main>table>tbody>tr>td:nth-last-child(even){ box-sizing: border-box; padding:  1.2% 2% 2% 2%; width: 50%; float: left;}
.tech-main>table>tbody>tr>td:nth-last-child(even)>h2 {font-weight: normal;float: left; font-family: 'robotoregular'; /*border-bottom: 2px solid #e1e1e1 ;*/ font-size: 26px;text-align: left;  color: #787878; margin: 0px 0 15px 0;}
.tech-main>table>tbody>tr>td:nth-last-child(even)>p{color: #787878;margin: 0; font-family: 'robotolight'; font-size: 20px; text-align: left; width: 100%; float: left;}
.tech-main>table>tbody>tr>td:nth-last-child(odd){ /*border: 1px solid #f3f3f3; */  border-right: 0; border-top: 0;box-sizing: border-box;width: 49%; float: right; }
.tech-main>table>tbody>tr>td:nth-last-child(odd)>img{ width: 96%; padding: 2%; float: right; }

/*------------- technology page start ----------*/

/*------------- contact page start ----------*/
.result-block{}
.visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 1.5s linear;
}
.hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 1.5s, opacity 2s linear;
 }
.contact-msg-h2{ margin-top: 10%; text-align: center;color: #787878;font-family: 'robotoregular'; font-weight: normal; font-size: 32px;}
.contact-msg-p{ text-align: center;color: #787878;font-family: 'robotolight'; font-weight: normal; font-size: 26px;float: left; width: 100%; text-align: center;   margin-bottom: 40.7%;}
.contact-deatil{ width: 100%; float: left; margin-top: 2%;    margin-bottom: 6%; }
.contact-add{    box-sizing: border-box; width: 49%; margin-left: 2%; float: left; height: 100%; }
.contact-add>h2{  float: left; font-size: 30px; width: 100%; border-bottom: 2px solid #efefef;font-family: 'robotothin'; color: #787878;line-height: 2; }
.add-block{ width: 80%; float: left; height: auto; margin: 15px;}
.add-block>img{ width:25px; float: left; height: 22px;}
.add-block>h3{font-weight: normal;float: left; height: auto; color: #787878;font-family: 'robotoregular'; font-size: 22px; margin: 0; margin-left: 15px; line-height: 1;}
.add-block>p{ float: left; height: auto;font-family: 'robotolight'; font-size: 18px;  color: #787878;    margin-left: 36px; width: 63%;    margin-top: 0;  text-align: left;line-height: 1.2;}

.contact-form{ width: 44%; margin-right: 2%; float: right; height: 100%;padding-top: 9%;    box-sizing: border-box; }
.contact-form-wrap{ width: 100%; margin-right: 2%; float: right; height: 100%;padding-top: 0;    box-sizing: border-box; }
.contact-form-wrap>form{ width: 100%; float: left; height: 100%; }
.contact-form-wrap>form>input{ border-radius: 0; -webkit-appearance: none; border: 1px solid #efefef; width: 49%; line-height: 2.8;   height: 100%; font-family: 'robotolight'; font-size: 20px; margin: 10px 0px; padding: 0; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
.contact-form-wrap>form>input::placeholder{color: #787878;}
.contact-form-wrap>form>input:nth-last-child(even){float: left;}
.contact-form-wrap>form>input:nth-last-child(odd){float: right;}
.contact-form-wrap>form>textarea{border-radius: 0; -webkit-appearance: none;border: 1px solid #efefef; width: 100%; line-height: 1.3;  float: left; height: 160px; font-family: 'robotolight'; font-size: 20px; color: #787878; margin: 10px 0px 30px 0px; padding: 15px;  box-sizing: border-box; background: #efefef;  resize: none;}
.contact-form-wrap>form>button{cursor: pointer;border: 1px solid #efefef; width: 70%; line-height: 1.3;  float: none; height: auto; font-family: 'robotolight'; font-size: 20px; color: #fff; margin: 0px auto; padding: 15px;  box-sizing: border-box; background: #5a9bd5; display: block; }
.im-map{ width: 100%; height: 280px; float: left; background: url(../../include/img/map.jpg) no-repeat; background-size: 100%; margin-top: 13px;}


/*------------- contact page start ----------*/

/*------------- career page start ----------*/

.career-deatil{width: 100%; float: left; margin-top: 4%;    margin-bottom: 6%;}
.career-deatil>table{ box-sizing: border-box; width: 100%; border-radius: 0; }
.footable > thead > tr:first-child > th.footable-last-column, .footable > thead > tr:first-child > td.footable-last-column {
    -moz-border-radius: 0 0 0 0 !important;
    -webkit-border-radius: 0 0 0 0 !important;
    border-radius: 0 0 0 0 !important;
}
.footable > thead > tr:first-child > th.footable-first-column, .footable > thead > tr:first-child > td.footable-first-column {
    -moz-border-radius: 0 0 0 0 !important;
    -webkit-border-radius: 0 0 0 0 !important;
    border-radius: 0 0 0 0 !important;
}
.footable > thead > tr > th, .footable > thead > tr > td {
    background: #DCEDFB !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.8) inset !important;
    -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0.8) inset !important;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.8) inset !important;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
/*.career-deatil>table>tbody{ box-sizing: border-box; padding: 2%; width: 100%; float: left; }*/
/*.career-deatil>table>tbody>tr{ box-sizing: border-box; padding: 2%; width: 100%; float: left; }*/
/*.career-deatil>table>tbody>tr>td{ text-align: center; }*/
/*.career-deatil>table>tbody>tr>td>h2 {font-family: 'robotolight';  font-size: 20px;text-align: center;  color: #787878;}*/
/*------------- career page start ----------*/

/*------------- service page start ----------*/
.service-deatil{width: 100%; float: left; margin-top: 4%;    margin-bottom: 6%;}
.service-deatil>p{ padding: 0 15px; margin: 10px 0; box-sizing: border-box; text-align: left; font-size: 18px;font-family: 'robotolight';color: #787878; width: 100%; float: left; }
/*------------- service page start ----------*/



/* Home content
--------------------------------------------- */
.content-sec{     margin-bottom: 5%;width: 100%; height: auto; float: left;-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;margin-top: 5%;}
.cont-left{ float: left; width: 46%; height: 100%; -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;padding: 10px; }
.cont-left>h2{ margin: 0; width: 100%; float: left; font-family: 'robotolight'; color:#8C8C8C; font-size: 28px; text-align: center;padding: 80px 0px 10px 0px; }
.cont-left>p{ float: left; font-family: 'robotolight'; color:#8C8C8C; font-size: 20px;  }
.cont-cent{ float: left; width: 100%; height: 100%; -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;padding: 10px; }
.cont-cent>h2{ margin: 0; width: 100%; float: left; font-weight: normal; font-family: 'robotoregular'; color:#8C8C8C; font-size: 28px; text-align: center;padding: 30px 0px 10px 0px; }
.cont-cent>p{ float: left; font-family: 'robotolight'; color:#8C8C8C; font-size: 20px;  }

.cont-block{ float: left; width: 33.33%; height: 350px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;padding: 10px; position: relative;}
.cont-block>h2{ font-weight: normal; margin: 0; width: 100%; float: left; font-family: 'robotoregular'; color:#8C8C8C; font-size: 28px; text-align: center;padding: 30px 0px 10px 0px; }
.cont-block>p{    box-sizing: border-box; padding: 0 10px; text-align: left; float: left; font-family: 'robotolight'; color:#8C8C8C; font-size: 18px;  }
.cont-block>a{ cursor: pointer; outline: none;font-family: 'robotoregular'; color: #6b6b6b; margin: 0px auto; display: block;  border: 2px solid #bed4e9; background: rgba(255,255,255,0);border-radius: 30px; padding: 0 25px; line-height: 50px; font-size: 22px; position: absolute; left: 0; right: 0 ; bottom: 20px;    width: 50%; text-align: center; text-decoration: none;}
.cont-block>a:hover, a:active, a:focus, a:visited{text-decoration: none;}
.cont-right{ float: right;width: 46%; height: 100%;background: rgba(251,251,251,1); -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;padding: 20px;}
.cont-right>p{      margin: 0;  padding: 0px 0px 40px 0px; float: left; font-family: 'robotolight'; color:#8C8C8C; font-size: 20px; text-align: center;   }
.cont-right>button{ cursor: pointer; outline: none;font-family: 'robotoregular'; color: #6b6b6b; margin: 0px auto; display: block;  border: 2px solid #bed4e9; background: rgba(255,255,255,0);border-radius: 30px; padding: 0 25px; line-height: 50px; font-size: 22px;}

/*------------- menu start ----------*/
.menu-wrap{ float: right;  width: auto; margin-top: 30px;}
h1 {font-size: 60px;text-align: center;color: #FFF;}
h3 {font-size: 30px;line-height: 34px;text-align: center;color: #FFF;}
h3 a { color: #FFF; }
a { color: #FFF; }
h1 { /*margin-top: 100px;*/  text-align: center;  font-size: 60px;  line-height: 70px;  font-family: 'roboto', sans-serif;}
#container {  margin: 0 auto;  max-width: 890px;}
p { text-align: center; }
 .toggle, [id^=drop] { display: none;}
nav:after {  content: "";  display: table;  clear: both;  background: #ccc;}
nav ul { z-index: 9; float: right;  padding: 0;  margin: 0;  list-style: none;  position: relative;  width: 100%;}
nav ul li {  margin: 0px;  display: inline-block;  float: left;  background:rgba(255,255,255,1);}
nav a {  display: block;  padding: 0 16px;  color: #6c6c6c;  font-size: 18px;  line-height: 60px;  text-decoration: none;  font-family: 'robotoregular';}
nav ul li ul li:hover { /*background: #000000;*/ }
nav a:hover { /*background-color: #fff; */    box-shadow: 0px -2px 0px 0px #5a9bd5 inset; }
nav a:active { /*background-color: #fff; */    box-shadow: 0px -2px 0px 0px #5a9bd5 inset; }
/*nav ul ul { z-index: 99; display: none; position: absolute; top: 60px;}*/
nav ul ul { padding-top: 20px;     padding-bottom: 20px;  z-index: 99; display: none; position: fixed; top: 90px; width: 1170px; left: 0; background: #fff; right: 0; margin: 0px auto;
}
.discrip{ font-family: 'robotolight'; color: #8C8C8C; font-weight: normal; text-align: left;  width: 44%; float: left; padding: 0px 20px 30px 20px;box-sizing: border-box;}
.discrip>h2{ font-family: 'robotoregular'; color: #8C8C8C; font-weight: normal; margin: 0;  text-align: left;  width: 100%; padding: 10px 0;  float: left; box-sizing: border-box; }
nav ul li:hover > ul { display: inherit; 
-webkit-box-shadow: inset 0px 0px 4px 0px rgba(235,235,235,1);
-moz-box-shadow: inset 0px 0px 4px 0px rgba(235,235,235,1);
box-shadow: inset 0px 0px 4px 0px rgba(235,235,235,1); border-top: 1px solid #c1c1c1;
     }
nav ul ul>li:nth-child(2) { display: none;}
nav ul ul li { margin-left: 3%; float: left !important; width: 250px; float: none; display: list-item; position: relative;  background: url(../../include/img/arrow.png) no-repeat; background-size: 10%; background-position: left center;}
/*nav ul ul li:before { content: ''; position: absolute; left: 0; background: url(../../include/img/arrow.png) no-repeat; background-size: contain; background-position: left center;}*/
nav ul ul li>a { padding-left: 40px; line-height: 50px;}
nav ul ul ul li { position: relative; top: -60px; left: 170px;}
li > a:after { content: ' '; }
li > a:only-child:after { content: ''; }

/* Media Queries
--------------------------------------------- */

@media all and (max-width : 990px) {
    .discrip{ display: none;}
.tog-2{      box-sizing: border-box;   width: 100% !important; float: left;    position: inherit !important;}
#logo { display: block; padding: 0; width: 100%; text-align: center; float: none;}
nav { margin: 0; }
.toggle + a, .menu { display: none; }
.toggle { font-weight: normal; font-family: 'robotoregular'; display: block; background-color: #fff; padding: 0 20px; color: #6b6b6b; font-size: 20px; line-height: 50px; text-decoration: none; border: none; width: 20px; height: 60px; position: absolute; top: 0; right: 0;  }
.toggle:hover { background-color: #f7f7f7; /*box-shadow: 0px -2px 0px 0px #5a9bd5 inset;*/}
[id^=drop]:checked + ul { display: block; float: left; }
nav ul li { display: block; width: 100%; border-bottom: 1px solid #c9c9c9;}
nav ul ul .toggle, nav ul ul a { padding: 0 40px; }
nav ul ul ul a { padding: 0 80px; }
nav a:hover, nav ul ul ul a { background-color: #f7f7f7; box-shadow: 0px -2px 0px 0px #5a9bd5 inset;}
nav ul li ul li .toggle, nav ul ul a { background-color: #f9f9f9; }
nav ul ul {  float: none;  position: static;  color: #ffffff;}
nav ul ul li:hover > ul,nav ul li:hover > ul { display: none; }
nav ul ul li {  display: block;  width: 100%;    margin-left: 0%;}
nav ul ul ul li { position: static;}
.menu-wrap{ width: 100%;}
}

@media all and (max-width : 330px) {
nav ul li {  display: block;  width: 100%;}

}
/*------------- menu start ----------*/

/* Media Queries desktop --------------------------------------------- */
@media (max-width: 1366px) {
    .menu-wrap {  margin-top: 25px; width: auto;}
nav a { line-height: 50px;font-size: 16px;}
nav ul ul { top: 75px; width: 100%;}
header {height: 80px;}
/*header>a {  width: 17%;}
*/header>a>img { margin-top: 15px;}
.page-title>h2 { font-size: 30px; padding-top: 8px;}
.slider {margin-top: 0px;}
    #sync1 .item{  height: 140px; }
    #sync2 .item {padding: 0px 0px;}
    .Block-title>h2 {  font-size: 30px;}
    .Block-title>p {  font-size: 19px;    width: 100%;}
    .cont-right>p { font-size: 16px;}
    .cont-left>h2 {    font-size: 24px; padding: 40px 0px 10px 0px;}
    .content-sec { margin-bottom: 4%;  margin-top: 3%;}
    .cont-left>p { font-size: 16px;}
    .page-title {  height: 70px;    margin-top: 1%;}
    .tech-deatil>table>tbody>tr>td:nth-last-child(even)>h2 { font-size: 20px;}
    .tech-deatil>table>tbody>tr>td:nth-last-child(even)>p { font-size: 18px;}
    .tech-deatil>table>tbody>tr>td:nth-last-child(even)>p>a { font-size: 18px;}
    .contact-deatil { margin-top: 2%;}
    .contact-form>form>input { line-height: 2.4; font-size: 18px;}
    .contact-form>form>textarea { height: 140px;}
    .im-map { height: 200px;}
} 

@media (max-width: 1280px) {
    header>a>img {margin-top: 15px;}
    .wrapper { width: 100%; padding: 0 2%; box-sizing: border-box;}
    #sync2 .item h1 {font-size: 16px;}
    .tech-deatil>table>tbody>tr>td:nth-last-child(even)>p { font-size: 16px;}
    .tech-main>table>tbody>tr>td:nth-last-child(even)>h2 { font-size: 18px;}
    .page-title { height: 60px;}
    .page-title>h2 {  font-size: 26px;}
    .tech-main>table>tbody>tr>td:nth-last-child(even)>p {font-size: 16px;}
    .tech-main>table>tbody>tr>th>p {  font-size: 16px;}
    .tech-deatil>table>tbody>tr>td:nth-last-child(even)>h2 { font-size: 18px;}
    .contact-add>h2 {  font-size: 24px;}
    .add-block>p { font-size: 15px;    width: 88%;}
    .add-block>h3 { font-size: 16px;    line-height: 1.6;}
}

@media (max-width: 1164px) {
.cont-block { height: 1040px;}
}

@media (max-width: 1024px) {
  .cont-block{ height: 1000px !important;}
    .wrapper { width: 100%; padding: 0 2%; box-sizing: border-box;}
    #sync2 .item h1 {font-size: 16px;}
    .tech-deatil>table>tbody>tr>td:nth-last-child(even)>p { font-size: 16px;}
    .tech-main>table>tbody>tr>td:nth-last-child(even)>h2 { font-size: 18px;}
    .page-title { height: 60px;}
    .page-title>h2 {  font-size: 26px;}
    .tech-main>table>tbody>tr>td:nth-last-child(even)>p {font-size: 16px;}
    .tech-main>table>tbody>tr>th>p {  font-size: 16px;}
    .tech-deatil>table>tbody>tr>td:nth-last-child(even)>h2 { font-size: 18px;}
    .contact-add>h2 {  font-size: 24px;}
    .add-block>p { font-size: 15px;    width: 88%;}
    .add-block>h3 { font-size: 16px;    line-height: 1.6;}
}

@media (max-width: 990px) {
  .contact-form>form>button { width: 30%;}
  .cont-block { width: 100%; height: 100% !important;}
  .cont-block>a{    float: left;position: inherit; width: 30%; margin: 0px auto; display: block; height: auto; margin-left: 35%; margin-right: 35%;margin-top: 5%;}
    #sync1 .item {    height: 102px;}
    #sync2 .item h1 { font-size: 13px; width: 80%;}
    .Block-title>h2 { font-size: 22px;}
    .Block-title { height: 140px;}
    .contact-add {     box-sizing: border-box;  padding: 2%;   margin-left: 0%;width: 100%;}
    .add-block {  width: 100%;}
    .add-block>p {    font-size: 15px; width: auto; display: inline; margin-left: 15px; line-height: 1.6;}
    .add-block>h3 { font-size: 16px;    line-height: 1.6;}
    .cont-left { width: 100%;}
    .cont-right { width: 100%;}
    
    
}

@media (max-width: 990px) {
    .menu-wrap {width: 100%;}
    .contact-add { box-sizing: border-box; padding: 2% 5%;  margin-left: 0%;  width: 100%;}
    .contact-form { float: none; width: 90%; box-sizing: border-box; margin: 0px auto; display: block;}
    .contact-form>form>input{ width: 48%;}
    .contact-form>form>input:nth-last-child(even){ border-radius: 0; -webkit-appearance: none; border: 1px solid #efefef; width: 48%; line-height: 2.8;  float: left; height: 100%; font-family: 'robotolight'; font-size: 20px; margin: 10px 0px; padding: 0; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
    .contact-form>form>input:nth-last-child(odd){ border-radius: 0; -webkit-appearance: none; border: 1px solid #efefef; width: 48%; line-height: 2.8;  float: right; height: 100%; font-family: 'robotolight'; font-size: 20px; margin: 10px 0px; padding: 0; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
    nav ul ul>li:nth-child(2) { display: block;}
    nav ul ul {  padding-top: 0px;     padding-bottom: 0px;}
    
}

@media (max-width: 768px) {
.contact-add { box-sizing: border-box; padding: 2% 5%;  margin-left: 0%;  width: 100%;}
.contact-form { float: none; width: 90%; box-sizing: border-box; margin: 0px auto; display: block;}
.contact-form>form>input{ width: 48%;}
.contact-form>form>input:nth-last-child(even){ border-radius: 0; -webkit-appearance: none; border: 1px solid #efefef; width: 48%; line-height: 2.8;  float: left; height: 100%; font-family: 'robotolight'; font-size: 20px; margin: 10px 0px; padding: 0; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
.contact-form>form>input:nth-last-child(odd){ border-radius: 0; -webkit-appearance: none; border: 1px solid #efefef; width: 48%; line-height: 2.8;  float: right; height: 100%; font-family: 'robotolight'; font-size: 20px; margin: 10px 0px; padding: 0; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
    nav ul ul li:nth-child(1) { display: block;}
.foot-nav { float: right; width: 50%;}
#sync2 .item h1 { line-height: 1.8;  border-bottom: 4px solid #5a9bd5;}
.toggle {height: 60px;}
    header {  height: 70px;}
    header>a { width: 30%;}
    
}

@media (max-width: 660px) {
  .contact-form>form>button { width: 44%;}
.cont-block>a{     width: 40%; margin-left: 30%; margin-right: 30%;margin-top: 5%;}
#sync1 .item { height: 0;}
#sync2 .item h1 {font-size: 15px; width: 90%; border-bottom: 3px solid #5a9bd5;line-height: 1.2;padding-bottom: 6px;}
.Block-title>p {font-size: 15px;box-sizing: border-box; width: 100%;}
.Block-title>h2 {font-size: 22px;}
.Block-title { height: 120px;}
.toggle {height: 48px;}
    header {  height: 60px;}
    header>a { width: 30%;}
    .tech-main>table>tbody>tr>td:nth-last-child(even)>p {  box-sizing: border-box;}
    .tech-main>table>tbody>tr>td:nth-last-child(odd)>img {  width: 100%;   box-sizing: border-box;}
    .tech-main>table>tbody>tr>td:nth-last-child(odd) {  width: 100%; border-left:0;}
.tech-deatil>table>tbody>tr>td:nth-last-child(even) { width: 100%;}
.tech-deatil>table>tbody>tr>td:nth-last-child(odd) { width: 100%;border-left: 0;}
.tech-main>table>tbody>tr>th>p { padding: 1.6% 3%;}
.tech-main>table>tbody>tr>td:nth-last-child(even) { width: 100%;}
}



@media (max-width: 480px) {
  .cont-block>a{     width: 50%; margin-left: 25%; margin-right: 25%;margin-top: 5%;}
    header>a>img { width: 35%;}
    .add-block { width: 100%;}
    .contact-form {width: 100%; box-sizing: border-box;    margin-right: 0;    padding: 1%;}
    .foot-nav { width: 54%;}
    .contact-add>h2 { font-size: 24px; margin-top: 0;}
    .im-map { height: 140px;}
    #sync1 .item {  height: 0px;    background-size: cover !important; }
    #sync2 .item h1 {    width: 80%;  font-size: 13px;  line-height: 1.6;  border-bottom: 2px solid #5a9bd5; }
    .Block-title {  height: 140px;  margin-left: 15px;  width: 100%;  box-sizing: border-box;}
    .Block-title>p {    font-size: 15px; box-sizing: border-box;   width: 100%;}
    .page-title>h2 {  margin-left: 18px;}
    .tech-main>table>tbody>tr>td:nth-last-child(even)>p {  box-sizing: border-box;}
    .tech-main>table>tbody>tr>td:nth-last-child(odd)>img {  width: 100%;   box-sizing: border-box;}
    .tech-main>table>tbody>tr>td:nth-last-child(odd) {  width: 100%; border-left:0;}
.tech-deatil>table>tbody>tr>td:nth-last-child(even) { width: 100%;}
.tech-deatil>table>tbody>tr>td:nth-last-child(odd) { width: 100%;border-left: 0;}
.tech-main>table>tbody>tr>th>p { padding: 1.6% 3%;}
    
.contact-form>form>input:nth-last-child(even) { width: 100%;}
.contact-form>form>input:nth-last-child(odd) { width: 100%;}
.foot-nav {  width: 100%;  text-align: center;  margin: 5px 0;}
.copy-right {   line-height: 3;  width: 100%;  text-align: center; float: left;}
.foot-nav>li {width: 33.33%;}
.toggle {height: 48px;}
    header {  height: 60px;}
    header>a { width: 100%;}
}

@media (max-width: 320px) {
    .toggle {height: 48px;}
    header {  height: 50px;}
    header>a { width: 100%;}
    #sync2 .item h1 { font-size: 10px;}
   .Block-title {  height: 106px;}
    .Block-title>p {  font-size: 13px;  width: 100%;}
    .foot-nav {  width: 100%;  text-align: center;  margin: 5px 0;}
.copy-right {   line-height: 3;  width: 100%;  text-align: center; float: left;}
.foot-nav>li {width: 33.33%;}
.tech-main>table>tbody>tr>td:nth-last-child(even) {  width: 100%;    padding: 3%;}
.tech-main>table>tbody>tr>td:nth-last-child(odd) {  width: 100%; border-left:0;}
.tech-deatil>table>tbody>tr>td:nth-last-child(even) { width: 100%;}
.tech-deatil>table>tbody>tr>td:nth-last-child(odd) { width: 100%;border-left: 0;}
}

/* Media Queries desktop --------------------------------------------- */