/*-- /tracking cart section --*/
.page_404 {
    padding: 100px 0;
    background: #fff;
}
.blog-details__content-text1 p {
    margin-bottom: 20px;
}
.blog-details__content-text1 h4 {
    margin-bottom: 10px;
    margin-top:20px;
    font-weight:700;
}
.blog-details__content-text1 ul {
    list-style-type: disc;
    margin: 0px;
    padding: 0px;
    margin-left: 20px;
}
.blog-details__content-text1 ol {
    list-style-type: disc;
    margin: 0px;
    padding: 0px;
    margin-left: 20px;
}
.blog-details .container {
    width: 1200px;
}
.website-text p {
    margin-bottom: 10px;
    margin-top: 10px;
}
.text-white
{
    color:#fff;
}
.text-white:hover {
    color: #602e17 !important;
}
.website-text h3 {
    margin-top: 30px;
    font-weight: 700;
}
.website-text h2 {
    margin-top: 30px;
    font-weight: 700;
}
.website-text ul {
    list-style-type:disc;
    margin:0px;
    padding:0px;
    margin-left:20px;
}
.website-text ul li p {
    margin-bottom: 10px;
    margin-top: 10px;
}
    .page_404 img {
    width: 100%;
}

.four_zero_four_bg {
    background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);
    height: 400px;
    background-position: center;
}


    .four_zero_four_bg h1 {
        font-size: 80px;
    }

    .four_zero_four_bg h3 {
        font-size: 80px;
    }

.link_404 {
    color: #fff !important;
    padding: 10px 20px;
    background: #602e17;
    margin: 20px 0;
    display: inline-block;
}

.contant_box_404 {
    margin-top: -50px;
}
.houzez-share {
    position: relative; /* anchor for dropdown */
}

    .houzez-share .dropdown-menu {
        position: absolute !important;
        top: 50% !important;
        left: -200px !important; /* move LEFT of button */
        transform: translateY(6%) !important;
        z-index: 999999;
    }
.content1-w3ls {
    background-color: #51402e;
    text-align: center;
}

    .content1-w3ls h2 {
        text-transform: uppercase;
        margin: 0;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        line-height: 21px;
    }

.content2-w3ls {
    background-color: #ddd;
}

.content2-header1 {
    float: left;
    text-align: center;
    padding: 0.7em;
}

    .content2-header1 p {
        font-size: 18px;
        font-weight: 400;
        color: #000;
        margin: 0;
    }

    .content2-header1 span {
        font-size: 18px;
        font-weight: 800;
        color: #383c3f;
    }
.content1-w3lsl {
    text-align: left;
    padding-left: 40px;
    padding-top: 25px;
    padding-bottom: 20px;
   
}

.content1-w3lsr {
    text-align: right;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 40px;
}
.livebtn {
    padding: 7px 20px;
    background-color: #3395ff;
    color: #fff;
    border-radius: 20px;
}
.shipment {
    width: 100%;
    margin: 10% auto;
}

.myshipment {
    width: 100%;
    margin: 3% auto;
    height: auto;
    overflow: hidden;
}

span.line {
    height: 5px;
    width: 90px;
    background-color: #F5998E;
    display: block;
    position: absolute;
    top: 22%;
    left: 50%;
}

.confirm {
    text-align: center;
    width: 20%;
    position: relative;
    float: left;
    margin-left: 5%;
}

.confirmr {
    text-align: center;
    width: 20%;
    position: relative;
    float: left;
    margin-left: 5%;
}

.confirmy {
    text-align: center;
    width: 20%;
    position: relative;
    float: left;
    margin-left: 5%;
}

.confirm .imgcircle, .process .imgcircle, .quality .imgcircle, .dispatch .imgcircle, .delivery .imgcircle {
    background-color: #33accc;
}

.confirmy .imgcircle, .processy .imgcircle, .qualityy .imgcircle, .dispatchy .imgcircle, .deliveryy .imgcircle {
    background-color: #dbdd07;
}

.confirm span.line, .process span.line, .quality span.line, .dispatch span.line {
    background-color: #33accc;
}

.confirmy span.line, .processy span.line, .qualityy span.line, .dispatchy span.line {
    background-color: #dbdd07;
}

