.orange-banner{margin-top:0;flex-direction:column;}
.new-flash-news .blog-wrapper .newsflash-title{opacity:1;}
.right-text{width:96%;text-align:center;}
.right-text p{font-size:18px;}
.orange-banner{padding-bottom:30px;}
.find-active{justify-content: space-around;}
.local-government-procurement .txt-right,.local-government-procurement .txt-left{text-align:center;}
a.new-home-cta{display:none;}
.gridList ul{
	grid-template-columns: 1fr 1fr;
}
.blue-circle div div.aps,.blue-circle div h1{font-size:20px;}
.big-g{padding-top:110px;}
.mar-left .flx .col p{text-align:center;}
.flx.wd{display:block;}
.flx.wd img{padding:40px 0;}
.typewriter-div{
  background: url(/images/new-slider/cic-ban.png) no-repeat center;
    background-size: auto;
    padding: 30px;position:relative;
}
.below-banner-grid ul{    grid-template-columns: repeat(2,1fr);}
.lat-banner{flex-direction:column;}
.lat-banner img{display:none;}
#typewriter-in h2 {font-size:30px;}
#typewriter-in p{font-size:20px;}
.flx,.flx.larg {grid-template-areas: "l" "r";grid-template-columns: 1fr ;
    grid-template-rows: 1fr 1fr;}
.box-border-content{margin:0;}
.problem-solving .item img{max-width:40%;}
.flx.larg .col .inner{max-width:90%;text-align:center;}
.custom ul.brands li img,.custom .insights ul li img{max-width:100%;}
.flx.sml{max-width:90%;    grid-template-columns: 1fr;}
div.insights ul{grid-template-columns: repeat(2,1fr);}
div.insights ul li .onho{opacity:1;}
div.insights ul{grid-gap:20px;}
.menuId1157 #ivm-banner{padding-top:0px;}
.menuId1157 .pad100{padding:50px 0;}
.menuId1157 p, .heading2, .heading2 h2{font-size:16px !important;}

/******menu thing********/


.new-enq ul li a:hover{color:#1F2E35}

.circle-tilt{align-items:start;}
.lt li.active .menu-icn{display:none;}
.grd{
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
        grid-template-areas: unset;width:100%;
}
.new-enq ul li a,.new-enq .sgnup{text-transform:uppercase;width:100%;}
.lt,.rt{grid-area: unset;width:100%;height:100vh;    -webkit-box-pack: start;    -ms-flex-pack: start;    justify-content: flex-start;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.rt{display:none;-webkit-transition: all ease 500s;-o-transition: all ease 500s;transition: all ease 500s;left: 15px;}
.rt.open{position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;} 
.close-new-nav{display:block;color:#60C6D0;font-size:20px;text-transform:uppercase;font-weight:800;}
h1{font-size:23px;}
h2{font-size:20px}
h3{font-size:16px;}
.flex-container.our-work{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.our-work .flex-itm{margin: 10px 0;}
.our-work .middle{top: auto; bottom: 0; height: 30%; opacity:1; }
/*******404 Error***********/
.err-mnu {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.mnu-item {width: 33%; margin: 16px 0;}
.mome .cont a.arrow {width:auto; display:block;}
.blue-circle div p.head{    font-size: 25px;}
.mar-left,.mar-right{width:100%; margin:auto;}
 .mar-left .flx .col p{font-size:28px;line-height:30px;}
ul.brands{    grid-template-columns: repeat(3,1fr);}
.menuId1157 h2{font-size:35px;}
ul.steps span strong,ul.steps span{font-size:20px;}
#new-logo .phone {
    position: fixed;
    z-index: 3;
    top: 49px;
    right: 216px;
}

#after-vid-wrapper.show {max-height: unset;}
#after-vid > .ivm-container {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; max-height: unset; overflow: unset;}
.itm{width:100%;}
.itm-info.act {border-top: 0;}
.itm-info {margin-left: auto !important; margin-right: auto !important;}
.itm-info p, .itm-info span {opacity: 1;}
.itm-title {min-height: unset;}

/*.footer-logo, .footer-address {float:none;}
.footer-address {display: flex; justify-content: space-between;}
.footer-logo {text-align:center;}
.footer-address ul {margin-right:0;} */
#ivm-banner {padding-top: 75px;margin-bottom:-5px;}
#old-head ul {list-style:none;}
.news #ivm-main .ivm-container {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.news .ivm-container section, #content-below {width:100%;}
.home .inner {text-align:center;}
.col.cl-big.bg{width:100%;}
.col.cl-sm.xs{width:92%;}
.scrollindicator{top:88px;}
.cd-nav-trigger {right:14px;top:35px;}
  .modal__trigger{right:60px;top:35px;}
  .top-search{right:165px;top:78px;display:none;}
.phone{position: fixed;
    z-index: 3;
    top: 38px;
    right: 109px;}
.show-mobile{display:block;}
.hide-mobile{display:none;}
header{padding:25px 0 0 0}
.menu .search{margin-top:10px;}
.cd-primary-nav> li{border-bottom:1px solid #f9ae1b}
  #timeline {
    margin: 30px;
    padding: 0px;
    width: 90%;
  }
  #timeline:before {
    left: 0;
  }
  #timeline .timeline-item .timeline-content {
    width: 90%;
    float: right;
  }
  #timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before {
    left: 10%;
    margin-left: -6px;
    border-left: 0;
    border-right: 7px solid #A0CDD1;
  }
  #timeline .timeline-item .timeline-icon {
    left: -6px;
  }
