/*---------- Global Settings ----------*/
@media (max-width: 1024px)
{
    .no-resp {display: none !important;}
    .only-resp {display: flex !important;}
}

@media (max-width: 500px)
{
    .no-phone {display: none !important;}
    .only-phone {display: flex !important;}
}

/*---------- Menu Section ----------*/
@media (max-width: 1600px)
{
    .menu {height: 100px;}
    .menu .logo {height: 100%;}
    .menu .menu-items ul li a {font-size: 14px;margin: 0 7px;padding: 8px 20px;}
    .menu .menu-items ul li a.active {border-radius: 5px;}
    .menu .menu-items ul li .sub-menu {top: 80px;}
    .menu .register a {padding: 12px 20px;border-radius: 5px;font-size: 12px;}
}

@media (max-width: 1440px)
{
    .menu {height: 90px;}
    .menu .menu-items ul li a {font-size: 12px;}
    .menu .menu-items ul li .sub-menu {padding: 15px;top: 70px;}
    .menu .register a {font-size: 10px;}
}

@media (max-width: 1024px)
{
    .menu.home-menu {opacity: 1 !important; z-index:5}
    .menu {justify-content: space-between; padding: 10px 30px}
    .resp-menu-btn {
        flex-direction: column;
        height: 25px;
        justify-content: space-between;
    }

    .resp-menu-btn .line {
        width: 40px;
        height: 3px;
        background: var(--primary-color);
        position: relative;
        transition: all .3s;
    }

    .resp-menu-btn.active .line:nth-child(1) {
        transform: rotate(-45deg);
        top: 6px;
        background: var(--secondary-color);
    }

    .resp-menu-btn.active .line:nth-child(2) {
        display: none;
    }

    .resp-menu-btn.active .line:nth-child(3) {
        transform: rotate(45deg);
        bottom: 6px;
        background: var(--secondary-color);
    }

    .modal-backdrop {top: 130px;}

    #respMenuModal {
        top: 90px;
        height: calc(100vh - 90px);
    }

    #respMenuModal .modal-body {
        display: flex;
        flex-direction: column;
        font-family: var(--primary-font)
    }

    #respMenuModal .modal-body .app-btn {
        margin: 50px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #respMenuModal .modal-body .app-btn a {
        background: var(--primary-color);
        width: fit-content;
        color: var(--white-color);
        padding: 18px 25px 16px;
        border-radius: 8px;
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    #respMenuModal .modal-body .menu-items {
        margin: 50px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #respMenuModal .modal-body .menu-items .menu-item {
        font-size: 24px;
        margin: 10px 0;
        text-align: center;
    }

    #respMenuModal .modal-body .menu-items .menu-item a {
        padding: 10px 20px;
        border-radius: 8px;
        color: var(--dark-color);
    }

    #respMenuModal .modal-body .menu-items .menu-item.active a {
        background: var(--secondary-color);
        color: var(--white-color);
        position: relative;
        z-index: 12
    }

    #respMenuModal .modal-body .menu-items .menu-item.active .sub-menu-item a {
        background: none;
        color: var(--primary-color);
    }

    #respMenuModal .modal-body .menu-items .card {
        border-color: var(--secondary-color);
        margin: -15px 0 0;
        padding: 40px 100px 20px;
    }

    #respMenuModal .modal-body .menu-items .card .sub-menu-title {
        font-weight: bold;
        color: var(--primary-color);
        margin-top: 20px;
    }
}

@media (max-width: 500px)
{
    .menu {padding: 10px 10px;}
    #respMenuModal {top: 90px;height: calc(100vh - 90px);}
    #respMenuModal .modal-body .app-btn {margin: 10px;}
    #respMenuModal .modal-body .app-btn a {padding: 10px 20px 8px;font-size: 13px;letter-spacing: 1px;}
    #respMenuModal .modal-body .menu-items {margin: 50px 10px;}
    #respMenuModal .modal-body .menu-items .menu-item {font-size: 14px;margin: 5px 0;}
    #respMenuModal .modal-body .menu-items .menu-item a {padding: 5px 10px;}
    #respMenuModal .modal-body .menu-items .card .sub-menu-title {margin-top: 10px;}
}


/*---------- Home Page Global Stylings ----------*/
@media (max-width: 1600px)
{
    .pre-title {font-size: 16px;}
    .title {font-size: 38px;}
    .sub-text {font-size: 16px;}
    .home-btn a {font-size: 18px;border-radius: 8px;}
}

@media (max-width: 1440px)
{
    .pre-title {font-size: 14px;}
    .title {font-size: 32px;}
    .sub-text {font-size: 14px;}
    .home-btn a {font-size: 16px;border-radius: 8px;}
}

