@media (max-width: 1799px) {
    
}

@media (max-width: 1599px) {
    
}

@media (max-width: 1600px) {
   .hero-photo{ height: 560px; }
   .about .photo{ height: 640px; }
}

@media (max-width: 1550px) {
    .about{ width: 100%; }
}

@media (max-width: 1500px) {
	.strategy .container{ max-width: 95%; }
	
	.team .item_in{ margin-left: 0; }
	.team .item:nth-child(2n) .item_in{ margin-right: 0; }
	
	.strategy-intro{ max-width: 1246px; margin: 0 auto; padding-left: 0; padding-right: 0; }
}
@media (max-width: 1399px) {
	
	#header .logo img{ width: 200px; }
	
	.home-section{ padding: 100px 0; }
	.home-section h2{ font-size: 27px; }
	.hero-photo{ height: 480px; }
	
	.about-title h3{ padding-right: 0; font-size: 28px; }
	
	.about .txt-box .col-border li{ font-size: 18px; }
	.about .col-txt p{ font-size: 17px; }
	.about .photo{ height: 580px; }
	
	.strategy .container{ max-width: 1220px; }
	.strategy .item_in{ padding: 50px 50px 25px; }
	.strategy .item p{ font-size: 17px; }
	
	#hero-sub h1{ font-size: 50px; }
	.entry-content p, .entry-content ul li, .entry-content ol li{ font-size: 17px; }
	
	.strategy-intro{ max-width: 1116px; }
	
}