.imgcircle {
    height: 75px;
    width: 75px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    background-color: #F5998E;
    position: relative;
}

    .imgcircle img {
        height: 30px;
        position: absolute;
        top: 28%;
        left: 30%;
    }

.process {
    position: relative;
    width: 20%;
    text-align: center;
    float: left;
}

.quality {
    position: relative;
    width: 20%;
    text-align: center;
    float: left;
}

.dispatch {
    position: relative;
    width: 20%;
    text-align: center;
    float: left;
}

.delivery {
    position: relative;
    width: 15%;
    text-align: center;
    float: right;
    margin-right: 0;
}

.processr {
    position: relative;
    width: 20%;
    text-align: center;
    float: left;
}

.qualityr {
    position: relative;
    width: 20%;
    text-align: center;
    float: left;
}

.dispatchr {
    position: relative;
    width: 20%;
    text-align: center;
    float: left;
}

.deliveryr {
    position: relative;
    width: 15%;
    text-align: center;
    float: right;
    margin-right: 0;
}

.processy {
    position: relative;
    width: 20%;
    text-align: center;
    float: left;
}

.qualityy {
    position: relative;
    width: 20%;
    text-align: center;
    float: left;
}

.dispatchy {
    position: relative;
    width: 20%;
    text-align: center;
    float: left;
}

.deliveryy {
    position: relative;
    width: 15%;
    text-align: center;
    float: right;
    margin-right: 0;
}

.myshipment p {
    text-align: left;
    font-size: 18px;
    margin-top: 10px;
}
.orderbook {
    width: 100%;
    border: 1px solid #602e17;
    height: auto;
    overflow: hidden;
    margin-bottom: 40px;
    background-color: #602e17;
}

.orderbookk {
    width: 100%;
    border: 1px solid #e38b25;
    margin-top: 18px;
    margin-bottom: 20px;
    height: 100%;
}

.orderdetails {
    width: 100%;
    border: 1px solid #602e17;
    height: auto;
    overflow: hidden;
    margin-bottom: 40px;
    background-color: #602e17;
}

.orderbooktop {
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    overflow: hidden;
    height: auto;
    padding: 15px 15px;
}

.orderbooktopp {
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    height: auto;
    padding: 15px 15px;
}

.divchecknumber {
    width: 100%;
    height: auto;
    text-align: center;
}

.messagedivred {
    background: #f0605d;
    color: #fff;
    padding: 7px 0px;
    text-align: center;
    margin: 30px auto;
    min-width: 260px;
    max-width: 425px;
}

.messagedivgreen {
    background: #19bc9c;
    color: #fff;
    padding: 7px 0px;
    text-align: center;
    margin: 30px auto;
    min-width: 260px;
    max-width: 425px;
}

.orderbooktopl {
    width: 50%;
    float: left;
    height: auto;
}

.orderId {
    font-size: 18px;
    color: #e38b25;
   
    font-weight: bold;
}

.ordDate {
    font-size: 15px;
    color: #fff;
}

.orderbooktopr {
    width: 50%;
    float: right;
    height: auto;
}

.viewOrderbtn {
    width: auto;
    text-align: center;
    padding: 8px 8px 8px 8px;
    background-color: #fff;
    color: #51402e;
    border-radius: 2px;
    float: right;
    margin-right: 15PX;
}

    .viewOrderbtn:hover {
        color: #51402e;
        text-decoration: none;
    }

.viewOrdercancelbtn {
    width: auto;
    text-align: center;
    padding: 8px 8px 8px 8px;
    background-color: transparent;
    color: #fff;
    border-radius: 2px;
    float: right;
    margin-right: 15PX;
    border: 1px solid #fff;
}

    .viewOrdercancelbtn:hover {
        color: #fff;
        text-decoration: none;
    }

.orderbookbottom {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #fff;
}

.lnkbtnnp {
    float: right;
    display: block;
    border-bottom: 1px solid #d9d9d9;
    padding: 3px 10px;
    border-right: 1px solid #d9d9d9;
    background-color: #23272a;
    font-size: 12px;
    color: #fff;
    margin-top: -35px;
    text-decoration: none;
}

    .lnkbtnnp:hover {
        color: #fff;
        text-decoration: none;
    }

