@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; }
	
	#header{ padding-left: 20px; padding-right: 20px; }
	#header .logo img{ width: 300px; }
	
	.photo.parallax{ height: 500px; }
	
	.risk-management p{ font-size: 21px; }
}
@media (max-width: 1399px) {
	
	#header .logo img{ width: 220px; }
	
	.navbar .navbar-nav > li{ margin: 0 10px; }
	
	.home-section{ padding: 100px 0; }
	.home-section h2{ font-size: 35px; }
	.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; }
	
	.about .txt-box{ margin-bottom: 0; }
	
	.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; }
	
	.section-risk{ padding-top: 0; }
	
	.photo.parallax{ height: 480px; }
	
	.team h2.title,
	#footer h2,
	.section .container-title h2{ font-size: 85px; }
	
	.section.about-title .container-title h2{ bottom: -30px; }
	
	#team{ padding: 40px 0; }
	
	.team .item .txt h3{ font-size: 23px; }
	
	.services h3{ font-size: 22px; }
	
	.section p,
	.accordion .card-box p,
	.services p{ font-size: 20px; }
}



@media (max-width: 1199px) {
    
	.about-boxes .item .in{
		margin: 0; 
	}
    .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; width: auto; }
    
    #header{ padding-left: 30px; padding-right: 30px; }
    
    .hero-photo{ width: 100%; }
	
	.home-section{ padding: 50px 0 50px; }
	.home-section h2{ font-size: 30px; }
    .home-section h2 br{ display: none; }
    
    .home-section .scroll-circle{ bottom: -160px; }
    
    .hero-photo{ height: 400px; margin-bottom: -220px; }
    .photo.parallax{ height: 400px; }
    
    .about{ padding: 0px 0 50px; }
    .about h3{ font-size: 22px; }
    
    
    .about-title h3{ margin-top: 30px; }
    .about .txt-box{ padding-top: 50px; padding-bottom: 30px; }
    .about .col-txt{ padding-left: 0; padding-top: 20px; }
    .about .txt-box .col-border li{ font-size: 17px; }
    
    .section.about-title .container-title h2{ bottom: -50px; }
    
    #about{ padding-bottom: 40px; }
    
    .container-title h2{ font-size: 70px; }
    
    .stat .item .title{ font-size: 15px; }
    
    
    .strategy .container{ max-width: 94%; }
    .strategy{ margin-top: -70px; }
    
    .section .container-title h2{ margin-bottom: -50px; }
    
    .section-title{ font-size: 17px; }
    .team h2{ font-size: 55px; line-height: 36px;  }
    
    .section-2-line-title {
	  margin-top: -360px;
	  padding-top: 370px;
	}
	.section .container-title h2{
		margin-bottom: -27px; 
	}
	
	.process-image{ width: 100%; }
	
	.modal-body{
		padding: 40px 50px 30px; 
	}
	.modal{
		--bs-modal-width: 94%;
	}
	.modal-diff{
		--bs-modal-width:  94%;
	}
	.modal.show .modal-dialog,
	.modal-diff.show .modal-dialog{
		max-width: 94%;
		width: 94%;
	}
	
 
    .team .item .txt h3{ font-size: 21px; 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; }
	
	.modal-body h2{ font-size: 30px; }
	.modal-body h3{ font-size: 20px; }
	
	.risk-management .item .item_in{ padding: 30px 0px 30px 30px; }
	    
	 .process-image{ padding-top: 0; }   
	 
	 .services .box ul{ padding-left: 0; }
	 
	 .navbar .navbar-nav .contact-button .nav-link, navbar .navbar-nav .contact-button .nav-link:hover{ color: #fff !important; }
	 .navbar .navbar-nav li.login-button::before{ display: none; }
	 
	 #single-wrapper{ padding: 20px 0; }
	 
	 .about-boxes .item{ flex: 0 0 100%; margin-bottom: 20px;}
	 
}

@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; }
    
    
    .photo.parallax,
    .about .photo{ height: 340px; }
    
    .team h2.title, #footer h2, .section .container-title h2{ font-size: 70px; }
    
    .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; }
    
    .stat .item{ flex: 0 0 33.33%; margin-bottom: 50px; }
    
    .section-2-line-title{ margin-top: -260px; padding-top: 260px; }
    
    .risk-management .text{ padding: 30px 0; }
    .risk-management .text-1{ padding-top: 40px; }
    
    .our-difference .item_in{ padding: 30px 10px; }
    .our-difference .item h3{ font-size: 20px; }
    .our-difference .item_in::after{ right: 20px; top:34px; }
    
    .risk-management .item{ flex: 0 0 100%; margin-bottom: 20px; }
    .risk-management .item .item_in{ margin-left: 0; margin-top: 0px; }
    
    .section p, .accordion .card-box p, .services p{ font-size: 18px; }
    
    .accordion .card-box li{ font-size: 18px; }
    
    .services .box{ margin-top: 0; }
    
    .accordion .card-box li::before{ top: 0; }   
    .accordion h2 .in { font-size: 23px; }
    .accordion h2 .in::before{ top: -13px; }
    
    .services .box-out{ margin-left: 0; }
    
    .row-footer-form{ margin-top: 50px;}
    
    #footer .linkedin{ flex: 0 0 100%; order: 1; padding-bottom: 15px; }
    #footer .menu{ flex: 0 0 100%; order: 2; }
    
    #footer .linkedin a{ margin: 0 auto; }
    
    .section.about-title .container-title h2{ bottom: -62px; }
    
     .modal-diff .modal-body .photo{ width: 140px; height: 140px; }
     
     
     .parallax.photo, .about .photo{ background-attachment: inherit; }
     
     #single-wrapper .back{ margin-top: 35px; margin-bottom: 35px; }
     .single .post-title{ font-size: 35px; }
     
     #recent-posts { padding: 40px 0; }
     #recent-posts h2{ font-size: 35px; padding-bottom: 30px; }
     
     .about .show{ font-size: 17px; }
}

