@media(min-width:992px) {
    .web_app_layers {
        top: 234px;
        position: absolute;
        left: 364px
    }
}

.web_app_layers_bottom {
    position: absolute;
    top: 0;
    left: 0;
    right: 10px;
    z-index: 3;
    text-align: left;
    width: 234px
}

@media(min-width:992px) {
    .web_app_layers_bottom {
        top: 0
    }
    .web_app_layers_bottom.start {
        -webkit-animation: graph-first 1.5s ease-in 0s 1 reverse;
        -moz-animation: graph-first 1.5s ease-in 0s 1 reverse;
        -o-animation: graph-first 1.5s ease-in 0s 1 reverse;
        animation: graph-first 1.5s ease-in 0s 1 reverse
    }
}

.web_app_layers_middle {
    position: absolute;
    top: 0;
    left: 0;
    right: 10px;
    z-index: 4;
    text-align: left;
    width: 234px
}

@media(min-width:992px) {
    .web_app_layers_middle {
        top: 20px
    }
    .web_app_layers_middle.start {
        -webkit-animation: graph-second 1s ease-in 0s 1 reverse;
        -moz-animation: graph-second 1s ease-in 0s 1 reverse;
        -o-animation: graph-second 1s ease-in 0s 1 reverse;
        animation: graph-second 1s ease-in 0s 1 reverse
    }
}

.web_app_img {
    display: block
}

.web_app_img_m {
    display: none;
    padding-top: 60px
}

@-webkit-keyframes webappimg {
    0% {
        top: 0
    }
    100% {
        top: 45px
    }
}

@-moz-keyframes webappimg {
    0% {
        top: 0
    }
    100% {
        top: 45px
    }
}

@keyframes webappimg {
    0% {
        top: 0
    }
    100% {
        top: 45px
    }
}

.web_app_layers_top {
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    z-index: 5;
    text-align: left;
    width: 234px
}

.web_app_layers_adj {
    position: absolute;
    top: 71px;
    left: -19px;
    right: 0;
    z-index: 9;
    text-align: left;
    width: 234px
}

@-webkit-keyframes graph-first {
    0% {
        top: 0
    }
    100% {
        top: 25px
    }
}

@-moz-keyframes graph-first {
    0% {
        top: 0
    }
    100% {
        top: 25px
    }
}

@keyframes graph-first {
    0% {
        top: 0
    }
    100% {
        top: 25px
    }
}

@-webkit-keyframes graph-second {
    0% {
        top: 20px
    }
    100% {
        top: 45px
    }
}

@-moz-keyframes graph-second {
    0% {
        top: 20px
    }
    100% {
        top: 45px
    }
}

@keyframes graph-second {
    0% {
        top: 20px
    }
    100% {
        top: 45px
    }
}

.mobile-services-deploy,
.mobile-services-development,
.mobile-services-landscape,
.mobile-services-management,
.mobile-services-platform,
.mobile-services-support,
.mobile-services-ui,
.mobile-platform-android,
.mobile-platform-apple,
.mobile-platform-hybrid,
.mobile-platform-windows,
.mobile-webapp-jquery,
.mobile-webapp-js,
.mobile-webapp-net,
.mobile-webapp-ajax,
.mobile-webapp-css,
.mobile-webapp-html5,
.mobile-app-why_assist,
.mobile-app-why_dev,
.mobile-app-why_experience,
.mobile-app-why_suggest,
.mobile-app-why_tech,
.mobile-app-why_test,
.mobile-app-why_time,
.mobile-app-why_ui,
.mobile-app-social,
.mobile-app-business,
.mobile-app-cloud,
.mobile-app-entertainment,
.mobile-app-finance,
.mobile-app-healthcare,
.mobile-app-idea,
.mobile-app-lifestyle,
.mobile-app-location,
.mobile-app-shopping {
    background: url(../Images/mobile-apps/mobile-app-sprites.png) no-repeat
}

.mobile-platform-android,
.mobile-platform-apple,
.mobile-platform-hybrid,
.mobile-platform-windows,
.mobile-app-why_assist,
.mobile-app-why_dev,
.mobile-app-why_experience,
.mobile-app-why_suggest,
.mobile-app-why_tech,
.mobile-app-why_test,
.mobile-app-why_time,
.mobile-app-why_ui {
    margin: auto
}

.mobile-services-deploy {
    background-position: -669px -16px;
    width: 195px;
    height: 209px
}

.mobile-services-development {
    background-position: -444px -226px;
    width: 195px;
    height: 209px
}

.mobile-services-landscape {
    background-position: -239px -225px;
    width: 195px;
    height: 209px
}

.mobile-services-management {
    background-position: -25px -225px;
    width: 195px;
    height: 209px
}

.mobile-services-platform {
    background-position: -458px -11px;
    width: 195px;
    height: 209px
}

.mobile-services-support {
    background-position: -248px -14px;
    width: 195px;
    height: 209px
}

.mobile-services-ui {
    background-position: -22px -17px;
    width: 195px;
    height: 209px
}

.mobile-platform-android {
    background-position: -123px -445px;
    width: 96px;
    height: 96px
}

.mobile-platform-apple {
    background-position: -18px -446px;
    width: 96px;
    height: 96px
}

.mobile-platform-hybrid {
    background-position: -764px -276px;
    width: 96px;
    height: 96px
}

.mobile-platform-windows {
    background-position: -655px -283px;
    width: 96px;
    height: 96px
}

.mobile-webapp-jquery {
    background-position: -174px -553px;
    width: 136px;
    height: 96px
}

.mobile-webapp-js {
    background-position: -14px -564px;
    width: 136px;
    height: 96px
}

.mobile-webapp-net {
    background-image: url('../Images/mobile-apps/mobile-web-app-dot-net.png');
    width: 136px;
    height: 96px
}

.mobile-webapp-ajax {
    background-position: -542px -441px;
    width: 136px;
    height: 96px
}

.mobile-webapp-css {
    background-position: -383px -442px;
    width: 136px;
    height: 96px
}

.mobile-webapp-html5 {
    background-position: -231px -447px;
    width: 136px;
    height: 96px
}

.mobile-app-why_assist {
    background-position: -8px -665px;
    width: 73px;
    height: 64px
}

.mobile-app-why_dev {
    background-position: -769px -640px;
    width: 73px;
    height: 64px
}

.mobile-app-why_experience {
    background-position: -723px -545px;
    width: 73px;
    height: 64px
}

.mobile-app-why_suggest {
    background-position: -653px -550px;
    width: 73px;
    height: 64px
}

.mobile-app-why_tech {
    background-position: -571px -548px;
    width: 73px;
    height: 64px
}

.mobile-app-why_test {
    background-position: -485px -552px;
    width: 73px;
    height: 64px
}

.mobile-app-why_time {
    background-position: -400px -553px;
    width: 73px;
    height: 64px
}

.mobile-app-why_ui {
    background-position: -308px -555px;
    width: 73px;
    height: 64px
}

.mobile-app-social {
    background-position: -690px -667px;
    width: 48px;
    height: 41px
}

.mobile-app-business {
    background-position: -624px -670px;
    width: 48px;
    height: 41px
}

.mobile-app-cloud {
    background-position: -559px -668px;
    width: 48px;
    height: 41px
}

.mobile-app-entertainment {
    background-position: -492px -669px;
    width: 48px;
    height: 41px
}

.mobile-app-finance {
    background-position: -421px -674px;
    width: 48px;
    height: 41px
}

.mobile-app-healthcare {
    background-position: -350px -670px;
    width: 48px;
    height: 41px
}

.mobile-app-idea {
    background-position: -280px -672px;
    width: 48px;
    height: 41px
}

.mobile-app-lifestyle {
    background-position: -212px -672px;
    width: 48px;
    height: 41px
}

.mobile-app-location {
    background-position: -153px -674px;
    width: 48px;
    height: 41px
}

.mobile-app-shopping {
    background-position: -94px -672px;
    width: 48px;
    height: 41px
}

