@media only screen and (max-width:1199px) 
{
    .agent-btn span
    {
        display: none;
    }
    .agent-btn a i
    {
        margin-right: 0px;
    }
}
@media only screen and (max-width:1699px) {
    .two-tabs {
        margin-top: 34px;
    }

        .two-tabs button {
            font-size: 19px;
        }

    .banner-content h1 {
        font-size: 47px;
        line-height: 54px;
        margin-bottom: 28px;
    }

    .banner-content h3 {
        font-size: 18px;
    }

    .carousel-item img {
        height: 700px;
        object-fit: cover;
    }

    .carousel-control-next, .carousel-control-prev {
        width: 9%;
    }
}
@media only screen and (max-width:1600px)
{
    .footer-img h3
    {
        font-size: 30px;
    }
    .ready-to-make
    {
        padding: 30px;
    }
    .right-top-circle
    {
        width: 25%;
    }

}
@media only screen and (max-width:1400px)
{
    .footer-img
    {
        top: -100px;
    }
    .sub-banner-head h3
    {
        font-size: 40px;
    }
    .sub-banner-head p
    {
        font-size: 20px;
    }
    .career-team img
    {
        height: 400px;
        object-fit: cover;
    }
    .enquiry h2
    {
        font-size: 48px;
        line-height: 60px;
    }
    .enquiry p
    {
        font-size: 19px;
    }
    .enq-bg .site-map a
    {
        font-size: 16px;
    }
    .lets-talk .who-we-content h2
    {
        font-size: 50px;
    }
    .lets-talk .who-we-content p
    {
        font-size: 16px;
    }
    .pri-policy p
    {
    font-size: 18px;
}

}
@media only screen and (max-width:1200px)
{
    .ready-to-make
    {
        padding: 24px;
    }
    .footer-img h3
    {
        font-size: 25px;
    }
    .ready-to-make .btn-filled
    {
        padding: 4.5px 12.5px 4.5px 12.5px !important;
    }
    .zyber-nav .navbar-nav li .nav-link
    {
        padding: 13px;
    }
}

@media only screen and (max-width:1199px)
/* @media screen and (min-width:768px ) and (max-width:1199px) */
{
    .bottom-img
    {
        width: 100%;
    }
    .top-img
    {
        width: 47%;
        padding-right: 0px;
    }
    .sec-img-left
    {
        display: flex;
        justify-content: space-between;
        align-content: center;
    }
    .all-service1
    {
        padding-top: 10%;
    }
    .challenge
    {
        padding: 41px 61px;
    }
    .challenge h2, #introduction h2, .technology h2
    {
        font-size: 28px;
    }
    .challenge p, #introduction p, .challenge h3
    {
        font-size: 17px;
    }
    #key-steps h2
    {
        font-size: 22px;
    }
    .challenge .the-solutions .bulletd-list li
    {
        font-size: 17px;
    }
    .owl-prev, .owl-next
    {
        top: 25%;
    }
    .owl-theme .owl-nav [class*=owl-]
    {
        font-size: 18px !important;
    }
    .popup
    {
        width: 60%;
    }
    .happy-nav .navbar-brand img
    {
        width: 180px;
    }
    .agent-btn a
    {
        padding: 9px 6px;
    }
}

