ul {
                    display: block;
                    margin: 0;
                    padding: 0;
                }

                li {
                    list-style-type: none;
                    /* display: inline; */
                }

                a {
                    text-decoration: none;
                }

                a:hover {
                    text-decoration: none;
                }

                p {
                    margin: 0;
                }

                h1,
                h2,
                h3,
                h4,
                h5 {
                    text-align: justify;
                    line-height: 1.5;
                    margin: 0;
                }

                h1 {
                    font-size: 170%;
                }

                h2 {
                    font-size: 150%;
                }

                h3 {
                    font-size: 110%;
                }

                h4 {
                    font-size: 100%;
                }

                h5 {
                    font-size: 90%;
                }

                h6 {
                    font-size: 85%;
                }

                h1,
                h2,
                h3 {
                    font-weight: bold;
                }

                h2 .bold_,
                h3 .bold_ {
                    font-size: 110%;
                    font-weight: bold;
                }

                #side_navbar li a {
                    display: block;
                    padding: 10px;
                    margin: 2px 0;
                }

                .headerdiv1,
                .headerdiv2 {
                    position: relative;
                    z-index: 10;
                }

                .top_msg_imp {
                    padding: 5px 10px;
                    background-color: red;
                    color: white;
                    text-align: center;
                }

                .header_adver_div1 {
                    padding: 10px;
                    /* background-color: brown; */
                    position: relative;
                    z-index: 10;
                }

                .top_ribon {
                    display: block;
                    position: absolute;
                    width: 100%;
                    background-color: #6cbef8;
                }

                .top_ribon_1 {
                    display: block;
                    position: absolute;
                    width: 100%;
                    background-color: #afdbfa;
                }

                .header_se1 {
                    display: inline-block;
                    position: absolute;
                    background-image: url(../pic/emdad_1.jpg);
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                }


                .header_item1 {
                    position: relative;
                    z-index: 1;
                    display: block;
                }

                .header_grid_4 .img {
                    grid-area: img;
                    width: 100%;
                }

                .header_grid_4 .menu {
                    grid-area: men1;
                }

                .header_grid_4 .btn1 {
                    grid-area: btn1;
                }

                .header_grid_4 .btn2 {
                    grid-area: btn2;
                }

                .header_grid_4 {
                    display: grid;
                    /* grid-template-columns: 120px auto 40px 40px; */
                    /* grid-template-rows: 30px auto 30px; */
                    /* grid-template-areas: 'img men1 btn1 btn2' 'img men1 men1 men1' 'img men1 men1 men1'; */
                    grid-template-areas: 'img men1 btn1 btn2';
                    direction: ltr;
                    position: static;
                }

                .header_grid_3 {
                    display: grid;
                    position: static;
                    grid-gap: 20px;

                }


                @media (min-width: 1501px) {
                    .header_grid_3 {
                        /* width: 940px; */
                        grid-template-columns: 300px 300px 300px;
                        padding: 240px 400px 20px 0;
                        margin: 0 20px;
                    }

                    .header_con {
                        height: 400px;
                    }

                }

                @media (min-width: 801px) and (max-width: 1500px) {
                    .header_grid_3 {
                        width: 300px;
                        /* grid-template-columns: 300px; */
                        padding: 70px 0 20px 0;
                        margin: 0 20px;
                        float: left;
                    }

                    .header_con {
                        height: 400px;
                    }

                }

                @media (min-width: 501px) and (max-width: 800px) {
                    .header_grid_3 {
                        width: 260px;
                        /* grid-template-columns: 260px; */
                        padding: 80px 0 20px 0;
                        margin: 0 20px;
                        float: left;
                    }

                    .header_con {
                        height: 400px;
                    }

                }

                @media (max-width: 500px) {
                    .header_grid_3 {
                        width: 100%;
                        /* grid-template-columns: 100%; */
                        padding: 50px 20px;
                        font-size: 90%;
                        float: left;
                    }

                    .header_con {
                        height: 400px;
                    }

                }

                .masnav {
                    display: block;
                    background-color: white;
                    padding: 10px;
                    border-radius: 30px;
                    transition: all 0.2s;
                }

                .masnav:hover {
                    filter: drop-shadow(0 0 5px white);
                }

                .masnav .grid_2_ {
                    display: grid;
                    grid-template-columns: 30px auto;
                }

                .masnav .grid_2_ .img_ {
                    display: block;
                    width: 30px;
                    height: 30px;
                    background-image: url(../pic/logo_emdadiranian_1-06.jpg);
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover;
                }

                .masnav .grid_2_ .lable_ {
                    padding: 3px 10px 0 10px;
                    color: grey;
                    font-weight: bold;
                    font-size: 100%;
                    transition: all 0.2s;
                }

                .masnav:hover .grid_2_ .lable_ {
                    color: rgba(128, 128, 128, 0.612);
                    padding-right: 15px;
                }



                @media(min-width: 1001px) {
                    .top_ribon {
                        height: 500px;
                    }

                    .top_ribon_1 {
                        height: 20px;
                        top: 510px;
                    }

                    .header_se1 {
                        width: 385px;
                        height: 600px;
                        right: 0;
                        top: 200px;
                    }

                    .header_grid_4 {
                        padding: 20px 300px 20px 70px;
                        grid-template-columns: 120px auto 40px 40px;
                    }


                }

                @media (min-width:801px) and (max-width: 1000px) {
                    .top_ribon {
                        height: 500px;
                    }

                    .top_ribon_1 {
                        height: 20px;
                        top: 510px;
                    }

                    .header_se1 {
                        width: 385px;
                        height: 600px;
                        right: 0;
                        top: 200px;
                    }

                    #navbar {
                        display: none;
                    }

                    .header_grid_4 {
                        padding: 20px 100px 20px 70px;
                        grid-template-columns: 120px auto 40px 40px;
                    }


                }

                @media (max-width: 800px) {
                    .top_ribon {
                        height: 600px;
                    }

                    .top_ribon_1 {
                        height: 20px;
                        top: 610px;
                    }

                    .header_se1 {
                        width: 257px;
                        height: 400px;
                        right: 0;
                        top: 400px;
                    }

                    #navbar {
                        display: none;
                    }

                    .header_grid_4 {
                        padding: 20px 20px 20px 20px;
                        grid-template-columns: 80px auto 40px 40px;
                    }
                }

                .adminbtn,
                .extrabtn {
                    display: inline-block;
                    width: 40px;
                    height: 40px;
                    background-repeat: no-repeat;
                    background-size: 70%;
                    background-position: center;
                    transition: all 0.3s;
                }

                .adminbtn {
                    background-image: url(../pic/account-3.svg);
                }

                .extrabtn {
                    background-image: url(../pic/icon-inf.svg);
                }

                .adminbtn:hover,
                .extrabtn:hover {
                    opacity: 0.7;
                }


                @media (max-width:1000px) {
                    .topAdverCont {
                        display: none;
                    }
                }

                @media (min-width:1001px) {
                    .topAdverCont {
                        background-color: white;
                        padding: 5px;
                    }
                }

                .topAdverCont div div div div div {
                    direction: rtl;
                }

                .topAdver_item p {
                    text-align: center;
                    font-weight: bold;
                }

                .topAdver_item_2grid {
                    display: grid;
                    grid-template-columns: auto 100px;
                }

                .topAdver_item_2grid a {
                    display: block;
                    font-size: 80%;
                    margin: 3px;
                }

                .topAdver_item_2grid p,
                .topAdver_item_1grid p {
                    margin: 0;
                    padding: 5px;
                }

                #residence_img_carousel div {
                    border-radius: 20px;
                }

                .abtn_1,
                .abtn_1-off {
                    margin: 0 2px;
                    padding: 3px 5px;
                    text-align: center;
                    border-style: solid;
                    border-width: 1px;
                    border-radius: 10px;
                    font-size: 90%;
                }

                .abtn_1-off {
                    background-color: rgb(195, 194, 194);
                    cursor: auto;
                    opacity: 0.3;
                }

                .abtn_1 {
                    border-color: grey;
                    transition: all 0.2s;
                    cursor: pointer;
                }

                .abtn_1:hover {
                    background-color: rgba(128, 128, 128, 0.187);
                }

                .headergrid,
                .headergrid2 {
                    display: grid;
                    direction: rtl;
                    /* grid-template-columns: 200px auto 120px; */
                    background-color: rgba(255, 255, 255, 0);
                    border-radius: 15px;
                    padding: 10px;
                    border-style: solid;
                    border-width: 0 0 1px 0;
                    border-color: white;
                    margin: 10px;
                }

                .navbarlist-show {
                    display: block;
                    margin: 30px 10px 0 10px;
                    text-align: center;
                    font-size: 95%;
                    direction: rtl;
                }

                .navbarlist-hide {
                    display: none;
                }

                .btnmodlogin {
                    display: inline-block;
                    max-width: 120px;
                    font-size: 85%;
                    font-weight: bold;
                    kerning: 2px;
                    border-style: solid;
                    border-color: white;
                    border-width: 1px;
                    transition: all 0.3s ease-in;
                    color: white;
                    border-radius: 15px;
                    margin: 2px 5px;
                    text-align: center;
                    padding: 10px 15px;
                }

                .btnmodlogin:hover {
                    border-color: rgb(161, 112, 207);
                    text-decoration: none;
                    opacity: 0.7;
                }

                .spertext,
                .spertext1 {
                    color: goldenrod;
                }

                #navbar .navbaritem_li {
                    display: inline-block;
                    width: auto;
                    padding: 0;
                }

                #side_navbar .navbaritem_li {
                    display: block;
                    /* width: auto; */
                    padding: 5px 10px;
                }

                .navbaritem {
                    transition: all 0.1s ease-in;
                    color: white;
                    font-weight: bold;
                    display: block;
                    width: auto;
                    text-decoration: none;
                    text-align: center;
                    padding: 5px 8px;
                    text-align: right;
                    font-size: 100%;
                }

                .navbaritem:hover {
                    text-decoration: none;
                    color: rgba(255, 255, 255, 0.696);
                }


                #navbar .navbar_ {
                    display: inline-block;
                    width: 300px;
                }

                #navbar .navbar_ .grid_3_ {
                    display: grid;
                    grid-template-columns: 100px 100px 100px;
                    grid-template-rows: 80px;
                }

                .header_item1 {
                    display: block;
                    width: 100%;
                    background-color: #f8f9f9;
                    filter: drop-shadow(10px 0 10px rgba(0, 0, 0, 0.178));
                    position: fixed;
                    z-index: 100;
                }

                .header_spaceback {
                    display: block;
                }


                .header_grid_m {
                    display: grid;
                }

                .header_grid_m li {
                    text-align: center;
                }

                .header_grid_m a img {
                    display: block;
                    width: 100%;
                }

                .sign_1 {
                    display: inline-block;
                    background-color: rgb(2, 176, 39);
                    border-radius: 10px;
                    color: white;
                    position: relative;
                    text-align: center;
                }

                .header_grid_m .left_cont_1_ {
                    text-align: center;
                }

                .header_grid_m .left_cont_ a .lable_,
                .header_grid_m .left_cont_1_ .lable_ {
                    font-size: 90%;
                    text-align: center;
                    color: grey;
                    transition: all 0.2s;
                }

                .header_grid_m .left_cont_ a:hover .lable_ {
                    color: #2b78d6;
                }

                @media (min-width: 1301px) {
                    .header_grid_m {
                        grid-template-columns: 140px auto 50px 50px 50px;
                        grid-gap: 40px;
                        padding: 10px 0 10px 0;
                    }

                    .header_spaceback {
                        height: 120px;
                    }

                    .space_back_header {
                        height: 130px;
                    }

                    .time_master_grid {
                        padding: 30px 0;
                    }

                    .drower_show {
                        top: 125px;
                    }

                    .drower_top_list {
                        padding: 10px 20px 20px 20px;
                    }

                    .header_grid_m .left_cont_ a .basket_btn,
                    .header_grid_m .menu_btn,
                    .header_grid_m .circle_img {
                        width: 40px;
                        height: 40px;
                        margin: 10px auto 5px auto;
                    }

                    .header_grid_m .left_cont_,
                    .header_grid_m .left_cont_1_ {
                        padding: 0;
                    }

                    .sign_1 {
                        width: 20px;
                        height: 20px;
                        font-size: 80%;
                        left: -1px;
                        top: -5px;
                        padding: 3px 0 0 0;
                    }
                }

                @media (min-width: 601px) and (max-width: 1300px) {
                    .header_grid_m {
                        grid-template-columns: 130px auto 50px 50px 50px;
                        grid-gap: 20px;
                        padding: 10px 0 10px 0;
                    }

                    .header_spaceback {
                        height: 100px;
                    }

                    .space_back_header {
                        height: 90px;
                    }

                    .time_master_grid {
                        padding: 20px 0;
                    }

                    .drower_show {
                        top: 100px;
                    }

                    .drower_top_list {
                        padding: 10px 20px 20px 20px;
                    }

                    .header_grid_m .left_cont_ a .basket_btn,
                    .header_grid_m .menu_btn,
                    .header_grid_m .circle_img {
                        width: 40px;
                        height: 40px;
                        margin: 10px auto 5px auto;
                    }

                    .header_grid_m .left_cont_,
                    .header_grid_m .left_cont_1_ {
                        padding: 0;
                    }

                    .sign_1 {
                        width: 20px;
                        height: 20px;
                        font-size: 80%;
                        left: -1px;
                        top: -5px;
                        padding: 3px 0 0 0;
                    }
                }

                @media (max-width: 600px) {
                    .header_grid_m {
                        grid-template-columns: 90px auto 30px 30px 30px;
                        grid-gap: 10px;
                        padding: 7px 0 5px 0;
                    }

                    .header_spaceback {
                        height: 70px;
                    }

                    .space_back_header {
                        /* height: 80px; */
                    }

                    .time_master_grid {
                        padding: 10px 0;
                    }

                    .drower_show {
                        top: 70px;
                    }

                    .drower_top_list {
                        padding: 10px 10px 20px 10px;
                    }

                    .header_grid_m .left_cont_ a .basket_btn,
                    .header_grid_m .menu_btn,
                    .header_grid_m .circle_img {
                        display: inline-block;
                        width: 25px;
                        height: 25px;
                        margin: 6px auto 5px auto;
                    }

                    .header_grid_m .left_cont_ a .lable_,
                    .header_grid_m .left_cont_1_ .lable_ {
                        display: none;
                    }

                    .header_grid_m .left_cont_,
                    .header_grid_m .left_cont_1_ {
                        padding: 0;
                    }

                    .header_grid_m .navbaritem_li {
                        padding: 10px 0 0 0;
                    }

                    .sign_1 {
                        width: 16px;
                        height: 16px;
                        font-size: 84%;
                        left: -3px;
                        top: -2px;
                        padding: 1px 0 0 0;
                    }
                }

                .formfieldT1,
                .formfieldT2 {
                    display: grid;
                    grid-gap: 10px;
                    padding: 10px 0 0 0;
                }

                .formfieldT2 span {
                    padding: 8px 0;
                }

                .formfieldT1 {
                    grid-template-columns: 250px auto;
                }

                @media (max-width: 450px) {

                    .formfieldT1,
                    .formfieldT2 {
                        grid-template-columns: auto;
                    }
                }

                @media (min-width: 451px) {

                    .formfieldT1,
                    .formfieldT2 {
                        grid-template-columns: 20% auto;
                    }
                }


                .basket_btn,
                .home_btn,
                .order_btn {
                    display: block;
                    padding: 50px 8px 8px 8px;
                    color: white;
                    font-size: 90%;
                    font-weight: bold;
                    background-repeat: no-repeat;
                    background-size: 50% auto;
                    background-position: center 5px;
                    transition: all 0.2s;
                }

                .basket_btn:hover,
                .home_btn:hover,
                .order_btn:hover {
                    color: rgba(255, 255, 255, 0.575);
                    background-position: center 3px;
                    transition: all 0.2s;
                }


                .basket_btn {
                    background-size: 50% auto;
                    background-position: center 5px;
                    background-image: url(../pic/basket_1.svg);
                }

                .home_btn {
                    background-size: 35% auto;
                    background-position: center 8px;
                    background-image: url(../pic/home_1.svg);
                }

                .order_btn {
                    background-size: 45% auto;
                    background-position: center 6px;
                    background-image: url(../pic/tracing_1.svg);
                }


                .sign_1 {
                    display: block;
                    width: 15px;
                    height: 15px;
                    background-color: red;
                    border-radius: 10px;
                    color: white;
                    font-size: 80%;
                    position: relative;
                }

                .sidenavbar_back {
                    display: block;
                    height: 100vh;
                    background-color: rgba(1, 38, 39, 0.655);
                    position: fixed;
                    top: 0;
                    left: 0;
                    z-index: 1000;
                }

                .sidenavbar_back_item-show,
                .sidenavbar_back_item-hide {
                    height: 0;
                }

                .sidenavbar_back_item-show {
                    display: block;
                }

                .sidenavbar_back_item-hide {
                    display: none;
                }

                .sidenavbar_count,
                .sidenavbar_count_show,
                .sidenavbar_count_close {
                    background-color: rgb(0, 14, 20);
                    padding: 20px;
                    display: inline-block;
                    max-width: 400px;
                    height: 100vh;
                    position: fixed;
                    vertical-align: middle;
                    z-index: 1001;
                    top: 0;
                }

                .sidenavbar_count {
                    right: -400px;
                }

                .sidenavbar_count_show {
                    right: 0;
                }

                .sidenavbar_count_close {
                    right: -400px;
                }

                .sidenavbar_count_show {
                    -webkit-animation: animation2 1s;
                }

                @-webkit-keyframes animation2 {
                    0% {
                        right: -400px;
                    }

                    100% {
                        right: 0;
                    }
                }

                @keyframes animation2 {
                    0% {
                        right: -400px;
                    }

                    100% {
                        right: 0;
                    }
                }

                .sidenavbar_count_close {
                    -webkit-animation: animation3 1s;
                }

                @-webkit-keyframes animation3 {
                    0% {
                        right: 0;
                    }

                    100% {
                        right: -400px;
                    }
                }

                @keyframes animation3 {
                    0% {
                        right: 0;
                    }

                    100% {
                        right: -400px;
                    }
                }

                @media (min-width: 1000px) {

                    .headergrid .item2 #navbar,
                    .headergrid2 .item2 #navbar {
                        display: block;
                    }

                    .headergrid .item3 {
                        text-align: left;
                    }

                    .headergrid {
                        grid-template-columns: 160px auto 60px;
                    }
                }

                @media (min-width:451px) and (max-width: 999px) {
                    .headergrid .item2 {
                        display: none;
                    }

                    /* .headergrid .item2 #navbar {
                        display: none;
                    } */
                    .headergrid .item3 {
                        text-align: left;
                    }

                    .btnmodlogin {
                        width: 50px;
                    }

                    .headergrid {
                        grid-template-columns: 160px auto;
                    }
                }

                @media (max-width:450px) {

                    .headergrid .item1 img {
                        height: 80;
                    }

                    .headergrid .item2 {
                        display: none;
                    }

                    .headergrid .item3 {
                        text-align: left;
                    }

                    .btnmodlogin {
                        width: 50px;
                    }

                    .headergrid {
                        grid-template-columns: 150px auto;
                        font-size: 70%;
                    }
                }

                .siteboard {
                    display: block;
                    height: 100vh;
                    /* background-color: grey; */
                }

                .siteboard_c {
                    position: absolute;
                    bottom: 0;
                    display: block;
                    width: 100%;
                }

                .siteboard_slider {
                    display: block;
                    height: 100%;
                    width: 100%;
                    background-color: rgb(188, 187, 187);
                    position: absolute;
                    top: 0;
                    left: 0;
                    background-position: 0 center;
                    background-repeat: no-repeat;
                    background-size: cover;
                }

                .siteboard_bottside {
                    display: block;
                    height: 500px;
                    width: 100%;
                    /* background-color: rgb(122, 122, 122); */
                    position: absolute;
                    /* top: 575px; */
                    left: 0;
                    /* background-image: linear-gradient(to bottom, rgba(2, 186, 238, 0), rgb(2, 186, 238), rgb(2, 186, 238), rgb(2, 186, 238)); */
                    z-index: 2;
                    bottom: 0;
                }

                .look_for,
                .look_for_bott,
                .look_for_mobile,
                .state_sec,
                .state_sec_mobile {
                    display: block;
                    width: 100%;
                    position: relative;
                    left: 0;
                    text-align: center;
                }

                .look_for,
                .look_for_bott,
                .look_for_mobile {
                    z-index: 14;
                }

                .state_sec,
                .state_sec_mobile {
                    z-index: 13;
                }

                .state_sec_mobile a {
                    padding: 10px;
                    background-color: rgb(164, 213, 128);
                    color: white;
                    border-radius: 20px;
                    display: inline-block;
                    width: 80px;
                    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3));
                }

                .state_sec_mobile a:hover {
                    background-color: rgb(164, 213, 128);
                    color: white;
                    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));
                }

                .lookfor_0 {
                    display: inline-block;
                    margin: auto;
                    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.3));
                    background-color: white;
                }

                .lookfor_grid,
                .lookfor_bott_grid {
                    display: grid;
                    width: auto;
                    /* grid-template-columns: 180px 180px 180px 180px 100px; */
                }

                .look_for_bott-hide {
                    display: none;
                }

                .lookfor_bott_grid div {
                    padding: 20px 20px 10px 20px;
                }

                .lookfor_grid .item5 div {
                    width: 50px;
                    height: 40px;
                    margin: 15px auto auto auto;
                    display: inline-block;
                }

                .lookfor_grid .item5 div a {
                    font-size: 150%;
                    padding: 10px;
                }

                .lookfor_grid .item5 div a:hover {
                    color: grey;
                }

                .lookfor_grid div p,
                .lookfor_bott_grid div p {
                    font-size: 80%;
                    font-weight: bold;
                    color: grey;
                    padding: 0 0 8px 0;
                }

                .lookfor_grid div .input,
                .lookfor_bott_grid div .input {
                    font-weight: bold;
                    padding: 10px;
                    border-width: 1px 0 0 0;
                    display: block;
                    width: 100%;
                    text-align: center;
                }

                .add_number {
                    font-weight: bold;
                    padding: 5px;
                    text-align: center;
                    display: grid;
                }

                .add_number .value {
                    color: black;
                    text-align: center;
                }

                .add_number a {
                    border-style: solid;
                    border-width: 1px;
                    border-color: rgb(160, 160, 160);
                    border-radius: 5px;
                    text-align: center;
                }

                .add_number a:hover {
                    background-color: rgb(234, 231, 231);
                    color: rgb(172, 172, 172);
                }

                .look_for_mobile div div {
                    display: grid;
                    grid-template-columns: 40% 60%;
                    padding: 10px 0 10px 0;
                }

                .look_for_mobile div div span {
                    text-align: right;
                    padding: 5px 10px;
                    font-size: 90%;
                }

                .look_for_mobile div div .input {
                    padding: 5px 10px;
                    border-style: solid;
                    border-width: 0 0 1px 0;
                    border-color: rgb(174, 174, 174);
                }

                .residence_op div .input_ {
                    padding: 0 0 20px 0;
                }

                .residence_op div .btn_ {
                    padding: 25px 0 5px 0;
                }

                .residence_op div .line_ {
                    padding: 10px 0;
                    display: grid;
                    grid-template-columns: auto auto;
                    border-style: solid;
                    border-width: 1px 0 0 0;
                    border-color: rgb(174, 174, 174);
                }

                .residence_op div .line_ div {}

                .residence_op div .line_ .left_ {
                    text-align: left;
                }

                .residence_op div .line_ .right_ {
                    text-align: right;
                }

                .residence_op div .line_ .left_ span,
                .residence_op div .line_ .right_ span {
                    font-size: 85%;
                }

                /* .residence_op div div p {
                    font-size: 80%;
                } */

                .residence_op div .btn_ .strong_btn {
                    padding: 15px;
                    font-size: 80%;
                }

                .residence_op div div .comm_ {
                    padding: 20px 0 10px 0;
                    font-size: 80%;
                }

                .residence_op div div .grid_ {
                    display: grid;
                    grid-template-columns: 50% 50%;
                    padding: 10px 0 10px 0;
                }

                .residence_op div div .grid_ span {
                    text-align: right;
                    padding: 10px 0;
                    font-size: 90%;
                }

                .residence_op div div .grid_ p {
                    padding: 0 10px;
                }

                .residence_op div div .grid_ p span {
                    display: block;
                    padding: 0;
                }

                .residence_op div div .grid_ .input {
                    padding: 5px 10px;
                    border-style: solid;
                    border-width: 0 0 1px 0;
                    border-color: rgb(174, 174, 174);
                    cursor: pointer;
                    color: black;
                }

                .residence_op .lookfor_1 {
                    padding: 20px;
                    margin: 10px;
                    border-radius: 15px;
                    border-style: solid;
                    border-width: 2px;
                    border-color: grey;
                    background-color: white;
                }

                .survey_box .box_1_ {
                    /* padding: 20px; */
                    /* margin: 10px;
                    border-style: solid;
                    border-width: 0 0 0 1px;
                    border-color: grey; */
                }

                .survey_box .box_1_ .input_ .grid_ {
                    text-align: right;
                    padding: 10px 0;
                }

                .survey_box .box_1_ .btn_ {
                    text-align: left;
                }

                .survey_box .box_1_ .btn_ .glass_btn1 {
                    width: 100px;
                    display: inline-block;
                    font-size: 90%;
                }

                .survey_box .box_1_ .input_ .grid_ p {
                    font-size: 90%;
                }

                .survey_box .box_1_ .input_ .grid_ .input_ {
                    font-size: 100%;
                    padding: 10px;
                    border-style: solid;
                    border-width: 1px;
                    border-color: rgb(174, 174, 174);
                    color: black;
                    display: block;
                    border-radius: 5px;
                    width: 100%;
                    margin: 5px 0;
                    height: 160px;
                }

                .state_sec .grid_ {
                    display: grid;
                    margin: 0 auto;
                }

                .state_sec div div {
                    text-align: center;
                }

                .state_sec div div .item_body {
                    display: inline-block;
                }

                .state_sec div div .item_body .item_body_1 {
                    background-color: white;
                    border-radius: 15px;
                    border-style: solid;
                    border-width: 4px;
                    border-color: rgb(139, 228, 187);
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: center;
                    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3));
                    transition: all 0.2s;
                }

                .state_sec div div .item_body .item_body_2 {
                    position: relative;
                    height: 0;
                    display: block;
                    text-align: center;
                }

                .state_sec div div .item_body .item_body_2 p {
                    display: inline-block;
                    width: 130px;
                    padding: 3px 10px;
                    background-color: rgb(139, 228, 187);
                    border-radius: 20px;
                    font-size: 85%;
                    color: white;
                    position: relative;
                    top: -15px;
                }

                .state_sec div div .item_body:hover .item_body_1 {
                    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3));
                    background-size: 110% auto;
                    border-color: rgb(197, 198, 198);
                }

                .state_sec div div .item_body:hover .item_body_2 p {
                    background-size: 110% auto;
                    background-color: rgb(197, 198, 198);
                }

                .residence_op .lookfor_1 .add_number {
                    grid-template-columns: 40px auto 40px;
                    border-width: 0;
                    margin: 5px auto;
                    max-width: 140px;
                }

                .residence_op .lookfor_1 .add_number span {
                    display: inline-block;
                    width: 50px;
                    text-align: center;
                }

                .strong_btn {
                    border-style: none;
                    border-radius: 10px;
                    background-color: rgb(73, 110, 151);
                    /* background-image: linear-gradient(to left, rgb(15, 47, 56), rgb(4, 64, 81), rgb(53, 111, 128), rgb(4, 37, 46)); */
                    color: white;
                    text-align: center;
                    padding: 12px;
                    display: block;
                    transition: all 0.2s;
                }

                .strong_btn:hover {
                    color: rgb(192, 192, 191);
                    border-radius: 15px;
                }

                @media (min-width: 901px) {
                    .look_for {
                        display: block;
                        bottom: 120px;
                    }

                    .look_for_bott {
                        display: block;
                        bottom: 110px;
                    }

                    .look_for_mobile {
                        display: none;
                    }

                    .state_sec {
                        display: block;
                        bottom: 40px;
                    }

                    .state_sec_mobile {
                        display: none;
                    }

                    .lookfor_0 {
                        border-radius: 60px;
                        width: 880px;
                        padding: 0 30px;
                    }

                    .lookfor_grid {
                        grid-template-columns: 180px 180px 180px 180px 100px;
                    }

                    .lookfor_bott_grid {
                        grid-template-columns: auto auto auto;
                    }

                    .lookfor_grid .item1,
                    .lookfor_grid .item2,
                    .lookfor_grid .item3,
                    .lookfor_grid .item4,
                    .lookfor_grid .item5 {
                        padding: 20px 20px 10px 20px;
                    }

                    .add_number {
                        grid-template-columns: 40px auto 40px;
                    }

                    .add_number .value,
                    .add_number a {
                        font-size: 20px;
                        padding: 5px 5px 0 5px;
                    }

                    .state_sec .grid_ {
                        width: 890px;
                        grid-template-columns: auto auto auto;
                    }

                    .state_sec div div .item_body {
                        width: 280px;
                    }

                    .state_sec div div .item_body .item_body_1 {
                        height: 130px;
                    }
                }

                @media (min-width:560px) and (max-width: 900px) {
                    .look_for {
                        display: block;
                        bottom: 120px;
                    }

                    .look_for_bott {
                        display: block;
                        bottom: 110px;
                    }

                    .look_for_mobile {
                        display: none;
                    }

                    .state_sec {
                        display: block;
                        bottom: 40px;
                    }

                    .state_sec_mobile {
                        display: none;
                    }

                    .lookfor_0 {
                        border-radius: 60px;
                        width: 510px;
                        padding: 0 20px;
                    }

                    .lookfor_grid {
                        grid-template-columns: 100px 100px 100px 100px 70px;
                    }

                    .lookfor_bott_grid {
                        grid-template-columns: auto auto auto;
                    }

                    .lookfor_grid .item1,
                    .lookfor_grid .item2,
                    .lookfor_grid .item3,
                    .lookfor_grid .item4,
                    .lookfor_grid .item5 {
                        padding: 20px 5px 10px 5px;
                    }

                    .add_number {
                        grid-template-columns: 25px auto 25px;
                    }

                    .add_number .value,
                    .add_number a {
                        font-size: 16px;
                        padding: 3px 3px 0 3px;
                    }

                    .state_sec .grid_ {
                        width: 550px;
                        grid-template-columns: auto auto auto;
                    }

                    .state_sec div div .item_body {
                        width: 170px;
                    }

                    .state_sec div div .item_body .item_body_1 {
                        height: 110px;
                    }
                }

                @media (max-width:559px) {
                    .look_for {
                        display: none;
                    }

                    .look_for_bott {
                        display: none;
                    }

                    .look_for_mobile {
                        display: block;
                        bottom: 70px;
                    }

                    .state_sec {
                        display: none;
                    }

                    .state_sec_mobile {
                        display: block;
                        bottom: 16px;
                    }

                    .lookfor_0 {
                        border-radius: 30px;
                        width: 90%;
                        padding: 20px 20px 50px 20px;
                    }

                    .add_number {
                        grid-template-columns: 40px auto 40px;
                        margin: 0 auto;
                        max-width: 100px;
                    }

                    .add_number .value,
                    .add_number a {
                        font-size: 16px;
                        padding: 3px 3px 0 3px;
                    }

                    .add_number .value {
                        display: block;
                        padding: 0 10px;
                    }

                    .look_for_mobile .look_for_btn {
                        height: 0;
                        position: relative;
                        top: -50px;
                    }

                    .look_for_mobile .look_for_btn a {
                        width: 80px;
                        height: 80px;
                        display: inline-block;
                        background-color: white;
                        border-radius: 40px;
                        font-size: 130%;
                        padding: 30px 0 0 0;
                        transition: all 0.2s;
                    }

                    .look_for_mobile .look_for_btn a:hover {
                        background-color: rgb(243, 241, 241);
                        color: grey;
                    }

                    .state_sec .grid_ {
                        width: 100%;
                        grid-template-columns: auto;
                        grid-template-rows: auto auto auto;
                    }

                    .state_sec div div .item_body {
                        width: 90%;
                        margin: 5px 0;
                    }

                    .state_sec div div .item_body .item_body_1 {
                        height: 70px;
                    }
                }

                .bott_part-show {
                    position: relative;
                    height: 0;
                }

                .siteboard_topside {
                    display: block;
                    height: 200px;
                    width: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    /* background-image: linear-gradient(to top, rgba(137, 198, 242, 0), rgb(137, 198, 242), rgb(137, 198, 242)); */
                    z-index: 2;
                }

                .headerimage {
                    display: block;
                    height: 500px;
                }

                .headerimage_d1 {
                    display: block;
                    height: 900px;
                    position: relative;
                    bottom: 200px;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover;
                    z-index: 0;
                }

                .openul-show {
                    display: block;
                    width: 170px;
                    position: absolute;
                    z-index: 20;
                    background-color: white;
                    padding: 10px;
                    text-align: right;
                }

                .openul-hide {
                    display: none;
                }

                #navbar .navbaritem_li .openulside-show {
                    display: block;
                    padding: 10px;
                    text-align: right;
                }

                .openulside-hide {
                    display: none;
                }

                #side_navbar .navbaritem_li .openulside-show {
                    display: block;
                    padding: 0;
                    text-align: right;
                }

                #side_navbar .navbaritem_li .openulside-show .mnavi2 .navbaritem {
                    transition: all 0.3s ease-in;
                    color: green;
                    font-weight: bold;
                    display: block;
                    width: auto;
                    text-decoration: none;
                    text-align: center;
                    padding: 5px 0;
                    text-align: right;
                    background-color: rgb(64, 64, 64);
                    padding: 10px;
                }

                #side_navbar .navbaritem_li .openulside-show .mnavi2 .navbaritem:hover {
                    text-decoration: none;
                    color: chocolate;
                    background-color: rgb(43, 43, 43);
                }

                .bodycont0 {
                    display: block;
                    position: relative;
                    top: 40px;
                    z-index: 20;
                }

                .mrow {
                    display: block;
                }

                .bodycont00 {
                    max-width: 1300px;
                    margin: 0 auto;
                    position: relative;
                    /* top: -250px; */
                }

                .bodycont {
                    /* padding: 40px; */
                    padding: 40px 0;
                }

                .master_btn_grid {
                    display: grid;
                }

                .master_btn {
                    border-radius: 50px;
                    display: block;
                    width: auto;
                    text-align: center;
                    /* background-color: rgb(21, 21, 81); */
                    background-image: url(../pic/slider_side_1.jpg);
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: 100% auto;
                    color: black;
                    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.45));
                    border-style: solid;
                    border-color: white;
                    border-width: 2px;
                    font-weight: bold;
                    transition: all 0.3ms;
                }

                .master_btn:hover {
                    border-width: 2px 6px;
                    background-size: 110% auto;
                    /* background-color: rgb(39, 39, 117); */
                    filter: drop-shadow(6px 6px 7px rgba(0, 0, 0, 0.37));
                }

                .master_btn:hover .grid_mbtn4 .back_pic {
                    opacity: 0.6;
                }

                .grid_mbtn4 {
                    display: grid;
                    min-height: 60px;
                    padding: 0 20px;
                }

                .back_pic {
                    background-image: url(../pic/telphone-1.svg);
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: auto 100%;
                }

                .center_i {
                    display: block;
                    position: relative;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                }

                @media (min-width: 901px) {
                    .master_btn {
                        margin: 20px 50px;
                        padding: 20px 10px;
                    }

                    .grid_mbtn4 {
                        grid-template-columns: 100px auto;
                    }

                    .bodycont {
                        /* padding: 40px; */
                    }
                }

                @media (min-width: 400px) and (max-width: 900px) {
                    .master_btn {
                        margin: 10px;
                        padding: 10px;
                    }

                    .grid_mbtn4 {
                        grid-template-columns: 100px auto;
                    }

                    .bodycont {
                        /* padding: 40px; */
                    }
                }

                @media (max-width: 401px) {
                    .master_btn {
                        margin: 10px;
                        padding: 20px;
                    }

                    .grid_mbtn4 {
                        grid-template-columns: auto;
                        grid-template-rows: 40px auto;
                    }

                    .bodycont {
                        /* padding: 20px; */
                    }
                }

                @media (min-width: 701px) {
                    .bodycont00 {
                        top: -250px;
                    }

                    .master_btn_grid {
                        padding: 30px 0 10px 0;
                        grid-template-columns: 50% 50%;
                    }
                }

                @media (max-width: 700px) {
                    .bodycont00 {
                        top: -380px;
                    }

                    .master_btn_grid {
                        padding: 10px 0;
                        grid-template-columns: auto;
                    }
                }

                .footercont0 {
                    background-color: rgb(30, 39, 30);
                    color: white;
                }

                .footercont {
                    max-width: 1300px;
                    margin: 0 auto;
                    padding: 20px;
                }

                .fottergrid {
                    display: grid;
                }

                @media (min-width: 901px) {
                    .fottergrid {
                        grid-template-columns: 50% 50%;
                        padding: 50px 0;
                    }

                    .fottergrid #footercontItemR {
                        padding: 0 0 0 20px;
                    }

                    .fottergrid #footercontItemL {
                        padding: 0 20px 0 0;
                    }

                    .footercont {
                        padding: 20px;
                    }
                }

                @media (max-width: 900px) {
                    .fottergrid {
                        grid-template-columns: auto;
                        padding: 20px 0;
                    }

                    .footercont {
                        padding: 20px 0;
                    }
                }

                @media (min-width: 1501px) {
                    .bodycont0 {
                        padding: 0 200px;
                    }

                    .mrow {
                        padding: 0 200px;
                    }

                    .footercont0 {
                        padding: 0 40px;
                    }

                    .footer {
                        padding: 40px 200px;
                    }

                    .residence_list_grid {
                        grid-template-columns: 370px 370px 370px 370px;
                        width: 1480px;
                    }
                }

                @media (min-width: 1201px) and (max-width: 1500px) {
                    .bodycont0 {
                        padding: 0 100px;
                    }

                    .mrow {
                        padding: 0 100px;
                    }

                    .footercont0 {
                        padding: 0 40px;
                    }

                    .footer {
                        padding: 40px 100px;
                    }

                    .residence_list_grid {
                        grid-template-columns: 370px 370px 370px;
                        width: 1110px;
                    }
                }

                @media (min-width: 901px) and (max-width: 1200px) {
                    .bodycont0 {
                        padding: 0 40px;
                    }

                    .mrow {
                        padding: 0 40px;
                    }

                    .footercont0 {
                        padding: 0 40px;
                    }

                    .footer {
                        padding: 40px 40px;
                    }

                    .residence_list_grid {
                        grid-template-columns: 370px 370px;
                        width: 740px;
                    }
                }

                @media (min-width: 641px) and (max-width: 900px) {
                    .bodycont0 {
                        padding: 0 40px;
                    }

                    .mrow {
                        padding: 0 40px;
                    }

                    .footercont0 {
                        padding: 0 40px;
                    }

                    .footer {
                        padding: 40px 40px;
                    }

                    .residence_list_grid {
                        grid-template-columns: 300px 300px;
                        width: 600px;
                    }
                }

                @media (max-width: 640px) {
                    .bodycont0 {
                        padding: 0 10px;
                    }

                    .mrow {
                        padding: 0 10px;
                    }

                    .footercont0 {
                        padding: 0 10px;
                    }

                    .footer {
                        padding: 40px 10px;
                    }

                    .residence_list_grid {
                        grid-template-columns: auto;
                        width: 300px;
                    }
                }

                .baner_item {
                    /* background-image: url(); */
                    /* background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover; */
                }

                .baner_cont .item1 {
                    background-color: cadetblue;
                    border-radius: 20px;
                    background-image: url(../pic/slider_side_1.jpg);
                    background-position: center;
                    background-size: cover;
                }

                @media (min-width: 841px) {
                    .baner_cont {
                        display: grid;
                        grid-template-columns: auto 700px;
                        grid-template-rows: auto;
                    }

                    .baner_item {
                        width: 700px;
                        height: 700px;
                    }
                }

                @media (min-width:540px) and (max-width: 840px) {
                    .baner_cont {
                        display: block;
                    }

                    .baner_cont .item1 {
                        display: none;
                    }

                    .headergrid .item2 {
                        width: 400px;
                        margin: auto;
                    }

                    .baner_item {
                        width: 400px;
                        height: 400px;
                    }
                }

                @media (max-width: 539px) {
                    .baner_cont {
                        display: block;
                    }

                    .baner_cont .item1 {
                        display: none;
                    }

                    .headergrid .item2 {
                        width: 200px;
                        margin: auto;
                    }

                    .baner_item {
                        width: 200px;
                        height: 200px;
                    }
                }

                .residence_list_grid {
                    display: grid;
                    /* grid-template-columns: 370px 370px 370px;
                    width: 1110px; */
                    margin: 0 auto;
                }

                .residence_list_grid div {
                    display: block;
                    text-align: center;
                    padding: 20px;
                }

                .residence_list_grid div {
                    text-align: center;
                }

                .residence_list_grid div a img {
                    display: block;
                    width: 100%;
                    height: 200px;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    margin: 0 0 5px 0;
                    transition: all 0.2s;
                }

                .residence_list_grid div a:hover img {
                    border-radius: 15px;
                }

                .residence_list_grid div .subject_ {
                    font-weight: bold;
                    font-size: 80%;
                    text-align: right;
                    color: black;
                }

                .residence_list_grid div p {
                    font-size: 70%;
                    padding: 4px 0;
                    text-align: right;
                    color: grey;
                }

                .residence_list_grid div p span {
                    font-size: 100%;
                    color: grey;
                }


                .footer div {
                    padding: 10px 0;
                }

                .footer .footer_0 {
                    color: white;
                    text-align: center;
                }

                .footer div .grid_0 {
                    display: grid;
                    grid-gap: 20px;
                }

                .footer div .grid_0 .address {
                    grid-area: add;
                    text-align: right;
                    padding: 10px 0 10px 10px;
                }

                .footer div .grid_0 .tel1 {
                    grid-area: tel1;
                }

                .footer div .grid_0 .tel2 {
                    grid-area: tel2;
                }

                .footer div .grid_0 .tel3 {
                    grid-area: tel3;
                }

                .footer div .grid_1_ {
                    display: grid;
                    grid-gap: 20px;
                }

                .footer div .grid_2_ {
                    display: grid;
                    margin: auto;
                    grid-gap: 20px;
                    text-align: center;
                }

                @media (max-width:400px) {
                    .footer div .grid_2_ {
                        width: auto;
                        grid-template-columns: auto;
                    }
                }

                @media (min-width:401px) {
                    .footer div .grid_2_ {
                        width: 300px;
                        grid-template-columns: 140px 140px;
                    }
                }

                .footer div .grid_2_ div {
                    padding: 10px 20px;
                }


                .footer div .grid_2_ div p {
                    text-align: center;
                }

                .footer div .grid_2_ div .bold_ {
                    font-size: 100%;
                    font-weight: bold;
                    border-style: solid;
                    border-color: white;
                    border-width: 1px 0 0 0;
                    margin: 5px 0 0 0;
                    padding: 10px 0 0 0;
                }

                @media (max-width: 400px) {
                    .footer div .grid_0 {
                        grid-template-columns: auto;
                        grid-template-areas: 'add' 'tel1' 'tel2' 'tel3';
                    }
                }


                @media (min-width: 401px) and (max-width: 500px) {
                    .footer div .grid_0 {
                        grid-template-columns: auto auto;
                        grid-template-areas: 'add add' 'tel1 tel2' 'tel3 tel3';
                    }
                }

                @media (min-width: 501px) and (max-width: 800px) {
                    .footer div .grid_0 {
                        grid-template-columns: auto auto auto;
                        grid-template-areas: 'add add add' 'tel1 tel2 tel3';
                    }

                    .footer div .grid_1_ {
                        grid-template-columns: auto 130px;
                    }

                }

                @media (min-width: 801px) {
                    .footer div .grid_0 {
                        grid-template-areas: 'add tel1 tel2 tel3';
                        grid-template-columns: auto 130px 130px 130px;
                    }

                    .footer div .grid_1_ {
                        grid-template-columns: auto 130px;
                    }

                }

                .footer div .grid_0 .address {
                    /* text-align: right;
                    padding: 10px; */
                }

                .footer div .grid_0 div {
                    padding: 0;
                }

                .footer div .grid_0 div .glass_btn {
                    color: white;
                    direction: rtl;
                    width: 130px;
                    margin: 0 auto;
                    display: inline-block;
                }

                .glass_btn,
                .glass_btn1 {
                    padding: 10px;
                    border-radius: 10px;
                    border-style: solid;
                    border-width: 1px;
                    transition: all 0.2s;
                    font-size: 100%;
                    text-align: center;
                    display: inline-block;
                    width: auto;
                }

                .glass_btn {
                    border-color: rgba(255, 255, 255, 0.541);
                }

                .glass_btn:hover {
                    background-color: rgba(255, 255, 255, 0.116);
                    border-color: white;
                }

                .glass_btn1 {
                    border-color: rgb(190, 190, 190);
                    color: grey;
                }

                .glass_btn1:hover {
                    background-color: rgba(234, 233, 233, 0.244);
                    border-color: rgb(152, 152, 152);
                }

                .residence_sub_grid {
                    display: grid;
                    background-image: linear-gradient(to bottom, rgba(204, 240, 227, 0), rgb(204, 240, 227), rgb(245, 208, 181), rgb(202, 229, 245), rgba(202, 229, 245, 0));
                }

                .residence_sub_grid div .subject_ {
                    padding: 10px 0;
                    margin: 5px 0;
                }

                .residence_sub_grid div h4 {
                    padding: 7px 0;
                    margin: 3px 0;
                }

                .residence_sub_grid .imgbox .img_i {
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover;
                    border-radius: 15px;
                }

                @media (min-width:1201px) {
                    .residence_sub_grid {
                        grid-template-columns: auto 700px;
                        padding: 40px 30px;
                    }

                    .residence_sub_grid .imgbox .img_i {
                        height: 450px;
                    }
                }

                @media (min-width:801px) and (max-width:1200px) {
                    .residence_sub_grid {
                        grid-template-columns: auto 400px;
                        padding: 30px 20px;
                    }

                    .residence_sub_grid .imgbox .img_i {
                        height: 300px;
                    }
                }

                @media (min-width:601px) and (max-width:800px) {
                    .residence_sub_grid {
                        grid-template-columns: auto;
                        grid-template-rows: auto auto;
                        padding: 20px;
                    }

                    .residence_sub_grid .imgbox {
                        width: 500px;
                        margin: 0 auto;
                    }

                    .residence_sub_grid .imgbox .img_i {
                        height: 300px;
                        margin: 30px 0;
                    }
                }

                @media (min-width:401px) and (max-width:600px) {
                    .residence_sub_grid {
                        grid-template-columns: auto;
                        grid-template-rows: auto auto;
                        padding: 20px;
                    }

                    .residence_sub_grid .imgbox {
                        width: 300px;
                        margin: 0 auto;
                    }

                    .residence_sub_grid .imgbox .img_i {
                        height: 200px;
                        margin: 30px 0;
                    }
                }

                @media (min-width:301px) and (max-width:400px) {
                    .residence_sub_grid {
                        grid-template-columns: auto;
                        grid-template-rows: auto auto;
                        padding: 20px;
                    }

                    .residence_sub_grid .imgbox {
                        width: 230px;
                        margin: 0 auto;
                    }

                    .residence_sub_grid .imgbox .img_i {
                        height: 150px;
                        margin: 30px 0;
                    }
                }

                @media (min-width:201px) and (max-width:300px) {
                    .residence_sub_grid {
                        grid-template-columns: auto;
                        grid-template-rows: auto auto;
                        padding: 20px;
                    }

                    .residence_sub_grid .imgbox {
                        width: 150px;
                        margin: 0 auto;
                    }

                    .residence_sub_grid .imgbox .img_i {
                        height: 90px;
                        margin: 30px 0;
                    }
                }

                @media (max-width:200px) {
                    .residence_sub_grid {
                        grid-template-columns: auto;
                        grid-template-rows: auto auto;
                        padding: 20px;
                    }

                    .residence_sub_grid .imgbox {
                        width: 130px;
                        margin: 0 auto;
                    }

                    .residence_sub_grid .imgbox .img_i {
                        height: 80px;
                        margin: 30px 0;
                    }
                }

                .residence_body_grid {
                    display: grid;
                }

                @media (min-width:1200px) {
                    .residence_body_grid {
                        grid-template-columns: 400px auto;
                        padding: 40px 0;
                        grid-gap: 40px;
                    }
                }

                .residence_body_grid .item2 .item2_1 {
                    padding: 10px 0;
                    margin: 10px 0;
                    border-style: solid;
                    border-width: 1px 0 0 0;
                    border-color: rgb(177, 177, 177);
                }

                .residence_body_grid .item2 div h2 {
                    padding: 10px 0;
                }

                .residence_body_grid .item1 .residence_op {
                    position: sticky;
                    top: 0;
                }

                .residence_body_grid .item2 div .grid_0 .grid_0_0 h4 {
                    color: grey;
                }

                .residence_body_grid .item2 div .grid_0 .grid_0_1 {
                    /* padding: 0 10px; */
                }

                .residence_body_grid .item2 div .grid_0 {
                    display: grid;
                    grid-template-columns: 40px auto;
                    padding: 8px 0;
                }

                .facilities_grid {
                    display: grid;
                    grid-gap: 10px;
                }

                @media (min-width:601px) {
                    .facilities_grid {
                        grid-template-columns: auto auto;
                    }
                }

                @media (max-width:600px) {
                    .facilities_grid {
                        grid-template-columns: auto;
                    }
                }

                .facilities_grid .facilities_item {
                    width: 260px;
                    display: inline-block;
                    text-align: right;
                }

                .facilities_grid .facilities_item div {
                    display: grid;
                    margin: 0 auto;
                    grid-template-columns: 30px auto;
                    grid-gap: 10px;
                }

                .distance_item {
                    display: grid;
                    padding: 10px 0;
                    grid-template-columns: 30px auto;
                    grid-gap: 10px;
                }

                .distance_item h4 {
                    margin: 0;
                }

                .footer div div div {
                    font-size: 95%;
                }

                .footer_0 div p {
                    font-size: 90%;
                    padding: 5px 0;
                    text-align: right;
                }

                .footer_0 div p span {
                    font-size: 100%;
                    color: rgba(255, 255, 255, 0.514);
                }

                .footer_0 div p a {
                    color: white;
                    font-size: 100%;
                }

                .slider {
                    direction: ltr;
                }

                .owl-carousel {
                    position: relative;
                }

                .owl-item {
                    background-color: rgba(253, 252, 252, 0);
                }

                .owl-nav {
                    color: rgba(83, 83, 83, 0.514);
                }

                .baner_cont .item2 .slider .owl-carousel .owl-nav .owl-prev,
                .baner_cont .item2 .slider .owl-carousel .owl-nav .owl-next {
                    position: absolute;
                    top: 45%;
                    display: inline-block;
                    width: auto;
                }

                .baner_cont .item2 .slider .owl-carousel .owl-stage-outer {
                    border-radius: 20px;
                }

                .baner_cont .item2 .slider .owl-carousel .owl-nav .owl-prev {
                    left: 25px;
                }

                .baner_cont .item2 .slider .owl-carousel .owl-nav .owl-next {
                    right: 25px;
                }

                #article .slider {
                    /* padding: 0 30px; */
                }

                #article .slider .owl-carousel .owl-nav .owl-prev {
                    left: -25px;
                }

                #article .slider .owl-carousel .owl-nav .owl-next {
                    right: -25px;
                }

                #residence_img_carousel .owl-dots {
                    text-align: center;
                }

                #residence_img_carousel .owl-nav .owl-prev,
                #residence_img_carousel .owl-nav .owl-next {
                    color: rgba(250, 250, 250, 0.514);
                    transition: all 0.3s;
                }

                #residence_img_carousel .owl-nav .owl-prev:hover,
                #residence_img_carousel .owl-nav .owl-next:hover {
                    color: rgba(250, 250, 250, 0.258);
                }

                #residence_img_carousel div .owl-dot {
                    position: relative;
                    width: 8px;
                    height: 8px;
                    background-color: #ffffff;
                    display: inline-block;
                    margin: 0 2px;
                    text-align: center;
                }

                .masterBTip1 {
                    padding: 50px 10px;
                    margin: 50px 20px;
                    width: auto;
                    border-width: 1px 0 0 0;
                    border-style: solid;
                    border-color: grey;
                }

                .imgframe,
                .imgframe_cover {
                    background-repeat: no-repeat;
                    background-position: center;
                    border-color: grey;
                    border-style: solid;
                }

                .imgframe_cover {
                    border-radius: 15px;
                    background-size: cover;
                    height: 200px;
                    border-width: 1px;
                }

                .imgframe {
                    background-size: auto 80%;
                    height: 160px;
                    border-width: 0 0 1px 0;
                }

                .text_item {
                    direction: rtl;
                    text-align: right;
                }

                .text_item .item_comment {
                    text-align: justify;
                    font-size: 90%;
                    color: grey;
                    padding: 5px 0;
                }

                .text_item .subject {
                    text-align: right;
                    padding: 10px 0 5px 0;
                    font-weight: bold;
                }

                .article_item {
                    margin: 0 auto;
                    max-width: 400px;
                    color: black;
                    text-align: center;
                    padding: 20px;
                }

                .services_item {
                    margin: 0 auto;
                    max-width: 300px;
                    color: black;
                    text-align: center;
                    padding: 20px;
                }

                /* .services_item .text_item {
                    text-align: center;
                } */

                .text_item a {
                    font-size: 90%;
                    padding: 5px 0;
                }

                .next_prev_cont {
                    padding: 20px;
                    text-align: left;
                }

                .customNextBtn,
                .customPrevBtn {
                    display: inline-block;
                    width: auto;
                    padding: 0 5px;
                }

                .masterBTip1 .masterBTip1_1 .subject {
                    font-weight: bold;
                    font-size: 160%;
                    text-align: center;
                }

                .residence_calander_0 {
                    padding: 20px 0;
                    margin: 30px 0 10px 0;
                    border-style: solid;
                    border-width: 1px 0 1px 0;
                    border-color: rgb(177, 177, 177);
                    text-align: center;
                }

                .residence_calander_0 .subject_ {
                    padding: 10px 0;
                    text-align: right;
                }

                .residence_calander_0 .comment_ {
                    text-align: right;
                }

                .residence_calander_0 .seting_box_ {
                    display: grid;
                    grid-template-columns: auto 50px 50px 140px;
                    padding: 5px 0;
                    margin: 5px 0;
                }

                .residence_calander_0 .seting_box_0_ {
                    display: grid;
                    padding: 5px 0;
                    margin: 5px 0;
                }


                .residence_calander_0 .seting_box_ a,
                .residence_calander_0 .seting_box_0_ a {
                    border-style: solid;
                    border-width: 1px;
                    border-color: rgb(177, 177, 177);
                    border-radius: 10px;
                    padding: 5px;
                    margin: 2px 5px;
                    text-align: center;
                    color: grey;
                    transition: all 0.2s;
                }


                .residence_calander_0 .seting_box_ a:hover,
                .residence_calander_0 .seting_box_0_ a:hover {
                    background-color: rgb(245, 243, 243);
                }

                @media(max-width: 600px) {
                    .residence_calander_0 .seting_box_0_ {
                        grid-template-columns: auto 40px 40px 100px 40px;
                        grid-template-rows: 35px;
                    }

                    .residence_calander_0 .seting_box_ .del_,
                    .residence_calander_0 .seting_box_0_ .del_ {
                        font-size: 75%;
                    }

                }

                @media(min-width: 601px) {
                    .residence_calander_0 .seting_box_0_ {
                        grid-template-columns: auto 50px 50px 140px 50px;
                        grid-template-rows: 40px;
                    }

                    .residence_calander_0 .seting_box_ .del_,
                    .residence_calander_0 .seting_box_0_ .del_ {
                        font-size: 85%;
                        padding: 10px 0 0 0;
                    }

                    .residence_calander_0 .seting_box_0_ a {
                        padding: 10px 0 0 0;
                    }
                }


                .residence_calander {
                    padding: 20px 0;
                }

                .residence_calander div {
                    text-align: center;
                    display: block;
                }

                .residence_calander div div div div {
                    scale: 1;
                    position: static;
                    left: 0;
                }

                @media (min-width:1301px) {
                    .residence_calander {
                        display: grid;
                        grid-template-columns: auto auto;
                    }
                }

                @media (max-width:1300px) {
                    .residence_calander {
                        display: block;
                    }
                }

                .pop_up,
                .pop_up-hide {
                    display: none;
                    overflow-y: auto;
                }

                .pop_up {
                    display: block;
                    position: fixed;
                    height: 100vh;
                    background-color: rgba(250, 250, 250, 0.8);
                    padding: 20px;
                    top: 0;
                    left: 0;
                    z-index: 100;
                    width: 100%;
                }

                .pop_up .residence_calander_0 {
                    background-color: white;
                    padding: 30px 10px;
                    border-radius: 15px;
                    margin: 0;
                    border-width: 0;
                }


                .cristal_btn1 {
                    display: inline-block;
                    width: auto;
                    padding: 5px 10px;
                    margin: 2px 5px;
                    border-radius: 5px;
                    border-style: solid;
                    border-color: grey;
                    border-width: 1px;
                    background-color: rgb(245, 245, 245);
                    transition: all 0.3s;
                    color: grey;
                }

                .cristal_btn1:hover {
                    background-color: rgb(204, 206, 206);
                    border-radius: 10px;
                }

                .cristal_btn {
                    display: block;
                    width: auto;
                    padding: 5px 10px;
                    border-radius: 5px;
                    border-style: solid;
                    border-color: grey;
                    border-width: 1px;
                    background-color: rgb(245, 245, 245);
                    transition: all 0.3s;
                    color: grey;
                    text-align: center;
                }

                .cristal_btn:hover {
                    background-color: rgb(204, 206, 206);
                    border-radius: 10px;
                }

                .survey_sec {
                    padding: 10px 0;
                    margin: 10px 0;
                    border-style: solid;
                    border-width: 1px 0 0 0;
                    border-color: rgb(177, 177, 177);
                }

                .survey_sec .survey_sec {
                    padding: 10px 0;
                }

                .survey_box .box_1_ {
                    /* padding: 20px 10px 10px 30px; */
                    margin: 10px;
                    /* border-style: solid;
                    border-width: 0 0 0 1px;
                    border-color: grey; */
                }

                .survey_box .box_1_ .input_ .grid_ {
                    text-align: right;
                    padding: 10px 0;
                }

                .survey_box .box_1_ .btn_ {
                    text-align: left;
                }

                .survey_box .box_1_ .btn_ .glass_btn1 {
                    width: 100px;
                    display: inline-block;
                    font-size: 90%;
                }

                .survey_box .box_1_ .input_ .grid_ p {
                    font-size: 90%;
                }

                .survey_box .box_1_ .input_ .grid_ .input_ {
                    font-size: 100%;
                    padding: 10px;
                    border-style: solid;
                    border-width: 1px;
                    border-color: rgb(174, 174, 174);
                    color: black;
                    display: block;
                    border-radius: 5px;
                    width: 100%;
                    margin: 5px 0;
                    height: 160px;
                }

                .survey_box {
                    border-radius: 10px;
                    padding: 20px;
                    border-width: 1px;
                    border-style: solid;
                    border-color: grey;
                    margin: 10px 0 10px 0;
                }

                .survey_box .username_ {
                    padding: 0 0 10px 0;
                    border-width: 0 0 1px 0;
                    border-style: solid;
                    border-color: rgb(185, 184, 184);
                    margin: 0 0 10px 0;
                }

                .survey_box .texta_ {
                    border-width: 0;
                    display: block;
                    width: 100%;
                }

                .bill_box {
                    padding: 10px 0;
                }

                .bill_box .item_ {
                    margin: 5px 0;
                    padding: 20px;
                    border-radius: 15px;
                    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.1));
                    background-color: white;
                }

                .control_btn {
                    padding: 20px 0;
                }

                .bill_box .item_ .control_btn {
                    padding: 10px 0;
                    margin: 5px 0;
                    text-align: left;
                }

                .bill_box .item_ .control_btn .cristal_btn1 {
                    padding: 5px 15px;
                }

                .bill_box .item_ .control_btn #pay_ {
                    color: white;
                    background-color: green;
                }

                .control_btn_grid,
                .control_btn_grid2 {
                    padding: 20px 0;
                    display: grid;
                    text-align: center;
                }

                .control_btn_grid {
                    grid-template-columns: auto 160px;
                }

                .control_btn_grid2 {
                    grid-template-columns: auto 130px 130px;
                }

                .bills .control_btn_grid2 #pay_ {
                    background-color: rgb(74, 124, 203);
                    color: white;
                }

                .bills .control_btn_grid2 #pay_:hover {
                    background-color: rgb(58, 101, 171);
                    color: white;
                }

                .control_btn_grid .cristal_btn1 {
                    display: block;
                    width: auto;
                    padding: 10px;
                    text-align: center;
                }

                .control_btn_grid2 .cristal_btn1 {
                    display: block;
                    width: auto;
                    padding: 10px;
                    text-align: center;
                    border-radius: 10px;
                }

                .bills {
                    display: block;
                    max-width: 700px;
                    margin: auto;
                    background-color: white;
                    filter: drop-shadow(0 0 10px rgba(5, 0, 0, 0.183));
                    padding: 20px 20px 0 20px;
                    border-radius: 15px;
                }


                .circle_btn {
                    display: block;
                    border-radius: 50%;
                    border-style: solid;
                    border-color: white;
                    border-width: 5px;
                    height: 100%;
                    background-color: rgba(253, 250, 250, 0.256);
                    transition: all 0.2s;
                    color: white;
                }

                .circle_btn:hover {
                    background-color: rgba(253, 250, 250, 0.374);
                    color: rgba(255, 255, 255, 0.667);
                }

                .circle_btn .play_ {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    font-size: 130%;
                }

                .response .bills {
                    /* padding: 20px; */
                    margin: 0 auto 70px auto;
                }

                .bills div .box_1_,
                .bills div .box_2_,
                .bills div .box_3_ {
                    color: white;
                    padding: 30px;
                    margin: 3px 0;
                    border-radius: 10px;
                    text-align: center;
                }

                .bills div .box_1_ {
                    background-color: rgb(13, 126, 126);
                }

                .bills div .box_2_ {
                    background-color: rgb(141, 25, 87);
                }

                .bills div .box_3_ {
                    background-color: rgb(8, 113, 15);
                }

                .bills div p span {
                    color: rgba(252, 250, 250, 0.612);
                }

                .bills div p .bold_ {
                    font-size: 110%;
                    font-weight: bold;
                    color: white;
                }

                .bill_box .item_ div p {
                    padding: 5px 0;
                }

                .bill_box .item_ div p .grey_ {
                    color: grey;
                }

                .bill_box .item_ div p .bold_ {
                    font-weight: bold;
                    font-size: 110%;
                }

                .text_box1 {
                    padding: 40px 0;
                }

                .input_grid3,
                .input_grid3_star {
                    margin: 5px 0;
                    padding: 10px 0;
                    display: grid;
                }

                .input_grid3_star .input_star {
                    grid-area: star;
                }

                .input_grid3_star .input_lable {
                    grid-area: lable;
                }

                .input_grid3_star .input_input {
                    grid-area: input;
                }

                @media(max-width: 430px) {
                    .input_grid3_star {
                        grid-template-columns: 15px auto;
                        grid-template-areas: 'star lable' 'input input';
                        /* grid-template-rows: ; */
                    }
                }

                @media(min-width: 431px) {
                    .input_grid3_star {
                        grid-template-columns: 15px 160px auto;
                        grid-template-areas: 'star lable input';
                    }
                }

                .input_grid3 {
                    grid-template-columns: 175px auto;
                }

                .input_star {
                    color: red;
                    padding: 15px 0 0 0;
                }

                .input_lable {
                    padding: 10px 0;
                }

                .input_input {
                    padding: 10px;
                    border-style: solid;
                    border-width: 0 0 1px 0;
                    border-color: rey;
                    font-size: 110%;
                }

                .text_box1 .control_btn {
                    text-align: left;
                }

                .input_grid3_star .input_star {}

                .input_grid3_star .input_lable {}

                .ipgtable {
                    width: 100%;
                    direction: rtl;
                }

                .ipgtablerow_h {
                    background-color: brown;
                    color: white;
                }

                .ipgtablerow1 {
                    background-color: rgb(234, 230, 230);
                }

                .ipgtablerow1:nth-of-type(odd) {
                    background: rgb(245, 245, 244);
                }

                .ipgtablecol0 {
                    padding: 10px 3px;
                    text-align: center;
                }

                .master_msg_item {
                    text-align: right;
                    direction: rtl;
                    display: block;
                    height: auto;
                }

                .master_msg_item .abtn_1 {
                    padding: 10px;
                    position: static;
                    display: inline-block;
                    width: auto;
                }

                .master_msg_item p {
                    font-size: 180%;
                    padding: 20px 0;
                    font-weight: bold;
                }

                .siteboard_in {
                    position: relative;
                    top: 50px;
                    z-index: 10;
                }

                .shop_gate {
                    position: relative;
                }

                .shop_gate .mrow {
                    text-align: center;
                }

                .master_msg {
                    display: block;
                    position: static;
                    background-image: url(../pic/back-1.svg);
                    background-repeat: no-repeat;
                    background-size: 100% 450px;
                    background-position: left;
                }


                @media (min-width: 1001px) {
                    .master_msg {
                        margin: 80px 400px 0 50px;
                        padding: 20px 20px 20px 50px;
                        height: 500px;
                    }
                }

                @media (min-width: 701px) and (max-width: 1000px) {
                    .master_msg {
                        margin: 80px 220px 0 40px;
                        padding: 20px 20px 20px 20px;
                        height: 500px;
                    }
                }

                @media (max-width: 700px) {
                    .master_msg {
                        margin: 250px 30px 0 30px;
                        padding: 10px;
                        height: 600px;
                    }
                }


                .shop_gate_gr {
                    display: grid;
                    text-align: center;
                    margin: auto;
                }

                .shop_gate_gr .item {
                    display: block;
                    background-color: rgb(237, 240, 240);
                    transition: all 0.2s;
                }

                .shop_gate_gr .item:hover {
                    background-color: rgb(227, 230, 230);
                    border-radius: 30px;
                    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
                }

                .shop_gate_gr .item:hover p {
                    color: rgb(65, 130, 183);
                }

                .shop_gate_gr .item:hover img {
                    opacity: 0.7;
                }

                .shop_gate_gr .item img {
                    display: inline-block;
                    text-align: center;
                    transition: all 0.2s;
                }

                .shop_gate_gr .item p {
                    font-size: 130%;
                    font-weight: bold;
                    color: grey;
                    position: relative;
                    top: -25px;
                    transition: all 0.2s;
                }

                @media (max-width: 500px) {
                    .shop_gate_gr .item {
                        padding: 10px;
                        border-radius: 18px;
                        height: 140px;
                    }

                    .shop_gate_gr .item img {
                        width: 100%;
                        height: auto;
                    }

                }

                @media (min-width: 501px) {

                    .shop_gate_gr .item {
                        padding: 20px;
                        border-radius: 26px;
                        height: 215px;
                    }

                    .shop_gate_gr .item img {
                        width: 100%;
                        height: auto;
                    }

                }


                @media (min-width: 701px) {

                    .shop_gate_gr {
                        width: 600px;
                        grid-template-columns: 300px 300px;
                        grid-gap: 40px;
                        padding: 20px 0;
                    }

                    .shop_gate {
                        top: 200px;
                    }
                }

                @media (min-width:501px) and (max-width: 700px) {
                    .shop_gate_gr {
                        width: 300px;
                        grid-template-columns: 300px;
                        grid-gap: 40px;
                        padding: 20px 0;
                    }

                    .shop_gate {
                        top: 200px;
                    }
                }

                @media (max-width: 500px) {
                    .shop_gate_gr {
                        width: 200;
                        grid-template-columns: 200px;
                        grid-gap: 40px;
                        padding: 20px 0;
                    }

                    .shop_gate {
                        top: 40px;
                    }

                    .siteboard_in {
                        top: 60px;
                    }

                }


                .empty_div {
                    position: relative;
                    z-index: 20;
                }

                @media(max-width: 500px) {
                    .empty_div {
                        height: 50px;
                    }
                }

                @media(min-width: 501px) {
                    .empty_div {
                        height: 100px;
                    }
                }

                .last_bill {
                    display: grid;
                    border-style: solid;
                    border-width: 1px;
                    border-color: rgb(183, 182, 182);
                    border-radius: 15px;
                    padding: 20px;
                }

                .grid_1_btn {
                    display: grid;
                    grid-template-columns: auto 150px;
                    grid-gap: 10px;
                    direction: ltr;
                }

                .last_bill .grid_1_btn {
                    padding: 20px 0;
                }

                .last_bill .item_1 .sub_ {
                    font-size: 120%;
                    font-weight: bold;
                    padding: 10px 0 20px 0;
                }

                .last_bill .item_1 .bd_ {
                    padding: 10px 0;
                    font-size: 90%;
                }

                .last_bill .item_1 .bd_ .bold_ {
                    font-weight: bold;
                    font-size: 140%;
                }

                .page_subject,
                .page_subject1 {
                    display: grid;
                    border-style: solid;
                    border-width: 0 0 1px 0;
                    border-color: rgb(183, 182, 182);
                }

                .page_subject1 div {
                    /* font-size: 200%; */
                    font-weight: bold;
                    color: rgb(105, 52, 186);
                    padding: 90px 0 0 0;
                }

                .page_subject p {
                    /* font-size: 200%; */
                    font-weight: bold;
                    color: rgb(105, 52, 186);
                }

                .page_subject div .sub_ {
                    padding: 20px 0;
                    font-size: 110%;
                    color: grey;
                }

                .page_subject div .sub_ .bold_ {
                    font-size: 110%;
                    color: black;
                }


                .page_subject1 div .subject {
                    color: grey;
                    padding: 10px 0;

                }

                .page_subject1 img,
                .page_subject1 .img,
                .page_subject1 .img1 {
                    border-radius: 15px;
                    border-style: solid;
                    border-width: 1px;
                    border-color: rgb(183, 182, 182);

                }

                .page_subject1 .img {
                    background-repeat: no-repeat;
                    background-position: center;
                }

                .page_subject1 .img1 {
                    padding: 0;
                    width: auto;
                    height: auto;
                    overflow-y: hidden;
                }

                .page_subject1 .img1 img {
                    width: 100%;
                    height: auto;
                    border-width: 0;
                }

                .page_subject2 {
                    display: grid;
                    border-style: solid;
                    border-width: 0 0 1px 0;
                    border-color: rgb(183, 182, 182);
                    padding: 20px 0;
                }

                @media (max-width:400px) {
                    .page_subject2 {
                        grid-template-columns: auto;
                    }

                    .page_subject2 .img_ img {
                        width: 100px;
                    }

                }

                @media (min-width: 401px) {
                    .page_subject2 {
                        grid-template-columns: auto 200px;
                    }

                    .page_subject2 .img_ img {
                        width: 200px;
                    }
                }


                .page_subject2 div .name {
                    font-weight: bold;
                    color: rgb(105, 52, 186);
                }


                @media (max-width: 300px) {

                    .page_subject,
                    .page_subject1,
                    .last_bill {
                        grid-template-columns: auto;
                    }

                    .page_subject {
                        padding: 10px;
                    }

                    .page_subject1 {
                        padding: 10px 10px 10px 0;
                    }

                    .page_subject p {
                        text-align: center;
                        font-size: 150%;
                        padding: 10px 0;
                    }

                    .page_subject1 div .name {
                        text-align: center;
                    }

                    .page_subject1 div .subject {
                        text-align: center;
                    }

                    .page_subject img,
                    .page_subject1 img {
                        width: 80%;
                        margin: auto;
                        padding: 10px;
                    }

                    .page_subject1 .img {
                        height: 200px;
                        padding: 10px;
                        background-size: cover;
                    }

                }

                @media (min-width: 301px) and (max-width: 700px) {

                    .page_subject,
                    .page_subject1,
                    .last_bill {
                        grid-template-columns: auto;
                    }

                    .page_subject {
                        padding: 10px;
                    }

                    .page_subject1 {
                        padding: 10px 10px 10px 0;
                    }

                    .page_subject p {
                        text-align: center;
                        font-size: 200%;
                    }

                    .page_subject1 div .name {
                        text-align: center;
                    }

                    .page_subject1 div .subject {
                        text-align: center;
                    }

                    .page_subject img,
                    .page_subject1 img,
                    .last_bill img {
                        width: 240px;
                        margin: auto;
                        padding: 20px;
                    }

                    .page_subject1 .img {
                        height: 300px;
                        padding: 20px;
                        background-size: 70% auto;
                    }

                    .page_subject p {
                        font-size: 200%;
                    }

                }

                @media (min-width: 701px) and (max-width: 1000px) {
                    .last_bill {
                        grid-template-columns: auto 300px;
                    }

                    .page_subject1 {
                        padding: 20px 20px 20px 0;
                        grid-template-columns: auto 300px;
                    }

                    .page_subject img {
                        width: 240px;
                        margin: auto;
                    }

                    .page_subject p {
                        font-size: 200%;
                        text-align: center;
                        padding: 20px 0;
                    }

                }

                @media (min-width: 1001px) and (max-width: 1200px) {
                    .last_bill {
                        grid-template-columns: auto 500px;
                    }

                    .page_subject1,
                    .page_subject {
                        padding: 20px 20px 20px 0;
                        grid-template-columns: auto 400px;
                    }

                    .page_subject img {
                        width: 220px;
                        margin: auto;
                    }

                    .page_subject p {
                        font-size: 200%;
                        padding: 90px 0 0 0;
                    }
                }

                @media (min-width: 1201px) {
                    .page_subject {
                        padding: 20px;
                    }

                    .page_subject1 {
                        padding: 20px 20px 20px 0;
                        grid-template-columns: auto 600px;
                    }

                    .page_subject p {
                        font-size: 200%;
                        padding: 90px 0 0 0;
                    }

                    .page_subject1 div .name {
                        text-align: right;
                        font-size: 200%;
                    }

                    .page_subject1 div .subject {
                        text-align: right;
                    }

                    .page_subject {
                        grid-template-columns: auto 240px 5%;
                    }

                    .last_bill {
                        grid-template-columns: auto 500px;
                    }

                    .page_subject1 .img {
                        width: 500px;
                        padding: 20px;
                        background-size: cover;
                    }

                    .last_bill img {
                        margin: 40px;
                    }
                }

                .product_body .item2 p,
                .rent_items .item2 .reg_ {
                    text-align: justify;
                    padding: 5px 0;
                }

                .rent_items .item2 .reg_ span {
                    color: grey;
                }

                .rent_items .item2 .reg_ .bold {
                    font-size: 100%;
                    font-weight: bold;
                    color: black;
                }

                .shadow_div {
                    padding: 20px;
                    border-radius: 15px;
                    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.105));
                    background-color: white;

                }

                .shadow_div h2 {
                    text-align: center;
                    padding: 0 0 20px 0;
                }

                .shadow_div .b1 {
                    margin: 0 0 15px 0;
                    padding: 20px 20px 20px 20px;
                    border-style: solid;
                    border-color: grey;
                    border-width: 1px;
                    border-radius: 10px;
                }

                .shadow_div form {
                    padding: 20px;
                }


                .product_body .item1 div p,
                .rent_items .item1 div p {
                    padding: 10px 0;
                    color: grey;
                    text-align: center;
                }

                .product_body .item1 div .date_div_,
                .rent_items .item1 div .date_div_ {
                    padding: 10px 0;
                }

                .product_body .item1 div .date_div_ .comment_,
                .rent_items .item1 div .date_div_ .comment_ {
                    font-size: 80%;
                    color: rgb(213, 153, 153);
                }

                .product_body .item1 div .date_div_ .dateinput_,
                .rent_items .item1 div .date_div_ .dateinput_ {
                    display: grid;
                    grid-template-columns: auto auto;
                    grid-gap: 10px;
                }

                .product_body .item1 div .date_div_ .dateinput_ p,
                .rent_items .item1 div .date_div_ .dateinput_ p {
                    padding: 10px;
                    border-style: solid;
                    border-width: 0 0 1px 0;
                    border-color: grey;
                    font-size: 100%;
                    color: black;
                    font-weight: bold;
                    cursor: pointer;
                }


                .product_body .item1 div p .bold,
                .rent_items .item1 div p .bold {
                    font-size: 120%;
                    color: black;
                }

                .product_body .item1 div .order_p_,
                .rent_items .item1 div .order_p_ {
                    color: grey;
                    padding: 5px 0;
                    text-align: right;
                }


                .product_body,
                .rent_items {
                    display: grid;
                    grid-gap: 50px;
                }

                .product_body {
                    margin: 40px 0;
                    padding: 20px 0;
                }


                @media(max-width: 800px) {

                    .product_body,
                    .rent_items {
                        grid-template-columns: auto;
                    }
                }

                @media (min-width: 801px) and (max-width: 1400px) {

                    .product_body,
                    .rent_items {
                        grid-template-columns: 400px auto;
                    }
                }

                @media (min-width: 1301px) {

                    .product_body,
                    .rent_items {
                        grid-template-columns: 400px auto;
                    }
                }

                .product_body .item1 {}

                .big_btn_1 {
                    padding: 15px;
                    background-color: rgb(48, 97, 141);
                    color: white;
                    border-width: 0;
                    display: block;
                    transition: all 0.2s;
                    text-align: center;
                    border-radius: 10px;
                }

                .big_btn_1:hover {
                    background-color: rgb(87, 126, 159);
                    color: white;
                }

                .product_body div .abtn_1,
                .rent_items div .abtn_1 {
                    padding: 15px;
                    background-color: rgb(48, 97, 141);
                    color: white;
                    border-width: 0;
                    display: block;
                    transition: all 0.2s;
                }

                .product_body div .abtn_1:hover,
                .rent_items div .abtn_1:hover {
                    background-color: rgb(87, 126, 159);
                }

                .mabtn_1,
                .mabtn_1-off {
                    padding: 15px;
                    color: white;
                    border-width: 0;
                    border-radius: 10px;
                    display: block;
                    text-align: center;
                }

                .mabtn_1 {
                    background-color: rgb(48, 97, 141);
                    transition: all 0.2s;
                    cursor: pointer;
                }

                .mabtn_1-off,
                .mabtn_1-off:hover {
                    background-color: rgb(199, 199, 200);
                    cursor: auto;
                    color: white;
                }

                .mabtn_1:hover {
                    background-color: rgb(68, 121, 167);
                    color: white;
                }

                .query_result {
                    display: grid;
                    width: 100%;
                    direction: rtl;
                }

                .query_result_msg {
                    text-align: center;
                    padding: 50px 0;
                }

                .query_result .item {
                    display: inline-block;
                    margin: 10px auto;
                    padding: 10px;
                    background-color: white;
                    border-radius: 15px;
                    filter: drop-shadow(0 0 10px rgba(6, 0, 0, 0.114));
                    transition: all 0.2s;
                }

                .query_result .item:hover {
                    filter: drop-shadow(0 0 15px rgba(6, 0, 0, 0.162));
                }

                .query_result .item .img {
                    margin: 5px 0;
                    background-repeat: none;
                    background-position: center;
                    background-size: cover;
                    height: 280px;
                    border-radius: 10px;
                    transition: all 0.2s;
                }


                .query_result .item:hover img,
                .query_result .item:hover .img {
                    opacity: 0.8;
                    border-radius: 15px;
                }

                .query_result .item h4 {
                    padding: 5px 0 7px 0;
                    font-size: 80%;
                    color: grey;
                    height: 40px;
                    text-align: center;
                }

                .query_result .item h5 {
                    padding: 5px 0;
                }

                .query_result .item h5 .bold {
                    font-weight: bold;
                    color: black;
                    font-size: 110%;
                }

                .query_result .item h5 .lable,
                .query_result .item h5 .unit {
                    color: grey;
                }

                @media (max-width: 300px) {
                    .query_result {
                        grid-template-columns: auto;
                        padding: 20px 0;
                    }

                    .query_result .item {
                        width: 200px;
                    }

                    .query_result .item img,
                    .query_result .item .img {
                        width: 180px;
                    }
                }

                @media (min-width: 301px) and (max-width:700px) {
                    .query_result {
                        grid-template-columns: auto;
                        padding: 20px 0;
                    }

                    .query_result .item {
                        width: 250px;
                    }

                    .query_result .item img,
                    .query_result .item .img {
                        width: 230px;
                    }
                }

                @media (min-width: 701px) and (max-width:1000px) {
                    .query_result {
                        grid-template-columns: auto auto;
                        padding: 40px 0;
                    }

                    .query_result .item {
                        width: 300px;
                    }

                    .query_result .item img,
                    .query_result .item .img {
                        width: 280px;
                    }
                }

                @media (min-width: 1001px) and (max-width:1400px) {
                    .query_result {
                        grid-template-columns: auto auto auto;
                        padding: 50px 0;
                    }

                    .query_result .item {
                        width: 300px;
                    }

                    .query_result .item img,
                    .query_result .item .img {
                        width: 280px;
                    }
                }

                @media (min-width: 1401px) {
                    .query_result {
                        grid-template-columns: auto auto auto;
                        padding: 60px 0;
                    }

                    .query_result .item {
                        width: 350px;
                    }

                    .query_result .item img,
                    .query_result .item .img {
                        width: 330px;
                    }
                }

                .query_result_1 .item_basket,
                .query_result_1 .item_rent {
                    display: grid;
                    grid-gap: 10px;
                    padding: 20px;
                    border-radius: 15px;
                    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.105));
                    background-color: white;
                    margin: 0 0 15px 0;
                }

                /* .query_result_1 .item_basket {
                    grid-template-columns: 200px auto 120px;
                    grid-template-rows: auto 40px 40px;
                    grid-template-areas: 'img title title'
                        'img sale no'
                        'img price btn';
                }

                .query_result_1 .item_rent {
                    grid-template-columns: 200px auto 120px;
                    grid-template-rows: auto 40px;
                    grid-template-areas: 'img title title'
                        'img price btn';
                } */


                .query_result_1 .item_basket .no .add_number {
                    padding: 0;
                }

                .query_result_1 {
                    display: block;
                }

                .query_result_1 .item_basket .img,
                .query_result_1 .item_rent .img {
                    grid-area: img;
                }

                .query_result_1 .item_basket .title,
                .query_result_1 .item_rent .title {
                    grid-area: title;
                }

                .query_result_1 .item_basket .sale {
                    grid-area: sale;
                }

                .query_result_1 .item_basket .no {
                    grid-area: no;
                }

                .query_result_1 .item_basket .price,
                .query_result_1 .item_rent .price {
                    grid-area: price;
                    padding: 8px 0;
                }

                .query_result_1 .item_basket .btn,
                .query_result_1 .item_rent .btn {
                    grid-area: btn;
                }


                .query_result_1 .item_order .img {
                    grid-area: img;
                }

                .query_result_1 .item_bill .status {
                    grid-area: status;
                }

                .query_result_1 .item_order .title,
                .query_result_1 .item_bill .title {
                    grid-area: title;
                }

                .query_result_1 .item_order .date,
                .query_result_1 .item_bill .date {
                    grid-area: date;
                }

                .query_result_1 .item_order .sale {
                    grid-area: sale;
                }

                .query_result_1 .item_order .price,
                .query_result_1 .item_bill .price {
                    grid-area: price;
                    padding: 8px 0;
                }

                .query_result_1 .item_order .btn,
                .query_result_1 .item_bill .btn {
                    grid-area: btn;
                    padding: 0;
                }

                .query_result_1 .item_order .btn .cristal_btn,
                .query_result_1 .item_bill .btn .cristal_btn {
                    height: 100%;
                    padding: 8px 10px;
                }

                .query_result_1 .item_order,
                .query_result_1 .item_bill {
                    display: grid;
                    grid-gap: 10px;
                    padding: 20px;
                    border-radius: 15px;
                    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.105));
                    background-color: white;
                    margin: 0 0 15px 0;
                }

                .query_result_1 .item_bill .title p .lable {
                    color: grey;
                }

                .query_result_1 .item_bill .title p .bold {}

                .query_result_1 .item_rent .title {
                    color: grey;
                }

                .query_result_1 .item_rent .title .sub_ {
                    color: black;
                    font-size: 100%;
                    font-weight: bold;
                }

                .query_result_1 .item_rent .title p .bold {
                    color: black;
                    font-size: 95%;
                    font-weight: bold;
                }


                @media(max-width: 400px) {
                    .query_result_1 .item_order {
                        grid-template-columns: auto;
                        grid-template-rows: auto auto auto auto auto auto;
                        grid-template-areas: 'img'
                            'title'
                            'date'
                            'sale'
                            'price'
                            'btn';
                    }

                    .query_result_1 .item_order img {
                        padding: 0 30%;
                    }

                    .query_result_1 .item_bill {
                        grid-template-columns: auto;
                        grid-template-rows: auto auto auto auto auto;
                        grid-template-areas: 'status'
                            'title'
                            'date'
                            'price'
                            'btn';
                    }

                    .query_result_1 .item_basket {
                        grid-template-columns: auto;
                        grid-template-rows: auto auto auto auto auto auto;
                        grid-template-areas: 'img'
                            'title'
                            'sale'
                            'no'
                            'price'
                            'btn';
                    }

                    .query_result_1 .item_rent {
                        grid-template-columns: auto;
                        grid-template-rows: auto auto auto auto;
                        grid-template-areas: 'img'
                            'title'
                            'price'
                            'btn';
                    }

                    .query_result_1 .item_basket img,
                    .query_result_1 .item_rent img {
                        padding: 0 30%;
                    }
                }

                @media (min-width:401px) and (max-width: 600px) {
                    .query_result_1 .item_order {
                        grid-template-columns: 150px auto 100px;
                        grid-template-rows: auto auto auto auto;
                        grid-template-areas: 'img title title'
                            'img date date'
                            'img sale sale'
                            'price price btn';
                    }

                    .query_result_1 .item_bill {
                        grid-template-columns: 200px auto 120px;
                        grid-template-rows: auto 30px 30px 40px;
                        grid-template-areas: 'status status status'
                            'title title title'
                            'date date date'
                            'price price btn';
                    }

                    .query_result_1 .item_basket {
                        grid-template-columns: auto;
                        grid-template-rows: auto auto auto auto auto auto;
                        grid-template-areas: 'img'
                            'title'
                            'sale'
                            'no'
                            'price'
                            'btn';
                    }

                    .query_result_1 .item_rent {
                        grid-template-columns: auto;
                        grid-template-rows: auto auto auto auto;
                        grid-template-areas: 'img'
                            'title'
                            'price'
                            'btn';
                    }

                    .query_result_1 .item_basket img,
                    .query_result_1 .item_rent img {
                        padding: 0 30%;
                    }

                }

                @media(min-width: 601px) and (max-width:800px) {
                    .query_result_1 .item_order {
                        grid-template-columns: 200px auto 120px;
                        grid-template-rows: auto 30px 30px 40px;
                        grid-template-areas: 'img title title'
                            'img date date'
                            'img sale sale'
                            'img price btn';
                    }

                    .query_result_1 .item_bill {
                        grid-template-columns: 200px auto 120px;
                        grid-template-rows: auto 30px 30px 40px;
                        grid-template-areas: 'status status status'
                            'title title title'
                            'date date date'
                            'price price btn';
                    }

                    .query_result_1 .item_basket {
                        grid-template-columns: 200px auto 120px;
                        grid-template-rows: auto 40px 40px;
                        grid-template-areas: 'img title title'
                            'img sale no'
                            'img price btn';
                    }

                    .query_result_1 .item_rent {
                        grid-template-columns: 200px auto 120px;
                        grid-template-rows: auto 40px;
                        grid-template-areas: 'img title title'
                            'img price btn';
                    }

                }

                @media(min-width: 801px) and (max-width: 1100px) {
                    .query_result_1 .item_order {
                        grid-template-columns: auto;
                        grid-template-rows: auto auto auto auto auto auto;
                        grid-template-areas: 'img'
                            'title'
                            'date'
                            'sale'
                            'price'
                            'btn';
                    }

                    .query_result_1 .item_order img {
                        padding: 0 30%;
                    }

                    .query_result_1 .item_bill {
                        grid-template-columns: auto;
                        grid-template-rows: auto auto auto auto auto;
                        grid-template-areas: 'status'
                            'title'
                            'date'
                            'price'
                            'btn';
                    }

                    .query_result_1 .item_basket {
                        grid-template-columns: auto;
                        grid-template-rows: auto auto auto auto auto auto;
                        grid-template-areas: 'img'
                            'title'
                            'sale'
                            'no'
                            'price'
                            'btn';
                    }

                    .query_result_1 .item_rent {
                        grid-template-columns: auto;
                        grid-template-rows: auto auto auto auto;
                        grid-template-areas: 'img'
                            'title'
                            'price'
                            'btn';
                    }

                    .query_result_1 .item_basket img,
                    .query_result_1 .item_rent img {
                        padding: 0 30%;
                    }
                }

                @media(min-width: 1101px) {
                    .query_result_1 .item_order {
                        grid-template-columns: 200px auto 120px;
                        grid-template-rows: auto 30px 30px 40px;
                        grid-template-areas: 'img title title'
                            'img date date'
                            'img sale sale'
                            'img price btn';
                    }

                    .query_result_1 .item_bill {
                        grid-template-columns: 200px auto 120px;
                        grid-template-rows: auto 30px 30px 40px;
                        grid-template-areas: 'status status status'
                            'title title title'
                            'date date date'
                            'price price btn';
                    }

                    .query_result_1 .item_basket {
                        grid-template-columns: 200px auto 120px;
                        grid-template-rows: auto 40px 40px;
                        grid-template-areas: 'img title title'
                            'img sale no'
                            'img price btn';
                    }

                    .query_result_1 .item_rent {
                        grid-template-columns: 200px auto 120px;
                        grid-template-rows: auto 40px;
                        grid-template-areas: 'img title title'
                            'img price btn';
                    }

                }

                .query_result_1 .item_bill p {
                    color: grey;
                    font-size: 90%;
                }

                .query_result_1 .item_bill p .bold {
                    font-weight: bold;
                    font-size: 110%;
                    color: black;
                }



                .about_us {
                    margin: 0 0 10px 0;
                    background-color: rgb(249, 222, 247);
                }

                .about_us div .grid_ {
                    padding: 40px 0;
                    display: grid;
                }


                .about_us div .grid_ .item1_ .subject_ {
                    padding: 10px 0;
                }

                .about_us div .grid_ .item2_ {
                    background-image: url(../pic/medical-1.png);
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover;
                }

                @media (min-width: 1201px) {
                    .about_us div .grid_ {
                        grid-template-columns: auto 400px;
                        grid-template-rows: 400px;
                        grid-gap: 40px;
                    }

                    .about_us div .grid_ .item1_ {
                        padding: 30px 50px 0 80px;
                    }

                    .about_us div .grid_ .item2_ {
                        background-position: center;
                        background-size: cover;
                    }
                }

                @media (min-width: 701px) and (max-width: 1200px) {
                    .about_us div .grid_ {
                        grid-template-columns: auto 300px;
                        grid-template-rows: auto;
                        grid-gap: 20px;
                    }

                    .about_us div .grid_ .item1_ {
                        padding: 30px 20px 0 30px;
                    }

                    .about_us div .grid_ .item2_ {
                        background-position: center;
                        background-size: cover;
                    }
                }

                @media (max-width: 700px) {
                    .about_us div .grid_ {
                        grid-template-columns: auto;
                        grid-template-rows: auto 300px;
                        grid-gap: 40px;
                    }

                    .about_us div .grid_ .item1_ {
                        padding: 20px;
                    }

                    .about_us div .grid_ .item2_ {
                        background-position: center;
                        background-size: 50% auto;
                    }
                }

                .input_order {
                    margin: 5px 0;
                    padding: 10px 0;
                }

                .input_order lable {
                    color: grey;
                    padding: 10px 0;
                    display: block;
                    text-align: center;
                }

                .input_order input,
                .input_order textarea,
                .input_order select {
                    display: block;
                    padding: 10px;
                    border-radius: 10px;
                    width: 100%;
                    border-color: rgb(161, 160, 160);
                    border-style: solid;
                    border-width: 1px;
                }

                .input_order .comment {
                    font-size: 80%;
                    color: grey;
                    text-align: center;
                    padding: 10px 0;
                }

                .input_order p {
                    text-align: right;
                }

                .input_order p .radiob_ {
                    display: inline;
                    width: auto;
                }

                .sign_error {
                    border-color: red;
                }