@media screen and (max-width: 1700px) {
  .nav-bar{column-gap: 60px;}
  .nav-bar a{padding: 36px 0}
  .reg-btn{padding: 36px 48px;margin-right: -5.5%;}
  .banner-content{top: 48px;}
  .banner-footer-top{margin-bottom: 18px;}
  .bio-sketch-section .bio-img:after {
    top: 16px;
    left: 16px;
    right: -16px;
    bottom: -16px;

}


}

@media screen and (max-width: 1500px) {
        .reg-btn {
        padding: 28px 40px;
        margin-right: -5.5%;
    }
        .nav-bar a {
        padding: 26px 0;
    }
 
  .btn{padding: 10px 20px;}
  .venue-box .btn-wrap .btn {padding: 10px 36px;}
  .attend-container .btn {padding: 10px 32px;}
  .register-section .btn{padding: 10px 52px;}
  .banner-footer-bottom{grid-template-columns: 43% auto auto;}
.banner-footer-bottom{padding: 24px 52px;}
.journey-section .mid-container{grid-template-columns: 30% auto;}
.journey-section .adasia-logo img {
    width: 64%;
}
.venue-content{padding: 10px 60px;}
.register-row .register-th{    padding: 16px 24px;}
.register-row .register-td, .register-qs-box{padding: 12px 24px;}
.sponsor-box {
    margin: 0 16px;
}
.venue-box p{margin-top: 4px;}
.footer .footer-top-row .social-box a{width: 48px;height: 48px;}
.footer .footer-top-row .heading05{margin-bottom: 16px;}

.gallery-header .option-box button {
    padding: 10px 44px;margin-left: 12px;}
    .gallery-header select{padding: 10px 24px;
    padding-right: 72px;}
    .agenda-header button{padding: 12px 16px;margin-right: 4px;}
    .agenda-row .agenda-td, .agenda-breaker, .agenda-row .agenda-th {
    padding: 12px 28px;}
    .contact-person{padding: 36px 0;}
    .territor-container figcaption{margin-top: 18px;}
    .delegate-row input:checked + label:after{    top: -5px;
    left: 16px;
    width: 10px;
    height: 25px;}
    .inner-input input:checked + label:before{    top: -5px;
    right: 16px;
    width: 10px;
    height: 25px;}
    .bank-table p{grid-template-columns: 250px auto;}
      .bio-sketch-section .bio-img:after {
    top: 12px;
    left: 12px;
    right: -12px;
    bottom: -12px;

}

}

@media screen and (max-width: 1200px) {
    .nav-bar{column-gap: 40px;}
    .banner-section{height: 85vh;}
    .journey-section .mid-container {
        grid-template-columns: 25% auto;
    }
    .journey-section .adasia-logo img {
        width: 80%;
    }
    .journey-section .discover-content{    column-gap: 5%;}
    .about-section .container{grid-template-columns: 50% auto;}
    .agenda-container{width: 100%;}
    .inner-banner-section p{    letter-spacing: 3px;padding: 0 5%;}


}


@media screen and (max-width: 1023px){
    .heading02{line-height: 1.2;}
        .nav-bar {
        column-gap: 24px;
    }
    .reg-btn {
        padding: 16px;
        margin-right: -5.5%;
    }
    .nav-bar a {
        padding: 15px 0;
    }
        .btn {
        padding: 12px 28px;
    }
  .mid-container{width: 90%;}
  .banner-section{height: 60vh;}
  .banner-footer a img {
    width: 22%;
}
.banner-footer-bottom {
        padding: 20px 24px;
    }
        .banner-footer-bottom {
        grid-template-columns: 39% auto 24%;
        column-gap: 5%;
    }
    .journey-section .discover-content{grid-template-columns: 1fr;column-gap: 0;row-gap: 12px;}
    .venue-content {
        padding: 10px 40px;
    }
    .venue-box p{margin-top: 12px;}
    .attend-container{width: 100%;}
    .register-container{width: 100%;}
    .register-row .register-th, .register-row .register-td, .register-qs-box {
        padding: 8px 20px;
    }
    .register-row {
    display: grid;
    grid-template-columns: 35.35% 32.325% 32.325%;
    }
        .sponsor-box {
        margin: 0 8px;
    }
    .footer-top-row .mid-container{    display: grid;
    grid-template-columns: 25% 23% auto;
    column-gap: 6%;}
    .footer .footer-top-row .social-box a {
        width: 36px;
        height: 36px;
    }
    .register-section .btn {
        padding: 10px 32px;
    }
    .speaker-slider figure figcaption{transform: translateY(96%);}
    .about-img-container{grid-template-columns: 1fr 1fr;}
    .territor-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--mt-50);
    }
    .territor-container figcaption {
        margin-top: 8px;
    }
    .speakers-section .speaker-row{grid-template-columns: repeat(3, 1fr);}
        .agenda-row .agenda-td, .agenda-breaker, .agenda-row .agenda-th {
        padding: 10px 12px;
    }
    .agenda-header button {
        padding: 12px;
        margin-right: 8px;
    }
    .inner-banner-section p{letter-spacing: 1px;margin-top: 20px;}
    .gallery-video-container{grid-template-columns: 1fr;}
    .contact-container{width: 70%}
    .agenda-row {grid-template-columns: 19% 1fr 1fr;}
    .attend-section{    padding-bottom: 30%;
    background-size: 109%;
    background-position: bottom right;
    background-color: #9bc0da;}

    /* .attend-section:after{content: "";background-image: url(../img/attend_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;} */
    .form-box-row{display: block;}
    .form-box, .form-box.w-100{grid-template-columns: 150px auto;width: 100%;}
    .bio-sketch-section .bio-img:after {
    top: 8px;
    left: 8px;
    right: -8px;
    bottom: -8px;
}
.bio-sketch-section .bio-row {
    margin-bottom: 20px;
}
.bio-sketch-section .bio-row .heading04 {
    margin-bottom: 6px;}
        .agenda-header{overflow: auto;}
    .agenda-header .agenda-head-inner{width: max-content;}

}


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

    
}