.mob_app_platform_m {
    display: none
}

.mobile-icon-animate {
    position: relative
}

.delay-2s {
    animation-delay: 1.1s
}

.delay-3s {
    animation-delay: 1.3s
}

.delay-4s {
    animation-delay: 1.5s
}

@media(min-width:992px) {
    .mobile-icon-animate {
        top: 0
    }
    .mobile-icon-animate.start {
        -webkit-animation: icon-first 1s ease-in 0s 1 reverse;
        -moz-animation: icon-first 1s ease-in 0s 1 reverse;
        animation: icon-first 1s ease-in 0s 1 reverse;
        -o-animation: icon-first 1s ease-in 0s 1 reverse animation: icon-first 1s ease-in 0s 1 reverse
    }
}

@-webkit-keyframes icon-first {
    0% {
        top: 0
    }
    100% {
        top: 40px
    }
}

@-moz-keyframes icon-first {
    0% {
        top: 0
    }
    100% {
        top: 40px
    }
}

@keyframes icon-first {
    0% {
        top: 0
    }
    100% {
        top: 40px
    }
}

.mobile_webapp_icon {
    display: inline-block;
    width: 136px;
    margin: 10px;
    text-align: center;
    color: #fff;
    vertical-align: top !important
}

.mobile_webapp_icon_box {
    text-align: center;
    margin: auto;
    line-height: 95px
}

.mobile_plaform_icon {
    display: inline-block;
    width: 290px;
    margin: 10px;
    text-align: center;
    color: #fff;
    vertical-align: top !important;
    padding: 10px
}

.mobile_plaform_icon b {
    color: #fff !important
}

.mobile_plaform_icon p,
.mobile_plaform_icon h3 b {
    text-align: center !important;
    color: #fff !important;
    font-size: 18px
}

.mobile_plaform_icon ul li {
    margin-left: -15px
}

.mobile_plaform_icon_box {
    text-align: center;
    margin: auto;
    height: 109px
}

.mob_app_row {
    width: 100%;
    display: table
}

.mob_app_row>div {
    width: 50%;
    height: 336px;
    display: table-cell
}

.mob_user_exp_2 p {
    text-align: justify !important
}

.mob_blk_overlay>div>h3 {
    color: #fff !important;
    font-size: 35px;
    font-weight: 100;
    letter-spacing: 1px;
    text-align: center;
    padding: 0 15px;
    line-height: 120%
}

.mob_blk_overlay>div>p {
    line-height: 29px;
    text-align: justify;
    font-weight: 100;
    letter-spacing: 1px;
    padding: 0 31px;
    color: #fff
}

.mob_app_tile1 {
    background-color: #0398dc;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.mob_app_tile2 {
    background-color: #8bc34a;
    background-position: center;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat
}

.sf_services {
    display: inline-block;
    width: 290px;
    margin: 10px;
    text-align: center;
    color: #333;
    vertical-align: top !important;
    padding: 10px
}

.sf_services b {
    color: #333 !important
}

.sf_services p,
.sf_services h3 b {
    text-align: center !important;
    color: #333 !important
}

.sf_services ul li {
    margin-left: -15px
}

