*{box-sizing: border-box}
* [onclick] {cursor: pointer; }
body,html{overflow-x: hidden;}
body {font-family:Arial, Helvetica, sans-serif; margin:120px 0 0 0; width:100%; font-size:62.5%; overflow-x: hidden;}
a:link{color:#808080; text-decoration: none}
a:visited{color: #808080;}
a:hover{ color:#004397;}
a:active{color: #808080;}
h1{font-size:2.6em;}
h2{font-size:1.6em;}
h3{font-size:1.4em;}
h4{font-size:1.2em;}
h5{font-size:1.2em;}
h6{font-size:1.2em}
.mobi-only,.quick-enquiry-block,.menu-top>label,#mobi-toggle,#navOverlay,.item-hide{display:none}
.ecat-value{box-sizing: content-box; visibility:hidden;position:absolute; max-width:100px; top:0; left:0; z-index:-1}
a > button{ display: contents; all: unset}
.btn1{display: inline-block; padding:12px; min-width: 150px; text-align:center; font-size:14px; font-weight:bold; background:#004397;  border-radius:4px;  color: rgba(255,255,255,.8)!important}

/*================== MAIN SECTION ============================*/
.back_page{ width:100%; font-size:16px; color:#000; top:0px; padding:15px; margin-top:5px;line-height: 1.8em; min-height: 200px}
.back_page p{text-align:justify;}

.survey-supplies{position:absolute; visibility:hidden; z-index:999999;}
.survey-equipment-1{width:100%; height:120px; z-index:100;  box-shadow:0 0 10px 2px #ccc; position: fixed; top: 0; background-color: #fff;}
.surveying-instruments-header{ max-width:1280px; margin:auto; height: 100%; display: flex; flex-wrap: wrap; align-content: space-around; padding: 7px 0}
.survey-supplies-2{ position:relative; width:100%; background: linear-gradient(360.1deg, rgba(255, 255, 255, 0) 9.88%, rgb(194 203 215 / 45%) 19.41%, #ededed 75.56%, rgb(0 68 151 / 1%) 100.39%) !important;}
.surveying-instruments-section{ max-width:1280px; margin:auto auto;}
.menu-top-container{display: flex; justify-content: space-between; flex-wrap:wrap; width: 100%; align-items: center;}

/*================= MENUS ======================*/
.main-menu-top{ position:relative; border-radius: 10px; background-color: #004397; display: flex; width: 100%; align-items: center; flex-wrap: wrap}
.menu-top{display: flex; align-items: center; flex-wrap: wrap;width: 96.5%}
.menu-top > div{width: 100% }
.menu-top > div > ul{display: flex; justify-content:space-between; flex-wrap: wrap;  }
.menu-top > div > ul > li{border-left: 1px solid #fff;}
.menu-top > div > ul > li > a{ width: 100%}

.top-menu-block > ul{ margin:0; display: flex; justify-content:space-between; flex-wrap: wrap; padding: 0;}
.top-menu-block > ul > li{ list-style: none;position: relative}
.top-menu-block > ul > li > span,.top-menu-block > ul > li > a{ text-decoration:none; font-size:12px; color:#262526; display:block; padding: 8px 25px;cursor: pointer; font-weight: bold; letter-spacing: 1.2px; text-transform: uppercase}
.top-menu-block > ul > li .fa-fw{ color: #d3d3d3}

.menu-top label{display: none}
.nav{margin:0; padding:0}
.nav > li{float: left; position:relative; list-style:none}
.nav > li{color:#fff}
.nav > li > span,.nav > li > a{display: inline-block; color:rgba(255, 255, 255,1) !important; padding:5px 15px; line-height:35px; font-size:1.6em; text-decoration:none; transition:all .3s; background-color:transparent !important; cursor: pointer;}
.nav > li span:hover, .nav > li:hover > span,.nav > li a:hover, .nav > li:hover > a{background-color:transparent !important; }

.dropdown-menu li{ position:relative; list-style: none;border-bottom:1px solid #f1f1f1; width: 100%}
.dropdown-menu li:last-of-type{border:none }
.dropdown-menu{padding:0; margin:0; display: none; background-color:rgba(255,255,255,.9) !important; min-width:200px; left:0; position:absolute; box-shadow: 0 0 1px 1px rgba(0,0,0,.175); font-size: 14px; z-index: 1}
.dropdown-menu li > span,.dropdown-menu a{color:#404040; transition:background-color .3s;padding:10px;display: block;    white-space: nowrap;}
.dropdown-menu li:hover span,.dropdown-menu li:hover a{color:#004397}
.contactus-tab .dropdown-menu{left: -30px;}


/*================ Dropdown ===================*/
@media screen and (min-device-width: 768px){	
	.active{border:solid 1px #fff}
	.dropdown:hover .dropdown-menu{display:flex; flex-wrap: wrap}
}

.menu-home{float: left; width:100%;}
.menu-home > div{float: right;}
.menu-home a{color:#E4E0E0; margin-right:15px; text-decoration:none;}
.menu-home a:last-child{margin-right:0px;}
.menu-home a:hover{color:#fff;}

.menu-side{position:relative; float:left; width:200px; height:300px; border-radius:5px; border:#999999 1px solid; margin-left:10px; margin-right:10px; margin-top:10px; color:#fff; top:0px;}
.menu-side span{ display:block; border-top-left-radius:5px; border-top-right-radius:5px; background-color:#4D60AC; color:#fff; width:200px; height:25px; text-align:center; font-weight:normal; text-transform:uppercase; padding-top:5px;}
.menu-side div{ background-color:#fff;}
.menu-side a{ position:relative; float:left; background-color:#fff; font-weight:bold; width:190px; height:25px; color:#000; border-bottom:1px solid #999999; padding-left:10px; padding-top:5px; text-align:left;}
.menu-side a b{ width:9px; height:6px; position:relative; float:left; margin-right:0px; top:5px; background-repeat:no-repeat;}
.menu-side a:hover{color:#FFD900;}

/*==================== LOGO =======================*/
.logo{position:relative; float:left; width:20%; clear:left;}
.logo img{ width: 100%; height: auto; display: block}

.widget-container{width:20%; float:left;}

/*===================== SEARCH ======================*/
.search{ position:relative; font-weight:normal;  height:32px; width:32px !important;padding:5px; border-radius:30px; font-size: 16px; display: flex; align-items: center;  justify-content: space-around; background-color: #bfd0e5; margin-right: 7px}
.search a{ text-align:center; text-decoration:none}
.search a i{color:#004397}
.search .fa{margin: auto; width: 100%; height: auto; display:block}
.search .fa-window-close{opacity: .8; position: absolute; top: 3px; font-size: 22px; left: 3px; display:none}

.search-box{position: absolute; right:0px; padding:5px; top:100%; z-index:1; background-color:#fff; color: #fff; border-radius: 4px 0 4px 4px; font-size: 18px; width:100%; transition:all .3s; box-shadow: 0 10px 10px 2px #ccc;}
.search-box input{border: none; padding:5px; width:100%; height:62px; color:#004397; font-size: 32px; border-bottom: 1px #004397 solid;outline: 0;}
.search-box span{cursor: pointer;}
.search-box > div{ position:relative !important; max-width:940px; width:100%; margin:auto;padding-bottom: 15px; left:12%}
.search-box > div > span{ position:absolute; right:3px; height:32px; width:32px; border-radius:30px; font-size: 26px;  background-color:#004397; top:14px; display: flex; align-items: center; justify-content: center;  }
.search-box > div a{ color:#fff; display: block; width: 100%; text-align: center;}

.gsc-input{background: white; padding:0 !important}
.gsc-input *{border: none !important; padding:0 !important; box-shadow: none !important}
.gsc-search-box{ padding: 0px !important; height: 26px;}
.gsc-input-box{margin:0 !important; height:27px !important; width:165px; background-color: transparent !important}
.gsc-input{height:32px !important; border: solid 1px white; margin:0; margin-top:-5px !important}
.gsc-search-box input{height:auto !important; width:auto !important; background: none !important; font-size:.9em !important}
button.gsc-search-button, button.gsc-search-button:hover{background-color: #2A336E !important; border: none !important; border-radius: 0 !important;padding: 5px !important ;margin: 0 !important;}
#___gcse_0 > form > table.gsc-search-box > tbody > tr > td.gsc-search-button{opacity: 0}

.search ::-webkit-input-placeholder {color: white;}
.search ::-moz-placeholder{color: white;}
.search :-ms-input-placeholder {color: white;}
.search :-moz-placeholder {color: white;}

.home-banner{ display:flex; flex-wrap: wrap; justify-content: space-between; max-width: 1280px; margin:50px auto; overflow: hidden; border-radius: 10px;}
.home-banner > div{ width: 50%; background: #e2eff8; color: #143359}
.home-banner > div .banner-btn{font-size: 14px; text-transform: uppercase; letter-spacing: .55px; display: inline-block; padding: 10px 20px; background-color: #fff;color: #007bc7;border: 1px solid #007bc7; border-radius: 10px; line-height: 20px; font-weight: bold;}
.home-banner > div .banner-btn:hover{ background-color: transparent; color: #143359; border: 1px solid #143359;}
.home-banner > div:first-of-type{ padding: 30px}
.home-banner > div:first-of-type > span{font-size: 16px; text-transform: uppercase; color: #f00;}
.home-banner > div h1{ font-size: 42px; line-height: 48px}
.home-banner > div p{ font-size: 16px; line-height: 28px; color: #2c2c2c}
.home-banner > div img{ width:100%; height: auto; display: block}

.prod-btn{ display: flex; flex-wrap: wrap; max-width: 1280px; margin:30px auto; width: 100%; align-items: center; justify-content: space-between;padding: 0 15px}
.prod-btn > div{width: 65%}
.prod-btn > span{width: 30%; font-size:40px; font-weight:800; margin:0; display:flex; flex-direction:column}
.prod-btn > span strong{font-size: 28px; color:#004397}
.prod-btn > div a{font-size: 14px; text-transform: uppercase; letter-spacing: .55px; display: inline-block; padding: 10px 20px; background-color: #fff;color: #007bc7;border: 1px solid #007bc7; border-radius: 10px; line-height: 20px; font-weight: bold; margin-right: 20px}
.prod-btn > div a:hover{ background-color: transparent !important; color: #143359 !important; border: 1px solid #143359;}
.prod-btn > div a:first-of-type{ background: #007bc7; color: #fff}
.prod-btn > div a:hover:last-of-type{ background: #007bc7 !important; color: #fff !important; border: 1px solid #007bc7;}

.intro-products{ display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1140px; margin:85px auto 50px; padding: 0 15px}
.intro-products > div{ width:48%; background-color: #f5f8f8}
.intro-products > div img{ width:100%; height: auto; display: block}
.intro-products > div h2{ font-size: 24px; line-height: 30px; margin-bottom: 10px; margin-top: 25px; padding: 0 15px; color: #004397}
.intro-products > div h2 a{  color: #004397}
.intro-products > div p{font-size: 16px; line-height: 26px; color: #1b1b1d; padding: 0 15px; height: 78px}
.intro-products  label{ cursor: pointer}
.intro-products .btn-prod{ font-size: 14px; border-radius: 50px; background: #202020; color: #fff; margin-left: 15px; text-transform: uppercase; padding:12px 24px; display: inline-block; margin-bottom: 20px}
.intro-products > span{ width: 100%; color: #1C1C1C; font-size: 55px; display: block; margin-bottom: 20px; text-align: center; font-weight: bold; position: relative}
.intro-products > span:before{content: ""; width: 60px; margin: 0 auto; position: absolute; height: 4px; background-color: #004397; left: 0; right: 0; top: -30px;}
.intro-products > div > strong{ width: 100%; display: flex; font-size: 24px; font-weight: normal; color: #005C83; margin-top: 15px}

.home-intro{ width:100%; display:table; margin: auto 0; padding:70px 0; position:relative; background-color: #f7f7fa;}
.home-intro:before{ content:""; width:40%; background-color:#323232; position:absolute; top:0; left:0; height:100%; z-index:0}
.home-intro:after{ content:""; width:60%; background-color:#f7f7f7; position:absolute; top:0; right:0; height:100%; z-index:0; border-bottom-right-radius: 100px;}
.home-intro > div{ max-width:1280px; margin:auto; width:100%; display:flex; justify-content:space-between;flex-wrap: wrap; position:relative; z-index:1; align-items: center;}
.home-intro > div > div > strong{ font-weight:normal; font-size:50px}
.home-intro > div > div > strong span{ font-weight:bold; display:block;}
.home-intro > div > div{ width:48%; color:#000; font-size:18px;}
.home-intro > div > div p{ line-height:34px; font-size: 24px}
.home-intro > div > div .text-bg{ background-color:#004397; color: #fff; padding: 2px; padding-left: 5px; padding-right: 5px;}
.home-intro > div > div .btn1{padding:16px; margin-top:10px; transition:all .3s; color: #fff}
.home-intro > div > div .btn1 .fas{ margin-left:10px; transition:all .3s}
.home-intro > div > div .btn1:hover .fas{ margin-left:13px}
.home-intro > div > div:first-of-type{ width:47%}
.home-intro > div > div:first-of-type{ position:relative; z-index:1;}
.home-intro > div > div:first-of-type:after{ content:""; position:absolute; top:10px; right:-10px; background-color:#004397;border-bottom-right-radius:48px; height:100%; width:100%; z-index:-1}
.home-intro > div > div iframe{ width:100%; display:block;border-bottom-right-radius:40px;}

.whyus-block{max-width: 1280px; margin:100px auto 70px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.whyus-block > div{ width: 32%; padding: 20px 20px 20px 20px; background-color: #F8F8F8; border-radius: 5px 5px 5px 5px;}
.whyus-block > span{ width: 100%; color: #1C1C1C; font-size: 55px; display: block; margin-bottom: 20px; text-align: center; font-weight: bold; position: relative}
.whyus-block > span:before{content: ""; width: 60px; margin: 0 auto; position: absolute; height: 4px; background-color: #004397; left: 0; right: 0; top: -30px;}
.whyus-block > div > strong{ width: 100%; display: flex; font-size: 24px; font-weight: normal; color: #005C83; margin-top: 15px}
.whyus-block > div > strong a{display: contents;}
.whyus-block > div label{cursor: pointer}
.whyus-block .read-btn,.whyus-block > div a{color: #005C83}
.whyus-block > div > ul li,.whyus-block > div > p{ color: #363636; font-size: 16px; line-height: 24px; margin-bottom: 0}
.whyus-block > div > ul{ padding: 0; }
.whyus-block > div > ul li{padding: 5px 0; list-style: none; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: baseline;}
.whyus-block > div > ul li > span{width: 93%}
.whyus-block > div > ul li > .fa-fw{color: #005C83}

.home-categories{display: flex; width: 100%; background: #ececec; padding:60px 0 40px}
.home-categories > div{display:flex; width: 100%; flex-wrap: wrap; justify-content: space-between; max-width: 1280px; margin: auto; padding: 0 15px}
.home-categories > div > span{ width: 100%; font-size: 40px; text-align: center; margin-bottom: 25px; position: relative}
.home-categories > div > span:before{content: ""; width: 60px; margin: 0 auto; position: absolute; height: 4px; background-color: #004397; left: 0; right: 0; top: -20px;}

.home-categories > div > div{ width:24%; transition: .3s all; background-color: #fff;; margin-bottom: 3%}
.home-categories > div > div > div{ overflow: hidden; height: 190px}
.home-categories > div > div img{ width: 100%; height:auto; display: block; transition: all .3s;}
.home-categories > div > div:hover img{transform: scale(1.1);}
.home-categories > div > div > span{ padding: 15px; display: block}
.home-categories > div > div > span h2{ font-size: 24px; font-weight: normal; margin: 5px 0; }
.home-categories > div > div > span h2 a{color: #000}
.home-categories > div > div > span p{ font-size: 15px; line-height: 22px;min-height: 66px}
.home-categories > div .btn1{ padding: 12px 45px; width:auto; max-width: 190px; font-size: 16px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;  margin: 20px 0 5px 0; transition: all .3s; color: #004397 !important; background: transparent; border: solid 2px #004397; border-radius: 4px; font-weight: normal}
.home-categories > div .btn1:hover{ background: #004397; color: #fff !important;}

.call2action{display: flex; justify-content: space-between; position: relative; background-color: #004497;padding: 50px 15px}
.call2action > div{display: flex; justify-content: space-between; max-width: 1280px; width: 100%; margin: auto ; color: #fff; align-items: center; flex-wrap: wrap}
.call2action > div > span{font-size: 40px; font-weight: bold}
.call2action:before{content:""; background-image: url("images/survey-instruments.webp"); background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; top: 0}
.call2action .btn1{border-radius: 5px 5px 5px 5px; padding: 15px 25px 15px 25px; color: #004497 !important; background: #fff; font-weight: normal; text-transform: uppercase; font-size: 16px; margin-left: 15px; transition: .3s all}
.call2action .btn1:last-of-type{ color: #fff !important; background-color: #191919}
.call2action .btn1:hover{ color: #fff !important; background-color: #191919}
.call2action .btn1:last-of-type:hover{ color: #004497 !important; background: #fff;}

.page-title{ display:table; width:100%;  position:relative; background-image: url("images/vi-page-title.webp"); background-repeat: no-repeat; background-size: cover;}
.page-title > div{ width:100%; max-width:1280px; margin:40px auto; display:flex; color:#143359; flex-wrap: wrap;    text-shadow: 0 0 20px white;}
.page-title > div h1{ font-size:60px; width:100%; position:relative; margin: 0}
.page-title > div ul{ padding: 0; margin: 0; display: flex; width: 10%; justify-content: space-around; flex-wrap: wrap; font-size: 12px;}
.page-title > div ul li{ list-style: none}
.page-title > div ul li a{color:#143359; font-size: 14px}
.page-title > div > div strong{ font-size:12px; text-transform:uppercase;white-space: nowrap;}
.page-title > div > div{ position:relative; width:100%;margin-bottom: 20px;display: flex; align-items: center; flex-wrap: wrap}
.page-title > div > div > span{height: 2px; margin-left: 20px; background-color: rgb(250 250 250 / 20%); width:100%}

.aboutus-back_page{padding: 50px 0}

.aboutus-block{ width:100%; display:flex; flex-wrap:wrap; justify-content: space-between; }
.aboutus-block p{ font-size:18px; }
.aboutus-block p a{color: #004397}
.aboutus-block > div{ width:43%; position:relative}
.aboutus-block > div > div img{ width:100%; height:auto}

.text-block{ position:relative; }
.title-text{ width:100%; position:absolute; left:0; top:0; font-size: 150px; color: rgba(29,29,29,.04); text-align:center}
.text-block-title{ width:100%; text-align:center; display:block; margin:35px 0px 75px; line-height: 44px}
.text-block-title h2{font-weight: normal; font-size: 40px; margin-bottom: 0; color:#004397}

.company-history-block{display:flex; flex-wrap: wrap; justify-content: space-between; margin-top:80px;}
.company-history-block > div:hover{background-color:#004397; color:#fff}
.company-history-block > div:hover h2{color:#fff}
.company-history-block > div > div{ position:absolute; right: 94%; bottom:87%; background:#f1f1f1; border-radius: 70px; width:70px; height:70px; margin:auto;margin-bottom: 5px;}
.company-history-block > div{padding:  10px 25px ;  transition: all .3s; position: relative; background-color: #fff; width: 48%; border: solid 1px #c1c1c1}
.company-history-block > div img{ width: 100%; height: auto; display: block}
.company-history-block > div > div:after { border-left: 20px solid rgba(0, 0, 0, 0); border-right: 20px solid rgba(0, 0, 0, 0); border-top: 40px solid #dfdfdf; content: ""; height: 0; left: 46px; position: absolute; top: 53px; transform: rotate(-40deg); width: 0;}
.aboutus-block .sub-img img{ width:100%; height:auto; display: block}
.aboutus-block .sub-img{ position: relative; z-index: 1}
.aboutus-block .sub-img:before{ content:""; position:absolute; border: solid 5px #004397; width: 100%; height:96%; top: 7%; right: 6%; z-index: -1;}
.company-history-block > div h2{ margin-top: 10px; font-size: 20px; color:#13377F}

.aboutus-sub-block{ background-color: #fff; border-start-end-radius: 7.5rem; border-end-start-radius: 7.5rem;    margin-left: calc((100vw - 1280px) / -2); margin-right: calc((100vw - 1280px) / -2); display: flex}
.aboutus-sub-block > div > div{ width: 52%; font-size: 18px; left: calc(0% + 9vw);}
.aboutus-sub-block-img{position: relative; overflow: hidden;  border-start-start-radius: 31.25rem; border-end-start-radius: 31.25rem; width:45% !important; box-shadow: 0 0 10px 2px #ccc; padding: 20px}
.aboutus-sub-block-img img{ height: auto; display: block; width: 100%; border-start-start-radius: 31.25rem; border-end-start-radius: 31.25rem;}
.aboutus-sub-block > div{display:  flex; justify-content: space-between; flex-wrap: wrap; margin:80px auto; max-width: 1280px }
.aboutus-sub-block .btn1{color: #fff}

.sub-brands > div{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 50px auto;align-items:flex-start;}
.sub-brands > div p{ margin-bottom: 0}
.sub-brands .btn-product{color: #004397; border: solid 2px #004397;padding: 2px 14px; display: inline-block; font-size: 14px; border-radius: 34px; margin-top: 10px;}
.sub-brands > div p a{ color: #004397}
.sub-brands > div > h2{color: #fff; letter-spacing: 1px; width: 100%; font-size: 21px; position: relative; margin: 0}
.sub-brands > div > h2:before{content: ""; position: absolute; border-bottom:3px solid #004397; width: 100%; right: 0; top:50%}
.sub-brands > div > h2 span{padding: 5px 15px; border: 2px solid #fff; color: #fff; letter-spacing: 1px; background: #004397; font-size: 21px; display: table; position: relative}
.sub-brands > div > div{ width: 70%}
.sub-brands > div > div:last-of-type{ width:20%}
.sub-brands > div > div:last-of-type img{ width: 100%; display: block; height: auto}

.download-video > span{ width:20%; font-size: 34px; font-weight: 800; border-bottom: 2px solid #d5d5d5; line-height: 32px; margin: 0; position: relative}
.download-video > span h2{font-size: 24px; font-weight: 800; line-height: 36px; margin: 0;}
.download-video > span a{ display: block; text-transform: uppercase; margin: auto; color: #000 !important; font-weight: 800; font-size: 14px; padding: 0; background-color: transparent !important; border: none; text-align: left; position: absolute; bottom: 20px}
.download-video{width: 100%; margin: 70px 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.download-video > div{position:relative;  overflow:hidden; width:24%; border: solid 1px #808080; height:100%; }
.download-video > div iframe{position: relative; z-index:0; width: 100%;display: block}

.social-media-block{display: flex; flex-wrap: wrap;justify-content:space-between; margin-top: 30px}
.social-media-block > strong{ width:100%; font-weight: normal; margin-left:26%; position:relative;font-size: 32px; margin-bottom:30px; text-align:left; display: flex; align-items: center; flex-wrap: wrap;}
.social-media-block > div{ width:100%; margin-bottom:40px}
.social-media-block > strong a{ color:#004397; display: flex; flex-wrap: wrap; font-size:22px}
.social-media-block > strong a .fa-instagram{font-size: 30px; margin-right: 8px; margin-left: -4px; color:#004397}
.social-media-block > strong a .fa-facebook-f{border: solid 2px; font-size: 18px; width: 30px; height: 30px; border-radius: 7px; display: flex; align-items: center; justify-content: space-around; margin-right: 10px; color:#004397}
.social-media-block > iframe{ margin-left:26%}

.services-main-block{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 50px auto}
.services-main-block ul{ padding-left:20px}
.services-main-block >  div > h1 strong{ font-weight:normal}
.services-main-block >  div > span{display: block; width: 18%; height: 1px; background-color: #004397; margin-bottom:30px}
.services-main-block > div p{font-size: 18px}
.services-main-block > div{ width:43%; position:relative}
.services-main-block > div .btn1{ border: solid #292929 2px; background-color: transparent; color: #292929 !important; padding: 5px 18px; border-radius: 40px;}
.product-img:before{ content:""; position:absolute; border: solid 5px #004397; width: 100%; height:92%; top: 7%; right: 6%; z-index: 0;}
.product-img{ width:48% !important; min-height:343px}
.services-main-block > div > img{ width:100%; height:auto; display:block;box-shadow: 2px -2px 2px 1px rgb(0 0 0 / 20%); position: relative}
.sub-call2action-block{ width:70% !important; display: flex; flex-wrap: wrap;justify-content: space-around; margin:auto; margin-top:80px}
.support-img-block{width: 100%; display: flex; margin-bottom: 50px}
.support-img-block img{ width: 100%; height: auto; display: block}

.industries-block{ display:flex; margin-top:40px; justify-content: space-around; flex-wrap: wrap; }
.industries-block > div > p{font-size:26px; line-height: 38px; width: 80%; margin-top: 0; margin-bottom: 40px; text-align: left}
.industries-block > div > p > a{background-color:#d7d7d7; color: #000; padding: 2px; padding-left: 5px; padding-right: 5px;}
.service-network-text{display:flex; justify-content: space-between; flex-wrap: wrap; }
.industries-block > div > p strong{color: #004397;}
.service-network-text > span{background-color: #004397; display: block; height: 1px; width: 200px; position: relative; top: 15px;}
.industries-info-block{display: flex; justify-content: space-around; flex-wrap: wrap; margin-bottom: 70px; width:100%}
.industries-info-block:nth-of-type(even) .industries-text p{color: #292929}
.industries-info-block:nth-of-type(even) .industries-text{ padding: 72px 88px 48px 40px; margin-left: 0; margin-right:-48px; background-color:#fff; color:#00467c}
.industries-info-block:nth-of-type(even) .industries-text .btn1{ background:#292929; color:#fff !important}
.industries-info-block:nth-of-type(even) .industries-text .btn-support{ background:#fff !important; color:#292929 !important; border: solid 2px #292929}
.industries-info-block > div h2{ margin-top:0}
.industries-info-block > div ul{padding: 0 0 0 20px}
.industries-image{width: 48%; position: relative; z-index: 1; height: auto; margin-top: 60px; align-self: stretch;}
.industries-image img{ width:100%; height:auto; display:block}
.industries-text{width: calc(52% + 48px); margin-left: -48px; position: relative; align-self: start; margin-top: 0; margin-bottom: 55px; padding: 72px 40px 48px 88px; min-height: 300px; background-color: #00467c; color:#fff;
 box-shadow: 1.6rem 3.2rem 6.4rem 0 rgb(69 93 111 / 20%)}
.industries-text .btn1{color: #004397 !important; background:#eceff1; padding:5px 18px; border-radius:40px; border: 2px solid #eceff1}
.industries-text .btn-support{color: #fff !important; background:transparent; padding:5px 18px; border-radius:40px; margin-left: 30px}

.back_page .whyus-block > span{margin-bottom: 40px}

.team-block{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px}
.team-block h2{ width: 100%}
.team-block > div{ width: 30%; position: relative; margin-bottom: 65px; text-align: center}
.team-block > div p{ margin: 0; text-align: center; color: #606060}
.team-block > div span{ position: absolute; background-color: #fff; padding: 10px; border-radius: 15px; width: 86%; margin: auto; left: 0; right: 0; bottom: -37px; box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);}
.team-block > div img{ width:100%; height: auto; display: block; border-radius: 15px;}

.service-network-block{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px}
.service-network-block  > div strong, .service-network-block  > strong{ width: 100%; display: block; margin: 10px 0}
.service-network-block  > img{display: block}
.service-network-block > div{ width: 48.5%;margin-bottom: 20px }
.service-network-block > div ol{ padding: 15px;margin: 0; background: #fff; width:100%;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); min-height: 94px}
.service-network-block > div ol > li{ list-style: none; display: flex; align-items: baseline; line-height: 22px; padding: 5px 0}
.service-network-block > div ol > li .fa-fw{ margin-right: 10px; color: #004397}
.service-network-block > h2{color: #004397; font-weight: normal; width: 100%; margin-top: -10px}

.enquiry-training{margin:40px auto}

/*====================== Certificates =============================*/
.certificates-block > div{display:flex; flex-direction:column; align-items: center; width:30%; margin-bottom:3%}
.certificates-block > div img{width:100%; height:auto; display:block; box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);}
.download-block h2{ width: 100%; margin: 0; padding-bottom: 10px; border-bottom: 1px solid #06338d;}

.download-block{ margin: 30px auto;  display: flex; flex-wrap: wrap; justify-content: space-between;}
.download-block > p,.download-block > ul,.download-block > h2{width: 100%}
.download-block > ul{ padding: 0 0 0 20px; margin-top: 0}
.download-block > ul strong{ margin-left: -20px}
.download-block > div{ width:23%; margin: 20px 0}
.download-block > div > span{ display: block; margin-top: 10px; text-align: center; line-height: 20px; }
.download-block > div img{ width: 100%; height: auto; display: block; box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.3);}
.download-block > div a{font-size: 14px; font-weight: bold; display: block;  margin-top: 20px; color: #333; line-height: 20px; text-transform: uppercase;}
.download-block > div .fa-fw{ margin-right: 10px;} 
.download-block > div p{ margin-bottom: 0}

/*===================== Contact us ======================*/
.contactus-block-h2 > h2{ font-weight:normal; text-align:center; font-size:30px; text-transform:uppercase;  position: relative; color:#08376B; width:100%; margin:45px 0}

.contactus-block{display: flex;justify-content: end;flex-wrap: wrap;width:100%;align-items: center; position:relative; max-width: 1281px; margin: auto; margin-bottom: 40px;}
.contactus-info{ width:35%; background-color:#004397; color: #fff; padding:15px 15px 5px 15px ; position: absolute; left: 0; top: 90px}
.contactus-info a{ color:#fff; text-decoration: none;}
.contactus-info img{ opacity: .7; width:100%; height:auto; display:block}
.contactus-info li > .img-block{ width:28px; margin-left:20px}
.contactus-info li .fa-fw{ font-size: 22px; opacity: 0.6;}
.contactus-info li > span{ width:83%; margin:5px 0 0}
.contactus-info ul{ padding:0; margin:0}
.contactus-info ul li{ list-style:none; display: flex; align-items: flex-start; flex-wrap: wrap;justify-content: space-between;margin-bottom: 15px; line-height: 24px; border: solid 1px rgb(255 255 255 / 20%); padding:15px;}
.contactus-info ul strong{ display:block; margin-bottom:15px; margin-top:15px; width:100%}
.contactus-info ul > li strong{ margin-top:0;margin-bottom: 10px; }

.contactus-map{margin-left: calc((100vw - 1280px) / -2); margin-right: calc((100vw - 1280px) / -2); }
.contactus-map iframe{ display: block}
.contactus-map ul > li:first-of-type{padding:40px 30px 20px; font-size:30px; align-items: baseline;}
.contactus-map ul{ padding: 0; margin: 0 auto; display: flex; flex-wrap: wrap; max-width: 1260px; margin-top: 40px; margin-bottom: -45px; position: relative; box-shadow:0 0 25px 2px #ccc}
.contactus-map ul > li{border: 1px solid #eee; width: 33.3333%; list-style: none; display: flex; flex-direction: column;flex-wrap: wrap; align-items: center; padding: 20px; font-size: 16px; background-color: #fff; }
.contactus-map ul > li a{display: block; padding: 5px; color: #848484}
.contactus-map ul > li strong{ font-size: 24px; color: #444; font-weight: normal; display: block; margin-bottom: 20px;    margin-top: 10px;}
.contactus-map ul > li span{text-align: center; color: #848484; margin-top: 5px; line-height: 20px;}
.contactus-map ul > li .btn1{margin-top: 50px; color: #fff !important; padding: 12px}

.distribution-map{width: 100%; max-width: 1280px; margin:50px auto 50px; display: flex; flex-wrap: wrap; justify-content: space-between; padding:15px 30px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); background: #fff; align-items: center;}
.distribution-map > div{width:68%}
.distribution-map > div:first-of-type{width:21%}
.distribution-map img{width: 100%; height: auto; display: block; }
.distribution-map p{font-size:22px; line-height: 32px;}
.distribution-map h2{ font-size: 28px; width: 100%; }

.enquiry{width:71%; padding:20px 30px 65px 120px; -webkit-box-shadow: 0 5px 10px 0 rgb(26 47 51 / 15%); box-shadow: 0 5px 10px 0 rgb(26 47 51 / 15%); background-color:#f9f9f9;}
.enquiry h2{ font-size:30px; color:#000; text-align:center; margin-top:0}
.enquiry p{ text-align:center; font-size: 18px}
.enquiry table{ width:100%;  color:#848484;}
.enquiry table tr{ }
.enquiry table tr > td{ }
.enquiry select { width:100%; color:#848484;}
.enquiry a{ text-decoration:none;}
.enquiry .btn1{color: #292929 !important; font-size: 16px; background: #fff; padding: 5px 18px; border-radius: 40px; border: solid 2px #292929}
.enquiry .btn1:hover{ opacity:.9}
.enquiry select,.enquiry input[type="email"],.enquiry input[type="date"], .enquiry input[type="text"]{padding:12px 10px;  width:100%; margin-bottom:4px; height:50px; border-radius: 5px; }
.enquiry input, .enquiry select, .enquiry textarea{ margin-top:2px; -webkit-box-shadow: 0 2px 5px 0 rgb(26 47 51 / 11%);
    box-shadow: 0 2px 5px 0 rgb(26 47 51 / 11%); border:none; border-radius: 5px; font-size:16px}
.enquiry textarea{width:100%; font-family: Arial, Helvetica, sans-serif; padding:13px 10px; margin-bottom:4px; font-size:16px}
.enquiry input[type="date"]{ padding:10px;font-family: Arial, Helvetica, sans-serif; color:#848484}
.enquiry input, .enquiry select, .enquiry textarea{background-color: white; color: #666; font-family:Arial, Helvetica, sans-serif; padding: 12px ; width: 100%; font-size: 16px !important; border:1px solid #c0c0c0;}

.disclaimer-text ul,.disclaimer-text ol{ padding:0 0 0 20px; margin:0}
.disclaimer-text ul li,.disclaimer-text ol li{ padding:5px 0}
.text-block.disclaimer-text h2{ font-weight:normal}
.text-block.disclaimer-text > div{ display: flex; justify-content: space-between; flex-wrap: wrap; width:50%; margin-top:20px}
.text-block.disclaimer-text > div > a{min-width:150px; }
.tcs-block > td > div {display: flex;flex-wrap: nowrap;align-items: center;justify-content: unset !important;}
.tcs-block div input {width: 4%;height: 25px;margin-right: 10px; margin-left:0}
.tcs-block > td > div > label > span > a{color: #1f427f !important; font-weight:normal}

.our-clients{  margin:auto; display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; padding: 55px 15px; background: #f8f8f8}
.our-clients > div{ max-width:1280px; width:100%;display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto}
.our-clients > div > div{ width:75%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.our-clients > div > div a{ width:22%; display: flex; align-items: center; box-shadow: 0 0 10px 0px #ccc;
    padding: 14px; border: solid 1px #c1c1c1; border-radius: 8px; background-color: #fff}
.our-clients > div > div a img{ width:100%; height:auto; display:block}
.our-clients > div span{font-size:40px; font-weight:800; margin:0; display:flex; flex-direction:column}
.our-clients > div p{ font-size:18px; margin:0; line-height: 26px; }
.our-clients > div p a{color:#004497}
.our-clients > div span strong{font-size: 28px; color:#004497}

.bg-block .back_page{ max-width: 1140px; margin: auto; padding:  50px 15px; color: #fff; position: relative; z-index: 1}
.bg-block:after{ content: ''; position: absolute; background:#d51900; -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); -ms-transform: skewY(-7deg); -o-transform: skewY(-7deg); transform: skewY(-7deg); width:60%; height:100px; top: -40px;   right:0}

.call2action-services{ background-color: #004397; margin-left: calc((100vw - 1280px) / -2); margin-right: calc((100vw - 1280px) / -2); display: flex; position: relative; margin-top: 30px;}

.call2action-services:before{ content: ''; position: absolute; background:#004397; -webkit-transform: skewY(7deg); -moz-transform: skewY(7deg); -ms-transform: skewY(7deg); -o-transform: skewY(7deg); transform: skewY(7deg); width:60%; height:100px; top: -40px; }
.call2action-services:after{ content: ''; position: absolute; background:#004397; -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); -ms-transform: skewY(-7deg); -o-transform: skewY(-7deg); transform: skewY(-7deg); width:60%; height:100px; top: -40px; right:0}

.back_page-call2action{ max-width:800px;  margin: auto; text-align: center; font-size: 18px;}
.back_page-call2action p{ text-align: center}
.back_page-call2action > strong{font-size: 42px; line-height: 42px}
.back_page-call2action .btn1{ border: solid 2px #fff; border-radius: 0; color: #004397; background-color: transparent; font-weight: bold; text-transform: uppercase; font-size: 18px; width: unset; padding: 8px 20px; margin-top: 10px;}

.surveying-instruments-nav{ max-width: 1280px; margin:30px auto 80px; display: flex; flex-wrap: wrap; justify-content: space-between}
.surveying-instruments-nav > div{width:20%;}
.surveying-instruments-nav > div img{ display: block; }
.surveying-instruments-nav > div > span{ border: 3px solid #cbcbcb;display: flex; padding: 10px;  border-radius: 10px; justify-content: space-around; align-items: center; }
.surveying-instruments-nav > div a{display: block; color:#202020}
.surveying-instruments-nav > div a strong{font-size: 14px; text-align: center; width: 100%; display: block; margin-top: 10px}


/*======================== THANK YOU & ERROR 4040 ==========================*/
.custom-404,.thank-you-custom{min-height:300px;}

/*===========================FORM===========================*/
.email_show{display: none !important;}
.email_remove{}
.form-field-input.noCap{
	width: 100% !important;
}
.form-field *, .form-field, *[id*='_form_parent']{
    color:#808080;
    width: 100%;
}

*[id*='_form_parent'] > *.form-field{ float:left; width: 48%;}
*[id*='_form_parent'] > *:nth-child(even){margin-left: 0.5%;}
*[id*='_form_parent'] > *:nth-child(odd){margin-right: 1%;}
*[id*='_form_parent'] > *:nth-child(odd):last-child{width: 100%;}

*[id*='_form_parent']:after{float: none; clear: both; width: 100%; display: block; content: ' '}

.form-field textarea{font-family:Arial,Helvetica,sans-serif;}
.form-field:not(:last-child){ margin-bottom: 15px;}
.form-field-note{color:#f00; margin-top:5px;}
.form-field-title{
    margin-bottom: 10px;
    font-weight: bold;
}
.form-field > input, .form-field > select, .form-field > textarea{
    padding: 6px;
    border-color: #d4d4d4;
    border-width: 1px;
}
.form-field-break{padding: 10px 0px; width: 100% !important; }
.form-submit{
    width: 100%;
    max-width: 200px;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
	-ms-transform: translate(-50%,0%); 
    
    text-align: center;
    padding: 10px;
}

@media screen and (max-width: 600px){
    *[id*='_form_parent'] > *{width: 100% !important; display: block !important; margin-left: 0 !important; margin-right: 0 !important;}
}
/*================= Feedback Form *=================*/
.feedback-pop-up {-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);transform: rotate(90deg); display:block; right:-45px;transition:all .3s;position:fixed; z-index:999;bottom: 200px; border: 1px solid #004397; border-radius:3px; width:124px}
.feedback-pop-up a{ color:#004397; text-decoration:none; font-size:14px; text-align: center; display:block;padding:10px 14px; background-color:#fff}
.feedback-pop-up:hover{background-color:#004397;}
.feedback-pop-up:hover a{ color:#fff;background-color:#004397; }
.feedback-block .satisfied-block{ display:flex; justify-content:space-between; flex-wrap:wrap}
.feedback-block{ top: 0;left: 0; width: 100%; height: 100%; position: fixed;visibility: visible; display: none; background-color: rgba(102, 102, 102, 0.4); z-index: 99999999;}
.feedback-block table{ width:100%}
.feedback-block .personal-details{ width:100%; display:flex}
.feedback-block .personal-details td input{ padding: 5px; font-family: Arial, Helvetica, sans-serif; color: #08144b; border: solid 2px #004397; width: 100%}
.feedback-block table tr{ display:block}
.feedback-block table tr td textarea, .feedback-block table tr td{ width:100%; display:block}
.feedback-block table tr td textarea{ border: solid 2px #004397;}
.feedback-block table tr:nth-of-type(4){ display:flex; flex-wrap:wrap}
.feedback-block table tr:nth-of-type(6) td{ font-size:14px}
.feedback-block table tr:nth-of-type(7) td{ width: unset; display:inline-block; margin-top: 10px;}
.feedback-block table .tcs-block div input{ width:6%}
.feedback-block table .tcs-block{ margin:7px 0}
.feedback-block table a{ text-decoration:none}
.feedback-block > div{max-width:440px; width:100%; margin:auto;background-color: #fff; color: rgb(64, 64, 74); border: 1px solid #cccccc; box-shadow: 8px 10px 58px 2px rgb(64 64 74 / 56%); padding:30px; position:relative; left: 0; right: 0; top: 10%;}
.feedback-block > div strong{ font-size: 24px; font-weight:normal; display:block; margin-bottom:20px}
.feedback-block > div p{ font-size:14px; line-height:22px;margin-bottom: 10px; margin-top:15px;}
.feedback-block > div p a{ color:#004397}
.feedback-block > div .btn1{padding:6px 12px; min-width:unset;font-weight:normal; margin-left: 15px; }
.feedback-block > div .btn1 a{ color:#fff; font-size:14px }
.feedback-block > div input[type=radio] { border: 0px; width: 100%; height: 25px; margin-bottom: 6px;}
.feedback-block .rate-block{ display:flex;flex-wrap: wrap; width: 100%; justify-content: space-between;}
.feedback-block .rate-block > div{ width:10%;display: flex; flex-direction: column; align-items: center; font-size:16px}
.feedback-block table .pop-up-45-close{padding:6px 12px; border: solid 2px #004397; font-size:14px; border-radius:3px}
.feedback-block  > div > .pop-up-45-close{position: absolute; right:-15px; top:-15px; cursor: pointer; color: #fff; height:28px; width:28px; border-radius:40px; z-index: 999999999; font-size: 20px;line-height: 28px; padding:0 8px;    background-color: #004397;}
.feedback-block  > div > .pop-up-45-close a{ color:#fff}

/*------------------ FOOTER --------------*/
.footer{ background-color:#292929; color:#e6e7e8; width:100%; display:table; padding: 0 15px}
.social-footer-block > div,.footer > div{ margin:auto; max-width:1280px; width:100%}
.footer > div ul{ margin:0; padding:0; display: flex;}
.footer > div ul li{ list-style:none; font-size:14px; display: flex; align-items: center; flex-wrap: wrap}
.footer > div ul li a{ text-decoration:none; color:#e6e7e8; width: 100%}
.footer > div:first-of-type ul{}
.social-footer-block > div{ display:flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.social-footer-block{background-color:#004e9f; max-width:none !important;}
.social-footer-block a{ font-size:14px; color:#e6e7e8; margin-right: 40px; padding:35px 0 40px}
.footer > div{ padding:15px 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}

.contactus-footer { width:73%}
.contactus-footer ul{ flex-wrap:wrap; justify-content: space-between;}
.contactus-footer ul li{ width:20%;flex-wrap:wrap;  padding:0 !important; line-height:22px; font-weight: bold; font-size:14px}
.contactus-footer ul li:after{ display:none !important}
.contactus-footer ul > li > a{ width:100%; margin:0 !important; padding:0 !important; font-size:14px !important; font-weight: normal;}
.contactus-footer ul > li > a:first-of-type{margin-top: 10px !important;}
.contactus-footer ul li a .fas,.contactus-footer ul li a .fab{ margin-right:10px}


.footer-bottom{ display:table; width:100%; font-size:1.2em; background-color:#292929; color:#fff; padding: 0 15px}
.footer-bottom > div{margin:auto; max-width:1280px; width:100%; display:flex; flex-wrap:wrap; justify-content: space-between; }
.footer-bottom > div ul{margin: 0; padding:0}
.footer-bottom > div ul li{list-style: none;padding: 12px 6px; float: left}
.footer-bottom a{color:#fff; text-decoration:none}

.row{clear: left;}
.row0{clear: left; line-height:1px;}

@media not all and (min-resolution:.001dpcm) {
}
@media (min-width: 1664px) and (max-width: 2560px){
	
}

@media only screen  and (min-width : 2280px){
}

@media screen and (max-width: 1280px){
}

@media (min-width: 1023px) and (max-width: 1330px){
	.menu-top{width: 94%;}
	.survey-equipment-1{padding: 7px 10px}
	
}

@media only screen and (max-width: 1024px){
	body{ display: table}
	
	
}
@media (min-width: 800px) and (max-width: 1023px){
	
	}

@media (min-width: 600px) and (max-width: 1023px){
	body{margin: 80px 0 0 0}
	.logo img{ width:100%; height:auto}
	.menu-top{ width:auto}
	.menu-top{ background-color:#004397; position:fixed; top:0; height:80px; width:50px; overflow:hidden; padding:0px; transition:all 0.3s; z-index:100; left: 0}
	#mainNav{padding:10px;overflow-y:auto;height:calc(100vh - 80px)}
	.menu-top>label{color:#fff;display:block;height:100px;padding:0;position:relative;margin-bottom:0}
	.menu-top>label>i{font-size: 1.5rem;color:#fff;line-height:80px;text-align:center;width:50px;transition:all 0.1s ease 0.3s}
	#navOverlay{display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;transform:translate(-100%);transition:all 0.25s ease-out 0.1s;z-index:100}
	#mobi-toggle:checked ~ .survey-equipment-1 .menu-top>label i::before{content:"\f00d";font-size:2.5rem}
	#mobi-toggle:checked ~ .survey-equipment-1 .menu-top{height:100vh;width:250px}
	#mobi-toggle:checked ~ * #navOverlay{transform:translate(0)}
	
	.survey-equipment-1{ height: 80px}
	.surveying-instruments-header{width: calc(100% - 50px); float: right; padding: 7px 8px}
	.top-menu-block{display: none}
	.dropdown.mobi-only{display: block}
	.surveying-instruments-header{justify-content: space-around}
	.menu-top-container{width: auto}
	.logo{width: 46%;}
	.dropdown:hover .dropdown-menu{position: relative}
	.main-menu-top{justify-content: end; width: auto; background-color: transparent}
	.top-menu-block > ul > li > span, .top-menu-block > ul > li > a{padding: 8px 0}
	.home-banner > div h1{font-size: 28px; line-height: 32px;}
	.contactus-map{margin: auto}
	.csslider1 > ul > .slide.img img{object-fit: cover; height: 100%;}
	.csslider1 > ul{ height: 100%}
	
	.whyus-block > div{width: 100%}
	.whyus-block > div > strong a br{display: none}
	
	.home-categories > div > div{width: 48%}
	.contactus-footer{width: 100%}
	.page-title > div{padding: 0 15px}
}

@media screen and (max-device-width: 768px){	
	
}

@media screen and (max-width:599px){
	body{display: block; margin-top: 100px}
	.ecat-value{max-width:9px !important;} /*---- important do not remove  ----*/
	.mobi-only{ display: block !important}
	img{max-width: 100%; height: auto}
	.logo{width:100%;}
	.survey-equipment-1{ height: 100px}
	.surveying-instruments-header{width: calc(100% - 50px); float: right; padding: 0 10px; justify-content: space-between;}
	.survey-supplies-2, .surveying-instruments-section{width:100%;}	
	.widget-container{width: 50%;}
	.surveying-instruments-header > div:first-of-type{width: 80%}
	.main-menu-top{background-color: transparent; width: auto}
	.top-menu-block{display: none}
	.search-box input{width: 80%; height: 35px; font-size: 22px}
	
	.home-categories > div > div{width: 100%}
	.home-categories > div > div > span p{min-height: unset}
	.whyus-block > span,.intro-products > span{font-size: 40px; padding:0 15px}
	.intro-products{margin: 60px auto 50px}
	.intro-products > div{width: 100%; margin: 20px 0;}
	.intro-products > div p{height: auto}
	.intro-products .btn-prod{display: block; width: 95%; margin: auto; text-align: center;}
	.home-categories > div .btn1{min-width: 100%; justify-content: space-evenly;}
	
	.whyus-block > div > ul li > span{width: 90%}
	.whyus-block > div{width: 100%}
	.whyus-block > div > strong br{ display: none}
	.whyus-block{ margin: 100px auto 1px}
	._call2action > div,.our-clients > div{padding: 0 15px}
	.our-clients > div > div{width: 100%}
	.our-clients > div > div a{width: 48%; margin: 2% 0}
	._call2action > div > span,.call2action > div > span{font-size: 36px !important;}
	._call2action .btn1, .call2action .btn1{width: 100%; margin: 7px 0 !important}
	
	.feedback-block .personal-details{flex-wrap: wrap;}
	.feedback-block .personal-details td input{ margin:5px 0; width: 100%;}
	.feedback-block > div{ padding: 10px; width: 90%;}

	.call2action-services{margin: auto}
	.back_page-call2action > strong{font-size: 28px; line-height: 36px;}
	.surveying-instruments-nav > div{width: 48%}
	.surveying-instruments-nav > div a strong{ line-height: 20px; margin-bottom: 15px;}
	
	.enquiry-training { margin: 40px auto; width: 100% !important; padding: 15px 10px !important;}
	
	.prod-btn > div{width: 100%}
	.prod-btn > span{width: 100%; font-size: 34px}
	.prod-btn > div a{width: 100%; text-align: center; margin: 10px 0;}
		
	.footer > div{padding: 15px 15px 0;}
	.footer-bottom a{margin: auto}
	.contactus-footer ul li,.contactus-footer{width: 100%}
	.contactus-footer ul li{padding: 10px 0 !important;}
	.contactus-footer ul > li > a:first-of-type{ margin-top: 0 !important}
	.footer-bottom > div ul li{padding: 12px 6px 0}
	
	/*=============== Thank you ==============*/
	.thank-you div,.thank-you{ width:100%}
	.thank-you-title{ left:auto; white-space:normal; font-size:4.5em}
	.thank-you div{ top:auto}
	.thank-you-contact{ margin-top:0}
	.thank-you div{ left:auto}
	
	.text-block.disclaimer-text > div{ width:100%}
	.text-block.disclaimer-text > div > a{ width:100%; margin:5px 0}
	.tcs-block div{ line-height:20px}
	.tcs-block div input{ width:10%}
	
	/*=============== Mobile banner ==============*/
	.home-banner > div:first-of-type{padding: 15px}
	.home-banner > div h1{font-size: 30px; line-height: 38px}
	.home-banner{ margin: auto}
	.home-banner > div{width: 100%}
	.csslider1{ height:100%}
	.home-banner h2{font-size: 26px;   line-height: 28px;}
	.cs_title .cs_wrapper{ bottom:0}
	.mobile-banner{ position:absolute;background-color: rgba(0, 0, 0, 0.5); bottom:0;color: #fff; margin: 0; font-size: 20px; line-height: 26px; left: 0; width:100%; height:85%}
	.csslider1 > .cs_description > label{ max-width:100% !important; width:100%; left:0 !important}
	.home-banner .cs_title h1{ font-size:26px}
	.home-banner .cs_title .cs_wrapper{ padding:0 15px; font-size:26px}
	.mobile-banner > span{ position:unset; font-size:32px; line-height:32px}
	.home-banner .cs_descr .cs_wrapper{ margin:30px 0 0 0; padding:0 15px; font-size:20px; line-height:26px}
	.home-banner .cs_descr .cs_wrapper br{ display:none}
	.home-banner .btn-learn-more{ margin-left:15px; margin-top:15px}
	.home-banner .cs-title-align{ margin:0}
	.mobile-banner > span h1{ font-size:32px; line-height:32px}
	.home-banner .btn-banner{ margin-top:15px; padding:10px 15px}
	.mobile-banner p{font-size: 16px; margin-bottom:0}
	.quick-enquiry-block{ position:fixed; display:block;bottom: 2%;left: 4%; background-color:#2b2c53;border-radius: 4px; z-index:999}
	.csslider1 > .cs_description > label{ top:35px !important}
	.quick-enquiry-block > a{ color:#fff; text-decoration:none;font-weight: bold; font-size: 14px; padding: 12px;
    display: block; display:flex; justify-content: space-between; width: 130px;}
	.home-banner::before,.mobile-banner > span br{ display:none !important}

	.home-intro > div{padding: 0 15px;}
	.home-intro > div > div{ width: 100% !important}
	.home-intro > div > div iframe{ min-height: 194px; height: auto;}
	.home-intro:after,.home-intro:before{ width: 100%; display: none}
	.home-intro > div > div > strong{font-size: 40px; margin-top:30px; display: block}
	.home-intro > div > div p{ line-height: 28px; font-size: 20px}
	.home-intro{ padding: 70px 0 30px}
	
	.page-title > div{padding: 0 15px; margin: 25px auto}
	.page-title > div ul{width: 30%}
	.page-title > div h1{font-size: 32px}
	.aboutus-back_page{padding: 50px 15px}
	.title-text{    font-size: 80px;}
	.aboutus-block > div{width: 100%}
	.text-block-title,.text-block-title h2{ margin: 0}
	.aboutus-block .sub-img{ margin: auto; width: 85%;}
	.company-history-block > div{width: 100%; margin: 10px auto}
	.company-history-block{margin: 50px auto}
	.aboutus-sub-block{ margin: auto}
	.aboutus-sub-block > div > div{margin: auto; width: 100% !important; left: 0 }
	.aboutus-sub-block > div{margin: 10px auto}
	.team-block > div{width: 100%}
	
	.industries-block > div > p,.sub-brands > div > div{width: 100%}
	.sub-brands > div > div:last-of-type{width: 60%; margin: 20px auto;}
	.service-network-text > span{top: -25px;}
	.industries-text,.industries-image{ width: 100%; margin: auto; padding: 15px}
	.industries-info-block:nth-of-type(even) .industries-text{ padding: 15px; margin: auto}
	.industries-text .btn1{margin: 12px auto !important; width: 100%}
	.industries-image{order: 1; padding: 0 !important;}
	
	.contactus-block > div{width: 100%; padding: 15px; position: unset}
	.contactus-map{ margin: auto}
	.contactus-map ul > li{width: 100%}
	.enquiry table tr > td{display: block}
	.contactus-block{ margin-bottom: 0}
	.contactus-block-h2 > h2{ margin-top: 10px; line-height: 38px;}
	.contactus-info li > span{width:78%;}
	.contactus-info li > span br{display: none}
	.contactus-info .img-block{margin-left: 10px;}
	
	.social-media-block > iframe,.social-media-block > strong{margin: auto}
	.social-media-block > strong a{font-size: 18px}
	.services-main-block > div,.service-network-block > div,.download-video > span,.download-block > div{width: 100%}
	.services-main-block .btn1,.download-video > div{width: 100%; margin: 10px 0}
	
	.product-img{width:85% !important; min-height: auto; margin: auto}
	.product-img:before{ height: 100%}
	
	
	/*=============== MENU ==============*/
	.dropdown:focus .dropdown-menu,.dropdown:hover .dropdown-menu{display:block !important; margin:0;left:0;position:relative;border-radius:0 !important;min-width: 100%;}
	.nav > li > span, .nav > li > a,.menu-top > div > ul > li{width: 100%}
	.menu-top > div > ul > li{border-left:none}
	.navbar-toggle{position:relative; width:20%; margin:0; text-align:center}	
	.menu-top{position: absolute; top: 70px; width: 100%}	
	.dropdown-menu{margin-left: 20px}	
}

@media screen and (max-width: 599px){
	.menu-top{ background-color:#004397; position:fixed; top:0; height:100px; width:50px; overflow:hidden; padding:0px; transition:all 0.3s; z-index:100; left: 0}
	#mainNav{padding:10px;overflow-y:auto;height:calc(100vh - 100px)}
	.menu-top>label{color:#fff;display:block;height:100px;padding:0;position:relative;margin-bottom:0}
	.menu-top>label>i{font-size: 1.5rem;color:#fff;line-height:100px;text-align:center;width:50px;transition:all 0.1s ease 0.3s}
	#navOverlay{display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;transform:translate(-100%);transition:all 0.25s ease-out 0.1s;z-index:100}
	#mobi-toggle:checked ~ .survey-equipment-1 .menu-top>label i::before{content:"\f00d";font-size:2.5rem}
	#mobi-toggle:checked ~ .survey-equipment-1 .menu-top{height:100vh;width:250px}
	#mobi-toggle:checked ~ * #navOverlay{transform:translate(0)}
}