.cart-table .table {
    margin: 0;
    white-space: nowrap;
}

    .cart-table .table thead {
        background-color: #e38b25;
    }

        .cart-table .table thead tr th {
            border-color: #fadebd;
            border-bottom: 0 solid transparent;
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            padding: 15px 20px;
            text-align: center;
            text-transform: uppercase;
        }

    .cart-table .table tbody tr td {
        border: 1px solid #fadebd;
        text-align: center;
        padding: 10px 20px;
        vertical-align: middle;
    }

        .cart-table .table tbody tr td a {
            font-weight: 500;
            text-transform: capitalize;
        }

            .cart-table .table tbody tr td a:hover {
            }

            .cart-table .table tbody tr td a.btn {
                color: #fff;
            }

                .cart-table .table tbody tr td a.btn:hover {
                    color: #fff;
                }

            .cart-table .table tbody tr td a.check-btn {
                color: #fff;
            }

    .cart-table .table tr .pro-thumbnail,
    .cart-table .table tr .pro-price,
    .cart-table .table tr .pro-quantity,
    .cart-table .table tr .pro-subtotal,
    .cart-table .table tr .pro-remove {
        width: 140px;
    }

    .cart-table .table tr .pro-qty {
        width: 90px;
        height: 35px;
        border: 1px solid #ddd;
        padding: 0 15px;
        float: left;
    }

        .cart-table .table tr .pro-qty .qtybtn {
            width: 15px;
            display: block;
            float: left;
            line-height: 32px;
            cursor: pointer;
            text-align: center;
            font-size: 22px;
            font-weight: 400;
            color: #666666;
        }

        .cart-table .table tr .pro-qty input {
            width: 28px;
            float: left;
            border: none;
            height: 34px;
            line-height: 34px;
            padding: 0;
            text-align: center;
            background-color: transparent;
        }

.shippinginformation {
    width: 40%;
    height: auto;
    float: left;
    padding-left: 15px;
}

.customerinformation {
    width: 36%;
    height: auto;
    float: left;
    padding-left: 30px;
}

.ordertotal {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    font-size: 15px;
    padding-top: 15px;
    background-color: #fff;
    padding-bottom: 15px;
    border-top: 2px solid #e38b25;
    border-bottom: 2px solid #e38b25;
    margin-top: 30px;
    background-color: #f6eee6;
}

    .ordertotal h3 {
        margin: 0px;
        padding: 0px;
        font-size: 24px;
        color: #51402e;
        font-weight: 600;
        margin-bottom: 15px;
    }

.billinginformation {
    width: 24%;
    height: auto;
    float: left;
    text-align: right;
    padding-right: 15px;
}

.totalpayment {
    width: 302px;
    height: auto;
    padding-top: 10px;
    float: right;
    overflow: hidden;
}

.pmultiply {
    display: none;
}

.pequal {
    display: none;
}
.successcard h1 {
    color: #000;
    font-weight: bolder;
    font-size: 35px;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 50px;
}

.successcard p {
    color: #222;
    font-size: 16px;
    margin: 0;
    text-align: center;
}

.successcard i {
    color: #fff;
    font-size: 100px;
    line-height: 150px;
    margin-left: -15px;
}

.successcard {
    background: white;
    padding: 60px;
    width: 600px;
    border-radius: 4px;
    box-shadow: 0 2px 3px #C8D0D8;
    display: inline-block;
    margin: 0 auto;
}

.successicon {
    border-radius: 150px;
    height: 150px;
    width: 150px;
    background: #12b46d;
    margin: 0 auto;
    text-align: center;
}

.failicon {
    border-radius: 150px;
    height: 150px;
    width: 150px;
    background: #de1313;
    margin: 0 auto;
    text-align: center;
}

.sucessbuttons {
    width: 100%;
    margin-top: 50px;
}

.vieworder {
    width: 45%;
    background-color: transparent;
    border: 2px solid #51402e;
    padding: 15px 25px;
    float: left;
    display: block;
    color: #51402e;
    text-align: center;
    font-size: 16px;
    border-radius: 10px;
    font-weight: 500;
}

    .vieworder:hover {
        color: #51402e;
    }