@media (max-width: 500px)
{
    .pre-title {font-size: 12px;}
    .title {font-size: 24px;}
    .sub-text {font-size: 12px;}
    .home-btn {margin: 50px auto 0;}
    .home-btn a {font-size: 12px;border-radius: 8px;}
}


/*---------- Home Header Section ----------*/
@media (max-width: 1600px)
{
    .header .header-left .register {top: 40px;left: 40px;}
    .header .header-left .register a {padding: 16px 20px;border-radius: 5px;font-size: 14px;}
    .header .header-left h2 {font-size: 40px;margin: 20px 0;max-width: 600px;}
    .header .header-left h4 {font-size: 16px;}
    .header .header-left img {height: 90px;margin: 0 20px;}
    .antalya img {width: 700px;height: 180px !important;}
    .header .header-right .menu-items ul li a {font-size: 16px;padding: 10px 20px;}
    .video {padding: 100px 250px 0;}
}

@media (max-width: 1440px)
{
    .header .header-left .register a {padding: 16px 20px;border-radius: 5px;font-size: 14px;}
    .header .header-left h2 {font-size: 36px;max-width: 500px;}
    .header .header-left h4 {font-size: 14px;}
    .antalya img {width: 620px;height: 150px !important;}
}

@media (max-width: 1200px)
{
    .header .header-left .register a {padding: 12px 20px;border-radius: 5px;font-size: 12px;}
    .header .header-right .menu-items ul li a {font-size: 13px;padding: 10px 20px;}
    .antalya img {width: 520px;height: 120px !important;}
}

@media (max-width: 1024px)
{
    .header .header-left {width: 100%;height: 50vh;background: rgba(255,255,255,.9);clip-path: polygon(20% 100%, 0 0, 100% 0, 80% 100%);top: 25%;}
    .header .header-right {height: 100vh;width: 100%;}
    .antalya {left: 50%;transform: translateX(-50%);}
    .antalya img {width: 650px;height: 160px !important;}
    .video {padding: 100px 100px 0;}
}

@media (max-width: 820px)
{
    .antalya img {width: 550px;height: 120px !important;}
    .video {padding: 70px 70px 0;}
}

@media (max-width: 768px)
{
    .antalya img {width: 500px;height: 100px !important;}
    .video {padding: 50px 50px 0;}
}

@media (max-width: 500px)
{
    .header .header-left {height: 60vh;clip-path: polygon(10% 100%, 0 0, 100% 0, 90% 100%);top: 25%;}
    .header .header-left img {height: 50px;margin: 0 10px;}
    .header .header-left h2 {font-size: 20px;max-width: 200px;}
    .header .header-left h4 {font-size: 10px;}
    .antalya img {width: 300px;height: 70px !important;}
    .video {padding: 30px 20px 0;}
}


/*---------- Home Speakers Section ----------*/
@media (max-width: 1600px)
{
    .speakers {margin: 100px 0;}
    .speakers .slider .slide {height: 650px;}
    .speakers .slider .slide .image .bg {aspect-ratio: 5/3;}
    .speakers .slider .slide .data .name {font-size: 26px;}
    .speakers .slider .slide .data .type {font-size: 20px;}
    .speakers .slider .slide .data .university {font-size: 10px;}
    .slider .slick-dots li button:before {font-size: 8px;}
    .slider .slick-dots .slick-active button:before {font-size: 12px;}
}

@media (max-width: 1200px)
{
    .speakers .slider .slide {height: 550px;}
    .speakers .slider .slide .data .name {font-size: 20px;}
    .speakers .slider .slide .data .type {font-size: 16px;}
}

@media (max-width: 820px)
{
    .speakers .slider .slide {height: 420px;}
}

@media (max-width: 768px)
{
    .speakers .slider .slide {height: 550px;}
}

@media (max-width: 500px)
{
    .speakers {margin: 50px 0;}
    .speakers .slider .slide {height: 500px;}
    .speakers .slider .slide .data .name {font-size: 24px;}
    .speakers .slider .slide .data .type {font-size: 18px;}
    .speakers .slider .slide .data .university {font-size: 10px;}
    .slider .slick-dots li button:before {font-size: 4px;}
    .slider .slick-dots .slick-active button:before {font-size: 7px;}
}


/*---------- Home Countdown Section ----------*/
@media (max-width: 1600px)
{
    .countdown {padding: 100px 0;}
    .countdown h3 {font-size: 30px;}
    .countdown h5 {margin: 40px 0;font-size: 18px;}
    .countdown .items .item {width: 140px;height: 140px;}
    .countdown .items .item p.data {font-size: 40px;}
}

@media (max-width: 1200px)
{
    .countdown h3 {font-size: 26px;}
    .countdown h5 {margin: 40px 0;font-size: 16px;width: 80%;}
    .countdown .items .item {width: 120px;height: 120px;}
    .countdown .items .item p.data {font-size: 30px;}
    .countdown .items .item p {font-size: 14px;}
}

