@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: portrait) {
    .ui-tabs .ui-tabs-nav li a {
        width: 100% !important;
        font-size: 12px !important;
    }
    ul.indus-drop {
        width: 271px;
        top: 122px;
        left: 6px !important;
    }
    .teach-category-design a,
    .teach-category-design {
        font-size: 14px;
        line-height: 17px !important;
    }
    .redent-blog-ex-right p a {
        font-size: 13px;
    }
    .top-left-deve {
        width: auto;
        font-size: 9px;
        padding: 2px;
        width: 100%;
    }
	
    .model-delivery-left p {
        line-height: 30px;
        font-size: 16px;
        padding-top: 5px;
    }
    .model-delivery-left h3 {
        font-size: 18px;
        line-height: 24px;
    }
    .what-we-do-title {
        margin-bottom: 0px;
    }
    .fellow-career ul li a {
        font-size: 17px;
    }
    ul.indus-drop {
        left: 0px !important;
    }
    .profile-apply-1 {
        width: 60%;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 15px;
    }
    .main-offering-wrap p {
        font-size: 15px;
        width: 100%;
    }
	.search-call {
	display: none !important;
}
.on-hover-content h3 {
	font-size: 17px;
}
.on-hover-content p {
	text-align: center;
	letter-spacing: 0px;
	font-size: 13px;
	line-height: 22px;
}
.inner-crm {
	min-height: 420px;
}
.view-more a {
	padding: 7px 26px;
	margin-top: 18px;
}
.inner-crm-right h3 {
	padding-bottom: 15px;
	margin-top: 0px;
	font-size: 19px;
}
.inner-crm-right {
    padding: 30px 31px 15px 30px;
    text-align: center;
    color: #fff;
    height: auto;
}
.erp-overhide h3 {
	font-size: 18px;
	text-align: center;
}
.product-app h3 {
	margin-bottom: 7px;
	font-size: 19px;
	text-align: center;
	margin-top: 0px;
}
.erp-overhide p {
	font-size: 14px;
	text-align: center;
}
.product-overhide {
	padding: 17px 16px;
	text-align: center;
}
.view-more-implement {
	width: 60%;
	margin: 5px auto;
}
.product-develop {
    padding: 20px 17px;
    height: auto;
    width: 100%;
}
.product-overhide h3{
    font-size: 19px;
    margin-top: 15px;
}
.product-overhide p {
	margin-top: 15px;
	margin-bottom: 18px;
	text-align: center;
	font-size: 13px;
	line-height: 24px;
}
.product-view-more a {
	display: block;
	border: 1px solid #fff;
	padding: 5px 20px;
	text-decoration: none;
	margin-top: 5px;
	color: #fff;
	font-size: 14px;
}
.mobile-app-right img{
	width: 100%;
	height: auto;
}
.mobile-overhide-game p {
	font-size: 13px;
	line-height: 24px;
	text-align: center;
}
.game-overhide-view-more a {
	display: block;
	text-decoration: none;
	border: 1px solid #fff;
	padding: 7px 20px;
	color: #fff;
}
.marketing-digital h3{
	font-size: 19px;
	margin-top: 0px;
}
.digital-overhide p {
	font-size: 13px;
	line-height: 24px;
	margin-top: 4px;
	text-align: justify;
}
.digital-view-more {
	width: 60%;
	margin: 15px auto;
}
.digital-view-more a {
	padding: 7px 20px;
	font-size: 15px;
}
.customized-approach h4 {
	font-size: 20px;
}
.single-way-blog img{
	height: 250px;
}
.single-way-blog-content p a, .know-right-content p a {
	font-size: 14px;
	line-height: 23px;
	color: #fff;
	text-decoration: none;
}
.nasscom img {
	
}
.helpful-links ul li {
	padding-left: 18px;
	font-size: 13px;
	vertical-align: top;
}
.mark-sub {
	float: right;
	margin-top: 25px;
	width: 100%;
}
.mark-sub {
	margin-top: 25px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
}
.mark-sub a {
	width: 100%;
	background: #0a86cd;
	display: block;
	border-radius: 15px;
	padding: 8px 9px;
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #0a86cd;
	transition: all ease 0.5;
	text-align: center;
}
.video-approach iframe {
	border-radius: 25px;
	height: auto !important;
}
#bootstrap-touch-slider .carousel-caption h2 {
    font-size: 14px;
    font-weight: bolder;
    text-transform: uppercase;
    margin-top: 9px;
    margin-bottom: 5px;
}
.Implement-crm-right img {
    background-size: cover;
    min-height: 355px;
}
    ul.flat-menu-phone {
	list-style: none;
	padding-left: 0px;
	position: fixed;
	width: 100%;
	left: -100%;
	top: 60px;
	margin-left: 0%;
	/* background: #6d6da0; */
	/* background: -moz-linear-gradient(left, #6d6da0 1%, #71a8c0 32%, #3a8ac8 71%, #6a5dc7 100%); */
	/* background: -webkit-linear-gradient(left, #6d6da0 1%, #71a8c0 32%, #3a8ac8 71%, #6a5dc7 100%); */
	background: linear-gradient(to right, #6d6da0 1%, #71a8c0 32%, #3a8ac8 71%, #6a5dc7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6da0', endColorstr='#6a5dc7', GradientType=1);
	padding: 15px 16px;
	border-radius: 5px;
}

.product-develop-eco {
    background: url(../images/ecommerce.jpg) no-repeat top center;
    background-size: cover;
    display: table-cell;
    width: 100%;
    float: left;
    padding: 20px 61px;
    min-height: 470px;
    position: relative;
    z-index: 999;
    overflow: hidden;
    margin-bottom: 13px;
}
.beacon {
    float: right;
    width: 100%;
    background: url(../images/beacon.png) no-repeat top center;
    background-size: cover;
    position: relative;
    min-height: 390px;
}
}

@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
    .ui-tabs .ui-tabs-nav li a {
        width: 100% !important;
        font-size: 12px !important;
    }
    ul.indus-drop {
        width: 271px;
        top: 122px;
        left: 6px !important;
    }

    .top-left-deve {
        width: auto;
        font-size: 9px;
        padding: 2px;
        width: 100%;
    }
    .profile-apply-1 {
        width: 60%;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 15px;
    }
	.search-call {
	display: none !important;
}
.on-hover-content p {
	text-align: center;
	letter-spacing: 0px;
	font-size: 13px;
	line-height: 22px;
}
.inner-crm {
	min-height: 420px;
}
.view-more a {
	padding: 7px 26px;
	margin-top: 18px;
}
.inner-crm-right h3 {
	padding-bottom: 15px;
	margin-top: 0px;
	font-size: 19px;
}
.inner-crm-right {
	padding: 21px 35px 54px 35px;
	text-align: center;
	color: #fff;
	height: 455px;
}
.erp-overhide h3 {
	font-size: 18px;
	text-align: center;
}
.erp-overhide p {
	font-size: 14px;
	text-align: center;
}
.product-app h3 {
	letter-spacing: 0px;
	margin-bottom: 18px;
	font-size: 18px;
	margin-top: 0;
}
.view-more-implement {
	width: 60%;
	margin: 23px auto;
}
.collect-blog-sec img {
    background-size: cover;
    min-height: auto;
}
}

/* Portrait and Landscape */

@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
	
.service-desktop-hide{
    display: none;
}
.disp-flex {
    display: block;
}
.service-mobile-one{
    display: block;
}

.erp-overhide, .product-overhide, .mobile-overhide-game {
    visibility: hidden;
}
.game-app h3 {
    color: #fff;
    font-size: 20px;
    margin-top: 0;
}
.view-more , .product-view-more{
    width: 60%;
    margin: 0 auto;
    text-align: center;
}
.view-more-implement {
	width: 60%;
	margin: 5px auto;
}
.product-develop {
    padding: 20px 17px;
    height: auto;
    width: 100%;
}
.Implement-crm-left:hover .on-hover-content, .Implement-crm-right:hover .erp-overhide, .product-develop:hover .product-overhide, .mobile-develop:hover .mobile-app-overhide, .mobile-game-develop:hover .mobile-overhide-game, .digital-market:hover .digital-overhide {
    display: none;
}
.inner-crm p, .inner-crm-right p, .product-app p, .mobile-develop-app p, .game-app p, .marketing-digital p {
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #fff;
    padding-bottom: 8px;
    text-align: justify;
    width: 100% !important;
}
.product-brach, .mobile-app-right, .mobile-app-game-pro, .service-project, .product-brach-eco{
    display: none;
}
    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
        background-color: #2558b2;
    }
    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
        background-color: #2558b2;
    }
    .navbar-inverse .navbar-toggle {
        border-color: #2558b2;
        background: #2558b2;
    }
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #ccc;
        margin-top: 10px;
    }
	.collect-blog-sec img {
    background-size: cover;
    min-height: auto;
}
    .navbar-nav {
        float: left;
        margin: 0;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
    }
    #bootstrap-touch-slider .carousel-caption {
        left: 50%;
        padding-bottom: 18px;
        width: 300px;
        margin-left: -150px;
        bottom: -2%;
        text-align: left;
    }
    #bootstrap-touch-slider .carousel-caption p {
        font-size: 7px;
        letter-spacing: 2px;
        line-height: 14px;
    }
    #bootstrap-touch-slider .carousel-caption h3 {
        font-size: 10px;
        margin-bottom: 0;
        margin-top: 0;
    }
    #bootstrap-touch-slider .carousel-caption h4 {
        font-size: 15px;
        font-weight: bolder;
        margin-top: 10px;