.scontinueshopping {
    width: 45%;
    background-color: #51402e;
    border: 2px solid #51402e;
    padding: 15px 25px;
    float: right;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 16px;
    border-radius: 10px;
    font-weight: 500;
}

    .scontinueshopping:hover {
        color: #fff;
    }
.btnleftright {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.btnfull {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
}

.viewordersuccess {
    width: 45%;
    background-color: transparent;
    border: 2px solid #51402e;
    padding: 15px 25px;
    float: left;
    display: block;
    color: #51402e;
    text-align: center;
    font-size: 16px;
    border-radius: 10px;
    font-weight: 500;
}
.service-policy-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px;
    margin-bottom: 25px;
    background: linear-gradient(to right, #602e17 0%, #954c2a 35%, #3a1808 100%);
}
.btn-style-1 {
    width: 100%;
    margin-bottom: 25px;
    height: 65px;
    border-radius: 5px;
    border: none;
    background: #602e17 !important;
    color: #fff !important;
    font-size: 21px !important;
}
    .service-policy-item .policy-content {
        margin-top: 0px;
        padding-left: 20px;
    }

    .service-policy-item .policy-title {
        font-size: 18px;
        line-height: 1;
        font-weight: 500;
        padding-bottom: 5px;
        color: #fff;
        padding-top: 15PX;
    }

    .service-policy-item .policy-desc {
        font-size: 16px;
        color: #fff;
    }

    .service-policy-item .policy-icon i {
        font-size: 44px;
        color: #fff;
    }
  
    .viewordersuccess:hover {
        color: #51402e;
    }

.trackordersuccess {
    width: 45%;
    background-color: #51402e;
    border: 2px solid #51402e;
    padding: 15px 25px;
    float: right;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 16px;
    border-radius: 10px;
    font-weight: 500;
}

    .trackordersuccess:hover {
        color: #fff;
    }

.continueshoppingsuccess {
    width: 100%;
    background-color: #e38b25;
    border: 2px solid #51402e;
    padding: 15px 25px;
    display: block;
    color: #51402e;
    text-align: center;
    font-size: 16px;
    border-radius: 10px;
    font-weight: 500;
}

    .continueshoppingsuccess:hover {
        color: #51402e;
    }
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=80);
    opacity: 0.8;
    z-index: 10000;
}
.single-input-item {
    margin-bottom: 25px;
}
.checkout-area .biling-item .billing-adress label {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    color: #332517;
    margin-bottom: 5px;
}

.billing-adress .form-style input,
.billing-adress .form-style select,
.billing-adress .form-style textarea {
    width: 100%;
    padding-left: 10px;
    height: 50px;
    border-radius: 5px;
    border: none;
    background: #F2F2F2;
}

.billing-adress .form-style textarea {
    height: 100px !important;
}

