
@media (max-width: 1920px){

}

@media (min-width: 1700px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width:1700px;}
    .whomeetSec .whomeetSlider .item{}
    .bannerSec .bannerSlider figure iframe{width: 100vw;}
    footer .navSec .navSecInner{}
}



@media (max-width: 1699px){
    .stickyHeader header nav ul li a{padding: 20px 15px;}
}



@media (max-width: 1399px){
    .stickyHeader header nav ul li a{padding: 20px 2vw; font-size: 1vw;}

}


@media (max-width: 1200px){
    .stickyHeader header nav ul li a{font-size:14px;}
}



@media (min-width: 992px){
    .viewSection{width: 1920px; margin: 0 auto; overflow: hidden; will-change: transform; transform-origin: top left; border: 1px solid #ccc;}
    .viewSection .container{width:1700px; max-width: 100%;}

    .whoattendSec .contentSlider:before{content:''; position: absolute; left:0; right:0; top:0; height: 0%; background:#000; transition: var(--transition-005);}
    .whoattendSec .contentSlider:hover:before{height:100%;}
    .whoattendSec .contentSlider:hover .item{color:#fff;}
}

@media (max-width: 991px){

    body{font-size: 10px;}
    
    .vec-design.vecban02{right: -210px;}
    [dir="rtl"] .vec-design.vecban02{right:auto; left: -210px;}
    .vec-design.vec01{right: -210px;}
    [dir="rtl"] .vec-design.vec01{right:auto; left: -210px;}
    .vec-design.vec02{}
    .vec-design.vec03{}
    .vec-design.vec04{bottom: auto; top: 54vw;}
    .vec-design.vec05{right: -200px;}
    [dir="rtl"] .vec-design.vec05{right:auto; left: -200px;}
    .vec-design.vec06{right: -200px;}
    [dir="rtl"] .vec-design.vec06{right:auto; left: -200px;}
    .vec-design.vec07{left: -217px;}
    [dir="rtl"] .vec-design.vec07{left:auto; right: -217px;}
    .vec-design.vec08{}

    .viewSection{overflow: hidden;}

    .btn-primary{min-width: 300px; font-size: 20px;}

    header{padding: 20px 50px;}
    header .logo{width:150px; margin: 0;}

    .bannerSec .bannerInner .bannerbox{padding: 0 120px;}
    .bannerSec .bannerInner h1{font-size: 50px;}
    .bannerSec .bannerInner h2{font-size: 34px;}
    .bannerSec .bannerInner h3{font-size: 24px;}
    .bannerSec .videoDv iframe{transform: scale(3.5);}

    .innerPageBanner .vec-design{z-index: -1;}

    .timerSec .timerDv{padding: 10px 0px 50px;font-size: 55px;}
    .timerSec .timerDv p{padding: 0px 10px;}
    .timerSec .timerDv p span{font-size: 14px;}

    .aboutSec { 
        padding: 50px 0; 
    }
    .program .aboutSec { 
        padding: 260px 0 200px;
    }
    .aboutSec figure{margin: 0 0 80px; height: 70vw;}

    .whoattendSec { padding: 50px 0; }
    .whoattendSec .innerDv{margin: 0;height: auto;}
    .whoattendSec .innerDv:before{content:initial}
    .whoattendSec .contentDv h2{margin:0;}
    .whoattendSec .imgSlider{position: relative; top: 0; left: auto; width: 100%;}
    [dir="rtl"] .whoattendSec .imgSlider{right:auto;}
    .whoattendSec .imgSlider figure{height:39vw;}
    .whoattendSec .contentSlider{top:0; left:0;}
    .whoattendSec .contentSlider .item{height:auto;}
    .whoattendSec .contentSlider .slick-arrow{bottom:20px;}
    
    .pillarsSec { padding: 50px 0; }
    .pillarsSec .imgSlider{margin:0 0 50px;}
    .pillarsSec figure{height: 89vw;}
    .pillarsSec .contentSlider{margin-left:0;}


    .locationSec{padding: 0 0 50px;}

    .speakerBanner .speakerSlider .introDv{display: block; text-align: left;}
    [dir="rtl"] .speakerBanner .speakerSlider .introDv{text-align: right;}
    .speakerBanner .speakerSlider .introDv .dp{margin-bottom: 50px;}

    .allSpeakers .speaker-col{width: 50%;}
    .allSpeakers .speaker p{font-size: 18px;}
    .allSpeakers .speaker p b{display: inline-block;}

    .speakerPopup .introDv{display: block;}
    .speakerPopup .introDv .dp{margin-bottom: 50px;}


    .programTable{overflow: auto;}
    .programTable p{font-size: 15px;}
    .programTable table{width: 750px;}
    .programTable table thead .colItem{height:auto;}
    .programTable table tbody .colItem{height: 90px;}

    .sessionDv {
        width: 100%;
    }
    .lunch-break .sessionDv h5.time {
        line-height: 1;
    }
    .lunch-break .sessionDv h3 {
        font-size: 18px;
        line-height: 1;
        margin-bottom: 0;
    }
    html[lang="ar"] .lunch-break .sessionDv h3 {
        margin-bottom: 0;
    }
}
@media (min-width: 768px) and (max-width: 991px){

}


@media (max-width: 767.98px) {
    body { font-size: 8px; }

    .vec-design.vec01{z-index: -1;}
    .vec-design.vec02{z-index: -1;}
    .vec-design.vec05{z-index: -1;}
    .vec-design.vec06{z-index: -1;}
    .vec-design.vec07{z-index: -1;}
    .vec-design.vec08{display: none;}

    .bannerSec .bannerInner{min-height:100vh;}
    /*.bannerSec .bannerInner .bannerbox{padding:90px;}*/
    .bannerSec .bannerInner { min-height: 0; padding: 80px 20px; text-align: center;}
    .bannerSec .bannerInner .bannerbox{padding:90px 20px; margin:0 0 50px;}
     .bannerSec .bannerInner h1{font-size: 32px; margin: 0px 0px 10px; font-weight: bold;}
     .bannerSec .bannerInner h2{font-size: 19px; margin: 0px 0px 10px;}
    .bannerSec .bannerInner h3{font-size: 14px; margin: 0px 0px 5px;}
    .bannerSec .bannerInner .btnDv {
        margin-top: 15px;
    }
    .bannerSec .bannerInner .btnDv {flex-direction: column; gap: 10px;}

    .contentDv h2,
    .contentDv h3{margin:0 0 25px;}
    .contentDv h2{font-size: 4.1em;}
    .contentDv h3{font-size: 2.5em;}
    .contentDv p{font-size: 2.5em;}

    .aboutSec figure{margin: 0 0 140px;}

    .whoattendSec .contentDv { padding: 30px 20px 60px; }
    .whoattendSec .contentSlider .item{padding: 50px;padding-bottom: 100px;}
    .whoattendSec .contentSlider .item icon{margin: 0 0 30px;}
    .whoattendSec .contentSlider .item h4{font-size: 20px; letter-spacing: 0;}

    footer .navSec{padding:60px 0px;}
    footer .navSec .footNav{font-size: 16px; margin: 40px 0;}
    footer .navSec .footNav h5{font-size: 22px; margin: 0px 0px 20px;}
    footer .navSec .footNav ul.nav{margin: 0;}
    footer .navSec .footNav .appLinks img{margin-bottom: 10px;}
    
    section.program-list {
        padding: 39px 0;
    }
    .program-tabs ul.nav {
        justify-content: center;
        gap: 15px;
        flex-direction: column;
        padding-bottom: 39px;
        margin-bottom: 15px;
    }
    .program-tabs ul.nav .nav-link {
        min-width: 280px;
        max-width: 100%;
        font-size: 16px;
        line-height: 45px;
        height: 60px;
        padding: 0;
    }
    

    html[lang="ar"] .program-tabs ul.nav .nav-link {
        font-size: 20px;
        line-height: 120%;
    }

    .sessionDv h5 {
        margin-bottom: 7px;
        text-align: center;
    }
    html[lang="ar"] .sessionDv h5.time {
        font-weight: normal;
        font-size: 20px;
        line-height: 120%;
        text-align: right;
    }
    html[lang="ar"] .sessionDv h5 {
        margin-bottom: 7px;
        font-weight: normal;
        font-size: 20px;
        line-height: 120%;
    }

    html[lang="ar"] .lunch-break .sessionDv h3 {
        margin-bottom: 0;
        text-align: right;
    }

    .sessionDv h3 {
        font-size: 18px;
        margin-bottom: 20px;
        line-height: 34.8px;
        text-align: center;
    }

    html[lang="ar"] .sessionDv h3 {
        font-size: 23px;
        margin-bottom: 24px;
        line-height: 120%;
    }
    .sessionDv p {
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 18px;
        line-height: 20px;
        text-align: center;
    }
    html[lang="ar"] .sessionDv p {
        font-size: 18px;
        font-weight: normal;
        margin-bottom: 18px;
        line-height: 20px;
    }

    .list-with-images {
        padding: 0;
        gap: 20px;
        margin-bottom: 18px;
    }

    .list-with-images figure {
        width: 68px;
        height: 68px;
        border-radius: 5px;
    }
    .session-list-box {
        margin-bottom: 15px;
        flex-direction: column;
        align-items: center;
    }
    .timeDv {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        margin-left: 0;
    }
    .btn.btn-time {
        font-size: 16px;
        font-weight: normal;
        line-height: 26px;
        height: 60px;
    }
    .btn.btn-time.mt-n3 {
        margin: 0;
    }
    .session-info-list h4.title {
        font-size: 14px;
        margin-bottom: 11px;
        line-height: 20px;
    }
    
    html[lang="ar"] .session-info-list h4.title {
        font-size: 18px;
        margin-bottom: 9px;
        line-height: 20px;
    }

    .session-info-list p.designation {
        font-size: 14px;
        margin-bottom: 0;
        line-height: 20px;
    }

    html[lang="ar"] .session-info-list p.designation {
        font-size: 18px;
        margin-bottom: 0;
        line-height: 20px;
    }
    .lunch-break .sessionDv h3 {
        text-align: left;
    }

}

@media (max-width: 575.98px) {
    html {scroll-padding-top: 118px;}
    body { font-size: 6px; }
    header, section, footer{max-width: 100vw;}
    header{padding:20px 10px;}

    .container{padding:0 20px;}

    .mobileMenu nav ul li a{font-size: 20px;padding: 10px 0px;}
    .mobileMenu .langSelector li a{font-size: 16px;padding: 22px 0px;}

    .btn-primary { min-width: 0; font-size: 16px; padding: 20px 30px; }

    .vec-design.vec01,
    .vec-design.vec06,
    .vec-design.vec07{display: none;}
    .vec-design.vec02{z-index: 1; left: -183px;}
    [dir="rtl"] .vec-design.vec02{left:auto; right: -183px;}
    .vec-design.vec04{top: 40vw; transform: scale(1.3) translateX(45px);}
    [dir="rtl"] .vec-design.vec04{transform:scaleX(-1) scale(1.3) translateX(45px);}
    .vec-design.vec05{right:-160px; top: -30px; height: 766px; width: 246px; z-index: 1;}
    [dir="rtl"] .vec-design.vec05{right:auto; left:-160px;}
    .vec-design.vec10{left: -155px; top: -15px;}
    [dir="rtl"] .vec-design.vec10{left: auto; right: -155px;}
    .vec-design.vec12{height: 142px;bottom: -30px;}

    .contentDv h2,
    .contentDv h3{margin:0 0 10px;}

    /*.bannerSec .bannerInner { min-height: 0; padding: 80px 20px; text-align: center;}*/
    /*.bannerSec .bannerInner .bannerbox{padding:90px 20px; margin:0 0 50px;}*/
    /*.bannerSec .bannerInner h1{font-size: 32px; margin: 0px 0px 10px; font-weight: bold;}*/
    /*.bannerSec .bannerInner h2{font-size: 19px; margin: 0px 0px 10px;}*/
    /*.bannerSec .bannerInner h3{font-size: 14px; margin: 0px 0px 20px;}*/
    .bannerSec .btn-primary{display: block;}
    .bannerSec .bannerInner .btnDv .btn { width: 100%px; }
    .bannerSec .videoDv iframe{transform: scale(4.4);}

    .innerPageBanner{padding: 130px 0 0;}
    .innerPageBanner .bannerInner h1{font-weight: 300;}
    .innerPageBanner .vec-design.vecban01 { height: 800px; }

    .timerSec .timerDv{padding: 0px 0px 30px;font-size: 45px;}
    .timerSec .timerDv p{text-align: center;}
    .timerSec .timerDv p span{font-size: 8px;}
    
    .aboutSec figure { margin: 0 0 80px; }

    .whoattendSec{padding-bottom: 230px;}
    .whoattendSec .innerDv{margin:0 -20px;}
    .whoattendSec .imgSlider figure { height: 70vw; }
    .whoattendSec .contentSlider{margin: -80px 30px -200px;}
    .whoattendSec .contentSlider .item{padding:40px; padding-bottom: 100px;}
    .whoattendSec .contentSlider .slick-arrow.slick-prev{right:80px;}
    .whoattendSec .contentSlider .slick-arrow.slick-next{right:30px;}
    [dir="rtl"] .whoattendSec .contentSlider .slick-arrow.slick-prev{right:auto; left:80px;}
    [dir="rtl"] .whoattendSec .contentSlider .slick-arrow.slick-next{right:auto; left:30px;}
    
    .pillarsSec .contentSlider .slick-arrow{bottom: -40px;}

    .locationSec .mapItem{height: 90vw;}


    .speakerBanner .contentDv { margin-bottom: 45px; }
    .speakerBanner .vec-design{z-index: -1;}
    .speakerBanner .bannerInner{padding: 0px 20px 100px;}
    .speakerBanner .speakerSlider .introDv .dp{margin-right: 0;}
    .speakerBanner .speakerSlider .speakerDp{width: calc(100vw - 80px); height: calc(100vw - 80px);}
    .speakerBanner .speakerSlider .introDv .introTxt h4{font-size: 15px;}
    .speakerBanner .speakerSlider .introDv .introTxt h3{font-size: 24px;}
    .speakerBanner .speakerSlider .introDv .introTxt h5{font-size: 18px;}
    .speakerBanner .speakerSlider .introDv .introTxt h6{font-size: 15px;}
    .speakerBanner .speakerSlider .slick-arrow{bottom:-60px; right:auto; left: 90px; width: 60px; height: 60px;}
    [dir="rtl"] .speakerBanner .speakerSlider .slick-arrow{left:auto; right: 0px;}
    .speakerBanner .speakerSlider .slick-arrow.prevBtn{left:0px;}
    [dir="rtl"] .speakerBanner .speakerSlider .slick-arrow.prevBtn{left:auto; right:90px;}


    .allSpeakers{padding:250px 0 60px;}
    .allSpeakers .speaker-col{width: 100%;}
    .allSpeakers .secHeading{margin: 0 0 60px;}
    .allSpeakers .btnDv{margin-bottom:70px;margin-top: 0px;}
    .allSpeakers .btnDv a{font-size: 20px;}
    .allSpeakers .btnDv a i { font-size: 35px; right: -35px; }
    .allSpeakers .btnDv .ar-register-text svg { width: 250px; margin-left: -20px; }

    .speakerPopup{padding:30px; width: 100%;}
    [lang="ar"] .speakerPopup{width:calc(100% - 4px);}
    .speakerPopup .introDv .dp{margin-right: 0;}
    .speakerPopup .speakerDp{width: calc(100vw - 80px); height: calc(100vw - 80px);}
    .speakerPopup .introDv .introTxt h4{font-size: 15px;}
    .speakerPopup .introDv .introTxt h3{font-size: 24px;}
    .speakerPopup .introDv .introTxt h5{font-size: 18px;}
    .speakerPopup .introDv .introTxt h6{font-size: 15px;}
    .speakerPopup .txtDv p{font-size: 15px;}
    .is-compact .speakerPopup.fancybox__content>.f-button.is-close-btn{--f-button-outline-color:transparent;background: none; width: 30px; height: 30px; top: 10px; right: 10px;}
    .speakerPopupSlider .slick-arrow{right:0; transform: scale(.7);}
    .speakerPopupSlider .slick-arrow.prevBtn { right: 70px; }
    [lang="ar"] .speakerPopupSlider .slick-arrow.prevBtn{right:auto;}
    [lang="ar"] .speakerPopupSlider .slick-arrow.nextBtn{left:70px;}


    .partenrsSec{padding:250px 0 60px;}
    .partnersDv .contentDv { margin-bottom: 45px; }

    .programSec{padding:250px 0 60px;}


    .knowlesdgeSec{padding:250px 0 60px;}

    .faqSec .faqItem h2 .accordion-button{font-size: 20px;}
    .faqSec .faqItem .accordion-collapse{font-size: 16px;}

    .floorSec{padding: 80px 0;}
    .floorSec .contentDv h2{margin: 0 0 60px;}
    .floorSec .contentDv h4{margin: 0 0 60px;}

    .destinationDv{padding: 80px 0;}
    .destinationDv .contentDv h2{margin: 0 0 50px;}
    .destinationDv .linkBox figure{margin-bottom: 40px;}
    .destinationDv .linkBox h4{font-size: 20px;}
    .destinationDv .slick-arrow{width: 60px; height: 60px;}


    footer .navSec .footLogo{max-width: 80%; margin: 0 0 10px;}
    
    .program-tabs ul.nav ul.dropdown-menu {
        width: 100%;
        max-width: 100%;
    }

    .program-tabs ul.nav .nav-link.dropdown-toggle:after {
        top: 20px;
    }
    
    .program-tabs ul.nav li.nav-item.dropdown .close {
        top: 18px;
    }

}