@media (max-width: 767px) {
    
    .home-section{ padding: 30px 0 30px; }
    .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-bottom: 0;}
    .about{ padding: 30px 0;  }
    .about h3{ font-size: 20px; padding: 10px 0;  }
    .about .txt-box .col-border li{ font-size: 16px; }
    
    .stat .item{ margin-bottom: 25px; margin-top: 25px; }
    .stat .item .value { font-size: 36px; padding-bottom: 10px; }
    .stat .item .value span{ font-size: 30px; }
    
    
    .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 h2{ font-size: 25px;}
    .modal-body h3{ font-size: 20px;}
    .modal-body h5{ font-size: 12px; }
    
    .entry-content h3, .sitemap_by_click5 h2{ font-size: 22px; line-height: 1.3; padding-left: 0px; }
    
    
    .about-boxes .item .in{ padding: 25px 0 25px 25px; }
    
    .about-title h3{ font-size: 23px;}
    
    .process,
    #our-difference{ padding-bottom: 40px; }
    
    .team .item_in{ margin-bottom: 10px; padding-bottom: 10px; margin-top: 10px; }
    
    #page-wrapper{ margin-bottom: 250px; }
    
    .about.section .container-title h2{ margin-bottom: -80px; }
    
    #hero-sub h1{ font-size: 40px;}
    .news .content{ padding: 30px 30px 130px 30px; }
    .news .content h2, .news .content h3{ font-size: 23px;}
    .news .content .more span{ font-size: 14px;}
    .news .content .more{ left: 30px; }
    
    #footer .row.row-2{ margin-top: 20px; }
    
    #index-wrapper.wrapper{ padding-bottom: 0; }
    
}

@media (max-width: 575px) {
	
	#sticky-footer{ display: none !important; }
	
	.hero-photo{ height: 280px; }
    
    #header {  padding-left: 15px;  padding-right: 15px; }
    .home-section{ padding: 0; padding-bottom: 0px; }
    .about h3,
    .home-section h2{ font-size: 18px; }
    
    .section.about-title .container-title h2{ bottom: -80px; }
    
    .about .txt-box{ padding: 20px 15px; }
    .about .txt-box .col-border ul{ padding: 0; }
    
    .about-title h3{ margin-top: 50px; font-size: 18px; }
    
    .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; }
    
    .section p, .accordion .card-box p, .services p{ font-size: 16px; }
    
    .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; }
    
    .stat .item{ flex: 0 0 50%; }
    
    .parallax.photo,
    .about .photo{ height: 280px;  }
    
    .team h2.title, #footer h2, .section .container-title h2{ font-size: 50px; }
    
    .about.section .container-title h2{ margin-bottom: -77px; }
    
    .modal-diff .modal-body .photo{ width: 100px; height: 100px; }
    .modal-diff .modal-body .photo img{ width: 50px; height: 50px; }
    
    .modal-body h3{ font-size: 18px; }
    .risk-management .item p,
    .modal-body p{ font-size: 16px; line-height: 1.6; }
    
    .risk-management .item h3{ padding: 10px 0; }
    
    .section .container-title h2,
    .section-risk .container-title h2{ margin-bottom: -26px; }
    
    .services .box ul li{ font-size: 16px;}
    
    .team .item .txt h3{ font-size: 18px; }
    .team .item{ padding-left: 15px; }
    
    
    .modal-body .linkedin a{   margin-left: 0; margin-right: auto;  margin-top: 10px;  }
    
    .news .content p{ font-size: 16px; }
    .news .content .more{ width: calc(100% - 60px); } 
	
	.back-top{ display: none !important; }
	
	.single .post-title{ font-size: 29px; }
	.entry-content .row-photo h4{ font-size: 16px; }
	.entry-content h3{ font-size: 24px; }
	.row-photo small{ font-size: 12px; }
	
	.about-boxes .title{ font-size: 25px; }
	.about-boxes .text{ font-size: 16px; }
	.about-boxes .item .in::after{ top: 60px; height: calc( 100% - 70px ); }
	
	.accordion .card-box ul{ padding-left: 0; }
	.accordion .card-box li{ font-size: 16px; }
	
	 .about .show{ font-size: 15px; 
}