.specialities-tab-2 ul li {width:100%;}
.case .two-col > .col {width:94%; padding:0 2%;    margin: auto;display:block;}
.what-we-offer ul li img {max-width:33%;}
/*.custom ul li img {max-width:40%;}*/
.custom.gridList ul li img{max-width: 80%;}
.orange-canvas .custom ul li img{max-width:80%}
.custom-web-dev-tab-3 ul li img,.our-clients  ul li img{max-width:100%;}
.custom-web-dev-tab-3 ul li{width:40%;}
.menu #mod-search-searchword141 {border-radius:0;-webkit-appearance:none;}
.home-news{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.home-news .blogItem {width:96%;border-bottom:1px solid #3232;border-right:0;;padding:10px 2%}
.new-col,.new-col.rev{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;}
.new-col .txt, .new-col.rev .img,.new-col .img, .new-col.rev .txt{text-align:center;}
.new-col div{width:100%;}
  .new-banner button.slick-prev.slick-arrow,.new-banner button.slick-next.slick-arrow{display:none !important;}
  .pos-tilt{top:65%;width:100%;height:auto;border-radius:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
  .circle-tilt{width:100%;height:auto;border-radius:0;}
.new-banner{margin-top:0;}
  ul.unique-ul{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
#slide-line{display:none;}
.problem-solving{text-align:center;    -ms-grid-columns: 1fr;    grid-template-columns: 1fr;}
.prob-txt .cta-box a{margin:auto;}
.new-enq ul{right:0;left:0;bottom:0;top:auto;width:100%;background:rgb(249, 174, 27);-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;align-items:center;}
.new-enq ul li:last-child{border:0;}
#slide-nav ul li a{padding:12px 20px;}
/**********home-news**********/
.menuId101 .bot-btn{
  padding-bottom:15px;
}
/*********** lp ecosystem **************/
.marketingecosystem .banner-wrap .banner-txt {
      position: relative;
    background: #242d34;
    max-width: 100%;
    margin-left: 0;
    margin-top: -5px;
    padding-bottom: 18px;
    text-align: center;
}
.flx-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.flx-container.col-no-2 > .flx-itm, .lp-navigate-wrap .flx-container.col-no-2 .flx-itm.flx-bg {
    width: 100%;
}
.lp-navigate-wrap .flx-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}
.navigate-content-wrap .flx-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.lp-navigate-wrap .navigate-icon {max-width:320px; margin:auto auto 20px auto;}
.marketingecosystem .banner-wrap .banner-txt h1 {font-size:38px;}
.marketingecosystem .title h2 {text-align:center;}

.glboe-icon {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 30px;
}
.glboe-icon img {
    display: none;
}

.glboe-icon .title {
    position: absolute;
    width: 100%;
    top: -28px;
    text-align: center;
}
.glboe-icon h2 {
    position: relative;
    top: 0;
  	left:0;
  	background: transparent;
  	margin:auto;
}
.glboe-icon .lp-int-btn {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin-right: 10px;
    margin-top: 10px;
}

.slider-wrapper{text-align:center;}
.globe-content-wrap .pcontent p, .globe-content-wrap .slider-wrapper ul li {font-size:14px;}
.globe-content-wrap .slider-wrapper span {font-size:16px;}
.system-content-wrap {max-width:100%;}
.see-system-icon {max-width:320px; margin:20px auto auto auto;}

/***********test case***********/
.test-article-div div{width:100%;}

.snd {
    padding-left: 0px;
    margin-left: 0px;
  border-left: 0;
    border-top: 1px solid #b5b3b3;
  padding-top:30px;
  margin-top:20px;
}
.snd ul li{font-size:14px;}
.orange-canvas h1{font-size:30px; line-height:35px}
.orange-canvas h2{font-size:24px; line-height:26px}
.orange-canvas h3{font-size:20px; line-height:24px}
.orange-columns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.another-columns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.oc-form,.oc-brand{width:100%;border:0;}
.oc-brand ul {-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.orange-columns div{width:100%;}
.hawker-mar-right{margin-right: 5px;}
.hawker-mar-bot {margin-bottom: 9px;}
.hawker-mar-left {margin-left: 10px;}
.case.hawker-pacific .pad100{padding:5px 0;}

@media screen and (max-width:688px){
  .business-growth.branding-your-buiness-for-success .two-col > .col {width:94%;text-align:center;}
  ul.breadcrumb{display:none;}
  .harrington-tab-2 iframe{width:100%;}
  .enquire-now { position: fixed; width: 50%; bottom: 0; z-index: 5; top: unset; text-align: center; z-index:1;border-right: 1px solid #fff; left: 0; padding:20px 10px;}
  .sgnup { position: fixed; width: 50%; bottom: 0; z-index: 5; top: unset; text-align: center; z-index: 1;  }
  .contact .two-col > .col { width: 100%; }#_form_5D12F459C967C_ ._x43743747, #_form_5D12F459C967C_ ._x10333147, #_form_5D12F459C967C_ ._field8, #_form_5D12F459C967C_ ._field7, #_form_5D12F459C967C_ ._field11, #_form_5D12F459C967C_ ._button-wrapper{width:100% !important;}
}



@media screen and (max-width:675px){
  p.uni:before,p.uni:after{display:none;}
  .eng-blog-wrapper{display:block;text-align:center;}
  .en-blogs{display:block;}
  .problem-solving .item img{max-width:300px;}
  .case-logo{max-width:190px;margin:auto;}
  .box3 img {margin-top:-10px !important;}
}
@media screen and (max-width:622px){
  .footer-above ul li {padding:10px;}
  .outsource-tab-1 .ten-things .slick-dots li button ,.ten-things .slick-dots li button,.custom-web-tab2 .ten-things .slick-dots li button,.social-tab-1 .ten-things .slick-dots li button{width:40px; height:40px;}
  .ten-things .slick-dots li button{font-size:20px;}
  .slick-list{padding-top:10px;}
  .digital .what-we-offer .inner ul li{width:38%; padding-top:20px;}
  .inner {
    padding-left: 10px;
    padding-right: 10px;
}
  .property-management-tab-2 ul li{width:100%;padding:20px 2%;}
  /*.cont a.arrow{font-size:0;}*/
  /*.footer-address{flex-direction: column-reverse;justify-content: center; width: 183px; margin: auto;}*/
  .cont a.arrow span { display: none; }
  .ic-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .ic-wrap small {
    margin: 26px auto auto auto;
    max-width: 120px;
    text-align: center;
}
  .orange-canvas .banner-txt:after{display:none;}
  .orange-canvas h1{font-size:22px;line-height:25px;}
  .orange-canvas h2{font-size:20px;line-height:22px;}
  .orange-canvas h3{font-size:18px;line-height:20px;}
}
@media screen and (max-width:600px){
  .menuId1157 .ivm-container{max-width:90%;}
  .blue-circle div p{font-size:18px;}
  .footer-logo .flx{
    justify-content: space-between;
    width: 100%;
    display: flex;
  }
  .footer-logo img{width:130px !important;}
  .footer-logo{float:none; clear:both;width:100%;}
  .tbll ul{grid-template-columns:1fr;text-align:center;}
  .tbll ul li:before{position:inherit; margin-left:-5px;top:-3px;}
  .local-government-procurement #ivm-banner .bann-text h1{font-size:25px; line-height:1.2;}
  .local-government-procurement h2,.local-government-procurement .txt-right h2, .local-government-procurement .txt-left h2, .finalp h2{font-size:20px; line-height:1.2}
  .local-government-procurement p{line-height:1.6}
  .local-government-procurement main{padding-top:20px;}
  .blue-circle{position:static;}
  .blue-circle div{
       
        width: 100%;
    height:auto;
    padding:20px;
    margin-top:0;
    border-radius:0;
  }
  .blue-circle div p.head {font-size:25px;}
  .mar-left .flx .col p{font-size:20px;line-height:25px;}
  ul.steps{    grid-template-columns: repeat(1,1fr);}
  ul.brands{    grid-template-columns: repeat(2,1fr);width:90%; margin:auto;}
  .new-flash-news{   grid-template-columns: 1fr;}
  .flx.sml{display:block;}
}
@media screen and (max-width:550px){
	.custom.gridList ul li img {
	    max-width: 55%;
	}
	.gridList ul, .gridList.item3 ul{
		grid-template-columns: 1fr;
	}
  p {font-size:14px}
  h2{font-size:20px;}
  .mnu-item {width: 50%;}
  .ns-frm-wrap{width:88%;}
  .ns-frm-wrap p{width:auto;}
  .hamburger{padding-right:40px;}
  #new-logo .phone{right:105px;}
  .outer-div span.wrap p {font-size:18px !important;}
  .outer-div span.wrap h2{font-size:65px !important;}
  .outer-div #typewriter{height:120px;}
  .outer-div #typewriter{margin-top:0;}
  .outer-div #typewriter h3{margin-bottom:0;}
  .amazing-wrapper {
    padding: 10px;
}
  .problem-solving .item img {
    max-width: 280px;
}
}

@media screen and (max-width:470px){

  .ecommerce-tab-1 ul li{text-align:center;}
  .navigate-content-wrap .flx-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
  .flx-container.col-no-3 > .flx-itm {
    width: 100%;
}
  .navigate-content-wrap .ic-wrap {
    width: 100%;
    margin: 10px 0;
}
  .new-enq ul li a,.new-enq .sgnup{text-transform:uppercase;display:block;padding:10px;}
  .pos-tilt{top:40%;}
  .new-enq ul li{width:50%;text-align:center;}
  #slide-nav ul li{width:50%;}
  #slide-nav ul{    display: flex;
    flex-direction: row;
    flex-wrap: wrap;}
  .test-home-06-19 p{font-size:18px;}
  .heding-img img{display:none;}
  ul.unique-ul {justify-content: space-around;}
  ul.unique-ul li{width:100px;border:0;}
  .new-inner-wrapper{width:90%;}
}
@media screen and (max-width:425px){
   .footer-logo img{width:100px !important;}
    div.insights ul{grid-template-columns: repeat(1,1fr);}
  div.insights ul li:first-child{align-items:center;}
  .modal__body{padding:0;}
  .modal__content{padding:5px 30px }
  .new-enq ul li a, .new-enq .sgnup {
   
    font-size: 12px;
}
  .find-active{
    flex-direction:column;
  }
    .find-active li{
      margin-bottom:5px;
  }
}


@media screen and (max-width:375px){
  .covid a{font-size:12px;}
  .business-growth .what-we-offer .inner ul li{    width: 40%;
    min-height: 145px;
}
  #new-logo > div:nth-child(1) > p > a > img{width:85px;}
  #new-logo .phone{top:39px;right:75px;}
  .hamburger{padding:11px 25px 0 10px;
    height:59px;}
  .hamburger__container{top:6px;}
  .new-enq ul{-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
  .new-enq ul li{width:50%;}
  .pos-tilt{top:52%;}
  .scrollindicator {
    top: 57px;
}
}

/*
@media screen and (max-width:900px){
    .client-showcase { text-align: center; }
  .client-showcase div {text-align: center; margin:auto;width: 40%;}

}
*/

