@media (max-width: 1300px) {
    .container {
        max-width: 1200px;
    }
    .second-header {
        padding-top: 10px;
    }
    .main-menu ul li {
        padding: 10px 0;
    }
    .footer .uk-width-1-2:first-child {
        width: 40%;
    }
    .footer .uk-width-1-2:nth-child(2) {
        width: 60%;
    }
    .project-main {
        padding: 40px 30px;
    }
    .project-item-banner .project-item-intro {
        max-width: 1200px;
        padding: 0 40px;
        box-sizing: border-box;
    }
    .project-main {
        max-width: 1200px;
        padding: 30px 40px;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .main-menu .menu2 li a {
        font-size: 30px;
        transition: .4s ease;
    }
    .project-banner-intro2 {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
        width: 100%;
        box-sizing: border-box;
    }
    .projblocks {
        max-width: 1200px;
        padding: 0 40px;
        box-sizing: border-box;
    }
}
@media (max-width: 1100px) {
    .top-menu2 {
        margin-right: 0;
    }
    .container {
        max-width: 1000px;
    }
    .project-item-banner .project-item-intro {
        max-width: 1000px;
    }
    .project-main {
        max-width: 1000px;
    }
    .uk-width-3-4.main-menu {
        width: 60%;
    }
    .uk-width-1-4.second-menu {
        width: 40%;
    }
    .page-section3 .uk-width-1-3 {
        width: 50%;
    }
    .page-section3 .uk-width-3-4 {
        width: 100%;
    }
    .news-img {
        height: 18vw;
    }
    .footer .uk-width-1-2:first-child {
        width: 30%;
    }
    .footer .uk-width-1-2:nth-child(2) {
        width: 70%;
    }
    .footer-2 {
        font-size: 13px;
    }
    .footer-2 a {
        font-size: 12px;
    }
    .project-slider .uk-slidenav-previous, .project-slider .uk-slidenav-next {
        top: 35px;
    }
    .category-module.uk-accordion {
        width: 100%;
        font-size: none;
    }
    .aside {
        display: none;
    }
    .uk-width-1-3.sliderp-container {
        width: 100%;
        display: block;
        padding: 0 30px;
        padding-bottom: 100px;
    }
    .uk-grid.uk-slider.uk-slider-container {
        margin: 0;
    }
    .sliderp-text {
        width: 100%;
        max-width: 100%;
    }
    .projects .uk-width-2-3 {
        padding-left: 0;
        width: 100%;
    }
    .project-banner-intro2 {
        padding: 40px 30px;
    }
    .project-banner-intro2 h1 {
        font-size: 70px;
        font-weight: 500;
        margin-top: 0;
        line-height: 1.2;
    }
    .projdesc .uk-width-1-4 {
        width: 30%;
    }
    .projdesc .uk-width-2-4 {
        width: 70%;
    }
    .projblocks {
        padding: 20px 30px;
    }
    .project-item-img2 {
        height: 500px;
    }
    .project-banner-media2 video {
        height: 500px;
        object-fit: cover;
    }
    .ph_baseb img {
        max-width: 100%;
    }
    .ph_basea video {
        max-width: 100%;
    }
}

@media (max-width: 991px) {
    .main-menu .menu2 li a {
        font-size: 20px;
    }
    .top-menu2 {
        margin-right: 200px;
        display: none;
    }
    .contact .main .uk-width-2-3, .contact .main .uk-width-1-3 {
        padding-left: 80px;
    }
    .contact .main > .container > form > .uk-grid {
        margin-left: -80px;
    }
    .container {
        padding: 0 30px;
    }
    .page-header h1 {
        font-size: 64px;
        letter-spacing: -2px;
    }
    .main-menu li a {
        font-size: 64px;
    }
    .second-header {
        overflow-x: scroll;
        height: 60vh;
        padding-bottom: 100px;
    }
    .nav-container--open {
        overflow: hidden;
    }
    .rsform-block {
        padding: 10px 0;
    }
    .project-banner {
        height: 400px;
    }
    .project-main {
        padding: 40px 30px;
    }
    .project-banner video {
        height: 400px;
        object-fit: cover;
    }
}
@media (max-width: 850px) {

    .desktop-link {
        display: none;
    }
    .mobile-link {
        display: block !important;
    }
    .project-banner-intro {
        position: relative;
        width: 100%;
    }
    .project-item-banner {
        display: block;
    }
    .project-banner-intro {
        position: relative;
        width: 100%;
        padding: 40px 0;
    }
    .project-banner-media {
        width: 100%;
    }
    .aside {
        display: none;
    }
    .header {
        position: sticky;
    }
    .project-item-banner .project-item-intro {
        width: 100%;
        padding: 0 20px;
    }
    .about-section6 > .container > .uk-grid > .uk-width-1-3, .about-section6 > .container > .uk-grid > .uk-width-2-3 {
        width: 100%;
        padding: 0;
    }
    .about-section6 > .container > .uk-grid {
        margin: 0;
    }
    .about-team .recentwork-img {
        height: 250px;
    }
    .about-section3 .uk-width-1-2 {
        width: 100%;
    }
    .about-section3 .uk-width-1-2 .moduletable + .moduletable {
        margin-top: 20px;
    }
    .about-section1 .uk-width-1-2 {
        width: 100%;
        /* padding: 0; */
    }
    .page-section1 .uk-width-1-3, .page-section1 .uk-width-2-3 {
        width: 100%;
    }
    .form-success {
        margin-bottom: 80px !important;
    }
    .uk-subnav.uk-subnav-pill {
        display: block;
        width: 100%;
    }

    .uk-subnav.uk-subnav-pill li {
        margin: 10px 0;
    }
    .about-v3 .inner-header h1 {
        font-size: 32px;
    }
    .contact .inner-header h1 {
        font-size: 32px;
    }
    .contact .main {
        padding: 60px 0;
    }
    .contact .main .uk-width-2-3, .contact .main .uk-width-1-3 {
        width: 100%;
    }
    .main-menu li a {
        font-size: 40px;
    }
    .uk-width-3-4.main-menu {
        width: 100%;
    }
    .uk-width-1-4.second-menu {
        width: 100%;
    }
    .second-header {
        overflow-x: scroll;
        height: 78vh;
        padding-bottom: 0;
    }
    .nav-container--open {
        overflow: hidden;
    }
    .page-section3 .uk-accordion-title {
        font-size: 16px;
    }
    .page-section3 h3 {
        font-size: 30px;
    }
    .hero-text-box {
        padding-top: 100px;
    }
    .logo.uk-width-1-4 {
        width: 50%;
    }
    .menu.uk-width-3-4 {
        width: 50%;
    }
    .about-slider h2 {
        font-size: 32px;
    }
    .page-section3 .uk-width-1-3 {
        width: 100%;
    }
    .main-menu li a::after {
        content: "";
        width: 49px;
        height: 25px;
        display: block;
        position: absolute;
        right: -100px;
        top: 10px;
        transition: .4s ease;
        background-size: contain;
        background-position: left;
        background-repeat: no-repeat;
    }
    .services-2b .uk-width-1-2.img-border img {
        height: 300px;
        margin-bottom: 30px;
    }
    .pager.pagenavadasdas .previous a {
        width: 150px;
        display:block;
    }
    .pager.pagenavadasdas .next a {
        width: 150px;
        display: block;
    }
    .custom.image-left .uk-width-6-10, .custom.image-left .uk-width-4-10 {
        width: 100%;
    }
    .services-2b .imagelefttext {
        margin-top: 30px;
    }
}
@media (max-width: 650px) {
    .ph_basea video {
        max-width: 80%;
    }
    .projdesc .uk-width-1-4 {
        width: 100%;
    }
    .projdesc .uk-width-2-4 {
        width: 100%;
        margin-top: 20px;
    }
    .project-banner-intro2 h1 {
        font-size: 50px;
    }
    .page-section1 {
        padding: 40px 0;
    }
    .page-section2 {
        padding: 40px 0;
    }
    .about-section4 {
        padding: 40px 0;
    }
    .about-section4 h2 {
        margin-top: 0;
        padding-top: 0;
    }
    .page-section3 h2 {
        margin-bottom: 30px !important;
    }
    .uk-accordion {
        margin-bottom: 0;
    }
    .page-section4 {
        padding: 40px 0;
    }
    .page-section5 {
        padding: 40px 0;
    }
    .page-section5 h2 br {
        display: none;
    }
    .about-team .category-module .uk-width-1-3 {
        padding-left: 25px;
    }
    .about-slider {
        padding: 40px 0;
    }
    .about-section3 {
        padding: 40px 0;
    }
    .about-section6 {
        padding: 40px 0;
    }
    .main {
        padding: 40px 0;
    }
    .inner-header h1 {
        font-size: 36px;
    }
    .blog3-content2::before,  .blog3-content2::after{
        content: none;
    }
    .about-slider .uk-slider-items .custom {
        padding-right: 0;
        overflow: hidden;
        padding-left: 30px;
    }
    .hero-text-box ul li {
        width: 100%;
    }
    .hero-text-box ul {
        column-count: 1;
    }
    .uk-width-1-3.sliderp-container {
        padding: 0 20px;
    }
    .sliderp-img {
        margin-left: 20px;
    }
    .sliderp-text h3 {
        font-size: 30px;
    }
    .project-item-img {
        height: 400px;
        background-size: cover !important;
    }
    .projects .category-item {
        margin-bottom: 30px !important;
    }
    .aside {
        display: none;
    }
    .header {
        position: sticky;
        background: #101112;
    }
    .section2 .uk-grid {
        margin: 0;
    }
    .sliderp-text {
        max-width: 100%;
        position: relative;
    }
    .sliderp-img .uk-child-width-1-1\@m > * {
        width: 100%;
        padding-left: 30px;
    }
    .sliderp-text {
        /* height: 250px; */
        margin-bottom: 100px !important;
    }
    #uk-slider-0-items {
        padding: 20px;
        width: 100%;
        margin-left: -30px;
    }
    .projects .uk-scrollspy-inview .category-item .cat-img {
        width: 100%;
        margin-left: 0;
    }
    .projects .category-item-content {
        left: 20px;
    }
    .cat-num {
        display: none;
        top: 0;
    }
    .proj-item {
        padding-left: 0;
    }
    .main-menu li a::after {
        content: "";
        width: 49px;
        height: 25px;
        display: block;
        position: absolute;
        right: -100px;
        top: 10px;
        transition: .4s ease;
        background-size: contain;
        background-position: left;
        background-repeat: no-repeat;
    }
    .latest-news_item__top .news-img {
        height: 300px;
    }
    .latest-news_item__top h1 {
        font-size: 35px;
        font-weight: normal;
    }
    .latest-news_item__top .container, .latest-news_item__main .container {
        padding: 0;
    }
    .about-team .recentwork-img {

        height: 400px;
    }
    .about-v3 .inner-header h1 {
        font-size: 26px;
    }
    .inner-header {
        padding-bottom: 21px;
    }
    .about-slider h2 {
        font-size: 26px;
    }
    .about-slider .uk-slidenav-previous, .about-slider .uk-slidenav-next {
        display: none;
    }
    .about-section2 .uk-width-2-3 {
        padding-left: 25px;
    }
    .about-section2 h2 {
        font-size: 36px;
    }
    .cover-1 {
        height: auto;
    }
    .about-section6 .uk-width-2-3 {
        padding-left: 25px;
    }
    .partner-grid {
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 32px;
        grid-row-gap: 16px;
    }
    .container {
        padding: 0 20px;
    }
    .footer-2 .uk-grid .uk-width-1-2 {
        padding-left: 25px;
    }
    .category-module .uk-width-1-3 {
        margin-bottom: 32px;
    }
    .page-header h1 {
        font-size: 36px;
        letter-spacing: -1px;
    }
    .uk-width-1-3, .uk-width-2-6 {
        width: 100%;
    }
    .uk-width-2-3 {
        width: 100%;
    }
    .page-section1 h2 {
        font-size: 36px;
        letter-spacing: -1px;
    }
    .page-section1 .uk-width-2-3 {
        padding-left: 30px;
    }
    .page-section1 h1 {
        font-size: 36px;
        letter-spacing: -1px;
    }
    .page-section2 .uk-width-1-3 {
        width: 100%;
    }
    .recentwork-img {
        height: 235px;
    }
    .page-section4 h2 {
        font-size: 36px;
    }
    .uk-width-1-2, .uk-width-2-4, .uk-width-3-6, .uk-width-5-10 {
        width: 100%;
    }
    .page-section5 h2 {
        font-size: 30px;
    }
    .page-section5 h3 {
        font-size: 18px;
    }
    .page-section6 h3 {
        font-size: 26px;
    }
    .news-img {
        height: 52vw;
    }
    .footer .uk-width-1-2:first-child {
        width: 100%;
    }
    .footer-2 .uk-grid .uk-grid .uk-width-1-4, .footer-2 .uk-grid .uk-grid .uk-width-2-4 {
        width: 50%;
    }
    .footer .uk-width-1-2:nth-child(2) {
        margin-top: 40px;
        width: 100%;
        text-align: left;
    }
    .footer-2 .uk-grid .uk-grid {
        margin-left: -25px;
    }
    .footer-2 .uk-grid .uk-width-1-2 {
        padding-bottom: 0;
        margin-top: 0;
    }
    .footer-2 > .uk-grid > .uk-width-1-2 {
        margin-bottom: 32px;
    }

}