/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1400px) {
    .container { max-width: 1134px; }
}

@media (min-width: 1400px) and (max-width: 1499px){

}

@media (min-width: 1300px) and (max-width: 1399px){
    /* hero-section */
    .hero-section{padding: 230px 0 120px;}
    .hero-section .main-title *{font-size: 55px;}
    .hero-section .date *{font-size: 128px;}
    .hero-section .block-title *{font-size: 44px;}
    .hero-section .hero-logo{max-width: 494px;}
    /* hero-section */

    /* conference-about-section */
    .conference-about-section .shape-1 { position: absolute; top: 50px; left: -30px; max-width: 212px; }
    /* conference-about-section */
}

@media (min-width: 1200px) and (max-width: 1299px){
     /* hero-section */
    .hero-section{padding: 200px 0 100px;}
    .hero-section .main-title *{font-size: 45px;}
    .hero-section .date *{font-size: 108px;}
    .hero-section .block-title *{font-size: 40px;}
    .hero-section .hero-logo{max-width: 402px; margin-top: 50px;}
    .hero-section .hero-bg{top: -50px;}
    /* hero-section */

    .video-section .floting-icon-2 {max-width: 239px; top: -400px; right: 0px; }
    .video-section .floting-icon-1 { top: -560px; left: 0; max-width: 749px; }
    .conference-about-section .shape-1 {max-width: 182px;}
    /* footer */
    .footer .floting-icon-2 { position: absolute; top: -270px; left: 0px; max-width: 383px; }
    .conference-about-section .conference-about-content *{font-size: 28px;}
    /* footer */
}


@media(max-width: 1200px){
    /* header */
    .navbar-nav .nav-item { margin: 0 36px; }
    .header .h-content { padding: 38px 0; }
    /* header */

    /* hero-section */
    .hero-section{padding: 160px 0 80px;}
    .hero-section .main-title *{font-size: 36px;}
    .hero-section .date *{font-size: 88px;}
    .hero-section .block-title *{font-size: 34px;}
    .hero-section .hero-logo{max-width: 306px; margin-top: 40px;}
    .hero-section .hero-bg{top: -50px;}
    /* hero-section */

    /* video-section */
    .video-section .floting-icon-2 { max-width: 209px; top: -260px; right: 0px; }
    .video-section .floting-icon-1 { top: -420px; left: 0; max-width: 629px; }
    .video-section{padding: 50px 0 115px;}
    .video-section .video-player { height: 492px; }
    /* video-section */
    
    /* conference-about-section */
    .conference-about-section .shape-1 {max-width: 182px;}
    .conference-about-section{padding: 70px 0 280px;}
    /* conference-about-section */

    /* footer */
    .footer {padding: 125px 0 118px;}
    .footer .floting-icon-1{max-width: 192px;}
    .footer .floting-icon-2 {top: -160px; left: 0px; max-width: 213px; }
    .conference-about-section .conference-about-content *{font-size: 26px;}
    .footer .f-wraper .f-logo-block { max-width: 265px; }
    /* footer */
}


