/**!------------------------------------------------------
	Extra large devices ( large desktops, 1200px and up )
--------------------------------------------------------**/
@media (max-width: 1400px) {
    .slider-area .carousel-caption h2 {
        font-size: 65px;
        padding: 30px 20px;
    }
    .event-list-area .title h2 {
        font-size: 60px;
    }
    .why-title h2 {
        font-size: 64px;
    }
    .conference-item h4 {
        font-size: 24px;
    }
    .news-detail-title h2 {
        font-size: 32px;
    }
}
@media (max-width: 1200px) {
    .slider-area .carousel-caption h2 {
        font-size: 50px;
    }
    .about-title h2 {
        font-size: 36px;
    }
    .call-action h2 br {
        float: left;
    }
    .event-list-area .title h2 {
        font-size: 48px;
    }
    .subscribe-title h3 {
        font-size: 28px;
    }
    .project-item p {
        font-size: 16px;
    }
    .project-item img {
        max-width: 64px;
    }
    .event-content > h2 {
        font-size: 36px;
    }
    .info-title h2 {
        font-size: 64px;
    }
    .contact-info h4 {
        font-size: 26px;
    }
    .gallery-title h2 {
        font-size: 48px;
    }
    .resource-content {
        min-height: 230px;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .keyword-title h3 {
        font-size: 40px;
    }
    .news-carousel .owl-nav button.owl-prev {
        left: -5px;
    }
    .news-carousel .owl-nav button.owl-next {
        right: -5px;
    }
    .news-carousel .owl-nav button i {
        color: #fff;
    }
}

@media (max-width: 991px) {
    .slider-area .carousel-caption h2 {
        font-size: 42px;
    }
    .slider-area .carousel-caption a {
        padding: 10px 25px;
    }
    .slider-area .carousel-indicators [data-bs-target] {
        margin-bottom: 2rem;
    }
    .title h2, .green-title h2 {
        font-size: 36px;
    }
    .main-menu .search-form form{
        display: none;
    }
    .offcanvas-body .search-form form{
        display: block;
    }
    .footer-social {
        justify-content: start;
    }
    .subscribe-title h3 {
        font-size: 28px;
    }
    .keyword-title {
        padding-right: 0;
        padding-bottom: 15px;
    }
    .call-action {
        padding-left: 0;
    }
    .why-title h2 br {
        float: left;
    }
    .why-title h2 {
        text-align: left;
        font-size: 48px;
    }
    .why-content {
        padding-left: 0;
    }
    .conference-item img{
        max-width: 60px;
    }
    .event-content {
        padding-left: 0;
        padding-top: 30px;
    }
    .event-content > h2 {
        font-size: 30px;
    }
    .info-title h2 {
        text-align: left;
    }
    .info-title h2 br{
        float: left;
    }
    .contact-title h3 {
        font-size: 36px;
    }
    .news-detail-title h2 {
        font-size: 26px;
    }
    .procurement-top-content h2 {
        font-size: 34px;
    }
    .procurement-cat h2 {
        font-size: 64px;
    }
    .procurement-content {
        padding-top: 30px;
    }
    .resource-content {
        min-height: 200px;
    }
    .event-text h3 {
        font-size: 20px;
    }
    .portal-title {
        padding-bottom: 25px;
    }
    .portal-title h2 {
        width: initial;
    }
    .flagship-title h2 {
        font-size: 32px;
    }
    .mgtc-action .call-action h2 {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .call-action .btn-primary {
        padding: 5px 30px;
    }
    .logo img {
        max-height: 32px;
    }
}

/**!--------------------------------------
	Large devices (desktops, 992px and up)
----------------------------------------**/
@media (min-width: 768px) and (max-width: 991.98px) {
    .news-carousel .owl-nav button.owl-prev {
        left: 0;
    }
    .news-carousel .owl-nav button.owl-next {
        right: 0;
    }
    .news-carousel .owl-nav button i {
        color: #fff;
    }
    .project-area .row > div .project-item > .flex-grow-1{
        margin-left: 0 !important;
        padding-top: 10px;
    }
    .project-area .row > div:nth-child(1) .project-item{
        padding-left: 20px;
    }
    .project-area .row > div .project-item{
        padding-left: 20px;
        display: block !important;
    }
    .conference-area .row > div .conference-item > .flex-grow-1 {
        margin-left: 0 !important;
        padding-top: 10px;
    }
    .conference-area .row > div:nth-child(1) .conference-item {
        padding-left: 20px;
    }
    .conference-area .row > div .conference-item {
        padding-left: 20px;
        display: block !important;
    }
    .flagship-content {
        padding-left: 30px;
    }
}

@media (max-width: 767px) {
    .slider-area .carousel-caption h2 {
        font-size: 36px;
        padding: 20px 15px;
    }
    .subscribe-title {
        text-align: left;
        padding-bottom: 10px;
    }
    .subscribe-text {
        text-align: left;
        padding-top: 15px;
    }
    .keyword-title h3 {
        font-size: 36px;
    }
    .slider-area .carousel-indicators [data-bs-target] {
        margin-bottom: 1rem;
    }
    .about-title {
        padding-bottom: 20px;
    }
    .call-action h2, .mgtc-action .call-action h2 {
        font-size: 30px;
    }
    .about-area hr {
        margin: 0 0 50px;
    }
    .news-carousel .news-item {
        margin-bottom: 0;
    }
    .news-area.pt-80{
        padding-top: 60px;
    }
    .project-area .row > div:first-child {
        background: #7bb94c;
    }
    .project-area .row > div:last-child {
        background: #cc784a;
    }
    .project-area::after {
        display: none;
    }
    .project-area .row > div:nth-child(1) .project-item {
        padding-left: 20px;
    }
    .why-title h2 {
        font-size: 36px;
    }
    .conference-area .row > div:first-child {
        background: #7bb94c;
    }
    .conference-area .row > div:last-child {
        background: #42a14d;
    }
    .conference-area::after {
        display: none;
    }
    .conference-area .row > div:nth-child(1) .conference-item {
        padding-left: 20px;
    }
    .event-list-area .event-form button img{
        max-width: 24px;
    }
    .event-list-area .title {
        padding-bottom: 30px;
    }
    .search-title h3 {
        font-size: 32px;
    }
    .address {
        padding-right: 0;
        padding-top: 30px;
    }
    .contact-title h3 {
        text-align: left;
    }
    .contact-form {
        padding-left: 0;
        padding-top: 15px;
    }
    .gallery-title h2 {
        font-size: 36px;
    }
    .sidebar-area {
        padding-left: 0;
        padding-top: 40px;
        border-top: 5px solid #000;
        margin-top: 40px;
    }
    .news-detail-title h2 {
        font-size: 24px;
    }
    .procurement-detail h3 {
        font-size: 30px;
    }
    .procurement-top-content h2 {
        max-width: inherit;
    }
    .procurement-top-content ul {
        padding-left: 0;
    }
    .procurement-top-content li{
        padding-left: 0;
    }
    .procurement-top {
        padding: 0;
    }
    .procurement-top::after {
        background: #42a14d;
        display: none;
    }
    .procurement-top .row > div:first-child {
        background: #7fbf4e;
    }
    .procurement-top .row > div:last-child {
        background: #42a14d;
    }
    .procurement-top-content {
        padding: 30px;
    }
    .procurement-cat h2 {
        font-size: 50px;
    }
    .procurement-item .flex-shrink-0 {
        min-width: 120px;
        max-width: 120px;
    }
    .video-title h3 {
        font-size: 26px;
    }
    .event-text {
        padding-left: 0;
        padding-top: 20px;
    }
    .sub-title h2 {
        font-size: 32px;
    }
    .portal-title h2 {
        font-size: 42px;
        line-height: initial;
    }
    .portal-carousel .owl-nav button.owl-next {
        right: -25px;
    }
    .portal-carousel .owl-nav button.owl-prev {
        left: -25px;
    }
    .mgtc-action .call-action {
        padding: 30px 0;
    }
    .perform-item {
        height: initial;
        margin-bottom: 30px;
    }
    .portal-btn a {
        font-size: 13px;
        padding: 6px 10px;
    }
    .info-title h2 {
        width: auto;
    }
}

/**!---------------------------------------------
	Small devices (landscape phones, 576px and up)
-------------------------------------------------*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .conference-item {
        margin: 0 10%;
    }
    .conference-area > .container {
        max-width: 100%;
    }
}

@media (max-width: 639px) {
    .slider-area .carousel-caption h2 {
        font-size: 32px;
    }
    .news-carousel .owl-nav button.owl-prev {
        left: -5px;
    }
    .news-carousel .owl-nav button.owl-next {
        right: -5px;
    }
    .news-carousel .owl-nav button i {
        color: #fff;
    }
    .event-list-area .title h2 {
        font-size: 40px;
    }
    .keyword-title h3 {
        font-size: 30px;
    }
    .event-content-bottom a {
        padding: 6px 20px;
    }
    .event-title h4, .gallery-title h4, .news-title h4 {
        font-size: 20px;
    }
}

@media (max-width: 575px) {
    .offcanvas-end {
        width: 300px;
    }
    .offcanvas-btn span {
        font-size: 16px;
    }
    .offcanvas-btn img {
        max-width: 30px;
    }
    .slider-area .carousel-caption h2 {
        font-size: 26px;
    }
    .slider-area .carousel-item img {
        min-height: 300px;
    }
    .title h2, .green-title h2 {
        font-size: 36px;
    }
    .btn-outline-primary {
        padding: 5px 15px;
        font-size: 15px;
    }
    .header-area .logo h3 {
        display: none;
    }
    .keyword-form button.webinar-btn {
        padding: 10px 15px 10px;
    }
    .footer-menu-area .row > .col-lg-2{
        max-width: 50%;
    }
    .call-action h2 {
        font-size: 26px;
    }
    .event-content > h2 {
        font-size: 24px;
    }
    .search-title {
        text-align: left;
        padding-bottom: 10px;
    }
    .search-title h3 {
        font-size: 28px;
    }
    .btn-primary {
        padding: 6px 25px;
    }
    .info-title h2 {
        font-size: 48px;
    }
    .contact-info h4 {
        font-size: 24px;
    }
    .procurement-detail .contact-form label {
        text-align: left;
    }
    .procurement-top-content h2 {
        font-size: 26px;
    }
    .procurement-item {
        padding: 15px 15px;
    }
    .procurement-item > div{
        display: block !important;
    }
    .procurement-item h4 {
        padding-left: 0;
    }
    .procurement-item .flex-shrink-0 {
        min-width: inherit;
        max-width: inherit;
        border-bottom: 2px solid #202020;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    .procurement-item .flex-grow-1 {
        border: none;
        padding-left: 0;
        margin-left: 0 !important;
    }
    .resource-content {
        min-height: auto;
    }
    .video-title h3 {
        font-size: 20px;
    }
    .event-text h3 {
        font-size: 17px;
    }
    .sub-title h2 {
        font-size: 24px;
    }
    .portal-title h2 {
        font-size: 36px;
    }
    .portal-carousel .owl-nav button.owl-next {
        right: 15px;
    }
    .portal-carousel .owl-nav button.owl-prev {
        left: 15px;
    }
    .portal-carousel .owl-nav button i {
        color: #1b1e1e;
    }
    .portal-carousel .owl-nav button {
        bottom: calc(50% - 20px);
    }
    .flagship-title h2, .green-title h2 {
        font-size: 24px;
    }
    .flagship-title h4 {
        font-size: 20px;
    }
    .flagship-item h4 {
        font-size: 20px;
    }
    .flagship-item p {
        font-size: 14px;
    }
    .city-select {
        padding-top: 10px;
        padding-bottom: 20px;
    }
    .city-select .form-select:focus, .city-select .form-select {
        width: auto;
    }
    .year-title h3 {
        font-size: 26px;
    }
    .video-title h4 {
        font-size: 18px;
    }
    .logo img {
        max-height: 30px;
    }
}

/**!------------------------------------------------------
	Extra small devices (portrait phones, less than 576px)
--------------------------------------------------------**/
@media only screen and (min-width: 400px) and (max-width: 575.98px) {
    .event-details .row > div{
        max-width: 50%;
    }
}

@media (max-width: 479px) {
    .title h2 {
        font-size: 30px;
    }
    .slider-area .carousel-caption h2 {
        font-size: 20px;
        padding: 10px 0 20px;
    }
    .application-btn {
        text-align: left;
    }
    .application-btn a {
        margin-right: 10px;
        margin-bottom: 15px;
    }
    .procurement-cat h2 {
        font-size: 42px;
    }
    .portal-title h2 {
        font-size: 30px;
    }
}