margin-bottom: 10px;
    }
	#bootstrap-touch-slider .carousel-caption h2 {
    font-size: 14px;
    font-weight: bolder;
    text-transform: uppercase;
    margin-top: 9px;
    margin-bottom: 5px;
}
    #bootstrap-touch-slider .carousel-indicators {
        position: absolute;
        bottom: 3%;
        left: 94%;
        width: 4%;
    }
    #bootstrap-touch-slider .carousel-indicators li {
        width: 10px;
        height: 10px;
    }
    #bootstrap-touch-slider .carousel-indicators .active {
        width: 10px;
        height: 10px;
    }
    .servces-title h1 {
        font-family: 'Roboto', sans-serif;
        text-align: center;
        color: #454545;
        font-weight: 400;
        font-size: 25px;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .Implement-crm-left {
        background-size: cover;
        width: 100%;
        min-height: auto;
		margin-bottom: 2px;
    }
    .graph-chart {
        display: none;
    }
    .inner-crm {
        width: 100%;
        padding-left: 25px;
        padding-top: 20px;
        padding-bottom: 43px;
        padding-right: 20px;
    }
    .on-hover-content {
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        padding: 30px 26px 21px 23px;
        min-height: 320px;
    }
    .inner-crm h3 {
        font-size: 16px;
        color: #fff;
        letter-spacing: 0px;
		text-align: center;
    }
    .Implement-crm-right {
        float: right;
        width: 100%;
        background-size: cover;
		margin-bottom: 2px;

    }
    .product-develop {
        width: 100%;
        float: left;
        padding: 20px 17px;
        min-height: 568px;
        position: relative;
        background-size: cover;
    }
    .our-services-section-2 {
        margin-top: 0px;
    }
    .product-brach {
        position: absolute;
        bottom: -35px;
        left: 20%;
    }
    .product-brach img {
        width: 75%;
    }
    .mobile-develop {
        background-size: cover;
        width: 100%;
        margin-top: 3px;
    }
    .mobile-app-right img {
        width: 75%;
        float: right;
    }
    .mobile-develop-app p {
        width: 100%;
    }
    .mobile-develop-app {
        min-height: 520px;
        position: relative;
        text-align: center;
    }
    .mobile-game-develop {
        width: 100%;
        background-size: cover;
        position: relative;
        min-height: 413px;
        margin-top: 3px;
    }
    .mobile-app-game-pro {
        position: absolute;
        bottom: 0px;
        right: 0px;
    }
    .mobile-app-game-pro img {
        width: 60%;
        float: right;
    }
    .game-app {
        padding: 25px 26px 22px 25px;
        text-align: center;
    }
    .game-app p {
        width: 100%;
        font-size: 15px;
        line-height: 25px;
        color: #fff;
    }
    .mobile-overhide-game {
        padding: 20px 22px;
        text-align: center;
    }
    .our-services-section-3 {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        margin-top: 0px;
    }
    .digital-market {
        width: 100%;
        background-size: cover;
        min-height: 348px;
        position: relative;
        margin-top: 3px;
    }
    .marketing-digital {
        padding: 25px 27px;
        color: #fff;
        text-align: center;
    }
    .marketing-digital p {
        width: 100%;
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 25px;
    }
    .service-project img {
        width: 75%;
        float: right;
    }
    .service-project {
        position: absolute !important;
        bottom: -45px !important;
        right: 0 !important;
        width: 317px !important;
		left: unset !important;
		margin-left: 0px !important;
    }
    .profile-tour h3 {
        font-size: 25px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .customized-approach {
    width: 100%;
    padding: 15px 12px;
    margin-top: 25px;
    border-radius: 10px;
    margin-bottom: 0px;
    min-height: auto;

}
    .customized-approach img {
        width: 100%;
    }
    .video-approach {
	position: absolute;
	top: 94%;
	left: 0%;
	width: 100%;
	margin-left: 0px;
}
    .inner-wrap {
        width: 90%;
        left: 6%;
        height: 5%;
        position: absolute;
        background: #fff;
        top: 45%;
        border-radius: 12px;
        padding: 25px 30px;
    }
    .impressed-project span a {
        margin-left: 0px;
        margin-top: 22px;
    }
    .impressed-project {
	text-align: center;
	line-height: 33px;
	margin-top: 135px;
	font-size: 18px;
}
    .profile-technology h3 {
        font-size: 25px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .our-technology-main {
        background-size: cover;
        min-height: auto;
        padding-bottom: 20px;
        padding-top: 30px;
    }
    .our-technoloy-section-pro ul li {
        float: left;
        width: 50%;
        text-align: center;
        min-height: auto;
        border-right: none;
        vertical-align: top;
        border-bottom: none;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .our-technoloy-section-pro ul li:nth-child(4) {
        border-right: none;
        border-bottom: none;
    }
    .know-more-token h3 {
        font-size: 26px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .wrap-custom {
        width: 96%;
        margin: 0 auto;
    }
    .know-more-left {
        float: left;
        width: 100%;
    }
    .lower-double-left {
        float: left;
        width: 100%;
        position: relative;
        margin-bottom: 10px;
    }
    .lower-double-left {
        float: left;
        width: 100%;
        position: relative;
        margin-bottom: 10px;
    }
    .lower-double-right {
        float: right;
        width: 100%;
        position: relative;
    }
    .know-more-right {
        float: right;
        width: 100%;
        margin-top: 10px;
    }
    .single-way-blog-content p,
    .know-right-content p {
        font-size: 16px;
        line-height: 18px;
    }
    .single-way-blog-content {
        padding: 20px 15px;
    }
    .Footer-main {
        background-size: cover;
        min-height: 260px;
        margin-top: 0px;
        padding-top: 10px;
        padding-bottom: 12px;
    }
    .profile-tour-main {
        min-height: auto;
    }
    .copyright {
        padding-top: 10px;
        margin-top: 20px;
        font-size: 12px;
    }
    .main-about-wrap p {
        font-size: 14px;
        line-height: 26px;
        margin-top: 12px;
    }
    .main-about-wrap {
        position: relative;
        width: 100%;
        color: #fff;
        top: 60px;
    }
    .main-about-wrap h3 {
        font-size: 24px;
        font-weight: 900;
    }
    .about-text-banner {
        min-height: auto;
        padding-bottom: 100px;
    }
    .model-delivery-left {
        float: left;
        width: 100%;
        padding-left: 15px;
        padding-top: 0;
        padding-right: 15px;
    }
    .model-learn-more {
        float: right;
        width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .model-delivery-right {
        float: right;
        width: 100%;
        position: relative;
    }
    .ui-tabs .ui-tabs-nav li {
        width: 49%;
        min-height: 175px;
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        margin-bottom: 0px;
        padding-bottom: 1px;
        min-height: 170px;
    }
    .ui-tabs .ui-tabs-nav li:nth-child(2).ui-tabs-active {
        margin-bottom: 0px;
        padding-bottom: 1px;
        min-height: 177px;
    }
    .icon-left {
        float: left;
        width: 100%;
        margin-top: 10px;
    }
    .text-right-tab {
        float: right;
        width: 100%;
        margin-top: 25px;
        line-height: 29px;
        font-size: 16px;
        text-align: justify;
    }
    .sustain-power {
        padding-top: 60px;
        padding-bottom: 60px;
        background-size: cover;
    }
    .towers-round-growth {
        padding-top: 25px;
        padding-bottom: 25px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .about-projects-des span a {
        padding: 6px 16px;
        border-radius: 20px;
        font-size: 11px;
    }
    .about-projects-des {
        font-size: 11px;
        top: 7px;
		line-height: 16px;
    }
    .about-projects-des span {
        margin-left: 0px;
        margin-top: 9px;
    }

    /*-- industry page responsive starts --*/
    .main-industry-wrap h4 {
        font-size: 18px;
        line-height: 33px;
        margin-top: 16px;
        margin-bottom: 0px;
    }
    .main-industry-wrap p {
        font-size: 17px;
        line-height: 24px;
        margin-top: 15px;
        letter-spacing: 0px;
    }
    .main-industry-wrap h3 {
        font-size: 23px;
        font-weight: 900;
        text-transform: uppercase;
    }
    .main-objective-history ul li {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: 12px 17px 13px 16px;
    }
    .main-objective-history ul li:nth-child(2) {
        margin-left: 0%;
        margin-right: 0%;
    }
    .what-we-do-section-left {
        float: left;
        width: 100%;
        margin-right: 0%;
    }
    .what-do-we {
        background-size: cover;
    }
    .explore {
        position: absolute;
        right: 9px;
        width: 50%;
        bottom: -20px;
    }
    .app-develop-maintian {
        margin-bottom: 35px;
    }
    .what-we-do-section-right {
        float: left;
        width: 100%;
    }
    .what-we-do-section-right h3 {
        color: #fff;
        font-size: 30px;
        margin-top: 35px;
        margin-bottom: 20px;
    }
    .main-think-pad-left {
        width: 100%;
        position: relative;
        margin-bottom: 40px;
    }
    .main-think-pad-right {
        width: 100%;
        position: relative;
        margin-bottom: 40px;
    }
    .what-thinks-section {
        background-size: cover;
        padding-top: 20px;
    }
    .seo-type-image {
        display: none;
    }
    .main-think-pad-left h3 {
        font-size: 30px;
        margin-top: 25px;
        margin-bottom: 25px;
    }
    /*-- industry page responsive ends --*/
    /*-- testimonials page responsive starts --*/
    .testimonial-text-banner {
        background-size: cover;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .client-text-left {
        float: left;
        width: 100%;
        padding-top: 10px;
    }
    .client-text-left h3 {
        margin-top: 0;
        font-size: 24px;
        text-align: center;
    }
    .client-text-left p {
        font-size: 16px;
        line-height: 27px;
        text-align: center;
    }
    .client-text-right {
        float: right;
        width: 100%;
    }
    .quote-text p {
        font-size: 20px;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .client-exp-text h3 {
        font-size: 20px;
    }
    .what-clients-says {
        padding-top: 30px;
        padding-bottom: 65px;
        background-size: cover;
    }
    .clients-are-saying h3 {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .clients-icon {
        float: left;
        width: 100%;
        text-align: center;
    }
    .clients-text {
        float: right;
        width: 100%;
    }
    .what-says-quote {
        font-size: 26px;
        margin-top: 10px;
        margin-bottom: 8px;
    }
    .double-quote {
        font-size: 33px;
        margin-bottom: 8px;
        margin-top: 7px;
    }
    .what-says-client-name {
        float: left;
        margin-right: 0px;
        margin-left: 25px;
    }
    #myCarousel-client .carousel-indicators {
        bottom: -55px !important;
        width: 100%;
        left: 50%;
        margin-left: -50%;
    }
    #myCarousel-client .carousel-indicators li {
        background: #c6ddf8;
        width: 19px;
        height: 19px;
        border: 1px solid #c6ddf8;
        margin-right: 8px;
    }
    #myCarousel-client .carousel-indicators .active {
        width: 20px;
        height: 20px;
        margin: 0;
        background-color: #fff;
        margin-right: 8px;
    }
    .test-1-left {
        float: left;
        width: 100%;
        text-align: center;
    }
    .test-1-right {
        float: right;
        width: 100%;
    }
    .test-1 {
        padding: 35px 16px;
        border-radius: 10px;
        box-shadow: 1px 3px 15px 2px #ccc;
        margin-bottom: 30px;
    }
    .test-1-right p {
        font-size: 15px;
        line-height: 28px;
        margin-bottom: 0;
        width: 100%;
    }
    .test-client-1 {
        float: left;
        width: 100%;
        margin-top: 20px;
        text-align: left;
        font-size: 15px;
    }
    .one-by-one-testimonials {
        padding-top: 50px;
        padding-bottom: 15px;
    }
    .video-testimonials {
        background-size: cover;
        padding-bottom: 53px;
        padding-top: 40px;
        margin-bottom: 60px;
    }
    .extreme-timely {
        width: 100%;
    }
    .excellent-text p {
        font-size: 16px;
        line-height: 29px;
        margin-bottom: 30px;
    }
    .excellent-video img {
        box-shadow: 1px 3px 39px 6px #000;
        border-radius: 13px;
        width: 100%;
    }
    .both-right-quote {
        float: left;
        width: 100%;
        text-align: center;
    }
    .both-right {
        float: right;
        width: 100%;
    }
    /*-- testimonials page responsive ends --*/
    /*-- career page responsive starts --*/
    .career-text-banner {
        background-size: cover;
        padding-top: 34px;
        padding-bottom: 60px;
        min-height: auto;
    }
    .career-oportunity h3 {
        margin-top: 0px;
        font-size: 32px;
        font-weight: 900;
        text-align: center;
        margin-bottom: 15px;
    }
    .career-oportunity p {
        text-align: center;
        width: 100%;
        padding-bottom: 25px;
    }
    .career-oportunity h4 {
        width: 100%;
        font-size: 15px;
    }
    .title-job {
        float: left;
        width: 100%;
        font-size: 17px;
        font-weight: 900;
        color: #454545;
        text-align: center;
    }
    .job-posted-date {
        float: right;
        width: 100%;
        text-align: center;
        margin-top: 12px;
    }
    .career-job-description-right {
        float: right;
        width: 100%;
        margin-top: 23px;
    }
    .apply-job {
        width: 50%;
        margin: 0 auto;
    }
    .career-job-description-left {
        float: left;
        width: 100%;
    }
    .social-media-career {
        padding-top: 20px;
        padding-bottom: 20px;
        background-size: cover;
    }
    .fellow-career span {
        width: 100%;
        font-size: 20px;
        padding-top: 12px;
        line-height: 28px;
    }
    .fellow-career ul {
        width: 100%;
        float: left;
        list-style: none;
        padding-left: 0px;
        text-align: center;
        margin-top: 15px;
    }
    .title-job span {
        font-size: 16px;
        display: block;
    }
    .close-pop-job {
        float: right;
        font-size: 20px;
        cursor: pointer;
        position: absolute;
        right: 16px;
        top: 10px;
    }
    .inner-wrap-job {
        width: 86%;
        left: 50%;
        height: auto;
        position: absolute;
        background: #fff;
        top: 50%;
        border-radius: 12px;
        padding: 28px 15px;
        margin-left: -43%;
    }
    .form-left {
        float: left;
        width: 100%;
    }
    .form-right {
        float: right;
        width: 100%;
    }
    .custom-submit {
        width: 50%;
        margin: 0 auto;
        margin-top: 30px;
        background: #297afd;
        border: none;
        padding: 12px 14px;
        font-size: 16px;
        border-radius: 28px;
    }
    .form-left-label {
        margin-bottom: 20px;
        float: left;
        width: 100%;
    }
    /*-- career page responsive starts --*/
    /*-- refer page responsive starts --*/
    .employee-text-banner {
        padding-bottom: 30px;
        padding-top: 20px;
        background-size: cover;
    }
    .employee-oportunity h3 {
        margin-top: 15px;
        margin-bottom: 10px;
        font-size: 27px;
    }
    .employee-oportunity p {
        width: 100%;
        margin: 0 auto;
        font-size: 14px;
        line-height: 23px;
        margin-top: 13px;
    }
    .employee-job-section {
        background: none;
        padding-bottom: 25px;
        padding-top: 25px;
        min-height: 697px;
        background-size: cover;
    }
    .how-works {
        width: 100%;
        float: right;
    }
    .how-works h2 {
        margin-top: 0px;
        margin-bottom: 5px;
        font-size: 25px;
        text-align: center;
    }
    .main-works-left {
        width: 100%;
        float: none;
        text-align: center;
    }
    .main-works-right {
        float: right;
        width: 100%;
        text-align: center;
    }
    .number-count {
        margin-left: auto;
        margin-right: auto;
    }
    .bonus-procedure {
        background: #f6f6f6;
        padding-top: 40px;
        padding-bottom: 30px;
        float: left;
        width: 100%;
        margin-top: 15px;
    }
    .bonus-left {
        float: left;
        width: 100%;
        padding-top: 0px;
        text-align: center;
    }
    .share-friend {
        float: none;
        width: 47%;
        margin-left: auto;
        margin-right: auto;
    }
    .bonus-Right {
        float: right;
        width: 100%;
        margin-top: 30px;
    }
    .bonus-Right img {
        width: 100%;
    }
    .tek-about {
        width: 100%;
        margin: 0 auto;
    }
    .tek-about p {
        text-align: center;
        font-size: 16px;
        line-height: 28px;
    }
    /*-- refer page responsive ends --*/
    /*-- event-listing responsive starts --*/
    .events-text-banner {
        background: url(../images/events-bg.jpg) no-repeat left top;
        min-height: auto;
        padding-top: 40px;
        padding-bottom: 40px;
        background-size: cover;
    }
    .events-sec p {
        width: 100%;
    }
    .events-sec h3 {
        font-size: 30px;
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .fliter-left,
    .fliter-right,
    .fliter-middle {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }
    .fliter-middle {
        margin-left: 0%;
        margin-right: 0%;
    }
    .events-item-cash {
        position: absolute;
        top: 25px;
        left: 0px;
        padding: 10px 25px;
    }
    .top-upcome-event-left {
        float: left;
        width: 100%;
        position: relative;
    }
    .top-upcome-event-right {
        float: right;
        width: 100%;
        position: relative;
    }
    .top-upcome-event-right img {
        width: 100%;
        height: auto;
    }
    .events-filter-section {
        padding-bottom: 25px;
        padding-top: 25px;
        float: left;
        width: 100%;
    }
    .evnet-filter-upcoming {
        float: left;
        width: 100%;
    }
    .top-events {
        float: left;
        width: 100%;
    }
    .botton-events {
        float: left;
        width: 100%;
    }
    .botton-event-left {
        float: left;
        width: 100%;
        vertical-align: top;
        position: relative;
    }
    .botton-event-middle {
        float: left;
        width: 100%;
        position: relative;
    }
    .botton-event-right {
        float: left;
        width: 100%;
        position: relative;
    }
    .top-upcome-event-left img {
        width: auto;
    }
    .events-item-cash p {
        font-size: 21px;
    }
    .events-item-cash {
        position: absolute;
        top: 35%;
        text-align: center;
    }
    .slide-title h2 {
        font-size: 23px;
    }
    .upcoming-events-slide-1 {
        padding-bottom: 20px;
        padding-top: 20px;
        float: left;
        width: 100%;
    }
    .main-slide-event-right {
        float: right;
        width: 100%;
        background: #000;
    }
    .main-slide-event-left {
        float: left;
        width: 100%;
    }
    .upcoming-events-slide {
        width: 100%;
        padding-top: 40px;
        padding-bottom: 40px;
        background-size: cover;
    }
    .content-event-slide p {
        font-size: 17px;
        line-height: 24px;
        margin-top: 10px;
        margin-bottom: 17px;
        text-align: center;
    }
    .content-event-slide span {
        font-size: 13px;
        text-align: center;
    }
    .more-click {
        width: 60%;
        margin: 0 auto;
    }
    .content-event-slide {
        width: 100%;
        min-height: auto;
        display: block;
        background: #194a77;
        padding: 25px 25px;
        color: #fff;
        padding-bottom: 45px;
    }
    /*-- event-listing responsive ends --*/
    /*-- event-deatils responsive starts --*/
    .events-text-banner-details {
        padding-bottom: 40px;
        padding-top: 40px;
        background-size: cover;
        min-height: auto;
    }
    .events-details {
        position: relative;
        margin-top: 0px;
    }
    .events-details h3 {
        margin-top: 0;
        font-size: 19px;
        line-height: 26px;
    }
    .main-service-details-left {
        float: left;
        width: 100%;
    }
    .main-service-details-right {
        float: right;
        width: 100%;
    }
    .happen-event-right ul li {
        width: 100%;
    }
    .happen-event-right ul li:nth-child(2) {
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 1%;
        margin-bottom: 1%;
    }
    /*-- event-deatils responsive ends --*/
    /*-- Service Delivery modal page css start here --*/
    .service-text-banner {
        background-size: cover;
        padding-top: 30px;
        padding-bottom: 30px;
        min-height: auto;
    }
    .service-delivery-details {
        margin-top: 10px;
    }
    .service-delivery-details h3 {
        font-size: 24px;
    }
    .service-delivery-details p {
        line-height: 27px;
        padding-top: 2px;
        width: 100%;
    }
    .service-filter-text {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .how-service-works-sec-1 h3 {
        text-align: center;
    }
    .how-service-works-sec-1 p {
        font-size: 15px;
        line-height: 33px;
        text-align: center;
    }
    .service-work-left {
        width: 100%;
        float: left;
    }
    .service-work-left img {
        max-width: 100%;
    }
    .service-work-right {
        width: 100%;
        margin-top: 30px;
        text-align: center;
    }
    .service-work-right h3 {
        margin-top: 0px;
        margin-bottom: 10px;
        font-size: 23px;
    }
    .service-lorem-events {
        background-size: cover;
        min-height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .service-content {
        float: left;
        width: 100%;
        color: #fff;
        text-align: center;
        margin-top: 0px;
    }
    .service-content h3 {
        font-size: 24px;
    }
    .service-content p {
        width: 100%;
        font-size: 16px;
        padding-top: 0px;
    }
    .how-service-works p {
        text-align: center;
    }
    .page-section-text p {
        text-align: center;
    }
    /*-- Service Delivery modal page css start here --*/
    /*-- Staff page css starts here --*/
    .staff-text-banner {
        background-size: cover;
        min-height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .staff-delivery-details {
        margin-top: 0px;
    }
    .staff-delivery-details h3 {
        font-size: 24px;
        margin-top: 0;
    }
    .staff-delivery-details p {
        width: 100%;
        font-size: 15px;
        line-height: 25px;
        padding-top: 10px;
    }
    .IT-staff-left {
        float: left;
        width: 100%;
        text-align: center;
    }
    .IT-staff-left p {
        font-size: 15px;
        text-align: center;
    }
    .IT-staff-right {
        float: right;
        width: 100%;
        margin-top: 20px;
    }
    .staff-events {
        background-size: cover;
        min-height: auto;
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .total-solution-left {
        float: left;
        width: 100%;
    }
    .total-solution-left h3 {
        margin-top: 24px;
        font-size: 23px;
        text-align: center;
    }
    .total-solution-left p {
        font-size: 15px;
        text-align: center;
    }
    .total-solution-right {
        float: right;
        width: 100%;
    }
    .total-solution-right img {
        max-width: 100%;
    }
    .process-time {
        float: left;
        width: 100%;
    }
    .process-time-right {
        width: 100%;
        float: right;
    }
    /*-- Staff page css ends here --*/
    /*-- carer listing page css starts here --*/
    .story-life-opportunity ul li {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
        text-align: left !important;
    }
    .story-title h3 {
        margin-top: 0px;
        font-size: 22px;
        margin-bottom: 22px;
    }
    .story-tek {
        background-size: cover;
        min-height: 415px;
    }
    .slide-1-story {
        width: 95%;
        margin: 0 auto;
    }
    #tek-story-support .carousel-indicators {
        position: absolute;
        bottom: -18%;
        left: 74%;
        width: auto;
    }
    .position-for-u {
        bottom: 50px;
    }
    .tek-title-oppor h3 {
        margin-top: 0px;
        font-size: 22px;
        margin-bottom: 0;
    }
    .current-opening {
        padding-top: 10px;
        padding-bottom: 50px;
    }
    .life-at-tek {
        background-size: cover;
        padding-top: 24px;
        padding-bottom: 20px;
    }
    .tek-lifestyle h4 {
        margin-top: 0px;
        text-align: center;
        font-size: 21px;
        font-weight: 500;
        margin-bottom: 20px;
    }
    .profile-candidate {
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 29px;
    }
    .profile-requirement {
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
    }
    .profile-apply {
        float: left;
        width: 100%;
    }
    .profile-apply a {
        text-align: center;
        width: 80%;
        float: none;
        margin: 0 auto;
    }
    .job-offer-tek h3 {
        font-size: 21px;
    }
    .slide-1-story h3 {
        margin-top: 0px;
        font-size: 20px;
        font-weight: 600;
    }
    .life-circle-1,
    .life-circle-2,
    .life-circle-3,
    .life-circle-4,
    .life-circle-5,
    .life-circle-6 {
        float: left;
        width: 100%;
        min-height: auto;
    }
    .life-circle-2 h3,
    .life-circle-4 h3,
    .life-circle-6 h3 {
        margin-top: 0px;
        font-size: 20px;
        margin-bottom: 15px;
    }
    .life-circle-4,
    .life-circle-2,
    .life-circle-6 {
        background: #3c89d2;
        padding: 25px 15px;
    }
    .require-1 {
        float: left;
        width: 50%;
        text-align: center;
    }
    .require-2 {
        float: left;
        width: 50%;
        text-align: center;
    }
    #life-cirle-tek-1 .item img,
    #life-cirle-tek-2 .item img,
    #life-cirle-tek-3 .item img {
        width: 100%;
    }
    /*-- carer listing page css ends here --*/
    /*-- history objective page css starts here --*/
    .history-text-banner-details {
        background-size: cover;
        min-height: auto;
    }
    .history-obect-details {
        position: relative;
        top: 0px;
        padding-bottom: 25px;
        padding-top: 20px;
    }
    .history-obect-details h3 {
        margin-top: 0px;
        font-size: 22px;
        margin-bottom: 10px;
    }
    .history-obect-details p {
        font-size: 15px;
        line-height: 24px;
    }
    .historyobj-text {
        padding-bottom: 40px;
        padding-top: 0px;
        width: 100%;
    }
    .object-text-left {
        float: left;
        width: 100%;
    }
    .object-text-right {
        float: right;
        width: 100%;
    }
    /*-- history objective page css ends here --*/
    /*-- blog -listing css starts here --*/
    .wrap-recent-left {
        float: left;
        width: 100%;
        position: relative;
    }
    .teach-category {
        width: 30%;
        font-size: 13px;
    }
    .teach-category-design {
        font-size: 20px;
        line-height: 25px;
        text-transform: capitalize;
    }
    .teach-wrap {
        bottom: 15px;
        padding: 0 10px;
    }
    .wrap-recent-rights {
        width: 100%;
    }
    .main-all-find-right {
        float: right;
        width: 100%;
        margin-top: 25px;
    }
    .main-all-find-left {
        float: left;
        width: 100%;
    }
    .main-all-find-left-wrap-1 {
        float: left;
        width: 100%;
    }
    .main-all-find-left-wrap-1 img {
        width: 100%;
    }
    .main-all-find-left-wrap-2 {
        float: right;
        width: 100%;
        padding-top: 15px;
    }
    .main-all-find-left-wrap-2 p a {
        width: auto;
        padding: 4px 10px;
    }
    .main-all-find-left-wrap-2 h4 {
        font-size: 16px;
        line-height: 24px;
    }
    .mean-upper {
        font-size: 10px;
        font-weight: 500;
        color: #151515;
        line-height: 17px;
    }
    .all-mean-text {
        padding: 10px 8px;
    }
    .date-view-comment-pop ul li {
        color: #b1b0b0;
        float: left;
        margin-right: 4px;
        font-size: 11px;
        font-weight: 500;
        margin-top: 0px;
        margin-bottom: -2px;
    }
    .top-left-deve {
        width: auto;
        font-size: 10px;
        padding: 2px;
        width: 100%;
    }
    #blog-details-popular .left.carousel-control,
    #blog-details-popular .right.carousel-control {
        display: none;
    }
    .mean-upper a {
        font-size: 12px;
        font-weight: 400;
    }
    /*-- blog -listing css ends here --*/
    /*-- blog-details css starts here --*/
    .teach-marketers h3 {
        font-size: 17px;
        line-height: 28px;
    }
    .date-share-deve {
        float: left;
        width: 100%;
    }
    .date-share-deve ul li {
        margin-right: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    .blog-context-details h3 {
        font-size: 17px;
        line-height: 25px;
    }
    .blog-context-details p {
        font-size: 15px;
        line-height: 30px;
    }
    .share-ico-blog {
        float: left;
        width: 100%;
        margin-top: 17px;
    }
    .apply-main {
        margin-top: 28px;
        float: left;
        width: 100%;
    }
    .apply-main-left {
        float: left;
        width: 100%;
        margin-top: 8px;
        text-align: center;
        margin-bottom: 10px;
    }
    .apply-main-right {
        width: 100%;
    }
    a.add-here {
        position: absolute;
        bottom: -16px;
        right: -2px;
        padding: 10px 16px;
    }
    .recent-comment-img {
        width: 100%;
        float: left;
        text-align: center;
        margin-bottom: 10px;
    }
    .recent-comment-date-name {
        float: left;
        width: 100%;
        margin-top: 7px;
        text-align: center;
    }
    .recent-comment-text {
        float: left;
        width: 100%;
        text-align: center;
    }
    .tell-us-about h3 {
        margin-top: 0px;
        font-size: 17px;
        padding-bottom: 13px;
    }
    .comment-apply h4 {
        font-size: 15px;
        font-weight: 500;
    }
    /*-- blog-details css ends here --*/
    /*-- contact us css starts here --*/
    .contact-text-banner {
        min-height: auto;
        background-size: cover;
        padding-bottom: 40px;
        padding-top: 40px;
    }
    .contact-sec {
        padding-top: 0px;
    }
    .contact-sec h3 {
        font-size: 26px;
    }
    .contact-sec p {
        font-size: 15px;
        line-height: 26px;
        width: 100%;
    }
    .form-talkus {
        width: 100%;
        float: left;
        margin-bottom: 40px;
        padding: 15px 14px;
        margin-top: 10px;
    }
    .all-form-talk-left {
        float: left;
        width: 100%;
    }
    .border-btn {
        display: none;
    }
    .all-form-talk-right {
        float: right;
        width: 100%;
    }
    .talktous {
        width: 100%;
        text-align: center;
    }
    .talktous h3 {
        font-size: 23px;
    }
    .all-branches-add ul li {
        width: 100%;
        margin-bottom: 15px;
    }
    .flag-name {
        float: left;
        width: 100%;
        margin-bottom: 15px;
    }
    .flag-name img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .country-add {
        float: right;
        width: 100%;
        text-align: center;
    }
    .map-address-left {
        float: left;
        width: 100%;
        position: relative;
    }
    .usa-address {
        top: 0px;
        left: 0px;
        text-align: center;
    }
    /*-- contact us css ends here --*/
    .tek-full {
        position: absolute;
        top: 20px;
        margin-left: -45%;
        width: 90%;
        left: 50%;
    }
    .tek-full h3 {
        font-size: 20px;
        margin-top: 0px;
        font-weight: 600;
    }
    .tek-full p {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
    }
    .tekshapers-name {
        background-size: cover;
        width: 100%;
        margin-top: 25px;
        margin-bottom: 25px;
        padding-top: 55px;
        padding-bottom: 15px;
        min-height: auto;
    }
    .tek-about-logo img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-top: 55px;
        max-width: 100%;
    }

    /*--- menu css  starts ---*/
    .divide-flat-menu {
        float: left;
        width: 100%;
        min-width: 277px !important;
        height: 348px;
        overflow-y: scroll;
    }
    .flat-menu-1,
    .flat-menu-2,
    .flat-menu-3,
	.flat-menu-4,
	.flat-menu-5{
        float: left;
        width: 96%;
    }

    .flat-menu-4 ul li {
        display: inline-block;
        width: 100%;
    }
    .cross-menu {
        display: block;
    }
    .brand {}
    a.brand img {
	margin-top: 8px;
	width: 33%;
	margin-bottom: 2px;
}
    .nav > li {
        position: static !important;
        display: inline-block;
        width: auto;
    }
    .navbar-inverse .navbar-nav > li > a {
        color: #2c2c2c;
        font-size: 12px;
        font-weight: 600;
        width: auto;
        padding: 2px 5px;
    }
    .navbar-inverse .navbar-nav > li > a:focus,
    .navbar-inverse .navbar-nav > li > a:hover {
        color: #2c2c2c;
        background-color: transparent;
        border-bottom: none;
    }
    .navbar-collapse {
        padding-right: 0px;
        padding-left: 0px;
    }
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        padding-top: 10px;
    }
    ul.navbar-nav li.tog-menu a {
        font-size: 21px;
        min-width: 32px;
        display: block;
    }
    .navbar-inverse .navbar-toggle {
        display: none;
    }
    .collapse {
        display: block;
    }
    .navbar-inverse .navbar-nav > li > a {
        color: #2c2c2c;
        font-size: 11px;
        font-weight: 600;
        width: auto;
        padding: 2px 4px;
    }
    .custom-bar {
	position: absolute;
	right: 13px;
	top: 19px;
	font-size: 18px;
	background: #255ab0;
	padding: 5px 12px;
	color: #fff;
	border-radius: 1px;
	display: block;
	cursor: pointer;
}
    .tog-menu {
        display: none !important;
    }
    .tog-menu-phone {
        display: block;
    }
    .flat-menu {
        display: none !important;
    }
    .search-item {
        display: none !important;
    }
    ul.flat-menu-phone {
        padding-left: 0px;
        list-style: none;
    }
    ul.flat-menu-phone {
	list-style: none;
	padding-left: 0px;
	position: fixed;
	width: 100%;
	left: -100%;
	top: 71px;
	margin-left: 0%;
	/* background: #6d6da0; */
	/* background: -moz-linear-gradient(left, #6d6da0 1%, #71a8c0 32%, #3a8ac8 71%, #6a5dc7 100%); */
	/* background: -webkit-linear-gradient(left, #6d6da0 1%, #71a8c0 32%, #3a8ac8 71%, #6a5dc7 100%); */
	background: linear-gradient(to right, #6d6da0 1%, #71a8c0 32%, #3a8ac8 71%, #6a5dc7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6da0', endColorstr='#6a5dc7', GradientType=1);
	padding: 15px 16px;
	border-radius: 5px;
}
    span.typed {
        width: 100%;
        display: inline-block;
    }
    ul.indus-drop {
        padding-left: 0px;
        list-style: none;
        position: absolute;
        z-index: 9999;
        width: 271px;
        top: 122px;
        left: 50px;
    }
    ul.indus-drop li a {
        font-size: 12px;
        padding: 3px 8px;
        text-transform: capitalize;
        font-weight: 400;
        transition: all ease 0.5s;
        text-align: left;
    }
    .frame-left {
        float: left;
        width: 100%;
        padding: 12px 12px;
    }
    .frame-right {
        float: right;
        width: 100%;
    }
    .owl-next {
        left: 55%;
    }
    .owl-prev {
        left: 38%;
    }
    .owl-nav {
        top: -7px;
    }
    .we-do-what-tek {
        padding-top: 14px;
    }
    .what-we-do-title h3 {
        font-size: 26px;
    }
    .frame-left h4 {
        font-size: 22px;
    }
    .profile-apply-1 {
        width: 60%;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 15px;
    }
    /*--- we are offering css page start----*/
    .offering {
        background-size: cover !important;
		padding-top: 0px !important;
    padding-bottom: 0px !important;
    min-height: 256px !important;
    }
.main-offering-wrap {
    position: absolute;
    top: 12px;
    width: 100%;
    left: 50%;
    margin-left: -50%;
    padding-top: 0px;
    padding-bottom: 0px;
}
.main-offering-wrap h2 {
    font-size: 23px;
}
    .main-offering-wrap p {
        font-size: 15px;
        width: 100%;
    }
    .main-offering-wrap h3 {
        font-size: 25px;
        color: #fff;
        text-align: center;
        font-weight: 900;
        margin-top: 0;
    }
    .consulting-sec h2 {
        font-size: 25px;
        margin-bottom: 12px;
    }
    .consulting-left {
        float: left;
        width: 100%;
    }
    .consulting-right {
        float: right;
        width: 100%;
    }
    .consulting-left h3 {
        font-size: 15px;
        font-weight: 500;
        line-height: 28px;
        text-align: center;
    }
    .consulting-section {
        background-size: cover;
        min-height: auto;
        padding-top: 25px;
        padding-bottom: 30px;
    }
    .consulting-left p {
        line-height: 30px;
        font-size: 14px;
        text-align: justify;
    }
    .consult-more a {
        width: auto;
    }
    h3.pro-main {
        font-size: 25px;
        margin-bottom: 15px;
    }
    .we-offer-product {
        background-size: cover;
        min-height: auto;
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .main-pro a {
        width: auto;
    }
    /*--- we are offering css page ends----*/
    .indus-sec h2 {
        font-size: 26px;
    }
    .our-industries-list {
        margin-top: 23px;
    }
    .our-industries-list ul li {
        width: 100%;
        margin-right: 0%;
    }
    .indus-detail-list p {
        line-height: 28px;
        text-align: center;
    }
    .tekhtm-offering {
        min-height: auto;
        padding-bottom: 40px;
        padding-top: 41px;
        background-size: cover;
    }
    /*---product listing css starts ---*/
    .tekhrm-left {
        float: left;
        width: 100%;
    }
    .tekhrm-right {
        width: 100%;
    }
    .tekhrm-left h3 {
        margin-top: 0px;
        font-size: 25px;
    }
    .tekhrm-left p {
        font-size: 15px;
        line-height: 27px;
        text-align: justify;
    }
    .try-demo {
        float: left;
        width: 100%;
        margin-left: 0%;
        margin-top: 15px;
        margin-bottom: 15px;

    }
    .try-free,
    .hrm-services-left,
    .hrm-services-right {
        width: 100%;
    }
    .hrm-services-right h3,
    .hrm-services-left h3 {
        font-size: 20px;
        color: #151515;
        font-weight: 500;
    }
    .hrm-services-right p,
    .hrm-services-left p {
        font-size: 16px;
        line-height: 30px;
        text-align: justify;
    }
    .stay-profitable {
        padding-bottom: 40px;
        padding-top: 40px;
    }
    .service-product-section {
        min-height: auto;
        padding-bottom: 40px;
        padding-top: 40px;
    }
    .stay-profitable-section-2,
    .stay-profitable-section-3 {
        padding-bottom: 40px;
        padding-top: 40px;
    }
    .middle-hrm-service h3 {
        font-size: 20px;
    }
    .middle-hrm-service img {
        max-width: 100%;
    }
    .close-deals {
        background-size: cover;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .smartar-way h3 {
        font-size: 23px;
        text-align: center;
    }
    .shedule-consult a {
        width: 100%;
    }
    .form-talkus-2 {
        width: 100%;
        margin-top: 5px;
    }
    .all-form-talk-left h4 {
        font-size: 15px;
        line-height: 29px;
        text-align: center;
    }
    .custom-checkout ul li {
        display: inline-block;
        width: 100%;
        margin-right: 0%;
        margin-bottom: 35px;
    }
	.search-call {
	display: none !important;
}
.mobile-app-right img{
	width: 100%;
	height: auto;
}
.mobile-overhide-game h3{
    font-size: 19px;
    margin-top: 0;
}
.mobile-develop-app h3 {
	color: #fff;
	margin-top: 0px;
	font-size: 19px;
}
.mobile-app-overhide h3 {
	font-size: 19px;
	margin-top: 0px;
	margin-bottom: 5px;
}
.mobile-app-overhide {
	padding: 25px 15px;
}
.mobile-app-overhide p {
	margin-top: 15px;
	margin-bottom: 18px;
	font-size: 13px;
	line-height: 24px;
	text-align: justify;
}
.mobile-app-view-more a {
	padding: 7px 20px;
}
a.brand {
	padding-top: 0px;
	padding-bottom: 0px;
}
.flat-menu-1 h3, .flat-menu-2 h3, .flat-menu-3 h3, .flat-menu-4 h3, .flat-menu-5 h3,  {
	font-size: 15px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 0px;
}
.flat-menu-2 h3 a,
.flat-menu-4 h3 a,
.flat-menu-5 h3 a{
	color: #fff;
	font-size: 17px;
	text-decoration: none;
}
.flat-menu-4 h3 a,
.flat-menu-5 h3 a{
	padding-bottom: 10px;
	display: block;
}
.flat-menu-4 h3, .flat-menu-5 h3 {
	border-bottom: 1px solid #fff;
}
.flat-menu-1 ul li a, .flat-menu-2 ul li a, .flat-menu-3 ul li a, .flat-menu-4 ul li a {
	font-size: 14px !important;
	margin-bottom: 8px;
	text-transform: capitalize;
}
.phone-call {
	display: block;
	position: absolute;
	right: 20%;
	top: 31%;
}
#navbar{
	display: none; 
}
    
    
/*---crp-implemention----*/
    .offering-1 {
    background-size: cover;
    min-height: auto;
    padding-top: 40px;
    padding-bottom: 30px;
}
    #erp-section {
    padding-top: 0px;
}
    .quote-type {
    background-size: cover;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 25px;
    margin-bottom: 25px;
}
/*------6-3-2018 starts----*/
.offering-1 {
    min-height: 256px;
    padding-top: 80px;
    padding-bottom: 80px;
}
.benefit-images {
    float: left;
    width: 100%;
    text-align: center;
}
.benefit-heading h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #000;
    text-transform: uppercase;
    margin-top: 14px;
    line-height: 25px;
}
.benefit-heading {
    float: right;
    width: 100%;
}
.bost-up-left {
    float: left;
    width: 100%;
}
.bost-up-right {
    float: right;
    width: 100%;
}
.bost-up-left h4, .bost-up-right h4 {
    font-size: 18px;
}
.erp-cm-inner {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.erp-cm {
    margin-top: 35px;
    margin-bottom: 0px;
}
.main-offering-wrap p {
    font-size: 15px;
    width: 100%;
    line-height: 27px;
}
.main-offering-wrap h3 {
    font-size: 21px;
}
.offering-3 {
    background-size: cover;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}
.advacced-strgy {
    background-size: cover;
    padding-bottom: 40px;
    padding-top: 40px;
    min-height: auto;
    background-repeat: no-repeat;
    margin-bottom: 40px;
    margin-top: 40px;
}
p.advant {
    font-size: 18px;
    line-height: 35px;
    font-weight: 400;
}
.product-service {
    margin-bottom: 0px;
}
.offering-left-1 {
    float: left;
    width: 100%;
    margin-top: 0px;
    text-align: center;
}
.offering-left-main {
    margin-left: 0%;
    margin-right: 0%;
}
.offering-left-2 {
    float: left;
    width: 100%;
}
.offering-left-3 {
    float: left;
    width: 100%;
}
.most-ideas {
    background-size: cover;
    padding-bottom: 20px;
    padding-top: 20px;
    min-height: auto;
    margin-bottom: 0px;
    margin-top: 0px;
}
.our-idea {
    font-size: 21px;
    margin-top: 20px;
    margin-bottom: 25px;
    line-height: 30px;
}
.product-service-main {
    background-size: cover;
    padding-bottom: 40px;
    padding-top: 30px;
}
.product-left {
    float: left;
    width: 100%;
    color: #fff;
}
.product-right {
    float: right;
    width: 100%;
}
.offering-4 {
    background-size: cover;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}
.mobile-service-main {
    margin-top: 0px;
}
.mobile-service-left {
    width: 100%;
}
.mobile-service-right {
    float: right;
    width: 100%;
    margin-top: 20px;
}
.mobile-service-right h3, .mobile-service-left h3 {
    font-size: 19px;
    line-height: 25px;
    text-align: center;
}
.mobile-service-app-column ul li {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-bottom: 15px;
}
.offering-5 {
    background-size: cover;
    min-height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
}
.type-gmae-range {
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 70px;
    margin-top: 80px;
}
.gmae-change-game h4 {
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: 0px;
}
ul.game-more {
    list-style: none;
    padding-left: 0px;
    margin-top: 20px;
}
ul.game-more li {
    margin-bottom: 8px;
    width: 100%;
    min-height: auto;
}
.range-include-game h3 {
    font-size: 17px;
}
.game-innersec-1 {
    margin-top: 0px;
    float: left;
    width: 100%;
}
.game-left-range h4, .game-right-range h4 {
    font-size: 18px;
    font-weight: 400;
    padding-top: 0px;
}
.game-left-range {
    float: left;
    width: 100%;
}
.game-right-range {
    float: right;
    width: 100%;
}
.choose-why-us {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #eee;
    margin-bottom: 0px;
}
.offering-6 {
    background-size: cover;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}
.quote-member {
    font-size: 15px;
    line-height: 28px !important;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 20px;
}
ul.digital-service li {
    width: 100%;
}
.offering-7 {
    background-size: cover;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}
img.virtual-team {
    border-style: none;
    float: left;
    margin-right: 0px;
    vertical-align: top;
    width: 100%;
}
img.virtual-team-1 {
    border-style: none;
    float: right;
    margin-left: 0px;
    vertical-align: top;
    width: 100%;
}
.help-staff {
    background: #f0f0f0;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 40px 5px;
}
ol.why-us {
    list-style: none;
    padding-left: 0px;
}
ol.why-us li {
    width: 100%;
    margin-bottom: 1%;
}
h3.uppercs {
    text-transform: uppercase;
    text-align: center;
    font-size: 15px;
}
h3.uppercs {
    text-transform: uppercase;
    text-align: center;
    font-size: 15px;
    margin-top: 0px;
}
.why-us p {
    font-size: 15px;
    font-weight: 300;
    line-height: 28px;
    text-align: center;
}
/*------6-3-2018 ends----*/

/*------7-3-2018 starts----*/
.why-us h4 {
    text-align: center;
}
.flat-menu-2 h3 a, .flat-menu-4 h3 a, .flat-menu-5 h3 a{
    color: #fff;
}
.how-service-works-sec-3 h3{
    text-align: center;
    font-size: 20px;
    margin-top: 0px;
    font-weight: 600;
}
.inner-wrap-job {
    width: 86%;
    left: 50%;
    height: auto;
    position: fixed;
    background: #fff;
    top: 7%;
    border-radius: 12px;
    padding: 28px 15px;
    margin-left: -43%;
}
.map-address-left img {
    width: auto;
}
.map-address-right {
    width: 100%;
}
.desktop-capt {
    display: none;
}
.captcha-mobile {
    display: block;
    float: left;
    width: 100%;
}
.half-form-left {
    float: left;
    width: 100%;
}
.half-form-right {
    float: right;
    width: 100%;
}
.cpata-img {
    float: left;
    width: 28%;
}
.cap-source {
    float: left;
    width: 17%;
}
.cpacta-field {
    float: right;
    width: 53%;
}
.teach-marketers img {
    width: 100%;
    border-radius: 20px;
    height: auto;
}
.redent-blog-ex-left img {
    width: 100%;
    border-radius: 20px;
    height: 100px;
}
a.brand img {
    margin-top: 10px;
    width: 33%;
    margin-bottom: 6px;
}
.phone-call {
    display: block;
    position: absolute;
    right: 20%;
    top: 28%;
}
ul#waterfall {
    list-style: none;
    padding-left: 0px;
    width: 100%;
}
.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 26px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.45);
}
.demo-virtual-staff {
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 30px;
}
.virtual-demo-left {
    float: left;
    width: 100%;
    color: #fff;
}
.virtual-demo-right {
    float: right;
    width: 100%;
    margin-top: 30px;
}
.virtual-demo-right img {   
    width: 100%;
}
/*------7-3-2018 starts----*/

/*---------8-3-2018 starts--------*/

.offering-we {
    background-size: cover;
    min-height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}
.people-image {
    margin-top: 26px;
}
.zopim{
    bottom: 58px !important;
    left: 249px !important;
    top: unset !important;
}
.slide-1-story {
    width: 95%;
    margin: 0 auto;
    min-height: 214px;
}

.Implement-crm-right img {
    background-size: cover;
    min-height: 365px;
}

.product-develop-eco {
    background: url(../images/ecommerce.jpg) no-repeat top center;
    background-size: cover;
    display: table-cell;
    width: 100%;
    float: left;
    padding: 20px 32px;
    min-height: 470px;
    position: relative;
    z-index: 999;
    overflow: hidden;
    margin-bottom: 13px;
}
.beacon {
    float: right;
    width: 100%;
    background: url(../images/beacon.png) no-repeat top center;
    background-size: cover;
    position: relative;
    min-height: 390px;
}

.product-develop, .mobile-develop-app, .mobile-game-develop, .digital-market, .Implement-crm-right{
    min-height: auto !important;
}
.inner-crm, .product-develop-eco, .beacon {
    min-height: auto !important;
}
/*---------8-3-2018 ends--------*/
}

@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {

    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
        background-color: #2558b2;
    }
    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
        background-color: #2558b2;
    }
    .navbar-inverse .navbar-toggle {
        border-color: #2558b2;
        background: #2558b2;
    }
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #ccc;
        margin-top: 10px;
    }
    .navbar-nav {
        float: left;
        margin: 0;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
    }
    #bootstrap-touch-slider .carousel-caption {
        left: 37%;
        padding-bottom: 18px;
        width: 400px;
        margin-left: -200px;
        bottom: 20%;
        text-align: left;
    }
    #bootstrap-touch-slider .carousel-caption p {
        font-size: 12px;
        letter-spacing: 2px;
        line-height: 21px;
    }
    #bootstrap-touch-slider .carousel-caption h3 {
        font-size: 19px;
        margin-bottom: 0;
        margin-top: 0;
    }
    #bootstrap-touch-slider .carousel-caption h4 {
	font-size: 13px;
	font-weight: bolder;
	margin-top: 3px;
	margin-bottom: 10px;
	margin-top: 10px;
}
    #bootstrap-touch-slider .carousel-indicators {
        position: absolute;
        bottom: 3%;
        left: 94%;
        width: 4%;
    }
    #bootstrap-touch-slider .carousel-indicators li {
        width: 10px;
        height: 10px;
    }
    #bootstrap-touch-slider .carousel-indicators .active {
        width: 10px;
        height: 10px;
    }
    .servces-title h1 {
        font-family: 'Roboto', sans-serif;
        text-align: center;
        color: #454545;
        font-weight: 400;
        font-size: 25px;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .Implement-crm-left {
        background-size: cover;
        width: 100%;
        min-height: 320px;
        margin-bottom: 3px;
    }
    .graph-chart {
        display: none;
    }
    .inner-crm {
        width: 100%;
        padding-left: 25px;
        padding-top: 20px;
        padding-bottom: 80px;
        padding-right: 20px;
    }
    .on-hover-content {
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        padding: 30px 26px 21px 23px;
        min-height: 320px;
    }
    .inner-crm h3 {
        font-size: 22px;
        color: #fff;
        letter-spacing: 1.5px;
    }
    .Implement-crm-right {
        background-size: 100%;
        float: right;
        width: 100%;
        background-size: cover;
        margin-bottom: 3px;
    }
    .product-develop {
        width: 100%;
        float: left;
        padding: 20px 61px;
        min-height: 453px;
        position: relative;
        background-size: cover;
        margin-bottom: 3px;
    }
    .our-services-section-2 {
        margin-top: 0px;
    }
    .product-brach {
        position: absolute;
        bottom: -34px;
        left: 30%;
    }
    .product-brach img {
        width: 75%;
    }
    .mobile-develop {
        background-size: cover;
        width: 100%;
        margin-bottom: 3px;
    }
    .mobile-app-right img {
        width: 75%;
        float: right;
    }
    .mobile-develop-app p {
        width: 100%;
    }
    .mobile-develop-app {
        min-height: 395px;
        position: relative;
        text-align: center;
    }
    .mobile-game-develop {
        width: 100%;
        background-size: cover;
        position: relative;
        min-height: 320px;
        margin-bottom: 3px;
    }
    .mobile-app-game-pro {
        position: absolute;
        bottom: 0px;
        right: 0px;
    }
    .mobile-app-game-pro img {
        width: 60%;
        float: right;
    }
    .game-app {
        padding: 25px 26px 22px 25px;
        text-align: center;
    }
    .game-app p {
        width: 100%;
        font-size: 15px;
        line-height: 25px;
        color: #fff;
    }
    .mobile-overhide-game {
        padding: 20px 22px;
        text-align: center;
    }
    .our-services-section-3 {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        margin-top: 0px;
    }
    .digital-market {
        width: 100%;
        background-size: cover;
        min-height: 320px;
        position: relative;
    }
    .marketing-digital {
        padding: 25px 27px;
        color: #fff;
        text-align: center;
    }
    .marketing-digital p {
        width: 100%;
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 25px;
    }
    .service-project img {
        width: 75%;
        float: right;
    }
    .service-project {
        position: absolute;
        bottom: -45px;
        left: 50%;
        width: 317px;
        margin-left: -158px;
    }
    .profile-tour h3 {
        font-size: 25px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .customized-approach {
        width: 100%;
        padding: 15px 30px;
        margin-top: 25px;
        border-radius: 10px;
        margin-bottom: 90px;
        min-height: auto;
    }
    .customized-approach img {
        width: 100%;
    }
    .video-approach {
        position: absolute;
        top: 92%;
        left: 50%;
        width: 100%;
        margin-left: -50%;
    }
    .inner-wrap {
        width: 90%;
        left: 6%;
        height: 5%;
        position: absolute;
        background: #fff;
        top: 39%;
        border-radius: 12px;
        padding: 25px 30px;
    }
    .impressed-project span a {
        margin-left: 0px;
        margin-top: 22px;
    }
    .impressed-project {
    text-align: center;
    font-size: 20px;
    line-height: 13px;
    margin-top: 227px;
}
    .profile-technology h3 {
        font-size: 25px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .our-technology-main {
        background-size: cover;
        min-height: auto;
        padding-bottom: 20px;
        padding-top: 30px;
    }
    .our-technoloy-section-pro ul li {
        float: left;
        width: 50%;
        text-align: center;
        min-height: auto;
        border-right: none;
        vertical-align: top;
        border-bottom: none;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .our-technoloy-section-pro ul li:nth-child(4) {
        border-right: none;
        border-bottom: none;
    }
    .know-more-token h3 {
        font-size: 26px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .wrap-custom {
        width: 96%;
        margin: auto;
    }
    .know-more-left {
        float: left;
        width: 100%;
    }
    .lower-double-left {
        float: left;
        width: 100%;
        position: relative;
        margin-bottom: 10px;
    }
    .lower-double-left {
        float: left;
        width: 100%;
        position: relative;
        margin-bottom: 10px;
    }
    .lower-double-right {
        float: right;
        width: 100%;
        position: relative;
    }
    .know-more-right {
        float: right;
        width: 100%;
        margin-top: 10px;
    }
    .single-way-blog-content p,
    .know-right-content p {
        font-size: 16px;
        line-height: 18px;
    }
    .single-way-blog-content {
        padding: 20px 15px;
    }
    .Footer-main {
        background-size: cover;
        min-height: 260px;
        margin-top: 0px;
        padding-top: 10px;
        padding-bottom: 12px;
    }
    .profile-tour-main {
        min-height: auto;
    }
    .copyright {
        padding-top: 10px;
        margin-top: 20px;
        font-size: 12px;
    }
    .main-about-wrap p {
        font-size: 14px;
        line-height: 26px;
        margin-top: 12px;
    }
    .main-about-wrap {
        position: relative;
        width: 100%;
        color: #fff;
        top: 60px;
    }
    .main-about-wrap h3 {
        font-size: 24px;
        font-weight: 900;
    }
    .about-text-banner {
        min-height: auto;
        padding-bottom: 100px;
    }
    .model-delivery-left {
        float: left;
        width: 100%;
        padding-left: 15px;
        padding-top: 0;
        padding-right: 15px;
    }
    .model-learn-more {
        float: right;
        width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .model-delivery-right {
        float: right;
        width: 100%;
        position: relative;
    }
    .people-image img {
        display: block;
        width: ;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .arrow-shot {
        position: absolute;
        top: 2px;
        left: 0px;
    }
    .ui-tabs .ui-tabs-nav li {
        width: 49%;
        min-height: 175px;
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        margin-bottom: 0px;
        padding-bottom: 1px;
        min-height: 170px;
    }
    .ui-tabs .ui-tabs-nav li:nth-child(2).ui-tabs-active {
        margin-bottom: 0px;
        padding-bottom: 1px;
        min-height: 177px;
    }
    .icon-left {
        float: left;
        width: 100%;
        margin-top: 10px;
    }
    .text-right-tab {
        float: right;
        width: 100%;
        margin-top: 25px;
        line-height: 29px;
        font-size: 16px;
    }
    .sustain-power {
        padding-top: 60px;
        padding-bottom: 60px;
        background-size: cover;
    }
    .towers-round-growth {
        padding-top: 25px;
        padding-bottom: 25px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .about-projects-des span a {
        padding: 6px 16px;
        border-radius: 20px;
        font-size: 17px;
    }
    .about-projects-des {
        font-size: 15px;
    }

    /*-- industry page responsive starts --*/
    .main-industry-wrap h4 {
        font-size: 18px;
        line-height: 33px;
        margin-top: 16px;
        margin-bottom: 0px;
    }
    .main-industry-wrap p {
        font-size: 17px;
        line-height: 24px;
        margin-top: 15px;
        letter-spacing: 0px;
    }
    .main-industry-wrap h3 {
        font-size: 23px;
        font-weight: 900;
        text-transform: uppercase;
    }
    .main-objective-history ul li {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: 12px 17px 13px 16px;
    }
    .main-objective-history ul li:nth-child(2) {
        margin-left: 0%;
        margin-right: 0%;
    }
    .what-we-do-section-left {
        float: none;
        width: 96%;
        margin: 0 auto;
    }
    .what-do-we {
        background-size: cover;
    }
    .explore {
        position: absolute;
        right: 9px;
        width: 50%;
        bottom: -20px;
    }
    .app-develop-maintian {
        margin-bottom: 35px;
    }
    .what-we-do-section-right {
        float: none;
        width: 96%;
        margin: 0 auto;
    }
    .what-we-do-section-right h3 {
        color: #fff;
        font-size: 30px;
        margin-top: 17px;
        margin-bottom: 25px;
    }
    .main-think-pad-left {
        width: 100%;
        position: relative;
        margin-bottom: 40px;
    }
    .main-think-pad-right {
        width: 100%;
        position: relative;
        margin-bottom: 40px;
    }
    .what-thinks-section {
        background-size: cover;
        padding-top: 20px;
    }
    .seo-type-image {
        display: none;
    }
    .main-think-pad-left h3 {
        font-size: 30px;
        margin-top: 25px;
        margin-bottom: 25px;
    }
    /*-- industry page responsive ends --*/
    /*-- testimonials page responsive starts --*/
    .testimonial-text-banner {
        background-size: cover;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .client-text-left {
        float: left;
        width: 100%;
        padding-top: 10px;
    }
    .client-text-left h3 {
        margin-top: 0;
        font-size: 24px;
        text-align: center;
    }
    .client-text-left p {
        font-size: 16px;
        line-height: 27px;
        text-align: center;
    }
    .client-text-right {
        float: right;
        width: 100%;
    }
    .quote-text p {
        font-size: 20px;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .client-exp-text h3 {
        font-size: 20px;
    }
    .what-clients-says {
        padding-top: 30px;
        padding-bottom: 65px;
        background-size: cover;
    }
    .clients-are-saying h3 {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .clients-icon {
        float: left;
        width: 100%;
        text-align: center;
    }
    .clients-text {
        float: right;
        width: 100%;
    }
    .what-says-quote {
        font-size: 26px;
        margin-top: 10px;
        margin-bottom: 8px;
    }
    .double-quote {
        font-size: 33px;
        margin-bottom: 8px;
        margin-top: 7px;
    }
    .what-says-client-name {
        float: left;
        margin-right: 0px;
        margin-left: 25px;
    }
    #myCarousel-client .carousel-indicators {
        bottom: -55px !important;
        width: 100%;
        left: 50%;
        margin-left: -50%;
    }
    #myCarousel-client .carousel-indicators li {
        background: #c6ddf8;
        width: 19px;
        height: 19px;
        border: 1px solid #c6ddf8;
        margin-right: 8px;
    }
    #myCarousel-client .carousel-indicators .active {
        width: 20px;
        height: 20px;
        margin: 0;
        background-color: #fff;
        margin-right: 8px;
    }
    .test-1-left {
        float: left;
        width: 100%;
        text-align: center;
    }
    .test-1-right {
        float: right;
        width: 100%;
    }
    .test-1 {
        padding: 35px 16px;
        border-radius: 10px;
        box-shadow: 1px 3px 15px 2px #ccc;
        margin-bottom: 30px;
    }
    .test-1-right p {
        font-size: 15px;
        line-height: 28px;
        margin-bottom: 0;
        width: 100%;
    }
    .test-client-1 {
        float: left;
        width: 100%;
        margin-top: 20px;
        text-align: left;
        font-size: 15px;
    }
    .one-by-one-testimonials {
        padding-top: 50px;
        padding-bottom: 15px;
    }
    .video-testimonials {
        background-size: cover;
        padding-bottom: 53px;
        padding-top: 40px;
        margin-bottom: 60px;
    }
    .extreme-timely {
        width: 100%;
    }
    .excellent-text p {
        font-size: 16px;
        line-height: 29px;
        margin-bottom: 30px;
    }
    .excellent-video img {
        box-shadow: 1px 3px 39px 6px #000;
        border-radius: 13px;
        width: 100%;
    }
    .both-right-quote {
        float: left;
        width: 100%;
        text-align: center;
    }
    .both-right {
        float: right;
        width: 100%;
    }
    /*-- testimonials page responsive starts --*/
    /*-- career page responsive starts --*/
    .career-text-banner {
        background-size: cover;
        padding-top: 34px;
        padding-bottom: 60px;
        min-height: auto;
    }
    .career-oportunity h3 {
        margin-top: 0px;
        font-size: 32px;
        font-weight: 900;
        text-align: center;
        margin-bottom: 15px;
    }
    .career-oportunity p {
        text-align: center;
        width: 100%;
        padding-bottom: 25px;
    }
    .career-oportunity h4 {
        width: 100%;
        font-size: 15px;
    }
    .title-job {
        float: left;
        width: 100%;
        font-size: 17px;
        font-weight: 900;
        color: #454545;
        text-align: center;
    }
    .job-posted-date {
        float: right;
        width: 100%;
        text-align: center;
        margin-top: 12px;
    }
    .career-job-description-right {
        float: right;
        width: 100%;
        margin-top: 23px;
    }
    .apply-job {
        width: 50%;
        margin: 0 auto;
    }
    .career-job-description-left {
        float: left;
        width: 100%;
    }
    .social-media-career {
        padding-top: 20px;
        padding-bottom: 20px;
        background-size: cover;
    }
    .fellow-career span {
        width: 100%;
        font-size: 20px;
        padding-top: 12px;
        line-height: 28px;
    }
    .fellow-career ul {
        width: 100%;
        float: left;
        list-style: none;
        padding-left: 0px;
        text-align: center;
        margin-top: 15px;
    }
    .title-job span {
        font-size: 16px;
        display: block;
    }
    .close-pop-job {
        float: right;
        font-size: 20px;
        cursor: pointer;
        position: absolute;
        right: 16px;
        top: 10px;
    }
    .inner-wrap-job {
        width: 86%;
        left: 50%;
        height: auto;
        position: absolute;
        background: #fff;
        top: 50%;
        border-radius: 12px;
        padding: 28px 15px;
        margin-left: -43%;
    }
    .form-left {
        float: left;
        width: 100%;
    }
    .form-right {
        float: right;
        width: 100%;
    }
    .custom-submit {
        width: 50%;
        margin: 0 auto;
        margin-top: 30px;
        background: #297afd;
        border: none;
        padding: 12px 14px;
        font-size: 16px;
        border-radius: 28px;
    }
    .form-left-label {
        margin-bottom: 20px;
        float: left;
        width: 100%;
    }
    /*-- career page responsive starts --*/
    /*-- refer page responsive starts --*/
    .employee-text-banner {
        padding-bottom: 30px;
        padding-top: 20px;
        background-size: cover;
    }
    .employee-oportunity h3 {
        margin-top: 15px;
        margin-bottom: 10px;
        font-size: 27px;
    }
    .employee-oportunity p {
        width: 100%;
        margin: 0 auto;
        font-size: 14px;
        line-height: 23px;
        margin-top: 13px;
    }
    .employee-job-section {
        background: none;
        padding-bottom: 25px;
        padding-top: 25px;
        min-height: 697px;
        background-size: cover;
    }
    .how-works {
        width: 100%;
        float: right;
    }
    .how-works h2 {
        margin-top: 0px;
        margin-bottom: 5px;
        font-size: 25px;
        text-align: center;
    }
    .main-works-left {
        width: 100%;
        float: none;
        text-align: center;
    }
    .main-works-right {
        float: right;
        width: 100%;
        text-align: center;
    }
    .number-count {
        margin-left: auto;
        margin-right: auto;
    }
    .bonus-procedure {
        background: #f6f6f6;
        padding-top: 40px;
        padding-bottom: 30px;
        float: left;
        width: 100%;
        margin-top: 15px;
    }
    .bonus-left {
        float: left;
        width: 100%;
        padding-top: 0px;
        text-align: center;
    }
    .share-friend {
        float: none;
        width: 47%;
        margin-left: auto;
        margin-right: auto;
    }
    .bonus-Right {
        float: right;
        width: 100%;
        margin-top: 30px;
    }
    .bonus-Right img {
        width: 100%;
    }
    .tek-about {
        width: 100%;
        margin: 0 auto;
    }
    .tek-about p {
        text-align: center;
        font-size: 16px;
        line-height: 28px;
    }
    /*-- refer page responsive ends --*/
    /*-- event-listing responsive starts --*/
    .events-text-banner {
        background: url(../images/events-bg.jpg) no-repeat left top;
        min-height: auto;
        padding-top: 40px;
        padding-bottom: 40px;
        background-size: cover;
    }
    .events-sec p {
        width: 100%;
    }
    .events-sec h3 {
        font-size: 30px;
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .fliter-left,
    .fliter-right,
    .fliter-middle {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }
    .fliter-middle {
        margin-left: 0%;
        margin-right: 0%;
    }
    .events-item-cash {
        position: absolute;
        top: 25px;
        left: 0px;
        padding: 10px 25px;
        width: 100%;
    }
    .top-upcome-event-left {
        float: left;
        width: 100%;
        position: relative;
    }
    .top-upcome-event-right {
        float: right;
        width: 100%;
        position: relative;
    }
    .top-upcome-event-right img {
        width: 100%;
        height: auto;
    }
    .events-filter-section {
        padding-bottom: 25px;
        padding-top: 25px;
        float: left;
        width: 100%;
    }
    .evnet-filter-upcoming {
        float: left;
        width: 100%;
    }
    .top-events {
        float: left;
        width: 100%;
    }
    .botton-events {
        float: left;
        width: 100%;
    }
    .botton-event-left {
        float: left;
        width: 100%;
        vertical-align: top;
        position: relative;
    }
    .botton-event-middle {
        float: left;
        width: 100%;
        position: relative;
    }
    .botton-event-right {
        float: left;
        width: 100%;
        position: relative;
    }
    .top-upcome-event-left img {
        width: auto;
    }
    .events-item-cash p {
        font-size: 21px;
    }
    .events-item-cash {
        position: absolute;
        top: 35%;
        text-align: center;
    }
    .slide-title h2 {
        font-size: 23px;
    }
    .upcoming-events-slide-1 {
        padding-bottom: 20px;
        padding-top: 20px;
        float: left;
        width: 100%;
    }
    .main-slide-event-right {
        float: right;
        width: 100%;
        background: #000;
    }
    .main-slide-event-left {
        float: left;
        width: 100%;
    }
    .upcoming-events-slide {
        width: 100%;
        padding-top: 40px;
        padding-bottom: 40px;
        background-size: cover;
    }
    .content-event-slide p {
        font-size: 17px;
        line-height: 24px;
        margin-top: 10px;
        margin-bottom: 17px;
        text-align: center;
    }
    .content-event-slide span {
        font-size: 13px;
        text-align: center;
    }
    .more-click {
        width: 60%;
        margin: 0 auto;
    }
    .content-event-slide {
        width: 100%;
        min-height: auto;
        display: block;
        background: #194a77;
        padding: 25px 25px;
        color: #fff;
        padding-bottom: 45px;
    }
    /*-- event-listing responsive ends --*/
    /*-- event-deatils responsive starts --*/
    .events-text-banner-details {
        padding-bottom: 40px;
        padding-top: 40px;
        background-size: cover;
        min-height: auto;
    }
    .events-details {
        position: relative;
        margin-top: 0px;
    }
    .events-details h3 {
        margin-top: 0;
        font-size: 19px;
        line-height: 26px;
    }
    .main-service-details-left {
        float: left;
        width: 100%;
    }
    .main-service-details-right {
        float: right;
        width: 100%;
    }
    .happen-event-right ul li {
        width: 100%;
    }
    .happen-event-right ul li:nth-child(2) {
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 1%;
        margin-bottom: 1%;
    }
    .img-blog img {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .blog-text {
        text-align: center;
    }
    /*-- event-deatils responsive ends --*/
    /*-- Service Delivery modal page css start here --*/
    .service-text-banner {
        background-size: cover;
        padding-top: 30px;
        padding-bottom: 30px;
        min-height: auto;
    }
    .service-delivery-details {
        margin-top: 10px;
    }
    .service-delivery-details h3 {
        font-size: 24px;
    }
    .service-delivery-details p {
        line-height: 27px;
        padding-top: 2px;
        width: 100%;
    }
    .service-filter-text {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .how-service-works-sec-1 h3 {
        text-align: center;
    }
    .how-service-works-sec-1 p {
        font-size: 15px;
        line-height: 33px;
        text-align: center;
    }
    .service-work-left {
        width: 100%;
        float: left;
    }
    .service-work-left img {
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        display: block;
    }
    .service-work-right {
        width: 100%;
        margin-top: 30px;
        text-align: center;
    }
    .service-work-right h3 {
        margin-top: 0px;
        margin-bottom: 10px;
        font-size: 23px;
    }
    .service-lorem-events {
        background-size: cover;
        min-height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .service-content {
        float: left;
        width: 100%;
        color: #fff;
        text-align: center;
        margin-top: 0px;
    }
    .service-content h3 {
        font-size: 24px;
    }
    .service-content p {
        width: 100%;
        font-size: 16px;
        padding-top: 0px;
    }
    .how-service-works p {
        text-align: center;
    }
    .page-section-text p {
        text-align: center;
    }
    /*-- Service Delivery modal page css start here --*/
    /*-- Staff page css starts here --*/
    .staff-text-banner {
        background-size: cover;
        min-height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .staff-delivery-details {
        margin-top: 0px;
    }
    .staff-delivery-details h3 {
        font-size: 24px;
        margin-top: 0;
    }
    .staff-delivery-details p {
        width: 100%;
        font-size: 15px;
        line-height: 25px;
        padding-top: 10px;
    }
    .IT-staff-left {
        float: left;
        width: 100%;
        text-align: center;
    }
    .IT-staff-left p {
        font-size: 15px;
        text-align: center;
    }
    .IT-staff-right {
        float: right;
        width: 100%;
        margin-top: 20px;
    }
    .staff-events {
        background-size: cover;
        min-height: auto;
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .total-solution-left {
        float: left;
        width: 100%;
    }
    .total-solution-left h3 {
        margin-top: 24px;
        font-size: 23px;
        text-align: center;
    }
    .total-solution-left p {
        font-size: 15px;
        text-align: center;
    }
    .total-solution-right {
        float: right;
        width: 100%;
    }
    .total-solution-right img {
        max-width: 100%;
    }
    .process-time {
        float: left;
        width: 100%;
    }
    .process-time-right {
        width: 100%;
        float: right;
    }
    .total-solution-right img {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    /*-- Staff page css ends here --*/
    /*-- carer listing page css starts here --*/
    .story-life-opportunity ul li {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
        text-align: left !important;
    }
    .story-title h3 {
        margin-top: 0px;
        font-size: 22px;
        margin-bottom: 22px;
    }
    .story-tek {
        background-size: cover;
        min-height: 415px;
    }
    .slide-1-story {
        width: 95%;
        margin: 0 auto;
    }
    #tek-story-support .carousel-indicators {
        position: absolute;
        bottom: -18%;
        left: 74%;
        width: auto;
    }
    .position-for-u {
        bottom: 50px;
    }
    .tek-title-oppor h3 {
        margin-top: 0px;
        font-size: 22px;
        margin-bottom: 0;
    }
    .current-opening {
        padding-top: 10px;
        padding-bottom: 50px;
    }
    .life-at-tek {
        background-size: cover;
        padding-top: 24px;
        padding-bottom: 20px;
    }
    .tek-lifestyle h4 {
        margin-top: 0px;
        text-align: center;
        font-size: 21px;
        font-weight: 500;
        margin-bottom: 20px;
    }
    .profile-candidate {
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 29px;
    }
    .profile-requirement {
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
    }
    .profile-apply {
        float: left;
        width: 100%;
    }
    .profile-apply a {
        text-align: center;
        width: 30%;
        float: none;
        margin: 0 auto;
    }
    .job-offer-tek h3 {
        font-size: 21px;
    }
    .slide-1-story h3 {
        margin-top: 0px;
        font-size: 20px;
        font-weight: 600;
    }
    .life-circle-1,
    .life-circle-2,
    .life-circle-3,
    .life-circle-4,
    .life-circle-5,
    .life-circle-6 {
        float: left;
        width: 100%;
        min-height: auto;
    }
    .life-circle-2 h3,
    .life-circle-4 h3,
    .life-circle-6 h3 {
        margin-top: 0px;
        font-size: 20px;
        margin-bottom: 15px;
    }
    .life-circle-4,
    .life-circle-2,
    .life-circle-6 {
        background: #3c89d2;
        padding: 25px 15px;
    }
    .require-1 {
        float: left;
        width: 50%;
        text-align: center;
    }
    .require-2 {
        float: left;
        width: 50%;
        text-align: center;
    }
    #life-cirle-tek-1 .item img,
    #life-cirle-tek-2 .item img,
    #life-cirle-tek-3 .item img {
        width: 100%;
    }
    /*-- carer listing page css ends here --*/
    /*-- history objective page css starts here --*/
    .history-text-banner-details {
        background-size: cover;
        min-height: auto;
    }
    .history-obect-details {
        position: relative;
        top: 0px;
        padding-bottom: 25px;
        padding-top: 20px;
    }
    .history-obect-details h3 {
        margin-top: 0px;
        font-size: 22px;
        margin-bottom: 10px;
    }
    .history-obect-details p {
        font-size: 15px;
        line-height: 24px;
    }
    .historyobj-text {
        padding-bottom: 40px;
        padding-top: 0px;
        width: 100%;
    }
    .object-text-left {
        float: left;
        width: 100%;
    }
    .object-text-right {
        float: right;
        width: 100%;
    }
    /*-- history objective page css ends here --*/
    /*-- blog -listing css starts here --*/
    .wrap-recent-left {
        float: left;
        width: 100%;
        position: relative;
    }
    .teach-category {
        width: 30%;
        font-size: 13px;
    }
    .teach-category-design {
        font-size: 20px;
        line-height: 25px;
        text-transform: capitalize;
    }
    .teach-wrap {
        bottom: 15px;
        padding: 0 10px;
    }
    .wrap-recent-rights {
        width: 100%;
    }
    .main-all-find-right {
        float: right;
        width: 100%;
        margin-top: 25px;
    }
    .main-all-find-left {
        float: left;
        width: 100%;
    }
    .main-all-find-left-wrap-1 {
        float: left;
        width: 100%;
    }
    .main-all-find-left-wrap-1 img {
        width: 100%;
    }
    .main-all-find-left-wrap-2 {
        float: right;
        width: 100%;
        padding-top: 15px;
    }
    .main-all-find-left-wrap-2 p a {
        width: auto;
        padding: 4px 10px;
    }
    .main-all-find-left-wrap-2 h4 {
        font-size: 16px;
        line-height: 24px;
    }
    .top-left-deve {
        width: auto;
        font-size: 12px;
        padding: 3px 12px;
    }
    .mean-upper {
        font-size: 10px;
        font-weight: 500;
        color: #151515;
        line-height: 17px;
    }
    .all-mean-text {
        padding: 10px 8px;
    }
    .date-view-comment-pop ul li {
        color: #b1b0b0;
        float: left;
        margin-right: 4px;
        font-size: 11px;
        font-weight: 500;
        margin-top: 0px;
        margin-bottom: -2px;
    }
    .top-left-deve {
        width: auto;
        font-size: 11px;
    }
    #blog-details-popular .left.carousel-control,
    #blog-details-popular .right.carousel-control {
        display: none;
    }
    /*-- blog -listing css ends here --*/
    /*-- blog-details css starts here --*/
    .teach-marketers h3 {
        font-size: 17px;
        line-height: 28px;
    }
    .date-share-deve {
        float: left;
        width: 100%;
    }
    .date-share-deve ul li {
        margin-right: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    .blog-context-details h3 {
        font-size: 17px;
        line-height: 25px;
    }
    .blog-context-details p {
        font-size: 15px;
        line-height: 30px;
    }
    .share-ico-blog {
        float: left;
        width: 100%;
        margin-top: 17px;
    }
    .apply-main {
        margin-top: 28px;
        float: left;
        width: 100%;
    }
    .apply-main-left {
        float: left;
        width: 100%;
        margin-top: 8px;
        text-align: center;
        margin-bottom: 10px;
    }
    .apply-main-right {
        width: 100%;
    }
    a.add-here {
        position: absolute;
        bottom: -16px;
        right: -2px;
        padding: 10px 16px;
    }
    .recent-comment-img {
        width: 100%;
        float: left;
        text-align: center;
        margin-bottom: 10px;
    }
    .recent-comment-date-name {
        float: left;
        width: 100%;
        margin-top: 7px;
        text-align: center;
    }
    .recent-comment-text {
        float: left;
        width: 100%;
        text-align: center;
    }
    .tell-us-about h3 {
        margin-top: 0px;
        font-size: 17px;
        padding-bottom: 13px;
    }
    .comment-apply h4 {
        font-size: 15px;
        font-weight: 500;
    }
    /*-- blog-details css ends here --*/
    /*-- contact us css starts here --*/
    .contact-text-banner {
        min-height: auto;
        background-size: cover;
        padding-bottom: 40px;
        padding-top: 40px;
    }
    .contact-sec {
        padding-top: 0px;
    }
    .contact-sec h3 {
        font-size: 26px;
    }
    .contact-sec p {
        font-size: 15px;
        line-height: 26px;
        width: 100%;
    }
    .form-talkus {
        width: 100%;
        float: left;
        margin-bottom: 40px;
        padding: 15px 14px;
        margin-top: 10px;
    }
    .all-form-talk-left {
        float: left;
        width: 100%;
    }
    .border-btn {
        display: none;
    }
    .all-form-talk-right {
        float: right;
        width: 100%;
    }
    .talktous {
        width: 100%;
        text-align: center;
    }
    .all-branches-add ul li {
        width: 100%;
        margin-bottom: 15px;
    }
    .flag-name {
        float: left;
        width: 100%;
        margin-bottom: 15px;
    }
    .flag-name img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .country-add {
        float: right;
        width: 100%;
        text-align: center;
    }
    .map-address-left {
        float: left;
        width: 100%;
        position: relative;
    }
    .map-address-left img {
        width: 100%;
    }
    .map-address-right {
        width: 100%;
    }
    .usa-address {
        top: 80px;
        left: 0px;
        text-align: center;
        width: 100%;
    }
    /*-- contact us css ends here --*/
    .tek-full {
        position: absolute;
        top: 45px;
        margin-left: -45%;
        width: 90%;
        left: 50%;
    }
    .tek-full h3 {
        font-size: 20px;
        margin-top: 0px;
        font-weight: 600;
    }
    .tek-full p {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
    }
    .tekshapers-name {
        background-size: cover;
        width: 100%;
        margin-top: 25px;
        margin-bottom: 25px;
        padding-top: 55px;
        padding-bottom: 15px;
        min-height: auto;
    }
    .tek-about-logo img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-top: 55px;
        max-width: 100%;
    }

    /*--- menu css  starts ---*/
    .divide-flat-menu {
        float: left;
        width: 100%;
        min-width: 277px !important;
        height: 348px;
        overflow-y: scroll;
    }
    .flat-menu-1,
    .flat-menu-2,
    .flat-menu-3 {
        float: left;
        width: 96%;
    }
    .flat-menu-4 {
        width: 100%;
        float: left;
    }
    .flat-menu-4 ul li {
        display: inline-block;
        width: 100%;
    }
    .cross-menu {
        display: block;
    }
    .brand {}
    a.brand img {
        margin-top: 10px;
        width: auto;
    }
    .nav > li {
        position: static !important;
        display: inline-block;
        width: auto;
    }
    .navbar-inverse .navbar-nav > li > a {
        color: #2c2c2c;
        font-size: 12px;
        font-weight: 600;
        width: auto;
        padding: 2px 5px;
    }
    .navbar-inverse .navbar-nav > li > a:focus,
    .navbar-inverse .navbar-nav > li > a:hover {
        color: #2c2c2c;
        background-color: transparent;
        border-bottom: none;
    }
    .navbar-collapse {
        padding-right: 0px;
        padding-left: 0px;
    }
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        padding-top: 10px;
    }
    ul.navbar-nav li.tog-menu a {
        font-size: 21px;
        min-width: 32px;
        display: block;
    }
    .navbar-inverse .navbar-toggle {
        display: none;
    }
    .collapse {
        display: block;
    }
    .navbar-inverse .navbar-nav > li > a {
        color: #2c2c2c;
        font-size: 11px;
        font-weight: 600;
        width: auto;
        padding: 2px 4px;
    }
    .custom-bar {
        position: absolute;
        right: 25px;
        top: 28px;
        font-size: 21px;
        background: #255ab0;
        padding: 7px 13px;
        color: #fff;
        border-radius: 0px;
        display: block;
        cursor: pointer;
    }
    .tog-menu {
        display: none !important;
    }
    .flat-menu {
        display: none !important;
    }
    .search-item {
        display: none !important;
    }
    ul.flat-menu-phone {
        padding-left: 0px;
        list-style: none;
    }
    ul.flat-menu-phone {
        list-style: none;
        padding-left: 0px;
        position: fixed;
        width: 100%;
        left: -100%;
        top: 77px;
        margin-left: 0%;
        background: #6d6da0;
        background: -moz-linear-gradient(left, #6d6da0 1%, #71a8c0 32%, #3a8ac8 71%, #6a5dc7 100%);
        background: -webkit-linear-gradient(left, #6d6da0 1%, #71a8c0 32%, #3a8ac8 71%, #6a5dc7 100%);
        background: linear-gradient(to right, #6d6da0 1%, #71a8c0 32%, #3a8ac8 71%, #6a5dc7 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6da0', endColorstr='#6a5dc7', GradientType=1);
        padding: 30px 35px;
        border-radius: 5px;
    }
    span.typed {
        width: 100%;
        display: inline-block;
    }
    .tog-menu-phone {
        display: block;
    }
    .top-left-deve {
        width: auto;
        font-size: 9px;
        padding: 2px;
        width: 100%;
    }
    ul.indus-drop {
        padding-left: 0px;
        list-style: none;
        position: absolute;
        z-index: 9999;
        background: #fff;
        width: 230px;
        top: 123px;
        left: 204px;
    }
    ul.indus-drop li a {
        font-size: 13px;
        padding: 5px 10px;
        text-align: left;
    }
    .frame-left {
        float: left;
        width: 100%;
        padding: 12px 12px;
    }
    .frame-right {
        float: right;
        width: 100%;
    }
    .owl-next {
        left: 55%;
    }
    .owl-prev {
        left: 38%;
    }
    .owl-nav {
        top: -7px;
    }
    .we-do-what-tek {
        padding-top: 14px;
    }
    .what-we-do-title h3 {
        font-size: 26px;
    }
    .frame-left h4 {
        font-size: 22px;
    }
    .profile-apply-1 {
        width: 60%;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 15px;
    }

    /* ---we are offering page css starts---*/
    .offering {
        background-size: cover;
        min-height: auto;
    }
    .main-offering-wrap {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .main-offering-wrap p {
        font-size: 15px;
        width: 100%;
    }
    .main-offering-wrap h3 {
        font-size: 25px;
        color: #fff;
        text-align: center;
        font-weight: 900;
        margin-top: 0;
    }
    .consulting-sec h2 {
        font-size: 25px;
        margin-bottom: 12px;
    }
    .consulting-left {
        float: left;
        width: 100%;
    }
    .consulting-right {
        float: right;
        width: 100%;
    }
    .consulting-left h3 {
        font-size: 15px;
        font-weight: 500;
        line-height: 28px;
        text-align: center;
    }
    .consulting-section {
        background-size: cover;
        min-height: auto;
        padding-top: 25px;
        padding-bottom: 30px;
    }
    .consulting-left p {
        line-height: 30px;
        font-size: 14px;
        text-align: justify;
    }
    .consult-more a {
        width: auto;
    }
    h3.pro-main {
        font-size: 25px;
        margin-bottom: 15px;
    }
    .we-offer-product {
        background-size: cover;
        min-height: auto;
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .main-pro a {
        width: auto;
    }
    /*--- we are offering page css ends ---*/
    .indus-sec h2 {
        font-size: 26px;
    }
    .our-industries-list {
        margin-top: 23px;
    }
    .our-industries-list ul li {
        width: 100%;
        margin-right: 0%;
    }
    .indus-detail-list p {
        line-height: 28px;
        text-align: center;
    }
    /*--- product listing page view starts ---*/
    .tekhtm-offering {
        min-height: auto;
        border-top: 5px solid #d6d6d6;
        padding-bottom: 50px;
        padding-top: 50px;
        background-size: cover;
    }

    .tekhrm-left {
        float: left;
        width: 100%;
    }
    .tekhrm-right {
        width: 100%;
    }
    .tekhrm-left h3 {
        margin-top: 0px;
        font-size: 25px;
    }
    .tekhrm-left p {
        font-size: 15px;
        line-height: 27px;
        text-align: justify;
    }
    .try-demo {
        float: left;
        width: 100%;
        margin-left: 0%;
        margin-top: 15px;
        margin-bottom: 15px;

    }
    .try-free,
    .hrm-services-left,
    .hrm-services-right {
        width: 100%;
    }
    .hrm-services-right h3,
    .hrm-services-left h3 {
        font-size: 20px;
        color: #151515;
        font-weight: 500;
    }
    .hrm-services-right p,
    .hrm-services-left p {
        font-size: 16px;
        line-height: 30px;
        text-align: justify;
    }
    .stay-profitable {
        padding-bottom: 40px;
        padding-top: 40px;
    }
    .service-product-section {
        min-height: auto;
        padding-bottom: 40px;
        padding-top: 40px;
    }
    .stay-profitable-section-2,
    .stay-profitable-section-3 {
        padding-bottom: 40px;
        padding-top: 40px;
    }
    .middle-hrm-service h3 {
        font-size: 20px;
    }
    .middle-hrm-service img {
        max-width: 100%;
    }
    .close-deals {
        background-size: cover;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .smartar-way h3 {
        font-size: 23px;
        text-align: center;
    }
    .shedule-consult a {
        width: 100%;
    }
    .form-talkus-2 {
        width: 100%;
        margin-top: 5px;
    }
    .all-form-talk-left h4 {
        margin-top: 0;
        font-size: 15px;
        line-height: 29px;
        text-align: center;
    }
    .custom-checkout ul li {
        display: inline-block;
        width: 100%;
        margin-right: 0%;
        margin-bottom: 35px;
    }
	.search-call {
	display: none !important;
}
.phone-call {
    display: block;
    position: absolute;
    right: 16%;
    top: 39%;
}
#navbar{
	display: none;
}
a.brand {
    display: block;
    padding-top: 3px;
    padding-bottom: 6px;
}
.on-hover-content p {
    font-size: 13px;
}
.mobile-app-overhide p {
    font-size: 13px;
}
    /*--- product listing page view starts ---*/

    /*------6-3-2018 starts----*/
.offering-1 {
    min-height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
}
.benefit-images {
    float: left;
    width: 100%;
    text-align: center;
}
.benefit-heading h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #000;
    text-transform: uppercase;
    margin-top: 14px;
    line-height: 25px;
}
.benefit-heading {
    float: right;
    width: 100%;
}
.bost-up-left {
    float: left;
    width: 100%;
}
.bost-up-right {
    float: right;
    width: 100%;
}
.bost-up-left h4, .bost-up-right h4 {
    font-size: 18px;
}
.erp-cm-inner {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.erp-cm {
    margin-top: 35px;
    margin-bottom: 0px;
}
.main-offering-wrap p {
    font-size: 15px;
    width: 100%;
    line-height: 27px;
}
.main-offering-wrap h3 {
    font-size: 21px;
}
.offering-3 {
    background-size: cover;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}
.advacced-strgy {
    background-size: cover;
    padding-bottom: 40px;
    padding-top: 40px;
    min-height: auto;
    background-repeat: no-repeat;
    margin-bottom: 40px;
    margin-top: 40px;
}
p.advant {
    font-size: 18px;
    line-height: 35px;
    font-weight: 400;
}
.product-service {
    margin-bottom: 0px;
}
.offering-left-1 {
    float: left;
    width: 100%;
    margin-top: 0px;
    text-align: center;
}
.offering-left-main {
    margin-left: 0%;
    margin-right: 0%;
}
.offering-left-2 {
    float: left;
    width: 100%;
}
.offering-left-3 {
    float: left;
    width: 100%;
}
.most-ideas {
    background-size: cover;
    padding-bottom: 20px;
    padding-top: 20px;
    min-height: auto;
    margin-bottom: 0px;
    margin-top: 0px;
}
.our-idea {
    font-size: 21px;
    margin-top: 20px;
    margin-bottom: 25px;
    line-height: 30px;
}
.product-service-main {
    background-size: cover;
    padding-bottom: 40px;
    padding-top: 30px;
}
.product-left {
    float: left;
    width: 100%;
    color: #fff;
}
.product-right {
    float: right;
    width: 100%;
}
.offering-4 {
    background-size: cover;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}
.mobile-service-main {
    margin-top: 0px;
}
.mobile-service-left {
    width: 100%;
}
.mobile-service-right {
    float: right;
    width: 100%;
    margin-top: 20px;
}
.mobile-service-right h3, .mobile-service-left h3 {
    font-size: 19px;
    line-height: 25px;
    text-align: center;
}
.mobile-service-app-column ul li {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-bottom: 15px;
}
.offering-5 {
    background-size: cover;
    min-height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
}
.type-gmae-range {
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 70px;
    margin-top: 80px;
}
.gmae-change-game h4 {
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: 0px;
}
ul.game-more {
    list-style: none;
    padding-left: 0px;
    margin-top: 20px;
}
ul.game-more li {
    margin-bottom: 8px;
    width: 100%;
    min-height: auto;
}
.range-include-game h3 {
    font-size: 17px;
}
.game-innersec-1 {
    margin-top: 0px;
    float: left;
    width: 100%;
}
.game-left-range h4, .game-right-range h4 {
    font-size: 18px;
    font-weight: 400;
    padding-top: 0px;
}
.game-left-range {
    float: left;
    width: 100%;
}
.game-right-range {
    float: right;
    width: 100%;
}
.choose-why-us {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #eee;
    margin-bottom: 0px;
}
.offering-6 {
    background-size: cover;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}
.quote-member {
    font-size: 15px;
    line-height: 28px !important;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 20px;
}
ul.digital-service li {
    width: 100%;
}
.offering-7 {
    background-size: cover;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}
img.virtual-team {
    border-style: none;
    float: left;
    margin-right: 0px;
    vertical-align: top;
    width: 100%;
}
img.virtual-team-1 {
    border-style: none;
    float: right;
    margin-left: 0px;
    vertical-align: top;
    width: 100%;
}
.help-staff {
    background: #f0f0f0;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 40px 5px;
}
ol.why-us {
    list-style: none;
    padding-left: 0px;
}
ol.why-us li {
    width: 100%;
    margin-bottom: 1%;
}
h3.uppercs {
    text-transform: uppercase;
    text-align: center;
    font-size: 15px;
}
h3.uppercs {
    text-transform: uppercase;
    text-align: center;
    font-size: 15px;
    margin-top: 0px;
}
.why-us p {
    font-size: 15px;
    font-weight: 300;
    line-height: 28px;
    text-align: center;
}

/*------6-3-2018 ends----*/

/*------7-3-2018 starts----*/
.why-us h4 {
    text-align: center;
}
.flat-menu-2 h3 a, .flat-menu-4 h3 a, .flat-menu-5 h3 a{
    color: #fff;
}
.how-service-works-sec-3 h3{
    text-align: center;
    font-size: 20px;
    margin-top: 0px;
    font-weight: 600;
}
.inner-wrap-job {
    width: 86%;
    left: 50%;
    height: auto;
    position: fixed;
    background: #fff;
    top: 7%;
    border-radius: 12px;
    padding: 28px 15px;
    margin-left: -43%;
}
.map-address-left img {
    width: auto;
}
.map-address-right {
    width: 100%;
}
.desktop-capt {
    display: none;
}
.captcha-mobile {
    display: block;
    float: left;
    width: 100%;
}
.half-form-left {
    float: left;
    width: 100%;
}
.half-form-right {
    float: right;
    width: 100%;
}
.cpata-img {
    float: left;
    width: 28%;
}
.cap-source {
    float: left;
    width: 17%;
}
.cpacta-field {
    float: right;
    width: 53%;
}
.teach-marketers img {
    width: 100%;
    border-radius: 20px;
    height: auto;
}
.redent-blog-ex-left img {
    width: 100%;
    border-radius: 20px;
    height: 160px;
}
.phone-call {
    display: block;
    position: absolute;
    right: 20%;
    top: 28%;
}
ul#waterfall {
    list-style: none;
    padding-left: 0px;
    width: 100%;
}
.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 26px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.45);
}
.demo-virtual-staff {
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 30px;
}
.virtual-demo-left {
    float: left;
    width: 100%;
    color: #fff;
}
.virtual-demo-right {
    float: right;
    width: 100%;
}
.virtual-demo-right img {   
    width: 100%;
}
.custom-bar {
    top: 22px;
}
/*------7-3-2018 starts----*/

/*---------8-3-2018 starts--------*/

.offering-we {
    background-size: cover;
    min-height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}

.people-image {
    margin-top: 26px;
}

    /*---------8-3-2018 ends--------*/
}



/* Portrait and Landscape */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .navbar-inverse .navbar-nav > li > a {
        font-size: 12px;
    }
    .carousel-caption {
        left: 35%;
        padding-bottom: 30px;
        width: 500px;
        margin-left: -250px;
        bottom: 0%;
        text-align: left;
    }
    .carousel-caption h3 {
        font-size: 16px;
    }
    .carousel-caption h4 {
        font-size: 24px;
        font-weight: bolder;
        margin-top: 0;
        margin-bottom: 0;
    }
    .servces-title h1 {
        font-size: 27px;
        margin-top: 13px;
        margin-bottom: 13px;
    }
    .inner-crm {
        width: 100%;
        padding-left: 23px;
        padding-top: 25px;
        padding-bottom: 43px;
    }
    .Implement-crm-left {
        background-size: cover;
        float: left;
        width: 60%;
        position: relative;
        min-height: 320px;
    }
    .graph-chart {
        display: none;
    }
    .on-hover-content {
        width: 100%;
        height: 100%;
        padding: 23px 20px 25px 25px;
        text-align: center;
    }
    .inner-crm-right {
        padding: 21px 25px 21px 21px;
        text-align: center;
        color: #fff;
    }
    .Implement-crm-right {
        background-size: cover;
        float: right;
        width: 39%;
    }
    .inner-crm-right h3::before {
        width: 200px;
        left: 50%;
        margin-left: -100px;
    }
    .product-develop {
        background-size: cover;
        padding: 20px 15px;
        min-height: 400px;
        position: relative;
    }
    .product-brach img {
        width: 75%;
        float: right;
    }
    .mobile-develop {
        background-size: cover;
        width: 54%;
        float: right;
        text-align: center;
    }
    .mobile-app-right img {
        width: 75%;
        float: right;
    }
    .mobile-develop-app p {
        width: 100%;
        text-align: center;
    }
    .mobile-app-right img {
        width: 75%;
    }
    .mobile-develop-app {
        padding: 25px 35px;
        min-height: 400px;
        position: relative;
    }
    .our-services-section-2,
    .our-services-section-3 {
        margin-top: 7px;
    }
    .product-app p {
        width: 100%;
        text-align: center;
    }
    .product-app h3 {
        text-align: center;
    }
    .game-app {
        padding: 20px 20px 18px 20px;
    }
    .mobile-game-develop {
        background-size: cover;
        position: relative;
        min-height: 320px;
        text-align: center;
    }
    .mobile-app-game-pro {
        position: absolute;
        bottom: 0px;
        right: 0px;
    }
    .mobile-app-game-pro img {
        width: 75%;
        float: right;
    }
    .game-app p {
        width: 100%;
    }
    .mobile-overhide-game {
        padding: 22px 20px;
        text-align: center;
    }
    .product-overhide {
        padding: 30px 15px;
    }
    .digital-market {
        background-size: cover;
        min-height: 320px;
        position: relative;
        text-align: center;
    }
    .marketing-digital {
        padding: 20px 18px;
        color: #fff;
    }
    .marketing-digital h3 {
        font-size: 19px;
    }
    .marketing-digital p {
        width: 100%;
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 25px;
    }
    .service-project img {
        width: 75%;
    }
    .service-project {
        bottom: -45px;
    }
    .digital-overhide {
        padding: 15px 17px;
    }
    .digital-overhide h3 {
        color: #fff;
        line-height: 32px;
        font-size: 20px;
    }
    .profile-tour h3 {
        font-size: 27px;
        margin-top: 13px;
        margin-bottom: 13px;
    }
    .impressed-project {
        text-align: center;
        font-size: 20px;
        font-weight: 400;
        vertical-align: middle;
    }
    .profile-technology h3 {
        font-size: 27px;
        margin-top: 13px;
        margin-bottom: 13px;
    }
    .video-approach img {
        cursor: pointer;
        width: 100%;
    }
    .video-approach {
        position: absolute;
        top: 45%;
        left: 50%;
        width: 700px;
        margin-left: -350px;
    }
    .customized-approach {
        width: 90%;
        margin: 0 auto;
        background: #fff;
        padding: 15px 30px;
        margin-top: 65px;
        margin-bottom: 135px;
    }
    .our-technology-main {
        background-size: cover;
        min-height: auto;
        padding-bottom: 40px;
        padding-top: 60px;
    }
    .inner-wrap {
        top: 34%;
    }
    .know-more-token h3 {
        font-size: 27px;
        margin-top: 13px;
        margin-bottom: 13px;
    }
    .wrap-custom {
        width: 98%;
    }
    .know-more-left {
        float: left;
        width: 100%;
    }
    .know-more-right {
        float: right;
        width: 100%;
        margin-top: 10px;
    }
    .lower-double-right {
        float: right;
        width: 49.5%;
        position: relative;
    }
    .lower-double-left {
        float: left;
        width: 49.5%;
        position: relative;
    }
    .Footer-main {
        background-size: cover;
        min-height: auto;
        margin-top: 0px;
        padding-top: 10px;
        padding-bottom: 12px;
    }
    .helpful-links ul li {
        display: inline-block;
        width: 49%;
        margin-bottom: 5px;
        position: relative;
        padding-left: 17px;
    }
    .helpful-links ul li a {
        letter-spacing: 0px;
        font-size: 12px;
    }
    .model-delivery-left {
        float: left;
        width: 50%;
        padding-left: 0px;
        padding-top: 0px;
    }
    .model-learn-more {
        float: right;
        width: 45%;
    }
    .people-image img {
        width: 100%;
    }
    .icon-left img {
        width: 82%;
        margin-top: 30px;
    }
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        font-size: 14px;
    }
    .main-industry-wrap h3 {
        font-size: 23px;
    }
    .main-industry-wrap h4 {
        font-size: 26px;
        line-height: 36px;
        margin-top: 13px;
        margin-bottom: 10px;
    }
    .main-industry-wrap p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 10px;
        letter-spacing: 1px;
    }
    .main-objective-history ul li h3 {
        margin-top: 15px;
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 8px;
    }
    .industry-text-banner {
        background-size: cover;
        min-height: 515px;
    }
    .what-do-we {
        background-size: cover;
        padding-top: 120px;
        width: 100%;
    }
    .inner-maintain {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 20px;
        padding-top: 35px;
    }
    .app-develop-maintian {
        margin-bottom: 36px;
    }
    .what-we-do-section-right h3 {
        font-size: 30px;
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .what-thinks-section {
        background-size: cover;
        padding-top: 35px;
        padding-bottom: 0px;
        width: 100%;
        border-bottom: 15px solid #abc4e2;
        min-height: 856px;
    }
    .main-think-pad-left h3 {
        font-size: 30px;
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .testimonial-text-banner {
        background-size: cover;
        padding-top: 60px;
        padding-bottom: 30px;
    }
    .quote-text p {
        font-size: 17px;
        line-height: 26px;
        text-align: left;
        margin-bottom: 20px;
        margin-top: 10px;
        font-weight: 300;
        font-style: italic;
        color: #3f3f3f;
    }
    .double-quote {
        font-size: 25px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .client-text-left {
        float: left;
        width: 48%;
        padding-top: 15px;
    }
    .client-text-left h3 {
        margin-top: 0;
        font-size: 27px;
        color: #fff;
        font-weight: 900;
    }
    .what-clients-says {
        background-size: cover;
    }
    .video-testimonials {
        background-size: cover;
    }
    .excellent-video img {
        box-shadow: 1px 3px 39px 6px #000;
        border-radius: 13px;
        width: 100%;
    }
    .one-by-one-testimonials {
        padding-top: 50px;
        padding-bottom: 0px;
    }
    .fellow-career span {
        float: left;
        width: 60%;
        font-size: 17px;
    }
    .fellow-career ul li a {
        font-size: 17px;
        display: block;
        width: 100%;
        padding: 7px 8px;
        margin-top: 15px;
    }
    .fellow-career ul {
        width: 40%;
        float: right;
        padding-left: 0px;
        text-align: right;
    }
    .career-job-description-right {
        float: right;
        width: 39%;
    }
    .career-job-description-left {
        float: left;
        width: 60%;
    }
    .related-jobs ul li a {
        font-size: 13px;
        padding: 13px 0px;
        display: block;
    }
    .title-job span {
        font-size: 15px;
    }
    .title-job {
        width: 50%;
        font-size: 15px;
    }
    .career-text-banner {
        background-size: cover;
        min-height: auto;
        padding-top: 30px;
        padding-bottom: 45px;
        color: #fff;
    }
    .career-oportunity h3 {
        margin-top: 0px;
        font-size: 33px;
        margin-bottom: 12px;
    }
    .career-oportunity p {
        text-align: justify;
        width: 75%;
        margin: 0 auto;
        font-size: 15px;
        padding-bottom: 22px;
    }
    .career-oportunity h4 {
        width: 50%;
    }
    .apply-job {
        width: 40%;
        margin: 0 auto;
    }
    .inner-wrap-job {
        width: 80%;
        left: 50%;
        height: auto;
        position: absolute;
        background: #fff;
        top: 50%;
        border-radius: 12px;
        padding: 30px 25px;
        margin-left: -40%;
    }
    .employee-text-banner {
        padding-bottom: 50px;
        padding-top: 50px;
        background-size: cover;
    }
    .employee-oportunity h3 {
        margin-top: 0px;
        margin-bottom: 10px;
        font-size: 27px;
    }
    .employee-oportunity p {
        width: 80%;
        margin: 0 auto;
        font-size: 15px;
        line-height: 28px;
        margin-top: 14px;
    }
    .employee-job-section {
        background: none;
        padding-bottom: 20px;
        padding-top: 35px;
    }
    .how-works {
        width: 100%;
        float: right;
    }
    .how-works h2 {
        margin-top: 0px;
        margin-bottom: 5px;
        font-size: 27px;
        text-align: center;
    }
    .bonus-procedure {
        padding-top: 15px;
        padding-bottom: 40px;
        float: left;
        width: 100%;
        margin-top: 0px;
    }
    .bonus-left {
        float: left;
        width: 100%;
        padding-top: 30px;
    }
    .bonus-Right {
        float: right;
        width: 100%;
        display: none;
    }
    .share-friend {
        float: none;
        width: 25%;
        margin-left: auto;
        margin-right: auto;
    }
    .bomus-main {
        text-align: center;
    }
    .bonus-left p {
        font-size: 14px;
    }
    .tek-about p {
        text-align: center;
        font-size: 16px;
        line-height: 27px;
    }
    .tek-about {
        width: 90%;
        margin: 0 auto;
    }
    .events-item-cash p {
        font-size: 15px;
        line-height: 20px;
    }
    .botton-event-middle img {
        margin-top: 0px;
    }
    .more-event {
        width: 68%;
        margin: 0 auto;
        top: 40%;
    }
    .events-text-banner {
        min-height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
        background-size: cover;
    }
    .more-click {
        width: 50%;
        margin: 0 auto;
    }
    #event-slide .left.carousel-control,
    #event-slide .right.carousel-control {
        width: 5%;
    }
    .content-event-slide p {
        font-size: 16px;
        line-height: 26px;
        text-align: center;
    }
    .content-event-slide span {
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 20px;
        text-align: center;
    }
    .events-text-banner-details {
        padding-bottom: 30px;
        padding-top: 30px;
        background-size: cover;
        min-height: auto;
    }
    .events-details {
        position: relative;
        margin-top: 27px;
    }
    .events-details h3 {
        margin-top: 0;
        font-size: 25px;
        line-height: 28px;
        margin-bottom: 0;
    }
    .main-service-details-right {
        float: right;
        width: 38%;
    }
    .main-service-details-left {
        float: left;
        width: 60%;
    }
    .img-blog img {
        width: 100%;
    }
    .happen-event-right ul li {
        padding: 11px 10px;
    }
    .blog-text h4 {
        font-size: 14px;
        line-height: 20px;
        font-style: italic;
    }
    .blog-text p {
        font-size: 14px;
        line-height: 24px;
    }
    .service-text-banner {
        background-size: cover;
        padding-top: 30px;
        padding-bottom: 30px;
        min-height: auto;
    }
    .service-delivery-details {
        color: #fff;
        text-align: center;
        margin-top: 0px;
    }
    .service-delivery-details h3 {
        font-size: 27px;
    }
    .service-delivery-details p {
        font-size: 15px;
        padding-top: 0px;
        width: 100%;
    }
    .service-work-left img {
        max-width: 100%;
    }
    .service-work-right {
        width: 48%;
        margin-top: 0px;
    }
    .service-work-right h3 {
        margin-top: 0px;
        margin-bottom: 8px;
        font-size: 24px;
    }
    .how-service-works-sec-2 {
        margin-top: 25px;
    }
    .service-lorem-events {
        background-size: cover;
        min-height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .service-content {
        margin-top: 0px;
    }
    .service-content p {
        width: 80%;
        margin: 0 auto;
        font-size: 15px;
        line-height: 28px;
        padding-top: 0px;
    }
    .service-content h3 {
        margin-top: 0px;
        font-size: 26px;
    }
    .staff-text-banner {
        background-size: cover;
        min-height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .staff-delivery-details {
        margin-top: 0px;
    }
    .staff-delivery-details h3 {
        font-size: 24px;
        margin-top: 0px;
    }
    .staff-delivery-details p {
        width: 100%;
        text-align: center;
        font-size: 15px;
        padding-top: 0px;
    }
    .IT-staff-right {
        float: right;
        width: 38%;
    }
    .IT-staff-left {
        float: left;
        width: 60%;
    }
    .staff-events {
        background-size: cover;
        min-height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .total-solution-left h3 {
        margin-top: 0px;
        font-size: 25px;
    }
    .total-solution-right {
        float: right;
        width: 39%;
    }
    .total-solution-left {
        float: left;
        width: 60%;
    }
    .total-solution-right img {
        max-width: 100%;
        margin-top: 45%;
    }
    .process-time {
        float: left;
        width: 100%;
    }
    .process-time-right {
        width: 100%;
        float: right;
    }
    .story-life-opportunity ul li a {
        display: block;
        text-align: center;
        color: #297afd;
        text-decoration: none;
        font-size: 13px;
        padding: 5px 7px;
    }
    .story-life-opportunity {
        padding: 13px 2px;
        border-radius: 10px;
    }
    .job-offer-tek {
        margin-bottom: 20px;
    }
    .story-title h3 {
        margin-top: 0px;
        font-size: 26px;
        margin-bottom: 20px;
    }
    .career-job-tek {
        padding-top: 50px;
        padding-bottom: 19px;
    }
    .story-tek {
        min-height: 305px;
        position: relative;
        background-size: cover;
    }
    .position-for-u {
        bottom: 30px;
    }
    .life-circle-1,
    .life-circle-2,
    .life-circle-3,
    .life-circle-4,
    .life-circle-5,
    .life-circle-6 {
        float: left;
        width: 50%;
        /* width: 33.3%; */
        min-height: 200px;
    }
    .life-circle-2 {
        background: #50bc7e;
        padding: 17px 35px;
    }
    .life-circle-4,
    .life-circle-6 {
        background: #3c89d2;
        padding: 29px 37px;
    }
    #life-cirle-tek-1 .item img,
    #life-cirle-tek-2 .item img,
    #life-cirle-tek-3 .item img {
        width: 100%;
    }
    .profile-candidate h4 {
        font-size: 14px;
        font-weight: 600;
    }
    .tek-title-oppor h3 {
        margin-top: 0px;
        font-size: 25px;
    }
    .current-opening {
        padding-top: 10px;
        padding-bottom: 30px;
    }
    .tek-title-oppor {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }
    .tek-lifestyle h4 {
        margin-top: 0px;
        text-align: center;
        font-size: 25px;
        font-weight: 500;
        margin-bottom: 15px;
    }
    .life-at-tek {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .history-text-banner-details {
        background-size: cover;
        min-height: auto;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .history-obect-details {
        position: relative;
        top: 0px;
        padding-bottom: 25px;
        padding-top: 20px;
    }
    .history-obect-details h3 {
        margin-top: 0px;
        font-size: 26px;
        margin-bottom: 10px;
    }
    .history-obect-details p {
        font-size: 16px;
        line-height: 24px;
    }
    .historyobj-text {
        padding-bottom: 40px;
        padding-top: 15px;
        width: 100%;
    }
    .main-all-find-left-wrap-1 img {
        width: 100%;
    }
    .redent-blog-ex {
        margin-top: 8px;
        margin-bottom: 0px;
    }
    .wrap-recent-rights {
        width: 100%;
    }
    .wrap-recent-left {
        float: left;
        width: 100%;
        position: relative;
    }
    .main-all-find-left-wrap-2 h4 {
        font-size: 17px;
        font-weight: 400;
        margin-top: 0;
        line-height: 28px;
    }
    .main-all-find-left-wrap-2 p a {
        width: auto;
    }
    .main-all-find-left-wrap-2 {
        float: right;
        width: 70%;
        padding-top: 0px;
    }
    #blog-details-popular .left.carousel-control {
        position: absolute;
        top: 120px;
        left: -4px;
        width: 25px;
        height: 25px;
        font-size: 20px;
        color: #fff;
        text-align: center;
        text-shadow: none;
        background-color: #fff;
        filter: alpha(opacity=50);
        opacity: 1;
        padding: 2px 3px 5px 1px;
        background: none;
        color: #000;
    }
    #blog-details-popular .right.carousel-control {
        position: absolute;
        top: 120px;
        right: -4px;
        width: 25px;
        height: 25px;
        font-size: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 0px 0px rgba(0, 0, 0, 1);
        background-color: #fff;
        filter: alpha(opacity=50);
        opacity: 1;
        padding: 2px 1px 2px 4px;
        background: none;
        color: #000;
    }
    .top-left-deve {
        width: auto;
        font-size: 12px;
    }
    .date-view-comment-pop ul li {
        color: #b1b0b0;
        float: left;
        margin-right: 14px;
        font-size: 13px;
        font-weight: 500;
        margin-top: 8px;
    }
    .mean-upper {
        font-size: 13px;
        font-weight: 500;
        color: #151515;
        line-height: 20px;
    }
    a.add-here {
        position: absolute;
        bottom: -18px;
        right: 0px;
    }
    .apply-main {
        margin-top: 28px;
        float: left;
        width: 100%;
    }
    .date-share-deve {
        float: left;
        width: 35%;
    }
    .share-ico-blog {
        float: left;
        width: 49%;
        margin-top: 17px;
    }
    .contact-sec {
        padding-top: 0px;
    }
    .contact-text-banner {
        min-height: auto;
        background-size: cover;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .contact-sec h3 {
        font-size: 31px;
    }
    .contact-sec p {
        font-size: 16px;
        line-height: 23px;
        width: 100%;
        margin: 0 auto;
    }
    .all-form-talk-left h4 {
        font-size: 18px;
    }
    .form-talkus {
        padding: 18px 15px;
    }
    .talktous {
        width: 90%;
        margin: 0 auto;
        padding-top: 5px;
    }
    .talktous h3 {
        margin-top: 0px;
        font-size: 18px;
        margin-bottom: 22px;
    }
    .country-add {
        float: right;
        width: 68%;
    }
    .flag-name {
        float: left;
        width: 25%;
    }
    .all-branches-add ul li {
        display: inline-block;
        width: 32%;
        vertical-align: top;
    }
    .country-add h4 {
        margin-top: 0px;
        font-size: 13px;
        font-weight: 500;
        line-height: 19px;
    }
    .map-address-left {
        float: left;
        width: 40%;
        position: relative;
    }
    .map-address-right {
        float: right;
        width: 60%;
    }
    .tek-full {
        position: absolute;
        top: 25px;
        left: 50%;
        margin-left: -30%;
        text-align: center;
        color: #fff;
        width: 60%;
    }
    .tek-full p {
        width: 100%;
        font-size: 14px;
        line-height: 22px;
    }
    .tek-full h3 {
        font-size: 22px;
        margin-top: 0px;
        font-weight: 600;
    }
    ul.indus-drop {
        top: 70px;
        width: 330px;
    }
    ul.indus-drop li a {
        font-size: 13px;
        padding: 5px 11px;
    }
	.flat-menu-1 h3, .flat-menu-2 h3, .flat-menu-3 h3, .flat-menu-4 h3, .flat-menu-5 h3 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 6px;
}
    #bootstrap-touch-slider .carousel-caption {
        left: 50%;
        padding-bottom: 18px;
        width: 600px;
        margin-left: -300px;
        bottom: 15%;
        text-align: left;
    }
    #bootstrap-touch-slider .carousel-caption p {
        font-size: 12px;
        letter-spacing: 2px;
        line-height: 21px;
    }
    #bootstrap-touch-slider .carousel-caption h3 {
        font-size: 19px;
        margin-bottom: 0;
        margin-top: 0;
    }
    #bootstrap-touch-slider .carousel-caption h4 {
        font-size: 27px;
        font-weight: bolder;
        margin-top: 3px;
        margin-bottom: 4px;
    }
    .frame-left {
        padding: 25px 10px;
    }
    .owl-prev {
        left: 43%;
    }
    .what-we-do-title h3 {
        font-size: 31px;
    }
    .sustain-power {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .inner-crm-right h3 {
        position: relative;
        letter-spacing: 0.9px;
        margin-bottom: 10px;
        padding-bottom: 15px;
        margin-top: 0px;
        font-size: 18px;
    }
    .offering {
        background-size: cover;
        min-height: auto;
    }
    .main-offering-wrap {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .main-offering-wrap h3 {
        font-size: 30px;
        margin-top: 0;
    }
    .main-offering-wrap p {
        font-size: 15px;
        text-align: center;
        line-height: 26px;
        width: 100%;
    }
    .consulting-section {
        background-size: cover;
        min-height: auto;
        padding-top: 25px;
        padding-bottom: 30px;
    }
    .consulting-sec h2 {
        font-weight: 700;
        font-size: 28px;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .consulting-left h3 {
        margin-top: 0px;
        font-size: 20px;
        color: #333;
        font-weight: 400;
        line-height: 28px;
    }
    .consult-more a {
        width: 50%;
    }
    h3.pro-main {
        text-align: center;
        font-size: 30px;
        margin-bottom: 25px;
    }
    .we-offer-product {
        background-size: cover;
        min-height: auto;
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .our-industries-list ul li {
        width: 32.9%;
        margin-right: 0px;
    }
    .indus-sec h2 {
        font-size: 30px;
    }
    .our-industries-list {
        margin-top: 18px;
    }

    /* prodcut listing page starts   */
    .tekhrm-left h3 {
        margin-top: 0px;
        font-size: 30px;
    }
    .tekhtm-offering {
        background: url(../images/tekhrm-sec-1.jpg) repeat-x top left;
        min-height: auto;
        border-top: 5px solid #d6d6d6;
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .try-demo {
        float: left;
        width: 47%;
        margin-left: 3%;
    }
    .try-free {
        float: left;
        width: 50%;
    }
    .middle-hrm-service img {
        max-width: 100%;
    }
    .service-product-section,
    .stay-profitable,
    .stay-profitable-section-2,
    .stay-profitable-section-3,
    .close-deals {
        padding-bottom: 40px;
        padding-top: 40px;
    }
    .custom-checkout ul li {
        display: inline-block;
        width: 29%;
        margin-right: 3%;
    }

    /*  prodcut listing page ends   */

    /*---------7-3-2018 starts--------*/

.Implement-crm-right {
    min-height: 400px;
}
.Implement-crm-left {

    min-height: 400px;
}
.view-more a {
    padding: 8px 28px;
    margin-top: 16px;
}
.view-more a {
    display: block;
    border: 1px solid #fff;
    padding: 8px 28px;
    margin-top: 16px;
    text-decoration: none;
    color: #fff;
}
.view-more-implement {
    width: 60%;
    margin: 11px auto;
}
.view-more-implement a {
    padding: 7px 15px;
    font-size: 14px;
}
.erp-overhide h3 {
    color: #fff;
    text-transform: capitalize;
    letter-spacing: 0.8px;
    margin-bottom: 3px;
    font-family: 'Montserrat', sans-serif;
    margin-top: 3px;
    font-size: 19px;
}
.product-overhide h3{
    font-size: 18px;
    margin-top: 0px;
}
.product-develop {
    background-size: cover;
    padding: 20px 15px;
    min-height: 570px;
    position: relative;
}
.product-overhide p {
    margin-top: 15px;
    margin-bottom: 18px;
    text-align: justify;
    font-size: 14px;
    line-height: 25px;
}
.product-view-more a {
    padding: 8px 20px;
    margin-top: 13px;
    font-size: 15px;
}
.mobile-develop {
    background-size: cover;
    width: 54%;
    float: right;
    text-align: center;
    min-height: 570px;
}
.mobile-app-overhide {
    padding: 15px 10px;
}
.mobile-app-overhide p {
    font-size: 14px;
}
.mobile-app-view-more a {
    padding: 7px 20px;
}
.mobile-game-develop {
    background-size: cover;
    position: relative;
    min-height: 400px;
    text-align: center;
}
.game-overhide-view-more a {
    display: block;
    text-decoration: none;
    border: 1px solid #fff;
    padding: 8px 20px;
    color: #fff;
}
.digital-market {
    background-size: cover;
    min-height: 400px;
    position: relative;
    text-align: center;
}
.digital-view-more a {
    padding: 8px 20px;
}
.digital-view-more {
    width: 60%;
    margin: 15px auto;
}
span.typed {
    width: 60%;
    display: inline-block;
}
.customized-approach {
    width: 90%;
    margin: 0 auto;
    background: #fff;
    padding: 15px 30px;
    margin-top: 65px;
    margin-bottom: 165px;
}
.profile-apply-1 {
    width: 35%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 15px;
}
.offering-we {
    min-height: auto;
}
.demo-virtual-staff {
    background-size: cover;
}
.virtual-demo-right img {
    width: 100%;
    margin-top: 35px;
}
.offering-7 {
    background-size: 100%;
    min-height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
}
ol.why-us li {
    width: 32%;
    min-height: 385px;
}
.cpacta-field {
    float: right;
    width: 58%;
}
.cap-source {
    float: left;
    width: 14%;
}
.cpata-img {
    float: left;
    width: 27%;
}
.model-delivery-left h3 {
    font-size: 25px;
}
.tek-full p {
    width: 100%;
    font-size: 13px;
    line-height: 16px;
}
.tek-full h3 {
    font-size: 19px;
    margin-top: 0px;
    font-weight: 600;
}
.how-service-works-sec-3 h3{
    margin-top: 0px;
}
.how-service-works-sec-3 p {
    font-size: 16px;
    line-height: 33px;
    margin-top: 7px;
}
.how-service-works-sec-1 h3 {
    margin-top: 0px;
    font-size: 25px;
    font-weight: 600;
    text-transform: capitalize;
}
.life-circle-2 {
    background: #50bc7e;
    padding: 16px 30px;
}
.life-circle-6 {
    background: #3c89d2;
    padding: 3px 37px;
}
.life-circle-6 h3{

}
.life-circle-6 p{
    
}
.inner-wrap-job {
    width: 80%;
    left: 50%;
    height: auto;
    position: fixed;
    background: #fff;
    top: 10%;
    border-radius: 12px;
    padding: 30px 25px;
    margin-left: -40%;
}
.fellow-career span {
    float: left;
    width: 60%;
    font-size: 16px;
}
.redent-blog-ex-left img {
    width: 100%;
    border-radius: 20px;
    height: 165px;
}
.redent-blog-ex-left img {
    width: 100%;
    border-radius: 20px;
    height: 180px;
}
.contact-text-banner {
    background-size: cover;
    padding-top: 55px;
    padding-bottom: 20px;
    min-height: 200px;
}
.offering-1, .offering-3, .offering-4, .offering-5, .offering-6 {
    background-size: 100%;
    min-height: auto;
}
ol.why-us {
    list-style: none;
    padding-left: 7px;
}
    /*---------7-3-2018 ends--------*/

}


/*Landscape */

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

    .carousel-caption {
        left: 30%;
        padding-bottom: 30px;
        width: 500px;
        margin-left: -250px;
        bottom: 18%;
        text-align: left;
    }
    .inner-wrap {
        top: 31%;
    }
    .what-thinks-section {
        min-height: 836px;
    }
    .fellow-career ul {
        width: 37%;
        float: right;
        padding-left: 0px;
        text-align: left;
    }
    .inner-wrap-job {
        width: 70%;
        left: 50%;
        height: auto;
        position: absolute;
        background: #fff;
        top: 50%;
        border-radius: 12px;
        padding: 30px 25px;
        margin-left: -35%;
    }
    .botton-event-middle img {
        margin-top: -1px;
    }
    .total-solution-right img {
        max-width: 100%;
        margin-top: 5%;
    }
    .life-circle-1,
    .life-circle-2,
    .life-circle-3,
    .life-circle-4,
    .life-circle-5,
    .life-circle-6 {
        float: left;
        width: 50%;
        /* width: 33.3%; */
        min-height: 250px;
    }
    #life-cirle-tek-1 .item img,
    #life-cirle-tek-2 .item img,
    #life-cirle-tek-3 .item img {
        width: 100%;
        height: 250px;
    }
    .main-all-find-left-wrap-2 h4 {
        font-size: 17px;
        font-weight: 400;
        margin-top: 0;
        line-height: 28px;
    }
    .main-all-find-left-wrap-2 p a {
        width: auto;
    }
    .main-all-find-left-wrap-2 {
        float: right;
        width: 70%;
        padding-top: 0px;
    }
    .map-address-left {
        float: left;
        width: 31%;
        position: relative;
    }
    .map-address-right {
        float: right;
        width: 69%;
    }
    ul.indus-drop {
        top: 70px;
        width: 330px;
    }
    ul.indus-drop li a {
        font-size: 13px;
        padding: 5px 11px;
    }
    #bootstrap-touch-slider .carousel-caption {
        left: 35%;
        padding-bottom: 18px;
        width: 600px;
        margin-left: -300px;
        bottom: 15%;
        text-align: left;
    }
    #bootstrap-touch-slider .carousel-caption p {
        font-size: 12px;
        letter-spacing: 2px;
        line-height: 21px;
    }
    #bootstrap-touch-slider .carousel-caption h3 {
        font-size: 19px;
        margin-bottom: 0;
        margin-top: 0;
    }
    #bootstrap-touch-slider .carousel-caption h4 {
        font-size: 27px;
        font-weight: bolder;
        margin-top: 3px;
        margin-bottom: 4px;
    }
    .frame-left {
        padding: 25px 10px;
    }
    .owl-prev {
        left: 43%;
    }
    .what-we-do-title h3 {
        font-size: 31px;
    }
    .sustain-power {
        padding-top: 50px;
        padding-bottom: 50px;
    }

}

/* ----------- Non-Retina Screens ----------- */

@media screen and (min-width: 1200px) and (max-width: 1600px) {
    .our-technology-main {
        background: url(../images/our-technology-bg.png) no-repeat top center;
        padding-bottom: 76px;
        padding-top: 60px;
        background-size: cover;
        min-height: auto;
    }
}

@media screen and (min-width: 1401px) and (max-width: 1800px) {
    .our-technology-main {
        background: url(../images/our-technology-bg.png) no-repeat top center;
        padding-bottom: 130px;
        padding-top: 88px;
        background-size: cover;
        min-height: auto;
    }
    .our-technoloy-section-pro {
        padding-top: 80px;
    }
}

@media screen and (min-width: 1801px) and (max-width: 2100px) {
    .our-technology-main {
        background: url(../images/our-technology-bg.png) no-repeat top center;
        padding-bottom: 40px;
        padding-top: 175px;
        background-size: cover;
        min-height: 975px;
    }
    .our-technoloy-section-pro {
        padding-top: 80px;
    }

}
 @media screen and (max-width: 960px){ 
     body { 
    top: 70px; 
     } 
}