.container {
    max-width: 1296px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
@media (max-width: 1679px) {}
@media (max-width: 1439px) {
    .container {
        max-width: 1170px;
    }
    .latest-news-slider-v1 {
        margin: 0 -350px;
    }
    .upcoming-events-tag {
        max-width: 1170px;
    }

    .our-experience-info-right {
        width: 615px;
    }
    .our-experience-info-left {
        width: 531px;
    }
}
@media (max-width: 1279px) {}
@media (max-width: 1199px) {
    .container {
        padding: 0 24px;
    }
    .upcoming-events-tag {
        padding: 0 24px;
    }
    .footer-main-wrapper {
        padding: 0 24px;
    }
    .hero-banner-info {
        width: 700px;
    }
    .hero-banner-info h1 {
        font-size: 63px;
        line-height: 72px;
    }
    .hero-banner-info p {
        padding-right: 120px;
    }
    .btn {
        height: 50px;
        font-size: 18px;
        padding: 13px 15px;
    }
    .latest-news-slider-v1 {
        margin: 0 -250px;
    }
    .latest-news-flex-row {
        margin-bottom: 48px;
    }
    .resources-col-left-info h3 {
        font-size: 28px;
        line-height: 43px;
    }
    .our-experience-info-left {
        width: 45%;
    }
    .our-experience-info-right {
        width: 51%;
    }
    .contact-home-wrap {
        padding-left: 105px;
    }

    .resources-col-right {
        width: 379px;
    }
    .resources-col-left {
        width: calc(100% - 379px);
    }
    .our-offers-title {
        width: 175px;
    }
    .our-offers-thumbnail1 {
        width: 52px;
    }
    .our-offers-col a:hover .our-offers-title {
        transform: translateX(-70px);
    }
    .our-experience-info-left p {
        font-size: 18px;
    }
    .contact-logo {
        bottom: 16px;
        left: 16px;
        width: 52px;
    }
    .footer-main-nav-group {
        width: 345px;
    }
    .page-heading-info h1 {
        font-size: 65px;
        line-height: normal;
    }
    .page-heading-info {
        padding: 0 0 37px;
    }
    .explore-our-team-content {
        padding-right: 36px;
        width: calc(100% - 175px);
    }
    .team-content-info h5 {
        font-size: 16px;
        line-height: normal;
    }
    .team-content-info p {
        font-size: 14px;
    }
    .explore-our-team-menu ul li {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 10px;
    }
    .explore-our-team-sidebar h6 {
        font-size: 14px;
    }
    .explore-our-team-sidebar {
        width: 175px;
    }
    .team-info-img img {
        height: 271px;
    }
    .latest-news-heading h2, .upcoming-events-heading h2 {
        font-size: 50px;
        line-height: 58px;
    }
    .latest-news-heading h2 span {
        padding-left: 20px;
    }
}
@media (max-width: 1023px) {
    .how-to-use-tab-col {
        width: calc(50% - 10px);
    }

    .team-info-img img {
        height: 182px;
        border-radius: 10px;
    }
}
@media only screen and (device-width: 812px) and (device-height: 375px) and (-webkit-device-pixel-ratio: 3) {}
@media (max-width: 767px) {
    .container {
        padding: 0 20px;
    }

    .hero-banner-info {
        width: 100%;
    }
    .hero-banner-info h1 {
        font-size: 38px;
        line-height: 45px;
    }
    .hero-banner-info p {
        padding-right: 0;
        font-size: 20px;
        line-height: 31px;
    }
    .btn {
        font-size: 16px;
    }

    .scroll-learn-btn-mobile{
        display: block;
    }
    .jump-mobile-icon{
        display: flex;
        padding: 16px 0;
    }
    .subnavs-menu ul li {
        margin: 0 0 10px;
        width: 100%;
    }
    .subnavs-menu ul li a {
        display: inline-flex;
    }
    .homepage-navs-wrapper {
        display: none;
        padding-bottom: 30px;
        padding-top: 10px;
    }
    .homepage-navs-wrapper.active {
        display: block;
    }
    .homepage-navs {
        padding: 0 0;
    }
    .our-mission-section {
        padding: 112px 0;
    }
    .our-mission-info h2, .our-mission-info h3  {
        font-size: 30px;
        line-height: 135%;
    }
    .latest-news-heading h2, .upcoming-events-heading h2 {
        font-size: 40px;
        margin: 0 0 20px;
        line-height: normal;
    }
    .latest-news-heading h2 span {
        padding-left: 34px;
    }

    .upcoming-events-tag h3 {
       font-size: 45px;
    }
    .latest-news-slider-v1 {
        margin: 0;
    }
    .news-slider-info a {
        font-size: 16px;
        line-height: 22px;
        padding-right: 25px;
    }
    .latest-news-slider-v1 .latest-news-slider-item.slick-slide {
        height: 373px;
        padding-top: 0 !important;
    }
    .latest-news-slider-v1 .slick-list {
        padding-left: 40px !important;
    }
    .latest-news-section .slick-slide.slick-active.slick-current {
        padding-top: 20px !important;
    }
    .resources-col-left {
        width: 100%;
        margin-bottom: 15px;
    }
    .resources-col-right {
        width: 100%;
        max-width: 450px;
    }
    .resources-col-left-info h3 {
        font-size: 30px;
        line-height: 135%;
    }
    .resources-section {
        padding: 90px 0px;
    }
    .tabbing-nav-list {
        display: inline-flex;
        justify-content: center;
        width: 100%;
        flex-wrap: wrap;
    }
    .our-experience-section {
        padding: 90px 0;
    }
    .our-experience-info-left p {
        margin-bottom: 24px;
    }
    .our-team-btn {
        padding-top: 0;
    }
    .contact-home-section {
        padding: 90px 0px 90px;
    }
    .contact-home-wrap {
        padding-left: 0;
        padding-top: 75px;
        border-radius: 8px;
    }
    .contact-logo {
        bottom: auto;
        left: 20px;
        width: 38px;
        top: 20px;
    }
    .contact-form-home {
        padding: 24px 11px;
    }

    .add-info-col {
        margin-right: 0;
    }
    .contact-main-form-wrapper .gform_footer .gform_button {
        height: 50px;
        font-size: 16px;
        line-height: 19px;
        min-width: 122px;
    }
    .contact-form-home .contact-main-form-wrapper .gfield.gfield-left {
        width: 100%;
    }
    .contact-form-home .contact-main-form-wrapper .gfield.gfield-right {
        width: 100%;
    }
    .subnavs-menu {
        margin: 0 0 14px;
    }
    .hero-banner-new-slider::after {
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 130%);
    }
    .page-heading-info h1 {
        font-size: 39px;
    }
    .team-content-col {
        width: calc(50% - 2px);
    }
    .team-content-info p {
        font-size: 12px;
    }
    .contact-left-bg {
        width: 100%;
    }
    .contact-left-bg img {
        object-position: center left;
    }
    .explore-our-team-section {
        padding: 149px 0 90px;
    }
    .team-info-img img {
        height: 271px;
    }
}
@media (max-width: 575px) {
    .how-to-use-tab-col {
        width: 100%;
    }
    .how-to-use-tab-info {
        column-gap: 0;
    }
    .our-experience-info-left {
        width: 100%;
    }
    .our-experience-info-right {
        width: 100%;
    }
    .our-experience-info-right ul li:last-child{
        margin-bottom: 0;
    }
    .explore-our-team-content {
        padding-right: 0;
        width: 100%;
    }
    .explore-our-team-sidebar {
        width: 100%;
        position: static;
        padding: 0;
    }
    .explore-our-team-main-section {
        flex-direction: column-reverse;
    }
    .explore-our-team-sidebar h6 span{
        display: inline-block;
    }
    .explore-our-team-menu {
        overflow: scroll;
        margin: 0 0 24px;
    }
    .explore-our-team-menu ul {
        display: inline-block;
        width: 515px;
    }
    .explore-our-team-menu ul li{
        display: inline-block;
    }
    .explore-our-team-menu ul li a {
        padding-left: 20px;
    }
    .explore-our-team-menu ul li a.active::before {
        left: 0;
        top: 5px;
    }
    .hero-banner-caption {
        padding: 42px 0 0;
    }
    .team-info-img img {
        height: 204px;
        border-radius: 10px;
    }
    .latest-news-heading {
        width: 100%;
    }
    .latest-news-heading h2 span {
        padding-left: 0;
        text-align: right;
    }
}