.billing-adress .form-style input:focus,
.billing-adress .form-style select:focus {
    outline: none;
    box-shadow: none;
}
.chkterms
{
    float:left;
    display:block;
    width:auto;
}
.changeaddress {
    font-size: 14px;
    padding: 7px 15px;
    background-color: #e38b25;
    color: #fff !important;
    border-radius: 10px;
    float: right;
}
.billing-adress .form-style select {
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background: #F2F2F2 url(../images/select-icon2.png) no-repeat calc(100% - 15px) center;
    position: relative;
}
.btnregister {
    background-color: #602e17 !important;
    color: #fff;
    margin-top:30px;
}
.coupon-box {
    background: #F2F2F2;
    padding: 20px;
    margin-bottom: 80px;
}
.coupon-box p {
    margin-bottom: 0;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 29px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .coupon-box p i {
        color: #51402e;
        margin-right: 10px;
    }

    .coupon-box p a {
        display: inline-block;
        color: #51402e;
        margin-left: 10px;
        cursor: pointer;
        font-weight:700;
    }
.payheader {
    padding: 200px 0px 100px !important;
}
.goback {
    width: 80px;
    height: 24px;
    background-color: #f26920;
    outline: 0px;
    text-align: center;
    margin-top: 6px;
    display: block;
    color: #fff;
    line-height: 23px;
}

    .goback:focus {
        outline: 0px;
        color: #fff;
    }

    .goback:hover {
        outline: 0px;
        color: #fff;
    }

.reghere {
    color: #e38b25;
    text-decoration: underline;
}

.modalconfirm {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-color: #fff;
    padding: 30px 30px;
    text-align: center;
}

    .modalconfirm h6 {
        margin-bottom: 20px;
        font-family: "Rubik", sans-serif;
        line-height: 24px;
        font-weight: 600;
    }
.securediv {
    font-size: 21px;
    color: #000;
    font-weight: 600;
    text-align: right;
}

.secureimg {
    width: auto;
    float: left;
}

.securetext {
    width: auto;
    float: left;
    padding-top: 0px;
    padding-left: 15px;
    font-family: var(--himconnect-font-two);
    font-weight:800;
    color:#000;
}
.btnyes {
    width: auto;
    height: 40px;
    background-color: #602e17;
    border: 1px solid #602e17;
    padding: 0px 25px;
    color: #fff;
    border-radius: 10px;
}
.btnno {
    width: 80px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #602e17;
    color: #602e17;
    border-radius: 10px;
}
.popcart {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 25px;
}

    .popcart h2 {
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
        color: #332517;
        font-family: "Rubik", sans-serif;
        margin-bottom: 30px;
    }

        .popcart h2 i {
            color: #12b46d;
            font-size: 25px;
            margin-right: 10px;
        }

    .popcart img {
        border: 1px solid #ddd;
        width: 100%;
    }

.viewcart {
    color: #fff;
    font-size: 14px;
    background-color: #602e17;
    text-align: center;
    display: inline-block;
    border: 2px solid #602e17;
    padding: 12px 25px;
    text-transform: uppercase;
    float: left;
    border-radius: 5px;
    font-weight: 600;
}

    .viewcart:hover {
        color: #fff;
    }

.checkout {
    color: #fff;
    font-size: 14px;
    background-color: #602e17;
    text-align: center;
    display: inline-block;
    border: 2px solid #602e17;
    padding: 12px 25px;
    text-transform: uppercase;
    float: right;
    border-radius: 5px;
    font-weight: 600;
}

    .checkout:hover {
        color: #fff;
    }

.continueshopping {
    color: #fff;
    font-size: 14px;
    background-color: #1b7bc9;
    text-align: center;
    display: block;
    width: 100%;
    border: 2px solid #1b7bc9;
    padding: 12px 25px;
    text-transform: uppercase;
    float: right;
    border-radius: 5px;
    font-weight: 600;
    margin-top: 20px;
}

    .continueshopping:hover {
        color: #fff;
    }


.homestaymobileslider
{
    display:none;
    padding-bottom:0px;
}
.singletitlediv
{
    max-width:900px;
    margin:0px auto;
}
.contactpagebox {
    background: #fff !important;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.1);
    height: auto;
    overflow: hidden;
    padding: 50px ;
}
.singletitlediv h5 {
    font-family: var(--himconnect-font);
    margin: 10px 0px 30px 0px;
    line-height: 32px;
    color: var(--himconnect-gray);
}
    .mobileform {
    display: none;
}
.mobilepropertybox {
    display: none;
}
.homestaydesktopslider {
    padding-bottom: 30px;
}
.homestaydetails-meta-info {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Creates 3 equal columns */
    gap: 20px;
    overflow: hidden;
    margin-bottom: 13px;
    margin-top: 10px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}

    .homestaydetails-meta-info li {
        position: relative;
        display: inline-block;
        margin-right: 24px;
    }

        .homestaydetails-meta-info li:last-child {
            margin-right: 0px;
        }

        .homestaydetails-meta-info li span:before {
            position: relative;
            display: inline-block;
            padding-right: 8px;
            color: var(--himconnect-base);
            font-size: 17px;
            line-height: 17px;
            top: 1px;
        }

        .homestaydetails-meta-info li a {
            color: #000000;
            font-size: 16px;
            font-weight: 600;
            text-transform: capitalize;
            font-family: var(--himconnect-font);
            transition: all 200ms linear;
            transition-delay: 0.1s;
        }

            .homestaydetails-meta-info li a:hover {
                color: #333;
            }
.projectdetails
{
    margin-top:50px;
}

.featureslist {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr); /* Creates 3 equal columns */
    gap:20px;
   
}
    .featureslist li + li {
        margin-top:0px !important;
    }
