@media (max-width : 1024px) {
 h2 { font-size: 50px;}
	

.banner {}
.banner h1 {padding: 30px 60px 15px; font-size: 60px;}	
.sliderPro .owl-theme .owl-nav {margin-left: -500px; width: 1000px;}	
	
.twoCol h2 {font-size: 50px; line-height: 60px;}

.innerBanner {height: 350px;}
.innerBanner h1 {font-size:50px;}		
}
	

@media (max-width : 991px) {
h2 {margin-bottom: 17px; font-size: 35px;}	
body {padding-top: 105px;}	

.containerPadd {padding-top: 30px; padding-bottom: 30px;}	
.containerPaddBot {padding-bottom: 30px;}		
	
.header {height: 105px;}	
.header::before {width: 75%;}	
.logo {width: 160px;}
	
.mainMenu {width: 75%; padding-left: 10px;}
.downloadApp {    padding-top: 11px;}
.topNav ul li a {    padding: 15px 10px 15px;}	
.botNav {margin-top: 15px;}
	
.banner {}	
.bannerText {padding:70px 15px 55px;}	
.banner h1 {padding: 20px 44px 6px;  border: 3px solid; font-size: 40px;}
.scrollIcon {display: none;}	
	
	
.centerText {padding: 50px 45px;}
.twoCol h2 {font-size: 35px; line-height: 40px;}	
.twoCol h2::after {height: 5px;}
.sliderPro {margin-bottom: 7px;}
.sliderPro .bigPar {min-height: 160px;}
.owl-theme .owl-nav.disabled+.owl-dots {position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin-top: 0;}	

.expertise ul li a {min-height: 110px; font-size: 17px; line-height: 20px}	
	
.liteGrayBg .owl-carousel  {padding-bottom: 25px;}	
	
.appDownload {padding: 40px 15px;}	
	
.footer {margin-top: 60px;}	
	
.innerBanner {height: 300px;}
.innerBanner h1 {font-size:40px;}		
	
}




@media (max-width : 767px) {
	.navbar-expand-lg .nav-item, .navbar-expand-lg .nav-underline .tab, .nav-underline .navbar-expand-lg .tab {display: block !important;}
	.botNav .dropdown-menu{top:0px !important;position: relative !important;background-color: transparent !important;border: 0 !important;}
h2 {font-size: 26px;}
body {padding-top: 60px;}	

.header {height: 60px;}	
.logo  {width: 150px;}	
	
.mainMenu { position: absolute;  top: 0; left:auto; right: -280px; margin-left: 0; width:270px; height: 100%; text-align: left; 
	-webkit-transition: all .2s; -moz-transition: all .2s;  transition: all .2s;}	
		
.mainMenu .menuInner1 {background-color: #484B84;  min-height: 415px; width: 270px;  float: right; height: 100%; position: relative; overflow: auto; z-index: 1; 
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);  box-shadow: 0 0 10px 0 rgba(0,0,0,.5);}		
.mainMenu.open {display: block; right: 0; width: 100%;}		
/*.mainMenu.open{right: 0; width: 100%; z-index: 9;}	*/	
.hedBgMenu::after {content: ' '; position: absolute; top: 0; right: 0; background:rgba(0,0,0,0.8);  width: 100%; height: 100%;
	-webkit-transition: all .3s; -moz-transition: all .3s;  transition: all .3s;}
.hedBgMenu.open::after { 
	-webkit-animation:0.6s ease 0s normal forwards 1 fadeinbg;
	-moz-animation:0.6s ease 0s normal forwards 1 fadeinbg;
	animation:0.6s ease 0s normal forwards 1 fadeinbg; opacity:0;}	
	
.header::before {display: none;}

	
		
.navbar {padding: 3px 0 0; width: 100%;}

	

.downloadApp {width: 100%; float: left; padding: 23px 15px 10px 25px; color: #fff;}
.downloadApp a svg{fill:#fff;}
.topNav {float: left; width: 100%; display: block;}	
.mainMenu ul {float: left; width: 100%; display: block; margin: 0;}
.mainMenu li {float: left; width: 100%;}		
.mainMenu li a {color: #fff !important; background-color: transparent !important; padding: 15px 10px !important; margin: 0 15px; border-bottom: 1px solid #eee;  border-bottom-color: rgba(255,255,255,.1);}	
.mainMenu li a:hover, .mainMenu .active > a {color: #ffc200 !important;}
		
.toggle-menu, .toggle-close-menu {display: block; background:none; position: relative;  width: 30px; height: 50px; border:0; padding: 0;margin: 0;}	
.toggle-menu span, .toggle-close-menu span { position: absolute;  display: block;height: 2px;background: #10225d;width: 30px;left: 0;-webkit-transition: all .3s;transition: all .3s;}
.toggle-menu span:nth-child(1){ top: 16px;}
.toggle-menu span:nth-child(2){ top: 24px;}
.toggle-menu span:nth-child(3){ top: 32px;}
.toggle-menu.active span:nth-child(1), .toggle-close-menu span:nth-child(1){ top: 25px;-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.toggle-menu.active span:nth-child(2), .toggle-close-menu span:nth-child(2){ background: 0 0;}
.toggle-menu.active span:nth-child(3), .toggle-close-menu span:nth-child(3){ top: 25px;-webkit-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
.header.hedBgMenu .toggle-close-menu {display: block; position: absolute; top: 0; right: 0; z-index: 2;}
.toggle-close-menu span {background-color: #fff;}	
.mainMenu.open .toggle-close-menu { right: 280px;}		

.h100p {height: 100%;}
.h100p .container {height: 100%;}	

	
	
.banner h1 {padding: 15px 35px 4px; font-size: 35px}
.bannerText {padding: 40px 15px 10px;}	
	
.centerText {padding: 20px 25px;}	
.twoCol h2 {font-size: 26px; line-height: 36px; margin: 20px 0 35px 0;}		
.twoCol h2::after {bottom: -11px; width: 70px; height: 3px;}	
.sliderPro .bigPar {padding-bottom: 35px; min-height: inherit;}	
.proInfo {padding-bottom: 25px;}		
.picInfo {position: static;}	
.expertise ul li {width: 50%;}	

.liteGrayBg .col-md-6 {margin-bottom: 25px;}	

	
.liteGrayBg .cliebtsBox {    padding: 25px 25px 10px;}	
	
.footer {font-size: 14px;}	
.botFoot {font-size: 12px;}	
.botFoot li a {padding: 5px 7px;}	
.botFoot li::before {left: -5px;}	
	

.twoColList .twoCol:nth-child(even) .col-md-6.grayBg {order: 1;}
.twoColList .twoCol:nth-child(even) .col-md-6 {order: 2;}	
	
	
.innerBanner {height: 200px;}
.innerBanner h1 {font-size:30px;}	
	
	
}

@-webkit-keyframes fadeinbg{
    0%{opacity:0}
    25%{opacity:0}
    100%{opacity:0.8}
}

@-moz-keyframes fadeinbg{
    0%{opacity:0}
    25%{opacity:0}
    100%{opacity:0.8}
}	
	
@keyframes fadeinbg{
    0%{opacity:0}
    25%{opacity:0}
    100%{opacity:0.8}
}