:root {
    --font-poppins: "Poppins", sans-serif;
    --font-playfair-display: "Playfair Display", sans-serif;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --text-body: #262626;
    --theme-dark: #262626;
    --theme-dark-rgb: 38, 38, 38;
    --goldern-yellow: #C9AF68;
    --goldern-yellow-rbg: 201, 175, 104;
    --goldern-light: #F9F7F4;
    --white: #fff;
    --error-text: #BF481B;
    --black: #000;
    --transition: all 400ms ease-in-out;
    --golden-gradient: linear-gradient(180deg, #F9F7F4 0%, #FFF 100%);
    
}

@media (min-width: 1024px) and (max-width: 1199px) {}
@media (max-width: 1281px) {

    /* Capability Section */
    .slider-arrow-round .slick-next.slick-arrow {
        right: -10px;
    }
    .slider-arrow-round .slick-prev.slick-arrow {
        left: -10px;
    }
    /* Capability Section */

}

/*Tablet*/
@media (max-width: 1199px) {
    .copyright-links-wrap{
        font-size: 16px;;
    }

    .header-wrap .site-branding{
        width: 130px;
        height: 130px;
    }
    .header-wrap {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .main-navigation ul.menu li:not(:last-child) {
        margin-right: 35px;
    }

    /* Who We Are */
    .about-img-wrap {
        padding: 42px 0 120px;
    }
    .about-img-wrap .img-3 {
        right: 0;
    }

    .about-img-wrap .img-1,
    .about-img-wrap .img-2 {
        height: 400px;
    }
    /* Who We Are */

    /* Pre Footer Contact */
    .contact-form-right {
        margin-right: 0;
        padding: 50px;
    }
    /* Pre Footer Contact */

    .media-gallery-items-wrap .left-item-wrap .video-wrap, 
    .media-gallery-items-wrap .left-item-wrap .right-item {
        height: 550px; 
        max-height: 550px;
    }
}
@media (max-width: 1024px) {

    h2, .h2 {
        font-size: 40px;
        line-height: 50px;
    }

    /* Core Values */
    .values-boxes-item {
        width: calc(33.33% - 2px);
        flex: 1 1 calc(33.33% - 2px);
    }
    .values-boxes-item:nth-child(3){
        margin-right: 0 !important;
    }
    /* Core Values */

    /* Our Projects */
    .project-filters-cpt .filter-left-links ul li a,
    .project-filters-cpt .filter-select-right select,
    .project-filters-cpt .filter-select-right select:focus{
        padding: 15px 20px;
    }
    .project-filters-cpt .filter-left-links ul li:not(:last-child) {
        margin-right: 10px;
    }
    /* Our Projects */

}

@media (min-width: 769px) and (max-width: 990px) {
    .media-gallery-items-wrap .left-item-wrap .video-wrap, 
    .media-gallery-items-wrap .left-item-wrap .right-item {
        height: 400px; 
        max-height: 400px;
    }
}
@media (max-width: 991px) {
    .right-header a.menu-icon{
        display: flex;
        margin-left: 30px;
    }

    .menu-icon svg path{
        fill: var(--white);
    }
    .header-wrap .site-branding{
        position: relative;
        transform: none;
        left: unset;
        top: unset;
        width: 70px;
        height: 70px;
        z-index: 999;
    }
    .header-wrap {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .right-header {
        position: relative;
        z-index: 999;
    }

    .menu-active .site-header::before {
        position: absolute;
        content: "";
        width: calc(100% + 60px);
        height: calc(100% + 30px);
        background: var(--theme-dark);
        left: -30px;
        transition: all .5s;
        top: -30px;
        z-index: 91;
    }
    .main-navigation {
        align-items: flex-start;
        background: var(--theme-dark);
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        height: 100dvh;
        left: -15px;
        opacity: 0;
        overflow-y: auto;
        padding: 100px 15px 25px;
        position: fixed;
        top: 0;
        transform: translateY(calc(-100% - 50px));
        transition: all .5s;
        width: calc(100% + 30px);
        z-index: 90;
        justify-content: flex-start;
        right: -15px;
    }

    .menu-main-menu-container{
        width: 100%;
        padding: 0 15px;
    }

    .main-navigation ul.menu li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .menu-icon svg,
    .menu-icon img{
        width: 20px;
        height: 20px;
    }

   .menu-active .menu-icon .icon-hamburger,
   .menu-icon .icon-close {
        display: none;
    }

    html.menu-active .icon-close {
        display: block !important;
    }

    .menu-active .main-navigation {
        height: 100vh;
        height: 100dvh;
        opacity: 1;
        transform: translateY(0);
    }

    .main-navigation ul.menu{
        flex-direction: column;
    }
    .copyright-links-wrap,
    .copyright-links-wrap p {
        font-size: 14px;
    }

    .footer-links .menu li:not(:last-child){
        margin-right: 30px;
    }
    .footer-links .menu li a{
        font-size: 16px;
    }

    /* Home Page Banner */
    .home-banner-wrap {
        padding: 200px 0;
        margin-bottom: 50px;
    }
    .banner-content .sub-title,
    .banner-content p {
        font-size: 15px;
    }
    /* Home Page Banner */

    /* Our Portfolio */
    .our-best-work-item .img-wrap {
        height: 300px;
    }
    /* Our Portfolio */

    /* Who We Are */
    .about-img-wrap {
        padding: 25px 0 120px;
    }
    /* Who We Are */

    /* Pre Footer Contact */
    .contact-form-right {
        padding: 25px;
    }
    /* Pre Footer Contact */

    /* Our Projects */
    .project-filters-cpt .filter-left-links ul li a{
        padding: 10px 12px;
    }
    .project-filters-cpt .filter-select-right select,
    .project-filters-cpt .filter-select-right select:focus{
        padding: 10px 20px 10px 10px;
    }
    .project-filters-cpt .filter-left-links ul li:not(:last-child) {
        margin-right: 10px;
    }

    .project-filters-cpt .filter-left-links ul li a,
    .project-filters-cpt .filter-select-right select, 
    .project-filters-cpt .filter-select-right select:focus{
        font-size: 16px;
        line-height: 20px;
    }
    /* Our Projects */

    /* Retail Single Page */
    .project-img-content-wrap{
        flex-direction: column;
        align-items: flex-start;
    }
    .project-img-content-wrap .project-img-left,
    .project-img-content-wrap .project-content-right{
        max-width: 100%;
    }

    .project-img-content-wrap .project-img-left{
        margin: 0;
        width: 100%;
        height: 500px;
    }

    .project-img-content-wrap .project-content-right{
        padding-bottom: 0;
    }

    .media-gallery-items-wrap .video-wrap {
        height: 450px;
    }
    /* Retail Single Page */

    /* Capability Section */
    .slider-arrow-round .slick-next.slick-arrow {
        right: 15px;
    }
    .slider-arrow-round .slick-prev.slick-arrow {
        left: 15px;
    }
    /* Capability Section */
}
@media (max-width: 768px) {}


/*Mobile Device*/
@media only screen and (max-width:767px) {
    .error-page {
        margin-bottom: 50px;
    }

    /* Heading Style */
    .small-title {
        font-size: 14px;
    }
    h1,.h1 {
        font-size: 42px;
        line-height: 54px; /* 130% */
        letter-spacing: 0px;
    }

    h2,.h2 {
        font-size: 36px;
        line-height: 50px; /* 147.727% */
    }

    h3,.h3 {
        font-size: 28px;
        line-height: 129%; /* 41.28px */
    }

    h4,.h4 {
        font-size: 22px;
    }

    h5,.h5 {
        font-size: 16px;
    }

    h6,.h6 {
        font-size: 15px;
        line-height: 20px; /* 162.5% */
    }
    /* Heading Style */

    .section-title {
        margin-bottom: 25px;
    }

    p {
        font-size: 15px;
        line-height: 24px;
    }

    .btn-theme {
        padding: 9px 15px;
        font-size: 15px;
        font-weight: var(--fw-500);
    }


    .site-footer {
        padding: 25px 0;
    }
    .footer-bottom {
        margin-top: 25px;
        padding: 25px 0 0;
    }
    .footer-links .menu{
        justify-content: center;
    }
    .footer-links .menu li,
    .footer-links .menu li:not(:last-child){
        margin: 0 10px;
    }
    .footer-links .menu li a{
        font-size: 14px;
    }
    .copyright-links span {
        margin-right: 4px;
    }

    .footer-logo{
        margin: 0 auto 20px;
    }


    /* Home Page Banner */
    .home-banner-wrap {
        padding: 120px 0 70px;
        margin-bottom: 50px;
    }
    /* Home Page Banner */

    /* Our Portfolio */
    .our-best-work-item .img-wrap {
        height: 240px;
    }
    .our-best-work-item .cotent-wrap {
        padding: 14px;
    }
    .our-best-work-item .cotent-wrap h4 {
        line-height: 1;
        font-size: 18px;
    }
    .our-best-work-wrap {
        margin-bottom: -25px;
    }
    .our-best-work-item {
        margin-bottom: 25px;
    }
    .our-best-work {
        margin-bottom: 50px;
    }
    /* Our Portfolio */

    /* Core Values */
    .our-core-values {
        padding: 50px 0 0;
        margin-bottom: 50px;
    }
    .values-boxes-item {
        width: calc(50% - 2px);
        flex: 1 1 calc(50% - 2px);
        padding: 25px;
    }
    .values-boxes-item:nth-child(3) {
        margin-right: 2px !important;
    }

    .values-boxes-item:nth-child(2),
    .values-boxes-item:nth-child(4) {
        margin-right: 0 !important;
    } 
    .values-boxes-item:hover .icon-wrap, 
    .values-boxes-item:hover .content-wrap {
        transform: translateY(-5px);
    }
    /* Core Values */

    /* Who We Are */
    .about-img-wrap {
        padding: 0px 0 120px;
    }
    .about-img-wrap .img-1, 
    .about-img-wrap .img-2 {
        width: calc(50% + 60px);
    }
    .about-img-wrap .img-3 {
        right: 25px;
        width: 110px;
    }
    .about-content-wrap{
        padding: 35px 0 0;
        max-width: 100%;
    }
    .who-we-are-wrap {
        margin-bottom: 50px;
    }
    /* Who We Are */

    /* Company Leadership */
    .company-leadership {
        padding: 50px 0;
    }
    .company-leadership .leadership-img{
        margin-top: 35px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .leadership-content-wrap .section-title {
        margin-bottom: 25px;
    }
    .leadership-content-wrap .btn-theme {
        margin-top: 9px;
    }
    /* Company Leadership */

    /* Our Projects */
    .our-project-wrap {
        padding: 50px 0 20px;
        margin-bottom: 50px;
    }
    .our-project-wrap .project-filters:not(:last-child), 
    .our-project-wrap .section-title:not(:last-child) {
        margin-bottom: 25px;
    }
    .project-items-box a .img-wrap {
        height: 300px;
    }

    .project-items-box a .content-wrap .date,
    .project-items-box a .content-wrap h5{
        font-size: 16px;
    }
    .project-items-box {
        margin-bottom: 25px;
    }
    .project-items-wrap {
        margin-bottom: -25px;
    }
    .our-project-wrap .project-filters ul li a {
        font-size: 14px;
    }
    .our-project-wrap .project-filters ul li::before {
        margin-top: 1px;
    }
    .our-project-wrap .project-filters ul li {
        margin: 0 7px 7px 7px;
    }
    .project-filters-cpt{
        flex-direction: column;
        align-items: flex-start;
        border: none;
        margin-bottom: 35px;
    }
    .project-filters-cpt .filter-left-links{
        margin: 0;
        width: 100%;
        border-bottom: 1px solid #EEE;
    }
    .project-filters-cpt .filter-left-links ul {
        justify-content: center;
        margin-bottom: -7px;
    }
    .project-filters-cpt .filter-left-links ul li:not(:last-child) {
        margin: 0 5px 7px;
    }
    .project-filters-cpt .filter-select-right {
        margin-top: 10px;
        width: 100%;
    }
    .project-filters-cpt .filter-select-right select{
        width: 100%;
    }
    /* Our Projects */

    /* Pre Footer Contact */
    .prefooter-contact {
        margin-bottom: 50px;
    }
    .prefooter-contact .contact-left-content {
        max-width: 100%;
    }
    .contact-form-right {
        margin-top: 35px;
        max-width: 100%;
        padding: 25px 15px 0;
    }
    .social-icons a img,
    .social-icons a {
        width: 20px;
        height: 20px;
    }
    .social-icons a:not(:last-child) {
        margin-right: 20px;
    }
    /* Pre Footer Contact */

    /* Retail Single Page */
    .project-detail-section,
    .media-gallery-wrap {
        margin-bottom: 50px;
    }
    .right-item-wrap{
        margin-top: 25px;
    }
    .right-item-wrap .right-item:not(:last-child) {
        margin-bottom: 25px;
    }   
    .right-item-wrap .right-item {
        height: auto;
    } 
    .project-img-content-wrap .project-img-left {
        height: 350px;
    }
    .media-gallery-items-wrap .video-wrap .play-btn {
        width: 50px;
        height: 50px;
        -webkit-box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.5);
        -moz-box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.5);
        box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.5);
    }
    .media-gallery-items-wrap .video-wrap .play-btn img, 
    .media-gallery-items-wrap .video-wrap .play-btn svg {
        width: 18px;
    }
    .project-content-right .additional-details .additional-details-item .icon-wrap {
        width: 20px;
        margin-right: 12px;
    }
    .project-content-right .additional-details .additional-details-item .content-wrap{
        font-size: 15px;
    }

    .media-gallery-items-wrap .left-item-wrap .video-wrap {
        height: 350px;
    }

    .media-gallery-items-wrap .left-item-wrap .video-wrap, 
    .media-gallery-items-wrap .left-item-wrap .right-item {
        height: 350px;
        max-height: 350px;
    }
    /* Retail Single Page */

    /* Our Partner Logo */
    .our-partner-logos {
        padding: 35px 0;
        margin-bottom: 50px;
    }
    .partner-logos-slider .slick-slide img {
        height: 50px;
    }
    /* Our Partner Logo */

    /* Capability Section */
    .our-capabilities-wrap {
        margin-bottom: 50px;
    }
    /* Capability Section */
}
@media only screen and (max-width:575px) {
    .right-header{
        position: unset;
    }
    .header-wrap{
        position: relative;
    }
    #search-box {
        min-width: unset;
        top: 100%;
        right: 15px;
        width: calc(100% - 30px);
    }

    /* Core Values */
    .values-boxes-item {
        width: 100%;
        flex: 100%;
        padding: 25px 15px;
    }
    .values-boxes-item:not(:last-child) {
        margin-right: 0 !important;
    }
    /* Core Values */

    /* Who We Are */
    .about-img-wrap .img-3 {
        right: 0;
    }
    /* Who We Are */

    .media-gallery-items-wrap .video-wrap {
        height: 250px;
    }
    
}
@media only screen and (max-width:360px) {
    /* Who We Are */
    .about-img-wrap .img-3 {
        width: 70px;
    }
    .about-img-wrap {
        padding: 0px 0 80px;
    }
    /* Who We Are */

    
}
@media only screen and (max-width:320px) {}