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




@media only screen and (min-width: 1024px) {
.menuBox h2 {font-size: 20px;line-height: 21px;min-height: 44px;}
.fixdHight{height: calc(100vh - 80px)}
/* .main-wrp-blue .fixdHight{height: calc(100vh - 100px)} */
.circleMenuWrp::after{content: ''; width: 30px; height: 60px; border:#585858 1.5px solid; border-radius: 15px; position: absolute; left: 50%; margin-left: -15px;  top: 50%; margin-top: -30px; z-index: 99999;}
.circleRotate{width: 200px; height: 200px; border-radius: 50%;  }
	
.circleRotate{width: 200px; height: 200px; border-radius: 50%; animation: spin 10s linear infinite; }
@keyframes spin {
  100% {
    transform: rotate(1turn);
  }
}

.circleMenuWrp:hover .circleRotate{-webkit-animation-play-state:paused;
  -moz-animation-play-state:paused;
  -o-animation-play-state:paused;
  animation-play-state:paused; }
.stopRotate{animation-play-state:paused; }
.landHeader{width:100%;  height:170px; background: url("../images/header-bg.png") repeat-x 0px 0px!important;}
.bgWhite.landHeader{height:auto!important; background: #fff!important}
	
.ftrFlex50 .ftrLinkCol:first-child{width: 55%!important}	
.ftrFlex50 .ftrLinkCol:last-child{width: 43%!important}
.navLink li br{display: none;}	
.ftrLink li br{display: none;}	
}

@media only screen and (min-width: 640px) {
.circleMenuWrp::after{content: ''; width: 30px; height: 60px; border:#585858 1.5px solid; border-radius: 15px; position: absolute; left: 50%; margin-left: -15px;  top: 50%; margin-top: -30px; z-index: 99999;}
	}

@media only screen and (min-width: 1300px) {
    
    .navCol h4,
/*
    .otherLink .menuInr:last-child .navLink li a {
        font-size: 20px;
        line-height: 30px;
    }
*/
    .otherLink .menuInr:last-child .navLink li a {
        margin-bottom: 0;
    }
    .navLink li a {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .navCol h4 {
        margin-bottom: 20px;
        min-height: auto;
    }
}


@media only screen and (min-width: 1024px) and (max-width: 1090px) {
.thumCol50{height: auto}
.main-wrp-blue .fixdHight, .fixdHight {height: auto;}
.main-wrp-blue .heroHdbox h1, .heroHdbox h1 {font-size: 63px;line-height: 51px;}
.containerInr {padding: 0px 15px;}	
.logo{margin-left: 30px;}
.menuBtn{margin-right: 30px;}
.footerRow .ftrCol:first-child .ftrInr {padding-left: 30px;}
.footerRow .ftrCol:last-child .ftrInr {padding-right: 30px;}
.ftrBtm p:first-child {padding-left: 30px;}	
.ftrBtm p:last-child {padding-right: 30px;}	
.ftrLink li a {font-size: 13px;}	
	
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.containerBox {padding: 0px 0px; }
.containerInr {padding: 0px 12px;}
.logo {width: 200px;}	

.fixdhd{bottom: 15px; }	
.menuInr {padding: 20px 10px 0px 10px;}	
.main-wrp-blue .heroHdbox h1, .heroHdbox h1 {font-size: 45px;line-height: 46px;}
.titleSection{padding: 20px 0px;}	
.main-wrp-blue .titleSection h2, .titleSection h2 {font-size: 40px;line-height: 41px;}	
.tagBtnRow .btn{margin-bottom: 10px;}	
.tagBtnRow{padding-bottom: 0px;}
	
.ftrBtm p:last-child {padding-right: 12px;}
.ftrBtm p:first-child {padding-left: 12px;}
.footerRow .ftrCol:first-child .ftrInr {padding-left: 12px;}
.footerRow .ftrCol:last-child .ftrInr {padding-right: 12px;}
.thumCol50{height: auto}
.logo{margin-left: 12px;}
.menuBtn{margin-right: 12px;}	
}


@media only screen and (max-width: 767px) {
.containerBox {padding: 0px 0px; }
.containerInr {padding: 0px 12px;}
/*Navigation css start	*/
.menuBox{height: calc(100% - 54px); margin-top: 54px;}
	
.headerCont{padding: 10px 12px;}	
.logo{width: 125px; margin-left: 0px;}
.menuBtn{width: 40px; height: 40px; margin-right: 0px;}	
.menuBtn label{width: 30px;}	
.menuRow{display: inherit;}
.fixdhd{position: relative; z-index: 0; bottom: 0px; padding-top: 20px;}	
.main-wrp-blue .heroHdbox h1, .heroHdbox h1 {font-size: 48px;line-height: 42px;}
.main-wrp-blue .heroHdbox h2, .heroHdbox h2 {font-size: 30px;line-height: 33px;}
.menuCol60{width: 100%}	
.menuCol40{width: 100%; border-left: 0px;}
.menuImg{display: none;}	
.menuInr{padding: 15px 12px; border-bottom: #fff 1px solid;}
.epclink .navCol:first-child{width: 50%;}
.epclink .navCol:last-child{width: 50%;}	
.flexNav{display: inherit;}	
.flexNav li{width: 100%;}
.servicesLink{flex-wrap: wrap}
.servicesLink .navCol{width: 50%; padding-bottom: 10px;}
.menuRow{border-bottom: 0px;}	
.menuBox h2{min-height: inherit; padding-bottom: 10px;margin-bottom: 5px;}	
.navLink li a{font-size: 13px;}	
.navCol h4{min-height: inherit; padding-bottom: 12px}	
.navBox{min-height: inherit}
.closeMenu {right: 12px;top: 10px;}	
.epcMenuBg{background:none; padding-bottom:0px;}
.hitechMenuBg{background:none; padding-bottom:0px;}
.servicesMenuBg{background:none; padding-bottom:0px;}
.otherMenuBg{background:none; padding-bottom:0px;}
.menuRow{height: auto;}
.circleMenuWrp::after{display: none;}
.otherMenuBg{border-right: #fff 1px solid; padding-bottom: 54px;}
.otherLink .menuInr:last-child{border-left: 0px; border-bottom: 0px;}	
	
	
	
/*Content css start	*/
/* .main-wrp.main-wrp-blue{padding-top: 80px;}	 */
.main-wrp{padding-top: 60px;}	
.thumRow{display: inherit;}	
.thumCol50{width: 100%; height: auto;}
.thumCol50:first-child{padding-right: 0px; padding-bottom: 4px;}
.thumCol50:last-child{padding-left: 0px;}
.main-wrp-blue .titleSection h2, .titleSection h2 {font-size: 23px;line-height: 28px;}
.tagBtnRow{flex-wrap: wrap;}
.tagBtnRow .btn{margin-bottom: 7px; padding: 0px 10px;}
.titleSection{padding: 20px 0px;}	
.bannerCont h2{font-size: 30px; line-height: 35px;}	
.commonBox h2 {font-size: 20px;line-height: 25px;}
.commonBox p {font-size: 16px;line-height: 21px;}	
.bannerSlider{margin-bottom: 20px; margin-top: inherit;}	
.heroHdbox{width: 100%; margin: 0px;}	
.bannerCont{bottom: 20px;}	

	
.arrowBox{display: none;}	
.circleMenu::after {display: none;}	
.expandBtn{width: 60px;height: 60px;border-radius: 50%;margin-left: -30px;margin-top: -30px; cursor: pointer; background: #000; position: absolute; left: 50%;  top: 50%;  z-index: 9999; display: block}
.expandBtn::after{content: ''; display: block; position: absolute; left: 50%;top: 50%; margin-left: -12px; margin-top: -1.5px; width: 24px; height: 3px; background: #fff; border-radius: 1px;}	
.expandBtn::before{content: ''; display: block; position: absolute; left: 50%;top: 50%; margin-left: -1.5px; margin-top: -12px; width: 3px; height:24px; background: #fff; border-radius: 1px;}	
.circleMenu{transition: scale 0.3s ease-in; transform: scale(0); }	
.expandedBtn::before{ display: none;}	
.openMenu{transform: scale(1);}	
.circleMenuWrp{right: inherit; left: 50%; margin-left: -100px;}	
.main-wrp-blue .titleSection h2 a, .titleSection h2 a{display: inherit;}	
.main-wrp-blue .titleSection h2 a i,.titleSection h2 a i{margin-top: 8px; border-width: 0 3px 3px 0;padding: 4px;}	
.main-wrp-blue .titleSection h2 a:hover i, .titleSection h2 a:hover i{margin-top: 8px; border-width: 0 3px 3px 0;padding: 4px;}		
/*Footer css Start	*/
.footerRow{display: inherit;}
.ftrCol40{width: 100%;}	
.ftrCol20{width: 100%;}	
.ftrCol60{width: 100%;}	
.ftrBtm{display: inherit;}
.ftrBtm p{text-align: center; padding: 5px 0px;}
.ftrCol {border-right:0px; border-bottom: #929090 1px solid;}	
.ftrInr {padding: 10px 12px;}
.remvHd h4{display: none;}	
.dicnFtr{border-bottom: 0px!important;}	
.dicnFtr .frtDicn p:last-child{padding-bottom: 0px;}
.ftrBox h4{min-height: inherit; padding-bottom: 12px;}
.ftrLink li a{padding: 7px 0px;}
.ftrBox h4{font-size: 16px;}
.ftrLinkCol h5{font-size: 14px;}
.footerRow .ftrCol:first-child .ftrInr{padding-left: 12px;}
.footerRow .ftrCol:last-child .ftrInr{padding-right: 12px;}
.ftrBtm p:first-child{padding-left: 0px;}
.ftrBtm p:last-child {padding-right: 0px;}
.thumCol50:first-child {margin-right: 0px;}
.thumCol50:last-child {margin-left: 0px;}
.otherLink .menuInr:first-child{border-bottom: 0px;}
.navCol{padding-bottom: 10px;}
.social-media-ftr {padding-top: 0; /* GTM 0112*/}	
.menuBtn.closeMenu{background-position: 0px -40px!important}
	
.ecpftr .ftrFlex50 .ftrLinkCol:first-child ul{display: inherit;}
.ecpftr .ftrFlex50 .ftrLinkCol:first-child li{width: 100%}	
.ecpftr .ftrFlex50 .ftrLinkCol:last-child{width: 49% !important;}
.ecpftr .ftrFlex50 .ftrLinkCol:first-child {width: 49% !important;}
.goDown{right: inherit; left: 50%; margin-left: -30px;}
.goDown .arrowBox{display: block!important}
.social-media-ftr > div{margin: 0px;}
.social-media-ftr > div{margin: 0px;}
.social-media-ftr ul li {padding: 10px 10px 0 0;}
.goDown, .goUp{display: none!important}
.logohome {width: 164px !important;}	
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) {
 #circleLink4 {left: 105px;top: 36px;}
}