@media only screen and (max-width: 1199px) {
    section.home-banner .banner-content{padding: 90px 0 0 0; }
    section.white-business-robots .box{height: auto; max-width: 460px; }
    section.home-banner .banner-content { max-width:100% }

    section.client-logo .logo-cell {width: 25%; }
    section.client-logo .logo-cell.text-cell {width: 50%; }
    section.ad-formate .specs-table-wrapper{width: 58%; }
}
@media only screen and (max-width: 991px) {
  header.site-header {position: sticky; top: 0;  border-radius: 0px; max-width: 100%; background: #ffffff; }
  header.site-header .navbar .navbar-collapse { padding: 0; border-radius: 0px 20px 20px 0;}
  header.site-header .navbar-toggler{padding: 0; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; box-shadow: none; border:none; font-size: 26px; }
  header.site-header .navbar{border: none; box-shadow: none; padding:15px 0; background:none; }
  header.site-header .navbar .navbar-brand{padding: 0; }  
  header.site-header .navbar-nav li{padding: 12px 15px; width: 100%; }
  header.site-header .navbar .nav-item .nav-link{padding: 0 12px; } 
  header.site-header .navbar-collapse{position: fixed; background: #fff; box-shadow: rgb(0 0 0 / .05) 0 0 0 1px; top: 0; left: -12px; bottom: 0; width: 330px; height: 100%; transition: .3s; z-index: 999; }
  header.site-header .collapse.show{left: -12px; transition: .3s; display: block; }
  header.site-header .collapse:not(.show){display: block; left: -342px; transition: .3s; }
  header.site-header .mobile-header{ justify-content: space-between; background: #e4eeff; } 
  header.site-header .navbar .navbar-nav li.nav-item-278{display: block; }

  section{padding: 40px 0; }
  .site-content{padding: 0; }
  .page-title h1{font-size: 2.2rem; }
  .section-title{margin: 0 0 30px 0; }
  .section-title h2{font-size: 2.2rem; }
  .top-bar{flex-direction: column; gap: 20px; margin: 0 0 30px 0; }
  section.client-logo .logo-cell {width: 33%; }
  section.client-logo .logo-cell.text-cell {width: 100%; }
  .achievement-box h3{font-size: 38px; }
  section.robot-advertising .robot-advertising-box .advertising-text{padding: 25px 0 0 0; }
  section.robot-advertising .robot-advertising-box .advertising-text h3{font-size: 32px; }
  section.robot-industries .robot-industries-box{flex-direction: column-reverse; }
  section.robot-industries .robot-industries-box .robot-industries-text{width: 100%; padding: 30px 0 0 0; }
  section.robot-industries .robot-industries-box .robot-industries-image{width: 100%; }
  section.robot-industries .robot-industries-box .robot-industries-text .best-cms{padding: 20px 0 0 0; }
  section.why-us .why-us-box h3{font-size: 18px; }
  section.who-work .who-work-box h3{font-size: 18px; }
  section.who-work .campaign-delivered h3{font-size: 30px; }
  section.campaign-works .campaign-works-image{width: 48%; }
  section.ad-formate .img-box{display: none; }
  section.ad-formate .formate{margin: 0 0 40px 0; padding: 0 12px; }
  section.ad-formate .specs-table-wrapper{width: 100%; }
  section.ad-formate .why-brand-choose{flex-direction: column; align-items: flex-start; }
  section.ad-formate .why-brand-choose .text{flex: auto; }
  section.robot-campaign .robot-campaign-box{padding: 0 0 30px 0; }

  section.inner-page-banner .banner-text{max-width: 80%; }
  section.inner-page-banner .banner-text h2{font-size: 2.2rem; }
  section.vision-mission .vision-mission-list{padding: 0; }
  section.vision-mission .vision-mission-box h3{font-size: 18px; }
  section.network-glance .achievement-list{flex-direction: column; }
  section.network-glance .achievement-list .section-title{width: 100%; }
  section.network-glance .achievement-list .achievement-row{width: 100%; }

}
@media only screen and (max-width: 768px) {
    .banner-btn a{border: 1px solid #000000; }

    section.home-banner{display: flex; flex-direction: column-reverse; }
    section.home-banner .banner-content{position: initial; padding: 20px 0 0 0; }
    footer.main-footer .footer-info{padding: 0; }
    section.what-odigo .what-odigo-list{display: block; }
}

@media only screen and (max-width: 767px) {
    section.white-business-robots .box ul li{font-size: 1.05rem; } 
    section.white-business-robots .box {height: 100%; } 
    section.white-business-robots .big-img {position: unset; max-width: 100%; } 
    section.white-business-robots {padding-bottom: 0; }
    
    .page-title h1{font-size: 2rem; }
    .section-title h2{font-size: 2rem; }
    .top-right-arrow .slide-arrow{top: auto; bottom: 0; }
    .top-right-arrow.slick-slider .prev-arrow{right: auto; left: calc(50% - 5px); transform: translateX(-100%); }
    .top-right-arrow.slick-slider .next-arrow{right: calc(50% - 5px); transform: translateX(100%); }
    section.robot-advertising .robot-advertising-wrap{padding: 10px 0 55px 0; }
    section.robot-industries .robot-industries-menu{padding: 0 0 30px 0; }
    section.robot-industries .robot-industries-menu ul li{font-size: 20px; line-height: 30px; margin: 0 0 9px 0; }
    section.robot-industries .robot-industries-wrap{padding: 0; }
    section.who-work .campaign-delivered .campaign-delivered-row{flex-direction: column; }
    section.who-work .campaign-delivered .campaign-delivered-left{width: 100%; padding: 0 0 30px 0; }
    section.who-work .campaign-delivered .campaign-delivered-mid{width: 100%; order: 3; }
    section.who-work .campaign-delivered .campaign-delivered-right{width: 100%; padding: 0 0 20px 0; }
    section.campaign-works .campaign-works-image{display: none; }
    section.campaign-works .campaign-works-list{position: initial; transform: none; -webkit-transform: none; margin: 0; }
    section.local-network ul.list-point{padding: 0 0 25px 0; }
    section.inner-page-banner .banner-image{max-width: 90%; }
    section.inner-page-banner .banner-text{max-width: 90%; }
    section.inner-page-banner .banner-text h2{font-size: 2rem; }
}
@media only screen and (max-width: 667px) {
} 
@media only screen and (max-width:575px) {
    .page-title h1{font-size: 1.8rem; }
    .section-title h2{font-size: 1.8rem; }
    .section-title p{font-size: 1.05rem; }
    section{padding: 30px 0; } 
    .header-nav{padding: 10px 0; }
    .header-nav .navbar-brand img{width: 110px; }
    .footer-box{padding: 25px 0; }

    section.home-banner h1{font-size: 1.6rem; }
    section.home-banner p{font-size: 1.05rem; }
    section.home-video .home-video-box video{border-radius: 15px; }  
    section.home-contact .section-title{padding: 0; }
    section.what-odigo .what-odigo-list { position: unset; }
    section.what-odigo .what-odigo-image { width: 100%; }

    section.robot-campaign .campaign-partner h3 { font-size: 2rem; }
    section.leadership .for-border:after { border-right: 0px; }
    section.leadership .leadership-box { padding: 25px 0; }
    section.robotic-advertising .robotic-advertising-list { justify-content: left; gap: 40px;}
    section.robotic-advertising .robotic-advertising-box::after { display:none; }
    section.robotic-advertising .robotic-advertising-box { width:100%; }

    footer.main-footer .top-footer{padding: 35px 0 10px 0; }
    footer.main-footer .footer-info p{font-size: 1rem; }
    footer.main-footer .footer-title{margin: 0 0 15px 0; }
    footer.main-footer .footer-partner-list .footer-partner-item img{max-height: 50px; }
    footer.main-footer .copyright { flex-wrap: wrap; text-align: center; justify-content: center; }

    section.client-logo .logo-cell { width: 50%; min-height: 155px; } 
    section.client-logo .logo-cell.text-cell { width: 100%;}

    section.home-banner-new{padding: 30px 0 0 0; }
    .achievement-list .achievement-col{width: 50%; }
    .achievement-list .achievement-col:nth-child(2n):after{border-right-width: 0; }
    .achievement-list .achievement-col:before{border-top: 1px solid #E8E6E1; position: absolute; left: 18px; right: 18px; top: 0; content: ""; }
    .achievement-list .achievement-col:nth-child(1):before, .achievement-list .achievement-col:nth-child(2):before{border-top-width: 0; }
    section.ad-formate .why-brand-choose .box-list{flex-flow: wrap; }
    section.ad-formate .why-brand-choose .box-list .box{width: calc(50% - 8px); }
    section.robot-advertising .robot-advertising-box .advertising-text h3{font-size: 24px; }
    section.who-work .who-work-box{min-height: inherit; }
    section.who-work .who-work-box .text{padding: 20px 0 0 0; }
    section.why-us .why-us-box.partation-box{flex-direction: column; align-items: flex-start; }
    section.why-us .why-us-box.partation-box .text{width: 100%; padding: 0 0 15px 0; }
    section.why-us .why-us-box.partation-box .image{width: 100%; }
    section.ad-formate .specs-table-wrapper{overflow: auto; }
    section.ad-formate .specs-table th{min-width: 200px; }
    section.robot-campaign .campaign-form{padding: 20px; }
    section.robot-campaign .campaign-form .submit-btn{text-align: left; padding: 10px 0 0 0; }
    section.inner-page-banner .banner-image{max-width: 100%; }
    section.inner-page-banner .banner-text{max-width: 100%; }
    section.inner-page-banner .banner-text h2{font-size: 1.8rem; }


}
@media only screen and (max-width: 480px) {
}