@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');

/* Reset css --- */
* {padding:0px; margin:0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
*:focus {outline: 0;}
html, body{ overflow-x:hidden;}
body{ margin:0; padding:0; font-size:0.9em; color:#080808; font-family: 'Roboto', sans-serif;}
ol, ul { list-style:none; margin:0; padding:0;}
.olList { list-style:auto}
:focus {outline: 0;}
a, a:link {text-decoration: none; outline:none;}
p { padding:2px 0; margin:0;}
.clear {clear:both;}
a {color:#36A1D6; text-decoration:none;}
a:hover {text-decoration:none; color:#0c528f;}
a:focus{outline:none !important;}
:hover{transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal;}
img {border:0; max-width:100%; height:auto;}
::-webkit-input-placeholder {opacity:1; color: #999999;}
:-moz-placeholder{opacity:1; color: #999999;}
::-moz-placeholder{opacity:1; color: #999999;}
:-ms-input-placeholder{opacity:1; color: #999999;}
/* --- Reset css */
.skiptranslate{display:none}
.font{ font-family: 'Roboto Condensed', sans-serif;}
.row, #ContentPlaceHolder1_lbl_othrDescrpt .card-deck{
	width:100%;
}
.header-top{ background: #d0dce1; display: flex; justify-content: space-between;}
.header-top ul{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.header-top ul li{ font-size: 0.8em; font-weight: 500; color: #5d6365; padding: 0.6em 1.8em; border-right: 1px solid #939a9d; display: flex; align-items: center;}
.header-top ul li i{ font-size: 2.2em; display: inline-block; margin-right: 5px;}
.header-top ul li i.no-merg{ margin: 0;}
.header-top ul li a{ color: #5d6365; display: flex; align-items: center;}
/* .header-top ul li:first-child{ border-left: 0;} */

.header-top ul li:hover{ background: #b9dded;}
.header-top ul li.fontDrop.alt{ padding-left: 8px; padding-right: 8px;}
.header-top ul li.fontDrop.alt i{ margin-left: 5px;}
/* .header-top ul li:hover > a{ color: #FFF;} */
/* .header-top ul li:hover i::before{ color: #FFF !important;} */

.fontDrop{ position: relative; cursor: pointer;}
.fontDrop:hover .fontDrop-main{ opacity: 1; visibility: visible;}
.fontDrop-main{ position: absolute; left: -1px; z-index: 99; top: 100%; width: 70px; border: 1px solid #939a9d; opacity: 0; visibility: hidden;}
.header-top ul li .fontDrop-main a{ display: block; width: 100%; margin: 0; padding: 10px 0; text-align: center; background: #FFF; border-top: 1px solid #939a9d;}
.header-top ul li .fontDrop-main a:hover, .header-top ul li .fontDrop-main a.active{ background: #939a9d; color: #FFF;}
.header-top ul li .fontDrop-main a:first-child{ border-top: 0;}

.header-top div + div ul li:last-child{ border-right: 0;}
.header-top div + div ul li:first-child{ border-left: 1px solid #939a9d;}

.header-mid{ display: flex; align-items: center; justify-content: space-between; padding: 5px 90px;}
.header-mid-right{ display: flex; align-items: center;}
.table td, .table th {
    padding: 4px;
}
.search{ position: relative; width: 300px; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.22); box-shadow: 0 0 20px 0 rgba(0,0,0,0.22);}
.search input[type="text"]{ width: 100%; background: #FFF; border: none; font-size: 14px; color: #434343; font-weight: 500; padding: 10px 0 10px 20px;}
.search button{ width: 46px; height: 41px; background: #f47828; border: none; text-align: center; color: #FFF; position: absolute; right: 0; top: 0;}

.header-social ul{ padding-left: 20px;}
.header-social ul li{ display: inline-block; margin: 0 0 0 10px;}
.header-social ul li a{ display: inline-block; width: 30px; height: 30px; background: #000; border-radius: 100%; text-align: center; color: #FFF; line-height: 30px;}
.header-social ul li a.facebook{ background: #45619d;}
.header-social ul li a.twitter{ background: #2aaae0;}

.header-icon ul{ padding-left: 20px;}
.header-icon ul li{ display: inline-block; margin: 0 0 0 10px;}
.site-map .sub{
    margin-left:20px;
    list-style-type: circle;
}
.site-nav {
    background: #016590;
}
.site-nav > ul{ display: flex;}
.site-nav > ul > li{ border-left: 2px solid #015174; position: relative;}
.site-nav > ul > li:first-child{ border-left: 0;}
.site-nav > ul > li > a{ display: inline-block; font-size: 0.95em; color: #FFF; text-transform: uppercase; padding: 0.9em 1.9em; transition: all 0.5s ease;}
.site-nav > ul > li:first-child > a{ padding-top: 0.6em; padding-bottom: 0.5em;}
.site-nav > ul > li:first-child > a > i{ font-size: 2em;}
.site-nav > ul > li:hover > a{ background: #f47828;}

.site-nav > ul > li.has-sub > a{ padding-right: 40px;}
.subDropAlt{ position: absolute; right: 15px; top: 10px;}
.subDropAlt::before{ content: '\f107'; font-family: FontAwesome; color: #FFF; font-size: 1.2em;}
#content ol
{
    list-style: decimal;
    margin-left: 30px;
}
#content ul{
    list-style: circle;
    margin-left: 30px
}
.alignleft {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
img.aligncenter {
    margin: 5px auto;
    display: block
}
#content ul.inner-service-list{list-style: none;}
.site-nav > ul > li:hover > ul{ opacity: 1; visibility: visible; top: 50px;}

.site-nav > ul > li ul{ position: absolute; left: 0; top: 60px; z-index: 99; background: #016590; width: 200px; min-width: 100%; opacity: 0; visibility: hidden; transition: all 0.5s ease;}
.site-nav > ul > li ul li a{ color: #FFF; font-size: 0.85em; padding: 10px 20px; display: block; border-top: 1px solid rgba(255,255,255,0.2); }
.site-nav > ul > li > ul > li:hover > a{ background: #f47828;}

.site-nav > ul > li ul li{ position: relative;}
.site-nav > ul > li ul li ul{ top: 0; left: 100%; background: #0173a5;}
.site-nav > ul > li > ul > li:hover > ul{ opacity: 1; visibility: visible; top: 0;}
.site-nav > ul > li ul li ul li a:hover{ background: #f47828;}

.site-nav > ul > li:nth-child(9) ul li ul, .site-nav > ul > li:nth-child(10) ul li ul, .site-nav > ul > li:last-child ul li ul{ left: inherit; right: 100%;}

.hero-section{ position: relative;}
.owl-contrl{ position: absolute; left: 30px; bottom: 30px; z-index: 99;}
.owl-contrl span{ display: inline-block; width: 36px; height: 36px; background: #016e9b; color: #FFF; text-align: center; line-height: 36px; cursor: pointer; opacity: 0.7;}
.owl-contrl span.act{ opacity: 1;}

.hero-carousal .item{ position: relative;}
.slide-txt{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: #FFF;}
.slide-txt .container{ height: 100%; display: flex; align-items: center; justify-content: center;}
.slide-txt .container > div{ background: rgba(17,17,17,0.5); padding: 1.5em 2.5em;}

.hero-carousal .owl-dots{ position: absolute; width: 100%; left: 0; bottom: 40px; text-align: center; z-index: 9999;}
.hero-carousal .owl-dot{ display: inline-block; width: 10px; height: 10px; background: #FFF !important; border-radius: 100%; margin: 0 3px; cursor: pointer;}
.hero-carousal .owl-dot.active{ background: #f47828 !important;}
.hero-carousal .owl-dot:focus{ outline: 0;}

.hero-carousal .owl-nav button{ width: 29px; height: 71px; background: url('../images/slide-next.png') no-repeat !important; position: absolute; right: 80px; top: 50%; margin-top: -35px;}
.hero-carousal .owl-nav button.owl-prev{ right: inherit; left: 80px; transform: rotate(180deg);}
.hero-carousal .owl-nav button:focus{ outline: 0;}
.hero-carousal .owl-nav button span{ display: none;}
.gsc-control-cse.gsc-control-cse-en {
    padding: 0;
}





.header-top ul li .fontDrop-main a.dark {
    background: black;
    color: white;
}

.header-top ul li .fontDrop-main a.light {
    background: white;
}
		
.slide-txt h2{ font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 2.5em; text-align: center;}
.slide-txt h2 span{ display: block; font-size: 0.6em;}

.news-ticker { height: 45px; background: #016c9a; position: relative; transition: all 0.5s ease; position: relative;}
.news-ticker-in { position: relative; margin-right: 0; overflow: hidden; padding: 11px 0; transition: all 0.5s ease; margin-right: 50px; margin-left: 145px;}
.news-ticker a{ font-size: 16px; color: #FFF; padding: 0 30px;}
.tick-close{position: absolute; right: 12px; top: 0px; cursor: pointer; z-index: 9;}
.latest{ position: absolute; left: 0; top: 0; font-family: 'Roboto Condensed', sans-serif; font-weight: 500; color: #FFF; height: 45px; line-height: 45px; border-right: 2px solid #015174; font-size: 1.3em; padding: 0 0.8em;}

.tick-close span{ display: inline-block; height: 45px; color: #FFF; line-height: 45px; font-size: 0.9em; margin-left: 5px; opacity: 0.6;}
.tick-close span.act{ opacity: 1;}

.announce{ padding:15px 90px;}
.announce h2{ color: #ff6f00; font-size: 1.5em; font-family: 'Roboto Condensed', sans-serif; padding: 0.5em 0 0 0;}
.announce h2 span{ margin-left: 10px; display: inline-block; background: #ffef17; border-radius: 50px; color: #3718bd; font-weight: 700; text-transform: uppercase; padding: 2px 12px; font-size: 0.8em; -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.50); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.50);}
    .announce h2.blue { color: #f67d29;
    }
.announce h2.green{ color: #2fc40f;}
.announce h2.sky{ color: #15b8db;}
.announce h2.yellow{ color: #d3a90b;}

.services{ background: #f47828d6; padding: 15px 90px;}
.services-single{ display: flex; align-items: center;}
.services-single:hover{ opacity: 0.8;}
.services-left {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background: #FFF;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.40);
    padding-top: 0;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.40);
	
}
.services-right{ width: calc(100% - 80px); padding-left: 20px; color: #FFF; font-family: 'Roboto Condensed', sans-serif; font-size: 1.2em; line-height: 1.2em;}

.news-sec{ padding: 50px 80px; padding-bottom: 0px;}
.news-title{ display: flex; align-items: center; justify-content: space-between; background: #016c9b; border-radius: 10px; color: #FFF; padding: 10px 25px; margin: 0 10px; background-image: url(../images/what-new-background.png)}
.news-title.r{background-image: url(../images/press-bg.png)}
.news-title h2{ font-family: 'Roboto Condensed', sans-serif; font-size: 1.4em; text-transform: uppercase;padding-top: 0;}
.news-title h3{ font-family: 'Roboto Condensed', sans-serif;  padding-right: 15px;}
.news-title h3 a{ font-size: 0.7em;}

.ticker{ padding-bottom: 10px; margin-top: 15px;}
.ticker ul li{ padding: 0 10px; padding-bottom: 10px; padding-top: 10px;}
.ticker ul li > div{ -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.22); box-shadow: 0 0 10px 0 rgba(0,0,0,0.22); border-radius: 15px; padding: 30px;}
.ticker h2{ color: #0173a4; font-family: 'Roboto Condensed', sans-serif; font-size: 1.4em;}
.ticker p{ color: #000000; padding-top: 12px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.header-top ul li.fontDrop.alt{display:none;}
.ticker ul li:hover p{ color: #016c9b;}
.nav-tabs .nav-link {
    margin: 0 5px;
}
.news-title-right{ display: flex; align-items: center;}
.news-title-right a{ display: inline-block; color: #FFF; font-size: 1.7em; margin: 0 0 0 10px;}

.tickerN{ -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.22); box-shadow: 0 0 10px 0 rgba(0,0,0,0.22); border-radius: 15px; padding: 5px; margin: 0 10px; margin-top: 25px;height:250px; overflow:auto;}
.tickerN ul { width: 100%;}
.tickerN ul li{ border-top: 1px solid #a8b9c0; padding: 22px 0;}
.tickerN ul li:first-child{ border-top: 0;}
.tickerN p{ color: #000000; padding: 0; overflow: hidden; display: -webkit-box;}
.tickerN ul li:hover p{ color: #016e9b;}

.link-section{ padding: 0 90px;}
.link-section a:hover .link-top{ transform: translateY(6px);}
.link-top{ width: 85px; height: 86px; background: url('../images/circle-1.png') no-repeat; margin: 0 auto; display: flex; align-items: center; justify-content: center; transform: translateY(20px); font-size: 2.5em; transition: all 0.5s ease;}
.link-bottom{ height: 60px; border-radius: 10px; display: flex; align-items: center; justify-content: center;
background: rgb(114,82,43);
background: -moz-linear-gradient(top,  rgba(114,82,43,1) 0%, rgba(54,33,10,1) 100%);
background: -webkit-linear-gradient(top,  rgba(114,82,43,1) 0%,rgba(54,33,10,1) 100%);
background: linear-gradient(to bottom,  rgba(114,82,43,1) 0%,rgba(54,33,10,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72522b', endColorstr='#36210a',GradientType=0 );
}
.link-bottom p{ color: #FFF; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-size: 1em; padding: 15px 0 0 0;}

.link-single.second .link-top{ background: url('../images/circle-2.png') no-repeat; font-size: 3em;}
.link-single.third .link-top{ background: url('../images/circle-3.png') no-repeat;}
.link-single.fourth .link-top{ background: url('../images/circle-4.png') no-repeat;}
.link-single.fifth .link-top{ background: url('../images/circle-5.png') no-repeat;}
.link-single.sixth .link-top{ background: url('../images/circle-6.png') no-repeat;}

.link-single.second .link-bottom{background: rgb(140,64,69);
background: -moz-linear-gradient(top,  rgba(140,64,69,1) 0%, rgba(95,11,13,1) 100%);
background: -webkit-linear-gradient(top,  rgba(140,64,69,1) 0%,rgba(95,11,13,1) 100%);
background: linear-gradient(to bottom,  rgba(140,64,69,1) 0%,rgba(95,11,13,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c4045', endColorstr='#5f0b0d',GradientType=0 );
}
.link-single.third .link-bottom{background: rgb(131,54,147);
background: -moz-linear-gradient(top,  rgba(131,54,147,1) 0%, rgba(81,7,85,1) 100%);
background: -webkit-linear-gradient(top,  rgba(131,54,147,1) 0%,rgba(81,7,85,1) 100%);
background: linear-gradient(to bottom,  rgba(131,54,147,1) 0%,rgba(81,7,85,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#833693', endColorstr='#510755',GradientType=0 );
}
.link-single.fourth .link-bottom{background: rgb(69,81,176);
background: -moz-linear-gradient(top,  rgba(69,81,176,1) 0%, rgba(22,26,117,1) 100%);
background: -webkit-linear-gradient(top,  rgba(69,81,176,1) 0%,rgba(22,26,117,1) 100%);
background: linear-gradient(to bottom,  rgba(69,81,176,1) 0%,rgba(22,26,117,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4551b0', endColorstr='#161a75',GradientType=0 );
}
.link-single.fifth .link-bottom{background: rgb(16,118,125);
background: -moz-linear-gradient(top,  rgba(16,118,125,1) 0%, rgba(1,50,53,1) 100%);
background: -webkit-linear-gradient(top,  rgba(16,118,125,1) 0%,rgba(1,50,53,1) 100%);
background: linear-gradient(to bottom,  rgba(16,118,125,1) 0%,rgba(1,50,53,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10767d', endColorstr='#013235',GradientType=0 );
}
.link-single.sixth .link-bottom{background: rgb(26,129,47);
background: -moz-linear-gradient(top,  rgba(26,129,47,1) 0%, rgba(1,57,11,1) 100%);
background: -webkit-linear-gradient(top,  rgba(26,129,47,1) 0%,rgba(1,57,11,1) 100%);
background: linear-gradient(to bottom,  rgba(26,129,47,1) 0%,rgba(1,57,11,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a812f', endColorstr='#01390b',GradientType=0 );
}

.link-section .row{ margin: 0 -5px;}
.link-section [class*='col-']{ padding: 0 5px;}

.site-footer{ padding-top: 20px;}
.footer-top{ background: #003963; padding: 20px 90px;}
.footer-single h2{ color: #FFF; font-weight: 500; font-size: 1.4em; padding-bottom: 20px;}
.footer-single ul{ width: 50%; float: left;}
.footer-single ul li{ margin-top: 5px;}
.footer-single ul li a{ color: #FFF; font-size: 0.9em; display: inline-block; transition: all 0.5s ease;}
.footer-single ul li a:hover{ padding-left: 5px; opacity: 0.7;}

.footer-single.alt ul{ width: 33.33%;}

.footer-bottom{ display: flex; align-items: center; justify-content: space-between; padding: 5px 90px;}
.footer-bottom p{ font-size: 0.95em;}
.footer-bottom p span{ padding-left: 50px;}
.footer-bottom p a{ color: #000; font-weight: 700;}

.mobClick { display: none; width: 24px; height: 16px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
.mobClick span { position: absolute; opacity: 1; left: 0; width: 24px; height: 3px; background: #f68e4b; display: block; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.mobClick span:nth-child(2) { top: 7px;}
.mobClick span:nth-child(3) { top: 14px;}
.mobClick.open span:nth-child(1) { top: 7px; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.mobClick.open span:nth-child(2) { opacity: 0; left: -20px;}
.mobClick.open span:nth-child(3) { top: 7px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.mobClick.open{ position: fixed; left: 280px; top: 15px; z-index: 9999;}
.mobClick.open span{ background: #016e9b;}

.mobClick2 { display: none; width: 24px; height: 16px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
.mobClick2 span { position: absolute; opacity: 1; left: 0; width: 24px; height: 3px; background: #f68e4b; display: block; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.mobClick2 span:nth-child(2) { top: 7px;}
.mobClick2 span:nth-child(3) { top: 14px;}
.mobClick2.open span:nth-child(1) { top: 7px; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.mobClick2.open span:nth-child(2) { opacity: 0; left: -20px;}
.mobClick2.open span:nth-child(3) { top: 7px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.mobClick2.open span{ background: #f47828;}

.nav-overlay{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; visibility: hidden; z-index: 999; -webkit-backdrop-filter: blur(0.5rem); -ms-backdrop-filter: blur(0.5rem); -o-backdrop-filter: blur(0.5rem); backdrop-filter: blur(0.5rem);}
.nav-overlay.act{ opacity: 1; visibility: visible;}

.nav-overlay2{ position: fixed; width: 100%; height: 100%; left: 0; top: 212px; opacity: 0; visibility: hidden; z-index: 99; -webkit-backdrop-filter: blur(0.5rem); -ms-backdrop-filter: blur(0.5rem); -o-backdrop-filter: blur(0.5rem); backdrop-filter: blur(0.5rem);}
.nav-overlay2.act{ opacity: 1; visibility: visible;}

.search-bar{ display: none; margin-top: 8px;}
.search-bar .search{ width: 100%;}


.breadcom {
    padding: 15px 0;
    text-align: center;
    font-size: 1.2em;
}

.pfc-post.layout-one {
    padding: 10px;
    margin: 10px 0;
    box-shadow: 0 0 2px -1px black;
    border-radius: 5px;
}
.pfc-post.layout-one:hover {
    box-shadow: 1px 1px 2px 1px #9d9d9d;
}
@media (max-width: 1700px) {
  .site-nav > ul > li > a{ padding-left: 1.5em; padding-right: 1.5em;}
  .services .row{ margin: 0 -5px;}
  .services [class*='col-']{ padding: 0 5px;}
  .tickerN ul li{ padding: 5px 0;}
}

@media (max-width: 1599px) {
  .header-top ul li{ padding-left: 1.3em; padding-right: 1.3em;}
  .site-nav > ul > li > a{ padding-left: 0.9em; font-size: 0.84em;}
  .site-nav > ul > li:hover > ul{ top: 44px;}
  .services-right{ font-size: 1em; padding-left: 10px; width: calc(100% - 74px);}
  .services-left{ width: 74px; height: 74px;}
  .link-bottom p{ font-size: 0.9em;}
  .footer-single.alt ul + ul { transform: translateX(-30px);}
  .footer-single.alt ul + ul + ul{ transform: translateX(30px);}
  .subDropAlt{ top: 8px;}
}

@media (max-width: 1300px) {
  .services, .link-section, .footer-top, .footer-bottom{ padding-left: 30px; padding-right: 30px;}
  .news-sec{ padding-left: 20px; padding-right: 20px;}
  .announce h2{ font-size: 1.2em;}
  .footer-bottom p span{ padding-left: 30px;}
  .header-mid{ padding-top: 1.1em; padding-bottom: 1.1em;}
  .site-nav > ul > li > a{ font-size: 0.69em; height: 44px; display: flex; align-items: center;}
  .news-ticker a{ font-size: 14px;}
  .latest{ font-size: 1.1em;}
  .slide-txt h2{ font-size: 2.1em;}
  .header-top ul li{ padding-left: 0.6em; padding-right: 0.6em;}
}

@media (max-width: 1199px) {
  .site-nav{ position: fixed; width: 260px; height: 100%; left: -270px; top: 0; z-index: 9999; transition: all 0.5s ease; overflow: auto;}
  .site-nav.act{ left: 0;}
  .site-nav > ul{ display: block;}
  .header-top ul li{ font-size: 0.7em;}
  .site-nav > ul > li{ border: none;}
  .site-nav > ul > li > a{ border-bottom: 1px solid rgba(255,255,255,0.5);}

  .site-nav > ul > li > ul{ position: static; opacity: 1 !important; visibility: visible !important; display: none; transition: none !important;}
  .site-nav > ul > li > ul > li > a{ font-size: 0.78em;}

  .site-nav > ul > li ul li ul{ position: static; opacity: 1 !important; visibility: visible !important; display: none; transition: none !important;}
  .site-nav > ul > li ul li ul li a{ font-size: 0.78em;}

  .mobClick, .mobClick2{ display: block;}

  .header-mid-left{ display: flex; align-items: center;}
/*  .services [class*='col-'], .link-section [class*='col-']{ -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; margin-top: 0px;}*/
 
  .footer-bottom p, .footer-single ul li a{ font-size: 0.85em;}
}

@media (max-width: 1023px) {
  .header-top{ flex-wrap: wrap;}
  .header-top > div{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; border-bottom: 1px solid #939a9d;}
  .header-top ul{ justify-content: center;}
  .header-top div + div ul li:first-child{ border-left: 0;}
  .header-top ul li:last-child{ border: none;}

  .header-mid{ flex-wrap: wrap; padding: 15px;}
  .header-mid-right .search{ display: none;}
  .footer-top .col-lg-7 .footer-single h2{ padding-top: 40px;}
  .footer-bottom{ display: block; text-align: center;}
  /* .header-mid-left, .header-mid-right{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} */

  .search-bar{ display: block;}
    .nav-link {
    padding: 0.5rem 0.2rem;
    font-size: 0.9em;
}
    

.announce {
    padding: 15px 15px;
}
    .announce .col-lg-6{padding: 0}
    
    .inner-service-list li{min-width:100%}
    .tickerN{margin-top:10px; margin-bottom: 15px;}
    .services .col-lg-2 {
    margin: 5px 0;
}
    
    
}

@media (max-width: 767px) {
  .header-top .first ul li:first-child, .header-top .first ul li:nth-child(2){ width: 100%; text-align: center; border-right: 0; border-bottom: 1px solid #939a9d; justify-content: center;}
  .header-mid-left, .header-mid-right{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
  .header-social ul{ padding-left: 0;}
  .header-social ul li:first-child{ margin-left: 0;}
  .header-social ul li{ margin: 0;}
  .header-mid-right{ justify-content: center; border-top: 1px solid #939a9d; margin-top: 9px; padding-top: 9px;}
  .hero-carousal .owl-item img{ height: 250px;}
  .header-mid{ padding-top: 5px; padding-bottom: 5px;}
  .slide-txt h2{ font-size: 1.2em;}
  .hero-carousal .owl-nav button{ display: none;}
  .hero-carousal .owl-dots{ bottom: 10px;}
  .owl-contrl{ left: 10px; bottom: 10px;}
/*  .services [class*='col-'], .link-section [class*='col-']{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}*/

  .news-sec{ padding-left: 5px; padding-right: 5px;}
  .news-title h2{ font-size: 1em;}
  .news-title h3{ font-size: 1.4em; margin-right: 0;}
  .news-title{ padding: 0px 15px;}

  .news-sec .col-lg-6 + .col-lg-6{ padding-top: 30px;}
  .footer-single.alt ul{ width: 50%;}
  .footer-single.alt ul + ul { transform: translateX(0);}
  .footer-single.alt ul + ul + ul { transform: translateX(0);}
  .footer-bottom p span{ display: block; padding: 0;}

  .services, .link-section, .footer-top, .footer-bottom{ padding-left: 15px; padding-right: 15px;}

  .news-ticker-in{ margin-left: 125px;}
  .header-top{ position: absolute; width: 100%; left: 0; top: 85px; z-index: 999; display: none;}
  .header-top.act{ display: flex;}
  .link-bottom{ height: 80px;}
  .header-mid-left{ justify-content:space-between;}

  body.act{ height: 100vh; overflow: hidden;}
}