.sf_services_box {
    text-align: center;
    margin: auto;
    width: 200px;
    height: 210px;
    line-height: 95px
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

.mob_platforms,
.mob_platfotrms_2 {
    display: inline-block;
    float: left
}

.mob_platforms {
    width: 20%;
    color: #fff;
    text-align: left;
    line-height: 250%;
    position: relative;
    top: 93px;
    background-color: rgba(255, 255, 255, .1);
    border: 1px solid #b4b4b4
}

.mob_platforms_2 {
    width: 100%;
    padding-top: 60px;
    position: relative
}

.mob_platforms ul li {
    list-style-image: none !important;
    list-style-type: none;
    padding-bottom: 3px;
    padding-left: 48px;
    background-image: url('../Images/mobile-apps/mobile-services-bullet.png');
    background-position: 0 11px;
    background-repeat: no-repeat;
    padding-right: 0
}

.home-layers {
    position: relative
}

.mobile_user_exp {
    background-color: #08334b;
    background-image: url('../Images/mobile-apps/bg-user-experience.jpg');
    background-size: cover
}

.mob_user_exp_1 {
    float: right
}

.mob_services,
.mob_services_2 {
    display: inline-block;
    float: left
}

.mob_user_exp_1 {
    width: 107%
}

.mob_user_exp_2 {
    width: 50%;
    color: #fff;
    float: right;
    text-align: justify;
    line-height: 250%;
    position: relative;
    padding: 25px
}

.mob_user_exp_2 p {
    margin-top: 0;
    text-align: justify
}

.mob_services {
    width: 64%
}

.mob_services_2 ul li {
    list-style-image: none !important;
    list-style-type: none;
    padding-bottom: 3px;
    padding-left: 48px;
    background-image: url('../Images/mobile-apps/mobile-services-bullet.png');
    background-position: 0 11px;
    background-repeat: no-repeat;
    padding-right: 0
}

.mob_services_2 {
    width: 35%;
    color: #fff;
    text-align: justify;
    line-height: 250%;
    position: relative;
    top: 93px;
    padding: 25px;
    background-color: rgba(255, 255, 255, .1)
}

.mob_services_3 {
    color: #fff;
    clear: both;
    width: 70%;
    text-align: justify;
    padding: 25px;
    margin: auto;
    background-color: rgba(255, 255, 255, .1);
    line-height: 200%
}

@media(min-width:992px) {
    .home-layers {
        top: 0;
        height: 520px
    }
}

.home-layers-bottom {
    position: absolute;
    top: 105px;
    left: 65px;
    right: 10px;
    z-index: 5;
    text-align: left
}

@media(min-width:992px) {
    .home-layers-bottom {
        top: 50px
    }
    .home-layers-bottom.start {
        -webkit-animation: image-first 1s ease-in 0s 1 reverse;
        -moz-animation: image-first 1s ease-in 0s 1 reverse;
        animation: image-first 1s ease-in 0s 1 reverse
    }
}

.home-layers-middle {
    position: absolute;
    top: 135px;
    left: 10px;
    right: 10px;
    z-index: 4;
    text-align: left
}

@media(min-width:992px) {
    .home-layers-middle {
        top: 105px
    }
    .home-layers-middle.start {
        -webkit-animation: image-second 1s ease-in 0s 1 reverse;
        -moz-animation: image-second 1s ease-in 0s 1 reverse;
        animation: image-second 1s ease-in 0s 1 reverse;
        -o-animation: image-second 1s ease-in 0s 1 reverse animation: image-second 1s ease-in 0s 1 reverse
    }
}

.home-layers-top {
    position: absolute;
    top: 155px;
    left: 0;
    right: 0;
    z-index: 3;
    text-align: left
}

@-webkit-keyframes image-first {
    0% {
        top: 50px
    }
    100% {
        top: 155px
    }
}

@-moz-keyframes image-first {
    0% {
        top: 50px
    }
    100% {
        top: 155px
    }
}

@keyframes image-first {
    0% {
        top: 50px
    }
    100% {
        top: 155px
    }
}

@-webkit-keyframes image-second {
    0% {
        top: 105px
    }
    100% {
        top: 155px
    }
}

@-moz-keyframes image-second {
    0% {
        top: 105px
    }
    100% {
        top: 155px
    }
}

@keyframes image-second {
    0% {
        top: 105px
    }
    100% {
        top: 155px
    }
}

.mobcontainer:before,
.mobcontainer:after {
    content: "";
    display: table
}

.mobcontainer:after {
    clear: both
}

.consulting,
.crm-why-technical,
.crm-why-certified,
.crm-why-agile,
.crm-why-experience,
.crm-why-team,
.crm-why-prcatice,
.crm-why-target,
.crm-npos,
.crm-enterprises,
.migration,
.integration,
.crm-smbs,
.crm-fortune,
.crm-goverment,
.support,
.reporting,
.cutomization {
    background: url('../Images/crm-consulting/crm-consulting-sprites.png') no-repeat
}

.crm-why-technical,
.crm-why-certified,
.crm-why-agile,
.crm-why-experience,
.crm-why-team,
.crm-why-prcatice,
.crm-why-target {
    display: inline-block;
    text-align: center;
    margin-right: 15px;
    margin-bottom: 20px
}

.consulting {
    background-position: 0 -224px;
    width: 103px;
    height: 103px
}

.crm-why-technical {
    background-position: -547px -247px;
    width: 79px;
    height: 57px
}

.crm-why-certified {
    background-position: -462px -249px;
    width: 79px;
    height: 57px
}

.crm-why-agile {
    background-position: -132px -246px;
    width: 79px;
    height: 57px
}

.crm-why-experience {
    background-position: -377px -249px;
    width: 79px;
    height: 57px
}

.crm-why-team {
    background-position: -294px -249px;
    width: 79px;
    height: 57px
}

.crm-why-prcatice {
    background-position: -206px -249px;
    width: 79px;
    height: 57px
}

.crm-why-target {
    background-position: -130px -312px;
    width: 79px;
    height: 57px
}

.crm-npos {
    background-position: -455px -115px;
    width: 103px;
    height: 103px
}

.crm-enterprises {
    background-position: -338px -110px;
    width: 103px;
    height: 103px
}

.migration {
    background-position: -223px -113px;
    width: 103px;
    height: 103px
}

.integration {
    background-position: -114px -110px;
    width: 103px;
    height: 103px
}

.crm-smbs {
    background-position: -1px -111px;
    width: 103px;
    height: 103px
}

.crm-fortune {
    background-position: -455px -5px;
    width: 103px;
    height: 103px
}

.crm-goverment {
    background-position: -335px -1px;
    width: 103px;
    height: 103px
}

.support {
    background-position: -223px 0;
    width: 103px;
    height: 103px
}

.reporting {
    background-position: -112px -4px;
    width: 103px;
    height: 103px
}

.cutomization {
    background-position: -2px -4px;
    width: 103px;
    height: 103px
}

.mobile_we_icon_left {
    display: inline-block;
    vertical-align: middle;
    width: 22%;
    position: relative
}

.mobile_we_text_left {
    width: 52%;
    margin: 0 auto;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    padding-right: 25px
}

.mobile_we_icon_right {
    display: inline-block;
    vertical-align: middle
}

.mobile_we_text_right {
    width: 52%;
    margin: 0 auto;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    padding-left: 25px
}

.crm_our_model_img {
    display: block
}

.crm_our_model_m {
    display: none
}

.mobile_we_develop_points {
    padding-bottom: 25px;
    position: relative
}

.mobile_why_points {
    padding-bottom: 25px;
    position: relative
}

.mobile_we_align {
    left: 6%;
    position: relative
}

.mobile_app_why_img {
    width: 40%;
    float: left;
    position: relative;
    display: inline-block;
    text-align: center;
    top: 40px
}

.mobile_we_develop_img {
    width: 28%;
    float: left;
    position: relative;
    display: inline-block;
    text-align: center
}

.mobile_we_icon_align {
    position: relative;
    top: 14px;
    left: 12px
}

.mobile_app_why {
    width: 30%;
    float: left;
    position: relative;
    display: inline-block;
    text-align: center
}

.mobile_we_develop {
    width: 30%;
    float: left;
    position: relative;
    display: inline-block;
    text-align: center
}

.mobile_we_circle {
    width: 80px;
    height: 80px;
    line-height: 100px;
    border-radius: 100px;
    font-size: 42px;
    text-align: center;
    background: #fff;
    border: 4px double #b4b4b4;
    color: #fff;
    float: left;
    -webkit-transition: background-color .3s, border-color .3s, color .3s;
    -moz-transition: background-color .3s, border-color .3s, color .3s;
    -ms-transition: background-color .3s, border-color .3s, color .3s;
    -o-transition: background-color .3s, border-color .3s, color .3s;
    transition: background-color .3s, border-color .3s, color .3s
}

.crm_comp_table {
    float: left;
    margin: 15px 15px 0 15px;
    width: 47%;
    height: 236px;
    background-color: #f7874f
}

.crm_comp_table_bg {
    width: 80%;
    margin: auto;
    background-color: #eaeaea;
    border: 1px solid #e6e6e6;
    display: table;
    text-align: center
}

.crm_comp_table p {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    font-style: italic;
    text-align: center !important
}

.crm_comp_table ul li {
    text-align: left;
    line-height: 20px;
    color: #fff !important
}

.comp_table_point li {
    float: left;
    margin-right: 30px
}

.service-item {
    width: 100%;
    height: 179px;
    padding: 20px;
    text-align: center;
    border: 4px double #fff;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.border_color1 {
    border: 4px double #fff
}

.model_block_1:hover .osd_img_align2,
.model_block_1:hover .osd_img_align1 {
    background-position: center bottom;
    border: none
}

.osd_top_p {
    float: left;
    width: 50%;
    padding-right: 40px;
    text-align: justify !important
}

.service-item h4 {
    color: #fff;
    position: relative;
    top: 0;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.model_block_1 {
    width: 32%;
    display: inline-block;
    text-align: center;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    padding: 15px;
    vertical-align: top
}

.sf_services .box_height p {
    line-height: 25px;
    letter-spacing: 1px
}

.sf_services .box_height h3 {
    color: #f29e0d !important
}

.testimonials_quote {
    margin-bottom: 27px
}

.dot_net_row {
    width: 100%;
    background-color: #000
}

.dot_net_row>div {
    width: 50%;
    height: 336px;
    display: inline-block;
    float: left
}

.blk_overlay>div>h3 {
    color: #fff !important;
    font-size: 35px;
    font-weight: 100;
    line-height: 27px;
    letter-spacing: 1px;
    text-align: center
}

.blk_overlay>div>p {
    line-height: 29px;
    font-size: 19px;
    font-weight: 100;
    letter-spacing: 1px;
    padding: 0 160px
}

.blk_overlay {
    top: 0;
    left: 0;
    height: 100%;
    color: #fff;
    display: table
}

.blk_overlay>div {
    display: table-cell;
    vertical-align: middle
}

.dot_net_tile1 {
    background-image: url(../Images/mobile-apps/mobile-web-app-development.jpg);
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.dot_net_tile2 {
    background-image: url(../Images/mobile-apps/web-app-development.jpg);
    background-position: center;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat
}

.dot_net_tile1,
.dot_net_tile2 {
    border-top: solid 4px #000;
    background-color: #000
}

.crm_emp,
.crm_emp-h,
.crm_npo,
.crm_npo_h {
    background: url(../images/crm-consulting/crm-testimonial-sprites.png) no-repeat
}

.crm_emp {
    background-position: -284px 0;
    width: 79px;
    height: 57px
}

.works_osd:hover .crm_emp {
    background-position: -188px -1px;
    width: 79px;
    height: 57px
}

.crm_npo {
    background-position: -94px -1px;
    width: 79px;
    height: 57px
}

.works_osd:hover .crm_npo {
    background-position: 0 -1px;
    width: 79px;
    height: 57px
}

.crm_emp,
.crm_npo {
    display: inline-block;
    float: left;
    padding-right: 15px
}

.crm_top_p {
    float: left;
    width: 50%;
    padding-right: 40px;
    text-align: justify !important
}

.osd-lowcost,
.osd-rightsize {
    background: url(../images/osd/osd_why_sprites.png) no-repeat;
    float: left;
    margin-right: 15px;
    margin-bottom: 27px
}

.osd-lowcost {
    background-position: -82px 0;
    width: 79px;
    height: 57px
}

.osd-rightsize {
    background-position: 0 -2px;
    width: 79px;
    height: 57px
}

.osd-experience {
    background-position: -159px -69px;
    width: 79px;
    height: 57px
}

.osd-project {
    background-position: 2px -71px;
    width: 79px;
    height: 48px
}

.osd-rd {
    background-position: -516px -8px;
    width: 79px;
    height: 50px
}

.osd-relationship {
    background-position: -437px -4px;
    width: 79px;
    height: 57px
}

.osd-security {
    background-position: -288px -9px;
    width: 79px;
    height: 47px
}

.osd-technical {
    background-position: -299px -78px;
    width: 79px;
    height: 55px
}

.osd-service {
    background-position: -555px -137px;
    width: 79px;
    height: 57px;
    float: left
}

.works_osd:hover .osd-service {
    background-position: -544px -201px;
    width: 79px;
    height: 57px
}

.works_osd:hover .osd-food {
    background-position: -460px -205px;
    width: 79px;
    height: 57px
}

.osd-beverage {
    background-position: -372px -204px;
    width: 79px;
    height: 57px
}

.works_osd:hover .osd-beverage {
    background-position: -274px -204px;
    width: 79px;
    height: 57px
}

.works_osd .osd-computer {
    background-position: -178px -204px;
    width: 79px;
    height: 57px
}

.works_osd:hover .osd-computer {
    background-position: -93px -208px;
    width: 79px;
    height: 57px
}

.osd-finance {
    background-position: -10px -205px;
    width: 79px;
    height: 57px
}

.works_osd:hover .osd-finance {
    background-position: -482px -136px;
    width: 79px;
    height: 57px
}

.osd-food {
    background-position: -402px -138px;
    width: 79px;
    height: 57px
}

.osd-goverment {
    background-position: -322px -133px;
    width: 79px;
    height: 57px
}

.works_osd:hover .osd-goverment {
    background-position: -241px -140px;
    width: 79px;
    height: 57px
}

.osd-library {
    background-position: -164px -139px;
    width: 79px;
    height: 57px
}

.works_osd:hover .osd-library {
    background-position: -82px -137px;
    width: 79px;
    height: 57px
}

.osd-why-steel {
    background-position: -454px -76px;
    width: 79px;
    height: 57px
}

.works_osd:hover .osd-why-steel {
    background-position: -375px -75px;
    width: 79px;
    height: 57px
}

.works_osd .osd-works-software {
    background-position: 0 -139px;
    width: 79px;
    height: 57px
}

.works_osd:hover .osd-works-software {
    background-position: -17px -268px;
    width: 79px;
    height: 57px
}

.works_osd {
    display: inline-block;
    width: 326px;
    margin: 30px;
    text-align: left;
    vertical-align: top;
    color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    border: 2px solid #f29e0d;
    cursor: pointer
}

.works_osd a {
    display: block
}

.works_osd a,
.works_osd a:link {
    color: #fff;
    text-decoration: none
}

.works_osd a:hover {
    color: #fff !important;
    text-decoration: none
}

.works_osd .works_text_osd {
    width: 100%;
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    height: 65px
}

.works_osd img {
    display: inline-block;
    float: left;
    padding-right: 15px
}

.works_osd p {
    text-align: center !important;
    padding: 5px
}

.works_osd ul li {
    padding-right: 10px
}

.works_osd .box_height {
    height: 177px
}

.java-team,
.sf-why-ablity,
.java-agile,
.java-offshore,
.java-practiices,
.service-cloud,
.app-cloud,
.app-store,
.community-cloud,
.sf-services-1,
.sf-services-6,
.sf-services-3,
.sf-services-2,
.sf-services-7,
.sf-services-4,
.sf-services-5,
.bi-contact-form-certified {
    background: url(../newpage_image/salesforce-sprites.png) no-repeat
}

.java-team,
.sf-why-ablity,
.java-agile,
.java-offshore,
.java-practiices,
.bi-contact-form-certified {
    float: left;
    margin-right: 15px;
    padding-bottom: 15px
}

.java-team {
    background-position: -423px -236px;
    width: 65px;
    height: 41px
}

.sf-why-ablity {
    background-position: -29px -229px;
    width: 44px;
    height: 50px
}

.bi-contact-form-certified {
    background-position: -189px -227px;
    width: 63px;
    height: 56px
}

.java-agile {
    background-position: -346px -230px;
    width: 54px;
    height: 48px
}

.java-offshore {
    background-position: -272px -230px;
    width: 47px;
    height: 47px
}

.java-practiices {
    background-position: -101px -234px;
    width: 61px;
    height: 43px
}

.service-cloud {
    background-position: -9px -101px;
    width: 91px;
    height: 89px
}

.app-cloud {
    background-position: -115px -106px;
    width: 91px;
    height: 89px
}

.app-store {
    background-position: -321px -103px;
    width: 91px;
    height: 89px
}

.community-cloud {
    background-position: -219px -104px;
    width: 91px;
    height: 89px
}

.mobile-services-1 {
    background-image: url('../Images/mobile-apps/mobile-services-landscape.png');
    background-repeat: no-repeat;
    width: 195px;
    height: 209px;
    position: relative;
    top: 8px
}

.mobile-services-2 {
    background-image: url('../Images/mobile-apps/mobile-services-platform.png');
    background-repeat: no-repeat;
    width: 195px;
    height: 209px;
    position: relative;
    top: 8px
}

.mobile-services-3 {
    background-image: url('../Images/mobile-apps/mobile-services-ui.png');
    background-repeat: no-repeat;
    width: 195px;
    height: 209px
}

.mobile-services-4 {
    background-image: url('../Images/mobile-apps/mobile-services-development.png');
    background-repeat: no-repeat;
    width: 195px;
    height: 209px;
    position: relative;
    top: 8px
}

.mobile-services-5 {
    background-image: url('../Images/mobile-apps/mobile-services-deploy.png');
    background-repeat: no-repeat;
    width: 195px;
    height: 209px
}

.mobile-services-6 {
    background-image: url('../Images/mobile-apps/mobile-services-support.png');
    background-repeat: no-repeat;
    width: 195px;
    height: 209px;
    position: relative;
    left: 8px
}

.mobile-services-7 {
    background-image: url('../Images/mobile-apps/mobile-services-management.png');
    background-repeat: no-repeat;
    width: 195px;
    height: 209px
}

.service-cloud,
.app-cloud,
.app-store,
.community-cloud {
    margin: auto
}

h1 {
    color: #ce312a;
    font-family: 'Open Sans', HelveticaNeue, Helvetica, Arial, sans-serif;
    font-size: 26.75pt;
    font-weight: normal;
    text-align: left;
    line-height: 14px;
    text-transform: capitalize;
    position: relative
}

.body_text {
    padding-left: 0 !important
}

.m_emailbtn {
    display: none
}

.navwrapper ul {
    margin-bottom: 0 !important
}

.navwrapper ul li {
    margin-bottom: 0 !important
}

.casestudies_img {
    background: url('../Newpage_image/testimonial-bg-2.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #2d3033;
    background-attachment: fixed
}

.calltoaction_img {
    background: url('../newpage_image/closure-img.jpg') no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #2d3033;
    background-attachment: fixed
}

.customerspeaks_img {
    background: url('../Images/mobile-apps/mob-services-bg.jpg') repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #2f3542
}

.head_image_size {
    width: 1360px;
    margin: 0 auto;
    padding: 0;
    padding-top: 5px;
    display: inline-block;
    position: relative
}

.center_txt h1 {
    text-align: center;
    color: #fff;
    font-size: 34pt;
    font-style: normal;
    letter-spacing: 3px;
    line-height: 150%;
    margin-top: 0
}

.head_img p {
    text-align: center;
    color: #fff;
    font-size: 34pt;
    font-style: normal;
    letter-spacing: 3px
}

.head_img span {
    text-align: center;
    color: #fff;
    font-size: 13pt;
    font-style: normal;
    letter-spacing: 3px;
    line-height: 29px;
    font-weight: 100
}

.calltoaction_txt {
    width: 80%;
    margin: auto
}

.calltoaction_txt span {
    text-align: center;
    color: #fff;
    font-size: 11pt;
    font-style: normal;
    letter-spacing: 3px;
    line-height: 29px;
    font-weight: bold;
    width: 612px;
    display: inline-block;
    padding-bottom: 15px
}

.calltoaction_txt p>a,
.calltoaction_txt p>a:hover {
    color: #fff !important
}

.calltoaction_txt h3 {
    color: #ffa70e;
    text-align: center;
    font-size: 23pt;
    line-height: 200%
}

.breadcrumbnew {
    padding-top: 0;
    letter-spacing: 3px;
    line-height: 16px;
    font-size: 9pt
}

.breadcrumbnew a {
    text-decoration: none
}

.breadcrumbnew span {
    text-align: center;
    color: #fff;
    font-size: 9pt;
    font-style: normal;
    letter-spacing: 3px;
    line-height: 16px
}

.center_txt {
    text-align: center;
    margin: 0 auto;
    position: relative;
    width: 947px;
    text-transform: capitalize
}

dot_net_row .head_img>.m-body {
    padding: 37px;
    padding-top: 0
}

.mobile_services {
    background: url('../Images/mobile-apps/mobileservice-pattern.png') repeat;
    background-color: #fbfbfb
}

.top_blk_overlay {
    background-color: #112349
}

.mobile_app_top {
    padding: 70px
}

video {
    position: relative;
    bottom: 0%;
    transform: translateY(-30%)
}

.bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1
}

.head_img {
    background-color: #010b19;
    background-image: url('../Images/mobile-apps/web-mobile-video.png');
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.testimonials_img {
    background-color: #e2e2e2;
    border: thin solid #d2d2d2
}

.sharethis {
    top: 20px !important
}

.bubble {
    position: relative;
    width: 499px;
    padding: 20px;
    background: #fff;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
    border: #cecece solid 1px
}

.bubble:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 23px 15px 0;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -23px;
    left: 30px
}

.bubble:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 23px 15px 0;
    border-color: #cecece transparent;
    display: block;
    width: 0;
    z-index: 0;
    bottom: -24px;
    left: 30px
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.m-table:after {
    content: '';
    display: block;
    clear: both;
    height: 0
}


/**/

@media screen and (max-width:1170px) {
    .mobile_app_top {
        padding: 50px
    }
    video {
        position: relative;
        bottom: 0%;
        transform: translateY(-5%)
    }
}

@media screen and (max-width:770px) {
    .head_image_size {
        display: none
    }
    video {
        transform: translateY(0%)
    }
    .mobile_app_top {
        padding: 45px 50px
    }
}

@media screen and (max-width:760px) {
    .bg-video {
        display: none
    }
}


/**/

.m-body {
    
    width: 100%;
    margin: 0 auto;
    padding: 30px;
    display: inline-block
}

.castudylink ul li {
    list-style-image: none !important;
    list-style-type: none;
    padding-bottom: 3px;
    padding-left: 18px;
    padding-right: 0;
    margin-bottom: 20px;
    color: #fff;
    font-size: 16px;
    text-align: center
}

.tab_sharepoint_spectrum ul li {
    list-style-type: disc
}

.body_text ul li {
    list-style-image: none
}

.tab_sharepoint_spectrum {
    background-image: none !important;
    background-color: #f9f9f9;
    margin: 0 auto !important;
    border: 1px solid #d2d2d2;
    height: 374px !important
}

.btm_section {
    width: 39%;
    float: left;
    height: 375px;
    margin-right: 43px
}

.btm_section_right {
    margin-right: 30px;
    display: inline-block;
    width: 54%
}

.breadcrumbnew,
.breadcrumbnew a {
    padding-top: 15px
}

.clearfix:before {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

.about-img img {
    width: 100%
}

img {
    vertical-align: middle
}

.about-details {
    border-top: 2px solid #fff;
    background-color: #219dad;
    border: thin solid #ededed;
    transition: all .7s ease 0s;
    -webkit-transition: all .7s ease 0s;
    -moz-transition: all .7s ease 0s;
    -o-transition: all .7s ease 0s;
    -ms-transition: all .7s ease 0s
}

.img-about-detail:hover .about-details {
    background: #2f2f2f
}

.about-details p {
    padding: 10px;
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff
}

.story_box {
    padding-right: 15px;
    padding-left: 15px;
    width: 79%;
    margin: 0 auto
}

.zoomin {
    top: 0;
    left: 0
}

.zoomin img {
    -webkit-transition: .4s ease;
    transition: .4s ease
}

.frame:hover .zoomin img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.frame {
    width: 100%;
    height: auto;
    overflow: hidden
}

.img-resize {
    float: left;
    height: 46px !important;
    margin-left: 10px;
    margin-top: 7px;
    width: 245px !important;
    padding-left: 0 !important;
    padding-top: 0 !important
}

.sp_topbanner {
    position: relative;
    margin: 0 auto;
    width: 1003px;
    height: 65px
}

.footer_bg {
    height: 53px !important
}

.tile_center {
    text-align: center;
    margin: 0 auto;
    position: relative
}

.tile_btn_centr {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.m-table {
    width: 100%
}

.testimonials_quote_img {
    padding-left: 5px
}

.testimonial_block1 {
    float: left;
    padding-bottom: 15px;
    width: 50%
}

.testimonial_block2 {
    float: left;
    width: 50%
}

.case_study_main {
    text-align: center;
    margin: 0 auto;
    position: relative
}

.case_study_block {
    display: inline-block;
    margin: auto;
    padding: 32px;
    padding-top: 0
}

.region_support {
    text-align: center;
    margin: 0 auto;
    position: relative
}

.region_center {
    display: inline-block;
    margin: auto
}

.btn_more {
    padding-top: 50px
}

.why_sf {
    display: inline-block;
    width: 406px;
    margin: 10px;
    text-align: left;
    vertical-align: top;
    padding-top: 15px
}

.why_sf img {
    display: inline-block;
    float: left;
    padding-right: 15px;
    padding-bottom: 15px
}

.why_sf p {
    text-align: center !important;
    padding: 5px
}

.why_sf ul li {
    padding-right: 10px
}

.why_sf .box_height {
    height: 177px
}

@media screen and (max-width:650px) {
    .why_sf {
        width: 46%
    }
    .why_sf .box_height {
        height: 185px !important
    }
}

@media screen and (max-width:560px) {
    .why_sf {
        float: none;
        width: 94%
    }
    .why_sf .box_height {
        height: auto !important
    }
}

@media screen and (max-width:1030px) {
    .why_sf .box_height {
        height: 240px
    }
}

@media screen and (max-width:1290px) {
    .why_sf {
        width: 380px
    }
}

@media screen and (max-width:1025px) {
    .why_sf {
        width: 290px
    }
    .why_sf img {
        padding-bottom: 25px
    }
}

@media screen and (max-width:990px) {
    .why_sf {
        width: 47%
    }
}

@media screen and (max-width:770px) {
    .why_sf .box_height {
        height: 240px
    }
}

@media screen and (max-width:770px) {
    .why_sf {
        width: 97%
    }
}

.sf_why_comp {
    display: inline-block;
    width: 296px;
    margin: 10px;
    text-align: center;
    border: thin solid #dcdcdc;
    vertical-align: top;
    padding-top: 15px
}

.sf_why_comp p {
    text-align: center !important;
    padding: 5px
}

.sf_why_comp ul li {
    padding-right: 10px
}

.sf_why_comp .box_height {
    height: 177px
}

@media screen and (max-width:650px) {
    .sf_why_comp {
        width: 46%
    }
    .sf_why_comp .box_height {
        height: 185px !important
    }
}

@media screen and (max-width:560px) {
    .sf_why_comp {
        float: none;
        width: 94%
    }
    .sf_why_comp .box_height {
        height: auto !important
    }
}

@media screen and (max-width:1030px) {
    .sf_why_comp .box_height {
        height: 240px
    }
}

@media screen and (min-width:1350px) {
    .testimonial_center {
        margin-left: 116px
    }
}

.crm_model {
    display: inline-block;
    width: 19.7%;
    text-align: center;
    color: #333;
    vertical-align: top !important;
    padding: 10px;
    margin: 0
}

.crm_model h3 {
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
    font-weight: 600;
    color: #333
}

.crm_model b {
    color: #333 !important;
    font-weight: 700
}

.crm_model p {
    text-align: center !important
}

.crm_model a {
    color: #333 !important
}

.crm_model ul li {
    margin-left: -15px
}

.crm_model_box {
    text-align: center;
    margin: auto;
    width: 103px;
    height: 103px;
    line-height: 95px;
    border-radius: 10px
}

.crm_model_1 {
    background-image: url('../Images/crm-consulting/crm-fortune.png');
    width: 103px;
    height: 103px;
    background-repeat: no-repeat
}

.crm_model_2 {
    background-image: url('../Images/crm-consulting/crm-goverment.png');
    width: 103px;
    height: 103px;
    background-repeat: no-repeat
}

.crm_model_3 {
    background-image: url('../Images/crm-consulting/crm-enterprises.png');
    width: 103px;
    height: 103px;
    background-repeat: no-repeat
}

.crm_model_4 {
    background-image: url('../Images/crm-consulting/crm-smbs.png');
    width: 103px;
    height: 103px;
    background-repeat: no-repeat
}

.crm_model_5 {
    background-image: url('../Images/crm-consulting/crm-npos.png');
    width: 103px;
    height: 103px;
    background-repeat: no-repeat
}

@media screen and (max-width:1370px) {
    .sf_services {
        padding: 0 30px
    }
    .blk_overlay>div>h3 {
        line-height: 39px
    }
}

@media screen and (max-width:650px) {
    .sf_services {
        width: 46%
    }
    .sf_services .box_height {
        height: auto !important
    }
}

@media screen and (max-width:560px) {
    .sf_services {
        float: none;
        width: 94%
    }
    .sf_services .box_height {
        height: auto !important
    }
}

@media screen and (max-width:1030px) {
    .sf_services .box_height {
        height: auto !important
    }
}

.btn_top {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: none;
    cursor: pointer;
    padding: 15px 80px;
    display: inline-block;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    outline: none;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    background-color: #ce312a;
    font-weight: bold
}

.hvr_fade_btn {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color, background-color;
    -moz-transition-property: color, background-color;
    -o-transition-property: color, background-color;
    transition-property: color, background-color
}

.hvr_fade_btn:hover,
.hvr_fade_btn:focus,
.hvr_fade_btn:active {
    background-color: #a5120b;
    color: #fff
}

@media screen and (max-width:380px) {
    .btn_top {
        padding: 10px 35px
    }
    .hvr_fade_btn:before {
        right: 16px;
        top: 14px
    }
}

@media screen and (min-width:1380px) {
    .body_text {
        font-size: 14px !important;
        line-height: 20px !important
    }
    .body_text b {
        font-size: 11pt !important
    }
}

.case-study-1 {
    border: none;
    width: 185px;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: none;
    cursor: pointer;
    font: 14px 'Open Sans', HelveticaNeue, Helvetica, Arial, sans-serif !important;
    display: table-cell;
    margin: 15px 30px;
    letter-spacing: 1px;
    font-weight: normal;
    outline: none;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    height: 148px;
    border: 2px solid #f29e0d;
    vertical-align: middle;
    padding: 5px
}

.hvr_fade {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color, background-color;
    -moz-transition-property: color, background-color;
    -o-transition-property: color, background-color;
    transition-property: color, background-color
}

.hvr_fade:hover,
.hvr_fade:focus,
.hvr_fade:active {
    background-color: #f29e0d;
    color: #fff;
    border: 2px solid #f29e0d
}

@media screen and (max-width:1370px) {
    .body_text {
        font-size: 13px !important
    }
    .footer_m_body {
        margin-left: auto;
        margin-right: auto;
        padding-left: 50px !important;
        padding-right: 50px !important
    }
    .cssmenu {
        padding-right: 119px !important
    }
    .tilebox p {
        height: 122px !important
    }
    .tile {
        position: relative
    }
    .blk_overlay>div>p {
        padding: 0 50px
    }
    .tilebox {
        padding: 28px
    }
    .col_header_menu {
        width: 72% !important;
        float: right;
        padding-right: 67px;
        padding-top: 15px;
        padding-left: 24px
    }
    /*.container {
        width: inherit !important;
    }*/
    .slText {
        font-size: 44px;
        line-height: 64px
    }
    .slbtn_slide_2 {
        padding: 24px 45px
    }
    .slbtn_1 {
        padding: 22px 17px;
        max-width: 22%;
        width: 100%
    }
    .slbtn_2 {
        max-width: 16%;
        padding: 24px 52px
    }
    .slider {
        width: 100%;
        height: 80vh;
        position: relative
    }
    .m-body {
        margin-left: auto;
        margin-right: auto;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width:1370px) {
    .head_image_size {
        width: 100%
    }
    .services_tiles {
        width: 103px
    }
}

@media screen and (max-width:1230px) {
    .testimonial_block1 {
        width: 49%
    }
    .bubble {
        width: 88%;
        height: auto
    }
    .ytube_vdo_img {
        padding-left: 64px
    }
}

@media screen and (max-width:1230px) {
    .bubble {
        width: 88%;
        height: auto
    }
    .ytube_vdo_img {
        padding-left: 0
    }
    .testimonial_block1 {
        float: left;
        padding-bottom: 15px;
        width: 50%
    }
    .testimonial_block2 {
        float: left;
        width: 50%
    }
    .video_center {
        text-align: center
    }
}

@media screen and (max-width:1250px) {
    .btm_section_part1 {
        width: 100%;
        margin-right: 0;
        height: auto;
        margin-bottom: 30px
    }
    .btm_section_part2 {
        width: 100%;
        margin-right: 0
    }
}

@media screen and (max-width:700px) {
    .center_txt {
        width: 100%
    }
    .head_img>.m-body {
        padding: 20px
    }
    .head_img p {
        margin-top: 0;
        margin-bottom: 10px
    }
    .btn_more {
        padding-top: 20px
    }
    .center_txt h1 {
        font-size: 25pt
    }
    .tilebox p {
        height: auto !important
    }
    .m-body h2 {
        font-size: 23px !important;
        font-weight: 500
    }
    .footer_bg {
        height: 113px !important
    }
    .casestudies_img,
    .head_img,
    .customerspeaks_img,
    .calltoaction_img {
        background-attachment: scroll
    }
    .dot_net_row>div {
        height: auto
    }
    .mobile_plaform_icon {
        width: 218px !important
    }
    .sf_services {
        width: 265px !important
    }
    .pdf_button {
        padding: 23px 15px
    }
    .sf_services h3 {
        font-size: 18px
    }
    h3 {
        font-size: 18px
    }
    .crm_model {
        width: 31% !important;
        padding: 0
    }
    .crm_model h3 {
        font-size: 13px;
        line-height: 16px;
        margin-top: 0
    }
    .works_osd {
        width: 271px !important
    }
}

@media screen and (max-width:1285px) {
    .sf_why_comp {
        width: 273px
    }
    .sf_why_comp .box_height {
        height: 198px
    }
    .tilebox {
        width: 302px
    }
    .m-body {
        width: 100% !important
    }
    .newsroll {
        display: none
    }
    .case-study-1 {
        margin: 15px 25px
    }
    .testimonials_quote {
        padding-left: 52px
    }
    .testimonials_quote_img {
        padding-left: 53px
    }
}

@media screen and (max-width:1290px) {
    .case_study_block {
        padding: 14px !important
    }
    .bubble {
        width: 99%
    }
    .blk_overlay>div>h3 {
        font-size: 30px
    }
    .blk_overlay>div>p {
        line-height: 29px;
        font-size: 16px;
        font-weight: 100;
        letter-spacing: 1px;
        padding: 0 30px
    }
    .mobile_plaform_icon {
        width: 271px
    }
    .sf_services {
        width: 377px
    }
    .crm_comp_table_bg {
        width: 84%
    }
}

@media screen and (max-width:1231px) {
    .why_border:before {
        width: 0
    }
    .testimonial_block1:after {
        width: 0
    }
}

@media only screen and (max-width:980px) {
    .sf_why_comp {
        width: 273px !important
    }
}

@media screen and (max-width:1025px) {
    .main_div {
        padding-top: 103px !important
    }
    .crm_comp_table_bg {
        width: 100%
    }
    .crm_comp_table {
        width: 46%;
        height: 236px
    }
    .dot_net_tile2 {
        background-position: right
    }
    .testimonial_center {
        left: 36px;
        position: relative
    }
    .works_osd {
        width: 289px;
        margin: 7px
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .blk_overlay>div>h3 {
        font-size: 24px
    }
    .blk_overlay>div>p {
        font-size: 15px;
        line-height: 23px
    }
    .crm_model h3 {
        line-height: 18px
    }
    .sf_why_comp {
        width: 218px
    }
    .sf_why_comp .box_height {
        height: 198px
    }
    .calltoaction_txt>h3 {
        font-size: 20pt
    }
    .m-body {
        width: 100% !important
    }
    .casestudies_img,
    .head_img,
    .customerspeaks_img,
    .calltoaction_img {
        background-attachment: scroll
    }
    .head_img>.m-body {
        padding: 21px 87px 55px
    }
    .tilebox {
        width: 317px
    }
    .m-body h2 {
        font-size: 28px !important;
        font-weight: 500
    }
    h3 {
        font-size: 22px
    }
    .btm_section_part1 {
        width: 100%;
        margin-right: 0;
        height: auto;
        margin-bottom: 30px
    }
    .btm_section_part2 {
        width: 100%;
        margin-right: 0
    }
    .m-table {
        width: 100%
    }
    .region_support {
        display: table;
        margin: 0 auto;
        position: relative;
        text-align: center
    }
    .case-study-1 {
        margin: 15px 5px;
        width: 175px;
        padding: 7px
    }
    .case_study_block {
        padding: 7px !important
    }
    .bubble {
        width: 88%;
        height: auto
    }
    .ytube_vdo_img {
        padding-left: 0
    }
    .testimonial_block1 {
        float: left;
        padding-bottom: 15px;
        width: 50%
    }
    .testimonial_block2 {
        float: left;
        width: 50%
    }
    .video_center {
        text-align: center
    }
    .testimonials_quote_img {
        padding-left: 0;
        padding-top: 33px
    }
    .testimonials_quote {
        padding-left: 0
    }
    ul.footer_link li a {
        padding: 8px
    }
    .center_txt {
        width: 100% !important
    }
}

@media screen and (max-width:490px) {
    .services_tiles,
    .services_tiles2,
    .services_tiles3,
    .services_tiles4 {
        background-size: 100% auto;
        background-repeat: no-repeat;
        width: 95px;
        line-height: 204px
    }
    .casestudies_img,
    .head_img,
    .customerspeaks_img,
    .calltoaction_img {
        background-attachment: scroll
    }
    .calltoaction_txt h3 {
        font-size: 16pt;
        line-height: 33px;
        padding-bottom: 0
    }
    .sf_why_comp {
        width: 90% !important
    }
    .crm_top_p {
        width: 100%;
        padding-right: 0;
        text-align: justify
    }
    .crm_top_p p {
        margin-top: 0
    }
    .pdf_button {
        padding: 6px 0;
        text-align: center
    }
}

@media screen and (max-width:325px) {
    .center_txt h1 {
        font-size: 15pt !important;
        padding-bottom: 10px
    }
    .head_img span {
        font-size: 9pt;
        line-height: 24px
    }
    .footer_bg {
        height: 137px !important
    }
    .casestudies_img,
    .head_img,
    .customerspeaks_img,
    .calltoaction_img {
        background-attachment: scroll
    }
    .services_tiles,
    .services_tiles2,
    .services_tiles3,
    .services_tiles4 {
        background-size: 100% auto;
        background-repeat: no-repeat;
        width: 95px;
        line-height: 204px
    }
}

@media screen and (max-width:400px) {
    .center_txt h1 {
        font-size: 15pt
    }
    .mob_blk_overlay>div>h3 {
        font-size: 22px
    }
    .head_img span {
        font-size: 9pt;
        line-height: 24px
    }
    .footer_bg {
        height: 137px !important
    }
    .casestudies_img,
    .head_img,
    .customerspeaks_img,
    .calltoaction_img {
        background-attachment: scroll
    }
    .services_tiles,
    .services_tiles2,
    .services_tiles3,
    .services_tiles4 {
        background-size: 100% auto;
        background-repeat: no-repeat;
        width: 74px;
        line-height: 157px
    }
    .case-study-1 {
        font-size: 13px !important;
        width: 169px !important
    }
    .case_study_block {
        padding: 3px !important
    }
    .copyrightbg {
        float: left !important
    }
    .blk_overlay>div>h3 {
        font-size: 24px;
        line-height: 15px
    }
    .blk_overlay>div>p {
        line-height: 21px;
        font-size: 14px
    }
    .dot_net_row>div {
        height: auto
    }
    .sf_services {
        width: 95% !important
    }
    .pdf_button {
        font-size: 14px;
        padding: 7px 10px
    }
    .mobile_we_develop_points {
        width: 30% !important
    }
    .mobile_webapp_icon {
        width: 137px !important
    }
    .mobile_app_why {
        width: 100% !important
    }
}

@media screen and (max-width:670px) {
    .tilebox {
        width: 287px !important
    }
    .calltoaction_txt span {
        width: 100%
    }
    .calltoaction_txt h3 {
        font-size: 16pt;
        line-height: 33px;
        padding-bottom: 0
    }
}

@media screen and (max-width:770px) {
    .sf_why_comp {
        width: 319px
    }
    .sf_why_comp .box_height {
        height: 177px
    }
    .center_txt {
        width: 100% !important
    }
    .sf_services {
        width: 329px !important
    }
    .dot_net_row>div {
        width: 100%;
        height: auto;
        padding: 20px
    }
    .blk_overlay>div>h3 {
        line-height: 27px
    }
    .mob_blk_overlay>div>h3 {
        font-size: 22px
    }
    .crm_model {
        width: 18.7%
    }
    .testimonial_center {
        left: 0
    }
    .mobile_we_develop_points {
        padding-bottom: 15px !important;
        width: 30%;
        float: none;
        display: inline-block;
        vertical-align: top
    }
    .mobile_we_develop {
        width: 100% !important
    }
    .mobile_we_develop_img {
        width: 100% !important;
        margin: auto;
        display: none
    }
    .mobile_we_text_left {
        width: 69%;
        margin: 0 auto;
        text-align: center;
        display: inherit;
        vertical-align: middle;
        padding-right: 0;
        position: absolute;
        top: 66%
    }
    .left_border {
        padding-bottom: 45px !important
    }
    .mobile_we_icon_left {
        display: inline-block;
        vertical-align: middle;
        width: auto !important;
        position: relative
    }
    .mobile_we_text_right {
        width: 95%;
        margin: 0 auto;
        text-align: center;
        display: inherit;
        padding-left: 0;
        float: none
    }
    .mobile_we_align {
        left: 0
    }
    .crm_our_model_img {
        display: none
    }
    .crm_our_model_m {
        display: block
    }
    .mob_app_platform_m {
        display: block
    }
    .mobcontainer {
        display: none
    }
    .mob_services_2 {
        top: -13px !important
    }
    .m_body_mob {
        padding-top: 0
    }
    .mobile_plaform_icon {
        width: 146px !important
    }
    .mob_services_3 {
        width: 100%
    }
    .mobile_webapp_icon {
        width: 158px
    }
    .mob_app_row>div {
        display: inline-block;
        height: auto;
        width: auto
    }
    .mob_blk_overlay>div>p {
        padding-bottom: 15px
    }
    .mobile_app_why_img {
        display: none
    }
    .mobile_app_why {
        width: 50%
    }
}

@media screen and (max-width:718px) {
    .dot_net_row>div {
        height: auto
    }
}

@media screen and (max-width:890px) {
    .crm_model {
        width: 18.7%
    }
    .testimonial_center {
        left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .sf_services {
        width: 329px
    }
    .mobile_webapp_icon {
        width: 172px
    }
    .mobile_plaform_icon {
        width: 146px
    }
    .dot_net_row>div {
        width: 100%;
        height: 170px
    }
    .head_image_size {
        display: none
    }
    video {
        transform: translateY(0%)
    }
    .mobile_app_top {
        padding: 25px 50px
    }
    .casestudies_img,
    .head_img,
    .customerspeaks_img,
    .calltoaction_img {
        background-attachment: scroll
    }
    .mobile_hide_image {
        display: block !important
    }
    h1 {
        line-height: 42px;
        font-size: 15pt;
        margin: 0;
        padding: 0
    }
    .head_img {
        height: auto
    }
    .case-study-1 {
        margin: 15px 28px;
        width: 175px
    }
    .testimonial_block1 {
        float: left;
        padding-bottom: 15px;
        width: 50%
    }
    .testimonial_block2 {
        float: left;
        width: 50%
    }
    .bubble {
        width: 100%;
        height: auto
    }
    .footer_follow {
        display: table;
        float: none;
        margin: 0 auto
    }
    .copyright {
        margin: 0 auto;
        text-align: center;
        margin-top: 10px;
        width: 100%;
        float: none
    }
    ul.footer_link li a {
        padding: 8px
    }
    .footer_bg {
        height: 79px !important
    }
    .copyrightbg {
        padding-bottom: 8px !important
    }
    .center_txt {
        width: 100% !important
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .crm_comp_table p {
        text-align: center !important
    }
    .mobile_plaform_icon {
        width: 196px
    }
    .mobile_webapp_icon {
        width: 114px
    }
    .mobile_we_develop_img {
        width: 33%
    }
    .mobile_we_develop {
        width: 27%
    }
    .mobile_we_icon_left {
        width: 30%
    }
}

@media only screen and (max-width:643px) {
    .tilebox {
        width: 100% !important
    }
    .sf_why_comp {
        width: 260px
    }
}

@media only screen and (max-width:643px) {
    .center_txt h1 {
        font-size: 20pt;
        padding-bottom: 10px
    }
}

@media screen and (max-width:450px) {
    .mobile_app_top {
        padding: 45px 10px
    }
}

@media only screen and (min-width:480px) and (max-width:768px) {
    h1 {
        line-height: 60px;
        font-size: 20pt;
        margin: 0;
        padding: 0
    }
    .region_support {
        display: table;
        margin: 0 auto;
        position: relative;
        text-align: center
    }
    .btm_section_part1 {
        width: 100%;
        margin-right: 0;
        height: auto
    }
    .btm_section_part2,
    .animateblock.right {
        display: none !important
    }
    .tilebox {
        width: 295px
    }
    .head_img {
        height: auto
    }
    .sp_topbanner {
        width: 100%
    }
    .footer_follow {
        display: table;
        float: none;
        margin: 0 auto
    }
    .m-body {
        width: 100% !important
    }
    .testimonial_block1 {
        width: 100%;
        float: none
    }
    .testimonial_block2 {
        width: 100%;
        float: none;
        border-left: none
    }
    .bubble {
        width: 100%;
        height: auto
    }
    .testimonials_quote {
        padding-left: 0
    }
    .testimonials_quote_img {
        padding-left: 0;
        padding-top: 33px
    }
}

@media screen and (min-width:320px) and (max-width:480px) {
    h1 {
        line-height: 42px;
        font-size: 15pt;
        margin: 0;
        padding: 0
    }
    .head_img {
        height: auto
    }
    .sp_topbanner {
        width: 100%
    }
    .m-body {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px
    }
    .testimonial_block1 {
        width: 100%;
        float: none
    }
    .testimonial_block2 {
        width: 100%;
        float: none;
        border-left: none
    }
    .bubble {
        width: 100%;
        height: auto
    }
    .region_support {
        display: table;
        margin: 0 auto;
        position: relative;
        text-align: center
    }
    .footer_follow {
        display: table;
        float: none;
        margin: 0 auto
    }
    .btm_section_part1 {
        width: 100%;
        margin-right: 0;
        height: auto
    }
    .btm_section_part2 {
        display: none
    }
    .testimonials_quote {
        padding-left: 0
    }
    .testimonials_quote_img {
        padding-left: 0;
        padding-top: 33px
    }
}

@media screen and (max-width:325px) {
    h1 {
        line-height: 42px;
        font-size: 15pt;
        margin: 0;
        padding: 0
    }
    .head_img {
        height: auto
    }
    .sp_topbanner {
        width: 100%
    }
    .m-body {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px
    }
    .btm_section_part2 {
        display: none
    }
    .testimonial_block1 {
        width: 100%;
        float: none
    }
    .testimonial_block2 {
        width: 100%;
        float: none;
        border-left: none
    }
    .bubble {
        width: 100%;
        height: auto
    }
    .testimonials_quote {
        padding-left: 0
    }
    .testimonials_quote_img {
        padding-left: 0;
        padding-top: 33px
    }
    .blk_overlay>div>h3 {
        line-height: 26px;
        font-size: 20px
    }
    .dot_net_row>div {
        height: auto
    }
    .m-body h2,
    .mob_blk_overlay>div>h3 {
        font-size: 22px !important
    }
    h3 {
        font-size: 15px
    }
    .crm_model {
        width: 49% !important
    }
}

@media only screen and (min-width:412px) and (max-width:732px) and (orientation:portrait) {
    .dot_net_row>div {
        height: auto
    }
    .sf_services {
        width: 99%
    }
    .pdf_button {
        padding: 6px 10px
    }
    .mobile_we_develop_points {
        width: 30%
    }
    .mobile_webapp_icon {
        width: 153px
    }
}

@media only screen and (min-width:414px) and (max-width:736px) and (orientation:landscape) {
    .dot_net_row>div {
        height: auto
    }
    .sf_services {
        width: 305px !important
    }
    .pdf_button {
        padding: 6px 10px
    }
    .mobile_we_develop_points {
        width: 30%
    }
    .m-body h2 {
        font-size: 28px !important
    }
    h3 {
        font-size: 21px
    }
    .crm_model h3 {
        margin-top: 0;
        line-height: 19px
    }
    .calltoaction_txt h3 {
        font-size: 18pt
    }
}

@media screen and (max-width:1200px) {
    .mobile_plaform_icon {
        width: 229px
    }
    .sf_services {
        width: 350px
    }
}

@media screen and (max-width:1300px) {
    .home-layers-bottom,
    .home-layers-middle,
    .home-layers-top {
        text-align: center
    }
    .mob_services {
        width: 100%
    }
    .home-layers {
        height: 461px
    }
    .mob_services_2 {
        width: 100%;
        top: 43px;
        line-height: 160%
    }
    .mobile_plaform_icon {
        width: 230px
    }
}

@media screen and (max-width:360px) {
    .sf_services {
        width: 95% !important
    }
}

@media screen and (max-width:1100px) {
    .mob_user_exp_2 {
        background-color: rgba(4, 27, 45, .7);
        width: 98%;
        float: none
    }
}

@media only screen and (max-width:420px) {
    .mobile_user_exp {
        background-position: -360px
    }
}

@media screen and (max-width:1330px) {
    .web_app_img {
        display: none
    }
    .web_app_img_m {
        display: block
    }
}

@media screen and (max-width:1359px) {
    .m-body {
        width: 100%
    }
}