@media (max-width: 810px) {
    .headermenu .container,
    .banner .container,
    .mybeepfeature .container,
    .mybeephelp .container,.mybeephelp { width: 100%; display: table !important;}
    .mybeepbannertext .container, .enterprise .container, .mybeepindustry .container { width: 90%; display: table !important; margin: 0 auto;}
    .headermenu .floatingmenu { display: none !important;}
    .headermenu .fixehokumenu { display: none !important;}
    .mybeepapps .container { width: 100%; }
    .banner .container img { width: 100% !important;}
    .banner .container .mycontent { width: 90%; text-align: center;}
    .mybeepapps .lagerheading { padding-right: 2%;padding-left: 2%;}
    .banner .container .mysubheading { width: 90%;}
    .banner { padding: 100px 0px}
    .mybeepfeature { padding: 0px 0px}

    .headermenu-mobile .menunav .hokuappblue { color: #21A1D9 !important; font-size:17px !important;}
    .headermenu-mobile .menunav .hokuappblue ul li { color: #21A1D9;}
    .headermenu-mobile .menunav .hokuappblue ul { list-style: none !important;}
    .headermenu-mobile .menunav .hokuappblue ul li a { color: rgba(255,255,255,0.7); padding-left: 0px !important;}
    .headermenu-mobile .menunav ul li { text-align: center;}

    .mybeepfeature .container .row .col-3 { width: 100%; margin: auto 0px !important; clear: both; display: table; padding-bottom: 50px; text-align: center; }
    .mybeepfeature .container .row .col-3 .feaurecontent { width: 75%;        display: table;        margin: 0 auto; }
    .mybeepfeature .container .row .col-3 .feaureimage { text-align: center;}
    .mybeepfeature .container .row { padding-top: 20px;}
    .mybeepapps .container .enterpriseapp .enterprise-app-left-content { Width: 95%; padding-right: 2%;padding-left: 2%;text-align: left; float: none; margin: 0 auto;}
    .mybeepapps .container .enterpriseapp .enterprise-app-right-content { width: 95%; padding-right: 2%;padding-left: 2%;text-align: left; float: none; margin: 0 auto;}
    .mybeepapps .container .enterpriseapp .enterprise-app-center-content { width: 95%; padding-right: 2%;padding-left: 2%;text-align: left; float: none; margin: 0 auto;}
    .banner .container .mycontent_title { width: 95%;}
    .mybeepapps .container .enterpriseapp .enterprise-app-right-image { width: 100%; text-align: center; padding-bottom: 30px;}
    .mybeepapps .container .enterpriseapp .enterprise-app-left-image { display: none;}
    .mybeepapps .container #mobile_enterpriseapp { padding-bottom:100px !important; padding-top: 20px;}
    .mybeepapps .container .enterpriseapp .enterprise-app-right-image img{ width: 90%; padding-bottom: 20px;}
    .mybeepapps .container .enterpriseapp .enterprise-app-right-image1 img { width: 100%; padding-bottom: 20px;}
    .mybeepapps .container .enterpriseapp .enterprise-app-right-image2 img {  padding-bottom: 20px;}
    .mybeepapps .container .enterpriseapp .enterprise-app-center-image1 img{ width: 85%;}
    .mybeepapps .container .enterpriseapp .enterprise-app-center-image { display: none;}
    .mybeepapps .container .enterpriseapp .enterprise-app-right-image img { width: 90% !important;}
    .mybeepapps .container .enterpriseapp .enterprise-app-center-image1 { display: block;}
    .mybeepbannertext .container .width50per { width: 95%; padding-right: 2%;padding-left: 2%;text-align: center; }
    .mybeepbannertext .container .width50per  .content_link .anchorlink { line-height: 22px;}
    .mybeephelp .title { width: 95%; padding-right: 2%;padding-left: 2%;text-align: center;font-size: 30px;color: #3e3e3e; line-height: 40px;}
    .mybeephelp .title b { font-weight: 400;}
    #mybeephelp { padding: 0px !important;}
    #mybeephelp .title { font-size: 32px;        line-height: 43px; padding-top: 40px;}
    .mybeepapps .container .enterpriseapp .enterprise-app-right-image1 {display: block; margin: 0 auto !important; width: 93%;}
    .mybeepapps .container .enterpriseapp .enterprise-app-right-image2 {display: block; margin: 0 auto !important; width: 93%;}
    .mybeepapps .container .enterpriseapp .enterprise-app-left-content .app-details .col {  height: 130px;}
    .mybeepapps .container .enterpriseapp .enterprise-app-right-content .app-details .col { height: 130px;}
    .mybeepapps .container #mobile_enterpriseapp .timetomarketimg img {     width: 100% !important;}
    .mybeepapps .container #mobile_enterpriseapp .enterprise-app-center-image1 img {     width: 100% !important;}


    .headermenu { display: none;}
    .headermenu-mobile { display: table; background-color: #000000; padding: 7px; width: 100%; z-index: 99;}
    .headermenu-mobile .menunav { padding-left: 10px; text-align: center; list-style: none !important;}
    .headermenu-mobile .menunav li {clear: both; line-height: 24px; text-align: center; width: 100%;color: #ffffff;font-family: 'open sans' !important; font-weight: 400; font-size: 14px; }
    .headermenu-mobile .menunav li a {color: #ffffff;font-family: 'open sans' !important; font-weight: 400; font-size: 14px; padding: 5px 0px; }
    .headermenu-mobile .menunav li hr {padding: 0px; padding-bottom: 5px; border-top: 1px solid #737373;margin: 0px; width: 100%; margin: 0 auto;}
    .mybeepapps .container .enterpriseapp .enterprise-app-left-content .subtitle, .mybeepapps .container .enterpriseapp .enterprise-app-right-content .subtitle { width: 100%;}
    #teamcustomer_banner { background-image: url('/wp-content/uploads/2017/07/team_customer_m.jpg') !important; background-repeat: no-repeat!important; height: 672px !Important; background-position: center center;}
    #myStreamlineWork { background-image: url('/wp-content/uploads/2017/07/streamline_work_m.jpg') !important; background-repeat: no-repeat!important; height: 672px !Important; background-position: center center;}
    #mybeepapps_center .container .enterpriseapp .enterprise-app-right-image img {     width: 80% !important;}
    #mybeepappsalltools .container .enterpriseapp .enterprise-app-center-image1 img { width: 100% !important;}

    /* Footer */
    .myfooter_r2, .myfooter_r1 { display: none;}
    .mobilefooter { display: table; background-color: #000000; width: 100%; padding: 10px;}
    .mobilefooter .menutitle { color: #ffffff;}
    .mobilefooter .col-9 { width: 50%; float: left;}
    .mobilefooter .col-9 a { color: #ffffff;}
    .mobilefooter .col-1 { width: 50%; float: right; text-align: right; padding-right: 10px;}
    .headermenu-mobile #mobile_menu_f { background-color: #000000; height: 25px; padding-top: 4px;}
    .headermenu-mobile #mobile_menu_f a { color: #3392CF;font-family: 'open sans' !important; font-weight: 600; font-size: 20px;}
    .headermenu-mobile #mobile_menu_f .col-9 { width: 90%; float: left;}
    .headermenu-mobile #mobile_menu_f .col-1 { width: 10%; float: right;    padding-top: 9px;}
    #nav-toggle span,#nav-toggle span:before,#nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 4px; width: 25px; background: white; position: absolute; display: block; content: ''; }
    #nav-toggle span:before {top: -7px;}
    #nav-toggle span:after { bottom: -7px; }
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: all 500ms ease-in-out; }
    #nav-toggle.active span { background-color: transparent; }
    #nav-toggle.active span:before,  #nav-toggle.active span:after { top: 0; }
    #nav-toggle.active span:before { transform: rotate(45deg); }
    #nav-toggle.active span:after {transform: rotate(-45deg); }
    .myfooter_r1 .slide-round, .myfooter_r1  .plus-round { opacity: 1; visibility: inherit; background: black; position: absolute; top: -24px; left: 50%; margin-left: -22px; width: 56px; height: 56px; z-index: 200;  border-radius: 50%; cursor: pointer; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); transition: background 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.9s cubic-bezier(0.19, 1, 0.22, 1); transition: background 0.7s cubic-bezier(0.19, 1, 0.22, 1), transform 0.9s cubic-bezier(0.19, 1, 0.22, 1); }
    .floatTalkToUs { display: block;}
    /* Footer */

    /* Enterprise */
    .mybeepapps .container .enterpriseapp .enterprise-app-center-content .title { text-align: center; padding-top: 35px; padding-bottom: 30px;}
    .mybeepapps .container .enterpriseapp .enterprise-app-right-content .title_padding, .mybeepapps .container .enterpriseapp .enterprise-app-right-content .content_new  {text-align: center !important;}
    .mybeepapps .container .enterpriseapp .enterprise-app-center-content .content_new  { text-align: center; }
    .mybeepapps .container .enterpriseapp .enterprise-app-center-content .content {text-align: center; padding-bottom: 0px;}
    .mybeepapps .container .enterpriseapp .enterprise-app-center-content .content_link {text-align: center;}
    .mybeepapps .container .enterpriseapp .enterprise-app-center-image1 {text-align: center;}
    .enterprise .container .myimage .col { width: 100%; text-align: center; clear: both; margin-bottom: 30px;}
    .mybeepapps .container .enterpriseapp .enterprise-app-right-content .content { text-align: center;}
    /* Enterprise */

    /* integration */
    .mybeepingration .container { width: 90%; margin: 0 auto;}
    .mybeepingration .container .integration_box { width: 96%; clear: both; display: table; margin-left: 2%; margin-right: 2%;}
    .mybeepingration .container .integration_box_grey { width: 96%; clear: both; display: table; margin-left: 2%; margin-right: 2%;}
    .mybeepingration .container .integration_box_grey .content { width: 70%; }
    .mybeepingration .container .integration_box .content { width: 70%; }
    /* integration */

    /* contact us */
    .contactusform .container { width: 90%; margin: 0 auto;}
    .contactusform .container .bs_row { width: 95% !important; margin: 0 auto !important; padding-bottom: 0px !important;}
    .contactusform .container .bs_row .col-5 { width: 95% !important; margin: 0 auto; float: none;}
    .contactusform .container .bs_row .col-5 .content { width: 94% !important; margin: 0 auto; padding-bottom: 40px;   }
    /* contact us */

    /* functions */
    .functiontype { padding-top: 120px;}
    .functiontype .title { margin-top: 0px;}
    .functiontype .type-wrap { width: 90%;}
    .functiontype .desktop { display: none;}
    .functiontype .mobile { display: block;}
    .functiontype .wrap span { font-size: 30px;}
    .functionview .container { width: 90%; margin: 0 auto;}
    .functiontype .extrapadding {padding-top: 80px;}
    .functionview .container .function_left, .functionview .container .function_right { width: 95% !important; margin: 0 auto; float: none; text-align: left;}
    .collaborate_fn { background-image: url('/wp-content/uploads/2017/07/sales-collabrate-bg_m.jpg') !important; background-position: center; height: 512px  !important; background-repeat: no-repeat;}
    .department_fn  { background-image: url('/wp-content/uploads/2017/07/sales-department_bg_m.jpg') !important; background-position: center; height: 512px  !important; background-repeat: no-repeat;}
    .customer_fn { background-image: url('/wp-content/uploads/2017/07/sales-customer_bg_m.jpg') !important; background-position: center; height: 512px  !important; background-repeat: no-repeat;}
    .saleteam_fn { background-image: url('/wp-content/uploads/2017/07/sales-team_bg_m.jpg') !important; background-position: center; height: 512px  !important; background-repeat: no-repeat;}
    .deploy_fn { background-image: url('/wp-content/uploads/2017/07/sales-deploy-bg_m.jpg') !important; background-position: center; height: 475px  !important; background-repeat: no-repeat;}


    .boundaries_fn { background-image: url('/wp-content/uploads/2017/07/sales-boundaries-bg_m.jpg') !important; background-position: center; height: 512px  !important; background-repeat: no-repeat;}
    .touchpoint_fn { background-image: url('/wp-content/uploads/2017/07/sales-touchpoint-bg_m.jpg') !important; background-position: center; height: 512px  !important; background-repeat: no-repeat;}
    .bettercoll_fn { background-image: url('/wp-content/uploads/2017/07/sales-bettercollabrate-bg_m.jpg') !important; background-position: center; height: 512px  !important; background-repeat: no-repeat;}
    .righttime_fn { background-image: url('/wp-content/uploads/2017/07/sales-righttime-bg_m.jpg') !important; background-position: center; height: 512px  !important; background-repeat: no-repeat;}
    .implement_fn { background-image: url('/wp-content/uploads/2017/07/sales-implement-bg_m.jpg') !important; background-position: center; height: 512px  !important; background-repeat: no-repeat;}

    .function_main .container { width: 90%; margin: 0 auto;}
    .function_main .container .title, .function_main .container .content{ text-align:center; width: 90%;margin: 0 auto; padding-bottom: 40px;}
    .function_main .container .colmargin { width: 0%;float: none; display: none;}
    .function_main .container .col { width: 90%; float: none; margin: 0 auto; clear: both; padding-bottom: 70px;display: table; text-align: center;}
    .function_main .container .col1 { width: 90%; float: none; margin: 0 auto; clear: both; padding-bottom: 40px;display: table; text-align: center;}
    .function_main .container .col .imageb, .function_main .container .col1 .imageb { display: none; width: 0%;}
    .function_main .container .col .contentb, .function_main .container .col1 .contentb { width: 100%; margin: 0 auto; clear: both; text-align: center;}

    .functionview .container .function_left .title, .functionview .container .function_right .title { padding-bottom: 30px; }
    /* functions */

    #main_menu_data_child { color: #ffffff; font-family: 'open sans' !important; font-weight: 400; font-size: 14px; padding: 5px 0px;}
    #main_menu_data_child1 { color: #ffffff; font-family: 'open sans' !important; font-weight: 400; font-size: 14px; padding: 5px 0px;}
    #main_menu_data_child2 { color: #ffffff; font-family: 'open sans' !important; font-weight: 400; font-size: 14px; padding: 5px 0px;}
    #main_menu_data_child3 { color: #ffffff; font-family: 'open sans' !important; font-weight: 400; font-size: 14px; padding: 5px 0px;}

    .mybeepapps .leftmyapps {display: none;}
    .mybeepapps .rightmyapps { width:100%; float: none;}
    .innermybeeps .enterpriseapp .enterprise-app-right-image img { width: auto !important;}

    .mybeepbannerbuildapp .container { width: 90%; margin: 0 auto;}
    .mybeepbannerbuildapp .container .width55perright { width: 100% !important; float: none;}
    .mybeepbannerbuildapp .container .width45perright { width: 90% !important; float: none; margin: 0 auto; text-align: center;}
    .mybeepbannerbuildapp .container .width55perright .col { width: 90%; float: none; margin: 0 auto; clear: both; padding-bottom: 70px;display: table; text-align: center;}
    .mybeepbannerbuildapp #mobile_viewc { display: block; padding-top: 40px;}
    .mybeepbannerbuildapp #nonmobile { display: none;}

    .mybeepsbuildapp { width: 100%; padding: 90px 0px; clear: both; display: table;}
    .mybeepsbuildapp .container { width: 90%; margin: 0 auto;}
    .mybeepsbuildapp .container .leftpanel, .mybeepsbuildapp .container .rightpanel{ width: 100%; float: none; text-align: center;}
    .mybeepsbuildworkflow { background-image: url("/wp-content/uploads/2017/07/mybeepworkflowbg_m.jpg") !important; background-position: center; height: 772px  !important; background-repeat: no-repeat;}
    .mybeepsbuildworkflow .container { width: 90%; margin: 0 auto;}
    .mybeepsbuildworkflow .container  .rightpanel{ width: 100%; float: none; text-align: center;}
    .floatingdiv { display: none !important;}
    .mybeepapps .container .enterpriseapp { padding-top: 100px !important;}
    .mybeepapps .container .enterpriseapp .enterprise-app-right-content .app-integration img { width: 100%;}
    .mybeepsbuildapp .container .rightpanel  img { width: 100%;}
    .mybeepsbuildapp .container .leftpanel { padding-top: 0px;}

    .desktop_view_image { display: none;}
    .mobile_view_image { display: block;}
    .mybeepapps .container .enterpriseapp .enterprise-app-right-content .title { text-align: center;padding-bottom: 20px;}
    .mybeepapps .container .enterpriseapp .enterprise-app-right-content .subtitle { font-size: 35px;    padding-bottom: 30px;   text-align: center;}
    .innermybeeps .enterpriseapp { border-bottom: 1px solid #e2e2e2;}
    .noborder { border: none !important;}

    .blankheader .container { width: 96%; margin: 0 auto;}
    .blankcontent .container { width: 96%; margin: 0 auto;}
    .security .container { width: 96%; margin: 0 auto;}
    .securitycontent .container { width: 96%; margin: 0 auto;}
    .securitycontent .row { padding: 60px 0px;}
    .securitycontent .row { border-bottom: 1px solid #e2e2e2;}
    .securitycontent .row .column20 { width: 100%; float: none; padding-bottom: 20px;}
    .securitycontent .row .column80 { width: 100%; float: none;}

    .testimonial .container { width: 90%; text-align: center;}
    .testimonial .container .title {width: 98%;margin: 0 auto;color: #ffffff;}
    .testimonial .container .author {width: 98%;margin: 0 auto;color: #ffffff;}
    #ptilogo{
        content:url("/wp-content/uploads/2017/06/PTI-QCS-Logo.png");
    }
    #slvj-back-lightbox { width: 95% !important;}
    #slvj-video-embed { width: 100% !important;}
    .testimonial { padding: 35px 0px !important; background-image: url("/wp-content/uploads/2017/06/pti-testimonial_m.png") !important; background-position: center; height: 413px  !important; background-repeat: no-repeat;}

    .legacysystem { clear: both; background-image: url("/wp-content/uploads/2017/06/Legacy-banner_mobile-V2.png") !important; background-position: center; height: 383px; }
    .legacysystem h1{ display: none;}
    .legacysystem h4 { display: none;}
    .rapidmobile { clear: both; display: table; background-image: url("/wp-content/uploads/2017/06/Factors-banner_mobile1.png") !important; background-position: center; height: 383px; }
    .rapidmobile  h4 { text-align: center!important;    padding-top: 20px !important; width: 100% !important;}
    .rapidmobile .container h1 { padding-top: 20px !important; text-align: center;}

    .modern_enterprise { clear: both; display: table; background-image: url("/wp-content/uploads/2017/06/modern_enterprise_banner_mobile.png") !important; background-position: center; height: 331px; width: 100%;}
    .modern_enterprise  h4 { display: none;}

    .rad_platform { clear: both; display: table; background-image: url("/wp-content/uploads/2017/06/Medium_Banner_RAD.png") !important; background-position: center; height: 321px !important; width: 100%;}
    .rad_platform  h4 { text-align: center!important;    padding-top: 20px !important; width: 100% !important;}
    .rad_platform .container h1 { padding-top: 10px !important; text-align: center;}

    .cio_mobility { clear: both; display: table; background-image: url("/wp-content/uploads/2017/06/CIO_mobile_banner.png") !important; background-position: center; height: 321px !important; width: 100%;padding-top: 40px !important; text-align: center;}
    .cio_mobility .container h1 { padding-top: 20px !important; text-align: center;}
    .cio_mobility  h4 { text-align: center!important;    padding-top: 0px !important; width: 100% !important;}

    .modernizelegacymobile { clear: both; display: table; background-image: url("/wp-content/uploads/2017/06/modernize_legacy_application_mobile.png") !important; background-position: center; height: 383px; }
    .modernizelegacymobile h4 { text-align: center!important;    padding-top: 20px !important; width: 100% !important;}
    .modernizelegacymobile .container h1 { padding-top: 10px !important; text-align: center;}

    .webifylegacyapp { clear: both; display: table; background-image: url("/wp-content/uploads/2017/06/4-steps-to-webify-your-legacy-applications_mobile-banner.png") !important; background-position: center; height: 383px; }
    .webifylegacyapp h4 { text-align: center!important;    padding-top: 20px !important; width: 100% !important;}
    .webifylegacyapp .container h1 { padding-top: 10px !important; text-align: center;}


    .drivinglegacy { clear: both; display: table; background-image: url("/wp-content/uploads/2017/06/Driving_factors_for_legacy_application_migration_mobile_banner.png") !important; background-position: center; height: 383px; }
    .drivinglegacy h4 { text-align: center!important;    padding-top: 20px !important; width: 100% !important;color: #ffffff !important;}
    .drivinglegacy .container h1 { padding-top: 10px !important; text-align: center; color: #ffffff !important;}


    .dataintegration { clear: both; display: table; background-image: url("/wp-content/uploads/2017/06/Data-Integration-Strategy-mobile-Banner.png") !important; background-position: center; height: 383px; }
    .dataintegration h4 { text-align: center!important;    padding-top: 20px !important; width: 100% !important;}
    .dataintegration .container h1 { padding-top: 10px !important; text-align: center;}

    .passbenefits { clear: both; display: table; background-image: url("/wp-content/uploads/2017/06/5-key-PaaS-benefits-for-your-business-mobile-banner.png") !important; background-position: center; height: 383px; }
    .passbenefits h4 { text-align: center!important;    padding-top: 20px !important; width: 100% !important;}
    .passbenefits .container h1 { padding-top: 10px !important; text-align: center;}

    .ptiqcsmobile { background-image: url("/wp-content/uploads/2017/06/casestudy-ptiqcs-mobile-banner.png") !important; background-position: center; height: 383px !important; }
    .plantengineering { background-image: url("/wp-content/uploads/2017/06/casestudy-plantenginerring-mobile-banner.png") !important; background-position: center; height: 383px !important; }
    .ptiqcsmobile  h4 { text-align: center!important;    padding-top: 20px !important; width: 100% !important; font-size: 20px !important;}
    .plantengineering  h4 { text-align: center!important;    padding-top: 20px !important; width: 100% !important;font-size: 20px !important;}
    .ptiqcsmobile .container  h1 { padding-top: 10px !important; text-align: center;font-size: 30px !important;font-size: 26px !important;    line-height: 30px !Important;}
    .plantengineering .container  h1 { padding-top: 10px !important; text-align: center;font-size: 30px !important;font-size: 22px !important;    line-height: 26px !Important;}

    .productbrochure { clear: both; display: table; background-image: url("/wp-content/uploads/2017/06/Product-brochure-mobile-banner.png") !important; background-position: center; height: 383px; width: 100%;}

    .mobile_enr_strategy { clear: both; display: table; background-image: url("/wp-content/uploads/2017/06/Mobile-Enterprise-Strategy-mobile.png") !important; background-position: center; height: 321px !important; width: 100%;}
    .mobile_enr_strategy  h4 { text-align: center!important;    padding-top: 20px !important; width: 100% !important;}
    .mobile_enr_strategy .container h1 { padding-top: 10px !important; text-align: center !important;}

    .requestdemo .container .bs_row .col-5 .content .row { width: 100% !important; text-align: center;}
    .requestdemo .container .bs_row .col-5 .content .logocolumn {     margin: 0 auto !important;width: 100% !important; float: none !important; margin-right: 0px !important; padding-bottom: 20px;}
    .campaignpage .container .bs_row .col-5 .title { text-align: center;}
    #requestademo {  background-image: url("/wp-content/uploads/2017/06/request-a-demo-mobile-banner.jpg") !important; background-position: center; height: 252px  !important; background-repeat: no-repeat;}
    .blog_header .container {width: 90%;  margin: 0 auto;}
    .blog_content .container {width: 90%;  margin: 0 auto;}
    .blog_content .container .left { width: 96%; text-align: left;margin: 0px auto;    float: none;}
    .blog_content .container .right { width: 96%; text-align: left;margin: 0px  auto;    float: none;}
    .blog_content .container .right .greybox { width: 100%; margin: 0px  auto; display: none;}
    .blog_content .container .left .greybox { text-align: center !important;}
    .container  h1 {     padding-top: 80px !important; width: 95% !important; text-align: center; margin: 0 auto;font-size: 30px !Important;    line-height: 32px !Important;}
    .modern_enterprise .container  h1 {     padding-top: 152px !important; width: 50% !important; text-align: left !important;    margin-left: 15px !important;}
    .mybeephelp .subblogtext { width: 98% !important;}
    .bloglisting { background-image: none !important;height: auto !important;}
    .bloglisting  .container {width: 90%;  margin: 0 auto;}
    .bloglisting .left { padding-top: 35px !important; clear: both; display: table; background-image: url("/wp-content/uploads/2017/06/Factors-homepage-banner_mobile.png") !important; background-position: center center; height: 321px; float: none; width: 100% !important;}

    .bloglisting .left h2{ width: 55%; float: left; font-size: 26px; line-height: 30px; margin-bottom: 15px; margin-left: 15px;}
    .bloglisting .left div {width: 55%; float: left;  margin-left: 15px;}
    .bloglisting .right {  clear: both; display: table; background-image: url("/wp-content/uploads/2017/06/Legacy-homepage-banner_mobile.png") !important; background-position: center center; height: 321px; float: none; width: 100% !important;}
    .bloglisting .right h2{ width: 60%; float: right; font-size: 26px; line-height: 30px; margin-bottom: 15px;}
    .bloglisting .right div {width: 60%; float: right; }
    .bloglisting .container h2 { padding-bottom: 0px !important; }

    .bloglisting_ver { background-image: none !important;display: table; background-image: url("/wp-content/uploads/2017/06/modern_enterprise_banner_mobile.png") !important; background-position: center center; height: 321px !important; float: none; width: 100% !important;}
    .bloglisting_ver  .container {width: 90%;  margin: 0 auto;}
    .bloglisting_ver .container h2{ width: 55%; float: left; font-size: 26px; line-height: 30px; margin-bottom: 20px; margin-left: 15px; text-align: left;padding-bottom: 0px; padding-top: 90px !important;}
    .bloglisting_ver .container div {width: 55%; float: left;  margin-left: 15px;text-align: left; }

    .related_whitepapers .container { width: 90%;  margin: 0 auto;}
    .related_whitepapers .container h1 { width: 90%; text-align: center; margin: 0 auto; padding-top: 0px !important; padding-bottom: 15px;}
    .related_whitepapers .container h3 { width: 90%; text-align: center; margin: 0 auto;}
    .related_whitepapers .container .row .column { text-align:center; padding-bottom: 50px !important;width: 90%; margin: 0 auto !important; float: none; padding-right: 0px;}
    .related_whitepapers .container .row .column img { width: auto;}
    .related_whitepapers .container .row .column a { padding-bottom: 0px;}
    .related_whitepapers .container .row { padding-top: 0px !important;}
    .related_whitepapers { padding-bottom: 50px !important;}
    .all_resources_list .container .pagination div { width: 100%;}
    .related_whitepapers .container .row { width: 100%;}
    .requestade .mysubheading { font-size: 24px !important; line-height: 30px !important; padding-top: 10px;}
    .requestade .container .mycontent { line-height: 25px; font-size: 20px; }
    .customers .container  { width: 100%;}
    .customers .container .header { width: 95%; }
    #desktopfeatured { display: none !important;}
    #mobilefeatured { display: block !important;}
    .campaignform .container .bs_row .col-5 .ctitle, .campaignform .container .bs_row .col-5 p { text-align: center;}
    .campaignform .container .bs_row .col-5 .row .leftside { width: 45% !important; }
    .campaignform .container .bs_row .col-5 .row .rightside { width: 55% !important; }
    .headercampaign {  height: 0px !important;}
    .campaignform .container .bs_row .mobilephoto { padding-top: 30px !important; background-image: none !important; background-color: #fff !important;      width: 95% !important;        padding: 0px !Important;        height: 550px !important;}
    #customerPanelBG { background-image: url("/wp-content/uploads/2017/06/cutomer-mobile-2.png") !important; background-position: center center; height: 89px !important; }
    .campaignform .container .bs_row .mobilephoto .bs_col-sm-12 { padding-left: 0px !important;padding-right: 0px !important;    padding-top: 20px;}
    .campaignform .container .bs_row .mobilephoto .bs_col-md-12 { padding-left: 0px !important;padding-right: 0px !important;}
    .campaignform .container .bs_row .col-5 .hbspt-form { padding-left: 20px; width: 100%; margin-left: 0px !important;}
    .campaignform2 .container .bs_row .col-5 .row .leftside { width: 45% !important; text-align: center;}
    .campaignform2 .container .bs_row .col-5 .row .rightside { width: 55% !important;     padding-top: 0px !important;}
    .headingcontent .container { width:  90%;  margin: 0 auto;}
    .headingcontent .container .mycontent { width: 90%; margin: 0 auto; line-height: 55px; text-align: center;}
    .headingcontent .container .pagelink { width: 90%; margin: 0 auto; padding-top: 20px; text-align: center;}
    .campaignform2 .container .bs_row .col-5 p { text-align: center; padding-top: 50px !important; padding-bottom: 10px;}
    .campaignform2 .container .bs_row .col-5 .content .logocolumn { text-align: center; padding-bottom: 30px;}
    .campaignform2 .container .contact_fontbody .contact_fontdiv { text-align: center !important;}
    .campaignform2 .container .bs_row .col-5 .hbspt-form  input[type="submit"] { margin: 0 auto;}
    .customers_casestudy .container { width: 90%; text-align: center ;  margin: 0 auto;}
    .customers_casestudy .container .header { width: 90%; text-align: center; margin: 0 auto;}
    .customers_casestudy .column1 .ptiimg { padding-top: 0px;}
    .customers_casestudy .container .column { width: 100%; text-align: center; float: none !important; margin-bottom: 50px;}
    .customers_casestudy .container .column1 { width: 90%; text-align: center; float: none !important; margin: 0px auto !important; margin-bottom: 30px !important;}

    .customers_casestudy_res .container { width: 90%; text-align: center ;  margin: 0 auto;}
    .customers_casestudy_res .container .column3 { text-align: center; width: 90%; text-align: center; float: none !important; margin-bottom: 50px; margin: 0 auto; padding-top: 0px;}
    .customers_casestudy_res .container .column3 h3 { text-align: center;}
    .customers_casestudy_res .container .column3 .header { text-align: center; padding-top: 10px; margin-bottom: 40px;}
    .customers_casestudy_res .container .column2 { width: 100%; text-align: center; float: none !important; margin-bottom: 50px; padding: 0px;}

    #hokuappAdvantage .container {  width: 96%; padding-left: 2%; padding-right: 2%}
    #hokuappAdvantage .container h1 { padding-top: 0px !important;}
    #hokuappAdvantage .container .text { width: 100%; }
    #mybeepappsalltools .btnview { padding-bottom: 0px; text-align: center;}
    #hokuappAdvantage .container .row .column { width: 100%; float: none; margin-right: 0px; margin-bottom: 60px;    display: table; }

    #hokusolutionevery .container h1 { padding-top: 0px !important;}
    #hokusolutionevery .container {  width: 96%; padding-left: 2%; padding-right: 2%}
    #hokusolutionevery .container .deskviewbi { display: none;}
    #hokusolutionevery .deskviewbi { display: none;}
    #hokusolutionevery .mobileviewsol { display: block;}
    #mybeepappsalltools .container .enterpriseapp .enterprise-app-center-content {  width: 95%;}
    #mybeepappsalltools .content_link { padding-bottom: 0px !important;}
    #hokusolutionevery .mobileviewsol .row { margin: 0 auto;}
    #hokusolutionevery .container .text { width: 90%;}
    .banner .container .mytext{ width: 90%;}
    .headergraditentbi .banner {  padding-bottom: 0px;}
    .banner .container .myimage .bannerimage { width: 95% !important;}

    .hokuappProcess .container {  width: 90%;  margin: 0 auto;}
    .hokuappProcess .container .left{ width: 95%; float: none; text-align: center; padding-bottom: 20px; margin: 0 auto;}
    .hokuappProcess .container .right{ width: 95%; float: none; text-align: center; margin: 0 auto;}
    #mybeepappsalltools .container .howitwork { width: 95%; margin: 0 auto;}
    #mybeepappsalltools .container .howitwork .row .column { width: 100%; float: none; text-align: center; padding-bottom: 20px;}

    .resources_list .container {  width: 90%;  margin: 0 auto;}
    .resources_list .column { width: 90% !important; margin: 0 auto !important; text-align: center; float: none !important; padding-bottom: 40px; clear: both; display: table;}
    .allresource { padding-top: 10px !important;}
    .allresource .mycontent { width: 95%; margin: 0 auto;}
    .all_resources_list .container {  width: 90%;  margin: 0 auto;}
    .all_resources_list .container .row { margin: 0 auto;}
    .all_resources_list .container .row .left { width: 100%; text-align: center; float: none !important; padding-bottom: 20px;}
    .all_resources_list .container .row .right { width: 90%; text-align: center; float: none !important; margin: 0 auto;}
    .all_resources_list .container .pagination {text-align: center;width: 95% !important;}
    .all_resources_list .container .pagination .centerpo { }
    .page-id-1544 .all_resources_list .container .row, .page-id-1757 .all_resources_list .container .row { padding-bottom: 70px;}

    .hokublogs .container h1 { padding-bottom: 20px;}
    .customers_casestudy_res .column3 h3 { padding-top: 0px;}
    #allresourcebanner { background-image: url("/wp-content/uploads/2017/06/resources_mobile_banner.jpg") !important; background-position: center center; height: 252px !important; }

    .crossplatformdev { margin-top: 0px;clear: both; display: table; background-image: url("/wp-content/uploads/2017/06/cross_platform_app_development_mobile_banner.png") !important; background-position: center; height: 383px !important; width: 100%;padding-top: 40px !important; text-align: center;}
    .crossplatformdev .container h1 { padding-top: 20px !important; text-align: center;}
    .crossplatformdev  h4 { text-align: center!important;    padding-top: 0px !important; width: 100% !important;}

    .roofingsouthwest { margin-top: 0px;background-image: url("/wp-content/uploads/2017/06/casestudy-roofingsouthwest-mobile-banner.png") !important; background-position: center; height: 383px !important; }
    .roofingsouthwest  h4 { text-align: center!important;    padding-top: 20px !important; width: 100% !important; font-size: 20px !important;color: #ffffff !important;}
    .roofingsouthwest .container  h1 { padding-top: 10px !important; text-align: center;font-size: 30px !important;font-size: 26px !important;    line-height: 30px !Important;color: #ffffff !important;}

    .teddynissan { margin-top: 0px;background-image: url("/wp-content/uploads/2017/06/casestudy-teddynissan-mobile-banner.png") !important; background-position: center; height: 383px !important; }
    .teddynissan  h4 { text-align: center!important;    padding-top: 20px !important; width: 100% !important;font-size: 20px !important;color: #ffffff !important;}
    .teddynissan .container  h1 { padding-top: 10px !important; text-align: center;font-size: 30px !important;font-size: 22px !important;    line-height: 26px !Important;}

    .paddockbook { margin-top: 0px;background-image: url("/wp-content/uploads/2017/06/casestudy-paddockbook-mobile-banner.png") !important; background-position: center; height: 383px !important; }
    .paddockbook  h4 { text-align: center!important;    padding-top: 20px !important; width: 100% !important; font-size: 20px !important; color: #ffffff !important;}
    .paddockbook .container  h1 { padding-top: 10px !important; text-align: center;font-size: 30px !important;font-size: 26px !important;    line-height: 30px !Important;}

    .bigred { margin-top: 0px;background-image: url("/wp-content/uploads/2017/06/casestudy-bigred-mobile-banner.png") !important; background-position: center; height: 383px !important; }
    .bigred  h4 { text-align: center!important;    padding-top: 20px !important; width: 100% !important;font-size: 20px !important;color: #ffffff !important;}
    .bigred .container  h1 { padding-top: 10px !important; text-align: center;font-size: 30px !important;font-size: 22px !important;    line-height: 26px !Important;}

    .casais { margin-top: 0px;background-image: url("/wp-content/uploads/2017/06/casestudy-casais-mobile-banner.png") !important; background-position: center; height: 383px !important; }
    .casais  h4 { text-align: center!important;    padding-top: 20px !important; width: 100% !important;font-size: 20px !important;color: #ffffff !important;}
    .casais .container  h1 { padding-top: 10px !important; text-align: center;font-size: 30px !important;font-size: 22px !important;    line-height: 26px !Important;}
    .headermenu-mobile .menu_data ul li a { }
    #newmysubheading { font-size: 35px !important;}
    .hokuapps-slider .container{ width: 100% !important;  margin: 0 auto;}
    .hokuapps-customers .container { width: 90% !important;  margin: 0 auto;}
    .hokuapps-customers .container .row { margin-bottom: 0px !important;}
    .hokuapps-customers .container .column { width: 90% !important; margin: 0 auto; float: none !important; display: table; margin-bottom: 20px; margin-right: 0px !important; box-shadow: none !important;}
    .hokuapps-customers .container .columnx { display: none !important;}
    .hokuapps-customers .container .column img { width: 90%;}
    .hokuapps-customers .container .column .innersection { display: table; width: 90%; height: auto !important;}
    .hokuapps-customers .container .columnM { display: table !important;}
    .brow-cs { text-align: center;}
    .desktophome { display: none !important;}
    .mobileslider { display: block !important; width: 96% !important; margin: 0 auto !important;}
    .hokuapps-slider .container  .innertext { width: 100%; background-color: rgba(0,0,0,.87); height:322px;  }
    .hokuapps-slider .container { padding: 0px !important;}
    .hokuapps-slider .container .innertext a { margin-left: 0px;}
    .hokuapps-slider .container .innertext .heading{ font-family: 'open sans'; font-size: 15px; padding-left: 0px !important; padding-top: 20px; padding-bottom: 15px;color: #fff;font-weight: 300; width: 100% !important;display: inline-block;overflow: hidden!important; clear: both; display: table; }
    .hokuapps-slider .container  .readstory { padding: 5px 10px; }
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{ left: 20% !important; }
    .hokuapps-customers .container h1 { padding-top: 0px !important;}

    .hokuappsbanner .container, .hokuappscustomers .container, .hokuapptech .container, .hokuappmodern .container, .hokuappsdashboard .container, .hokuappbusiness .container, .hokuappssection .container { width: 100% !important;}
    .hokuappbusiness { padding: 70px 0px;}
    .container h1 { padding-top: 0px !important; line-height: 37px !important; font-size: 34px !important;  }
    .hokuapptech .container h1, .hokuappmodern .container h1, .hokuappmodern .container h4, .hokuappbusiness .container h1, .hokuappbusiness .container h4,
    .hokuappscustomers .container h1, .hokuappscustomers .container h5 { width: 94% !important; margin: 0 auto !important;}
    .hokuappbusiness .container h4 { padding-bottom: 40px;}
    .hokuappsbanner .container #newmysubheading { line-height: 40px !important;}
    .hokuappsbanner .container #newmysubheading, .hokuappsbanner .container .subtext { width: 83% !important;margin: 0 auto !important;}
    .hokuappscustomers .container h5, .hokuappscustomers .container h1, .hokuappssection .container .leftpanel, .hokuappbusiness .container h4, .hokuappbusiness .container h1, .hokuappmodern .container h4, .hokuappmodern .container h1, .hokuapptech .container h1 { width: 100%;}
    .hokuappscustomers .container .row .column, .hokuappmodern .container .row .column, .hokuapptech .container .row .column { width: 94%; margin: 0 auto !important; float: none !important; text-align: center; padding-bottom: 50px; display: table; height: auto !important;}
    .hokuappscustomers .container h5 { text-align: center;}
    .hokuappssection .container .leftpanel, .hokuappsdashboard .container .leftpanel { margin: 0 auto !important; text-align: center; width: 94% !important;}
    .hokuappbusiness .container .row .column { width: 95%; margin: 0 auto !important; float: none !important; text-align: center; display: table; height: auto !important; padding-bottom: 50px !important;}
    .hokuappssection { padding: 70px 0px; height:  auto !important; display: table !important;}
    .hokuappscustomers .container .row .column { padding-bottom: 20px !important;}
    .hokuappscustomers .container .row { padding-bottom: 0px !important;}
    .hokuappscustomers .container .textcontent { width: 95% !important; padding-left: 0px !important; padding-right: 0px !important; text-align: center;}
    .hokuappscustomers .container .videotestimonial { padding: 35px 0px !important;
        background-image: url(/wp-content/uploads/2017/06/pti-testimonial_m.png) !important; background-repeat: no-repeat!important;        height: 413px !Important;       background-position: center center;}
    .hokuappscustomers .container .tagtitle { width: 98% !important; margin: 0 auto; color: #ffffff; }
    .hokuappscustomers .container .tagtitle { font-size: 25px; line-height: 25px; width: 55%; padding-bottom: 20px; font-weight: 300; }
    .hokuappscustomers .container .author, .hokuappscustomers .container .designation { width: 98%; margin: 0 auto; color: #ffffff; }
    .hokuappscustomers .container .author, .hokuappscustomers .container .designation { font-size: 14px; padding-bottom: 20px; }
    .hokuappsdashboard { display: none !important;}
    .hokuappsdashboardmobile { display: table !important;}
    .hokuappmodern .container .row .column img, .hokuappsdashboardmobile img { width:  100%;}
    .hokuappsbanner .container .downarrow { padding-top: 25px !important; margin-top: 35px !important;}

    .hokuappssolSection .container .left { width: 90% !important; margin: 0 auto !important; float: none !important;}
    .hokuappssolSection .container .right { display: none !important;}
    .hokuappssolSection .container .right1 {display: block !important; text-align: center;}
    .hokuappssolSection .container .right1 img { width: 100%; padding-bottom: 30px;}
    .hokuappssolstories .container .left  { width: 90% !important; margin: 0 auto !important; float: none !important;}
    .hokuappssoltagging { padding-bottom: 0px !important; padding-top: 60px !important;}
    .hokuappssoltagging .title {     padding-bottom: 30px !important; line-height: 40px !important;}
    .hokuappssoltagging .subtitle {line-height: 24px !important;}
    .hokuappssoltagging .title, .hokuappssoltagging .subtitle {  width: 95% !important; margin: 0 auto !important; float: none !important; text-align: center;}
    .hokuappssolstories .container .right  { width: 90% !important; margin: 0 auto !important; float: none !important;}
    .hokuappssolstories .container .row { text-align: center; margin: 0 auto;}
    .hokuappssolstories .container .left h5 {     padding-bottom: 10px !important;}
    .hokuappssolstories .container .row .column { width: 90% !important; margin: 0 auto !important; float: none !important; padding-bottom: 60px; text-align: center;}
    .hokuappssolstories .container, .hokuappssolSection .container { width: 90% !important; margin: 0 auto;}
    #indsolutions { padding: 70px 0px !important;}
    #indsolutions .container #newmysubheading { line-height: 40px !important;padding-bottom: 20px !important; font-size: 32px !important;}
    #indsolutions .container .subtext { padding-bottom: 20px !important; font-size: 22px !important;}
    .hokuappsbanner .container .downarrow { }
    .branding { color: #3392CF !important;}

    .hokuappmobilej .container, .hokuappsreimage .container, .hokuappsmulsys .container { width: 90% !important; margin: 0 auto !important;}

    .hokuappsreimage .container-full, .hokuappscustomerd .container, .hokuappshr .container, .hokuapphmdeploysol .container, .hokuappsmulsys .container, .hokuappsindustrysou .container, .hokuappsreimage .container, .hokuappmobilej .container, .hokuapphmdeploysol .container-midfull, .hokuapphmdeploysol .container-full, .hokuapphmplatform .container { width: 90% !important; margin: 0 auto !important;}
    .hokuapphmplatform .container .row { width: 100%; padding-bottom: 0px;}
    .hokuappsindustrysou .container .row .column, .hokuappmobilej .container .row .column, .hokuappshr .container .row .column, .hokuapphmdeploysol .container .row .column, .hokuapphmplatform .container .row .column { width: 94%; margin: 0 auto !important; float: none !important; text-align: center; padding-bottom: 50px; display: table; height: auto !important; }
    .hokuappsreimage .container .left{ width: 81%; float: none !important; padding-bottom: 50px; text-align: center; margin: 0 auto;}
    .hokuappsreimage .container .header {     padding-bottom: 30px !important;}
    .hokuappsreimage .container .left .text { padding-bottom: 20px !important;}
    .hokuappmobilej .container .row, .hokuappsindustrysou .container .row {     padding-bottom: 0px; margin-right: 0px !important; margin-left: 0px !important;}
    .hokuappsindustrysou .container .row .column { padding-bottom: 30px !important;}
    .hokuappsreimage .container .header { width: 95% !important; margin: 0 auto;}
    .hokuappsmulsys .container img { width: 100% !important;}
    .hokuapphmplatform .container .text, .hokuapphmplatform .container .header, .hokuapphmdeploysol .container .header { padding-bottom: 70px; width: 94% !important;}
    .hokuapphmplatform .container .row .column .contenttext { min-height: auto !important;}
    .hokuappmobilej .container .row, .hokuapphmplatform .container .row { margin-right: 0px !important; margin-left: 0px !important; width: 100% !important;}
    .hokuapphmplatform .container .row .column { padding-bottom: 75px !important;}
    .hokuapphmdeploysol .container-midfull .row , .hokuappsreimage .container .right { float: none !important; width: 94% !important; text-align: center; margin: 0 auto;}
    .hokuappscustomerd #myCarousel2 img { width: 100%; }
    .hokuappscustomerd #myCarousel2  .slidercontainer { background-color: #000; padding: 15px; display: table;}
    .hokuappscustomerd #myCarousel2  .slidercontainer .heading { color: #fff; padding-bottom: 10px; font-size: 16px; text-align: center;}
    .hokuappscustomerd #myCarousel2  .slidercontainer .text { color: #fff; padding-bottom: 10px; text-align: center;}
    .hokuapphmplatform .container .header { padding-bottom: 60px !important;}
    .hokuapphmplatform .container .text { display:  none;}
    .hokuappsreimage {padding-bottom: 10px;}
    .hokuappscustomerd #myCarousel2  .slidercontainer .readstory { float: right;}

    .hokuapphmplatform .container .row .column .contenttext ul li { list-style: none;}
    .hokuapphmplatform .container .row .column .title { font-weight: 600; text-align: center;}
    .hokuapphmplatform .container .row .column .contenttext ul { text-align: center;}
    .hokuapphmdeploysol .container .row { margin-left: 0px !important; margin-right: 0px !important;padding-bottom: 0px;}
    .hokuapphmdeploysol .container .row .column { width: 71% !important;}
    .hokuapphmdeploysol .container-midfull .row .fullrow { width: 85%;     margin: 0 auto;}
    .hokuappmobilej .container .row .column { padding-bottom: 70px;}

    .hokuapphmdeploysol .container-midfull .row, .hokuappsreimage .container .right img { width: 100% !important;}
    .homehokupage .container .subtext { padding-bottom: 65px !important;}
    .hokuappscustomerd .container { width: 97% !important;}
    #hokuappscustomerdmobile { display: block !important;}
    #desktopsliderhead, #jssor_1 { display: none;}



    .hokuappbuildapp .container .subcontainer, .hokuappplatform .container .subcontainer { width: 95% !important; display: table; margin: 0 auto !important;}
    .hokuappplatform .container .subcontainer .trow { padding-bottom: 0px !important; }
    .hokuappplatform .container .subcontainer .trow .column {text-align: center; width: 100% !important; margin-right: 0px !important; float: none !important; padding-bottom: 60px !important;}

    .hokuappplatform .container .subcontainer .buildimage img { width: 100%;}
    .hokuappbuildapp .container, .hokuappplatform .container, .hokuappscustomerlive .container { width: 90%; margin: 0 auto !important;}
    .hokuappscustomerlive .container .trow { padding-bottom: 0px !important; padding-bottom: 50px;}
    .hokuappscustomerlive .container .trow .left {  width: 100%; margin-right: 0px !important; float: none !important;  text-align: center; padding-bottom: 20px;}
    .hokuappscustomerlive .container .trow .right { width: 100%; float: none !important; padding-bottom: 60px  !important; text-align: center;}
    .hokuappscustomerlive .container .trow .left img, .hokuappbuildapp .container .subcontainer .buildimage img { width: 100%;}
    .hokuappbuildapp .container .subcontainer .subtext { text-align: center;}
    .hokuappsbanner .container .bannerheading {     PADDING-LEFT: 30PX;width: 60%;line-height: 50px !important; font-size: 40px !important;}
    #rapidappdev  .container .bannerheading, #dataplatform .container .bannerheading { width: 100% !important; text-align: center !important;}

    .hokuappbuildapppro { width: 100%; padding: 90px 0px; }
    .hokuappbuildproservice .container .subcontainer, .hokuappbuildapppro .container,
    .hokuappbuildprostr .container, .hokuappbuildproservice .container, .hokuappbuildprocase .container { width: 95% !important; }

    .hokuappbuildproservice .container .subcontainer .header , .hokuappbuildapppro .container .text, .hokuappbuildapppro .container .header { width: 95% !important; margin: 0 auto; }
    .hokuappbuildproservice .container .subcontainer .rows .column, .hokuappbuildapppro .container .rows .column1, .hokuappbuildapppro .container .rows .column {     width: 90% !important; margin-right: 0px !important; float: none !important; margin: 0 auto !important; padding-bottom: 50px; text-align: center !important;}

    .hokuappbuildprocase .container .right1, .hokuappbuildprocase .container .left, .hokuappbuildprocase .container .right, .hokuappbuildprostr .container .right, .hokuappbuildprostr .container .left    { width: 90% !important; float: none !important; margin: 0 auto !important; text-align: center !important;}
    .hokuappbuildprostr .container .left img, .hokuappbuildprocase .container .right img { width: 100%;}
    .hokuappbuildprocase .container .right1 { padding-bottom: 30px}
    .hokuappbuildprocase .container .right1 img { width: 100%;}
    .hokuappbuildprocase .container .header  {width: 90% !important; margin: 0 auto;}
    .hokuappbuildprocase .container .header  {width: 90% !important; margin: 0 auto;}
    .hokuappbuildprostr .container .left { padding-bottom: 50px;}
    .hokuappbuildprocase .container .right { display: none !important;}
    .hokuappbuildprocase .container .right1 { display: table !important;}
    .hokuappbuildprocase .container .left .title, .hokuappbuildprocase .container .left .text { text-align: center !important;}
    .hokublogs .container h4 { width: 80% !important;}
    #dataplatform { background-image: url("/wp-content/uploads/2017/07/Data-Platform-mobileV2.png") !important; background-position: center; height: 430px !important;padding-top: 60px !important;}
    #mobileworkspace { background-image: url("/wp-content/uploads/2017/07/Mobile-Dev-Platform-mobile-banner.png") !important; background-position: center; height: 430px !important;padding-top: 60px !important;}
    #rapidappdev { background-image: url("/wp-content/uploads/2017/07/Business-Platform-mobile-banner-v.jpg") !important; background-position: center; height: 430px !important; padding-top: 60px !important;}
    /*.hokublogs { background-image: url("/wp-content/uploads/2017/07/Blogs-banner-mobile.png") !important; background-position: center; height: 300px !important; padding-top: 60px !important; display: table;}*/
    .hokublogs {
        background-image: none !important;
        background-position: center;
        height: 100px !important;
        padding-top: 32px !important;
        display: table;
    }
    .all_blogs .widget-title { width: 100% !important;}
    .all_blogs .widget > ul { padding-top: 20px;}
    .all_blogs { padding-top: 45px;}
    .hokublogs .container h4 { display: none !important;}
    .hokucareers { background-image: url("/wp-content/uploads/2017/07/Careers-banner-mobile.jpg") !important; background-position: center; height: 400px !important; padding-top: 60px !important; display: table;}
    .hokuevents { background-image: url("/wp-content/uploads/2017/07/Events-banner-mobile.jpg") !important; background-position: center; height: 400px !important; padding-top: 60px !important; display: table;}
    .hokupress { background-image: url("/wp-content/uploads/2017/07/pr-PR-banner-mobile.jpg") !important; background-position: center; height: 400px !important; padding-top: 60px !important; display: table;}
    .hokublogs .container h1 {padding-bottom: 3px;
        text-align: left;
        width: 85% !important;
        margin: 0 auto;
        margin-top: 15px;}
    .hokuevents .mysubheading, .hokublogs .mysubheading, .hokucareers .mysubheading { padding-top:70px !important;}
    .all_blogs .container .left .item .article { width: 100%; margin: 0 auto; text-align: center; margin-bottom: 30px;}
    .all_blogs { height:  auto !important;}
    .all_blogs .container .left .item .article img { width: 100%;}
    .hokuappsbanner .container .hbreadcum, .hokuappsbanner .container .hbannerblock ul { display: none !important;}
    #productfieldservices { background-image: url("/wp-content/uploads/2017/07/Field-Services-mobile-banner.jpg") !important; background-position: center; height: 500px !important;}
    #productfieldservices .container .leftsec { background: transparent !important; width: 90% !important; margin: 0 auto; opacity: 1 !important; padding: 0px !important;text-align: center !important;}
    #productfieldservices .container .leftsec .headingtext {  color: #ffffff !important;}
    #productfieldservices .container .leftsec .headingsub { display: none !important;}

    .hokuappsultideploy {background-image: url("/wp-content/uploads/2017/07/Deployment-services-link-banner-mobile-view.jpg") !important; background-position: center; height: 300px !important;}
    .hokuappsultideploy .container { width: 87%; margin: 0 auto !important;}
    .hokuappsultideploy .container .leftsec { background: transparent !important; width: 90% !important; margin: 0 auto; opacity: 1 !important; padding: 0px !important;text-align: center !important;}
    .hokuappsultideploy .container .leftsec .headingtext { display: none !important; color: #fff !important;}
    .hokuappsultideploy .container .leftsec .headingsub { display: none !important;}
    .hokuappsultideploy .container .leftsec a{ display: none;}
    .hokuappsultideploymobile { display: block !important;}


    .hokuappsultideploymplatform {background-image: url("/wp-content/uploads/2017/07/mobile-platform-Deployment-services-link-mobile_view.jpg") !important; background-position: center; height: 300px !important;}
    .hokuappsultideploymplatform .container { width: 87%; margin: 0 auto !important;}
    .hokuappsultideploymplatform .container .leftsec { background: transparent !important; width: 90% !important; margin: 0 auto; opacity: 1 !important; padding: 0px !important;text-align: center !important;}
    .hokuappsultideploymplatform .container .leftsec .headingtext { display: none !important; color: #fff !important;}
    .hokuappsultideploymplatform .container .leftsec .headingsub { display: none !important;}
    .hokuappsultideploymplatform .container .leftsec a{ display: none;}

    #productcrmservices {background-image: url("/wp-content/uploads/2017/07/CRM-mobile-banner.jpg") !important; background-position: center; height: 500px !important;}
    #productcrmservices .container .leftsec { background: transparent !important; width: 90% !important; margin: 0 auto; opacity: 1 !important; padding: 0px !important; text-align: center !important;}
    #productcrmservices .container .leftsec .headingtext {  color: #ffffff !important;}
    #productcrmservices .container .leftsec .headingsub { display: none !important;}

    #producthrservices {background-image: url("/wp-content/uploads/2017/07/HR-mobile-banner.jpg") !important; background-position: center; height: 500px !important;}
    #producthrservices .container .leftsec { background: transparent !important; width: 90% !important; margin: 0 auto; opacity: 1 !important; padding: 0px !important; text-align: center !important;}
    #producthrservices .container .leftsec .headingtext {  color: #ffffff !important;}
    #producthrservices .container .leftsec .headingsub { display: none !important;}

    #productcustomapp {background-image: url("/wp-content/uploads/2017/07/Custom-Apps-banner-mobile.png") !important; background-position: center; height: 500px !important;}
    #productcustomapp .container .leftsec { background: transparent !important; width: 90% !important; margin: 0 auto; opacity: 1 !important; padding: 0px !important; text-align: center !important;}
    #productcustomapp .container .leftsec .headingtext {  color: #ffffff !important;}
    #productcustomapp .container .leftsec .headingsub { display: none !important;}

    #productdashboardapp {background-image: url("/wp-content/uploads/2017/07/Executive-Dashboard-banner-mobile.png") !important; background-position: center; height: 500px !important;}
    #productdashboardapp .container .leftsec { background: transparent !important; width: 90% !important; margin: 0 auto; opacity: 1 !important; padding: 0px !important; text-align: center !important;}
    #productdashboardapp .container .leftsec .headingtext {  color: #000 !important;}
    #productdashboardapp .container .leftsec .headingsub { display: none !important;}

    .hokuappsfunc .container .subcontainer .left ul, .hokuappsfunc .container .subcontainer .right ul { list-style-image: none !important;}
    #deploymentsupport  {background-image: url("/wp-content/uploads/2017/07/deployment-support-mobile-banner.jpg") !important; background-position: center; height: 400px !important;}
    #deploymentsupport .container .headingsub { display: none;}
    #deploymentsupport .container .headingtext { width: 90% !important; margin: 0 auto !important; text-align: center;}

    #technicalsupport  {background-image: url("/wp-content/uploads/2017/07/Technical-Support-banner.jpg") !important; background-position: center; height: 400px !important;}
    #technicalsupport .container .headingsub { display: none;}
    #technicalsupport .container .headingtext { width: 90% !important; margin: 0 auto !important; text-align: center;}

    .hokuappsfunc .container { width: 90% !important; float: none !important; margin: 0 auto !important; text-align: center !important;}
    .hokuappsfunc .container .subcontainer { width: 100% !important; text-align: center !important;}
    .hokuappsfunc .container .subcontainer .right, .hokuappsfunc .container .subcontainer .left { width:  100% !important; float: none !important; }
    .hokuappsfunc .container .subcontainer .right1 { display: block !important; padding-bottom: 50px;}
    .hokuappsfunc .container .subcontainer #leftimg {padding-bottom: 50px; }
    .hokuappsfunc .container .subcontainer #leftimg img { width: 100%;}
    .hokuappsfunc .container .subcontainer #rightimg { display: none !important;}
    .hokuappsfunc .container .subcontainer .right1  img { width: 100%;}

    .hokuappsfunc .container .subcontainer .right .text, .hokuappsfunc .container .subcontainer .right .title,
    .hokuappsfunc .container .subcontainer .left ul li, .hokuappsfunc .container .subcontainer .left .text,
    .hokuappsfunc .container .subcontainer .left .title, .hokuappsfunc .container .subcontainer .right ul li { text-align: center !important; }

    #dataplatform { padding-top: 60px !important; padding-bottom: 0px !important;}
    #dataplatform .container .hbannerblock ul { list-style-image: none !important; padding-left: 0px !important;}
    #dataplatform  .container .hbreadcum { width: 80% !important; margin-bottom: 20px;}
    #dataplatform .container .hbannerblock h1 { padding-bottom: 10px !important; padding-top: 10px !important;}
    #dataplatform .container .hbannerblock ul li, #dataplatform .container .hbannerblock h1, #dataplatform  .container .hbreadcum { width: 90%; margin: 0 auto; text-align: center !important;}
    .hokuappsbanner .container .hbannerblock ul li { line-height: 28px !important; padding-bottom: 10px; font-weight: 400 !important; font-size: 18px !important;}
    .hokuappsbanner .container .hbannerblock h1 { font-weight: 300 !important; line-height: 45px !important; font-size: 40px !important;}
    .container-midfull .row .fullrow .title img { width: 100% !important;}
    .hokuappsbanner .container .hbannerblock h4 { display: none !important;}
    .hokuappssubtext { display: table !important;}
    .hokuapphmdeploysol .container-midfull .row .fullrow .laink, .hokuapphmdeploysol .container-midfull .row .fullrow .text { padding-left: 0px !important;}
    #mobilerequestdemo { display: block !important;}
    #desktoprequestdemo { display: none !important;}
    .hokuappsbuilddeplysol { padding-bottom: 0px !important;}
    .hokuappsbuilddeplysol .container { width: 90% !important; padding-bottom: 0px !important; margin: 0 auto;}
    .hokuappsbuilddeplysol .container .header {padding-bottom: 70px; width: 94% !important;}
    .hokuappsbuilddeplysol .container .trow .column { padding-bottom: 70px; width: 90% !important; margin: 0 auto !important; text-align: center; float: none !important;}
    .hokuappsbanner .container .hbannerblock .platformimage { display: block !important; text-align: center !important;}
    .hokuappsbanner .container .hbannerblock .platformimage img { width: 65%;}
    .hokuappsbanner .container .hbannerblock h1 { text-align: center !important;}

    .hokuapphmplatform .container .row .column .title .platformline { width: 100%;}
    .hokuapphmplatform .container .row .column .subcolumn { text-align: center;}
    .hokuapphmplatform .container .row .column .subcolumn div { text-align: center;}
    .all_blogs .container { width: 85% !important; margin: 0 auto !important;}
    .all_blogs .container .right, .all_blogs .container .left { width: 100%; float: none !important; }
    .all_blogs .container .left .row .item { margin: 0 auto !important; width: 100% !important; display: table; padding-right: 0px !important;}
    .all_blogs .container .left .row .item .article .rimg img { width: 100% !important;}
    .single-blog-content { width: 100%;}
    .single-blog-content .container { width: 85%; margin: 0 auto;}

    .careerspositions .container, .hokuappswhy .container, .hokucareerslist .container , .hokueventslist .container { width: 85%; margin: 0 auto;}
    .hokuappswhy .container .trow, .hokucareerslist .container .trow, .hokueventslist .container .trow { margin-bottom: 0px !important;}
    .hokuappswhy .container .trow { padding-top: 0px !important; margin-bottom: 0px !important;padding-bottom: 0px !important;}
    .hokuappswhy .container .text { margin-bottom: 50px;}
    .hokuappswhy .container .trow .column { padding-bottom: 50px !important;}
    .hokuappswhy .container .trow .column, .hokueventslist .container .trow .column { width: 100% !important; margin: 0 auto !important; padding-bottom: 75px !important; float: none !important;display: table;}
    .hokucareerslist .container .trow .column  { width: 100% !important; margin: 0 auto !important; float: none !important;display: table;}
    .hokucareerslist .container .trow .column a img, .hokueventslist .container .trow .column img { width: 100%;}
    .hokucareerslist .container .trow .column a  {display: table;}
    .hokucareerslist .container .trow .column div { width: 100%; margin-bottom: 40px; display: table;}
    .hokucareerslist .container .trow .column div img { width: 100% !important;}
    .hokucareerslist .container .trow .column .subscol a p, .hokucareerslist .container .trow .column .subscol { width: 100% !important; margin: 0px !important;}
    .hokucareerslist .container .trow .column .subscol p { width: 100%; }
    .hokucareerslist .container .trow .column .subscold{display: none;}
    .careerspositions .container .trow { padding: 30px 0px;}
    .careerspositions .container .trow .column5, .careerspositions .container .trow .column3, .careerspositions .container .trow .column2 { width: 90%; text-align: center; float: none !important; clear: both;}
    .careerspositions .container .trow .column2 { margin-top: 30px;}
    .hokucareerapply .container { width: 85%; margin: 0 auto !important;}
    .hokucareerapply .container .careerapplyform .applynowform { width: 90% !important; margin: 0 auto !important; max-width: 100%;}
    .hokucareerapply .container h1 { text-align: left !important;  margin-left: 0px;}
    .hokucareerapply .container .careerapplyform { width: 100%;    }
    .single-blog .container { width: 90% !important; margin: 0 auto !important;}
    .single-blog-content .container img { width: 100%; height: 100%;}
    #contact_form { display: none !important;}
    .hokuappwhyhokuapps .container, #whyhoku .container { width: 90%; margin: 0 auto;}
    .hokuappwhyhokuapps .container .left { width: 100%; float: none !important; text-align: center; display: table; margin-bottom: 90px;}
    .hokuappwhyhokuapps .container .left h2, .hokuappwhyhokuapps .container .left p { text-align: center;}
    .hokuappwhyhokuapps .container .right { display: none !important;}
    .hokuappwhyhokuapps .container .right1 { display: block !important; text-align: center; width: 100%;}
    .hokuappwhyhokuapps .container .right1 img { width: 100%;}

    #mybeepsbuildappimg .container, .whyhoukblue .container, .hokuappwhyhokuapps1 .container, .hokuappwhyhoku .container { width: 90%; margin: 0 auto; padding-bottom: 40px;}
    .hokuappwhyhoku .container .titlecap { text-align: center;}
    .hokuappwhyhoku .container .subheading  { text-align: center; width: 100% !important;}
    .hokuappwhyhoku .container h4 { text-align: center; }
    .hokuappwhyhoku .container .trow { width: 100%;}
    .hokuappwhyhoku .container .trow .column { float: none !important;width: 90%; padding-bottom: 60px; text-align: center; margin: 0 auto !important;}
    #mybeepsbuildappimg .container .rightpanel1 { display: block !important;}
    #mybeepsbuildappimg .container .rightpanel1 img  {width: 100%; }
    #mybeepsbuildappimg .container .leftpanel { padding-bottom: 0px !important; padding-top: 30px !important;}
    #mybeepsbuildappimg .container .rightpanel { display: none !important;}
    #mybeepsbuildworkflowp .container .rightpanel .title { font-size: 30px !important;line-height: 45px !important;}
    #mybeepsbuildworkflowp .container .rightpanel .content { line-height: 20px !important;}
    .hokuappwhyhokuapps1 .container .left { width: 100% !important; float: none !important;}
    .hokuappwhyhokuapps1 .container .left img { width: 100%;}
    .hokuappwhyhokuapps1 .container .right  { width: 100% !important; float: none !important; text-align: center; padding-top: 40px; margin-left: 0px !important;}
    .hokuappwhyhokuapps1 .container .right h2, .hokuappwhyhokuapps1 .container .right p { text-align: center;}
    .hokuappmkt { display: none !important;}
    .hokuappmktmobile { display: block !important;}
    #mybeepsbuildworkflowp { height: 471px !important;}
    #mybeepsbuildworkflowp { padding-top: 60px !important;}
    #mybeepsbuildworkflowp .container { width: 90% !important; margin: 0 auto;}
    .hokuappwhyhokuapps1 .container { padding-bottom: 0px !important;}
    #whyhoku { background-image: url("/wp-content/uploads/2017/07/Why-Hoku-banner-mobile.jpg") !important; background-position: center; height: 400px !important; padding-top: 60px !important; display: table;}

    #hokuappsultideploypb {
        background-image: url(/wp-content/uploads/2017/07/platform-Deployment-services-link-banner-mobile-view.jpg) !important;
        background-position: center;
        height: 300px !important;
    }

    #hokuappsultideploypb {
        width: 100%;
        padding-top: 67px;
    }

    .hokuappsplatformview .container { width: 85% !important; margin: 0 auto !important;}
    .hokuappsplatformview .container .right .row { width: 100% !important; margin: 0px !important; padding-bottom: 60px;}
    .hokuappsplatformview .container .right .row .column img { width: 100%;}
    .hokuappsplatformview .container .right { display: table !important; width: 100% !important; float: none !important; margin: 0 auto;}
    .hokuappsplatformview .container .right .row .column, .hokuappsplatformview .container .right, .hokuappsplatformview .container .left { width: 100% !important; text-align: center; float: none !important; padding-left:0px !important;  margin: 0 auto !important;}
    .hokuappsplatformview .container .right .row .column1 { display: none !important;}
    .hokuappsplatformview .container .right .row .column .subcolumn .platformlinemobile {display: block !important; margin-bottom: 30px;}
    .hokuappsplatformview .container .right .row .column .subcolumn .orangesh span,
    .hokuappsplatformview .container .right .row .column .subcolumn .greensh span,
    .hokuappsplatformview .container .right .row .column .subcolumn .brownsh span { height: 40px !important; float: none !important;}
    .hokuappsplatformview .container .right .row .column .anchorbtn, .hokuappsplatformview .container .right .row .column .contenttext { padding-left: 0px !important;}
    .hokuappsplatformview .container .left .text { padding-bottom: 70px;}

    .hokuappsbuilddeplysolrap .container-full, .mybeepsbuildfloat .container, .mybeepsbuildplatformfeature .container, .mybeepsbuildfloat .container, .hokuapphmdeploysol .container { width: 85% !important; margin: 0 auto; padding-left:0px; padding-right:0px;}
    .hokuapphmdeploysol .container .header { width: 100% !important;}
    .hokuapphmdeploysol .container .row { display: table; width: 100%; margin: 0 auto;}
    .mybeepsbuildplatformfeature .container .trow .column, .hokuapphmdeploysol .container .row .column { width: 100% !important; margin-right: 0% !important; float: none !important; margin-bottom: 55px; text-align: center;}
    .mybeepsbuildfloat .container .right, .mybeepsbuildfloat .container .left { float: none !important; width: 100% !important; text-align: center; margin-right: 0px !important; padding-bottom: 55px; margin: 0 auto;padding-left: 0px !important;}
    .mybeepsbuildplatformfeature .container .trow .column img, .mybeepsbuildfloat .container .left img { width: 100%;}
    .mybeepsbuildfloat .container .right { padding-bottom: 0px !important;}
    .mybeepsbuildplatformfeature .container .trow .column { padding-bottom: 0px;}
    .hokuappsultideploymplatform .container .leftanchor { display: none !important;}
    .hokuappsultideployrap .container .leftanchor { display: none;}
    .hokuappsbuilddeplysolrap .container .trow { padding-bottom: 20px;}
    .hokuappbuildplatformapp .relativefaster { display: none !important;}
    .hokuappbuildplatformapp .container .left { display: none !important;}
    .hokuappbuildplatformapp .container .right  {width: 100% !important; float: none !important;}
    .hokuappbuildplatformapp .container .subcontainer { width: 95% !important; display: table; margin: 0 auto !important;}
    .hokuappbuildplatformapp .container { width: 95%; margin: 0 auto !important;}
    .hokuappbuildplatformapp .container .subcontainer .buildimage img { width: 100%;}
    .hokuappsultideploy .container .leftanchor { display: none;}
    .hokuappsprebuilddapp .container-full, .hokuappsprebuilddapp .container { width: 90% !important; margin: 0 auto !important;}
    .hokuappsprebuilddapp .container .text { width: 100% !important;}
    .hokuappsprebuilddapp .container .trow .column { width: 100% !important; float: none !important; margin-bottom: 50px !important; text-align: center !important;}
    .hokuappsprebuilddapp .container .trow .column .title, .hokuappsprebuilddapp .container .trow .column .text { text-align: center !important;}
    .hokuappplatform .container { padding-bottom: 39px !important;}
    .hokuappsprebuilddapp .container { padding-bottom: 49px !important;}
    .mybeepsbuildplatformfeature .container .platformimage { width: 100%;}

    .hokucustsuccessed .container , .hokuappproservices .container, .deploymentbusiness .container { width: 90% !important; margin: 0 auto; padding-bottom: 39px !important;}
    .hokucustsuccessed .container .trow .column, .deploymentbusiness .container .column { width: 100% !important; float: none !important; margin-right: 0px !important; text-align: center; padding-bottom: 40px;}
    .deploymentbusiness .container .trow .column ul { padding-left: 0px !important;}
    .deploymentbusiness .container .trow .column ul li, .deploymentbusiness .container .trow .column .title { text-align: center; width: 100%;}
    .deploymentbusiness .container .trow .column  ul li { list-style: none !important;}

    .hokuappproservices .container .trow .column1, .hokuappproservices .container .trow .column { width: 100% !important; float: none !important; margin-right: 0px !important; text-align: center; padding-bottom: 20px;}
    .hokuappproservices .container .trow .column1 { padding-bottom: 40px !important;}
    .hokucustsuccessed .container .trow .column .cimage { min-height:  auto !important;}
    .hokucustsuccessed .container .trow .column { padding-bottom: 50px !important;}
    .hokucustsuccessed .container .trow .column img { margin-top: 0px !important;}
    .hokuappproservices .container .trow .column1 .text, .hokuappproservices .container .trow .column1 .title { text-align: center;}
    .deploymentbusiness .relativefaster { display: none !important;}
    .deploymentbusiness .container .right { width: 100% !important; float:  none !important; margin: 0 auto; padding: 0px !important;}
    .single-content-mkt div .right, .single-content-mkt div .left { width: 100% !important; float: none !important; margin-right:0px !important;}
    .single-content-mkt div .right img , .single-content-mkt div .left img  {width: 100%;}

    .hokuappsindustrysouhome .container, .hokuapphomeresources .container { width: 90% !important; margin: 0 auto;}
    .hokuappsindustrysouhome .container .row .column, .hokuapphomeresources .container .row .column { width: 100% !important; margin-right: 0px !important; float: none !important; text-align: center; margin-bottom: 60px;}
    .hokuappsindustrysouhome .container .row .column img, .hokuapphomeresources .container .row .column img { width: 100% !important;}
    .hokuappsindustrysouhome .container .row { padding-bottom: 0px !important;}
    .hokuappsindustrysouhome { padding-bottom: 50px;}
    .hokuappsreimage .container .text {width: 95%; margin: 0 auto;}
    .hokuappsreimage .container .row { margin: 0px !important;}

    #desktoprequestdemo { display: none;}
    #mobilerequestdemo { display: block;}
    .campaignpage { width: 100% !important; display: table;}
    .campaignmobile_header { width: 90%; margin: 0 auto; display: table;}
    .campaignmobile_header  .headtitle   {font-family: 'Open Sans';        font-weight: 400 !important;        font-size: 16px !important;        color: #d6d4d4 !important;        text-align: left !important; padding-top: 10px;}
    .campaignmobile_header .campemail {padding-bottom: 20px !important; }
    .campaignmobile_header .campnumber {padding-bottom: 0px !important; }
    .campaignmobile_header .campemail  a, .campaignmobile_header .campemail   {padding-top:10px;font-family: 'Open Sans' !important;    font-weight: 400 !important;    font-size: 16px !important;    color: #d6d4d4 !important;    text-align: left;}
    .campaignmobile_header .campnumber a, .campaignmobile_header .campnumber, .campaignmobile_header .campemail  a, .campaignmobile_header .campemail   {padding-top:10px;font-family: 'Open Sans' !important;    font-weight: 400 !important;    font-size: 16px !important;    color: #d6d4d4 !important;    text-align: left;}
    .campaignform {background-image: url("https://www.hokuapps.com/images/Ad-Campaign-banner_mobile-new.jpg") !important; background-position: center; height: 383px !important; display: table; }
    .campaignform h1 { padding-top: 90px !important; padding-bottom: 0px !important;}
    .campaignform  .subtitle { padding-top: 20px !important;}
    .campaignform h1, .campaignform  .subtitle {
        position: relative !important;
        width: 90% !important;
        margin: 0 auto;
        padding-left: 0px;
        text-align: center;
        padding-right: 0px;
    }
    .campaignform h1 { font-size: 35px !important;}
    #overviewmobile { display: table !important; padding: 30px 0px; padding-bottom: 70px;}
    .campaignform #overview { display: none !important;}
    #overviewmobile .formcontact { width: 80% !important; right: 0px !important; position: relative; margin: 0 auto;}
    #overviewmobile .formcontact .formbox .forminput .hs-form-required, #overviewmobile .formcontact .formbox .forminput label span { color: #fff !important;}
    .campaignpage .product_feature { background-color: #fff; padding: 40px 0px;}
    .campaignpage .product_feature .profeature { width: 85% !important; margin: 0 auto; float: none !important; padding-top: 0px;}
    .campaignpage .product_feature .profeature h3 { padding-top: 0px !important;  padding-left: 0px; padding-right: 0px;}
    .campaignpage .product_feature .profeature ul { padding-left: 0px; padding-right: 0px;}
    .campaignpage .product_feature .profeature ul li { padding-bottom: 5px;}
    .campaignpage .product_feature .profeature h3 { line-height: 30px;}

    .campaignpage .maincontent p { padding-left: 0px; padding-right: 0px;width: 85% !important; margin: 0 auto !important;}

    #overviewmobile .formcontact .formbox .forminput input {  height: 25px;   padding: 0px 6px; border: solid 1px #1898e9;    margin: 0 0 0px;    color: #333!important;    background: #fff;   font-size: 14px; font-family: 'open sans';    font-weight: 400;    width: 100%;}
    #overviewmobile .formcontact .formbox .forminput label span {     font-family: 'open sans';    font-weight: 400;    font-size: 15px;    text-align: left;    color: #fff;    line-height: 28px;}
    #overviewmobile .formcontact .formbox .forminput textarea.hs-input { width: 100%;}
    #overviewmobile .formcontact .formbox .forminput .field {     margin-bottom: 9px !important;}
    #overviewmobile .formcontact .formbox .forminput .hs-error-msgs label { line-height: 18px;    color: #fff !important;    font-size: 12px !important;}
    #overviewmobile .formcontact .formbox .forminput .hs-form-required { color: #fff !important;}
    #overviewmobile .formcontact .formbox .forminput .hbspt-form { margin-left: 0px; width: 100%;}
        #overviewmobile .formcontact .formbox .forminput .actions {     padding-top: 0px;    padding: 0px;    }
    #overviewmobile .formcontact .formbox .forminput .actions input[type="submit"] { padding: 0px!important;        min-width: 100px;        background: #FF9800;        box-shadow: none;        color: #fff !important;        background-color: #FF9800 !important;        border: none !important;width: 100%;    position: absolute;margin-left: 20px !important;       text-shadow: none;}
    #overviewmobile .formcontact .formbox .forminput .actions input[type="submit"]:hover {background-color: #ff511a !important;}

    .campaignhead .right { display: none !important;}
    .campaignhead .left { width: 90% !important; margin: 0 auto !important; float: none; text-align: center;}
    .campaignhead .left h1 { padding-top: 90px; padding-left: 0px !important;}
    .campaignhead .left h1, .campaignhead .left  .subtitle { width: 100% !important;padding-left: 0px !important;}
    .callusnumber { display: block !important;}
    .campaignpage .org_header {        padding: 22px 5%;        font-size: 22px;        line-height: 30px;    }
    .hokuapps-slider { margin-top: 40px;}
    #social-widget-2 .socialmedia-buttons img { width: auto;}
    .single-blog-content .container #primary { padding-left: 0px;}
    #secondary { padding: 0px !important;}
    .single-blog-content #primary { margin-bottom: 0px !important;}
    .single-blog-content .widget-title, .single-blog-content .widgettitle { margin-bottom: 20px;width: 100% !important;}
    .single-blog-content .container .row #primary #main .single-content-mkt h1 {    margin-left: 0px;
        margin-right: 0px !important;
        width: 100% !important;}

    .all_blogs .container .left .row1 .column { width: 100%; float: none !important; margin-right: 0px;}
    .grid-item--width2 { width: 100% !important; margin: 0 auto !important; margin-top: 30px !important;}
    .section-404 .container { width: 90% !important; margin: 0 auto !important;}
    .section-404 .container #left {     width: 90% !important;        float: none !important;        margin-right: 0px;        margin: 0 auto;        display: table;}
    .section-404 .container #right { display: none;}
    .hokuappscustom .blackoverlay::before { width: 100%;}
    .hokuappscustom .columnblock { flex: 0 0 90%; margin: 0 auto;max-width: 90%; text-align: center;}
    #hokuapps-platform-radp .feature-row .columnblock.paraWidth .content { flex: 0 0 100%; margin: 0 auto;max-width: 95%; padding-left: 0px !important;}
    .hokuapps-journey { background-image: none !important; background: #09B0E6 !important; background-color: #09B0E6 !important; display: table !important; padding-bottom: 70px;}

    .mobileappreq .container .csheaderh4 { display: none;}
    .mobileappreq .container .csheader { padding-top: 30px !important; color: #fff !important; font-weight: 400; font-size: 31px !important;}

    .mobileappreq {background-image: url("https://www.hokuapps.com/wp-content/uploads/Mobile-Application-Requirement-Document-mobile.png") !important; background-position: center; height: 383px !important; display: table; }
    .addtoany_share_save_container { display: table;}
    .single-blog-content .container #main .single-content-mkt .calltoaction a img { width: 100%;}
    .mobilenoshow {  display: none;}
    .withImagenoshow {  display: block !important;}
    .hokuapps-platforms .withImage {display: none;}
    .hokuapps-platforms-benefits .feature-row { text-align: center;}
    .hokuapps-platforms-benefits .feature-row .columnblock.paraWidth .content { padding-right: 0px !important; text-align: center;}
    .hokuapps-platforms-benefits .title, .hokuapps-platforms-admin .feature-row, .hokuapps-platforms-benefits .feature-row { width: 90% !important; margin: 0 auto !important;}
    .hokuapps-platforms-benefits .feature-row .columnblock.paraWidth h2 { padding: 20px 0px;}

    .hokuapps-platforms-benefits-row .feature-row { text-align: center;}
    .hokuapps-platforms-benefits-row .feature-row .columnblock.paraWidth .content { padding-right: 0px !important; text-align: center;}
    .hokuapps-platforms-benefits-row .title, .hokuapps-platforms-admin .feature-row, .hokuapps-platforms-benefits-row .feature-row { width: 90% !important; margin: 0 auto !important;}
    .hokuapps-platforms-benefits-row .feature-row .columnblock.paraWidth h2 { padding: 20px 0px;}

    .hokuapps-platforms-admin { background-image:  none !important; display: table !important; text-align: center;}
    .hokuapps-platforms-admin .feature-row .columnblock.paraWidth p, .hokuapps-platforms-admin .feature-row .columnblock.paraWidth .heading { text-align: center;}
    .page-id-3389 .contactusform .container .bs_row .col-5.noMobile { display: none !important;}
    .mobileviewcontent { display: block !important; padding-top: 30px !important;}
    .campaignlayout .leftposition { width: 100% !important;}
    .page-id-3480 .hokuappscustomerlive .container, .page-id-3480 .mybeepsbuildfloat .container, .page-id-3480 .hokuappbuildplatformapp .container { width: 95%; margin: 0 auto;}
    .page-template-page-template-custom-layout .hokuappbuildplatformapp .container .subcontainer .header { width: 100% !important;}
    .page-id-3480 .hokuappscustomerlive .container .trow { width: 90% !important;}
    .page-id-3480 .hokuappscustomerlive .container .trow .right { width: 100% !important;}
    .page-id-3389 .enterprise .container .mysubheading { text-align: center; }
    .page-id-3480 #requestformcampaign { width: 90% !important; margin: 0 auto !important; right: 0% !important; position: relative !important; margin-bottom: 80px !important;top: 90px !important;}
    .mybeepsbuildfloat .container .header { line-height: 40px;}
    .hokuappsdata .container, .hokuappscampaign .container { width: 90%; margin: 0 auto;}
    .hokuappsdata .container .left .row .column, .hokuappscampaign .container .hbannerblock, .hokuappsdata .container .left, .hokuappsdata .container .right { width: 100% !important; float: none !important; margin-right: 0px !important;}
    .hokuappsdata .container .left .row { margin-bottom: 0px !important;}
    .hokuappsdata .container .left .row .column { padding-bottom: 20px; display: table;}
    .hokuappscampaign .container .hbannerblock { text-align: center;}
    .hokuappsdata .container .right { margin-top: 40px;}
    .hokuappsdata .container .right .officeaddress { margin-top: 50px !important;}
    .hokuappsdata .container .right.mobileview { display: block !important;margin-bottom: 40px; margin-top: 0px !important;}
    .hokuappsdata .container .right.nomobileview { display: none !important;}

    .hpcloudexpoevent .container { width: 90% !important; margin: 0 auto !important; display: table;}
    .hpcloudexpoevent .container .col1, .hpcloudexpoevent .container .col2, .hpcloudexpoevent .container .col3,
    .hpcloudexpoevent .container .col7, .hpcloudexpoevent .container .col5, .hpcloudexpoevent .container .col6 { width: 100% !important; float: none !important; padding-bottom: 10px;}
    .hpcloudexpoevent .container .col3 { padding-bottom: 30px !important;}

    .hpcloudexpoevent .container .col4 { display: none !important;}


    .hpcloudexpoevent { width: 100%; padding: 20px 0px; background-image: none !important; height: auto !important;}
}

