/* home page */
@media (max-width: 1280px){

    .index-layout .cover {
        background-position-y: -123px;
    }

    .history-cover-bg{
        background-size:cover;
    }
    
}
@media (max-width: 1180px) {
    /* ipad air */
    .detail-transaction-container{
        width: 285px;
        padding: 0 0.375rem;
    }
    .research_post_blog{
        padding: 0px; 
        margin: 17px; 
        width:345px;
    }
    .network_container{
        max-width: 100%;
    }
    .au-container{
        padding-left: 12px;
    }
}
@media (max-width: 1024px) {
    /* ipad pro */
    .transaction-001 .tran-card{
        width: 85%;
        margin:auto !important;
    }
    .index-layout .cover {
        background-position-y: 0;
        background-size: cover;
    }
    .trans-box{
        padding-bottom: 0px;
        
    }
   
}
@media (max-width: 820px){
    /* ipad size */
    .transaction-001 .tran-card{
        width: 100%;
    }
    .insights-news-box-ipad{
        justify-content: flex-start !important;
    }
    .mb-none {
    display: none !important;
    }
    .mb-block{
        display: block !important;
    }
    .logo-en{
        width: 196px;
    }
    .transactionSwiper{
        padding: 0 70px !important;
    }
}

@media (max-width: 820px){
    .index-layout .cover{
        height: 800px !important;
        background-position-y: 0px;
        background-size: cover;
    }
    .midline-title h1{
        font-size: 25px !important;
    }
    .about-us-002 {
        width: 50%;
    }
    .about-us-003{
        width: 50%;
    }
    .cover-001{
        font-size: 38px;
        padding: 45px 0px 0px 0px;
    }
    #cambodia{
        font-size: 38px;
        padding-left: 0px;
    }
    .logo-footer{
        width: 218px;
    }
    .cmp-conversionbreaker__content{
        grid-column: 5 / span 23 !important;
        grid-row: 7 / span 6 !important;
        padding: 27px !important;
    }
    .cmp-conversionbreaker__image{
        grid-column: 2 / span 23 !important;
    }
    .mid-practice-hero-title{
        grid-column: 3 / span 22 !important;
        grid-row: 4 / span 4 !important;
    }
    .history-cover-title{
        width: 90%;
    }
    .simple-article{
        width: 86%;
        font-size: 18px;
        text-align: center;
    }
    .img-article{
        width: 100%;
    }
    .research-024{
        height: auto;
        width: 100%;
        gap: 1rem;
        padding: 0;
    }
    .research-028{
        flex-direction: column;
    }
    .research-026, .research-027{
        width: 100%;
    }
    .research-026_2{
        width: 40%;
    }
   
    .research-028_4{
        flex-direction: row-reverse !important;
        min-height: 140px;
    }
    .research-024_3{
        margin: 0;
    }
    .research-024_3 .research-020_1{
        font-size: 14px !important;
        margin-top: 0px;
    }
    .research-024_3 .research-022{
        margin: 5px 0px;
    }
    .research-023_2{
        padding: 10px;
    }
    .download-area-report-detail{
        margin-left: 0px !important;
        margin-top: 10px;
        justify-content: flex-end !important;
        top: -79px;
    }
    .download-area-report-detail .btn{
        font-size: 14px;
    }
    .main-box-content-report .my-title{
        width: 100%;
    }
    .transaction-home-container .team-card-one{
        margin-bottom: 12px;
    }
    /* disable hover transactin card */
    .team-card-one .card-flip:hover .backside, .team-card-one .card-flip.highlight .backside {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    }
   
    .team-card-one .card-flip:hover .frontside, .team-card-one .card-flip.highlight .frontside {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    }
    /* end disable transaction card */
    .team-card-one .card-flip:active .backside, .team-card-one .card-flip.highlight .backside {
    transition-delay: 150ms;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    }
    
    .team-card-one .card-flip:active .frontside, .team-card-one .card-flip.highlight .frontside {
    transition-delay: 150ms;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    }

}

@media(max-width: 640px){
    .logo-img img{
        width: 100%;
    }
    .insights-news-box{
        width: 90%;
        margin: auto;
    }
    .about-us-001{
        flex-direction: column-reverse;
        height: auto;
        position: relative;
    }
    .about-us-002 {
        width: 100%;
        min-height: 330px;
        /* position: absolute; */
        /* background: linear-gradient(to left,#fff 0,#dddddd94 100%); */
    }
    .about-us-003{
        width: 100%;
        height: 370px;
    }
    .index-layout .cover{
        background-position-x: -166px;
    }
    .research-010 .navbar .navbar-brand{
        font-size: 1.2rem;
    }
    .transactionSwiper{
        padding: 0 !important;
    }
    .swiper-partnership .table tr td {
        padding: 5px !important;
    }
}

.container_research {
    width: 100%;
    margin:auto
  }
  
  @media (min-width: 640px) {
    .container_research {
      max-width: 640px
    }
  }
  @media (min-width: 768px) {
    .container_research {
      max-width: 768px
    }
  }
  @media (max-width: 768px) {
    .article-img-md{
        flex-direction: column;
    }
    .article-img-md .article-section, .article-img-md img{
        width: 100%;
    }
    .article-img-md .article-section{
        margin-bottom: 50px;
        padding-right: 12px;
    }
  }
  
  @media (min-width: 1024px) {
    .container_research {
      /* max-width: 1024px */
      max-width: 955px;
    }
  
  }

  @media (max-width: 1024px) {
   
    .article-section, .article-img-md{
        margin: 0px 50px 50px 50px;
    }
  }

  @media (max-width: 640px) {
    .article-section, .article-img-md {
        margin: 0px 10px 50px 10px;
    }
  }
  
  
  @media (min-width: 1367px) {
    .container_research {
      max-width: 1280px
    }
  }