@media screen and (max-width: 767px){
    .header{    padding: 12px 0;}
    .header .container{gap: 20px;}
    .logo {width: 100px;}
    .reg-btn {
        padding: 10px 16px;font-size: 14px;
        margin-right: 0;
    }
    
    p, li, .agenda-row .agenda-td, .agenda-breaker, .agenda-row .agenda-th{font-size: 14px;}
  .menu-btn{width: 24px;height: 16px;position: relative;display: block;}
  .menu-btn span{display: block;width: 100%;height: 2px;background-color: #3f3b9a;}
  .menu-btn:before, .menu-btn:after{content: "";position: absolute;width: 100%;height: 2px;left: 0;background-color: #3f3b9a;transition: ease .5s all;}
  .menu-btn:before{top: 0}
  .menu-btn:after{bottom: 0;}
  .menu-btn.active span{display: none;}
  .menu-btn.active:after {
        top: 50%;
        transform: rotate(-45deg);
    }
    .menu-btn.active:before {
        top: 50%;
        transform: rotate(45deg);
    }
    .header-box .slider-arrow {
    width: 70px;
    display: flex;
    gap: 6px;}
   .nav-bar {position: fixed;
    top: 62px;
    bottom: 0;
    width: 100%;
    /*background: #fff;*/    background: #934099;
    background: linear-gradient(324deg, rgba(147, 64, 153, 1) 0%, rgba(63, 59, 154, 1) 100%);left: 0;display: block;padding-top: 20px;transform: translateX(100%);transition: transform linear .3s;}
    .nav-bar.active{transform: translateX(0);}
   .nav-bar a{padding: 20px 24px;display: block;font-size: 18px;color: rgba(255,255,255,.7)}
   .nav-bar a.active{color: #fff}
   .inner-banner-section p{line-height: 1.5;letter-spacing: 2px;padding: 0 5%}
   .banner-section {
        height: 500px;
    }
    .banner-footer-top .ban-ft-box span {
    font-size: 12px;
    }
    .banner-footer-top .ban-ft-box:first-child img {
    width: 45%;
    }
    .banner-footer-top .ban-ft-box {
    column-gap: 8px;
    }
    .banner-footer-top .ban-ft-box:last-child img {
    width: 30%; 
    }
    .banner-footer-top {
        margin-bottom: 14px;
    }
    .banner-footer-bottom {
        grid-template-columns: 1fr;
        column-gap: 0;
        row-gap: 10px;
    }
    .banner-footer a img {
        width: 46px;
    }
    .banner-footer-bottom {
        padding: 12px 16px;
    }
    .journey-section .mid-container{display: block;}
    .journey-section .adasia-logo img {
        width: 45%;
        margin: 0 auto;
        margin-bottom: 24px;
    }
    .journey-section .btn{margin-top: 12px;}

    .event-container figcaption{padding-top: 10px;}
    .about-section .container {
        grid-template-columns: 1fr;row-gap: 20px;
    }
    .about-left{padding-bottom: var(--pb-120);}
    .venue-container {
    grid-template-columns: 1fr;
    }
    .venue-content {
        padding: 20px 20px;
    }
        .venue-box .btn-wrap .btn, .attend-container .btn {
        padding: 12px 20px;
    }
    .register-section .register-container{overflow: auto;}
    .register-section .register-table{width: max-content;}
    .register-section .register-row{grid-template-columns: 280px 200px 200px;}
    .venue-section .img-box img{    height: 200px;
    width: 100%;
    object-fit: cover;
    object-position: bottom;}
    .footer-top-row .mid-container{grid-template-columns: 1fr;}
    .footer .footer-top-row p, .footer .footer-top-row a{font-size: 15px;}
    .footer .footer-top-row .heading05 {
        font-size: 18px;
    }
    .footer .ft-box{margin-top: 24px;}
    .footer .footer-bottom-row .mid-container{    display: block;
    text-align: center;}
    .footer .footer-bottom-row p{padding: 0;font-size: 13px;}
        .footer .footer-top-row p{
        margin-top: 8px;
    }
     .footer .ft-box:first-child img{width: 120px;
    margin: 0 auto;}
    .sponsor-slider {
    margin: 0 -7px;
    }
    .about-detail{    grid-template-columns: 1fr;padding: 60px 5%;row-gap: 24px;}
    .about-detail .img-box{grid-row: 1;}
    .about-section.about-afaa-section .container{grid-template-columns: 1fr;row-gap: 24px;}
    .about-img{grid-row: 1;width: 100%;}
    .about-video-section .about-video-box{padding: 5% 0;}
    .about-video-section .about-video-box .video-box{width: 90%;}
        .about-img-container {
        grid-template-columns: 1fr;
    }
    .about-img-container figcaption{margin-top: 8px;}
    .territor-container{grid-template-columns: repeat(4, 1fr);}
    .territor-container figcaption{font-size: 10px;}
    .speakers-section .speaker-row{grid-template-columns: repeat(2, 1fr);}
     .speakers-section .speaker-row{column-gap: 40px;row-gap: 40px;}
     .agenda-tab-container{overflow: auto;}
    .agenda-tab-container .tab-box{width: 650px}
    .agenda-row{grid-template-columns: 145px 1fr 1fr;}

    .contact-container{width: 100%}
        .contact-person {
        padding: 24px 0;
    }
    .static-section .heading04{line-height: 1.3;}
    .form-box, .form-box.w-100 {
        grid-template-columns: 120px auto;
    }
    .form-box{margin-bottom: 8px;}
    .form-box input{padding: 8px}
    .custom-upload{grid-template-columns: 120px auto;gap: 8px}
    .custom-file dd{line-height: 24px;}
    .inner-input label:after{margin-left: 0;}
    .input-box{column-gap: 10px;}
    .delegate-row label::before{margin-right: 10px;}
    .delegate-row label{display: flex;align-items: center;}
    .delegate-container li{line-height: 1.5;margin-bottom: 12px;}
    .reg-table-wrap{overflow: auto;}
    .bank-table{width: max-content}
    .bank-table p {
        grid-template-columns: 220px auto;
    }
        .register-section .btn {
        padding: 8px 20px;width: max-content;display: block;
    }
    .bio-sketch-section .bio-img{    margin: 0 auto;
    float: none;
    margin-bottom: 28px;width: 190px;}
     .thankyou-section{padding: 60px 5%;}
    .btn.back-btn{
        padding: 8px 12px;
    }
    .gallery-section .gall-media-cov{grid-template-columns: auto;}
    .gallery-section .gall-media-cov img{width: 75%}
    .gallery-img-container{gap: 10px}
    .gallery-img-container{grid-template-columns: repeat(2, 1fr);}
    .gallery-header .option-box button:first-child{margin-left: 0;}
    .gallery-header .option-box button{margin-left: 5px;}
    .gallery-header .option-box button:last-child{margin: auto;
    display: block;
    margin-top: 10px;}


}

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

}



@media screen and (max-width: 479px){
    .banner-section {
        height: 90vh;
    }
    .banner-hand-img {
    top: 42%;
    width: 97%;
}
        .event-container{grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 28px;}
    .speakers-section .speaker-row{grid-template-columns: repeat(1, 1fr);}
    .banner-footer-top .ban-ft-box {
        column-gap: 4px;
    }
    .speaker-box .img-box{width: 200px;margin: 0 auto;}
    .speaker-box figcaption{text-align: center;}
    .thankyou-section{min-height: 50vh;}
    .thankyou-section h1{font-size: 24px;}
    .ty-container i {
    width: 70px;
    margin-bottom: 16px;
    }
    .ty-container .btn {
            padding: 8px 24px;}

}