@media (max-width: 1199px) {
    
	
	.strategy-intro{ max-width: 936px; }
	.strategy-intro p{ font-size: 20px; }
	
    .navbar {
        margin-right: 0;
    }
    .icon-bar {
        background-color: #000;
    }
    .navbar-collapse #main-menu {
        display: flex;
        flex-direction: column;
        position: absolute;
        width: 310px;
        max-height: 80vh;
        top: 50px;
        left: -260px;
        padding: 30px 25px;
        background-color: #FFF;
        box-shadow: 0 8px 15px rgba(0, 0, 0, .15);
        transform-origin: 50% 0;
        transform: scaleY(0);
        transition-duration: 250ms;
        overflow-y: auto;
    }
    .navbar-collapse.show #main-menu {
        transform: scaleY(1);
    }

    .navbar-collapse #main-menu > li {
        width: 100%;
        height: auto;
        margin: 0;    
    }
    .navbar-collapse #main-menu > li:first-of-type {
        display: block;
    }
    .navbar-collapse #main-menu > li > a {
        color: var(--dark);
        padding: 12px 15px;
        margin: 0;
    }
    .navbar-collapse #main-menu > li.current-menu-item > a,
    .navbar-collapse #main-menu > li.current-page-parent > a,
    .navbar-collapse #main-menu > li:hover > a {
        color: var(--main) !important;
        border: 0;
    } 
    .navbar-collapse #main-menu > li.menu-item-has-children > a::after,
    .navbar .navbar-nav .dropdown .dropdown > .dropdown-item::after {
        display: none;
    }
    .navbar-collapse #main-menu li.menu-item-has-children > span.mobile-dropdown {
        width: 32px;
        height: 32px;
        text-align: center;
        cursor: grab;
        position: absolute;
        right: 0;
        top: 0;
    }
    .navbar-collapse #main-menu > li.menu-item-has-children > span.mobile-dropdown {
        width: 42px;
        height: 42px;
    }
    .navbar-collapse #main-menu li.menu-item-has-children > span.mobile-dropdown::after {
        content: "\f107";
        color: #000;
        font-family: "Font Awesome 6 Free";
        font-size: 13px;
        font-weight: 700;
        line-height: 32px;
        border: 0;
        padding: 0;
    }
    .navbar-collapse #main-menu > li.menu-item-has-children > span.mobile-dropdown::after {
        line-height: 42px;
    }
    .navbar-collapse #main-menu > li.menu-item-has-children > span.mobile-dropdown.active-child::after {
        color: var(--main);
    }
    .navbar-collapse #main-menu li:hover > a::before, 
    .navbar-collapse #main-menu li.current-menu-item > a::before {
        display: none !important;
    }
    .navbar-collapse #main-menu li ul.dropdown-menu {
        display: none;
        position: relative;
        width: 100%;
        padding: 0 0 10px 15px;
        border: 0 !important;
        box-shadow: 0 0 0;
        top: 0; left: 0;
        visibility: visible;
        opacity: 1;
    }
    .navbar-collapse #main-menu li > ul.dropdown-menu > li > a {
        font-size: 15px;
        padding: 6px 20px;
        outline: none;
    }
    .navbar-collapse #main-menu li > ul.dropdown-menu > li > a:hover,
    .navbar-collapse #main-menu li > ul.dropdown-menu > li > a:focus,
    .navbar-collapse #main-menu li > ul.dropdown-menu > li > a:active {
        color: var(--main);
        background-color: transparent;
    }
    
    .navbar .navbar-nav li.login-button > a,
    .navbar .navbar-nav li.login-button > a:hover{
		border: 2px solid transparent !important;
	}
	
	.navbar .navbar-nav [class*="current"] .nav-link, .navbar .navbar-nav .menu-item:hover .nav-link {
		border-color: transparent !important;
	}	
    
    
    .navbar .navbar-nav [class*="current"] .nav-link,
	.navbar .navbar-nav .menu-item:hover .nav-link {
	    border-bottom: 2px solid transparent !important;
	}



    #header .logo a img{ height: 70px; }
    
    #header{ padding-left: 30px; padding-right: 30px; }
	
	.home-section{ padding: 50px 0 90px; }
	.home-section h2{ font-size: 23px; }
    .home-section h2 br{ display: none; }
    
    .home-section .scroll-circle{ bottom: -160px; }
    
    .hero-photo{ height: 400px; margin-bottom: -220px; }
    
    .about{ padding: 0px 0 50px; }
    .about h3{ font-size: 22px; }
    
    
    .about .txt-box{ padding-top: 20px; padding-bottom: 40px; }
    .about .col-txt{ padding-left: 0; padding-top: 0px; }
    .about .txt-box .col-border li{ font-size: 17px; }
    .about-title h3{ padding: 0; }
    
    .about .photo{ height: 400px; padding-bottom: 20px;  }
    .container-title h2{ font-size: 70px; }
    
    
    .strategy .container{ max-width: 94%; }
    .strategy{ margin-top: -70px; }
    
    .section-title{ font-size: 17px; }
    .team h2{ font-size: 55px; line-height: 36px;  }
 
 
    .team .item .txt h3{ font-size: 25px; padding-top: 20px; }
    .team .item .txt h5{ font-size: 11px; margin-bottom: 0; }
    .team .item_in .icon{ flex: 0 0 100px; }
    .team .item_in .icon img{ width: 100px; height: 100px; }
    .team .item .txt p{ font-size: 16px; }
    
    .opportunity-fund-top{ padding-bottom:40px; }
	#opportunity-fund{ padding-bottom: 40px; }
	    
}

@media (max-width: 991px) {
    
    .hero-photo{ width: 100%; height: 340px; }
    
    .strategy{ padding-bottom: 50px; }
    .strategy .item_in{ padding: 40px 40px 20px; }
    .strategy .item h3{ font-size: 23px; }
    
    .team{ padding-bottom: 20px; padding-top: 50px; }
    .team .item{ padding-right: 15px; }
    
    .contact-photo{ height: auto;}
    .contact-photo .photo-in{ flex: 0 0 100%; height: 400px; margin: 0; }
    
    .about .photo{ height: 460px; }
    
    .modal.show .modal-dialog{ max-width: 90%; }
    
    #footer .menu ul li a{ font-size: 13px; }
    #footer .copy p{ font-size: 12px; }
    
    #hero-sub{ padding-top: 0; }
    #page-wrapper{ padding-top: 30px; }
    
    .entry-content p, .entry-content ul li, .entry-content ol li{ font-size: 16px; }
    
    .strategy-intro{ max-width: 696px; }
    .strategy-intro p{ font-size: 16px; }
    
    .row-footer-form{ margin-top: 35px;}
    #footer h2{ margin-bottom: 20px; }
}

