@media screen and (min-width:768px) {	
header{padding-top:0px; padding-bottom:0px; }
header #menuTigger{display:none;}
.logo{text-align:left !important; width:160px; padding-top:18px;}
header #hdrStrip{display:flex;}

/* # Site Navigation
---------------------------------------------------------------------------------------------------- */
nav.nav-header {
	font-size:1.1rem;
	font-weight: 700;
	line-height: 1;}

nav.nav-header ul {
	padding: 0;
}
nav.nav-header li {
	display: inline-block; 
	text-align: left; color:#fff; 
	padding:25px 1.8vw;
}
nav.nav-header li:hover
{ background:#006bd0;
 color:#fff;}
nav.nav-header li li:hover{
	background:transparent;
}
nav.nav-header li > a, nav.nav-header li span> a {
	color:#fff; 
	text-decoration:none;
}

nav.nav-header li ul{ 
	float:none; 
	text-align:center;
}

nav.nav-header li li{
 display: inline-block; 
 font-size:90%; 
 font-weight:normal;
}

nav.nav-header li .menu-item-strip{
	width:100%;
	 top:100%; 
	 height:auto;
	  background:rgba(255, 255, 255, 1);
	   z-index:9;
 position: absolute; 
 left: 0;  
 height:0px; 
 overflow:hidden;
  opacity:0; 
  -webkit-transition:all 0.5s ease; 
 -moz-transition:all 0.5s ease;
  transition:all 0.5s ease;
}

nav.nav-header li:hover>a, nav.nav-header li:hover>span{
	position:relative; 
}

/*nav.nav-header li:hover>a:after,*/
 nav.nav-header li:hover>span:after
 {
 	content:'';
 	 width:0px;
 height:0px;
 border-bottom:10px solid #fff;
  border-left:8px solid transparent;
   border-right:8px solid transparent; 
 position: absolute; 
 bottom:-125%;
  left:45%;
   }








nav.nav-header li li:hover>a:after, nav.nav-header li li:hover>span:after{display:none;}

nav.nav-header li:hover .menu-item-strip{opacity:1; height:auto; z-index:9; }
nav.nav-header li li > a{ padding:5px 5px; margin:0 20px; background:none !important; color:#222 !important;}
nav.nav-header li li img{ vertical-align:middle;}
nav.nav-header li li > a:hover { background:none !important; color: green;}

.hasMenu{display:flex; padding:20px 0px;}
.hasMenu .tpMenu-left{ width:28%;}
.hasMenu .tpMenu-right{width:68%; padding-left:2%; padding-right:2%; border-left:1px solid #ccc;}
.hasMenu .imgChanger li{padding:0px !important; width:100% !important; text-align: center; display:none;}
.hasMenu .imgChanger li.active{display:block;}

#pdtTab{ margin-bottom:40px;}
#pdtTab li{ font-size:18px; color:#222 !important; font-weight:bold;}
#pdtTab li.active{border-bottom: 6px solid #0c5ca8;}
#pdtTab li.active a{color:#ff8b23 !important;}
#pdtTab li:first-child{margin-right:10%;}
.visionSlide{ min-height:200px; position:relative;}
.visionSlide h5{display:none;}
.visionSlide .visionData.Show{ display:block}
.visionSlide .visionData{ display:none; position:static; width: 100%; color:#222 !important;}
.menuIconWrap{display:flex; justify-content:left; flex-wrap:wrap; }
.menuIconWrap .menuIcon{width:20%; text-align:center;}
.menuIconWrap .menuIcon i {display: block; font-size:5vw; font-weight: normal; line-height:5vw; color: #666; margin-bottom: 2vw;}
.menuIconWrap .menuIcon a{text-decoration:none; text-align: center; color:#666;}
.menuIconWrap .menuIcon span{min-height:52px; display:block;}
.menuIconWrap .menuIcon i:hover, .menuIconWrap .menuIcon a:hover{color:#0c5ca8 !important;}
.hasMenu .tpMenu-left{display:block; text-align: center;}
.hasMenu .tpMenu-left img{max-width: 80%;}
}

@media (min-width:1280px) {
.container {max-width:1200px;}
.hss-Intro h3{font-size: 1.6em;}
}

@media (min-width:1330px) {
.counter{text-align:center;}
.container {max-width:1300px;}
.countfull h3{font-size:3.5em;}
.countfull h3 span{font-size:.6em;}
.counter span, .counter .countTxtNormal{font-size:5em;}
.counter .staticTxt{ font-size:4em; }
.counter .staticTxt.k{font-size:3em;}
.counter .normalTxt{font-size:1em;}
.counter .normalTxt.noreact{font-size:1.5em; vertical-align:super;}
}
@media (min-width:1600px) {
body{font-size:1.5rem;}
.hss-Intro h3{font-size: 1.5em;}
.hero_banner img{width:100%;}
nav.nav-header{font-size: 1.5rem;}
nav.nav-header li:hover>a:after, nav.nav-header li:hover>span:after{bottom:-80%;}

.hss-Intro figcaption{padding: 2vw 1vw;}
.container {max-width:1550px;}
footer .terms{font-size:.8em;}
}
@media (min-width:1800px) {
.container {max-width:1750px;}	
}

@media only screen and (max-width:1024px) {
body{font-size:.9em;}
h2{font-size:1.5em;}
h3{font-size:1.3em;}
footer .footNavTrig{font-size:1em;}
.stepsWrap li, .size4 li{width:48%;}
.size4 li img{width:100%;}
.hss-Intro h3{font-size: 1.5em;}
.hss-Intro figcaption{padding:30px 4vw 0px 4vw;}

footer .footNavTrig:after, footer .footNavTrig.active:after{font-size:20px;}
}
@media only screen and (max-width:980px) {
.container {max-width:90%;}	
footer .terms .container{max-width:100%; padding-right:0px; padding-left:0px;}
footer .terms .container .row{margin-left:0px; margin-right:0px;}
footer .terms .container .row [class*="col-"]{padding-left:0px; padding-right:0px;}
footer .terms{padding-top:0px; padding-bottom:0px; }
footer .navbottom{padding: .9em 10px; background-color: #09549c;}
footer .navbottom ul {margin-left:auto; margin-right:auto; text-align: center;}
footer .copyright{text-align:center; background-color: #064c8f; padding:.8em 10px;}	
}

@media only screen and (max-width:767px) {
header{height:46px;}
header .logo{margin-top:3px;}
header #menuTigger{width:30px; position: absolute; left:10px; cursor:pointer; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
.searchTrigger{right:0px;}
.head_searchbox .fa{font-size: 1.5rem;}

header #MainNav{display:none; position:absolute; width: 100%; top:46px; left: 0px; background-color:#fff;}
#MainNav .menu-item-strip{display:none;}



/* Menu css */




#MainNav .container{}

#MainNav li>span, #MainNav .submenu{ 
	display:block; 
	padding:1.2vw 20px; 
	margin-bottom:0px;
	 color:#333; 
	 font-size:17px;
 font-weight:normal;
  text-decoration:none; 
  cursor:pointer;
   position:relative;
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
   border-bottom:1px solid #ccc;
}
#MainNav li span a{
	color:#333; 
	text-decoration:none;
}
/*#MainNav li span.show{
	background:#fff;
}
*/

#MainNav li span.show:after {
	float:right;
	 display:inline-block; 
	 content: "\f078"; 
	 font-family: 'FontAwesome'; 
	 color:#0c5ca8;
 font-size:15px; 
 line-height: 20px; 
 font-weight:normal; 
 font-weight:normal;
}







#MainNav li span.show:after{content: "\f077"; font-family: 'FontAwesome'; color:#0c5ca8; font-size:15px; }

#MainNav ul ul{width:100%; padding:0px; clear:both; background-color:#f6f6f6;}

#MainNav ul ul li a{padding:1vw .9vw 1vw 30px; color:#333; text-decoration:none; display:block; font-size:1em; border-bottom:none;}

.hasMenu .menuIconWrap .menuIcon a{text-decoration:none; color:#222;}
.hasMenu .tpMenu-left{display:none;}

.tpMenu-right{padding:10px 20px; background-color: #f6f6f6;}
.hasMenu .menuIcon {margin: 4px 0px;}

.hasMenu .menuIcon span:after {display:none !important;}
.hasMenu .menuIcon i{margin-right:10px; font-size: 1.4em;}

#pdtTab{display:none;}
.visionSlide h5{display:inline-block; color:#000; text-decoration:underline; font-size: 1em; font-weight: bold;}

.visionSlide .visionData.Show{border-bottom: 1px solid #e5e5e5; margin-bottom: 10px;}
/* Menu css */


	
.boxCaptionImg figcaption{min-height:auto;}


footer .container{max-width:100%; padding-right:0px; padding-left:0px;}
footer .container .row{margin-left:0px; margin-right:0px;}
footer .container .row [class*="col-"]{padding-left:0px; padding-right:0px;}

footer .footNavTrig{padding-left:20px; padding-right:20px; border-bottom: 1px solid #09549c;} 
footer .footNavTrig.show{background:#0d60af; color:#fff;}
footer .footNavTrig:after {float:right; display:inline-block; content:'+'; color:#fff; font-size:32px; line-height: 28px; font-weight:normal;}
footer .footNavTrig.show:after{content:'-'; color:#fff; font-size:35px; }
footer .footSubmenu{ padding:10px 20px; background-color:#09549c;}

footer .footNavTrig {font-size: 1.5em; font-weight:bold;}
footer .footNavTrig:after, footer .footNavTrig.active:after {font-size:30px; font-weight:bold;}
footer .footSec{padding-top:0px; padding-bottom:10px;}
footer .footSec .footer-left > ul > li {width:100%; float:none; margin-right:0%;}	
footer .socialIcon{margin-top:4vw; padding-left: 25px !important;}
footer .socialIcon .footlogo{display:none;}
footer .socialIcon ul{margin-top:15px; margin-bottom:8px;}
footer .socialIcon li {margin: 0 5px 5px;}
footer .socialIcon li a{width:25px; height:25px; font-size:16px;}
footer .socialIcon li .fa-instagram, footer .socialIcon li .fa-whatsapp {font-size: 18px;}

}

@media only screen and (max-width:575px) {
.head_search{width:70vw;}
.socialIcon{padding-left:15px !important; padding-right:15px;}
}

@media only screen and (max-width:480px) {	
	.countfull h3{font-size:2em;}
	.counter span, .counter .countTxtNormal{font-size:2.5em;}
	.counter .staticTxt{font-size:2em;}
	.counter .staticTxt.k{font-size:1.2em;}
	.stepsWrap li{width: 100%;} 
	.hss-Intro li{width: 280px; margin: 0 auto;}
	.hss-Intro ul{display:block;}
}
@media only screen and (max-width:375px) {   
    
}













