.description-content p {
    margin-bottom: 20px;
}
.description-content ul {
    list-style-type: disc;
    margin: 0px;
    padding: 0px;
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 40px;
}
    .blogtitle {
    font-size: 40px !important;
}
.whatsappbtn {
    background-color: #1b7bc9;
    color: var(--himconnect-white);
    border: 1px solid #1b7bc9;
    font-size: 18px;
    width: 47%;
    outline: none;
    display: block;
    padding: 0;
    border-radius: 3px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    float: left;
    text-align: center;
    line-height: 55px;
    text-transform: uppercase;
}
    .whatsappbtn:hover {
        background-color: transparent;
        color: #1b7bc9;
        border: 1px solid #1b7bc9;
    }
    .callbtn {
        background-color: transparent;
        color: #1b7bc9;
        border: 1px solid #1b7bc9;
        font-size: 18px;
        width: 47%;
        outline: none;
        display: block;
        padding: 0;
        border-radius: 3px;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        float: right;
        text-align: center;
        line-height: 55px;
        text-transform: uppercase;
    }
    .callbtn:hover {
        background-color: #1b7bc9;
        color: var(--himconnect-white);
        border: 1px solid #1b7bc9;
    }
    .sidebar__search-form .input-box{
    height:auto;
    overflow:hidden;
}
.mobilenav {
    display: none;
}
.projects-details {
    padding-top: 50px !important;
}
    .projects-details .container {
        width: 1300px;
    }
.project-two {
    padding-top: 50px !important;
}

    .project-two .container {
        width: 1300px;
        display: flex;
        gap: 10px;
       
    }
.project-two__single-img img {
    width: 100%;
    height: 450px;
    -o-object-fit: cover;
    object-fit: cover;
}
.project1
{
    gap:10px;
    display:flex;
}
.smallpic {
    width: 100%;
    height: 210px;
    -o-object-fit: cover;
    object-fit: cover;
}
.project-two__single-img
{
    border-radius:10px;
}
    .project-two__single-img::before
    {
        display:none;
    }
.sidebar__search-form textarea {
    display: block;
    outline: none;
    background-color: var(--himconnect-white);
    color: var(--himconnect-gray);
    font-size: 15px;
    font-weight: 600;
    padding-left: 20px;
    height: 100px;
    width: 100%;
    padding-right: 60px;
    border-radius: 3px;
    border: 1px solid var(--himconnect-bdr-color);
}
/* Sticky form */
.sticky {
    position: fixed;
    width:390px;
}

/* Bottom stop */
.bottom {
    position: absolute;
    bottom: 0;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
}


/* Left div 50% */
.left {
    flex: 1;
    background: #f0f0f0;
    padding: 0px;
}

/* Right div 50% */
.right {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 columns */
    grid-gap: 10px;
}

    .right div {
        background: #ffe0e0;
        
        text-align: center;
    }

