@charset "utf-8";

a,
a.btn_sec {
    text-decoration: none !important
}

.view_button,
a.btn_link,
a.btn_sec {
    display: inline-block;
    color: #fff
}

#navid,
#toggle {
    z-index: 999999
}

#nav_bar,
#navid {
    transition: top .6s
}

#cssmenu,
#navid .dropdown-submenu.pull-left,
.fream_teck_panel.frameworks_tech,
.mid-bord .row .col-xs-6 {
    float: none
}

#cssmenu ul.ds-menu li.cloned a,
#cssmenu ul.ds-menu li.cloned li,
#cssmenu ul.ds-menu li.ds-menu_iteam a {
    text-overflow: initial;
    overflow: visible;
    max-width: none;
    white-space: normal
}

#cssmenu ul li.has-sub:hover ul.ds-menu li.mobile_menuinner ul li.page_item ul.dropdown-menu.inner-sabmenu li a:hover,
#cssmenu ul li.has-sub:hover ul.ds-menu li.mobile_menuinner ul li.page_item:hover a,
#cssmenu ul.ds-menu li.ds-menu_iteam ul li a:hover,
#cssmenu ul.ds-menu li.ds-menu_iteam ul li:hover ul.dropdown-menu.inner-sabmenu li a:hover,
body {
    color: #000 !important
}

h1.video-btm,
h1.video-content,
h4.video-btm {
    text-shadow: 0 4px 7px #000
}

.home_chat h3,
a,
button,
h1,
h2,
h3,
h4,
h5,
h6,
li {
    font-family: Lato !important
}

#cswd,
#rc {
    background-size: 100%
}

.loe_terms_panel_inner,
.vorbestell,
body {
    overflow-x: hidden
}

.blog_list_team ul li,
.gartner_panel ul.contlink2 ol,
.magentoupgrade-inside li,
.reas-pyth li {
    list-style-type: decimal
}

body {
    z-index: -1 !important;
    float: left;
    width: 100%
}

@font-face {
    font-family: FontAwesome;
    src: url('fonts/FontAwesome.html') format('woff2'), url('fonts/FontAwesome.woff') format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Segoe UI Symbol';
    src: url('fonts/SegoeUISymbol.html') format('woff2'), url('fonts/SegoeUISymbol.woff') format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Lato;
    src: url('fonts/Lato-Bold.html') format('woff2'), url('fonts/Lato-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Lato;
    src: url('fonts/Lato-Regular.html') format('woff2'), url('fonts/Lato-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Lato;
    src: url('fonts/Lato-Light.html') format('woff2'), url('fonts/Lato-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal
}

body,
html {
    scroll-behavior: smooth
}

body.modal-open {
    overflow: hidden;
    position: fixed !important;
    padding-right: 0 !important
}

.pd-100 {
    padding-top: 80px
}

button,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700 !important
}

#footer_popup,
#footer_popup_Form .formBtn,
#menu,
.view_button {
    font-family: 'Segoe UI'
}

div,
input,
span,
table,
td,
th,
tr,
ul {
    font-family: 'Segoe UI';
    padding: 0
}

#cssmenu ul li a,
p {
    font-family: 'Segoe UI Symbol'
}

:focus,
a:focus {
    outline: 0 !important
}

body button {
    font-size: 26px;
    color: #fff;
    border: none;
    background: #f5821f;
    padding: 8px 26px;
    border-radius: 4px;
    font-weight: 500
}

a.btn_link {
    background: #000;
    font-size: 18px;
    padding: 13px 20px 15px;
    border-radius: 2px;
    font-weight: 400
}

.btn_loe_below button.view_button:hover,
.carousel.charity-slide a.left.carousel-control:hover:before,
.carousel.charity-slide a.right.carousel-control:hover:after,
.casestudy_app a.view_button:hover,
.ccd_work_left.black p,
.cloud_services_panel .cloud_item p,
.com-awards-inner:hover p,
.digital_contact a:active,
.digital_contact:hover .digital_contact a,
.digital_contact:hover h2.digital_reach,
.ds-blogcontent a.btn.btn-primary,
.ds-blogcontent a.btn.btn-warning,
.ds-process .process-box-inner p,
.ds-process .process-box-inner2 .pro-inner-br p,
.enquire-section .main-heading h2,
.enquire-section .main-heading p,
.expertise_inner_text2-inner button.view_button.consultancy_btn:hover,
.expertise_top_head_btn a.view_button.consultancy_btn:hover,
.expertise_top_tab a.view_button.consultancy_btn.expertise_btn,
.grow_sec.process_expertise_two .extention_arrow-right h2,
.hosting_point ul.hosting_service,
.hubspot-development-section .inner .hub-block1 p,
.insight-corebox p,
.maintain_sec.build_work.process_expertise_one .extention_arrow-left h2,
.new_teck_inner.design_support .app_text_right p,
.ocean_technology .ocean_technology_inner h2.title-heading,
.our-experinece-section .hub-block2:hover .hub-hd.dis-block,
.our-experinece-section .hub-block2:hover p,
.our_approch_spanel h2.sf_title,
.seo_content p,
.service_client_panel h2.sf_title,
.step-section-inner li.active p,
.sugerhire_sec .what-suger-crm-section .crm-inr-box1:hover p,
.support_testimonial.bottom-bumps h3,
.technology-banner .text-right form#contact_form ul li.lst-child .email_update_contact p span,
.text-white-li,
.trusted_client_col:hover h4,
a.btn_link:hover,
a.view_button.consultancy_btn:hover,
section.hubspot-development-section h2 {
    color: #fff
}

a.btn_sec {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    padding: 8px;
    border: 2px solid #fff;
    font-size: 18px;
    font-weight: 600;
    margin: 0 18px
}

a.btn_sec:hover {
    color: #000;
    text-decoration: none
}

a.btn_sec:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

a.btn_sec:active:before,
a.btn_sec:focus:before,
a.btn_sec:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

h4.sub_heading {
    font-size: 20px;
    color: #000;
    text-align: center;
    font-weight: 600
}

.how-we-do-it-link h2,
.modal-dialog.contact_step_container .step-container form p,
.salesforce-sec2-ds ul li span.dis-block,
.top-tab.top-tab-protfolio .search-sec form button i.fa.fa-search,
a.read_m,
h2.title-heading.quote {
    font-size: 16px
}

.pd {
    padding: 60px 0
}

a.read_m {
    color: #2c3e7d;
    font-weight: 600;
    width: 100%;
    float: left
}

.view_button {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    background: 0 0;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 8px 18px;
    margin-top: 4px;
    font-weight: 600;
    transition: .3s
}

#cssmenu ul li a,
#navid ul.nav.navbar-nav li a,
.blog-details-title .text-left h1.title-heading.head-text:first-letter,
.casestudy_testimonial .author_desc h3:first-letter,
.casestudy_testimonial .author_desc span:first-letter,
.ds-blogcontent h3:first-letter,
.ds-blogtag-detail,
.ds-moreblog .ds-blogcontent h3:first-letter,
.expertise_inner_text h3:first-letter,
.expertise_inner_text_inner,
.news_content h3::first-letter,
.tack_partner_testimonial h4 strong:first-letter,
.tack_partner_testimonial h4:first-letter,
.testimonial_company h3:first-letter,
.testimonial_company span:first-letter,
h3.quadrent_desc:first-letter {
    text-transform: capitalize
}

.ds_web_all .home_chat a.view_button.touch_btn:hover,
.since_content_left a.btn_link:hover,
.view_button:hover {
    background: #f5821f;
    border: 1px solid #f5821f;
    color: #fff
}

.view_button.view_btn {
    margin: auto;
    border: 1px solid #000;
    color: #000;
    display: table
}

.btn_link-border:hover,
.case_study_text a.view_button:hover,
.feedback_form_panel button.view_button:hover,
.new-contact-form-ds button.view_button:hover,
.strategic_contact_text a.view_button.case_btn_contant:hover,
.view_button.view_btn:hover,
.view_button.view_btn_left:hover,
a.view_button.sign_sub.view_case:hover,
a.view_button.touch_btn:hover,
a.view_button.touch_more:hover {
    border: 1px solid #f5821f;
    color: #fff
}

#cssmenu ul li a.active,
#cssmenu ul li.active a,
#cssmenu ul ul li a:hover,
#cssmenu ul ul li:hover>a,
#cssmenu>ul>li:hover>a,
#navid ul.nav.navbar-nav.navbar-right li a.active,
#navid ul.nav.navbar-nav.navbar-right li a:hover,
.bluetxt,
.by_dots h4 span,
.casestudy-textbox-inner h2 span,
.casestudy_app h2 span,
.coman_web p a,
.coman_web p a span,
.company_website_panel .company_sec:hover h2,
.cookiealert.show a,
.ds-blogcontent a:hover,
.ds-blogcontent ol li strong,
.ds-blogcontent p.forcesquares_ceo a:hover,
.ds-blogtab li a.selected,
.ds-blogtab li a:hover,
.ecom-page .cms-content-sec .content-cma.content-cma-tec h3 a:hover,
.expertise_inner_text h3 span,
.expertise_top_dese_col p a.link_web:hover,
.extention_col_left h2,
.footer-panel p.footer_desc strong a:hover,
.footer1 li h2.title-widget,
.footer1 ul.menu_footer li a:hover,
.footer_winning p a:hover,
.footer_winning ul li a i.fa:hover,
.fullfilment .company-process .row2 .title-head,
.fullfilment .industry .item-list:hover,
.fullfilment .title-head span,
.game-inner-box2 .game-b-inner .skil-content a:hover,
.game_solution .mob-game .blue-bottom a:hover,
.grow_sec .extention_col_left h2,
.home_chat h4 a:hover,
.insight-corebox h3,
.it_support_panel .it_support_panel_inner_left h4.business_desc span,
.magentoupgrade-inside li strong.privacy_head_txt,
.main-address .add-number a,
.map_panel_section address p a,
.meet-team-blog .meet-team-profile a.meet-team-member-link i.fa.fa-linkedin-square:hover:before,
.microsoft_crm_panel .delivered p span strong,
.microsoft_crm_panel .delivered p span.green,
.microsoft_crm_panel .delivered p span.maganto,
.microsoft_crm_panel .delivered p span.orange,
.microsoft_crm_panel .delivered p span.red,
.new_teck_points ul li a:hover,
.new_teck_points ul li.active a,
.open_sourse_prestashop .tech-inner a,
.others-page li a:hover,
.others-page li.current_page_item a,
.phpdev-exp h3 strong,
.project_sec h3 span,
.row.search-text span,
.running.download_pdf .panel-group .panel-body p a,
.shopifypoint ul li a:hover,
.spotlight-testimonial-slider .spotlight-slider-inner .easyPaginateList span small a,
.start_up_panel p.loe_checkbox a.ornage,
.startup_partner .start_up_partner_col h3,
.sustainability-wel-text h2 span,
.testimonial_company.author h3 span,
.vorbestell_client_text h3 span,
.yxt-SearchBar-autocomplete li strong,
a.case-pcl:hover,
a.linktext,
a.linktext:hover,
a.strong-heading,
a.strong-heading:focus,
a.strong-heading:hover,
h3.head-para a,
h4.headforce a:focus,
h4.headforce a:hover,
h4.video-btm a:hover,
p.orgtxtdwh {
    color: #f5821f
}

.view_button.view_btn_left {
    border: 1px solid #000;
    color: #000;
    margin: 8px 0 0;
    display: inline-block
}

#cssmenu a.img-responsive,
.alexa_panel .bottompart,
.alexa_panel .howtouse,
.casestudy_slider_panel .owl-carousel .owl-nav .owl-prev,
.ccd_work_desc,
.client_world_col_img,
.company_website_panel .company_sec:hover img.orginal_logo,
.ds_call a.catalog_ds .catalog_ds_inner picture.catalog_ds_img,
.expertise_inner_text.option_menu.option_menu_four h3,
.expertise_inner_text.option_menu.option_menu_three h3,
.expertise_inner_text.option_menu.option_menu_two h3,
.home_chat h4,
.internet-web-sec-box span,
.meet-team-blog .meet-team-profile .meet-team-content-sec,
.micro-net-tabs .col-lg-4.min-he-set a,
.micronet p,
.open_sourse_prestashop .box-header,
.open_sourse_shopify .open_sourse_cake .tech-inner p,
.portfolio-tab li,
.robot_section,
.service_animated .box .icon li,
.view_button.view_btn_black,
.web_app a.view_button.view_btn {
    display: inline-block
}

.view_button.view_btn_black:hover {
    border: 1px solid #fff;
    color: #000;
    background: #fff
}

a.linktext {
    font-weight: 700;
    border-bottom: 1px solid #000
}

a.view_button.consultancy_btn {
    color: #000;
    border: 1px solid #ccc
}

.logo-desk {
    position: absolute;
    padding: 16px 15px;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    margin: 0;
    background: #000
}

p {
    font-weight: 300;
    font-size: 15px;
    line-height: 28px
}

h2.title-heading {
    color: #000;
    text-align: center;
    margin: 0 0 37px;
    z-index: 0;
    position: relative;
    width: 100%
}

.strategic_top_text.strategic_top_head h3.title-heading {
    color: #000;
    text-align: center;
    margin: 0 0 20px;
    z-index: 9;
    position: relative;
    width: 100%
}

section.head-banner {
    width: 100%;
    background-size: cover;
    position: relative;
    z-index: 0;
}

h1.title-heading.head-text,
h2.title-heading.head-text {
    font-size: 50px;
    margin: 0 0 22px;
    font-weight: 600;
    text-shadow: none;
    color: #f5821f
}

.blog-details-title .text-left h1.title-heading.head-text {
    letter-spacing: .4px
}

.clutch-sec-work {
    background: #fafafa
}

.search-form.component {
    background: rgb(178 190 227 / 21%);
    width: 100%
}

.yxt-SearchBar .yxt-SearchBar-container {
    border: 1px solid #c5c5c5;
    overflow: visible
}

.yxt-SearchBar .yxt-SearchBar-container form.yxt-SearchBar-form input {
    font-size: 16px;
    color: #000
}

.yxt-SearchBar .yxt-SearchBar-container form.yxt-SearchBar-form input::-webkit-input-placeholder {
    color: #000
}

.yxt-SearchBar .yxt-SearchBar-container form.yxt-SearchBar-form input:-ms-input-placeholder {
    color: #000
}

.yxt-SearchBar .yxt-SearchBar-container form.yxt-SearchBar-form input::placeholder {
    color: #000
}

.yxt-SearchBar .yxt-SearchBar-container form.yxt-SearchBar-form button {
    margin: 0 0 0 7px;
    width: 32px;
    height: 32px;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 0
}

.yxt-SearchBar .yxt-SearchBar-container form.yxt-SearchBar-form .Icon.Icon--close svg {
    font-size: 23px;
    color: #000
}

#navid ul.nav.navbar-nav li .dropdown-menu a,
.yxt-SearchBar .yxt-SearchBar-container form.yxt-SearchBar-form button.js-yext-submit.yxt-SearchBar-button {
    font-size: 12px
}

.news_blog_img.news_blog_forcesquares img.aligncenter.size-full,
.search-form-yext-ds .search-form .yxt-SearchBar,
.search-form.component .yxt-SearchBar,
.start_up_panel.drupalstartup img,
section.head-banner.technology-banner {
    height: auto
}

.yxt-SearchBar-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    margin-top: 1px;
    max-height: 260px;
    overflow: hidden;
    overflow-y: auto
}

.yxt-SearchBar-autocomplete li {
    width: 100%;
    font-size: 14px;
    padding: 5px 10px;
    line-height: 1.5 !important
}

.yxt-SearchBar-autocomplete li:hover {
    background: #000;
    color: #fff
}

#cssmenu .show_mob_menu {
    display: block !important
}

.cookiealert.show .cookiealert-container {
    font-size: 14px
}

.cookiealert.show {
    padding: 20px 15px;
    z-index: 9999
}

.cookiealert .cookiealert-container button {
    margin-top: 0;
    background: #f5821f;
    color: #fff;
    border: none
}

.cookiealert.show .cookiealert-container button:hover,
.ds-process .upw-after a:hover,
.home_vorbest_call .home_chat a.view_button.touch_btn:hover,
.meet-team-inner .meet-team-blog .show-team-back .meet-team-profile .tab button.active,
.meet-team-inner .meet-team-blog .show-team-back .meet-team-profile .tabs_wrapper ul.tabs .active {
    background: #fff;
    color: #000
}

tr.title-technology {
    background: #f5821f !important
}

tr.title-technology td {
    color: #fff !important;
    font-size: 26px
}

.ds-blogtag-detail {
    color: #fff;
    padding: 5px 35px 8px;
    background: #000;
    bottom: 0;
    left: 0;
    font-size: 18px;
    border-radius: 4px;
    font-weight: 600
}

#navid,
.nav_bar {
    padding: 16px 0;
    background: #000;
    width: 100%
}

.subscription-msg.error-message,
.subscription-msg.error-message.green,
div#popname-error-message {
    color: red
}

#email-error-message,
#emailpop-error-message,
#phone-error-message,
#phonepop-error-message,
#popname-error-message {
    display: none;
    color: red
}

#navid {
    border: none;
    border-radius: 0;
    margin: 0;
    position: fixed
}

#navid ul.nav.navbar-nav.navbar-right li a {
    padding: 11px 16px;
    font-size: 18px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    text-transform: capitalize
}

#navid ul.nav.navbar-nav.navbar-right li a span.caret {
    border-top: 6px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent
}

#navid ul.nav.navbar-nav.navbar-right li ul.dropdown-menu {
    background: #333;
    right: -35px;
    padding: 0;
    border-radius: 0;
    display: none
}

#navid ul.nav.navbar-nav.navbar-right li ul.dropdown-menu li a {
    padding: 10px 18px;
    border-bottom: 1px solid rgba(150, 150, 150, .15);
    font-size: 12px
}

#navid ul.nav.navbar-nav.navbar-right li.open a.dropdown-toggle,
a.view_button.consultancy_btn.expertise_btn:hover {
    background: 0 0;
    color: #f5821f
}

#cssmenu ul ul li:hover,
#navid ul.nav.navbar-nav li .dropdown-menu a:hover,
#navid ul.nav.navbar-nav.navbar-right li ul.dropdown-menu li a:hover,
#navid ul.nav.navbar-nav.navbar-right li ul.dropdown-menu li ul.sub_menu li a:hover {
    background: #252222
}

#navid ul.nav.navbar-nav.navbar-right li.dropdown span.caret {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 22px;
    display: block;
    height: 100%;
    cursor: pointer;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    color: #fff
}

#navid ul.nav.navbar-nav li a {
    padding: 11px 16px 11px 23px;
    font-size: 18px;
    letter-spacing: 1px;
    color: #fff;
    font-weight: 400;
    background-color: inherit
}

#navid ul.dropdown-menu {
    background: #333;
    padding: 0;
    margin: 0
}

#navid ul.nav.navbar-nav li a:hover {
    background-color: inherit
}

#navid .dropdown-submenu,
.casestudies-banner .container,
.casestudy_slider_panel .owl-carousel,
.ds-posrel,
.ds_call a.catalog_ds .catalog_ds_inner,
.expertise_home,
.fullfilment .methodology .right-content,
.game_video_panel video,
.limiter table *,
.nav_bar.nav_error_page,
.navigator-slide-img,
.portfolio_head,
.portfolio_view,
.power-php.features-magento.power-php-magento ul,
.storyHeroScroll,
.strategic_panel .container .col-xs-12.col-sm-7,
.sustainability-wel-img,
.top-tab.top-tab-protfolio .search-sec,
.wizard>div.wizard-inner,
figure.news-item__thumb {
    position: relative
}

#navid .dropdown-submenu>.dropdown-menu {
    top: 0;
    right: 100%;
    margin-top: 0;
    margin-left: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    left: inherit
}

#complete ul.list-inline,
#navid .dropdown-submenu:hover>.dropdown-menu,
#navid ul.nav.navbar-nav.navbar-right li.dropdown span.caret:hover+ul,
.case-studes-banner-overlay select,
.client-posts .owl-carousel .owl-nav.disabled,
.custom-select select,
.design_digital_inner .owl-carousel.owl-loaded .owl-nav,
.feedback_form_inner_panel,
.fullfilment .digital-full .title-head span,
.input-wrapper.active input[type=text],
.model-section-a.in-toggle,
.model-section-b.in-toggle,
.news_blog_img.news_blog_forcesquares,
.slide_panel .owl-carousel .owl-nav.disabled,
.whats_thanks .row,
section.office_function .owl-nav.disabled {
    display: block
}

#cssmenu #head-mobile,
#cssmenu .button,
#cssmenu ul li.has-sub:hover ul.ds-menu li ul li a:after,
#cssmenu ul li.has-sub:hover ul.ds-menu li.cloned a:after,
#cssmenu ul li.has-sub:hover ul.ds-menu li.mobile_menuinner ul li.page_item a:before,
#cssmenu ul li.has-sub:hover ul.ds-menu li.mobile_menuinner ul li.page_item:nth-child(11) a:after,
#cssmenu ul li.has-sub:hover ul.ds-menu li.mobile_menuinner ul li.page_item:nth-child(12) a:after,
#cssmenu ul.ds-menu li.ds-menu_iteam ul li:hover ul.dropdown-menu.inner-sabmenu li a::after,
#menu,
#navid ul.nav.navbar-nav.navbar-right li.dropdown span.caret+ul,
.accreditations_panel .accreditations_logos h3.accreditations_bottm_head,
.accreditations_panel .accreditations_top_head,
.android-extension .row:before,
.casestudy_section .nav li:first-child:after,
.chooseus-panel .row:before,
.client-posts .owl-carousel .owl-dots,
.client-posts.next_case,
.col-seo.afternone:after,
.company_website_panel .company_sec img.orginal_logo,
.company_website_panel .company_sec:hover img.gray_logo,
.container.lifedot:after,
.container.lifedot:before,
.digital_tabs .tab .nav-tabs li a i,
.ds-blogcontent .news-sec-box h3:after,
.ds-blogcontent h3.box-header:after,
.ds-life-sec .row:after,
.ds-life-sec .row:before,
.dynamic-crm.functionality .seprater,
.ecom-page .ecommerce_custom:before,
.expertise_sec_left:after,
.expertise_shildpay.expertise_sec_left:hover h3.quadrent_desc,
.expertise_top_panel .expertise_top_dese_col:after,
.fd-gallery-sec .row:after,
.fd-gallery-sec .row:before,
.feedback_form_inner_panel .md-form-control.rating_stars span.star i.fa.fa-star-o,
.fullfilment .methodology .container:after,
.fullfilment .methodology .container:before,
.game-inner-box2 .read-more,
.game_testimonial .testimonial p.description:before,
.header_right_side li.has-sub ul.ds-menu.ds-menu_work li a:after,
.insight_inner .col-xs-12.col-sm-6.col-md-4.col-lg-4:before,
.insight_inner .row:before,
.key_inner_section .col-sm:first-child ul.wddms-col li:after,
.key_white_section .key_inner_section ul.wddms-col li.key_head_top:after,
.list-magento li:before,
.meet-team-inner .meet-team-blog .show-team-back .meet-team-profile .tabs_container .tab_content,
.numbertaking_panel .numbertaking_inner .row:before,
.others-page li:last-child a:after,
.owl-next.owl-next-icon-up,
.owl-prev.owl-prev-icon-up,
.project_sec .owl-dots,
.restro_quotes_panel p.quotes_msg:after,
.restro_quotes_panel p.quotes_msg:before,
.running.ds-process .row .row:before,
.select-hide,
.slide_panel .owl-dots,
.startup_process_inner.crm_content_desc .start-up_process_coll p,
.startup_process_panel .row:before,
.step-section-inner img.step_black_img,
.step-section-inner img.step_white_img,
.step-section-inner li.active img.step_black_img,
.step-section-inner li.active img.step_white_img,
.talkform,
.tech-inner.ds-industries .row:before,
.technology.technology_tech .row:before,
.top-new-add-detials .col-sm-3,
.travel_panel .elearing-bg .content-box h2.box-header:after,
.trusted_client_col:hover img.ad_trusted_graw,
.vorbest_technology .vorbest_technology_inner.hair_technology .vorbest_tech_img:after,
.vorbestell_inner_panel.vorbestell_inner_panel_result .vorbestell_left_panel .vorbestell_client_text .vorbesttell_right_check,
h3.sec-heading:after,
img.ad_trusted_hover,
section.head-banner.expertise_banner img {
    display: none
}

#navid .dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: left;
    width: initial;
    height: 0;
    border-color: transparent #ccc transparent transparent;
    border-style: solid;
    margin-top: 4px;
    margin-left: -20px;
    font-family: fontawesome;
    padding: 0;
    border-width: 5px 6px
}

#navid .dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px
}

#navid ul.nav.navbar-nav.navbar-right li ul.dropdown-menu li ul.sub_menu li,
.game_solution .technologies ul li,
.gartner_panel ul.contlink2 ol.terms_listnone li,
.industry_panel ul.msa li,
.vertical-menu,
ul.serversupport_point li {
    list-style: none
}

#navid ul.nav.navbar-nav.navbar-right li ul.dropdown-menu li:hover>ul.sub_menu {
    position: absolute;
    left: 100%;
    top: 0;
    background: #333;
    box-shadow: 0 0 4px #2b2323;
    z-index: 9;
    min-width: 95%;
    display: block
}

#navid ul.nav.navbar-nav.navbar-right li ul.dropdown-menu .drop_arrow {
    padding: 10px 32px 10px 12px
}

#navid ul.nav.navbar-nav.navbar-right li ul.dropdown-menu li ul.sub_menu li a {
    width: 100%;
    float: left
}

#navid ul.nav.navbar-nav.navbar-right li ul.dropdown-menu li.drop_sub span.caret {
    top: 18px;
    right: 11px;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px dashed;
    position: relative
}

#navid ul.nav.navbar-nav.navbar-right li ul.dropdown-menu li.drop_sub span.caret.caret1,
#navid ul.nav.navbar-nav.navbar-right li ul.dropdown-menu li.drop_sub span.caret.caret2 {
    position: absolute
}

#navid ul.nav.navbar-nav.navbar-right li ul.dropdown-menu li.drop_sub span.caret.caret3 {
    position: absolute;
    top: 54px
}

#navid ul.nav.navbar-nav.navbar-right li ul.dropdown-menu li.drop_sub span.caret.caret4 {
    position: absolute;
    top: 91px
}

.header_right_side {
    float: right;
    margin: 0;
    position: relative
}

#cssmenu a.logo,
#cssmenu ul,
#cssmenu ul li,
.app_technology_panel .app_technology_right_img img,
.btn_loe_below a,
.ds-blogcontent .game_appstore p a,
.error_page_text,
.menu_footer,
.nav_bar,
.use_cloude_service .since_content_right ul.uses_service,
.working_desc.social-media-marketing .working_right,
button.top-upload {
    float: left
}

#toggle {
    width: 28px;
    height: 24px;
    margin: 10px auto;
    position: fixed;
    right: 15px;
    top: 16px;
    cursor: pointer
}

#toggle div {
    width: 100%;
    height: 3px;
    background: #fff;
    margin: 4px auto;
    transition: .3s;
    backface-visibility: hidden
}

#toggle.on .one {
    transform: rotate(45deg) translate(3px, 5px)
}

#toggle.on .two,
.casestudies-overlay-logo img,
.check-step input[type=checkbox],
.check-step label .project_design,
.check-step label .project_new_exists,
.check-step label .project_type_app,
.check-step label .project_type_dm,
.check-step label .project_type_web {
    opacity: 0
}

#toggle.on .three {
    transform: rotate(-45deg) translate(5px, -8px)
}

#menu {
    color: #fff;
    border: 1px solid #fff;
    width: 150px;
    height: 100px;
    padding: 10px;
    border-radius: 3px;
    line-height: 100px;
    text-align: center;
    margin: auto
}

.nav_bar {
    z-index: 99999;
    position: fixed;
    display: flex;
    align-items: center
}

nav {
    position: relative;
    width: auto;
    margin: 0 auto
}

#cssmenu ul {
    position: inherit;
    margin: 0
}

#cssmenu,
#cssmenu #head-mobile,
#cssmenu ul li,
#cssmenu ul li a {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0
}

#cssmenu:after,
#cssmenu>ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#cssmenu {
    width: 100%;
    background: #000;
    position: sticky;
    z-index: 9999;
    padding: 20px 15px 0;
    top: 0
}

.mobile_menu {
    display: inline-block;
    padding: 15px 0
}

#cssmenu li.has-sub span.caret {
    cursor: pointer;
    position: absolute;
    top: 28px;
    right: -4px;
    bottom: 0;
    color: #fff;
    border: none;
    z-index: 999;
    height: 20px;
    width: 15px;
    display: none
}

#cssmenu li.has-sub span.caret i.fa {
    font-size: 13px
}

#cssmenu ul li a {
    padding: 25px 16px;
    font-size: 18px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #ddd;
    font-weight: 400
}

#cssmenu ul li.has-sub a:after {
    content: "\f078";
    font-family: FontAwesome;
    font-size: 14px;
    margin: 0 0 0 5px
}

#cssmenu ul ul li.has-sub>a:after,
#cssmenu ul ul li.has-sub>a:before,
#cssmenu>ul>li.has-sub>a:after,
#cssmenu>ul>li.has-sub>a:before {
    background: #ddd;
    content: '';
    position: absolute
}

#cssmenu ul li a:hover,
.cms-content-sec:hover h3.content-box-heading.content-box-tec a {
    color: #f5821f !important
}

#cssmenu ul li.active,
#cssmenu ul li.active:hover,
#cssmenu ul li.has-sub.active:hover,
#cssmenu>ul>li:hover {
    background: 0 0 !important;
    -webkit-transition: background .3s;
    -ms-transition: background .3s;
    transition: background .3s
}

#cssmenu>ul>li.has-sub>a:after {
    top: 22px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: none
}

#cssmenu>ul>li.has-sub>a:before {
    top: 19px;
    right: 14px;
    width: 2px;
    height: 8px;
    -webkit-transition: .25s;
    -ms-transition: .25s;
    transition: .25s;
    display: none
}

#cssmenu>ul>li.has-sub:hover>a:before {
    top: 23px;
    height: 0
}

#cssmenu ul ul {
    position: absolute;
    left: -9999px
}

#cssmenu ul ul li {
    height: auto;
    -webkit-transition: .25s;
    -ms-transition: .25s;
    background: 0 0;
    transition: .25s;
    width: 100%
}

#cssmenu ul ul li a.active {
    background: #252222;
    color: #fff
}

#cssmenu li:hover>ul {
    left: auto
}

#cssmenu li:hover>ul>li {
    height: 35px
}

#cssmenu ul.ds-menu li.ds-menu_iteam ul li {
    height: auto;
    padding: 0 0 4px
}

#cssmenu ul ul ul {
    top: 0;
    left: 0;
    position: relative;
    margin: 0;
    height: 100%
}

#cssmenu ul ul li a {
    padding: 11px 15px;
    width: 255px;
    font-size: 14px;
    text-decoration: none;
    color: #ddd;
    font-weight: 400
}

#cssmenu ul.ds-menu.ds-menu_work li {
    height: auto;
    border-bottom: 1px solid rgba(150, 150, 150, .15)
}

#cssmenu ul li.has-sub:hover ul.ds-menu li,
#cssmenu ul.ds-menu li.ds-menu_iteam.active a,
.add_acdroid_sec .extention_col_right img,
.app-webmean-panel ul li:nth-child(5n+5),
.apps_points .apps_col_tab:last-child:after,
.casestudy_testimonial .extention_col_right img,
.connect_bg_panel .connect_bg_panel_contant a.case-study-inner,
.cs_ocean .extention_col_right img,
.digital_tabs.game_tabs .extention_team .extention_col_left img,
.digital_tabs.game_tabs .extention_team .extention_col_right img,
.ds-blogcontent.blogventure h4.headforce.headventure,
.dynamic-crm.functionality .function-fetaure.full .fc-box:nth-child(n+3),
.extention_team.case_detail .extention_col_right img,
.footer-panel .col-xs-12.col-sm-6.col-lg-2.col-md-2,
.game_solution .our-work .our-work1 .tab-box1 .col-md-3:last-child,
.limiter .column2.column1_two,
.limiter .column3.column1_three,
.limiter .column4.column1_four,
.micro-net-tabs .panel-heading ul.nav.nav-tabs,
.mobile_operating .tab .nav-tabs li a:hover,
.mobile_operating .tab .nav-tabs li.active a,
.new-contact-form-ds li.contact-form-field .md-form-control input,
.seo_testimonial .extention_col_right img,
.step-container .list-inline li:hover,
.step-container .nav-tabs,
.step-section-inner .inline-step-form li:hover,
.top-new-add-detials.feedback_detail .col-sm-9,
a.view_button.consultancy_btn.expertise_btn,
table.pros tr td:last-child,
table.pros tr th:last-child,
table.pros tr:last-child {
    border: none
}

#cssmenu ul li.has-sub:hover ul.ds-menu li.mobile_menuinner ul,
.abt_terms_panel .abt_testimonial,
.design_since .since_image,
.fd-content-sec .item.pd-basic .left-sec,
.fd-content-sec .item.pd-basic .right-sec,
.game_section_4 .cols_game_contetn,
.health-cloud>div,
.itsupport_points_right.right_Sec,
.new_teck_inner.design_support .app_head_text,
.ocean_develop .since_image,
.seo_testimonial .extention_col_left,
.seo_testimonial .extention_col_right,
.service_animated .col_service_animated,
.tab-panel .nav-tabs>li,
.web_dev_work_right.right_Sec {
    width: 50%
}

body #cssmenu ul.ds-menu.ds-menu_work li:hover {
    background: #f5821f !important;
    border-radius: 5px
}

#cssmenu ul li.has-sub:hover ul.ds-menu li.mobile_menuinner ul li.page_item ul.dropdown-menu.inner-sabmenu li a,
.abt_tab_panel ul.nav.nav-tabs li.active a,
body #cssmenu ul.ds-menu.ds-menu_work li:hover a {
    color: #fff !important
}

#cssmenu ul li.has-sub ul li.has-sub ul li:hover,
#cssmenu ul li.has-sub:hover ul.ds-menu li:hover,
#cssmenu ul ul li.has-sub:hover,
.app_technology_left .vertical-tab .nav-tabs li.iot_text:hover,
.casestudy_section .nav a:hover,
.client-posts .owl-carousel .owl-nav.disabled button,
.digital_tabs.game_tabs .extention_team,
.digital_tabs.game_tabs .tab-content.tabs,
.extention_team.case_detail.shildpay_sec.club_result_text,
.game-inner-box-sho.game-inner-box-noo,
.project_sec .owl-nav button,
.start_partnership_inner .ecommerce::before,
.tab-content.tabs.app_development_tabs,
section.Accreditations_bg.Accreditations_bg-sec {
    background: 0 0
}

#cssmenu ul ul li.last-item>a,
#cssmenu ul ul li:last-child>a {
    border-bottom: 0
}

#cssmenu ul ul li.has-sub>a:after {
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block
}

#cssmenu ul ul li.has-sub>a:before {
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    -webkit-transition: .25s;
    -ms-transition: .25s;
    transition: .25s
}

#cssmenu ul ul>li.has-sub:hover>a:before {
    top: 17px;
    height: 0
}

#cssmenu ul ul ul li.active a {
    border-left: 1px solid #333
}

#cssmenu>ul ul>li.has-sub>ul>li.active>a,
#cssmenu>ul>li.has-sub>ul>li.active>a {
    border-top: 1px solid #333
}

.search_sec {
    float: right;
    margin: 16px 0 0;
    position: absolute;
    width: auto;
    right: 26px;
    display: none
}

.search_sec i.fa.fa-search {
    color: #fff;
    float: right;
    font-size: 17px
}

.input-wrapper {
    width: 35px;
    height: 35px;
    overflow: hidden;
    position: relative;
    float: right;
    transition: width .5s;
    border-radius: 50px;
    border: 2px solid #fff;
    background: url(../img/search_header.png) 6px 7px no-repeat #000;
    padding: 6px 15px
}

.input-wrapper input[type=text] {
    background: 0 0/15px;
    border: none;
    border-bottom: none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    padding: 0 0 0 21px;
    line-height: 16px;
    display: none
}

.input-wrapper.active,
.tack_partner_panel ul li img {
    width: 100%
}

#cssmenu ul.ds-menu {
    pointer-events: none;
    background-color: #000;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 15px 10px 10px;
    position: absolute;
    left: 0;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transition: .5s ease-out;
    z-index: 3;
    width: 100%;
    min-height: 485px;
    opacity: 0;
    margin: -15px 0 0
}

#cssmenu ul.ds-menu.ds-menu_work {
    width: 250px;
    height: auto;
    min-height: auto
}

#cssmenu ul.ds-menu li.cloned {
    border-radius: 5px;
    position: relative;
    list-style: none;
    background: 0 0;
    float: none;
    display: inline-block
}

#cssmenu ul.ds-menu li.cloned li {
    width: auto;
    display: block;
    list-style: none
}

#cssmenu ul.ds-menu li.cloned a {
    display: block;
    font-size: 16px;
    color: #fff;
    padding: 9px 10px;
    text-decoration: none;
    float: left;
    width: 100%
}

#cssmenu ul.ds-menu li.cloned a:hover {
    background: #f5821f;
    border-radius: 5px;
    color: #fff !important
}

#cssmenu ul.ds-menu li.cloned.active {
    background: #f5821f;
    color: #474344
}

#cssmenu ul.ds-menu li.cloned.active a {
    color: #fff;
    background: #f5821f;
    border-radius: 5px
}

#cssmenu ul.ds-menu li.cloned span.arrow {
    left: 225px;
    top: 14px;
    transform: rotate(-90deg);
    position: absolute;
    right: 22px;
    width: 13px;
    height: 8px;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out
}

#cssmenu ul.ds-menu li.cloned span.arrow span {
    position: absolute;
    width: 8px;
    height: 1px;
    display: inline-block;
    -webkit-transition: .2s;
    transition: .2s;
    background-color: #fff
}

#cssmenu ul.ds-menu li.cloned span.arrow span:first-of-type {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 0;
    top: 0
}

#cssmenu ul.ds-menu li.cloned span.arrow span:last-of-type {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0;
    background-color: #fff;
    right: 0
}

#cssmenu ul.ds-menu li.ds-menu_iteam {
    opacity: 0;
    width: calc(70% - 120px);
    position: absolute;
    right: 10px;
    top: 20px;
    background: #f5821f;
    height: calc(100% - 30px);
    padding: 20px;
    border-radius: 5px;
    list-style: none;
    z-index: 999
}

#cssmenu ul.ds-menu li.ds-menu_iteam a {
    width: auto;
    display: block;
    font-size: 15px;
    line-height: 1.2;
    transition: color .2s;
    color: #fff !important;
    padding: 0 0 8px;
    text-decoration: none
}

#cssmenu ul li.has-sub:hover ul.ds-menu.ds-menu_work li.cloned.active a {
    background: 0 0 !important;
    border: none
}

#cssmenu ul.ds-menu li.ds-menu_iteam.active {
    opacity: 1;
    z-index: 99999;
    background: #f5821f !important
}

#cssmenu ul li.has-sub:hover ul.ds-menu {
    opacity: 1;
    pointer-events: all
}

#cssmenu .numbercom {
    width: 100%;
    display: block;
    margin: 0;
    text-align: right;
    background: #000
}

#cssmenu .numbercom .number_col {
    color: #f5821f;
    margin: 0 16px 5px 0;
    width: auto;
    display: inline-block
}

#cssmenu .numbercom .number_col span {
    font-weight: 700;
    font-size: 14px;
    margin: 0 4px 0 0
}

#cssmenu .numbercom .number_col a {
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

#cssmenu .numbercom .number_col a:hover,
.carousel.charity-slide .charity-slider-text p a,
.ds-blogcontent p.forcesquares_ceo,
.game-inner-box2 .game-b-inner .skil-content a,
.open_sourse_Prestashop .tech-inner a {
    color: #f5821f;
    font-weight: 700
}

#cssmenu ul.ds-menu li.ds-menu_iteam ul li ul.inner-submenu {
    position: absolute !important;
    left: 100% !important;
    width: 100%
}

#cssmenu ul.ds-menu li.ds-menu_iteam ul li ul.dropdown-menu.inner-sabmenu {
    position: absolute;
    left: 159px;
    background: 0 0;
    box-shadow: none;
    display: none;
    width: 100%;
    top: 0;
    bottom: inherit;
    height: 100%
}

#cssmenu ul.ds-menu li.ds-menu_iteam ul li:hover ul.dropdown-menu.inner-sabmenu {
    display: block;
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
    border: none
}

#cssmenu ul li.has-sub:hover ul.ds-menu li.mobile_menuinner ul li.page_item {
    position: relative;
    padding-right: 4px
}

#cssmenu ul li.has-sub:hover ul.ds-menu li.mobile_menuinner ul li.page_item a {
    position: relative;
    line-height: 24px;
    padding: 0
}

#cssmenu ul li.has-sub:hover ul.ds-menu li.mobile_menuinner ul li.page_item a:hover {
    background: 0 0;
    color: #000 !important
}

#cssmenu ul li.has-sub:hover ul.ds-menu li.mobile_menuinner ul li.page_item a:after {
    content: '';
    font-family: FontAwesome;
    font-size: 21px;
    background: 0 0;
    top: 0;
    position: absolute;
    right: 0;
    display: block
}

.video-panel {
    width: 100%;
    float: none;
    height: auto;
    top: 0;
    position: relative
}

.video-panel .search-form-yext-ds {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9
}

.video-panel .video {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%
}

.video-content-panel {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 50%;
    transform: translateY(-30%);
    justify-content: center;
    z-index: 1
}

h1.video-content {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, .3) 30%, #000 50%, rgba(0, 0, 0, .3) 70%);
    -webkit-mask-size: 200%;
    z-index: 9;
    color: #ccc;
    font-size: 18vh;
    margin: 0;
    animation: 2s linear infinite shine;
    transition: .2s ease-in-out
}

.overlay-video {
    background: #000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 5px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .6;
    z-index: 1
}

h1.video-btm {
    font-weight: 700;
    z-index: 9;
    color: #fff;
    font-size: 48px;
    margin: 0;
    white-space: pre-line;
    width: 49%
}

h4.video-btm {
    z-index: 9;
    color: #fff;
    font-size: 26px;
    margin: 32px 0 0;
    font-weight: 300 !important;
    width: 441px;
    line-height: 35px
}

h4.video-btm a {
    color: #fff;
    font-weight: 600;
    border-bottom: 2px dashed #fff
}

.video-content-panel .container {
    width: 1052px
}

header.global .bg,
header.global .fg {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.clients-panel-logo .owl-carousel .owl-item img,
.trusted_client_col:hover img.ad_trusted_hover {
    display: block;
    margin: auto
}


.home-demo {
    margin: 10% 0 0
}

a.animated-button.sandy-three {
    border: 2px solid #fff;
    color: #fff
}

a.animated-button.sandy-three:after {
    border: 3px solid #aea8d3;
    opacity: 0;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
    transform: translateX(-50%) translateY(-50%) rotate(-25deg)
}

a.animated-button.sandy-three:hover:after {
    height: 400% !important;
    opacity: 1;
    color: #fff
}

a.animated-button:link:after,
a.animated-button:visited:after {
    content: "";
    position: absolute;
    height: 0%;
    left: 50%;
    top: 50%;
    width: 150%;
    z-index: -1;
    -webkit-transition: .75s;
    -moz-transition: .75s;
    -o-transition: .75s;
    transition: .75s
}

a.animated-button:link,
a.animated-button:visited {
    position: relative;
    margin: 50px 20px auto auto;
    padding: 14px;
    color: #fff;
    font-size: 18px;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    letter-spacing: .08em;
    text-shadow: 0 0 1px rgba(0, 0, 0, .2), 0 1px 0 rgba(0, 0, 0, .2);
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    width: 230px;
    font-weight: 400
}

.animated-function-1 {
    animation-delay: 1s;
    transform: translateX(0);
    transition: transform 166ms steps(10), opacity 3s
}

.clients-panel {
    background: #fff;
    position: relative;
    top: -145px
}

.clients-panel-logo {
    float: left;
    width: 100%;
    padding: 0;
    text-align: center;
    position: fixed;
    bottom: 0;
    z-index: 9
}

.clients-panel-logo .owl-prev.owl-prev-icon-up {
    font-size: 37px;
    align-items: center;
    top: 0;
    bottom: 0;
    right: auto;
    left: -4%;
    justify-content: center;
    text-align: center;
    color: #fff;
    position: absolute;
    display: none
}

.clients-panel-logo .owl-next.owl-next-icon-up {
    font-size: 37px;
    align-items: center;
    top: 0;
    bottom: 0;
    right: -4%;
    left: auto;
    justify-content: center;
    text-align: center;
    position: absolute;
    color: #fff;
    display: none
}

#step2 .what_tech ul li p,
#step4 .inline-step-form ul,
.aap_dev_desc .pd-serv-set p,
.accreditations_panel .accreditations_logos .accreditations_col:nth-of-type(3n),
.achieving-content h2,
.addinal-point h4,
.app_features_panel h2.title-heading,
.approach_cal_1:nth-last-child(-n+2),
.blog_new_col.blog_three_col:nth-child(n+3),
.content-cma:nth-child(4),
.content-cma:nth-child(5),
.content-cma:nth-child(6),
.content-dps:last-child,
.design_digital_inner .home-demo,
.digital_content.app_content,
.ds-blogcontent .ds_blog_inner_sec p,
.ds-blogcontent .game_appstore p a img.img-responsive,
.ds-blogcontent ul.contlink,
.ds-industries .cuadro_intro_hover p,
.ds-life-sec .ds-life-text h4,
.ds_call .ds_head_contant p,
.dynamic-heading h2.title-heading,
.expertise_top_panel h2.expertise_business,
.faqs_panel .panel .panel-collapse .panel-body p,
.fullfilment button,
.fullfilment h1,
.fullfilment h2,
.fullfilment h3,
.get_in_touch_form .md-form-control:nth-child(2n),
.home_mid_sec,
.inner_pages.contect_panel,
.inner_requares_form_item .md-form-control:nth-child(n+2),
.itsupport_hiw.itsupport_wac .itsupport_hiw_panel .hiw_col,
.itsupport_hiw_panel .hiw_col:nth-child(n+4),
.manage_service a,
.meet-leader-sec-inner .flip-card-front .profile-text h3,
.mobile_operating ul:last-child,
.new-devlop-sec .new-devlop-content p,
.portfolio_desc h4,
.project_sec .home-demo,
.row.no-mrg,
.spotlight-slider-inner,
.spotlight-testimonial-slider h2,
.support-box.box-style h2,
.thanks_abt_sec .thanks_abt_point ul,
.thanks_abt_sec .thanks_abt_point ul li:last-child,
.travel_panel .col-md-12.margT35,
.web_counter_panel.about_counter.team-counter,
a.view_button.view_btn.portfolio_btn,
section.od-panel .home-demo {
    margin: 0
}

h2.title-heading.home_page_title {
    margin: auto auto 25px
}

a.view_button.touch_more {
    margin: auto auto 40px;
    display: table;
    border: 1px solid #000;
    color: #000
}

.video-panel .video_new {
    position: relative;
    width: 100%
}

.video-content-panel_new {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 50%;
    transform: translateY(-50%);
    justify-content: center;
    z-index: 2
}

.expertise_home img {
    width: 100%;
    height: 473px
}

.expertise_inner_text {
    position: absolute;
    top: 36%;
    z-index: 9;
    left: 35px
}

.expertise_home h3 {
    width: 100%;
    top: 35%;
    color: #f5821f;
    z-index: 9;
    font-size: 45px;
    text-align: left;
    height: 100px
}

.expertise_home:after {
    background: rgba(0, 0, 0, .5);
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    z-index: 1
}

.case_home {
    background: #c6def2;
    width: 100%;
    height: 473px;
    display: flex;
    align-items: center;
    display: -ms-flexbox
}

.case_home img {
    width: 42.8%;
    float: right;
    margin: 15px 26px 0;
    padding: 11px 0;
    position: absolute;
    right: 24px
}

.case_home .case_banner_text {
    width: 50%;
    display: inline-block;
    position: absolute;
    margin-left: 41px
}

.case_home .case_banner_text h3 {
    font-size: 45px;
    color: #f5821f;
    line-height: 50px
}

h3.case_news_text {
    text-align: left;
    white-space: pre-line
}

.case_home .case_banner_text h2 {
    font-size: 40px !important;
    margin: 0 0 40px
}

a.view_button.sign_sub.view_case {
    border: 1px solid #000;
    color: #000;
    margin: 8px 0;
    display: inline-table;
    padding: 8px 28px
}

.expertise_home .sign_sub {
    padding: 8px 28px;
    margin: 25px 0 0;
    display: inline-block
}

.expertise_testimonial .expertise_top_dese_col.quotes {
    width: 85%
}

.expertise_testimonial .expertise_top_dese_col.quotes:before {
    left: -65px
}

.expertise_testimonial .expertise_top_dese_col {
    width: 90%
}

.client_dotsquares .extention_col_left p:last-child,
.container.hair_solution .vorbest_solution_text,
.crm_Industries_points .crm_Industries_cols:nth-child(n+4),
.digital_tabs .tab .nav-tabs li,
.expertise_testimonial .expertise_top_dese_col h2,
.founder_top_text p:last-child,
.goole_accistant.java_panel,
.inner.pages.healthcare,
.inner.pages.java_sec,
.inner.pages.share_work,
.new-contact-form-ds li p,
.new-contact-form-ds li.lst-child p span label,
.rate-list-new .nav-tabs li,
.strategic_smm .extention_col_left p:last-child,
.vorbestell_client_text .vorbesttell_right_check img.vor_right_check:last-child {
    margin-bottom: 0
}

.expertise_testimonial .expertise_top_dese_col.quotes:after {
    top: inherit;
    display: block;
    bottom: -15px
}

.dynamic-crm .box-crm.er img,
.expertise_testimonial .client_msg_name h3,
.extention_team.shild_back .extention_col_right img,
.full-partner-logo-sec3 .mobile-sec-inner2 ul li img.salesforce-hubspot,
.microsoft_crm_panel .dynamic-crm.mds_panel .box-crm img,
.open_sourse_shuger .padT40 .crm-inr-box1 .crm-icn1 img,
.open_sourse_shuger .service_sugercrm .crm-inr-box3 img,
.open_sourse_shuger .suger_achivement ul li img,
.open_sourse_shuger .suger_features_panel .crm-inr-box2 img,
img.img-responsive.dsw-100.blog_imgw,
nav.pagination-outer .pagination li.first a,
nav.pagination-outer .pagination li.last a {
    width: auto
}

.expertise_testimonial .expertise_top_dese_col #footer_popup {
    background: #f78422;
    border: 1px solid #f78422
}

.accreditations_panel .accreditations_logos h3,
.asp-partycontrol_panel .asp-partycontrol_inner .col-md-3,
.dotsdevcmmi .col-xs-12.col-sm-4,
.dpc_panel h2.title-heading,
.every-thing-edgetable,
.extention_team.game_extention p,
.insight_inner .col-md-4,
.internet-web-sec-inner .row .col-sm-6,
.portfolio-sec .portfolio-sec-inner .col-md-4,
section.choose-us-because-section .main-headinginner,
section.choose-us-because-section.aspintro p.aspintro-text,
section.trustpilot-reviewsection {
    margin: 0 0 30px
}

.tack_partner_panel {
    background: #f5821f;
    padding: 40px 0
}

.competition_form .submit,
.magento_enterprice_panel .wp-video,
.tack_partner_panel .item.item-slide img,
.thanks_award_logo .owl-item .item-slide img {
    margin: auto
}

.tack_partner_panel ul {
    display: flex;
    align-items: center;
    justify-content: center;
    display: -ms-flexbox
}

.tack_partner_panel ul li {
    list-style: none;
    display: inline-block;
    margin: 0 21px
}

.home_client_logo .card_col_1 li img.card-img-top {
    margin: 0;
    padding: 0 5px
}

.crm_Industries h2.title-heading,
.crm_inclusive_solution h2.title-heading,
.ds-socicalink,
.grow_sec.process_expertise_two .extention_arrow-right p,
.home_client_logo h2.title-heading,
.hospital_btm_sec p img,
.loyalty-content .title-pragraph-loyalty h2.loyalty-heading,
.new-devlop-sec .new-devlop-content h3,
.reas-pyth.eum-point h2,
.running.ds-process h3,
.technology-banner .text-right form#contact_form ul li.contact-form-field .md-form-control {
    margin: 0 0 15px
}

@keyframes shine {
    from {
        -webkit-mask-position: 150%
    }

    to {
        -webkit-mask-position: -50%
    }
}

.expertise_shildpay {
    width: 50%;
    display: inline-block;
    position: relative;
    float: left;
    overflow: hidden;
    height: 563px
}

.expertise_shildpay .expertise_inner_text {
    position: absolute;
    top: 100%;
    z-index: 9;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    transition: .2s ease-in-out
}

.expertise_shildpay .expertise_inner_text.option_menu {
    background: #fff;
    transition: .5s ease-in-out
}

.expertise_shildpay .expertise_inner_text.option_menu h3 {
    left: 0;
    top: inherit;
    transform: translate(0);
    position: relative;
    width: 100%;
    right: 0;
    text-align: center;
    color: #000 !important
}

.expertise_shildpay:hover .expertise_inner_text {
    opacity: inherit;
    transition: .2s ease-in-out;
    top: 0
}

.expertise_inner_text.option_menu .option_menu_inner,
.expertise_inner_text_inner {
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%
}

.expertise_inner_text_inner {
    color: #fff
}

.expertise_inner_text h3 {
    white-space: pre-line;
    font-size: 45px;
    text-transform: lowercase
}

.expertise_inner_text h4 {
    margin: 20px 0 7px
}

.expertise_shildpay:hover .expertise_inner_text h3 {
    color: #fff;
    text-transform: initial
}

.expertise_shildpay img,
.fullfilment .company-process img,
.service_animated .box img,
.vorbestall_app_img img {
    width: 100%;
    object-fit: cover;
    height: 100%
}

.expertise_shildpay img.indi-home {
    width: 120px;
    height: auto;
    position: absolute;
    right: 10px;
    bottom: 10px
}

.expertise_inner_text.option_menu {
    width: 100%;
    left: 0;
    top: inherit
}

.expertise_inner_text.option_menu h3 {
    background: 0 0;
    color: #fff;
    font-size: 42px;
    padding: 7px 27px;
    float: none;
    width: auto;
    display: table;
    margin: auto;
    white-space: nowrap
}

.expertise_shildpay .expertise_inner_text.option_menu p {
    color: #000;
    text-align: center;
    text-transform: capitalize;
    line-height: 30px
}

.blog_news_follow li a,
.expertise_inner_text2-inner h3:first-letter,
.new_teck_inner.itcounsel .app_head_text h2,
.tab .nav-tabs li a {
    text-transform: uppercase
}

.expertise_inner_text.option_menu.option_menu_two {
    top: 100px;
    padding-left: 38px
}

.expertise_inner_text.option_menu.option_menu_three {
    padding-left: 100px;
    top: 65%
}

.expertise_inner_text.option_menu.option_menu_four {
    padding-left: 160px;
    top: 40%
}

.home_chat {
    padding: 60px 0;
    display: flex;
    display: -ms-flexbox;
    width: 90%;
    margin: auto
}

.option_menu_inner,
.overley_top_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0
}

.home_chat h3 {
    font-size: 30px;
    margin: 0;
    color: #000
}

.home_chat h3 span {
    display: inherit;
    font-weight: 300;
    font-family: Lato;
    font-size: 24px
}

.blog_news_follow li a,
.by_dots h4,
.news_content h3 {
    font-family: 'Segoe UI Symbol'
}

a.view_button.touch_btn {
    border: 1px solid #000;
    width: auto;
    color: #000;
    text-align: center;
    margin: auto;
    top: 0;
    position: relative;
    display: inline-block
}

.home_chat h4 a {
    display: inline-block;
    font-size: 24px;
    margin: 0 15px 0 0;
    color: #f5821f;
    font-weight: 700
}

.home_chat span.or {
    font-size: 16px;
    font-weight: 600;
    margin: 0 12px 0 0
}

.tack_partner_home .item-slide a {
    background: #e3e3e3;
    width: 23%;
    vertical-align: top;
    height: 132px;
    margin: 0 0 13px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.tack_partner_home .item-slide img {
    width: auto;
    margin: 0;
    padding: 0 5px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    max-width: 90%
}

.tack_partner_agencies .item-slide img:hover,
.tack_partner_home .item-slide img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    cursor: pointer
}

.tack_partner_agencies .tack_partner_testimonial,
.tack_partner_panel .tack_partner_testimonial {
    margin: 62px 0 0
}

.tack_partner_panel .item-slide h2.title-heading,
.tack_partner_testimonial h2.title-heading {
    text-align: left;
    margin-bottom: 25px
}

.tack_partner_home p {
    color: #000;
    font-style: italic;
    width: 90%;
    margin: 0
}

.tack_partner_home h4 {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    text-align: right;
    margin: 4px 30px 0 0;
    line-height: 24px
}

.tack_partner_home h4 span {
    display: block;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px
}

.option_menu_inner {
    top: 0;
    bottom: 0;
    background: 0 0;
    text-align: center;
    z-index: 999
}

h3.quadrent_desc {
    top: 50%;
    position: absolute;
    right: 0;
    left: 0;
    transform: translate(0, -110%);
    color: #fff;
    margin: -5px 0 0;
    font-size: 30px
}

.expertise_shildpay.expertise_sec_left:after {
    background: rgba(0, 0, 0, .3);
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    content: ''
}

.expertise_inner_text2-inner h3 {
    color: #fff;
    font-size: 30px;
    margin: 0
}

.expertise_shildpay.expertise_sec_left:hover .expertise_inner_text2-inner h3 {
    color: #000;
    transition: .5s ease-in-out
}

.expertise_inner_text2-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-21%);
    max-width: 600px;
    color: #000;
    margin: auto;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 999
}

.expertise_inner_text2-inner p {
    opacity: 0;
    text-transform: initial;
    padding: 0 21px
}

.about_counter .col-abt_count .counter h3.title,
.btn_loe_below button.view_button,
.client_dotsquares.theresult .extention_col_left h2,
.client_dotsquares.theresult .extention_col_left p,
.cols_game_contetn p,
.consultancy_panel .consultancy_col_left h2,
.crm_Industries_points .crm_Industries_cols h4,
.crm_ss_right h3,
.digital_tabs.game_tabs h2,
.ds-blogcontent p .threat_air,
.ds-blogcontent p strong.cars_jam,
.ds-blogcontent p.forcesquares_ceo a,
.ds-blogcontent p.forcesquares_ceo span,
.ds_call .ds_head_contant h3 a,
.ds_web_all .home_chat h4 a,
.ds_web_all .home_chat span.or,
.expertise_inner_text2-inner button.view_button.consultancy_btn,
.extention_team.case_detail.shildpay_sec.club_result_text h2,
.extention_team.case_detail.shildpay_sec.club_result_text p,
.extention_team.shild_back h2,
.game-inner-box-sho.game-inner-box-noo p,
.game-inner-box-sho.game-inner-box-noo ul li,
.grow_sec_col_left h2,
.hubsport_sec.sugerhire_sec .banner-captions .bnr_listing ul li,
.hubsport_sec.sugerhire_sec .banner-captions h1,
.inner_requares_field_panel h3,
.itsupport_points .itsupport_points_left h2,
.md-form-control .md-input-text option,
.microsoft_crm_panel.share_point_work .dynamic-crm.mds_panel .box-crm p,
.microsoft_crm_panel.share_point_work .dynamic-crm.mds_panel h3,
.ocean_develop .since_content_left h2,
.open_sourse_prestashop .tech-inner a:hover,
.running.download_pdf .how_we_start_inner.how_we_detail h2.box-header,
.search_filter .port_col_left,
.spotlight-slider-inner .post-slide p,
.startup_process_panel.magento-certifications.achievements-bg.meanstact-achive h2.title-heading,
.strategic_contact_text h2,
.strategic_contact_text p,
.sugerhire_sec .services-section .crm-inr-box3 p,
.support_testimonial.bottom-bumps h3 span,
.web_dev_work p.travel_para,
.whats_thanks .whats_thanks_desc h2,
.whats_thanks .whats_thanks_desc p,
a.btn_client:hover,
h2.seo_heading.ppc_heading {
    color: #000
}

.expertise_shildpay.expertise_sec_left:hover .option_menu_inner {
    background: #fff;
    transition: .5s ease-in-out;
    opacity: 1
}

.expertise_shildpay.expertise_sec_left:hover .option_menu_inner p {
    opacity: 1;
    color: #000
}

.casestudy-imgbox:hover .casestudies-overlay-logo img,
.expertise_shildpay.expertise_sec_left:hover .expertise_inner_text2-inner,
.expertise_shildpay.expertise_sec_left:hover .option_menu_inner a,
.portfolio-sec-inner .content:hover .content-overlay,
.service_animated .box:hover .box-content,
.service_animated .box:hover:before,
.startups_service_sec .startups_slide_col:hover .overley_img_startup {
    opacity: 1
}

.whatscominfo .whatscominfo_point,
section.head-banner.expertise_banner img.headerbanner-img.gold-partner-img {
    width: auto;
    margin: auto
}

.banner-point-sec h1 span {
    display: block;
    padding: 25px 0
}

section.head-banner.expertise_banner:after {
    content: '';
    background: url(../images/doted_banner_right.png) no-repeat;
    width: 695px;
    float: right;
    display: inline-block;
    margin: 80px 0 0;
    height: 500px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%)
}

.updown_img {
    position: absolute;
    bottom: 50px;
    right: 0;
    left: 0;
    z-index: 9999;
    text-align: center
}

.updown_img img {
    margin: auto;
    bottom: 23px;
    position: relative;
    width: auto !important;
    display: none
}

.overley_top_bg {
    top: 0;
    bottom: 0
}

.up-down-arrow {
    animation: 2s linear infinite MoveUpDown;
    left: 0;
    bottom: 0
}

.arrown_scroll {
    bottom: -18px;
    text-align: center;
    font-size: 20px;
    text-decoration: none;
    width: 35px;
    height: 35px;
    margin: auto;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    z-index: 9;
    -webkit-transform: translate(-50%, 0) rotate(45deg);
    -moz-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    -webkit-animation: 4s ease-in-out infinite fade_move_down;
    -moz-animation: 4s ease-in-out infinite fade_move_down;
    animation: 4s ease-in-out infinite fade_move_down;
    display: none
}

@-webkit-keyframes fade_move_down {
    0% {
        -webkit-transform: translate(0, -10px) rotate(45deg);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(0, 10px) rotate(45deg);
        opacity: 0
    }
}

@-moz-keyframes fade_move_down {
    0% {
        -moz-transform: translate(0, -10px) rotate(45deg);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -moz-transform: translate(0, 10px) rotate(45deg);
        opacity: 0
    }
}

@keyframes fade_move_down {
    0% {
        transform: translate(0, -10px) rotate(45deg);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: translate(0, 10px) rotate(45deg);
        opacity: 0
    }
}

p.head-para {
    color: #fff;
    font-size: 28px;
    line-height: 45px
}

.title-pragraph-section {
    display: inline-block;
    width: 100%;
    margin: 15px 0 25px
}

.heading-with-icon {
    display: table;
    width: auto
}

p.head-para.our-app {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 40px
}

h3.head-para {
    color: #fff;
    line-height: 33px;
    margin: 0;
    width: 50%;
    display: inline-block;
    text-shadow: none;
    font-size: 18px
}

.corporate-text p,
.desc-corporate p {
    line-height: 32px;
    margin: 0;
    color: #000
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    -webkit-appearance: none;
    position: absolute !important;
    margin-top: 20px;
    margin-left: 2px !important;
    background: 0 0;
    border: none
}

.carousel-caption.caption-content {
    top: 65%;
    align-items: center;
    left: 0;
    right: 0;
    bottom: 0;
    justify-content: baseline;
    text-align: center;
    display: block;
    transform: translateY(-55%);
    padding: 0;
    background: 0 0
}

section.corporate-value-page {
    float: left;
    width: 100%
}

.corporate-text {
    padding: 36px 0
}

.container.container-section {
    width: 1682px
}

.container.container-section.portfolio-head .row {
    justify-content: center;
}

.container.container-section.portfolio-head,
.portfolio-body .container.container-section {
    max-width: 1682px
}

.corporate-value-panel {
    width: 100%;
    float: left;
    margin: 0;
    background: #f9f9f9;
    padding: 30px 0
}

.corporate-text p {
    font-size: 18px;
    text-align: center
}

.desc-corporate p {
    font-size: 16px;
    text-align: left
}

.corporate-slider {
    position: relative;
    overflow: hidden;
    margin: 0 0 41px
}

.corporate-wrapper-block.corporate-wrapper-block-2,
.how_we_start_inner,
.loe_terms_panel,
.table2 {
    margin: 40px 0 0
}

.corporate-wrapper-side.corporate-wrapper-side-2 {
    float: right;
    height: 766px
}

.corporate-wrapper-block.corporate-wrapper-block-2:after {
    left: -16px;
    right: 0;
    top: 16px;
    border: 16px solid
}

.corporate-wrapper-side {
    position: relative;
    overflow: hidden;
    width: 82%;
    left: 0;
    top: 0;
    height: 754px;
    display: inline-block
}

.corporate-wrapper-block {
    box-shadow: 0 0 21px rgba(0, 0, 0, .15);
    background: #fff;
    position: absolute;
    margin: 40px;
    z-index: 1;
    top: 0
}

.corporate-wrapper-block:before {
    content: '';
    position: absolute;
    z-index: -1;
    left: -36px;
    top: -39px;
    border: 70px solid #504937;
    height: 114%;
    width: 100%
}

.corporate-wrapper-block.corporate-wrapper-side-3:before {
    border: 70px solid #565946
}

.corporate-wrapper-block.corporate-wrapper-side-3:after {
    border: 16px solid rgba(43, 46, 32, .7)
}

.corporate-wrapper-block.corporate-wrapper-block-2.corporate-wrapper-side-4:before {
    border: 70px solid #6e9a92
}

.corporate-wrapper-block.corporate-wrapper-block-2.corporate-wrapper-side-4:after,
.corporate-wrapper-block.corporate-wrapper-block-2.corporate-wrapper-side-6:after,
.corporate-wrapper-block.corporate-wrapper-side-5:after {
    border: 16px solid
}

.corporate-wrapper-block.corporate-wrapper-side-5:before {
    border: 70px solid #ce8b45
}

.corporate-wrapper-block.corporate-wrapper-block-2.corporate-wrapper-side-6:before {
    border: 70px solid #5b82a7
}

.corporate-wrapper-block.corporate-wrapper-block-2:before {
    content: '';
    position: absolute;
    z-index: -1;
    right: 20px;
    top: -39px;
    border: 70px solid #577522;
    height: 114%;
    width: 100%;
    left: 36px
}

.corporate-wrapper-block:after {
    content: '';
    position: absolute;
    z-index: -1;
    right: -16px;
    top: 14px;
    border: 16px solid rgba(39, 34, 23, .7);
    height: 100%;
    width: 100%
}

.corporate-wrapper-block img {
    border: 10px solid #fff
}

.desc-corporate {
    margin: 165px 0 0;
    width: 90%
}

.desc-corporate h2 {
    font-size: 50px !important;
    font-weight: 300;
    color: #3a3a3a;
    margin: 0 0 30px
}

.overlay-corporate {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 2;
    cursor: pointer
}

#step1,
#step2 .step-section-inner,
#step4,
.alexa_panel .howtouse .howtoworktop .howtouseimg,
.alexa_panel .howtouse .howtoworktop .howtousetext p,
.argame,
.argame .skil-content p,
.asp-partycontrol_panel h2.title-heading,
.blog-recent,
.chooseus-panel h2.title-heading,
.client_logo_panel h2.title-heading.title-heading_res,
.crm_Industries p,
.demo,
.digital_marketing.crm_first_sec .tech-slide-panal,
.dots_news_sec .pagination-outer,
.ds-process .pro-inner-br p,
.dynamic-crm .box-crm.er p,
.efficient-choice p,
.full-partner-logo-sec3 .main-heading h2,
.full-partner-logo-sec3 .mobile-sec-inner2,
.fullfilment .digital-full,
.fullfilment .digital-full p,
.game-inner-box1 p,
.game_solution .mob-game .title,
.game_solution .our-work .our-work1 .tab-box1 .col-md-3 p,
.game_solution .our-work .title,
.game_solution .technologies .title,
.home_client_logo,
.hospital_btm_sec p,
.key_orange_panel h4,
.limiter table td.c,
.loyalty-content .loyalty_panel_img .title-pragraph-loyalty,
.magento-extension .chooseus-box,
.magento-extension .title-heading,
.magento_enterprice_panel .crm-inr-box3 p,
.magento_enterprice_panel .magento_ent_sec2 .padT40 .why_magento_box p,
.meet-leader-sec h2.title-heading,
.meet-team-card.Family .ds-family h3,
.meet-team-sec h2.title-heading,
.mejs-mediaelement,
.open_sourse_shuger .service p,
.open_sourse_shuger .service_sugercrm .crm-inr-box3 p,
.open_sourse_shuger p,
.portfolio-list,
.seokick-question h2.title-heading,
.spotlight-slider .title-heading,
.startup_process_panel.e-learning h2.title-heading,
.support-box.box-style p,
.tech-category ul.tech-cat-icons,
.title-pragraph-section_refer h2,
h1.title-heading.refer_text,
section.choose-us-because-section .main-heading,
section.our-process-section .main-heading,
section.what-hubspot-section p,
table td.r,
table th.c,
table th.r {
    text-align: center
}

.dots_news_sec .pagination {
    font-family: 'Allerta Stencil', sans-serif;
    display: inline-flex;
    position: relative;
    float: left
}

.dots_news_sec .pagination li a.page-link {
    color: #fff;
    background: 0 0;
    font-size: 22px;
    line-height: 48px;
    height: 50px;
    width: 50px;
    padding: 0;
    margin: 0 8px;
    border: none;
    position: relative;
    z-index: 1;
    transition: .4s;
    font-weight: 600
}

.dots_news_sec .pagination li a.page-link span {
    line-height: 42px;
    font-size: 34px
}

.dots_news_sec .pagination li a.page-link:hover,
.dots_news_sec .pagination li.active a.page-link,
.dots_news_sec .pagination li.active a.page-link:hover {
    color: #fff;
    background-color: transparent
}

.dots_news_sec .pagination li a.page-link:after,
.dots_news_sec .pagination li a.page-link:before {
    content: '';
    background: linear-gradient(225deg, #2c3e7d, #366594);
    height: 100%;
    width: 100%;
    border: 3px solid #fff;
    box-shadow: 0 0 3px #000;
    border-radius: 50%;
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    transition: .3s ease-in
}

.dots_news_sec .pagination li a.page-link:hover:before,
.dots_news_sec .pagination li.active a.page-link:before,
.dots_news_sec .pagination li:first-child a.page-link:hover:before,
.dots_news_sec .pagination li:last-child a.page-link:hover:before {
    border-radius: 50% 0 50% 50%
}

.dots_news_sec .pagination li a.page-link:after {
    background: #fff;
    height: 5px;
    width: 5px;
    border: none;
    box-shadow: 0 0 0 transparent;
    opacity: 0;
    transform: translateX(-50%) translateY(0) rotate(0);
    top: auto;
    bottom: 0
}

.dots_news_sec .pagination li a.page-link:hover:after,
.dots_news_sec .pagination li.active a.page-link:after {
    opacity: 1;
    bottom: 85%
}

.dots_news_sec .pagination li:first-child a.page-link:before {
    transform: translateX(-50%) translateY(-50%) rotate(-135deg)
}

.dots_news_sec .pagination li:first-child a.page-link:after {
    transform: translateX(0) translateY(-50%);
    top: 50%;
    bottom: auto;
    left: auto;
    right: 0
}

.dots_news_sec .pagination li:first-child a.page-link:hover:after {
    right: 80%
}

.dots_news_sec .pagination li:last-child a.page-link:after {
    transform: translateX(0) translateY(-50%);
    bottom: auto;
    top: 50%;
    left: 0
}

.dots_news_sec .pagination li:last-child a.page-link:hover:after,
.portfolio-sec-inner .fadeIn-right {
    left: 80%
}

.pagination li:last-child a.page-link:before {
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.event_news_panel {
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0
}

.portfolio_search.search_filter {
    background: #ccc;
    padding: 10px 0;
    display: none
}

.blog_new_col {
    width: 50%;
    padding: 10px;
    border-radius: 5px;
    margin: 0 0 30px !important;
    display: inline-block
}

.blog_new_col:hover>h4.new_function:hover {
    transition: .5s ease-in-out;
    border-radius: 50px
}

.blog_new_col.blog_three_col:hover>.news_content,
.blog_new_col:hover>.news_content {
    box-shadow: 0 1px 10px 4px #efeeee;
    transition: .2s ease-in-out
}

.blog_new_col.blog_three_col,
.key_inner_section .col-sm {
    width: 33.33%
}

.accreditations_panel .accreditations_logos .accreditations_col img,
.alexa_panel .whiteblock-1 .whiteblk-1img img.img-fluid,
.alexa_panel .whiteblock-5 .bannerwhiteblk-5 img.img-fluid,
.app_technology_panel .app_technology_right_img,
.approach_panel .col_approach_img img,
.argame img,
.award-logo-ecom img,
.case_study_img img,
.com-awards-img img,
.design_since .since_image img,
.ds-blogcontent p img.blog-detail-image,
.ds-life-sec .ds-life-img img,
.ecommerce_web .col_web img,
.enterprise-casestudy-img img,
.extention_team.case_detail.shild_back.restro_text .extention_col_right img,
.fd-right-img-sec .bg-dark-1 .right-sec img,
.footer_winning .certified_panel ul li img,
.freamwork_desc .freamwork_desc_right img,
.full-partner-logo-sec3 .mobile-sec-inner2 ul li img,
.game_section_4 .cols_game_img img,
.game_solution .technologies ul .boxSponsers img,
.health-img-sec img,
.home_vorbest_call .home_chat,
.indus_img img,
.inner_requares_form_item .row,
.inner_requares_form_item .row .md-form-control,
.input-group,
.magento_enterprice_panel .magento_ent_sec6 .magento_inr_sec1 img,
.md-form-control .md-input-text,
.md-form-control.msg_control,
.microsoft_category ul li img,
.mobile-view img,
.msg_seo_box .row,
.msg_seo_box .row .md-form-control,
.new-contact-form-ds li.contact-form-field.contact-form-question .md-form-control,
.ocean_develop .since_image img,
.our-experinece-section .hub-block2 img,
.parimg img,
.portfolio-sec-inner .content-image,
.power-php img.power-img,
.shildpay_result_panel img,
.social-responsiblity-sec-text .social-responsiblity-left-img img,
.technology.technology_tech a img.img-responsive,
.vorbest_technology .vorbest_technology_inner .vorbest_tech_img img,
.web_dev_work .web_dev_work_right img,
.webcrmPpanel .col_web img,
.whats_thanks .whats_img img,
.zoho_sec .best-business ul,
.zoho_sec .org-light-brdr-btm .portfolio-item img,
fieldset.scheduler-border .control-group .btn-group,
figure.news-item__thumb img {
    width: 100%
}

h4.figure_function {
    background: rgba(0, 0, 0, .7);
    display: inline-block;
    color: #fff;
    padding: 7px 35px 10px;
    position: absolute;
    bottom: 0;
    margin: 0;
    left: 0
}

h4.new_function {
    background: #000;
    display: inline-block;
    color: #fff;
    padding: 12px 35px 15px;
    position: absolute;
    top: -22px;
    font-weight: 600;
    margin: 0;
    left: 40px;
    transition: .5s ease-in-out
}

h4.new_function:before {
    content: '';
    font-family: fontawesome;
    font-size: 46px;
    position: absolute;
    bottom: -26px;
    color: #000;
    left: 38%
}

.news_content h3 {
    margin: 0 0 15px;
    width: 100%;
    line-height: 30px;
    position: relative;
    color: #000;
    padding: 0;
    line-height: normal
}

.gartner_panel ul.contlink2 ol li strong.privacy_head_txt:after,
.goole_accistant .box-header:after,
.news_content h3:after {
    background: #f5821f;
    content: "";
    display: block;
    height: 2px;
    margin-top: 8px;
    width: 40px
}

p.news-item__blurb {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #7f7f7f;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px
}

.news_content {
    flex-grow: 1;
    padding: 15px 30px 15px 0;
    width: 100%;
    transition: .2s ease-in-out;
    margin: 0
}

.by_dots h4 {
    margin: 0 0 13px;
    font-size: 16px;
    color: #666
}

.app_case_left ul,
.benifite_elearning ul,
.blog_news_follow ul,
.footer1 ul,
.fream_teck_panel .start_partnership_right ul,
.new_teck_points ul,
.office-address-sec .tab .tab-content ul,
.start_partnership_right ul,
.technology-list ul {
    margin: 0;
    padding: 0
}

.blog_news_follow .social-icon {
    display: block;
    width: 36px;
    height: 36px;
    float: left;
    margin-top: 0;
    margin-right: 0;
    text-align: left;
    background: url(../images/blog_follow.png) no-repeat
}

.blog_news_follow li {
    list-style: none;
    display: inline-block
}

.blog_news_follow li a {
    color: #fff;
    list-style: none;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    line-height: 30px
}

#facebook,
.blog_news_follow #facebook {
    background-position: 0 0;
    -webkit-transition: .3s;
    transition: .3s;
    margin: 0 0 5px
}

.blog_news_follow #twitter {
    background-position: -40px 0;
    -webkit-transition: .3s;
    transition: .3s;
    margin: 0 0 5px
}

.blog_news_follow #skype {
    background-position: -85px 0;
    -webkit-transition: .3s;
    transition: .3s;
    margin: 0 0 5px 8px
}

.blog_news_follow #in {
    background-position: -127px 0;
    -webkit-transition: .3s;
    transition: .3s;
    margin: 0 0 5px
}

.col_en_panel_right {
    width: 38%
}

.col_en_panel_right .clearfix+.col_en_panel_inner {
    margin-top: 38px
}

.col_en_panel {
    display: inline-block;
    padding-right: 50px;
    width: 62%
}

.col_en_panel_inner:last-child {
    margin-top: 74px
}

.col_en_panel_inner h3 {
    width: 81%;
    line-height: 30px;
    color: #000;
    margin: 30px 0
}

h2.blog_tital {
    font-size: 36px;
    color: #2c3e7d;
    border-bottom: 2px solid #2c3e7d;
    padding: 0 0 16px;
    margin: 0 0 23px
}

p.blog_decs {
    font-size: 21px;
    color: #4b4b4b;
    padding: 0;
    margin: 0;
    line-height: 26px
}

.dots_news_sec {
    background-color: #fff;
    margin: 46px 0
}

.dots_compact {
    align-items: flex-start;
    display: flex;
    width: 100%;
    margin: 0 0 57px
}

p.indus_content {
    margin: 11px 0 4px;
    font-size: 16px;
    color: #665e71;
    line-height: 26px;
    display: -webkit-box;
    webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 90%;
    text-overflow: ellipsis
}

a.see_all_btn {
    font-size: 20px;
    background: #2c3e7d;
    color: #fff;
    font-weight: 600;
    padding: 6px 28px 10px;
    float: left;
    margin: 15px 0 0;
    border-radius: 2px
}

a.form_submit:hover,
a.see_all_btn:hover,
a.see_btn_news.digital_marketing,
a.see_btn_news.digital_marketing:hover {
    color: #fff;
    text-decoration: none
}

.blog_new_col.blog_three_col,
.ds-mobwrap {
    padding: 10px;
    border-radius: 5px;
    margin: 0 0 30px !important;
    display: inline-block
}

.coman_web p b {
    color: #f5821f;
    font-weight: 600;
    margin: 0 0 6px;
    display: block;
    width: 100%
}

.ngg-gallery-thumbnail {
    display: inline-block;
    text-align: center;
    max-width: 100% !important;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: 0 5px 15px;
    padding: 5px;
    vertical-align: top;
    height: 250px
}

.ngg-gallery-thumbnail img {
    height: 100%;
    margin: 0 !important
}

.dotsdevcmmi {
    display: block;
    width: 100%;
    float: left
}

.dotsdevcmmi .col-md-6 {
    width: 100%;
    margin: 15px 0 0;
    padding: 0
}

.digitl_marketing_slider h2.title-heading,
.ds-blogcontent p.dnotification,
.ocean_technology .ocean_technology_inner {
    margin: 35px 0 0
}

.ds-blogcontent p.dnotification img {
    float: left;
    margin: -11px 13px 0 0;
    width: auto
}

.ds-blogcontent .news-sec-box {
    border: 1px solid #ddd
}

.ds-blogcontent .news-sec-box h3 {
    background: #274174;
    color: #fff;
    margin: 0;
    font-size: 15px;
    padding: 10px;
    height: 58px;
    font-weight: 400 !important
}

.ds-blogcontent .news-sec-box ul.contlink {
    padding: 0 15px;
    margin: 0 0 15px
}

.ds-blogcontent h2.box-header a,
.ds-blogcontent h3.box-header {
    color: #f5821f;
    font-size: 16px
}

.tab .nav-tabs li a,
.tab .nav-tabs li.active a {
    font-size: 40px;
    font-weight: 600;
    text-align: center
}

.ds-blogcontent .blog_post_work p,
.shildpay_result_panel_inner h2 {
    margin: 0 0 20px;
    color: #000
}

.ds-blogcontent .blog_post_work strong {
    font-size: 16px;
    color: #f5821f
}

.wholesale-pricetable table tr td,
.wholesale-pricetable table tr th {
    border: 1px solid #000;
    padding: 6px 15px;
    font-weight: 700;
    text-align: center
}

.wholesale-pricetable h4 {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    margin: 0
}

.faqshopify {
    border-top: 4px dashed #000;
    padding: 30px 0;
    margin-top: 40px
}

.whydrupalpoint.shopifypoint h3 {
    float: none;
    min-height: auto;
    margin: 0 0 10px
}

.tab-section {
    background: url(../images/tab-bg.jpg) center/cover no-repeat;
    width: 100%;
    text-align: center;
    padding: 0 0 50px
}

.form-div,
.tab .nav-tabs li a {
    background: #134796;
    color: #fff;
    position: relative
}

.request-contaent {
    margin: 35px 0 30px;
    display: inline-block
}

.client_dotsquares .extention_col_left h2,
.request-contaent h2,
.startup_process_inner .start-up_process_coll p,
.startup_process_inner .start-up_process_coll p a {
    color: #fff;
    margin: 0
}

.request-contaent h2 span {
    color: #f5821f;
    padding: 0 0 13px;
    font-size: 30px
}

.request-contaent p {
    color: #fff;
    line-height: 28px;
    margin: 0
}

span.request-heading {
    color: #f5821f;
    font-size: 20px;
    margin: 5px 0 0;
    display: inline-block;
    font-weight: 600
}

.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.tab-panel .nav-tabs>li.active>a {
    border: none !important;
    background-color: #000 !important;
    padding: 0 0 10px
}

.tab .nav-tabs {
    border: none;
    margin-bottom: 10px
}

.tab .nav-tabs li a {
    display: block;
    padding: 0 0 10px;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
    z-index: 1;
    text-transform: capitalize;
    border: none
}

.tab .nav-tabs li.active a {
    color: #fff !important;
    border: 1px solid #000;
    width: 100%;
    padding: 5px 0;
    text-transform: capitalize
}

.tab .nav-tabs li a:after,
.tab .nav-tabs li a:before {
    content: "";
    display: block;
    width: 100%;
    height: 200px;
    border-radius: 200px;
    background: #f5821f;
    margin-top: -100px;
    position: absolute;
    top: 50%;
    left: -50%;
    opacity: .3;
    z-index: -1;
    transform: scale(0);
    transition: .8s ease-out
}

.tab .nav-tabs li.active a:after,
.tab .nav-tabs li.active a:before {
    opacity: 1;
    transform: scale(4)
}

.tab .nav-tabs li a:hover {
    background: #2c3e7d
}

.form-div {
    padding: 20px 30px;
    margin-top: 0;
    font-size: 15px;
    line-height: 30px;
    border: 7px double #000;
    float: left;
    width: 100%
}

.file-upload {
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    display: inline-block;
    float: left;
    margin: 0 0 0 19px
}

.file-upload .file-select {
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor: pointer;
    text-align: left;
    background: #fff;
    position: relative;
    border-radius: 2px
}

.file-upload .file-select .file-select-button {
    background: #dce4ec;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px
}

.file-upload .file-select .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px
}

.file-upload .file-select:hover {
    border-color: #34495e;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out
}

.file-upload .file-select:hover .file-select-button {
    background: #34495e;
    color: #fff;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out
}

.file-upload.active .file-select {
    border-color: #3fa46a;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out
}

.file-upload.active .file-select .file-select-button {
    background: #3fa46a;
    color: #fff;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out
}

.file-upload .file-select input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0
}

.file-upload .file-select.file-select-disabled {
    opacity: .65
}

.captcha-text {
    background: #fff;
    border: none;
    padding: 6px 0;
    border-radius: 5px 0 0 5px
}

.input-group.mb-2 {
    display: inline-block;
    float: left;
    width: 100%;
    margin: 27px 0
}

.form-item.form-item-code {
    margin: 70px 0
}

.input-group-prepend {
    display: inline-block;
    float: left
}

input.form-control.captcha-code {
    float: left;
    width: 60%;
    padding: 26px 10px;
    border: none;
    font-size: 16px;
    font-weight: 100
}

.form-item.form-item-code h3 {
    text-align: left;
    font-size: 21px;
    margin: 0 0 23px
}

.checkbox label,
.form-radio label {
    position: relative;
    cursor: pointer;
    padding-left: 2rem;
    text-align: left;
    color: #333;
    display: block
}

.checkbox .helper {
    color: #999;
    background: #e1e1e1;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    z-index: 0;
    border: 0;
    border-radius: 4px;
    -webkit-transition: border-color .28s;
    transition: border-color .28s
}

.checkbox .helper::after,
.checkbox .helper::before {
    position: absolute;
    height: 0;
    width: 4px;
    background-color: #337ab7;
    display: block;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    content: '';
    -webkit-transition: opacity .28s, height 0s linear .28s;
    transition: opacity .28s, height 0s linear .28s;
    opacity: 0
}

.checkbox .helper::before {
    top: 16px;
    left: 14px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    box-shadow: 0 0 0 .0625rem #fff
}

.checkbox .helper::after {
    top: 7px;
    left: 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.checkbox input {
    opacity: 0;
    margin-left: -20px
}

.checkbox label {
    color: #fff;
    padding-left: 37px !important;
    height: auto;
    min-height: auto;
    line-height: 20px;
    word-spacing: 0
}

.checkbox input:checked~.helper::after,
.checkbox input:checked~.helper::before {
    opacity: 1;
    -webkit-transition: height .28s;
    transition: height .28s
}

.checkbox input:checked~.helper::after {
    height: 10px
}

.checkbox input:checked~.helper::before {
    height: 26px;
    -webkit-transition-delay: 0.28s;
    transition-delay: 0.28s
}

.md-input-text {
    border: none;
    outline: 0;
    padding: 15px 0 3px;
    font-size: 16px;
    background-color: transparent;
    position: relative;
    z-index: 99;
    font-family: 'Segoe UI Symbol'
}

textarea.tex-area-box {
    border: 1px solid #fff;
    background: 0 0;
    color: #fff;
    width: 100%;
    height: 258px;
    margin: 28px 0 0;
    padding: 9px 11px;
    resize: none
}

.form-div p {
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    margin: 11px 0 0
}

textarea.tex-area-box::-webkit-input-placeholder {
    color: #999
}

textarea.tex-area-box::-moz-placeholder {
    color: #999
}

textarea.tex-area-box:-ms-input-placeholder {
    color: #999
}

textarea.tex-area-box:-moz-placeholder {
    color: #999
}

.managed-server-support-services .input.focus label,
.md-form-control .md-input-text:focus+label,
.md-form-control.focus label {
    top: -10px;
    font-size: 16px;
    color: #f5821f;
    font-weight: 400
}

.md-form-control {
    position: relative;
    margin-top: 25px
}

input:-webkit-autofill {
    background: 0 0 !important;
    -webkit-text-fill-color: #686868 !important
}

.md-form-control .md-input-text:focus~.md-input-text-bar:after {
    width: 100%;
    left: 0
}

.md-form-control label {
    position: absolute;
    top: 8px;
    left: 0;
    transition: .2s;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Segoe UI Symbol'
}

.managed-server-support-services .input:focus-within label {
    top: -10px;
    font-size: 16px;
    color: #f5821f;
    font-weight: 400
}

.md-form-control label span {
    color: red;
    padding: 0 0 0 3px
}

.md-form-control .md-input-text-bar {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff
}

.md-form-control .md-input-text-bar:after {
    content: '';
    position: absolute;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #f5821f;
    transition: .2s
}

.get_form label.phoneLabel {
    margin: -22px 0 0 52px
}

.form-item {
    display: inline-block;
    width: 100%;
    margin: 0 0 20px
}

.form-item.form-item-2 {
    position: relative;
    top: 27px
}

.theme-art {
    width: 100%;
    background: #000;
    padding: 40px 30px;
    display: inline-block;
    margin: -5px 0 0
}

.theme-art img.aligncenter {
    margin: auto;
    display: table;
    max-width: 100%
}

.sustainability-wel-sec .row,
.theme-art .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.award-logo-ecom {
    background: #fff;
    height: auto;
    padding: 15px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 26px
}

.forbas-img {
    padding: 0 30px;
    width: 100%
}

.visit-panel-inner {
    width: 100%;
    float: left;
    text-align: center;
    margin: 40px 0
}

.visit-panel-inner h2 {
    font-weight: 600;
    margin: 0
}

.visit-panel-inner h2 span {
    font-family: 'Segoe UI Symbol';
    display: block;
    color: #f5821f;
    font-size: 30px;
    margin: 11px 0 0;
    font-weight: 500
}

.visit-panel-inner p {
    color: #000;
    font-size: 18px;
    margin: 11px 0 0;
    line-height: 27px
}

.visit-panel .tab {
    border: none;
    margin: -124px 0 0
}

.office-address-sec {
    width: 100%;
    background: #ccc;
    float: left;
    margin: 123px 0 0;
    padding: 0 0 16px
}

.office-address-sec .tab .nav-tabs {
    background: 0 0;
    border: none;
    padding: 0;
    margin: 0
}

.office-address-sec .tab .nav-tabs li {
    margin: 0;
    width: 20%
}

.office-address-sec .tab .nav-tabs li a {
    padding: 45px 0;
    font-size: 24px;
    color: #0e103d;
    background: #f0f0f0;
    margin: 0;
    border-radius: 0;
    border: none;
    transition: .5s;
    font-family: 'Segoe UI Symbol';
    height: 125px
}

.office-address-sec .tab .nav-tabs li a:hover,
.office-address-sec .visit-panel.tab .nav-tabs li.active a {
    background: #f0f0f0;
    color: #000;
    border: none
}

.office-address-sec .form-div {
    font-size: 15px;
    color: #000;
    line-height: 25px;
    padding: 20px 0;
    border: none;
    background: #fff;
    width: 99.5%
}

.office-address-sec .office-address-sec .tab .tab-content h3 {
    font-size: 20px;
    font-weight: 700
}

.office-address-sec .tab .nav-tabs li a:before,
.tab .nav-tabs li a:after {
    transform: scale(0);
    transition: .8s ease-out;
    content: "";
    display: block;
    width: 100%;
    height: 200px;
    border-radius: 200px;
    background: #f5821f;
    margin-top: -100px;
    position: absolute;
    top: 50%;
    left: -50%;
    opacity: .3;
    z-index: -1
}

.office-address-sec ul li {
    font-size: 18px;
    text-align: left;
    font-weight: 600;
    list-style: none;
    white-space: pre-line;
    margin: 0 0 18px
}

.office-address-sec ul li a {
    color: #134796
}

.office-address-sec h2 {
    text-align: left;
    color: #f5821f;
    margin: 0 0 16px
}

.map-loacation iframe {
    width: 100%;
    margin: 0 0 -5px
}

.map_panel_section {
    min-height: 570px;
    margin: 0;
    position: relative
}

.map_panel_section img {
    width: auto;
    height: auto;
    max-width: 100%;
    display: table;
    margin: auto
}

.map_panel_section .usa {
    margin: 57px 0 43px 18px;
    width: 270px;
    float: left
}

.map_panel_section .usa address {
    border: 1px solid #f5821f;
    padding: 15px;
    position: relative
}

.map_panel_section address p {
    color: #000;
    display: inline-block;
    font-weight: 600;
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 0 0 18px;
    position: relative
}

.abt_dese_col:last-child,
.club_result_text_inner a.case_btn_contant,
.email_update_contact p>span+span,
.expertise_top_dese_col:last-child,
.magento_enterprice_panel .magento_ent_sec4 img.alignright,
.map_panel_section address .flag,
.open_sourse_shopify .open_sourse_cake .tech-inner p.cake_icon,
.pull-whn-img img.img-responsive,
.step-container .list-inline button.btn.btn-primary.next-step,
.working_desc.social-media-marketing .startup_desc {
    float: right
}

.map_panel_section address p i {
    position: absolute;
    left: 0;
    top: 4px;
    color: #f5821f
}

.map_panel_section .usa .mark-city {
    float: right;
    margin: -2px -83px 0 0
}

.map_panel_section .uk {
    float: right;
    margin: -21px 267px 0 0;
    width: 220px
}

.map_panel_section address {
    background: rgba(0, 0, 0, .16);
    border: 1px solid #f5821f;
    display: block;
    margin: 0;
    padding: 6px;
    position: relative
}

.map_panel_section .uk .mark-city {
    float: left;
    margin: -2px 0 0 -141px
}

.map_panel_section .india {
    clear: both;
    float: right;
    margin: -122px 132px 0 0;
    width: 180px
}

.map_panel_section .india .mark-city {
    float: left;
    margin: -1px 0 0 -83px
}

.map_panel_section address p a:hover {
    color: #1e264d
}

.map_panel_section .australia {
    clear: both;
    float: right;
    margin: -50px -70px 0 0;
    width: 203px
}

.map_panel_section .australia .mark-city {
    float: left;
    margin: -1px 0 0 -84px
}

.map_popup,
.map_popup_aus,
.map_popup_four,
.map_popup_india,
.map_popup_three,
.map_popup_two {
    display: inline-block;
    overflow: hidden;
    box-shadow: 0 1px 8px 3px #eaeaea;
    padding: 18px 22px;
    height: 170px;
    width: 330px;
    position: absolute;
    left: 18%;
    background: #fff;
    top: 191px
}

.map_popup p,
.map_popup_aus p,
.map_popup_four p,
.map_popup_india p,
.map_popup_three p,
.map_popup_two p {
    font-size: 15px;
    font-weight: 600;
    line-height: 25px;
    width: 185px
}

.client_panel p.sf_title_para,
h1.title-widget {
    font-weight: 300
}

.map_popup span,
.map_popup_aus span,
.map_popup_four span,
.map_popup_india span,
.map_popup_three span,
.map_popup_two span {
    color: #f5821f;
    display: block;
    margin: 10px 0 0
}

.map_popup:after,
.map_popup_aus:after,
.map_popup_four:after,
.map_popup_india:after,
.map_popup_three:after,
.map_popup_two:after {
    content: '';
    background: url(../images/dots_flag.png) no-repeat;
    top: -78px;
    right: 0;
    position: absolute;
    left: 233px;
    bottom: 0
}

.map_popup_two {
    left: 34%;
    top: 26%
}

.map_popup_three {
    left: 35%;
    top: 30%
}

.map_popup_four {
    left: 44%;
    top: 46%
}

.map_popup_india {
    left: 52%;
    top: 48%
}

.map_popup_aus {
    left: 65%;
    top: 86%;
    z-index: 9;
    box-shadow: 0 1px 8px 0 #eaeaea;
    height: 285px
}

.map_panel .australia .flag {
    bottom: 5px;
    width: 34px
}

.whn-panel {
    width: 100%;
    float: left;
    background: #f0f0f0;
    color: #fff
}

.whn-panel-contaent {
    margin: 73px 34px 0 0;
    display: inline-block;
    color: #000
}

.whn-panel-contaent h2 {
    margin: 0 0 23px
}

.whn-panel-contaent p {
    margin: 0 0 13px;
    line-height: 28px;
    text-align: left
}

.office-address-sec .tab .tab-content {
    background: #fff;
    float: left;
    width: 100%;
    padding: 21px 0
}

h1.title-widget {
    font-size: 22px;
    text-transform: uppercase;
    color: #fff
}

.new-contact-form-ds input.view_button {
    color: #000;
    border: 1px solid #000
}

.app_dev_text_right a.view_button:hover,
.new-contact-form-ds input.view_button:hover,
.technology-banner .text-right form#contact_form button:hover {
    color: #fff;
    border: 1px solid #f5821f
}

.feedback_form_panel {
    margin: -15px 0 0
}

.feedback_form_panel h4 {
    color: red;
    font-weight: 600
}

.feedback_form_panel span.md-input-text-bar {
    background-color: #adadad
}

.feedback_form_inner_panel .md-form-control {
    width: 32%;
    margin: 0 8px 30px 0;
    display: inline-block
}

.feedback_form_panel label {
    color: #5a5757
}

.feedback_form_panel .feedback_form_panel_desc .md-form-control {
    width: 100%;
    display: block
}

.feedback_form_panel .feedback_form_panel_desc .md-form-control textarea.md-input-text {
    padding: 0;
    font-size: 16px;
    color: #000;
    height: 111px;
    margin-top: 30px
}

.feedback_form_panel .feedback_form_panel_desc {
    width: 100%;
    display: block;
    margin: 0
}

.feedback_form_panel_desc .md-form-control textarea.md-input-text {
    padding: 20px 0 0;
    color: #000
}

.feedback_form_panel_desc p.feedback_permission {
    width: 88%;
    vertical-align: top;
    top: -2px;
    position: relative;
    display: inline-block;
    margin: -1px 0 30px 6px;
    text-align: left
}

.feedback_form_panel button.view_button {
    width: 115px;
    color: #000;
    text-align: center;
    border: 1px solid #000;
    cursor: pointer;
    margin: auto;
    display: table
}

.casestudy_app img,
.feedback_form_inner_panel .md-form-control.feedback_web_itune,
.inner_requares_form_item .md-form-control.feedback_web_itune {
    width: 65%
}

.feedback_form_inner_panel .md-form-control.rating_stars {
    width: 65%;
    padding: 11px 0 0;
    position: relative;
    top: -2px
}

.feedback_form_inner_panel .md-form-control.rating_stars .md-input-text-bar {
    margin: 1px 0 0
}

div#user-rating-form {
    position: relative;
    margin-left: 28%;
    top: -6px
}

.user-rating {
    direction: rtl;
    font-size: 20px;
    unicode-bidi: bidi-override;
    padding: 0 15px;
    display: inline-block
}

.feedback_form_inner_panel .md-form-control.rating_stars input[type=radio] {
    opacity: 0;
    position: relative;
    left: -17px;
    z-index: 2;
    cursor: pointer;
    margin: 8px -6px 0
}

.feedback_form_inner_panel .md-form-control.rating_stars span.star {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    position: relative;
    z-index: 1
}

#footer_popup_Form input,
#footer_popup_Form small,
#footer_popup_Form textarea,
.abt_desc_sec .tab .nav-tabs li a,
.app_discuss_work button.btn.btn-info.discuss,
.case-studes-banner-overlay p,
.casestudy_section .nav li a,
.client_world_col p,
.crm_ss_right ul li,
.footer1 li a,
.goole_accistant a,
.goole_accistant p span,
.inner_requares_form_item .md-form-control label,
.limiter table tbody tr,
.loe_terms_panel_inner ol,
.loe_terms_panel_inner ol li,
.msg_seo_box.msg_Seo_services label,
.new_teck_points ul li a,
.portfolio_head h3,
.serviceBox-content .description,
.services_panel_inner .serviceBox .description,
a.adv_km_btn,
a.see_btn_news.crm_btn,
a.see_btn_news.game_btn,
h2.nt_text,
ul.serversupport_point {
    font-family: 'Segoe UI Symbol'
}

.feedback_form_inner_panel .md-form-control.rating_stars span.star:before {
    color: #fff;
    content: "\f006";
    background-color: #9b9b9b;
    padding: 4px 8px;
    border-radius: 50px;
    width: 30px;
    display: inline-block;
    height: 30px;
    font-size: 15px
}

.user-rating input:checked+span.star:before,
.user-rating input:checked+span.star~span.star:before,
.user-rating input:hover+span.star:before,
.user-rating input:hover+span.star~span.star:before {
    color: #fff;
    content: "\f005" !important;
    background-color: #f5821f !important
}

.feedback_form_inner_panel .md-form-control .error-message {
    position: absolute;
    color: red
}

.sales_force_bg {
    padding: 0;
    background: #fff;
    background: -moz-linear-gradient(left, #fff 0, #dff6ff 47%, #fff 100%);
    background: -webkit-linear-gradient(left, #fff 0, #dff6ff 47%, #fff 100%);
    background: linear-gradient(to top, #fff 0, #dff6ff 43%, #fff 100%)
}

.crm_inclusive_solution,
.digital_marketing,
.dpc_panel,
.home-demo.digital_tabs_home,
.inner.pages,
.inner_pages,
.itsupport_hiw,
.phpdev-exp,
.service_panel,
.sugerhire_sec .img-box-section {
    margin: 40px 0
}

.sales_force_sec_1 {
    display: inline-block;
    border-bottom: 1px solid #bfc9cc;
    padding: 15px 20px 0 30px;
    margin-bottom: 60px
}

.sales_force_sec_1 img {
    vertical-align: top;
    padding: 0 60px 0 0
}

.cloud_services_panel .cloud_item p span,
.sales_force_sec_1 h2,
.startup_process_panel.magento-certifications.achievements-bg.meanstact-achive .hd3,
.strategic_smm .extention_col_left p a {
    color: #000;
    font-weight: 700
}

.sales_force_sec_1 p {
    color: #000;
    font-size: 21px;
    line-height: 33px;
    margin: 0
}

.content-cma {
    width: 30%;
    display: inline-block;
    text-align: left;
    margin-bottom: 45px
}

.content-cma h3 {
    font-weight: 700;
    color: #000;
    font-size: 21px;
    margin: 10px 0
}

.content-cma p {
    line-height: 28px;
    margin: 0
}

.sales_force_left {
    display: inline-block;
    width: 70%;
    margin-bottom: 50px
}

.service_panel_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch
}

.our_approch_spanel {
    background: #000;
    width: 100%;
    color: #fff;
    padding: 50px 0 80px;
    position: relative;
    z-index: 9
}

h2.sf_title {
    font-weight: 600;
    text-align: center;
    margin: 0;
    color: #000
}

p.sf_title_para {
    font-size: 21px;
    text-align: center;
    line-height: 30px;
    margin: 16px 0 40px
}

.approach_point {
    display: flex;
    flex-wrap: wrap;
    width: 54%;
    float: left
}

.approach_point .approach_cal_1 {
    text-align: center;
    width: 33.33%;
    padding-right: 50px;
    transition: .3s;
    margin: 15px 0
}

.approach_cal_1 h3 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 10px
}

.approach_cal_1 p {
    font-size: 14px;
    line-height: 18px;
    margin: 0
}

.agile_info_graphic {
    position: absolute;
    right: 0;
    top: 111px;
    z-index: 9999
}

.agile_icon {
    position: relative;
    padding: 11px 0 4px
}

.agile_icon img {
    background: #000;
    position: relative;
    z-index: 999999999999;
    padding: 0 21px
}

.client_panel .client_vertical-tab {
    display: table
}

.client_panel .client_vertical-tab .nav-tabs {
    display: table-cell;
    width: 16%;
    min-width: 28%;
    border: none;
    border-right: 1px solid #000;
    vertical-align: middle;
    position: relative
}

.client_panel .client_vertical-tab .nav-tabs li {
    float: none;
    vertical-align: top;
    margin-right: 38px
}

.client_panel .client_vertical-tab .nav-tabs li a {
    display: block;
    padding: 18px 0;
    margin-bottom: 8px;
    background: #ea7c1e;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0;
    position: relative;
    transition: .3s;
    border-right: 8px solid #000
}

.client_panel .client_vertical-tab .nav-tabs li a:hover,
.client_panel .client_vertical-tab .nav-tabs li.active a {
    background: #000;
    color: #fff;
    border-color: transparent;
    border-right: 8px solid #ea7c1e !important;
    cursor: pointer
}

.client_panel .client_vertical-tab .nav-tabs li a:after,
.client_panel .client_vertical-tab .nav-tabs li a:before {
    content: "";
    width: 30px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 50%;
    right: -48px;
    opacity: 0;
    transform: translateY(-50%);
    transition: .3s
}

.client_panel .client_vertical-tab .nav-tabs li a:after {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    right: -40px
}

.client_panel .client_vertical-tab .nav-tabs li a:hover:before,
.client_panel .client_vertical-tab .nav-tabs li.active a:before {
    opacity: 1;
    right: -49px
}

.client_panel .client_vertical-tab .nav-tabs li a:hover:after,
.client_panel .client_vertical-tab .nav-tabs li.active a:after {
    opacity: 1;
    right: -20px
}

.client_panel .client_vertical-tab .tab-content {
    display: table-cell;
    padding: 0;
    font-size: 15px;
    color: #505050;
    letter-spacing: 1px;
    line-height: 24px;
    text-align: justify;
    vertical-align: top;
    position: relative;
    background: #eaeaea;
    left: 13px
}

.client_panel .client_vertical-tab .tab-content h3 {
    font-size: 34px;
    color: #505050;
    margin: 0 0 26px;
    font-weight: 700
}

.client_panel .client_vertical-tab .tab-content h3 span {
    display: block;
    font-size: 24px;
    color: #676767;
    font-weight: 400
}

.client_panel .tab-content>.tab-pane figure img {
    width: 100%;
    padding: 0 45px 0 0
}

.client_panel .tab-content>.tab-pane figure {
    display: inline-block;
    width: 37%;
    vertical-align: top
}

section.client_panel {
    margin: 40px 0 80px
}

.client_cmt {
    display: inline-block;
    width: 60%
}

.client_cmt p:after {
    content: '';
    background: url(../images/quate-right.png) no-repeat;
    height: 22px;
    width: 26px;
    display: inline-block;
    margin: 0 0 0 6px;
    position: relative;
    top: 13px
}

.client_cmt p:before {
    content: '';
    background: url(../images/quate.png) no-repeat;
    height: 22px;
    width: 26px;
    display: inline-block;
    margin: 0 6px 0 0
}

.client_cmt p {
    font-size: 21px;
    line-height: 28px
}

.agile_panel .container-section,
.design_panel .container-section,
.design_since,
.social-responsiblity-sec-text .row,
.strategic_panel .container-section,
.sugermarket,
.tab_mid {
    display: flex;
    align-items: center
}

a.read_m.client_more {
    text-align: right;
    margin: 0 0 12px 11px;
    font-size: 18px;
    font-weight: 700
}

.our_approch_spanel.footer_content {
    margin: 110px 0 0;
    display: inline-block;
    padding: 118px 0 70px;
    vertical-align: bottom
}

.get_form {
    margin: 0 0 30px;
    float: left;
    width: 100%
}

.azure-dots-why,
.get_form h2 {
    margin: 0 0 50px
}

.get_form i.fa.fa-envelope,
.get_form i.fa.fa-skype {
    background: #fff;
    width: 150px;
    height: 150px;
    padding: 54px;
    font-size: 42px;
    color: #000;
    border-radius: 50%;
    transition: .2s ease-in-out;
    box-shadow: -2px -3px 81px #cec8c8 inset;
    margin-right: 44px
}

.achievements-bg,
.get_form span.md-input-text-bar,
.travel_panel .arrow_box {
    background-color: #000
}

.design_panel_inner p,
.get_form .checkbox {
    margin: 0 0 21px
}

.get_form i.fa.fa-envelope:hover,
.get_form i.fa.fa-skype:hover {
    background: #ea7c1e;
    transition: .2s ease-in-out;
    color: #fff
}

.get_in_touch_form {
    position: relative;
    background-color: #fff;
    padding: 40px 20px 20px;
    margin-top: -244px;
    box-shadow: 0 10px 23px #134576;
    color: #000;
    float: left;
    width: 100%;
    z-index: 999999
}

.get_in_touch_form h2 {
    color: #000;
    margin: 0 0 30px
}

.get_in_touch_form .md-form-control .intl-tel-input .country-list {
    z-index: 999
}

.get_in_touch_form .md-form-control {
    width: 48%;
    float: left;
    margin: 0 32px 0 0
}

.get_in_touch_form textarea.md-input-text {
    font-size: 15px;
    margin: 25px 0 0;
    resize: none
}

.get_in_touch_form input.upload_file {
    border-bottom: 1px solid #000;
    padding: 0 0 10px;
    width: 48%
}

.get_in_touch_form .checkbox label {
    color: #000;
    font-size: 18px;
    margin: 0 0 8px
}

.feedback_form_panel .feedback_form_panel_desc .robot_section {
    display: inline-block;
    float: left;
    width: 100%
}

button.form_submit {
    background: #000;
    color: #fff;
    padding: 7px 49px 13px;
    border-radius: 2px;
    float: right;
    font-size: 25px;
    margin: 16px 0
}

.md-input-text.num_phone {
    width: 84%;
    height: 36px;
    margin: 9px 0 0;
    padding: 0
}

label.num_phone {
    padding: 0 0 0 53px
}

.left_border,
.right_border {
    position: relative;
    top: 4px;
    border-bottom: 1px solid #fff;
    padding: 0 20px;
    margin-right: 4px
}

.abt_vison_panel {
    background: url(../images/tab_bg.jpg) center/cover no-repeat fixed #000;
    display: inline-block;
    width: 100%;
    margin: -5px 0 0;
    position: relative
}

.abt_vison_panel:before {
    content: '';
    background: rgba(0, 0, 0, .8);
    height: 100%;
    width: 100%;
    position: absolute
}

.abt_vison_panel .abt_vision_left {
    width: 48%;
    background: 0 0;
    text-align: center;
    padding: 40px 37px 40px 0;
    display: inline-block;
    position: relative
}

.abt_vison_panel .abt_vision_left:after {
    border-right: 1px solid #828282;
    content: '';
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    float: right;
    height: 100%
}

.abt_vison_panel .abt_mision_right h2,
.abt_vison_panel .abt_vision_left h2 {
    text-align: left;
    color: #fff;
    white-space: pre-line;
    line-height: 46px;
    margin: 0
}

.abt_vison_panel .abt_mision_right p,
.abt_vison_panel .abt_vision_left p {
    width: 100%;
    color: #fff;
    font-style: normal;
    text-align: left
}

.abt_vison_panel .abt_mision_right {
    width: 48%;
    background: 0 0;
    display: inline-block;
    padding: 50px 0 50px 35px;
    vertical-align: top;
    text-align: left;
    z-index: 9;
    position: relative
}

.our-value-outer {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 40px 0
}

.our-value-heading {
    width: 15%;
    display: inline-block;
    font-size: 30px;
    font-weight: 700;
    color: #000
}

.our-value-detail {
    width: 84%;
    display: inline-block
}

.marketing_point ul,
.new-contact-form-ds ul,
.our-value-detail ul,
.seo_service_panel ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.our-value-detail li {
    list-style: none;
    width: 33.33%;
    padding: 0 5%;
    box-sizing: border-box;
    font-size: 24px;
    color: #000;
    margin: 0
}

.our-value-detail li:first-of-type,
.seo_service_panel li:first-of-type {
    margin: 0 0 32px
}

.marketing_point strong,
.our-value-detail strong,
.seo_service_panel strong {
    display: block;
    width: 100%;
    text-transform: capitalize
}

.marketing_point p,
.our-value-detail p,
.seo_service_panel p {
    line-height: 30px;
    margin: 10px 0
}

.abt_dese_panel {
    margin: 40px 0 20px;
    display: inline-block;
    width: 100%
}

.abt_dese_panel p {
    line-height: 32px;
    margin: 0 0 30px
}

.abt_dese_panel h2 {
    margin: 0 0 20px;
    color: #000;
    text-align: left;
    width: 75%;
    line-height: 45px
}

.abt_dese_col {
    display: inline-block;
    width: 46%;
    vertical-align: top
}

.abt_dese_col a.btn_link,
.since_content_left a.btn_link,
.sweet-alert .sa-confirm-button-container button {
    margin: 10px 0 0;
    background: 0 0;
    color: #000;
    border: 1px solid #000;
    padding: 8px 18px;
    font-size: 14px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 600;
    transition: .2s ease-in-out
}

.abt_dese_col a.btn_link:hover,
.strategic_contact_text .result_inner a.view_button.case_btn_contant:hover,
a.more-btn:hover {
    border: 1px solid #f5821f;
    color: #fff;
    background: #f5821f
}

.key_orange_panel .table-info-rate .table-responsive th.market-prop,
.mobile_development_panel .col-md-2,
.wizard .nav-tabs>li {
    width: 20%
}

.emp_body_text,
h2.sf_title.mobile_title {
    margin: 0 0 60px
}

.mobile_development_panel {
    margin: 0 0 75px
}

.web_counter_panel.about_counter {
    background: #f5821f;
    display: inline-block;
    width: 100%;
    padding: 32px 0 50px
}

.col-abt_count {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center
}

.about_counter .col-abt_count .counter {
    width: 27%;
    padding: 0 60px 0 0;
    text-align: left
}

.about_counter .col-abt_count .counter span {
    color: #fff;
    font-size: 6.5rem;
    font-weight: 700
}

.about_counter .col-abt_count .counter p {
    color: #000;
    white-space: pre-line;
    margin: 10px 0 0
}

.service_panel_inner.ov_abt_panel .content-cma {
    text-align: center;
    width: 27%;
    margin: 36px 25px
}

.service_panel_inner.ov_abt_panel {
    justify-content: center
}

.abt_desc_sec {
    background: url(../images/tab_bg.jpg) center/cover no-repeat fixed;
    position: relative;
    height: 380px
}

.abt_desc_sec:before {
    content: '';
    background: rgba(0, 0, 0, .7);
    height: 100%;
    width: 100%;
    position: absolute
}

.abt_desc_sec .nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    width: 50%
}

.abt_desc_sec .tab .nav-tabs {
    border: none;
    margin: auto;
    width: 60%;
    padding: 0 0 40px
}

.abt_desc_sec .tab .nav-tabs li a {
    padding: 10px;
    font-size: 40px;
    color: #5a677d;
    text-transform: capitalize;
    border: none;
    border-radius: 0;
    background: 0 0;
    z-index: 2;
    position: relative;
    transition: .3s;
    height: auto;
    font-weight: 400
}

.abt_desc_sec .tab .nav-tabs li a:hover,
.abt_desc_sec .tab .nav-tabs li.active a {
    border: none !important;
    background: 0 0 !important;
    height: auto !important
}

.abt_desc_sec .tab .nav-tabs li a:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #f6f6f6;
    position: absolute;
    bottom: 0;
    left: inherit;
    top: inherit;
    margin: inherit;
    transform: inherit
}

.abt_desc_sec .tab .nav-tabs li a:after {
    content: "";
    width: 0;
    height: 1px;
    background: #f5821f;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    left: inherit;
    top: inherit;
    transition: 1s;
    margin: inherit
}

.abt_desc_sec .tab .nav-tabs li.active a:after,
.abt_desc_sec .tab .nav-tabs li:hover a:after {
    width: 100%;
    opacity: 1;
    transform: scale(1)
}

.abt_desc_sec .tab .tab-content {
    padding: 15px 20px;
    font-size: 17px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 30px;
    text-align: center;
    position: relative
}

.abt_desc_sec .container {
    padding: 50px 15px
}

.abt_desc_sec .tab .tab-content p,
.build_sec .extention_col_right p.design_content,
.consultancy_panel p.design_content,
.design_panel_inner p.design_content,
.expertise_top_dese_col p.business_desc,
.extention_team p.design_content,
.grow_sec .extention_col_left p.design_content,
.ocean_top_panel .ocean_top_dese_col p.business_desc,
.strategic_panel_inner p.design_content {
    font-size: 21px
}

section.od-panel {
    margin: 25px 0 60px
}

.serviceBox-content {
    padding: 48px 11px 25px;
    border: 1px solid #d1d1d1;
    text-align: center;
    position: relative;
    transition: .3s;
    min-height: 425px
}

.serviceBox-content .service-icon-slide {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 80px;
    font-size: 30px;
    color: #064774;
    margin-bottom: 35px;
    z-index: 1;
    position: relative;
    transition: .3s;
    padding: 21px 0;
    background: #fafafa;
    border-radius: 7px
}

.serviceBox-content .service-icon-slide:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 7px;
    border: 1px solid #cacaca;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: rotate(0);
    transition: .3s;
    box-shadow: 0 0 0 5px #fff inset
}

.serviceBox-content .title {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
    margin: 0 0 15px
}

.serviceBox-content .description {
    font-size: 15px;
    color: #000;
    line-height: 25px;
    margin: 0
}

.owl-prev.owl-prev-icon-up.os {
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
    right: auto;
    left: 0;
    justify-content: center;
    text-align: center;
    position: absolute;
    font-size: 24px;
    margin: 0 0 0 -30px
}

.owl-next.owl-next-icon-up.os {
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    justify-content: center;
    text-align: center;
    position: absolute;
    font-size: 24px;
    margin: 0 -30px 0 0
}

.new_project_panel {
    background: #1c1f26;
    padding: 147px 0;
    text-align: center;
    color: #fff
}

.abt_terms_panel,
section.joinus_panel.abt_joinus {
    background: #f6f6f5
}

.new_project_panel h2 {
    font-weight: 300;
    font-size: 60px !important;
    margin: 0 0 45px
}

.new_project_panel a.btn_sec.talk_btn {
    padding: 5px 28px;
    font-weight: 300;
    border: 1px solid;
    font-size: 21px;
    line-height: 28px
}

.abt_terms_panel {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0
}

.abt_terms_panel .abt_terms_left {
    width: 47%;
    text-align: center;
    background-attachment: fixed;
    background-size: cover;
    display: inline-block;
    vertical-align: top;
    margin-left: 15px
}

.abt_terms_panel .abt_terms_left p {
    width: 100%;
    color: #000;
    font-style: italic;
    text-align: left
}

.abt_terms_panel .abt_terms_left h3 {
    float: right;
    color: #f5821f;
    margin: 0;
    font-size: 20px;
    font-weight: 400 !important;
    line-height: 24px;
    text-align: right
}

.abt_terms_panel .abt_terms_left h3 span,
.freamwork_testimobial .testimonials_left h3 span {
    display: block;
    color: #000;
    font-size: 18px;
    line-height: 24px;
    font-weight: 900
}

.abt_terms_left.abt_terms_right {
    background: 0 0;
    width: 45%;
    float: right
}

.abt_terms_left.abt_terms_right h2 {
    text-align: left;
    color: #000;
    white-space: pre-line;
    line-height: 38px;
    margin-top: 0
}

.abt_terms_left.abt_terms_right p {
    color: #000;
    font-style: normal;
    margin: 0
}

.abt_testi_right {
    width: 50%;
    padding: 0 150px
}

.key_orange_panel,
.services_panel {
    width: 100%;
    display: inline-block
}

.map_panel.abt_map {
    background: 0 0;
    padding: 0;
    margin: 25px 0 45px
}

.serviceBox-content.abt_service {
    min-height: 485px
}

section.clearfix_about {
    clear: both
}

.abt_tab_panel ul.nav.nav-tabs li {
    width: 13%
}

.abt_tab_panel ul.nav.nav-tabs li a {
    background: 0 0;
    color: #000;
    font-size: 20px;
    height: 111px;
    padding: 40px 0
}

.abt_tab_panel ul.nav.nav-tabs li a:after {
    background: #f5821f;
    color: #f5821f
}

.accreditations_panel .accreditations_logos a.accreditations_col.yext,
.alexa_panel .pagecontent .whitebgblock .col-sm-12,
.col-sm-8.extention_col_right,
.consultancy_panel .consultancy_col_right,
.digital_tabs .extention_team .extention_col_right,
.digital_tabs.game_tabs .extention_team .extention_col_left,
.digital_tabs.game_tabs .extention_team .extention_col_right,
.ds-moreblog.row .response .morepost .ds-mobwrap,
.extention_team.case_detail.shild_back.restro_text .extention_col_left,
.extention_team.shild_back .extention_col_left,
.goole_accistant .start_up_panel,
.home_vorbest_call .home_chat .col-sm-6,
.key_inner_section .col-sm-4,
.magen_exten .caption .caption-text p,
.magentoupgrade-inside ol.magentopoint,
.start_up_panel.start_up_panel_sec,
.tab-content.tabs.about_map,
.top-tab.top-tab-protfolio .col-sm-pd,
.web-info-timeline-web2 .web-info-left p,
section.Accreditations_bg .accreditations_panel,
ul.contlink.how-we-do-it-link li {
    padding: 0
}

.office-address-sec.abt_office_address {
    background: #fff;
    margin: 0;
    padding-bottom: 0
}

.key_dese_panel {
    margin: 40px 0 50px;
    display: inline-block;
    width: 100%
}

.key_dese_panel h2 {
    margin: 0;
    color: #000;
    text-align: center
}

.key_dese_panel h4 {
    margin: 10px 0 20px;
    color: #000;
    text-align: center
}

.digital_contact h3,
.key_orange_panel h2,
.services_panel {
    color: #fff;
    text-align: center
}

.dpc_panel_inner .container.container-section,
.key_inner_section,
.ocean_develop {
    display: flex;
    display: -ms-flexbox
}

.key_inner_section .col-sm-4:last-child {
    border-right: 1px solid #e4e4e4
}

.key_white_section .key_inner_section ul.wddms-col {
    text-align: center;
    float: left;
    width: 100%;
    display: inline-block;
    min-height: 250px;
    margin-bottom: 0
}

.key_white_section .key_inner_section ul.wddms-col li.key_head_top {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    background: #000;
    text-align: center;
    padding: 8px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: -ms-flesbox
}

.key_white_section .key_inner_section ul.wddms-col li {
    list-style: none;
    padding: 15px 50px;
    border-bottom: 1px solid #cacaca;
    border-top: none;
    display: flex;
    align-items: center;
    justify-content: center;
    display: -ms-flesbox;
    border-right: none;
    position: relative;
    font-size: 18px;
    min-height: 100px
}

.key_inner_section .col-sm:first-child ul.wddms-col {
    border-left: 1px solid #cacaca
}

.key_inner_section .col-sm:last-child ul.wddms-col {
    border-right: 1px solid #cacaca
}

.key_white_section .key_inner_section ul.wddms-col li.key_orange_head {
    color: #f5821f;
    font-size: 22px;
    font-weight: 700;
    min-height: 106px;
    padding: 0 60px
}

.key_orange_panel {
    background: #f5821f;
    padding: 32px 0 50px;
    margin: 0
}

.key_orange_panel .table-info-rate .modal-chooser-table-tab {
    min-width: 100% !important
}

.key_orange_panel .table-info-rate .table-responsive tr.title-technology th,
.key_orange_panel .table-info-rate .table-responsive tr.title-technology th:first-child {
    background: #000;
    text-align: left;
    border: 1px solid #5c5c5c;
    border-right: none
}

.client_dotsquares.theresult,
.faqs_panel .panel .panel-heading,
.key_orange_panel .table-info-rate .table-responsive tr,
.key_orange_panel .table-info-rate .table-responsive tr td:last-child,
.maintain_sec.build_work,
.strategic_contact_text {
    background: #fff
}

.key_orange_panel .table-info-rate .table-responsive tr td {
    text-align: left;
    color: #000;
    padding: 18px 10px;
    font-weight: 600;
    border: 1px solid #bdbdbd;
    border-bottom: none;
    position: relative;
    font-size: 18px
}

.key_orange_panel .table-info-rate .table-responsive tr td:first-child {
    padding-left: 23px;
    border-right: none
}

.key_orange_panel .table-info-rate .table-responsive tr span.orange-text {
    font-size: 26px;
    color: #f5821f;
    font-weight: 900
}

.key_white_section .key_inner_section ul.wddms-col li:after {
    content: '';
    background: url(../images/arrow_key.png) 0 0/100% no-repeat;
    position: absolute;
    left: -30px;
    right: 0;
    width: 37px;
    height: 11px
}

.key_white_section .key_inner_section ul.wddms-col li.key_orange_head:after {
    content: '';
    background: url(../img/arrow_key_black.png) no-repeat
}

.ecom-page .ecommerce_custom,
.services_panel_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.services_panel h2 {
    margin: 0 0 30px;
    color: #000
}

.services_panel p {
    font-size: 21px;
    width: 60%;
    margin: 0 auto;
    line-height: 30px;
    color: #000
}

.services_panel_inner .serviceBox {
    text-align: center;
    position: relative;
    width: 25%;
    margin: 50px 0 0
}

.services_panel_inner .serviceBox .service-icon {
    width: 280px;
    height: 280px;
    border-radius: 50%;
    padding: 10px;
    margin: 0 auto 45px;
    border: 4px solid #f5821f;
    z-index: 1;
    position: relative;
    transition: .5s
}

.services_panel_inner .serviceBox .service-icon:after,
.services_panel_inner .serviceBox .service-icon:before {
    content: "";
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #f5821f;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%) rotate(135deg);
    transition: .3s
}

.services_panel_inner .serviceBox .service-icon:after {
    width: 20px;
    height: 20px;
    background: #f5821f;
    border: none
}

.services_panel_inner .serviceBox:hover .service-icon:before {
    bottom: -16px;
    opacity: 1
}

.services_panel_inner .serviceBox:hover .service-icon:after {
    bottom: -8px;
    opacity: 1
}

.services_panel_inner .serviceBox .service-icon span {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 50px;
    color: #fba21a;
    line-height: 68px;
    border-radius: 50%;
    border: 4px solid #f5821f
}

.services_panel_inner .serviceBox .service-icon span:after,
.services_panel_inner .serviceBox .service-icon span:before {
    content: '';
    display: block;
    width: 3px;
    height: 30px;
    background: #f5821f;
    position: absolute;
    bottom: 0;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%);
    transition: .3s
}

.services_panel_inner .serviceBox .service-icon span:after {
    width: 20px;
    height: 20px;
    background: 0 0;
    border: 3px solid #f5821f;
    border-left: 3px solid transparent;
    border-top: 3px solid transparent;
    transform: translateX(-48%) rotate(45deg)
}

.services_panel_inner .serviceBox:hover .service-icon span:after,
.services_panel_inner .serviceBox:hover .service-icon span:before {
    bottom: -30px;
    opacity: 1
}

.services_panel_inner .serviceBox .title {
    color: #000;
    text-transform: capitalize;
    margin: 0 0 10px;
    font-weight: 600
}

.services_panel_inner .serviceBox .description {
    font-size: 16px;
    color: #404550;
    padding: 0 20px;
    margin: 0;
    width: 100%;
    line-height: 23px
}

.services_panel_inner .serviceBox.pink .service-icon {
    border-color: #d41271
}

.services_panel_inner .serviceBox.pink .service-icon:before {
    border-bottom-color: #d41271;
    border-left-color: #d41271
}

.services_panel_inner .serviceBox.pink .service-icon span:before,
.services_panel_inner .serviceBox.pink .service-icon:after {
    background: #d41271
}

.services_panel_inner .serviceBox.pink .service-icon span {
    border-color: #d41271;
    color: #d41271
}

.services_panel_inner .serviceBox.pink .service-icon span:after {
    border-right-color: #d41271;
    border-bottom-color: #d41271
}

.services_panel_inner .serviceBox.pink .title {
    color: #d41271
}

.services_panel_inner .serviceBox.green .service-icon {
    border-color: #0fb513
}

.services_panel_inner .serviceBox.green .service-icon:before {
    border-bottom-color: #0fb513;
    border-left-color: #0fb513
}

.services_panel_inner .serviceBox.green .service-icon span:before,
.services_panel_inner .serviceBox.green .service-icon:after {
    background: #0fb513
}

.services_panel_inner .serviceBox.green .service-icon span {
    border-color: #0fb513;
    color: #0fb513
}

.services_panel_inner .serviceBox.green .service-icon span:after {
    border-right-color: #0fb513;
    border-bottom-color: #0fb513
}

.services_panel_inner .serviceBox.green .title {
    color: #0fb513
}

.service_client_panel h4 {
    font-size: 16px;
    color: #fff;
    text-align: center
}

.service_client_panel .client_world_text {
    width: 70%;
    margin: 25px auto auto;
    background: #fff;
    border: 1px solid #000;
    padding: 16px;
    position: relative;
    top: 32px
}

.service_client_panel {
    background: url(../images/service_client.jpg) 0 0/cover no-repeat;
    padding: 50px 0 0
}

.client_world_col {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 32px 0 0 32px
}

.client_world_col h2 {
    line-height: 38px;
    color: #000
}

.client_world_col p {
    color: #686868;
    line-height: 32px;
    margin: 26px 0
}

a.btn_client {
    font-size: 18px;
    color: #000;
    font-weight: 600
}

.design_digital {
    margin: 60px 0 50px;
    display: inline-block;
    width: 100%
}

.design_digital .testimonial {
    text-align: center;
    padding: 0;
    border-radius: 5px
}

.design_digital .testimonial .pic {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto
}

.casestudies-banner img,
.design_digital .testimonial .pic img,
.new-ofc img,
.organic-media-box img,
.success_lang img,
img.celebreat_birth {
    width: 100%;
    height: auto
}

.design_digital .testimonial .testimonial-title {
    font-size: 18px;
    color: #000;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 600
}

.design_digital .testimonial .post {
    display: block;
    font-size: 14px;
    font-style: italic;
    color: #4a4a4a;
    margin-top: 7px;
    text-transform: uppercase
}

.design_digital .testimonial .description {
    font-size: 20px;
    font-style: italic;
    color: #86868a;
    line-height: 1.8;
    margin-top: 10px
}

.design_digital .owl-theme .owl-controls {
    width: 100%;
    position: absolute;
    top: 45px
}

.design_digital .owl-theme .owl-controls .owl-buttons div {
    font-size: 18px;
    background: 0 0;
    opacity: .5
}

.design_digital .owl-theme .owl-prev {
    position: relative;
    left: -45px
}

.design_digital #testimonial-slider .owl-nav .owl-prev,
.design_digital #testimonial-slider .owl-next {
    font-size: 0
}

.design_digital #testimonial-slider .owl-nav .owl-prev:before {
    content: "\f177";
    font-family: fontawesome;
    font-weight: 900;
    font-size: 16px;
    color: #444
}

.design_digital #testimonial-slider .owl-next:before {
    content: "\f178";
    font-family: fontawesome;
    font-weight: 900;
    font-size: 16px;
    color: #444
}

.design_digital #testimonial-slider .owl-prev {
    align-items: center;
    top: 25px;
    bottom: 0;
    right: auto;
    left: 253px;
    justify-content: center;
    text-align: center;
    position: absolute;
    margin: 0 0 0 -30px;
    float: none
}

.design_digital #testimonial-slider .owl-next {
    align-items: center;
    top: 25px;
    bottom: 0;
    right: 253px;
    left: auto;
    justify-content: center;
    text-align: center;
    position: absolute;
    font-size: 0;
    margin: 0 -30px 0 0
}

.design_digital #testimonial-slider .owl-nav {
    display: block;
    top: 0
}

.design_digital .testimonial .description:before {
    content: '"';
    font-size: 32px;
    color: #f8962e
}

.design_digital .testimonial .description:after {
    content: '"';
    font-size: 32px;
    color: #f8962e;
    position: relative;
    right: 8px;
    top: 14px;
    line-height: 0
}

.design_digital_inner {
    justify-content: center;
    margin: 45px 0 0
}

.design_digital_inner .owl-carousel .owl-nav .owl-prev {
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
    right: auto;
    left: 0;
    justify-content: center;
    text-align: center;
    position: absolute;
    font-size: 0;
    margin: 0 0 0 -30px
}

.design_digital_inner .owl-carousel .owl-nav .owl-next {
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    justify-content: center;
    text-align: center;
    position: absolute;
    font-size: 0;
    margin: 0 -30px 0 0
}

.design_digital_inner .owl-carousel .owl-nav .owl-prev:before {
    content: "\f053";
    font-family: fontawesome;
    font-size: 24px
}

.design_digital_inner .owl-carousel .owl-nav .owl-next:after {
    content: "\f054";
    font-family: fontawesome;
    font-size: 24px
}

.trusted_client_col {
    border: 1px solid #272727;
    text-align: center;
    height: 290px;
    width: 290px;
    position: relative;
    padding: 80px 0;
    margin: 0 25px
}

#step2 .what_tech ul li:nth-child(4),
.step-section-inner li:last-child,
.trusted_client_col:last-child {
    margin-right: 0
}

.trusted_client_col:first-child {
    margin-left: 0;
    margin-bottom: 35px
}

.trusted_client_col h4 {
    font-size: 24px;
    color: #b3b3b3;
    margin: 0 0 18px;
    white-space: pre-line;
    transition: .2s ease-in-out
}

.trusted_client_col:hover {
    background: #f5821f;
    color: #fff;
    border: 1px solid #f5821f;
    box-shadow: 0 0 0 2px #000 inset;
    transition: .2s ease-in-out
}

.trusted_client_panel {
    background: #000;
    display: inline-block;
    width: 100%;
    position: relative
}

.trusted_client_panel p {
    text-align: center;
    color: #fff;
    width: 60%;
    margin: auto;
    line-height: 36px
}

.trusted_client_panel .trusted_client_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 50px 0 40px
}

.trusted_content h2 {
    font-weight: 700;
    color: #000;
    margin: 0 0 13px;
    line-height: 60px
}

.trusted_content {
    background: #fff;
    margin: 205px 0 0;
    float: right;
    width: 44%;
    position: relative;
    right: 334px;
    padding: 179px 33px 115px
}

.new-contact-form-ds li.lst-child p span,
.trusted_content p {
    color: #000;
    font-family: 'Segoe UI Symbol'
}

.owl-theme .owl-next {
    position: relative;
    right: -45px
}

h2.sf_title.trusted_heading {
    color: #fff;
    margin: 0 0 10px
}

.trusted_panel {
    background: #000;
    height: 200px
}

.trusted_bg {
    float: left;
    margin: 0 0 70px
}

.trusted_dots {
    position: absolute;
    right: 125px
}

.services_panel_inner .serviceBox .service-icon img {
    top: 50%;
    position: relative;
    transform: translateY(-57%)
}

nav.pagination-outer .pagination li a {
    border: 1px solid #b3b3b3;
    color: #b3b3b3;
    padding: 11px 18px;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: -ms-flexbox
}

nav.pagination-outer .pagination li.active a {
    color: #fff;
    background: #f5821f
}

nav.pagination-outer .pagination li.page-item.active.disabled a {
    color: #000;
    background: 0 0
}

.agile_panel {
    background: #000;
    margin: 24px 0 44px;
    color: #fff;
    width: 100%;
    box-shadow: inset 0 75px 0 -10px #fff, inset 0 -75px 0 -10px #fff
}

.agile_panel img {
    float: right;
    width: 70%
}

.agile_panel_inner h2,
.design_panel_inner h2,
.fullfilment .global-presence .title-head,
.goole_accistant,
.itsupport_hiw h2.title-heading,
.last_btm_panel_col_right img,
.strategic_panel_inner h2 {
    margin: 0 0 20px
}

.col_approach p,
.digital_content.app_content a.see_btn_news.digital_marketing.btn {
    margin: 24px 0 0
}

.agile_panel_inner p,
.left-app p,
.loyalty-content .title-pragraph-loyalty p strong,
.open_sourse_shuger .suger_features_panel .crm-inr-box2 h3 {
    font-size: 20px
}

.approach_panel {
    background: #eee;
    width: 100%;
    display: inline-block;
    margin: 65px 0 0
}

.approach_panel .col_approach {
    display: inline-block;
    width: 48%;
    padding: 200px 0 0 181px
}

.approach_panel .col_approach_img {
    display: inline-block;
    width: 48%;
    float: right
}

.col_approach p {
    font-size: 26px;
    color: #000;
    line-height: 42px
}

.col_approach h2,
.cs_ocean .extention_col_left h2,
.strategic_smm .extention_col_left h2 {
    color: #000;
    margin: 0
}

.crm_ss_panel,
.service_animated {
    display: flex;
    flex-wrap: wrap
}

.service_animated .box {
    text-align: center;
    position: relative;
    height: 100%
}

.service_animated .box:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    transition: .5s
}

.service_animated .box:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
    border: 2px solid rgba(0, 0, 0, .1);
    transform: scale(0);
    opacity: 0;
    transition: 1s
}

.service_animated .box:hover:after {
    opacity: 1;
    transform: scale(1)
}

.service_animated .box .box-content {
    padding: 0 90px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 1;
    transform: translate(0, -50%)
}

.service_animated .box .icon {
    padding: 0;
    margin: 0 0 15px;
    list-style: none
}

.service_animated .box .icon li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: 2px solid #fff;
    font-size: 16px;
    color: #fff;
    margin-right: 5px;
    transition: .3s
}

.service_animated .box .icon li a:hover {
    border-color: #696969;
    color: #696969
}

.service_animated .box .title {
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px;
    color: #f5821f
}

.service_animated .box .post {
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 34px
}

.service_animated .col_service_animated_inner {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    width: 100%
}

.service_animated .col-animated_Work {
    width: 33.33%;
    display: inline-block
}

.team_desc.traffic_web {
    background: 0 0;
    color: #000;
    margin: 18px 0 0
}

.web_counter_panel {
    margin: 50px 0 60px
}

.web_counter_panel .counter {
    padding-top: 0;
    text-align: center;
    background: 0 0;
    border: none;
    padding-left: 0;
    margin: 0;
    color: #0658a4
}

.web_counter_panel .counter .counter-value {
    color: #0658a4;
    font-size: 26px;
    font-weight: 600
}

.web_counter_panel .counter span.count_plus {
    font-size: 40px;
    font-weight: 600;
    position: relative;
    top: -9px
}

.web_counter_panel .counter:hover .counter-value:after {
    transform: rotate(360deg)
}

.web_counter_panel .counter .title {
    font-size: 22px;
    color: #0658a4;
    text-transform: capitalize;
    margin: 0
}

.extention_team.game_extention {
    background: #231a60;
    padding: 0 0 0 115px
}

.extention_team.game_extention h2 {
    color: #fff;
    white-space: pre-line;
    line-height: 40px;
    margin: 0 0 24px
}

.casestudy_testimonial .extention_col_right,
.client_dotsquares .extention_col_right,
.cs_ocean .extention_col_right,
.extention_team.case_detail .extention_col_right,
.extention_team.game_extention .extention_col_right,
.extention_team.shildpay_sec .extention_col_right,
.game_solution .mob-game .game-li ul,
.strategic_ppc .extention_col_right,
.strategic_smm .extention_col_right,
.zoho_sec .justify-content-center ul.w-sm-100 {
    padding: 0;
    margin: 0
}

.digital_tabs.game_tabs p {
    color: #000;
    margin: 0 0 18px
}

.digital_tabs.game_tabs .extention_team,
.service_work_panel.expertice_service,
.shildpay_result_panel_inner p:last-child,
.working_desc.social-media-marketing {
    padding-bottom: 0
}

.design_panel_inner,
.digital_tabs.game_tabs ul.nav.nav-tabs {
    width: 70%
}

.bottom-bumps .row,
.game_section_4 {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.game_section_4 .cols_game_img {
    width: 45%;
    margin: 0 35px 0 0
}

.cols_game_contetn h2 {
    color: #000;
    white-space: pre-line;
    line-height: 40px;
    margin: 0 0 15px
}

.footer1 li a,
.resent_panel .resent_content p,
h4.headforce {
    line-height: 24px
}

.upcoming_game_panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 40px 0 60px
}

.azure-dots-why-inner img.img-fluid,
.upcoming_game_panel h2 {
    width: 100%;
    margin: 0 0 50px
}

.col_upcoming_game {
    display: inline-block;
    width: 280px;
    height: 280px;
    overflow: hidden;
    position: relative;
    border-radius: 50%;
    margin: 0 16px;
    border: 5px solid rgba(216, 215, 215, .5);
    box-shadow: 4px 4px 0 3px #d0d0d0;
    transition: .2s ease-in-out
}

.col_upcoming_game img {
    width: 100%;
    height: 278px
}

.col_upcoming_game h3 {
    position: absolute;
    top: 50%;
    background: rgba(45, 62, 182, .6);
    width: 100%;
    transform: translateY(-50%);
    color: #fff;
    text-align: center;
    padding: 20px 0 24px;
    margin: 0
}

.col_upcoming_game:hover {
    box-shadow: 4px 4px 0 3px #000;
    transition: .2s ease-in-out
}

.game_testimonial {
    background: url(../images/game_testimonial.jpg) center/cover no-repeat fixed;
    position: relative;
    padding: 108px 0;
    margin: 0
}

.game_testimonial:after {
    content: '';
    background: rgba(0, 0, 0, .6);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.resent_panel:after,
.resent_panel:before {
    background: url(../images/review_back_img.png) right no-repeat;
    content: ''
}

.casestudy_section .show,
.game_testimonial .owl-nav,
.hide-robot,
.ocean_top_panel .ocean_top_dese_col:last-child:after {
    display: none !important
}

.game_testimonial .testimonial h3.testimonial-title {
    color: #fff;
    text-transform: capitalize;
    letter-spacing: 0
}

.game_testimonial .testimonial {
    padding: 0 45px
}

.game_testimonial .testimonial small.post_star {
    display: inline-block;
    padding: 8px 0 0
}

.game_testimonial .testimonial p.description {
    color: #fff;
    font-size: 16px;
    white-space: pre-line
}

a.see_btn_news.game_btn {
    background: #fff;
    color: #231a60;
    font-size: 24px;
    font-weight: 500;
    padding: 5px 15px 10px;
    border-radius: 2px
}

section.game_work {
    min-height: 750px;
    max-height: 750px;
    overflow: hidden
}

.resent_panel {
    padding: 70px 0;
    background: #fff;
    background: -moz-linear-gradient(left, #fff 0, #dff6ff 47%, #fff 100%);
    background: -webkit-linear-gradient(left, #fff 0, #dff6ff 47%, #fff 100%);
    background: linear-gradient(to top, #fff 0, #dff6ff 43%, #fff 100%);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative
}

.resent_panel:before {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    display: block
}

.resent_panel .resent_content {
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    padding: 0 30px
}

.fd-right-img-sec .bg-dark-1 .left-sec p.fdesk-p,
.resent_panel .resent_content h3 {
    font-size: 28px
}

.resent_panel h2.title-heading {
    margin: 0 25px 40px
}

.resent_col {
    position: relative;
    border: 10px solid #fff;
    box-shadow: 0 1px 7px #908e8e;
    margin: 0 15px
}

.social-icon,
.winingspriteshee {
    margin-right: 0;
    text-align: left
}

.resent_col:before {
    content: '';
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.resent_col .resent_content {
    display: none;
    transition: .2s ease-in-out
}

.resent_col:hover .resent_content {
    display: block;
    transition: .2s ease-in-out
}

.asp-partycontrol_panel .asp-partycontrol_inner,
.chooseus-panel .row,
.insight_inner .row,
section.footer-panel footer.footer1 .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%
}

.footer1 li {
    list-style: none;
    width: 100%;
    float: left
}

.footer1 li span {
    margin: 0 0 0 45px;
    width: 100px;
    float: left
}

.footer1 li a {
    color: #ccc;
    list-style: none;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase
}

.footer_winning ul {
    margin-top: 6px;
    justify-content: center;
    flex-wrap: wrap;
    text-align: right
}

.footer_winning ul li {
    display: inline-block;
    width: auto;
    float: none;
    text-align: center
}

.footer_winning ul li a {
    width: auto;
    float: none;
    text-align: center;
    margin: 0 3px;
    display: inline-block;
    padding: 0;
    font-size: 27px
}

.footer_winning li span {
    margin: 0 30px
}

.footer_winning p,
.footer_winning p a {
    font-size: 12px !important;
    line-height: 18px;
    margin: 0;
    color: #ccc
}

.follow-us-icon li .twitter-new svg {
    vertical-align: middle;
    margin: 0 0 5px
}

.follow-us-icon li .twiiter-lp-new:hover svg path,
.follow-us-icon li .twitter-new:hover svg path {
    fill: #f48120
}

.follow-us-icon li .twiiter-lp-new img {
    vertical-align: middle;
    padding: 0 0 8px
}

.follow-us-icon li .twiiter-lp-new svg {
    vertical-align: middle;
    margin: 0 0 4px
}

.footer_winning p {
    text-align: left;
    width: 100%;
    float: left
}

.footer_winning p a {
    font-weight: 700
}

.footer-panel {
    width: 100%;
    float: left;
    background: #000;
    color: #fff;
    padding: 30px 0;
    position: relative
}

h2.title-widget {
    font-size: 22px !important;
    text-transform: uppercase;
    color: #fff;
    font-weight: 300
}

.social-icon {
    display: block;
    width: 36px;
    height: 36px;
    float: left;
    margin-top: 0;
    background: url(../images/social-img.png) no-repeat
}

#twitter {
    background-position: 0 -43px;
    -webkit-transition: .3s;
    transition: .3s;
    margin: 0 0 5px
}

#linkedin,
#youtube {
    -webkit-transition: .3s;
    margin: 0 0 5px
}

#linkedin {
    background-position: 0 -86px;
    transition: .3s
}

#youtube {
    background-position: 0 -131px;
    transition: .3s
}

#instagram {
    background-position: 0 -174px;
    -webkit-transition: .3s;
    transition: .3s;
    margin: 0 0 5px
}

.winingspriteshee {
    display: block;
    width: 98px;
    height: 102px;
    float: left;
    margin-top: 0;
    background-image: url(../images/spritesheet.png)
}

#footer_popup_Form,
.diff_roll,
.emp_box h3,
.emp_box p,
.team_desc,
.title-work,
p.map_text {
    text-align: center
}

#ad {
    background-position: 0 0
}

#rc {
    background-position: 100px 34%
}

#cswd {
    background-position: 0 -61%
}

#gf {
    background-position: 0 -29%
}

span.input-group-addon.input-send {
    padding: 0;
    border: 0
}

button.input-group-addon.input-send {
    position: absolute;
    right: 66px;
    float: right;
    bottom: 0;
    border: none;
    background: 0 0;
    z-index: 999;
    padding: 0
}

button.input-group-addon.input-send img {
    z-index: 99999;
    position: relative
}

.form-control.text-control {
    padding: 12px 0 12px 15px;
    height: auto;
    border-radius: 0;
    color: #d6d6d6
}

.col-md-12.footer_full a img {
    margin: 0 9px
}

.clutch {
    background: #fff;
    padding: 35px 0
}

.divided_line {
    width: 100%;
    float: left;
    background: #47484a;
    height: 1px;
    margin: 22px 0
}

.footer-panel h3.title-widget {
    text-transform: inherit;
    color: #f5821f;
    margin-top: 8px
}

.footer-panel p.footer_desc strong a {
    font-size: 26px;
    color: #fff;
    text-transform: lowercase;
    font-weight: 600
}

.footer-panel p.footer_desc {
    font-size: 26px;
    font-weight: 100;
    color: #ccc;
    line-height: 28px
}

.footer-panel p strong {
    font-weight: 600;
    color: #fff
}

.footer-panel p.footer_sub_desc {
    color: #ccc;
    padding: 0 25px 0 0;
    line-height: 25px
}

.footer-panel button.case-study-inner.sign_sub {
    background: 0 0;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 5px 15px;
    margin-top: 4px
}

.footer-panel .col-xs-12.col-sm-5 {
    border-right: 1px solid #47484a;
    padding: 0 16px
}

.footer-panel .footer1 .col-lg-6 {
    width: 49%
}

.ds-blogcontent ul.contlink li,
.ds-blogcontent ul.contlink.magento_adi_point li,
.ds-blogcontent ul.contlink.social_service_point li,
.ds-blogcontent ul.contlink.socil_service_point li,
.footer-panel .col-xs-12.col-sm-5:first-child,
.news_blog_img .container {
    padding-left: 0
}

.contact_popup_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    z-index: 999;
    display: none
}

.popup_clode_btn {
    position: absolute;
    right: -11px;
    top: -11px;
    background: #000;
    color: #fff;
    border-radius: 50px;
    width: 28px;
    height: 28px;
    font-size: 14px;
    font-weight: 700;
    line-height: 27px;
    cursor: pointer;
    border: 1px solid #fff
}

#footer_popup_Form .footer_popup_inner .popup_heading {
    font-size: 36px;
    font-weight: 700
}

#footer_popup {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    background: 0 0;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 8px 18px;
    margin-top: 4px;
    color: #fff;
    font-weight: 600;
    transition: .3s
}

#footer_popup_Form small {
    font-size: 14px
}

#footer_popup:hover {
    background: #f5821f;
    border: 1px solid #f5821f
}

#footer_popup:active {
    background: #444
}

#footer_popup_Form {
    display: none;
    border: 2px solid #f5821f;
    padding: 1em;
    width: 400px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 999999;
    box-shadow: 4px 5px 32px 1px #cdd8ff inset
}

#footer_popup_Form input,
#footer_popup_Form textarea {
    margin: .8em auto;
    text-transform: inherit;
    font-size: inherit;
    display: block;
    width: 280px;
    padding: 8px 15px;
    border: 1px solid #ccc
}

#footer_popup_Form textarea {
    height: 80px;
    resize: none
}

#footer_popup_Form .formBtn {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 8px 30px;
    margin-top: 4px;
    color: #000;
    font-weight: 600;
    transition: .3s;
    width: auto
}

#footer_popup_Form .formBtn:hover,
.sweet-alert .sa-confirm-button-container button:hover,
.zoho_sec .org-light-brdr-btm a.main-button:hover,
a.view_button.design_btn:hover {
    border: 1px solid #f5821f;
    background: #f5821f;
    color: #fff
}

.sweet-alert .sa-confirm-button-container button {
    text-transform: uppercase;
    outline: 0
}

.faqs_panel .panel .panel-heading .panel-title a:focus,
.rate-list-new a:focus,
.sweet-alert .sa-confirm-button-container button:active:focus,
.sweet-alert .sa-confirm-button-container button:active:hover,
.sweet-alert .sa-confirm-button-container button:hover {
    outline: 0
}

.client-posts.next_case .home-demo,
.ds-moreblog.row span.ds-lined,
.footer_winning .certified_panel ul,
.meet-team-inner .meet-team-blog .show-team-back .meet-team-profile .tabs_wrapper,
.spotlight-slider-inner #news-slider,
p.fundamen {
    margin-top: 0
}

.footer_winning .certified_panel ul li {
    float: left;
    width: 33%
}

.footer_winning .certified_panel ul li a {
    margin: 0 8px 0 0
}

.contact_detail_address.col-md-7 {
    display: inline-block;
    padding-left: 0;
    border-right: 1px solid #47484a
}

.contact_detail_address ul li,
.new-ofc .ofc-content li {
    color: #fff;
    font-size: 14px
}

.contact_detail_address ul li strong {
    display: inline-block;
    float: left;
    color: #f5821f;
    font-weight: 700;
    margin: 0 5px 0 0;
    text-transform: uppercase
}

.contact_detail_address ul li span.phone-no {
    display: inline-block;
    float: none;
    margin: 0;
    font-weight: 700;
    width: auto;
    color: #f5821f
}

.contact_detail_address ul li span.phone-no a,
.new-ofc .ofc-content li span.phone-no a {
    width: 100%;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 700;
    color: #f5821f
}

.new-ofc.col-md-5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    padding-right: 0;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.new-ofc figure {
    width: 43%;
    margin: 0 20px 0 0
}

.new-ofc .ofc-content {
    width: 52%
}

.new-ofc .ofc-content li .ofc-address {
    width: 100%;
    display: block;
    float: left;
    color: #f5821f;
    font-weight: 700;
    margin: 0 0 15px;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 29px
}

.new-ofc .ofc-content li span.phone-no {
    display: block;
    float: none;
    margin: 0;
    font-weight: 700;
    width: auto;
    color: #f5821f
}

a.footer_call {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99999
}

.title-work {
    position: absolute;
    left: 0;
    right: 0;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
    width: 87%;
    margin: auto
}

.right-corporate {
    float: right !important
}

.team_desc {
    background: #f5821f;
    width: 100%;
    display: inline-block;
    color: #fff;
    padding: 40px 0
}

.team_desc h2 {
    margin: 0 0 30px;
    line-height: 24px
}

.team_desc p {
    width: 60%;
    margin: 0 auto;
    line-height: 30px
}

.diff_roll {
    width: 100%;
    margin: 40px auto auto;
    display: table
}

.box_team,
.emp_box {
    width: 18%;
    position: relative;
    box-sizing: border-box
}

.box_team,
.emp_box,
.map_panel ul li {
    display: inline-block
}

.diff_roll .box_team {
    text-align: center;
    overflow: hidden;
    position: relative;
    border-radius: 50%;
    border: 4px solid #f5821f;
    transition: .2s ease-in-out;
    width: 99%
}

.diff_roll .box_team:hover {
    border: 4px solid #000;
    transition: .2s ease-in-out
}

.diff_roll .box_team:after,
.diff_roll .box_team:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 1;
    transition: .6s
}

.diff_roll .box_team:after {
    left: auto;
    right: -100%
}

.diff_roll .box_team:hover:before {
    left: 50%;
    opacity: 1
}

.diff_roll .box_team:hover:after {
    right: 50%;
    opacity: 1
}

.diff_roll .box_team img {
    width: 100%;
    height: auto;
    transform: scale(1.1);
    transition: .3s
}

.diff_roll .box_team:hover img {
    transform: scale(1)
}

.diff_roll .box_team .box-content {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    transition: .4s
}

.diff_roll .box_team .content {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%) translateY(-100%);
    transition: .5s
}

.diff_roll .box_team:hover .content {
    transform: translateX(-50%) translateY(-50%);
    opacity: 1
}

.diff_roll .box_team .post {
    display: inline-block;
    font-size: 16px;
    font-style: normal;
    color: #fff;
    margin: 0 0 10px;
    padding: 0 23px
}

.diff_roll .box_team .icon {
    padding: 0;
    margin: 0 0 10px;
    list-style: none;
    position: absolute;
    bottom: 10px;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%) rotateX(90deg);
    transform-origin: bottom;
    transition: .3s
}

.diff_roll h2.sf_title,
.office_function h2.sf_title {
    width: 100%;
    margin: 0 0 60px
}

.box_team {
    margin: 0;
    padding: 0
}

.emp_box {
    margin: 0 16px;
    padding: 0
}

.emp_box h3 {
    color: #f5821f;
    margin: 28px 0 0;
    min-height: 52px
}

.emp_box p {
    text-transform: capitalize;
    color: #000;
    font-weight: 600
}

.achieving-content,
.addinal-point,
.industry_panel-sec .col-sm-4,
.item-slide .item:nth-child(odd),
.thanks_award_logo h2.title {
    margin: 0 0 25px
}

.office_function .item {
    overflow: hidden;
    width: 97%;
    border: 5px solid #c1c1c1
}

.office_function .item img {
    background-position: center;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.office_function .item img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.map_panel {
    margin: 40px 0 0;
    width: 100%;
    background: #f6f6f5;
    padding: 40px 0
}

.ds_web a.view_button.touch_btn,
.game_solution a.view_button.touch_btn,
.magento_enterprice_panel .sec12 ul li .srvc_health img,
.map_panel ul,
.swal-overlay--show-modal .swal-modal .swal-footer .swal-button-container,
.travel_panel .courses-tab .tab-content .thumb-box p img,
iframe.prese-video,
img.microtek_net {
    margin: auto;
    display: table
}

.map_panel ul li {
    list-style: none;
    padding: 0 40px;
    font-size: 34px;
    font-weight: 700;
    color: #f5821f;
    text-transform: uppercase
}

.map_work img {
    margin: 34px auto auto;
    display: table
}

p.map_text {
    line-height: 30px;
    margin: 24px 150px 0
}

.joinus_panel,
.msg_seo_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.joinus_panel_sec {
    width: 100%;
    display: flex;
    align-items: center
}

.owl-next.owl-next-icon-up,
.owl-prev.owl-prev-icon-up {
    font-size: 80px;
    align-items: center;
    position: absolute;
    top: 0;
    text-align: center;
    bottom: 0
}

.joinus_panel_sec h2 {
    margin: 0;
    color: #000
}

.joinus_panel_sec p {
    font-weight: 400;
    color: #636363;
    padding: 15px 56px 35px 0
}

.joinus_panel_sec a.btn_join {
    background: #000;
    font-size: 18px;
    color: #fff;
    padding: 10px 20px 15px;
    line-height: 0;
    border-radius: 2px;
    font-weight: 400
}

.col_join {
    position: relative;
    display: inline-block;
    margin: 0;
    width: 50%;
    box-sizing: border-box;
    padding: 0;
    vertical-align: top;
    max-height: 328px
}

.col_join a.view_button.view_btn {
    display: block;
    float: left
}

.col_join_video {
    width: 50%;
    max-height: 329px;
    margin: auto
}

.col_join_video video {
    max-width: 100%;
    width: 100%;
    height: 331px
}

.col_join iframe {
    float: right;
    width: 90%;
    height: 411px
}

.owl-prev.owl-prev-icon-up {
    right: auto;
    left: -4%;
    justify-content: center;
    color: #000
}

.owl-next.owl-next-icon-up {
    right: -3%;
    left: auto;
    justify-content: center;
    color: #000
}

.digital_content,
.meet-team-sec {
    margin: 60px 0 0
}

.digital_content h2 {
    line-height: 40px;
    color: #000;
    margin: 0
}

.digital_content p {
    color: #000;
    margin: 20px 0 30px
}

a.see_btn_news.digital_marketing {
    font-size: 24px;
    font-weight: 600;
    padding: 12px 28px 18px;
    line-height: 20px;
    margin: 0
}

.agency_persent_inner .col-xs-12.col-sm-4.col-md-4.col-lg-4,
.fd-gallery-sec,
.fullfilment .company-process .row2,
.fullfilment .industry .slick-arrow.active,
.fullfilment .technology .cmn-btn:hover,
.maintain_sec.build_work.process_expertise_one,
.maintain_sec.build_work.process_expertise_one .extention_arrow-left,
.meet-team-inner .meet-team-blog:nth-child(odd),
.rate-list-new .nav>li>a:focus,
.rate-list-new .nav>li>a:hover,
.start-up_process .start-up_process_coll:nth-child(2n),
.startup_partner,
.support-box.box-blue,
.tech-category ul.tech-cat-icons li.active,
a.see_btn_news.digital_marketing.btn {
    background: #000
}

.digital_tabs_home .serviceBox-content {
    min-height: 321px
}

.every-thing-edgetable table,
.extention_col_left img,
.extention_col_right img {
    border: 1px solid #000
}

.col-sm-4.extention_col_left {
    padding: 0 0 0 120px
}

.extention_col_left p {
    color: #fff;
    margin: 35px 0 30px;
    width: 90%
}

.extention_col_left p a.link_web {
    color: #f5821f !important;
    font-weight: 700
}

.extention_col_right img {
    float: right;
    width: 100%;
    object-fit: fill;
    height: 100%
}

.extention_team {
    background: #000;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 40px 0 40px 115px
}

.extention_team.extention_team_smm {
    padding: 40px 0
}

a.digital_contact {
    background: 0 0/200% 200% #202125;
    padding: 80px 20px;
    background-image: linear-gradient(to top, #f5821f 50%, transparent 50%);
    -webkit-transition: background-position .3s, color .3s, border-color .3s;
    -moz-transition: background-position .3s, color .3s, border-color .3s;
    -ms-transition: background-position .3s, color .3s, border-color .3s;
    -o-transition: background-position .3s, color .3s, border-color .3s;
    transition: background-position .3s, color .3s, border-color .3s;
    text-align: center;
    width: 100%;
    float: left
}

.digital_contact a:hover {
    color: #fff;
    transition: .1s linear;
    -webkit-transition: .1s linear;
    -moz-transition: .1s linear;
    -ms-transition: .1s linear;
    -o-transition: .1s linear;
    text-decoration: none
}

.digital_contact:hover {
    color: #fff;
    background-image: linear-gradient(to top, #f5821f 51%, transparent 50%);
    background-position: 0 100%;
    -webkit-transition: background-position .3s, color .3s, border-color .3s;
    -moz-transition: background-position .3s, color .3s, border-color .3s;
    -ms-transition: background-position .3s, color .3s, border-color .3s;
    -o-transition: background-position .3s, color .3s, border-color .3s;
    transition: background-position .3s, color .3s, border-color .3s;
    text-decoration: none
}

h2.digital_reach {
    text-decoration: none;
    transition: .1s linear;
    -webkit-transition: .1s linear;
    -moz-transition: .1s linear;
    -ms-transition: .1s linear;
    -o-transition: .1s linear;
    font-size: 80px !important;
    text-align: center;
    color: #f5821f;
    margin: 0
}

.digital_tabs_inner {
    background: #ededed
}

.digital_tabs .tab .nav-tabs {
    border-bottom: none;
    position: relative;
    margin: auto;
    display: flex;
    justify-content: center;
    width: 70%
}

.digital_tabs .tab .nav-tabs li a {
    display: block;
    padding: 18px 50px;
    border: none;
    border-radius: 0;
    background: #ededed;
    color: #000;
    margin-right: 1px;
    text-align: center;
    z-index: 1;
    transition: .3s;
    font-size: 22px;
    font-weight: 600
}

.digital_tabs .tab .nav-tabs li a:hover,
.digital_tabs .tab .nav-tabs li.active a {
    background: #f5821f;
    color: #fff;
    font-size: 22px;
    border: none !important;
    font-weight: 600
}

.digital_tabs .tab .nav-tabs li a:after {
    content: "";
    width: 100%;
    border-top: 2px solid #f2f2f2;
    position: absolute;
    top: -3px;
    left: 0;
    transition: .3s
}

.digital_tabs .tab .nav-tabs li a:hover:after,
.digital_tabs .tab .nav-tabs li.active a:after {
    border-top: 2px solid #732c7b
}

.digital_tabs .tab .tab-content {
    padding: 0;
    margin-top: 0;
    border-radius: 0 0 5px 5px;
    font-size: 15px;
    color: #757575;
    line-height: 30px;
    background: #000
}

.digital_tabs .tab .tab-content h3 {
    font-size: 24px;
    margin-top: 0
}

a.digital_btn {
    background: #f5821f;
    color: #fff;
    font-size: 18px;
    padding: 8px 20px;
    display: inline-block;
    text-decoration: none
}

.digital_marketing.app_dev p,
.error_bottom,
.portfolio_case,
.vorbest_solution_text.case_solution_point .case_major,
.web-info-timeline-web2 .web-info-right {
    margin: 30px 0 0
}

.app_development_tabs .extention_team {
    background: 0 0;
    padding: 50px 115px 0
}

.app_development_tabs .extention_team h2 {
    color: #000;
    white-space: pre-line
}

.app_development_tabs .extention_team p {
    color: #000;
    margin: 27px 0
}

.app_development_tabs .apps_points .apps_col_tab h3 {
    color: #000;
    margin: 8px 0
}

.app_development_tabs .apps_points .apps_col_tab p {
    color: #000;
    font-size: 16px;
    line-height: 28px
}

.apps_points {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 65px 0
}

.apps_points .apps_col_tab {
    width: 24%;
    text-align: center;
    position: relative;
    padding: 0 30px
}

.apps_points .apps_col_tab:after {
    border-right: 1px solid #ccc;
    content: '';
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.app_features_panel {
    background: #f6f6f5;
    width: 100%;
    padding: 40px 0 0
}

.app_features_panel p {
    text-align: center;
    padding: 16px 0;
    margin: 0
}

.app_features_point {
    flex-wrap: wrap;
    display: flex;
    justify-content: center
}

.app_features_point .col_features {
    display: inline-flex;
    width: 20%;
    align-items: center;
    margin: 24px 0 45px
}

.app_features_point .col_features span {
    display: inline-block;
    position: relative;
    margin: 0 18px 0 0
}

.app_features_point .col_features h4 {
    display: inline-block;
    font-weight: 600;
    white-space: pre-line;
    margin: 0;
    font-size: 20px;
    color: #000;
    line-height: 24px
}

.app_discuss_work {
    background: url(../images/discous_work.jpg) no-repeat;
    width: 100%;
    position: relative;
    padding: 66px 0
}

.app_discuss_work:before {
    content: '';
    background: rgba(0, 0, 0, .8);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.app_discuss_work h2 {
    margin: 8px 0;
    display: inline-block;
    color: #fff;
    z-index: 9;
    position: relative;
    font-weight: 400 !important
}

.app_discuss_work button.btn.btn-info.discuss {
    background: #f5821f;
    position: relative;
    float: right;
    border: none;
    font-size: 22px;
    line-height: 20px;
    padding: 14px 34px 18px;
    border-radius: 50px
}

.mobile_operating {
    background: #000;
    display: inline-block;
    width: 100%;
    padding: 55px 25px
}

.mobile_operating h2.title-heading {
    text-align: center;
    color: #fff;
    white-space: pre-line;
    line-height: 45px;
    margin: 0 0 15px;
    display: inline-block
}

.mobile_operating p {
    text-align: center;
    color: #fff;
    margin: 0 0 50px
}

.mobile_operating ul {
    margin: 0 0 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.mobile_operating .tab .nav-tabs {
    border: none;
    margin: auto;
    display: table;
    border-bottom: 1px solid #f5821f;
    width: 55%;
    text-align: center
}

.mobile_operating .nav-tabs>li {
    display: inline-block;
    float: none;
    margin: 0 16px;
    position: relative;
    top: 6px
}

.mobile_operating .nav-tabs>li.active>a:hover,
.mobile_operating .tab .nav-tabs li.active a {
    border-bottom: 1px solid #fff !important;
    padding: 0 0 10px;
    height: auto;
    margin: -1px 0 0
}

.mobile_operating .tab .nav-tabs li a {
    height: auto;
    padding: 0 0 10px;
    font-size: 20px;
    font-weight: 600;
    color: #f5821f;
    text-transform: capitalize;
    border: none;
    border-radius: 0;
    background: 0 0;
    z-index: 2;
    position: relative;
    transition: .3s
}

.mobile_operating .tab .nav-tabs li a:before {
    content: "";
    width: 100%;
    height: 4px;
    background: #f6f6f6;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    left: 0
}

.mobile_operating .tab .nav-tabs li a:after {
    content: "";
    width: 0;
    height: 4px;
    background: #727cb6;
    border: 1px solid #727cb6;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    transition: 1s
}

.mobile_operating .tab .nav-tabs li.active a:after,
.mobile_operating .tab .nav-tabs li:hover a:after {
    width: 100%;
    opacity: 1
}

.mobile_operating .tab .tab-content {
    padding: 15px 20px;
    margin-top: 20px;
    font-size: 17px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 30px;
    background: 0 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.mobile_operating .tab .tab-content ul li {
    list-style: none;
    display: inline-block;
    margin: 0 40px;
    text-align: center
}

.digital_tabs.app_tabs_panel ul.nav.nav-tabs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.new_teck_points {
    text-align: center;
    padding: 15px 20px;
    background: #e6e6e6
}

.new_teck_points.tab_attach {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 90px;
    z-index: 99
}

.new_teck_points ul li {
    display: inline-block;
    margin: 0 35px
}

.new_teck_points ul li a {
    font-size: 24px;
    color: #000;
    text-decoration: none
}

.new_teck_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 40px 0
}

.new_teck_inner h2.title-heading {
    margin: 0 0 58px
}

.new_teck_inner .app_head_text {
    width: 18%;
    display: inline-block;
    margin: 0 25px 0 0
}

.new_teck_inner .app_head_text h2 {
    color: #000;
    line-height: 50px;
    margin: 0
}

.app_technology_panel {
    display: table;
    width: 100%;
    background: #000
}

.app_technology_panel .app_technology_left {
    width: 100%;
    background: #000;
    display: table-cell;
    vertical-align: top
}

.app_technology_left .vertical-tab {
    font-family: Ubuntu, sans-serif;
    display: table
}

.app_technology_left .vertical-tab .nav-tabs {
    background-color: var(--main_color1);
    display: table-cell;
    width: 45%;
    min-width: 28%;
    border: none;
    vertical-align: top;
    position: relative;
    top: 3em;
    transform: translateY(0)
}

.app_technology_left .vertical-tab .nav-tabs li {
    vertical-align: top;
    font-size: 45px;
    font-weight: 600;
    color: #fff;
    white-space: pre-line;
    text-align: left;
    padding: 0 80px 0 0;
    width: 52%;
    float: right
}

.app_technology_left .vertical-tab .nav-tabs li:first-child {
    padding: 0 142px 30px 0
}

.app_technology_left .vertical-tab .nav-tabs li a {
    color: #fff;
    background-color: transparent;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: capitalize;
    padding: 10px 0;
    margin: 5px 0 5px 6px;
    border-radius: 0;
    border: none;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: .2s;
    text-align: left
}

.app_technology_left .vertical-tab .nav-tabs li a:focus {
    color: #fff;
    outline: 0
}

.app_technology_left .vertical-tab .nav-tabs li a:hover,
.app_technology_left .vertical-tab .nav-tabs li.active,
.app_technology_left .vertical-tab .nav-tabs li.active a:hover {
    color: #fff;
    background-color: #657092;
    border: none
}

.app_technology_left .vertical-tab .nav-tabs li a:before {
    content: '';
    background-color: #657092;
    height: 100%;
    width: 100%;
    opacity: 0;
    transform: rotateX(180deg) rotateY(180deg);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: .3s
}

.app_technology_left .vertical-tab .nav-tabs li:hover {
    background: #657092
}

.app_technology_left .vertical-tab .nav-tabs li a:hover:before,
.app_technology_left .vertical-tab .nav-tabs li.active a:before {
    opacity: 1;
    transform: rotateX(0) rotate(0)
}

.app_technology_left .vertical-tab .tab-content {
    color: #ccc;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 23px;
    margin-top: 10px;
    padding: 94px 99px 0 65px;
    display: table-cell;
    position: relative;
    background: #f1f1f1;
    max-height: 550px;
    min-height: 550px;
    height: 543px
}

.app_technology_left .vertical-tab .tab-content h3 {
    text-transform: capitalize;
    margin: 0 0 20px;
    font-size: 40px;
    color: #000
}

.app_technology_left .vertical-tab .tab-content p {
    color: #000;
    margin: 0 0 15px
}

.technology_content {
    margin: 60px auto;
    display: table;
    border: 1px solid #ccc;
    width: 65%
}

.technology_content .tech_col_left {
    display: inline-block;
    vertical-align: top;
    width: 40%
}

.technology_content .tech_col_right {
    display: inline-block;
    width: 46%;
    margin: 90px 0 0 74px
}

.technology_content .tech_col_right h2 {
    color: #000;
    margin: 0 0 25px
}

h2.nt_text {
    font-weight: 400;
    white-space: pre-wrap;
    line-height: 55px;
    width: 60%;
    margin: auto
}

.new_teck_panel,
.startup_partner_panel,
.startup_process_inner .start-up_process_coll a {
    width: 100%;
    display: inline-block
}

.app_text_right {
    width: 33%;
    display: inline-block;
    float: right
}

.new_teck_inner.itcounsel .app_head_text h2 {
    font-size: 32px !important;
    line-height: 42px;
    text-align: left;
    color: #f5821f;
    font-weight: 900 !important
}

.new_teck_inner.itcounsel .app_text_right h4 {
    line-height: 26px;
    margin: 0 0 8px;
    color: #000
}

.itsupport_points {
    background: #d9d9d9;
    display: flex;
    display: -ms-flexbox;
    align-items: center
}

.itsupport_points .itsupport_points_left {
    width: 50%;
    display: inline-block;
    padding: 40px 37px 40px 370px
}

.add_acdroid_sec .extention_col_right,
.ios_app_sec .extention_col_right,
.itsupport_points .itsupport_points_right,
.web_dev_work .web_dev_work_right {
    width: 50%;
    display: inline-block;
    float: right
}

.itsupport_hiw_panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center
}

.itsupport_hiw_panel .hiw_col {
    width: 25%;
    padding: 0 33px;
    margin: 0 0 40px
}

.itsupport_hiw_panel .hiw_col h3 {
    color: #000;
    margin: 13px 0
}

.itsupport_hiw_panel .hiw_col p {
    line-height: 31px;
    font-size: 16px
}

.itsupport_hiw.itsupport_wac {
    background: #f2f2f2;
    margin-bottom: 0;
    padding: 40px 0
}

.itsupport_hiw.itsupport_wac .itsupport_hiw_panel .hiw_col span {
    opacity: .5
}

p.itsupport_para {
    text-align: center;
    width: 65%;
    margin: auto auto 30px;
    line-height: 30px
}

.sup_text h2.title-heading strong span {
    font-weight: 700;
    line-height: 42px
}

.it_support_panel {
    margin: 0;
    padding: 50px 0;
    display: inline-block;
    width: 100%;
    background: #000
}

.it_support_panel .container {
    margin: auto;
    display: table;
    width: auto
}

.it_support_panel .it_support_panel_inner_left,
.it_support_panel .it_support_panel_inner_right {
    width: 355px;
    position: relative;
    display: inline-block;
    vertical-align: top
}

.it_support_panel .it_support_panel_inner_left:after {
    content: '';
    background: #fff;
    height: 270px;
    width: 2px;
    position: absolute;
    float: right;
    top: 0;
    right: -65px;
    display: block !important
}

.grow_sec.process_expertise_two,
.grow_sec.process_expertise_two .extention_arrow-right,
.itsupport_points.itsupport_points_two,
.limiter .column1.column1_one,
.meet-team-inner .meet-team-blog .show-team-back .meet-team-profile .tab button:hover,
.meet-team-inner .meet-team-blog.meet-team-blogorg,
.meet-team-inner .meet-team-blog:nth-child(2n),
.portfolio-tab li a.active,
.portfolio-tab li a:hover,
.portfolio_head h3,
.start-up_process .start-up_process_coll:nth-child(odd),
.sugerhire_sec .what-suger-crm-section .crm-inr-box1:hover,
.support-box.box-color {
    background: #f5821f
}

.it_support_panel .it_support_panel_inner_left h4.business_desc {
    color: #fff;
    font-size: 24px;
    font-weight: 600 !important;
    text-align: center;
    line-height: 35px
}

.it_support_panel .it_support_panel_inner_right {
    text-align: left;
    float: right;
    margin-left: 121px
}

.it_support_panel .it_support_panel_inner_right ul li {
    list-style: none;
    font-size: 24px;
    color: #fff;
    font-weight: 300
}

.it_support_panel .it_support_panel_inner_right ul li:before {
    content: '';
    font-family: fontawesome;
    font-size: 30px;
    margin: 0 11px 0 0;
    position: relative;
    top: 4px
}

.it_support_panel .it_support_panel_inner_right h2 {
    font-weight: 900 !important;
    color: #f5821f
}

.strategic_top_text,
.support_testimonial {
    padding: 40px 0;
    text-align: center
}

.support_testimonial .container {
    width: 610px
}

.founder_top_text p,
.support_testimonial p {
    font-size: 18px;
    color: #000;
    font-style: italic;
    width: 100%;
    margin: 0 0 26px;
    text-align: left
}

.support_testimonial h3 {
    text-align: right;
    font-size: 20px;
    font-weight: 400 !important;
    line-height: 24px;
    color: #000
}

.support_testimonial h3 span {
    color: #f5821f;
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 900
}

.itsupport_points.itsupport_points_two .itsupport_points_left {
    padding: 40px 370px 40px 60px
}

.itsupport_points.itsupport_points_two h2,
.itsupport_points.itsupport_points_two p {
    color: #fff;
    margin: 0 0 6px
}

.itsupport_points .itsupport_points_left h2 {
    margin: 0 0 8px
}

ul.augmentation_benefit li {
    list-style: none;
    color: #fff;
    padding: 0 0 8px
}

.itsupport_points.itsupport_points_two .itsupport_points_left.pull-left {
    padding: 40px 370px 40px 37px
}

.itsupport_points.itsupport_points_three {
    background: #c7d0d8
}

ul.serversupport_point {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    display: inline-block
}

.seo_kick_inner .md-form-control .md-input-text:focus+label,
p.certified {
    font-size: 18px;
    font-weight: 600
}

.digital_marketing.crm_first_sec {
    padding: 50px 0;
    margin: 0;
    background: #f8f7f7
}

.digital_marketing.crm_first_sec p {
    margin: 20px 0 26px
}

.crm_Industries_points,
.crm_counting {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 50px 0 0
}

.crm_Industries_points .crm_Industries_cols {
    width: 265px;
    text-align: center;
    border: 1px solid #ccc;
    margin: 0 40px 50px;
    padding: 78px 0;
    height: 265px
}

.crm_Industries {
    margin: 40px 0 60px
}

.crm_ss_panel .crm_ss_left {
    background: #333075;
    display: inline-block;
    width: 50%;
    color: #fff;
    padding: 115px 128px;
    position: relative
}

.crm_ss_panel h3 {
    font-size: 30px;
    margin: 0 0 30px
}

.crm_ss_panel .crm_ss_left p {
    margin: 0 0 27px
}

.crm_ss_left:before {
    content: '';
    background: url(../images/crm_service_circle.png) no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.crm_ss_right {
    background: #dfe3e6;
    width: 50%;
    padding: 80px 128px
}

.crm_ss_right ul {
    margin: 0 0 0 30px
}

.crm_ss_right ul li {
    font-size: 20px;
    color: #000;
    margin: 0 0 16px
}

.crm_inclusive_solution p {
    margin: 0 0 50px;
    text-align: center
}

.crm_development .extention_col_left img,
.crm_development .extention_col_right img {
    border: none;
    width: 90%
}

#step4 h3.optional,
.cookie_panel p,
.crm_development .extention_col_left p,
.internet-web-sec-inner,
.open_sourse_shopify p.sharepointtext,
.open_sourse_shopify.open_sourse_shuger p,
.service_work_panel.e-learning,
.strategic_top_text .strategic_heading_one p,
section.services-section.super_work .crm-inr-box3 h3 {
    text-align: left
}

.crm_counting .circle {
    width: 200px;
    margin: 6px 25px 20px;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.2;
    height: 200px
}

.crm_counting .circle canvas {
    vertical-align: top;
    width: 200px !important;
    height: 200px !important;
    transform: rotate(-270deg)
}

.crm_counting .circle strong {
    position: absolute;
    top: 40%;
    left: 13px;
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 30px;
    color: #000
}

.crm_counting .circle strong i {
    font-style: normal;
    font-size: .6em;
    font-weight: 400
}

.crm_get_quate {
    background: #f2f2f2;
    margin: auto;
    display: table;
    padding: 47px 117px;
    font-size: 24px;
    color: #000;
    font-weight: 600
}

.crm_get_quate a.crm_quote_btn {
    display: block;
    text-align: center;
    background: #000;
    padding: 6px 16px 12px;
    color: #fff;
    width: 70%;
    margin: 22px auto auto;
    border-radius: 3px;
    text-decoration: none
}

.circle span {
    display: block;
    margin-top: 12px;
    position: absolute;
    bottom: 0;
    top: 69px;
    left: 55px;
    font-size: 31px;
    color: #000;
    font-weight: 600
}

.norecord h4,
.port_col_left {
    font-size: 24px;
    font-weight: 600
}

a.see_btn_news.crm_btn {
    background: #000;
    padding: 22px 18px 26px;
    color: #fff;
    font-size: 20px;
    line-height: 0;
    display: inline-block;
    text-decoration: none
}

.top-tab.top-tab-protfolio {
    margin: 28px 0;
    float: left;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -ms-flexbox
}

.portfolio-tab-panel {
    display: inline-block;
    margin: 0 64px 0 0
}

.portfolio-tab li a {
    font-size: 13px;
    color: #fff;
    background: #000;
    padding: 9px;
    text-transform: uppercase;
    margin: 0;
    border-radius: 4px
}

.control-group.scheduler-border {
    display: inline-block;
    width: 20%
}

.top-tab.top-tab-protfolio .search-sec form input.form-control.search {
    font-size: 15px;
    float: left;
    background-color: #fff;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
    border-radius: 0;
    height: 37px;
    padding: 5px 60px 5px 8px;
    box-shadow: none
}

.top-tab.top-tab-protfolio .search-sec form button {
    position: absolute;
    border-radius: 0 5px 5px 0;
    background-color: #f5821f;
    border-color: #f5821f;
    height: 37px;
    width: 45px;
    top: 0;
    right: 0
}

.tech-category ul.tech-cat-icons li {
    width: 100px;
    height: 100px;
    background-color: #f5821f;
    border-color: #f5821f;
    display: inline-block;
    margin: 0 6px;
    border-radius: 6px;
    text-align: center;
    padding: 15px 16px
}

.tech-category ul.tech-cat-icons li:hover,
fieldset.scheduler-border button#searchBtn:hover {
    background-color: #000;
    border-color: #000
}

fieldset.scheduler-border button#searchBtn:hover {
    color: #fff
}

.tech-category ul.tech-cat-icons li a {
    font-size: 16px;
    color: #fff
}

.tech-category ul.tech-cat-icons li a i.fa {
    font-size: 3em !important
}

fieldset.scheduler-border {
    border: 1px solid #ddd;
    border-radius: 0;
    padding: 15px;
    width: 900px;
    margin: auto auto 30px
}

fieldset.scheduler-border legend.scheduler-border {
    font-size: 1.2em;
    font-weight: 700;
    text-align: left;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
    margin: 0
}

fieldset.scheduler-border .control-group .btn-group button {
    height: auto;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 0;
    color: #5a5a5a;
    display: inline-block;
    font-size: 16px;
    margin: 0;
    outline: 0;
    padding: 11px;
    text-align: left;
    transition: .2s ease-in-out !important;
    width: 100%;
    box-shadow: none;
    max-width: 100%
}

fieldset.scheduler-border .control-group .btn-group button b.caret {
    float: right;
    margin: 10px 0 0;
    pointer-events: none
}

fieldset.scheduler-border .control-group .btn-group button span {
    font-weight: 600
}

fieldset.scheduler-border .control-group .btn-group .dropdown-menu {
    z-index: 10;
    width: 100%;
    overflow-y: scroll;
    height: 400px;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

fieldset.scheduler-border .control-group .btn-group .dropdown-menu button.dropdown-item {
    display: block;
    clear: both;
    font-weight: 400;
    color: #333;
    padding: 5px 10px;
    border-bottom: 1px;
    margin-bottom: 0
}

fieldset.scheduler-border button#Portfolioreset:hover,
fieldset.scheduler-border button#searchBtn {
    background-color: #f5821f;
    border-color: #eea236
}

fieldset.scheduler-border button {
    font-size: 16px
}

fieldset.scheduler-border .control-group .btn-group .dropdown-menu button.dropdown-item span.form-check {
    width: auto;
    display: inline-block;
    padding: 0
}

fieldset.scheduler-border .control-group .btn-group .dropdown-menu button.dropdown-item span.form-check label {
    margin: 0 0 0 18px;
    font-weight: 600;
    color: #000;
    font-size: 13px
}

fieldset.scheduler-border button#searchBtn {
    padding: 0 18px;
    height: 44px
}

fieldset.scheduler-border button#Portfolioreset {
    background-color: #000;
    border-color: #000;
    padding: 0 18px;
    height: 44px;
    margin-bottom: 0
}

fieldset.scheduler-border .control-group .btn-group .dropdown-menu .portfolio_search_scroll {
    border-bottom: 1px solid #e4e4e4
}

fieldset.scheduler-border .control-group .btn-group .dropdown-menu .portfolio_search_scroll button.multiselect-option.dropdown-item {
    width: auto;
    background: 0 0;
    border: none
}

.row.search-text {
    background: #cccccc57;
    padding: 10px 15px;
    color: #000000b5;
    font-size: 18px;
    border: 1px solid #ccc;
    font-weight: 600;
    width: 900px;
    margin: auto;
    max-width: 100%
}

.casestudy_section .Portfolio {
    position: relative;
    margin: 5px;
    border: 2px solid #000;
    float: left;
    width: 180px;
    transition-duration: .4s;
    border-radius: 5px;
    animation: .5s winanim;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12)
}

.casestudy_section .tab-content>.active {
    display: flex !important;
    opacity: 1;
    justify-content: center;
    flex-wrap: wrap
}

.casestudy_section .Portfolio:hover {
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .24), 0 17px 50px 0 rgba(0, 0, 0, .19)
}

.casestudy_section .Portfolio img {
    width: 100%;
    height: auto;
    border-radius: 5px
}

.casestudy_section .desc {
    padding: 5px;
    text-align: center;
    font-size: 90%;
    background: #000;
    color: #ff69b4
}

.casestudy_section .nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -15px 0 15px;
    background: #f5f5f5;
    padding: 35px 16px
}

.casestudy_section .nav li:after {
    content: '|';
    position: absolute;
    top: 6px;
    color: #000
}

.casestudy_section .nav-pills>li.active>a,
.casestudy_section .nav-pills>li.active>a:focus,
.casestudy_section .nav-pills>li.active>a:hover {
    color: #f5821f;
    background: 0 0
}

.casestudy_section .nav li a {
    margin: 5px;
    padding: 0 8px;
    font-size: 14px;
    color: #000;
    background: 0 0;
    transition-duration: .4s
}

.casestudy_section .tab-content {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.casestudy_section .nav .active {
    background: 0 0;
    color: #000
}

.portfolio_case #portfolio_study_data {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    transition-duration: .4s;
    border-radius: 5px;
    animation: .5s winanim;
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

.portfolio_case #portfolio_study_data li {
    display: inline-block;
    list-style-type: none;
    position: relative;
    overflow: hidden;
    text-transform: none;
    float: none;
    vertical-align: top;
    width: 24%;
    margin: 0 8px
}

.portfolio_case #portfolio_study_data li .app-icon {
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1
}

.portfolio_case #portfolio_study_data li .logo_web {
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: auto
}

.case_study_portfolio_bg {
    background: url(../images/case_study_bg.jpg) center/100% 100% no-repeat;
    width: 100%;
    display: inline-block;
    height: 221px
}

.case_study_portfolio_bg img.port_img {
    border-radius: 35px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    background: #fff;
    text-align: center;
    margin: auto;
    display: table;
    top: 21%;
    position: relative;
    width: 40%;
    transform: translateY(-10%)
}

.portfolio_desc {
    text-align: center;
    margin: 0 0 45px
}

.portfolio_desc h3 {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    padding: 0
}

.portfolio_desc h4 a {
    color: #000;
    font-weight: 600;
    font-size: 20px;
    margin: 0;
    text-decoration: none
}

.portfolio_desc p {
    font-size: 15px;
    line-height: 22px;
    margin: 10px 15px 0
}

.portfolio_desc span {
    font-size: 20px !important;
    font-weight: 600 !important;
    padding: 8px 0 0;
    display: inline-block;
    color: #f5821f !important
}

.portfolio_head h3 {
    color: #fff;
    margin: 0 0 15px;
    padding: 10px 185px 16px;
    position: relative;
    cursor: pointer
}

.portfolio_head #tech-img1,
.portfolio_head #tech-img1_second,
.portfolio_head #tech-img2,
.portfolio_head #tech-img2_second {
    position: absolute;
    right: 139px;
    top: 0
}

.portfolio_head #tech-img1 i,
.portfolio_head #tech-img1_second i,
.portfolio_head #tech-img2 i,
.portfolio_head #tech-img2_second i {
    font-size: 45px;
    color: #fff
}

.port_col_right {
    display: inline-block;
    width: 270px;
    float: right
}

.port_col_right .btn-warning {
    color: #fff;
    background-color: #686868;
    border-color: #686868;
    position: absolute;
    border-radius: 0 5px 5px 0;
    padding: 9px 15px;
    font-size: 16px;
    transition: .2s ease-in-out
}

.port_col_right .btn-warning:hover {
    color: #fff;
    background-color: #f5821f;
    border-color: #f5821f;
    transition: .2s ease-in-out
}

.port_col_right .input-group input.form-control {
    padding: 20px;
    border: 1px solid #fff
}

.port_col_right .input-group span {
    padding: 0 12px;
    font-size: 18px;
    color: #fff;
    background: #686868;
    border: 1px solid #686868
}

.port_col_right.search-icon .input-group input.form-control {
    padding: 10px 54px 10px 10px;
    border: 1px solid #fff;
    height: inherit;
    border-radius: 4px;
    box-shadow: none
}

.port_col_right.search-icon .input-group .btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    padding: 8px 12px;
    font-size: 18px;
    color: #fff;
    background: #686868;
    border: 1px solid #686868
}

.port_col_right.search-icon .input-group {
    margin-top: 2px
}

@keyframes winanim {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.portfolio_search {
    background: #000;
    display: inline-block;
    width: 100%;
    padding: 10px 184px
}

.port_col_left {
    display: inline-block;
    color: #fff;
    padding: 2px 0
}

.case_study_portfolio_desktop {
    background: url(../images/screen-desktop-bg.png) 0 0/100% 100% no-repeat;
    width: 100%;
    display: inline-block;
    padding: 3.2% 18.5% 13%;
    height: 246px
}

.case_study_portfolio_desktop img.port_img,
.spotlight-portfolio_desktop img.port_img {
    width: 100%;
    height: 90%;
    margin: 6px 0
}

.portfolio_case .pagination_part {
    padding: 0;
    margin: 0 0 30px;
    text-align: center
}

.portfolio_case .pagination_part a.first {
    border: 1px solid #b3b3b3;
    border-radius: 5px 0 0 5px;
    padding: 10px 16px;
    font-size: 14px;
    margin: 0;
    display: inline-block
}

.portfolio_case .pagination_part a.last {
    border-radius: 0 5px 5px 0
}

.portfolio_case .pagination_part a.prev {
    border-left: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
    border-radius: 0;
    padding: 10px 16px;
    font-size: 14px;
    margin: 0;
    display: inline-block
}

.portfolio_case .pagination_part a.page.current {
    background-color: #f5821f;
    color: #fff;
    padding: 10px 16px
}

.portfolio_case .pagination_part a {
    border-right: 1px solid #b3b3b3;
    border-radius: 0;
    padding: 10px 16px;
    font-size: 14px !important;
    display: inline-block;
    color: #b3b3b3;
    border-top: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3
}

.portfolio_case .pagination_part a.disabled {
    pointer-events: none
}

.start_up_title_head {
    text-align: center;
    width: 900px;
    margin: 0 auto;
    max-width: 100%
}

.start_up_panel h2.title-heading {
    font-weight: 700;
    color: #000
}

.start_up_panel p {
    line-height: 26px;
    margin: 0;
    text-align: center
}

.slide_panel .owl-carousel .owl-nav.disabled button.owl-next span,
.slide_panel .owl-carousel .owl-nav.disabled button.owl-prev span,
a.adv_km_btn {
    line-height: 15px
}

.start-up_process {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 40px 0 0
}

.limiter,
.limiter table {
    width: 100%;
    margin: 0 auto
}

.start-up_process .start-up_process_coll {
    width: 29%;
    display: flex;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    padding: 0 26px;
    margin: 0 15px 40px;
    min-height: 240px;
    align-items: center
}

.start-up_process .start-up_process_coll h3 {
    font-size: 28px;
    margin: 0 0 20px
}

.start-up_process_coll.start-up_process_coll_desc {
    display: inline-block;
    padding: 94px 12px
}

.start-up_process.start_up_partner {
    margin: inherit;
    padding: 50px 107px
}

.start-up_process.start_up_partner h2.title-heading {
    margin: 0 0 40px;
    text-align: center;
    color: #fff
}

.limiter .container-table100 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 33px 30px
}

.limiter .wrap-table100 {
    width: 1621px
}

.limiter table {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    border-radius: 0;
    overflow: hidden;
    position: relative
}

.limiter table td,
table th {
    padding-left: 8px;
    text-align: center;
    border-right: 3px solid #fff
}

.limiter table thead tr {
    height: 60px;
    background: #000
}

.limiter table tbody tr {
    height: 50px;
    color: #f5821f;
    font-size: 18px
}

.limiter table tbody tr:last-child {
    border: 0
}

.limiter table td.l,
.new-contact-form-ds li.lst-child,
.ocean_content_desc,
.t-right,
table th.l {
    text-align: right
}

.limiter .table100-head th {
    font-size: 22px;
    color: #fff;
    line-height: 1.2;
    font-weight: 600;
    padding: 35px 0;
    width: 20%
}

.limiter tbody tr:nth-child(2n) {
    background-color: #c0c6d8
}

.limiter tbody tr {
    font-size: 15px;
    color: grey;
    line-height: 1.2;
    font-weight: unset;
    background: #e7eaf0
}

.limiter tbody tr:hover {
    color: #555;
    background-color: #f5f5f5;
    cursor: pointer
}

.limiter .column1 {
    width: 260px;
    padding-left: 40px;
    text-align: left;
    font-weight: 600
}

.limiter .column2 {
    width: 160px;
    font-weight: 600
}

.limiter .column3 {
    width: 245px
}

.limiter .column4 {
    width: 110px;
    text-align: center
}

.limiter .column5 {
    width: 170px;
    text-align: center
}

.limiter .column6 {
    width: 222px;
    text-align: right;
    padding-right: 62px
}

.startup_partner .start_up_partner_col {
    border: 4px solid #fff;
    color: #fff;
    min-height: 300px;
    padding: 20px 25px;
    width: 100%
}

.start_up_partner_col {
    width: 22%;
    display: inline-block;
    text-align: center;
    color: #000;
    border-radius: 0;
    padding: 10px 26px;
    margin: 0 22px 40px;
    border: 2px solid #000;
    height: 230px
}

.table2 tr.table100-head th.column1.column1_one {
    width: 4.2%
}

.inner_requares_field_panel h4 {
    color: #ed0000;
    font-weight: 600;
    margin: 0 0 25px
}

.inner_requares_field_panel h4 span {
    display: block;
    color: #000;
    margin: 12px 0 0
}

.inner_requares_field_panel h4 span sup {
    color: #ed0000
}

.inner_requares_form_item,
section.organic-social-media {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.inner_requares_form_item span.md-input-text-bar,
.msg_seo_box.msg_Seo_services span.md-input-text-bar,
.seo_kick_inner span.md-input-text-bar {
    background-color: #969393
}

.inner_requares_form_item .md-form-control {
    width: 32%;
    margin: 0 0 40px
}

.loe_terms_panel h3 span {
    font-style: italic
}

.loe_terms_panel h3,
.talkpopup-close .clostalk-popup {
    color: #000;
    font-size: 22px
}

.loe_terms_panel_inner {
    background: #f4f4f4;
    padding: 20px 11px;
    min-height: 400px;
    height: 400px;
    overflow-y: scroll;
    margin: 40px 0 20px
}

.loe_terms_panel_inner ol {
    padding: 0 28px;
    color: #000;
    font-size: 16px
}

.loe_terms_panel_inner ol li {
    margin: 0 0 12px
}

.start_up_panel p.loe_checkbox {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    position: relative;
    margin: 35px 0 0;
    text-align: left;
    padding: 0 0 15px 30px;
    line-height: 20px
}

.start_up_panel p.loe_checkbox input {
    position: absolute;
    margin: 4px 0 0 -24px
}

.requared_below_code .md-form-control img {
    margin: 40px 0 20px
}

.inner_requares_form_item.requared_below_code {
    display: inline-block;
    margin: 0 0 40px;
    width: 100%
}

a.submit_below_btn.form_submit {
    float: none;
    margin: auto;
    display: inline-block
}

.btn_loe_below,
.gartner_panel ol.terms_point {
    margin: 11px 0 0
}

p.expect_loe {
    font-size: 24px;
    color: #000
}

p.expect_loe span {
    display: block;
    font-weight: 700;
    padding: 8px 0 0
}

.last_btm_panel {
    background: #fbfbfb;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 72px;
    padding-bottom: 72px
}

.last_btm_panel_col {
    width: 45%;
    display: flex
}

.last_btm_panel_col_img {
    margin: 0 15px 20px 0
}

.last_btm_panel_col_img img {
    width: 100%;
    display: inline-block;
    margin: 0 25px 0 0
}

.last_btm_panel_col_right {
    width: 50%;
    text-align: center;
    padding: 0 90px
}

.last_btm_panel_col_right h3 {
    font-size: 36px;
    color: #000;
    margin: 0 0 24px
}

a.adv_km_btn,
a.adv_km_btn:hover {
    color: #fff;
    transition: .2s ease-in-out;
    text-decoration: none
}

a.adv_km_btn {
    width: 100%;
    text-align: center;
    float: none;
    background: #fe9601;
    max-width: 100%;
    display: inline-block;
    font-size: 24px;
    padding: 22px
}

.cookie_box p,
.google_rae p {
    line-height: 30px
}

.Prose a,
.ds-bloginfo span a :hover {
    text-decoration: underline
}

a.adv_km_btn:hover {
    background: #203667
}

p.expertdots {
    float: right;
    width: 85%
}

p.expertdots strong {
    margin: 0 0 15px;
    display: block
}

body.stop-scrolling .sweet-alert.showSweetAlert.visible {
    z-index: 9999
}

.inner_requares_form_item.competition_form .md-form-control,
.payment_form_item .md-form-control {
    width: 48%
}

.inner_requares_form_item.payment_form_item .md-form-control.md-form-payment {
    width: 100%;
    margin: 0 0 40px
}

.inner_requares_form_item.payment_form_item .md-form-control.md-form-payment textarea {
    height: 200px;
    resize: none
}

.payment_form_item p {
    width: 100%;
    margin: 23px 0 0;
    color: #aba7a7;
    font-size: 16px
}

.gartner_panel ul.contlink2 ol.terms_pointsli li {
    list-style-type: upper-roman
}

.ds-ind-travel ul.solution-list>li,
.terms .terms_panel .start_up_panel li {
    background: 0 0;
    padding: 0
}

.gartner_panel ul.contlink2 ol.terms_listnone li p.onenone {
    position: relative;
    left: -15px
}

.goole_accistant ul.contlink2,
.travel_panel .courses-tab {
    margin: 25px 0 0
}

.goole_accistant ul.contlink2 li {
    font-size: 15px;
    list-style: none;
    margin: 0 0 11px;
    background: url(../images/gryrndarw.png) left 7px no-repeat;
    padding: 0 0 0 26px;
    font-family: 'Segoe UI Symbol' !important
}

.goole_accistant .box-header {
    line-height: normal;
    font-weight: 600;
    letter-spacing: 0;
    color: #000;
    margin: 24px 0 15px;
    font-size: 18px !important
}

.goole_accistant a {
    color: #f5821f;
    font-weight: 700
}

.goole_accistant p,
.power-php-text.text-size h2.title-heading {
    margin: 0 0 15px;
    text-align: left
}

.google_rae p:first-child {
    line-height: 24px;
    margin: 0 0 11px
}

.gartner_panel h3.box-header {
    margin: 18px 0;
    display: inline-block
}

.gartner_panel ul.contlink2 {
    margin: 14px 0 20px
}

p.gartner_main_line {
    color: #f5821f;
    font-style: italic
}

.cookie_box p {
    font-size: 20px
}

.start-up_process.cookie_box {
    padding: 0 70px
}

.cookie_panel p span {
    display: block;
    color: #000;
    font-weight: 700;
    line-height: 12px;
    margin: 15px 0 0
}

h2.title-heading.heading-top {
    margin: 0 0 22px
}

.title-pragraph-section_refer p,
section.choose-us-because-section h2.title-heading {
    text-align: center;
    margin: 0 0 30px
}

.loyalty_panel_img,
.msg_Seo_services .md-form-control,
.referral_panel_img,
.start_partnership_right.web-partner_point ul li {
    margin: 0 0 45px
}

.loyalty_panel_img img,
.referral_panel_img img {
    border: 2px solid #fff;
    box-shadow: 0 0 6px 3px #dad5d5;
    margin: 0 0 22px;
    width: 100%
}

.refer_inner {
    background: #f5f5f5;
    float: left;
    width: 100%;
    display: inline-flex;
    align-items: center;
    margin: 15px 0 0
}

.refer_inner p {
    font-size: 24px;
    line-height: 42px;
    padding: 0 60px 0 90px;
    text-align: justify
}

.refer_inner .md-form-control label {
    position: absolute;
    left: 0;
    transition: .2s;
    font-size: 18px;
    font-weight: 400;
    color: #fff
}

.refer_inner textarea.tex-area-box {
    border: none;
    background: 0 0;
    color: #fff;
    width: 100%;
    height: 142px;
    margin: 28px 0 0;
    padding: 9px 0;
    resize: none;
    font-size: 16px
}

.refer_inner .md-form-control .md-input-text {
    color: #fff;
    font-size: 16px
}

.refer_form {
    background: url(../images/refer_content.jpg) center/cover no-repeat;
    padding: 98px 0
}

.refer_form:before {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, .7);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

input.refer_btn {
    background: #f5821f;
    z-index: 9;
    position: relative;
    color: #fff;
    font-size: 28px;
    border: 2px solid #f5821f;
    padding: 0 40px 7px;
    text-transform: capitalize;
    transition: .2s ease-in-out
}

.refer_inner .md-form-control {
    position: relative;
    margin-top: 25px;
    margin-bottom: 48px
}

.referral-content .title-pragraph-section {
    display: inline-block;
    width: 100%;
    margin: 40px 0
}

.digital_marketing.contect {
    background: #f8f6f7;
    margin: 0;
    padding: 55px 0 0
}

.tech-slide-panal.contest img {
    float: right;
    width: 80%
}

.google_store {
    display: inline-block;
    margin: 0 10px 0 0
}

.quiz_panel {
    color: #fff;
    background: #686868;
    text-align: center;
    padding: 20px;
    font-size: 30px;
    font-family: Lato !important;
    font-weight: 700
}

.form_quiz {
    width: 100%;
    display: inline-block;
    background: #ebebeb;
    padding: 40px 0
}

.form_quiz .form_quiz_inner {
    width: 50%;
    margin: auto
}

.form_quiz .inputGroup input {
    width: 32px;
    height: 32px;
    order: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    visibility: hidden;
    position: absolute;
    right: 45px;
    top: 42%
}

.form_quiz .inputGroup label {
    padding: 12px 30px;
    width: 100%;
    display: block;
    text-align: left;
    color: #fff;
    cursor: pointer;
    position: relative;
    z-index: 2;
    transition: color .2s ease-in;
    overflow: hidden;
    background: #f5821f;
    margin: 15px 0 0;
    font-size: 24px
}

.form_quiz .inputGroup label:before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: '';
    background-color: #000;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transition: .3s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    z-index: -1
}

.form_quiz .quiz label>span {
    color: #fff;
    font-size: 25px;
    font-weight: 700
}

.form_quiz .inputGroup input:checked~label:after {
    background-color: #f5821f;
    border-color: #f5821f;
    font-size: 18px;
    color: #fff;
    padding: 3px 5px
}

.form_quiz .inputGroup label:after {
    width: 32px;
    height: 32px;
    content: '';
    font-size: 0;
    font-family: fontawesome;
    border: 2px solid #d1d7dc;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 2px 3px;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    transition: .2s ease-in
}

.form_quiz .inputGroup input:checked~label:before {
    -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
    transform: translate(-50%, -50%) scale3d(56, 56, 1);
    opacity: 1
}

.form_quiz span.quiz-item-label {
    color: #fff;
    font-size: 24px
}

.form_quiz .form_quiz_inner p {
    text-align: center;
    font-weight: 600;
    display: inline-block;
    width: 100%;
    white-space: pre-line;
    line-height: 24px;
    color: #2a2a2a;
    margin: 40px 0 30px
}

.competition_form .submit .refer_btn,
.msg_Seo_inner .less_more .refer_btn {
    background: #000;
    border: none
}

.inner_requares_form_item.competition_form a.view_button {
    border: 1px solid #000;
    color: #000;
    margin: auto
}

.inner_requares_form_item.competition_form a.view_button:hover,
.step-section-inner li:hover {
    border: 1px solid #f5821f
}

.digital_content.competitions_contant h2 {
    font-size: 24px !important;
    line-height: 30px
}

.seo_ppc_paid label {
    font-size: 16px;
    margin: 0 12px 10px 0;
    width: 100%
}

.seo_ppc_paid h5 {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin: 0 15px 0 0
}

.seo_ppc_paid {
    margin: 24px 0 45px
}

.msg_seo_box .md-form-control {
    display: inline-block;
    width: 49%
}

.msg_seo_box .md-form-control textarea.tex-area-box.md-input-text {
    height: 200px;
    color: #000;
    padding: 18px 0;
    border: none
}

.msg_seo_box.msg_Seo_services {
    background: #ebebeb;
    padding: 60px 107px 35px;
    margin: 0 0 18px
}

.msg_Seo_inner {
    background: #ebebeb;
    padding: 50px 0
}

.msg_Seo_inner h4 {
    margin: 0 0 5px
}

.msg_Seo_inner p strong {
    color: #757575
}

.msg_Seo_inner .less_more {
    margin: auto;
    display: table;
    padding: 37px 0 0
}

.seo_kick_inner label {
    color: #b3b3b3
}

.gartner_panel ul.contlink2 .terms_inner {
    margin: 10px 0 30px 38px
}

.gartner_panel ul.contlink2 ol li h4 {
    line-height: normal;
    font-weight: 600 !important;
    letter-spacing: 0;
    color: #000;
    position: relative;
    margin-bottom: 15px
}

.ds-blogcontent h3:after,
.gartner_panel ul.contlink2 ol li h4:after,
.microsoft_net strong:after,
.open_sourse_shopify h2:after,
.running.download_pdf h2.box-header::after,
.wordpress_crm_panel h2.box-header:after {
    background: #f5821f;
    content: "";
    display: block;
    height: 2px;
    margin-top: 13px;
    width: 40px
}

.gartner_panel ul.contlink2 ol {
    padding: 0 0 0 20px
}

.gartner_panel ul.contlink2 ol li {
    list-style-type: decimal;
    background: 0 0;
    padding: 0 0 0 5px;
    font-family: 'Segoe UI Symbol' !important
}

.gartner_panel ul.contlink2 ol li strong.privacy_head_txt {
    display: inline-block;
    width: 100%;
    padding: 0 0 7px;
    color: #000;
    margin: 15px 0;
    font-size: 18px;
    font-family: Lato !important
}

.gartner_panel ol.terms_point li {
    list-style-type: upper-roman !important
}

.casestudies-banner {
    position: relative;
    z-index: 99
}

.case-studes-banner-overlay {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.case-studes-banner-overlay h1 {
    margin: 0;
    padding: 0;
    color: #fff;
    text-transform: capitalize;
    font-size: 80px;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.case-studes-banner-overlay p {
    font-size: 23px;
    line-height: 36px;
    color: #fff;
    max-width: 650px;
    padding-top: 25px
}

.case-studes-banner-overlay select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.case-studes-banner-overlay select,
.custom-select select {
    padding: 14px 50px 14px 0;
    width: 460px;
    border: none;
    background: url(../images/drop-arrow-case-studesi.png) right center no-repeat;
    border-bottom: 1px solid #fff;
    margin-top: 25px;
    font-size: 20px;
    color: #fff;
    font-family: 'Segoe UI';
    font-weight: 600;
    letter-spacing: 2px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.case-studes-banner-overlay select option,
.custom-select select option {
    color: #fff;
    background: #000;
    font-weight: 600
}

.casestudies-container {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 100%;
    z-index: 0;
}

.casestudy-imgbox {
    width: 50%;
    height: auto;
    position: relative
}

.casestudy-imgbox img {
    width: 100%;
    height: 100% !important;
    object-fit: cover
}

.casestudy-textbox {
    width: 50%;
    background: #faf6f6;
    padding-right: 5vw;
    padding-top: 9vh
}

.casestudy-textbox-inner {
    background: #fff;
    display: inline-block;
    padding: 0 0 30px 2vw;
    box-sizing: border-box;
    height: 100%;
    z-index: 99;
    position: relative
}

.casestudy-textbox-inner h2 {
    color: #050304;
    margin: 21px 0 0;
    font-size: 4.2vw;
    line-height: .8;
    padding: 0;
    text-transform: uppercase
}

.casestudy-imgbox .casestudies-overlay-logo img {
    width: 250px;
    height: auto !important
}

.casestudies-overlay-logo {
    position: absolute;
    width: 100%;
    height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(247, 131, 32, .5);
    left: 0;
    transition: .3s;
    bottom: 0;
    flex-direction: column
}

.casestudy-imgbox:hover .casestudies-overlay-logo {
    top: 0;
    height: 100%
}

.company-listing {
    width: 100%;
    padding-top: 50px;
    display: inline-block;
    margin-bottom: 30px
}

.casestudy-listing li,
.company-listing li {
    list-style: none;
    width: 40%;
    float: left
}

.casestudy_slider_panel .casestudy_slider_content ul.casestudy_company-listing li span.client-tittle,
.company-listing li .client-tittle {
    color: #f5821f;
    display: block;
    line-height: normal;
    font-family: 'Segoe UI';
    font-weight: 600;
    font-size: 26px
}

.company-listing li .client-dec {
    color: #050304;
    display: block;
    line-height: normal;
    font-family: 'Segoe UI';
    font-weight: 600;
    font-size: 22px
}

a.case-study-inner {
    font-size: 14px;
    letter-spacing: 1px;
    background: #fff;
    border: 1px solid #000;
    color: #000;
    padding: 8px 18px;
    border-radius: 6px;
    font-weight: 600;
    font-family: 'Segoe UI';
    transition: .3s;
    text-transform: uppercase;
    margin: 8px 0 0;
    display: inline-block
}

a.case-study-inner:hover {
    background: #f5821f;
    color: #fff;
    border-color: #f5821f
}

.custom-select {
    position: relative;
    max-width: 460px
}

.select-selected {
    background-color: transparent;
    position: relative
}

.select-items div,
.select-selected {
    padding: 14px 50px 14px 0;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, .1);
    cursor: pointer;
    border-bottom: 1px solid #fff;
    max-width: 460px;
    font-size: 20px;
    color: #fff;
    font-family: 'Segoe UI';
    font-weight: 600;
    letter-spacing: 2px
}

.select-selected::after {
    background: url(../images/drop-arrow-case-studesi.png) right center no-repeat;
    transition: .3s;
    width: 17px;
    height: 10px;
    display: block;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto
}

.fullfilment .industry .slick-prev:before,
.select-selected.select-arrow-active::after {
    transform: rotate(180deg)
}

.select-items div {
    padding: 10px 15px
}

.select-items {
    position: absolute;
    background-color: #000;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99
}

.same-as-selected,
.select-items div:hover {
    background-color: rgba(0, 0, 0, .1)
}

.ds-blogtag {
    position: absolute;
    color: #fff;
    padding: 5px 35px;
    background: rgba(0, 0, 0, .7);
    bottom: 0;
    left: 0;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize
}

.ds-bloginfo {
    margin: 25px 0;
    line-height: normal
}

.ds-blogcontent,
.ds-blogcontent p span {
    font-family: 'Segoe UI Symbol';
    line-height: 26px
}

.ds-bloginfo span,
.ds-bloginfo span a {
    font-size: 20px;
    font-weight: 400;
    font-style: normal
}

.ds-bloginfo span a {
    color: #f5821f;
    text-decoration: none
}

.ds-blogcontent {
    margin-top: 10px
}

.ds-blogcontent img.img-responsive.dsw-100 {
    margin: 15px auto
}

.ds-blogcontent ul {
    margin: 0 0 0 22px;
    display: inline-block
}

.ds-blogcontent p img {
    width: auto;
    margin: 25px 25px 25px 0;
    max-width: 80%;
    height: auto;
    display: block
}

.ds-blogcontent p img[align=center] {
    margin-left: auto;
    margin-right: auto
}

.ds-blogcontent h3 {
    font-size: 20px;
    color: #000;
    margin-bottom: 15px;
    padding: 0;
    line-height: normal;
    font-weight: 600;
    margin-top: 10px
}

.ds-moreblog .ds-blogcontent h3 {
    font-size: 24px;
    white-space: normal;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    min-height: 79px
}

.blog-recent p,
.ds-moreblog .ds-blogcontent p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    white-space: normal;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.ds-blogcontent h2.box-header {
    color: #f5821f;
    font-size: 15px;
    margin: 0
}

.ds-blogcontent h2 {
    margin-bottom: 10px
}

.ds-blogcontent h4 {
    font-size: 17px
}

.ds-blogcontent h2 a {
    font-size: 20px;
    color: #000
}

.ds-blogcontent p {
    margin: 20px 0;
    line-height: 20px
}

.ds-blogcontent p strong,
.extention_team.case_detail.shildpay_sec.club_result_text p span,
.fullfilment .global-presence p span,
.vorbestell_client_text .vorbestell_client_text_inner span {
    color: #f5821f;
    font-weight: 600
}

.ds-blogcontent ul.contlink li a {
    font-size: 15px;
    line-height: 28px
}

.ds-blogcontent a,
.ds-blogcontent p a {
    font-size: 15px;
    font-weight: 600;
    color: #f5821f
}

.btn-loadmore,
.btn-loadmore i {
    font-size: 14px
}

.btn-loadmore {
    color: #000;
    margin-top: 15px;
    margin-bottom: 30px;
    font-weight: 600;
    display: inline-block;
    padding: 8px 18px;
    border: 2px solid #000;
    border-radius: 6px;
    transition: .3s ease-in-out
}

.btn-loadmore:hover {
    color: #fff !important;
    border-color: #f5821f;
    border-radius: 6px;
    background: #f5821f
}

table.pros tr td,
table.pros tr th {
    width: 50%;
    border-right: 2px solid #000;
    padding: 10px 15px
}

.ds-blogcontent ul.social-page,
.hosting_point ul {
    margin: 15px 0 0
}

.btn-loadmore i,
.ds-blogcontent .btn-disoverm i {
    vertical-align: middle;
    margin-top: -5px;
    margin-left: 15px
}

.ds-blogcontent ul.social-page li {
    display: inline-block;
    margin: 0 5px 0 0
}

.ds-blogcontent ul.social-page li a {
    font-size: 13px;
    background: #f5821f;
    color: #fff;
    width: 27px;
    display: inline-block;
    text-align: center;
    border-radius: 50px
}

.ds-blogcontent ul.contlink.magento_adi_point,
.ds-blogcontent ul.contlink.social_service_point,
.ds-blogcontent ul.contlink.socil_service_point {
    margin: 11px 0 25px;
    padding: 0
}

.ds-blogcontent .btn-disoverm {
    font-size: 36px;
    color: #000;
    margin-top: 60px;
    font-weight: 600;
    display: inline-block
}

.ds-blogcontent .btn-disoverm i {
    font-size: 24px
}

.ds-moreblog {
    margin-top: 90px
}

.ds-moreblog .ds-blogcontent p {
    min-height: 60px;
    color: #000
}

.ds-blogrignt {
    background: #f2f2f2;
    border-top: 10px solid #f5821f;
    padding: 0 50px
}

.mtb-40 {
    margin: 40px 0 0;
    padding-bottom: 40px
}

.blog-recent h3 {
    color: #000;
    margin: 25px 0
}

.blog-recent p {
    color: #242222;
    padding: 0 15px;
    line-height: 26px;
    margin-bottom: 25px
}

.blog-alexa .btn-news,
.blog-gassist .btn-news,
.blog-recent .btn-news {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 30px;
    border-radius: 10px
}

.blog-alexa .btn-news:hover,
.blog-gassist .btn-news:hover,
.blog-recent .btn-news:hover {
    color: #f5821f;
    background: 0 0;
    box-shadow: 0 0 0 2px #f5821f inset
}

.vertical-menu li a {
    background: 0 0;
    color: #6a6a6a;
    font-size: 18px;
    display: block;
    line-height: 24px;
    padding: 18px 18px 18px 19px;
    border: 1px solid #aaa7a7;
    list-style: none;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 600;
    position: relative
}

.vertical-menu li a span:after {
    font-family: FontAwesome;
    font-size: 18px;
    position: absolute;
    right: 18px
}

.template-arrow-menuphone::after {
    content: "\f095"
}

.template-arrow-menu::after {
    content: "\f0f6"
}

.template-arrow-menuenvlop::after {
    content: "\f0e0"
}

template-arrow-circle-down::after {
    content: "\f15b"
}

.blog-alexa img,
.blog-gassist img {
    margin: 0 auto;
    padding: 50px 0 15px
}

.blog-alexa p,
.blog-gassist p {
    font-size: 20px;
    font-size: 500;
    color: #333;
    margin: 30px 0
}

p.ds-update {
    font-size: 14px;
    color: #666;
    margin: 10px 0 0
}

.ds-moreblog.row {
    padding-top: 0;
    margin-top: 0
}

.ds-lined {
    border-top: 1px dotted #ddd;
    padding-top: 35px;
    display: block;
    margin-top: 35px
}

.ds-moreblog.row .response .morepost .ds-mobwrap img {
    width: 100%;
    height: auto !important
}

ul.list-inline.ds-blogtab {
    position: relative;
    margin: 0;
    bottom: 50px
}

.ds-blogtab {
    margin: 40px 0 0;
    text-align: center
}

.ds-blogtab li {
    margin-right: 30px;
    text-align: center
}

.ds-blogtab li a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    transition: .3s ease-in-out;
    font-weight: 600;
    position: relative
}

.ds-blogtab li a.selected::after,
.ds-blogtab li a:hover::after {
    background: #f5821f;
    content: "";
    display: block;
    height: 2px;
    margin-top: 13px;
    width: 100%
}

.ds-mobwrap {
    margin-bottom: 50px;
    float: left
}

.blog_news_follow {
    display: inline-block;
    width: 100%;
    max-width: 100%
}

.blog_list_team ul li {
    font-size: 18px;
    color: #f5821f;
    font-weight: 700
}

.blog_list_team ul li p {
    color: #000;
    margin: 4px 0 20px
}

h2.head_blogone {
    font-size: 24px;
    font-weight: 900 !important
}

.magen_exten {
    height: 530px
}

.magen_exten p,
.our-process-section .process-box .inner {
    padding: 15px
}

.magen_exten p img.img-responsive {
    width: 100%;
    max-width: 100%;
    margin: 0
}

.magen_exten .caption .caption-text {
    padding: 0 15px 15px
}

.magen_exten .caption .caption-text .cap-button a.btn.btn-default {
    background: #000;
    color: #fff;
    margin: auto
}

.ds_blog_inner_sec {
    margin: 20px 0;
    display: inline-block
}

.ds-blogcontent .ds_blog_inner_sec h3 {
    color: #f5821f;
    text-transform: capitalize
}

.ds-blogcontent .ds_blog_inner_sec h3:after {
    background: 0 0;
    margin: 0;
    height: auto
}

.ds_blog_inner_sec .ds_blog_inner_sec a {
    word-break: break-all;
    display: block
}

.features-img {
    text-align: center;
    margin: 20px 0 0
}

.features-img p {
    font-weight: 600;
    font-size: 18px
}

.features-img p img {
    margin: auto;
    display: table;
    width: auto !important
}

h3.sec-heading {
    min-height: auto !important;
    margin-bottom: 15px !important
}

.future-web .reas-pyth.omni2 ul {
    margin-bottom: 18px;
    display: inline-block
}

.future-web .reas-pyth.omni2 ul li {
    width: 100%;
    margin: 0
}

ul.ecom-hypersonic li {
    font-size: 15px;
    margin: 0 0 6px;
    list-style-type: disc !important;
    width: 100%;
    font-weight: 400
}

.logo>a {
    display: block;
    z-index: 999;
    position: relative
}

.news_content h3 {
    white-space: normal;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    min-height: 60px;
    font-size: 20px
}

p.news-item__blurb {
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis
}

.ds-csdetail-wrap {
    background: url(../images/cs-detail-bg-1.html) right 73px no-repeat
}

.ds-case-clisting {
    float: left;
    width: 100%;
    clear: both;
    margin: 65px 0;
    padding: 0
}

.TextBlock span.ds-csdetail-title {
    display: block;
    color: #f5821f;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    padding-top: 15px;
    margin-bottom: 10px
}

.TextBlock h3 {
    font-size: 26px !important
}

.TextBlock .u-underline {
    background-image: linear-gradient(transparent 60%, #ffda69 60%, #ffda69 85%, transparent 85%, transparent 100%)
}

.TextBlock {
    padding: 0 1rem;
    margin: 0 auto;
    max-width: 646px
}

.Prose {
    -webkit-font-smoothing: antialiased;
    color: #505050;
    margin-top: 55px;
    margin-bottom: 55px
}

.Prose p {
    margin-bottom: 34px;
    font-size: 16px;
    line-height: 32px
}

.Prose p strong,
.grow_sec.process_expertise_two .extention_arrow-right p strong,
.maintain_sec.build_work.process_expertise_one .extention_arrow-left p strong,
.testimonial_company.author h3,
h4.headforce a {
    font-size: 18px
}

.TextBlock--brush {
    background: url(../images/grey-brush-bg.html) 0 0/100% 100% no-repeat;
    position: relative
}

.TextBlock--brush::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/orange-arrow.html) no-repeat;
    width: 31px;
    height: 99px;
    margin: 0 auto
}

.TextBlock.Prose {
    padding: 45px 0 95px
}

.TextBlock.Prose h2,
.expertise_shildpay.ds_portfolionw .expertise_inner_text_inner h3 {
    font-size: 40px
}

.Prose a {
    color: #f5821f
}

.Prose a:hover {
    text-decoration: none
}

.ImageBlock img,
.arvr img {
    margin: 0 auto
}

table.pros {
    border: 2px solid #000;
    background-color: #fff;
    border-collapse: inherit;
    margin: 0 0 25px
}

.modetl-project-table table,
.table-info-rate table {
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed
}

table.pros tr {
    border-bottom: 2px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0
}

table.pros tr th {
    display: inline-block;
    text-align: left;
    font-size: 18px
}

table.pros tr td {
    height: 100%
}

.extention_team.case_detail {
    background: #000;
    padding: 0;
    margin: 0
}

.casestudy_testimonial .extention_col_left,
.extention_team.case_detail .extention_col_left,
.extention_team.case_detail.quotes.holiday_ppc .extention_col_left,
.extention_team.case_detail.quotes.restro_quotes_panel .extention_col_left,
.strategic_ppc .extention_col_left {
    padding: 0 40px 0 368px
}

.extention_team.shildpay_sec .extention_col_left {
    padding: 0 40px !important
}

.extention_team.case_detail h2 {
    color: #fff;
    white-space: pre-line;
    margin: 0 0 21px;
    font-size: 48px
}

.extention_team.case_detail p {
    margin: 11px 0 50px;
    font-weight: 300;
    font-style: italic;
    font-size: 18px;
    line-height: 1.6
}

.maintain_sec .extention_col_right p.design_content,
p.client_detail_head {
    font-size: 22px
}

.extention_team.case_detail li {
    font-size: 20px;
    color: #f5821f;
    list-style: none;
    font-weight: 600
}

.extention_team.case_detail li span {
    color: #fff;
    font-weight: 400
}

.extention_team.case_detail.quotes .extention_col_right img,
.ios_app_sec .extention_col_right img {
    width: 100%;
    border: none
}

p.quotes_msg:after,
p.quotes_msg:before {
    width: 125px;
    position: absolute;
    bottom: 0;
    float: left;
    display: none;
    height: 206px;
    content: ''
}

.extention_team.shild_back {
    background: 0 0;
    padding-bottom: 65px;
    padding-left: 0
}

.extention_team.shild_back p {
    font-style: normal;
    color: #000;
    margin: 18px 0 11px
}

.extention_team.case_detail ul,
ul.shildpay_point_back {
    margin: 10px 0
}

.extention_team.shild_back li {
    list-style: disc inside
}

.extention_team.shildpay_sec {
    padding: 0;
    background: #f5821f;
    margin-top: 0
}

.extention_team.shildpay_sec .extention_col_right img {
    border: none;
    float: left;
    width: 100%
}

.extention_team.shildpay_sec h2,
h2.design_head {
    color: #fff;
    margin: 0 0 7px
}

.extention_team.case_detail.quotes.holiday_ppc p,
.extention_team.shildpay_sec p,
.ios_app_sec .extention_col_left p,
.strategic_ppc .extention_col_left p {
    font-style: normal;
    margin: 0 0 15px
}

.dpc_panel_inner {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch
}

.content-dps {
    width: 40%;
    text-align: left;
    margin-bottom: 0;
    vertical-align: top;
    display: flex;
    display: -ms-flexbox;
    padding: 0 38px 0 0
}

.content-dps span {
    font-size: 78px;
    float: left;
    font-weight: 700;
    line-height: 67px
}

.content-dps p {
    line-height: 30px;
    margin: 0;
    padding-left: 15px
}

.extention_team.case_detail p.quotes_msg {
    text-align: left;
    width: 65%;
    margin: auto !important
}

p.quotes_msg:before {
    background: url(../images/quotes_case.png) 0 0/45px no-repeat;
    top: -22px;
    left: 14%
}

p.quotes_msg:after {
    background: url(../images/quotes_case_btm.png) 0 0/45px no-repeat;
    top: 100%;
    right: inherit
}

.shildpay_result_panel {
    margin: 24px 0 44px;
    color: #fff;
    width: 100%;
    padding: 40px 0 0
}

.shildpay_result_panel_inner {
    margin: 45px 75px 0 0
}

.shildpaymobile {
    height: 205px;
    width: 250px;
    float: left;
    margin: 0 60px 0 0;
    z-index: 999;
    position: relative
}

.result_content_panel {
    background: #f5821f;
    width: 100%;
    padding: 40px 0;
    display: inline-block;
    position: relative;
    top: 4px;
    margin: -4px 0 -1px
}

.result_inner {
    margin: 0 75px 0 311px;
    float: right
}

.result_content_panel p {
    color: #fff;
    line-height: 30px
}

.result_content_panel h2 {
    margin: 0 0 20px;
    color: #fff
}

a.case_btn_contant {
    border: 1px solid #fff;
    font-size: 14px;
    padding: 8px 18px;
    display: inline-block;
    color: #fff;
    font-weight: 600;
    margin: 60px 0 0 !important;
    border-radius: 6px;
    text-transform: uppercase
}

a.case_btn_contant:hover {
    background: #fff;
    transition: .2s ease-in-out;
    border: 1px solid #fff;
    color: #000
}

.result_inner a.view_button {
    margin: 16px 0;
    float: left;
    border: 1px solid #fff
}

.home_vorbest_call .home_chat a.view_button.touch_btn,
.result_inner a.view_button:hover,
.technology-banner .text-right form#contact_form button {
    color: #fff;
    border: 1px solid #fff
}

.cs_ocean {
    background: 0 0;
    padding: 40px 0;
    display: flex;
    align-items: center
}

.cs_ocean .extention_col_left,
.extention_team.case_detail.quotes.holiday_ppc {
    padding: 0;
    margin-top: 0
}

.cs_ocean .extention_col_left p {
    margin: 18px 0 11px;
    line-height: 25px;
    color: #000
}

ul.shildpay_point_back li {
    font-size: 20px;
    color: #f5821f;
    list-style: disc;
    font-weight: 600;
    list-style-position: inside
}

.client_dotsquares,
.seo_testimonial {
    background: #f5821f;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
    margin: 0
}

.client_dotsquares .extention_col_right img {
    float: right;
    width: 100%;
    border: none;
    margin-top: 0
}

.client_dotsquares .extention_col_left {
    padding: 0 40px
}

.client_dotsquares .extention_col_left p {
    margin: 7px 0 15px;
    font-style: normal
}

.casestudy_testimonial .author_desc h3,
.client_msg_name h3 {
    right: 0;
    margin-top: 0;
    text-align: right;
    margin-bottom: 0;
    position: relative;
    display: block;
    bottom: 0;
    font-weight: 400 !important
}

.casestudy_testimonial {
    background: #000;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
    margin: 0
}

.casestudy_testimonial .extention_col_left .client_review_panel,
.client_review_panel {
    width: 100%;
    margin: auto
}

.casestudy_testimonial .extention_col_left p.quotes_msg {
    font-style: normal;
    margin: 0 0 15px;
    width: 100%
}

.casestudy_testimonial .author_desc,
.seo_testimonial .author_desc {
    position: relative;
    left: 0;
    margin: 30px 0 0;
    width: auto;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    float: right
}

.casestudy_testimonial .author_desc h3 {
    line-height: 24px;
    font-size: 20px;
    padding: 0 23px 0 0;
    border-right: 1px solid #fff;
    float: none;
    color: #f5821f;
    text-transform: lowercase
}

.casestudy_testimonial .author_desc h3 span {
    display: block;
    color: #fff;
    font-size: 20px;
    float: none;
    font-weight: 900
}

.casestudy_testimonial .author_desc span img {
    width: 70px;
    margin: 0 0 0 13px
}

.club_result_text {
    padding: 40px 0;
    margin: 0
}

.club_result_text .shildpay_result_panel_inner {
    margin: 0;
    width: 100%;
    display: inline-block
}

.shildpay_result_panel_inner p {
    color: #000;
    line-height: 30px;
    padding: 0 0 8px;
    display: block;
    width: 100%
}

.club_result_text_inner .result_inner {
    margin: 0;
    float: left
}

.extention_team.case_detail .extention_col_left .client_review_panel p.quotes_msg {
    text-align: left;
    font-size: 18px;
    width: 100%
}

.extention_team.case_detail .extention_col_left .client_review_panel h3 {
    color: #f5821f;
    margin: 25px 0 0;
    line-height: 24px;
    text-align: right;
    font-size: 20px;
    font-weight: 900 !important
}

.extention_team.case_detail.quotes.restro_quotes_panel h3 span {
    display: block;
    color: #fff;
    font-size: 18px;
    float: none
}

.client_msg_name {
    position: relative;
    left: 0;
    margin: 8px 0 0;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    float: right
}

.client_msg_name h3 {
    line-height: 24px;
    font-size: 18px;
    padding: 13px 0 0;
    float: left;
    color: #f5821f
}

.client_msg_name h3 span {
    display: block;
    color: #000;
    float: none;
    font-weight: 900
}

.client_msg_name span img {
    width: 80px;
    margin: 0 0 0 13px
}

.expertise_top_head_btn {
    text-align: center;
    margin: 0;
    z-index: 999;
    position: relative;
    bottom: 0;
    background: #000;
    padding: 0 0 15px
}

.expertise_top_head_btn.expertise_point,
.zoho_sec .center-heading {
    margin-bottom: 50px
}

.expertise_top_head_btn a.view_button {
    display: inline-block;
    margin: 0 6px;
    padding: 8px 24px
}

.expertise_top_panel {
    margin: 50px 0 80px;
    display: inline-block;
    width: 100%
}

.expertise_top_dese_col,
.ocean_top_panel .ocean_top_dese_col {
    display: inline-block;
    width: 46%;
    vertical-align: top;
    position: relative
}

.expertise_top_dese_col:after {
    content: '';
    background: #f5821f;
    height: 270px;
    width: 1px;
    position: absolute;
    float: right;
    top: 0;
    right: -86px;
    display: block !important
}

.expertise_top_panel h2 {
    margin: 0 0 20px;
    color: #000;
    text-align: left;
    line-height: 50px
}

.expertise_top_dese_col p a.link_web {
    color: #f5821f;
    font-weight: 600;
    border-bottom: 1px solid #000
}

.expertise_top_dese_col.quotes:before {
    content: '';
    background: url(../images/quotes_case__testimonial.png) 0 0/40px no-repeat;
    width: 57px;
    height: 206px;
    float: left;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -7%;
    display: none
}

.expertise_top_dese_col.quotes:after {
    content: '';
    background: url(../images/quotes_case__testimonial2.png) 0 0/40px no-repeat;
    width: 57px;
    height: 206px;
    float: left;
    position: absolute;
    top: 43%;
    bottom: 0;
    right: 0;
    display: none !important
}

.expertise_top_dese_col.quotes {
    width: 40%;
    text-align: left
}

.expertise_top_dese_col.quotes p,
.ocean_top_panel .ocean_top_dese_col.quotes p {
    font-style: italic;
    color: #000;
    text-align: left;
    padding: 0;
    font-size: 18px
}

.design_panel {
    background: #f5821f;
    margin: 170px 0 0;
    color: #fff;
    width: 100%;
    position: relative;
    padding: 56px 0
}

.design_panel img {
    float: left;
    position: absolute;
    top: -455px;
    width: auto
}

.expertise_top_tab {
    position: absolute;
    bottom: 11px;
    width: 100%;
    text-align: center
}

.consultancy_panel {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 0 0 360px
}

.consultancy_panel .consultancy_col_left p {
    color: #000;
    margin: 11px 0 21px;
    width: 90%
}

.consultancy_panel .consultancy_col_right img {
    float: right;
    width: 100%
}

.expertise_top_head_btn a.view_button.consultancy_btn {
    color: #fff;
    text-transform: capitalize;
    margin: 14px 0 0;
    display: inline-block
}

.strategic_panel {
    background: #f5821f;
    margin: 0;
    color: #fff;
    width: 100%;
    position: relative;
    padding: 70px 0
}

.strategic_panel .col-sm-7 {
    position: absolute;
    bottom: 0
}

.strategic_panel img {
    float: left;
    width: 70%;
    position: absolute;
    left: 0;
    bottom: 0
}

.strategic_panel_inner {
    width: 86%
}

.strategic_panel_inner p {
    margin: 11px 0 21px
}

a.view_button.design_btn {
    border: 1px solid #fff;
    margin: 14px 0 0;
    display: inline-block
}

.strategic_heading_one {
    display: flex;
    align-items: center;
    display: -flex-box
}

.strategic_top_text .strategic_heading_one h3.title-heading {
    text-align: left;
    width: 80%;
    line-height: 40px
}

.strategic_top_text h2.title-heading {
    margin-bottom: 20px;
    text-align: center
}

.strategic_top_text h2.title-heading span,
.strategic_top_text h3.title-heading span {
    color: #f5821f;
    display: inline-block;
    font-size: 30px
}

.holiday_ppc h2.title-heading {
    text-align: left;
    margin: 0 0 7px
}

.founder_top_text .container {
    width: 990px
}

.strategic_top_text h3 {
    text-align: right;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    font-weight: 400 !important
}

.strategic_top_text span {
    color: #f5821f;
    font-weight: 900;
    display: block;
    font-size: 18px;
    line-height: 24px
}

.strategic_top_text p span {
    display: inline-block;
    font-size: 15px;
    line-height: normal
}

.strategic_contact_text .result_inner {
    margin: auto;
    display: table;
    float: none;
    width: 72%
}

.strategic_contact_text .result_inner .strategic_chat {
    display: inline-block;
    width: 80%;
    float: left;
    padding: 0 35px 0 0
}

.strategic_contact_text a.view_button.case_btn_contant {
    border: 1px solid #000;
    color: #000;
    float: left
}

.strategic_smm {
    background: #f5821f;
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0;
    align-items: center
}

.strategic_smm .extention_col_right img {
    float: right;
    width: 100%;
    border: none;
    height: 100%
}

.strategic_smm .extention_col_left {
    padding: 40px
}

.strategic_ppc .extention_col_left p.design_content,
.strategic_smm .extention_col_left p.design_content {
    font-size: 21px;
    margin: 7px 0 15px
}

.add_acdroid_sec .extention_col_left p,
.strategic_smm .extention_col_left p {
    margin: 0 0 15px;
    font-style: normal
}

.strategic_ppc {
    background: #000;
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0;
    align-items: center
}

.strategic_ppc .extention_col_left h2.title-heading {
    color: #f5821f;
    text-align: left;
    margin: 0
}

.strategic_ppc .extention_col_left p a {
    color: #f57813;
    font-weight: 700
}

.strategic_ppc .extention_col_right img {
    border: none;
    height: 100%;
    object-fit: fill;
    float: none;
    width: 100%
}

.extention_team.case_detail.shildpay_sec.restro_result p span {
    color: #352315;
    font-weight: 600
}

.service_promote_video iframe {
    width: 100%;
    height: 600px
}

.client_logo_panel {
    background: #fff;
    padding: 65px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1284px;
    margin: 0 auto
}

.card_col_1 {
    width: 100%;
    padding: 0;
    text-align: center
}

.card_col_1 li {
    display: inline-block;
    list-style: none;
    margin: 0 15px
}

.card_col_1 li img.card-img-top {
    margin: 0 0 30px;
    padding: 0 15px;
    width: 100%
}

.client_logo_panel h2.title-heading.title-heading_res,
.power-php-text h2.title-heading {
    margin-bottom: 18px
}

.service_work_panel {
    text-align: center;
    position: relative;
    padding: 40px 0 60px
}

.service_work_banner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/service_btm_banner.jpg) center top/cover no-repeat fixed;
    z-index: 0
}

.home-demo_service {
    margin: -200px 0 65px
}

.home-demo_service .large-12.columns .owl-stage-outer {
    height: 365px
}

.service_work_banner:after {
    content: '';
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.service_work_panel .container {
    position: relative;
    z-index: 10
}

.service_work_panel .container h2.title-heading {
    color: #000;
    width: 70%;
    text-align: center;
    margin: auto auto 15px;
    line-height: 44px
}

.service_work_panel .container p {
    color: #000;
    margin: 0 0 35px
}

.slide_panel .owl-stage-outer .item h2 {
    color: #d1dbe4;
    margin: 0;
    width: 100%
}

.slide_panel .owl-stage-outer .item {
    text-align: center;
    background: #fff;
    box-shadow: 0 2px 18px -4px #dbdde0;
    height: 350px;
    width: 350px;
    margin: 5px auto auto;
    display: flex;
    align-items: center;
    padding: 0 35px;
    border: 1px solid #e4e5e8
}

.slide_panel .owl-carousel .owl-nav.disabled .owl-prev {
    position: absolute;
    top: 160px;
    padding: 0;
    width: 40px;
    height: 40px;
    left: -23px;
    color: #d7dfe7;
    border: 1px solid #ccc;
    background: #fff;
    content: '‹';
    font-size: 0;
    border-radius: 50px;
    margin: 0 0 0 -16px;
    transition: .2s ease-in-out
}

.slide_panel .owl-carousel .owl-nav.disabled .owl-next {
    position: absolute;
    top: 160px;
    padding: 0;
    width: 40px;
    height: 40px;
    right: -23px;
    color: #d7dfe7;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 0;
    border-radius: 50px;
    transition: .2s ease-in-out;
    margin: 0 -16px 0 0
}

.slide_panel .owl-carousel .owl-nav.disabled .owl-next:hover,
.slide_panel .owl-carousel .owl-nav.disabled .owl-prev:hover {
    background: #f5821f;
    color: #fff;
    transition: .2s ease-in-out
}

.slide_panel .owl-carousel .owl-nav.disabled .owl-prev:after {
    content: '';
    font-family: fontawesome;
    font-size: 27px;
    width: 100%;
    margin: auto;
    display: table;
    text-align: center
}

.slide_panel .owl-carousel .owl-nav.disabled .owl-next:after {
    content: '';
    font-family: fontawesome;
    font-size: 27px;
    width: 100%;
    margin: auto;
    display: table;
    text-align: center
}

.startups_service_sec {
    display: flex;
    flex-wrap: wrap;
    display: -ms-flexbox;
    margin-left: -30px
}

.startups_service_sec .startups_slide_col {
    width: 30.8%;
    margin-left: 30px;
    display: inline-block;
    position: relative;
    overflow: hidden
}

.startups_service_sec .startups_slide_col .overley_img_startup {
    position: absolute;
    top: -18px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .2s;
    background: rgb(245, 130, 31, .5);
    overflow: hidden;
    cursor: pointer
}

.startups_service_sec .startups_slide_col:hover a.service_col_btn {
    background: #f5821f;
    transition: .2s
}

.startups_service_sec .startups_slide_col img {
    width: 100%;
    box-shadow: 2px 3px 13px 4px #f0f0f0
}

.startups_service_sec .startups_slide_col a.service_col_btn {
    background: #000;
    color: #fff;
    margin: -35px auto auto;
    display: table;
    padding: 10px 26px;
    z-index: 99999;
    position: relative;
    font-size: 24px;
    border-radius: 4px
}

.our-experinece-section .hub-block2:hover,
.startups_service_sec .startups_slide_col a.service_col_btn:hover {
    background: #f5821f;
    transition: .2s ease-in-out
}

.build_sec {
    display: flex;
    display: -ms-flexbox;
    width: 100%;
    margin-top: 50px;
    align-items: center
}

.build_sec .extention_col_left {
    width: 50%;
    display: inline-block;
    background: #fff;
    margin: 0;
    padding: 0;
    vertical-align: top
}

.build_sec .extention_col_left img {
    float: right;
    margin: 0 212px 0 0;
    border: none;
    width: auto
}

.build_sec .extention_col_right {
    display: inline-block;
    width: 50%;
    background: #f5821f;
    padding: 46px 360px 46px 70px;
    color: #fff;
    position: relative;
    height: 563px;
    display: flex;
    display: -ms-flexbox;
    align-items: center
}

.build_sec .extention_col_right:before {
    background: url(../images/maintain.png) center/cover no-repeat;
    content: '';
    display: block;
    left: -92px;
    right: 0;
    position: absolute;
    width: 186px;
    height: 100%;
    top: 0
}

.grow_sec_col_left {
    z-index: 99;
    position: relative
}

.maintain_sec.build_work .extention_col_left img {
    height: 100%;
    margin: 0
}

.grow_sec {
    display: flex;
    display: -ms-flexbox;
    width: 100%;
    background: #000;
    z-index: 999;
    position: relative;
    height: 563px
}

.grow_sec .extention_col_left {
    background: #000;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    position: relative;
    padding: 50px 60px 50px 370px;
    display: flex;
    display: -ms-flexbox;
    align-items: center
}

.extention_col_left.extention_arrow-right:before {
    content: " ";
    position: absolute;
    left: 100%;
    top: 0;
    border-top: 282px solid transparent;
    border-right: none;
    border-left: 141px solid #000;
    border-bottom: 282px solid transparent;
    z-index: 999;
    height: 100%
}

.grow_sec .extention_col_right,
.vorbestell_left_panel {
    width: 50%;
    display: inline-block
}

.grow_sec .extention_col_right img {
    border: none;
    object-fit: fill;
    height: 100%
}

.maintain_sec {
    display: flex;
    display: -ms-flexbox;
    width: 100%;
    background: #f5821f;
    height: 563px
}

.maintain_sec .extention_col_left {
    width: 50%;
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top
}

.maintain_sec .extention_col_left img {
    float: none;
    margin: 0;
    border: none;
    width: 100%;
    object-fit: fill;
    height: 100%
}

.maintain_sec .extention_col_right {
    display: inline-block;
    width: 50%;
    background: #f5821f;
    padding: 50px 370px 50px 60px;
    color: #fff;
    position: relative;
    display: flex;
    display: -ms-flexbox;
    align-items: center
}

.extention_col_right.extention_arrow-left:after {
    content: " ";
    position: absolute;
    right: 100%;
    top: 0;
    border-top: 280px solid transparent;
    border-right: 135px solid #f5821f;
    border-left: none;
    border-bottom: 280px solid transparent;
    height: 100%
}

.vorbestell_inner_panel {
    display: flex;
    display: -ms-flexbox;
    margin-top: 0;
    height: 100%;
    overflow: hidden;
    margin: 100px 0 0
}

.vorbestell_case.vorbestell_result {
    padding: 180px 0
}

.vorbestell_case {
    padding: 60px 70px 60px 0;
    margin: auto 0 auto auto;
    max-width: 575px
}

.vorbestell_case h2 {
    font-size: 62px;
    text-transform: uppercase;
    font-weight: 900 !important;
    color: #f5821f;
    margin: 0
}

.vorbestell_case h1.vor_head {
    font-size: 34px;
    text-transform: none;
    margin: 20px 0 8px;
    font-weight: 400 !important;
    color: #f5821f
}

.vorbestell_case h2 span {
    font-weight: 400;
    font-size: 35px;
    color: #000;
    margin: 14px 0 0;
    display: block
}

.vorbestell_case h3.vorbest_heading {
    text-transform: none;
    font-size: 56px;
    text-transform: none;
    line-height: 58px;
    color: #000;
    font-weight: 900 !important;
    margin: 0
}

.vorbestell_case h2.vor_head {
    font-size: 34px;
    text-transform: none;
    margin: 20px 0 8px;
    font-weight: 400 !important
}

.vorbestell_case ul li {
    list-style: none;
    font-size: 18px;
    margin: 0 0 6px
}

.vorbestell_case ul li span {
    font-weight: 700;
    margin: 0 4px 0 0
}

.vorbestell_client_text {
    background: #000;
    color: #fff;
    padding: 55px 0 40px;
    text-align: justify;
    position: relative;
    width: 100%;
    height: 100%
}

.vorbestell_client_text .vorbestell_client_text_inner {
    margin: auto 0 auto auto;
    padding-right: 111px;
    max-width: 575px
}

.vorbestell_client_text h3 {
    margin: 0 0 25px;
    font-size: 30px;
    color: #ffff
}

.vorbestell_client_text p {
    font-size: 18px;
    margin: 0 0 30px
}

.vorbestell_client_text .vorbesttell_right_check {
    position: absolute;
    right: -30px;
    top: 20%;
    transform: translate(10px, -20%);
    z-index: 9
}

.vorbestell_client_text .vorbesttell_right_check img.vor_right_check {
    background: #fff;
    display: block;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px
}

.vorbestell_right_panel {
    width: 50%;
    display: inline-block;
    float: right;
    padding: 0
}

.vorbestell_right_panel .vorbestall_app_img {
    position: relative;
    height: 640px;
    text-align: center
}

.vorbestall_app_img:before {
    position: absolute;
    content: '';
    background: #f5821f;
    width: 35px;
    height: 222px;
    top: 35%;
    transform: translate(0, -35%);
    left: -35px
}

.vorbestell_client_text .vorbestell_client_text_inner.hair_style_check .vorbesttell_right_check {
    top: 30%
}

.vorbestell_ds_text {
    margin: 65px 0 65px 70px;
    max-width: 500px
}

.vorbestell_ds_text h3 {
    margin: 0 0 25px;
    font-size: 40px;
    font-weight: 900 !important;
    color: #000;
    line-height: 50px
}

.vorbestell_ds_text p {
    font-size: 18px;
    color: #000;
    text-align: justify
}

.vorbestell_ds_text.vorbestell_ds_text_result p {
    font-weight: 400;
    font-style: italic
}

.vorbestell_ds_result {
    display: inline-block;
    width: 100%;
    margin: 30px 0 0
}

.addinal-point p,
.client_web_point .cuadro_intro_hover .caption-text .review-body p,
.vorbestell_ds_result a.view_button.touch_btn {
    margin: 5px 0 0
}

.vorbestell_ds_result .testimonial_company {
    float: right;
    width: 54%;
    margin: 0
}

.vorbestell_ds_result .testimonial_company h3 {
    float: left;
    white-space: nowrap;
    color: #f5821f;
    font-weight: 900 !important;
    padding-right: 0;
    line-height: 23px
}

.vorbestell_ds_result.learned_testimonial .testimonial_company h3 {
    border-right: 1px solid #000;
    padding: 0 15px 0 0;
    margin: 0;
    font-family: Lato
}

.vorbestell_ds_result .testimonial_company h3 span {
    display: block;
    width: 100%;
    font-weight: 400
}

.vorbestell_ds_result .testimonial_company span {
    float: right;
    display: block;
    width: auto
}

.vorbestell_ds_result .testimonial_company span img {
    width: auto !important
}

.vorbestell_ds_result.learned_testimonial .testimonial_company span img {
    width: 100% !important
}

.vorbestell_ds_result .testimonial_company.smartsnout h3 span {
    white-space: initial;
    font-size: 15px;
    font-family: 'Segoe UI Symbol'
}

.vorbestall_app_img img.cosmissms {
    object-fit: contain
}

.home_vorbest_call {
    background: #f5821f;
    margin: 0 0 40px
}

.home_vorbest_call .home_chat h4 {
    position: relative;
    top: 4px
}

.home_vorbest_call .home_chat h4 a {
    margin: 0;
    color: #fff
}

.home_vorbest_call .home_chat span.or {
    font-weight: 700;
    margin: 0 10px 0 5px;
    color: #fff
}

.home_vorbest_call .home_chat h3 {
    font-size: 40px;
    font-weight: 900 !important
}

.home_vorbest_call .home_chat .col-sm-6:last-child,
.ocean_holiday_contact .ocean_holiday_contact_inner .col-sm-6 {
    float: right;
    text-align: right
}

.vorbest_solution_text {
    margin: 50px 0;
    display: inline-block
}

.partner_head h2,
.vorbest_solution_text h3 {
    margin: 0 0 10px;
    font-size: 40px;
    font-weight: 900 !important;
    color: #f5821f;
    line-height: 50px
}

.accreditations_panel .acc_contant p,
.vorbest_solution_text p {
    font-size: 18px;
    text-align: justify
}

.vorbest_solution_text.case_solution_point ul {
    margin: 15px 0 0 62px
}

.vorbest_solution_text.case_solution_point ul li {
    font-size: 18px;
    margin: 0 0 5px
}

.vorbest_solution_text.case_solution_point .case_major h4 {
    color: #f5821f;
    font-size: 22px;
    font-weight: 900 !important
}

.argame .skil-content p a.broken_link,
.elearning_desc .working_left p.elearning_head,
.every-thing-edgetable table tr td:first-child,
.vorbest_solution_text.case_solution_point .case_major ul li {
    font-weight: 700
}

.vorbest_solution_text.case_solution_point .case_major ul li ul {
    margin: 15px 0 30px 25px
}

.vorbest_solution_text.case_solution_point .case_major ul li ul li {
    font-weight: 400
}

.vorbest_technology {
    margin: 50px 0 0;
    display: inline-block;
    width: 100%
}

.vorbest_technology .vorbest_technology_inner {
    background: #f5821f;
    position: relative;
    padding: 0 0 35px;
    display: flex;
    align-items: center;
    display: -ms-flexbox
}

.accreditations_panel.memberships-bg,
.partner_head {
    background: #f6f7f9
}

.vorbest_technology .vorbest_technology_inner:after {
    width: 50vw;
    transform: translateX(0);
    background: #f5821f;
    position: absolute;
    top: 0;
    left: 50%;
    overflow: hidden;
    height: 100%;
    float: right;
    content: '';
    display: block;
    right: 50%;
    z-index: -1
}

.vorbest_technology.hair_technology_inner {
    margin-top: 18px
}

.container.hair_solution .vorbest_solution_text p {
    line-height: 28px;
    margin: 0 0 20px
}

.vorbest_technology .vorbest_technology_inner.hair_technology {
    padding-top: 25px;
    padding-bottom: 0
}

.vorbest_technology .vorbest_technology_inner.hair_technology .vorbest_tech_img {
    margin: -402px 30px 0 0;
    width: 27%;
    position: relative;
    top: 11px
}

.vorbest_technology .vorbest_technology_inner .vorbest_tech_img {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin: -50px 0 0;
    position: relative;
    padding-left: 10px
}

.vorbest_technology .vorbest_technology_inner .vorbest_tech_img:after {
    position: absolute;
    content: '';
    background: #fff;
    width: 30%;
    height: 35px;
    bottom: -35px;
    left: 0;
    visibility: hidden
}

.vorbest_technology .vorbest_technology_inner .vorbest_tech_content {
    display: inline-block;
    max-width: 650px
}

.vorbest_technology .vorbest_technology_inner .vorbest_tech_content h3 {
    margin: 0 0 50px;
    font-size: 65px;
    font-weight: 900 !important;
    color: #000;
    line-height: 50px
}

.vorbest_technology .vorbest_technology_inner .vorbest_tech_content h3 span {
    font-weight: 400;
    color: #fff;
    text-transform: capitalize
}

.vorbest_technology .vorbest_technology_inner .vorbest_tech_content ul li {
    float: left;
    width: 320px;
    list-style: none;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    margin: 0 0 16px;
    position: relative;
    padding: 0 0 0 27px
}

.vorbest_technology .vorbest_technology_inner .vorbest_tech_content ul li span {
    margin: 0 6px 0 0
}

.vorbest_technology .vorbest_technology_inner .vorbest_tech_content ul li span img {
    position: absolute;
    left: 5px;
    width: 24px;
    top: 5px
}

.vorbestell_ds_result .testimonial_company.smartsnout span img {
    width: 90px !important
}

.home_chat.home_vorbest h3 {
    font-size: 35px;
    font-weight: 900 !important
}

.client-posts.next_case .home-demo h2 {
    margin: 0 0 30px;
    font-size: 40px;
    text-align: left
}

.casestudy_slider_panel {
    margin: 60px 0 70px
}

.casestudy_slider_panel h2 {
    font-weight: 900 !important;
    color: #f5821f;
    text-transform: uppercase;
    font-size: 40px;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 45px
}

.casestudy_slider_panel .owl-carousel .casestudy_slider_img {
    height: 335px
}

.casestudy_slider_panel .casestudy_slider_img img,
.fullfilment .industry img,
.sustainability-dev-gols-img img {
    width: 100%;
    height: 100%
}

.casestudy_slider_panel .casestudy_slider_content h2 {
    font-size: 30px;
    font-weight: 900 !important;
    color: #f5821f;
    margin: 11px 0 0;
    text-align: left
}

.casestudy_slider_panel .casestudy_slider_content h3 {
    font-size: 30px;
    font-weight: 900 !important;
    line-height: 38px;
    margin: 13px 0 15px
}

.casestudy_slider_panel .casestudy_slider_content ul.casestudy_company-listing {
    width: 100%;
    display: inline-block;
    margin-bottom: 30px
}

.casestudy_slider_panel .casestudy_slider_content ul.casestudy_company-listing li {
    list-style: none;
    width: 45%;
    float: left
}

.casestudy_slider_panel .casestudy_slider_content ul.casestudy_company-listing li span.client-dec {
    color: #050304;
    display: block;
    line-height: normal;
    font-family: 'Segoe UI';
    font-weight: 600;
    font-size: 16px
}

.casestudy_slider_panel .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    display: block
}

.casestudy_slider_panel .owl-carousel .owl-nav .owl-next {
    float: right;
    position: relative
}

.casestudy_slider_panel .owl-carousel .owl-nav .owl-prev i.fa.fa-chevron-left:before,
.client-posts .fa-chevron-left:before {
    content: "";
    background-image: url(../images/prev.png);
    width: 28px;
    height: 46px;
    display: block
}

.casestudy_slider_panel .owl-carousel .owl-nav .owl-next i.fa.fa-chevron-right:before,
.client-posts .fa-chevron-right:before {
    content: "";
    background-image: url(../images/next.png);
    width: 28px;
    height: 46px;
    display: block
}

.vorbestell_right_panel .vorbestall_app_img.cosmis_style,
.vorbestell_right_panel .vorbestall_app_img.hair_style {
    height: 745px
}

.container.hair_solution .col-sm-12 {
    max-width: 822px;
    float: right
}

.vorbest_technology .vorbest_technology_inner .vorbest_tech_content.cosmis_tech ul li {
    font-size: 26px;
    vertical-align: middle;
    line-height: 29px
}

.vorbest_technology .vorbest_technology_inner .vorbest_tech_content.cosmis_tech ul li span {
    margin: 0 11px 0 0
}

.vorbestell_client_text .vorbesttell_right_check.cosmisright {
    top: 37%;
    transform: translate(10px, -34%)
}

.partner_head {
    padding: 30px 0 50px
}

.healthinsight p,
.partner_head p {
    margin: 0;
    font-size: 18px
}

section.Accreditations_bg {
    background: #f6f7f9;
    padding: 50px 0
}

.accreditations_panel {
    display: flex;
    flex-wrap: wrap;
    display: -ms-flexbox;
    align-items: center;
    padding: 90px 0 75px
}

.accreditations_panel .row,
.alexa_panel .popupbanner .row {
    display: flex;
    align-items: center;
    display: -ms-flexbox
}

.accreditations_panel .row .col-lg-6 {
    max-width: 50%
}

.accreditations_panel h3 {
    font-size: 40px;
    color: #f5821f;
    font-weight: 900 !important;
    margin: 0 0 20px
}

.accreditations_panel .accreditations_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-right: 10px solid #f5821f;
    border-top: 10px solid #f5821f;
    border-bottom: 10px solid #f5821f
}

.accreditations_panel .accreditations_logos {
    margin: 0;
    float: left;
    padding: 0
}

.accreditations_panel .accreditations_logos .accreditations_col {
    display: inline-flex;
    box-shadow: 2px 2px 16px rgb(20 36 69 / 20%);
    height: 100px;
    padding: 20px;
    background-color: #fff;
    margin: 0 11px 15px 0;
    vertical-align: top;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 168px;
    align-items: center
}

.accreditations_panel .accreditations_logos .accreditations_col:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.accreditations_panel .accreditations_bg {
    display: inline-block;
    float: right;
    width: 50%
}

.accreditations_panel .accreditations_logos a.accreditations_col.yext img {
    width: 80px;
    margin: auto;
    display: inline-block
}

.inner-them {
    width: 1200px;
    margin: auto
}

.inner-page {
    width: 870px
}

.running.download_pdf {
    padding-bottom: 50px;
    padding-top: 50px
}

.running.download_pdf img.alignright {
    display: inline;
    float: right;
    margin: .4211em 0 1.6842em 1.6842em;
    width: auto
}

.running.download_pdf h2.box-header {
    line-height: normal;
    font-weight: 600 !important;
    letter-spacing: 0;
    color: #000;
    font-size: 18px !important;
    position: relative;
    margin: 0
}

.form-group_contact span.btn.btn-info,
.request-en-estimate {
    font-weight: 600;
    text-transform: uppercase;
    transition: .2s ease-in-out
}

.running.download_pdf h3 {
    line-height: 35px;
    width: 80%;
    color: #000
}

p.desc_started {
    width: 90%;
    float: left
}

.running.download_pdf p {
    margin-top: 7px;
    margin-bottom: 30px
}

.running.download_pdf .panel-group .panel-heading p {
    margin-top: 0;
    margin-bottom: 0
}

.running.download_pdf .panel-group .panel-heading p a {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 500;
    margin-top: 0;
    font-family: 'Segoe UI Symbol';
    width: 100%;
    display: inline-block
}

.running.download_pdf .panel-group .panel-default {
    border-color: #ebedef !important;
    border-radius: 0
}

.running.download_pdf .panel-group table {
    margin-top: 0 !important;
    border: 1px solid rgba(51, 51, 51, .1)
}

.running.download_pdf .panel-group table tr td,
.running.download_pdf .panel-group table tr th {
    border: 1px solid rgba(51, 51, 51, .1);
    padding: .4em;
    font-family: 'Segoe UI Symbol';
    color: #333
}

.running.download_pdf .panel-group .table-hover>tbody>tr:hover>td,
.running.download_pdf .panel-group .table-hover>tbody>tr:hover>th {
    background-color: #f5821f;
    color: #fff !important
}

.running.download_pdf .panel-group .panel-body p {
    font-family: 'Segoe UI Symbol';
    color: #5a5a5a;
    font-size: 16px
}

.running.download_pdf .panel-group .panel-body .point1 {
    background: #f4f5f8;
    padding: 5px 5px 5px 25px
}

.running.download_pdf .panel-group .panel-body .point {
    background: #e9ecf2;
    padding: 5px 5px 5px 25px
}

.running.download_pdf h2 {
    margin: 15px 0;
    font-weight: 600 !important;
    letter-spacing: 1px;
    color: #5a5a5a
}

.running.download_pdf .panel-group .panel-body ul.contlink li {
    padding: 5px 0 5px 25px;
    border-bottom: 1px dotted #ccc;
    font-size: 16px;
    color: #484848;
    background: url(../img/gryrndarw.png) left 9px no-repeat;
    font-family: 'Segoe UI Symbol'
}

.running.download_pdf .panel-group .panel-body ul.contlink li a {
    color: #404b81;
    overflow: hidden;
    font-family: 'Segoe UI Symbol';
    text-decoration: none
}

.running.download_pdf .panel-group .panel-body ul.contlink {
    padding: 0 0 20px;
    margin: 0;
    list-style: none
}

.download_pdf div#accordion .panel-body .table-hover tr:hover {
    background: #ccc
}

.mrg-top {
    padding-top: 100px
}

.new-contact-banner {
    background: #000;
    padding: 150px 0
}

.new-contact-banner h1 {
    font-size: 83px;
    font-weight: 700;
    color: #f5821f;
    margin-top: 0
}

.new-contact-banner p {
    font-size: 24px;
    color: #fff;
    max-width: 460px
}

.top-new-add-detials {
    margin-top: 40px
}

.top-new-add-detials h3 {
    font-weight: 300;
    color: #060606;
    margin: 0;
    padding: 0
}

.top-new-add-detials p {
    max-width: 780px;
    padding: 10px 0 0
}

.request-en-estimate {
    margin-left: 30px;
    margin-top: 30px;
    display: inline-block;
    border: 1px solid #000;
    font-size: 14px;
    color: #000;
    padding: 8px 18px;
    border-radius: 4px;
    background: 0 0
}

.request-en-estimate:hover {
    text-decoration: none;
    background: #f5821f;
    border-color: #f5821f;
    color: #fff
}

.new-contact-form-ds {
    margin-top: 40px;
    margin-bottom: 40px
}

.new-contact-form-ds li {
    list-style: none;
    width: 48%;
    margin: 0
}

.new-contact-form-ds li p.accepted_ext {
    font-size: 11px;
    display: block;
    line-height: 16px;
    color: #fff
}

.new-contact-form-ds input.submit_file {
    border: none;
    height: auto;
    margin: 0 0 12px;
    font-size: inherit
}

#select-button {
    padding: 10px;
    color: #fff;
    background-color: #009578;
    border: 1px solid #000;
    border-radius: 5px;
    cursor: pointer
}

#select-button:hover {
    background-color: #00b28f
}

#select-text {
    margin-left: 10px;
    font-family: sans-serif;
    color: #aaa
}

.form-group_contact {
    width: 100%;
    position: relative
}

.form-group_contact .form-control[disabled] {
    background: 0 0;
    border: none;
    box-shadow: none;
    display: inline-block;
    width: 50%;
    padding: 0;
    height: auto;
    font-size: 12px;
    margin: 4px 0;
    position: absolute;
    bottom: -65px;
    left: 0;
    font-family: 'Segoe UI Symbol'
}

.form-group_contact label.select_file_input {
    float: left;
    padding: 0 11px 0 0
}

.form-group_contact span.btn.btn-info {
    border: 1px solid #000;
    font-size: 14px;
    color: #000;
    padding: 6px 14px;
    border-radius: 4px;
    z-index: 99;
    position: relative;
    background: #fff;
    margin: 0
}

.form-group_contact span.btn.btn-info:hover {
    background: #f5821f;
    color: #fff;
    border: 1px solid #fff;
    transition: .2s ease-in-out
}

.new-contact-form-ds button.view_button {
    width: auto;
    color: #000;
    text-align: center;
    border: 1px solid #000;
    margin: 30px auto auto;
    display: table
}

.new-contact-form-ds button.view_button[disabled] {
    border: 1px solid #f5821f;
    color: #fff;
    background-color: #f5821f80
}

.new-contact-form-ds li.textarea {
    width: 100%;
    margin-bottom: 20px
}

.new-contact-form-ds li input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #000;
    height: 55px;
    font-weight: 300;
    font-size: 18px;
    font-family: 'Segoe UI Symbol'
}

.new-contact-form-ds li.textarea textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid #000;
    font-family: 'Segoe UI Symbol';
    max-height: 200px;
    height: 150px;
    resize: none
}

.new-contact-form-ds li input::placeholder,
.new-contact-form-ds li.textarea textarea::placeholder {
    opacity: 1;
    font-weight: 300;
    font-size: 18px;
    color: #333
}

.new-contact-form-ds li input[type=checkbox] {
    width: auto;
    margin-bottom: 0;
    height: auto;
    margin-left: 10px
}

.new-contact-form-ds li.lst-child p {
    margin: 0;
    line-height: 18px;
    float: right;
    width: 100%;
    text-align: right
}

.banner-point-sec.banner-farcesquares h4.paragrap,
.howdoyoufindus {
    margin: 20px 0 0
}

.howdoyoufindus .form-control {
    box-shadow: none
}

.new-contact-form-ds li.lst-child p span.email_select {
    font-size: 15px;
    font-weight: 700
}

.email_update_contact {
    margin: 8px 0 0;
    display: inline-block;
    width: 100%
}

body .new-contact-form-ds button[type=file-upload] {
    font-size: 16px;
    color: #333;
    border: 1px solid #333;
    background: 0 0;
    padding: 8px 26px;
    border-radius: 0;
    font-weight: 400;
    text-transform: capitalize
}

.email_update_contact p {
    line-height: 0;
    font-size: 14px
}

.main-address .add-tittle {
    font-size: 30px;
    font-weight: 700;
    color: #f5821f;
    text-transform: capitalize;
    font-family: Lato
}

.main-address .add-details {
    font-size: 18px;
    line-height: normal;
    color: #fff;
    margin: 11px 0
}

.main-address .add-number {
    font-size: 24px;
    color: #f5821f;
    font-weight: 600
}

.spotlight-testimonial-slider,
.visit-new-add {
    text-align: center;
    margin: 40px 0
}

.visit-new-add h3 {
    margin: 0 0 15px;
    padding: 0;
    font-size: 30px;
    font-weight: 600;
    color: #060606;
    text-transform: capitalize
}

.visit-new-add p {
    margin: 0 auto;
    padding: 0 0 18px;
    max-width: 740px
}

p.visit_head {
    font-size: 22px;
    font-weight: 600;
    color: #000
}

.visit-new-add p strong {
    font-weight: 700;
    color: #f5821f;
    cursor: pointer;
    transition: .2s ease-in-out;
    display: none
}

.visit-new-add p strong:hover {
    color: #f5821f;
    transition: .2s ease-in-out
}

section.main-address {
    background: url(../images/office_pic.jpg) 0 0/cover no-repeat fixed #f0f0f0;
    padding: 97px 0;
    position: relative
}

section.main-address:before {
    background: rgba(0, 0, 0, .7);
    content: '';
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute
}

.new-contact-form-ds .md-form-control {
    width: 48%;
    display: inline-block;
    margin: 0 0 30px
}

.new-contact-form-ds .md-form-control input,
.new-contact-form-ds .md-form-control label,
.new-contact-form-ds .md-form-control textarea.md-input-text,
.new-contact-form-ds .md-form-control.focus label {
    font-size: 16px;
    font-family: 'Segoe UI Symbol'
}

.new-contact-form-ds .md-form-control .md-input-text-bar,
.step-section-inner .md-form-control span.md-input-text-bar {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #adadad
}

.new-contact-form-ds .md-form-control.textarea {
    width: 100%;
    margin: 0 0 18px
}

.new-contact-form-ds .md-form-control.textarea textarea.md-input-text {
    height: 150px;
    max-height: 200px;
    resize: none;
    font-size: 16px;
    font-family: 'Segoe UI Symbol'
}

a.request-en-estimate.contact_submit {
    padding: 8px 20px;
    margin-left: 0
}

.location_card {
    margin: 0 0 21px;
    display: inline-block;
    width: 100%
}

.location_card label {
    font-size: 15px;
    font-family: Lato;
    font-weight: 700
}

.location_card .form-control {
    width: 33%;
    box-shadow: none;
    font-family: Lato
}

.conclusionmodel {
    padding: 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #414b7f;
    color: #fff;
    border-radius: 6px;
    font-size: 16px;
    text-align: center
}

.chooser-inner-set-model {
    padding: 50px 0 30px;
    position: relative;
    border-radius: 20px;
    background: #fff;
    text-align: center;
    margin: 0 auto
}

.chooser-inner-set-model::before {
    background: #ddd;
    border-radius: 20px;
    content: " ";
    height: 20px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 20px;
    width: 20px
}

.chooser-inner-set-model h2 {
    background: #414b7f;
    color: #f1c40f !important;
    margin: 20px 0 !important;
    padding: 10px 0;
    font-size: 40px
}

.chooser-inner-set-model p {
    text-align: center;
    color: #999;
    font-size: 16px;
    padding: 0 10px
}

.rate-list-new {
    margin: 20px 0 50px
}

.rate-list-new-top>p {
    color: #777;
    font-weight: 400;
    padding: 15px 15px 20px;
    margin: 0 0 1px;
    font-size: 21px;
    text-align: center;
    background: #e7eaf0;
    width: 100%;
    border: 1px solid #dce1ea;
    border-radius: 6px;
    line-height: 50px
}

.rate-list-new-top>p a {
    border: 1px solid #f5821f;
    border-radius: 5px;
    color: #f5821f;
    padding: 3px 13px 8px;
    text-decoration: none;
    margin: 0 2px;
    display: inline-block;
    line-height: normal;
    position: relative
}

.rate-list-new-top>p a.model-abc {
    color: #666;
    border-color: #666
}

.rate-list-new-top>p a .caret {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid;
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0;
    margin-left: 8px
}

.model-section-a,
.model-section-b {
    padding: 35px 15px 15px;
    border-radius: 6px;
    position: relative;
    width: 100%;
    background: #e7eaf0;
    color: #5a5a5a;
    display: none
}

.Development-heading,
.model-head {
    display: inline-block;
    font-size: 16px;
    text-align: center
}

.Development-heading {
    background-image: url(../images/ribbon.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
    padding: 15px 40px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 30px
}

.model-head {
    position: relative;
    background: #000;
    width: 100%;
    margin: 0;
    padding: 15px 0;
    min-height: 155px
}

.new-contact-form-ds li.contact-form-field.contact-form-question .md-form-control input,
.prject-detls {
    min-height: 130px
}

.model-head h3 {
    margin: 5px 0;
    padding: 0;
    color: #fff;
    font-size: 40px
}

.row.cstrow {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap
}

.row.cstrow .col-sm-4 {
    width: 26.8%
}

.cstrow.model_sec_bucket .col-sm-4 {
    width: 40.2%
}

.model-head p {
    font-size: 13px;
    color: #fff;
    padding: 0 10px
}

.model-head::after {
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border-top: 20px solid #000;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 20px solid transparent;
    left: 0;
    right: 0;
    margin: auto;
    top: 100%
}

.prject-detls {
    font-size: 15px;
    text-align: center;
    padding: 35px 15px 25px;
    font-weight: 500;
    color: #666;
    font-family: arial;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

#complete .file-check,
#step3 .file-check,
.file-check span,
.file-type,
.inline-step-form li input[type=text],
.step-section-inner textarea {
    font-family: 'Segoe UI Symbol'
}

.modetl-project-table table {
    width: 100%;
    border-width: 1px 0 0 1px
}

.rate-list-new-top>p a.abc-arrow::after,
.rate-list-new-top>p a.chooser-arrow::after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    top: 100%;
    margin: auto;
    position: absolute;
    content: "";
    left: 0;
    right: 0
}

.modetl-project-table tr:first-child {
    background: #404b82
}

.modetl-project-table tr,
.table-info-rate tr {
    background: #d5dae3
}

.modetl-project-table tr:nth-child(2n),
.table-info-rate tr:nth-child(odd) {
    background: #e7eaf0
}

.modetl-project-table tr th {
    color: #fff;
    font-size: 17px;
    padding: 7px 5px;
    background: #404b82;
    text-align: center;
    line-height: 17px;
    border: 1px solid #fff;
    width: 50%;
    line-height: normal
}

.modetl-project-table tr th small,
.table-info-rate tr th small {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 400
}

.modetl-project-table tr td {
    color: #e37e52;
    font-size: 16px;
    padding: 5px 8px;
    text-align: center;
    border: 1px solid #fff;
    border-top: none
}

.technology-list {
    margin: 20px 5px
}

.technology-list::after,
.technology-list::before {
    display: block;
    content: "";
    clear: both
}

.technology-list li {
    list-style: none;
    float: left;
    font-size: 16px;
    color: #5a5a5a;
    margin: 5px 15px 5px 0
}

.technology-list li a {
    font-size: 16px;
    color: #5a5a5a;
    font-weight: 600;
    border: 1px solid #666;
    padding: 5px 15px 7px;
    display: inline-block
}

.technology-list li a span {
    font-size: 12px;
    font-weight: 400
}

.model-section-b li {
    list-style: none;
    margin-bottom: 10px
}

.model-section-b li span {
    display: inline-block;
    padding: 5px 0;
    font-size: 16px;
    color: #333;
    text-transform: capitalize
}

.model-section-b .select-style {
    display: inline-block;
    border-bottom: 1px solid #f5821f
}

.model-section-b .select-style select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    border: none;
    background: 0 0;
    box-shadow: none;
    font-size: 16px;
    color: #555;
    padding-left: 0;
    text-transform: capitalize
}

.rate-list-new-top>p a.chooser-arrow::after {
    border-top: 10px solid #f5821f
}

.rate-list-new-top>p a.abc-arrow::after {
    border-top: 10px solid #666
}

.rate-list-new .nav-tabs>li>a {
    color: #fff;
    background: #b2b2b2;
    border: none;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px
}

.rate-list-new .nav-tabs>li>a span {
    display: inline-block;
    margin-right: 10px
}

.rate-list-new .nav-tabs>li.active>a,
.rate-list-new .nav-tabs>li.active>a:focus,
.rate-list-new .nav-tabs>li.active>a:hover {
    background: #000;
    color: #fff;
    padding: 10px 15px;
    outline: 0;
    border: none
}

.fullfilment .industry .slick-arrow.active:focus,
.fullfilment .industry .slick-arrow.active:hover,
.nav-tabs>li.active>a:focus,
.rate-list-new .nav-tabs>.active>a:hover {
    background: #000 !important
}

.rate-list-new .nav-tabs>li>a:hover {
    border-color: #414b7f
}

.rate-list-new .nav-tabs {
    margin-top: 30px;
    border-bottom: 10px solid #000;
    margin-bottom: 50px
}

.rate-list-new .tab-content .prject-detls {
    border: 1px solid #ccc;
    min-height: 170px
}

.industry_panel .tech-inner p.bluetxt,
.spotlight-slider-inner h2.title-heading.headingtitle2,
.table-info-rate,
.tech-inner p.bluetxt {
    margin-top: 30px
}

.table-info-rate tr th:first-child {
    width: 230px;
    background: #f5821f;
    vertical-align: middle
}

.table-info-rate tr th {
    color: #fff;
    font-size: 17px;
    padding: 7px 5px;
    background: #000;
    text-align: center;
    line-height: 17px;
    border: 1px solid #fff;
    width: 50%
}

.table-info-rate tr td {
    color: #f5821f;
    font-size: 15px;
    padding: 4px 8px;
    text-align: center;
    border: 1px solid #fff;
    border-top: none;
    font-weight: 600;
    white-space: normal !important
}

.table-info-rate table {
    border-width: 1px 0 0 1px;
    white-space: normal !important;
    width: 100%;
    min-width: 900px !important;
    overflow: scroll
}

.company_website_panel,
table.table.modal-chooser-table-tab {
    margin-bottom: 20px
}

.rate-list-new-top {
    padding: 0 15px
}

.big-text {
    font-size: 18px;
    display: inline-block;
    white-space: pre-line
}

.rate-list-new .row.cstrow .col-sm-5 {
    width: 40.4%
}

.contact_step_container .modal-content button.close {
    position: absolute;
    right: -9px;
    background: #000;
    color: #fff;
    opacity: 1;
    width: 30px;
    height: 30px;
    z-index: 99;
    padding: 9px;
    line-height: 5px;
    border-radius: 50px;
    box-shadow: none;
    text-shadow: none;
    text-align: center;
    font-size: 0px;
    top: -8px;
    border: 1px solid #fff
}

.contact_step_container .modal-content button.close:after {
    content: 'x';
    position: relative;
    font-size: 14px;
    top: 1px
}

.step-container {
    background: #fff;
    border-radius: 8px;
    padding: 0;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    top: 0;
    transform: translateY(0);
    left: 0;
    right: 0;
    max-height: 800px;
    overflow: auto;
    border: 1px solid #e0e0e0
}

div#myul {
    padding: 30px 26px 22px
}

.modal-dialog.contact_step_container {
    position: relative;
    top: 50%;
    transform: translateY(-50%) !important;
    width: 800px;
    margin-top: 0;
    margin-bottom: 0
}

.modal-dialog.contact_step_container .modal-content {
    background: 0 0;
    box-shadow: none;
    border: none
}

.wizard {
    margin: 0 auto;
    background: #fff
}

.wizard .nav-tabs {
    position: relative;
    margin: 0 auto;
    border-bottom-color: #e0e0e0
}

.dynamic-crm.functionality,
.step-container .wizard-inner ul.nav.nav-tabs {
    margin: 0 0 26px
}

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1
}

.wizard .nav-tabs>li.active>a,
.wizard .nav-tabs>li.active>a:focus,
.wizard .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
    background-color: inherit !important
}

span.round-tab {
    width: 40px;
    height: 40px;
    line-height: 34px;
    display: inline-block;
    border-radius: 8px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 16px;
    color: #a29e9e;
    font-weight: 700
}

span.round-tab i {
    color: #555
}

.wizard li.active span.round-tab {
    background: #f5821f;
    border: 2px solid #f5821f;
    color: #fff
}

.wizard li.active span.round-tab i {
    color: #5bc0de
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #f5821f
}

.wizard .nav-tabs>li a {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border-radius: 100%;
    padding: 0
}

.wizard .nav-tabs>li a:hover {
    background: 0 0;
    border: 1px solid transparent
}

.wizard .tab-pane {
    position: relative;
    padding: 0
}

.wizard-inner {
    position: relative;
    margin: 0
}

.step-container .list-inline {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    float: right
}

.step-container .list-inline li {
    border: none;
    float: right;
    height: auto;
    min-height: auto;
    width: 100%;
    margin: 0;
    border-radius: 0 !important;
    height: inherit !important
}

.step-container .list-inline button.btn.btn-primary.next-step:hover {
    background: #f5821f;
    border-color: #f5821f;
    color: #fff
}

.step-section-inner {
    width: 95%;
    margin: auto
}

#step1 .step-section-inner h3 {
    margin: 27px 0 24px;
    text-align: center
}

.modal.fade.contact_popup {
    z-index: 9999;
    padding-right: 0 !important;
    background: rgba(0, 0, 0, .4)
}

.step-section-inner h3 {
    margin-bottom: 0;
    color: #000;
    font-size: 20px;
    text-align: center
}

#step3 .step-section-inner.no-digital-marketing-tab-3 h3 {
    text-align: left;
    width: auto
}

.popup_desc_sec3 {
    display: inline
}

.wizard .tab-pane .step-section-inner.no-digital-marketing-tab-3 p {
    line-height: 18px;
    margin: 0;
    text-align: left !important;
    font-size: 14px;
    width: 50%;
    display: inline-block
}

#step3 .step-section-inner p {
    text-align: center;
    vertical-align: top
}

.setp_four_ref {
    padding: 0 0 16px
}

.carousel.charity-slide .charity-slider-text h2,
.name_of_something_else,
.popup-form-fields {
    margin: 0 0 18px
}

.step-section-inner ul {
    margin: 16px auto;
    padding: 0;
    display: table
}

.step-section-inner li {
    list-style: none;
    text-align: center;
    border: 1px solid #adacac;
    padding: 5px;
    float: left;
    width: 110px;
    position: relative;
    margin-right: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    transition: .2s ease-in-out
}

.step-section-inner li h4 {
    font-size: 16px;
    line-height: normal;
    color: #000;
    font-weight: 600;
    margin: 0;
    padding: 0;
    width: 100%
}

.step-section-inner li p {
    font-size: 12px;
    color: #000;
    line-height: 18px
}

.modal-dialog.contact_step_container .step-section-inner li .check-step p {
    font-size: 14px
}

.custom-step-checkbx::before {
    border: 1px solid #ccc;
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 3px;
    cursor: pointer
}

.check-step label {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer
}

.custom-step-checkbx {
    position: absolute;
    right: 15px;
    top: 15px;
    display: none
}

.check-step input[type=checkbox]:checked+.custom-step-checkbx::before,
.panel.with-nav-tabs.panel-primary.micro-net-tabs .panel-heading {
    border-color: #f5821f
}

.check-step input[type=checkbox]:checked+.custom-step-checkbx::after {
    background: url("../images/check-mark-step.html");
    border-color: #f5821f;
    content: "";
    width: 26px;
    height: 17px;
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 1px
}

.step-section-inner li.active,
.web_dev_work a.view_button:hover {
    border: 1px solid #f5821f;
    background: #f5821f
}

.step-section-inner li.active h4 {
    color: #fff;
    z-index: 99
}

.step-container h2 {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    margin: 0 0 15px
}

.step-container p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #333
}

.step-container .btn-default,
.step-container .btn-primary {
    background: 0 0;
    border-color: #ccc;
    font-size: 16px;
    line-height: normal;
    padding: 8px 15px 12px;
    color: #333;
    transition: .2s ease-in-out
}

.step-container .btn-default:hover,
.step-container .btn-primary:hover {
    background: #f5821f;
    border-color: #f5821f;
    color: #fff;
    transition: .2s ease-in-out
}

.step-container form .list-inline .next-step {
    float: right;
    color: #000;
    background: 0 0;
    margin: 15px 0 0;
    border: 1px solid #000
}

.mrg50 {
    margin-top: 22px
}

.step-section-inner textarea {
    border: 1px solid #ccc;
    width: 100%;
    display: block;
    height: 115px;
    resize: none;
    padding: 10px 15px;
    margin-bottom: 15px;
    border-radius: 4px;
    font-size: 15px
}

.step-upload-file {
    all: inherit;
    border: 1px solid #ccc;
    font-size: 16px;
    color: #ccc;
    padding: 8px 15px;
    text-transform: capitalize;
    display: inline-block;
    cursor: pointer;
    margin: 25px 0 0
}

#complete .file-check {
    display: inline-block;
    width: auto;
    margin-top: 16px
}

#complete .inline-step-form li label.file-check {
    position: absolute;
    top: 16px;
    right: 0;
    z-index: 9999
}

#step3 .file-check {
    display: inline-block;
    text-align: right;
    float: right;
    width: auto;
    margin-top: 14px
}

#step3 .file-check input[type=checkbox] {
    position: relative;
    top: 3px
}

#step1 li,
#step2 li,
#step3 li,
#step4 li {
    border-radius: 30px;
    margin-top: 0;
    padding-top: 0
}

.step-section-inner li .check-step {
    padding: 10px 0;
    color: #000
}

#complete .inline-step-form li,
#step4 .inline-step-form li,
#step5 .inline-step-form li {
    border-radius: 0
}

.file-check span {
    font-weight: 400;
    font-size: 14px;
    padding-left: 10px;
    color: #333
}

.file-type {
    display: inline-block;
    font-size: 12px;
    color: #000;
    max-width: 215px;
    vertical-align: middle;
    margin-left: 0;
    line-height: normal
}

#step3 span.file-type {
    white-space: pre-line;
    margin-top: 0
}

.inline-step-form ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.inline-step-form li {
    border: none;
    padding: 0;
    margin: 0;
    display: block;
    min-height: inherit;
    text-align: inherit;
    width: 48%;
    font-size: 16px
}

.inline-step-form li input[type=text] {
    width: 100%;
    border: none;
    height: 40px;
    font-size: 15px;
    color: #000 !important
}

.inline-step-form .md-form-control.focus label,
.inline-step-form li label {
    font-family: 'Segoe UI Symbol';
    font-size: 16px;
    z-index: 99
}

#complete li {
    height: auto !important
}

#complete li.active {
    background: 0 0;
    border: none
}

#complete li label.file-check span {
    padding-left: 0;
    font-size: 13px
}

#complete li label.file-check input[type=checkbox] {
    position: relative;
    top: 2px
}

#step2 .what_tech ul li {
    width: 80px;
    height: 80px !important;
    min-height: 80px
}

.design_since .since_content_left h4 {
    font-size: 21px;
    line-height: 28px;
    color: #000
}

.design_client {
    margin: 0;
    color: #fff;
    width: 100%;
    padding: 55px 0;
    background: #f5821f
}

.design_mobile {
    height: 205px;
    width: 36%;
    float: right;
    z-index: 999;
    position: relative
}

.design_mobile img {
    position: absolute;
    right: 74px;
    bottom: 0;
    max-width: 400px;
    top: 95px;
    background: #fff;
    border-radius: 50px;
    padding: 30px 25px 0 8px
}

.design_client_inner {
    margin: 0;
    width: 50%;
    display: inline-block;
    vertical-align: top
}

.design_client_inner h2 {
    font-size: 60px
}

.design_mobile_app {
    background: #fff;
    width: 100%;
    padding: 50px 0;
    display: inline-block;
    position: relative;
    top: 4px;
    margin: -4px 0 0
}

.design_mobile_app_inner {
    margin: 0;
    float: left;
    width: 50%
}

.design_mobile_app_inner a.view_button {
    color: #000;
    margin: 7px 0 0;
    display: inline-block
}

.design_since.web_app {
    background: #d9d9d9
}

.new_teck_inner.design_support {
    background: #f5821f;
    margin: 0;
    padding: 40px 0
}

.design_container {
    width: 720px
}

.new_teck_inner.design_support .app_text_right {
    width: 45%
}

.new_teck_inner.design_support .app_text_right a.view_button {
    border: 1px solid #fff;
    margin: 10px 0 0;
    display: inline-block
}

.new_teck_inner.design_support .app_text_right a.view_button:hover {
    border: 1px solid #fff;
    background: #fff;
    color: #000
}

.new_teck_inner.design_support .app_head_text h2 {
    font-size: 32px !important;
    line-height: 42px;
    text-align: left;
    color: #fff;
    font-weight: 900 !important
}

.since_content_left.design_game {
    padding: 0 60px 0 370px
}

.since_content_left.design_game a.view_button.view_btn {
    display: inline-block;
    margin: 7px 0 0
}

.design_since .since_image video {
    height: 500px
}

.error_page {
    background: #000;
    width: 100%;
    display: block;
    padding: 200px 0 124px
}

.error_page_inner {
    position: relative;
    color: #000;
    transition: .5s ease-in-out;
    margin: auto;
    display: table;
    width: 90%
}

.error_page_inner span.error_img,
.open_sourse_shuger .size-medium.wp-image-4914.alignleft {
    float: left;
    margin: 0 35px 0 0
}

.error_page_inner h2 {
    font-size: 140px;
    color: #fff;
    vertical-align: top;
    margin-bottom: 46px;
    line-height: 85px;
    display: inline-block
}

.error_page_inner h3 {
    color: #fff;
    font-size: 30px;
    line-height: 38px;
    margin-top: 11px
}

.error_page_inner h3 span {
    display: block;
    font-size: 20px;
    font-weight: 600;
    font-family: Lato
}

.error_page_inner .error_bottom h3.page_link_found {
    line-height: 48px;
    font-weight: 300 !important
}

.error_page_inner .error_bottom h3.page_link_found span {
    font-size: 30px;
    font-weight: 300;
    font-family: Lato
}

.error_page_inner .error_bottom h3.page_link_found a {
    color: #fff;
    border-bottom: 2px solid #fff;
    padding: 0 0 2px;
    font-weight: 600
}

.whats_inner {
    margin: 15px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.numbertaking_panel.salesforce-integration h2.title-heading,
.whats_inner .col-xs-6.col-sm-6.col-md-3.col-lg-3 {
    margin-bottom: 30px
}

.whatstext {
    background: #f5821f;
    padding: 20px;
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 8px
}

.thanks_abt_sec,
.whatscominfo {
    padding: 40px 0;
    background: #f5821f
}

.whatstext span {
    display: inline-block;
    float: left;
    font-size: 68px;
    font-weight: 700;
    vertical-align: top;
    height: 62px;
    line-height: 48px;
    color: #fff;
    margin: 0 10px 0 0
}

.whatstext p {
    color: #000;
    font-size: 22px;
    float: left;
    width: calc(100% - 57px);
    line-height: 25px
}

.whatstext p a {
    color: #000;
    font-weight: 900;
    margin: 11px 0 0;
    display: block
}

.whatscominfo {
    width: 100%;
    display: block;
    margin-bottom: 40px
}

.thanks_abt_sec,
.whats_thanks {
    display: inline-block;
    width: 100%
}

.whatscominfo .whatscominfo_point ul li {
    font-size: 18px;
    color: #fff;
    margin: 0 0 11px;
    position: relative;
    list-style: none;
    padding: 0 0 0 23px
}

.whatscominfo .whatscominfo_point ul li:before {
    content: '';
    font-family: FontAwesome;
    position: absolute;
    left: 0
}

.whats_thanks {
    margin: 10px 0
}

.whats_thanks .whats_thanks_desc p span {
    display: block;
    font-weight: 700;
    font-size: 18px;
    margin: 11px 0 0;
    font-family: Lato
}

.whats_thanks .whats_thanks_desc p span a {
    display: block;
    color: #f5821f
}

.whats_thanks .whats_thanks_desc span.whats_end {
    text-align: center;
    width: 100%;
    margin: auto;
    display: table;
    font-size: 24px;
    font-weight: 900;
    font-family: Lato
}

.company_website_panel .company_sec {
    background: #fff;
    box-shadow: 1px 1px 28px 5px #eff1f5;
    height: 264px;
    text-align: center;
    padding: 70px 0;
    cursor: pointer;
    margin-bottom: 30px;
    transition: .2s ease-in-out
}

.company_website_panel .company_sec:hover {
    border-bottom: 4px solid #f5821f;
    transition: .2s ease-in-out
}

.company_website_panel .company_website_heading,
.loyalty-content .title-pragraph-loyalty {
    text-align: center;
    margin: 0 0 40px
}

.company_website_panel .company_website_heading h2.title {
    margin: 0 0 6px
}

.company_website_panel .company_website_heading p {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #5f5f5f
}

.company_website_panel .company_sec img {
    height: 60px
}

.company_website_panel .company_sec h2 {
    font-size: 27px
}

.company_website_panel .company_sec a {
    color: #565656
}

.thanks_abt_sec {
    margin-bottom: 40px
}

.add_acdroid_sec .extention_col_left h2,
.thanks_abt_sec h2.title {
    color: #fff;
    margin: 0 0 20px
}

.thanks_abt_sec .thanks_abt_point ul li {
    color: #fff;
    list-style: square;
    font-size: 16px;
    margin: 0 0 15px
}

.thanks_award_logo {
    float: left;
    width: 100%;
    padding: 0;
    text-align: center;
    bottom: 0;
    z-index: 9;
    margin-bottom: 40px
}

.thanks_abt_sec .thanks_our_process_video #Video_autoplay {
    width: 100%;
    border: 6px solid #e77b1d
}

.thanks_award_logo .owl-item .item-slide {
    background: #fff;
    margin: 0;
    padding: 18px;
    box-shadow: 0 0 14px -1px #dedede inset;
    width: 100%;
    float: left;
    height: 145px;
    text-align: center;
    display: flex;
    align-items: center
}

.thanks_award_logo .owl-nav .owl-next,
.thanks_award_logo .owl-nav .owl-prev {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    background: #dcdcdc;
    color: #000;
    top: 0;
    position: absolute
}

.thanks_award_logo .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translate(0, -20px);
    display: block
}

.thanks_award_logo .owl-nav .owl-prev {
    left: -5%
}

.thanks_award_logo .owl-nav .owl-next i.fa,
.thanks_award_logo .owl-nav .owl-prev i.fa {
    font-family: fontawesome;
    font-size: 16px;
    margin: auto;
    position: absolute;
    top: 26%;
    bottom: 0;
    right: 0;
    left: 0
}

.thanks_award_logo .owl-nav .owl-next {
    right: -5%
}

.thanks_award_logo .owl-nav .owl-next:hover,
.thanks_award_logo .owl-nav .owl-prev:hover {
    background: #f5821f;
    color: #fff
}

.app_development_panel,
.asp-partycontrol_panel,
.benefits-azure,
.client-posts .home-demo,
.meanstack-panel {
    margin: 50px 0
}

.app_desc_left h4,
.web_desc_left h4,
.working_desc.social-media-marketing .working_right h4 {
    font-size: 20px;
    color: #000;
    line-height: 30px;
    margin: 0 0 26px
}

.app_desc_left p,
.web_desc_left p,
.working_desc.social-media-marketing .working_right p {
    font-size: 18px;
    line-height: 35px
}

.app_dev_text_right {
    border-left: 1px solid #ccc;
    padding: 0 0 0 77px
}

.app_dev_text_right ul li {
    text-decoration: none;
    list-style: none;
    font-size: 18px;
    color: #000;
    font-family: 'Segoe UI Symbol';
    padding: 0 0 0 45px;
    line-height: 46px
}

.app_dev_text_right ul li:first-child {
    background: url(../images/app_dev_icon.png) -5px 12px no-repeat
}

.app_dev_text_right ul li:nth-child(2) {
    background: url(../images/app_dev_icon.png) -5px -44px no-repeat
}

.app_dev_text_right ul li:nth-child(3) {
    background: url(../images/app_dev_icon.png) -5px -102px no-repeat
}

.app_dev_text_right ul li:nth-child(4) {
    background: url(../images/app_dev_icon.png) -5px -156px no-repeat
}

.app_dev_text_right ul li:nth-child(5) {
    background: url(../images/app_dev_icon.png) -5px -208px no-repeat
}

.app_dev_text_right ul li:nth-child(6) {
    background: url(../images/app_dev_icon.png) -5px -265px no-repeat;
    margin: 0 0 25px
}

.app_dev_text_right a.view_button {
    color: #000;
    border: 1px solid #ccc;
    display: none
}

.add_acdroid_sec {
    background: #f5821f;
    display: flex;
    align-items: center;
    display: -ms-flexbox;
    position: relative
}

.add_acdroid_sec .extention_col_left,
.design_since .since_content_left {
    width: 50%;
    display: inline-block;
    padding: 0 370px 0 60px
}

.add_acdroid_sec .extention_col_left p.enhanced-text {
    font-size: 22px;
    font-weight: 600
}

p.enhanced-text {
    font-size: 20px;
    font-weight: 600
}

.ios_app_sec {
    background: #000;
    display: flex;
    align-items: center;
    display: -ms-flexbox
}

.ios_app_sec .extention_col_left {
    width: 50%;
    display: inline-block;
    padding: 0 37px 0 370px
}

.ios_app_sec .extention_col_left h2.title-heading {
    color: #fff;
    text-align: left;
    margin: 0 0 20px
}

.app_case_panel,
.project_sec {
    margin: 50px 0;
    width: 100%;
    display: inline-block
}

.app_case_left h2.title-heading {
    text-align: left;
    font-weight: 700;
    margin-bottom: 35px
}

.casestudy-listing li .client-dec,
.casestudy-listing li .client-tittle {
    display: block;
    line-height: normal;
    font-family: 'Segoe UI';
    font-weight: 600
}

.app_case_left ul li {
    list-style: none;
    font-size: 24px;
    font-weight: 700;
    color: #000;
    margin: 0 0 35px
}

.app_case_left ul li i.fa {
    font-size: 25px;
    width: 30px;
    text-align: center
}

.app_case_left ul li span {
    font-size: 24px;
    border: 2px solid #000;
    height: 70px;
    width: 70px;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    line-height: 70px;
    font-weight: 700;
    margin: 0 16px 0 0
}

.app_case_left ul li span img {
    width: 35px;
    position: relative;
    top: -6px
}

.casestudy_app {
    background: #fff;
    display: inline-block;
    padding: 0 0 0 2vw;
    box-sizing: border-box;
    height: 100%;
    z-index: 99;
    position: relative
}

.casestudy_app h2 {
    color: #050304;
    margin: 0;
    font-size: 4.2vw;
    line-height: .8;
    padding: 0;
    text-transform: uppercase
}

.casestudy-listing {
    width: 100%;
    padding-top: 35px;
    display: inline-block;
    margin-bottom: 30px
}

.casestudy-listing li .client-tittle {
    color: #f5821f;
    font-size: 22px
}

.casestudy-listing li .client-dec {
    color: #050304;
    font-size: 18px
}

.casestudy_app a.view_button {
    color: #000;
    vertical-align: top;
    margin: 24px 0 0;
    display: inline-block
}

.working_agency_bg.enterprises_bg {
    background: url(../images/enterprises_banner.jpg) 0 0/cover no-repeat
}

.enterprise-casestudy h2 {
    font-weight: 900 !important;
    color: #f5821f;
    font-size: 42px
}

h2.working_text {
    float: right;
    color: #f5821f;
    font-size: 36px;
    background: #fff;
    width: 45%;
    padding: 38px;
    white-space: pre-line;
    line-height: 47px;
    margin: 0
}

.working_agency_bg {
    background: url(../images/working_technolog_bg.jpg) center/cover no-repeat;
    width: 100%;
    display: inline-block;
    padding: 100px 0 0
}

.agency_persent {
    width: 100%;
    display: inline-block;
    margin: -5px 0 0
}

.agency_persent .agency_innerleft {
    width: 100%;
    background: #000;
    display: inline-block;
    height: 100%
}

.agency_persent_inner {
    display: flex;
    height: 100%;
    display: -ms-flexbox;
    position: relative
}

.agency_persent_inner:before {
    position: absolute;
    background: #000;
    height: 100%;
    float: left;
    content: '';
    display: block;
    left: -100%;
    right: 0;
    width: 100%;
    z-index: -1
}

.agency_persent .agency_innerleft h2 {
    margin: 0;
    color: #f5821f;
    font-weight: 700;
    font-size: 85px;
    padding: 70px 0
}

.agency_persent .agency_innerleft h2 span {
    display: block;
    font-size: 41px;
    color: #fff;
    white-space: pre-line
}

.web_desc_left {
    padding: 30px 0 0 30px
}

.working_point {
    width: 100%;
    display: inline-block;
    background: #000;
    padding: 50px 0
}

.start_partnership_inner,
.working_point_inner {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap
}

.working_point_inner .working_point_coll {
    width: 49%;
    display: inline-block;
    padding: 0 40px 0 0
}

.startup_process_inner .start-up_process_coll h3,
.startup_process_inner .start-up_process_coll h3 a,
.working_point_inner .working_point_coll h3 {
    font-weight: 700;
    color: #f5821f
}

.working_point_inner .working_point_coll p {
    color: #fff;
    margin: 0 0 28px
}

.working_point_inner .working_point_coll img {
    width: 80px;
    height: 83px
}

.project_sec h3 {
    text-align: center;
    color: #000;
    margin: 0 0 24px
}

.project_sec .owl-nav button.owl-prev {
    margin: 0 0 0 -60px
}

.project_sec .owl-nav button.owl-next {
    margin: 0 -60px 0 0
}

.tack_partner_agencies {
    background: #f5821f;
    width: 100%;
    display: inline-block;
    position: relative;
    top: 5px
}

.tack_partner_testimonial p {
    color: #fff;
    font-style: italic;
    width: 90%;
    margin: 0 0 15px;
    font-weight: 500;
    font-size: 18px
}

.tack_partner_testimonial h4 {
    font-size: 20px;
    font-weight: 400;
    color: #000;
    text-align: right;
    margin: 4px 30px 0 0;
    line-height: 24px;
    text-transform: lowercase
}

.tack_partner_testimonial h4 span {
    display: block;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px
}

.service_work_panel.e-learning .container h2.title-heading strong,
.startup_process_panel.social-media-marketing h2.title-heading strong,
.tack_partner_testimonial h4 strong {
    font-weight: 900
}

.tack_partner_agencies .item-slide {
    background: #fff;
    padding: 42px 28px;
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap
}

.tack_partner_agencies .item-slide img {
    width: 33.33%;
    margin: 0 0 15px;
    padding: 0 15px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.let_contact_agensis {
    background: #fff;
    width: 100%;
    display: inline-block;
    padding: 76px 0;
    margin: -5px 0;
    position: relative
}

.let_contact_inner_agensis a.view_button {
    display: inline-block;
    font-size: 20px;
    background: #f5821f;
    border: 1px solid #f5821f;
    margin: 40px 0 0
}

.let_contact_inner_agensis h3 {
    text-align: right;
    font-size: 48px;
    color: #f5821f
}

.let_contact_inner_agensis p {
    color: #000;
    font-size: 28px;
    font-weight: 700;
    text-align: right
}

.banner-point-sec.banner-farcesquares img.salesforce-img,
.startup_process_inner.crm_content_desc .start-up_process_coll {
    min-height: auto
}

.working_startup_bg {
    background: url(../img/cms_banner.jpg) 0 0/100% no-repeat;
    width: 100%;
    display: inline-block;
    padding: 100px 0 0;
    height: 500px
}

.elearning_desc,
.working_desc {
    margin: 0;
    color: #fff;
    width: 100%;
    padding: 55px 0
}

.working_desc .startup_desc {
    width: 45%;
    float: left;
    z-index: 99;
    position: relative;
    color: #f5821f;
    margin: -211px 0 0;
    padding: 44px;
    background: #fff
}

.working_desc .startup_desc h3 {
    font-size: 50px;
    margin: 0;
    font-weight: 900 !important
}

.working_right {
    float: right;
    width: 45%;
    color: #000
}

.elearning_desc .working_left h4,
.working_right h4 {
    line-height: 28px;
    margin: 0 0 15px
}

.working_right p {
    font-size: 20px;
    font-weight: 100;
    color: #000
}

.start_partnership_testimonial h3,
.testimonial_company h3 {
    font-weight: 400 !important;
    text-align: right;
    font-size: 20px
}

.numbertaking_panel,
.startup_process_panel {
    width: 100%;
    display: inline-block;
    background: #000;
    padding: 40px 0
}

.dynamic-heading p {
    color: #fff;
    text-align: center;
    padding: 15px 0 50px
}

.startup_process_panel h2.title-heading,
.woocommerce-development p {
    color: #fff;
    text-align: center
}

.startup_process_inner {
    display: flex;
    flex-wrap: wrap;
    height: 100%
}

.startup_process_inner .start-up_process_coll {
    width: 30%;
    display: inline-block;
    text-align: center;
    border: 5px solid #fff;
    margin-bottom: 24px;
    padding: 30px 40px;
    vertical-align: top;
    margin-left: 30px;
    min-height: 350px
}

.start_partnership_left {
    width: 50%;
    display: inline-block;
    background: #f5821f
}

.start_partnership_inner .start_partnership_left_inner {
    background: url(../images/partnership_start.jpg) 0 0/cover no-repeat;
    padding: 70px;
    width: 100%;
    position: relative;
    display: inline-block
}

.start_partnership_inner .start_partnership_left_inner:before {
    content: '';
    background: rgba(255, 255, 255, .8);
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.start_partnership_inner .start_partnership_left_inner p {
    font-size: 24px;
    color: #3a3939;
    z-index: 9;
    position: relative;
    line-height: 30px;
    margin: 0 0 30px;
    width: 487px;
    float: right;
    max-width: 100%
}

.start_partnership_inner .start_partnership_left_inner p.cms-offerservice {
    font-weight: 700;
    margin: 0 0 20px
}

.start_partnership_testimonial {
    background: #f5821f;
    width: 100%;
    padding: 70px;
    display: inline-block
}

.start_partnership_testimonial p {
    font-size: 24px;
    color: #fff;
    font-style: italic;
    margin: 0 0 26px;
    text-align: right;
    width: 487px;
    float: right;
    max-width: 100%
}

.start_partnership_inner .start_partnership_left_inner ul {
    clear: both;
    margin: -5px -27px 0 0;
    width: 487px;
    float: right;
    max-width: 100%
}

.start_partnership_inner .start_partnership_left_inner ul li {
    font-size: 20px;
    color: #3a3939;
    z-index: 9;
    position: relative;
    line-height: 30px;
    margin: 0 0 7px;
    text-align: left
}

.start_partnership_testimonial h3 {
    line-height: 20px;
    color: #fff
}

.start_partnership_testimonial h3 span {
    display: block;
    font-size: 18px;
    padding-top: 8px;
    color: #000;
    font-weight: 900
}

.testimonial_company.home_testimonial {
    margin-right: 56px
}

.testimonial_company {
    position: relative;
    left: 0;
    margin: 15px 0 0;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    float: right;
    justify-content: flex-end;
    width: 100%
}

.testimonial_company h3 {
    position: relative;
    display: block;
    line-height: 24px;
    right: 0;
    padding: 0 23px 0 0;
    border-right: 1px solid #fff;
    margin-top: 0;
    bottom: 0;
    float: none;
    color: #fff;
    margin-bottom: 0
}

.marketing_point li,
.seo_service_panel li {
    padding: 0 5% 0 0;
    list-style: none;
    box-sizing: border-box
}

.cloude_testimonial .testimonial_company {
    width: 500px;
    float: left
}

.testimonial_company h3 span {
    display: block;
    font-size: 18px;
    padding-top: 5px;
    color: #000;
    font-weight: 900
}

.testimonial_company span img {
    width: 70px;
    margin: 0 0 0 13px;
    border: none
}

.home_mid_sec .testimonial_company span img {
    width: 122px
}

.testimonial_company.author h3 {
    color: #000;
    border-right: 1px solid #000
}

.start_partnership_right {
    width: 50%;
    display: inline-block;
    padding: 70px;
    background: #fff
}

.start_partnership_right h2 {
    color: #f5821f;
    margin: 0 0 30px;
    font-size: 32px;
    width: 463px;
    max-width: 100%;
    font-weight: 900 !important
}

.start_partnership_right ul li span {
    font-size: 24px;
    border: 2px solid #000;
    height: 80px;
    width: 80px;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    line-height: 70px;
    font-weight: 700;
    margin: 0 16px 0 0;
    min-width: 80px;
    position: absolute;
    left: 0
}

.start_partnership_right ul li {
    font-size: 20px;
    color: #000;
    list-style: none;
    margin: 0 0 15px;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    position: relative;
    padding: 0 0 0 98px;
    height: 80px
}

.freamwork_testimobial {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.freamwork_testimobial .testimonials_left {
    width: 47%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    background: #f5821f;
    padding: 60px 30px 60px 0;
    position: relative
}

.freamwork_testimobial .testimonials_left:before {
    width: 100vw;
    margin-left: 50%;
    transform: translateX(-100%);
    background: #f5821f;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: -1;
    content: ''
}

.freamwork_testimobial .testimonials_left p {
    width: 100%;
    color: #fff;
    font-style: italic;
    text-align: left;
    font-size: 18px;
    margin-bottom: 28px
}

.freamwork_testimobial .testimonials_left h3 {
    float: right;
    color: #fff;
    margin: 0;
    font-size: 20px;
    line-height: 20px;
    text-align: right;
    font-weight: 400 !important
}

.freamwork_testimobial .testimonials_right_desc {
    background: 0 0;
    width: 45%;
    float: right;
    padding: 60px 30px 60px 0
}

.freamwork_testimobial .testimonials_right_desc p {
    color: #000;
    font-style: normal;
    margin: 0;
    font-size: 15px;
    line-height: 30px
}

.freamwork_desc {
    background: #fff;
    display: flex;
    align-items: center
}

.freamwork_desc .freamwork_desc_left {
    padding: 0 40px 0 322px;
    width: 49%;
    display: inline-block
}

.freamwork_desc .freamwork_desc_left h2 {
    margin: 0 0 11px
}

.freamwork_desc .freamwork_desc_right {
    width: 51%;
    display: inline-block;
    float: right
}

.fream_teck_panel {
    width: 100%;
    background: #000;
    display: block;
    float: left;
    padding: 70px 0
}

.fream_teck_panel .start_partnership_right {
    background: #000;
    display: inline-block;
    margin: 0 15px 0 0;
    padding: 0;
    width: 100%
}

.fream_teck_panel .start_partnership_right ul li,
.fream_teck_panel .start_partnership_right ul li a {
    font-size: 20px;
    color: #fff;
    list-style: none;
    margin: 0 0 15px
}

.fream_teck_panel .start_partnership_right ul li span {
    font-size: 24px;
    border: 2px solid #fff;
    height: 80px;
    width: 80px;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    line-height: 70px;
    font-weight: 700;
    margin: 0 16px 0 0
}

.organic-media-box.content-es.paid_sicial {
    padding: 50px 208px 0 70px
}

.working_desc.social-media-marketing .startup_desc h3 {
    font-size: 36px
}

.social-media-marketing .startup_desc .start_partnership_right {
    padding: 50px 0 0;
    width: 100%;
    text-align: left;
    position: relative
}

.social-media-marketing .startup_desc .start_partnership_right li span {
    width: 70px;
    height: 70px;
    min-width: 70px;
    line-height: 60px;
    position: absolute;
    left: 0
}

.social-media-marketing .startup_desc .start_partnership_right li {
    font-size: 20px;
    color: #000;
    list-style: none;
    margin: 0 0 22px;
    padding: 0 0 0 87px;
    height: 71px;
    display: flex;
    align-items: center
}

.startup_process_panel.social-media-marketing h2 {
    margin: 15px 0 10px;
    font-size: 16px;
    padding: 0;
    color: #fff
}

.startup_process_panel.social-media-marketing h2.title-heading {
    margin-bottom: 40px;
    font-size: 30px;
    font-weight: 700
}

.startup_process_panel.social-media-marketing h3 {
    margin: 0;
    padding: 0;
    font-size: 18px
}

.startup_process_panel.social-media-marketing .start-up_process_coll {
    min-height: auto;
    margin-bottom: 0;
    border: none
}

.organic-media-box {
    width: 50%;
    box-sizing: border-box
}

.organic-media-box.content-es {
    padding: 50px 70px 0 208px;
    box-sizing: border-box
}

.organic-media-box.content-es h2 {
    font-size: 48px;
    font-weight: 900 !important;
    color: #f5821f;
    margin-top: 0;
    max-width: 500px;
    line-height: 60px
}

.organic-media-box.content-es P {
    font-size: 18px;
    line-height: 30px;
    padding-top: 30px;
    margin-bottom: 0
}

.bottom-bumps {
    background: #f5821f;
    padding: 50px 0
}

.bottom-bumps p {
    color: #fff;
    font-size: 18px;
    line-height: normal;
    font-style: italic
}

.bottom-bumps .bumps-autho p {
    font-style: normal
}

.client-posts .home-demo h2 {
    font-weight: 900 !important;
    color: #f5821f;
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px
}

.client-posts .owl-carousel .item img {
    margin: auto;
    width: 96%
}

.bumps-author {
    text-align: right;
    padding-right: 150px;
    font-size: 18px
}

.bumps-author strong {
    display: block;
    font-weight: 900 !important;
    text-transform: capitalize;
    font-size: 22px
}

h2.seo_heading {
    text-align: center;
    color: #fff;
    font-weight: 900 !important;
    margin: 0 0 65px;
    font-size: 42px
}

.marketing_panel {
    background: #000;
    width: 100%;
    display: block;
    padding: 100px 0;
    margin-bottom: 60px;
    margin-top: 30px
}

.seo_marketing_content {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    margin-bottom: 60px
}

.seo_marketing_content:last-child {
    margin-bottom: 0;
    border: none
}

.col-seo {
    width: 30%;
    display: block
}

.col-seo img {
    z-index: 1;
    position: relative
}

.col-seo:after {
    background: #f5821f;
    height: 130%;
    content: '';
    width: 15px;
    display: block;
    position: relative;
    left: 93px;
    top: -30px
}

span.img_seo.strategising_icon {
    margin: 0 0 0 -13px
}

.seo_marketing_content .col-seo_text {
    width: 60%;
    margin: 15px 0 0
}

.img_seo img {
    z-index: 9;
    position: relative
}

.seo_content h2 {
    color: #f5821f;
    width: 100%;
    margin: 0 0 15px
}

.seo_service_panel {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 0 0 40px
}

.seo_service_panel li {
    width: 33.33%;
    font-size: 24px;
    color: #000;
    margin: 0
}

.seo_testimonial p.quotes_msg {
    font-style: italic;
    margin: 0 0 15px;
    width: 100%;
    font-size: 20px
}

.seo_testimonial .client_review_panel {
    width: 580px;
    padding: 0 80px 0 0;
    margin: 0;
    float: right;
    max-width: 100%
}

.seo_testimonial .author_desc h3 {
    position: relative;
    display: block;
    line-height: 24px;
    font-size: 20px;
    right: 0;
    padding: 0 23px 0 0;
    margin-top: 0;
    bottom: 0;
    float: none;
    text-align: right;
    font-weight: 400 !important;
    color: #fff;
    margin-bottom: 0
}

.seo_testimonial .author_desc h3 span {
    display: block;
    color: #000;
    font-size: 18px;
    float: none;
    font-weight: 900
}

.marketing_panel h3.ppc_heading {
    margin: 0 0 70px;
    color: #fff;
    font-size: 36px;
    line-height: 50px
}

.efficient-choice,
.marketing_point,
.open_sourse_shopify.open_sourse_shuger ul.others-page {
    margin: 0 0 40px
}

.marketing_point li {
    width: 49%;
    font-size: 24px;
    color: #000;
    margin: 0
}

.web_dev_app {
    width: 45%;
    float: left;
    z-index: 999;
    color: #f5821f;
    padding: 11px 0 0;
    background: #fff
}

.web_dev_app h3 {
    font-size: 50px;
    font-weight: 900 !important;
    line-height: 52px;
    margin: 0
}

.ecommerce_web,
.webcrmPpanel {
    background: #000;
    width: 100%;
    display: flex
}

.ecommerce_web .col_web {
    width: 33.33%;
    padding: 50px;
    color: #fff
}

.ecommerce_web .col_web h3,
.webcrmPpanel .col_web h3 {
    font-size: 36px;
    font-weight: 900 !important;
    text-transform: uppercase;
    margin: 0 0 18px
}

.ecommerce_web .col_web ul,
.webcrmPpanel .col_web ul {
    margin: 0 0 0 19px
}

.ecommerce_web .col_web ul li,
.webcrmPpanel .col_web ul li {
    font-size: 16px;
    line-height: 30px
}

.dynamic-crm .expertise_dynamics_point,
.running.ds-process .row .row,
.startup_process_inner.ecommerce_inner,
.technology.technology_tech .row {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    justify-content: center
}

.startup_process_inner.ecommerce_inner .start-up_process_coll {
    max-height: 700px;
    height: auto
}

.webcrmPpanel .col_web {
    width: 33.33%;
    padding: 50px;
    color: #000
}

.start_partnership_inner .ecommerce {
    background: url(../images/ecommerce.png) center/cover no-repeat;
    padding: 170px;
    width: 100%;
    position: relative;
    display: inline-block
}

.web_dev_work {
    background: #d9d9d9;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.web_dev-content,
.web_dev-content_inner {
    display: flex;
    align-items: center;
    position: relative
}

.web_dev_work .web_dev_work_left {
    width: 50%;
    display: inline-block;
    padding: 0 37px 0 370px;
    color: #fff
}

.web_dev_work .web_dev_work_left h2 {
    margin: 0 0 11px;
    line-height: 40px;
    font-weight: 900 !important
}

.web_dev_work a.view_button {
    border: 1px solid #fff;
    margin: 11px 0 0;
    display: inline-block
}

.itsupport_points .itsupport_points_right img,
.use_cloude_service .cloudeleft_img img {
    width: 100%;
    object-fit: fill;
    height: 100%
}

.web_dev_work.web_dev_two .web_dev_work_left {
    padding: 0 370px 0 37px;
    text-align: right
}

a.view_button.view_or:hover {
    background: #fff;
    color: #000;
    border: 1px solid #fff
}

.case_study_text a.view_button,
.ds_web_all .home_chat a.view_button.touch_btn,
.web_dev_work_left a.view_button.view-wh {
    border: 1px solid #000;
    color: #000
}

.web_dev_work h2.travel_head {
    color: #000;
    font-weight: 900 !important
}

.web_dev_work_left a.view_button.view-wh:hover {
    border: 1px solid #f5821f;
    background: #f5821f;
    color: #fff
}

.case_study_panel {
    width: 100%;
    margin: 50px 0
}

.case_study_text h2 {
    font-weight: 900 !important;
    color: #f5821f;
    font-size: 45px;
    width: 70%
}

.case_study_text a.view_button {
    margin: 14px 0 0;
    display: inline-block
}

.web_dev-content {
    background: url(../images/let_contact_bg.jpg) center/cover no-repeat;
    width: 100%;
    display: -ms-flexbox;
    padding: 100px 0
}

.web_dev-content:after {
    content: '';
    background: rgba(255, 255, 255, .4);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.web_dev-content_inner {
    z-index: 1;
    display: -ms-flexbox
}

.web_dev-content_inner h3 {
    color: #f5821f;
    display: block;
    font-size: 36px;
    text-align: right;
    font-weight: 900 !important
}

.web_dev-content_inner h3 span {
    display: block;
    color: #000;
    font-weight: 700;
    font-size: 24px
}

.web_dev-content_inner a.view_button {
    background: #f5821f;
    border: 1px solid #f5821f;
    font-size: 20px
}

.itsupport_points.hosting_point h2 {
    margin: 0 0 5px;
    font-size: 28px
}

.hosting_point ul li {
    font-size: 15px;
    margin: 0 0 10px 20px;
    line-height: 18px
}

.cloud_services_panel {
    background: #f5821f;
    width: 100%;
    padding: 50px 0 25px
}

.cloud_services_panel h2 {
    margin: 0;
    color: #fff;
    font-size: 50px;
    font-weight: 900 !important;
    padding: 0 65px 15px 0;
    line-height: 65px
}

.cloud_services_panel .cloud_item {
    margin: 0 0 35px;
    display: block
}

.cloud_services_panel .cloud_item h3 {
    color: #000;
    font-weight: 900 !important;
    margin: 0 0 10px
}

.use_cloude_service {
    width: 100%;
    display: flex;
    vertical-align: top;
    display: -ms-flexbox
}

.design_since .since_content_left.design_game {
    width: 50%;
    display: inline-block;
    padding: 0 37px 0 405px
}

.use_cloude_service .cloudeleft_img {
    width: 50%;
    display: inline-block;
    vertical-align: top
}

.use_cloude_service .since_content_right {
    width: 50%;
    display: inline-block;
    padding: 45px 70px
}

.use_cloude_service .since_content_right h2 {
    color: #f5821f;
    margin: 0 0 30px;
    font-size: 32px;
    width: auto;
    max-width: 100%;
    font-weight: 900 !important
}

.use_cloude_service .since_content_right ul {
    margin: 0;
    padding: 0;
    width: 515px;
    max-width: 100%;
    float: right
}

.use_cloude_service .since_content_right ul li {
    font-size: 20px;
    padding: 0 0 0 87px;
    height: 71px;
    display: flex;
    align-items: center;
    color: #000;
    list-style: none;
    margin: 0 0 15px;
    position: relative
}

.use_cloude_service .since_content_right ul li span {
    font-size: 24px;
    border: 2px solid #000;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    font-weight: 700;
    margin: 0 16px 0 0;
    width: 70px;
    height: 70px;
    line-height: 60px;
    position: absolute;
    left: 0
}

.cloude_testimonial {
    background: #f5821f;
    display: block;
    padding: 60px 208px 60px 70px;
    width: 50%
}

.cloude_testimonial p.quotes_msg {
    font-style: italic;
    margin: 0 0 15px;
    font-size: 20px;
    color: #fff;
    width: 500px;
    max-width: 100%
}

.use_cloude_service .since_content_right h2.since_benefit {
    width: 515px;
    float: right
}

.ocean_section {
    display: block;
    margin-top: 40px
}

.ocean_top_panel {
    margin: 0 0 30px;
    display: inline-block;
    width: 100%
}

.ocean_top_panel h2 {
    margin: 0;
    color: #000;
    text-align: left;
    line-height: 50px
}

.ocean_top_panel .ocean_top_dese_col:after {
    content: '';
    background: #000;
    height: 270px;
    width: 2px;
    position: absolute;
    float: right;
    top: 0;
    right: -86px;
    display: block !important
}

.ocean_top_panel .ocean_top_dese_col.quotes {
    width: 40%;
    float: right;
    text-align: left
}

.ccd_work {
    background: center/cover #f5821f;
    width: 100%;
    margin: 250px 0 0;
    padding: 0;
    position: relative;
    min-height: 600px
}

.ccd_work:before,
.ocean_holiday_contact:before {
    content: '';
    position: absolute;
    height: 100px;
    width: 100%;
    background-image: url(../images/ccd_banner.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: right top;
    top: -93px;
    left: 0
}

.ccd_work .ccd_panel {
    width: 840px;
    max-width: 100%;
    text-align: center;
    margin: 0;
    color: #fff;
    padding: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 10px)
}

.ccd_work .banner_comput {
    margin-top: -254px
}

.ccd_work_desc {
    flex-wrap: wrap;
    justify-content: center;
    margin: 40px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center
}

.ccd_work_desc .ccd_work_left {
    width: 60%;
    display: inline-block;
    float: left;
    text-align: left
}

.ccd_work_left p {
    color: #fff;
    font-size: 18px;
    padding: 0 57px 11px 0
}

.ccd_work_desc .ccd_work_desc_right h2,
.ocean_content_desc h2 {
    font-size: 60px;
    color: #fff;
    font-weight: 900 !important
}

.ccd_work_desc .ccd_work_desc_right {
    width: 36%;
    display: inline-block;
    margin: 0 25px 0 0;
    float: right;
    text-align: left
}

.ccd_work_desc .ccd_work_desc_right h2 {
    line-height: 70px
}

.ocean_technology {
    width: 100%;
    background: #000;
    display: block
}

.ocean_technology_inner ul li {
    display: inline-block;
    width: 33%;
    color: #fff;
    font-size: 28px;
    margin: 0 0 20px;
    font-weight: 700
}

.ocean_technology_inner ul li span {
    margin: 0 18px 0 0
}

.ocean_develop .since_content_left {
    width: 50%;
    display: inline-block;
    padding: 40px 37px 0 405px
}

.ocean_holiday_contact {
    width: 100%;
    margin: 0;
    padding: 0 0 100px;
    position: relative;
    margin-top: 50x;
    background: #f5821f
}

.ocean_holiday_contact .ocean_holiday_contact_inner {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.benifite_elearning {
    background: url(../images/e_banner.jpg) center/cover no-repeat;
    padding: 0 0 45px
}

.benifite_elearning_point {
    width: 60%;
    float: right;
    background: #f5821f;
    padding: 36px 50px 36px 97px
}

.benifite_elearning_point h3 {
    color: #fff;
    font-size: 36px;
    font-weight: 700
}

.benifite_elearning ul li {
    list-style: none;
    position: relative;
    font-size: 20px;
    margin: 0 0 23px;
    color: #000
}

.benifite_elearning ul li:before {
    content: '';
    background: url(../images/arrow_learning.png) no-repeat;
    height: 55px;
    width: 55px;
    display: inline-block;
    position: absolute;
    left: -70px;
    top: 20px
}

.elearning_desc .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: -ms-flexbox
}

.elearning_desc .web_dev_app {
    width: 35%;
    float: right;
    z-index: 999;
    color: #f5821f;
    padding: 11px 0 0;
    background: #fff
}

.elearning_desc .web_dev_app h3 {
    font-size: 50px;
    font-weight: 900 !important;
    line-height: 62px;
    margin: 0
}

.elearning_desc .working_left {
    float: left;
    width: 48%;
    color: #000
}

.elearning_desc .working_left p {
    font-size: 20px;
    font-weight: 100;
    color: #000;
    text-align: justify
}

.others-page {
    list-style: none;
    margin: 0 0 20px;
    overflow: hidden;
    text-align: left;
    background: #000;
    padding: 10px;
    border-radius: 5px
}

.others-page li {
    display: inline-block;
    text-align: left;
    width: auto;
    margin: 3px 0
}

.others-page li a {
    border-radius: 0;
    display: inline-block;
    font-family: Proxima_Nova_Regular;
    font-size: 15px;
    margin-bottom: 0;
    text-decoration: none;
    color: #fff;
    position: relative
}

.healthinsight p a,
a.case-pcl {
    text-decoration: underline !important
}

.others-page li a:after {
    border-right: 1px solid #fff;
    position: relative;
    top: 2px;
    right: 0;
    left: 0;
    content: '';
    height: 13px;
    margin: 0 5px 0 10px;
    display: inline-block
}

.tech-inner p img.opensource {
    display: inline-block;
    float: right;
    vertical-align: middle;
    margin: 0 0 0 30px
}

.open_sourse_shopify h2,
.wordpress_crm_panel h2 {
    line-height: normal;
    font-weight: 600;
    letter-spacing: 0;
    color: #000;
    font-size: 18px
}

.open_sourse_shopify img {
    width: 192px;
    height: auto
}

.open_sourse_shopify ul.features {
    display: inline-block;
    margin: 30px 0 0
}

.open_sourse_shopify ul.features strong {
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: .2px;
    margin-bottom: 0;
    line-height: 32px;
    color: #f5821f;
    float: left;
    width: 100%
}

.open_sourse_shopify ul.contlink2 li,
.open_sourse_shopify ul.features li {
    font-size: 15px;
    list-style: none;
    margin: 0 0 11px;
    background: url(../images/gryrndarw.png) left 7px no-repeat;
    padding: 0 0 0 26px;
    font-family: 'Segoe UI Symbol' !important;
    color: #484848;
    float: left;
    width: 100%
}

.industry-list ul {
    margin-left: 23px
}

.industry-list ul li {
    position: relative;
    padding: 6px;
    list-style: none
}

.industry-list ul li:after {
    content: "";
    background: #fff;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    position: absolute;
    left: -20px;
    top: 5px;
    border: 6px solid #f5821f
}

.game-inner-box-sho {
    width: 100%;
    height: auto;
    background: #ececec;
    padding-top: 50px;
    padding-bottom: 50px;
    margin: 11px 0 0
}

.game-inner-box-sho h3 {
    color: #f5821f;
    text-transform: uppercase;
    font-size: 36px;
    text-align: center;
    padding: 0 0 20px;
    margin: 0
}

.game-inner-box-sho p {
    line-height: 22px;
    margin: 0;
    color: #000
}

.game-inner-box-sho p strong {
    color: #f5821f;
    margin: 9px 0 0;
    display: inline-block
}

.game-inner-box-sho ul {
    padding-top: 20px;
    padding-bottom: 30px
}

.game-inner-box-sho ul li {
    font-size: 16px;
    background: url(../img/li-button.png) left top no-repeat;
    list-style: none;
    padding-left: 18px;
    color: #000
}

.dynamic-crm.mds_panel {
    position: relative;
    padding: 40px 0;
    display: inherit;
    margin: 40px 0 0
}

.dynamic-crm.mds_panel:after {
    width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
    background: #000;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: -1;
    content: ''
}

.microsoft_crm_panel .dynamic-crm.mds_panel h3 {
    color: #fff;
    text-align: center;
    margin: 0;
    z-index: 9;
    position: relative;
    width: 100%;
    font-size: 30px
}

.microsoft_crm_panel .dynamic-crm.mds_panel h4 {
    color: #fff;
    margin: 15px 0 35px
}

.microsoft_crm_panel .dynamic-crm.mds_panel .box-crm {
    width: 100%;
    display: inline-block;
    text-align: center;
    border: 5px solid #fff;
    padding: 30px;
    vertical-align: top;
    min-height: 485px;
    background: 0 0;
    margin: 0 0 35px
}

.microsoft_crm_panel.share_point_work .dynamic-crm.mds_panel .box-crm {
    min-height: 510px
}

.microsoft_crm_panel .dynamic-crm.mds_panel .box-crm h5 {
    font-weight: 700;
    color: #f5821f;
    font-size: 21px;
    margin: 11px 0 18px;
    min-height: 50px
}

.microsoft_crm_panel .dynamic-crm.mds_panel .box-crm p {
    color: #fff;
    line-height: 28px
}

.client_crm_img {
    display: inline-block;
    margin: 22px 0 0
}

.client_crm_img .m-crm {
    display: inline-block;
    text-align: center;
    border: 1px solid #ccc;
    margin: 0 10px 20px;
    width: 30%;
    padding: 10px
}

.client_web_point .cuadro_intro_hover .caption-text .review-body p.add-courses-description,
.ds-ind-travel p.bluetxt.industry-title,
.meet-team-inner .meet-team-blog .show-team-back .meet-team-profile .tabs_container .tab_content.active,
.micro-net-tabs .panel-body,
.microsoft_crm_panel .delivered,
.open_sourse_shuger .suger_achivement {
    display: inline-block;
    width: 100%
}

.microsoft_crm_panel .delivered p {
    color: #2c3e50;
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    margin: 0;
    padding: 0;
    text-align: center
}

.dynamic-crm.functionality h3,
.microsoft_crm_panel .dynamic-crm h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 27px;
    color: #f5821f;
    margin-top: 50px
}

.microsoft_crm_panel .dynamic-crm h4 {
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    color: #000
}

.microsoft_crm_panel .dynamic-crm .box-crm {
    background: #fff;
    border: 1px solid #ecf0f1;
    padding: 50px 15px;
    text-align: center;
    vertical-align: top;
    min-height: 390px
}

.microsoft_crm_panel .dynamic-crm .box-crm h5 {
    text-align: center;
    font-size: 18px;
    color: #2a3c7a
}

.microsoft_crm_panel .dynamic-crm .box-crm p,
.travel_panel .sales-new .box-crm3 p {
    font-size: 16px;
    line-height: 20px;
    margin-top: 7px;
    text-align: center
}

.microsoft_crm_panel .dynamic-crm .crm-tool-inr .crm-tool-nm {
    border-bottom: 1px solid #e6e3e3;
    display: block;
    font-size: 22px;
    line-height: 1.1;
    min-height: 50px;
    padding: 30px 0;
    position: relative;
    font-weight: 600
}

.microsoft_crm_panel .dynamic-crm .crm-tool-inr .crm-tool-nm i.fa {
    background: #f5821f;
    border-radius: 100%;
    color: #fff;
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px
}

.microsoft_crm_panel .dynamic-crm .crm-tool-inr .crm-tool-nm span {
    left: 65px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.microsoft_crm_panel .dynamic-crm .web_dev_box1 {
    border: 2px solid #f5821f;
    padding: 68px 15px 16px;
    display: block;
    position: relative;
    margin: 100px 0 0;
    text-align: center
}

.microsoft_crm_panel .dynamic-crm .web_dev_box1 .icn_box4 {
    display: block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -59px
}

.microsoft_crm_panel .dynamic-crm .web_dev_box1 h4 {
    border-bottom: 1px solid #f5821f;
    display: block;
    margin: 0 0 25px;
    padding: 0 0 15px
}

.microsoft_crm_panel .dynamic-crm .web_dev_box1 ul li {
    display: block;
    float: none;
    margin: 5px 0 0;
    padding: 0 0 0 25px;
    position: relative;
    width: 100%;
    text-align: left
}

.microsoft_crm_panel .dynamic-crm .web_dev_box1 ul li:before {
    font-size: 15px;
    list-style: none;
    background: url(../images/gryrndarw.png) no-repeat;
    color: #484848;
    float: left;
    width: 100%;
    content: '';
    padding: 14px 0;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 7px
}

.dynamic-crm.functionality .function-fetaure.full .fc-box {
    min-height: 97px;
    display: flex;
    align-items: center;
    display: -ms-flexbox;
    border-right: 1px solid #d1d1d1;
    margin: 0;
    padding: 15px
}

.dynamic-crm.functionality .function-fetaure.full .fc-box img {
    width: auto;
    max-width: max-content
}

.dynamic-crm.functionality .function-fetaure.full .fc-box p {
    font-size: 19px;
    font-weight: 400;
    display: block;
    margin: 0 0 0 15px;
    text-align: left
}

.dynamic-crm h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 27px;
    color: #000;
    margin: 30px 0;
    display: inline-block;
    width: 100%
}

.dynamic-crm .box-crm.er {
    background: #fff;
    border: 1px solid #ecf0f1;
    padding: 50px 15px;
    text-align: center;
    vertical-align: top;
    min-height: 460px
}

.dynamic-crm .box-crm.er h5 {
    text-align: center;
    font-size: 18px;
    color: #2c3e50;
    line-height: 28px
}

.share_point_work .dynamic-crm.mds_panel::after {
    background: #fbfbfb
}

.microsoft_crm_panel.share_point_work .dynamic-crm.mds_panel .box-crm {
    border: 5px solid #000
}

section.head-banner.technology-banner .carousel-caption.caption-content {
    top: inherit;
    transform: inherit;
    position: relative;
    margin: 100px 0 0
}

.open_sourse_shopify .open_sourse_cake .tech-inner ul.contlink2 {
    display: inline-block;
    width: 80%;
    float: left
}

.open_sourse_shopify .open_sourse_cake .tech-inner img {
    width: auto;
    float: right
}

p.bluetxt {
    color: #000;
    font-size: 18px
}

section.head-banner.expertise_banner {
    height: 740px;
    background: #000;
    display: inline-block;
    padding: 30px 0;
    margin: 0 0 -5px;
    overflow: hidden
}

section.head-banner.expertise_banner.technology-banner {
    height: auto
}

.technology-banner .text-left {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    float: left
}

.technology-banner .text-right .tech-intro .hd1 {
    font-size: 22px;
    color: #000;
    text-shadow: none;
    font-family: Lato !important;
    font-weight: 700;
    text-transform: uppercase
}

.technology-banner .text-right .tech-intro small {
    font-size: 14px;
    text-shadow: none;
    font-family: Lato !important;
    font-weight: 700
}

.technology-banner .text-right {
    float: right;
    margin: 0 0 50px;
    width: 40%;
    display: inline-block;
    vertical-align: top
}

.technology-banner .text-right .tech-intro {
    background: #f5821f;
    background: linear-gradient(0deg, #f5821f 17%, #f5a23f 100%);
    padding: 18px 0;
    text-align: center
}

.technology-banner .text-right form#contact_form {
    display: inline-block;
    width: 100%;
    border: 1px solid #734b06;
    padding: 15px;
    position: relative;
    background: #000
}

.technology-banner .text-right form#contact_form:before {
    content: '';
    background: #f5821f;
    left: -7px;
    width: 85%;
    height: 86%;
    display: inline-block;
    position: absolute;
    z-index: -1;
    top: 66px
}

.technology-banner .text-right form#contact_form ul li.contact-form-field .md-form-control input {
    height: auto;
    color: #fff !important;
    width: 100%
}

.technology-banner .text-right form#contact_form ul li.contact-form-field .md-form-control.textarea input {
    height: 45px
}

.technology-banner .text-right form#contact_form ul li.contact-form-field .error-message {
    text-align: left;
    font-size: 12px;
    width: 100%
}

.app_dev_text_right ul li.work_icon_special,
.technology-banner .text-right form#contact_form ul li.lst-child p.checkbox_desc {
    font-size: 15px
}

.banner-point-sec.banner-farcesquares h1.Forcesquareshd {
    color: #f5821f;
    margin: 25px 0
}

.banner-point-sec.banner-farcesquares img.salesforce-img.salesforce-banner {
    width: 100%;
    margin-top: 10px
}

.numbertaking_panel.share-denefite .numbertaking_coll p {
    min-height: 70px;
    margin: 10px 0 0
}

.salesforce-sec2-ds {
    background: #00a1e1;
    padding: 40px 0
}

.full-partner-logo-sec3.crm-salesforce-certicated .mobile-sec-inner2 ul li {
    margin: 0 0 30px;
}

.full-partner-logo-sec3.salesforce-certified .mobile-sec-inner2 ul li {
    width: 24%
}

.salesforce-sec2-ds ul {
    display: flex;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.salesforce-sec2-ds ul li {
    color: #fff;
    list-style: none;
    display: inline-block;
    padding: 0 30px;
    vertical-align: top;
    width: 19%;
    text-align: center
}

.salesforce-sec2-ds ul li .dis-block {
    display: block;
    position: relative
}

.salesforce-sec2-ds ul li strong.dis-block {
    display: block;
    font-size: 26px;
    padding: 8px 0
}

.numbertaking_panel.salesforce-integration p {
    color: #fff;
    text-align: center;
    margin: 0 0 40px
}

.enquire-section .enquire-form .form-group,
section.choose-us-because-section .main-headinginner h2.title-heading,
section.choose-us-because-section.aspintro h2.title-heading {
    margin-bottom: 15px
}

section.choose-us-because-section.aspintro .fc-box i.fa {
    background: #fff;
    width: 67px;
    height: 67px;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 30px
}

.full-partner-logo-sec3 {
    background: #eee;
    padding: 25px 0
}

.full-partner-logo-sec3 .mobile-sec-inner2 ul li {
    list-style: none;
    display: inline-block;
    padding: 0 10px;
    text-align: center;
    vertical-align: middle;
    width: 12%
}

.card_col_1 li,
.full-partner-logo-sec3 .mobile-sec-inner2 ul.hubspot-partner-logo li {
    width: 16%
}

.full.major-client-sec-dynamics {
    background: 0 0/cover #333;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 58px 0
}

.full.major-client-sec-dynamics ul li {
    list-style: none;
    display: inline-block;
    float: left;
    padding: 0 10px;
    vertical-align: top;
    width: 16.6666%
}

.full.major-client-sec-dynamics ul li img {
    width: 100%;
    border-radius: 5px
}

.startup_process_panel.dynamic-business .insight-corebox ul li {
    list-style: none;
    text-align: left;
    color: #fff;
    position: relative;
    line-height: 30px;
    padding: 0 0 0 20px
}

.startup_process_panel.dynamic-business .insight-corebox ul li:before {
    position: absolute;
    content: '';
    font-family: fontawesome;
    left: 0
}

.azure-devops-graph-img {
    width: 70%;
    margin: auto;
    display: table
}

.devops-img {
    width: 50px
}

.benefits-azure .benefits-azure-inner ul li {
    list-style: none;
    position: relative;
    padding: 0 0 0 20px;
    line-height: 30px;
    font-size: 16px
}

.benefits-azure .benefits-azure-inner ul li:before {
    content: "\f00c";
    font-family: FontAwesome;
    color: #f5821f;
    position: absolute;
    left: 0
}

.benefits-azure img.devopsazz-img,
.diago-sec img,
.ds-ind-travel .api-box li img,
.ds-ind-travel .choose-left img {
    max-width: 100%
}

.meanstack-panel h2.title-heading,
section.our-process-section h2.title-heading {
    text-align: center;
    margin: 0
}

.meanstack-panel p {
    text-align: center;
    margin: 20px 0 40px
}

.startup_process_panel.magento-certifications.achievements-bg.meanstact-achive {
    background: #f7f7f7
}

.app-webmean-panel {
    background: 0 0;
    margin: 50px 0
}

.app-webmean-panel h2 {
    color: #000;
    text-align: center;
    margin: 0 0 38px
}

.app-webmean-panel ul {
    display: block;
    margin: 20px 0 0;
    padding: 0;
    position: relative
}

.app-webmean-panel ul li {
    margin: 30px 0;
    width: 20%;
    text-align: center;
    border-right: 1px solid #4d4d4d;
    float: left;
    list-style: none;
    padding: 0 24px
}

.app-webmean-panel ul li img {
    margin: auto;
    display: block
}

.app-webmean-panel ul li h3 {
    color: #000;
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.1;
    margin: 8px 0 0;
    padding: 0 0 7px
}

.features-magento,
.fullfilment .industry .slick-arrow:focus,
.fullfilment .industry .slick-arrow:hover {
    background: #fff !important
}

.magento-comparison {
    color: #fff;
    text-align: center;
    margin-top: 35px
}

.heading-comparison {
    margin-top: 25px !important;
    margin-bottom: 19px !important
}

.magento-comparison ul li {
    font-size: 18px;
    list-style: none;
    line-height: 35px
}

.comparison-pera {
    text-align: center;
    color: #fff;
    font-size: 24px
}

.magento-certifications {
    background: #f58220
}

.magento-extension {
    padding: 40px 0 60px
}

.service-1 .chooseus-panel .chooseus-box {
    border: 8px solid #fff
}

.achievements-bg .insight-corebox {
    border: none;
    text-align: center;
    padding: 0
}

.achievements-bg .hd3 {
    color: #fff;
    font-size: 18px;
    padding: 12px
}

.achive {
    font-size: 30px;
    text-align: center;
    padding-top: 36px
}

.spotlight-slider {
    padding: 30px
}

.efficient-choice h2.title-heading {
    margin-bottom: 5px
}

.open_sourse_prestashop .prista_icon {
    width: auto;
    float: left;
    margin: 0 30px 0 0
}

.open_sourse_prestashop p {
    line-height: 26px
}

.features-magento ul li:before {
    color: #f58220;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 19px;
    left: 5px;
    position: absolute;
    vertical-align: middle;
    margin: -3px 0 0
}

.service-1 .chooseus-box {
    border: 7px solid #fff
}

.power-php.features-magento.power-php-magento ul li {
    padding: 0 0 0 16px
}

.power-php.features-magento.power-php-magento ul li ul.magento-list2 li {
    padding: 0 0 0 33px;
    font-size: 17px !important
}

.features-magento ul li {
    font-size: 17px;
    list-style: none;
    display: block;
    color: #2c3e50;
    font-weight: 400;
    margin: 6px 14px 0
}

.woocommerce-bg {
    background: #323a46;
    padding: 55px 0 0
}

.woocommerce-development li {
    color: #eee;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 17px;
    margin: 15px 0 0;
    padding: 0 0 0 25px;
    position: relative;
    text-align: left;
    list-style: none
}

.woocommerce-development ul li:after {
    position: absolute;
    left: 0;
    top: 0;
    font-family: FontAwesome;
    content: ""
}

.woocommerce-development .insight-corebox h3 {
    color: #f5821f;
    text-align: left;
    margin-bottom: 33px
}

.woo_sec2 ul li {
    background: #fff;
    box-shadow: 0 0 2px #e5e5e5;
    display: inline-block;
    float: left;
    height: 100px;
    margin: .5%;
    padding: 0;
    position: relative;
    width: 11.5%
}

.woo_sec2 ul li img {
    margin: 0 auto;
    padding: 0 10px;
    width: 100%;
    display: block;
    left: 0;
    max-height: 80px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.reas-pyth.omni1 ul li {
    margin: 0 0 11px;
    font-size: 15px;
    font-weight: 400
}

.reas-pyth.omni2 ul li {
    margin: 0 0 24px;
    font-size: 15px;
    font-weight: 400;
    float: left
}

.reas-pyth.eum-point ul {
    margin: 0 15px;
    display: inline-block;
    width: auto !important
}

.reas-pyth.eum-point ul li {
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    margin: 0 0 8px
}

.tech-inner p {
    margin-bottom: 7px
}

.alexa_panel .whiteblock-1 .dowloadalexa ul.navtext,
.game_solution .mob-game .left-content,
.tech-inner ul.contlink2 li ol {
    padding-top: 10px
}

.magentoupgrade-inside ol.magentopoint li,
.tech-inner ul.contlink2 li ol li {
    list-style: disc
}

section.head-banner.expertise_banner img.healthcare-banner {
    display: block;
    width: 100%;
    height: 580px;
    object-fit: cover
}

.com-awards-sec,
.industry_panel-sec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 48px 0 0;
    width: 100%
}

.health-cloud {
    background: #000;
    display: flex;
    display: -ms-flexbox;
    margin-top: 42px;
    border-bottom: 1px solid #302f2f;
    padding: 0
}

.health-cloud-content h2 {
    color: #f5821f;
    margin-bottom: 28px;
    margin-top: 0
}

.health-poits-sec {
    border: 1px solid #ededed;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0 5px 29px 0 #ecf4ff;
    -webkit-transition: .4s;
    transition: .4s;
    height: 100%
}

.hubspot-development-section,
section.industries-section {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2
}

.com-awards-inner:hover,
.health-poits-sec:hover {
    box-shadow: 0 4px 27px #d4d7f9;
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.health-poits-sec .health-img-sec {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px #f5821f
}

.health-cloud .health-cloud-right {
    padding: 40px 37px 40px 40px;
    display: flex;
    align-items: center
}

.health-cloud-content p.linktext {
    color: #ffff;
    font-weight: 500;
    font-size: 20px;
    border-bottom: 1px solid #fff;
    display: inline-block;
    margin: 0 20px 21px 0;
    width: auto
}

.health-cloud>div img,
.meet-leader-sec-inner .flip-card-front img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.health-cloud .health-cloud-content ul.contlink2 li {
    background: url(../images/gryrndarw.png) left 7px no-repeat;
    font-size: 15px;
    list-style: none;
    margin: 0 0 11px;
    padding: 0 0 0 26px;
    font-family: 'Segoe UI Symbol' !important;
    color: #fff
}

.health-cloud .health-cloud-content p.bluetxt {
    color: #f5821f;
    margin: 0 0 10px
}

a.case-pcl {
    color: #f5821f;
    font-weight: 500;
    font-size: 18px;
    margin: 13px 0 0;
    display: inline-block
}

@media screen and (max-width:479px) {
    .woo_sec2 ul li {
        margin: 1%;
        width: 48%
    }
}

@media screen and (max-width:767px) {
    .woo_sec2 ul li {
        width: 24%
    }
}

.androidbanner-img,
.banner-point-sec img.headerbanner-img,
.banner-point-sec img.salesforce-img {
    display: block !important;
    width: 100%
}

.achievements-bg .hd3 span {
    display: block;
    font-size: 24px
}

.android-extension {
    background: #f58220;
    padding: 40px 0;
    text-align: center
}

.android-extension .title-heading {
    text-align: center;
    color: #fff;
    margin-bottom: 45px
}

.android-extension .chooseus-box h4 {
    color: #fff;
    padding: 7px;
    min-height: 64px;
    height: 50px
}

.rapid-development h3 {
    font-size: 17px;
    color: #fff
}

.rapid-development .insight-corebox {
    padding: 24px 12px
}

.rapid-development i {
    font-size: 45px;
    color: #f58b28
}

.rapid-development p {
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin-bottom: 40px
}

.rapid-development h2.title-heading {
    margin-bottom: 11px
}

.open_sourse_shuger .box-header .size-medium.wp-image-4914.alignright {
    float: right;
    width: auto;
    margin: 0 0 0 68px
}

.open_sourse_shuger .service {
    border-radius: 5px;
    background: #f5821f;
    padding: 15px 30px 20px;
    text-align: center;
    color: #fff;
    margin: 42px 0 30px
}

.open_sourse_shuger .service h3 {
    font-size: 30px;
    margin: 0 0 15px;
    font-weight: 700
}

.open_sourse_shuger .service strong {
    font-size: 20px;
    margin: 0 0 8px;
    display: inline-block
}

.open_sourse_shuger .padT40 {
    margin-bottom: 10px;
    display: inline-block
}

.open_sourse_shuger .padT40 .crm-inr-box1 {
    background: #000;
    border: 2px solid #000;
    padding: 35px 25px;
    text-align: center;
    transition: .3s
}

.open_sourse_shuger .padT40 .crm-inr-box1 h4 {
    color: #d06f1a;
    margin: 16px 0
}

.open_sourse_shuger .padT40 .crm-inr-box1 p {
    color: #fff;
    text-align: center !important
}

.open_sourse_shuger .suger_features_panel .crm-inr-box2 {
    border: 4px solid #000;
    margin: 0 0 30px;
    padding: 30px 20px 20px;
    text-align: center;
    background: #fff;
    min-height: 500px
}

.open_sourse_shuger .suger_features_panel .crm-inr-box2 p,
.t-center {
    text-align: center !important
}

.open_sourse_shuger .service_sugercrm .crm-inr-box3 {
    background: #fff;
    border: 4px solid #000;
    margin: 0 0 30px;
    padding: 40px 20px 20px;
    text-align: center;
    height: 400px
}

.open_sourse_shuger .service_sugercrm .crm-inr-box3 h3 {
    font-size: 20px;
    min-height: 52px
}

.open_sourse_shuger .suger_achivement ul {
    text-align: center;
    display: block;
    color: #fff;
    margin-top: 0
}

.magento_enterprice_panel .sec12 ul li,
.open_sourse_shuger .suger_achivement ul li {
    display: inline-block;
    padding: 30px 0 0;
    vertical-align: top;
    width: 200px
}

.magento_enterprice_panel .sec12 ul li .hd3,
.open_sourse_shopify.open_sourse_shuger .suger_achivement ul li .hd3 {
    font-weight: 700;
    font-size: 18px;
    line-height: normal;
    padding: 10px 0;
    text-transform: uppercase;
    color: #000
}

.wordpress_crm_panel img.aligncenter {
    margin: auto;
    display: table;
    height: auto
}

.magento_enterprice_panel .magento_ent_sec3 .m_img1,
.wordpress_crm_panel img.alignnone {
    margin: 30px 0
}

.xcart_panel img.size-full {
    float: right;
    margin: 16px 0 0
}

.xcart_panel ul.contlink2 {
    margin: 20px 0 0;
    display: inline-block
}

.xcart_panel ul.contlink2 li {
    position: relative;
    list-style: none;
    padding: 0 0 11px 25px
}

.xcart_panel ul.contlink2 li:after {
    font-size: 15px;
    list-style: none;
    margin: 0 0 11px;
    background: url(../images/gryrndarw.png) left 7px no-repeat;
    font-family: 'Segoe UI Symbol' !important;
    color: #484848;
    float: left;
    width: 100%;
    content: '';
    padding: 12px;
    position: absolute;
    left: 0
}

.zencart img.open_source_zend {
    float: right;
    margin: 0 0 0 35px
}

.ruby_panle img {
    float: left;
    margin: 0 30px 0 0
}

.ruby_panle a.broken_link {
    text-decoration: line-through !important
}

.banner-section.banner-hubspot .banner-captions h1 {
    padding: 40px 0 0;
    color: #fff;
    font-size: 50px
}

.banner-section.banner-hubspot .banner-captions h1 span {
    padding: 0;
    color: #f5821f;
    font-size: 50px
}

.banner-section .banner-captions .bnr_listing {
    padding: 15px 0 70px
}

.banner-section .banner-captions .bnr_listing ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.banner-section .banner-captions .bnr_listing ul li {
    color: #fff;
    display: block;
    font-size: 24px;
    margin: 24px 0 0;
    position: relative;
    text-transform: uppercase;
    padding: 0 28px
}

.banner-section .banner-captions .bnr_listing ul li i.fa {
    color: #f5821f;
    margin: 5px 5px 0 0;
    position: absolute;
    left: 0
}

.banner-section .banner-captions .bnr_listing a.enquire-link {
    margin: 26px 0 0;
    background: 0 0;
    color: #fff;
    border: 1px solid #fff;
    padding: 8px 18px;
    font-size: 14px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 600;
    transition: .2s ease-in-out;
    display: inline-block
}

.hubsport_sec .main-heading {
    margin-bottom: 11px;
    text-align: center
}

section.what-hubspot-section {
    padding: 50px 0 12px;
    background: url(../images/hubspot-bg1.png) right bottom/contain no-repeat #f7f7f7
}

.hubsport_sec h2 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 36px;
    margin-bottom: 10px;
    line-height: 1;
    padding: 0;
    color: #000;
    text-align: center
}

.hubspot-development-section {
    padding: 40px 0;
    background: #000
}

section.hubspot-development-section .inner {
    margin: 25px 0 0;
    display: inline-block;
    width: 100%
}

.hubspot-development-section .inner .hub-block1 {
    border-radius: 0;
    border: 5px solid #fff;
    background: 0 0;
    padding: 30px 40px;
    box-shadow: none;
    margin-bottom: 30px;
    min-height: 411px;
    text-align: center
}

.ctr-pointflex {
    display: flex;
    flex-wrap: wrap;
    display: -ms-flexbox;
    justify-content: center;
    -ms-flex-align: center
}

.hubspot-development-section .inner .hub-block1:hover,
.hubspot-development-section .inner .hub-block1:hover span,
.our-process-section .process-box:hover,
.sugerhire_sec .what-suger-crm-section .crm-inr-box1:hover .crm-icn1 {
    box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, .3)
}

.hubspot-development-section .inner .hub-block1 span {
    background: 0 0;
    padding: 15px;
    border-radius: 10px
}

.hubspot-development-section .inner .hub-block1 strong {
    display: block;
    font-size: 24px;
    padding: 20px 0 10px;
    color: #f5821f
}

.our-experinece-section {
    padding: 80px 0;
    background-color: #fff
}

.our-experinece-section .hub-block2 {
    border-radius: 10px;
    text-align: center;
    background: #fff;
    border: 1px solid #c7c7c7;
    padding: 0 10px 15px;
    margin-top: 60px;
    min-height: 320px;
    transition: .2s ease-in-out
}

.our-experinece-section .hub-block2 span {
    background: #f5821f;
    padding: 4px;
    display: inline-block;
    border-radius: 100px;
    width: 107px;
    margin-top: -56px
}

.our-experinece-section .hub-block2 .hub-hd.dis-block {
    padding: 15px 0;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    font-size: 20px
}

section.industries-section {
    padding: 40px 0 60px;
    background: #f2f2f2
}

.industries-section ul {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0
}

.industries-section ul li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    width: 20%;
    padding: 40px
}

.industries-section ul li:last-child,
.travel_panel .margT35 .nobdr-right,
.travel_panel .margTm1 .nobdr-right {
    border-right: none
}

.industries-section img {
    vertical-align: middle;
    border-style: none
}

.industries-section ul li span {
    display: block;
    font-size: 20px;
    color: #222;
    font-weight: 500;
    margin-top: 30px
}

section.our-process-section {
    padding: 40px 0 60px;
    background-color: #f9f9fb
}

.our-process-section .process-box {
    background: #fff;
    border: 1px solid #f1f1f1;
    padding: 0
}

.our-process-section .process-box .top {
    background: #efefef;
    text-align: center;
    padding: 0
}

.our-process-section .process-box h4 {
    text-align: center;
    font-size: 23px;
    text-transform: uppercase;
    background: #000;
    color: #fff;
    padding: 16px 0
}

.our-process-section .process-box img {
    padding: 10px 0
}

section.choose-us-because-section {
    padding: 40px 0 60px;
    background: #f1f3f7
}

.choose-us-because-section .fc-box {
    margin: 0;
    min-height: 97px
}

.choose-us-because-section .fc-box i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.choose-us-because-section .fc-box p {
    font-size: 16px !important;
    font-weight: 400;
    display: block;
    margin: 0 0 0 85px;
    padding: 0 15px 0 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    color: #000
}

section.choose-us-because-section.aspintro .fc-box p {
    margin: 0 0 0 65px
}

.enquire-section {
    padding: 65px 0 70px;
    background: url(../images/enquery-bg.jpg) 0 0/cover no-repeat
}

.main-heading p {
    font-size: 16px;
    color: #333;
    padding-bottom: 0
}

.enquire-section .enquire-form {
    max-width: 665px;
    width: 100%;
    margin: 0 auto
}

.enquire-section .enquire-form .form-control {
    border: none;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    color: #fff;
    background: rgba(0, 0, 0, .5)
}

.enquire-section .enquire-form textarea.form-control {
    height: 135px;
    margin-bottom: 35px;
    resize: none
}

.enquire-section .enquire-form button {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    background: 0 0;
    border-radius: 6px;
    padding: 8px 18px;
    margin-top: 4px;
    color: #fff;
    font-weight: 600;
    font-family: 'Segoe UI';
    transition: .3s;
    border: 1px solid #fff
}

.magento_enterprice_panel .magento_ent_sec1 ul {
    list-style: none;
    padding: 25px 0 0;
    text-align: center
}

.magento_enterprice_panel .magento_ent_sec1 ul li {
    list-style: none;
    display: inline-block;
    margin: 0 4px;
    border: 1px solid #1d1d1d
}

.magento_enterprice_panel .magento_ent_sec2 .padT40 .why_magento_box {
    background: #000;
    border: 2px solid #000;
    color: #fff;
    padding: 30px 15px;
    height: 500px !important
}

.magento_enterprice_panel .magento_ent_sec2 .padT40 .why_magento_box h3 {
    font-size: 20px;
    font-weight: 400;
    padding: 0 0 15px;
    color: #f5821f;
    min-height: 62px
}

.magento_enterprice_panel .crm-inr-box3 {
    background: #fff;
    border: 4px solid #000;
    margin: 0 0 30px;
    padding: 40px 20px 20px;
    text-align: center
}

.magento_enterprice_panel .crm-inr-box3 h3 {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    padding: 30px 0 10px;
    text-align: center
}

.magento_enterprice_panel .magento_ent_sec3 h3,
.magento_enterprice_panel .magento_ent_sec4 h3 {
    font-size: 18px;
    line-height: normal
}

.magento_enterprice_panel .magento_ent_sec4 img.alignleft {
    float: left;
    margin: 0 25px 0 0
}

.magento_enterprice_panel .magento_ent_sec6 .magento_inr_sec1 {
    background: #fff;
    border: 4px solid #000;
    margin: 30px 0 0
}

.magento_enterprice_panel .magento_ent_sec6 .magento_inr_sec1 h3 {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    padding: 0 15px 15px;
    text-align: center;
    line-height: 28px
}

.magento_enterprice_panel .magento_ent_sec6 .magento_inr_sec1 ul {
    list-style: none;
    padding: 0 20px
}

.magento_enterprice_panel .magento_ent_sec6 .magento_inr_sec1 ul li {
    list-style: none;
    display: block;
    position: relative;
    padding: 0 0 0 20px;
    margin: 0 0 4px;
    color: #000;
    font-size: 16px
}

.magento_enterprice_panel .magento_ent_sec6 .magento_inr_sec1 ul li:before {
    content: "\f101";
    font-family: FontAwesome;
    left: 0;
    position: absolute;
    top: 0;
    color: #f5821f
}

.magento_enterprice_panel .sec12 ul {
    text-align: center;
    display: block;
    color: #fff;
    width: 670px;
    margin: auto;
    max-width: 100%
}

.magento_enterprice_panel .sec12 ul li .srvc_health {
    text-align: center;
    float: left
}

.wp-video {
    margin: auto auto 20px
}

.wp-video-shortcode {
    margin: 20px auto auto;
    display: table
}

.inho_zoho_inner .zoho-creator {
    min-height: 435px
}

.inho_zoho_inner .zoho-creator-services {
    min-height: 385px
}

.zoho_sec .welcome-area.zoho-creator-banner {
    background: url(../img/banner-bg_zoho2.png) right top/auto 100% no-repeat
}

.zoho_sec .welcome-area.zoho-creator-banner .center-heading {
    padding-top: 50px
}

.zoho_sec .welcome-area.zoho-creator-banner .center-heading h2 {
    padding: 0;
    text-align: left
}

.left-text.col-lg-7.col-md-12.col-sm-12.col-xs-12 {
    margin: 100px
}

.zoho_sec .center-heading h2 {
    margin-top: 0;
    text-align: center;
    font-size: 34px;
    font-weight: 600;
    color: #1e1e1e;
    margin-bottom: 20px;
    padding: 0 15%
}

.zoho_sec .center-heading h2 em {
    display: block;
    font-style: normal;
    color: #f4813f
}

.zoho_sec .center-heading p {
    font-size: 15px;
    color: #000;
    text-align: center
}

.zoho_sec .inho_zoho {
    display: flex;
    display: -ms-flex-box;
    flex-wrap: wrap;
    justify-content: center
}

.container.inho_zoho_inner::after,
.container.inho_zoho_inner::before {
    content: '';
    display: none
}

.zoho_sec .welcome-area {
    width: 100%;
    height: 90vh;
    min-height: 603px;
    background-image: url(../img/banner-bg_zoho1.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 100%
}

.zoho_sec .welcome-area .banner-logo {
    margin: 20px 0
}

.alexa_panel .popupbanner img.img-fluid,
.zoho_sec .welcome-area .banner-logo img.img-fluid {
    width: 200px
}

.zoho_sec .welcome-area .banner-list ul li {
    font-size: 18px;
    font-weight: 600;
    padding-left: 25px;
    margin-bottom: 5px;
    background: url(../images/right-tick.png) left 5px/16px auto no-repeat;
    list-style: none
}

.zoho_sec .org-light-brdr-btm a.main-button,
.zoho_sec .welcome-area .banner-list a.main-button {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    background: 0 0;
    border-radius: 6px;
    padding: 8px 18px;
    color: #000;
    font-weight: 600;
    font-family: 'Segoe UI';
    transition: .3s;
    margin: 11px 0 0;
    border: 1px solid #000;
    display: inline-block
}

.zoho_sec .left-image-decor {
    background-image: url(../images/left-bg-decor_zoho.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    display: inline-block;
    height: 110%;
    margin-top: -200px
}

.zoho_sec .small-blocks {
    border-radius: 5px 25px;
    padding: 30px 15px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    background: #fff;
    margin-bottom: 40px
}

.zoho_sec .small-blocks h2 {
    z-index: 9;
    position: absolute;
    top: 2px;
    left: 26px;
    font-size: 65px;
    font-weight: 600;
    color: #ffa470
}

.zoho_sec .small-blocks h4 {
    margin-top: 15px;
    font-size: 18px;
    color: #1e1e1e;
    margin-bottom: 0
}

.zoho_sec .d-md-block img.rounded {
    max-width: 100%;
    vertical-align: middle
}

.zoho_sec .zoho_circle {
    display: flex;
    justify-content: center;
    display: -ms-flexbox;
    align-items: center
}

.zoho_sec .justify-content-center ul.w-sm-100 li {
    display: flex;
    margin-bottom: 15px;
    align-items: center;
    background: #eee;
    padding: 0 11px;
    border-radius: 5px;
    display: -ms-flexbox
}

.zoho_sec .justify-content-center ul.w-sm-100 li h3 {
    background: #f48040;
    background: -moz-linear-gradient(45deg, #000 0, #383737 100%);
    background: -webkit-linear-gradient(45deg, #000 0, #383737 100%);
    background: linear-gradient(45deg, #000 0, #383737 100%);
    color: #fff;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 11px 18px 11px 0
}

.zoho_sec .best-business ul li h4,
.zoho_sec .justify-content-center ul.w-sm-100 li h4 {
    font-size: 16px;
    color: #1e1e1e
}

.zoho_sec .best-business ul li {
    display: flex;
    margin-bottom: 15px;
    align-items: center;
    padding: 0;
    border-radius: 5px;
    display: -ms-flexbox
}

.zoho_sec .best-business ul li i.fa {
    background: #000;
    padding: 10px;
    color: #fff;
    border-radius: 100%
}

.zoho_sec .best-business ul .bo-right {
    justify-content: flex-end
}

.zoho_sec .best-business ul li .red-bg {
    background: #d12232 !important
}

.zoho_sec .best-business ul li .blue-bg,
.zoho_sec .best-business ul li .green-bg {
    background: #2dbf53 !important
}

.zoho_sec .best-business ul li .org-bg {
    background: #f2943a !important
}

.zoho_sec .best-business ul li .purple-bg {
    background: #6f44c9 !important
}

.zoho_sec .best-business ul li .pink-bg {
    background: #df256f !important
}

.zoho_sec section.our-process-section {
    background: rgb(236 236 236 / 80%)
}

.zoho_sec .our-process-section .process-box h4 {
    text-align: center;
    font-size: 23px;
    text-transform: uppercase;
    background: #000;
    color: #fff;
    padding: 16px 0;
    margin: 0
}

.zoho_sec .org-light-brdr-btm {
    padding: 45px 0;
    position: relative;
    z-index: 9
}

.zoho_sec .org-light-brdr-btm .portfolio-item {
    background: #fafafa;
    border: 1px solid #eee;
    margin: 0 0 24px;
    float: left;
    padding: 50px 20px;
    min-height: 520px;
    box-sizing: border-box;
    width: 100%
}

.zoho_sec .org-light-brdr-btm .portfolio-item h4 {
    color: #f4813f;
    font-size: 20px;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 25px;
    line-height: 24px;
    text-align: left
}

.zoho_sec .org-light-brdr-btm .portfolio-item ul {
    margin-bottom: 0;
    text-align: left
}

.zoho_sec .org-light-brdr-btm .portfolio-item ul li {
    width: 100%;
    display: flex;
    font-size: 16px;
    color: #4a4a4a;
    margin-bottom: 10px;
    vertical-align: top
}

.zoho_sec .org-light-brdr-btm .portfolio-item ul li .hand-icon {
    width: 24px;
    float: left;
    overflow: visible;
    color: #000
}

.small-blocks-icon.Solutions img {
    height: 100px
}

.panel.with-nav-tabs.panel-primary.micro-net-tabs {
    border: 1px solid #ccc
}

.micro-net-tabs .panel-heading {
    padding: 0 !important;
    background: 0 0 !important
}

.micro-net-tabs .panel-heading ul.nav.nav-tabs li {
    margin-bottom: 0;
    width: 33.33%
}

.micro-net-tabs .panel-heading ul.nav.nav-tabs li.active a {
    border: 1px solid #f5821f !important;
    background: #f5821f !important;
    color: #fff;
    padding: 20px 40px 21px;
    outline: 0;
    border-radius: 0;
    margin-bottom: -1px;
    z-index: 9;
    text-align: center
}

.micro-net-tabs .panel-heading ul.nav.nav-tabs li a {
    border: 1px solid #000;
    background: #000;
    color: #fff;
    padding: 20px 40px;
    border-radius: 0;
    text-align: center;
    margin: 0
}

.micro-net-tabs .panel-heading ul.nav.nav-tabs li a:hover {
    background: #f5821f;
    border: 1px solid #f5821f !important
}

.microsoft_net img.size-full.wp-image-3655.alignleft {
    float: left;
    margin: 0 20px 0 0
}

.microsoft_net strong {
    line-height: normal;
    font-weight: 600;
    letter-spacing: 0;
    color: #000;
    margin: 24px 0 6px;
    font-size: 18px !important
}

.micro-net-tabs .tabpen-one {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    height: auto;
    vertical-align: top
}

.micro-net-tabs .col-lg-4.min-he-set {
    float: left;
    display: block;
    height: 93px
}

.micro-net-tabs .col-lg-4.min-he-set img.img-responsive {
    max-width: inherit
}

.row.sugermarket img {
    width: 78%
}

.sugerhire_sec .img-box-section h2 {
    font-size: 28px;
    color: #000;
    text-align: left
}

.sugerhire_sec .img-box-section p {
    margin: 10px 0 25px
}

.sugerhire_sec .img-box-section h3 {
    font-size: 20px;
    color: #000;
    text-align: left
}

.sugerhire_sec .img-box-section .right {
    float: right;
    text-align: center
}

.sugerhire_sec .mobile-crm-section {
    padding: 40px 0 45px;
    background: url(../images/hirecrm-bg1.png) right top no-repeat fixed #f7f7f7;
    text-align: center
}

.sugerhire_sec .mobile-crm-section h3 {
    font-weight: 400 !important;
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 1;
    padding: 0;
    color: #000;
    text-align: center
}

.sugerhire_sec .mobile-crm-section p {
    font-size: 18px;
    color: #333;
    padding-bottom: 0;
    text-align: center
}

.sugerhire_sec .what-suger-crm-section {
    padding: 110px 0 80px;
    background: url(../images/sugarcrm-mid-bg-img.jpg) center top/cover no-repeat fixed #2d2d2e;
    width: 100%;
    color: #fff;
    text-align: center
}

.sugerhire_sec .what-suger-crm-section .crm-inr-box1 {
    background: rgba(0, 0, 0, .6);
    border: 2px solid #505050;
    padding: 35px 25px;
    text-align: center;
    transition: .3s
}

.sugerhire_sec .what-suger-crm-section .crm-inr-box1:hover .crm-icn1 img {
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -ms-transition: .7s;
    -o-transition: .7s;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.sugerhire_sec .what-suger-crm-section .crm-inr-box1 .crm-icn1 {
    width: 107px;
    margin: -70px auto 0;
    background: #fff;
    border-radius: 100%;
    height: 107px;
    padding: 21px 0 0
}

.sugerhire_sec .what-suger-crm-section .crm-inr-box1 h4 {
    color: #fff;
    font-weight: 400;
    margin: 0;
    padding: 20px 0 10px;
    font-size: 22px
}

.sugerhire_sec .what-suger-crm-section .crm-inr-box1 p {
    color: #999
}

.sugerhire_sec .what-suger-crm-section .crm-inr-box1 .crm-icn1 img {
    width: 60px;
    height: auto;
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -ms-transition: .7s;
    -o-transition: .7s
}

.sugerhire_sec .features-section {
    padding: 40px 0 60px;
    background: url(../images/hirefeature-bg.jpg) center center/cover no-repeat fixed;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2
}

.sugerhire_sec .features-section .crm-inr-box2 {
    border-radius: 10px 10px 50px;
    border: 0;
    background: rgba(255, 255, 255, .8);
    padding: 30px 20px 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
    margin-bottom: 15px;
    text-align: center;
    min-height: 480px
}

.sugerhire_sec .features-section .crm-inr-box2 .crm-icn2 img {
    border: 8px solid #f2f3f5;
    border-radius: 100%;
    display: block;
    margin: 0 auto
}

.sugerhire_sec .features-section .crm-inr-box2 h3 {
    font-size: 20px !important;
    font-weight: 400;
    line-height: 1.1;
    margin: 0;
    padding: 30px 0 10px;
    text-align: center;
    color: #000
}

.sugerhire_sec .features-section .crm-inr-box2 p {
    line-height: 24px;
    margin: 10px 0 0;
    padding: 0;
    text-align: center
}

.sugerhire_sec .services-section {
    padding: 40px 0 60px;
    background: url(../images/sugar-crm-keyboard-bg-img.png) left top no-repeat #f2f2f2;
    width: 100%;
    color: #fff;
    text-align: left
}

.sugerhire_sec .services-section .crm-inr-box3 {
    background: #fff;
    margin: 10px 0;
    padding: 20px;
    min-height: 210px;
    text-align: left;
    border: 1px solid #e2e2e2
}

.sugerhire_sec .services-section .crm-inr-box3 .crm-icn3 {
    text-align: center;
    background: #f2f2f2;
    height: auto;
    width: 100%;
    padding: 14px;
    border-radius: 10px
}

.sugerhire_sec .services-section .crm-inr-box3 img {
    max-width: 100%;
    height: auto
}

.sugerhire_sec .services-section .crm-inr-box3 h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.1;
    text-align: left;
    color: #000
}

table.msss-table {
    border-collapse: collapse;
    width: 100%
}

table.msss-table tr:nth-of-type(odd) {
    background: #e9ecf2
}

table.msss-table th {
    background: #000;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    border-right: 1px solid #303030
}

table.msss-table td,
table.msss-table th {
    padding: 6px;
    text-align: left;
    vertical-align: middle
}

table.msss-table td {
    border: 1px solid #ccc;
    width: 50%;
    height: 58px
}

.shopifypoint {
    margin: 45px 0
}

.shopifypoint ul {
    margin: 15px 0 20px 22px
}

.reas-pyth li {
    font-size: 18px;
    font-weight: 700
}

.reas-pyth li h3 {
    display: inline-block;
    float: none;
    vertical-align: top;
    min-height: auto
}

.reas-pyth li p {
    margin-top: 8px;
    padding: 0
}

.goole_accistant.java_panel img.size-full.wp-image-3650.alignleft {
    float: left;
    margin: 15px 18px 0 0
}

.fullfilment .company-process .team-btn,
.fullfilment .technology .cmn-btn {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    transition: .3s;
    font-weight: 600
}

.fullfilment p {
    font-size: 16px;
    text-align: justify
}

.fullfilment .d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fullfilment .space90 {
    padding: 90px 0
}

.fullfilment .space120 {
    padding: 120px 0
}

.fullfilment .title-head {
    font-size: 40px;
    color: #000
}

.fullfilment .digital-full .title-head {
    margin: 0 auto 25px
}

.fullfilment .company-process .row {
    margin: 0;
    background: #f5821f;
    align-items: center;
    position: relative;
    height: 560px
}

.fullfilment .company-process .imgs {
    padding: 0;
    height: 560px;
    width: 50% !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.fullfilment .company-process .row2 .imgs {
    left: inherit;
    right: 0
}

.fullfilment .company-process .company-detail {
    margin: auto;
    width: 100% !important;
    box-sizing: border-box;
    float: none;
    padding: 65px 15px 65px 650px !important;
    max-width: 1200px !important;
    display: block;
    min-width: 30vw
}

.fullfilment .company-process .row2 .company-detail {
    padding: 65px 650px 65px 15px !important
}

.fullfilment .company-process .subhead {
    margin: 20px 0 35px;
    color: #fff
}

.fullfilment .company-process .team-btn {
    line-height: 18px;
    padding: 8px 18px;
    border: 2px solid #fff;
    border-radius: 8px;
    display: block;
    width: max-content
}

.fullfilment .company-process .team-btn:hover {
    background: #000;
    border: 2px solid #000
}

.fullfilment .company-process .row2 .team-btn:hover {
    background: #f5821f;
    color: #000;
    border: 2px solid #f5821f
}

.fullfilment .global-presence .row {
    margin: 0 auto;
    padding: 0;
    align-items: center
}

.fullfilment .technology {
    padding: 100px 0 64px
}

.fullfilment .technology .techno-name {
    column-gap: 20px;
    padding-left: 0;
    padding-right: 0
}

.fullfilment .technology .techno-imgs {
    flex-direction: column;
    row-gap: 20px
}

.fullfilment .technology .techno-imgs img {
    width: fit-content;
    height: auto;
    position: relative
}

.fullfilment .technology .techno-imgs figure {
    height: 130px;
    width: 142px;
    display: block;
    background: #f8f8fa;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center
}

.fullfilment .technology .container {
    justify-content: space-between;
    align-items: center
}

.fullfilment .technology .mid-imgs {
    margin: 32px 0 0
}

.fullfilment .technology .title-head:before {
    content: '';
    border-top: 4px solid #f5821f;
    display: block;
    width: 26%;
    margin: 0 0 5px
}

.fullfilment .technology p {
    margin: 20px 0 35px
}

.fullfilment .technology .cmn-btn {
    background: #f5821f;
    border-radius: 5px;
    line-height: 20px;
    padding: 9px 20px;
    display: inline-block;
    font-family: Lato
}

.fullfilment .row {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fullfilment .methodology {
    padding: 0 0 115px;
    background-image: linear-gradient(#fff 15%, #f8f8fa 15%)
}

.fullfilment .methodology .container {
    align-items: end;
    margin: 0 auto;
    justify-content: space-between;
    column-gap: 100px
}

.fullfilment .methodology p span {
    font-weight: 600;
    color: #f5821f
}

.fullfilment .methodology .right-content:before {
    content: '';
    position: absolute;
    bottom: -39px;
    left: -25px;
    background: #f5821f;
    border-radius: 25px;
    width: 134px;
    height: 124px
}

.fullfilment .methodology .right-content img {
    position: relative;
    z-index: 1;
    width: 100%
}

.fullfilment .industry {
    position: relative;
    background-image: linear-gradient(#f8f8fa 72%, #000 20%)
}

.fullfilment .industry .industry-head {
    column-gap: 85px;
    margin: 0 0 130px
}

.fullfilment .industry .slick-arrow {
    position: absolute;
    top: -70px;
    left: 0;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    border: 1px solid #000;
    background: #fff
}

.fullfilment .industry .slick-arrow:before {
    opacity: 1 !important;
    filter: invert(1)
}

.fullfilment .industry .slick-arrow.active:before {
    opacity: 1 !important;
    filter: invert(0)
}

.fullfilment .industry .slick-next:before,
.fullfilment .industry .slick-prev:before {
    color: #000;
    content: '' !important;
    background: url(../img/arrow.svg);
    width: 24px;
    display: inline-block;
    height: 24px;
    opacity: 1
}

.fullfilment .industry .slick-arrow.slick-next {
    left: 60px
}

.fullfilment .industry .slick-next:focus,
.fullfilment .industry .slick-next:hover,
.fullfilment .industry .slick-prev:focus,
.fullfilment .industry .slick-prev:hover {
    color: transparent;
    outline: 0;
    background: inherit
}

.fullfilment .industry .indutry-slidess {
    width: 93%;
    margin: 0 0 0 auto
}

.fullfilment .industry .slick-slide {
    margin: 0 35px 0 0
}

.fullfilment .industry .item-list {
    font-size: 16px;
    line-height: 22px;
    padding: 25px 22px;
    background: #fff;
    color: #000
}

.ds-px-0,
.fullfilment .methodology .left-content {
    padding-left: 0;
    padding-right: 0
}

.fd-right-img-sec .bg-dark-1 {
    display: inline-block;
    display: -ms-flexbox;
    align-items: center;
    background: #dbdbdb;
    position: relative;
    width: 100%
}

.bg-diagonal .left-sec,
.fd-right-img-sec .bg-dark-1 .left-sec {
    width: 1200px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 49px 644px 10% 15px;
    left: 50%;
    max-width: 1200px
}

.fd-right-img-sec .bg-dark-1 .left-sec h2.fdesk-heading {
    font-size: 70px;
    font-weight: 600;
    color: #f5821f
}

.fd-right-img-sec .bg-dark-1 .right-sec {
    width: 50%;
    float: right
}

.fd-content-sec .item.pd-basic {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    padding: 80px 0
}

.fd-content-sec .item.pd-basic .left-sec h2.fdesk-heading {
    font-size: 70px;
    font-weight: 600;
    color: #f5821f;
    margin: 0
}

.bg-diagonal {
    background: url(../images/bg-diagonal.png) left top/100% 100% no-repeat;
    width: 100%;
    display: inline-block;
    position: relative;
    display: -ms-flexbox;
    top: 5px
}

.bg-diagonal .left-sec ul.circle-list.m-auto {
    position: absolute;
    top: 70%;
    transform: translate(0, -50%)
}

.bg-diagonal .left-sec ul.circle-list.m-auto li {
    font-size: 20px;
    color: #fff;
    line-height: 1.7;
    list-style: none;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0
}

.bg-diagonal .left-sec ul.circle-list.m-auto li:before {
    content: '';
    position: absolute;
    left: 0;
    height: 12px;
    width: 12px;
    border-radius: 100%;
    display: block;
    background-color: #fff;
    top: 13px
}

.bg-diagonal .right-sec {
    width: 50%;
    display: inline-block;
    float: right;
    position: relative;
    top: -61px;
    left: -36px
}

.bg-diagonal .right-sec img {
    width: 100%;
    border: 20px solid #fff
}

.fd-gallery-sec .pd-basic {
    padding: 80px
}

.fd-gallery-sec .pd-basic h2.fdesk-heading {
    font-size: 70px;
    font-weight: 600;
    color: #f5821f;
    text-align: center;
    margin: 0
}

.fd-gallery-sec .row>div {
    padding: 5px
}

.fd-gallery-sec .main-row,
.mid-bord h2,
.tack_partner_home .item-slide a {
    padding: 10px
}

.fd-gallery-sec .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px
}

.fd-gallery-sec img {
    max-width: 100%;
    width: 100%
}

.industry_panel p.bluetxt {
    color: #f5821f;
    margin: 0 0 5px
}

ul.contlink li {
    padding: 5px 0 5px 25px;
    border-bottom: 1px dotted #ccc;
    list-style: none
}

.travel_panel img.alignright {
    display: inline;
    float: right;
    margin: .4211em 0 1.6842em 1.6842em
}

.travel_panel .sales-new {
    padding: 20px 0
}

.travel_panel .sales-new .box-crm3 {
    background: #fff;
    border: 1px solid #ecf0f1;
    padding: 23px 15px;
    text-align: center;
    vertical-align: top;
    min-height: 250px
}

.travel_panel .sales-new .box-crm3 p i {
    height: 60PX;
    display: block
}

.travel_panel .sales-new .box-crm3 h5 {
    text-align: center;
    font-size: 18px;
    color: #2c3e50;
    margin: 26px 0 0
}

.travel_panel .dynamic-crm.key-fe {
    background: #fff;
    border: 1px solid #ecf0f1;
    padding-top: 15px
}

.travel_panel p.learning_desc {
    float: left;
    margin: 20px 0
}

.travel_panel .elearing-bg .content-box {
    background: #f5821f;
    color: #fff;
    padding: 23px
}

.travel_panel .elearing-bg .content-box h2.box-header {
    color: #fff;
    margin: 0 0 12px;
    font-size: 24px !important;
    font-weight: 900
}

.travel_panel .elearing-bg .content-box ul.contlink2 li {
    background: url(../images/verfiy-icon.png) left 10px no-repeat;
    color: #fff;
    padding: 0 0 20px 35px
}

.travel_panel .arrow_box {
    position: relative;
    background: #304280;
    font-weight: 700;
    padding: 23px 20px;
    color: #fff;
    font-size: 18px
}

.travel_panel .arrow_box:after {
    top: 100%;
    right: 10%;
    border: 14px solid rgba(136, 183, 213, 0);
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-left: -30px
}

.travel_panel .tech-body {
    padding: 15px;
    min-height: 300px;
    height: auto;
    box-shadow: 0 0 0 1px #e2e6e7 inset;
    background: #f3f3f3
}

.travel_panel .margT35 .clients-logo {
    padding: 20px 7px;
    text-align: center
}

.travel_panel .margTm1 {
    margin-top: -1px
}

.travel_panel .margTm1 .clients-logo {
    padding: 20px 7px
}

.travel_panel .courses-tab ul.nav.nav-tabs {
    border-bottom: 1px solid #ddd
}

.travel_panel .courses-tab ul.nav.nav-tabs li.active a {
    color: #304280;
    background: #fff;
    border: 1px solid #c2c2c2
}

.travel_panel .courses-tab ul.nav.nav-tabs li a {
    background: #f28223;
    border: 1px solid #c2c2c2;
    border-radius: 0;
    font-weight: 700;
    font-family: Proxima_Nova_Regular;
    font-size: 16px;
    color: #fff;
    margin-right: -3px
}

.travel_panel .courses-tab .tab-content {
    background: #f3f3f3;
    padding: 25px 15px;
    display: inline-block
}

.travel_panel .courses-tab .tab-content .thumb-box {
    background: #ddd;
    padding: 15px 15px 7px;
    border: 10px solid #f3f3f3;
    text-align: center
}

.travel_panel .courses-tab .tab-content .thumb-box .thumb-site {
    float: none !important
}

.ecom-page {
    margin: 30px 0 20px
}

.ecom-page h1.title-heading {
    color: #000;
    font-size: 36px;
    text-align: center;
    margin: 0 0 15px
}

.ecom-page p.top-index-peragraph {
    font-size: 19px;
    line-height: 34px;
    text-align: center;
    margin: 0 0 23px;
    padding: 0 20px
}

.ecom-page .cms-content-sec .cma-panel-image-tec {
    margin: 0 15px 22px 0;
    float: left
}

.ecom-page .cms-content-sec .content-cma.content-cma-tec {
    width: 80%;
    min-height: 215px;
    margin-bottom: 0
}

.ecom-page .cms-content-sec .content-cma.content-cma-tec h3 {
    padding: 0;
    margin: 0 0 6px;
    text-align: left
}

.ecom-page .cms-content-sec .content-cma.content-cma-tec h3 a {
    color: #000;
    margin: 0 0 5px
}

.ecom-page .cms-content-sec .content-cma.content-cma-tec p {
    text-align: left;
    padding: 0
}

.ecom-page .ecommerce_custom .cms-content-sec {
    margin: 0 0 35px
}

.argame .skil-content {
    height: auto;
    background: #fbfbfb;
    padding: 20px
}

.ar-heading {
    font-size: 24px;
    text-align: center;
    color: #000;
    font-weight: 600;
    margin: 0 0 8px
}

.arvr {
    display: block;
    padding-top: 30px;
    text-align: center
}

.game-inner-box1 {
    width: 100%;
    height: auto;
    background: url(../img/uploads/game-img1.png) center top no-repeat #fbfbfb;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 40px
}

.game-inner-box1 .container {
    width: auto;
    padding: 0 28px
}

.game-inner-box1 h3 {
    color: #000;
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
    margin: 0 0 15px
}

.game-inner-box1 h2 {
    font-size: 24px;
    text-align: center;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    margin: 30px 0 22px
}

.game-inner-box1 .game-li ul li {
    background: url(../img/li-button.png) left top 3px no-repeat;
    list-style: none;
    padding-left: 18px;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 6px
}

.game-inner-box2 .title {
    width: 100%;
    height: auto;
    padding-top: 50px;
    text-align: center
}

.game-inner-box2 .title h3 {
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    width: 215px;
    margin: 0 auto
}

.game-inner-box2 .sub-title {
    text-align: center;
    width: 100%
}

.game-inner-box2 .sub-title p {
    text-align: center;
    margin: 12px 0 25px
}

.game-inner-box2 .game-b-inner .ios {
    border: 1px solid #dfdfdf;
    text-align: center;
    margin-bottom: 30px
}

.game-inner-box2 .game-b-inner .ios .skil-icon {
    padding-top: 20px;
    height: 128px
}

.game-inner-box2 .game-b-inner .ios .skil-box {
    background: url(../images/arrow1.png) top center no-repeat #424242;
    color: #fff;
    padding-top: 30px;
    margin-top: 20px
}

.game-inner-box2 .game-b-inner span.top1 {
    text-transform: uppercase;
    font-size: 18px
}

.game-inner-box2 .game-b-inner span.top2 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700
}

.game-inner-box2 .game-b-inner .skil-content {
    padding: 0 20px 46px;
    height: 240px;
    font-size: 15px;
    font-weight: 600
}

.game-inner-box2 .game-b-inner .ios.android .skil-box {
    background: url(../images/arrow1.png) top center no-repeat #a4ca39
}

.game-inner-box2 .game-b-inner .ios.windows .skil-box {
    background: url(../images/arrow1.png) top center no-repeat #00bdf6
}

.game_solution .our-team {
    width: 100%;
    height: auto;
    background: #e7e7e7;
    padding-top: 50px;
    padding-bottom: 60px;
    margin-top: 30px
}

.game_solution .mob-game .title h3,
.game_solution .our-team .title h3,
.game_solution .our-work .title h3,
.game_solution .technologies .title h3 {
    font-size: 36px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto 11px
}

.game_solution .our-team .sub-title {
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 35px
}

.game_solution .our-team .our-team-inner .team-box {
    width: 100%;
    height: auto;
    background: #fff;
    padding: 15px;
    margin-top: 20px;
    float: left;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    display: -ms-flexbox;
    min-height: 121px
}

.game_solution .our-team .our-team-inner .team-box p {
    float: left;
    margin-right: 15px;
    margin-bottom: 0
}

.game_solution .our-team .our-team-inner .team-box .top-con {
    color: #f5821f;
    font-size: 48px;
    font-weight: 700;
    vertical-align: top;
    float: left;
    line-height: 47px;
    width: 100%
}

.game_solution .our-team .our-team-inner .team-box .top-con1 {
    width: 100%;
    font-size: 15px;
    margin-top: 0;
    float: left;
    font-weight: 600;
    padding-right: 24px
}

.game_solution .mob-game {
    margin: 41px 0 0
}

.game_solution .mob-game .game-li .sub-title-2 {
    font-size: 24px;
    text-transform: uppercase;
    padding-bottom: 10px;
    font-weight: 600
}

.game_solution .mob-game .game-li ul li {
    font-size: 16px;
    background: url(../img/li-button.png) left top no-repeat;
    list-style: none;
    padding-left: 18px;
    padding-bottom: 8px
}

.game_solution .mob-game .blue-bottom {
    width: 100%;
    height: auto;
    padding: 20px;
    background: #000;
    font-size: 18px;
    float: left;
    color: #fff;
    margin-top: 20px;
    font-weight: 600;
    border-radius: 5px
}

.game_solution .technologies {
    width: 100%;
    height: auto;
    padding: 53px 0;
    background: #e7e7e7;
    margin-bottom: 40px;
    margin-top: 50px
}

.game_solution .technologies ul {
    margin: 0;
    padding: 0;
    display: inline-block
}

.game_solution .technologies ul .boxSponsers {
    border: 1px solid #ccc;
    margin-top: 30px
}

.game_solution .our-work .sub-title {
    text-align: center;
    margin: 12px 0 25px;
    font-size: 15px;
    font-family: 'Segoe UI Symbol'
}

.game_solution .our-work .our-work1 {
    width: 100%;
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px
}

.game_solution .our-work .our-work1 .nav-tabs {
    text-align: center;
    border-bottom: none;
    margin: auto;
    display: table
}

.game_solution .our-work .tab-content {
    border: 1px solid #e1e1e1;
    display: inline-block
}

.game_solution .our-work .our-work1 .tab-box1 {
    border-bottom: 1px solid #e1e1e1
}

.game_solution .our-work .our-work1 .nav-tabs li.active a {
    color: #fff;
    background: #000;
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #000 !important
}

.game_solution .our-work .our-work1 .nav-tabs li a:hover,
.game_solution .our-work .our-work1 .nav-tabs li.active a:hover {
    background-color: #000 !important;
    color: #fff;
    cursor: pointer
}

.game_solution .our-work .our-work1 .nav-tabs li a {
    border: 1px solid #e1e1e1;
    border-radius: 0;
    margin-right: 0;
    font-size: 18px
}

.game_solution .our-work .our-work1 .tab-box1 .col-md-3 {
    text-align: center;
    border-right: 1px solid #e1e1e1;
    padding-top: 25px;
    padding-bottom: 25px
}

.game_solution .our-work .our-work1 .tab-box1 .col-md-3 .game-name {
    color: #000;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600
}

.flush_panel p.flash_img {
    float: left;
    margin: 0 30px 0 0;
    height: 200px;
    display: flex;
    align-items: center;
    display: -ms-flexbox
}

.alexa_panel .whiteblock-3 h2,
.down-app a img {
    margin: 0 0 10px
}

.alexa_panel .popupbanner {
    display: inline-block;
    background-color: #000;
    background-image: url(../images/bannercloud.png);
    background-position: left top;
    background-repeat: no-repeat;
    color: #fff;
    padding: 15px 40px
}

.alexa_panel .popupbanner .bannertextblk h1 {
    font-size: 30px
}

.alexa_panel .popupbanner .bannertextblk h4 {
    color: #ff8d2a
}

.alexa_panel .howtouse .howtoworktop h1 {
    text-align: center;
    margin: 30px 0
}

.alexa_panel .howtouse .howtoworktop .howtouseimgblk {
    border: 1px solid #ccc;
    padding: 18px;
    min-height: 435px;
    margin-bottom: 15px
}

.alexa_panel .howtouse .howtoworktop .howtousetext,
h2.social-responsiblity-sec-head {
    text-align: center;
    margin: 40px 0 0
}

.alexa_panel .howtouse .howtoworktop .howtousetext span {
    background: #ff8d2a;
    width: 50px;
    display: inline-block;
    height: 50px;
    border-radius: 50px;
    line-height: 46px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 11px
}

.alexa_panel .whiteblock-1 {
    border: 1px solid #d6d6d6;
    display: inline-block;
    width: 100%;
    margin: 0 0 21px;
    padding: 0 35px
}

.alexa_panel .whiteblock-1 .dowloadalexa {
    padding-top: 27px
}

.alexa_panel .whiteblock-1 .dowloadalexa h2 {
    padding-bottom: 10px;
    font-size: 24px
}

.alexa_panel .whiteblock-1 .dowloadalexa ul.navtext li {
    list-style: none;
    color: #000;
    line-height: 30px;
    font-weight: 700
}

.alexa_panel .whiteblock-2 {
    text-align: center;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 30px
}

.alexa_panel .whiteblock-2 h2 {
    font-weight: 400 !important;
    font-size: 24px
}

.alexa_panel .whiteblock-3 {
    border-bottom: 1px solid #d6d6d6;
    padding: 50px 0;
    text-align: center
}

.alexa_panel .whiteblock-3 .whiteblock-3imgnav {
    padding-top: 20px
}

.alexa_panel .whiteblock-3 .whiteblock-3imgnav ul li {
    text-align: center;
    display: inline-block;
    width: 25%
}

.alexa_panel .whiteblock-3 .whiteblock-3imgnav ul li span {
    font-size: 12px;
    padding-bottom: 12px;
    font-weight: 700;
    color: #ff9501;
    clear: both;
    display: inline-block;
    width: 100%
}

.alexa_panel .spacer-1.border-0 .row {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    padding: 40px 0
}

.alexa_panel .spacer-1.border-0 .dowloadalexa {
    padding: 0;
    font-size: 24px
}

.alexa_panel .spacer-1.border-0 .dowloadalexa ul.navtext li {
    color: #494949;
    font-size: 18px;
    margin: 0
}

.alexa_panel .spacer-1.border-0 .dowloadalexa ul.navtext li.orangetexxt {
    font-size: 14px;
    color: #ff8d2a
}

.alexa_panel .bottompart h1 {
    text-align: center;
    font-size: 30px;
    margin: 0 0 25px
}

.alexa_panel .bottompart .wrsc .wrscboxblk {
    min-height: 550px;
    background-color: #fff;
    text-align: center;
    display: block;
    padding: 30px;
    border: 1px solid #ccc
}

.alexa_panel .bottompart .wrsc .wrscboxblk p {
    font-size: 14px;
    line-height: 27px;
    color: #000;
    text-align: center
}

.alexa_panel .bottompart .wrsc .wrscboxblk p span.blktext {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    width: 100%;
    display: inline-block
}

.alexa_panel .whiteblock-5 {
    display: inline-block;
    border: 1px solid #ccc;
    margin: 45px 0 0
}

.alexa_panel .whiteblock-5 .bannerwhiteblk-5 {
    width: 100%;
    margin: 45px auto;
    display: table;
    max-width: 700px
}

.alexa_panel .whiteblock-5 .bannerwhiteblk-5 .row {
    display: flex;
    display: -ms-flexbox;
    align-items: center
}

.alexa_panel .whiteblock-5 .bannerwhiteblk-5text h2 {
    font-size: 24px;
    font-weight: 400 !important;
    margin: 0 0 15px
}

.alexa_panel .whiteblock-5 .whiteblk5content p {
    color: #000;
    font-size: 15px;
    line-height: 30px
}

.alexa_panel .whiteblock-5 .whiteblk5content p span {
    color: #f89708;
    clear: both;
    display: inline-block;
    width: 100%;
    font-weight: 600;
    font-size: 18px
}

.hospital_btm_sec {
    margin: auto;
    display: table;
    text-align: center
}

.industry_panel span.orgtxt,
ul.contlink.how-we-do-it-link li h2 {
    color: #f5821f;
    font-size: 18px
}

.client_web_point .cuadro_intro_hover {
    background: #f9f9f9 !important;
    padding: 15px 42px;
    margin: 0 0 20px;
    box-shadow: 0 4px 9px -9px #f5821f
}

.client_web_point .cuadro_intro_hover .caption-text h3 {
    margin: 20px 0 0;
    color: #f5821f;
    border-bottom: 1px solid #f5821f;
    padding: 0 0 15px
}

.client_web_point .cuadro_intro_hover div.client-name {
    color: #f5821f;
    font-weight: 700;
    margin: 12px 0 25px
}

.client_web_point .cuadro_intro_hover .caption-text .review-body p strong {
    display: inline-block;
    width: 100%;
    margin: 0
}

.howwevideo p {
    width: 40%;
    margin: auto !important;
    text-align: center;
    max-width: 100%
}

.mid-bord {
    border: 1px solid #000;
    border-radius: 5px;
    background: #fff;
    margin: 20px 0
}

.mid-bord .row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

.mid-bord h2 {
    background: #000;
    margin: 0 0 20px;
    text-align: center;
    color: #fff;
    width: 100%
}

.mid-bord img {
    margin-bottom: 27px;
    max-width: 100%
}

.how-we-do-it-link li:last-child {
    border-bottom: none
}

.support-box.box-style {
    padding: 48px 20px;
    text-align: center;
    color: #fff;
    margin: 40px 0
}

.support-box.box-style p.cont {
    font-size: 18px;
    min-height: 122px;
    margin-top: 20px
}

.ds-process .process-box-inner,
.ds-process .process-box-inner2 {
    background: #f5821f;
    margin: 15px 0;
    padding: 10px;
    text-align: center
}

.tech-inner.ds-industries .row {
    display: flex;
    flex-wrap: wrap;
    display: -ms-flexbox;
    justify-content: center
}

.ds-process .pro-inner-br {
    min-height: 320px
}

.ds-process .process-box-inner .pro-inner-br {
    border: 1px solid #fff;
    padding: 20px;
    position: relative;
    min-height: 365px
}

.ds-process .process-box-inner2 .pro-inner-br {
    border: 1px solid #fff;
    padding: 20px 10px;
    position: relative;
    min-height: 365px
}

.ds-process .process-box-inner span,
.ds-process .process-box-inner2 span {
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 22px;
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 11px
}

.ds-ind-travel .add-section .visit-btn,
.ds-process .upw-after a {
    font-size: 14px;
    color: #fff;
    transition: .3s;
    display: inline-block;
    background: 0 0;
    padding: 8px 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px
}

.col-md-12.running.ds-process p {
    margin: 0;
    clear: both
}

.ds-process .pro-inner-br .upw-after {
    bottom: 25px;
    left: 50%;
    margin: 0 0 0 -65px;
    position: absolute
}

.ds-process .upw-after a {
    border: 1px solid #fff;
    border-radius: 6px;
    margin-top: 4px
}

.ds-application-dev img.img-border {
    border: 8px solid #dfdfdf
}

.ds-ind-travel .add-section {
    position: relative;
    display: block;
    max-width: 870px;
    margin: 25px auto 36px
}

.ds-ind-travel .add-section .visit-btn {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px solid #ccc;
    border-radius: 6px;
    font-family: 'Segoe UI';
    text-align: center
}

.ds-ind-travel .add-section .visit-btn:hover {
    background-color: #fff;
    color: #ff930b
}

.spotlight-slider-inner .owl-controls .owl-buttons .owl-prev,
.spotlight-testimonial-slider #testimonial-slider .owl-buttons .owl-prev {
    background: url(../images/slide-arrow-left-custom.png) no-repeat;
    width: 26px;
    height: 45px;
    float: left
}

.ds-ind-travel p.bluetxt {
    font-size: 26px;
    color: #f5821f
}

.ds-ind-travel .solution-list {
    float: left;
    width: 100%;
    margin-top: 35px;
    padding-bottom: 0
}

.ds-ind-travel .solution-list>li {
    padding: 13px 0;
    border-bottom: 1px solid #ececec;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    position: relative
}

.ds-ind-travel .solution-list>li>div {
    width: 48%;
    border-right: none;
    position: relative
}

.ds-ind-travel .solution-list>li>div.left-solution::after {
    content: "";
    width: 1px;
    height: 69px;
    background: #e5e5e5;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ds-ind-travel .solution-list .left-icon {
    float: left;
    width: 61px;
    height: 61px;
    border-radius: 50%;
    background: #000;
    padding: 15px;
    line-height: 29px
}

.ds-ind-travel .solution-list .left-icon img {
    display: inline-block;
    vertical-align: middle
}

.ds-ind-travel .solution-list .right-box {
    float: right;
    width: 82%;
    padding-right: 10px
}

.ds-ind-travel .solution-list .right-box h3 {
    margin: 0;
    font-size: 17px;
    font-weight: 700
}

.ds-ind-travel .solution-list .right-box p {
    margin-bottom: 0;
    margin-top: 10px;
    LINE-HEIGHT: 20PX
}

.ds-ind-travel ul.industry-list {
    list-style: none;
    padding-left: 7px
}

.ds-ind-travel ul.industry-list li {
    position: relative;
    padding: 6px
}

.ds-ind-travel .industry-list li::after {
    content: "";
    background: #fff;
    border-radius: 100%;
    height: 16px;
    width: 16px;
    position: absolute;
    left: -20px;
    top: 8px;
    border: 4px solid #000
}

.ds-ind-travel .api-box {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-top: 36px;
    margin-bottom: 0;
    background: #fff
}

.ds-ind-travel .api-box li {
    list-style: none;
    width: 12.5%;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    padding: 15px 0;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.ds-ind-travel .api-box li:hover {
    transition: filter .5s ease-in-out;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.inner.pages.why-choose {
    margin-top: 15px
}

.ds-ind-travel .choose-box ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 0;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

.ds-ind-travel .choose-box li {
    list-style: none;
    padding: 15px 0;
    width: 33.33%
}

.ds-ind-travel .choose-left {
    display: inline-block;
    vertical-align: middle;
    width: 61px;
    height: 61px;
    border-radius: 50%;
    background: #000;
    padding: 15px
}

.ds-ind-travel .choose-box .choose-right {
    font-size: 18px;
    padding-left: 12px;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    line-height: 20px
}

.ds-travel-partners .testimonial_company span img {
    width: 120px
}

.ds-industries .cuadro_intro_hover {
    padding: 0;
    position: relative;
    overflow: hidden;
    height: 232px
}

.ds-industries .cuadro_intro_hover .ind_img {
    height: 232px
}

.ds-industries .cuadro_intro_hover img {
    z-index: 4;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.ds-industries .cuadro_intro_hover .caption {
    position: absolute;
    top: 187px;
    -webkit-transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    -ms-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    width: 100%
}

.ds_call,
.ds_call a.catalog_ds,
.ds_call:hover {
    transition: .2s ease-in-out
}

.ds-industries .cuadro_intro_hover:hover .caption {
    opacity: 1;
    transform: translateY(-190px);
    -webkit-transform: translateY(-190px);
    -moz-transform: translateY(-190px);
    -ms-transform: translateY(-190px);
    -o-transform: translateY(-190px)
}

.ds-industries .cuadro_intro_hover .blur {
    background-color: rgba(0, 0, 0, .7);
    height: 300px;
    z-index: 5;
    position: absolute;
    width: 100%
}

.ds-industries .cuadro_intro_hover .caption-text {
    z-index: 10;
    color: #fff;
    position: absolute;
    height: 300px;
    text-align: left;
    top: 2px;
    width: 100%
}

.ds-industries .caption-text h3 {
    font-size: 15px;
    text-transform: uppercase;
    text-align: left;
    padding: 0 14px;
    margin-bottom: 5px;
    font-weight: 400;
    height: 40px;
    vertical-align: middle;
    display: table-cell
}

.ds-industries .caption-text>p {
    padding: 2px 14px 0;
    font-size: 14px;
    line-height: 22px;
    margin-top: 0
}

.ds-industries .cap-button {
    top: 180px;
    position: absolute;
    left: 12px;
    font-size: 15px
}

.ds-industries .cap-button a.view_button {
    color: #fff;
    background-color: #f5821f;
    border-color: #f5821f
}

.ds-industries .cap-button a.view_button:hover {
    background-color: #fff;
    color: #f5821f;
    border: 1px solid #fff
}

.travel_panel .arrow_box:after {
    border-top-color: #000
}

.ds-server-manage .panel {
    border-color: #000
}

body .ds-server-manage .panel-heading {
    background: #000;
    color: #fff;
    border-bottom: 1px solid #000
}

.ds-server-manage .panel-heading p {
    text-align: center;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700
}

.ds-server-manage .panel-body p.lead {
    text-align: center;
    font-size: 16px
}

.ds-server-manage .panel-body p {
    text-align: center;
    margin: 0 0 5px
}

.ds-server-manage ul.list-group li.list-group-item {
    font-weight: 700;
    border-top: 1px solid #000
}

.new-contact-form-ds li.contact-form-field {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-justify-content: justify;
    justify-content: space-between
}

img.ds_ukimg {
    border: 11px solid #f5821f;
    box-shadow: 2px 7px 15px 0 #f1f1f1
}

.app_dev_text_right ul li.work_icon_special:first-child {
    background: url(../images/wedo_work_icon.png) 3px 12px no-repeat
}

.app_dev_text_right ul li.work_icon_special:nth-child(2) {
    background: url(../images/wedo_work_icon.png) 3px -42px no-repeat
}

.app_dev_text_right ul li.work_icon_special:nth-child(3) {
    background: url(../images/wedo_work_icon.png) 3px -103px no-repeat
}

.app_dev_text_right ul li.work_icon_special:nth-child(4) {
    background: url(../images/wedo_work_icon.png) 6px -206px no-repeat
}

.app_dev_text_right ul li.work_icon_special:nth-child(5) {
    background: url(../images/wedo_work_icon.png) 2px -257px no-repeat
}

.maintain_sec.build_work.process_expertise_one .extention_arrow-left:after {
    border-right: 135px solid #000
}

.grow_sec.process_expertise_two .extention_arrow-right:before {
    border-left: 141px solid #f5821f
}

.video_testimonials_panel iframe {
    width: 100%;
    margin: 0 0 30px
}

.faqs_panel h2 {
    font-size: 24px;
    color: #000 !important;
    margin: 21px 0 12px !important
}

.faqs_panel .panel-body table.table-hover tr td {
    width: 50% !important
}

.faqs_panel #collapseTwo .k_col4 .point p,
.faqs_panel #collapseTwo .k_col4 .point1 p {
    margin: 5px 0
}

.loyalty-content .loyalty_panel_img .title-pragraph-loyalty h2.title-heading {
    font-size: 30px;
    margin: 0 0 15px;
    text-align: center
}

.get-app {
    background: #fff;
    box-shadow: 0 0 28px 0 #fbfdfd;
    margin: 60px 0 145px
}

.get-app .app-row {
    box-sizing: border-box;
    display: flex;
    display: -ms-flexbox;
    width: 100%;
    align-items: center;
    justify-content: space-between
}

.get-app .left-app {
    box-sizing: border-box;
    float: left;
    padding-bottom: 0;
    padding-top: 0;
    width: 63%;
    text-align: left
}

.get-app .left-app h2 {
    color: #ff7b02;
    font-size: 38px;
    font-weight: 500;
    letter-spacing: -.03em;
    line-height: 120%;
    margin-bottom: 4px;
    text-align: left
}

.get-app .left-app .down-app {
    display: inline-block;
    max-width: 500px;
    width: 100%;
    margin-top: 18px
}

.get-app .left-app .down-app a {
    width: 250px
}

.down-app a img {
    height: auto
}

.get-app .right-app {
    box-sizing: border-box;
    float: right;
    width: 28%
}

.get-app .right-app .mobile-view {
    margin-bottom: -130px;
    margin-top: -130px
}

.swal-overlay--show-modal .swal-modal .swal-title {
    text-align: center;
    color: #000;
    margin: 0
}

.swal-overlay--show-modal .swal-modal .swal-text {
    color: #000;
    width: 100%;
    text-align: center;
    font-family: Lato;
    font-weight: 400
}

.swal-overlay--show-modal .swal-modal .swal-footer .swal-button-container button.swal-button.swal-button--confirm {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    background: 0 0;
    border: 1px solid #000;
    border-radius: 6px;
    padding: 8px 18px;
    margin-top: 4px;
    color: #000;
    font-weight: 600;
    font-family: 'Segoe UI';
    transition: .3s;
    display: inline-block
}

.swal-overlay--show-modal .swal-modal .swal-footer .swal-button-container button.swal-button.swal-button--confirm:hover {
    background: #f5821f;
    color: #fff;
    border: 1px solid #f5821f
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
    border: 4px solid rgb(92 184 92) !important
}

.ds_web {
    background: #f2f4f8;
    display: inline-block;
    width: 100%;
    padding: 65px 0 0;
    margin: 0 0 -5px
}

.ds_call {
    background: #f5f6f9;
    text-align: center;
    box-shadow: 0 1px 22px -4px #7b7b7b;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 60px
}

.ds_call:hover {
    background: #fff
}

.ds_call .ds_head_contant {
    text-align: center;
    padding: 40px 0
}

.ds_call .ds_head_contant h3 {
    margin: 0;
    font-size: 21px;
    font-weight: 900 !important
}

.ds_call a.catalog_ds {
    padding: 0 10px;
    display: inline-block;
    position: relative;
    bottom: -20px;
    width: 100%
}

.ds_call:hover a.catalog_ds {
    bottom: -5px;
    position: relative;
    transition: .2s ease-in-out
}

.ds_call a.catalog_ds .catalog_ds_img img {
    width: 100%;
    border-radius: 6px 6px 0 0;
    overflow: visible;
    display: inline-block
}

.ds_call a.catalog_ds .catalog_ds_inner .catalog_ds_logo {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 50px;
    display: inline-block;
    width: 75px;
    height: 75px;
    line-height: 55px;
    border: 2px solid #e8e8e8
}

.ds_call a.catalog_ds .catalog_ds_inner .catalog_ds_logo img {
    vertical-align: middle;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%)
}

.connect_bg_panel {
    background: url(../img/connect_port_bg.html) 0 0/cover;
    width: 100%;
    display: inline-block;
    padding: 185px 30px;
    position: relative;
    margin: -5px 0;
    overflow: hidden
}

.connect_bg_panel .connect_bg_panel_contant {
    width: calc(100% - 540px);
    display: inline-block
}

.connect_bg_panel .connect_bg_panel_contant h2 {
    font-size: 70px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900 !important;
    margin: 0;
    line-height: 84px
}

.connect_bg_panel .connect_bg_panel_contant span {
    color: #93e2ff
}

.connect_bg_panel .connect_bg_panel_contant p {
    font-size: 18px;
    color: #fff;
    margin: 35px 0
}

.connect_bg_panel .connect_port_img {
    position: absolute;
    right: 0;
    bottom: 0
}

.ds_web_all {
    background: 0 0;
    margin-bottom: 0
}

.news_blog_img {
    display: flex;
    flex-wrap: wrap;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap
}

.news_blog_img img.aligncenter.size-full {
    width: 100%;
    margin: 0;
    max-width: 100%;
    object-fit: cover;
    height: 278px
}

.ds-blogcontent.blogventure h4.headforce {
    border-bottom: 1px solid #000;
    display: inline-block;
    margin-bottom: 0
}

.ds-blogcontent.blogventure .venturebtm p {
    margin-bottom: 15px;
    margin-top: 2px
}

.magentoupgrade-panel p {
    margin-top: 0;
    margin-bottom: 7px;
    line-height: 30px
}

.magentoupgrade-inside {
    margin: 6px 0 40px
}

.magentoupgrade-inside p {
    margin-left: 15px;
    margin-top: 7px;
    margin-bottom: 15px
}

.magentoupgrade-inside li ol li {
    list-style-type: none
}

.banner-point-sec li {
    list-style: none;
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
    position: relative;
    padding: 0 0 0 30px
}

.banner-point-sec li:before {
    content: '';
    font-family: FontAwesome;
    color: #f5821f;
    margin: 0 15px 0 0;
    position: absolute;
    left: 0
}

.power-php {
    background: #f7f7f7;
    padding: 60px 0
}

.power-php.power-php-magento h2.title-heading {
    font-size: 30px;
    margin-bottom: 10px
}

.power-php.power-php-magento p {
    margin: 0 0 24px
}

.phpdev-exp h3 {
    font-size: 21px;
    font-weight: 400 !important;
    text-align: center;
    line-height: 40px;
    margin: 0
}

.btn_link-border,
a.more-btn {
    font-size: 14px;
    text-transform: uppercase
}

.insight-corebox {
    width: 100%;
    display: inline-block;
    text-align: center;
    border: 5px solid #fff;
    margin-bottom: 24px;
    padding: 30px 40px;
    vertical-align: top;
    height: 100%
}

.insight_inner.yii-domains .insight-corebox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.numbertaking_panel .numbertaking_inner .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.numbertaking_panel h2.title-heading {
    text-align: center;
    color: #fff;
    margin: 0 0 65px
}

.numbertaking_coll {
    text-align: center;
    margin: 0 0 50px
}

.numbertaking_inner .numbertaking_coll h3.takenum {
    color: #f5821f;
    font-size: 30px;
    margin: 12px 0
}

.numbertaking_inner .numbertaking_coll p {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin: 10px 0 0
}

.spotlight-slider-inner h2.title-heading {
    text-align: center;
    margin: 80px 0 40px
}

.spotlight-slider-inner .post-slide {
    background: #fff;
    margin: 20px 15px;
    border-radius: 15px;
    padding-top: 1px;
    box-shadow: none;
    text-align: center
}

.spotlight-portfolio_desktop {
    background: url(../images/screen-desktop-bg.png) 0 0/100% 100% no-repeat;
    width: 100%;
    display: inline-block;
    padding: 3.2% 15.5% 10%;
    height: 246px
}

.spotlight-slider-inner .post-slide h4 a {
    color: #000;
    font-size: 20px
}

.chooseus-panel,
.ds-life-sec {
    margin: 60px 0
}

.chooseus-panel .chooseus-box {
    height: 100%;
    background: #f0f0f0;
    text-align: center;
    padding: 40px 20px
}

.chooseus-panel .chooseus-box h4 {
    font-size: 20px;
    margin: 20px 0 15px
}

.spotlight-slider-inner .owl-controls .owl-buttons,
.spotlight-testimonial-slider #testimonial-slider .owl-buttons {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%
}

.spotlight-slider-inner .owl-controls .owl-buttons .owl-prev {
    left: -30px;
    position: relative
}

.spotlight-slider-inner .owl-controls .owl-buttons .owl-next {
    background: url(../images/slide-arrow-right-custom.png) no-repeat;
    width: 26px;
    height: 45px;
    float: right;
    right: -30px;
    position: relative
}

a.more-btn {
    border: 1px solid #ccc;
    width: auto;
    color: #000;
    text-align: center;
    margin: auto;
    top: 0;
    position: relative;
    letter-spacing: 1px;
    background: 0 0;
    border-radius: 6px;
    padding: 8px 18px;
    font-weight: 600;
    font-family: 'Segoe UI';
    transition: .3s;
    display: table
}

.microsoft_category {
    background: url(../images/asp-bg12.jpg) center/cover no-repeat;
    padding: 58px 0
}

.microsoft_category ul li {
    display: inline-block;
    float: left;
    padding: 1%;
    width: 20%;
    list-style: none
}

.asp-partycontrol_panel .crm-inr-box3 {
    background: #fff;
    border: 4px solid #000;
    margin: 0 0 30px;
    padding: 40px 20px 20px;
    text-align: center;
    height: 100% !important
}

.asp-partycontrol_panel .crm-inr-box3 h3 {
    font-size: 18px;
    line-height: 30px
}

h2.cms-micro {
    text-align: center;
    color: #fff;
    font-size: 36px;
    margin: 0 0 30px
}

.startup_process_panel.abt-lara .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.spotlight-testimonial-slider .spotlight-slider-inner .easyPaginateList span {
    font-size: 20px;
    font-weight: 700;
    color: #000
}

.spotlight-testimonial-slider .spotlight-slider-inner .easyPaginateList span small {
    display: block;
    width: 100%;
    font-size: 18px
}

.spotlight-testimonial-slider .easyPaginateList {
    padding: 0 60px
}

.spotlight-testimonial-slider #testimonial-slider .owl-buttons .owl-next {
    background: url(../images/slide-arrow-right-custom.png) no-repeat;
    width: 26px;
    height: 45px;
    float: right;
    position: absolute;
    right: 0
}

.wordpress-platform {
    background: #f5821f;
    text-align: center
}

.wordpress-platform h3 {
    margin: 0;
    color: #fff;
    padding: 24px 0
}

.healthbas h2 {
    color: #f5821f;
    margin-top: 0
}

.healthinsight {
    background: #000;
    color: #fff;
    border-bottom: 1px solid #302f2f;
    padding: 50px 0
}

.healthinsight h3 {
    margin: 0 0 10px;
    color: #f5821f
}

.healthinsight p a {
    color: #f5821f;
    font-weight: 500
}

.com-awards-inner {
    border: 1px solid #ededed;
    padding: 0;
    border-radius: 10px;
    box-shadow: 0 5px 29px 0 #ecf4ff;
    -webkit-transition: .4s;
    transition: .4s;
    height: 100%;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden
}

.web-info-timeline .web-info-left:after,
.web-info-timeline-web2 .web-info-left:after {
    border-radius: 50%;
    font-size: 24px;
    padding: 29px 32px;
    line-height: 28px !important;
    z-index: 1;
    font-weight: 600;
    color: #fff;
    text-align: center
}

.com-awards-inner .com-awards-img {
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 4px #f5821f
}

.com-awards-inner p.bluetxt {
    margin: 0;
    padding: 15px;
    position: relative;
    font-size: 15px
}

.com-awards-inner:after {
    content: '';
    background: #f5821f;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 0;
    transition: .9s;
    z-index: -1;
    color: #fff
}

.com-awards-inner:hover:after {
    height: 100%;
    color: #fff
}

.endless-content {
    margin: 50px 0 0
}

.endless-content h2 {
    font-size: 24px;
    color: #30458c;
    margin: 0 0 15px
}

.web-info-timeline,
.web-info-timeline-web2,
.web-info-timeline-web3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin: 60px 0 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.web-info-timeline h2,
.web-info-timeline-web2 h2,
.web-info-timeline-web3 h2 {
    font-size: 24px;
    color: #30458c
}

.web-info-left {
    width: 40%
}

.web-info-timeline .web-info-left:before {
    content: '';
    background: url(../img/uploads/info-line.html) no-repeat;
    left: 50%;
    transform: translate(-50%, -30%);
    width: 290px;
    height: 100%;
    position: absolute;
    top: 42%
}

.web-info-timeline .web-info-left:after {
    content: 'Web 1.0';
    background: #2b3e7e;
    height: 140px;
    width: 140px;
    position: absolute;
    left: 46%;
    top: 30%;
    border: 15px solid #f5811f;
    transform: translate(-47%, -50%)
}

.web-info-right {
    width: 40%;
    float: right
}

.web-info-timeline .web-info-left ul {
    margin: 25px 0
}

.web-info-timeline .web-info-left ul li {
    list-style: none;
    position: relative;
    padding: 0 0 8px 25px
}

.web-info-timeline .web-info-left ul li:before {
    content: '';
    font-family: FontAwesome;
    color: #f5811f;
    position: absolute;
    left: 0
}

.web-info-timeline-web2 .web-info-left {
    margin: 8px 0 0;
    padding: 0 0 0 40px
}

.web-info-timeline-web2 .web-info-left:before {
    content: '';
    background: url(../img/uploads/info-line-doted.html) no-repeat;
    left: 50%;
    transform: translate(-56%, -36%);
    width: 287px;
    height: 100%;
    position: absolute;
    top: 44%
}

.web-info-timeline-web2 .web-info-left:after {
    content: 'Web 2.0';
    background: #2b3e7e;
    height: 140px;
    width: 140px;
    position: absolute;
    left: 48%;
    top: 108px;
    border: 15px solid #f5811f;
    transform: translate(-47%, -50%)
}

.web-info-timeline-web3 .web-info-left:before {
    content: '';
    background: url(../img/uploads/info-line-3.html) no-repeat;
    left: 50%;
    transform: translate(-56%, -36%);
    width: 287px;
    height: 100%;
    position: absolute;
    top: 40%
}

.web-info-timeline-web3 .web-info-left:after {
    content: 'Web 3.0';
    color: #fff;
    background: #2b3e7e;
    font-size: 24px;
    padding: 29px 32px;
    line-height: 28px !important;
    font-weight: 600;
    text-align: center;
    height: 140px;
    width: 140px;
    border-radius: 50%;
    position: absolute;
    left: 48%;
    top: 116px;
    z-index: 1;
    border: 15px solid #f5811f;
    transform: translate(-49%, -77%)
}

.web-info-left p,
.web-info-timeline-web2 .web-info-right img {
    padding: 0 40px 0 0
}

.web-info-right img {
    padding: 0 0 0 40px
}

.web-content-sec {
    background: rgba(255, 255, 255, .9);
    z-index: 9;
    padding: 15px 0
}

.web-content-sec h2 {
    color: #f5811f;
    margin: 0 0 15px
}

.web-content-sec h2 span {
    display: block;
    color: #000;
    font-family: Lato !important;
    padding: 4px 0 0
}

.web-info-timeline-web3 .web-info-left,
.web-info-timeline-web3 .web-info-right {
    margin: 90px 0 0
}

.web-table-sec {
    margin: 40px 0 60px;
    display: inline-block;
    width: 100%
}

.web-table-sec h2 {
    text-align: center;
    margin: 0 0 20px;
    color: #30458c
}

.web-table-sec table {
    width: 100%;
    text-align: center;
    border: 1px solid #ccc
}

.web-table-sec table tr th {
    border: 1px solid #ccc;
    padding: 10px 0;
    font-size: 16px;
    text-align: center;
    background: #f5821f;
    color: #fff
}

.web-table-sec table tr td {
    border: 1px solid #ccc;
    padding: 10px 0;
    font-weight: 500
}

.internet-web-sec {
    text-align: center;
    margin-bottom: 60px
}

.internet-web-sec h2 {
    color: #30458c
}

.internet-web-sec strong {
    color: #f5821f;
    font-size: 19px;
    margin: 0 0 40px;
    display: inline-block
}

.internet-web-sec-box {
    box-shadow: 0 0 28px 6px #f3f3f3;
    padding: 25px;
    height: 100%
}

.internet-web-sec-box .internet-web-sec-box-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 15px
}

.internet-web-sec-inner .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.internet-web-sec-box h3 {
    margin: 0 0 0 15px;
    font-size: 18px;
    color: #30458c;
    display: inline-block
}

.digital-transform-sec {
    padding: 55px 0 40px;
    background: url(../img/degital-transform.html) 0 0/cover no-repeat
}

.digital-transform-sec h2 {
    margin: 0 0 15px;
    color: #30458c;
    font-size: 24px
}

.sustainability-wel-sec {
    margin: 90px 0 110px
}

.btn_link-border {
    margin: 10px 0 0;
    background: 0 0;
    color: #000;
    border: 1px solid #000;
    padding: 8px 18px;
    border-radius: 4px;
    font-weight: 600;
    transition: .2s ease-in-out;
    display: inline-block
}

.sustainability-wel-img:before {
    content: '';
    content: '';
    background: url(../img/welcome-before.png) no-repeat;
    width: 600px;
    height: 320px;
    position: absolute;
    bottom: -140px;
    z-index: -0;
    right: 20px
}

.sustainability-wel-img img {
    width: 100%;
    z-index: 99;
    position: relative;
    border-radius: 30px
}

.sustainability-dev-gols-img {
    width: 50%;
    display: inline-block;
    border-radius: 0 30px 30px 0;
    overflow: hidden;
    vertical-align: top;
    top: -90px;
    position: relative
}

.sustainability-dev-gols-text {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 50px;
    background: #f8f8fa;
    position: relative
}

.sustainability-dev-gols-text .sustainability-dev-gols-text-inner {
    width: 540px;
    max-width: 100%
}

.sustainability-dev-gols-text:before {
    content: '';
    width: 100%;
    background: #f8f8fa;
    position: absolute;
    left: -190px;
    height: 100%;
    z-index: -1;
    border-radius: 30px 0 0 30px
}

.sustainability-dev-gols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 108px 0 80px
}

.achieving-content p {
    position: relative;
    padding: 0 0 0 35px;
    margin: 20px 0 0
}

.achieving-content p:before {
    content: '';
    background: url(../img/net-check.png) no-repeat;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 7px;
    z-index: -0;
    left: 0
}

.social-responsiblity-sec {
    margin: 40px 0 0;
    background: #f8f8fa;
    padding: 50px 0
}

.social-responsiblity-sec h2 {
    margin: 0 0 40px;
    text-align: center;
    background: #fff;
    padding: 0 0 30px
}

.social-responsiblity-sec-text .social-responsiblity-left-img {
    overflow: hidden;
    position: relative;
    border-radius: 20px 0 0 20px
}

.social-responsiblity-sec-text .social-responsiblity-left-img:after {
    content: '';
    background: url(../img/social-responce-after.html) no-repeat;
    width: 100%;
    height: 64px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px
}

.social-responsiblity-sec.social-responsiblity-sec-second {
    margin: 50px 0;
    background: 0 0;
    padding: 0
}

.social-responsiblity-sec.social-responsiblity-sec-second .social-responsiblity-sec-text .social-responsiblity-left-img {
    border-radius: 0 20px 20px 0
}

.social-responsiblity-sec.social-responsiblity-sec-second .social-responsiblity-sec-text .social-responsiblity-left-img:after {
    content: '';
    background: url(../img/social-responce-before.html) no-repeat
}

.new-devlop-sec {
    background: url(../img/new-devlopemn.png) top/cover no-repeat;
    height: 849px
}

.new-devlop-sec .container {
    position: relative;
    top: 62%;
    transform: translate(0, -62%)
}

.new-devlop-sec .new-devlop-content {
    background: rgba(255, 255, 255, .9);
    max-width: 100%;
    width: 700px;
    border-radius: 25px;
    padding: 35px
}

.ds-charity-sec {
    position: relative;
    padding: 55px 0;
    margin-bottom: 80px
}

.ds-charity-sec:before {
    content: '';
    width: 80vw;
    margin-left: 25%;
    transform: translateX(-50%);
    background: #f8f8fa;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 80%;
    z-index: -1;
    content: ''
}

.slide-trusty-arrow {
    position: absolute;
    top: 248px;
    right: 232px
}

.carousel.charity-slide a.carousel-control {
    background: #efefef;
    position: absolute;
    right: 0;
    left: inherit;
    top: 34%;
    height: 40px;
    width: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    opacity: 1;
    transition: .2s
}

.carousel.charity-slide a.carousel-control:hover {
    background: #f5821f;
    transition: .2s;
    color: #fff
}

.carousel.charity-slide a.right.carousel-control {
    left: 11px
}

.carousel.charity-slide a.left.carousel-control:before {
    content: '';
    font-family: FontAwesome;
    color: #000;
    background: 0 0;
    text-shadow: none
}

.carousel.charity-slide a.right.carousel-control:after {
    content: '';
    font-family: FontAwesome;
    text-shadow: none;
    color: #000
}

.carousel.charity-slide .charity-slider-text {
    width: 750px;
    max-width: 100%;
    display: inline-block;
    height: 284px
}

.carousel.charity-slide .charity-slider-img {
    float: right;
    border-radius: 10px;
    overflow: hidden;
    margin: 25px 0 0
}

.portfolio-sec-inner .content {
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: auto;
    overflow: hidden
}

.portfolio-sec .portfolio-sec-inner {
    margin-top: 60px
}

.portfolio-sec-inner-text h3 {
    margin: 15px 0 7px;
    font-size: 20px
}

.portfolio-sec-inner .content .content-overlay {
    background: rgba(0, 0, 0, .7);
    position: absolute;
    height: 99%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.portfolio-sec-inner .content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.portfolio-sec-inner .content:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1
}

.portfolio-sec-inner .content-details h3 {
    color: #fff;
    font-weight: 500;
    letter-spacing: .15em;
    margin-bottom: .5em;
    text-transform: uppercase
}

.portfolio-sec-inner .content-details p {
    color: #fff;
    font-size: .8em
}

.portfolio-sec-inner .fadeIn-bottom {
    top: 80%
}

.portfolio-sec-inner .fadeIn-top {
    top: 20%
}

.portfolio-sec-inner .fadeIn-left {
    left: 20%
}

.ds-life-sec .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ds-life-sec .ds-life-text h2 {
    margin: 8px 0
}

.ds-life-text p,
.meet-leader-sec-inner .meet-team-content p {
    text-align: justify
}

.meet-leader-sec {
    background: #f5f2f2;
    padding: 80px 0
}

.meet-leader-sec-inner .flip-card {
    background-color: transparent;
    width: 100%;
    height: 378px;
    perspective: 1000px
}

.meet-leader-sec-inner .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 1.6s;
    transform-style: preserve-3d
}

.meet-leader-sec-inner .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg)
}

.flip-card-back,
.meet-leader-sec-inner .flip-card-front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.meet-leader-sec-inner .flip-card-front {
    background-color: inherit;
    color: #000;
    overflow: hidden
}

.meet-leader-sec-inner .flip-card-back {
    background-color: #f5821f;
    color: #fff;
    transform: rotateY(180deg);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px
}

.meet-leader-sec-inner .flip-card-front .profile-text {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    color: #fff;
    transform: translate(0, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.meet-leader-sec-inner .flip-card-front .profile-text h3 span {
    display: block;
    font-weight: 400;
    font-family: Lato !important
}

.meet-leader-sec-inner .meet-team-content {
    margin: 18px 0 0
}

.meet-leader-sec-inner .meet-team-content h4 {
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 26px
}

.meet-leader-sec.meet-leaderteam {
    padding-top: 0
}

.meet-team-sec .meet-team-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.meet-team-inner .meet-team-blog {
    width: 20%;
    transform: translateY(0);
    opacity: 1;
    animation: none
}

.meet-team-inner .meet-team-blog .show-team-front {
    position: relative;
    height: 100%
}

.meet-team-inner .meet-team-blog .show-team-front:before {
    position: absolute;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 7%, rgb(0 0 0 / 40%) 59%, rgb(0 0 0 / 25%) 101%);
    top: 0;
    content: '';
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 9;
    left: 0
}

.meet-team-blog .meet-team-img {
    width: 100%;
    position: relative;
    padding-bottom: 144.5%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    bottom: 0
}

.meet-team-blog .meet-team-img img {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 100%;
    object-fit: cover
}

.meet-team-blog .meet-team-profile {
    position: absolute;
    bottom: 0;
    padding: 30px;
    width: 100%;
    z-index: 9
}

.meet-team-blog .meet-team-profile a.meet-team-member-link {
    display: inline-block;
    margin: 3px 0 0 7px;
    position: absolute;
    left: 0
}

.meet-team-blog .meet-team-profile a.meet-team-member-link i.fa.fa-linkedin-square {
    color: #fff;
    font-size: 25px;
    margin: 0;
    display: block;
    float: left
}

.meet-team-blog .meet-team-profile a.meet-team-member-link i.fa.fa-linkedin-square:hover {
    color: #0077b5
}

.meet-team-blog .meet-team-profile a.meet-team-member-link i.fa.fa-linkedin-square:hover:after {
    background: #fff;
    color: #f5821f;
    height: 16px;
    width: 15px;
    display: inline-block;
    position: relative;
    top: 0;
    content: '';
    left: -18px;
    z-index: -1
}

.meet-team-inner .meet-team-blog .show-team-back .meet-team-profile {
    top: 0
}

.meet-team-inner .meet-team-blog .show-team-back .meet-team-profile:after {
    position: absolute;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 7%, rgb(0 0 0 / 40%) 59%, rgb(0 0 0 / 25%) 101%);
    top: 0;
    content: '';
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
    left: 0
}

.meet-team-blog .meet-team-profile h2 {
    color: #fff;
    margin: 0;
    font-size: 34px;
    font-weight: 400 !important
}

.meet-team-blog .meet-team-profile h2 span {
    display: block;
    font-size: 40px;
    font-weight: 700;
    font-family: Lato
}

.meet-team-blog .meet-team-profile p {
    color: #fff;
    font-size: 18px
}

.meet-team-blog .meet-team-profile p.profile-location {
    display: -ms-flexbox;
    font-style: italic;
    font-size: 15px;
    display: flex;
    text-transform: uppercase;
    padding: 0 0 0 40px;
    position: relative
}

.meet-team-inner .meet-team-blog:nth-child(2n):hover {
    background: url(../img/ds-team-pattern-black.png) 0 0/cover no-repeat #f5821f
}

.meet-team-inner .meet-team-blog:nth-child(odd):hover {
    background: url(../img/ds-team-pattern-orange.png) 0 0/cover no-repeat #000
}

.meet-team-inner .meet-team-blog .show-team-back {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.show-team-back,
.show-team-front {
    transition: 1s;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.show-team-back {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    transform: rotateY(180deg)
}

.flick .show-team-front {
    pointer-events: none;
    transform: rotateY(180deg)
}

.flick .show-team-back {
    pointer-events: auto;
    transform: rotateY(0)
}

.meet-team-blog-inner .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: 0;
    cursor: pointer;
    padding: 14px 16px;
    transition: .3s;
    font-size: 17px
}

.meet-team-inner .meet-team-blog .show-team-back .meet-team-profile .tab {
    width: 100%;
    display: inline-block;
    border: 1px solid #fff;
    display: flex;
    flex-wrap: wrap
}

.meet-team-inner .meet-team-blog .show-team-back .meet-team-profile .tab button {
    width: 50%;
    border-radius: 0
}

.meet-team-blog-inner .tabcontent {
    padding: 6px 12px;
    border: none;
    border-top: none;
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 28px
}

.meet-team-blog-inner .tabcontent .team-stat-card dl.team-stat {
    padding: .2rem 1rem;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.meet-team-blog-inner .tabcontent .team-stat-card dl.team-stat dt.js-stat-label {
    width: 56%;
    text-align: right;
    padding: 0 1rem 0 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px
}

.meet-team-blog-inner .tabcontent .team-stat-card dl.team-stat dd {
    padding: 0;
    margin: 0;
    width: 38%
}

.meet-team-blog-inner .tabcontent .team-stat-card dl.team-stat dd span.team-stat-value {
    background: #fff;
    text-align: right;
    padding: 0 .5rem;
    text-transform: uppercase;
    display: table;
    transition: width .25s;
    color: #000;
    font-weight: 400;
    width: 100%
}

.meet-team-card.Family {
    background: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 549px
}

.meet-team-card.Family .ds-family h3 span {
    display: block;
    font-size: 30px;
    color: #f5821f;
    margin: 0 0 20px
}

.meet-team-inner .meet-team-blog .show-team-back .meet-team-profile .tabs_wrapper ul.tabs {
    width: 100%;
    border: 1px solid #fff !important;
    display: flex;
    flex-wrap: wrap;
    background: 0 0 !important;
    padding-left: 0;
    -webkit-margin-before: 0;
    -webkit-padding-start: 0
}

.meet-team-inner .meet-team-blog .show-team-back .meet-team-profile .tabs_wrapper ul.tabs li {
    width: 50%;
    border-radius: 0;
    box-shadow: none;
    float: left;
    border: none;
    outline: 0;
    cursor: pointer;
    padding: 5px 16px;
    transition: .3s;
    font-size: 15px;
    text-align: center;
    margin: 0;
    list-style: none;
    color: #fff
}

.meet-team-inner .meet-team-blog .show-team-back .meet-team-profile .tabs_container dl.team-stat {
    padding: .2rem 1rem;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.meet-team-inner .meet-team-blog .show-team-back .meet-team-profile .tabs_container dl.team-stat dt.js-stat-label {
    width: 56%;
    text-align: right;
    padding: 0;
    text-transform: capitalize;
    color: #fff;
    font-size: 12px;
    font-family: Lato !important
}

.meet-team-inner .meet-team-blog .show-team-back .meet-team-profile .tabs_container dl.team-stat dd span.team-stat-value {
    background: #fff;
    text-align: right;
    padding: 0 .5rem;
    font-size: 12px;
    display: table;
    transition: width .25s;
    color: #000;
    font-weight: 400;
    width: 100%
}

.meet-team-inner .meet-team-blog .show-team-back .meet-team-profile .tabs_container dl.team-stat dd {
    padding: 0;
    margin: 0;
    width: 39%
}

.meet-team-inner .meet-team-blog .show-team-back .meet-team-profile .tabs_container {
    padding-top: 20px;
    border-top: none;
    display: inline-block;
    width: 100%;
    position: absolute;
    right: 11px;
    bottom: 19px;
    z-index: 9
}

.meet-team-inner .meet-team-blog .show-team-back .meet-team-profile .tabs_container dl.team-stat dd .progress {
    background: 0 0;
    margin-bottom: 0;
    border-radius: 0;
    height: 20px
}

.meet-team-inner .meet-team-blog .show-team-back .meet-team-profile .tabs_container dl.team-stat dd .progress .progress-bar {
    background: #f5821f;
    color: #fff;
    border-radius: 0;
    font-weight: 700;
    text-align: right;
    padding: 0 8px;
    text-transform: capitalize;
    font-size: 11px
}

.meet-team-blog-inner .tab button:hover {
    background-color: #ddd
}

.meet-team-blog-inner .tab button.active {
    background-color: #ccc
}

.seokick-question,
.tabs_wrapper {
    margin-top: 50px
}

.new-contact-form-ds .md-form-control.md-select {
    margin: 8px 0 0
}

.new-contact-form-ds .md-form-control.md-select select {
    border: none;
    border-bottom: 1px solid #adadad;
    box-shadow: none;
    border-radius: 0;
    height: auto;
    padding: 0 0 24px;
    font-size: 16px;
    color: #000
}

.every-thing-edgetable table th {
    border-right: 1px solid #000;
    padding: 7px 15px;
    text-transform: uppercase
}

.every-thing-edgetable table tr td {
    border: 1px solid #000;
    padding: 10px 12px;
    line-height: 21px
}

@media (max-width:1680px) {
    .itsupport_points {
        align-items: normal
    }
}

@media (max-width:1600px) {

    .col_join iframe,
    .col_join video.video {
        float: right;
        width: 100%
    }

    .content-cma,
    .map_panel ul {
        text-align: center
    }

    .extention_team.case_detail.quotes .extention_col_left,
    .strategic_smm .extention_col_left,
    h2.title-heading.home_page_title {
        width: 50%
    }

    .expertise_inner_text h3,
    h1.title-heading.head-text,
    h2.title-heading.head-text {
        font-size: 40px
    }

    .client_panel .client_vertical-tab .tab-content h3 span,
    a.see_all_btn,
    a.see_btn_news.digital_marketing,
    p.blog_decs {
        font-size: 18px
    }

    .design_panel {
        background: #f5821f;
        margin: 75px 0 0
    }

    .container.container-section,
    .digital_tabs .tab .nav-tabs,
    .tack_partner_panel .item.item-slide img {
        width: 90%
    }

    .case_home .case_banner_text h3 {
        font-size: 33px
    }

    .expertise_inner_text.option_menu h3 {
        font-size: 30px
    }

    .card_col_1 li img.card-img-top,
    .extention_team.case_detail.quotes.holiday_ppc .extention_col_left,
    .sales_force_sec_1 {
        padding: 0
    }

    #toggle {
        top: 16px
    }

    .news_content h3 {
        font-size: 20px;
        letter-spacing: .4px;
        text-transform: inherit
    }

    .col_en_panel_inner h3 {
        line-height: 24px;
        font-size: 20px
    }

    ul.contlink.socil_service_point.socil_smm li b {
        color: #f5821f;
        display: block
    }

    img.celebreat_birth {
        width: 100%;
        height: auto
    }

    .app_dev_text_right ul li,
    .app_features_point .col_features h4,
    .counter .title,
    .extention_team.case_detail li,
    .sales_force_sec_1 p,
    ul.shildpay_point_back li {
        font-size: 16px
    }

    .sales_force_sec_1 img {
        padding: 60px 30px 0 0
    }

    .news_col h3 {
        font-size: 22px;
        min-height: 125px
    }

    .news_col p {
        margin: 0 0 50px;
        font-size: 16px
    }

    .news_col {
        margin-right: 36px;
        padding: 12px 23px 30px
    }

    .client_panel .tab-content>.tab-pane figure {
        width: 45%
    }

    .client_panel .tab-content>.tab-pane figure img {
        width: 100%;
        padding: 0
    }

    .client_panel .client_vertical-tab .tab-content h3 {
        font-size: 26px
    }

    .client_panel .client_vertical-tab .nav-tabs {
        width: 21%
    }

    .client_cmt {
        margin: 0 20px
    }

    .client_cmt p {
        font-size: 16px;
        line-height: 22px
    }

    .get_form i.fa.fa-envelope,
    .get_form i.fa.fa-skype {
        width: 156px;
        height: 156px;
        padding: 58px;
        font-size: 42px;
        margin-right: 16px
    }

    .get_in_touch_form .md-form-control {
        margin: 0 22px 0 0
    }

    .get_in_touch_form .checkbox label {
        font-size: 15px
    }

    .ow_slide_content p {
        font-size: 15px;
        line-height: 21px;
        margin: 5px 0 15px
    }

    .agile_info_graphic {
        display: none
    }

    .approach_point,
    .client_review_panel,
    .design_panel_inner,
    .digital_points .tab .tab-content img,
    .digital_tabs.game_tabs ul.nav.nav-tabs,
    .digitl_marketing_slider .container.container-section,
    .extention_col_left img,
    .extention_col_right img,
    .map_work img,
    .resent_col img,
    .service_client_panel .client_world_text,
    .strategic_panel_inner,
    .tech-slide-panal img,
    .trusted_client_panel p {
        width: 100%
    }

    .approach_point .approach_cal_1 {
        margin: 0 0 33px
    }

    .abt_terms_left.abt_terms_right h2,
    .approach_cal_1:nth-last-child(-n+2),
    .crm_Industries_points .crm_Industries_cols:last-child,
    .emp_box h3 {
        margin: 0
    }

    .sales_force_left {
        width: 56%
    }

    .service_panel .container {
        width: auto
    }

    .content-cma {
        padding: 0 14px
    }

    .whn-panel-contaent {
        margin: 40px 34px 0 0;
        display: inline-block
    }

    .whn-panel-contaent h2 {
        margin: 0 0 15px
    }

    .modal-dialog.contact_step_container .step-container {
        max-height: 550px
    }

    .corporate-wrapper-block.corporate-wrapper-block-2 {
        margin: 40px 54px 0 0
    }

    .corporate-wrapper-block.corporate-wrapper-block-2:before,
    .corporate-wrapper-block:before {
        height: 119%
    }

    .corporate-wrapper-side {
        height: 700px
    }

    .emp_box {
        width: 22%
    }

    .map_panel ul li {
        padding: 0 8px;
        font-size: 24px
    }

    .map_panel {
        margin: 15px 0
    }

    .col_join iframe {
        height: 300px
    }

    .emp_body_text {
        margin: 25px 0 60px
    }

    .team_desc p {
        font-size: 18px;
        width: 70%;
        padding: 0 37px;
        max-width: 100%
    }

    .container.digital_inner {
        width: 100%;
        padding: 24px
    }

    .container.digital_inner h2 {
        font-size: 40px !important;
        margin: 0 0 20px
    }

    .digital_pd_100 {
        padding-left: 30px;
        padding-right: 30px
    }

    .abt_dese_panel h2 {
        margin: 0 0 23px;
        font-size: 26px !important;
        line-height: 36px
    }

    .our-value-detail p {
        line-height: 25px
    }

    .casestudy-textbox-inner h2 {
        font-size: 4vw
    }

    .trusted_bg img {
        width: 100%;
        height: 689px;
        object-fit: cover
    }

    .trusted_bg {
        float: left;
        width: 55%
    }

    .trusted_content {
        margin: 200px 0 0;
        float: right;
        width: 44%;
        right: 290px;
        padding: 160px 33px;
        height: 489px
    }

    .trusted_content h2 {
        line-height: 35px
    }

    .trusted_content p {
        font-size: 15px;
        line-height: 26px
    }

    .services_panel_inner .serviceBox {
        width: 33.33%
    }

    .services_panel_inner .serviceBox .service-icon {
        width: 230px;
        height: 230px
    }

    .services_panel_inner .serviceBox .title {
        font-size: 21px
    }

    .trusted_client_col {
        height: 210px;
        width: 210px;
        margin: 0 10px 38px;
        padding: 40px 0
    }

    .trusted_dots img {
        width: 70%;
        float: right;
        margin: 58px 0 0
    }

    .digital_content p {
        color: #000;
        line-height: 26px;
        margin: 14px 0 32px
    }

    .digital_content {
        margin: 18px 0 0
    }

    .digital_content h2 {
        line-height: 35px;
        margin: 0
    }

    .digital_Sec_slide {
        bottom: 82px;
        width: 70%
    }

    .extention_col_left h2 {
        white-space: normal
    }

    .extention_col_left p {
        margin: 0 0 30px;
        line-height: 25px
    }

    .digitl_marketing_slider .serviceBox-content p.description {
        text-align: center;
        font-size: 14px;
        padding: 0;
        line-height: 21px
    }

    .digital_tabs .tab .nav-tabs li a {
        padding: 18px 40px
    }

    .extention_team {
        padding: 40px 0 40px 69px
    }

    .home-demo.digital_tabs_home {
        margin: 50px 68px
    }

    .casestudy_testimonial .extention_col_left,
    .extention_team.case_detail .extention_col_left,
    .extention_team.case_detail.quotes.restro_quotes_panel .extention_col_left {
        padding: 0 40px 0 212px
    }

    .service_animated .box:hover .box-content {
        bottom: 74%;
        padding: 0 25px
    }

    .service_animated .box .box-content {
        padding: 0 90px;
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        opacity: 0;
        z-index: 1;
        transform: translate(0, 50%)
    }

    .design_digital #testimonial-slider .owl-prev {
        left: 130px
    }

    .design_digital #testimonial-slider .owl-next {
        right: 130px
    }

    .agile_panel img,
    .container.inner-page,
    .cs_ocean .extention_col_right img,
    .extention_team.case_detail p.quotes_msg,
    .mobile_operating .tab .nav-tabs {
        width: 80%
    }

    .agile_panel {
        box-shadow: inset 0 40px 0 -10px #fff, inset 0 -40px 0 -10px #fff
    }

    .approach_panel .col_approach_img {
        right: 0
    }

    .approach_panel .col_approach {
        padding: 124px 0 0 78px
    }

    .col_approach p {
        font-size: 22px;
        line-height: 34px
    }

    .services_panel_inner .serviceBox .description {
        font-size: 13px
    }

    section.game_work {
        min-height: auto;
        max-height: none
    }

    .resent_col {
        width: 29%
    }

    .extention_team.game_extention h2 {
        line-height: 40px;
        margin: 0 0 10px;
        white-space: normal
    }

    .col_upcoming_game {
        width: 220px;
        height: 220px
    }

    .app_dev_text_right {
        padding: 0 0 0 35px
    }

    .app_technology_left .vertical-tab .tab-content {
        padding: 40px 38px 0 45px
    }

    .app_technology_left .vertical-tab .nav-tabs li {
        width: 65%;
        font-size: 30px;
        padding: 0
    }

    .app_technology_left .vertical-tab .tab-content p {
        line-height: 33px
    }

    .app_technology_left .vertical-tab .nav-tabs {
        top: 6em
    }

    .new_teck_inner .app_head_text h2 {
        line-height: 32px;
        font-size: 24px !important
    }

    .technology_content .tech_col_right h2 {
        font-size: 28px !important;
        line-height: 40px
    }

    .technology_content {
        width: 85%
    }

    .crm_first_sec .tech-slide-panal img {
        width: 70%
    }

    .crm_Industries_points .crm_Industries_cols {
        margin: 0 16px 50px
    }

    .crm_Industries_points .crm_Industries_cols,
    .crm_Industries_points .crm_Industries_cols:nth-child(n+4) {
        margin-bottom: 30px
    }

    .crm_ss_panel .crm_ss_left,
    .crm_ss_right {
        padding: 80px
    }

    .new_teck_inner.itcounsel .app_head_text h2 {
        font-size: 27px !important;
        line-height: 42px
    }

    .itsupport_points.itsupport_points_two .itsupport_points_left {
        padding: 40px 152px 40px 72px
    }

    .itsupport_points .itsupport_points_left {
        padding: 40px 72px 40px 152px
    }

    .itsupport_points.itsupport_points_two .itsupport_points_left.pull-left {
        padding: 0 40px 0 92px
    }

    .design_since .since_content_left {
        padding: 0 260px 0 55px
    }

    .design_since .since_content_left.design_game {
        padding: 0 90px 0 211px
    }

    .portfolio_case #portfolio_study_data li {
        width: 30%
    }

    .start_up_partner_col {
        width: 20%;
        height: 280px
    }

    .start_up_partner_col p {
        line-height: 24px;
        font-size: 15px
    }

    .refer_inner p,
    .start_up_partner_col h3 {
        font-size: 20px
    }

    .start-up_process .start-up_process_coll {
        padding: 20px;
        min-height: 230px
    }

    .start-up_process .start-up_process_coll p {
        font-size: 20px;
        line-height: 30px
    }

    .start-up_process .start-up_process_coll h3 {
        font-size: 24px;
        margin: 0 0 11px
    }

    .start-up_process_coll.start-up_process_coll_desc p {
        font-size: 15px;
        line-height: 20px;
        margin: 0
    }

    .start-up_process_coll.start-up_process_coll_desc {
        padding: 50px 23px
    }

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

    .refer_form {
        padding: 15px 0
    }

    .refer_inner .md-form-control {
        margin-bottom: 24px
    }

    .refer_inner p {
        line-height: 35px
    }

    .extention_team.case_detail p {
        margin: 11px 0 13px;
        line-height: 25px
    }

    p.quotes_msg:before {
        left: 6%
    }

    .extention_team.shildpay_sec .extention_col_left {
        width: 50%;
        padding: 0 122px 0 44px
    }

    .restro_quotes_panel p.quotes_msg {
        line-height: 22px
    }

    .strategic_panel {
        padding: 86px 0
    }

    .extention_team.case_detail.quotes.holiday_ppc {
        padding: 0 0 0 92px
    }

    .add_acdroid_sec.how_aproch,
    .ios_app_sec.how_process,
    .itsupport_points {
        align-items: normal
    }

    .client_dotsquares .extention_col_left {
        padding: 0 40px;
        width: 50%
    }

    .strategic_ppc .extention_col_left {
        padding: 40px
    }

    .design_panel img {
        width: 727px;
        left: -40px
    }

    .consultancy_panel {
        padding: 0 0 0 60px
    }

    .consultancy_panel .consultancy_col_right img {
        float: right
    }

    .strategic_panel img {
        width: 75%
    }

    section.head-banner.expertise_banner,
    section.head-banner.expertise_banner img.healthcare-banner {
        height: 50rem
    }

    section.head-banner.expertise_banner:after {
        float: right;
        display: inline-block;
        margin: 0;
        height: 209px;
        position: absolute;
        right: 0
    }

    section.head-banner.technology-banner {
        height: auto
    }

    .freamwork_desc .freamwork_desc_left {
        padding: 0 40px 0 236px
    }

    .build_sec .extention_col_right,
    .maintain_sec .extention_col_right {
        padding: 50px 180px 50px 80px
    }

    .grow_sec .extention_col_left {
        padding: 50px 60px 50px 180px
    }

    .web_dev_work .web_dev_work_left {
        padding: 0 37px 0 208px
    }

    .ocean_develop .since_content_left {
        padding: 40px 37px 0 116px
    }

    .add_acdroid_sec.how_aproch .extention_col_left,
    .ios_app_sec.how_process .extention_col_left {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .ios_app_sec .extention_col_left {
        padding: 0 37px 0 220px
    }

    .add_acdroid_sec .extention_col_left {
        padding: 0 220px 0 60px
    }

    .vorbestell_right_panel .vorbestall_app_img {
        height: 685px
    }

    .vorbestell_case {
        padding: 75px 95px 75px 0
    }

    .vorbestell_case.vorbestell_result {
        padding: 120px 0
    }

    .vorbestell_inner_panel.vorbestell_inner_panel_result .vorbestell_right_panel .vorbestall_app_img {
        height: 500px
    }

    .vorbestell_ds_text {
        margin: 40px 0 50px 40px
    }

    .connect_bg_panel .connect_bg_panel_contant {
        width: calc(100% - 638px);
        display: inline-block
    }

    .connect_bg_panel .connect_bg_panel_contant h2 {
        font-size: 60px;
        line-height: 75px
    }

    .connect_bg_panel .connect_bg_panel_contant p {
        margin: 20px 0
    }

    .vorbestell_case h3.vorbest_heading {
        font-size: 52px
    }
}

@media (min-width:1600px) and (max-width:1682px) {
    .container.container-section {
        width: 90%
    }

    .get_in_touch_form .md-form-control {
        width: 47%
    }

    .intl-tel-input .flag-container {
        top: 22px
    }

    .counter .counter-value,
    span.count_plus {
        font-size: 26px
    }

    .counter .title {
        font-size: 18px
    }
}

@media (min-width:1201px) and (max-width:1500px) {
    .map_panel_section {
        background-size: 900px auto;
        min-height: 456px
    }

    .map_panel .container.container-section {
        width: 100%
    }

    .map_panel_section .uk {
        float: right;
        margin: -67px 246px 0 0;
        width: 220px
    }

    .map_panel_section .usa {
        margin: -44px 0 42px 63px
    }

    .map_panel_section .india {
        margin: -93px 184px 0 0
    }

    .map_panel_section .australia {
        margin: -82px 26px 0 0
    }

    .counter .counter-content {
        margin: -35px -18px
    }

    .counter .title {
        font-size: 16px
    }

    .counter .counter-value,
    span.count_plus {
        font-size: 22px
    }

    .serviceBox-content {
        margin-bottom: 30px;
        min-height: 510px
    }

    .design_panel img {
        width: 621px;
        left: -16px;
        top: -415px
    }

    .design_panel_inner p {
        font-size: 15px
    }
}

@media (max-width:1500px) {
    .ios_app_sec .extention_col_left {
        padding: 0 37px 0 150px
    }

    .add_acdroid_sec .extention_col_left {
        padding: 0 150px 0 60px
    }

    .web_dev_work .web_dev_work_left {
        padding: 0 60px 0 150px
    }

    .web_dev_work.web_dev_two .web_dev_work_left {
        padding: 0 165px 0 60px
    }

    .meet-team-inner .meet-team-blog {
        width: 33.33%
    }
}

@media (max-width:1400px) {
    #cssmenu ul.ds-menu.ds-menu_work li a {
        padding: 8px 15px
    }

    #cssmenu ul ul li a,
    #cssmenu ul.ds-menu li.cloned a,
    #cssmenu ul.ds-menu li.ds-menu_iteam a {
        font-size: 13px
    }

    #cssmenu ul li a {
        padding: 25px 10px
    }

    .service_work h2 {
        font-size: 28px !important
    }

    h2.title-heading.home_page_title {
        font-size: 28px !important;
        line-height: 40px;
        width: 85%
    }

    .itsupport_points,
    .strategic_ppc,
    .strategic_smm {
        align-items: normal
    }

    .new_teck_inner .app_head_text {
        width: 24%;
        margin: 0 20px 0 0
    }

    .app_text_right {
        width: 45%
    }

    .design_client_inner h2 {
        font-size: 50px
    }

    .design_mobile img {
        bottom: 0;
        max-width: 325px
    }

    .design_since .since_content_left {
        padding: 0 170px 0 50px
    }

    .design_since .since_content_left.design_game {
        padding: 0 90px 0 104px
    }

    .casestudy_testimonial .extention_col_left {
        padding: 40px 40px 40px 99px
    }

    .casestudy-textbox-inner h2 {
        font-size: 4.4vw
    }

    .abt_tab_panel ul.nav.nav-tabs li a {
        height: 90px;
        padding: 32px 0
    }

    .build_sec .extention_col_right {
        padding: 50px 60px 50px 80px
    }

    .grow_sec .extention_col_left {
        padding: 50px
    }

    .maintain_sec .extention_col_right {
        padding: 50px 50px 50px 80px
    }

    .extention_team.case_detail .extention_col_left,
    .extention_team.case_detail.quotes.restro_quotes_panel .extention_col_left {
        padding: 0 40px 0 99px
    }

    .extention_team.case_detail.quotes.holiday_ppc .extention_col_left {
        padding: 0 40px 0 0
    }

    .expertise_shildpay.ds_portfolionw .expertise_inner_text_inner h3,
    .expertise_shildpay:hover .expertise_inner_text h3,
    .meet-team-blog .meet-team-profile h2 {
        font-size: 30px
    }

    .freamwork_desc .freamwork_desc_left {
        padding: 0 40px 0 111px
    }

    .card_col_1 li {
        text-align: center;
        margin: 0 10px
    }

    .organic-media-box.content-es h2 {
        font-size: 36px;
        line-height: 50px
    }

    .organic-media-box.content-es P {
        font-size: 16px;
        line-height: 30px;
        padding-top: 18px
    }

    .zoho_sec .welcome-area,
    .zoho_sec .welcome-area.zoho-creator-banner {
        background-repeat: no-repeat;
        background-position: right top;
        background-size: 50%
    }

    .start_up_partner_col {
        width: 26%;
        height: 220px
    }

    .start_up_partner_col h3 {
        font-size: 18px
    }

    .start-up_process.start_up_partner {
        padding: 50px 0
    }

    .startup_partner .start_up_partner_col {
        min-height: 250px
    }

    .vorbestell_case.vorbestell_result {
        padding: 70px 0
    }

    .vorbestell_right_panel .vorbestall_app_img.hair_style {
        height: 600px
    }

    .vorbestell_right_panel .vorbestall_app_img.hair_style.cosmis_style {
        height: 745px
    }

    .vorbestell_inner_panel.vorbestell_inner_panel_result .vorbestell_right_panel .vorbestall_app_img {
        height: 440px
    }

    .casestudy_slider_panel .casestudy_slider_content h2 {
        font-size: 24px
    }

    .casestudy_slider_panel .casestudy_slider_content h3 {
        font-size: 24px;
        line-height: 32px
    }

    .casestudy_slider_panel .casestudy_slider_content ul.casestudy_company-listing li span.client-dec,
    .casestudy_slider_panel .casestudy_slider_content ul.casestudy_company-listing li span.client-tittle {
        font-size: 20px
    }

    .connect_bg_panel {
        padding: 150px 30px
    }

    .connect_bg_panel .connect_port_img img {
        width: 88%;
        float: right
    }

    .choose-us-because-section .fc-box p {
        font-size: 14px !important
    }

    .meet-team-blog .meet-team-profile h2 span {
        font-size: 35px
    }

    .zoho_sec .welcome-area .left-text.col-lg-7.col-md-12.col-sm-12.col-xs-12 {
        margin: 0
    }
}

@media (min-device-width:1366px) {
    #cssmenu li.has-sub span.caret {
        display: none
    }
}

@media (max-width:1365px) {
    #cssmenu li.has-sub span.caret {
        top: 26px
    }

    .case-studes-banner-overlay select {
        margin-top: 0
    }

    .company-listing li .client-dec,
    .company-listing li .client-tittle {
        font-size: 16px
    }

    .company-listing li {
        width: 50%
    }

    .request-en-estimate {
        padding: 8px 20px
    }

    .vorbestell_right_panel .vorbestall_app_img.hair_style.cosmis_style {
        height: auto
    }
}

@media (min-width:1201px) and (max-width:1600px) {
    .design_panel img {
        width: 700px;
        left: -55px;
        top: -342px
    }
}

@media (max-width:1280px) {

    p.quotes_msg:after,
    p.quotes_msg:before {
        background-size: 42px
    }

    h1.video-btm {
        width: 100%
    }

    .title-work {
        width: 82%;
        top: 52%
    }

    h3.head-para {
        width: 70%
    }

    #cssmenu>ul>li>a {
        padding: 11px 12px;
        font-size: 15px
    }

    .dots_news_sec .pagination li a.page-link {
        font-size: 16px;
        line-height: 38px;
        height: 40px;
        width: 40px
    }

    .dots_news_sec .pagination li a.page-link span {
        line-height: 33px;
        font-size: 28px
    }

    .app_features_point .col_features,
    .dots_compact__image-wrapper {
        width: 33%
    }

    .approach_point,
    .client_world_col_img img,
    .dots_compact__image-wrapper img,
    .dots_compact__image-wrapper.ds-imginherit,
    .game-inner-box-sho img,
    .get_in_touch_form input.upload_file,
    .vorbestell_right_panel .vorbestall_app_img img.cosmiskinds {
        width: 100%
    }

    .ds-blogrignt {
        padding: 0 30px
    }

    .app_dev_text_right ul li,
    .content-cma.content-cma-tec p,
    .ds-bloginfo span,
    .ds-bloginfo span a,
    .ds-server-manage .panel-body p.lead,
    .vertical-menu li a {
        font-size: 14px
    }

    .mtb-40 {
        margin: 30px 0 0;
        padding-bottom: 30px
    }

    .blog-alexa img,
    .blog-gassist img {
        margin: 0 auto;
        padding: 30px 0 0
    }

    .ds-blogcontent .btn-disoverm {
        font-size: 26px;
        margin-top: 0
    }

    .ds-blogcontent .btn-disoverm i,
    .key_white_section .key_inner_section ul.wddms-col li.key_orange_head,
    .seo_testimonial p.quotes_msg,
    p.blog_decs {
        font-size: 16px
    }

    .ds-blogcontent p {
        margin-bottom: 25px
    }

    .col-mt {
        margin-top: 30px
    }

    .ds-mobwrap {
        padding: 15px
    }

    .ds-moreblog {
        margin-top: 50px
    }

    .blog-recent h3 {
        margin: 15px 0
    }

    .bottom-bumps p,
    .ds-blogtag,
    .serviceBox-content .title {
        font-size: 18px
    }

    .event_news_panel {
        margin-left: 0;
        margin-right: 0
    }

    .get_in_touch_form .checkbox label,
    .news_content h3 {
        font-size: 15px
    }

    .col_en_panel_inner h3 {
        line-height: 24px;
        font-size: 20px
    }

    .news_col {
        margin-right: 33px;
        padding: 23px 28px 36px
    }

    .news_col p {
        margin: 12px 0 30px;
        font-size: 14px;
        line-height: 25px
    }

    .news_col h3,
    .sales_force_sec_1 h2 {
        line-height: 24px;
        min-height: auto
    }

    .sales_force_sec_1 img {
        padding: 92px 30px 0 0;
        width: 38%;
        vertical-align: top
    }

    .client_panel .client_vertical-tab .tab-content h3,
    .request-contaent h2 span,
    .visit-panel-inner h2 span {
        font-size: 24px
    }

    .client_panel .client_vertical-tab .tab-content h3 span {
        font-size: 18px;
        padding: 6px 0 0
    }

    .client_panel .client_vertical-tab .nav-tabs li a {
        padding: 12px 0
    }

    .client_panel .tab-content>.tab-pane figure img {
        width: 300px;
        padding: 50px 5px;
        margin: auto;
        display: table
    }

    .client_panel .container {
        width: auto
    }

    .client_panel .tab-content>.tab-pane figure {
        display: inline-block;
        width: 100%;
        vertical-align: top
    }

    .client_panel .client_vertical-tab .tab-content {
        left: 0;
        padding: 0 22px
    }

    .client_panel .client_vertical-tab .nav-tabs {
        width: 26%
    }

    .approach_point .approach_cal_1 {
        margin: 0 0 33px
    }

    .approach_point .approach_cal_1:nth-child(3n) {
        padding: 0
    }

    .approach_cal_1:nth-last-child(-n+2),
    .footer_winning ul li a,
    .get_form i.fa.fa-skype:last-child {
        margin: 0
    }

    .whn-panel-contaent {
        margin: 45px 65px 0
    }

    .whn-panel-contaent h2 {
        margin: 0 0 10px
    }

    .whn-panel-contaent p {
        margin: 0 0 13px;
        line-height: 20px;
        font-size: 12px
    }

    .client_cmt p {
        font-size: 16px;
        line-height: 20px
    }

    .client_cmt {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin: 0 0 30px
    }

    .tab_mid {
        display: block
    }

    .sales_force_left {
        width: 60%
    }

    .agile_info_graphic {
        display: none
    }

    .get_fa_icon {
        margin: 55px auto auto;
        float: none;
        width: auto;
        display: table;
        text-align: center
    }

    a.read_m.client_more {
        margin: 0 0 12px
    }

    .office-address-sec .tab .nav-tabs li a {
        padding: 36px 0;
        height: 100px;
        font-size: 20px
    }

    .office-address-sec {
        margin: 100px 0 0
    }

    .office-address-sec .form-div {
        float: left
    }

    .visit-panel .tab {
        border: none;
        margin: -100px 0 0
    }

    .form-div {
        padding: 20px 15px;
        width: 100%;
        float: none;
        margin: auto
    }

    .tab .nav-tabs li a,
    section.tab-panel .tab .nav-tabs li.active a {
        font-size: 32px
    }

    h3.content-box-heading {
        font-size: 18px;
        line-height: 20px
    }

    .ct-panel .ct-client-panel {
        margin: 0 0 30px;
        height: 300px
    }

    p.head-para {
        font-size: 19px;
        line-height: 32px
    }

    .serviceBox-content {
        margin-bottom: 30px;
        min-height: 480px
    }

    .corporate-wrapper-block.corporate-wrapper-block-2 {
        margin: 40px
    }

    .corporate-wrapper-block.corporate-wrapper-block-2:before,
    .corporate-wrapper-block:before {
        height: 100%;
        border: none
    }

    .corporate-wrapper-side,
    .corporate-wrapper-side.corporate-wrapper-side-2 {
        height: 40em
    }

    .emp_box {
        width: 28%
    }

    .emp_box h3 {
        margin: 0;
        font-size: 18px
    }

    .abt_dese_panel p {
        color: #000;
        font-family: 'Segoe UI Symbol';
        font-size: 15px;
        line-height: 26px;
        margin: 18px 0 0
    }

    .mobile_development_panel {
        margin: 0 0 35px
    }

    .mobile_development_panel .col-md-2 {
        width: 50%;
        margin: 0 0 60px
    }

    .counter {
        margin: 30px 42px
    }

    .abt_desc_sec .container {
        padding: 60px 15px
    }

    .owl-prev.owl-prev-icon-up.os {
        font-size: 24px;
        margin: 0 0 0 -28px
    }

    .owl-next.owl-next-icon-up.os {
        font-size: 24px;
        margin: 0 -28px 0 0
    }

    .abt_testi_right {
        padding: 0 28px
    }

    .about_counter .col-abt_count .counter,
    .service_panel_inner.ov_abt_panel .content-cma {
        width: 42%
    }

    .services_panel p {
        font-size: 15px;
        width: 90%;
        line-height: 25px
    }

    .client_world_col_img {
        display: inline-block;
        width: 48%
    }

    .client_world_col {
        width: 48%;
        padding: 0 0 0 32px
    }

    .client_world_col h2 {
        line-height: 28px
    }

    .app_development_tabs .extention_team {
        background: 0 0;
        padding: 40px 73px 0
    }

    .ds-csdetail-wrap {
        background: 0 0
    }

    .ds-case-clisting {
        margin: 25px 0
    }

    .Prose {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .Prose p {
        margin-bottom: 15px
    }

    .extention_team.case_detail p {
        margin: 11px 0 0;
        line-height: 25px
    }

    .extention_team.case_detail .extention_col_left {
        padding: 0 18px 0 38px
    }

    .content-dps {
        width: 40%
    }

    p.quotes_msg:after {
        top: 100%;
        width: 48px
    }

    .casestudy-textbox-inner h2 {
        font-size: 3vw;
        line-height: 30px
    }

    .ccd_work .banner_comput img {
        max-height: 450px;
        width: auto !important;
        object-fit: fill
    }

    .thanks_award_logo .owl-nav .owl-prev {
        left: -2%
    }

    .thanks_award_logo .owl-nav .owl-next {
        right: -2%
    }

    .organic-media-box.content-es h2 {
        font-size: 24px;
        line-height: 36px
    }

    .organic-media-box.content-es P {
        padding-top: 0;
        font-size: 14px;
        line-height: 25px
    }

    .organic-media-box.content-es,
    .organic-media-box.content-es.paid_sicial {
        padding: 50px 70px 0
    }

    .seo_testimonial .client_review_panel {
        padding: 0 80px 0 63px
    }

    .web_dev_work .web_dev_work_left,
    .web_dev_work.web_dev_two .web_dev_work_left {
        padding: 0 35px
    }

    .itsupport_points.itsupport_points_two .itsupport_points_left {
        padding: 40px 60px 40px 50px
    }

    .itsupport_points .itsupport_points_left {
        padding: 40px 92px 40px 60px
    }

    .itsupport_points,
    .strategic_ppc,
    .strategic_smm {
        align-items: normal
    }

    .ccd_work {
        min-height: 510px
    }

    .ccd_work_desc .ccd_work_desc_right h2 {
        font-size: 51px;
        line-height: 60px
    }

    .key_orange_panel .table-info-rate .table-responsive tr span.orange-text,
    .ocean_technology_inner ul li {
        font-size: 20px
    }

    .ocean_technology_inner ul li span img {
        width: 60px
    }

    .ocean_develop .since_content_left {
        padding: 40px 37px 0 116px
    }

    .game-inner-box-sho h3 {
        font-size: 26px
    }

    h2.working_text {
        font-size: 24px !important;
        white-space: normal
    }

    .feedback_form_inner_panel .md-form-control .error-message {
        font-size: 10px
    }

    .error-message {
        color: red !important;
        font-weight: 600 !important
    }

    .key_white_section .key_inner_section ul.wddms-col li {
        min-height: 75px;
        font-size: 15px
    }

    .travel_panel .tech-body {
        padding: 15px;
        min-height: 330px
    }

    .ios_app_sec .extention_col_left {
        padding: 0 37px 0 48px
    }

    .add_acdroid_sec .extention_col_left {
        padding: 0 48px 0 60px
    }
}

@media screen and (max-width:1210px) {
    .ds-industries .cap-button {
        top: 188px
    }
}

@media screen and (min-width:1201px) {
    .fd-gallery-sec .col-sm-8.ukimg {
        display: none
    }
}

@media screen and (max-width:1200px) {
    .cookiealert .cookiealert-container button {
        margin: 0 auto;
        margin-top: 13px !important
    }

    .consultancy_panel .consultancy_col_right img,
    .home_chat,
    .our-value-detail,
    .slide_panel .owl-stage-outer .item,
    .strategic_panel img,
    .strategic_panel_inner,
    .team_desc.digital_service p.digital_service_text,
    .tech-slide-panal img,
    .technology_content .tech_col_left img,
    h1.video-btm {
        width: 100%
    }

    .case_home .case_banner_text {
        width: 39%
    }

    .case_home .case_banner_text h3 {
        font-size: 26px;
        color: #f5821f;
        line-height: 32px
    }

    .case_home .case_banner_text h2 {
        font-size: 26px !important;
        margin: 0 0 62px
    }

    .case_home img {
        margin: 14px 32px
    }

    .home_client_logo .card_col_1 li {
        width: 33%
    }

    .expertise_testimonial .expertise_top_dese_col.quotes:after {
        bottom: -59px
    }

    .company_website_panel .company_sec h2,
    .fd-right-img-sec .bg-dark-1 .left-sec p.fdesk-p,
    .home_chat h4 a,
    .startup_process_inner .start-up_process_coll h3,
    .working_point_inner .working_point_coll h3 {
        font-size: 20px
    }

    .title-work {
        width: 87%
    }

    .map_panel_section {
        background-size: 643px auto;
        min-height: 400px
    }

    .map_panel_section .uk {
        float: right;
        margin: -48px 139px 0 0;
        width: 220px
    }

    .map_panel_section .usa {
        margin: 0 0 42px
    }

    .map_panel_section .india {
        margin: -163px 101px 0 0
    }

    .map_panel_section address p {
        font-size: 10px
    }

    .map_panel_section .australia {
        margin: -98px 0 0
    }

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

    .trusted_bg img {
        height: 615px
    }

    .trusted_dots img {
        width: 64%;
        float: right;
        margin: 68px 0 0
    }

    .trusted_content {
        width: 50%;
        padding: 110px 33px;
        height: 415px
    }

    .blog_new_col.blog_three_col {
        width: 49%
    }

    .client-posts .owl-carousel .owl-prev.owl-prev-icon-up.os.os-desk,
    .client-posts .owl-next.owl-next-icon-up.os.os-desk,
    .digital_content,
    .slide_panel .owl-carousel .owl-nav.disabled .owl-next,
    .slide_panel .owl-carousel .owl-nav.disabled .owl-prev {
        margin: 0
    }

    .digital_content p {
        font-size: 15px;
        line-height: 22px;
        margin: 7px 0 24px
    }

    .design_panel_inner p,
    .dynamic-crm.functionality .function-fetaure.full .fc-box p,
    a.see_all_btn {
        font-size: 15px
    }

    a.see_btn_news.digital_marketing {
        font-size: 15px;
        padding: 12px 28px
    }

    .digital_Sec_slide {
        bottom: 58px;
        width: 100%
    }

    .extention_team {
        padding: 28px 0 40px 20px
    }

    h2.digital_reach {
        font-size: 50px !important
    }

    .extention_col_left p {
        margin: 15px 0 30px;
        line-height: 20px
    }

    .agile_panel_inner p,
    .service_animated .box .post {
        font-size: 16px;
        line-height: 26px
    }

    .app_technology_panel .app_technology_right_img,
    .fd-gallery-sec .ukimg,
    .owl-nav {
        display: none
    }

    p.map_text {
        margin: 24px 15px 0
    }

    .map_popup_aus {
        left: 58%
    }

    .our-value-heading {
        width: 100%;
        margin: 0 0 25px;
        text-align: center
    }

    .agile_panel_inner p {
        padding: 0 70px 0 0
    }

    .approach_panel .col_approach {
        padding: 90px 0 0 50px
    }

    .col_approach p {
        font-size: 18px;
        line-height: 34px
    }

    .error_page_inner .error_bottom h3.page_link_found span,
    .let_contact_inner_agensis p,
    .service_animated .box .title {
        font-size: 24px
    }

    .mobile_operating .tab .nav-tabs {
        width: 80%
    }

    .client_dotsquares .extention_col_left p.design_content,
    .error_page_inner h3 span,
    .grow_sec .extention_col_left p.design_content,
    .maintain_sec .extention_col_right p.design_content,
    .mobile_operating .tab .nav-tabs li a,
    .strategic_ppc .extention_col_left p.design_content,
    .strategic_smm .extention_col_left p.design_content {
        font-size: 16px
    }

    .technology_content .tech_col_right {
        margin: 20px 0 0 35px
    }

    .start-up_process .start-up_process_coll {
        width: 23%;
        margin: 0 8px 35px
    }

    .start_up_partner_col {
        width: 30%;
        margin: 0 8px 40px
    }

    .start_up_partner_col h3 {
        font-size: 15px;
        margin: 15px 0 10px
    }

    .start_up_partner_col p {
        line-height: 18px;
        font-size: 14px
    }

    .start_up_panel.last_btm_panel {
        padding: 45px
    }

    .start_up_panel.joomlastartup img {
        height: auto
    }

    .itsupport_points .itsupport_points_left h2 {
        margin: 10px 0;
        font-size: 24px
    }

    .itsupport_points .itsupport_points_left p {
        line-height: 22px;
        font-size: 14px
    }

    .client-posts .owl-carousel .item img {
        margin: auto
    }

    .design_since .since_content_left,
    .design_since .since_content_left.design_game {
        padding: 0 40px 0 22px
    }

    .app_case_left ul li,
    .design_since .since_content_left p,
    .extention_col_left p,
    .maintain_sec .extention_col_right p,
    .working_right h4 {
        font-size: 14px
    }

    .design_client_inner h2,
    .let_contact_inner_agensis h3,
    .working_desc .startup_desc h3 {
        font-size: 36px
    }

    .extention_team.case_detail h2 {
        font-size: 21px !important;
        margin: 0 0 5px
    }

    .ctr-pointflex,
    .dpc_panel_inner,
    .dpc_panel_inner .container.container-section {
        display: block
    }

    .content-dps {
        width: 100%;
        margin: 0 0 40px
    }

    .extention_team.case_detail.quotes.restro_quotes_panel h3 {
        bottom: -92px;
        line-height: 23px;
        font-size: 18px
    }

    .casestudy_testimonial .extention_col_left p.quotes_msg,
    .extention_team.case_detail.quotes.restro_quotes_panel p.quotes_msg,
    .table-info-rate tr td {
        font-size: 13px
    }

    .client_msg_name span img {
        width: 80px
    }

    .client_msg_name h3 {
        margin: 21px 0 0
    }

    .design_panel {
        padding: 30px 0;
        margin: 0
    }

    .design_panel img {
        width: 480px;
        left: -16px;
        top: -222px
    }

    .design_panel .col-xs-12.col-sm-5 {
        width: 55%
    }

    .consultancy_panel .consultancy_col_left h2,
    .service_work h2,
    h2.design_head {
        font-size: 24px !important
    }

    .consultancy_panel .consultancy_col_left p,
    .strategic_panel_inner p {
        margin: 11px 0 15px;
        font-size: 13px;
        line-height: 22px
    }

    .consultancy_panel {
        padding: 0 0 0 20px
    }

    .expertise_top_dese_col.quotes:after {
        top: 52%
    }

    .consultancy_panel .consultancy_col_left p {
        width: 100%
    }

    .strategic_panel {
        padding: 60px 0
    }

    .casestudy-listing li .client-dec,
    .consultancy_panel p.design_content,
    .design_panel_inner p.design_content,
    .start_partnership_inner .start_partnership_left_inner p,
    .strategic_panel_inner p.design_content {
        font-size: 18px
    }

    .extention_team.case_detail.quotes.holiday_ppc p {
        font-style: normal;
        font-size: 14px;
        line-height: 20px;
        margin: 0
    }

    .extention_team p.design_content {
        font-size: 16px !important
    }

    .extention_team.case_detail p {
        margin: 11px 0 0;
        font-size: 12px;
        line-height: 25px
    }

    .client_dotsquares .extention_col_left h2,
    .strategic_smm .extention_col_left h2 {
        font-size: 21px
    }

    .strategic_smm .extention_col_left p {
        font-style: normal;
        margin: 11px 0 0;
        font-size: 12px;
        line-height: 20px;
        width: 100%
    }

    .client_dotsquares .extention_col_left p {
        font-style: normal;
        margin: 11px 0 0;
        font-size: 12px;
        line-height: 25px
    }

    .strategic_ppc .extention_col_left p.design_content {
        margin: 0 0 15px
    }

    .strategic_ppc .extention_col_right {
        padding: 0;
        margin: 0
    }

    .strategic_ppc .extention_col_right img {
        border: none
    }

    .strategic_ppc .extention_col_left h2.title-heading {
        font-size: 21px;
        margin: 0 0 8px
    }

    .strategic_ppc .extention_col_left p {
        font-style: normal;
        margin: 11px 0 0;
        font-size: 11px;
        line-height: 20px;
        width: 100%
    }

    .client_logo_panel {
        padding: 35px 0 15px
    }

    .card_col_1 ul,
    .our-process-section .process-box .inner,
    .sugerhire_sec .services-section .crm-inr-box3 h3 {
        text-align: center
    }

    .casestudy_app img {
        width: 50%
    }

    .casestudy_app h2 span {
        color: #f5821f;
        width: 100%;
        display: block
    }

    .inner-them {
        width: 90%;
        margin: auto
    }

    .inner-page {
        margin: auto;
        width: 100%
    }

    .error_page_text {
        float: left;
        width: 65%
    }

    .error_page_inner h2 {
        font-size: 108px
    }

    .error_page_inner h3 {
        line-height: 33px;
        font-size: 24px;
        margin: 0
    }

    .error_page_inner .error_bottom h3.page_link_found {
        line-height: 36px;
        margin: 24px 0 0
    }

    .rate-list-new .row.cstrow .col-sm-5 {
        width: 38%
    }

    .startups_service_sec .startups_slide_col {
        width: 30%
    }

    button.case-study-inner {
        margin-top: 20px
    }

    .agency_persent .agency_innerleft h2 span,
    .enterprise-casestudy h2 {
        font-size: 30px
    }

    h2.working_text {
        font-size: 30px !important;
        white-space: normal
    }

    .owl-carousel .owl-item img {
        width: 90%
    }

    .agency_persent .agency_innerleft h2 {
        font-size: 60px
    }

    .working_point_inner .working_point_coll p {
        font-size: 14px;
        line-height: 20px
    }

    .tack_partner_agencies .tack_partner_testimonial {
        margin: 30px 0 0
    }

    .working_desc .startup_desc {
        margin: -165px 0 0
    }

    .working_right p {
        font-size: 16px;
        color: #000
    }

    .startup_process_inner {
        justify-content: center
    }

    .startup_process_inner .start-up_process_coll {
        margin: 0 15px 30px;
        padding: 30px 20px
    }

    .start_partnership_inner .start_partnership_left_inner {
        padding: 70px
    }

    .start_partnership_testimonial {
        padding: 40px
    }

    .start_partnership_right h2 {
        font-size: 28px
    }

    .grow_sec .extention_col_left h2,
    .maintain_sec .extention_col_right h2 {
        font-size: 20px !important
    }

    .maintain_sec .extention_col_left img {
        object-fit: fill;
        height: 100%
    }

    .web_dev_work .web_dev_work_left h2 {
        font-size: 20px !important;
        line-height: 30px
    }

    .web_dev_work .web_dev_work_left p {
        font-size: 14px;
        line-height: 22px
    }

    .case_study_text h2 {
        width: 100%;
        font-size: 36px
    }

    .dynamic-crm .box-crm.er {
        min-height: 511px
    }

    .microsoft_crm_panel .dynamic-crm.mds_panel .box-crm,
    .microsoft_crm_panel.share_point_work .dynamic-crm.mds_panel .box-crm {
        min-height: 410px
    }

    .our-process-section .process-box {
        margin: 10px 0
    }

    .dynamic-crm.mds_panel .row {
        display: flex;
        display: -ms-flexbox;
        flex-wrap: wrap;
        justify-content: center
    }

    .fd-content-sec .item.pd-basic .left-sec h2.fdesk-heading,
    .fd-right-img-sec .bg-dark-1 .left-sec h2.fdesk-heading {
        font-size: 42px
    }

    .user-rating {
        padding: 0 52px
    }

    .fd-gallery-sec .pd-basic {
        padding: 15px
    }

    .magento_enterprice_panel .magento_ent_sec2 .padT40 .why_magento_box {
        height: 585px !important
    }

    .hubspot-development-section .inner .hub-block1 {
        min-height: 321px
    }

    .bg-diagonal {
        background: url(../images/bg-diagonal.png) #f5821f;
        padding: 40px 0
    }

    .bg-diagonal .left-sec ul.circle-list.m-auto {
        top: 50%
    }

    .bg-diagonal .right-sec {
        top: 0
    }
}

@media (max-width:1199px) {
    #cssmenu ul li a {
        font-size: 16px;
        padding: 25px 8px
    }

    section.head-banner.expertise_banner {
        height: auto;
        margin: 106px 0 0;
    }

    section.head-banner.technology-banner {
        margin: 0
    }

    .carousel-caption.caption-content {
        position: relative;
        top: inherit;
        transform: inherit;
        padding: 40px 0 50px
    }

    .client-posts .owl-carousel .owl-prev.owl-prev-icon-up.os.os-desk {
        margin: 0 0 0 -40px
    }

    .client-posts .owl-next.owl-next-icon-up.os.os-desk {
        margin: 0 -40px 0 0
    }

    .cloude_testimonial .testimonial_company {
        width: auto;
        float: right
    }

    .cloude_testimonial {
        width: 60%
    }

    .tack_partner_home .item-slide a {
        width: 30%
    }

    .benifite_elearning_point h3,
    .client-posts.next_case .home-demo h2,
    .game_solution .our-work .our-work1 .tab-box1 .col-md-3 .game-name,
    .hubsport_sec h2,
    .power-php-text h2.title-heading,
    .startup_process_panel h2.title-heading {
        font-size: 24px
    }

    .add_acdroid_sec .extention_col_left p.enhanced-text,
    .benifite_elearning ul li,
    .casestudy_slider_panel .casestudy_slider_content ul.casestudy_company-listing li span.client-dec,
    .casestudy_slider_panel .casestudy_slider_content ul.casestudy_company-listing li span.client-tittle,
    .vorbestell_ds_result .testimonial_company h3,
    .whatstext p {
        font-size: 16px
    }

    .ios_app_sec .extention_col_left h2.title-heading {
        font-size: 24px;
        margin: 0 0 10px
    }

    .add_acdroid_sec .extention_col_left {
        padding: 0 27px 0 60px
    }

    .sugerhire_sec .img-box-section,
    .sustainability-wel-sec {
        margin: 40px 0
    }

    .casestudy_slider_panel .owl-carousel .casestudy_slider_img img,
    .sugerhire_sec .img-box-section img,
    .technology-banner .text-left {
        width: 100%
    }

    .insight-corebox h3,
    .sugerhire_sec .img-box-section h2 {
        font-size: 20px
    }

    .sugerhire_sec .features-section,
    .sugerhire_sec .services-section {
        padding: 40px 0
    }

    .sugerhire_sec .features-section .crm-inr-box2 {
        min-height: 525px
    }

    section.services-section.super_work .crm-inr-box3 {
        min-height: 250px
    }

    .sugerhire_sec .services-section .crm-inr-box3 {
        min-height: 311px
    }

    .sugerhire_sec .services-section .crm-inr-box3 p {
        font-size: 13px
    }

    .microsoft_crm_panel .dynamic-crm.mds_panel .col-md-4 {
        width: 49.5%;
        display: inline-block
    }

    .microsoft_crm_panel .dynamic-crm.mds_panel .box-crm h5 {
        font-size: 18px;
        line-height: 27px;
        min-height: auto
    }

    .inho_zoho_inner .zoho-creator,
    .inho_zoho_inner .zoho-creator-services {
        min-height: auto
    }

    .zoho_sec .inho_zoho .col-lg-3.col-md-6.col-sm-12.col-xs-12.mb-3.mb-md-4.mb-lg-5 {
        width: 49.5%
    }

    .bg-diagonal .left-sec,
    .fd-right-img-sec .bg-dark-1 .left-sec {
        padding: 50px 530px 10% 130px
    }

    .bg-diagonal .left-sec ul.circle-list.m-auto {
        width: 32%
    }

    .start_partnership_right {
        padding: 30px
    }

    .start_partnership_right ul li {
        font-size: 16px;
        padding: 0 0 0 75px
    }

    .start_partnership_right ul li span {
        font-size: 20px;
        height: 60px;
        width: 60px;
        margin: 0 16px 0 0;
        line-height: 54px;
        padding: 0;
        min-width: 60px
    }

    .ecom-page .cms-content-sec .cma-panel-image-tec {
        float: none;
        text-align: center;
        width: 100%
    }

    .ecom-page .cms-content-sec .content-cma.content-cma-tec {
        width: 100%;
        text-align: center
    }

    .ecom-page .cms-content-sec .content-cma.content-cma-tec h3,
    .ecom-page .cms-content-sec .content-cma.content-cma-tec p {
        text-align: center
    }

    .game-inner-box1 h2,
    .game-inner-box1 h3,
    .game-inner-box2 .title h3,
    .game_solution .mob-game .title h3,
    .game_solution .our-team .title h3,
    .game_solution .our-work .title h3,
    .game_solution .technologies .title h3 {
        font-size: 24px !important;
        line-height: 30px
    }

    .alexa_panel .bottompart .wrsc .wrscboxblk {
        min-height: 607px
    }

    .ds-server-manage p.lead {
        font-size: 17px
    }

    p.expertdots {
        width: 76%
    }

    .modal-dialog.contact_step_container .step-container {
        max-height: 500px
    }

    .accreditations_panel .accreditations_logos .accreditations_logos_inner,
    .vorbestell_client_text .vorbestell_client_text_inner {
        max-width: 454px
    }

    .vorbestell_right_panel .vorbestall_app_img {
        position: relative;
        height: 450px
    }

    .vorbestell_inner_panel.vorbestell_inner_panel_result .vorbestell_right_panel .vorbestall_app_img {
        height: 350px
    }

    .vorbestell_case {
        padding: 30px 55px 30px 0;
        max-width: 454px;
        margin-right: 0
    }

    .vorbestell_case h3.vorbest_heading {
        font-size: 34px;
        line-height: 40px
    }

    .vorbestell_case h2.vor_head {
        font-size: 28px
    }

    .vorbestell_ds_text h3 {
        margin: 0 0 11px;
        font-size: 24px;
        line-height: 30px
    }

    .vorbest_solution_text h3 {
        margin: 0;
        font-size: 24px
    }

    .vorbestall_app_img:before {
        height: 160px
    }

    .vorbest_technology .vorbest_technology_inner .vorbest_tech_content h3 {
        font-size: 24px;
        margin: 0 0 5px
    }

    .vorbestell_case.vorbestell_result {
        padding: 72px 111px 72px 0;
        margin: auto 0 auto auto;
        max-width: 460px
    }

    .vorbestell_case h2 {
        font-size: 40px
    }

    .home_vorbest_call .home_chat h3 {
        font-size: 24px;
        font-weight: 900 !important;
        margin: 7px 0 0
    }

    .vorbestell_ds_text {
        max-width: 416px
    }

    .casestudy_slider_panel .casestudy_slider_content h3 {
        font-size: 20px;
        line-height: 30px;
        margin: 6px 0
    }

    .app-webmean-panel ul li h3,
    .vorbestell_ds_result .testimonial_company h3 span {
        font-size: 14px
    }

    .vorbestell_right_panel .vorbestall_app_img.hair_style {
        height: 475px
    }

    .container.hair_solution .col-sm-12 {
        max-width: 660px
    }

    .vorbest_technology .vorbest_technology_inner .vorbest_tech_content {
        max-width: 610px
    }

    .vorbest_technology .vorbest_technology_inner .vorbest_tech_content ul li {
        width: 270px;
        font-size: 18px
    }

    .vorbest_technology .vorbest_technology_inner.hair_technology .vorbest_tech_img {
        margin: -321px 30px 0 0
    }

    .accreditations_panel .accreditations_logos .accreditations_col {
        width: 135px
    }

    .connect_bg_panel {
        padding: 100px 30px
    }

    .connect_bg_panel .connect_bg_panel_contant {
        width: calc(100% - 430px);
        display: inline-block
    }

    .connect_bg_panel .connect_bg_panel_contant h2 {
        font-size: 45px;
        line-height: 55px
    }

    .connect_bg_panel .connect_bg_panel_contant p {
        margin: 12px 0
    }

    .connect_bg_panel .connect_port_img img {
        width: 60%;
        float: right
    }

    .whatstext span {
        font-size: 55px
    }

    .banner-point-sec li {
        font-size: 15px
    }

    .power-php .row {
        display: block
    }

    .chooseus-panel .chooseus-box h4,
    .meet-leader-sec-inner .flip-card-front .profile-text h3 span,
    .numbertaking_inner .numbertaking_coll p,
    .technology-banner .text-right .tech-intro .hd1,
    .web-info-timeline h2,
    .web-info-timeline-web2 h2,
    .web-info-timeline-web3 h2 {
        font-size: 18px
    }

    .chooseus-panel .row {
        display: inline-flex
    }

    .chooseus-panel .col-xs-12 {
        margin: 0 0 30px
    }

    .technology-banner .text-right {
        float: none;
        margin: 34px 0 50px;
        width: 100%
    }

    .technology-banner .text-right form#contact_form:before {
        height: 85%
    }

    .spotlight-testimonial-slider #testimonial-slider .owl-buttons .owl-prev {
        left: 0
    }

    .spotlight-testimonial-slider .easyPaginateList {
        padding: 0 15px
    }

    .spotlight-slider-inner .post-slide p {
        color: #000;
        line-height: 21px
    }

    section.head-banner.expertise_banner img.healthcare-banner {
        height: 164px;
        vertical-align: bottom
    }

    section.head-banner.expertise_banner.hc-banner .carousel-caption.caption-content {
        position: absolute;
        bottom: 10%
    }

    section.head-banner.expertise_banner.hc-banner {
        padding-bottom: 0
    }

    .web-info-timeline .web-info-left:after {
        left: 45%;
        top: 40%
    }

    .web-info-timeline p,
    .web-info-timeline-web2 p,
    .web-info-timeline-web3 p {
        font-size: 14px;
        line-height: 20px
    }

    .web-info-timeline-web2 .web-info-left:before {
        top: 46%
    }

    .web-info-timeline-web2 .web-info-left:after {
        left: 44%;
        top: 60px
    }

    .sustainability-wel-sec .row {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .sustainability-wel-sec .row .col-sm-6 {
        width: 100%;
        margin: 0 0 30px
    }

    .sustainability-wel-sec .row .col-sm-6:nth-child(2) {
        order: 1
    }

    .sustainability-wel-img {
        position: relative;
        text-align: center
    }

    .sustainability-wel-img img {
        width: auto
    }

    .sustainability-wel-img:before {
        display: none
    }

    .sustainability-dev-gols {
        display: block;
        margin: 0 0 80px
    }

    .sustainability-dev-gols-img {
        width: 100%;
        display: inline-block;
        border-radius: 0;
        height: 450px;
        top: 0
    }

    .sustainability-dev-gols-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        vertical-align: top
    }

    .sustainability-dev-gols-text {
        width: 100%;
        padding: 0 30px
    }

    .sustainability-dev-gols-text .sustainability-dev-gols-text-inner {
        width: 100%;
        padding: 25px 0 30px
    }

    .meet-team-inner .meet-team-blog {
        width: 33.33%
    }

    .meet-team-inner .meet-team-blog .show-team-back .meet-team-profile .tabs_container dl.team-stat dt.js-stat-label {
        width: 46%
    }

    .meet-team-inner .meet-team-blog .show-team-back .meet-team-profile .tabs_container dl.team-stat dd {
        width: 48%
    }
}

@media (min-width:1200px) and (max-width:1600px) {
    .md-input-text.num_phone {
        height: 14px;
        padding: 0 0 0 53px;
        margin: 0 0 10px
    }
}

@media (max-width:1024px) {
    section.office_function .large-12.columns {
        width: 100%;
        margin: auto
    }

    .fd-gallery-sec .ukdesk_img,
    .owl-next.owl-next-icon-up,
    .owl-prev.owl-prev-icon-up {
        display: none
    }

    .ds-blogcontent {
        text-align: left
    }

    .result_content_panel p,
    .shildpay_result_panel_inner p {
        line-height: 25px
    }

    .result_content_panel {
        padding: 30px 0 45px
    }

    .consultancy_panel .consultancy_col_right img {
        width: 85%
    }

    .video-content-panel .container {
        width: 80%
    }

    .modal-dialog.contact_step_container {
        width: 77%
    }

    .casestudy_testimonial .author_desc h3,
    .extention_team.case_detail .extention_col_left .client_review_panel .author_desc h3 {
        font-size: 18px
    }

    .casestudy_testimonial .author_desc h3 span,
    .extention_team.case_detail.quotes.restro_quotes_panel h3 span {
        font-size: 14px;
        float: none;
        line-height: 16px
    }

    .start_partnership_testimonial h3 {
        font-size: 17px
    }

    .testimonial_company h3 span {
        font-size: 14px;
        padding-top: 0
    }

    .add_acdroid_sec .extention_col_left h2 {
        font-size: 20px !important;
        margin-bottom: 11px
    }

    .add_acdroid_sec .extention_col_left p.enhanced-text,
    p.enhanced-text {
        font-size: 15px
    }

    .zoho_sec .welcome-area {
        min-height: 400px;
        padding-bottom: 52px;
        height: auto
    }

    section.services-section.super_work .crm-inr-box3 {
        min-height: 285px
    }

    h2.working_text {
        font-size: 22px !important;
        line-height: 35px
    }

    .step-container {
        max-height: 350px
    }

    .expertise_shildpay.expertise_sec_left:hover .option_menu_inner {
        transition: none
    }

    .expertise_shildpay.expertise_sec_left:hover .option_menu_inner h3 {
        opacity: 0;
        transform: translate(0);
        transition: none;
        position: static;
        color: #000
    }

    .expertise_shildpay.expertise_sec_left:hover .expertise_inner_text2-inner h3 {
        opacity: 1
    }

    h3.quadrent_desc {
        transform: translate(0, -50%)
    }

    .fd-gallery-sec .col-sm-3 .col-sm-8.ukimg,
    .fd-gallery-sec .col-sm-3 .col-sm-8.ukimg .col-sm-3,
    .fd-gallery-sec .col-sm-3 .col-sm-8.ukimg .col-sm-4,
    .fd-gallery-sec .col-sm-9 .col-sm-4,
    .fd-gallery-sec .col-sm-9 .col-sm-6,
    .fd-gallery-sec .col-sm-9 .col-sm-6 .col-sm-3,
    .fd-gallery-sec .col-sm-9 .col-sm-6 .col-sm-8,
    .fd-gallery-sec .col-sm-9 .col-sm-6 .col-sm-9,
    .rate-list-new .container {
        width: 100%
    }

    .fd-gallery-sec .ukimg {
        display: block
    }

    .fd-content-sec .item.pd-basic .left-sec h2.fdesk-heading,
    .fd-right-img-sec .bg-dark-1 .left-sec h2.fdesk-heading {
        font-size: 42px
    }

    .fd-right-img-sec .bg-dark-1 .left-sec p.fdesk-p {
        font-size: 20px
    }

    .user-rating {
        padding: 0 52px
    }

    .fd-gallery-sec .pd-basic {
        padding: 15px
    }

    .magento_enterprice_panel .magento_ent_sec2 .padT40 .why_magento_box {
        height: 585px !important
    }

    .microsoft_crm_panel .dynamic-crm.mds_panel .box-crm {
        min-height: 410px
    }

    .hubspot-development-section .inner .hub-block1 {
        min-height: 321px
    }

    .bg-diagonal {
        background: url(../images/bg-diagonal.png) #f5821f;
        padding: 40px 0
    }

    .bg-diagonal .left-sec ul.circle-list.m-auto {
        top: 50%
    }

    .bg-diagonal .right-sec {
        top: 0
    }

    .fd-gallery-sec .col-sm-3,
    .fd-gallery-sec .col-sm-9 {
        width: 49.6%
    }

    section.head-banner.expertise_banner {
        margin: 59px 0 0
    }

    .ds-ind-travel .choose-box .choose-right {
        font-size: 16px;
        line-height: 20px
    }
}

@media (max-width:1023px) {

    .top-new-add-detials .col-sm-3,
    .top-new-add-detials .col-sm-9 {
        width: 100%
    }

    .request-en-estimate {
        width: auto;
        text-align: center;
        display: table;
        margin: auto
    }

    .top-new-add-detials .col-sm-9 {
        border-right: none;
        padding: 0 30px
    }

    .col-sm-9.new-contact-form-ds {
        width: 100%;
        padding: 0 30px
    }

    .casestudy_slider_panel .owl-carousel .owl-nav {
        display: none
    }
}

@media screen and (min-width:1000px) and (max-width:1199px) {}

@media screen and (min-width:1001px) and (max-width:1024px) {
    section.head-banner.expertise_banner {
        margin: 0
    }
}

@media screen and (max-width:1000px) {

    #cssmenu,
    nav {
        width: 100%
    }

    #cssmenu ul ul li,
    #cssmenu ul.ds-menu li.ds-menu_iteam ul li:hover {
        background: 0 0 !important
    }

    #cssmenu img,
    #cssmenu ul li,
    .button,
    .search_sec {
        position: relative
    }

    .button:after,
    .button:before {
        right: 20px;
        width: 27px;
        content: ''
    }

    #cssmenu .submenu-button.submenu-opened:before,
    #cssmenu li.has-sub span.caret,
    #cssmenu ul,
    #cssmenu ul li.has-sub a:after,
    #cssmenu ul li.has-sub:hover ul.ds-menu li.mobile_menuinner ul li.page_item a:after,
    #cssmenu ul ul>li.has-sub>a:after,
    #cssmenu ul ul>li.has-sub>a:before,
    #cssmenu>ul>li.has-sub>a:after,
    #cssmenu>ul>li.has-sub>a:before,
    #toggle,
    .logo-desk {
        display: none
    }

    #cssmenu .submenu-button:after,
    #cssmenu .submenu-button:before {
        width: 0;
        height: 0;
        background: #ddd;
        font-family: fontawesome;
        color: #fff;
        right: 32px
    }

    #cssmenu {
        float: right;
        position: fixed;
        padding: 0
    }

    #cssmenu .mobile_menu {
        width: 100%;
        background: #000;
        display: inline-block;
        padding: 15px;
        z-index: 999;
        position: fixed
    }

    #cssmenu .submenu-button,
    #cssmenu .submenu-button:after,
    #cssmenu .submenu-button:before,
    .button:after,
    .button:before {
        position: absolute;
        display: block
    }

    #cssmenu .button {
        display: block;
        height: 45px;
        top: -8px;
        right: -20px
    }

    #cssmenu img {
        z-index: 9999;
        width: 190px
    }

    .search_sec {
        margin: 16px 28px 0 0;
        z-index: 99999
    }

    #cssmenu ul {
        width: 100%;
        padding: 80px 0 0 !important;
        position: fixed;
        background: #000;
        top: 0;
        left: 0;
        z-index: 99;
        max-height: 100%;
        overflow: scroll;
        height: 100%
    }

    #cssmenu ul li {
        width: 100%
    }

    #cssmenu ul.ds-menu li.ds-menu_iteam ul li:hover a {
        color: #f5821f !important
    }

    #cssmenu ul li:hover {
        background: #363636
    }

    #cssmenu li:hover>ul>li,
    #cssmenu ul ul li {
        height: auto
    }

    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0;
        font-size: 30px;
        text-align: center;
        font-weight: 700;
        padding: 25px 0
    }

    #cssmenu span.submenu-button.submenu-opened+a,
    #cssmenu ul li.has-sub li.cloned.ds-submenu.open a {
        color: #f5821f
    }

    #cssmenu>ul>li {
        float: none
    }

    #cssmenu ul ul li a {
        padding-left: 0;
        color: #ddd;
        background: 0 0;
        font-size: 16px
    }

    #cssmenu ul.ds-menu li.ds-menu_iteam a {
        padding: 11px 0;
        font-size: 16px;
        font-weight: 600
    }

    #cssmenu ul ul li {
        display: inline-block;
        width: 100%;
        padding: 0
    }

    #cssmenu ul ul li:hover {
        background: #363636 !important
    }

    #cssmenu ul ul ul li a {
        padding-left: 35px;
        padding-right: 35px
    }

    #cssmenu ul.open li.has-sub ul.open li a.active {
        background: #212020
    }

    #cssmenu ul.open li.has-sub ul.open li a {
        background: #282424
    }

    #cssmenu ul ul li a.active {
        background: #333
    }

    #cssmenu ul ul li.active>a,
    #cssmenu ul ul li:hover>a {
        color: #fff
    }

    #cssmenu ul ul,
    #cssmenu ul ul ul {
        border-bottom: 1px solid #444;
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
        padding-top: 18px !important;
        background: #333 !important;
        padding-bottom: 18px !important
    }

    #cssmenu ul.ds-menu li.ds-menu_iteam ul {
        background: #2a2a2a !important;
        transition: none !important;
        padding: 0 !important;
        width: 100% !important
    }

    #cssmenu #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700
    }

    .button {
        width: 55px;
        right: 0;
        top: -47px;
        cursor: pointer;
        z-index: 9999999;
        float: right
    }

    .button:after {
        top: 24px;
        height: 11px;
        border-top: 3px solid #ddd;
        border-bottom: 3px solid #ddd
    }

    .button:before {
        -webkit-transition: .3s;
        -ms-transition: .3s;
        transition: .3s;
        top: 16px;
        height: 3px;
        background: #ddd
    }

    .button.menu-opened:after {
        -webkit-transition: .3s;
        -ms-transition: .3s;
        transition: .3s;
        top: 23px;
        border: 0;
        height: 3px;
        width: 25px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .button.menu-opened:before {
        top: 23px;
        background: #fff;
        width: 25px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    #cssmenu .submenu-button {
        z-index: 99;
        right: 0;
        top: 18px;
        padding: 6px;
        width: 50px !important;
        cursor: pointer;
        height: 50px
    }

    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px;
        display: none
    }

    #cssmenu .submenu-button:after {
        top: 11px;
        content: '';
        font-size: 0
    }

    #cssmenu .submenu-button:before {
        top: 12px;
        content: '';
        font-size: 22px
    }

    .logo img {
        max-height: 60px
    }

    #cssmenu .submenu-button.submenu-opened:after {
        background: #fff;
        font-size: 22px
    }

    #cssmenu ul ul .submenu-button:after,
    #cssmenu ul ul .submenu-button:before {
        top: 23px;
        right: 32px
    }

    #cssmenu ul ul ul li.active a {
        border-left: none
    }

    #cssmenu>ul ul>li.has-sub>ul>li.active>a,
    #cssmenu>ul>li.has-sub>ul>li.active>a {
        border-top: none
    }

    #cssmenu ul ul li.last-item>a,
    #cssmenu ul ul li:last-child>a {
        border-bottom: none
    }

    #cssmenu .numbercom {
        width: auto;
        float: none;
        padding: 15px 0 0;
        z-index: 99999;
        position: relative;
        margin: 0
    }

    #cssmenu ul.ds-menu li.ds-menu_iteam ul li ul.dropdown-menu.inner-sabmenu {
        position: relative;
        width: 100%;
        left: 0;
        margin: 0;
        overflow: hidden
    }

    #cssmenu ul.ds-menu li.ds-menu_iteam ul li:hover ul.dropdown-menu.inner-sabmenu {
        margin: 0
    }

    #cssmenu ul.ds-menu {
        padding: 0 !important;
        opacity: 1;
        height: auto;
        min-height: auto;
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        position: relative;
        border-radius: 0;
        pointer-events: inherit
    }

    #cssmenu ul.ds-menu li {
        height: 47px;
        margin: 0 0 -2px
    }

    #cssmenu ul.ds-menu li.cloned {
        border-bottom: 1px solid #4e4e4e;
        padding: 0;
        border-radius: 0 !important
    }

    #cssmenu ul.ds-menu li.cloned a {
        padding: 15px 0;
        font-size: 16px;
        font-weight: 600
    }

    #cssmenu ul.ds-menu li.cloned a:hover {
        border-radius: 0;
        color: #fff !important
    }

    #cssmenu ul.ds-menu li.cloned.active a {
        border-radius: 0;
        cursor: pointer
    }

    #cssmenu ul.ds-menu li.cloned span.arrow {
        right: 0;
        left: inherit;
        transform: rotate(-180deg);
        color: #fff;
        height: 46px;
        top: 0;
        width: 56px
    }

    #cssmenu ul.ds-menu li.ds-menu_iteam {
        opacity: 1;
        width: 100%;
        right: 0;
        top: 0;
        padding: 0;
        text-align: center;
        height: auto;
        position: relative
    }

    #cssmenu ul.ds-menu li.ds-menu_iteam.active {
        border-radius: 0;
        background: #4e4e4e !important;
        border-bottom: 1px solid #4e4e4e;
        margin: -2px 0 0;
        padding: 0
    }

    #cssmenu ul.ds-menu li.ds-menu_iteam.active a {
        border: none;
        padding: 15px 0;
        border-bottom: 1px solid #5a5a5a
    }

    #cssmenu ul li.has-sub:hover ul.ds-menu {
        border-radius: 0;
        width: 100%;
        margin-top: -10px
    }

    #cssmenu ul.ds-menu li.cloned span.arrow span:first-of-type {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 47%;
        top: 50%
    }

    #cssmenu ul.ds-menu li.cloned span.arrow span:last-of-type {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 50%;
        right: 47%;
        background-color: #fff
    }

    #cssmenu ul.ds-menu li.cloned span.arrow.active span:first-of-type {
        -webkit-transform: rotate(311deg);
        transform: rotate(311deg)
    }

    #cssmenu ul.ds-menu li.cloned span.arrow.active span:last-of-type {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .startups_service_sec .startups_slide_col {
        width: 29%
    }

    #answers-container {
        margin-top: 110px
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .extention_team.case_detail p.quotes_msg {
        line-height: 18px;
        font-size: 15px
    }

    .expertise_home.expertise_inner img {
        height: 350px
    }

    .restro_quotes_panel .author_desc span img {
        width: 66px
    }

    .cloude_testimonial {
        padding: 40px 50px 60px
    }

    .testimonial_company {
        justify-content: left;
        width: auto
    }

    .ocean_top_panel .ocean_top_dese_col.quotes .testimonial_company.author,
    .tack_partner_agencies .testimonial_company {
        justify-content: flex-end
    }
}

@media (min-width:768px) {
    .fullfilment .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .fullfilment .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .fullfilment .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .fullfilment .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .fullfilment .company-process .company-detail {
        max-width: 750px !important
    }

    .home_client_logo .card_col_1,
    .item-slide.item-slide_respon {
        display: block
    }

    section.clients-panel-logo.home_logo_res {
        display: none
    }
}

@media (max-width:1200px) {
    .fullfilment .company-process .company-detail {
        padding: 20px 53px
    }

    .fullfilment .methodology {
        padding: 20px 0 115px;
        background-image: linear-gradient(#f8f8f8 15%, #f8f8fa 15%)
    }

    .tack_partner_agencies .item-slide img {
        padding: 0 20px
    }

    .itsupport_points .itsupport_points_left h2 {
        font-size: 20px
    }

    .view_button.view_btn_left {
        margin: 5px 0 0;
        padding: 6px 15px;
        font-size: 13px
    }
}

@media (min-width:992px) {
    .ds-blogcontent p img.alignright-img-ds {
        float: right;
        margin-left: 25px;
        margin-top: 0
    }

    .ds-blogcontent p img.alignleft-img-ds {
        float: left;
        margin-top: 0
    }

    .fullfilment .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .fullfilment .company-process .company-detail {
        padding: 65px 15px 65px 526px !important;
        max-width: 970px !important
    }

    .fullfilment .company-process .row2 .company-detail {
        padding: 65px 526px 65px 15px !important
    }
}

@media (min-width:1200px) {
    .fullfilment .company-process .company-detail {
        padding: 65px 15px 65px 650px !important;
        max-width: 1200px !important
    }

    .fullfilment .company-process .row2 .company-detail {
        padding: 65px 650px 65px 15px !important
    }
}

@media (max-width:991px) {
    section.head-banner.expertise_banner {
        margin: 105px 0 0
    }

    .technology-banner .text-right form#contact_form:before {
        height: 85%
    }

    #nav_bar {
        top: 0 !important
    }

    .extention_team.case_detail {
        margin: 52px 0 0
    }

    .ccd_work .banner_comput,
    .extention_team.case_detail.quotes.restro_quotes_panel,
    .extention_team.case_detail.shild_back.restro_text,
    .refer_form .md-form-control {
        margin-top: 0
    }

    #navid ul.nav.navbar-nav li a,
    #navid ul.nav.navbar-nav.navbar-right li a {
        padding: 7px 12px;
        font-size: 13px
    }

    #navid .navbar-header a.img-responsive img {
        width: 180px
    }

    #navid ul.nav.navbar-nav.navbar-right li ul.dropdown-menu li:hover>ul.sub_menu {
        position: static;
        display: inherit;
        box-shadow: none
    }

    #navid ul.nav.navbar-nav.navbar-right li ul.dropdown-menu li.drop_sub span.caret {
        top: 18px;
        right: 11px;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-top: 10px dashed;
        position: relative
    }

    .casestudy_app h2,
    .cloud_services_panel h2,
    .ocean_top_panel h2 {
        line-height: 30px
    }

    .video-panel {
        overflow: hidden;
        margin-top: 108px
    }

    video.video.video_new {
        width: 100vw;
        min-width: 140vh;
        top: 0;
        left: 0;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, 0);
        z-index: 1;
        overflow: hidden
    }

    .video-panel .yxt-SearchBar .yxt-SearchBar-container {
        margin-top: 80px
    }

    .rate-list-new table tr {
        display: table-row
    }

    .rate-list-new table td,
    .rate-list-new table th {
        display: table-cell;
        word-wrap: break-word;
        font-size: 14px;
        white-space: normal !important
    }

    .content-cma h3,
    .counter .title,
    .feedback_form_panel label,
    .fream_teck_panel .start_partnership_right ul li,
    .key_orange_panel .table-info-rate .table-responsive tr span.orange-text,
    .key_orange_panel .table-info-rate .table-responsive tr td,
    .rate-list-new-top>p,
    .select-items div,
    .select-selected,
    p.blog_decs {
        font-size: 16px
    }

    .rate-list-new-top .table-responsive>.table>tbody>tr>td {
        white-space: normal !important
    }

    .abt_desc_sec .tab .tab-content p,
    .client_dotsquares .extention_col_left p.design_content,
    .client_web_point .cuadro_intro_hover .caption-text h3,
    .let_contact_inner_agensis p,
    .meet-leader-sec-inner .flip-card-front .profile-text h3 span,
    .meet-team-blog .meet-team-profile p,
    .model-head h3,
    .start_partnership_testimonial p,
    .strategic_ppc .extention_col_left p.design_content,
    .strategic_smm .extention_col_left p.design_content {
        font-size: 18px
    }

    .model-head {
        min-height: 120px
    }

    .limiter tbody tr,
    .prject-detls,
    .start_partnership_right ul li {
        font-size: 14px
    }

    .model-head p {
        line-height: normal;
        font-size: 12px;
        padding: 0 10px
    }

    .rate-list-new .row.cstrow .col-sm-5 {
        width: 34.5%
    }

    .expertise_inner_text2-inner h3,
    .expertise_shildpay.expertise_sec_left:hover .expertise_inner_text2-inner h3 {
        font-size: 24px;
        margin: 0
    }

    .expertise_shildpay.expertise_sec_left:hover .expertise_inner_text2-inner p {
        padding: 0 30px;
        font-size: 14px;
        line-height: 24px;
        display: block
    }

    h1.video-btm {
        font-size: 4rem
    }

    .video-content-panel .container {
        width: 80%
    }

    .col_en_panel,
    .col_en_panel_right,
    .container.container-section,
    .home_chat {
        width: 100%
    }

    .hubsport_sec h2,
    .strategic_top_text .strategic_heading_one h3.title-heading span,
    .technology_content .tech_col_right h2,
    h2 {
        font-size: 24px !important
    }

    .news_content h3,
    h3.head-para {
        font-size: 18px;
        line-height: 24px
    }

    .abt_terms_panel .abt_terms_left:first-child,
    .diff_roll .box_team,
    .open_sourse_shuger .padT40 .crm-inr-box1,
    .thanks_abt_sec .thanks_abt_point,
    .whatstext {
        margin-bottom: 30px
    }

    .pd-100 {
        padding-top: 50px
    }

    .carousel.charity-slide .charity-slider-text,
    .expertise_home h3,
    .expertise_home img,
    .game-inner-box2 .game-b-inner .skil-content,
    .trusted_panel,
    .vorbestell_inner_panel.vorbestell_inner_panel_result .vorbestell_right_panel .vorbestall_app_img,
    .vorbestell_right_panel .vorbestall_app_img,
    .vorbestell_right_panel .vorbestall_app_img.hair_style {
        height: auto
    }

    h3.case_news_text {
        white-space: inherit
    }

    .case_home img {
        margin: 0 32px
    }

    .case_home .case_banner_text h2 {
        margin: 0 0 20px
    }

    .home_chat h4 {
        display: inline-block;
        width: 100%;
        margin: 0 4px 24px 22px
    }

    .expertise_shildpay.expertise_sec_left:hover .expertise_inner_text2-inner h3 {
        margin-top: 0;
        line-height: normal
    }

    .expertise_inner_text2-inner {
        transform: translateY(-50%)
    }

    .expertise_inner_text2-inner p {
        display: none;
        min-height: inherit
    }

    .card_col_1 ul,
    .case_study_text,
    .consultancy_col_left,
    .desc-corporate p,
    .enterprise-casestudy,
    .expertise_testimonial .expertise_top_dese_col h2,
    .ios_app_sec .extention_col_left h2.title-heading,
    .map_panel ul,
    .ocean_holiday_contact .ocean_holiday_contact_inner .ocean_content_desc,
    .tack_partner_panel .item-slide h2.title-heading {
        text-align: center
    }

    .tack_partner_panel .item-slide {
        text-align: center;
        margin: 30px 0 0
    }

    .tack_partner_panel .tack_partner_testimonial,
    .working_desc .startup_desc {
        margin: 0;
        padding: 0
    }

    .expertise_inner_text_inner {
        width: 77%
    }

    .expertise_inner_text_inner h4 {
        float: left;
        width: 100%;
        left: 40%;
        margin: 0 0 10px
    }

    .nav_bar {
        display: inline-block;
        background: #000
    }

    #step3 .step-section-inner.no-digital-marketing-tab-3 .file-check span,
    .casestudy_testimonial .extention_col_left,
    .content-cma:nth-child(2n),
    .extention_team.case_detail .extention_col_left,
    .extention_team.case_detail.quotes.restro_quotes_panel .extention_col_left,
    .forbas-img,
    .logo,
    .maintain_sec.build_work .extention_col_right,
    .start_up_panel,
    .strategic_top_text .col-sm-12.col-md-4.col-lg-4,
    .strategic_top_text .col-sm-12.col-md-8.col-lg-8,
    .vorbest_technology .vorbest_technology_inner.hair_technology .vorbest_tech_content,
    .web-info-timeline p,
    .web-info-timeline-web2 .web-info-right img,
    .web-info-timeline-web2 p,
    .web-info-timeline-web3 p {
        padding: 0
    }

    .expertise_home {
        margin-bottom: 21px
    }

    .expertise_top_panel.expertise_testimonial .expertise_top_dese_col:last-child {
        float: none;
        width: 100%;
        text-align: center
    }

    .expertise_testimonial .expertise_top_dese_col.quotes:after {
        right: 0;
        bottom: -59px
    }

    h3.head-para {
        width: 75%;
        margin: 8px 0 0
    }

    .expertise_testimonial .expertise_top_dese_col.quotes:before {
        left: -7px
    }

    .video-content-panel {
        top: 50%;
        transform: translateY(-40%)
    }

    .tack_partner_home h4 {
        margin: 30px 14px
    }

    .dots_news_sec .pagination {
        margin: 25px 0 50px
    }

    .dots_news_sec .pagination li a.page-link {
        font-size: 16px;
        line-height: 38px;
        height: 40px;
        width: 40px
    }

    .dots_news_sec .pagination li a.page-link span {
        line-height: 33px;
        font-size: 28px
    }

    .title-work {
        width: 82%
    }

    .news_content h3 {
        width: 100%
    }

    .indus_img img,
    .owl-carousel .owl-item .digital_icon img,
    .trading_andro .row img,
    img.celebreat_birth {
        width: auto
    }

    .client_msg_name,
    .dots_compact:nth-child(6),
    .emp_box h3,
    .form-item.form-item-code,
    .home-demo,
    .navigator-slide-img .row,
    .news_col:nth-child(2n),
    .our-value-detail li:first-of-type,
    .start_up_panel.goole_accistant.cookie_panel p,
    .vorbest_solution_text h3,
    .web-info-timeline,
    .web-info-timeline-web2,
    .web-info-timeline-web3,
    .web-info-timeline-web3 .web-info-left,
    .web-info-timeline-web3 .web-info-right,
    section.head-banner.expertise_banner .carousel-caption.caption-content {
        margin: 0
    }

    .col_en_panel_inner h3 {
        line-height: 24px;
        font-size: 20px;
        margin: 20px 0 15px
    }

    .by_dots h4 {
        font-size: 13px;
        color: #6a6a6a;
        margin: 5px 0 11px
    }

    .app-webmean-panel ul li,
    .dots_compact__image-wrapper,
    .game_solution .our-work .our-work1 .tab-box1 .col-md-3 {
        width: 33%
    }

    .accreditations_panel .accreditations_bg,
    .accreditations_panel .accreditations_logos,
    .approach_point,
    .build_sec .extention_col_left,
    .case_study_text h2,
    .ccd_work_desc .ccd_work_left,
    .client_panel .tab-content>.tab-pane figure,
    .client_world_col_img,
    .cloude_testimonial p.quotes_msg,
    .club_result_text .shildpay_result_panel_inner,
    .col_join,
    .col_join_video,
    .connect_bg_panel .connect_bg_panel_contant,
    .consultancy_panel .consultancy_col_right img,
    .container.solution_dev,
    .design_panel .col-xs-12.col-sm-5,
    .design_panel .col-xs-12.col-sm-7,
    .design_since .since_image,
    .dots_compact__image-wrapper img,
    .dotsdevcmmi .col-xs-12.col-sm-4 .celebreat_birth,
    .ds-blogcontent p img,
    .ds-life-sec .col-md-6,
    .fd-content-sec .item.pd-basic .left-sec,
    .freamwork_desc .freamwork_desc_right img,
    .fullfilment .digital-full .title-head,
    .grow_sec .extention_col_right,
    .limiter .column1,
    .limiter .column2,
    .limiter .column3,
    .limiter .column4,
    .limiter .column5,
    .limiter .column6,
    .maintain_sec .extention_col_left,
    .map_panel .container,
    .map_work img,
    .new_teck_inner.design_support .app_head_text,
    .new_teck_inner.design_support .app_text_right,
    .ocean_develop .since_image,
    .ow_blue_panel .box,
    .ow_slide_img img.ow_slide_one,
    .result_content_panel .container,
    .running.download_pdf .panel-group table tr td,
    .running.download_pdf .panel-group table tr th,
    .service_client_panel .client_world_col_img img,
    .service_client_panel .client_world_text,
    .strategic_top_text .strategic_heading_one h2.title-heading,
    .team_desc.digital_service p.digital_service_text,
    .tech-slide-panal img,
    .use_cloude_service .cloudeleft_img,
    .use_cloude_service .since_content_right h2.since_benefit,
    .vorbestell_left_panel,
    .web-info-left,
    .web-info-right,
    .web_dev_work .web_dev_work_right,
    .whatscominfo .whatscominfo_point,
    fieldset.scheduler-border {
        width: 100%
    }

    .updown_img img {
        bottom: -8px
    }

    .trusted_bg {
        float: none;
        width: 100%;
        margin: 0
    }

    .ds-blogcontent img {
        width: 100%;
        height: auto;
        margin-bottom: 21px
    }

    .ds-blogcontent p em img,
    .zoho_sec .d-md-block img.rounded {
        margin: auto auto 25px;
        display: table
    }

    .accreditations_panel .accreditations_logos .accreditations_logos_inner,
    .accreditations_panel .row .col-lg-6,
    .container.hair_solution .col-sm-12,
    .ds-blogcontent p img.sf-thirty,
    .new_teck_inner.design_support {
        max-width: 100%
    }

    .ds-blogcontent .lapto {
        max-width: 100%;
        width: auto;
        display: block
    }

    .trading_andro .row {
        margin: 20px 0
    }

    .content-cma p {
        margin: 8px 0 0;
        font-size: 15px;
        line-height: 25px
    }

    .app_technology_left .vertical-tab .nav-tabs,
    .content-cma,
    .ds-ind-travel .choose-box li,
    .itsupport_hiw_panel .hiw_col,
    .meet-team-inner .meet-team-blog,
    .mobile_development_panel .col-md-2,
    .port_col_right,
    .services_panel_inner .serviceBox {
        width: 50%
    }

    .news_col {
        margin-right: 43px;
        padding: 23px 27px 36px;
        width: 47%;
        margin-bottom: 42px
    }

    .design_client_inner,
    .sales_force_left {
        text-align: center;
        width: 100%
    }

    .approach_point .approach_cal_1 {
        width: 50%;
        padding: 0 25px
    }

    .client_panel .client_vertical-tab .nav-tabs {
        width: 40%
    }

    .client_panel .client_vertical-tab .tab-content {
        padding: 0 18px;
        left: 0;
        margin: 0 0 0 15px
    }

    .accreditations_panel .acc_contant h3,
    .accreditations_panel .acc_contant.acc_brand p,
    .accreditations_panel .acc_contant.acc_brand-trust p,
    .accreditations_panel .acc_contant.acc_mamber p,
    .accreditations_panel .acc_contant.acc_memberships p,
    .accreditations_panel .accreditations_logos .accreditations_logos_inner h3.accreditations_bottm_head,
    .agile_info_graphic,
    .build_sec .extention_col_right:before,
    .ccd_work:before,
    .client_panel .client_vertical-tab .nav-tabs li a:after,
    .client_panel .client_vertical-tab .nav-tabs li a:before,
    .connect_bg_panel .connect_port_img,
    .design_digital_inner .owl-carousel .owl-nav .owl-next,
    .design_digital_inner .owl-carousel .owl-nav .owl-prev,
    .elearning_desc .web_dev_app.desktop_view,
    .extention_col_right.extention_arrow-left:after,
    .grow_sec .extention_col_left:before,
    .limiter table thead,
    .logo-desk-nav,
    .maintain_sec .extention_col_right:before,
    .map_panel_section .australia .mark-city,
    .map_panel_section .india .mark-city,
    .map_panel_section .uk .mark-city,
    .map_panel_section .usa .mark-city,
    .ocean_holiday_contact:before,
    .owl-next.owl-next-icon-up.os,
    .owl-prev.owl-prev-icon-up.os,
    .thanks_award_logo .owl-nav,
    .updown_img,
    .vorbest_technology .vorbest_technology_inner .vorbest_tech_img:after,
    .vorbest_technology .vorbest_technology_inner.hair_technology:after,
    .vorbestell_right_panel .vorbestall_app_img:before,
    .web-info-timeline .web-info-left:after,
    .web-info-timeline .web-info-left:before,
    .web-info-timeline-web2 .web-info-left:after,
    .web-info-timeline-web2 .web-info-left:before,
    .web-info-timeline-web3 .web-info-left:after,
    .web-info-timeline-web3 .web-info-left:before {
        display: none
    }

    .client_panel .tab-content>.tab-pane figure img {
        width: 260px;
        margin: 43px auto auto;
        display: table;
        padding: 0
    }

    .md-input-text.num_phone {
        width: 84%;
        padding: 0;
        position: relative;
        margin: -4px 0 0 53px
    }

    .sales_force_sec_1 img {
        padding: 0 30px 20px 0;
        width: auto;
        margin: auto;
        display: table
    }

    .accreditations_panel .row,
    .add_acdroid_sec,
    .ctr-pointflex,
    .design_panel .container-section,
    .design_since,
    .dynamic-crm .expertise_dynamics_point,
    .ecommerce_web,
    .freamwork_desc,
    .limiter table,
    .ocean_develop,
    .ocean_holiday_contact .ocean_holiday_contact_inner,
    .refer_inner,
    .strategic_heading_one,
    .strategic_panel .container.container-section,
    .tab_mid,
    .use_cloude_service,
    .web_dev-content_inner,
    .webcrmPpanel,
    section.organic-social-media {
        display: block
    }

    .client_cmt {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin: 34px 0
    }

    .add_acdroid_sec .extention_col_right,
    .app_text_right,
    .freamwork_desc .freamwork_desc_right {
        width: 100%;
        float: none
    }

    .add_acdroid_sec .extention_col_left,
    .itsupport_points.itsupport_points_two .itsupport_points_left {
        padding: 44px 15px 40px;
        width: 100%;
        max-width: 750px;
        margin: auto;
        display: table
    }

    .ios_app_sec.how_process .extention_col_left h2 {
        margin-bottom: 11px;
        margin-top: 0
    }

    .ios_app_sec {
        display: flex;
        flex-wrap: wrap
    }

    .ios_app_sec .extention_col_left,
    .itsupport_points .itsupport_points_left {
        order: 2;
        padding: 44px 15px 40px;
        width: 100%;
        max-width: 750px;
        margin: auto;
        display: table
    }

    .elearning_desc .web_dev_app,
    .ios_app_sec .extention_col_right,
    .itsupport_points .itsupport_points_right {
        width: 100%;
        float: none;
        order: 1
    }

    .casestudy-listing li .client-tittle,
    .service_animated .box .title,
    .strategic_top_text.strategic_top_head h3.title-heading span {
        font-size: 20px
    }

    .casestudy-listing li .client-dec,
    .client_dotsquares .extention_col_left p,
    .expertise_top_dese_col p.business_desc,
    .industries-section ul li span,
    .key_white_section .key_inner_section ul.wddms-col li.key_head_top,
    .mobile_operating .tab .nav-tabs li a,
    .phpdev-exp h3,
    .social-media-marketing .startup_desc .start_partnership_right li,
    .strategic_panel_inner p,
    .strategic_ppc .extention_col_left p,
    .strategic_smm .extention_col_left p,
    .web_desc_left h4 {
        font-size: 15px
    }

    .casestudy_app img {
        width: 38%
    }

    .casestudy_app a.view_button {
        margin: 8px 0 0;
        border: 1px solid #ccc
    }

    .app_case_left ul li {
        margin: 0 0 22px
    }

    .build_sec {
        display: block;
        padding: 0;
        margin: 0
    }

    .build_sec .extention_col_left img {
        float: none;
        margin: 0 0 30px
    }

    .build_sec .extention_col_right {
        padding: 30px;
        width: 100%;
        height: auto
    }

    .maintain_sec.build_work .extention_col_left img {
        height: auto;
        margin: 0
    }

    .maintain_sec.build_work {
        background: #f5821f;
        padding: 30px
    }

    .grow_sec {
        display: block;
        padding: 30px;
        height: auto
    }

    .grow_sec .extention_col_left {
        width: 100%;
        text-align: left;
        padding: 0;
        margin: 0 0 30px
    }

    .maintain_sec {
        display: block;
        padding: 30px 30px 0;
        height: auto
    }

    .maintain_sec .extention_col_right {
        padding: 30px 0;
        width: 100%
    }

    .start_partnership_right {
        padding: 20px
    }

    .client_msg_name h3 span {
        font-size: 15px;
        font-weight: 900
    }

    .office-address-sec {
        margin: 110px 0 0
    }

    .office-address-sec .tab .nav-tabs li a {
        padding: 23px 0;
        font-size: 16px;
        color: #0e103d;
        background: #f0f0f0;
        margin: 0;
        border-radius: 0;
        border: none;
        transition: .5s;
        font-family: 'Segoe UI Symbol';
        height: 71px;
        display: block;
        align-items: center
    }

    .form-item.form-item-code h3 {
        margin: 27px 0 16px
    }

    .visit-panel .tab {
        margin: -71px 0 0
    }

    .tab .nav-tabs li a,
    section.tab-panel .tab .nav-tabs li.active a {
        font-size: 24px;
        padding: 14px 0
    }

    .visit-panel-inner p {
        font-size: 15px;
        line-height: 22px
    }

    .map-loacation iframe {
        height: 298px
    }

    .whn-panel img.img-responsive {
        margin: auto
    }

    .whn-panel-contaent {
        margin: 20px 25px 18px
    }

    ul.policy-mg {
        margin: 0 0 99px;
        float: left
    }

    .pull-whn-img img.img-responsive {
        float: none
    }

    #step3 .step-section-inner.no-digital-marketing-tab-3 .file-check {
        text-align: left;
        float: none;
        width: 100%;
        margin-top: 0
    }

    #step3 .step-section-inner.no-digital-marketing-tab-3 h3 {
        text-align: center;
        width: auto;
        margin-top: 8px
    }

    .wizard .tab-pane .step-section-inner.no-digital-marketing-tab-3 p {
        margin: 8px 0;
        text-align: center !important;
        font-size: 14px;
        width: 100%
    }

    .col-sm-9.new-contact-form-ds,
    .it_support_panel .it_support_panel_inner_left,
    .top-new-add-detials .col-sm-9 {
        width: 100%;
        padding: 0 20px
    }

    .step-container {
        max-height: 300px
    }

    .step-section-inner textarea {
        height: 85px
    }

    h2.title-heading.heading-top {
        margin: 00px 0 22px;
        line-height: 33px
    }

    .cms-content-sec {
        height: 227px
    }

    .cma-panel-image img {
        margin: 7px 0 0;
        max-width: 38px
    }

    .home-demo .item img {
        width: 93%
    }

    section.head-banner img {
        width: 100%;
        height: auto
    }

    h1.title-heading.head-text,
    h2.title-heading.head-text {
        font-size: 31px !important;
        margin: 0
    }

    .content-cma.content-cma-tec p {
        padding: 0 0 0 50px;
        font-size: 12px
    }

    h3.content-box-heading.content-box-tec {
        padding: 0 0 0 50px;
        line-height: 15px
    }

    .logo-responsive {
        background: #000;
        width: 100%;
        padding: 30px
    }

    .corporate-wrapper-block,
    .corporate-wrapper-block.corporate-wrapper-block-2 {
        width: 448px;
        margin: 0 auto;
        float: none;
        top: 66px;
        left: 0;
        right: 0
    }

    .corporate-wrapper-block.corporate-wrapper-block-2:before,
    .corporate-wrapper-block:before {
        height: auto;
        border: none
    }

    .app-webmean-panel ul li:nth-child(3n+3),
    .apps_points .apps_col_tab:after,
    .corporate-wrapper-block.corporate-wrapper-block-2.corporate-wrapper-side-4:before,
    .corporate-wrapper-block.corporate-wrapper-block-2.corporate-wrapper-side-6:before,
    .corporate-wrapper-block.corporate-wrapper-side-3:before,
    .corporate-wrapper-block.corporate-wrapper-side-5:before,
    .map_panel_section address {
        border: none
    }

    .corporate-wrapper-side {
        width: 100%;
        background: #646159;
        height: 360px
    }

    .corporate-wrapper-side.corporate-wrapper-side-2 {
        width: 100%;
        background: #697b52;
        height: 360px
    }

    .corporate-wrapper-side.corporate-wrapper-side-3 {
        background: #67695f
    }

    .corporate-wrapper-side.corporate-wrapper-side-5 {
        background: #c68b60
    }

    .corporate-wrapper-side.corporate-wrapper-side-2.corporate-wrapper-side-4 {
        background: #75958f
    }

    .corporate-wrapper-side.corporate-wrapper-side-2.corporate-wrapper-side-6 {
        background: #6a83a0
    }

    .desc-corporate,
    .fd-content-sec .item.pd-basic .right-sec,
    .last_btm_panel_col {
        width: 100%;
        text-align: center
    }

    .emp_box {
        width: 42%
    }

    .map_panel ul li {
        padding: 0 8px;
        font-size: 24px
    }

    .map_panel {
        margin: 15px 0
    }

    .map_panel_section .australia,
    .map_panel_section .india,
    .map_panel_section .uk,
    .map_panel_section .usa {
        width: 100%;
        margin: 0 0 10px
    }

    .map_panel_section {
        background: 0 0;
        min-height: auto;
        margin: 40px 0 0
    }

    .map_panel_section address p {
        color: #000;
        display: block
    }

    .map_panel_section address .flag {
        float: right;
        position: absolute;
        right: 8px;
        top: 16px
    }

    .map_panel_section .usa address p,
    .map_panel_section .usa address p a {
        font-size: 11px
    }

    .map_panel_section .usa address p i {
        color: #f48525;
        font-size: 14px
    }

    .map_panel_section .usa address {
        padding: 10px 14px;
        border: none;
        box-shadow: none
    }

    .map_panel_section .usa address p {
        margin: 0 0 6px
    }

    .joinus_panel_sec p {
        padding: 14px 0 7px;
        line-height: 28px
    }

    .joinus_panel_sec {
        width: 100%;
        display: block;
        text-align: center
    }

    .col_join a.view_button.view_btn {
        float: none;
        margin: auto auto 30px;
        display: table
    }

    .col_join iframe {
        float: none;
        width: 100%;
        margin: 60px 0 0;
        height: 450px
    }

    .col_join video.video {
        margin: 50px 0 0
    }

    .team_desc p {
        font-size: 18px;
        width: 100%;
        padding: 0 37px
    }

    section.joinus_panel.abt_joinus {
        background: #f6f6f5;
        padding: 40px 0
    }

    .abt_dese_col,
    .abt_dese_panel h2,
    .abt_terms_panel .abt_terms_left,
    .abt_testi_right,
    .new_teck_inner .app_head_text,
    .vorbest_technology .vorbest_technology_inner.hair_technology .vorbest_tech_img {
        width: 100%;
        margin: 0
    }

    .counter {
        margin-bottom: 70px
    }

    .counter .counter-content {
        margin: -35px 0
    }

    .abt_dese_panel h2,
    .game_testimonial .testimonial p.description,
    .ocean_content_desc h2 {
        white-space: normal
    }

    .abt_dese_panel img {
        margin: 50px auto auto
    }

    .container.digital_inner {
        width: 100%;
        padding: 24px
    }

    .digital_pd_100 {
        padding-left: 20px;
        padding-right: 20px
    }

    .abt_terms_panel,
    .ds-process .upw-after a,
    .micro-net-tabs .panel-body .col-lg-4.min-he-set,
    .seo_testimonial {
        display: inline-block
    }

    .abt_terms_left.abt_terms_right h2 {
        text-align: center;
        line-height: 32px;
        font-size: 25px !important;
        white-space: normal;
        margin: 0 0 5px
    }

    .abt_terms_left.abt_terms_right p {
        line-height: 32px
    }

    .mobile_development_panel .col-md-2:last-child,
    .trusted_content a.see_btn_news.see_all_btn {
        margin: auto;
        display: table;
        float: none
    }

    .Accreditations_bg .brand-panel p.accreditations_top_head,
    .accreditations_panel.memberships-bg p.accreditations_top_head,
    .meet-leader-sec-inner .meet-team-card,
    .mobile_development_panel {
        margin: 0 0 40px
    }

    .abt_desc_sec {
        height: 380px
    }

    .abt_desc_sec .container {
        padding: 30px 15px
    }

    .serviceBox-content {
        margin-bottom: 30px;
        min-height: 440px
    }

    .our-value-detail li {
        width: 49%;
        padding: 0 30px
    }

    .abt_tab_panel ul.nav.nav-tabs li a {
        font-size: 14px;
        padding: 36px 0
    }

    .footer-panel p.footer_sub_desc {
        line-height: 20px
    }

    .footer-panel p.footer_desc,
    .footer-panel p.footer_desc strong a {
        font-size: 16px;
        line-height: 25px
    }

    .footer-panel .col-xs-12.col-sm-6.col-lg-2.col-md-2 {
        border: none;
        padding: 0
    }

    .footer-panel .col-xs-12.col-sm-5 {
        border-right: 1px solid #47484a;
        padding: 0 18px
    }

    .trusted_content {
        width: 100%;
        padding: 33px;
        height: auto;
        float: none;
        right: 0;
        margin: 0;
        text-align: center
    }

    .trusted_dots {
        position: relative;
        right: 0;
        left: 0
    }

    .trusted_dots img {
        width: 64%;
        float: none;
        margin: 60px auto;
        display: table
    }

    .service_otm_col {
        display: block;
        width: 90%;
        padding: 0;
        margin: 50px auto auto;
        text-align: center
    }

    .service_otm_col h2.sf_title.otm_head {
        text-align: center;
        margin: 0 0 15px
    }

    .service_animated .box .post {
        font-size: 14px;
        line-height: 20px
    }

    .client_world_col {
        width: 100%;
        padding: 0 0 20px 32px
    }

    .services_panel h2 {
        line-height: 30px;
        color: #000;
        margin: 0 0 15px
    }

    .cal_otm_points {
        width: 45%;
        margin: 0 11px 40px
    }

    .digital_col {
        margin: 0 7px;
        padding: 50px 20px
    }

    .trusted_client_col {
        height: 216px;
        width: 216px;
        position: relative;
        padding: 30px 0;
        margin: 0 14px 32px
    }

    .design_digital #testimonial-slider .owl-prev {
        left: 200px
    }

    .design_digital #testimonial-slider .owl-next {
        right: 200px
    }

    .digital_content {
        margin: 25px 0 0;
        text-align: center
    }

    .connect_bg_panel .connect_bg_panel_contant h2,
    .digital_content h2 {
        line-height: 34px
    }

    .digital_content p {
        font-size: 14px;
        line-height: 26px;
        margin: 10px 0 30px
    }

    .digital_tabs .tab .nav-tabs {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .digital_tabs_home .serviceBox-content {
        min-height: 321px
    }

    .extention_col_left {
        margin: 36px 0 55px
    }

    .extention_col_left p {
        margin: 10px 0 30px;
        line-height: 28px;
        width: 100%
    }

    .digital_points .tab .nav-tabs,
    p.itsupport_para {
        width: 90%
    }

    .digital_points .tab .tab-content h3,
    .home_vorbest_call .home_chat h3,
    .meet-team-blog .meet-team-profile h2 span {
        font-size: 24px
    }

    .digital_points .tab .tab-content p {
        margin-bottom: 15px;
        font-size: 16px
    }

    .digital_Sec_slide {
        width: 100%;
        padding: 19px 0 0 19px;
        top: 0;
        bottom: 0;
        position: relative;
        float: left
    }

    .error_page_text,
    .extention_col_left img,
    .extention_col_right img {
        float: none;
        width: 100%
    }

    .extention_team {
        width: 100%;
        padding: 25px 30px;
        display: inline-block
    }

    .tabs_inner ul li {
        font-size: 15px;
        line-height: 24px
    }

    .design_client_inner h2,
    h2.digital_reach {
        font-size: 36px !important
    }

    .digitl_marketing_slider .serviceBox-content {
        min-height: 600px
    }

    .approach_panel .col_approach {
        padding: 52px 0 0 50px
    }

    .col_approach p {
        font-size: 14px;
        line-height: 25px
    }

    .design_since .since_content_left {
        width: 100%;
        text-align: left;
        margin: 25px 0;
        padding: 0 15px
    }

    .design_container {
        width: 100%;
        max-width: 750px;
        padding: 0 15px;
        margin: auto
    }

    .design_client {
        padding: 30px 0
    }

    .design_mobile {
        height: auto;
        width: auto;
        float: none;
        z-index: 999;
        position: relative;
        margin: auto;
        display: table
    }

    .design_mobile img {
        position: relative;
        right: 0;
        top: 0;
        background: 0 0;
        width: 100%
    }

    .design_mobile_app_inner,
    .design_panel_inner,
    .strategic_panel_inner {
        text-align: left;
        width: 100%
    }

    .cols_game_contetn p {
        line-height: 24px
    }

    .cols_game_contetn h2 {
        line-height: 38px;
        margin: 0 0 6px
    }

    .resent_panel {
        padding: 40px 0 100px
    }

    .resent_panel h2.title-heading {
        margin: 0 25px 40px
    }

    .col_upcoming_game {
        width: 230px;
        height: 230px;
        margin: 0 20px 40px
    }

    section.game_work {
        min-height: auto;
        overflow: hidden;
        height: auto
    }

    .game_tabs .extention_team {
        padding: 25px 25px 0
    }

    .extention_team.game_extention {
        background: #231a60;
        padding: 20px 36px 40px
    }

    .app_features_point .col_features {
        width: 45%;
        display: block;
        text-align: center
    }

    .app_features_point .col_features span {
        display: inline-block;
        position: relative;
        margin: 0;
        width: 100%
    }

    .app_features_point .col_features h4 {
        font-size: 16px;
        white-space: nowrap;
        padding: 15px 0 0
    }

    .apps_points .apps_col_tab {
        width: 50%;
        margin: 0 0 25px
    }

    .club_result_text_inner .result_inner h2,
    .club_result_text_inner .result_inner p,
    .cs_ocean .extention_col_left,
    .digital_content.app_content h2,
    .digital_content.app_content p,
    .extention_team.case_detail ul,
    .hosting_point ul li,
    .limiter .column4,
    .limiter .column5,
    .limiter .column6,
    .result_content_panel p,
    .shildpay_result_panel_inner p,
    .strategic_top_text .strategic_heading_one h2.title-heading,
    .strategic_top_text .strategic_heading_one p,
    .strategic_top_text h2.title-heading,
    .strategic_top_text p {
        text-align: left
    }

    .app_development_tabs .extention_team {
        padding: 40px 20px 0
    }

    .new_teck_points {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap
    }

    .technology_content .tech_col_right p {
        line-height: 22px
    }

    .new_teck_inner {
        padding: 44px 15px 40px;
        width: 100%;
        margin: auto;
        display: table;
        max-width: 750px
    }

    .new_teck_inner.itcounsel .app_head_text h2 {
        line-height: 43px;
        font-size: 24px !important;
        white-space: inherit;
        margin: 0
    }

    .itsupport_points {
        width: 100%;
        flex-wrap: wrap
    }

    .it_support_panel .container {
        width: 750px;
        padding: 0
    }

    .it_support_panel .it_support_panel_inner_left:after {
        height: 2px;
        position: relative;
        float: right;
        width: 100%;
        right: 0;
        margin: 14px 0
    }

    .itsupport_points.itsupport_points_two .itsupport_points_left h2,
    .itsupport_points.itsupport_points_two .itsupport_points_left p {
        color: #fff
    }

    .itsupport_points .itsupport_points_left h2,
    .start_up_panel p {
        margin: 0 0 15px
    }

    .itsupport_points_right.right_Sec {
        width: 100%;
        margin: 0;
        float: none
    }

    .itsupport_points.itsupport_points_two h2,
    .itsupport_points.itsupport_points_two p {
        color: #000
    }

    .itsupport_points.itsupport_points_two,
    .vorbest_technology .vorbest_technology_inner.hair_technology {
        background: #f5821f
    }

    .it_support_panel .it_support_panel_inner_left h4.business_desc {
        font-size: 24px;
        text-align: left
    }

    .it_support_panel .it_support_panel_inner_right {
        width: auto;
        text-align: left;
        float: none;
        margin-left: 20px
    }

    .crm_ss_panel .crm_ss_left,
    .crm_ss_right {
        padding: 30px
    }

    .accreditations_panel p.accreditations_top_head.accreditations_top_mobile,
    .crm_counting .counter {
        margin-bottom: 40px
    }

    .portfolio_case #portfolio_study_data li {
        width: 46%
    }

    .portfolio_head h3,
    .portfolio_search {
        padding: 10px 90px
    }

    .portfolio_head #tech-img1,
    .portfolio_head #tech-img1_second,
    .portfolio_head #tech-img2,
    .portfolio_head #tech-img2_second {
        right: 90px
    }

    .ds-blogcontent.blogventure h4.headforce,
    fieldset.scheduler-border .control-group .btn-group button {
        margin-bottom: 15px
    }

    .upload_btn_contact {
        margin: 20px 0 0
    }

    .user-rating {
        padding: 0 27px;
        margin: 0 0 0 54px
    }

    .feedback_form_inner_panel .md-form-control {
        width: 31.5%
    }

    .start-up_process .start-up_process_coll,
    .start_up_partner_col {
        width: 40%;
        margin: 0 16px 35px
    }

    .limiter table td,
    table th {
        border: none;
        text-align: left
    }

    .limiter table tbody tr {
        height: auto;
        padding: 37px 0
    }

    .limiter table tbody tr td {
        padding-left: 54% !important;
        margin-bottom: 24px
    }

    .limiter table tbody tr td:last-child {
        margin-bottom: 50px
    }

    .limiter table tbody tr td:before {
        font-family: OpenSans-Regular;
        font-size: 14px;
        color: #999;
        line-height: 1.2;
        font-weight: unset;
        position: absolute;
        width: 40%;
        left: 30px;
        top: 0
    }

    .limiter table tbody tr td:first-child:before {
        content: "-"
    }

    .limiter table tbody tr td:nth-child(2):before {
        content: "Start-Up"
    }

    .limiter table tbody tr td:nth-child(3):before {
        content: "Scale-Up"
    }

    .limiter table tbody tr td:nth-child(4):before {
        content: "Mature"
    }

    .limiter table tbody tr td:nth-child(5):before {
        content: "Custom Requirements / Onsite Development"
    }

    .last_btm_panel_col_right {
        width: 100%;
        padding: 28px 90px 0
    }

    .last_btm_panel_col_img {
        margin: 0 25px 40px;
        width: 50%;
        display: inline
    }

    .ds-charity-sec,
    .last_btm_panel_col_img:last-child,
    h2.title-heading.title-heading_res {
        margin-bottom: 0
    }

    .form_quiz .form_quiz_inner,
    .referral_panel_img {
        width: 80%;
        margin: auto
    }

    .start_up_panel.last_btm_panel {
        padding: 72px 0 40px
    }

    .cookie_panel {
        padding: 0 30px
    }

    .let_contact_agensis,
    .refer_form {
        padding: 35px 0
    }

    .refer_inner p {
        font-size: 20px;
        line-height: 35px;
        padding: 20px;
        text-align: center
    }

    .tech-slide-panal.contest img {
        float: none;
        width: 50%;
        margin: 55px auto auto;
        display: table
    }

    .web_counter_panel .counter {
        margin-bottom: 30px;
        padding: 0
    }

    .case-studes-banner-overlay p {
        font-size: 18px;
        padding-top: 10px;
        margin-bottom: 0;
        line-height: normal
    }

    .btn-loadmore {
        margin-top: 20px
    }

    .extention_team.case_detail {
        padding: 20px 30px 40px
    }

    .extention_team.case_detail.shild_back {
        padding: 20px 15px 40px
    }

    .extention_team.case_detail.shild_back .extention_col_right img {
        width: 50%;
        margin: auto;
        display: table
    }

    .extention_team.case_detail h2 {
        font-size: 24px !important;
        margin: 0 0 5px;
        text-align: left;
        line-height: 30px
    }

    .extention_team.case_detail p {
        width: 100%;
        margin: 0 auto 15px;
        font-size: 15px;
        text-align: left
    }

    .meet-leader-sec,
    .shildpay_result_panel {
        padding: 40px 0 0
    }

    .cs_ocean,
    .industries-section ul li {
        padding: 40px 15px
    }

    .shildpaymobile {
        height: auto;
        margin: 0 60px 0 0;
        width: 100%
    }

    .shildpay_result_panel img {
        width: 250px;
        margin: auto;
        display: table
    }

    .shildpay_result_panel_inner {
        margin: 45px 0 0;
        display: inline-block;
        float: left;
        width: 100%;
        text-align: center
    }

    .shildpay_result_panel_inner h2 {
        margin: 0 0 20px;
        color: #000;
        text-align: left
    }

    .result_inner {
        margin: 0;
        float: none
    }

    .result_content_panel {
        width: 100%;
        padding: 40px 15px
    }

    .result_inner a.view_button {
        float: none;
        border: 1px solid #fff;
        display: table;
        margin-top: 24px
    }

    p.quotes_msg:after,
    p.quotes_msg:before {
        display: none;
        background-size: 30px
    }

    p.quotes_msg:before {
        left: 0
    }

    .extention_team.case_detail.shildpay_sec .extention_col_left {
        margin-bottom: 0;
        margin-top: 22px;
        text-align: left;
        padding: 0 !important
    }

    .extention_team.case_detail .extention_col_left,
    .extention_team.case_detail.quotes .extention_col_left {
        width: 100%;
        margin: 0 0 25px
    }

    .result_content_panel.club_result_text_inner .container {
        width: 750px
    }

    .extention_team.case_detail p.quotes_msg {
        width: 100%;
        text-align: left
    }

    .cs_ocean {
        display: inline-block
    }

    .casestudy_testimonial {
        display: inline-block;
        width: 100%;
        padding: 20px 30px 40px
    }

    .casestudy_testimonial .extention_col_left p.quotes_msg {
        font-size: 16px;
        text-align: left
    }

    .club_result_text {
        padding: 45px 0
    }

    .club_result_text_inner a.case_btn_contant {
        float: none;
        margin: 22px auto auto;
        display: table
    }

    .extention_team.case_detail.quotes.restro_quotes_panel p.quotes_msg {
        text-align: left;
        padding: 0;
        font-size: 16px
    }

    .extention_team.case_detail.quotes.restro_quotes_panel h3 {
        margin: 26px 0 0;
        text-align: right
    }

    .expertise_top_dese_col:after {
        right: -58px
    }

    .expertise_top_tab {
        bottom: 102px
    }

    .expertise_top_panel h2.expertise_business {
        margin: 0 0 10px;
        line-height: 27px
    }

    .design_panel {
        padding: 30px 0 40px;
        margin: 0
    }

    .design_panel img {
        position: relative;
        top: 0;
        margin: auto;
        display: table;
        width: 55%;
        float: none
    }

    .consultancy_panel .consultancy_col_left {
        margin: 20px 0 35px;
        text-align: left;
        padding: 0 30px;
        order: 1
    }

    .consultancy_panel {
        padding: 0;
        display: flex;
        flex-wrap: wrap
    }

    .consultancy_panel .consultancy_col_left p {
        width: 100%;
        font-size: 15px
    }

    .expertise_top_panel {
        padding: 0 15px
    }

    .strategic_contact_text,
    section.head-banner.expertise_banner .text-left {
        padding-left: 15px
    }

    .strategic_panel {
        padding: 20px 0 40px;
        text-align: center;
        display: inline-block;
        margin: -5px 0
    }

    .strategic_panel .col-sm-7 {
        position: relative;
        left: -15px
    }

    .strategic_panel img {
        float: left;
        width: 85%;
        position: relative;
        left: 0;
        bottom: 0;
        display: none
    }

    .extention_team.case_detail.quotes.holiday_ppc p {
        width: 100%;
        font-size: 15px;
        line-height: inherit
    }

    .extention_team.case_detail.quotes.holiday_ppc .extention_col_left {
        margin: 28px 0;
        padding: 0
    }

    .founder_top_text .container {
        width: inherit
    }

    .strategic_contact_text .result_inner .strategic_chat {
        display: inline-block;
        width: 100%;
        float: left;
        padding: 0
    }

    .strategic_contact_text a.view_button.case_btn_contant {
        margin: 15px auto auto !important;
        display: table;
        float: left
    }

    .service_work_panel .container {
        width: 100%;
        text-align: left;
        padding: 0 30px
    }

    .service_work_panel .container h2.title-heading {
        width: 100%;
        text-align: left;
        margin-bottom: 11px
    }

    .slide_panel .home-demo_service .container {
        width: 92%
    }

    .strategic_top_text.strategic_top_head h3.title-heading {
        text-align: left;
        margin-bottom: 15px
    }

    .strategic_top_text {
        padding: 50px 15px;
        text-align: left
    }

    .extention_team.case_detail.quotes.holiday_ppc {
        padding: 0 30px 35px
    }

    .strategic_contact_text .result_inner {
        width: 100%;
        padding-left: 0
    }

    .strategic_ppc,
    .strategic_smm {
        display: inline-block;
        width: 100%;
        padding: 0
    }

    .strategic_ppc .extention_col_left,
    .strategic_smm .extention_col_left {
        padding: 44px 15px 40px;
        width: 100%;
        max-width: 750px;
        margin: auto;
        display: table;
        float: none
    }

    .client_dotsquares {
        display: inline-block;
        width: 100%;
        padding: 30px
    }

    .client_dotsquares .extention_col_left {
        padding: 0;
        width: 100%;
        text-align: left;
        margin-bottom: 0
    }

    .strategic_ppc .extention_col_left p:last-child {
        margin: 16px 0 34px
    }

    .service_promote_video iframe {
        width: 100%;
        height: 300px
    }

    .client_logo_panel {
        padding: 35px 0 15px
    }

    .card_col_1 li {
        width: 20%
    }

    .card_col_1 li img.card-img-top {
        width: auto;
        margin: 0 0 25px
    }

    section.head-banner.expertise_banner:after {
        width: 62%;
        float: right;
        display: inline-block;
        margin: 0;
        height: auto
    }

    .expertise_top_dese_col.quotes:after {
        width: 36px;
        right: 0;
        background-size: 30px;
        top: 63%
    }

    .expertise_top_dese_col.quotes:before {
        width: 36px;
        left: -20px;
        background-size: 30px
    }

    .error_page_inner span.error_img {
        float: none;
        display: table
    }

    .error_page_inner h2 {
        font-size: 70px !important;
        margin: 0
    }

    button.case-study-inner {
        font-size: 12px;
        padding: 10px 12px;
        margin-top: 16px
    }

    .casestudy-textbox-inner h2 {
        font-size: 3vw !important;
        line-height: 28px
    }

    .ds-life-text,
    .extention_team.case_detail.quotes .extention_col_right img,
    .meet-team-sec,
    .power-php-text {
        margin: 30px 0 0
    }

    .company-listing {
        padding-top: 15px;
        margin-bottom: 5px
    }

    .footer_winning p {
        margin: 0 0 21px
    }

    .contact_detail_address.col-md-7 {
        padding: 0 0 22px;
        margin: 0 0 22px;
        border-right: none;
        border-bottom: 1px solid #47484a
    }

    .new-ofc.col-md-5 {
        padding-left: 0
    }

    .whatstext p {
        font-size: 22px;
        margin: 0 !important
    }

    .whats_thanks .row {
        display: block;
        margin-bottom: 30px
    }

    .whats_thanks .whats_img {
        width: 60%;
        margin: auto auto 30px
    }

    .thanks_award_logo .owl-item .item-slide img {
        margin: auto;
        width: auto
    }

    #navid ul.nav.navbar-nav.navbar-right li.dropdown span.caret {
        top: 17px
    }

    .working_startup_bg {
        height: 300px;
        background-size: cover
    }

    .working_point_inner .working_point_coll {
        width: 50%;
        padding: 0 40px 15px 0
    }

    .tack_partner_agencies .item-slide {
        margin: 40px 0
    }

    .agency_persent .agency_innerleft h2 {
        font-size: 60px !important
    }

    .web_desc_left p {
        font-size: 15px;
        line-height: 27px;
        margin-bottom: 30px
    }

    .elearning_desc .web_dev_app h3,
    .vorbest_solution_text h3,
    .vorbestell_ds_text h3,
    .working_desc .startup_desc h3 {
        font-size: 30px
    }

    .startup_process_inner .start-up_process_coll {
        width: 45%
    }

    .start_partnership_testimonial h3 {
        font-size: 21px
    }

    .freamwork_desc .freamwork_desc_left {
        width: 100%;
        margin: 30px 0;
        padding: 0 30px;
        text-align: center
    }

    .freamwork_desc .freamwork_desc_left h2 {
        margin: 0 0 11px
    }

    .organic-media-box.content-es {
        padding: 50px;
        width: 100%
    }

    .organic-media-box {
        width: 100%;
        margin: 0 0 30px
    }

    .organic-media-box.content-es.paid_sicial {
        padding: 18px 70px 0
    }

    .client-posts .home-demo {
        margin: 16px 0 50px
    }

    .col-seo:after {
        height: 150%
    }

    .seo_service_panel li {
        width: 49%
    }

    .seo_marketing_content .col-seo_text {
        width: 65%;
        margin-left: 25px
    }

    .seo_testimonial .client_review_panel {
        padding: 0 15px;
        width: 100%;
        text-align: left
    }

    .seo_testimonial .extention_col_left {
        width: 100%;
        max-width: 750px;
        padding: 40px 0;
        margin: auto;
        display: table
    }

    .seo_testimonial .extention_col_right {
        width: 100%;
        margin: 30px 0 0;
        display: inline-block
    }

    .web_dev_app {
        padding: 11px
    }

    .web_dev_app h3 {
        font-size: 28px;
        line-height: 35px
    }

    .ecommerce_web .col_web,
    .webcrmPpanel .col_web {
        width: 100%;
        padding: 25px
    }

    .web_dev_work .web_dev_work_left,
    .web_dev_work.web_dev_two .web_dev_work_left {
        padding: 30px 24px;
        max-width: 750px;
        width: 100%;
        margin: auto
    }

    .web_dev_work .web_dev_work_left {
        order: 1
    }

    .web_dev_work_right.right_Sec {
        width: 100%;
        display: block !important
    }

    .web_dev-content {
        padding: 60px 0
    }

    .ocean_holiday_contact .ocean_holiday_contact_inner a.view_button.view_or,
    .web_dev-content_inner a.view_button {
        margin: auto;
        display: table
    }

    .web_dev-content_inner h3 {
        text-align: center;
        font-size: 24px
    }

    .web_dev-content_inner h3 span {
        font-size: 18px;
        margin: 10px 0 0
    }

    .use_cloude_service .cloudeleft_img img {
        margin-bottom: 25px
    }

    .use_cloude_service .since_content_right {
        width: 100%;
        padding: 0 75px 25px
    }

    .use_cloude_service .since_content_right h2.since_benefit,
    .use_cloude_service .since_content_right ul {
        float: left
    }

    .cloude_testimonial {
        padding: 60px 90px;
        width: 100%;
        display: inline-block
    }

    .cloude_testimonial .testimonial_company {
        width: auto;
        float: right;
        max-width: 100%
    }

    .ocean_top_panel .ocean_top_dese_col:after {
        right: -50px
    }

    .ccd_work {
        min-height: inherit;
        margin-top: 0;
        padding: 35px 0
    }

    .ccd_work .ccd_panel {
        position: relative
    }

    .ccd_work_left p {
        padding: 0 0 11px
    }

    .ccd_work_desc .ccd_work_desc_right {
        width: 100%;
        margin: 0;
        float: left
    }

    .ccd_work_desc {
        display: block;
        position: relative
    }

    .ccd_work_desc .ccd_work_desc_right h2 {
        font-size: 30px !important;
        line-height: 38px
    }

    .ocean_technology_inner ul li {
        display: inline-block;
        width: 28%;
        font-size: 16px
    }

    .ocean_technology_inner ul li span img {
        width: 40px
    }

    .ocean_develop .since_content_left {
        width: 100%;
        padding: 0 20px 30px;
        text-align: left
    }

    .ocean_develop .since_image img {
        width: 100%;
        height: 400px
    }

    .ocean_holiday_contact {
        padding: 30px 0;
        margin: 0
    }

    .benifite_elearning_point {
        width: 100%;
        float: none;
        padding: 36px 50px 36px 60px
    }

    .benifite_elearning ul li:before {
        top: 8px;
        background-size: 26px;
        left: -40px
    }

    .elearning_desc .container {
        display: grid
    }

    .elearning_desc .working_left {
        float: none;
        width: 100%;
        order: 2
    }

    .game-inner-box-sho img {
        width: 250px
    }

    .game-inner-box-sho .col-md-3.game-li {
        width: 100%;
        display: inline-block;
        text-align: center
    }

    .game-inner-box-sho .col-md-9.game-li {
        margin: 25px 0 0
    }

    .dynamic-crm .box-crm.er {
        min-height: auto
    }

    .sugerhire_sec .img-box-section h2 {
        font-size: 18px !important
    }

    .meet-team-blog .meet-team-profile h2,
    .open_sourse_shopify h2 {
        font-size: 20px !important
    }

    .sugerhire_sec .what-suger-crm-section .crm-inr-box1 {
        min-height: 350px
    }

    .sugerhire_sec .what-suger-crm-section .crm-inr-box1 h4 {
        font-size: 18px;
        min-height: 92px;
        line-height: 25px
    }

    .sugerhire_sec .features-section .crm-inr-box2 {
        min-height: 485px
    }

    .banner-section.banner-hubspot .banner-captions h1,
    .banner-section.banner-hubspot .banner-captions h1 span,
    .vorbestell_case h2 span {
        font-size: 28px
    }

    .banner-section .banner-captions .bnr_listing ul li {
        font-size: 18px;
        margin: 14px 0 0
    }

    .hubspot-development-section,
    .our-experinece-section,
    section.choose-us-because-section,
    section.industries-section,
    section.our-process-section {
        padding: 40px 0
    }

    .hubspot-development-section .inner .hub-block1 {
        min-height: 411px
    }

    .magento_enterprice_panel .crm-inr-box3 {
        height: auto !important
    }

    .magento_enterprice_panel .magento_ent_sec6 .magento_inr_sec1 img {
        width: auto;
        margin: auto;
        display: table
    }

    .magento_enterprice_panel .magento_ent_sec6 .magento_inr_sec1 {
        height: auto !important;
        padding: 23px 0
    }

    .magento_enterprice_panel .wp-video,
    .magento_enterprice_panel .wp-video video {
        width: 100% !important
    }

    .magento_enterprice_panel .magento_ent_sec2 .padT40 .why_magento_box,
    .magento_enterprice_panel .magento_ent_sec2 .padT40 .why_magento_box h3 {
        min-height: auto;
        height: auto !important
    }

    .zoho_sec .welcome-area {
        padding-bottom: 35px
    }

    table.msss-table td,
    table.msss-table th {
        width: 50%;
        display: inline-block
    }

    .microsoft_crm_panel.share_point_work .dynamic-crm.mds_panel .box-crm {
        min-height: 525px
    }

    .microsoft_crm_panel .dynamic-crm.mds_panel .box-crm {
        min-height: 480px
    }

    section.services-section.super_work .crm-inr-box3 {
        min-height: 338px
    }

    .open_sourse_shuger .service_sugercrm .crm-inr-box3,
    .open_sourse_shuger .suger_features_panel .crm-inr-box2 {
        min-height: auto;
        height: auto
    }

    .table-info-rate tr th:first-child {
        width: 115px
    }

    .big-text {
        font-size: 12px
    }

    .fd-right-img-sec .bg-dark-1 .left-sec {
        padding: 0 0 20px;
        width: 100%;
        position: relative;
        transform: inherit;
        text-align: center;
        left: inherit;
        top: inherit;
        max-width: 100%
    }

    .fd-right-img-sec .bg-dark-1 .right-sec {
        width: 100%;
        float: none;
        height: auto;
        overflow: hidden
    }

    .fd-right-img-sec .bg-dark-1 .right-sec img {
        width: 100%;
        overflow: hidden
    }

    .fd-content-sec .item.pd-basic {
        display: block;
        padding: 32px 0
    }

    .fd-content-sec .item.pd-basic .left-sec h2.fdesk-heading {
        font-size: 42px !important;
        text-align: center;
        margin: 0 0 20px
    }

    .bg-diagonal {
        background: url(../images/bg-diagonal.png) #f5821f;
        display: inline-block;
        padding: 30px 0 0
    }

    .bg-diagonal .left-sec {
        width: 100%;
        max-width: 100%;
        position: relative;
        padding: 0;
        left: 0;
        transform: translate(0)
    }

    .bg-diagonal .left-sec ul.circle-list.m-auto {
        position: relative;
        top: 100%;
        transform: translate(0);
        padding: 0 38px 0 17px;
        text-align: left;
        left: 0;
        width: auto;
        margin: 0 auto;
        display: table
    }

    .bg-diagonal .left-sec ul.circle-list.m-auto li {
        padding-left: 24px
    }

    .bg-diagonal .right-sec {
        width: 100%;
        display: inline-block;
        float: none;
        height: 100%px;
        overflow: hidden;
        margin: 25px 0 0;
        left: 0;
        padding: 30px
    }

    .key_white_section .key_inner_section ul.wddms-col {
        min-height: 280px
    }

    .key_white_section .key_inner_section ul.wddms-col li {
        min-height: 85px;
        font-size: 12px
    }

    .key_orange_panel .table-info-rate .table-responsive th.market-prop {
        width: 30%
    }

    .key_white_section .key_inner_section ul.wddms-col li.key_orange_head {
        font-size: 13px;
        padding: 0 50px
    }

    .game-inner-box1 h2,
    .game-inner-box1 h3,
    .game-inner-box2 .title h3,
    .game_solution .mob-game .title h3,
    .game_solution .our-team .title h3,
    .game_solution .our-work .title h3,
    .game_solution .technologies .title h3 {
        font-size: 18px !important;
        line-height: 30px
    }

    .fullfilment .title-head,
    .vorbestell_case h2 {
        font-size: 30px !important
    }

    .game_solution .our-work .our-work1 .tab-box1 {
        border-bottom: 1px solid #e1e1e1;
        display: flex;
        display: -ms-flexbox
    }

    .game_solution .our-work .our-work1 .tab-box1 .col-md-3 .game-name {
        font-size: 13px
    }

    .game_solution .our-team .our-team-inner .team-box .top-con {
        font-size: 25px;
        line-height: 30px
    }

    .game_solution .our-team .our-team-inner .team-box img {
        height: auto;
        width: 45px
    }

    .alexa_panel .bottompart .wrsc .wrscboxblk {
        min-height: 700px
    }

    .howwevideo p {
        width: 80%;
        text-align: center !important
    }

    .hosting_point ul {
        margin: auto;
        display: table;
        width: 100%
    }

    .get-app {
        margin: 40px 0 120px
    }

    .ds-process .pro-inner-br {
        min-height: initial
    }

    .ds-process .pro-inner-br .upw-after {
        bottom: auto;
        left: auto;
        margin: 15px 0;
        position: relative;
        display: inline-block;
        width: 100%
    }

    .ds-ind-travel .solution-list .right-box {
        padding-left: 10px
    }

    .ds-ind-travel .api-box li {
        width: 25%
    }

    .ds-process .process-box-inner .pro-inner-br,
    .ds-process .process-box-inner2 .pro-inner-br {
        min-height: 290px
    }

    .ngg-gallery-thumbnail {
        width: 100%;
        height: 100%
    }

    .ngg-gallery-thumbnail img {
        height: 100%
    }

    .vorbestell_inner_panel {
        display: block;
        margin-top: 0
    }

    .vorbestell_left_panel .vorbestell_case {
        padding: 50px 22px;
        max-width: 100%
    }

    .vorbestell_client_text {
        padding: 50px 40px
    }

    .vorbestell_ds_text h3 {
        margin: 0 0 11px;
        line-height: 30px
    }

    .vorbestell_client_text .vorbesttell_right_check {
        position: relative;
        right: 0;
        top: 0;
        transform: translate(0, 0);
        text-align: center;
        display: none
    }

    .vorbestell_client_text .vorbesttell_right_check img.vor_right_check {
        display: inline-block;
        vertical-align: top;
        margin: 0 15px
    }

    .vorbestell_right_panel {
        width: 100%;
        display: inline-block;
        float: none;
        padding: 0;
        margin-top: 0
    }

    .vorbestell_ds_text {
        margin: 40px 0;
        width: 100%;
        padding: 0 30px;
        box-sizing: border-box;
        max-width: 100%
    }

    .vorbest_solution_text {
        margin: 20px 0 50px
    }

    .vorbest_technology .vorbest_technology_inner {
        display: block;
        margin-bottom: 0
    }

    .vorbest_technology .vorbest_technology_inner .vorbest_tech_img {
        vertical-align: top;
        width: 375px;
        position: relative;
        margin: auto;
        display: table;
        top: -50px
    }

    .vorbest_technology .vorbest_technology_inner .vorbest_tech_content {
        display: inline-block;
        width: 100%;
        padding: 0 30px;
        text-align: center;
        max-width: 100%
    }

    .vorbest_technology .vorbest_technology_inner .vorbest_tech_content ul li span img {
        width: 22px
    }

    .vorbest_technology .vorbest_technology_inner .vorbest_tech_content ul {
        display: flex;
        display: -ms-flexbox;
        justify-content: center;
        width: 100%
    }

    .vorbest_technology .vorbest_technology_inner .vorbest_tech_content ul li {
        float: left;
        width: auto;
        font-size: 20px;
        margin: 0 11px 16px 0
    }

    .vorbest_technology .vorbest_technology_inner .vorbest_tech_content h3 {
        margin: 0 0 10px;
        font-size: 30px
    }

    .vorbestell_case.vorbestell_result {
        padding: 50px 30px
    }

    .home_vorbest_call .home_chat h4 {
        width: auto;
        margin: 0 4px 24px 8px;
        top: 0
    }

    .home_vorbest_call .home_chat h4 a {
        margin: 0;
        font-size: 16px
    }

    .container.home_vorbest_call {
        width: 100%;
        padding: 0 30px
    }

    .vorbestell_client_text .vorbestell_client_text_inner {
        width: 100%;
        max-width: 100%;
        padding: 0
    }

    .casestudy_slider_panel .owl-carousel .casestudy_slider_img {
        height: 250px
    }

    .vorbest_technology .vorbest_technology_inner.hair_technology .vorbest_tech_img img {
        width: 200px;
        margin: auto;
        display: table;
        padding-bottom: 18px
    }

    .vorbest_technology .vorbest_technology_inner.hair_technology .vorbest_tech_content ul {
        flex-wrap: wrap
    }

    .accreditations_panel {
        display: block;
        padding: 40px 0 50px
    }

    .accreditations_panel .accreditations_bg img {
        border-right: none;
        border-top: none
    }

    .accreditations_panel .accreditations_top_head {
        display: block;
        margin: 0 0 8px;
        width: 100%
    }

    .accreditations_panel p {
        margin: 0 0 30px
    }

    .accreditations_panel .accreditations_logos .accreditations_col {
        width: 230px;
        height: 145px
    }

    .accreditations_panel .acc_contant p {
        font-size: 18px;
        margin: 0 0 40px
    }

    .connect_bg_panel {
        padding: 70px 30px
    }

    .vorbestell_right_panel .vorbestall_app_img img.cosmiskinds {
        width: 64%;
        margin: 20px 0 0
    }

    .ds-blogcontent.blogventure img {
        width: 100%;
        max-width: 100%
    }

    section.head-banner.expertise_banner.hc-banner {
        padding: 126px 0 0
    }

    .power-php img.power-img {
        width: auto;
        margin: auto;
        text-align: center;
        display: table;
        max-width: 100%
    }

    .app-webmean-panel ul li:nth-child(5n+5) {
        border-right: 1px solid #4d4d4d
    }

    .spotlight-slider-inner .owl-controls .owl-buttons .owl-prev {
        left: 9px;
        background-size: 15px
    }

    .spotlight-slider-inner .owl-controls .owl-buttons .owl-next {
        right: 9px;
        background-size: 15px
    }

    .spotlight-testimonial-slider #testimonial-slider .owl-buttons .owl-prev {
        left: 15px;
        background-size: 15px
    }

    .spotlight-testimonial-slider #testimonial-slider .owl-buttons .owl-next {
        right: 5px;
        background-size: 15px
    }

    .choose-us-because-section .fc-box p {
        font-size: 16px !important
    }

    section.head-banner.expertise_banner img.healthcare-banner {
        visibility: hidden
    }

    .endless-content {
        margin: 50px 0
    }

    .web-info-timeline-web2 {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        margin: 50px 0
    }

    .web-info-timeline-web2 p:last-child {
        padding: 0 0 30px
    }

    .web-info-timeline img,
    .web-info-timeline-web2 img,
    .web-info-timeline-web3 img {
        text-align: center;
        margin: auto;
        padding: 0
    }

    .web-info-timeline .web-info-left {
        width: 100%;
        order: 2
    }

    .web-info-timeline .web-info-right {
        width: 100%;
        float: none;
        margin: 0 0 20px
    }

    .web-info-timeline-web2 .web-info-left,
    .web-info-timeline-web2 .web-info-right {
        margin: 50px 0 0;
        padding: 0
    }

    .web-info-timeline-web3 .web-info-left {
        order: 2;
        margin: 30px 0 0
    }

    .slide-trusty-arrow {
        position: relative;
        top: 0;
        right: 0;
        text-align: center
    }

    .ds-charity-sec:before {
        width: 100%;
        margin-left: 50%;
        height: 100%
    }

    .carousel.charity-slide a.carousel-control {
        position: relative;
        right: 0;
        left: inherit;
        top: 30px
    }

    .carousel.charity-slide a.right.carousel-control {
        right: 0;
        left: 48px;
        top: -10px
    }

    .meet-leader-sec-inner .flip-card {
        height: 300px
    }

    .meet-leader-sec-inner .flip-card-front .profile-text h3 {
        max-width: 300px
    }

    .meet-leader-sec-inner .flip-card-front img {
        object-fit: contain
    }

    .fullfilment .title-head {
        line-height: 40px
    }

    .fullfilment .space90 {
        padding: 70px 0
    }

    .fullfilment .space120 {
        padding: 90px 0
    }

    .fullfilment .digital-full p {
        text-align: justify
    }

    .fullfilment .company-process .imgs,
    .fullfilment .company-process .row {
        height: 525px
    }

    .fullfilment .company-process .company-detail {
        padding: 20px 15px 20px 550px !important
    }

    .fullfilment .company-process .row2 .company-detail {
        padding: 20px 550px 20px 15px !important
    }

    .fullfilment .company-process .subhead {
        margin: 10px 0 25px
    }

    .fullfilment .industry .indutry-slidess {
        width: 85%;
        margin: 0 0 0 auto
    }

    .fullfilment .industry .item-list {
        padding: 25px
    }

    .fullfilment .industry .slick-slide {
        margin: 0 20px 0 0
    }

    .fullfilment .technology {
        padding: 90px 0 54px
    }

    .fullfilment .methodology .container {
        column-gap: 70px
    }

    .fullfilment .technology .container {
        column-gap: 0;
        justify-content: space-between
    }

    .fullfilment .technology .techno-name {
        width: 48%
    }

    .fullfilment .technology .techno-imgs figure {
        height: 110px;
        width: 100px
    }

    .fullfilment .methodology {
        padding: 20px 0 60px
    }

    .fullfilment .methodology .container {
        align-items: center
    }

    .fullfilment .methodology .right-content:before {
        bottom: -30px;
        left: -16px;
        width: 104px;
        height: 94px
    }

    .fullfilment .industry .industry-head {
        margin: 0 0 75px
    }

    .fullfilment .technology .technology-content {
        padding: 0 0 0 25px
    }
}

@media (max-width:990px) and (min-width:768px) {

    .fullfilment .company-process .imgs,
    .fullfilment .company-process .row {
        height: 550px
    }

    .fullfilment .company-process .company-detail {
        padding: 10px 5px 10px 404px !important
    }

    .fullfilment .company-process .row2 .company-detail {
        padding: 10px 404px 10px 5px !important
    }
}

@media (min-width:1200px) and (max-width:1210px) {

    .agency_persent .container,
    .carousel-caption.caption-content .container,
    .footer-panel .container,
    .inner.pages .container,
    .project_sec .container,
    .tack_partner_agencies .container,
    .working_agency_bg.enterprises_bg .container,
    .working_point .container {
        width: 970px
    }

    .running.ds-process .row .row .col-lg-3 {
        padding: 0 5px
    }

    .col-md-12.running.ds-process p,
    .ds-process .process-box-inner2 .pro-inner-br p {
        line-height: 18px
    }
}

@media (min-width:768px) and (max-width:1200px) {
    #navid .dropdown-submenu>.dropdown-menu {
        position: static;
        width: 100%;
        left: 0
    }

    #navid .dropdown-submenu>a:after {
        display: block;
        content: " ";
        float: left;
        width: initial;
        height: 0;
        border-color: #ccc transparent transparent;
        border-style: solid;
        margin-top: 7px;
        margin-left: -20px;
        font-family: fontawesome;
        padding: 0;
        border-width: 5px 6px
    }
}

@media (min-width:479px) and (max-width:991px) {
    .footer_popup_inner {
        height: 211px;
        overflow-y: scroll
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .expertise_shildpay:hover .expertise_inner_text h3 {
        font-size: 24px
    }
}

@media (max-width:767px) {

    #navid .dropdown-submenu>a:after,
    #navid .submenu-button:after,
    #navid .submenu-button:before {
        height: 0;
        font-family: fontawesome;
        display: block
    }

    .abt_dese_panel p,
    .abt_terms_panel .abt_terms_left p,
    .agency_persent .agency_innerleft h2 span,
    .cols_game_contetn h2,
    .ds-blogcontent h3,
    h2.working_text {
        white-space: normal
    }

    .technology-banner .text-right form#contact_form:before {
        height: 91.5%
    }

    video.video.video_new {
        left: 0
    }

    #navid {
        position: fixed;
        z-index: 999999;
        top: 0 !important;
        overflow: hidden
    }

    #nav_bar,
    #navid .container-fluid,
    .alexa_panel .pagecontent .col-sm-12,
    .blog-alexa img,
    .blog-gassist img,
    .col-sm-12.healthbasup,
    .form-div,
    .freamwork_testimobial .container,
    .fullfilment .methodology .left-content,
    .fullfilment .technology .technology-content,
    .industry_panel-sec .col-sm-4,
    .office-address-sec .tab .tab-content .col-sm-12.col-md-4.col-lg-4,
    .office-address-sec .tab .tab-content .col-sm-12.col-md-8.col-lg-8,
    .start-up_process.cookie_box,
    .tabs_inner .col-sm-12,
    .tabs_inner .col-sm-6,
    .tabs_inner .tab-pane .col-sm-6.col-md-5.col-lg-5,
    .tack_partner_panel .tack_partner_testimonial,
    .top-new-add-detials p,
    section.head-banner.expertise_banner .text-left,
    section.magento_ent_sec2.col-md-12,
    section.magento_ent_sec6.col-md-12,
    section.magento_ent_sec6.col-md-12 .col-md-4 {
        padding: 0
    }

    #navid ul.nav.navbar-nav.navbar-right {
        height: 120vh;
        overflow: scroll
    }

    #navid .navbar-header {
        z-index: 9999999;
        position: relative;
        padding: 0 30px
    }

    #complete li label.file-check,
    #navid .navbar-header a.img-responsive img,
    #step1 .step-section-inner h3,
    .accreditations_panel .accreditations_logos .accreditations_col:nth-of-type(2n),
    .alexa_panel .whiteblock-3,
    .approach_point .approach_cal_1:last-child,
    .apps_points .apps_col_tab:last-child,
    .col_upcoming_game:last-child,
    .contlink2.pricacypointli p,
    .corporate-slider,
    .crm_development .extention_col_left:last-child,
    .dots_compact:nth-child(6),
    .emp_box h3,
    .fd-gallery-sec .pd-basic h2.fdesk-heading,
    .file-upload,
    .footer-panel h2.title-widget,
    .get-app,
    .get_form,
    .loyalty_panel_img,
    .magento_enterprice_panel p,
    .mobile_development_panel,
    .mobile_operating ul,
    .new_teck_inner.design_support .app_head_text,
    .new_teck_inner.design_support .app_text_right,
    .visit-panel .row,
    button.top-upload:last-child,
    h1.video-btm,
    section.tab-panel .row,
    ul.list-unstyled.clear-margins {
        margin: 0
    }

    #navid .navbar-header button.navbar-toggle {
        margin-top: 0;
        margin-bottom: 0;
        border: none;
        margin-right: 0;
        padding-right: 0;
        padding-left: 0
    }

    #navid .navbar-header button.navbar-toggle:focus,
    #navid .navbar-header button.navbar-toggle:hover,
    .md-form-control.rating_stars span.md-input-text-bar,
    .office-address-sec {
        background: 0 0
    }

    #navid .navbar-header button.navbar-toggle span.icon-bar {
        background: #fff
    }

    #navid .navbar-collapse.collapse.in {
        z-index: 999999;
        height: 100%;
        background: #000;
        width: 100%;
        overflow: hidden;
        margin: 0
    }

    #navid ul.nav.navbar-nav.navbar-right li a {
        padding: 30px 12px;
        font-size: 30px;
        text-align: center;
        font-weight: 700
    }

    #navid ul.nav.navbar-nav.navbar-right li a span.caret {
        position: relative;
        left: -8px;
        margin-left: 0
    }

    .navbar-default .navbar-collapse {
        border-color: #000 !important;
        box-shadow: none !important
    }

    #navid .container-fluid>.navbar-collapse {
        margin: 0 !important
    }

    #navid ul.nav.navbar-nav.navbar-right li.dropdown span.caret {
        position: absolute;
        z-index: 99;
        right: 16px;
        top: 36px;
        display: block;
        height: auto;
        cursor: pointer;
        border-top: 7px dashed;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        color: #fff
    }

    #navid ul.nav.navbar-nav.navbar-right li ul.dropdown-menu {
        float: none;
        position: relative
    }

    #navid .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        height: 100%;
        width: 46px;
        cursor: pointer
    }

    #navid .submenu-button:before {
        position: absolute;
        top: 23px;
        right: 32px;
        width: 0;
        background: #ddd;
        content: '';
        color: #fff;
        font-size: 20px
    }

    #navid .submenu-button:after {
        position: absolute;
        top: 23px;
        right: 32px;
        width: 0;
        background: #ddd;
        content: '';
        color: #fff;
        font-size: 0
    }

    .x .icon-bar:first-of-type {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 10% 10%;
        -ms-transform-origin: 10% 10%;
        transform-origin: 10% 10%
    }

    .navbar-toggle.x .icon-bar:nth-of-type(2) {
        opacity: 0
    }

    .navbar-toggle.x .icon-bar:nth-of-type(3) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 10% 90%;
        -ms-transform-origin: 10% 90%;
        transform-origin: 10% 90%
    }

    .navbar-toggle.x.collapsed .icon-bar:first-of-type,
    .navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    .navbar-toggle.x.collapsed .icon-bar:nth-of-type(2),
    .service_animated .box:before {
        opacity: 1
    }

    .navbar-toggle .icon-bar {
        -webkit-transition: .2s;
        transition: .2s
    }

    #navid ul.nav.navbar-nav.pull-right {
        float: left !important;
        width: 100%;
        margin: 0;
        text-align: center;
        height: 120vh;
        overflow: scroll
    }

    #navid ul.dropdown-menu {
        text-align: center;
        width: 100%
    }

    #navid .dropdown-submenu>a:after {
        content: " ";
        float: right;
        width: initial;
        border-color: #ccc transparent transparent;
        border-style: solid;
        margin-top: 4px;
        margin-left: 0;
        padding: 0;
        border-width: 5px 6px
    }

    #navid ul.nav.navbar-nav li a {
        padding: 15px 12px;
        font-size: 24px;
        font-weight: 700
    }

    #navid ul.nav.navbar-nav.pull-right a.dropdown-toggle b.caret {
        float: right;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-top: 7px dashed
    }

    #navid ul.nav.navbar-nav.navbar-right li ul.dropdown-menu li:hover>ul.sub_menu {
        width: 100%;
        float: left
    }

    #cssmenu .numbercom {
        width: auto;
        float: none;
        z-index: 99999;
        margin: 0;
        display: block;
        text-align: center;
        padding: 15px 0 0
    }

    #cssmenu .numbercom ul {
        float: none;
        margin: 0;
        text-align: center;
        position: relative;
        width: 100%
    }

    #cssmenu .numbercom ul li {
        margin: 0 0 8px 8px;
        text-align: center;
        float: none
    }

    #cssmenu .numbercom ul li,
    #cssmenu .numbercom ul li a,
    .step-section-inner li p {
        font-size: 11px
    }

    .abt_tab_panel ul.nav.nav-tabs li,
    .row.cstrow .col-sm-4 {
        width: 33%
    }

    .choose-us-because-section .fc-box,
    .cstrow.model_sec_bucket .col-sm-4,
    .ds_web .append_portfolio .col-xs-12.col-sm-6.col-md-4.col-lg-3,
    .services_panel_inner .serviceBox {
        width: 50%
    }

    .rate-list-new .tab-content .prject-detls {
        min-height: 155px;
        font-size: 13px
    }

    .benefits-azure .benefits-azure-inner ul li,
    .casestudy_slider_panel .casestudy_slider_content ul.casestudy_company-listing li span.client-dec,
    .casestudy_slider_panel .casestudy_slider_content ul.casestudy_company-listing li span.client-tittle,
    .company-listing li .client-dec,
    .company-listing li .client-tittle,
    .feedback_form_inner_panel .md-form-control .error-message,
    .fream_teck_panel .start_partnership_right ul li,
    .md-form-control label,
    .microsoft_crm_panel .dynamic-crm .crm-tool-inr .crm-tool-nm span,
    .mobile_operating .tab .nav-tabs li a,
    .office-address-sec ul li,
    .rate-list-new .nav-tabs>li>a {
        font-size: 14px
    }

    .card_col_1 li img.card-img-top,
    .case_study_portfolio_bg,
    .casestudy_app img,
    .col_en_panel_right,
    .container.container-section,
    .container.inner-page,
    .cs_ocean .extention_col_right img,
    .digital_tabs.game_tabs ul.nav.nav-tabs,
    .dots_compact__image-wrapper,
    .dots_compact__image-wrapper img,
    .ds-ind-travel .choose-box li,
    .ds-ind-travel .solution-list>li>div,
    .fd-gallery-sec .col-sm-12,
    .fd-gallery-sec .col-sm-3,
    .fd-gallery-sec .col-sm-6,
    .fd-gallery-sec .col-sm-9,
    .feedback_form_inner_panel .md-form-control,
    .feedback_form_inner_panel .md-form-control.feedback_web_itune,
    .heading-with-icon,
    .home-demo .item img,
    .hosting_point ul,
    .indus_img img,
    .inner_requares_form_item .md-form-control.feedback_web_itune,
    .inner_requares_form_item.competition_form .md-form-control,
    .key_inner_section .col-sm,
    .map_work img,
    .micro-net-tabs .panel-body .col-lg-4.min-he-set,
    .microsoft_crm_panel .dynamic-crm.mds_panel .col-md-4,
    .office_function .item,
    .owl-carousel .owl-item img,
    .partnerlogo2,
    .portfolio_case #portfolio_study_data li,
    .result_content_panel.club_result_text_inner .container,
    .robot_section img,
    .start_partnership_inner .start_partnership_left_inner p,
    .start_partnership_testimonial p,
    .zoho_sec .inho_zoho .col-lg-3.col-md-6.col-sm-12.col-xs-12.mb-3.mb-md-4.mb-lg-5 {
        width: 100%
    }

    .pd-100 {
        padding-top: 50px
    }

    .pd,
    .video-panel {
        padding: 50px 0 0
    }

    h2 {
        font-size: 24px !important
    }

    section.head-banner {
        padding: 60px 0 0
    }

    #slider,
    #toggle,
    .agile_info_graphic,
    .arrown_scroll,
    .casestudy_section .nav li:after,
    .design_digital #testimonial-slider .owl-nav .owl-prev,
    .design_digital #testimonial-slider .owl-next,
    .freamwork_testimobial .testimonials_left:before,
    .fullfilment .methodology .right-content:before,
    .home_client_logo .card_col_1,
    .item-slide.item-slide_respon,
    .key_white_section .key_inner_section ul.wddms-col li:after,
    .logo-desk-nav,
    .owl-next.owl-next-icon-up.os,
    .owl-prev.owl-prev-icon-up.os,
    .resent_panel:before,
    .search_filter .port_col_left,
    .updown_img img {
        display: none
    }

    .button {
        top: 0;
        right: 0;
        height: 52px
    }

    .case_home,
    .case_study_portfolio_desktop,
    .case_study_portfolio_desktop img.port_img,
    .casestudy_slider_panel .owl-carousel .casestudy_slider_img,
    .corporate-wrapper-side,
    .expertise_home img,
    .expertise_shildpay img,
    .magen_exten {
        height: auto
    }

    #cssmenu ul {
        padding: 110px 0 0 !important
    }

    #cssmenu .numbercom .number_col {
        margin: 0 6px 5px
    }

    #cssmenu .numbercom .number_col a,
    #cssmenu .numbercom .number_col span,
    .file-check span,
    .gartner_panel ul.contlink2 ol li strong.privacy_head_txt,
    .inline-step-form .md-form-control.focus label,
    .inline-step-form li label {
        font-size: 12px
    }

    .logo {
        padding: 00;
        float: left
    }

    .logo img {
        width: 180px;
        margin: 0
    }

    .clients-panel-logo,
    .video-content-panel {
        padding: 0;
        transform: translateY(-40%)
    }

    .video-content-panel {
        top: 55%
    }

    h4.video-btm {
        margin: 14px 0 0;
        width: 100%;
        font-size: 18px
    }

    a.animated-button:link,
    a.animated-button:visited {
        margin-top: 18px
    }

    .abt_terms_panel .abt_terms_left,
    .abt_testi_right,
    .seo_service_panel li,
    .video-content-panel .container {
        width: 100%;
        padding: 0 15px
    }

    h2.title-heading.home_page_title {
        width: 100%;
        font-size: 18px !important;
        padding: 0 35px;
        line-height: 27px
    }

    .case_home {
        display: block;
        padding: 0 0 21px
    }

    .case_home .case_banner_text h2 {
        font-size: 26px !important;
        margin: 0 0 20px
    }

    .case_home .case_banner_text {
        width: 100%;
        margin: auto;
        text-align: center;
        position: relative
    }

    .case_home img {
        width: 220px;
        float: none;
        margin: 26px auto auto;
        display: table;
        position: relative
    }

    .alexa_panel .popupbanner .row,
    .home_chat,
    .tack_partner_panel ul {
        text-align: center;
        display: block
    }

    .expertise_home {
        position: relative;
        margin: 0 0 20px
    }

    .expertise_home h3,
    h3.case_news_text {
        font-size: 18px !important;
        margin: 0;
        padding: 0;
        top: 57px
    }

    .expertise_top_panel.expertise_testimonial {
        width: 100%;
        margin: 30px auto auto;
        display: table
    }

    .expertise_testimonial .expertise_top_dese_col.quotes:before {
        left: -12px
    }

    .client_msg_name {
        margin: 18px 0 0;
        left: 0
    }

    .video-panel img {
        height: calc(100vh - 6rem) !important
    }

    .home_client_logo .card_col_1 li {
        width: 48%
    }

    .home_client_logo .card_col_1 li img.card-img-top {
        width: 70%
    }

    .tack_partner_panel ul li {
        margin-bottom: 21px
    }

    .expertise_shildpay {
        width: 100%;
        height: auto
    }

    .expertise_shildpay.expertise_sec_left {
        min-height: 200px;
        max-height: 600px
    }

    .tack_partner_home .item-slide {
        padding: 0 10px;
        text-align: center
    }

    .expertise_inner_text.option_menu {
        top: 36%
    }

    .expertise_inner_text.option_menu.option_menu_four,
    .expertise_inner_text.option_menu.option_menu_three,
    .expertise_inner_text.option_menu.option_menu_two {
        top: 36%;
        padding-left: 0
    }

    .expertise_inner_text.option_menu.option_menu_four h3,
    .expertise_inner_text.option_menu.option_menu_three h3,
    .expertise_inner_text.option_menu.option_menu_two h3 {
        display: table;
        margin: auto
    }

    .home_chat {
        width: 100%
    }

    .home_chat h3 {
        margin: 0 0 20px;
        font-size: 24px
    }

    .expertise_shildpay .expertise_inner_text {
        left: 0;
        width: 100%
    }

    .about_counter .col-abt_count .counter,
    .abt_vison_panel .abt_mision_right h2,
    .abt_vison_panel .abt_mision_right p,
    .abt_vison_panel .abt_vision_left h2,
    .abt_vison_panel .abt_vision_left p,
    .certified_panel ul li,
    .expertise_shildpay:hover .expertise_inner_text h3,
    .expertise_top_dese_col p.business_desc,
    .let_contact_inner_agensis h3,
    .let_contact_inner_agensis p,
    .new-contact-form-ds li.lst-child {
        text-align: left
    }

    .expertise_inner_text h3 {
        text-align: center;
        font-size: 24px
    }

    .home_chat h4 {
        display: inline-block;
        width: 100%;
        margin: 0 0 28px
    }

    section.clients-panel-logo.home_logo_res {
        position: relative;
        display: block;
        transform: translateY(0)
    }

    section.clients-panel-logo.home_logo_res .item.item-slide img.card-img-top {
        width: auto;
        position: relative;
        left: -14px
    }

    #step4 .inline-step-form ul,
    .agency_persent_inner,
    .alexa_panel .spacer-1.border-0 .row,
    .alexa_panel .whiteblock-5 .bannerwhiteblk-5 .row,
    .app_technology_left .vertical-tab,
    .certified_panel ul,
    .contact_detail_address ul li span.phone-no,
    .game_section_4,
    .get-app .app-row,
    .industry_panel-sec,
    .key_inner_section,
    .marketing_point ul,
    .start_partnership_inner,
    .sugermarket,
    .tab_mid,
    .top-tab.top-tab-protfolio,
    .vorbest_technology .vorbest_technology_inner .vorbest_tech_content ul,
    section.clients-panel-logo.home_logo_res .owl-nav {
        display: block
    }

    section.clients-panel-logo.home_logo_res .owl-nav .owl-prev.owl-prev-icon-up {
        display: block;
        color: #000;
        top: 50%;
        background: 0 0;
        left: -24px;
        font-size: 24px;
        cursor: pointer;
        transform: translateY(-30%)
    }

    section.clients-panel-logo.home_logo_res .owl-nav .owl-next.owl-next-icon-up {
        display: block;
        color: #000;
        top: 50%;
        background: 0 0;
        right: -24px;
        font-size: 24px;
        cursor: pointer;
        transform: translateY(-30%)
    }

    .testimonial_company.home_testimonial,
    ul.list-inline.ds-blogtab li {
        margin-right: 0
    }

    .col_en_panel,
    .dots_compact {
        width: 100%;
        display: inline-block;
        padding: 0;
        margin: 0 0 40px
    }

    .news_content {
        padding: 11px 0 0;
        width: 100%;
        float: left
    }

    .col_en_panel_inner:last-child {
        margin-top: 40px
    }

    .col_en_panel_inner h3 {
        line-height: 24px;
        font-size: 20px;
        margin: 20px 0 15px
    }

    .title-work {
        width: 82%
    }

    .crm_Industries,
    .event_news_panel,
    .itsupport_hiw {
        margin: 30px 0
    }

    .news_content h3 {
        font-size: 18px;
        margin: 0;
        width: 100%;
        line-height: 24px
    }

    .dots_news_sec .pagination {
        margin: 25px 0 50px
    }

    .dots_news_sec .pagination li a.page-link {
        font-size: 16px;
        line-height: 38px;
        height: 40px;
        width: 40px
    }

    .dots_news_sec .pagination li a.page-link span {
        line-height: 33px;
        font-size: 28px
    }

    .by_dots h4 {
        font-size: 13px;
        color: #6a6a6a;
        margin: -5px 0 8px
    }

    .abt_terms_panel .abt_terms_left p,
    .blog-alexa .btn-news,
    .blog-gassist .btn-news,
    .blog-recent .btn-news,
    .design_digital .testimonial .description,
    .error_page_inner .error_bottom h3.page_link_found,
    .error_page_inner .error_bottom h3.page_link_found span,
    .founder_top_text p,
    .main-address .add-details,
    .strategic_top_text h3,
    .support_testimonial p,
    .use_cloude_service .since_content_right ul li,
    .vorbestell_case h2 span,
    p.blog_decs {
        font-size: 16px
    }

    .accreditations_panel h3,
    .agile_panel_inner h2,
    .alexa_panel .howtouse .howtoworktop h1,
    .digital_content h2,
    .ecommerce_web .col_web h3,
    .it_support_panel .it_support_panel_inner_right ul li:before,
    .item.item-iphone h1,
    .last_btm_panel_col_right h3,
    .main-address .add-number,
    .main-address .add-tittle,
    .ow_slide_content h3,
    .strategic_top_text .strategic_heading_one h3.title-heading,
    .strategic_top_text.strategic_top_head h3.title-heading,
    .vorbest_solution_text h3,
    .vorbestell_client_text h3,
    .webcrmPpanel .col_web h3,
    h2.blog_tital {
        font-size: 24px
    }

    ul.list-inline.ds-blogtab {
        margin-top: 0;
        position: relative;
        bottom: 50px
    }

    .ds-blogcontent p img.rise_intt {
        width: auto;
        max-width: 100%;
        display: block
    }

    .ds-blogcontent p.dnotification {
        margin: 35px 0 0;
        text-align: center
    }

    .ds-blogcontent p.dnotification img {
        float: none;
        margin: auto;
        width: auto;
        display: table
    }

    .trading_andro b {
        margin: 0 0 15px;
        display: block
    }

    .contact_detail_address ul li,
    .feedback_form_panel .feedback_form_panel_desc .robot_section .g-recaptcha,
    .fullfilment .industry .title-head,
    .methodology .title-head,
    .ocean_top_panel h2,
    .service_otm_col h2.sf_title.otm_head,
    .start_up_panel p,
    .trading_andro h2.box-header,
    .whydrupal-panel h2,
    .whydrupalpoint h2 {
        margin: 0 0 15px
    }

    .chooseus-panel,
    .trading_andro .row {
        margin: 20px 0
    }

    .agency_persent .agency_innerleft:before,
    .modal-dialog.contact_step_container,
    .trading_andro .row img {
        width: auto
    }

    .ds-blogcontent .lapto,
    .game_section_4 .cols_game_img {
        width: 100%;
        margin: 0
    }

    .ow_slide_content {
        width: 92%;
        padding: 10px 10px 7px;
        margin: auto
    }

    .news_col,
    .news_col:nth-child(2n) {
        margin-bottom: 42px
    }

    .ow_slide_content p {
        font-size: 12px;
        line-height: 18px;
        margin: 8px 0
    }

    .ow_slide_content a.ow_btn {
        width: 120px;
        margin: 0 0 13px;
        font-size: 11px
    }

    h2.sf_title {
        font-size: 24px;
        color: #000
    }

    p.sf_title_para {
        font-size: 16px;
        line-height: 26px
    }

    .news_col {
        margin-right: 0;
        padding: 23px 27px 36px;
        width: 100%;
        text-align: center
    }

    .get_in_touch_form h2 {
        font-size: 22px;
        margin: 0 0 30px;
        line-height: 30px
    }

    .get_in_touch_form .md-form-control {
        margin: 0 0 20px;
        width: 100%
    }

    .get_in_touch_form input.upload_file {
        width: 100%;
        margin: 20px 0
    }

    .get_form input[type=file],
    .get_in_touch_form .md-form-control:nth-child(2n),
    .start_partnership_right.web-partner_point ul li {
        margin: 0 0 20px
    }

    .get_form h2 {
        font-size: 31px;
        margin: 32px 0 23px
    }

    .col-animated_Work,
    .col-auto .g-recaptcha div,
    .col-auto .g-recaptcha div iframe,
    .get_form .robot_section .g-recaptcha div,
    .get_form .robot_section .g-recaptcha div iframe,
    .ocean_technology_inner ul,
    .service_animated .col_service_animated,
    .wp-video {
        width: 100% !important
    }

    .get_form i.fa.fa-envelope,
    .get_form i.fa.fa-skype {
        width: 100px;
        height: 100px;
        padding: 32px;
        margin-right: 18px;
        font-size: 36px
    }

    section.client_panel {
        margin: 36px 0 46px
    }

    .client_panel .tab-content>.tab-pane figure,
    .port_col_right.search-icon,
    .sugerhire_sec .img-box-section img,
    .technology_content .tech_col_left {
        width: auto;
        margin: auto;
        display: table
    }

    .client_panel .tab-content>.tab-pane figure img,
    .mobile_development_panel .col-md-2,
    .our-value-detail li {
        width: 100%;
        padding: 0
    }

    .client_panel .client_vertical-tab .tab-content {
        left: 0;
        margin: 0;
        display: block
    }

    .client_panel .client_vertical-tab .nav-tabs {
        border: none;
        width: 100%;
        display: block
    }

    .client_panel .client_vertical-tab .nav-tabs li {
        width: 100%;
        margin: auto
    }

    .client_panel .client_vertical-tab .nav-tabs li a {
        margin: 0 0 23px
    }

    .approach_point {
        display: block;
        flex-wrap: initial;
        width: 100%;
        float: left
    }

    .approach_point .approach_cal_1 {
        width: 100%;
        padding: 0;
        margin: 0 0 36px
    }

    .sales_force_sec_1 {
        padding: 0;
        margin: 0 0 26px
    }

    .sales_force_sec_1 img {
        padding: 0;
        width: auto;
        vertical-align: top
    }

    .rc-anchor-logo-portrait {
        margin: 10px 0 0 -29px !important
    }

    a.form_submit {
        float: left;
        margin: 25px 0 24px
    }

    .our_approch_spanel.footer_content {
        padding: 118px 0 40px
    }

    .client_cmt {
        margin: 30px 0;
        width: 100%;
        text-align: center
    }

    .alexa_panel .howtouse .howtoworktop .howtouseimgblk,
    .ds-process .process-box-inner .pro-inner-br,
    .ds-process .process-box-inner2 .pro-inner-br,
    .magento_enterprice_panel .magento_ent_sec2 .padT40 .why_magento_box h3,
    .news_col h3,
    .sugerhire_sec .features-section .crm-inr-box2,
    .sugerhire_sec .services-section .crm-inr-box3,
    section.services-section.super_work .crm-inr-box3 {
        min-height: auto
    }

    .service_panel_inner {
        display: block;
        flex-wrap: initial
    }

    .content-cma {
        padding: initial;
        width: 100%;
        text-align: center
    }

    .sales_force_left {
        width: 100%;
        margin-bottom: 18px;
        text-align: center;
        margin-top: 18px
    }

    .fream_teck_panel,
    .fullfilment .space120,
    .fullfilment .technology,
    .hubspot-development-section,
    .our-experinece-section,
    .our_approch_spanel,
    section.choose-us-because-section,
    section.industries-section {
        padding: 40px 0
    }

    .magento_enterprice_panel .magento_ent_sec4 img.alignright,
    .pull-whn-img img.img-responsive,
    .xcart_panel img.size-full,
    button.form_submit {
        float: none
    }

    a.read_m.client_more {
        text-align: center;
        margin: 0 0 20px
    }

    .casestudy-imgbox img {
        height: 100% !important
    }

    .modal-dialog.contact_step_container .step-container {
        max-height: 470px
    }

    .alexa_panel .popupbanner .bannertextblk h1,
    .banner-section.banner-hubspot .banner-captions h1 span,
    .industries-section ul li span,
    .our-process-section .process-box h4,
    .quiz_panel,
    .request-contaent h2 span {
        font-size: 20px
    }

    .request-contaent p {
        line-height: 20px;
        font-size: 15px
    }

    .request-contaent {
        margin: 13px 0 30px
    }

    .crm_development .extention_col_left,
    .form-item.form-item-code,
    .fream_teck_panel .start_partnership_right {
        margin: 0 0 30px
    }

    .form-item.form-item-code h3 {
        width: 100%;
        float: left;
        margin: 0 0 16px
    }

    button.top-upload {
        float: left;
        font-size: 15px;
        padding: 7px 27px;
        margin: 0 6px 15px 0
    }

    .office-address-sec h2 {
        font-size: 20px;
        margin: 0 0 10px
    }

    .office-address-sec .tab .nav-tabs li a {
        padding: 19px 47px;
        font-size: 20px;
        color: #0e103d;
        background: #f0f0f0;
        margin: 0;
        border-radius: 0;
        border: none;
        transition: .5s;
        font-family: 'Segoe UI Symbol';
        height: 71px;
        display: block;
        align-items: center
    }

    .emp_box,
    .office-address-sec .tab .nav-tabs li {
        margin: 0;
        width: 100%
    }

    .tab .nav-tabs li a,
    .tab .nav-tabs li.active a {
        width: 100%;
        font-size: 24px;
        align-items: center;
        display: inline-grid;
        text-align: center;
        vertical-align: middle
    }

    .ccd_work_desc,
    .certified_panel ul li:last-child,
    .contact_detail_address ul li:last-child,
    .footer-panel p.footer_desc,
    .home-demo_service,
    .startups_service_sec .startups_slide_col:last-child,
    .tab .nav-tabs li {
        margin-bottom: 0
    }

    .whn-panel-contaent h2 {
        font-size: 24px;
        margin: 0 0 15px
    }

    .whn-panel-contaent p {
        line-height: 20px;
        font-size: 15px;
        text-align: center
    }

    .whn-panel-contaent {
        margin: 20px 22px 0;
        text-align: center
    }

    .whn-panel {
        padding: 22px 0 10px
    }

    .whn-panel img.img-responsive {
        margin: auto;
        padding: 0 20px
    }

    .it_support_panel .it_support_panel_inner_left h4.business_desc,
    .it_support_panel .it_support_panel_inner_right ul li,
    .microsoft_crm_panel .dynamic-crm h3,
    .new_project_panel a.btn_sec.talk_btn,
    .seo_service_panel strong,
    .serviceBox-content .title,
    .service_animated .box .title,
    .start_partnership_inner .start_partnership_left_inner ul li,
    .startup_process_inner .start-up_process_coll h3,
    .visit-panel-inner h2 span {
        font-size: 18px
    }

    .visit-panel-inner p {
        font-size: 15px;
        line-height: 20px
    }

    footer.footer1 .row {
        margin: 0 0 0 -6px
    }

    input.form-control.captcha-code {
        width: 63%;
        padding: 22px 10px;
        font-size: 11px
    }

    .captcha-text img {
        width: 83px
    }

    .file-upload .file-select .file-select-name {
        padding: 0 30px
    }

    .request-contaent h2 {
        font-size: 22px;
        line-height: 27px
    }

    span.request-heading {
        color: #f5821f;
        font-size: 14px
    }

    .form-group_contact span.btn.btn-info {
        font-size: 11px;
        padding: 7px 8px
    }

    .casestudy_app,
    .web_desc_left {
        padding: 30px 0 0
    }

    .fullfilment .space90,
    .let_contact {
        padding: 30px 0
    }

    .error_bottom,
    .let_contact_inner a.view_button {
        margin: 20px 0 0
    }

    .let_contact_inner h3 {
        text-align: left;
        font-size: 30px
    }

    .let_contact_inner p {
        font-size: 22px;
        text-align: left
    }

    .feedback_form_inner_panel .md-form-control.rating_stars {
        width: 100%;
        padding: 11px 0 0;
        position: relative;
        top: 0
    }

    div#user-rating-form {
        position: relative;
        margin-left: 0;
        top: 0;
        float: left
    }

    .user-rating {
        padding: 25px 0 0;
        margin: 0;
        display: inline-block
    }

    .feedback_form_inner_panel .md-form-control.rating_stars .error-message {
        position: relative;
        float: left;
        top: 4px;
        width: 100%
    }

    .footer_winning ul li {
        width: 100%;
        margin: 0 auto 18px;
        display: inline
    }

    .footer_winning ul li a {
        margin: 0 5px 0 0
    }

    .footer_winning li span {
        margin: 0 18px
    }

    .title-pragraph-section {
        display: inline-block;
        width: 100%;
        margin: 0 0 25px
    }

    .cma-panel-image-tec {
        text-align: center;
        margin: 0 0 22px;
        float: none
    }

    .logo-desk img {
        width: 60%
    }

    footer.footer1 .row .col-sm-4 {
        clear: both
    }

    .footer1 ul {
        display: table
    }

    ul.follow-us-icon {
        float: left;
        width: auto;
        padding: 25px 7px 0
    }

    p.head-para.our-app {
        line-height: 24px;
        margin: 15px 0 22px;
        font-size: 14px
    }

    .carousel-inner>.item>img,
    .head-banner .carousel-inner>.item>a>img,
    .img-responsive,
    .thumbnail a>img,
    .thumbnail>img {
        max-width: none;
        height: auto;
        width: auto
    }

    p.head-para {
        color: #fff;
        line-height: 24px
    }

    h2.title-heading {
        font-size: 20px;
        margin: 0 0 15px
    }

    .cma-panel p {
        line-height: 23px;
        font-size: 14px
    }

    .content-cma.content-cma-tec p {
        text-align: center;
        padding: 0;
        height: auto;
        line-height: 25px
    }

    .cma-panel-image img {
        margin: auto;
        max-width: none
    }

    h3.content-box-heading {
        margin: 0;
        font-size: 21px;
        line-height: 27px;
        padding: inherit;
        text-align: center
    }

    .ct-panel .ct-client-panel {
        margin: 0 0 30px;
        height: 400px
    }

    .ct-panel {
        padding: 35px 0 18px
    }

    section.head-banner img {
        min-height: 155px
    }

    h2.title-heading.head-text {
        font-size: 20px !important;
        margin: 0;
        text-align: center
    }

    h1.title-heading.head-text {
        font-size: 20px !important;
        margin: 0;
        text-align: left
    }

    h3.head-para {
        color: #fff;
        font-size: 14px;
        margin: 5px 0;
        line-height: 20px;
        text-align: left;
        width: 100%;
        font-weight: 400 !important
    }

    h3.content-box-heading.content-box-tec {
        text-align: center;
        font-size: 18px;
        padding: 0
    }

    .logo-responsive {
        background: #000;
        width: 100%;
        padding: 30px
    }

    .corporate-wrapper-block:before {
        content: '';
        position: absolute;
        z-index: -1;
        right: 42px;
        top: -15px;
        border: 16px solid rgba(33, 50, 85, .9);
        height: 88%;
        width: 88%;
        left: -16px
    }

    .corporate-wrapper-block.corporate-wrapper-block-2:before {
        content: '';
        position: absolute;
        z-index: -1;
        right: 0;
        top: -15px;
        border: 16px solid #2f3122;
        height: 88%;
        left: 16px;
        width: calc(100% - 0px)
    }

    .corporate-wrapper-side.corporate-wrapper-side-2 {
        height: auto;
        position: absolute
    }

    .corporate-wrapper-block {
        position: relative;
        width: 82%;
        float: none;
        left: 0;
        right: 0;
        margin: 0 auto 46px
    }

    .desc-corporate {
        margin: 50px 0 0;
        width: 100%
    }

    .desc-corporate h2 {
        font-size: 31px;
        margin: 0 0 15px;
        font-weight: 700;
        text-align: center
    }

    .alexa_panel .popupbanner p,
    .alexa_panel .whiteblock-1 .dowloadalexa ul.navtext,
    .alexa_panel .whiteblock-5 .bannerwhiteblk-5text,
    .alexa_panel .whiteblock-5 .bannerwhiteblk-5text p,
    .alexa_panel .whiteblock-5 .whiteblk5content p,
    .card_col_1 ul,
    .crm_ss_right h3,
    .desc-corporate p,
    .digital_content.app_content h2,
    .digital_content.app_content p,
    .get-app .left-app h2,
    .map_panel ul,
    .social-responsiblity-innertext,
    .step-section-inner.digital-marketing-tab-3,
    .sugerhire_sec .img-box-section,
    .sugerhire_sec .img-box-section h2,
    .sugerhire_sec .img-box-section h3,
    section.services-section.super_work .crm-inr-box3 h3 {
        text-align: center
    }

    .corporate-wrapper-block.corporate-wrapper-block-2 {
        width: 82%;
        float: none;
        left: 0;
        right: 0;
        margin: auto auto 16px
    }

    .right-corporate {
        position: relative;
        left: 0;
        right: 0;
        margin: 0 0 27px
    }

    .team_desc p {
        font-size: 16px;
        line-height: 23px;
        padding: 0 15px;
        width: 100%
    }

    .team_desc h2 {
        font-size: 24px;
        margin: 0 0 18px;
        line-height: 30px
    }

    .map_panel ul li {
        padding: 0 8px;
        font-size: 18px
    }

    .joinus_panel_sec p {
        padding: 26px 0;
        line-height: 28px
    }

    .item-slide,
    .whats_inner {
        padding: 0 10px
    }

    .col_join iframe,
    .service_animated .box img {
        height: 300px
    }

    .tab .nav-tabs li a {
        padding: 14px 0
    }

    .abt_desc_sec .tab .nav-tabs {
        width: 80%;
        padding: 0
    }

    .abt_desc_sec .container {
        padding: 10px 15px 16px
    }

    .abt_desc_sec .tab .nav-tabs li a,
    .vorbest_technology .vorbest_technology_inner .vorbest_tech_content h3,
    h2.digital_reach {
        font-size: 30px
    }

    .abt_dese_panel h2,
    .abt_terms_panel .abt_terms_left h2 {
        font-size: 18px !important;
        white-space: normal;
        text-align: left;
        line-height: 26px;
        font-weight: 600 !important
    }

    .abt_dese_col a.btn_link {
        display: table;
        margin-top: 15px
    }

    .about_counter .col-abt_count .counter,
    .abt_dese_col {
        width: 100%;
        margin: 0;
        text-align: left
    }

    .about_counter .col-abt_count .counter,
    .service_panel_inner.ov_abt_panel .content-cma {
        width: 100%;
        margin: 0 0 30px;
        padding: 0;
        text-align: center
    }

    .about_counter .col-abt_count .counter h3.title,
    .game-inner-box-sho h3 {
        font-size: 22px
    }

    .digital_pd_100 {
        padding: 35px 10px
    }

    .counter {
        width: 100%;
        margin: 0 0 100px
    }

    h2.sf_title.mobile_title {
        margin: 30px 0 80px
    }

    .serviceBox-content {
        min-height: 472px
    }

    section.od-panel {
        margin: 55px 0 45px
    }

    .abt_connect_panel input.input_connect_box,
    .abt_connect_panel textarea.input_connect_box {
        font-size: 16px;
        padding: 10px;
        margin: 0 0 8px
    }

    .counter .counter-content {
        margin: -35px 70px
    }

    .abt_vison_panel .abt_mision_right,
    .abt_vison_panel .abt_vision_left {
        width: 100%;
        padding: 30px 0
    }

    .abt_vison_panel .abt_vision_left:after {
        border-bottom: 1px solid #fff;
        border-right: none
    }

    .web_counter_panel.about_counter {
        padding: 20px 0 15px
    }

    .map_panel_section,
    .our-value-outer {
        margin: 30px 0;
        display: inline-block
    }

    .col_join video.video,
    .joinus_panel_sec {
        margin: 0;
        padding: 30px 0
    }

    .abt_tab_panel ul.nav.nav-tabs li a {
        font-size: 15px;
        height: inherit;
        padding: 15px 0
    }

    ul.menu_footer {
        margin: 24px 0 0
    }

    .abt_tab_panel {
        margin: 22px 0
    }

    .abt_tab_panel ul.nav.nav-tabs li.active a {
        padding: 15px 0
    }

    .footer-panel .col-xs-12.col-sm-5 {
        border-bottom: 1px solid #47484a;
        padding: 14px 0;
        border-right: none;
        height: inherit
    }

    .services_panel h2 {
        font-size: 24px;
        line-height: 30px;
        color: #000;
        margin: 0 0 15px
    }

    .elearning_desc,
    .services_panel {
        padding: 20px 0
    }

    .services_panel_inner .serviceBox .service-icon {
        width: 180px;
        height: 180px;
        margin: 0 auto 45px;
        border: 2px solid #f5821f
    }

    .services_panel_inner .serviceBox .service-icon span {
        border: 2px solid #f5821f
    }

    .services_panel_inner .serviceBox .title {
        font-size: 18px;
        line-height: 26px
    }

    .client_world_col {
        width: 100%;
        padding: 0;
        text-align: center
    }

    .client_world_col h2 {
        font-size: 24px;
        line-height: 34px
    }

    .service_animated .box .post {
        display: block;
        font-size: 14px
    }

    .service_animated .box .box-content {
        opacity: 1;
        padding: 0 22px
    }

    .digital_col,
    .organic-media-box {
        width: 100%;
        margin: 0 0 30px
    }

    .trusted_client_col {
        height: 250px;
        width: 48%;
        padding: 43px 0;
        margin: 0 6px 32px
    }

    .trusted_bg img {
        height: 400px
    }

    .agile_panel {
        box-shadow: none;
        text-align: center
    }

    .agile_panel .container-section {
        display: block;
        padding: 35px 15px
    }

    .agile_panel_inner p {
        font-size: 16px;
        line-height: 23px;
        padding: 0 0 24px
    }

    .agile_panel img {
        float: none;
        width: 270px
    }

    .approach_panel,
    .healthinsight p a {
        display: inline-block
    }

    .approach_panel .col_approach {
        width: 100%;
        padding: 34px 20px;
        text-align: center
    }

    .approach_panel .col_approach_img {
        width: 100%;
        float: none;
        right: 0
    }

    .team_desc.traffic_web {
        padding: 22px 18px 13px
    }

    .digital_points .tab .nav-tabs li a {
        margin: 0;
        border-bottom: 2px solid #000;
        border: 2px solid #000;
        border-radius: 5px;
        font-size: 12px
    }

    .digital_points .tab .nav-tabs li a:hover,
    .digital_points .tab .nav-tabs li.active a {
        border: 2px solid #000 !important;
        border-bottom: 2px solid #000 !important;
        font-size: 12px
    }

    .digital_points .tab .tab-content h3 {
        font-size: 18px;
        line-height: 30px
    }

    .digital_points .tab .nav-tabs {
        width: 100%;
        padding: 0 0 25px;
        border: none
    }

    .digital_points .tab .nav-tabs li {
        margin: 0 16px 10px 0
    }

    .digitl_marketing_slider .serviceBox-content {
        min-height: 360px;
        margin: 0
    }

    .digital_service {
        padding: 35px 0 0
    }

    .digital_tabs .tab .nav-tabs {
        width: auto;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .home-demo.digital_tabs_home,
    .upcoming_game_panel {
        margin: 50px 0
    }

    .extention_team.game_extention {
        padding: 0;
        margin: 0 0 30px
    }

    .extention_team.game_extention h2 {
        line-height: 40px
    }

    .game_video_panel video {
        top: 0
    }

    .game_section_4 .cols_game_contetn {
        width: 100%;
        padding: 15px 24px;
        background: #ededed
    }

    .cols_game_contetn h2 {
        text-align: center;
        line-height: 30px
    }

    .cols_game_contetn p {
        color: #000;
        text-align: center;
        line-height: 25px
    }

    .resent_panel {
        display: block;
        padding: 30px 0
    }

    .resent_panel h2.title-heading {
        margin: 0 0 40px
    }

    .resent_col {
        margin: auto auto 25px;
        display: table;
        width: 75%
    }

    .crm_Industries_points .crm_Industries_cols,
    .sustainability-dev-gols,
    .upcoming_game_panel h2.title-heading {
        margin: 0 0 50px
    }

    .app_features_point .col_features {
        width: 100%;
        margin: 24px 0 10px;
        display: block
    }

    .app_features_point .col_features span {
        margin: 0;
        width: 100%;
        text-align: center
    }

    .app_features_point .col_features h4 {
        white-space: nowrap;
        margin: 10px 0 0;
        width: 100%;
        text-align: center
    }

    .apps_points .apps_col_tab {
        width: 100%;
        margin: 0 0 32px
    }

    .apps_points .apps_col_tab:after {
        border-right: none;
        position: relative;
        border-bottom: 1px solid #ccc
    }

    .app_discuss_work {
        padding: 30px 0;
        font-size: 24px
    }

    .app_discuss_work h2 {
        margin: 8px 0 22px;
        text-align: center;
        font-size: 16px;
        width: 100%
    }

    .app_discuss_work button.btn.btn-info.discuss {
        font-size: 20px;
        line-height: 23px;
        padding: 11px 23px 14px;
        margin: auto;
        display: table;
        float: none
    }

    .mobile_operating .tab .nav-tabs li {
        margin: 0 18px 12px
    }

    .mobile_operating .tab .tab-content ul li {
        margin: 0 11px 30px
    }

    .mobile_operating .nav-tabs>li.active>a:hover,
    .mobile_operating .tab .nav-tabs li.active a {
        border: none !important
    }

    .app_dev_text_right {
        border-top: 1px solid #ccc;
        border-left: none;
        padding: 25px 0 0;
        margin: 30px 0 0
    }

    .app_development_tabs .extention_team {
        padding: 25px 0 0
    }

    .app_features_panel {
        padding: 55px 0
    }

    .digital_tabs.app_tabs_panel .tab .nav-tabs li a,
    .digital_tabs.app_tabs_panel .tab .nav-tabs li a:hover,
    .digital_tabs.app_tabs_panel .tab .nav-tabs li.active a {
        padding: 14px 7px
    }

    .app_technology_left .vertical-tab .nav-tabs {
        width: 100%;
        min-width: 100%;
        top: 0;
        display: block;
        text-align: center;
        margin: 0 0 30px
    }

    .app_technology_left .vertical-tab .nav-tabs li {
        width: auto;
        text-align: center;
        padding: 0 33px;
        font-size: 24px;
        float: none;
        display: inline-block
    }

    .app_technology_left .vertical-tab .nav-tabs li.iot_text {
        width: 100%;
        display: block;
        white-space: nowrap;
        padding: 24px 0
    }

    .app_technology_left .vertical-tab .tab-content {
        height: auto;
        min-height: auto;
        max-height: initial;
        padding: 28px 16px;
        text-align: center
    }

    .new_teck_inner {
        margin: 0;
        padding: 44px 30px 40px
    }

    .new_teck_inner h2.title-heading,
    .step-container .wizard-inner ul.nav.nav-tabs {
        margin: 0 0 18px
    }

    .new_teck_inner .app_head_text h2 {
        font-size: 18px !important;
        line-height: 30px
    }

    .new_teck_inner .app_head_text {
        width: 100%;
        display: inline-block;
        margin: 0;
        text-align: center
    }

    .technology_content {
        padding: 0;
        margin-bottom: 40px;
        width: 88%
    }

    .technology_work_content {
        padding: 0 !important
    }

    h2.nt_text {
        margin: auto;
        width: 100%;
        padding: 0 40px
    }

    .app_text_right {
        width: 100%;
        display: inline-block;
        float: none;
        margin: 10px 0 0
    }

    .technology_content .tech_col_right {
        margin: 30px 0;
        width: 100%;
        text-align: center;
        padding: 0 20px
    }

    .itsupport_hiw_panel .hiw_col,
    .itsupport_points .itsupport_points_left,
    .itsupport_points .itsupport_points_right,
    .itsupport_points_right.right_Sec,
    .working_right {
        float: none;
        width: 100%
    }

    .itsupport_points .itsupport_points_left {
        width: 100%;
        padding: 30px 30px 25px
    }

    .itsupport_points.itsupport_points_two .itsupport_points_left {
        padding: 30px 30px 25px
    }

    .support_testimonial .container {
        width: 100%;
        padding: 0 30px
    }

    .it_support_panel .container {
        padding: 0 15px;
        width: 100%
    }

    .build_sec .extention_col_right {
        padding: 50px 180px 50px 80px
    }

    .crm_ss_panel .crm_ss_left {
        width: 100%;
        padding: 27px 15px 0;
        text-align: center
    }

    .crm_ss_panel h3 {
        font-size: 24px;
        margin: 0 0 16px
    }

    .crm_ss_right {
        width: 100%;
        padding: 27px 0 20px
    }

    .crm_ss_right ul li {
        font-size: 15px;
        margin: 0 0 16px;
        line-height: 18px
    }

    .crm_inclusive_solution,
    .crm_inclusive_solution p {
        margin: 30px 0;
        line-height: 22px
    }

    .app_development_tabs .extention_team h2 {
        font-size: 24px;
        margin: 0
    }

    .itsupport_hiw.itsupport_wac {
        background: #f2f2f2;
        padding: 40px 0;
        margin: 50px 0 0
    }

    .crm_get_quate {
        display: block;
        font-size: 22px;
        padding: 11px;
        text-align: center
    }

    .digital_marketing.crm_first_sec {
        padding: 11px 0 40px
    }

    .extention_col_right img {
        margin: 0 auto auto;
        display: table
    }

    .form_quiz .form_quiz_inner p,
    .inner_requares_form_item.competition_form {
        padding: 0 18px;
        white-space: inherit
    }

    .tech-category ul.tech-cat-icons li {
        width: 27%;
        margin: 0 6px 15px
    }

    .portfolio-tab-panel {
        display: inline-block;
        margin: 0;
        width: auto
    }

    .control-group.scheduler-border {
        width: 65%;
        display: block;
        margin: 20px auto 0
    }

    .portfolio_search {
        width: 100%;
        padding: 22px
    }

    .port_col_left {
        width: 100%;
        text-align: center;
        float: none;
        padding: 0 0 18px
    }

    .port_col_right {
        width: 85%;
        text-align: center;
        float: none
    }

    .portfolio_head h3 {
        padding: 8px 27px 13px
    }

    .portfolio_head #tech-img1,
    .portfolio_head #tech-img1_second,
    .portfolio_head #tech-img2,
    .portfolio_head #tech-img2_second {
        right: 25px;
        top: 10px
    }

    .casestudy_section .nav li {
        background: 0 0;
        color: #000;
        border: 1px solid #ccc;
        border-radius: 6px;
        margin: 0 7px 7px
    }

    .casestudy_section .nav .active {
        background: #f5821f;
        color: #fff
    }

    .casestudy_section .nav-pills>li.active>a,
    .casestudy_section .nav-pills>li.active>a:focus,
    .casestudy_section .nav-pills>li.active>a:hover {
        color: #fff;
        font-size: 12px;
        padding: 2px 5px
    }

    .casestudy_section .tab-content,
    .casestudy_section .tab-content>.active {
        display: block !important
    }

    .case_study_portfolio_bg {
        display: table;
        height: 221px;
        margin: auto
    }

    .case_study_portfolio_bg img.port_img {
        top: 44px
    }

    .startup_partner .start_up_partner_col {
        margin-left: 0;
        min-height: auto
    }

    .start-up_process .start-up_process_coll,
    .start_up_partner_col {
        width: 40%;
        margin: 0 16px 35px
    }

    .inner_requares_form_item .md-form-control {
        width: 100%;
        margin: auto;
        text-align: center;
        display: inline-block;
        padding: 0 0 30px
    }

    .alexa_panel .whiteblock-1,
    .inner_requares_field_panel,
    .service_work_panel .container,
    .start_up_panel h2.title-heading {
        padding: 0 15px
    }

    .last_btm_panel_col_right {
        padding: 28px 15px 0
    }

    p.expertdots {
        float: left;
        width: 100%
    }

    .microsoft_net img.size-full.wp-image-3655.alignleft {
        float: none;
        margin: auto;
        display: table
    }

    .payment_form_item p {
        margin: 25px 0 0
    }

    .goole_accistant .box-header {
        margin: 24px 0 18px;
        font-size: 21px
    }

    h1.title-heading.refer_text {
        font-size: 20px;
        margin: 23px 0 0
    }

    .refer_inner p,
    .title-pragraph-section p {
        font-size: 14px;
        line-height: 23px;
        padding: 20px 12px;
        text-align: center
    }

    .referral-content h2.title-heading.heading-top {
        font-size: 20px;
        margin: 0
    }

    .running.download_pdf img.alignright {
        display: block;
        float: none;
        width: auto;
        margin: auto
    }

    .casestudy-imgbox {
        width: 100%;
        order: 1;
        padding-right: 0
    }

    .casestudy-textbox {
        width: 100%;
        order: 2;
        padding: 0;
        background: 0 0
    }

    .casestudy-textbox-inner {
        padding: 30px
    }

    .casestudy-textbox-inner h2 {
        margin: 0;
        line-height: normal;
        font-size: 22px !important
    }

    .company-listing {
        padding-top: 30px;
        padding-bottom: 0
    }

    .case-studes-banner-overlay h1 {
        font-size: 8vw
    }

    .casestudies-banner img {
        object-fit: cover
    }

    .casestudies-banner {
        min-height: 300px;
        display: flex
    }

    .casestudy-imgbox .casestudies-overlay-logo img {
        width: 150px;
        height: auto
    }

    button.case-study-inner {
        margin-top: 20px;
        padding: 12px 15px
    }

    a.view_button.view_or {
        margin: 18px 0
    }

    .blog-recent h3,
    .blog_news_follow .ds-moreblog,
    .ds-blogcontent .btn-disoverm,
    .ds-blogcontent h3 {
        min-height: 79px;
        float: left;
        margin-bottom: 0
    }

    .ds-blogcontent h3 {
        font-size: 18px;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        float: left;
        width: 100%;
        min-height: auto;
        margin: 7px 0 15px
    }

    .ds-blogcontent,
    .ds-blogcontent p,
    .list-inline,
    .mrg50,
    .vorbest_solution_text,
    .web_dev_app h3 {
        margin-top: 0
    }

    p.ds-update {
        line-height: normal;
        margin: 10px 0
    }

    .btn-loadmore {
        font-size: 16px;
        padding: 10px 15px
    }

    .btn-loadmore i {
        margin-left: 5px
    }

    .blog_news_follow ul.follow-us-icon {
        width: auto;
        display: inline-block
    }

    .paymentget h3 {
        min-height: auto;
        margin: 0 0 10px
    }

    .company-listing.ds-case-clisting {
        margin: 0;
        padding: 15px 0
    }

    .Prose {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .TextBlock.Prose,
    section.head-banner.expertise_banner {
        padding-left: 15px;
        padding-right: 15px
    }

    .custom-select select {
        margin: 0;
        width: 100%;
        font-size: 15px
    }

    .club_result_text_inner a.case_btn_contant {
        float: none;
        margin: 0 !important
    }

    .shildpaymobile {
        height: auto;
        margin: 0 0 60px
    }

    .shildpay_result_panel img {
        width: 36%;
        margin: auto;
        display: table
    }

    a.case_btn_contant {
        margin: 25px auto auto;
        display: table
    }

    .shildpay_result_panel_inner {
        margin: 0;
        padding-left: 15px
    }

    .dpc_panel h2.title-heading {
        line-height: 30px;
        font-size: 19px !important;
        padding: 0 15px;
        text-align: left;
        margin: 0 0 16px
    }

    section.head-banner.expertise_banner:after {
        height: auto;
        float: right;
        display: inline-block;
        margin: 0
    }

    section.head-banner.expertise_banner .carousel-caption.caption-content {
        margin: 15px 0 18px
    }

    section.head-banner.expertise_banner .carousel-caption.caption-content .container {
        padding-right: 0;
        padding-left: 0
    }

    .design_panel {
        margin: 35px 0 0
    }

    .design_panel img {
        width: 90%
    }

    .expertise_top_tab {
        bottom: 202px
    }

    .expertise_top_dese_col {
        width: 100%;
        text-align: center;
        margin: 0 0 33px;
        padding: 0 0 18px
    }

    .col-seo,
    .expertise_top_panel h2 {
        width: 100%;
        text-align: center
    }

    .expertise_top_panel h2.expertise_business {
        font-size: 24px !important;
        margin: 0 0 13px;
        text-align: left;
        line-height: 32px
    }

    .expertise_top_dese_col:after,
    .ocean_top_panel .ocean_top_dese_col:after {
        height: 1px;
        width: 100%;
        position: absolute;
        float: right;
        right: 0;
        bottom: 0;
        top: inherit
    }

    .expertise_top_dese_col.quotes {
        width: 100%;
        text-align: center;
        float: none;
        margin: auto;
        display: table
    }

    .expertise_top_panel {
        margin: 20px 0 0;
        padding: 0
    }

    .client_msg_name h3 {
        line-height: 20px;
        margin: -6px 0 0
    }

    .design_client_inner h2,
    .new_teck_inner.design_support .app_head_text h2 {
        font-size: 18px !important;
        line-height: 30px;
        margin-bottom: 0
    }

    .grow_sec,
    .maintain_sec,
    .maintain_sec.build_work {
        padding: 15px
    }

    .client_logo_panel {
        padding: 50px 0 25px
    }

    .client_logo_panel.home_client_logo,
    .working_desc.social-media-marketing {
        padding-bottom: 0
    }

    .card_col_1 li {
        margin: 0;
        width: 26%;
        text-align: center
    }

    .card_col_1.card_col_logos ul {
        margin: 0 0 24px
    }

    .card_col_1.card_col_logos ul li {
        width: 24%
    }

    .service_work_panel .container h2.title-heading {
        width: 100%;
        line-height: 30px;
        font-size: 22px !important
    }

    .slide_panel .owl-carousel .owl-nav.disabled .owl-prev {
        left: -11px
    }

    .slide_panel .owl-carousel .owl-nav.disabled .owl-next {
        right: -11px
    }

    .slide_panel .owl-stage-outer .item {
        height: 300px;
        padding: 0 15px;
        width: auto
    }

    .startups_service_sec .startups_slide_col {
        width: 100%;
        padding-right: 0;
        display: inline-block;
        position: relative;
        margin-bottom: 30px
    }

    .running.download_pdf h3 {
        width: 100%;
        font-size: 20px;
        line-height: 28px
    }

    .expertise_top_dese_col.quotes:before {
        left: -4%;
        background-size: 30px;
        display: none
    }

    .expertise_top_dese_col.quotes:after {
        right: -10%;
        top: 39%;
        background-size: 30px;
        display: none !important
    }

    .expertise_top_dese_col.quotes p {
        padding: 0;
        font-size: 16px;
        line-height: 28px
    }

    .new-contact-form-ds li {
        width: 100%;
        margin-bottom: 0
    }

    .file-check,
    .top-new-add-detials h3,
    .visit-new-add h3 {
        margin-bottom: 15px
    }

    .t-right {
        text-align: left;
        margin-top: 30px
    }

    .visit-new-add h3 {
        font-size: 24px
    }

    .visit-new-add p {
        font-size: 16px;
        line-height: 24px;
        padding: 0 0 20px
    }

    .request-en-estimate {
        margin-top: 0 !important;
        margin: auto;
        display: table;
        width: auto
    }

    .new-contact-form-ds .md-form-control {
        width: 100%;
        display: inline-block
    }

    body .new-contact-form-ds button[type=file-upload] {
        margin-bottom: 25px
    }

    .top-new-add-detials {
        margin-top: 25px
    }

    .col-sm-9.new-contact-form-ds {
        width: 100%;
        padding: 0 20px;
        margin: 0
    }

    .new-contact-form-ds button.view_button {
        margin-bottom: 30px
    }

    .new-contact-form-ds .md-form-control.textarea {
        margin-bottom: 10px
    }

    .step-section-inner ul {
        flex-wrap: wrap;
        display: block !important
    }

    .step-container {
        max-height: 250px;
        overflow-y: scroll;
        max-width: 90%
    }

    div#myul {
        padding: 16px
    }

    .step-section-inner li {
        min-height: 58px;
        height: 58px;
        margin: auto auto 7px
    }

    .step-section-inner li h4 {
        font-size: 13px
    }

    .step-section-inner h3 {
        font-size: 15px;
        margin: 11px 0;
        display: inline-block
    }

    .file-type {
        margin-left: 0;
        max-width: inherit;
        margin-top: 15px
    }

    .step-section-inner .inline-step-form li {
        min-height: inherit;
        width: 100%;
        margin: 0
    }

    .step-section-inner {
        margin: 18px 0 0;
        width: 100%
    }

    #complete .inline-step-form li label.file-check {
        position: relative;
        top: 0;
        right: 0;
        z-index: 999999;
        margin: 13px 0 0
    }

    .alexa_panel .whiteblock-5 .bannerwhiteblk-5text h2,
    .start_partnership_right h2,
    .step-container h2 {
        font-size: 18px !important
    }

    .contact_step_container .modal-content button.close {
        right: 10px
    }

    #step3 span.file-type {
        margin-top: 22px
    }

    .game-inner-box-sho.game-inner-box-noo,
    .itsupport_points.itsupport_points_two .itsupport_points_left.pull-left {
        padding: 0 0 20px
    }

    .abt_terms_panel .abt_terms_left h3 span {
        font-size: 16px;
        line-height: 18px;
        margin: 8px 0 0
    }

    .gartner_panel ul.contlink2 ol {
        padding: 0 0 0 20px
    }

    ol.terms_pointsli {
        margin-left: 18px
    }

    .contlink2.pricacypointli .privacyol {
        margin: 16px 0 0 18px
    }

    span.round-tab {
        width: 32px;
        height: 32px;
        line-height: 27px
    }

    .name_of_something_else .md-form-control label {
        font-size: 11px;
        text-align: left
    }

    .step-section-inner textarea {
        height: 60px;
        margin-bottom: 0
    }

    .md-form-control {
        margin-top: 10px
    }

    #step2 .what_tech ul li {
        width: 80px;
        height: 58px !important;
        min-height: 58px
    }

    .form-group_contact label.select_file_input {
        padding: 2px 11px 0 0
    }

    #step3 .step-section-inner.no-digital-marketing-tab-3 h3 {
        margin-top: 0;
        margin-bottom: 0
    }

    .g-recaptcha {
        margin: 15px 0 0 -10px
    }

    .howdoyoufindus {
        margin: 15px 0;
        text-align: left
    }

    .working_startup_bg {
        height: 250px;
        background-size: cover
    }

    .working_desc .startup_desc {
        width: 100%;
        margin: 0 0 25px;
        padding: 0
    }

    .startup_process_inner .start-up_process_coll {
        padding: 30px 20px;
        width: 100%;
        min-height: auto
    }

    .start_partnership_inner .start_partnership_left_inner p.cms-offerservice {
        margin: 0 0 10px
    }

    .alexa_panel .bottompart .wrsc .wrscboxblk,
    .key_white_section .key_inner_section ul.wddms-col {
        margin-bottom: 15px;
        min-height: auto
    }

    .start_partnership_left {
        width: 100%;
        display: block
    }

    .start_partnership_testimonial {
        padding: 25px
    }

    .start_partnership_right {
        width: 100%;
        padding: 22px;
        background: #fff;
        display: block
    }

    .start_partnership_inner .start_partnership_left_inner {
        padding: 30px;
        text-align: center
    }

    .start_partnership_right ul li {
        font-size: 13px;
        margin: 0 0 18px;
        width: 100%;
        height: 48px;
        padding: 0 0 0 65px
    }

    .start_partnership_right ul li span {
        font-size: 18px;
        height: 50px;
        width: 50px;
        line-height: 42px;
        margin: 0 5px 0 0;
        min-width: 50px
    }

    .ccd_work_desc .ccd_work_desc_right h2,
    .working_desc .startup_desc h3 {
        font-size: 22px !important;
        line-height: 30px
    }

    .start_partnership_inner .start_partnership_left_inner ul {
        width: 100%;
        float: none;
        margin: 0 0 0 21px
    }

    .ecom-page h1.title-heading {
        font-size: 24px;
        line-height: 36px
    }

    .ecom-page p.top-index-peragraph {
        padding: 0 37px
    }

    h2.working_text {
        font-size: 36px;
        width: 100%;
        text-align: center
    }

    .working_point_inner .working_point_coll {
        width: 50%;
        padding: 0 40px 15px 0
    }

    .agency_persent .agency_innerleft h2 {
        font-size: 60px !important
    }

    .freamwork_testimobial {
        display: block;
        clear: both
    }

    .freamwork_testimobial .testimonials_left {
        width: 100%;
        padding: 20px
    }

    .freamwork_testimobial .testimonials_right_desc {
        width: 100%;
        padding: 30px 15px
    }

    .fream_teck_panel .start_partnership_right ul li span {
        font-size: 16px;
        height: 45px;
        width: 45px;
        line-height: 40px
    }

    .organic-media-box.content-es,
    .organic-media-box.content-es.paid_sicial {
        padding: 20px
    }

    .client-posts .home-demo {
        margin: 16px 0 50px
    }

    .client_web_point .cuadro_intro_hover .caption-text h3,
    .fullfilment p,
    .social-media-marketing .startup_desc .start_partnership_right li,
    .vorbest_solution_text p,
    .vorbestell_client_text p,
    .vorbestell_ds_text p {
        font-size: 15px
    }

    .marketing_panel {
        padding: 50px 0 30px
    }

    .seo_marketing_content {
        display: block;
        margin-bottom: 34px;
        border-bottom: 1px solid #1f1f1f;
        padding: 0 0 22px
    }

    .col-seo:after {
        left: 50%;
        display: none
    }

    .seo_marketing_content .col-seo_text {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
        padding: 0 15px
    }

    .marketing_point li {
        width: 100%;
        margin: 0 0 25px
    }

    .web_dev_app {
        width: 100%;
        padding: 0 0 8px
    }

    .use_cloude_service .since_content_right {
        padding: 0 15px 25px
    }

    .cloude_testimonial {
        padding: 60px 40px 60px 25px;
        width: 100%
    }

    .ocean_top_panel .ocean_top_dese_col {
        display: block;
        width: 100%;
        padding: 0 0 15px;
        margin-bottom: 23px
    }

    .flush_panel p.flash_img,
    .ocean_top_panel .ocean_top_dese_col.quotes {
        width: 100%;
        float: none
    }

    .ocean_technology_inner ul li {
        width: 46%
    }

    .portfolio-list li {
        display: inline-block;
        width: 31%
    }

    .elearning_desc .web_dev_app h3 {
        line-height: 27px;
        font-size: 21px;
        margin: 0 0 16px
    }

    .benifite_elearning_point h3 {
        font-size: 18px;
        margin: 0 0 15px
    }

    .game-inner-box-sho img,
    .vorbest_technology .vorbest_technology_inner .vorbest_tech_img {
        width: 250px
    }

    .game-inner-box-sho .col-md-3.game-li {
        width: 100%;
        display: inline-block;
        text-align: center
    }

    .client_crm_img .m-crm {
        width: 42%
    }

    .dynamic-crm h3,
    .dynamic-crm.functionality h3,
    .open_sourse_shopify h2 {
        font-size: 18px !important;
        line-height: 28px
    }

    .dynamic-crm.functionality .function-fetaure.full .fc-box,
    .dynamic-crm.functionality .function-fetaure.full .fc-box:nth-child(n+3) {
        border-bottom: 1px solid #d1d1d1
    }

    .zencart img.open_source_zend {
        float: none;
        margin: 0;
        width: 200px
    }

    .hubsport_sec h2 {
        font-size: 20px !important;
        line-height: 30px
    }

    .banner-section.banner-hubspot .banner-captions h1 {
        padding: 20px 0 0;
        font-size: 18px
    }

    .banner-section .banner-captions .bnr_listing ul li {
        font-size: 15px;
        margin: 11px 0 0
    }

    .hubspot-development-section .inner .hub-block1 {
        min-height: auto;
        padding: 30px 15px
    }

    .industries-section ul li {
        display: block;
        border-bottom: 1px solid #cdcdcd;
        border-right: none;
        width: 100%;
        padding: 40px
    }

    .wp-video-shortcode {
        width: 100%;
        height: 100%
    }

    .magento_enterprice_panel .magento_ent_sec2 .padT40 .why_magento_box {
        height: auto !important
    }

    .country_location .col-md-6 {
        width: 50%;
        display: inline
    }

    .zoho_sec .welcome-area {
        min-height: auto;
        padding-bottom: 20px;
        height: auto;
        background-size: 35%
    }

    .zoho_sec .welcome-area .banner-logo img.img-fluid {
        width: 111px
    }

    .zoho_sec .welcome-area .banner-list ul li {
        font-size: 13px;
        background-position: 0
    }

    .zoho_sec .center-heading h2 {
        font-size: 16px !important;
        padding: 0 7%
    }

    .left-text.col-lg-7.col-md-12.col-sm-12.col-xs-12 {
        margin: 10px
    }

    .micro-net-tabs .panel-heading ul.nav.nav-tabs li {
        margin-bottom: 0;
        width: 100%
    }

    .micro-net-tabs .tab-content .min-he-set img.img-responsive {
        margin: auto;
        width: 100%
    }

    .sugerhire_sec .what-suger-crm-section .crm-inr-box1 {
        min-height: auto;
        margin: 0 0 70px
    }

    .fd-content-sec .item.pd-basic .left-sec h2.fdesk-heading,
    .sugerhire_sec .img-box-section h2 {
        font-size: 20px !important
    }

    .sugerhire_sec .what-suger-crm-section .crm-inr-box1 h4 {
        font-size: 16px;
        line-height: 22px;
        min-height: auto
    }

    .sugerhire_sec .features-section .crm-inr-box2 h3 {
        font-size: 16px !important;
        text-align: center
    }

    .sugerhire_sec .services-section .crm-inr-box3 p {
        font-size: 15px;
        text-align: center
    }

    .microsoft_crm_panel .dynamic-crm.mds_panel .box-crm,
    .microsoft_crm_panel.share_point_work .dynamic-crm.mds_panel .box-crm {
        min-height: auto;
        padding: 15px
    }

    .open_sourse_shopify .open_sourse_cake .tech-inner p.cake_icon {
        width: 18%
    }

    .fd-gallery-sec .pd-basic {
        padding: 15px 0 10px
    }

    .expertise_top_head_btn.server_tabs a.view_button.consultancy_btn {
        margin: 0;
        padding: 6px 0;
        width: 49%
    }

    .key_inner_section .col-sm:last-child ul.wddms-col,
    .key_orange_panel .table-info-rate .table-responsive {
        border: none
    }

    .key_white_section .key_inner_section ul.wddms-col li {
        border-right: 1px solid #cacaca;
        min-height: auto;
        border-left: 1px solid #cacaca
    }

    .key_inner_section .col-sm:first-child ul.wddms-col {
        border-left: none
    }

    .travel_panel img.alignright {
        float: none;
        margin: auto auto 18px;
        display: table
    }

    .game-inner-box1 .container {
        width: auto;
        padding: 0 15px
    }

    .game_solution .our-team .our-team-inner .team-box .top-con {
        color: #f5821f;
        font-size: 30px
    }

    .social-responsiblity-sec-text .social-responsiblity-left-img,
    iframe.game_video {
        height: 250px
    }

    .flush_panel p.flash_img img.size-full.wp-image-3511.alignleft {
        margin: auto
    }

    .alexa_panel .popupbanner {
        padding: 15px 25px
    }

    .alexa_panel .whiteblock-2 h2 {
        font-size: 16px !important
    }

    .alexa_panel .whiteblock-3 h2 {
        margin: 0 0 10px;
        font-size: 18px !important;
        line-height: 28px
    }

    .alexa_panel .whiteblock-3 .whiteblock-3imgnav ul li {
        width: 30%
    }

    .alexa_panel .whiteblock-1 .dowloadalexa ul.navtext li a,
    .alexa_panel .whiteblock-2 a,
    .alexa_panel .whiteblock-3 a {
        word-break: break-all
    }

    .alexa_panel .whiteblock-1 .dowloadalexa {
        padding-top: 0
    }

    .alexa_panel .whiteblock-1 .whiteblk-1img img.img-fluid {
        margin: auto auto 25px;
        display: table;
        width: 166px
    }

    .alexa_panel .bottompart h1,
    .alexa_panel .whiteblock-1 .dowloadalexa h2 {
        font-size: 18px !important;
        line-height: 26px;
        text-align: center
    }

    .alexa_panel .whiteblock-5 .bannerwhiteblk-5 img.img-fluid {
        width: 265px;
        margin: auto auto 30px;
        display: table
    }

    .alexa_panel .whiteblock-5 .whiteblk5content p span {
        font-size: 16px;
        line-height: 18px
    }

    .travel_panel .tech-body {
        padding: 15px;
        min-height: auto;
        margin: 0 0 20px
    }

    .travel_panel .margT35 .clients-logo img,
    .travel_panel .margTm1 .clients-logo img {
        width: 108px
    }

    .ds-ind-travel .solution-list>li>div.left-solution {
        border-bottom: 1px solid #ececec;
        margin-bottom: 11px
    }

    .ds-ind-travel .solution-list>li>div.left-solution::after {
        content: none
    }

    .ds-ind-travel .add-section .visit-btn {
        padding: 5px;
        width: 90px;
        right: 10px;
        font-size: 10px
    }

    .ds-ind-travel .solution-list .right-box {
        width: calc(100% - 65px)
    }

    .ds-industries .caption-text>p {
        line-height: 18px
    }

    .col-md-4.col-sm-4.magen_exten {
        width: 49.6%;
        display: inline-block;
        vertical-align: top
    }

    iframe.prese-video {
        height: 265px;
        width: 100%
    }

    .get-app .left-app {
        float: left;
        width: 100%;
        text-align: center;
        padding-bottom: 15px;
        padding-top: 0
    }

    .get-app .right-app {
        float: inherit;
        clear: both;
        width: 250px;
        margin: 0 auto;
        display: table
    }

    .get-app .right-app .mobile-view {
        margin-bottom: 0;
        margin-top: 0
    }

    .footer-panel footer.footer1 .col-xs-12 {
        padding-left: 0
    }

    .footer-panel footer.footer1 .row.footer_winning .col-sm-4,
    .footer-panel footer.footer1 .row.footer_winning .col-sm-8 {
        padding-left: 6px
    }

    .footer_winning .certified_panel ul li {
        width: 90px;
        margin: 0
    }

    .contact_detail_address ul li strong {
        display: block;
        width: 100%
    }

    .vorbestell_case,
    .vorbestell_case.vorbestell_result {
        padding: 20px 40px
    }

    .vorbestell_case h3.vorbest_heading {
        text-transform: none;
        font-size: 32px
    }

    .vorbest_solution_text.case_solution_point ul {
        margin: 15px 0 0 25px
    }

    .vorbestell_client_text .vorbesttell_right_check {
        transform: translate(0, 0)
    }

    .vorbestell_client_text .vorbesttell_right_check img.vor_right_check {
        margin: 0 5px;
        font-size: 12px;
        padding: 10px
    }

    .vorbestell_ds_text h3 {
        margin: 0 0 15px;
        font-size: 24px;
        line-height: 34px
    }

    .home_vorbest_call .home_chat {
        width: 100%;
        padding: 20px 0 30px
    }

    .home_vorbest_call .home_chat .col-sm-6:last-child {
        float: none;
        text-align: center;
        width: 100%
    }

    .home_vorbest_call .home_chat h3 {
        font-size: 20px;
        margin: 0 0 24px
    }

    .casestudy_slider_panel .casestudy_slider_content h3 {
        font-size: 16px;
        font-weight: 900 !important;
        line-height: 28px;
        margin: 10px 0
    }

    .casestudy_slider_panel .owl-carousel .casestudy_slider_img img {
        width: 100%;
        height: 300px;
        object-fit: cover
    }

    .vorbest_technology .vorbest_technology_inner .vorbest_tech_content ul li {
        width: 100%;
        text-align: left
    }

    .partner_head h2 {
        font-size: 23px !important
    }

    .accreditations_panel .accreditations_logos .accreditations_col {
        width: 48.3%
    }

    .accreditations_panel .accreditations_logos .accreditations_col:nth-of-type(3n) {
        margin: 0 11px 15px 0
    }

    .accreditations_panel .accreditations_logos .accreditations_col img {
        width: 165px;
        margin: auto
    }

    section.Accreditations_bg {
        padding: 24px 0 0
    }

    .whats_inner .col-xs-6.col-sm-6.col-md-3.col-lg-3 {
        padding: 5px;
        margin-bottom: 0
    }

    .whatstext span {
        font-size: 34px;
        line-height: 33px
    }

    .whatstext p a {
        display: inline-block;
        font-size: 18px
    }

    .full-partner-logo-sec3 .mobile-sec-inner2 ul li {
        padding: 5px;
        width: 24%
    }

    .full-partner-logo-sec3 .mobile-sec-inner2 ul.hubspot-partner-logo li {
        width: 32%
    }

    .full.major-client-sec-dynamics ul li {
        width: 33%;
        padding: 5px
    }

    .spotlight-portfolio_desktop {
        height: 170px
    }

    .spotlight-slider-inner .owl-controls .owl-buttons .owl-prev {
        left: -20px;
        background-size: 15px
    }

    .spotlight-slider-inner .owl-controls .owl-buttons .owl-next {
        right: -20px;
        background-size: 15px
    }

    .spotlight-testimonial-slider #testimonial-slider .owl-buttons .owl-prev {
        left: 5px;
        background-size: 15px
    }

    .spotlight-testimonial-slider #testimonial-slider .owl-buttons .owl-next {
        right: -5px;
        background-size: 15px
    }

    .devopsazz-img {
        margin: 50px auto auto;
        display: table
    }

    .health-cloud .health-cloud-right {
        padding: 40px 15px
    }

    .social-responsiblity-sec .social-responsiblity-sec-text .row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .social-responsiblity-sec .social-responsiblity-sec-text .col-sm-3 {
        width: auto;
        margin: auto;
        display: table;
        float: none
    }

    .social-responsiblity-sec-text .social-responsiblity-left-img,
    .social-responsiblity-sec.social-responsiblity-sec-second .social-responsiblity-sec-text .social-responsiblity-left-img {
        border-radius: 15px
    }

    .social-responsiblity-sec .social-responsiblity-sec-text .col-sm-9 {
        width: 100%;
        margin: 20px 0 0;
        order: 2
    }

    .new-devlop-sec {
        height: 640px;
        background: url(../img/new-devlopemn-mobile.png) top/cover no-repeat
    }

    .sustainability-dev-gols-img {
        height: 210px
    }

    .social-responsiblity-sec-text .social-responsiblity-left-img img {
        width: auto;
        height: 100%
    }

    .ds-blogcontent .future-web h3 {
        min-height: 50px
    }

    .banner-point-sec.banner-farcesquares h1.Forcesquareshd {
        margin: 25px 0;
        font-size: 24px
    }

    #answers-container {
        margin-top: 140px
    }

    .new-contact-form-ds .md-form-control.md-select {
        margin: 8px 0 20px
    }

    .power-php.features-magento.power-php-magento ul li ul.magento-list2 li {
        padding: 0 0 0 22px;
        font-size: 17px !important;
        margin: 0 !important
    }

    .power-php.features-magento.power-php-magento ul li ul.magento-list2 li:before {
        left: 0 !important
    }

    .numbertaking_inner.numbertaking_salecforce .numbertaking_coll {
        margin: 0 0 25px
    }

    .numbertaking_inner.numbertaking_salecforce .numbertaking_coll p {
        min-height: 70px;
        font-size: 16px;
        line-height: 25px
    }

    .full-partner-logo-sec3.salesforce-certified .mobile-sec-inner2 ul li {
        width: 47%
    }

    .salesforce-sec2-ds ul li {
        padding: 0;
        margin: 0 0 25px
    }

    .ds-ind-travel .choose-left {
        width: 42px;
        height: 42px;
        padding: 10px
    }

    .fullfilment .container {
        max-width: 100% !important
    }

    .fullfilment .row {
        flex-direction: column
    }

    .fullfilment .methodology .right-content {
        width: 100%;
        margin: 30px 0 0
    }

    .fullfilment .methodology {
        padding: 40px 0 60px
    }

    .fullfilment .title-head {
        font-size: 24px !important;
        line-height: 28px
    }

    .fullfilment .digital-full .title-head {
        width: 100%;
        margin: 0 auto 15px
    }

    .fullfilment .technology .techno-imgs figure {
        height: 100px;
        width: 100px
    }

    .fullfilment .company-process .row {
        height: inherit;
        display: block
    }

    .fullfilment .company-process .imgs {
        height: 330px;
        position: relative;
        width: 100% !important
    }

    .fullfilment .company-process .company-detail,
    .fullfilment .company-process .row2 .company-detail {
        padding: 30px 20px !important;
        max-width: 100%
    }

    .fullfilment .company-process img {
        height: inherit
    }

    .fullfilment .company-process .team-btn {
        font-size: 16px;
        line-height: 18px;
        padding: 8px 17px
    }

    .fullfilment .company-process .company-detail {
        width: 100%;
        padding: 30px 20px
    }

    .fullfilment .company-process .row2 {
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column-reverse
    }

    .fullfilment .global-presence .title-head {
        margin: 0 0 12px
    }

    .fullfilment .industry .industry-head {
        margin: 0 0 75px
    }

    .fullfilment .industry .indutry-slidess {
        width: 92%;
        margin: 0 20px
    }

    .fullfilment .industry .slick-arrow {
        top: -40px;
        width: 32px;
        height: 32px
    }

    .fullfilment .industry .slick-arrow.slick-next {
        left: 45px
    }

    .fullfilment .industry .slick-slide {
        margin: 0 5px
    }

    .fullfilment .industry .item-list {
        padding: 18px 15px
    }

    .fullfilment .technology .container {
        flex-direction: column-reverse
    }

    .fullfilment .technology p {
        margin: 12px 0 20px
    }

    .fullfilment .technology .cmn-btn {
        font-size: 18px;
        line-height: 22px;
        padding: 9px 32px;
        margin: 0 0 30px
    }

    .fullfilment .technology .techno-name {
        width: 100%;
        margin: 0 auto;
        justify-content: space-around
    }
}

.diago-sec,
.title-top {
    background-color: #f5821f
}

@media (min-width:500px) and (max-width:767px) {

    .client_panel .client_vertical-tab .nav-tabs li a:hover:after,
    .client_panel .client_vertical-tab .nav-tabs li a:hover:before,
    .client_panel .client_vertical-tab .nav-tabs li.active a:after,
    .client_panel .client_vertical-tab .nav-tabs li.active a:before {
        display: none
    }

    .emp_box {
        margin: 0 11px;
        width: 43%
    }
}

@media (max-width:576px) {
    .limiter .container-table100 {
        padding-left: 15px;
        padding-right: 15px
    }

    .choose-us-because-section .fc-box,
    .meet-team-inner .meet-team-blog,
    .row.cstrow .col-sm-4,
    .tech-inner.ds-industries .col-sm-6 {
        width: 100%
    }

    .model-head {
        min-height: auto
    }

    .rate-list-new .tab-content .prject-detls {
        min-height: auto;
        margin-bottom: 15px
    }

    .rate-list-new .nav-tabs>li>a {
        margin-right: 0
    }

    .rate-list-new .nav-tabs>li {
        width: 100%;
        display: block
    }

    .app-webmean-panel ul li,
    .app-webmean-panel ul li:nth-child(3n+3),
    .app-webmean-panel ul li:nth-child(5n+5) {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #4d4d4d
    }

    .theme-art .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .award-logo-ecom {
        width: 290px !important
    }

    .forbas-img {
        margin: 40px 0
    }

    .new-ofc .ofc-content li .ofc-address {
        font-size: 16px;
        display: block;
        line-height: 21px;
        margin: 0 0 8px
    }

    .zoho_sec .welcome-area.zoho-creator-banner .center-heading h2 {
        display: none
    }

    .zoho_sec .welcome-area.zoho-creator-banner .center-heading {
        padding-top: 0;
        margin-bottom: 0
    }
}

@media only screen and (min-width:479px) and (max-width:767px) {
    .step-section-inner ul {
        display: table !important
    }

    .step-container .list-inline {
        width: 100%
    }

    #step1 li,
    #step2 li,
    #step3 li,
    #step4 li {
        margin: 0 5px;
        height: 110px !important
    }

    nav.pagination-outer .pagination li a {
        padding: 8px 11px
    }
}

@media only screen and (max-width:479px) {

    .client_panel .client_vertical-tab .nav-tabs li a:after,
    .client_panel .client_vertical-tab .nav-tabs li a:before {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0)
    }

    .app_technology_left .vertical-tab .nav-tabs,
    .client_panel .client_vertical-tab .nav-tabs {
        display: block;
        width: 100%;
        border-right: none
    }

    .client_panel .client_vertical-tab .nav-tabs li,
    .col_upcoming_game {
        margin: 0 0 30px
    }

    .bg-diagonal .left-sec ul.circle-list.m-auto {
        padding: 0 0 0 18px
    }

    .bg-diagonal .left-sec ul.circle-list.m-auto li:before {
        top: 7px
    }

    .client_panel .client_vertical-tab .nav-tabs li a:before {
        width: 1px;
        height: 20px
    }

    .client_panel .client_vertical-tab .nav-tabs li a:hover:after,
    .client_panel .client_vertical-tab .nav-tabs li a:hover:before,
    .client_panel .client_vertical-tab .nav-tabs li.active a:after,
    .client_panel .client_vertical-tab .nav-tabs li.active a:before {
        bottom: -20px
    }

    .app_technology_left .vertical-tab .tab-content,
    .client_panel .client_vertical-tab .tab-content {
        display: block;
        padding: 20px 15px 5px
    }

    .app_technology_left .vertical-tab .tab-content h3,
    .client_panel .vertical-tab .tab-content h3 {
        font-size: 18px
    }

    .dots_news_sec .pagination,
    .game_solution .our-work .our-work1 .tab-box1,
    .game_solution .our-work .tab-content,
    .last_btm_panel_col,
    .magento_enterprice_panel .magento_ent_sec1 ul li,
    .tack_partner_agencies .item-slide,
    .vorbest_technology .vorbest_technology_inner .vorbest_tech_content ul {
        display: block
    }

    .dots_news_sec .pagination li {
        margin-bottom: 10px;
        display: inline-block
    }

    #cssmenu ul.ds-menu li.cloned span.arrow {
        width: 45px;
        top: 0;
        cursor: pointer
    }

    #cssmenu ul ul li {
        padding: 5px
    }

    #navid .navbar-collapse.collapse.in {
        overflow: scroll
    }

    .abt_desc_sec .tab .nav-tabs li,
    .tab .nav-tabs li {
        width: 100%;
        text-align: center;
        margin-bottom: 15px
    }

    #footer_popup_Form input,
    #footer_popup_Form textarea,
    #step2 .what_tech ul li,
    .blog_new_col,
    .blog_new_col.blog_three_col,
    .col-md-4.col-sm-4.magen_exten,
    .digital_tabs.game_tabs ul.nav.nav-tabs li,
    .ds_web .append_portfolio .col-xs-12.col-sm-6.col-md-4.col-lg-3,
    .expertise_top_dese_col.quotes,
    .inner_requares_form_item.requared_below_code .md-form-control,
    .last_btm_panel_col_img img,
    .ocean_technology_inner ul li,
    .office-address-sec .tab .nav-tabs li,
    .sales_force_sec_1 img,
    .services_panel_inner .serviceBox,
    .step-section-inner li,
    .tab .nav-tabs li a:after,
    .tab .nav-tabs li a:before,
    .tack_partner_agencies .item-slide img,
    .trusted_client_panel p {
        width: 100%
    }

    .theme-art {
        padding: 50px 15px
    }

    .expertise_shildpay:hover .expertise_inner_text h3 {
        font-size: 18px;
        line-height: 23px
    }

    a.animated-button:link,
    a.animated-button:visited {
        margin-top: 11px;
        margin-right: 0;
        width: 176px;
        padding: 6px 7px
    }

    h1.video-btm {
        white-space: inherit;
        font-size: 3rem
    }

    .home_client_logo .card_col_1 li,
    .home_client_logo .card_col_1 li img.card-img-top {
        width: auto;
        margin: 0
    }

    .expertise_home h3,
    h3.case_news_text {
        font-size: 18px !important;
        margin: 0;
        padding: 0
    }

    .tack_partner_home .item-slide a {
        width: 100%;
        margin-left: 0
    }

    .card_col_1 li {
        margin: 0;
        width: 30%
    }

    .card_col_1 li img.card-img-top {
        width: 100%;
        padding: 0
    }

    .expertise_top_head_btn a.view_button.consultancy_btn {
        margin: 0;
        padding: 6px 15px
    }

    .abt_desc_sec .tab .tab-content {
        margin-top: 0;
        padding: 0 16px
    }

    .counter .counter-content {
        margin: -35px 0
    }

    .abt_desc_sec {
        height: 421px;
        margin: 0 0 40px
    }

    .col_join video.video,
    .joinus_panel_sec {
        margin: 0;
        padding: 0
    }

    .abt_tab_panel ul.nav.nav-tabs li a {
        font-size: 13px;
        height: inherit;
        padding: 15px 0
    }

    .col_join_video video {
        height: auto
    }

    .services_panel_inner .serviceBox .service-icon {
        width: 240px;
        height: 240px
    }

    .trusted_client_col {
        margin: 0 0 30px;
        width: 100%
    }

    .trusted_client_panel .trusted_client_inner {
        margin: 30px 0 20px
    }

    .design_digital {
        margin: 0;
        padding: 25px
    }

    .design_digital_inner {
        margin: 30px 0 0
    }

    .trusted_bg img {
        height: 200px
    }

    .service_animated .box .box-content {
        padding-bottom: 15px
    }

    .game_testimonial .testimonial {
        padding: 0
    }

    .ds-blogcontent ul.contlink.magento_adi_point li {
        padding-left: 0
    }

    .mobile_operating h2.title-heading {
        font-size: 18px;
        line-height: 33px;
        white-space: initial
    }

    .mobile_operating .tab .nav-tabs li {
        margin: 0 0 15px;
        width: 100%;
        text-align: center
    }

    .mobile_operating .tab .nav-tabs li a {
        background: #f5821f;
        color: #ffff;
        padding: 12px 0;
        margin: 10px 0 0
    }

    .mobile_operating .tab .nav-tabs li a:hover {
        color: #ffff;
        padding: 12px 0;
        margin: 10px 0 0;
        background: #f5821f !important
    }

    .mobile_operating .tab .nav-tabs li.active a {
        padding: 12px 0;
        border: none !important;
        background: #ccc !important;
        margin: 10px 0 0
    }

    .mobile_operating ul li {
        width: 22%
    }

    .mobile_operating ul li a img {
        width: 83%
    }

    .mobile_operating .tab .tab-content {
        margin-top: 0
    }

    .app_dev_text_right ul li {
        font-size: 15px
    }

    .key_orange_panel .table-info-rate .table-responsive tr span.orange-text,
    a.see_all_btn {
        font-size: 14px
    }

    .digital_tabs.app_tabs_panel ul.nav.nav-tabs {
        width: 100%;
        display: block
    }

    .digital_tabs.app_tabs_panel .tab .nav-tabs li,
    .home_vorbest_call .home_chat h4 {
        width: 100%;
        margin: 0
    }

    .app_dev_text_right a.view_button {
        font-size: 11px;
        padding: 8px 11px
    }

    .app_case_panel .container {
        padding: 0 30px
    }

    .app_technology_left .vertical-tab .nav-tabs li a {
        border-radius: 0;
        margin: 10px;
        text-align: center
    }

    .new_teck_inner.itcounsel .app_head_text h2 {
        font-size: 18px !important;
        line-height: 30px
    }

    .app_technology_left .vertical-tab .nav-tabs li {
        width: 100%;
        padding: 0 10px
    }

    .digital_tabs .tab .nav-tabs li {
        width: 100%;
        text-align: center;
        margin-bottom: 5px
    }

    .digital_tabs .tab .nav-tabs li:last-child {
        margin-bottom: 0
    }

    .tech-category ul.tech-cat-icons li {
        width: 44%;
        margin: 0 6px 15px
    }

    .start-up_process .start-up_process_coll,
    .start_up_partner_col {
        width: 100%;
        height: auto
    }

    .loe_terms_panel_inner ol {
        padding: 0 16px;
        color: #000;
        font-size: 14px
    }

    .last_btm_panel_col_img {
        margin: 0 0 30px;
        width: 100%;
        display: block;
        padding: 0 30px
    }

    .tech-slide-panal.contest img {
        float: none;
        width: 90%
    }

    .google_store {
        margin: 15px 0 0
    }

    .form_quiz .form_quiz_inner {
        width: 100%;
        margin: auto
    }

    .footer_winning ul li {
        display: inline;
        margin: 0 0 10px
    }

    #footer_popup_Form {
        width: 90%
    }

    .casestudy-textbox-inner {
        padding: 20px
    }

    .step-container {
        max-height: 400px;
        overflow-y: scroll
    }

    .design_panel,
    .let_contact_inner_agensis a.view_button {
        margin: 0
    }

    nav.pagination-outer .pagination li a {
        padding: 3px 6px;
        height: 25px;
        width: 22px
    }

    .expertise_top_dese_col.quotes:after {
        right: -4%;
        top: 62%;
        background-size: 30px
    }

    .expertise_top_head_btn {
        bottom: 37px;
        padding: 18px 0
    }

    .working_point_inner .working_point_coll {
        width: 100%;
        padding: 0 0 15px
    }

    h2.title-heading {
        margin: 0 0 32px
    }

    .startup_process_inner .start-up_process_coll {
        width: 100%;
        min-height: auto;
        height: auto;
        margin: 0 0 30px
    }

    .portfolio-list li {
        display: inline-block;
        width: 100%
    }

    .ccd_work .banner_comput img {
        width: 80% !important
    }

    .country_location .col-md-6 {
        width: 50%;
        display: inline
    }

    .open_sourse_shopify .open_sourse_cake .tech-inner p.cake_icon {
        width: 100%;
        float: none;
        text-align: center;
        margin: 0 0 28px
    }

    .open_sourse_shopify .open_sourse_cake .tech-inner p.cake_icon img,
    .vorbestell_ds_result .testimonial_company h3 span {
        float: none
    }

    .bg-diagonal .left-sec ul.circle-list.m-auto li {
        padding: 0 28px;
        font-size: 14px;
        margin: 0 0 10px
    }

    .key_orange_panel .table-info-rate .table-responsive tr td:first-child:after {
        top: -10px
    }

    .game_solution .our-work .our-work1 .tab-box1 .col-md-3 {
        width: 100%;
        border-bottom: 1px solid #e1e1e1
    }

    .alexa_panel .whiteblock-3 .whiteblock-3imgnav ul li {
        width: 100%;
        margin: 0 0 15px
    }

    .ds-ind-travel .api-box li,
    .full.major-client-sec-dynamics ul li {
        width: 50%
    }

    .ds-ind-travel h2.bluetxt br {
        display: none
    }

    .video_testimonials_panel iframe {
        height: 220px
    }

    .ngg-gallery-thumbnail {
        width: 45%
    }

    .vorbest_technology .vorbest_technology_inner .vorbest_tech_content,
    .vorbest_technology .vorbest_technology_inner .vorbest_tech_content ul {
        text-align: left
    }

    .vorbestell_case ul li {
        list-style: none;
        font-size: 13px
    }

    .vorbestell_ds_result a.view_button.touch_btn {
        margin: 0;
        font-size: 10px;
        padding: 8px 12px
    }

    .home_vorbest_call .home_chat span.or {
        width: 100%;
        display: block;
        margin: 11px 0
    }

    .vorbestell_ds_result.learned_testimonial a.view_button.touch_btn {
        margin: auto auto 27px;
        display: table
    }

    .vorbestell_ds_result.learned_testimonial .testimonial_company {
        width: auto;
        float: none;
        justify-content: center;
        margin: auto
    }

    .vorbestell_ds_result.learned_testimonial .testimonial_company h3 {
        text-align: left;
        white-space: normal;
        display: block;
        margin: 0;
        float: left
    }

    .vorbestell_ds_result .testimonial_company span {
        float: right;
        display: block;
        width: auto
    }

    .vorbestell_ds_result.learned_testimonial .testimonial_company span img {
        margin-top: 6px
    }

    .accreditations_panel .accreditations_logos .accreditations_col {
        width: 100%;
        margin: 0 0 20px
    }

    .accreditations_panel .accreditations_logos .accreditations_col:nth-of-type(2n),
    .accreditations_panel .accreditations_logos .accreditations_col:nth-of-type(3n) {
        margin: 0 0 20px
    }

    .accreditations_panel .accreditations_logos .accreditations_col img {
        width: 165px;
        margin: auto
    }

    .whatstext {
        padding: 10px 0 10px 5px;
        margin-bottom: 0
    }

    .whatstext p {
        font-size: 15px;
        line-height: 22px
    }

    .whatstext p a {
        font-size: 13px;
        margin: 0
    }

    .wholesale-pricetable table tr td,
    .wholesale-pricetable table tr th {
        font-size: 10px;
        line-height: 14px
    }

    .wholesale-pricetable h4 {
        margin: 0 0 19px
    }

    .microsoft_category ul li {
        display: inline-block;
        float: none;
        padding: 3% 1% 0;
        width: 32%
    }

    .every-thing-edgetable table th {
        font-size: 12px;
        line-height: 20px
    }

    .every-thing-edgetable table tr td {
        font-size: 11px
    }
}

.decimL-li,
.dots-li,
.o-list {
    margin-left: 20px
}

@media (min-width:400px) and (max-width:767px) {
    .client_msg_name h3 {
        width: 68%;
        font-size: 18px;
        line-height: 21px
    }

    #navid ul.nav.navbar-nav.navbar-right li a {
        padding: 15px 12px;
        font-size: 24px
    }

    #step3 .step-section-inner.no-digital-marketing-tab-3 .file-check span {
        font-size: 10px
    }
}

@media (max-width:374px) {

    .step-container .btn-default,
    .step-container .btn-primary {
        font-size: 14px;
        padding: 8px 12px 12px
    }

    .step-container p {
        font-size: 14px;
        line-height: normal
    }

    . .client_msg_name h3 span {
        font-size: 12px;
        line-height: 20px
    }

    .whats_inner {
        display: block
    }

    .whats_thanks .col-xs-6.col-sm-6.col-md-3.col-lg-3 {
        width: 100%;
        margin: 0
    }

    .whatstext {
        margin-bottom: 0
    }

    .whatstext p {
        font-size: 16px
    }

    .fullfilment .technology .techno-name {
        column-gap: 10px
    }

    .fullfilment .technology .techno-imgs figure {
        height: 80px;
        width: 80px
    }

    .fullfilment .technology .techno-imgs img {
        width: 65%
    }
}

.bdr-0,
.testimonial_company.author h3.bdr-0 {
    padding-right: 20px
}

.testimonial_company span img.big {
    width: auto;
    max-width: 130px;
    padding: 15px 0 0
}

.ocean_content_desc p {
    font-size: 22px;
    line-height: 1.5;
    color: #fff
}

.ocean_content_desc h2 {
    white-space: normal !important
}

.decimL-li {
    list-style: decimal
}

.decimL-li li {
    margin: 4px 0
}

.since_content_left.big {
    padding-bottom: 140px
}

.since_image.big img {
    height: 100%;
    object-fit: cover;
    object-position: left
}

.ocean_technology_inner ul.two li {
    width: 50%;
    float: left
}

.nowrap {
    white-space: nowrap
}

.since_content_left {
    padding-left: 0 !important
}

.dots-li li {
    line-height: 1.8;
    margin-bottom: 5px
}

.title-top {
    color: #fff;
    font-size: 80px;
    font-weight: 700;
    padding: 100px 0 50px;
    margin-bottom: -76px
}

.o-list {
    color: #f5821f
}

.testimonial_company.t-center {
    text-align: center !important;
    float: none
}

.testimonial_company.t-center h3 {
    margin: auto 0 auto auto;
    padding: 0
}

.diago-sec {
    position: relative;
    padding: 120px 0 70px;
    color: #fff
}

.diago-sec h2 {
    font-size: 56px;
    font-weight: 900 !important;
    color: #fff;
    line-height: 1.4
}

.diago-sec:after {
    content: '';
    background-color: #fff;
    position: absolute;
    height: 100px;
    width: 100%;
    background-image: url('../images/ccd_banner.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: right top;
    top: 0;
    left: 0
}

.ocean_develop .since_image.custom {
    background: #07cbb3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 30px
}

.ocean_develop .since_image.custom img {
    height: auto;
    width: auto;
    margin-top: auto;
    max-width: 100%;
    margin-bottom: 7%
}

.portfolio-list li {
    padding: 10px;
    list-style: none
}

.portfolio-list li img {
    max-width: 100%;
    width: auto !important
}

.head-banner input:-webkit-autofill,
.head-banner input:-webkit-autofill:active,
.head-banner input:-webkit-autofill:focus,
.head-banner input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 400px #000 inset !important
}

.head-banner input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important
}

.head-banner .form-group_contact .form-control[disabled] {
    color: #fff !important;
    bottom: 65px
}

@media (min-width:991px) {
    .elearning_desc .web_dev_app.mobile_view {
        display: none
    }

    section {
        position: relative
    }

    .ocean_develop .since_image {
        width: 45vw;
        max-width: 45vw;
        right: 0;
        min-width: 45vw;
        position: absolute;
        height: 100%
    }

    .ocean_develop .since_image img {
        height: 100%;
        object-fit: fill
    }

    .since_content_left {
        min-width: 30vw;
        padding-bottom: 160px !important
    }

    .ccd_work_desc {
        position: relative;
        padding-top: 50px;
        padding-bottom: 40px;
        margin-bottom: 0
    }

    .ccd_work .ccd_panel {
        width: auto;
        position: relative;
        top: -250px;
        margin-bottom: -250px
    }

    .ccd_work.beauty .ccd_panel {
        width: auto;
        position: relative;
        top: -390px;
        margin-bottom: -390px
    }

    .ccd_work {
        margin-top: 550px
    }

    .ccd_work.beauty {
        margin-top: 710px
    }

    .ocean_develop {
        min-height: 800px
    }

    .decimL-li li,
    .ocean_develop p,
    .ocean_top_panel .ocean_top_dese_col p,
    .ocean_top_panel .ocean_top_dese_col ul li {
        font-size: 18px;
        line-height: 1.6
    }

    .diago-sec p,
    .ocean_technology_inner ul li {
        font-size: 22px
    }

    .ccd_work_desc .ccd_work_desc_right h2 {
        margin: 0
    }

    .diago-sec p {
        line-height: 1.6
    }

    .diago-sec h2 {
        margin-top: 50px;
        margin-bottom: 30px
    }

    .ocean_technology_inner ul li span {
        width: 55px;
        display: inline-block
    }

    .ocean_technology_inner ul li span img {
        max-width: 100%
    }

    h2.title-heading,
    h3.title-heading {
        font-size: 40px
    }

    .strategic_top_text h2.title-heading span {
        font-size: 40px !important
    }
}

@media (min-width:767px) {
    .portfolio-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 1200px;
        margin: auto
    }

    .portfolio-list li {
        width: 33.33%
    }

    h2.title-heading {
        text-align: left
    }

    .tack_partner_agencies h2.title-heading {
        text-align: center
    }

    .ocean_technology_inner ul.space-arround {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .ocean_technology_inner ul.space-arround li {
        display: inline-block;
        max-width: 33%;
        width: auto
    }

    .ocean_technology .ocean_technology_inner ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width:1600px) {
    .ocean_develop .since_content_left {
        padding: 40px 37px 0 250px
    }
}

@media only screen and (max-width:600px) {
    .ocean_technology_inner ul li {
        width: 49%;
        font-size: 14px
    }

    .ocean_technology_inner ul li span {
        margin: 0 6px 0 0;
        width: 20px
    }

    .ocean_technology_inner ul li span img {
        width: 20px
    }

    .ocean_content_desc p {
        font-size: 15px;
        line-height: 1.4
    }
}

@media only screen and (max-width:440px) {
    .ocean_technology_inner {
        text-align: center
    }

    .ocean_technology_inner ul {
        display: inline-grid;
        width: auto;
        margin: auto
    }

    .ocean_technology_inner ul li {
        width: 100% !important;
        text-align: left
    }
}

@media (min-width:992px) {
    .design_since .since_image {
        width: 50% !important;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0
    }

    .design_since .since_image img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .design_since .since_content_left {
        padding: 50px 15px 10% 530px !important;
        max-width: 970px;
        margin: auto;
        width: 100% !important;
        box-sizing: border-box;
        float: none;
        display: block
    }

    .design_since .since_content_left.design_game {
        padding: 50px 530px 10% 15px !important
    }

    .design_since .since_content_left.design_game+.since_image {
        width: 50% !important;
        position: absolute;
        top: 0;
        bottom: 0;
        left: auto;
        right: 0
    }
}

.step-section-inner li,
.step-section-inner li .check-step {
    min-height: 1px !important;
    height: auto !important
}

@media (min-width:1200px) {
    .design_since .since_content_left {
        padding: 50px 15px 10% 650px !important;
        max-width: 1200px !important
    }

    .design_since .since_content_left.design_game {
        padding: 50px 650px 10% 15px !important
    }
}

@media (max-width:991px) {

    .diago-sec:before,
    .ocean_holiday_contact {
        position: relative
    }

    .diago-sec:before,
    .ocean_content_desc p {
        margin-bottom: 70px
    }

    .ocean_holiday_contact .ocean_holiday_contact_inner .ocean_content_desc,
    .title-top {
        text-align: center
    }

    .diago-sec {
        padding-top: 0
    }

    .diago-sec:before {
        margin-top: -1px;
        background-position: top 1px right;
        background-repeat: no-repeat;
        background-clip: padding-box;
        content: '';
        height: 7vw;
        background-color: #fff;
        background-size: 100% auto;
        top: 0;
        bottom: auto;
        display: block;
        float: left;
        width: 100%;
        background-image: url(../images/ccd_banner.png);
        left: 0
    }

    .diago-sec:after {
        display: none
    }

    img {
        max-width: 100%
    }

    .testimonial_company h3,
    .testimonial_company h3 span {
        font-size: 15px
    }

    .testimonial_company span img {
        height: auto !important;
        width: 110px !important
    }

    .ocean_develop .since_image.custom {
        background: 0 0;
        padding: 0;
        display: block
    }

    .ocean_develop .since_image.custom img {
        margin-bottom: 0;
        width: 100%;
        height: auto
    }

    .diago-sec img {
        margin-top: 40px
    }

    #wrapper {
        overflow-x: hidden
    }

    .ocean_develop .since_image img {
        width: 100%;
        height: auto;
        margin: 0
    }

    .ocean_holiday_contact .ocean_holiday_contact_inner .col-xs-12.col-sm-12.col-md-3.col-lg-3 {
        z-index: 9;
        position: absolute;
        top: auto;
        bottom: 40px;
        left: 50%;
        transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        font-size: 14px
    }

    .since_content_left.big {
        padding-right: 0;
        padding-bottom: 60px
    }

    .ocean_holiday_contact .ocean_holiday_contact_inner {
        position: static
    }

    .ocean_develop .since_content_left {
        padding: 20px 15px;
        width: 100%;
        display: block
    }

    .title-top {
        background-color: #f5821f;
        color: #fff;
        font-size: 40px;
        font-weight: 700;
        padding: 90px 0 20px;
        margin-bottom: -52px
    }

    .health-cloud {
        display: block
    }

    .health-cloud>div {
        width: 100%
    }

    .footer-panel .footer1 .col-lg-6 {
        width: 41.66%
    }

    .design_since .since_content_left {
        width: 100% !important;
        max-width: 750px !important;
        margin: auto !important;
        padding: 44px 15px 40px !important;
        display: block !important
    }

    .design_since .since_content_left h2 {
        margin-top: 0 !important
    }

    .strategic_ppc .extention_col_right {
        margin-top: 30px !important
    }
}

.tack_partner_agencies .item-slide {
    -ms-flex-align: center !important;
    align-items: center !important
}

.start_up_panel h2.title-heading {
    margin: 20px 0 15px;
    text-align: center
}

.modal-dialog.contact_step_container .step-section-inner li .check-step p {
    margin: 0 !important
}

.step-section-inner li {
    padding-top: 5px !important
}

.step-section-inner ul {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

@media (max-width:479px) {
    .tack_partner_home .item-slide a {
        height: 132px !important;
        padding: 30px 0
    }

    figure.news-item__thumb img {
        height: auto !important
    }
}

.tack_partner_home .item-slide a img {
    max-height: 90%
}

.maintain_sec .extention_col_left img {
    object-fit: cover
}

h2.title-heading.home_page_title {
    width: 50%;
    text-align: center;
    margin-top: 24px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .tack_partner_home .item-slide a img {
        width: 100%
    }
}

@media (max-width:767px) {
    #step2 .what_tech ul li {
        height: auto !important
    }

    .modal-dialog.contact_step_container .step-container {
        max-height: 80vh
    }

    #step3 span.file-type {
        margin-top: 7px
    }

    .form-group_contact .form-control[disabled] {
        bottom: -80px !important
    }

    .footer-panel .footer1 .col-lg-6 {
        width: 100%
    }

    h2.title-heading.home_page_title {
        width: 100%;
        font-size: 16px !important;
        line-height: 1.4
    }
}

.expertise_inner_text h3 {
    text-transform: none
}

@media (max-width:1300px) {
    h2.title-heading.home_page_title {
        font-size: 20px !important;
        line-height: 1.4
    }
}

.step-section-inner .inline-step-form li {
    padding: 0 5px
}

.step-section-inner .inline-step-form ul {
    margin: 0 -10px !important
}

.step-container .list-inline {
    padding-bottom: 5px !important
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 400px #fff inset !important
}

.new-contact-form-ds .md-form-control input,
.new-contact-form-ds .md-form-control label,
.new-contact-form-ds .md-form-control textarea.md-input-text,
.new-contact-form-ds .md-form-control.focus label {
    z-index: 1
}

.service_work_panel.e-learning .container h2.title-heading {
    font-size: 32px;
    color: #f5821f;
    margin-bottom: 25px
}

.service_work_panel.e-learning .container p {
    margin: 0 0 20px;
    text-align: center
}

.startup_process_panel.e-learning .startup_process_inner .start-up_process_coll {
    margin-bottom: 60px
}

.startup_process_panel.e-learning .startup_process_inner {
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

@media (max-width:991px) {
    .strategic_top_text h2.title-heading span {
        font-size: 24px !important
    }

    .startup_process_panel.e-learning .startup_process_inner .start-up_process_coll {
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width:767px) {
    .startup_process_panel.e-learning .startup_process_inner .start-up_process_coll {
        margin-bottom: 30px;
        width: 100%;
        min-height: initial
    }

    .service_work_panel.e-learning .container h2.title-heading {
        text-align: center
    }
}

@media screen and (max-width:575px) {
    section.head-banner.expertise_banner {
        margin: 80px 0 0;
    }

    #cssmenu ul {
        padding: 160px 0 0 !important
    }

    .answer-search-page #cssmenu ul {
        padding: 110px 0 0 !important
    }
}

.talkpopup-inner {
    background: #ebebeb;
    max-width: 560px;
    border-radius: 8px;
    padding: 40px;
    position: absolute;
    width: 94%;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%)
}

.talkpopup-close {
    position: absolute;
    right: 16px;
    top: 10px
}

.talk-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 999;
    align-items: center;
    padding: 15px;
    display: none
}

.talkpopup-content h4 {
    margin: 0 0 20px;
    font-size: 24px
}

.talkpoppup-btn {
    background: #2b2ba8;
    border: none;
    width: 100%;
    color: #fff;
    padding: 10px 11px;
    font-size: 15px;
    border-radius: 6px;
    cursor: pointer
}

.popup-in-bx {
    width: 100%;
    height: 45px;
    padding: 8px 14px;
    font-size: 14px;
    border: 1px solid #e0e0e0
}

.popup-form-fields label {
    display: block;
    width: 100%;
    font-size: 15px;
    margin: 0 0 4px
}

.ds-blogcontent ul {
    margin: 0 0 0 22px;
    display: inline-block;
    font-size: 13px !important;
}

.ds-blogcontent .table td,
.ds-blogcontent .table th {
    font-size: 14px
}

/*blog cta start*/
.new_inline_blog_banner_cta {
    border-radius: 40px;
    padding: 40px;
    background: #ff8c2b;
    margin: 50px 0 !important;
    text-align: center;
}

.ds-blogcontent .new_inline_blog_banner_cta p.new_inline_blog_banner_cta_head {
    font-size: 42px;
    line-height: 1.3;
    font-weight: 600;
    color: #fff;
    margin: 0 0 20px;
    text-align: center;
}

.ds-blogcontent .new_inline_blog_banner_cta p.new_inline_blog_banner_cta_para {
    font-size: 18px;
    text-align: center;
    line-height: 1.4;
    font-weight: 500;
    margin: 0 0 25px;
    color: #fff
}

.new_inline_blog_banner_cta a.new_inline_blog_banner_cta_btn {
    color: #fff;
    padding: 10px 36px;
    background: #000;
    font-size: 18px;
    border-radius: 4px;
    font-weight: 600;
    display: inline-block;
}

.new_inline_blog_banner_cta a.new_inline_blog_banner_cta_btn:hover {
    color: #fff;
    background: #2f2f2f
}

@media (max-width:991px) {
    .new_inline_blog_banner_cta {
        padding: 20px;
        margin: 30px 0 !important;
    }

    .ds-blogcontent .new_inline_blog_banner_cta p.new_inline_blog_banner_cta_head {
        font-size: 30px;
    }

    .ds-blogcontent .new_inline_blog_banner_cta p.new_inline_blog_banner_cta_para {
        font-size: 16px;
    }
}

@media (max-width:991px) {
    .new_inline_blog_banner_cta {
        padding: 20px;
        margin: 20px 0 !important;
    }

    .ds-blogcontent .new_inline_blog_banner_cta p.new_inline_blog_banner_cta_head {
        font-size: 24px;
        margin: 0 0 10px
    }

    .ds-blogcontent .new_inline_blog_banner_cta p.new_inline_blog_banner_cta_para {
        font-size: 15px;
        margin: 0 0 20px
    }

    .new_inline_blog_banner_cta a.new_inline_blog_banner_cta_btn {
        padding: 10px 25px;
        font-size: 16px;
    }
}

/*blog cta end*/