@media (max-width: 820px)
{
    .countdown {padding: 70px 0;}
    .countdown .items .item {width: 100px;height: 100px;margin:10px}
    .countdown .items .item p.data {font-size: 24px;}
    .countdown .items .item p {font-size: 13px;}
}

@media (max-width: 500px)
{
    .countdown h3 {font-size: 20px;}
    .countdown h5 {width: 90%;font-size: 15px;margin: 30px 0;}
    .countdown .items .item {width: 70px;height: 70px;}
    .countdown .items .item p.data {font-size: 18px;}
    .countdown .items .item p {font-size: 10px;}
}


/*---------- Home Program Section ----------*/
@media (max-width: 1600px)
{
    .program {margin: 100px 0;}
    .program .nav-tabs {margin-top: 50px;}
    .program .nav-tabs button {font-size: 20px;padding-top: 20px;padding-bottom: 20px;}
    .program .nav-tabs button span {font-size: 14px;}
    .program .tab-content .event {height: 250px;}
    .program .tab-content .event .event-right .content h3 {font-size: 30px;}
}

@media (max-width: 1440px)
{
    .program .tab-content .event .event-right .content h3 {font-size: 26px;}
}

@media (max-width: 1200px)
{
    .program {margin: 100px 15px;}
    .program .nav-tabs button {font-size: 18px;padding-top: 15px;padding-bottom: 15px;}
    .program .nav-tabs button span {font-size: 13px;}
    .program .tab-content {margin-top: 20px;}
    .program .tab-content .event {height: 220px;}
    .program .tab-content .event .event-right .content h3 {font-size: 24px;}
    .program .tab-content .event .event-right .content h5 {margin: 10px 0;font-size: 16px}
}

@media (max-width: 1024px)
{
    .program .tab-content .event {height: 200px;}
}

@media (max-width: 820px)
{
    .program .tab-content .event {height: 300px;}
    .program .tab-content .event .event-right .content {padding: 30px}
    .program .tab-content .event .event-right .content h3 {font-size: 30px;}
    .program .tab-content .event .event-right .content h5 {margin: 10px 0;font-size: 18px}
}

@media (max-width: 500px)
{
    .program {margin: 70px 15px 0;}
    .program .nav-tabs button {width: 48%;margin-bottom: 10px;}
    .program .tab-content .event {height: 150px;}
    .program .tab-content .event .event-left .content {bottom: 20px;left: 10px;}
    .program .tab-content .event .event-left .content p {font-size: 10px;}
    .program .tab-content .event .event-right .content {padding: 10px}
    .program .tab-content .event .event-right .content h3 {font-size: 18px;}
    .program .tab-content .event .event-right .content h5 {margin: 10px 0;font-size: 12px}
}


/*---------- Home Sponsors Section ----------*/
@media (max-width: 1600px)
{
    .sponsors {margin: 100px 0;padding: 100px;}
    .sponsors .title {font-size: 60px;margin: 5px 0;line-height: unset}
}

@media (max-width: 1440px)
{
    .sponsors .title {font-size: 55px;}
}

@media (max-width: 1200px)
{
    .sponsors {margin: 100px 0;padding: 50px;}
    .sponsors .title {font-size: 45px;}
}

@media (max-width: 1024px)
{
    .sponsors .content {align-items: center;}
    .sponsors .pre-title,
    .sponsors .title,
    .sponsors .sub-text {text-align: center;}
}

@media (max-width: 500px)
{
    .sponsors {margin: 70px 0;padding: 50px 15px}
    .sponsors .title {font-size: 35px;}
    .sponsors .item {padding: 90px;}
    .sponsors .item:after {width: 70%;height: 1px;left: 50%;bottom: 0;top: unset;transform: translateX(-50%);}
}


/*---------- 9. Home Register Section ----------*/
@media (max-width: 1440px)
{
    .register .content .title {font-size: 20px;}
    .register .content .list {padding: 20px;}
    .register .content .list .data {font-size: 16px;}
}

@media (max-width: 1200px)
{
    .register {padding: 0 15px}
    .form {padding: 50px 0px;margin-bottom: 50px;}
    .register .content {padding: 15px 20px 0;}
}

@media (max-width: 820px)
{
    .form {padding: 50px 0;margin: 0;}
    .register .content {margin-top: 0px;margin-bottom: 70px;padding: 15px 50px 0;}
}

@media (max-width: 500px)
{
    .register .content {margin-top: 0px;margin-bottom: 50px;padding: 15px 0px 0;}
}