@media (min-width: 992px){
    .navbar-nav .dropdown > .dropdown-toggle:hover:after,
    .navbar-nav .dropdown:hover > .dropdown-toggle:after { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); }
    .navbar-nav .dropstart.show,
    .navbar-nav .dropend.show,
    .navbar-nav .dropdown-menu.show { display: none; }
    .navbar-nav li.dropstart .dropdown-toggle:before { position: absolute; left: 5px; border: none; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
    .navbar-nav li.dropend .dropdown-toggle:after { position: absolute; right: 5px; border: none; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
    .navbar-nav .dropdown-menu { display: block; visibility: hidden; opacity: 0; left: 0; min-width: inherit; transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; -o-transition: 0.7s; }
    .navbar-nav li.dropstart > .dropdown-menu { right: 100%; top: -5px; }
    .navbar-nav li.dropend > .dropdown-menu { left: 100%; top: -5px; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
    .navbar-nav li.dropstart:hover > .dropdown-menu,
    .navbar-nav li.dropend:hover > .dropdown-menu,
    .navbar-nav li.dropdown:hover > .dropdown-menu { display: block; visibility: visible; opacity: 1; }
    .navbar-nav li.dropstart .dropdown-menu { left: auto; right: 100%; top: 0; }
    .navbar-nav li.dropend .dropdown-menu { left: 100%; top: 0; }
    .navbar-nav li.dropstart:hover .dropdown-toggle,
    .navbar-nav li.dropend:hover .dropdown-toggle { color: #0a4557 !important; background: #ffffff !important; }
}

@media (max-width: 991px){
    /* .header { padding: 15px 0; } */
    .navbar { justify-content: space-between; }

    .header .h-content { padding: 25px 0; }
    .navbar .navbar-brand{height: auto; max-width: 40px;}
    html.nav-menu-open .header { z-index: 999; }
    html.nav-menu-open .navbar .navbar-brand { position: relative; z-index: 9999; }
    html.nav-menu-open .navbar .navbar-toggler { z-index: 9999; }
    .navbar-nav .nav-item { margin: 0 !important; padding: 0; border-bottom: 1px solid var(--white); }
    .navbar-nav .nav-item:last-child { border: none; }
    .navbar .navbar-collapse { display: block; position: fixed; right: -100%; top: 0; bottom: 0; height: 100%; z-index: 10; width: 100%; overflow: auto; background: var(--black); padding: 150px 15px 30px; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
    .navbar .navbar-collapse.show { right: 0; }
    .navbar .navbar-collapse.show:before { position: fixed; content: ""; left: 0; right: 0; top: 0; width: 100%; height: 120px; background: var(--black); z-index: 9; }
    .navbar-nav .nav-item .nav-link { display: flex; align-items: center; justify-content: space-between; padding: 15px 0 !important; }

    .navbar-nav .dropstart .dropdown-toggle,
    .navbar-nav .dropend .dropdown-toggle { padding-right: 35px !important; }
    .navbar-nav .dropstart .dropdown-toggle:before,
    .navbar-nav .dropend .dropdown-toggle:after { position: absolute; right: 15px; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
    .navbar-nav .dropstart > .dropdown-toggle,
    .navbar-nav .dropend > .dropdown-toggle,
    .navbar-nav .dropdown > .dropdown-toggle { background: transparent !important; }
    .navbar-nav .dropdown > .dropdown-toggle.show { color: #16a1cc; }
    .navbar-nav .dropstart .dropdown-toggle.show:before,
    .navbar-nav .dropend .dropdown-toggle.show:after,
    .navbar-nav .dropdown > .dropdown-toggle.show:after { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); }
    .navbar-nav .dropstart > .dropdown-toggle:hover,
    .navbar-nav .dropstart > .dropdown-toggle.show,
    .navbar-nav .dropend > .dropdown-toggle:hover,
    .navbar-nav .dropend > .dropdown-toggle.show { color: #0a4557 !important; background: #ffffff !important; }

    /* hero-section */
    .hero-section{padding: 160px 0 80px;}
    .hero-section .main-title *{font-size: 32px;}
    .hero-section .date *{font-size: 68px;}
    .hero-section .block-title *{font-size: 30px;}
    .hero-section .hero-logo{max-width: 260px; margin-top: 40px;}
    .hero-section .hero-bg{top: -50px;}
    /* hero-section */

    .video-section .video-player-wrapper .player-control>*{max-width:  160px;}
    .video-section .floting-icon-1 { top: -260px; left: 0; max-width: 429px; }
    .video-section .floting-icon-2 { max-width: 179px; top: -150px; right: 0px; }
    .video-section .video-player { height: 372px; }

    .conference-about-section { padding: 50px 0 200px; }
    .conference-about-section .conference-about-content * { font-size: 22px; }
    .conference-about-section .conference-about-content p{margin-bottom: 22px;}

    .footer { padding: 85px 0 98px; }
    .footer .f-wraper .contact { max-width: 196px; }
    .footer .f-wraper .f-logo-block { max-width: 175px; }
    .footer .f-wraper .social-icons ul{gap: 12px;}
}

@media (min-width: 992px) and (max-width: 1199px){

}

@media (min-width: 768px) and (max-width: 991px){

}

@media (min-width: 768px) {
}

@media (max-width: 767px) {

    /* hero-section */
    .hero-section { padding: 80px 0 50px; }
    .hero-section .main-title *{font-size: 26px;}
    .hero-section .date *{font-size: 42px;}
    .hero-section .block-title *{font-size: 26px;}
    .hero-section .hero-logo{max-width: 180px; margin-top: 30px; margin-left: auto; margin-right: auto;}
    .hero-section .hero-bg{top: -50px;}
    .hero-section .hero-banner-detils{text-align: center;}
    /* hero-section */
    .conference-about-section { padding: 40px 0 100px; }
    .conference-about-section .conference-about-content * { font-size: 18px; }
    .conference-about-section .conference-about-content{text-align: center;}
    .video-section .floting-icon-1 { top: -160px; left: 0; max-width: 319px; }
    .video-section .video-player { height: 300px; }
    .video-section .video-player-wrapper .player-control>* { max-width: 100px; }
    .video-section .floting-icon-2 { max-width: 149px; top: -110px; right: 0px; }

    .footer .f-wraper{flex-direction: column; gap: 30px; align-items: center;}
    .footer .f-wraper .f-navigation ul li{text-align: center;}
    .footer .f-wraper .contact{max-width: 266px;}
    .footer .f-wraper .f-navigation ul li *{text-align: center;}
    .footer .f-wraper .contact{text-align: center;}
    .footer { padding: 30px 0 50px; }
    .footer .floting-icon-2 { top: -210px; left: 0px; max-width: 183px; }
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px){

}

@media (min-width: 240px) and (max-width: 575px){
    .video-section .floting-icon-1 { top: -100px; left: 0; max-width: 199px; }
    .video-section .floting-icon-2{max-width: 108px; top: -80px;}
}
/*---------- Large Desktop , Large Screen End ----------*/