@media (max-width: 767px) {
    
    .home-section{ padding: 30px 0 70px; }
    .home-section h2{ font-size: 20px; }
    
    .home-section .scroll-circle{ width: 110px; height: 110px; left: 15px; bottom: -120px; }
    
    .hero-photo{ background-attachment: scroll; height: 320px; background-size: cover;  }
    
    .about{ padding: 30px 0; }
    .about h3{ font-size: 20px; padding: 10px 0;  }
    .about .txt-box .col-border li{ font-size: 16px; }
    
    .section-title{ font-size: 17px; margin: 10px 0; }
    .section-title:before{ height: 13px; }
    
    .about .photo{ background-attachment: scroll; background-size: cover;  height: 380px; padding-bottom: 50px;  }
    .container-title h2{ font-size: 50px; }
    
    .team h2{ font-size: 40px; }
    
    .strategy{ margin-top: -40px; }
    
    #footer{ padding-bottom: 5px; }
    #footer .menu ul li::after{ display: none; }
    #footer .menu ul{ flex-wrap: wrap; }
    
    #footer .copy p{ display: block; }
    #footer .copy p a{ display: block; margin-top: 10px;}
    
    .modal-body .photo .icon_in{ display: flex; padding-bottom: 0; }
    .modal-body .photo img{ width: 120px; height: 120px; }
    .modal-body .photo .linkedin{ margin-left: auto; margin-right: 40px; display: flex; }
    .modal-body .photo .linkedin a{ margin: auto; }
    .modal-body h3{ font-size: 30px;}
    .modal-body h5{ font-size: 12px; }
    
    .entry-content h3, .sitemap_by_click5 h2{ font-size: 22px; line-height: 1.3; padding-left: 30px; }
    .entry-content h3::before, .sitemap_by_click5 h2::before{ width: 20px; margin-top: 9px; }
    
    .about .txt-box{ padding-top: 0;}
    
    .about-title h3{ font-size: 23px;}
    
    .strategy-intro{ max-width: 516px; }
}

@media (max-width: 575px) {
	
	#sticky-footer{ display: none !important; }
    
    #header {  padding-left: 15px;  padding-right: 15px; }
    .home-section{ padding: 0; padding-bottom: 80px; }
    .about h3,
    .home-section h2{ font-size: 18px; }
    
    .about .txt-box{ padding: 20px 15px; }
    
    .about .txt-box .col-border ul{ padding: 0; }
    
    .team{ padding-top: 10px; }
    .team h2{ font-size: 35px; background: transparent; margin-left: 0; }
    .team h2 span{ padding-left: 0; margin-left: 0; }
    .team .item_in .icon{ flex: 0 0 80px; }
    .team .item_in .icon img{ width: 80px; height: 80px; }
    .team .item_in{ padding-bottom: 20px; }
    
    .team .item .txt p,
    p, ul li, ol li, 
    .team .item .txt .more{ font-size: 15px; }
    
    .modal-body{ padding: 30px 25px; }
    .modal.show .modal-dialog{ max-width: 95%; margin-left: auto; margin-right: auto; }
    
    .contact-photo .photo-in{ height: 300px; }
    
    .container-title h2{ font-size: 40px;}
    
    .about-title h3{ font-size: 20px;}
    
    #opportunity-fund{ padding-bottom: 10px; }
    
    .about .col-txt{ padding-right: 0; padding-top: 0; }
    .about .txt-box{ padding-top: 0; }
    
    .container-title h2{ line-height: 1;}
    
    #opportunity-fund{ padding-top: 120px;}
    
    #footer h2{ margin-bottom: 0; }
    .row-footer-form{ margin-top: 45px; }
}