*{
    padding: 0px 0px;
    margin: 0px 0px;
}
@media screen and (max-width:1100px ){
    .navbar{
        flex-direction: column;
        align-items: center;
    }
    
    .leftnav{ 
        width:100%;
    }
    .rightnav{
        flex-direction: column;
        width:30%;
        display: none;
        background-color: #cdaa8047;
        backdrop-filter: blur(10px);
        margin:auto;
        height: 500px;
        position:absolute;
        top: 70px;
        right: 0%;
        align-items: flex-start;
        padding: 40px;
    }
    .rightnav li{
        margin:10px 0px;
    }
    .rightnav li a{
        background-color: #ffffffa1;
        font-size:35px;
        color:rgb(0 137 255);
        border: 3px solid #bf51b7a1;
        box-shadow: inset;
    }
    #rightnav li a:hover{
        color: rgb(255, 255, 255);
        border-color: rgb(0 137 255);
        background-color: rgba(190, 149, 102, 0.524);
    }
    .burger{
        display:flex;
        position:absolute;
        cursor: pointer;
        right: 2%;
        top:20px;
        font-size: 33px;
    }
    .cross{
        display:none;
        position:absolute;
        cursor: pointer;
        right: 2%;
        top:20px;
        font-size: 33px;
    }
    .logo{
        width:40%;
        margin:5px 0px;
    }
    .searchbox {
        height: 40px;
        width: 200px;
    }
    .search button {
        height: 40px;
    }

    /* ====Hero Section==== */


    /* .hero img{
    } */


    .category h3{
        font-size:50px;
        height: 65px;
    }

    .contact-heading h2{
        font-size:50px;
        height: 65px;
    }
    .category h3{
        width: 90%;
    }
    .cat-section{
        width:75%;
    }
    .box h2{
        padding:2px 0px;
        font-size:40px;
    }
    .box img{
        width: 95%;
        height:300px;
    }
    
    .contact-us{
        width:100%;
    }
    .contact-heading{
        width:90%;
    }
    .details{
     width:85%;
     margin:auto;
    }
    .details h4{
        font-size: 28px;
    }
    .fa-solid, .fas {
        font-weight: 900;
        margin: 10px 13px;
    }
    
    .map iframe{
        margin:0px 75px;
    }
    .map{
     width:85%;
     margin:auto;
    }
    .map iframe{
     padding: 10px 10px;
     width: 568px;
     height: 300px;
    }
    

   
    .owner-name h4{
        font-size: 40px;
    }
    .phone h4{
        font-size: 40px;
}
.email-id h4{
    font-size: 40px;
}
.location h4{
    font-size: 40px;
}
.owner-name h4, .phone h4,.email-id h4,.location h4{
    font-size: 40px;
}





    .full-img img{
        max-width: 750px;
    }
    .full-img span i {
        top: 20%;
        background-color: black;
        right: 15%;
        border-radius: 10px;
        padding: 1px 8px;
        font-size: 75px;
    }
    .full-img h4{
        position: absolute;
        top: 50%;
        right:31%;
        font-size: 30px;
        color: rgba(209, 209, 209, 0.696);
        cursor:pointer; 
    }
    .full-img h5{
        position: absolute;
        top: 53%;
        right:31%;
        font-size: 30px;
        color: rgba(209, 209, 209, 0.696);
        cursor:pointer; 
    }
    .contact-details{
        display:flex;
        flex-direction: column;
    }

    .signin{
        width:100%;
    }
    .sign-in{
        width:90%;
        margin:auto;
    }
    .signin-heading{
        width:100%;
    }
    .signin-heading h2{
        font-size:50px;
        height: 65px;
    }
    .row{
        margin:15px 0px;
        align-items:flex-start;
    }
    
    .row h4{
        font-size: 30px;
        width:28%
    }

    .row input{
        height:50px;
        margin: 20px 0px;
        width:60%;
        font-size: 25px;
    }

    .form-table{
        width:85%;
    }


    .gender label b{
        font-size: 25px;
        padding:10px; 
    }
    .form-table{
        width: 80%;
    }
    .message{
        width:63%;
        height:70px;
        font-size: 28px;
        border:1px solid rgb(211 211 211);
        
    }
    .submit b{
        font-size: 37px;
    }

    /* ====Category Section Css==== */

    .filter_buttons button{
        font-size:21px;
    }

    /*=====Worker Section css=====*/

    table tr td{
        margin: 10px ;
    }
    .worker-list{
        width: 90%;
    }
    .worker-box{
        width: 70%;
    }
    .worker-box img{
        width: 90%;
    }
    .worker-detail{
        width: 100%;
    }
    .worker-detail table{
        width: 90%;
    }
    .worker-detail table tr td h2{
        font-size: 70px;
        margin: 25px auto;
    }
    .worker-detail table tr td h4{
        font-size: 37px;
    }
    .worker-detail table tr td i{
        font-size: 37px;
    }

    
    /*====Footer Section Css====*/

    .social_icon li a {
        font-size: 85px;
    }
    .social_icon li {
    font-size: 85px;
    }
    .menu li a{
        font-size: 45px;
    }
    .count_text {
        font-size: 45px;
    }
    .counter{
        margin: 30px auto;
    }
    .copyright{
        font-size: 22px;
    }



    .preloader{
        background-size: 60%;
    }
    #popup-img{
        background-size: 100%;
    }
    .popup i{
        position:fixed;
        cursor: pointer;
        right: 10%;
        top:150px;
        font-size: 100px;
        z-index: 100;
    }
}




@media screen and (max-width:1300px ){
    .searchbox{
        width: 170px;
    }
    .leftnav{
        width: 55%;
    }
    .rightnav{
        width: 45%;
    }
}