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: 0 10px;
                    margin: 2px 0;
                }

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

                .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;
                }

                .filters_cont {
                    padding: 0 0 30px 0;
                    border-style: solid;
                    border-color: grey;
                    border-width: 0 0 1px 0;
                    /* display: grid;
                    grid-template-columns: auto auto auto auto auto auto; */
                }

                .filter_tip1 {
                    display: inline-block;
                    width: 120px;
                }

                .filter_0,
                .filter_1 {
                    display: block;
                    padding: 10px 15px;
                    border-radius: 20px;
                    border-style: solid;
                    border-width: 1px;
                    cursor: pointer;
                    text-align: center;
                }

                .filter_0 {
                    border-color: rgb(184, 183, 183);
                }

                .filter_1 {
                    border-color: rgb(126, 125, 125);
                    background-color: rgb(237, 236, 236);
                }

                .filter_0 .btn1 {
                    padding: 5px;
                }

                .displaynone {
                    display: none;
                }

                .filter_control {
                    display: block;
                    background-color: white;
                    border-radius: 15px;
                    padding: 15px;
                    filter: drop-shadow(0 0 5px rgba(7, 7, 7, 0.132));
                    position: relative;
                    margin: 5px 0;
                    z-index: 10;
                }

                #filter_cont .topcontrol_ {
                    padding: 0 0 10px 0;
                    text-align: left;
                }

                #filter_cont .but_control_ {
                    display: grid;
                    grid-template-columns: 100px auto 100px;
                    font-size: 85%;
                    padding: 30px 0 10px 0;
                }

                #filter_cont .but_control_ .btn_tip1,
                #filter_cont .but_control_ .btn_tip2 {
                    border-radius: 5px;
                    padding: 8px;
                    text-align: center;
                    cursor: pointer;
                }

                .filter_tip1 div #filter_cont #body_ .item_s1_,
                .question_item1 .item_s1_ {
                    display: grid;
                    grid-template-columns: 20px auto;
                    /* height: 20px; */
                    padding: 8px 0;
                    grid-gap: 10px;
                }

                .filter_tip1 div #filter_cont #body_ .item_s1_ .unselect,
                .filter_tip1 div #filter_cont #body_ .item_s1_ .selected,
                .question_item1 .item_s1_ .unselect,
                .question_item1 .item_s1_ .selected {
                    display: block;
                    height: 20px;
                    border-style: solid;
                    border-radius: 5px;
                    border-color: grey;

                    margin: 3px 0 0 0;
                    cursor: pointer;
                }

                .filter_tip1 div #filter_cont #body_ .item_s1_ .unselect,
                .question_item1 .item_s1_ .unselect {
                    background-color: white;
                }

                .filter_tip1 div #filter_cont #body_ .item_s1_ .selected,
                .question_item1 .item_s1_ .selected {
                    background-color: rgb(88, 113, 198);
                }

                .filter_tip1 div #filter_cont #body_ .item_s1_ .lable_ {}

                .btn_tip2 {
                    color: grey;
                    background-color: rgb(255, 255, 255);
                    transition: all 0.2s;
                }

                .btn_tip2:hover {
                    background-color: rgb(236, 235, 236);
                }


                .btn_tip1 {
                    color: white;
                    background-color: rgb(45, 29, 54);
                    transition: all 0.2s;
                }

                .btn_tip1:hover {
                    background-color: rgb(80, 67, 87);
                }


                #filter_cont .topcontrol_ #close_ {
                    padding: 5px;
                    cursor: pointer;
                }

                #close_:hover {
                    color: grey;
                }


                .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;
                }

                .menu_btn,
                .care_btn,
                .services_btn {
                    transition: all 0.3s;
                    border-radius: 10px;
                    display: block;
                    background-repeat: no-repeat;
                    background-position: center;
                }

                .menu_btn:hover,
                .care_btn:hover,
                .services_btn:hover {
                    border-radius: 15px;
                    opacity: 0.6;
                }

                .menu_btn {
                    background-size: 70% auto;
                    background-image: url(../pic/icon-inf.svg);
                }

                .care_btn {
                    background-size: 80% auto;
                    background-image: url(../pic/icon-med.svg);
                }

                .services_btn{
                    background-size: 80% auto;
                    background-image: url(../pic/icon-medOnline_2.svg);
                }

                .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: rtl;
                    position: static;
                }

                .sprite_inp,
                .sprite_inp_add{
                    display: block;
                    width: 100%;
                    border-style: solid;
                    border-width: 1px;
                    border-color: rgba(211, 211, 211, 0.54);
                    border-radius: 10px;
                    padding: 10px;
                    margin: 5px 0;
                }

                .contentPad_subject{
                    margin: 30px 0 0 0;
                }

                .contentPad_subject .sprite_inp{
                    font-size: 120%;
                    font-weight: bolder;
                }

                .contentPad_body .sprite_inp{
                    height: auto;
                }

                .contentPad_body .sprite_inp_add{
                    height: 150px;
                }

                .txt-subject1{
                    color: #2b78d6;
                    font-weight: bolder;
                }

                .txt-subject{
                    color: #0d7be6;
                    font-weight: bolder;
                }

                .txt-paragraph{
                    padding: 10px 0;
                    text-align: justify;
                }

                .txt-empty{
                    padding: 10px 0;
                }

                .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: 100px 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: 100px 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;
                }

                .subjectpage {
                    display: grid;
                }

                .subjectpage .img_ {
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: 80% auto;
                }

                .subjectpage .text_ .suti_ {
                    padding: 10px 0;
                    color: grey;
                }

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

                    .subjectpage .text_ {
                        padding: 30px 0 10px 0;
                    }

                    .subjectpage .text_ .suti_,
                    .subjectpage .text_ .ti_ {
                        text-align: center;
                    }

                    .subjectpage .img_ {
                        width: 100%;
                        height: 300px;
                    }
                }

                @media (min-width: 501px) and (max-width:1000px) {
                    .subjectpage {
                        grid-template-columns: auto 300px;
                        padding: 30px 0;
                    }

                    .subjectpage .text_ {
                        padding: 120px 0 40px 0;
                    }
                }

                @media (min-width: 1001px) {
                    .subjectpage {
                        grid-template-columns: auto 400px;
                    }

                    .subjectpage .text_ {
                        padding: 160px 0 60px 0;
                    }

                }

                .content_p{
                    padding: 5px 0;
                    margin: 5px 0;
                }

                .bodypage {
                    display: grid;
                    grid-template-columns: 450px auto;
                }

                .bodypage .col1_ {
                    background-color: white;
                    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.189));
                }

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

                    .bodypage .col1_ {
                        border-radius: 15px;
                        padding: 20px;
                        margin: 0 0 40px 0;
                    }

                }

                @media (min-width: 901px) {
                    .bodypage {
                        grid-template-columns: 450px auto;
                    }

                    .bodypage .col1_ {
                        margin: 0 0 0 50px;
                        border-radius: 20px;
                        padding: 20px;
                    }
                }

                .add_to_order {
                    display: grid;
                    grid-template-columns: auto 40px;
                    grid-template-rows: 40px;
                    grid-gap: 10px;
                }

                .add_to_order .text_ {
                    padding: 10px 0;
                }

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

                .filter_control #body_ .item_s1_ {
                    display: grid;
                    grid-template-columns: 20px auto;
                    /* height: 20px; */
                    padding: 8px 0;
                    grid-gap: 10px;
                }

                .filter_control #body_ .item_s1_ .unselect,
                .filter_control #body_ .item_s1_ .selected {
                    display: block;
                    height: 20px;
                    border-style: solid;
                    border-radius: 5px;
                    border-color: grey;

                    margin: 3px 0 0 0;
                    cursor: pointer;
                }

                .filter_control #body_ .item_s1_ .unselect {
                    background-color: white;
                }

                .filter_control #body_ .item_s1_ .selected {
                    background-color: rgb(88, 113, 198);
                }

                .filter_control #body_ .item_s1_ .lable_ {}

                .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: 0 10px;
                    text-align: center;
                    font-size: 90%;
                    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_li p {
                    height: 1px;
                }

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

                .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_grid_m {
                    display: grid;
                }

                .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;
                }

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

                    .space_back_header {
                        height: 130px;
                    }

                    .header_grid_m .left_cont_ a {
                        width: 50px;
                        height: 50px;
                    }

                    .header_grid_m .left_cont_ {
                        padding: 15px 0 0 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: 160px auto 50px 50px 50px;
                        grid-gap: 10px;
                        padding: 10px;
                    }

                    .space_back_header {
                        height: 90px;
                    }

                    .header_grid_m .left_cont_ a {
                        width: 50px;
                        height: 50px;
                    }

                    .header_grid_m .left_cont_ {
                        padding: 10px 0 0 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: 110px auto 0 40px 40px;
                        grid-gap: 5px;
                        padding: 10px 0;
                    }

                    .header_grid_m div .services_btn{
                        display: none;
                    }

                    .space_back_header {
                        height: 70px;
                    }

                    .header_grid_m .left_cont_ a {
                        width: 40px;
                        height: 40px;
                    }

                    .header_grid_m .left_cont_ {
                        padding: 0;
                    }

                    /* .header_item1{
                        padding: 10px;
                    } */
                    .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;
                    }
                }

                .msg_sec {
                    position: fixed;
                    bottom: 60px;
                    display: block;
                    width: 100%;
                    z-index: 100;
                }

                @media (max-width: 700px) {
                    .fixed_under {
                        position: fixed;
                        bottom: 0;
                        display: block;
                        width: 100%;
                        z-index: 100;
                        padding: 20px 0 0 0;
                        background-image: linear-gradient(rgba(255, 255, 255, 0), white, white);
                    }
                }

                @media (min-width: 701px) {
                    .fixed_under {
                        display: none;
                    }
                }

                .fixed_under .grid_ {
                    display: grid;
                    grid-template-columns: 60% 40%;
                    grid-template-rows: 45px;
                    direction: ltr;
                    position: relative;
                    z-index: 2;
                }

                .idcard_grid .ctrl_ {
                    grid-area: ctrl;
                }

                .idcard_grid .ctrl_ .btn_ {
                    padding: 5px;
                    font-size: 140%;
                    margin: 5px 0;
                    display: inline-block;
                }

                .idcard_grid .ctrl_ .btn_:hover {
                    opacity: 0.6;
                }

                .idcard_grid .img_ {
                    grid-area: img;
                    background-repeat: no-repeat;
                    background-position: center;
                    /* background-image: url(../pic/defultpic-1.png); */
                }

                .idcard_grid .name_ {
                    grid-area: name;
                }

                .idcard_grid .operator_ {
                    grid-area: oper;
                }

                .idcard_grid .national_ {
                    grid-area: nat;
                }

                .idcard_grid .work_ {
                    grid-area: work;
                }

                .idcard_grid .name_ .bold_ {
                    font-weight: bold;
                }

                .idcard_grid {
                    display: grid;
                    border-radius: 10px;
                    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.169));
                    background-color: white;
                    grid-gap: 5px;
                }

                .add_grid_m .squre_btn {
                    display: inline-block;
                    width: 70px;
                }


                @media (max-width: 400px) {

                    .add_grid_m .item_,
                    .add_grid_m .item_ctrl {
                        display: block;
                        margin: 5px 0;
                    }

                    .add_grid_m .squre_btn {
                        /* position: relative;
                        top: -30px; */
                        margin: 10px 0;
                    }

                    .idcard_grid {
                        padding: 20px 10px 20px 10px;
                        grid-template-columns: auto 100px;
                        grid-template-rows: 130px auto auto auto auto;
                        grid-template-areas: 'ctrl img' 'name name' 'oper oper' 'nat nat' 'work work';
                        font-size: 80%;
                        /* margin: 0 0 10px 0; */
                    }

                    .idcard_grid .img_ {
                        background-size: auto 80%;
                    }
                }

                @media (min-width: 401px) {

                    .add_grid_m .item_,
                    .add_grid_m .item_ctrl {
                        display: inline-block;
                        margin: 0 0 0 10px;
                    }

                    .add_grid_m .item_ {
                        width: 330px;
                    }

                    .add_grid_m .item_ctrl {
                        width: auto;
                    }

                    .add_grid_m .squre_btn {
                        display: inline-block;
                        width: 70px;
                        position: relative;
                        top: -30px;
                    }

                    .add_grid_m .squre_btn {
                        position: relative;
                        top: -30px;
                    }

                    .idcard_grid {
                        padding: 30px 10px 30px 30px;
                        grid-template-columns: 20px 120px auto;
                        grid-template-rows: 35px 35px 35px 35px;
                        grid-template-areas: 'ctrl img name' 'ctrl img oper' 'ctrl img nat' 'ctrl img work';
                        font-size: 90%;
                        max-width: 400px;
                        /* margin: 10px 0 10px auto;     */
                    }

                    .idcard_grid .img_ {
                        background-size: 70% auto;
                    }
                }

                .add_grid_m {
                    display: block;
                    /* display: grid;
                    grid-template-columns: auto auto auto;
                    grid-gap: 10px; */
                    padding: 5px 0;
                }

                .max_slider_item {
                    background-color: #c5ced4;
                    background-repeat: no-repeat;
                    background-position: left;
                    background-size: auto 110%;
                    text-align: right;
                }

                .max_slider_item .cover_ {
                    display: block;
                    position: relative;
                    top: 0;
                    height: 0;
                }

                .max_slider_item .msg_cont_ {
                    display: inline-block;
                    position: relative;
                }

                .max_slider_item .msg_cont_ .msg_ {
                    text-align: right;
                    padding: 10px 0 20px 0;
                    direction: rtl;
                }

                .max_slider_item .msg_cont_ .btn_ {
                    display: inline-block;
                    width: 100px;
                    border-radius: 10px;
                    border-style: solid;
                    border-width: 1px;
                    border-color: white;
                    color: white;
                    font-size: 90%;
                    text-align: center;
                    padding: 10px;
                    direction: rtl;
                }

                .max_slider_item .btn_:hover {
                    opacity: 0.7;
                    color: grey;
                }


                @media (min-width: 1001px) {
                    .header_grid_3 {
                        width: 940px;
                        grid-template-columns: 300px 300px 300px;
                        padding: 100px 0 50px 0;
                        margin: 0 auto;
                    }

                    .max_slider_item .msg_cont_ {
                        width: 500px;
                        padding: 0 50px 0 0;
                        top: 50px;
                    }

                    .max_slider_item {
                        height: 400px;
                    }

                    .max_slider_item .cover_ .cover_c_ {
                        background-image: linear-gradient(to right, rgba(218, 218, 218, 0), rgb(190, 191, 192), rgb(190, 191, 192), rgb(190, 191, 192));
                        height: 400px;
                    }

                }

                @media (min-width: 801px) and (max-width: 1000px) {
                    .header_grid_3 {
                        width: 300px;
                        /* grid-template-columns: 300px; */
                        padding: 70px 0 40px 0;
                        margin: 0 auto;
                    }

                    .max_slider_item .msg_cont_ {
                        width: 500px;
                        padding: 0 50px 0 0;
                        top: 50px;
                    }

                    .max_slider_item {
                        height: 400px;
                    }

                    .max_slider_item .cover_ .cover_c_ {
                        background-image: linear-gradient(to right, rgba(218, 218, 218, 0), rgb(190, 191, 192), rgb(190, 191, 192), rgb(190, 191, 192));
                        height: 400px;
                    }

                }

                @media (min-width: 501px) and (max-width: 800px) {
                    .header_grid_3 {
                        width: 100%;
                        grid-template-columns: auto;
                        padding: 200px 20px 20px 20px;
                        margin: 0 auto;
                    }

                    .max_slider_item .msg_cont_ {
                        width: 350px;
                        padding: 0 40px 0 0;
                        top: 30px;
                    }

                    .max_slider_item {
                        height: 300px;
                    }

                    .max_slider_item .cover_ .cover_c_ {
                        background-image: linear-gradient(to right, rgba(218, 218, 218, 0), rgb(190, 191, 192), rgb(190, 191, 192));
                        height: 300px;
                    }

                }

                @media (max-width: 500px) {
                    .header_grid_3 {
                        width: 100%;
                        grid-template-columns: 100%;
                        padding: 50px 20px 20px 20px;
                        font-size: 90%;
                        margin: 0 auto;
                    }

                    .max_slider_item .msg_cont_ {
                        width: 80%;
                        padding: 0 30px 0 0;
                        font-size: 80%;
                        top: 20px;
                    }


                    .max_slider_item {
                        height: 200px;
                    }

                    .max_slider_item .cover_ .cover_c_ {
                        background-image: linear-gradient(to right, rgba(218, 218, 218, 0), rgb(190, 191, 192), rgb(190, 191, 192));
                        height: 200px;
                    }
                }

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

                .slider_cont_0 .slider .owl-carousel .owl-nav .owl-prev,
                .slider_cont_0 .slider .owl-carousel .owl-nav .owl-next {
                    color: rgb(222, 221, 221);
                }

                .slider_cont_0 .slider .owl-carousel .owl-nav .owl-prev {
                    left: 20px;
                }

                .slider_cont_0 .slider .owl-carousel .owl-nav .owl-next {
                    right: 20px;
                }

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

                #slider_adver .owl-dot {
                    position: relative;
                    width: 8px;
                    height: 8px;
                    background-color: #ffffff;
                    display: inline-block;
                    margin: 0 2px;
                    text-align: center;
                    top: -30px;
                    border-radius: 8px;
                }

                .squre_btn {
                    display: inline-block;
                    background-color: #2b78d6;
                    border-radius: 10px;
                    padding: 15px;
                    color: white;
                    text-align: center;
                    transition: all 0.2s;
                }

                .squre_btn:hover {
                    color: white;
                    background-color: grey;
                }


                .add_grid_1 {
                    padding: 10px 0;
                }

                .add_grid_1 .squre_btn {
                    display: inline-block;
                    width: 70px;
                }

                .master_cal,
                .online_service {
                    text-align: center;
                    padding: 5px;
                    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.174));
                    transition: all 0.2s;
                    border-style: solid;
                }

                .master_cal:hover,
                .online_service:hover {
                    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.441));
                    opacity: 0.8;
                }

                .master_cal {
                    border-radius: 0 50px 0 0;
                    background-color: #13ac4e;
                    border-color: #2fd36e;
                    border-width: 4px 4px 0 0;
                }

                .online_service {
                    border-radius: 50px 0 0 0;
                    background-color: #2b78d6;
                    border-color: #599cef;
                    border-width: 4px 0 0 4px;
                }

                .master_cal .img_,
                .online_service .img_ {
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: center;
                    display: inline-block;
                    width: 30px;
                    height: 30px;
                }

                .master_cal .img_ {
                    background-image: url(../pic/icon-medcall.svg);
                }

                .online_service .img_ {
                    background-image: url(../pic/icon-medOnline_1.svg);
                }

                .fixed_top {
                    position: fixed;
                    top: 0;
                    display: block;
                    width: 100%;
                    z-index: 101;
                }

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

                .input_ {
                    border-radius: 5px;
                    padding: 5px;
                    display: inline-block;
                    border-width: 1px;
                }

                .parag_msg .input_ {
                    margin: 5px;
                    font-size: 120%;
                    max-width: 200px;
                }

                .btn {
                    display: block;
                    padding: 5px 10px;
                    border-radius: 10px;
                    background-color: #2b78d6;
                    color: white;
                    cursor: pointer;
                    margin: 5px;
                    font-size: 70%;
                }

                .btn:hover {
                    opacity: 0.7;
                    border-radius: 15px;
                }

                .page_name,
                .page_name_grid {
                    padding: 5px 0;
                    border-style: solid;
                    border-width: 0 0 1px 0;
                    border-color: grey;
                    margin: 0 0 10px 0;
                }

                .page_name {
                    display: block;
                }

                .page_name_grid {
                    display: grid;
                }

                @media (max-width: 500px) {
                    .page_name_grid {
                        grid-template-columns: auto 120px;
                    }
                }

                @media (min-width: 501px) {
                    .page_name_grid {
                        grid-template-columns: auto 170px;
                    }
                }


                .page_name .text_,
                .page_name_grid .text_ {
                    font-size: 110%;
                    padding: 10px 0;
                }

                .page_name_grid .color_btn {
                    padding: 10px;
                }

                .page_name_grid .color_btn:hover {
                    color: rgba(255, 255, 255, 0.571);
                }

                .order_i_sub {
                    display: grid;
                    padding: 5px;
                    grid-gap: 0 5px;
                    font-size: 100%;
                    color: grey;
                    border-radius: 5px;
                    background-color: white;
                    margin: 5px 0;

                    grid-template-rows: auto auto auto auto;
                    grid-template-areas: 'img sub' 'img id' 'img cat' 'img date' 'img status';
                }

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

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

                .service_m .grid_ {
                    grid-area: grid;
                    padding: 5px 0;
                }

                .service_i,
                .service_m,
                .order_i {
                    display: grid;
                    font-size: 80%;
                    color: grey;
                    background-color: white;

                    direction: rtl;
                }

                .service_i,
                .order_i {
                    padding: 5px;
                    border-radius: 5px;
                    grid-gap: 0 5px;
                    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.094));
                    margin: 5px 0;
                    transition: all 0.2s;
                }

                .service_i:hover{
                    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.2));
                }

                .service_m {
                    padding: 15px;
                    border-radius: 10px;
                    grid-gap: 0 10px;
                    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.094));
                    margin: 5px 10px;
                    transition: all 0.2s;
                }

                .service_m:hover{
                    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.2));
                }

                .order_i {

                    grid-template-rows: 20px 20px 20px;
                    /* grid-template-areas: 'img sub sub btn'
                        'img date status btn'
                        'img progress id btn'; */
                    grid-template-areas: 'img sub num btn'
                        'img id date date'
                        'img progress status status';
                }

                @media(max-width:1500px) {
                    .order_i {
                        grid-template-columns: 70px auto 60px 20px;
                    }
                }

                @media(min-width: 1501px) {
                    .order_i {
                        grid-template-columns: 70px auto 70px 20px;
                    }
                }

                .service_i {
                    grid-template-columns: 70px auto 20px;
                    grid-template-rows: 20px 30px;
                    grid-template-areas: 'img sub btn'
                        'img comment btn';
                }

                .service_m {
                    grid-template-columns: 110px auto 20px;
                    grid-template-rows: 25px 40px auto;
                    grid-template-areas: 'img grid grid' 'img sub btn'
                        'img comment btn';
                }

                .order_i_sub p {
                    padding: 1px 0;
                }

                .order_i .date_,
                .order_i_sub .date_ {
                    grid-area: date;
                }

                .order_i .date_ {
                    padding: 3px 0;
                }

                .order_i .status_,
                .order_i_sub .status_ {
                    grid-area: status;
                    /* padding: 3px 0; */
                }

                .order_i .status_ {
                    font-size: 80%;
                }

                .order_i .status_ .crys_btn,
                .order_i_sub .status_ .crys_btn {
                    padding: 2px 2px;
                }

                .order_i .progress_ {
                    grid-area: progress;
                }

                .order_i_sub .cat_ {
                    grid-area: cat;
                }

                .order_i .id_,
                .order_i_sub .id_,
                .order_i .num_ {
                    grid-area: id;
                    font-weight: bold;
                }

                .order_i .num_ {
                    grid-area: num;
                    color: black;
                    font-weight: bold;
                    font-size: 110%;
                }

                .order_i_sub .id_ {
                    color: black;
                }


                .service_i .sub_,
                .service_m .sub_,
                .order_i .sub_,
                .order_i_sub .sub_ {
                    grid-area: sub;
                    color: black;
                    font-weight: bold;
                    font-size: 110%;
                    text-align: right;
                }

                .service_i .sub_,
                .service_m .sub_,
                .order_i .sub_ {
                    padding: 3px 0;
                }

                .order_i_sub .sub_ .lable_,
                .order_i_sub .id_ .lable_ {
                    font-size: 85%;
                    font-weight: normal;
                    color: grey;
                }

                .order_i_sub .date_ .lable_,
                .order_i_sub .status_ .lable_,
                .order_i_sub .cat_ .lable_ {
                    font-size: 90%;
                }


                .service_i .img_,
                .service_m .img_,
                .order_i .img_,
                .order_i_sub .img_ {
                    grid-area: img;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: 70% auto;
                    width: 100%;

                }

                .service_i .img_,
                .order_i .img_ {
                    height: 50px;
                }

                .service_m .img_ {
                    height: 120px;
                }

                .order_i_sub .img_ {
                    height: 70px;
                }

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

                .operator_sel_cont .item_ .order_i_sub .img_ {
                    height: auto;
                }

                .operator_sel_cont .item_ .grid_ {
                    display: grid;
                    grid-template-columns: auto 20px 20px;
                    grid-template-rows: 20px;
                    grid-gap: 10px;
                }

                .service_m .grid_ {
                    display: grid;
                    grid-template-columns: auto 20px 20px;
                    grid-template-rows: 20px;
                    grid-gap: 10px;
                }


                .service_i .comment_,
                .service_m .comment_,
                .order_i_sub .comment_ {
                    grid-area: comment;
                    padding: 3px 0;
                    /*font-size: 70%;*/
                    color: rgb(169, 168, 168);
                    text-align: right;
                }

                @media (max-width: 1200px) {

                    .order_i_sub .sub_,
                    .order_i_sub .date_,
                    .order_i_sub .status_,
                    .order_i_sub .id_,
                    .order_i_sub .cat_ {
                        display: grid;
                        grid-template-columns: 70px auto;
                    }
                }

                @media (min-width: 1201px) {

                    .order_i_sub .sub_,
                    .order_i_sub .date_,
                    .order_i_sub .status_,
                    .order_i_sub .id_,
                    .order_i_sub .cat_ {
                        display: grid;
                        grid-template-columns: 120px auto;
                    }
                }

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

                .operator_sel_cont {
                    margin: 10px 0;
                    padding: 20px 0;
                }

                .service_i .ctr_,
                .service_m .ctr_,
                .order_i .ctr_ {
                    grid-area: btn;
                }

                .titleM1 {
                    width: auto;
                    font-size: 140%;
                    color: rgb(122, 5, 158);
                    direction: rtl;
                    text-align: right;
                    padding: 15px 0;
                    font-weight: bolder;
                }

                .lead_content{
                    padding: 15px;
                    border-radius: 5px;
                    background-color: rgba(156, 211, 250, 0.54);
                    margin: 0 0 20px 0;
                }

                .table_top_grid,
                .table_top_grid_1 {
                    display: grid;

                    border-style: solid;
                    border-width: 0 0 1px 0;
                    border-color: grey;
                }

                .table_top_grid .title_,
                .table_top_grid_1 .title_ {
                    font-size: 110%;
                    font-weight: bold;
                    text-align: right;
                    padding: 15px 0 0 0;
                    color: rgb(122, 5, 158);
                }

                .table_top_grid .control_,
                .table_top_grid_1 .control_ {
                    text-align: center;
                    display: grid;

                    direction: ltr;
                }

                .table_top_grid_1 .control_ {
                    grid-template-columns: auto auto;
                }

                .table_top_grid .control_ {
                    grid-template-columns: auto auto auto auto auto;
                }

                @media (max-width:600px) {

                    /* .table_top_grid,
                    .table_top_grid_1 {
                        grid-template-columns: auto;
                        padding: 10px 0 10px 0;
                    } */
                    .table_top_grid,
                    .table_top_grid_1 {
                        padding: 10px 0;
                    }

                    .table_top_grid {
                        grid-template-columns: auto;
                        grid-template-rows: 60px;
                    }

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


                    .table_top_grid .control_ {
                        grid-template-columns: auto auto auto auto;
                    }
                }

                @media (min-width:601px) {

                    .table_top_grid,
                    .table_top_grid_1 {
                        padding: 10px 0 0 0;
                        grid-template-rows: 60px;
                    }

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

                    .table_top_grid_1 {
                        grid-template-columns: auto 120px;
                    }

                    .table_top_grid .control_ {
                        grid-template-columns: auto auto auto auto auto;
                    }
                }

                .table_ctr,
                .table_ctr-un_act {
                    display: inline-block;
                    background-color: #6cbef8;
                    border-radius: 8px;
                    color: white;
                    text-align: center;
                    transition: all 0.2s;
                    /* background-color: #12ca74;
                    background-color: #fa4002;
                    background-color: #8dab12; */
                }

                .table_ctr {}

                .table_ctr-un_act {
                    opacity: 0.5;
                    cursor: auto;
                }

                .icon_ {
                    display: inline-block;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover;
                    /* background-image: url(); */
                }

                .small_link_grid .icon_{
                    transition: all 0.2s;
                }

                .small_link_grid .icon_:hover{
                    opacity: 0.6;
                }

                .table_ctr .icon_,
                .table_ctr-un_act .icon_ {
                    display: inline-block;
                    width: 20px;
                    height: 20px;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover;
                }

                .table_ctr .lable_,
                .table_ctr-un_act .lable_ {
                    position: relative;
                    top: -6px;
                    font-size: 90%;
                }

                @media (max-width:600px) {

                    .table_ctr,
                    .table_ctr-un_act {
                        padding: 15px 15px 0 15px;
                        width: 40px;
                        height: 40px;
                    }

                    .table_ctr .icon_,
                    .table_ctr-un_act .icon_ {
                        width: 14px;
                        height: 14px;
                    }
                }

                @media (min-width:601px) {

                    .table_ctr,
                    .table_ctr-un_act {
                        padding: 17px 15px 0 15px;
                        width: 50px;
                        height: 50px;
                    }

                    .table_ctr .icon_,
                    .table_ctr-un_act .icon_ {
                        width: 20px;
                        height: 20px;
                    }
                }

                .table_ctr_1 {
                    display: inline-block;
                    width: 30px;
                    height: 30px;
                    background-color: #6cbef8;
                    border-radius: 15px;
                    color: white;
                    text-align: center;
                    transition: all 0.2s;
                    padding: 5px 0 0 0;
                }

                .uploader_admin .top_grid_ .table_ctr_1 {
                    border-width: 0;
                }

                .table_ctr:hover {
                    background-color: #8cccfa;
                    border-radius: 10px;
                    opacity: 0.7;
                }


                .uploader_admin .top_grid_ .table_ctr_1 {
                    border-width: 0;
                }

                .uploader_admin .top_grid_ .table_ctr_1 .icon_ {
                    display: inline-block;
                    width: 20px;
                    height: 20px;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover;
                }

                .uploader_admin .top_grid_ .table_ctr_1 form .uploder_btn_ {
                    background-color: #6cbef8;
                    display: block;
                    width: 20px;
                    height: 20px;
                    position: relative;
                    top: -23px;
                    left: -5px;
                    cursor: pointer;
                    opacity: 0;
                }

                .setting_cont {
                    display: block;
                    padding: 20px;
                    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.235));
                    border-radius: 15px;
                    background-color: white;
                    margin: 20px 0 0 0;
                }

                .setting_cont .top_ctr_,
                .form_ .top_ctr_ {
                    display: grid;
                    grid-template-columns: auto 40px;
                    grid-template-rows: 40px;
                }

                .setting_cont .butt_ctr_,
                .three_grid_ctrl {
                    display: grid;
                    grid-template-columns: auto 170px 170px;
                    grid-template-rows: 60px;
                    grid-gap: 20px;
                }

                @media (max-width: 400px) {

                    .setting_cont .butt_ctr_,
                    .three_grid_ctrl {
                        grid-template-columns: auto;
                    }
                }

                @media (min-width: 401px) {

                    .setting_cont .butt_ctr_,
                    .three_grid_ctrl {
                        grid-template-columns: auto 170px 170px;
                    }
                }

                .setting_cont .top_ctr_ .simple_btn,
                .form_ .top_ctr_ .simple_btn {
                    padding: 10px 0 0 0;
                    text-align: center;
                }

                .setting_cont .top_ctr_ .sub_,
                .form_ .top_ctr_ .sub_ {
                    text-align: right;
                    font-size: 110%;
                    font-weight: bold;
                    color: grey;
                    padding-top: 5px;
                }

                .setting_cont .inputs_ {
                    display: grid;
                    grid-template-columns: auto auto;
                    grid-template-rows: auto;
                    padding: 20px 0;
                }

                .setting_cont .top_ctr_ .simple_btn,
                .form_ .top_ctr_ .simple_btn {
                    padding: 10px 0 0 0;
                    text-align: center;
                }

                @media (max-width: 600px) {
                    .setting_cont .inputs_ {
                        grid-template-columns: auto;
                        grid-gap: 10px;
                    }

                    .setting_cont .inputs_ .field_grid_,
                    .field_grid_ {
                        display: grid;
                        grid-template-columns: auto;
                        grid-template-areas: 'lable' 'inp'
                            'msg';
                        padding: 10px 0;
                    }

                    .setting_cont .inputs_ .field_grid_ {
                        grid-template-rows: 50px 50px 30px;
                    }


                }

                @media (min-width: 601px) {
                    .setting_cont .inputs_ {
                        grid-template-columns: auto auto;
                        grid-gap: 10px 40px;
                    }

                    .setting_cont .inputs_ .field_grid_,
                    .field_grid_ {
                        display: grid;
                        grid-template-columns: 200px auto;
                        grid-template-areas: 'lable inp'
                            'msg msg';
                        padding: 10px 0;
                    }

                    .setting_cont .inputs_ .field_grid_ {
                        grid-template-rows: 50px 30px;
                    }
                }

                .field_grid_block,
                .field_grid_block_1,
                .field_grid_block_2 {
                    /* display: grid; */
                    padding: 10px 0;
                    grid-template-rows: auto auto;
                    border-radius: 10px;
                    border-style: solid;
                    border-width: 0;
                    border-color: rgb(179, 178, 178);
                    padding: 20px 0;
                    margin: 10px 0;
                }

                .field_grid_block {
                    grid-template-columns: 250px auto;
                    grid-template-areas: 'lable inp'
                        'msg msg';
                }

                @media (max-width:500px) {

                    .field_grid_block_1,
                    .field_grid_block_2 {
                        grid-template-columns: auto 20px;
                        grid-template-rows: auto auto auto 0;
                        grid-template-areas: 'lable star'
                            'inp inp'
                            'msg msg'
                            'empty empty';
                    }

                    .field_grid_block,
                    .field_grid_block_1,
                    .field_grid_block_2 {
                        display: grid;
                    }

                }

                @media (min-width: 501px) and (max-width: 1000px) {

                    .field_grid_block,
                    .field_grid_block_1,
                    .field_grid_block_2 {
                        display: grid;
                        grid-template-columns: 20px 180px auto;
                        grid-template-areas: 'star lable inp'
                            'empty empty msg';
                    }
                }

                @media (min-width:1001px) {
                    .field_grid_block_1 {
                        display: grid;
                        grid-template-columns: 20px 250px 500px 5px auto;
                        grid-template-areas: 'star lable inp empty msg'
                    }

                    .field_grid_block_2 {
                        display: grid;
                        grid-template-columns: 20px 250px auto;
                        grid-template-areas: 'star lable inp'
                            'empty empty msg';
                    }
                }

                .field_grid_block_1 .star_,
                .field_grid_block_2 .star_ {
                    grid-area: star;
                    font-size: 130%;
                    padding-top: 10px;
                    color: red;
                }

                .field_grid_block .lable_,
                .field_grid_block_1 .lable_,
                .field_grid_block_2 .lable_ {
                    grid-area: lable;
                    padding: 10px 0;
                    text-align: right;
                }

                .field_grid_block .cont_,
                .field_grid_block_1 .cont_,
                .field_grid_block_2 .cont_ {
                    grid-area: inp;
                }

                .field_grid_block .inputboxB,
                .field_grid_block_1 .inputboxB,
                .field_grid_block_1 .inputboxB-notselectable,
                .field_grid_block_2 .inputboxB-notselectable {
                    display: block;
                    width: 100%
                }

                .field_grid_block_1 .empty_,
                .field_grid_block_2 .empty_ {
                    grid-area: empty;
                }

                .field_grid_ .cont_ .check_,
                .field_grid_block .cont_ .check_ {
                    display: inline-block;
                    width: 260px;
                    direction: ltr;
                    text-align: right;
                }

                .field_grid_ .cont_ .check_ .lable_,
                .field_grid_block .cont_ .check_ .lable_ {
                    display: inline;
                    width: auto;
                    padding: 0;
                }

                .field_grid_ .cont_ .check_ .input_,
                .field_grid_block .cont_ .check_ .input_ {
                    display: inline;
                    width: auto;
                }

                .inputs_ .field_grid_ .lable_,
                .field_grid_ .lable_ {
                    grid-area: lable;
                    padding: 10px 0;
                    text-align: right;
                }

                .inputs_ .field_grid_ .inputboxB {
                    grid-area: inp;
                    display: block;
                    width: 100%;
                }

                .inputs_ .field_grid_ .msg_,
                .field_grid_ .msg_,
                .field_grid_block .msg_,
                .field_grid_block_1 .msg_,
                .field_grid_block_2 .msg_ {
                    grid-area: msg;
                    padding: 5px 0;
                    text-align: right;
                    color: grey;
                    font-size: 90%;
                }

                .field_grid_ .cont_ {
                    grid-area: inp;
                }

                .field_grid_ .cont_ .check_,
                .field_grid_block .cont_ .check_ {
                    display: inline-block;
                    width: 260px;
                    direction: ltr;
                    text-align: right;
                }

                .field_grid_ .cont_ .check_ .lable_,
                .field_grid_block .cont_ .check_ .lable_ {
                    display: inline;
                    width: auto;
                    padding: 0;
                }

                .field_grid_ .cont_ .check_ .input_,
                .field_grid_block .cont_ .check_ .input_ {
                    display: inline;
                    width: auto;
                }

                .recbutt,
                .recbutt_1 {
                    background-color: cornflowerblue;
                    border-color: white;
                    border-width: 1px;
                    border-style: solid;
                    border-radius: 30px;
                    margin: auto 0 0 0;
                    cursor: pointer;
                    text-align: center;
                    color: white;
                }

                .recbutt {
                    display: inline-block;
                    width: 160px;
                    height: 50px;
                }

                .recbutt_1 {
                    display: block;
                    padding: 15px 20px;
                }

                .recbutt:hover,
                .recbutt_1:hover {
                    background-color: darkcyan;
                }

                .table_container_c {
                    display: grid;
                    grid-template-columns: auto auto auto;
                }

                .table_container {
                    overflow-x: auto;
                    width: 100%;
                }

                .table_item_act_0 {
                    display: block;
                    height: 2px;
                }

                .table_item_act_00 {
                    display: block;
                    width: 100%;
                    position: absolute;
                    z-index: 100;
                    left: 0;
                }

                .table_item_act {
                    background-color: white;
                    padding: 20px;
                    margin: 0 20px;
                    border-radius: 15px;
                    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.128));
                    text-align: center;
                }

                .table_item_act .control_btn_ {
                    text-align: left;
                    padding: 0 0 10px 0;
                }

                .not_find {
                    padding: 40px 0;
                }

                .not_find p {
                    text-align: center;
                }

                .table_tip1 {
                    border-style: solid;
                    border-color: #6cbef8;
                    border-width: 2px 0 2px 0;
                }

                .table_tip1 .header_ {
                    background-color: #6cbef8;
                    color: white;
                }

                .table_tip1 .rows_ {
                    background-color: #d7ecfc;
                }

                .table_tip1 .rows_:nth-of-type(odd) {
                    background-color: #eef5facd;
                }

                .table_tip1 .end_ {
                    background-color: #6cbef8;
                }

                .table_tip1 tr .field_ {
                    padding: 20px;
                }

                .formgrcont-hide {
                    display: none;
                }

                .formgrcont {
                    display: block;
                    padding: 10px 0;
                }

                .formgrcont .sub_ {
                    text-align: right;
                    font-weight: bold;
                    padding: 5px 0;
                }

                .outline_ {
                    display: block;
                    border-radius: 15px;
                    border-style: solid;
                    border-color: grey;
                    border-width: 1px;
                }

                @media (max-width: 500px) {
                    .formgrcont .outline_ {
                        padding: 10px;
                    }
                }

                @media (min-width: 501px) {
                    .formgrcont .outline_ {
                        padding: 20px;
                    }
                }


                .inputboxB,
                .inputboxB1,
                .inputboxB2,
                .inputboxB-notselectable {
                    width: 100%;
                    display: inline-block;
                    padding: 7px 20px;
                    border-style: solid;
                    border-width: 1px;
                    border-radius: 12px;
                    font-size: 120%;
                }

                .inputboxB,
                .inputboxB1,
                .inputboxB2 {
                    background-color: rgb(234, 244, 251);
                    border-color: #6cbef8a4;
                }

                .inputboxB-notselectable {
                    background-color: rgb(243, 246, 248);
                    border-color: #93cef8a4;
                    opacity: 0.8;
                }


                .n4_grid_ctrl {
                    display: grid;
                    grid-template-rows: 60px;
                    grid-gap: 10px;
                }

                @media (max-width:500px) {
                    .n4_grid_ctrl {
                        grid-template-columns: auto;
                        width: 150px;
                        margin: auto;
                    }
                }

                @media (min-width:501px) {
                    .n4_grid_ctrl {
                        grid-template-columns: auto 150px 150px 150px;
                    }
                }

                .media_list .color_btn_admin_add {
                    position: relative;
                    top: 15px;
                }

                .uploader_admin .top_grid_ .table_ctr_1 {
                    border-width: 0;
                }

                .uploader_admin .top_grid_ .table_ctr_1 .icon_ {
                    display: inline-block;
                    width: 20px;
                    height: 20px;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover;
                }

                .uploader_admin .top_grid_ .table_ctr_1 form .uploder_btn_ {
                    background-color: #6cbef8;
                    display: block;
                    width: 20px;
                    height: 20px;
                    position: relative;
                    top: -23px;
                    left: -5px;
                    cursor: pointer;
                    opacity: 0;
                }

                .uploader_admin,
                .color_btn_admin_add {
                    display: inline-block;
                    width: 200px;
                    height: 140px;
                    background-repeat: no-repeat;
                    background-size: 95% auto;
                    background-position: center;
                    margin: 5px;
                    border-radius: 15px;
                    border-style: solid;
                    border-color: grey;
                    border-width: 1px;
                }

                .uploader_admin {}

                .color_btn_admin_add {
                    background-color: #f2f4f7;
                }

                .media_list .uploader_admin {
                    position: relative;
                    /* top: -10px; */
                }

                .media_list .color_btn_admin_add {
                    position: relative;
                    top: 15px;
                }

                .color_btn_admin_add {
                    background-repeat: no-repeat;
                    background-size: 40px auto;
                    background-position: center;
                }

                .uploader_admin .title_,
                .color_btn_admin_add .title_ {
                    padding: 5px 0;
                    text-align: center;
                    font-size: 80%;
                }

                .uploader_admin .title_ {
                    margin: 75px 0 0 0;
                }

                .color_btn_admin_add .title_ {
                    /* margin: 80px 0 0 0; */
                    color: grey;
                    position: relative;
                    top: 90px;
                    height: 1px;
                }

                .color_btn_admin_add form .uploder_btn_ {
                    background-color: #6cbef8;
                    display: block;
                    width: 100%;
                    height: 120px;
                    position: relative;
                    cursor: pointer;
                    opacity: 0;
                }

                .color_btn_admin_add .progress_cont_ {
                    position: relative;
                    top: 60px;
                    height: 5px;
                    display: block;
                    width: 100%;
                    background-color: white;
                }

                .color_btn_admin_add .progress_cont_ .progress_ {
                    position: relative;
                    top: 0;
                    height: 5px;
                    display: inline-block;
                    width: 1%;
                    background-color: rgb(163, 218, 250);

                }

                .uploader_admin .top_grid_ {
                    display: grid;
                    grid-template-columns: auto 30px 30px;
                    height: 30px;
                    grid-gap: 5px;
                    padding: 5px 10px;
                }


                .how_to_do {
                    font-size: 90%;
                    color: grey;
                    background-color: #f8f9f9;
                    border-radius: 5px;
                    padding: 5px;
                }

                .how_to_do .grid_c_ {
                    display: grid;
                    /* grid-template-columns: auto 120px; */
                    padding: 5px 0;
                    margin: 5px 0;
                }

                .how_to_do .grid_c_ .color_btn {
                    padding: 10px 0;
                }

                .how_to_do .grid_c_ .item_ .input_,
                .how_to_do .grid_c_ .item_ .color_btn {
                    display: block;
                    width: 100%;
                    margin: 3px 0;
                }


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

                    .how_to_do .grid_c_ .color_btn,
                    .how_to_do .grid_c_ .item_ .color_btn {
                        height: 35px;
                    }
                }

                @media (min-width: 401px) {
                    .how_to_do .grid_c_ {
                        grid-template-columns: auto 120px;
                    }

                    .how_to_do .grid_c_ .color_btn,
                    .how_to_do .grid_c_ .item_ .color_btn {
                        height: 40px;
                    }
                }


                .how_to_do .grid_c_ p {
                    text-align: left;
                    padding: 0 0 0 10px;
                    border-style: solid;
                    border-color: grey;
                    border-width: 0 0 0 1px;
                    margin: 0 0 0 10px;
                }

                .how_to_do .grid_ {
                    display: grid;
                    grid-template-columns: auto 60px;
                    padding: 8px 0;
                }

                .how_to_do .box_2 {
                    padding: 8px 0;
                }

                .how_to_do .box_2 p {
                    padding: 5px 0;
                }

                .how_to_do .box_2 .grid_ {
                    display: grid;
                    grid-template-columns: auto 120px 60px;
                    grid-gap: 8px;
                    padding: 5px 0;
                }

                .how_to_do .box_2 .grid_ .input_,
                .how_to_do .grid_c_ .item_ .input_ {
                    border-radius: 10px;
                    border-style: solid;
                    border-width: 1px;
                    border-color: grey;
                    padding: 5px;
                    font-size: 120%;
                }

                .how_to_do .grid_ p {
                    padding: 5px 0;
                }

                .how_to_do .grid_ a {
                    height: 30px;
                }

                .how_to_do .call_list .item_ span {
                    padding: 10px 0 0 0;
                }

                .survey_questions {
                    padding: 10px;
                }

                .survey_questions .ques_ {
                    display: grid;
                    grid-template-columns: auto auto auto auto auto;
                    grid-template-rows: auto;
                    padding: 10px 0;
                    text-align: center;
                    direction: ltr;
                }

                .survey_questions .ques_ .answer_ {
                    display: inline-block;
                    width: 30px;
                    height: 30px;

                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: center;
                }

                .survey_text_a,
                .survey_text_in {
                    margin: 10px 0;
                    padding: 10px;
                    border-radius: 10px;
                    border-width: 1px;
                }

                .survey_text_a {
                    display: block;
                    width: 100%;
                }

                .survey_text_in {
                    display: inline-block;
                    width: 300px;
                }

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

                .check_care p {
                    padding: 5px 0;
                }


                .check_care p .bold_ {
                    font-weight: bolder;
                }

                .crystbtn {
                    padding: 2px 15px;
                    border-radius: 30px;
                    border-style: solid;
                    border-width: 1px;
                    border-color: grey;
                    transition: all 0.2s;
                    margin: 3px 5px;
                }

                .crystbtn:hover {
                    background-color: #ebeeee;
                    color: grey;
                }

                .check_care p a {
                    margin: 5px;
                    display: inline-block;
                    width: auto;
                }

                .img_btn,
                .close_btn {
                    display: inline-block;
                    width: 20px;
                    height: 20px;
                    border-radius: 5px;
                    /* background-image: url(../pic/medical_unselected_1.svg); */
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: 80% auto;
                    transition: all 0.2s;
                    cursor: pointer;
                    background-color: rgba(255, 255, 255, 0);
                    border-width: 0;
                }

                .add_to_order .img_btn {
                    width: 40px;
                    height: 40px;
                }

                .img_btn:hover,
                .close_btn:hover {
                    opacity: 0.7;
                }

                .img_btn{
                    background-image: url(../pic/medical_unselected_1.svg);
                }

                .close_btn {
                    background-image: url(../pic/close_1.svg);
                }

                .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;

                    height: 100vh;
                    position: fixed;
                    vertical-align: middle;
                    z-index: 1001;
                    top: 0;
                }

                @media (max-width: 600px) {

                    .sidenavbar_count,
                    .sidenavbar_count_show,
                    .sidenavbar_count_close {
                        width: 80%;
                    }
                }

                @media (min-width: 601px) {

                    .sidenavbar_count,
                    .sidenavbar_count_show,
                    .sidenavbar_count_close {
                        width: 300px;
                    }
                }

                .sidenavbar_count {
                    right: -400px;
                }

                .sidenavbar_count_show ul {
                    height: 70vh;
                    overflow-y: auto;
                }

                .sidenavbar_count_show ul li {
                    padding: 10px 0;
                }

                .sidenavbar_count_close ul li {
                    padding: 10px 0;
                }

                .sidenavbar_count_show ul li ul {
                    overflow-y: hidden;
                    height: auto;
                }

                .sidenavbar_count_show ul li p,
                .sidenavbar_count_show ul li ul li p,
                .sidenavbar_count_show ul li ul li ul li p {
                    display: grid;
                    grid-template-columns: auto 20px;
                    grid-gap: 5px;
                }

                .sidenavbar_count_show ul li p span,
                .sidenavbar_count_show ul li ul li p span,
                .sidenavbar_count_show ul li ul li ul li p span {
                    cursor: pointer;
                    font-size: 120%;
                    color: grey;
                    transition: all 0.2s;
                    text-align: center;
                    padding: 0;
                    height: 10px;
                }

                .sidenavbar_count_show ul li p span:hover,
                .sidenavbar_count_show ul li ul li p span:hover,
                .sidenavbar_count_show ul li ul li ul li p span:hover {
                    color: rgb(168, 166, 166);
                }

                .sidenavbar_count_show {
                    right: 0;
                }

                .sidenavbar_count_close {
                    right: -400px;
                }

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

                .submenurol {
                    display: block;
                    border-style: solid;
                    border-color: rgb(194, 194, 192);
                    border-width: 0 1px 0 0;
                    padding: 5px 15px 5px 0;
                    -webkit-animation: animation4 1s;
                }

                .submenurol-hide {
                    display: none;
                }

                .submenurol-to-hide {
                    display: none;
                    /* -webkit-animation: animation5 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;
                    }
                }

                .win_butt {
                    display: none;
                    position: absolute;
                    bottom: 0;
                }

                .win_butt-hide {
                    display: inline-block;
                    width: 100%;
                    position: absolute;
                    z-index: 1;
                    top: 60px;
                    padding: 0 10px;
                    -webkit-animation: animation_win_butt_hide 1s;
                }

                .win_butt-show {
                    display: inline-block;
                    width: 100%;
                    position: absolute;
                    z-index: 1;
                    top: -60vh;
                    padding: 0 10px;
                    -webkit-animation: animation_win_butt_show 1s;
                    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.402));
                }

                .win_butt-show .cont_,
                .win_butt-hide .cont_ {
                    background-color: white;
                    height: 60vh;
                    border-radius: 15px;
                    padding: 10px 20px;

                }

                .win_butt-show .cont_ .grid_top_,
                .win_butt-hide .cont_ .grid_top_ {
                    display: grid;
                    grid-template-columns: auto 20px 20px;
                    grid-template-rows: 20px;
                    grid-gap: 5px;
                }

                @-webkit-keyframes animation_win_butt_show {
                    0% {
                        top: 0;
                    }

                    100% {
                        top: -60vh;
                    }
                }

                @keyframes animation_win_butt_show {
                    0% {
                        top: 0;
                    }

                    100% {
                        top: -60vh;
                    }
                }

                @-webkit-keyframes animation_win_butt_hide {
                    0% {
                        top: -60vh;
                    }

                    100% {
                        top: 60px;
                    }
                }

                @keyframes animation_win_butt_hide {
                    0% {
                        top: -60vh;
                    }

                    100% {
                        top: 60px;
                    }
                }

                .win_butt-show .cont_ .ctrl_,
                .win_butt-hide .cont_ .ctrl_ {
                    display: grid;
                }

                @media (max-width: 400px) {

                    .win_butt-show .cont_ .ctrl_,
                    .win_butt-hide .cont_ .ctrl_ {
                        grid-template-columns: auto;
                    }
                }

                @media (min-width: 401px) {

                    .win_butt-show .cont_ .ctrl_,
                    .win_butt-hide .cont_ .ctrl_ {
                        grid-template-columns: auto auto;
                        width: 300px;
                        margin: auto;
                    }
                }

                .request_show,
                .request_show-show {
                    position: absolute;
                    z-index: 100;
                    display: inline-block;
                    width: 80px;
                    height: 40px;
                    padding: 5px;
                    background-color: #ebeeee;
                    border-radius: 30px 30px 0 0;
                    margin: 0 27% 0 73%;
                    text-align: center;
                    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.219));
                    font-size: 70%;
                    color: grey;
                }

                .request_show {
                    bottom: -100px;
                }

                .request_show-show .cont_ .m2_ {
                    font-size: 80%;
                }

                .request_show-show {
                    bottom: 0;
                    -webkit-animation: animation_request_show_show 1s;
                }

                @-webkit-keyframes animation_request_show_show {
                    0% {
                        bottom: -100px;
                    }

                    100% {
                        bottom: 0;
                    }
                }

                @keyframes animation_request_show_show {
                    0% {
                        bottom: -100px;
                    }

                    100% {
                        bottom: 0;
                    }
                }


                .request_show-hide {
                    -webkit-animation: animation_request_show_hide 1s;
                }


                .call_list {
                    padding: 10px 0;
                }

                .call_list .item_ {
                    display: grid;
                    grid-template-columns: auto 40px;
                    grid-template-rows: 40px;
                    padding: 5px 0;
                }

                .call_list .item_ span {
                    padding: 5px 0;
                }

                .call_list .comment_ {
                    font-size: 70%;
                }

                .to_butt_btn,
                .exclamtion_btn,
                .call_btn {
                    display: inline-block;
                    background-repeat: no-repeat;
                    background-position: center;
                    cursor: pointer;
                }

                .to_butt_btn {
                    width: 20px;
                    height: 20px;
                    background-image: url(../pic/icon-tobutt.svg);
                    background-size: cover;
                }

                .exclamtion_btn {
                    width: 20px;
                    height: 20px;
                    background-image: url(../pic/icon-exclamation.svg);
                    background-size: 85% auto;
                }

                .call_btn {
                    width: 40px;
                    height: 40px;
                    background-image: url(../pic/icon-call.svg);
                    background-color: #8FC045;
                    border-radius: 20px;
                    background-size: 70% auto;
                }

                .space_slider {
                    display: block;
                    height: 100vh;
                    position: absolute;
                }


                @media (min-width: 1000px) {

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

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

                    .headergrid .item3 #menu_btn {
                        display: none;
                    }

                    .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 .item3 #menu_btn {
                        display: block;
                    }

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

                @media (max-width:450px) {

                    /* .headergrid .item2 #navbar {
                        display: none;
                    }
                    .headergrid .item3 #menu_btn {
                        display: block;
                    } */
                    .headergrid .item1 img {
                        height: 80;
                    }

                    .headergrid .item2 {
                        display: none;
                    }

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

                    .btnmodlogin {
                        width: 50px;
                    }

                    .headergrid .item3 #menu_btn {
                        display: block;
                    }

                    .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_btn1 {
                    border-radius: 10px;
                    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: 10px;
                    display: block;
                    transition: all 0.2s;
                }

                .strong_btn1: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) {
                    body {
                        font-size: 100%;
                    }

                    .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) {
                    body {
                        font-size: 90%;
                    }

                    .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) {
                    body {
                        font-size: 80%;
                    }

                    .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) {
                    body {
                        font-size: 70%;
                    }

                    .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) {
                    body {
                        font-size: 70%;
                    }

                    table {
                        font-size: 100%;
                    }

                    .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 {
                    background-color: rgb(44, 68, 82);
                    /* padding: 40px 100px; */
                }

                .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;
                    width: 300px;
                    margin: auto;
                    grid-template-columns: 140px 140px;
                    grid-gap: 20px;
                    text-align: center;
                }

                .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: 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;
                }

                #overlayer {
                    display: block;
                    width: 100%;
                    height: 100%;
                    position: fixed;
                    z-index: 7100;
                    background: #ffffff92;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                }

                .loader {
                    z-index: 7700;
                    position: fixed;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    /* background-color: rgba(255, 255, 255, 0.5); */
                }

                .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);
                }

                #banersl_carousel .owl-nav .owl-prev,
                #banersl_carousel .owl-nav .owl-next {
                    position: absolute;
                    top: 45%;
                    display: inline-block;
                    width: auto;
                }

                #banersl_carousel .owl-stage-outer {
                    border-radius: 20px;
                }

                #banersl_carousel .owl-nav .owl-prev {
                    left: 25px;
                }

                #banersl_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;
                }

                .slidectrl {
                    display: block;
                    text-align: left;
                    margin: 10px 0;
                }

                .slidectrl .slidectrl_ {
                    display: inline-block;
                    width: 90px;
                }

                .slidectrl .slidectrl_ .grid_ {
                    display: grid;
                }

                .control_grid {
                    display: grid;

                    margin: 10px 0;
                }


                @media (max-width: 600px) {
                    .control_grid {
                        grid-template-columns: auto 30px 30px;
                        height: 30px;
                        grid-gap: 5px;
                    }

                    .control_grid .sub_ {
                        padding: 5px 0;
                    }

                }

                @media (min-width: 601px) {
                    .control_grid {
                        grid-template-columns: auto 40px 40px;
                        height: 40px;
                        grid-gap: 10px;
                    }

                    .control_grid .sub_ {
                        padding: 10px 0;
                    }
                }

                .ctrl_btn,
                .crys_btn,
                .color_btn,
                .color_btn-unactive {
                    border-radius: 10px;
                    padding: 8px;
                    text-align: center;
                    transition: all 0.2s;
                }

                .color_btn-unactive {
                    background-color: rgb(172, 171, 171);
                    color: white;
                    cursor: auto;
                    opacity: 0.7;
                }

                .color_btn {
                    background-color: #2b78d6;
                    color: white;
                }

                .color_btn:hover {
                    background-color: #4891e9;
                }

                .ctrl_btn,
                .crys_btn {
                    border-style: solid;
                    border-width: 1px;
                    border-color: rgb(177, 177, 177);
                    color: grey;
                }

                .crys_btn {
                    display: inline-block;
                    width: 100%;
                }

                .ctrl_btn:hover,
                .crys_btn:hover {
                    background-color: rgb(245, 243, 243);
                }

                .control_grid .ctrl_btn {
                    display: block;
                }

                @media (max-width: 600px) {
                    .control_grid .ctrl_btn {
                        padding: 8px;
                    }
                }

                @media (min-width: 601px) {
                    .control_grid .ctrl_btn {
                        padding: 13px 10px 6px 10px;
                    }
                }


                .crys_btn-hide {
                    display: none;
                }

                .btn_grid {
                    display: grid;
                    grid-template-columns: auto 200px;
                    padding: 20px 0;
                }

                .space_sec {
                    padding: 50px 0;
                }

                .border_ {
                    border-style: solid;
                    border-width: 0 0 1px 0;
                    border-color: grey;
                    height: 1px;
                    display: block;
                    padding: 0;
                }

                .strong_btn {
                    display: block;
                    padding: 15px 20px;
                    border-radius: 10px;
                    background-image: linear-gradient(to right, rgb(1, 11, 79), rgb(5, 91, 251));
                    transition: all 0.2s;
                    color: white;
                    border-width: 0;
                    text-align: center;
                }

                .strong_btn:hover {
                    color: white;
                    background-image: linear-gradient(to right, rgb(8, 23, 121), rgb(92, 143, 239));
                    border-radius: 15px;
                    filter: drop-shadow(0 0 5px rgba(8, 23, 121, 0.05));
                }

                .bottom_btn_cont {
                    padding: 20px 0;
                }

                @media (max-width: 500px) {}


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

                .subjectWbtn1 {
                    display: grid;
                    grid-template-columns: auto 160px;

                }

                .subjectWbtn1 .crys_btn {
                    padding: 10px 20px;
                }

                .subjectWbtn1 h4 {
                    padding: 10px 0;
                    color: grey;
                }

                .subjectWbtn1 h4 .bold_ {
                    color: black;
                    font-size: 130%;
                    font-weight: bold;
                }

                .line_ {
                    display: block;
                    padding: 10px 0 0 0;
                    margin: 0 0 10px 0;
                    border-style: solid;
                    border-width: 0 0 1px 0;
                    border-color: grey;
                }

                .cont_two {
                    padding: 20px 0;
                }

                .state_item {
                    display: inline-block;
                    width: 300px;
                    padding: 10px;
                }

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

                .last_blog_grid{
                    display: grid;
                    grid-gap: 20px;
                    margin: 20px 0;
                    padding: 10px;
                    background-color: rgba(164, 164, 164, 0.11);
                }

                .landing_list_blog .bold_{
                    padding: 10px 10px 0 10px;
                    margin: 0;
                }

                .landing_list_blog .more_{
                    padding: 10px 10px 0 10px;
                    text-align: left;
                }
                .landing_list_blog .more_ a,
                .last_blog .more_ a{
                    transition: 0.2s all;
                    display: inline-block;
                    width: 130px;
                    color: #00c2d6;
                }
                .landing_list_blog .more_ a:hover,
                .last_blog .more_ a:hover{
                    color: grey;
                    border-color: rgba(164, 164, 164, 0.53);
                }
                .landing_list_blog ul .items a{
                    display: grid;
                    grid-template-columns: 150px auto;
                    grid-template-rows: auto auto;
                    grid-template-areas: 'img i1' 'img i2';
                    grid-gap: 10px;
                    padding: 10px;
                    margin: 5px 0;
                    transition: 0.2s all;
                    border-style: solid;
                    border-width: 0 0 1px 0;
                    border-color: grey;
                }
                .landing_list_blog ul .items a:hover{
                    background-color: rgba(164, 164, 164, 0.53);
                    border-radius: 10px;
                    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.36));
                }
                .landing_list_blog ul .items a .img_{
                    grid-area: img;
                    width: 150px;
                    height: auto;
                    transition: 0.2s all;
                }
                .landing_list_blog ul .items a:hover .img_{
                    border-radius: 5px;
                }
                .landing_list_blog ul .items a .item1_{
                    grid-area: i1;
                    color: grey;
                    font-weight: bolder;
                    transition: 0.2s all;
                }
                .landing_list_blog ul .items a:hover .item1_{
                    color: white;
                }
                .landing_list_blog ul .items a .item2_{
                    grid-area: i2;
                    color: black;
                    font-size: 80%;
                    transition: 0.2s all;
                }
                .landing_list_blog ul .items a:hover .item2_{
                    color: white;
                }
                @media (max-width: 1000px){
                    .last_blog_grid{
                        grid-template-columns: auto;
                    }
                }
                @media (min-width: 1001px){
                    .last_blog_grid{
                        grid-template-columns: auto 400px;
                    }
                    .last_blog{
                        padding: 0 10px 0 30px;
                        border-style: solid;
                        border-width: 0 0 0 1px;
                        border-color: rgba(128, 128, 128, 0.54);
                    }

                }

                .last_blog .img_{
                    width: 100%;
                    height: auto;
                    display: block;
                }

                .last_blog .inf_{
                    font-size: 85%;
                }

                .cris_btn{
                    display: block;
                    border-style: solid;
                    border-width: 1px;
                    border-radius: 10px;
                    padding: 10px 3px;
                    margin: 5px;
                    color: white;
                    font-size: 80%;
                    transition: all 0.2s;
                    text-align: center;
                }

                .blog_lead{
                    margin: 10px 0;
                    padding: 10px;
                    background-color: #e2f1f3;
                }

                .blog_text{
                    padding: 5px 0;
                    text-align: justify;
                }
                .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;
                }

                .img-fluid{
                    margin: 10px 0;
                    border-radius: 10px;
                }

                .state_item .item_body_1 {
                    height: 200px;
                    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_item .item_body_2 {
                    position: relative;
                    height: 0;
                    display: block;
                    text-align: center;
                }

                .state_item .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_item: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_item:hover .item_body_2 p {
                    background-size: 110% auto;
                    background-color: rgb(197, 198, 198);
                }


                .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;
                    grid-template-columns: auto 50px 50px 140px 50px;
                    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_ .del_,
                .residence_calander_0 .seting_box_0_ .del_ {
                    font-size: 85%;
                }

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

                .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;
                }

                .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;
                }

                .pop_up .shadow_box .b_control2,
                .pop_up .shadow_box .b_control1 {
                    display: grid;
                    margin: 20px 0;
                    grid-gap: 10px;
                }

                .pop_up .shadow_box .b_control2 {
                    grid-template-columns: auto 100px 100px;
                }

                .pop_up .shadow_box .b_control1 {
                    grid-template-columns: auto 100px;
                }

                .pop_up .shadow_box .b_control2 a,
                .pop_up .shadow_box .b_control1 a {
                    padding: 10px;
                }


                .shadow_box,
                .shadow_box-showAnim {
                    position: fixed;
                    top: 50%;
                    left: 50%;
                    /* -webkit-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%); */
                    transform: translate(-50%, -50%);
                    width: 90%;
                    padding: 20px;
                    border-radius: 15px;
                    background-color: white;
                    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3));
                    display: inline-block;
                }

                .pop_up .shadow_box-showAnim {
                    -webkit-animation: animation1 1s;
                }

                @-webkit-keyframes animation1 {
                    0% {
                        top: 45%;
                    }

                    100% {
                        top: 50%;
                    }
                }

                @keyframes animation1 {
                    0% {
                        top: 45%;
                    }

                    100% {
                        top: 50%;
                    }
                }

                .shadow_box .control_btn_,
                .shadow_box-showAnim .control_btn_ {
                    padding: 0 0 20px 0;
                    text-align: left;
                    height: auto;
                }

                .shadow_box .body_,
                .shadow_box-showAnim .body_ {
                    padding: 30px 20px;
                    text-align: center;
                }

                .shadow_box .control_btn_ .glass_btn1,
                .shadow_box-showAnim .control_btn_ .glass_btn {
                    padding: 8px 5px;
                    display: inline-block;
                    width: 40px;
                    height: 40px;
                    text-align: center;
                }

                .shadow_box .body_ .text_,
                .shadow_box-showAnim .body_ .text_ {
                    padding: 10px 0;
                }

                .shadow_box .body_ .text_ .p_ {
                    text-align: center;
                }

                .shadow_box .body_ .under_control_,
                .shadow_box-showAnim .body_ .under_control_ {
                    padding: 30px 0 0 0;
                }

                .shadow_box .body_ .under_control_ .cristal_btn1,
                .shadow_box-showAnim .body_ .under_control_ .cristal_btn1 {
                    display: inline-block;
                    width: 100px;
                }

                .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;
                }

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

                .video_box .img_ {
                    background-image: url(../upload/item/001.jpg);
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover;
                    display: block;
                    height: 300px;
                    border-radius: 10px;
                }

                .video_box .img_ .btn_ {
                    position: absolute;
                    display: inline-block;
                    width: 100px;
                    height: 100px;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                }

                .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: auto;
                }

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


                @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 {
                    /* text-align: justify; */
                    padding: 5px 0;
                }

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

                }

                /* .shadow_div div {
                    margin: 15px 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 .b1 p .bold {
                    font-weight: bold;
                }

                .shadow_div form {
                    padding: 20px;
                }

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

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

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


                .product_body {
                    display: grid;
                    padding: 20px 0;
                    margin: 40px 0;
                    grid-gap: 50px;
                }

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

                @media (min-width: 801px) and (max-width: 1400px) {
                    .product_body {
                        grid-template-columns: 400px auto;
                    }
                }

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

                .h_ {
                    height: 40px;
                }

                .product_body .item1 {}

                .upagecount .item1 .header_ p {
                    padding: 5px 0;
                }

                .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 {
                    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 {
                    background-color: rgb(87, 126, 159);
                }

                .query_result,
                .basket_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;
                    direction: rtl;
                }

                .query_result_item .color_sel {
                    display: block;
                    text-align: center;
                    padding: 5px 0;
                    height: 36px;
                    position: relative;
                    top: -10px;
                }

                .query_result_item .color_sel .color_btn_c,
                .query_result_item .color_sel .color_btn_i {
                    display: inline-block;
                    width: 30px;
                    height: 30px;
                    border-radius: 15px;
                    border-style: solid;
                    border-color: white;
                    border-width: 3px;
                    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
                    cursor: pointer;
                }

                .query_result_item .color_sel .color_btn_c {
                    background-color: red;
                }

                .query_result_item .color_sel .color_btn_i {
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: center;
                    background-image: url();
                }


                .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: 130% auto;

                    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;
                    font-size: 80%;
                }

                .query_result_item h5 span a {
                    display: inline-block;
                    width: auto;
                    padding: 3px 10px;
                    margin: 0 5px;
                }

                .query_result_item a h5 {
                    text-align: center;
                }

                .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;
                }

                .query_result_item .adver_ {
                    padding: 0;
                    text-align: center;
                    height: 35px;
                }

                .change_num {
                    display: grid;
                    grid-template-columns: 40px auto 40px;
                    height: 40px;
                }

                .change_num p {
                    text-align: center;
                }

                .change_num .crys_btn {
                    padding: 5px;
                    height: 40px;
                }

                .query_result_item .number_ {
                    display: grid;
                    grid-template-columns: auto 130px;
                    padding: 10px 30px;
                }

                .query_result_item .total_p_ {
                    text-align: center;
                    padding: 10px;
                    background-color: rgb(240, 240, 240);
                    border-radius: 5px;
                }

                .query_result_item .number_ h5,
                .query_result_item .number_ h3 {
                    padding: 10px 0;
                }

                .query_result_item .number_ h3 .unit {
                    font-size: 70%;
                    color: grey;
                }

                .query_result_item .number_ .change_num {
                    font-size: 150%;
                }

                .query_result_item .itembox_ {
                    padding: 5px 0 10px 0;
                    margin: 5px 0;
                    border-style: solid;
                    border-width: 1px 0 1px 0;
                    border-color: grey;
                    height: 80px;
                }

                .query_result_item .itembox_ h5 {
                    text-align: center;
                }

                .query_result_item .adver_ .new_,
                .query_result_item .adver_ .offer_,
                .query_result_item .adver_ .special_ {
                    display: inline-block;
                    width: auto;
                    padding: 3px 10px;
                    border-radius: 10px;
                    color: white;
                    margin: 5px;
                    font-size: 80%;
                }

                .query_result_item .adver_ .new_ {
                    background-color: rgb(48, 113, 48);
                }

                .query_result_item .adver_ .offer_ {
                    background-color: rgb(133, 96, 32);
                }

                .query_result_item .adver_ .special_ {
                    background-color: rgb(43, 83, 134);
                }

                .query_result_item .try_on_00 {
                    display: block;
                    text-align: center;
                    margin: 5px 0 0 0;
                }

                .query_result_item .footer_grid_ {
                    display: grid;
                    grid-template-columns: auto auto;
                }

                .query_result_item .try_on_00 .try_on_0,
                .query_result_item .try_on_00 .try_on_1 {
                    width: 115px;
                    margin: auto;
                    height: 30px;
                    border-radius: 15px;
                    border-style: solid;
                    border-color: grey;
                    border-width: 1px;
                }

                .query_result_item .try_on_00 .try_on_0 {
                    display: grid;
                    grid-template-columns: 80px 5px 30px;
                }

                .query_result_item .try_on_00 .try_on_1 {
                    padding: 5px 0;
                }

                .query_result_item .try_on_00 .try_on_0 .try_on_,
                .query_result_item .try_on_00 .try_on_0 .span_,
                .query_result_item .try_on_00 .try_on_1 .try_on_ {
                    font-size: 80%;
                    padding: 5px 0;
                    color: grey;
                }

                .query_result_item .try_on_00 .try_on_0 .try_on_,
                .query_result_item .try_on_00 .try_on_0 .later_,
                .query_result_item .try_on_00 .try_on_1 .try_on_ {
                    transition: all 0.2s;
                }

                .query_result_item .try_on_00 .try_on_0 .try_on_:hover,
                .query_result_item .try_on_00 .try_on_0 .later_:hover,
                .query_result_item .try_on_00 .try_on_1 .try_on_:hover {
                    color: rgb(182, 181, 181);
                }


                .query_result_item .try_on_00 .try_on_0 .later_ {
                    font-size: 100%;
                    color: grey;
                    padding: 3px 0 0 3px;
                }

                .query_result_item .size_cont-on,
                .query_result_item .size_cont-off {
                    margin: 2px;
                    padding: 3px 10px;
                    border-radius: 15px;
                    border-style: solid;
                    border-width: 1px;
                    color: grey;
                    display: inline-block;
                    width: auto;
                }

                .query_result_item .size_cont-on {
                    border-color: grey;
                }

                .query_result_item .size_cont-off {
                    border-color: rgb(187, 187, 187);
                }

                .query_result_item .size_cont-on:hover {
                    color: rgb(169, 168, 168);
                }

                .query_result_item .size_cont-off:hover {
                    color: rgb(169, 168, 168);
                }

                .query_result_item .size_sec {
                    padding: 10px 0 0 0;
                    text-align: center;
                    display: inline-block;
                    width: 100%;

                }

                .query_result_item .size_sec .size_ {
                    direction: rtl;
                }

                .query_result_item .price_sh {
                    display: grid;
                    grid-template-columns: auto auto;
                    padding: 5px 0;
                }

                .query_result_item .price_sh h5 {
                    text-align: center;
                }

                .query_result_item .title_ {
                    display: grid;
                    grid-template-columns: auto 30px 30px;
                    height: 30px;
                    grid-gap: 5px;
                    font-size: 90%;
                    font-weight: bold;
                }

                .query_result_item .title_ .text_ {
                    padding: 4px 0 0 0;
                    text-align: right;
                }

                .query_result_item .title_ .btn_1,
                .query_result_item .title_ .btn_2 {
                    background-image: url();
                    background-repeat: no-repeat;
                    background-position: center;

                    cursor: pointer;
                }

                .query_result_item .title_ .btn_1 {
                    background-size: 80% auto;
                }

                .query_result_item .title_ .btn_2 {
                    background-size: cover;
                }

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

                @media (min-width: 1301px) {
                    .basket_result {
                        grid-template-columns: auto auto;
                        padding: 20px 0;
                    }
                }




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

                    .query_result_item {
                        width: auto;
                    }

                    .query_result_item img,
                    .query_result_item .img {
                        width: 180px;
                        height: 98px;
                    }
                }

                @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;
                        height: 125px;
                    }
                }

                @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;
                        height: 153px;
                    }
                }

                @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;
                        height: 153px;
                    }
                }

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

                    .query_result_item {
                        width: 320px;
                    }

                    .query_result_item img,
                    .query_result_item .img {
                        width: 300px;
                        height: 180px;
                    }
                }

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

                .query_result_1 {
                    display: block;
                }

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

                .query_result_1 .item_basket .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 {
                    grid-area: price;
                    padding: 8px 0;
                }

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

                .query_result_1 .item_basket {
                    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_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;
                }


                @media(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';
                    }
                }

                @media(min-width: 601px) {
                    .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_bill p {
                    color: grey;
                    font-size: 90%;
                }

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

                .footer_grid {
                    display: grid;
                    grid-template-columns: auto 250px auto;
                    grid-template-rows: 160px;
                    width: 100%;
                    /* background-color: rgb(44, 68, 82); */
                    background-image: linear-gradient(to top, rgb(25, 149, 97), rgba(25, 149, 97, 0.416), rgba(25, 149, 97, 0));
                }

                .footer_grid .logo_ {
                    background-image: url(../pic/footer_logo_1.png);
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: 100% auto;
                }

                .footer_grid .wing_l_,
                .footer_grid .wing_r_ {
                    border-style: solid;
                    border-width: 0 0 2px 0;
                    border-color: white;
                    height: 63px;
                    position: relative;
                    top: 20.5px;
                }

                .footer_t {
                    background-color: rgb(25, 149, 97);
                    color: white;
                }

                .about_me_f {
                    display: grid;
                    grid-gap: 5%;
                    padding: 20px 0;
                }

                .about_me_f .about_me_ .sub_ {
                    font-weight: bold;
                    font-size: 110%;
                    padding: 10px 0;
                }

                .about_me_f .about_me_ div .parag_{
                    text-align: justify;
                }

                .contact_us_ {
                    display: grid;
                    grid-template-columns: 25px auto;
                    padding: 10px 0;
                }

                .certific {
                    display: grid;
                    grid-gap: 20px;
                    padding: 20px 0;
                }
                
                .certific .item1 p {
                    padding: 10px 0;
                }
                
                .certific .item1 p a {
                    color: rgb(221, 248, 253);
                }
                
                @media (max-width: 600px) {
                    .about_me_f {
                        grid-template-columns: auto;
                    }
                }

                @media (min-width: 601px) {
                    .about_me_f {
                        grid-template-columns: 45% 50%;
                    }
                }

                .contact_f {}

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

                .contact_f .tel1 {
                    grid-area: tel1;
                }

                .contact_f .tel2 {
                    grid-area: tel2;
                }

                .contact_f .tel3 {
                    grid-area: tel3;
                }

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

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

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

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

                .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;
                    }
                }

                .small_link_grid{
                    display: grid;
                    width: 230px;
                    margin: auto;
                    grid-template-columns: 30px 30px 30px 30px 30px 30px;
                    grid-template-rows: 30px;
                    grid-gap: 10px;
                    padding: 10px 0;
                }

                .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;
                }