@media all and (max-width:1380px)
{
#header .toggleMenuButton {
	margin-right: 60px;
}
}
@media all and (max-width:1260px) and (min-width:1200px)
{
#header .toggleMenuButton {
	margin-right: 80px;
}
}
@media all and (max-width:1100px)
{
#header .clickMe {
	width: 65px; height: 65px; font-size: 0.6rem;
}
#header .clickMe::before {
	border-top-width: 65px; border-left-width: 65px;
}
#header .clickMe span {
	top: 9px; right: 5px;
}
}
@media all and (max-width:991px)
{
#footer .altWarpper .altHolder h3 {
	min-height: 5.33rem;
}
#footer .innerWarp .ftLeft {
	margin-bottom: 25px;
}
#footer .innerWarp .ftLeft .socialShare {
	margin: 0px 0px 5px;
}
}
@media all and (max-width:767px)
{
#header .clickMe {
	top: 0px; right: 0px;
}
#header .navigationWarp .toggleMenuButton {
	margin-right: 0px;
}
#header .navigationWarp nav {
	padding: 30px 10px;
}
#header .navigationWarp nav ul li a {
	font-size: 1.33rem;
}
#header .navigationWarp .langHolder {
	margin-top: 10px;
}
#footer .altWarpper .textHeading {
	font-size: 1.33rem;
}
#footer .altWarpper .altHolder h3 {
	min-height: auto;
}
#footer .innerWarp .ftLeft {
	text-align: center;
}
#footer .innerWarp .col-sm-5 h3 {
	margin-top: -1px;
}
#footer .innerWarp h3 {
	padding: 10px; text-align: center; margin-bottom: 0px; border-top-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; cursor: pointer;
}
#footer .innerWarp h3 span {
	top: 2px; width: 13px; height: 13px; margin-left: 10px; display: inline-block; position: relative;
}
#footer .innerWarp h3 span::before {
	margin: auto; transition:0.25s; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; content: ""; background-color: rgb(214, 74, 0); -webkit-transition: all 0.25s; -o-transition: all 0.25s; -moz-transition: all 0.25s;
}
#footer .innerWarp h3 span::after {
	margin: auto; transition:0.25s; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; content: ""; background-color: rgb(214, 74, 0); -webkit-transition: all 0.25s; -o-transition: all 0.25s; -moz-transition: all 0.25s;
}
#footer .innerWarp h3 span::before {
	width: 0.86rem; height: 0.06rem;
}
#footer .innerWarp h3 span::after {
	width: 0.06rem; height: 0.86rem;
}
#footer .innerWarp h3.open span::before {
	opacity: 0; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);
}
#footer .innerWarp h3.open span::after {
	opacity: 0; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);
}
#footer .innerWarp h3.open span::after {
	opacity: 1;
}
#footer .innerWarp .quickList {
	padding: 15px 0px; text-align: center; display: none;
}
#footer .innerWarp .copyRightText {
	text-align: center;
}
.modalOverlay h2 {
	font-size: 1.46rem;
}
.modalOverlay .postURLGroup .continueButton {
	min-width: auto;
}
}
@media all and (max-width:499px)
{
.modalOverlay .postURLGroup {
	display: block;
}
.modalOverlay .postURLGroup .form-control {
	width: 100%; float: none; display: block;
}
.modalOverlay .postURLGroup .input-group-btn {
	width: 100%; float: none; display: block;
}
.modalOverlay .postURLGroup .continueButton {
	width: 100%; margin-top: 20px;
}
}
@media all and (max-width:400px)
{
.modalOverlay h2 .br {
	display: inline;
}
}
@media all and (max-width:350px)
{
.frMessage .infoText {
	font-size: 0.86rem;
}
}
@media only screen and (max-height:550px)
{
#header .navigationWarp nav ul li {
	padding: 9px 0px;
}
#header .navigationWarp nav ul li a {
	font-size: 1.2rem;
}
#header .navigationWarp .langHolder {
	margin-top: 0px;
}
}
@media all and (max-width:1199px)
{
.heroSection h1 {
	font-size: 2rem;
}
}
@media all and (max-width:1024px)
{
.heroSection {
	height: auto; display: block; min-height: auto;
}
.heroSection .heroContent {
	display: block;
}
.heroSection h1 {
	font-size: 1.6rem;
}
.heroSection p {
	font-size: 1.2rem;
}
.heroSection .heroInfo {
	margin: 20px 0px 40px;
}
.heroSection .heroSlider {
	position: relative;
}
}
@media all and (max-width:991px)
{
.heroSection h1 {
	font-size: 1.33rem;
}
.homeWarpper4 .columnHalf {
	width: 100%;
}
.homeWarpper4 .columnHalf.rightColumn {
	position: relative;
}
.homeWarpper4 .contentLeft {
	margin: 0px auto; float: none; max-width: 45.33rem;
}
.homeWarpper4 .contentRight {
	margin: 30px auto 0px; float: none;
}
.homeWarpper4 .sliderFade {
	position: relative;
}
.homeWarpper4 .sliderFade .slick-list .slick-track {
	position: relative;
}
.homeWarpper2 {
	padding: 80px 0px 50px; text-align: center;
}
.homeWarpper2 .warp02-full {
	margin: 40px auto auto; padding: 0px 15px; top: 0px; right: 0px; position: relative; max-width: 42rem;
}
.homeWarpper2 .warp2Content {
	margin-top: 0px;
}
}
@media only screen and (max-height:740px)
{
.heroSection {
	height: auto; padding-bottom: 0px; display: block;
}
.heroSection .heroContent {
	display: block;
}
.heroSection .heroInfo {
	margin: 15px 0px 50px;
}
.heroSection .heroSlider {
	position: relative;
}
}
@media all and (max-width:767px)
{
.heroSection h1 {
	font-size: 1.2rem;
}
.heroSection p {
	font-size: 1.06rem;
}
.heroSection .heroContent {
	padding: 0px 15px;
}
.heroSection .heroContent .master-slider {
	padding-top: 25px;
}
.heroSection .heroContent .master-slider .ms-slide img {
	border-radius: 15px 15px 0px 0px; -webkit-border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; -o-border-radius: 15px 15px 0 0;
}
.heroSection .heroContent .ms-partialview-template {
	padding: 0px 25px; overflow: hidden; margin-right: -15px; margin-left: -15px;
}
.heroSection .heroContent .ms-partialview-template .ms-layout-partialview {
	overflow: visible;
}
.heroSection .heroContent .ms-partialview-template .ms-layout-partialview .ms-view {
	overflow: hidden;
}
.heroSection .heroContent .ms-container::after {
	border-width: 15px 15px 0px; left: 4px; top: -14px; right: 4px;
}
.heroSection .heroContent .ms-container::before {
	left: 0px; top: -18px; right: 0px;
}
.heroSection .ms-skin-default .ms-nav-prev {
	left: -16px; width: 15px; height: 15px;
}
.heroSection .ms-skin-default .ms-nav-next {
	width: 15px; height: 15px; right: -16px;
}
.homeWarpper4 .columnHalf {
	padding: 50px 15px;
}
.homeWarpper4 .columnHalf.rightColumn {
	display: none;
}
.homeWarpper4 .contentLeft .sliderClient {
	padding: 0px 25px;
}
.homeWarpper5 {
	text-align: center; padding-top: 0px;
}
.homeWarpper5 img.center-block {
	max-height: 18rem;
}
}
@media all and (max-width:400px)
{
.homeWarpper4 .contentLeft .sliderClient .compHolder .logoimg {
	max-width: 100%;
}
}
@media all and (max-width:767px)
{
.contactWarpper h1 {
	font-size: 1.73rem; margin-bottom: 50px;
}
.contactWarpper .contactInfo h2 {
	margin-bottom: 20px;
}
}
@media all and (max-width:767px)
{
.contactWarpper h1 {
	font-size: 1.46rem;
}
}
@media all and (max-width:767px)
{
.portfolioWarpper h1 {
	font-size: 1.73rem;
}
}
@media all and (max-width:479px)
{
.portfolioWarpper h1 {
	font-size: 1.46rem;
}
}
@media all and (max-width:1500px)
{
.eWarpper2 .e-com-img {
	max-width: 85%;
}
}
@media all and (max-width:1199px)
{
.e-HeroWarpper .runningImg {
	margin-left: -70px;
}
.eWarpper5 {
	padding: 100px 0px;
}
.eWarpper6 {
	padding: 100px 0px;
}
.eWarpper8 {
	padding: 100px 0px;
}
}
@media all and (max-width:991px)
{
.eWarpper2 {
	padding: 120px 0px 100px;
}
.eWarpper2 h2 .br {
	display: inline;
}
.eWarpper2 .e-com-img {
	right: -3%; bottom: 0px; margin-top: 15px; position: relative; max-width: 105%;
}
.eWarpper3 .contentArea img {
	max-height: 10rem;
}
.eWarpper4 {
	padding: 75px 0px;
}
.eWarpper4 .e_comListWarp {
	margin: 30px 0px 0px;
}
.eWarpper4 .e_comList ul li {
	padding: 0px 30px 15px;
}
.eWarpper4 .e_comList ul li::after {
	left: 30px; right: 30px;
}
.eWarpper5 {
	padding: 75px 0px;
}
.eWarpper6 {
	padding: 75px 0px;
}
.eWarpper8 {
	padding: 75px 0px;
}
.eWarpper5 .subTitle {
	font-size: 1.46rem;
}
.eWarpper8 .subTitle {
	font-size: 1.46rem;
}
}
@media all and (max-width:767px)
{
.e-HeroWarpper {
	padding: 120px 0px 50px; text-align: center;
}
.e-HeroWarpper .e-heroContent {
	margin: auto auto 30px;
}
.e-HeroWarpper .e-heroContent h2 {
	font-size: 1.46rem;
}
.e-HeroWarpper .e-heroContent h4 {
	font-size: 1.13rem; margin-top: 5px;
}
.e-HeroWarpper .e-heroContent .buttonBorder {
	margin-right: 10px; margin-left: 10px;
}
.e-HeroWarpper .runningImg {
	margin: auto;
}
.eWarpper2 {
	background: none; padding: 120px 0px 50px;
}
.eWarpper2 .accordionGroup {
	margin-bottom: 15px;
}
.eWarpper2 h2 {
	font-size: 1.46rem;
}
.eWarpper3 {
	padding: 0px 0px 50px;
}
.eWarpper3::before {
	display: none;
}
.eWarpper3 .tiltMob {
	margin: 0px; left: -6%; top: -20px; position: relative; max-width: 110%;
}
.eWarpper3 .textHeading {
	font-size: 1.33rem;
}
.eWarpper3 .contentArea img {
	max-height: 6.66rem;
}
.eWarpper4 .textHeading {
	line-height: 1.4; font-size: 1.33rem;
}
.eWarpper4 .e_comList {
	margin-bottom: 0px;
}
.eWarpper4 .e_comList ul {
	width: 100%;
}
.eWarpper4 .e_comList ul li {
	padding: 0px 0px 15px 30px;
}
.eWarpper4 .e_comList ul li::after {
	right: 0px;
}
.eWarpper5 .subTitle {
	font-size: 1.33rem;
}
.eWarpper8 .subTitle {
	font-size: 1.33rem;
}
.eWarpper6 h2 {
	font-size: 1.46rem;
}
.eWarpper6 .numbersBlockList {
	margin-top: 20px;
}
.eWarpper6 .blks i {
	margin: 0px; height: 40px; line-height: 40px;
}
.eWarpper6 .blks i::before {
	vertical-align: top;
}
.eWarpper6 .blks img {
	width: 3rem;
}
.eWarpper6 .blks h4 {
	margin: 10px 0px; font-size: 1.73rem;
}
.eWarpper6 .blks.mid h4 {
	font-size: 1.73rem;
}
}
@media all and (max-width:550px)
{
.eWarpper9 .accomplismentWarp li .buttonGroup .buttonBorder {
	margin-right: 0px; margin-left: 0px; display: block;
}
.eWarpper9 .accomplismentWarp .projectWarp {
	padding: 15px 15px 0px;
}
}
@media all and (max-width:450px)
{
.eWarpper3 .contentArea .buttonBorder {
	margin: 0px 0px 15px;
}
}
@media all and (max-width:991px)
{
.teamHero {
	height: auto; display: block;
}
.teamHero .teamHeroInner {
	display: block;
}
.teamHero h1 {
	margin: 30px 0px 70px; font-size: 2rem;
}
.tWarpper2 .stepBlk {
	padding-bottom: 40px;
}
}
@media all and (max-width:767px)
{
.teamHero h1 {
	margin: 20px 0px 40px; font-size: 1.46rem;
}
.tWarpper1 {
	padding: 90px 0px;
}
.tWarpper1 .textHeading {
	font-size: 1.33rem;
}
.tWarpper1 .iconRow {
	margin: 30px 0px;
}
.tWarpper2 {
	padding: 75px 0px 40px;
}
.tWarpper2 .textHeading {
	font-size: 1.33rem;
}
.tWarpper2 .stepList {
	margin-top: 60px;
}
.tWarpper2 .stepBlk {
	padding-bottom: 40px; max-width: inherit;
}
.tWarpper2 .stepBlk h3 {
	font-size: 1.06rem;
}
.tWarpper3 {
	padding: 50px 0px;
}
.tWarpper3 .textHeading {
	font-size: 1.33rem;
}
}
@media all and (max-width:1199px)
{
.marketingHero {
	padding: 180px 0px;
}
}
@media all and (max-width:991px)
{
.marketingHero .m-heroContent {
	max-width: inherit;
}
.marketingHero .m-heroContent h2 {
	font-size: 1.73rem;
}
.mWarpper1 {
	padding: 80px 0px; overflow: hidden;
}
.mWarpper1 .textHeading {
	font-size: 1.46rem;
}
.mWarpper1 .mWarpContent2 {
	padding-top: 250px;
}
.mWarpper1 .mWarpContent2 .innerContent {
	max-width: inherit;
}
.mWarpper1 .mWarpContent2 .innerContent h2 {
	font-size: 1.73rem;
}
.mWarpper2 {
	padding: 80px 0px;
}
}
@media all and (max-width:767px)
{
.marketingHero {
	padding: 150px 0px 50px;
}
.marketingHero .m-heroContent h2 {
	font-size: 1.46rem;
}
.marketingHero .upImage {
	display: none; max-width: 98%;
}
.mWarpper1 {
	background-position: center 450px; padding: 70px 0px 50px;
}
.mWarpper1 .textHeading {
	font-size: 1.33rem;
}
.mWarpper1 .mWarpContent {
	margin-top: 30px;
}
.mWarpper1 .mWarpContent .blk {
	text-align: center; margin-right: auto; margin-left: auto;
}
.mWarpper1 .mWarpContent .blk h3 {
	font-size: 1.13rem;
}
.mWarpper1 .mWarpContent2 {
	padding-top: 120px;
}
.mWarpper1 .mWarpContent2 .innerContent {
	text-align: center;
}
.mWarpper1 .mWarpContent2 .innerContent h2 {
	font-size: 1.33rem;
}
.mWarpper1 .mWarpContent2 .innerContent p {
	font-size: 1.06rem;
}
.mWarpper2 .textHeading {
	font-size: 1.33rem;
}
.mWarpper2 .blksWarp .blk {
	text-align: center; margin-right: auto; margin-bottom: 20px; margin-left: auto; min-height: auto;
}
.mWarpper2 .blksWarp .blk h3 {
	font-size: 1.13rem; margin-bottom: 15px;
}
}
@media all and (max-width:1199px)
{
.csWarpper1 {
	padding-top: 100px;
}
.csWarpper1 .csContent {
	padding: 30px 20px; max-width: 33.33rem;
}
.csWarpper2 .sectionTop {
	padding-top: 140px;
}
}
@media all and (max-width:991px)
{
.csWarpper1 .csSection {
	display: block;
}
.csWarpper1 .csSection .columns {
	width: 100%; display: block;
}
.csWarpper1 .csSection .columns.columnLeft::before {
	padding-top: 50%; display: table; content: "";
}
.csWarpper1 .csContent {
	max-width: inherit;
}
}
@media all and (max-width:767px)
{
.csWarpper2 {
	text-align: center;
}
.csWarpper2 .sectionTop {
	padding: 80px 0px;
}
.csWarpper2 .sectionTop .e-com-img {
	top: 0px; right: -5%; margin-top: 20px; position: relative; max-width: 105%;
}
.csWarpper2 .sectionBottom {
	padding-bottom: 80px;
}
.csWarpper2 .sectionBottom .csMobLeft {
	margin: 20px auto 0px; left: 0px; top: 0px; position: relative; max-width: 90%;
}
}
@media all and (max-width:499px)
{
.csWarpper1 .csContent {
	text-align: center;
}
.csWarpper1 .csContent .head {
	margin-bottom: 40px;
}
.csWarpper1 .csContent .head .slickSyncByNav {
	text-align: center; margin-top: 20px;
}
}
@media all and (max-width:767px)
{
.blogWarpper {
	padding: 100px 0px 50px;
}
.blogWarpper .post-item {
	min-height: 40rem;
}
.blogWarpper .post-item h3 {
	font-size: 1.2rem;
}
.blogWarpper .post-item p {
	font-size: 0.93rem;
}
.blogDetailWarpper {
	padding: 110px 0px 30px;
}
.blogDetailWarpper .detailWarp .post-title {
	font-size: 1.2rem;
}
.blogDetailWarpper aside .widget h3 {
	font-size: 1.06rem;
}
}
@media all and (max-width:499px)
{
.blogWarpper .post-item {
	min-height: auto;
}
}
@media all and (max-width:991px) and (min-width:768px)
{
.webHero .object1 {
	max-width: 70%;
}
.webHero .object2 {
	max-width: 45%;
}
}
@media all and (max-width:991px)
{
.webWarpper1 {
	padding: 100px 0px; min-height: auto;
}
.webWarpper2 {
	padding: 100px 0px; min-height: auto;
}
.webWarpper3 {
	padding: 100px 0px; min-height: auto;
}
}
@media all and (max-width:767px)
{
.webHero {
	padding: 110px 0px 30px; height: auto; display: block;
}
.webHero .innerCellHero {
	display: block;
}
.webHero .heroContent {
	margin-bottom: 30px;
}
.webHero .heroContent h6 {
	font-size: 1.06rem;
}
.webHero .heroContent h1 {
	font-size: 1.73rem;
}
.webHero .heroContent h1 img {
	width: 30px; margin-top: -12px;
}
.webHero .object1 {
	left: 0px; bottom: 0px; margin-left: -17%; float: left; position: relative; max-width: 70%;
}
.webHero .object2 {
	right: 0px; bottom: 0px; margin-right: -25%; float: right; position: relative; max-width: 70%;
}
.webWarpper1 {
	background-position: left; padding: 75px 0px 50px;
}
.webWarpper1 .textHeading {
	font-size: 1.33rem;
}
.webWarpper2 {
	padding: 75px 0px 50px;
}
.webWarpper2::before {
	display: none;
}
.webWarpper2 .textHeading {
	font-size: 1.33rem;
}
.webWarpper2 .web-dev-img {
	margin: 30px auto 0px; left: 0px; width: 95%; position: relative; max-width: 26.66rem;
}
.webWarpper3 {
	padding: 75px 0px 50px;
}
.webWarpper3 .textHeading {
	font-size: 1.33rem;
}
.webWarpper4 {
	padding: 80px 0px;
}
.webWarpper4 .textHeading {
	font-size: 1.33rem;
}
}
@media all and (max-width:400px)
{
.webHero .heroContent h1 {
	font-size: 1.46rem;
}
.webWarpper3 .textHeading .br {
	display: inline;
}
}
@media only screen and (max-height:580px)
{
.webHero .heroContent .buttonBorder {
	margin-top: 40px;
}
}