@media (max-width: 768px) {
    .container {
        flex-direction: column;
    }

    .right {
        grid-template-columns: 1fr; /* stack on small screens */
    }
}

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

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

    
}

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

    
}
@media only screen and (max-width : 1200px) {
}
@media only screen and (max-width : 1024px) {
}
@media only screen and (max-width : 768px) {
    .mobilenav {
        display: block;
    }
	.team-three .container {
    width: 100%;
}
}
@media only screen and (max-width : 640px) {
    .product .container {
        width: 100% !important;
    }
    .blog-details .container {
        width: 100% !important;
    }
    .mobilehead {
        display: none;
    }
    .cart-table
    {
        width:100% !important;
        min-width:100%;
    }
    .cartproducttr {
        border: 1px solid #fadebd;
        margin-bottom: 30px;
        display: block;
        height: auto;
        overflow: hidden;
        background-color: #fcf0e0;
    }
    .homestaymobileslider {
        display: block;
        margin-bottom:41px;
    }
    .homestaydesktopslider {
        display: none;
    }
    #bookingForm
    {
        display:none;
    }
    .myshipment p {
        text-align: center !important;
    }
    span.line {
        width: 5px;
        height: 70px;
        left: 51%;
        top: 106%;
    }

    .line {
        display: block;
        background: #EEE;
        height: 1px;
        margin: 8px 0px;
    }
    .contact-page-info .container
    {
        width:100%;
    }
}
@media only screen and (max-width : 480px) {
    .mobileform {
        display: block;
    }
    .desktopform
    {
        display:none;
    }
    .wishlist-page .container {
        width: 100%;
    }
    .orderbooktopl {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .orderbooktopr {
        width: 100%;
        text-align: center !important;
        margin-bottom: 7px;
        margin-top: 7px;
    }
    .viewOrderbtn {
        float: none;
    }
    .ordDate {
        text-align: center !important;
        padding: 0px !important;
    }
    .imgcircle {
        height: 75px;
        margin: 0 auto;
        width: 75px;
    }

    .top-bar {
        display: block !important;
    }

    .confirm, .process, .quality, .dispatch, .delivery {
        width: 100%;
        float: none;
        margin: 0 auto;
    }

    .confirmr, .processr, .qualityr, .dispatchr, .deliveryr {
        width: 100%;
        float: none;
        margin: 0 auto;
        height: auto;
        overflow: hidden;
    }

    .confirmy, .processy, .qualityy, .dispatchy, .deliveryy {
        width: 100%;
        float: none;
        margin: 0 auto;
        height: auto;
        overflow: hidden;
    }

    span.line {
        left: 49%;
        display: block;
        position: relative;
        top: 0px;
    }

    .shippinginformation {
        width: 100%;
        margin-bottom: 30px;
    }

    .customerinformation {
        width: 100%;
        padding-left: 15px;
        margin-bottom: 30px;
    }

    .billinginformation {
        width: 100%;
        text-align: left;
        padding-right: 15px;
        padding-left: 15px;
    }

    .pro-thumbnail {
        width: 100% !important;
        display: block;
        border-bottom: 1px !important;
        border: 0px !important;
    }

    .pro-title {
        width: 100% !important;
        display: block;
        border-right: 0px !important;
        border-left: 0px !important;
    }

    .promrpprice {
        width: 25% !important;
        display: block;
        float: left;
        padding: 12px 10px !important;
        border-bottom: 0px !important;
        border-right: 0px !important;
        border-top: 0px !important;
        border-left: 0px !important;
        font-size: 15px !important;
        text-align: right !important;
        text-decoration: line-through;
        color: Gray;
    }

    .proprice {
        width: 25% !important;
        display: block;
        float: left;
        padding: 12px 10px !important;
        border-bottom: 0px !important;
        border-right: 0px !important;
        border-top: 0px !important;
        border-left: 0px !important;
        font-size: 15px !important;
        text-align: right !important;
    }

    .pmultiply {
        width: 5% !important;
        display: block;
        float: left;
        padding: 12px 10px !important;
        border-bottom: 0px !important;
        border-right: 0px !important;
        border-top: 0px !important;
        border-left: 0px !important;
        font-size: 15px !important;
        display: block;
    }

    .pequal {
        width: 5% !important;
        display: block;
        float: left;
        padding: 12px 10px !important;
        border-bottom: 0px !important;
        border-right: 0px !important;
        border-top: 0px !important;
        border-left: 0px !important;
        font-size: 15px !important;
        display: block;
    }

    .proquantity {
        width: 5% !important;
        display: block;
        float: left;
        padding: 12px 10px !important;
        border-bottom: 0px !important;
        border-right: 0px !important;
        border-top: 0px !important;
        border-left: 0px !important;
        font-size: 15px !important;
    }

    .prosubtotal {
        width: 35% !important;
        display: block;
        float: left;
        padding: 12px 10px !important;
        border-bottom: 0px !important;
        border-right: 0px !important;
        border-top: 0px !important;
        border-left: 0px !important;
        font-size: 15px !important;
        text-align: left !important;
    }
    .homestaydetailsdiv
    {
        padding-bottom:40px;
    }
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .homestaydetails-meta-info {
        
        grid-template-columns: repeat(2, 1fr) !important; /* Creates 3 equal columns */
       
    }
    .pnlpopup {
        width: 400px;
    }
    .fixed_right_buttons {
        display: none !important;
    }
    .blog-list-page .container
    {
        width:100%;
    }
    .page-top-wrap {
        display: block !important;
    }
    .breadcrumb-wrap {
        width: 100%;
        margin-bottom:15px;
    }
    .item-address {
        width: 90%;
        font-size: 16px;
    }
    .page-title-wrap {
        margin-top: -300px !important;
    }
    .projects-details {
        padding-top: 0px !important;
    }

        .projects-details .container {
            width: 100%;
        }
    .mobilepropertybox {
        border-top: 1px solid #dce0e0;
        background-color: #fff;
        padding: 10px;
        width: 100%;
        position: fixed;
        bottom: 0px;
        height: 60px;
        z-index: 1000;
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(3, 1fr) !important;
    }
    .mobileform {
        margin-top: 50px;
       
    }
    .paydivright
    {
        display:block !important;
        width:50%;
        float:left;
    }
    .secureimg {
        width: 30%;
        float: left;
        margin-top: 0px;
        padding-left: 10px;
    }
    .secureimg img {
        width: 50px;
    }
    
    .payheaderdiv {
        padding: 0px !important;
    }
    .securetext {
        width: 70%;
        float: right;
        padding-top: 10px;
        padding-left: 10px;
        font-size: 14px;
        line-height: 18px;
        text-align: center;
    }
    .mobilewhatsappbtn {
        background-color: #1b7bc9;
        color: var(--himconnect-white);
        border: 1px solid #1b7bc9;
        font-size: 13px;
        width: 100%;
        outline: none;
        padding: 5px 5px;
        border-radius: 3px;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        text-align: center;
        line-height: 35px;
        text-transform: uppercase;
        float: left;
    }

        .mobilewhatsappbtn:hover {
            background-color: transparent;
            color: #1b7bc9;
            border: 1px solid #1b7bc9;
        }

    .mobilecallbtn {
        background-color: transparent;
        color: #1b7bc9;
        border: 1px solid #1b7bc9;
        font-size: 13px;
        width: 100%;
        outline: none;
        padding: 5px 5px;
        border-radius: 3px;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        text-align: center;
        line-height: 35px;
        text-transform: uppercase;
        float: right;
    }

        .mobilecallbtn:hover {
            background-color: #1b7bc9;
            color: var(--himconnect-white);
            border: 1px solid #1b7bc9;
        }
    .mobileenquirybtn {
        background-color: var(--himconnect-base);
        color: var(--himconnect-white);
        border: 1px solid var(--himconnect-base);
        font-size: 13px;
        width: 100%;
        outline: none;
        padding: 5px 5px;
        border-radius: 3px;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        text-align: center;
        line-height: 35px;
        text-transform: uppercase;
        float: left;
    }

        .mobileenquirybtn:hover {
            background-color: transparent;
            color: #1b7bc9;
            border: 1px solid #1b7bc9;
        }
    .about-one .container {
        width: 100%;
    }

    .col-xs-6 {
        width: 50%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .team-three__single-content {
        position: relative;
        display: block;
        padding: 15px 25px 15px 35px;
        z-index: 1;
    }

        .team-three__single-content h2 {
            font-size: 15px;
            line-height: 24px;
            font-weight: 600;
            text-transform: capitalize;
            margin-bottom: 5px;
        }
    .product-details .container
    {
        width:100%;
    }
    .header-search-box
    {
        display:inline-block !important;
    }
    .main-header__shop {
        display: inline-block !important;
    }
    .main-header__language-switcher {
        display: inline-block !important;
    }
    
    .main-header__language-switcher .icon span {
        top: 0px !important;
    }
    }

@media only screen and (max-width : 425px) {
    .pnlpopup {
        width: 350px;
    }
}
@media only screen and (max-width : 375px) {
}
@media only screen and (max-width : 320px) {
    .pnlpopup {
        width: 300px;
    }
}