@media (max-width: 850px) {
    /*header styles */
   .boyenas-main-header {
       position: fixed;
       width: 100%;
       left: -110%;
       top: 0;
       z-index: 1000;
       background-color: var(--blue);
       height: 100vh;
       justify-content: flex-start;
       transition: all 0.3s ease-in-out;
       overflow-y: scroll;
       
   }
   .cursor {
       width: 0px;
       opacity: 0;
       height: 0px;
   }
   .boyenas-main-header.active {
       left: 0;
   }
   
   .boyenas-logo {
       width: 70%;
   }
   .boyenas-logo img {
       width: 70%;
   }
   .close-menu {
       display: block;
   }
   .mobile-menu-icon {
       width: 30%;
       display: flex;
       justify-content: center;
       align-items: center;
   }
   .mobile-menu-icon span {
       width: 40px;
       display: block;
       margin: 0.5rem;
       background-color: #fff;
       height: 3px;
   }
   .boyena-navbar ul {
       flex-direction: column;
   }
   .boyena-navbar ul li {
       margin: 0.8rem 0;
   }
   .boyenas-main-header li a {
       font-size: 0.9rem;
   }
   .boyena-navbar ul li a {
       font-size: 1.1rem;
       padding: 0;
   }
   .boyena-navbar ul li:last-child {
       margin-top: 1.5rem;
   }
   .boyena-navbar ul li:last-child a {
       padding: 0.4rem 1rem;
       font-size: 0.9rem;
   }
   .projects-menu-list, .channel-partner {
       width: 100%;
       pointer-events: auto;
       position: relative;
       opacity: 1;
   }
   .projects-menu-list a, .projects-menu-list ul li:last-child a, .channel-partner a {
       font-size: 0.95rem !important;
       padding: 0.4rem 1rem !important;
   }
   .projects-menu-list ul li:last-child , .projects-menu-list ul li, .channel-partner ul li {
       margin: 0.8rem 0 !important;
   }
   .channel-partner, .projects-menu-list {
       left: 0;
       width: 90%;
       top: 10px;
       height: 0px;
       opacity: 0;
       transition: all 0.2s ease-in-out;
   }
   .projects-btn:hover .projects-menu-list{
       height: 100%;
       opacity: 1;
   }
   .channel-partner-btn:hover .channel-partner {
       height: 100%;
       opacity: 1;
   }
   .boyenas-header-details {
       justify-content: left;
       position: relative;
   }
   .boyenas-header-details ul li:nth-child(2){
       border-right: 0 !important;
       position:relative;
       
   }
   .boyenas-header-details ul li {
       text-align: center;
   }
    .close-menu i {
        cursor: pointer;
        font-size: 1.6rem;
        color: var(--gold);
    }
    .close-menu {
        position: absolute;
        right: 40px;
        top: 20px;
        z-index: 20000;
    }
    
    /*popup*/
    .home-popup-container {
        width: 90%;
        padding: 1.5rem;
    }
    .home-popup-container .popup-close {
        top: 2%;
    }
    /*footer styles */
    .boyanas-footer-container {
        flex-direction: column;
    }
    .boyanas-footer-right {
        width: 100%;
        flex-direction: column;
    }
    .boyanas-footer-logo, .boyanas-footer-nav {
        width: 100%;
        padding: 1rem;
    }

    /*home page css */
    
   .home-hero {
       /*display: none;*/
       position: relative;
       height: 80vh;
     
   }
   .hero-img-content h1 {
       font-size: 1.6rem;
       letter-spacing: 1.2px;
   }
   .hero-img-content {
       height: 80vh;
   }
   .hero-img img {
       display: none;
   }
   .hero-img-content h1 span {
       font-size: 1.2rem;
       letter-spacing: 1.2px;
       margin-left: 0.5rem;
   }
   .hero-img-content a {
       font-size: 0.9rem;
   }
   .hero-img-content {
       padding: 1rem;
   }
   .hero-down {
       text-align: center;
   }
   .hero-down img {
       display: block;
       width: 50%;
   }
    .home-about-container {
        flex-direction: column;
    }
    .home-about-img {
        width: 100%;
    }
    .home-about-content {
        width: 100%;
        padding: 1rem;
        padding-top: 4rem;
        
    }
    .home-about-content h2, .home-projects-heading-left h3 {
        font-size: 1.2rem;
        letter-spacing: 1.2px;
        line-height: 1.5;
    }
    .home-projects-heading-left strong {
        font-size: 1.2rem;
        letter-spacing: 1.2px;
    }
    .home-project-design {
        width: 10rem;
    }
    .home-projects {
        padding: 3rem 0;
    }
    .home-projects-list {
        overflow-x: scroll;
        gap: 2rem;
    }
    .home-project-box {
        min-width: 80%;
    }
    .home-project-boxcontent {
        padding-left: 2rem;
    }
    .home-project-boxcontent a {
        font-size: 1rem;
        letter-spacing: 1.2px;
    }
    .home-projects-heading-right {
        padding-right: 1rem;
    }
    .home-projects-heading-right a {
        font-size: 0.6rem;
        letter-spacing: 1.2px;
    }
    .home-project-boxcontent a {
        font-size: 0.9rem;
    }
    /*about page css */
    .about-hero-content h1 {
        font-size: 1.4rem;
        letter-spacing: 1.2px;
        line-height: 1.8;
    }
    .about-hero-content strong {
        font-size: 1.2rem;
    }
    .about-service-container {
        flex-direction: column;
    }
    .about-services-left h2, .why-choose-us h3 {
        font-size: 1.4rem;
        letter-spacing: 1.2px;
        padding: 1rem;
    }
    .about-services-left {
        width: 100%;
        padding: 1rem;
    }
    .about-services-listbox {
        padding: 0;
    }
    .about-services-left h3 {
        font-size: 1.1rem;
        margin-bottom: 0.7rem;
    }
    .about-services-right {
        width: 100%;
        padding-left: 2rem;
    }
    .why-choose-container {
        flex-direction: column;
    }
    .why-choose-left {
        width: 100%;
        padding-right: 2rem;
    }
    .why-choose-right {
        padding: 1rem;
        width: 100%;
    }
    .why-choose-right h4 {
        font-size: 1.1rem;
        margin-bottom: 1rem;
        letter-spacing: 1.2px;
        line-height: 1.2;
    }
    .about-text {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .why-choose-box {
        padding: 0;
        margin: 1rem 0;
    }
    .why-choose-right strong {
        font-size: 2.5rem;
    }
    .why-choose-right p {
        padding-left: 2.5rem;
    } 
    
    .projects-hero {
        height: 80vh;
    }
    .projects-hero h1 {
        font-size: 1.6rem;
        width: 90%;
        text-align: center;
    }
    .project-list h2 {
        font-size: 1.4rem;
    }
    .project-list h3 {
        font-size: 1.2rem;
    }
    .project-list-container {
        flex-direction: column;
    }
    .project-box {
        width: 100%;
        padding: 1rem;
        border-top: 0;
        border-right: 0;
    }
    .highlight-box h4 {
        font-size: 1.4rem;
    }
    .highlight-box p {
        font-size: 0.9rem;
        line-height: 1.2;
        padding-top: 0.5rem;
    }
    .partner-hero h1 {
        font-size: 1.6rem;
    }
    .registration-container {
        flex-direction: column;
    }
    .registration-left {
        width: 100%;
    } 
    .registration-right {
        width: 100%;
        padding: 0;
        margin: 3rem 0;
    }
    .registration-left h2 {
        font-size: 1.4rem;
    }
    .registration-form-container {
        padding: 2rem;
    }
    .registration-right form input, .registration-right form select {
        width: 100%;
    }
    .channel-partner-lead-form {
        padding: 2rem;
    }
    .partner-lead-right {
        padding: 0;
        margin-top: 0 !important;
    }
    .partner-lead-right form {
        padding: 0 !important;
    }
    .contact-hero {
        height: 80vh;
    }
    .contact-hero h1 {
        font-size: 2rem;
        text-align: center;
    }
    .contact-main-container {
        flex-direction: column;
    }
    .contact-main-left {
        width: 100%;
        padding: 2rem 0;
    }
    .contact-main-box {
        width: 100%;
    }
    .contact-main-right {
        width: 100%;
        padding: 0;
    }
    .contact-main-right form {
        padding: 2rem;
    }
    .contact-main-left h2 {
        font-size: 1.4rem;
    }
    .contact-main-box h4 {
        font-size: 1.1rem;
    }
    .aryavartha-hero {
        height: 80vh;
        background: url('../media/projects/plots/aryavartha.png') no-repeat;
        background-size: cover !important;
    }
    .ivy-greens-hero {
        height: 80vh;
        background-size: cover !important;
        background: url('../media/projects/plots/ivy-greens/ivy-greens-about.png') no-repeat;
    }
    .giza-polis-hero {
        height: 80vh;
        background-size: cover !important;
        background: url('../media/projects/plots/giza.png') no-repeat;
    }
    .tales-of-greek-hero {
        height: 80vh;
        background-size: cover !important;
        background: url('../media/projects/plots/tales-of-greek/tales-of-greek-about-img.png') no-repeat;
    }
    .odyssey-hero {
        height: 80vh;
        background-size: cover !important;
        background: url('../media/projects/villas/odyssey/odyssey.png') no-repeat;
    }
    
    .ivy-greens-hero img {
        width: 0;
    }
    .project-main-hero img {
        width: 0;
    }
    .project-main-hero-container {
        width: 95%;
    }
    .project-main-hero-container h1 {
        font-size: 1.6rem;
    }

    .project-main-hero-container p {
        font-size: 1rem;
    }
    .project-main-about-one h2 {
        font-size: 1.4rem;
    }
    .project-main-about-one p {
        font-size: 1rem;
    }
    .project-main-about-one a {
        font-size: 0.8rem;
        padding: 0.6rem 1.5rem;
        padding-left: 3rem;
    } 
    .project-main-about-two-container {
        flex-direction: column;
    }
    .project-main-about-two-img {
        width: 100%;
    }
    .project-main-about-two-content {
        width: 100%;
        padding: 2rem 1rem;
    } 
    .project-main-about-two-content h3 {
        font-size: 1.4rem;
    }
    .project-main-about-two-content p {
        font-size: 0.95rem;
    }
    .project-main-more-navlist li {
        font-size: 0.7rem;
        padding: 0.5rem 1rem;
        text-wrap: nowrap;
    }
    .project-main-more-navlist {
        justify-content: left;
        gap: 2rem;
        overflow: scroll;
    }
    .project-main-about-two {
        margin: 0 auto;
    }
    .project-more-details ul {
        gap: 0;
        flex-direction: column;
    }
    .project-more-details.active {
        padding: 1rem;
    }
    .project-more-details {
        padding: 1rem;
    }
    .project-more-details ul li {
        width: 100%;
    }
    .neighbourhood-box {
        width: 100%;
        padding: 1rem;
    }
    .project-more-details ul li {
        font-size: 0.9rem;
    }
    .project-more-details h4 {
        font-size: 1.15rem;
    }
    .project-main-elevation h5 {
        font-size: 1.4rem;
    }
    .project-main-evevation-img {
        width: 100%;
    }
    .project-main-container {
        flex-direction: column;
    }
    .project-main-map {
        width: 100%;
    }
    .project-main-form {
        width: 100%;
        padding: 0;
        padding-top: 3rem;
    }
    .project-main-form form input, textarea {
        width: 100% !important;
    }
    /*closed here */
}