/*---------- Footer Section ----------*/
@media (max-width: 1600px)
{
    .footer {height: 500px;}
    .footer .content img {height: 90px;}
    .footer .content .title {font-size: 24px;margin: 0 0 20px 0;}
    .footer .content .item {margin: 5px 0;font-size: 14px;}
    .footer .content:nth-child(3) .item span i {font-size: 30px;margin: 0 0 25px 0;}
}

@media (max-width: 1440px)
{
    .copyright a {margin: 0px 20px;font-size: 14px;}
}

@media (max-width: 1200px)
{
    .footer {height: 400px;}
    .footer .content img {height: 70px;margin: 20px;}
    .footer .content .title {font-size: 20px;margin: 0 0 10px 0;}
    .footer .content .item {margin: 10px 0;font-size: 13px;}
    .footer .content:nth-child(3) .item span i {font-size: 30px;margin: 0 0 10px 0;}
    .copyright {font-size: 12px;}
    .copyright a {margin: 0px 20px;font-size: 13px;}
}

@media (max-width: 500px)
{
    .footer {height: auto}
    .footer .content:first-child {flex-direction: row;margin: 0 0 50px 0;}
    .footer .content img {height: 70px;margin: 20px;}
    .copyright {font-size: 8px;}
    .copyright a {margin: 0px 20px;font-size: 10px;}
}


/*---------- PAGES - Global Styling ----------*/
@media (max-width: 1600px)
{
    .page {padding: 100px 0 0;}
}

@media (max-width: 1440px)
{
    .page {padding: 90px 0 0;}
    .page .page-header .page-title {font-size: 24px;}
    .page .page-header .breadcrumb {font-size: 12px;}
}

@media (max-width: 1200px)
{
    .page .page-content {padding: 75px 20px;}
}

@media (max-width: 500px)
{
    .page .page-content {padding: 50px 20px;}
    .page .page-header {padding: 70px 20px 30px;}
    .page .page-header .page-title {font-size: 18px;}
    .page .page-header .breadcrumb {font-size: 9px;}
}


/*---------- PAGES - About Page ----------*/
@media (max-width: 500px)
{
    .page .page-content.about .text {font-size: 15px;padding: 0;}
}


/*---------- PAGES - Board Page ----------*/
@media (max-width: 1600px)
{
    .board .title {font-size: 20px;}
}

@media (max-width: 500px)
{
    .board .title {font-size: 18px;}
    .board .list-item {font-size: 15px;}
    .page .page-content .image-container {mask-image: unset}
    .board .note {margin: 10px 0 0;font-size: 14px;}
}


/*---------- PAGES - Transport Page ----------*/
@media (max-width: 1600px)
{
    .transport .title {font-size: 20px;}
}

@media (max-width: 500px)
{
    .transport .title {font-size: 18px;}
    .transport .list-item {font-size: 15px;}
    .transport .note {margin: 10px 0 0;font-size: 14px;}
}

/*---------- 5. PAGES - Accommodation Page ----------*/
@media (max-width: 500px)
{
    .board .map {margin: 20px 0 0;}
    .board.accommodation .content {padding: 0;}
    .board.accommodation .text {font-size: 15px;}
}


/*---------- PAGES - Speakers Page ----------*/

@media (max-width: 1600px)
{
    .speakers .content {padding-bottom: 30px;}
    .speakers .content .list-item .data .name {font-size:26px}
}

@media (max-width: 1440px)
{
    .speakers .content {padding-bottom: 20px;}
    .speakers .content .list-item {padding: 50px 0 0;height: 650px;}
}

@media (max-width: 1200px)
{
    .speakers .content .list-item .data .name {font-size:20px}
    .speakers .content .list-item {padding: 50px 0 0;height: 600px;}
}

@media (max-width: 1024px)
{
    .speakers .content {padding-bottom: 0px;}
    .speakers .content .list-item {padding: 50px 0 0;height: 450px;}
}

@media (max-width: 820px)
{
    .speakers .content .list-item {padding: 0px 0 0;height: 400px;}
}

@media (max-width: 500px)
{
    .speakers .content .list-item {height: 450px;}
}


/*---------- 7. PAGES - Contact Page ----------*/
@media (max-width: 1600px)
{
    .contact .pre-title {font-size: 14px;}
}

@media (max-width: 1440px)
{
    .contact .title {font-size: 28px;}
}

@media (max-width: 1200px)
{
    .contact .pre-title {font-size: 12px;}
    .contact .title {font-size: 24px;}
}

@media (max-width: 1024px)
{
    .contact .content img {aspect-ratio: 4/8;}
}

@media (max-width: 820px)
{
    .contact .content img {aspect-ratio: 3/8;}
}

@media (max-width: 500px)
{
    .contact .content img {aspect-ratio: 4/6;mask-image: unset;margin-top: 50px;}
    .contact .pre-title {font-size: 10px;}
    .contact .title {font-size: 18px;line-height: 24px}
}