@media only screen and (max-width:1024px)
{
    .it-img-section a
    {
        font-size: 16px;
    }
   

}
@media only screen and (max-width:1199px)
{
    /* .it-img-section img
    {
        width: 90%;
        height: 250px;
    } */
    .service-icon
    {
        padding: 25px;
        height: 350px;
    }
    .service-content h3
    {
        font-size: 22px;
    }
    .service-content p
    {
        font-size: 14px;
    }
    .enquiry h2
    {
        font-size: 48px;
        line-height: 60px;
    }
    .enquiry p
    {
        font-size: 19px;
    }
    .enq-bg .site-map a
    {
        font-size: 16px;
    }
    .lets-talk .who-we-content h2
    {
        font-size: 50px;
    }
    .lets-talk .who-we-content p
    {
        font-size: 16px;
    }
    .bottom-shp
    {
        display: none;
    }
    .who-cust-pad
    {
        padding: 0% 10% 0% 0%;
    }
    
  
}
@media only screen and (max-width:991px)
{
    .banner-content h1, .section-content h1, .property-content h1
    {
        font-size: 40px;
        line-height: 70px;
    }
    .banner-content h3, .section-content h3, .property-content h3
    {
        font-size: 20px;
    }
    .btn-filled, .btn-outlined
    {
        padding: 9.5px 25.5px 9.5px 25.5px !important
    }
    .zyber-nav .navbar-brand img
    {
        width: 160px;
        height: auto;
    }
    .zyber-nav .navbar-nav
    {
        align-items: start;
        background-color: #fff;
        border-radius: 10px;
    }
    .zyber-nav .navbar-nav li .nav-link
    {
        color: #171717 !important;
        padding: 13px 20px;
    }
    .nav-item .btn-filled
    {
        margin: 15px 10px 20px 15px;
    }
    .banner-content, .section-content, .property-content
    {
        padding: 10% 0%;
    }
    .zyber-nav .navbar-light .navbar-toggler
    {
        background-color: #fff;
    }
    .zyber-nav .navbar-toggler:focus
    {
        box-shadow: none;
    }
    .footer-img h3
    {
        font-size: 19px;
    }
    .ready-to-make .btn-filled
    {
        font-size: 13px;
    }
    .sub-banner-head h3
    {
        font-size: 35px;
    }
    .sub-banner-head p
    {
        font-size: 20px;
        line-height: 26px;
    }
    .sub-page-banner
    {
        background-size: cover;
    }
    .what-we-do-card
    {
        flex-direction: column;
    }
    /* .what-we-do-card img */
    .what-we-do-card i
    {
        margin-bottom: 20px;
    }
    .service-icon
    {
    margin: 0px 0px 30px 0px;
}
.service-icon
    {
        height: 350px;
    }
    .call-agent
    {
        display: none;
    }
    .two-tabs .nav-link
    {
        padding: 8px 24px;
    }
    .two-tabs button
    {
        font-size: 20px;
    }
    .banner-content .tab-content
    {
        padding: 24px;
    }
    .banner-tab label
    {
        font-size: 16px;
    }
    .banner-tabs-content
    {
        display: block;
    }
    .banner-tabs-content .banner-tab .form-select
    {
        border: 1px solid #ced4da !important;
    }
    .agent-btn a
    {
        padding: 12px 36px;
    }
    .agent-btn a
    {
        margin-top: 8px;
        display: inline-flex;
    }
    .blog-card
    {
        margin-bottom: 24px;
    }
    .section-title
    {
        margin-bottom: 16px;
    }
    .banner-content h1
    {
        font-size: 40px;
        line-height: 50px;
    }
}
@media only screen and (max-width:767px)
{
    .group-site
    {
        flex-direction: column;
    }
    .top-shp, .right-top-circle
    {
        width: 60%;
    }
    .bottom-shp, .left-bottom-circle
    {
        width: 60%;
    }
    .footer-img
    {
        display: none;
    }
    .who-we-content
    {
        padding-top: 20px;
    }
    .who-we-content h2
    {
        font-size: 21px;
        line-height: 28px;
    }
    .who-we-content p
    {
        font-size: 15px;
    }
    .values-driven h3
    {
        font-size: 23px;
    }
    .values-driven p
    {
        font-size: 16px;
    }
    .it-banner .sub-banner-head h3
    {
        font-size: 25px;
    }
    .it-banner .sub-banner-head p
    {
        font-size: 16px;
    }
    .it-banner .all-service a
    {
        font-size: 16px;
    }
    .challenge
    {
        padding: 30px 25px;
    }
    .challenge h2, #introduction h2, .technology h2
    {
        font-size: 25px;
    }
    .challenge p, #introduction p, .challenge h3
    {
        font-size: 15px;
    }
    #key-steps h2
    {
        font-size: 22px;
    }
    .challenge .the-solutions .bulletd-list li
    {
        font-size: 15px;
    }
    .our-wrk-sp .semi-circle, .bottom-semi
    {
        width: 50%;
    }
    .blue-semi-cir
    {
        display: none;
    }
    .zyber-career
    {
        width: 100%;
    }
    .career-team img
    {
        height: 350px;
    }
    .enq-bg
    {
        background: #fafafc;
    }
    .enquiry-custom
    {
        background-color: #022169;
    }
    .enquiry h2
    {
        font-size: 38px;
        line-height: 45px;
    }
    .enquiry p
    {
        font-size: 17px;
    }
    .enq-bg .site-map a
    {
        font-size: 14px;
    }
    .lets-talk .who-we-content h2
    {
        font-size: 40px;
    }
    .lets-talk .who-we-content p
    {
        font-size: 14px;
    }
    .enquiry-custom
    {
        padding: 7% !important;
    }
    .enquiry-form
    {
        padding:8% 3% 10% 3%;
    }
    .sec-img
    {
        display: block;
    }
    .right-top-circle, .left-bottom-circle, .semi-circle, .green-semi, .data-semi-cir, .bottom-semi
    {
        display: none;
    }
    .what-we-do-card
    {
        padding: 40px;
    }
    .service-icon
    {
        height: 320px;
    }
    .popup
    {
        width: 87%;
    }
    .job-post
    {
        padding: 31px 20px;
    }
    .job-vacant
    {
        padding: 10px 20px;
    }
    .banner-tabs-content
    {
        display: block;
    }
    .banner-content h1, .section-content h1
    {
        font-size: 50px;
    }
    .section-content h1, .property-content h1
    {
        font-size: 40px;
        line-height: 64px;
    }
    .hide-text
    {
        display: none;
    }
    .banner-tabs-content .banner-tab .form-select
    {
        border: 1px solid #ced4da !important;
    }
    .agent-btn a
    {
        padding: 12px 36px;
    }
    .agent-btn a
    {
        margin-top: 8px;
        display: inline-flex;
    }
    .footer-content
    {
        flex-direction: column;
    }
    .company-details
    {
        margin-bottom: 24px;
    }
    .site-map
    {
        margin-bottom: 24px;
    }
    .happy-nav .navbar-nav
    {
        align-items: start;
    }
    .happy-nav .navbar-nav li .nav-link
    {
        padding: 17px;
    }
    .two-products {
        display: block;
    }

    .highlight h3 {
        font-size: 17px;
    }

    .highlight .agent-btn a {
        padding: 7px 15px;
        font-size: 14px;
        margin-top: 0px;
    }
/* invest */
.carousel-item img
{
    height: 720px;
    object-fit: cover;
}
.section-title
{
    margin-bottom: 25px;
}
.banner-content h1
{
    font-size: 25px;
    line-height: 32px;
}
.carousel-caption
{
    right: 10%;
    left: 10%;
}
.display-text
{
    padding: 10px;
}
.carousel-control-next-icon, .carousel-control-prev-icon
{
    width: 1rem;
    height: 1rem;
}
.two-tabs
{
    margin-top: 20px;
}
.banner-tab input[type=text]
{
    width: 100%;
}
.villa-invest
{
    top: 5%;
}
/* invest */
}
@media only screen and (max-width:575px)
{
    .zyber-nav .container-fluid
    {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .banner-content h1, .section-content h1, .property-content h1
    {
        font-size: 32px;
        line-height: 42px;
    }
    .banner-content h3, .section-content h3, .property-content h3
    {
        font-size: 18px;
    }
    .btn-filled, .btn-outlined
    {
        font-size: 14px;
        padding: 9.5px 15.5px 9.5px 15.5px !important
    }
    /* .client-logo img
    {
        width: 100%;
    } */
    .client-logo
    {
        flex-direction: column;
    }
    .img-section
    {
        margin-bottom: 20px;
    }
    .it-img-section img
    {
        width: 100%;
        height: auto;
        object-fit: cover;
        margin-bottom: 20px;
    }
    .our-work-col .it-img-section img
    {
        margin-bottom: 0px;
    }
    .files input
    {
        padding: 100px 0px 85px 10%;
        font-size: 14px;
    }
    .zyber-career
    {
        padding: 15px;
    }
    .zyber-career h3
    {
        font-size: 22px;
    }
    .career-team img
    {
        display: none;
    }
    .full-width .who-we-content
    {
        padding: 10% 10%; 
    }
    .job-vacant
    {
        display: block;
        padding: 18px 20px;
    }
    .job-vacant .btn-outlined
    {
        margin: 10px 10px 10px 0px;
    }
    .left-ft
    {
        align-items: center;
    }
 
    .core-values
    {
        flex-direction: column;
    }
    .core-values img
    {
        margin: 0 auto;
    }
    .values-driven h3
    {
        text-align: center;
        margin: 15px 0px;
    }
    .values-driven
    {
        padding-left: 0px;
        text-align: center;
    }
    .our-work-col .it-img-section a:nth-child(2)
    {
        width: 100% !important;
    }
    .our-work-col .it-img-section img
    {
        width: 100%;
    }
    .service-icon
    {
        height: 290px;
    }
    .values-driven p
    {
        text-align: left;
    }
    .owl-prev, .owl-next
    {
        top: 32% !important;
    }
    .flex-popup
    {
        display: block;
        height: auto;
    }
    .flex-popup .what-we-content
    {
        padding-left: 0px;
        margin-top: -60px;
    }
    .popup .content
    {
        font-size: 15px;
    }
    .flex-popup img
    {
        width: 175px;
    }
    .social-lk a
    {
        margin-right: 20px;
    }
    .social-lk a i
    {
        font-size: 20px;
    }
    .social-lk .fa-phone
    {
        font-size: 17px;
    }
    .flex-popup .what-we-content p:nth-child(2)
    {
        font-size: 15px;
        padding: 7px 0px 8px 0px;
    }
    .flex-popup .what-we-content p:first-child
    {
        font-size: 17px;
    }
    .popup
    {
        padding: 20px 20px;
    }
    .grid figure
    {
        width: 100%;
    }
    .flex-popup img
    {
        transform: translateY(-34%);
    }
    .our-testi
    {
        display: block;
    }
    .client-name h3
    {
        margin-top: 10px;
        margin-bottom: 5px;
    }
/* invest */
    .carousel-item img
{
    height: 720px;
    object-fit: cover;
}
.section-title
{
    margin-bottom: 25px;
}
.banner-content h1
{
    font-size: 25px;
    line-height: 32px;
}
.carousel-caption
{
    right: 10%;
    left: 10%;
}
.display-text
{
    padding: 10px;
}
.carousel-control-next-icon, .carousel-control-prev-icon
{
    width: 1rem;
    height: 1rem;
}
.two-tabs
{
    margin-top: 20px;
}
.banner-tab input[type=text]
{
    width: 100%;
}
.villa-invest
{
    top: 5%;
}
/* invest */

}
@media  only screen and (min-width:992px)
{
    .contact-agent-icon
    {
        display: none;
    }
}
@media  only screen and (max-width:425px)
{
    .happy-nav .navbar-brand img
    {
        width: 160px;
    }
    .about-banner h3
    {
        font-size: 30px;
    }
    .about-banner 
    {
        padding: 16% 0%;
    }
    #expanded-image, .prop-img video
    {
        height: 340px;
    }
    .prop-name h1
    {
        font-size: 28px;
        line-height: 38px;
    }
    .blog-card h6
    {
        font-size: 18px;
    }
    .blog-card p
    {
        font-size: 15px;
    }
    .blog-content h1
    {
        font-size: 28px;
        line-height: 44px;
    }
    .blogcontent-img img
    {
        height: 400px;
    }
}
@media only screen and (min-width:768px)
{
    .display-text, .display-header
    {
        display: none;
    }
}