@media only screen and (max-device-width : 1155px) {
	/*Common CSS*/
	#wrapper{ width:100%;}
	.container{ padding:15px;}
	header{ padding-bottom:10px;}
	#logo{ width:201px; padding-left:15px;}
	#logo img{ width:100%; height:auto;}
	nav#navigation{ margin-top:12px;}
	nav#navigation ul li{ margin:0px 8px;}
	.SubMenu{ top:98px;}
	.SubMenuContainer{padding:15px;}
	/*Inner page heading header*/
	.headingHeader{padding: 10px 15px 15px;}
	
	/*footer*/
	.botMainWrapper.fixed .bottomSection{ width:100%;}
	.bottomSection{ padding:15px 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.mFootBox{ padding:20px;}
	.footBotcont{ padding:15px 20px;}
	
	ul.tabNav li a{ font-size:11px;letter-spacing:0px;}
	
	/*.scrollTabBOx{height:inherit;}*/
	.scrollTabBOx  ul{top:-38px;}
	.scrollTabBOx.fixed  ul{width:100%; }
	.softSectionButtonBOx{height: 20px;}
	.softSectionButtonBOx ul {top: -40px;}
	
	.artSocialConnect { left: 0; margin-bottom: 15px; /*margin-top: 15px;*/ overflow: hidden;  position: inherit; width: 100%;}
	.artSocialConnect img{margin-top:30px;}
	.artBanner{/*margin-bottom:-20px;*/}
	
	.indDetailTopSection{padding:0 35px 15px}
	
	/*Template E-3*/
	.softCarBox_Main{width:430px;}
	.softTemplateBanner .soTban{min-height:inherit;height:inherit;}
	/*Template E-4*/
	.careerBanText {font-size: 17px; line-height: 20px; padding:15px 15px 20px;}
	/*blog and article*/
	.artContentBox{}
	
	/*Extra css*/
	section.trendsContBox{min-height: 350px; height:auto!important; height:350px;}
	
}

@media only screen and (max-device-width : 1000px) {
	/*Common CSS*/
	#headRightSide{ float:none;}
	nav#navigation ul li{ margin:0px 7px;}
	.SubMenu{ top:135px;}
	/*Footer*/
	.copyright{ float:right;}
	.footerSocial{ float:none;clear:both; text-align:center; padding-top:25px;}
	
	/*banner content*/
	#homeBanner .item .banContentBox{ font-size:14px; width:23%; padding-right:0px;}
	#homeBanner .item .banContentBox h2{ font-size:18px; margin-bottom:0px;}
	.banTextBox p{ padding:5px 0px;}
	.banButton a{ font-size:14px; width:inherit; padding:7px 15px;}
	
	/*PeopleSearch and peopleBio page*/
	aside.sidebar{ width:28.5%;}
	.peoListingContent, .eventSerSection, .rtSideContainer, .rightSideContainer{ width:69%;}
	.perDetailBox{ width:300px; }
	.perQuote{ font-size:40px; line-height:40px;}
	ul.tabNav{	padding-left:0px;}
	.globSearchPage .tabContainer ul.tabNav{padding-left:0px;}
	ul.tabNav li {margin-top: 3px; display:inline-block;}
	ul.tabNav li a{ font-size:11px; padding: 7px 10px; letter-spacing:-0.1px; width:112px; height:26px;display: table-cell; vertical-align:middle;}
	
	/*InsightTrends, software solution*/
	.contentHeader h1{width:100%; float:none;}
	.contentHeader .innerHeadContent{ margin-top:0; padding:15px 0 0; float:none; width:100%;}
	.pageSideIcons{ top:95px;}
	.softSolBanner{ padding:20px;}
	.softBanText{ width:26%; font-size:17px; line-height:22px;}
	.softBanPic{ width:71%;}	
    .softBanPicFill{ width: 100%;}
	.expMethHeading{ width:25%;}
	.expMethText{ width:72%;}
	
	.scrollTabBOx  ul{top:-36px;}
	.scrollTabBOx ul li a {font-size: 11px; margin: 0 1px; padding: 7px 9px;}
	
	section.trendsContBox{min-height: 350px; height:auto!important; height:300px;}
    section.trendVideoBox img{ height: 295px;}

    /*New Landings Hero - make consistent with outher pages for mobile*/
    .homeCallOut {
        position: inherit;
        width: inherit;
        left: 0px;
        top: 0px;
        max-height: inherit;
        padding: 15px;
    }
	
	/*Template E*/
	.soTemBlueBox{ position:inherit; width:inherit; left:0px; top:0px; max-height:inherit; padding:15px;}
	.softCarBox_Main{ position:inherit; right:inherit; bottom:inherit; width:inherit; background-color:#0C5E99 }
	.softCarBox_Main #softBannerThumbs{ width:500px; margin:0px auto;}
	/*Template L*/
	.solHubSearchResult_feature, .solHubSearchResult_glob{ padding:15px; margin-bottom:15px;}
	.armanDetail{ padding:15px;}
	
	/*Contact*/
	.contactDetailBox{position:inherit; top:inherit; right:inherit; width:100%; padding:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom:40px;}
	/*Support*/
	.supportPage{padding:15px;}
	/*Event page*/
	.eventTooltip{background-image:none; padding-left:0px; width:60%; left:20%!important;}
	
	/*Extra*/
	#slideRelIndustry section.industrContBox{min-height:300px; height:auto!important; height:300px;}
	.peopListMoreLink{margin-top:0px;}
    
    #logo.large img { display: block; }
    .logo.small { display: none; }
}

@media only screen and (max-device-width : 768px) {
	/*common*/
	h1{ font-size:40px; line-height:40px;}
	/*Header CSS*/
	header{ padding-bottom:15px; position:relative; z-index:11; width:100%; top:0px; left:0px; background: transparent;}
	#logo{ width:150px;padding-left:0px;padding-top: 7px; float:none; margin:0px auto;}
	#headRightSide {clear: both; float: none;}
	.headTopBar{ float:none; padding:0px; height:inherit; background:none; position:relative;}
	.topSearchBar{ position:absolute; top:-35px; right:0;}
	/*.topSearchBar input:focus{background-color:#f2f2f2;}*/
	.topSearchBar input.openHeadFiel{background-color:#f2f2f2;}
	nav#navigation, .topSubMenu{ display:none;}
	#resNavBtn{display:inline-block; position:absolute; top:-48px; left:15px;}
	.responsiveNav{ display:block; width:250px; position:fixed; background-color:#2b2e34; overflow:scroll; top:0px; bottom:0px;	left:-250px; z-index:11; padding-top:71px;}
	.responsiveNav h1{ background-color:#ee8023; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; line-height:normal; color:#fff; font-size:14px; padding:5px 10px; margin:0; font-weight:bold;}
	.responsiveNav h1.resNavBackBtn a{ color:#fff; display:block; padding:0px; padding-left:10px; background-image:url(../images/resBackBtn.png); background-repeat:no-repeat; background-position:left center;}
	.responsiveNav h1.resNavBackBtn a:hover{ background:none;background-image:url(../images/resBackBtn.png); background-repeat:no-repeat; background-position:left center;}
	.responsiveNav a:hover{ text-decoration:none;}
	.responsiveNav ul{}
	.responsiveNav ul li{list-style:none;}
	.responsiveNav ul li.mobResSubMenu{ position:relative;}
	.responsiveNav ul li.mobResSubMenu > span.resArrowBtn{cursor: pointer;display: block;height: 25px;   position: absolute;width: 25px; right:6px; top:6px;}
	.responsiveNav ul li.mobResSubMenu > a{ background-image:url(../images/resSubNavArrow.png); background-repeat:no-repeat; background-position:right center;}
	.responsiveNav ul li > a{display:block; padding:7px 10px; text-decoration:none; color:#fff; border-top:#414348 solid 1px; border-bottom:#212225 solid 1px; text-transform:capitalize; font-size:16px;}
	.responsiveNav ul li > a:hover{background-color:#1d1e20;}
	/*Mega dropdown ovewrites*/
	.responsiveNav .SubMenu{display:block; width:250px; position:fixed; background-color:#2b2e34; overflow:scroll; top:0px; bottom:0px; left:-250px; z-index:12; padding-top:71px;}		
	.SubMenu h1{display:block;}
	.responsiveNav .SubMenu .SubMenuContainer{ padding:0;}
	.oneHalf, .oneHalf_2, .twoThird, .thirdFourth, .oneThird{ width:100%; margin:0;}
	.responsiveNav .SubMenu .SubMenuContainer h2, .responsiveNav .SubMenu .SubMenuContainer h4{padding:7px 10px; margin-bottom:0px; border-top:#414348 solid 1px; border-bottom:#212225 solid 1px; text-transform:capitalize;}
	.responsiveNav .SubMenu .SubMenuContainer h2 a, .responsiveNav .SubMenu .SubMenuContainer h4 a{ padding:0; text-decoration:none; color:#fff; font-size:14px; font-weight:bold; display:block;}
	.responsiveNav .SubMenu .SubMenuContainer ul > li > a{ padding-left:20px; font-size:14px;}
	.responsiveNav .SubMenu .SubMenuContainer ul > li > ul > li > a{ padding-left:40px; font-size:12px; color:#eee;}
	
	
	.resNavItemHide{ display:none;}
	
	
	/*Footer*/	
	/*mega footer second row*/
	.footAboutDetail{ width:100%; padding:0; float:none; padding-bottom:25px;}
	.footBottomPicBox{ width:29%; margin:0 2%; }
	
	.botMainWrapper.fixed { bottom: -250px; transition: bottom 0.4s linear; }
	.botMainWrapper.fixed.animating { bottom: 0; }
	
	/*footer nav, copyright */
	.footerNav{ float:none; text-align:center; padding:0px;}
	.footerNav ul li{ padding:0px 5px;}
	.copyright { float: none; text-align: center; padding-top:5px;}
	
	/*Home page Content*/
	#homeBanner .item{padding:15px 15px 30px;}
	#homeBanner .item  .banImg{ width:100%; float:none;}
	#homeBanner .item .banContentBox{width:100%; float:none; padding-top:25px;}
	.oneHalfCol{ width:100%; margin:0px; float:none;}
	.cfoContent{ margin-bottom:30px;}
	
	/*PeopleSearch and peopleBio Page*/
	aside.sidebar{ width:34.5%;}
	.peoListingContent, .eventSerSection, .rtSideContainer, .rightSideContainer{ width:63%;}
	.personDetail{padding: 0px 15px 15px;}
	.colorSections .colorTextBoxes{width:50%!important; margin-bottom:1px;}
	.perDetailMain{ width:100%; float:none; padding-bottom: 165px }
	.perDetailBox{ position:inherit; width:100%; margin-bottom:0; }
	.perDetailBox_Inner{ height:auto;}
	.perQuote{ width:100%; float:none; padding:15px 0px 0px; height:inherit; min-height:inherit;}
	.perWhiteSection{ margin-top:0px;}
	ul.tabNav li a{ font-size:10px;padding: 7px 1px;}
	.tabContainer{ padding:15px;}
	.tabContent{ padding:15px 15px 0px;}
	
	/*InsightTrends, Industries*/
	.contentHeader .innerHeadContent{ font-size:16px; line-height:22px;}
	.contRow{ margin-bottom:0px;}
	section.trendVideoBox{ width:98%; margin-bottom:15px;}
	section.trendsContBox{ width:48%; margin-bottom:15px; min-height:380px; height:auto!important; height:380px;}
	.contRow section.trendsContBox:nth-child(3){ clear:both;}
	.contRow section.trendsContBox:nth-last-child(2){ clear:none;}	
	section.industrContBox{ width:48%; margin-bottom:15px; min-height:340px; height:auto!important; height:340px;}
	.contRow section.industrContBox:nth-child(3){ clear:both;}
	/*software solution*/
	.softBanText{ width:100%; float:none; padding-top:20px; text-align:center;}
    .softBanPic,
    .softSolBanner .softBanPic {
        width: 100%;
        float: none;
        text-align: center;
    }

    .softBanPic {
        margin-top: 20px;
    }

    .softSolBanner .softBanPic {
        margin-top: 0px;
    }
	
	.softContentContainer{ padding:40px 20px 20px;}
	.expMethoSection{ font-size:17px; line-height:22px;}
	.expMethHeading{ width:100%; float:none; margin-bottom:5px;}
	.expMethText{ width:100%; float:none;}

    /* Splash page background expand to bottom and left and right*/
    html.is-splash-page,
    .is-splash-page body {
        min-height: 100%;
        background: #01284f;
    }
    .is-splash-page #wrapper > div {
        background: #f1f1f1;
    }
    .is-splash-page #wrapper > div.expMethText {
        width: 100%;
        position: relative;
        background: #01284f;
    }
    /* END of Splash page background expand to bottom and left and right*/

	.scrollTabBOx{ display:none;}
	.scrollTabBOx ul{ overflow:hidden;}
	.scrollTabBOx.fixed ul{padding:10px 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.scrollTabBOx ul li{ float:left; margin-right:2px;}
	.scrollTabBOx ul li a {width: 130px; height:30px; display:table-cell; vertical-align:middle;}
	
	
	/*article, blog, template-y, consulting page*/
	.leftContainer{width:68%;}
	aside.rightSidebar{width:30%;}
	.contrPerson .contriImg{width:45px;}
	.blogPic{ width:100%; float:none; margin-left:0px; text-align:center;}
	.blogPic img.responsiveImg{ max-width: 100%; width: initial;}
	.commentSection{ padding:0px;}
	.consultContainer{ padding:45px 15px 15px;}
    h2.green, h2.orange, h2.red, h2.greenLig, h2.greenLig_2, h2.purple, h2.grey, h2.blue {
        /* margin-left: -15px; */
    }
	.tempNonHeading{padding-top:15px;}
	.artText{ padding:30px 15px 15px;}
	
	/*Event page*/
	.evenTabBox{overflow-x:scroll;}
	table.eventTable{ width:600px;}
	.eventTabNav ul li a {font-size: 11px; padding: 8px 12px;}
	
	/*Template E-4*/
	.careerBanText{float:none;width:100%;}
	.careerBanPic{ width:50%; float:none; margin:0px auto 10px;}
	
	/*Template M*/
	.solHubBanner h2 {color: #fff;font-size: 35px; line-height: 25px;}
	
	/*Global search*/
	.globEventData{ overflow-x:scroll;}
	
	/*SidePanel*/
	.panelContIcon, .panelBox{ top:80px!important;}
	
	/*Extra css*/
	.servContRow {padding:0 25px;}
    section.trendVideoBox img{ height: inherit; max-height:328px;}
    
    #wrapper { margin-top: -20px !important; }
    #logo.large { height: 50px; position: relative; background: transparent !important; }
	#logo.large img { display: none; }
	.logo.small {display: block;position: relative;}
	/*.logo.small { width: 100%; z-index: 11; display: block; padding: 5px 0 17px; text-align: center; position: absolute; background-color: #fff; }*/	
	.logo.small a {z-index: 12;display: block;position: absolute;top: 21px;left: 50%;transform: translateX(-50%);}
	.logo.small a.logoFixed{top: 1px;}
	.logo.small:before{content:"";display: block;position: absolute;top:0;left: 0;right: 0;bottom: 0;background: #fff;z-index: 1;height: 72px;}
    .logo.small img { width: 150px; height: auto; padding-left:10px; }
    
    .logoFixed { position: fixed !important; }
	#resNavBtn.logoFixed {top: 9px}
	
	.topSearchBar.logoFixed { top: 22px;}
	#resNavBtn.logoFixed  { z-index: 1; }
	.topSearchBar.logoFixed { z-index: 0; }
	.responsiveNav {padding-top: 0;top: 52px;}
}
/* End of 768 */


@media only screen and (max-device-width : 640px) {
	/*Footer*/
	.mFootFirst .footFiveCols{ width:45%; padding-right:5%; margin-bottom:30px;}
	.mFootFirst .footFormCol{ margin-bottom:0px;}
	.mFootFirst .footFormCol{ padding-left:0px;}
	.mFootFirst .footFormCol input.subButton{ width:150px;}
	
	/*Home page banner content*/
	.banTextBox{ width:100%;}
	
	/*PeopleSearch and PeopleBio page*/
	aside.sidebar{ width:34.5%;}
	.peoListingContent, .eventSerSection{ width:63%; padding:5px 15px 15px;}
	.peopleListingHeader{display:none;}
	.peopleListingBox .peopName, .peopleListingBox .peopOffice, .peopleListingBox .peopContact{ width:100%; float:none;}
	.sidebarSearch input{width:78%;}
	ul.tabNav{ border-bottom:none;overflow:inherit;}
	ul.tabNav li {display:block; float:none;}
	ul.tabNav li a{ display:block; font-size:12px; width:inherit; height:inherit;}
	.tabContent{ padding:15px 0px 0px;}
	.colorSections{display:inherit;}
	.colorSections .colorTextBoxes{width:100%!important; float:none; display:inherit; margin-bottom:1px;}
	
	
	/*article, blog, template-y*/
	.leftContainer{width:100%; float:none; margin-bottom:30px;}
	aside.rightSidebar{width:100%; float:none;}
	
	
	/*Template E*/
	.softCarBox_Main{ padding:0px 50px;}
	.softCarBox_Main #softBannerThumbs{ width:100%; margin:0px auto;}
	/*Template L*/
	.hubSearBox{ width:100%; margin:10px 0px;}
	
	/*Contact*/
	.contPerPic{float:none; margin:0px auto;}
	.contperEma{float:none; text-align:center; width:100%;}
	.contPersonDetaill{ padding-left:0px;}
	
	/*Global search*/
	.globSearchPage .tabContent{ padding:15px 6px;}
	
	/*Support page*/
	.dynLeftSide{ width:100%; padding:0px; border:none; float:none; margin-bottom:20px;}
	.dynRightSide{width:100%; float:none;}
	
	/*SidePanel*/
	.panelContIcon, .panelBox{ top:80px!important;}
	.panelBox{ width:250px; right:-250px;}
	
	section.resourcesInduContent, section.indDetailEvents, section.relatedInduContent, .proRelTopic{ padding:40px 12% 30px;}
	section.relatedInduContent .industryContainer {overflow: auto; }
	/*Content accordian*/
	.accMainBox{width:100%!important;}
	
	/*VideoCSS*/
	.videoContent{width:100%; float:none;}
	.videoContent iframe{width:100%;height:200px;}
	
	/*New contact form*/
	.newContContent, .contactNewElquaForm{float:none;width:100%;}
	.newContContent{ margin-bottom:20px;}

	/*#resNavBtn {top: -48px}*/
	/*.logo.small{height: 67px;}*/
}

@media only screen and (max-device-width : 480px) {
	/*common*/
	.bottomSection, .bannerContainer, .innerPageBg{border-width:5px;}
	/*Header*/
	header{padding-bottom:0; z-index:0; position:static;}
	#logo{ width:100%; padding-bottom:10px; text-align:center; position:relative; z-index:11; background-color:#fff;}
	#logo img{ width:150px;}
	.headTopBar{background-image:url('../images/lineBg.png');background-repeat:repeat; background-position:center top; }
	#resNavBtn{top:-38px; z-index:12;}
	.responsiveNav .SubMenu{padding-top:66px;}	
	.topSearchBar{ position:relative; top:0px; right:0px; float:none; padding:7px 15px;}
	.topSearchBar input.openHeadFiel{background-color:#fff;}
	.topSearchBar input.tpHeadSearBtn, .topSearchBar input.headInptField{ background-color:#fff; float:none;}
	.topSearchBar input.headInptField{width:100%!important; padding:7px 10px!important; height:inherit;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.topSearchBar input.tpHeadSearBtn{ position:absolute; right:15px; top:7px;}
	
	
	/*Footer*/
	.bottomSection-bottom{ padding:10px;}
	.bottomSection{padding:15px 25px;}
	.ctaWhiteBox{ float:none; width:100%; margin:0px;}
	/*.ctaWhiteBox{ display:none;}
	.ctaWhiteBox:first-child{display:block; width:96%;}*/
	
	/*Home page Content*/
	.innerHalfCol{width:100%; margin:0px; float:none; margin:15px 0px 30px;}
	.innerHalfCol{width:100%; margin:0px; float:none; margin:15px 0px 30px;}
	.homeContBox{ margin-bottom:30px;}
	.serviceContent .homeColsTextBox{width:90%; float:none; padding:10px 5%;}
	.serviceContent .servicePic{width:100%; float:none;}
	.bannerController {margin-left:-55px; padding:3px 5px;}
	.slideCount{ font-size:24px;}
	
	/*PeopleSearch, PeopleBio page*/
	aside.sidebar{ width:100%; float:none; margin-bottom:10px;}
	.peoListingContent, .eventSerSection, .rtSideContainer, .rightSideContainer{ width:100%; float:none;}
	.peopleListingBox .peopText{width:80%;}
	.personPicture .perphotos{width:100%!important; margin-right:0; float:none;}
	.personPicture .mobProfileHide{ display:none;}
	.perQuote{ font-size:28px; line-height:28px;}
	.leaderPic{width:16%;}
	.leaderContent{ width:80%;}
	
	/*InsightTrends*/
	section.trendsContBox, section.trendVideoBox{ width:100%; float:none; margin:0px 0px 15px; height:inherit; min-height:inherit;}
	section.trendVideoBox{ margin-top:30px;}
	section.industrContBox{ width:100%; margin:15px 0px 15px; min-height:inherit; height:inherit;}
	#slideRelIndustry section.industrContBox{ min-height:inherit; height:inherit;}
	.funConImg{width:16%;}
	.funContText{ width:80%;}
	
	/*services, consulting*/
	section.serviceContBox{ width:100%; margin-right:0px; margin-bottom:20px;}
	.consImage{width:100%; float:none; margin-bottom:15px; margin-top:0px;}
	.consContent{ width:100%; float:none;}
	/*industry Detail*/
	section.topContBox{ width:100%; margin-right:0px; margin-bottom:10px;}
	/*.indTopImg{width:100%; float:none; margin-bottom:0px; margin-top:0px;}
	.indTopText{ width:100%; float:none;}*/
	.servContRow section.topContBox{margin:15px 0 15px;}
	
	/*Blog and article page*/
	.artContentBox h3{ font-size:20px;}
	
	/*Support page*/
	.intaFormContainer{ padding:15px;}
	.formFields{ float:none; margin-right:0px; width:100%;}
	
	/*SidePanel*/
	.panelContIcon, .panelBox{ top:125px!important;}
	
	/*Event page popup*/
	.eventTooltip{background-image:none; padding-left:0px; width:92%; left:4%!important;}
	.eventToolRegister{ float:none; margin:0px auto 10px;}
    
	.logo.small { padding: 0; height: 67px;}
	#logo.large {
		display: none;visibility: hidden;
	}

	.responsiveNav {top: 47px;}
}


@media only screen and (max-device-width : 400px) {
	/*Footer*/
	.mFootFirst .footFiveCols{ width:100%; padding:0px;} 
}


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