.body {
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', YuGothic, 'Yu Gothic Medium', Meiryo, sans-serif;

}

.h-banner {
    height: auto;
}
.banner-sub-bl-logged {
    background-color:#ffc400;
}
.lg_bl_img{
    width: 100%;
}
.banner-sub-bl1 {
    padding-top: 55px;
    font-weight: bold;
    color: black;
}
.banner-sub-bl2 {
    padding-top: 55px;
}

.banner-txt {
    font-weight: 500;
    color: #000000;
    letter-spacing: normal;
}

.banner-btn {
    background-color: #f16600 !important;
    border: 1px solid #f16600 !important;
    color: #ffff !important;
    border-radius: 10px !important;
    font-size: 1rem !important;
}

.banner-btn:hover {
    box-shadow: 0 0 10px #fa7617;
}

.home-arrow {
    margin-left: 30px;
    font-size: 20px;
    margin-top: -6px;
}
.banner-btn-div {
    margin: 0 auto;
    width: 100%;
}
.banner-btn-container {
  text-align: right;
}
.banner-btn-container1 {
  text-align: left;
}


/*^^^^^^^^^^After login^^^^^^^^^^^^^^^^^^^*/
.banner-sub-logged {
    background-color:#ffc400;
}

.lg_al_img{
    width: 100%;
}

.lg-img-1 {
    height: auto;
}

.lg-img-2 {
    height: 100%;
}
.banner-sub-al1 {
    padding-top: 55px;
    font-weight: bold;
    color: black;
}
.banner-sub-al2 {
    padding-top: 55px;
}
.lg-txt-div {
    margin-top: 40px;
}

.lg-txt {
    font-size: 30px;
    font-weight: bold;
    color: black;
    margin-bottom: 0px;
}

.lg-horizn-line {
    position: absolute;
    left: 99.9%;
    top: 10%;
    height: 83%;
}
.home-arrow-lg {
    margin-top: 3px;
    float: right;
}

.banner-btn-al {
    background-color: #f16600 !important;
    border: 1px solid #f16600 !important;
    color: #ffff !important;
    border-radius: 10px !important;
    font-weight: bold !important;
    font-size: 1rem !important;
    width: 180px;
}

.banner-btn-al:hover {
    box-shadow: 0 0 10px #fa7617;
}

.new_v {
    padding-top: 100px;
    background-color: #f7f7f7;
    padding-bottom: 50px;
}

.lg-card-div {
    margin-top: 30px;
}

.lg-card {
    width: 100%;
    border: none;
    border-radius: 25px;
    background-color: #ffffff;
}

.lg-card-header {
    background-image: -moz-linear-gradient(0deg, rgb(255, 176, 5) 0%, rgb(255, 117, 30) 99%);
    background-image: -webkit-linear-gradient(0deg, rgb(255, 176, 5) 0%, rgb(255, 117, 30) 99%);
    background-image: -ms-linear-gradient(0deg, rgb(255, 176, 5) 0%, rgb(255, 117, 30) 99%);
    color: white;
    font-size: 18px;
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
    font-weight: 600;
}

.new-v-ul {
    display: flex;
}

.new-v-li {
    color: #000;
    list-style-type: square;
    line-height: 1;
    display: list-item;
    width: -webkit-fill-available;
    text-align: left;
    font-weight: 500;
    font-size: 15px;
}

.bl-heading-detail-c {
    width: 600px;
    text-align: center;
    margin: 0 auto;
}

.bl-heading-detail-j {
    width: 535px;
    text-align: justify;
    margin: 0 auto;
}

/*################################ SECTION TWO ###############################*/

.detail-box {
    /*position: absolute;*/
    top: 8%;
    width: 100%;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}
.detail-grid{
    padding-left: 10px;
    padding-right: 10px;
}

.detail-box-1 {
    margin-top: 60px;
}

.detail-card {
    border: none;
}

.detail-card-body {
    height: 219px;
    padding-top: 20px;


}
.dc-bottom-img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.detail-card-title {
    font-weight: bolder;
    font-size: 20px;
    letter-spacing: 0px;
    margin-bottom: 13px !important;
}
.detail-card-title-bl {
    font-weight: bolder;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 20px !important;
    height: 55px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.d-line-card {
    position: initial;
    content: "";
    height: 4px;
    background-color: #FF9C00;
    text-align: center;
    clear: both;
    width: 50px;
    margin: 0 auto;
}

.detail-card-body-bl {
    height: 290px;
}

.detail-card-txt-bl {
    margin-top: 20px;
    text-align: justify;
    letter-spacing: -0.6;
    font-size: 14px;
    height: 123px;
    line-height: 1.6;
    font-weight: 400;
}

.detail-card-txt {
    margin-top: 20px;
    font-weight: 400;
    text-align: justify;
    letter-spacing: -0.6;
    font-size: 14px;
    height: 76px;
    line-height: 1.6;
}
.detail-card-footer {
    background-color: rgb(255, 255, 255);
    border-top: 1px solid rgb(255, 255, 255);
    padding-right: 0px;
    padding-bottom: 21px;
}

/*############################  Section vedio ##########################*/
.video {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #ffffff
}

.vedio-box {
    margin-top: 30px;
}

.vedio-card {
    border: none;
}

.video-card-title {
    text-align: left;
    color: #f16c00;
    font-weight: 600;
    letter-spacing: 0.1;
    margin-bottom: 2px !important;
}

.video-card-txt {
    margin-top: 0px;
    font-weight: 600;
    text-align: justify;
    letter-spacing: -0.6;
    font-size: 12px;
    margin-bottom: 0px !important;
}

.video-playbtn {
    width: 30px !important;
    height: 30px;
    float: right;
    margin-top: -15px;
    margin-right: 5px;
}

.pb{
    position: absolute;
    top: 35%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.video-card-body {
    border-left: 2px solid #D4D4D4;
    padding: 0 !important;
    margin-top: 20px !important;
    padding-left: 15px !important;
    margin-bottom: 20px !important;
}

.video-button-box {
    margin-top: 50px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.video-btn {
    background-color: #ffffff !important;
    border: 1px solid #1b90e2 !important;
    color: #1b90e2 !important;
    border-radius: 10px !important;
    font-weight: bold !important;
    font-size: 1rem !important;
    width: 206px;
    text-align: left;
}

.video-btn:hover {
    box-shadow: 0 0 10px rgba(53, 170, 237, .8);
}

/*################### FLow of CHart ########################*/
#flowchart {
    padding-top: 50px;
    padding-bottom: 50px;
}

.flowchart {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #FF791D;
    background: rgb(2, 0, 36);
    background-image: -moz-linear-gradient(0deg, rgb(255, 176, 5) 0%, rgb(255, 117, 30) 99%);
    background-image: -webkit-linear-gradient(0deg, rgb(255, 176, 5) 0%, rgb(255, 117, 30) 99%);
    background-image: -ms-linear-gradient(0deg, rgb(255, 176, 5) 0%, rgb(255, 117, 30) 99%);
}

.flowchart-2 {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #f3f3f3;
    border: 2px solid #ffad2b;
    padding-left: 80px;
    padding-right: 80px;

}

.f-box {
    top: 8%;
    width: 100%;
    margin: 0;
}

.flow-img {
    width: 100%;
}

/*###################  Structure ####################*/
.structure {
    width: 100%;
    margin: 0;
}

.stru-img {
    width: 100%;
}

.price-img {
    width: 900px;
}

.thinking-1 {
    width: auto !important;
}

.thinking-2 {
    width: auto !important;
}

.thinking-3 {
    width: auto !important;
}

.table_div{
    width: 830px;
    margin: 0 auto;
}
.struc_tr_border{
    border-bottom: 5px solid #ffff;
}
.stuc_tbt_th{
    width: 166px;
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px 10px 0px 0px;

}
.stuc_tbt_td{
    width: 166px;
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
     height: 92px;
    font-weight: 500;
}

.stru_tbl_th_color{
    background: url("../../images/structure_th.png");
    color: #ffffff;
    border-left: 5px solid #ffff;
    background-repeat: no-repeat;
}
.stru_tbl_td_color1{
    background: url("../../images/struc_td1.png");
    color: #ffffff;
    background-repeat: no-repeat;
}
.stru_tbl_td_color2{
    background: url("../../images/struc_td2.png");
    color: #000000;
    border-left: 5px solid #ffff;
    background-repeat: no-repeat;
}
.stru_tbl_td_color3{
    background: url("../../images/struc_td2.png");
    color: red;
    border-left: 5px solid #ffff;
    background-repeat: no-repeat;
}
.struc-btn{
width: 250px;
}
/*-###################  Shedule -################### -*/
.shedule {
    padding-top: 80px;
    margin-bottom: 100px;
}


.she-heading {
    text-align: center;
    color: #000;
    padding-top: 40px;
    letter-spacing: normal;
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 22pt;
}

.shedule-box {
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
}

.shedule-row {
    padding-left: 15px;
    padding-right: 15px;
}

.shedule-item-box {
    padding-top: 25px;
    padding-bottom: 14px;
    border-bottom: 1px dashed #cbcbcb;

}

.shedule-item-box-1 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.shedule-row {
    padding-right: 0px;
}

.shedule-span {
    color: #ff9c00;
    font-weight: bold;
    font-size: 13px;
}

.shedule-lbl {
    font-weight: 400;
    color: black;
    cursor: pointer;
    width: 100%;
}

.shedule-button-box {
    margin-top: 50px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.shedule-btn {
    background-color: #ffffff !important;
    border: 1px solid #1b90e2 !important;
    color: #1b90e2 !important;
    border-radius: 10px !important;
    font-weight: bold !important;
    font-size: 1rem !important;
    width: 170px;
    text-align: left;
    padding-top: 10px;
}

.shedule-btn:hover {
    box-shadow: 0 0 10px rgba(53, 170, 237, .8);
}

.shedule_right {
    float: right;
}

.she_left {
    margin-top: -3px;
    display: none;
}

/*###############  Understanding ###################*/
.understanding {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #FF791D;
    background-image: -moz-linear-gradient(0deg, rgb(255, 176, 5) 0%, rgb(255, 117, 30) 99%);
    background-image: -webkit-linear-gradient(0deg, rgb(255, 176, 5) 0%, rgb(255, 117, 30) 99%);
    background-image: -ms-linear-gradient(0deg, rgb(255, 176, 5) 0%, rgb(255, 117, 30) 99%);
}

.understanding-al {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #f8c724;
}

.understanding-iframe {
    width: 100%;
    height: 600px;
    margin-top: 30px;
}

.u-box {
    top: 8%;
    width: 100%;
    margin: 0;
}

.sp-heading-detail {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.uv_p {
    margin-top: 5px;
    margin-bottom: 0px;
}

.worry_box1 {
    margin-bottom: 50px;
}

.bl-worry {
    margin-top: 30px;
    margin-bottom: 30px;
    height: 205px;
}

.worry_crd {
    border: 1px solid #FF9C00;
    border-radius: 9px;
}

.worry_crd_header {
    background-color: #FF9C00;
    border-bottom: 1px solid #FF9C00;
    border-radius: 5px 6px 0px 0px;
}

.worry_crd1 {
    border: 1px solid #34a3f1;
    border-radius: 9px;
}

.worry_crd_header1 {
    background-color: #34A3F1;
    border-bottom: 1px solid #34A3F1;
    border-radius: 5px 6px 0px 0px;
}

.worry_main {
    top: -17px;
    position: absolute;
}

.worry_head_p {
    margin-left: 20%;
    font-size: 18px;
    margin-bottom: 0px;
    color: #ffffff;
    line-height: 1.2;
    width: 80%;
    font-weight: 600;
}

.worry_body_txt {
    font-weight: 400;
    height: 95px;
    margin-bottom: 0px;
    line-height: 1.7;
    letter-spacing: normal;
    color: #4c4c4c;
}

/*&&&&&&&&&&&&&&&&&&&&&&&  AFTER LOGIN &&&&&&&&&&&&&&&&&&&&&&&&&&&*/
.new-understanding {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 50px;
    background: #F8C724;
}


.new-u-box {
    top: 8%;
    width: 100%;
    margin: 0;
}

/*#############   Worried  #################*/
.worried-box {
    padding-top: 60px;
    width: 100%;
    margin: 0;
}

.w-container {
    margin-top: 60px;
}

.thinking-2 {
    margin-top: -38px;
}

/*#########SUPPORT RESULT############ */

.sresult-box {
    top: 8%;
    padding-top: 50px;
}

.sresult-box-1 {
    margin-top: 60px;
}

.sresult-card {
    padding: 15px;
    border: 1px solid white;
    box-shadow: 0px 0px 4px #969696;
    padding-bottom: 0px;
    border: none;

}

.sresult-card-body {
    padding: 0px;
    padding-bottom: 20px;
}

.sr-img {
    height: auto;
}

.sresult-card-txt {
    text-align: justify;
    letter-spacing: normal;
    font-size: 15px;
    margin-bottom: 15px !important;
    line-height: 1.3;
    font-weight: 400;
    color: #484848;
    padding-top: 15px;
}

.sresult-footer-txt {
    font-weight: 400;
    letter-spacing: normal;
    color: #222d32;
}

.left_icon {
    width: 46px;
    height: 46px;
    position: relative;
    background: #ff9c00;
    border-radius: 68%;
    text-align: center;
    line-height: 60px;
    position: absolute;
    display: flex;
    align-content: center;
    top: -20px;
    left: 42%;
}

.sresult-span {
    font-size: 26px;
    color: #fff;
    font-weight: 900;
    padding-left: 16px;
    line-height: 1.7;
}

.sr-bottom-img {
    margin-right:0px;
    position: absolute;
    right: 0;
    bottom: 0;

}



/*############### Sign up #############3*/
.signup-box {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #FF791D;
    background: rgb(2, 0, 36);
    background-image: -moz-linear-gradient(0deg, rgb(255, 176, 5) 0%, rgb(255, 117, 30) 99%);
    background-image: -webkit-linear-gradient(0deg, rgb(255, 176, 5) 0%, rgb(255, 117, 30) 99%);
    background-image: -ms-linear-gradient(0deg, rgb(255, 176, 5) 0%, rgb(255, 117, 30) 99%);
}

.signup-head {
    width: 100%;
    display: flex;
    justify-content: center;
}

.signup-top-btn {
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #ff751e !important;
    border-radius: 10px !important;
    font-weight: bolder !important;
    font-size: 1rem !important;
}

.signup-head-btn {
    background-color: #ffffff !important;
    border: 1px solid #ff9c00 !important;
    color: #ff9c00 !important;
    border-radius: 10px !important;
    font-weight: bolder !important;
    font-size: 1.5rem !important;
    text-align: center;
    line-height: 1.2;
    padding: 20px;
    letter-spacing: 2;
}

.signup-head-btn:hover {
    box-shadow: 0 0 10px rgb(240, 120, 82);
}

.signup-button-box1 {
    text-align: right;
    width: 100%;

}

.signup-button-box {
    align-items: center;
    width: 100%;
    justify-content: center;
}

.signup-user-girl {
    margin-right: 60px;
    width: 90px;
}

.signup-user-boy {
    margin-left: 60px;
    width: 90px;
}

.signup-play-img {
    width: 30px;
    height: 30px;
    float: right;
    margin-top: 22px;
    margin-left: 30px;
}

.signup-adviser {
    margin-top: 20px;
    text-align: center;
    font-size: 21px;
}

.adviserLogin-txt, .adviserLogin-txt:hover {
    color: #FFFFFF;
    font-weight: bold;
}

.home-card-main {
    padding-top: 20px;
}

.home-main-video {
    width: 660px;
    margin: 0 auto;
    display: inherit;
    padding-top: 35px;
}

/*********************Search section******************************/
.search-body{
    padding-top: 50px;
}
.searchsec {
    margin-top: 60px;
    margin-bottom: 60px;
}

.search_card {
    border-radius: 0px;
    margin-bottom: 20px;
}

.search_cardbody {
    height: 178px;
}

.search_card_header {
    border-bottom: none;
    height: 60px;
    background-color: #fff;
    padding-top: 0px;
    padding-bottom: 0px;
}

.srch_q_inmg {
    top: 0;
    position: absolute;
    left: 0;
}

.search_head_grid {
    margin-left: 55px;
    height: inherit;
    border-bottom: 1px solid #e3e5ec;
    vertical-align: middle;
    display: inline-table;
    width: -webkit-fill-available;
    top: 0;
    padding-top: 0px;
}
.search_head_p {
    font-size: 16px;
    color: #515151;
    font-weight: 600;
    vertical-align: middle;
    display: table-cell;
}
.search_head_p2 {
    font-size: 16px;
    color: #515151;
    line-height: 1.4;
    font-weight: 600;
    vertical-align: middle;
    display: table-cell;
}

.search_body_p {
    font-weight: 500;
    color: #1b1b1b;
    font-size: 15px;
    margin-block-end: 10px;
    letter-spacing: normal;
    text-align: justify;
    line-height: 1.4;
}


@media screen
and (max-device-width: 1200px) {
    .lg-txt {
        font-size: 28px;
    }
}

/* ----------- Non-Retina Screens ----------- */
@media screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 1) {
    /*Before Login*/
    .banner-sub-bl1 {
        padding-top: 40px;
    }
    .banner-sub-bl2 {
        padding-top: 35px;
    }

    .banner-sub-1 {
        padding-top: 46px;
    }
    .banner-txt {
         font-size: 18px;
     }
    .banner-sub-2 {
        padding-top: 38px;
    }


    /*After Login*/
    .banner-sub {
        padding-top: 60px;
    }
    .lg_al_img {
        height: 370px;
    }
    .lg-txt-div {
        margin-top: 25px;
    }

    .banner-sub-al2 {
        padding-top: 45px;
    }

    .lg-horizn-line {
        left: 98.9%;
        top: 7%;
        height: 85%;
    }

    .banner-btn {
        font-size: 13px !important;
    }

    .home-arrow {
        margin-left: 3px;
        font-size: 18px;
    }

    /********** Section two ************/
    .detail-card-title {
        font-size: 20px;
        letter-spacing: normal;
    }

    /*******Shedule *******/
    .she-heading {
        font-size: 22pt;
    }
}

@media (min-width: 320px) and (max-width: 1199px) {
    .price-img {
        width: 100%;
    }

    .home-main-video {
        width: 100%;
    }

}

@media (min-width: 1025px) and (max-width: 1199px) {
 /*Before Login*/
    .lg_bl_img {
        height: 368px;
    }

    .banner-txt {
        color: #000000;
        font-size: 14px;
    }
    .banner-sub-bl1 {
        padding-top: 45px;
    }
    .banner-sub-bl2 {
        padding-top: 34px;
    }

    .banner-btn {
        font-size: 13px !important;
        padding-left: 5px;
        padding-right: 5px;
    }

    .home-arrow {
        margin-left: 3px;
        font-size: 18px;
    }

    .banner-btn-container {
        padding-right: 5px;
        padding-left: 5px;
    }

    .banner-btn-container1 {
        padding-left: 5px;
        padding-right: 5px;

    }
    /*After Login*/
    .banner-sub {
        padding-top: 60px;
    }
    .lg_al_img {
        height: 320px;
    }
    .lg-txt-div {
        margin-top: 25px;
    }

    .banner-sub-al2 {
        padding-top: 45px;
    }

    .lg-horizn-line {
        left: 98.9%;
        top: 7%;
        height: 85%;
    }


}

@media (min-width: 992px) and (max-width: 1024px) {
    /*Before Login*/
    .lg_bl_img {
        height: 368px;
    }

    .banner-txt {
        font-size: 16px;
    }
    .banner-sub-bl1 {
        padding-top: 45px;
    }
    .banner-sub-bl2 {
        padding-top: 34px;
    }

    .lg-horizn-line {
        left: 99.7%;
        top: 6%;
        height: 333px;
    }

    .banner-btn {
        font-size: 12px !important;
        padding-left: 5px;
        padding-right: 5px;
    }

    .home-arrow {
        margin-left: 3px;
        font-size: 18px;
    }

    .banner-btn-container {
        padding-right: 5px;
        padding-left: 5px;
    }

    .banner-btn-container1 {
        padding-left: 5px;
        padding-right: 5px;

    }


    /*After Login*/
    .banner-sub {
        padding-top: 60px;
    }
    .lg_al_img {
        height: 315px;
    }
    .lg-txt-div {
        margin-top: 25px;
    }

    .banner-sub-al2 {
        padding-top: 28px;
    }
    .lg-txt {
        font-size: 23px;
    }

    .lg-horizn-line {
        left: 98.9%;
        top: 7%;
        height: 85%;
    }
    .detail-card-title-bl {
        font-size: 21px;
    }




    .worry_box1 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .worry_head_p {
        font-size: 15px;
    }

    .worry_main {
        top: -24px;
        left: 10px;
    }
    .search-body {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media  (max-width: 830px) {
    .table_div {
        width: 100%;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    /*Before Login*/
    .lg_bl_img {
        height: 368px;
        width: auto;
    }

    .banner-txt {
        color: #000000;
        font-size: 18px;
    }
    .banner-sub-bl1 {
        padding-top: 45px;
    }
    .banner-sub-bl2 {
        padding-top: 34px;
    }

    .lg-horizn-line {
        left: 99.7%;
        top: 6%;
        height: 333px;
    }

    .banner-btn {
        font-size: 15px !important;
        padding-left: 5px;
        padding-right: 5px;
    }

    .home-arrow {
        margin-left: 3px;
        font-size: 18px;
    }

    .banner-btn-container {
        padding-right: 5px;
        padding-left: 5px;
    }

    .banner-btn-container1 {
        padding-left: 5px;
        padding-right: 5px;

    }

    /*After Login*/
    /*After Login*/
    .banner-sub {
        padding-top: 60px;
    }
    .lg_al_img {
        height: 280px;
        width: auto;
    }
    .lg-txt-div {
        margin-top: 25px;
    }

    .banner-sub-al2 {
        padding-top: 45px;
    }

    .lg-horizn-line {
        left: 98.9%;
        top: 7%;
        height: 85%;
    }
    .banner-btn-al {
        font-size: 13px !important;
        width: 145px;
    }
    .lg-txt {
        font-size: 18px;
    }

    #people {
        margin-top: -33px;
    }


    .detail-card-title {
        font-size: 18px;
        margin-bottom: 10px !important;
    }
    .detail-card-title-bl {
        font-size: 17px;
        margin-bottom: 8px !important;
    }

    .home-card-main {
        padding-top: 22px;
    }

    .detail-card-body {
        height: 192px;
        padding: 10px;
    }

    .detail-card-txt {
        font-size: 14px;
        height: 62px;
    }


    .detail-card-body-bl {
        height: 278px;
        padding-left: 10px;
        padding-right: 10px;

    }
    .detail-card-txt-bl {
        font-size: 13px;
    }
    .sresult-card-body {
        height: auto;
    }
    .sresult-card-txt {
        font-size: 13px;
    }

    .sresult-footer-txt {
        font-size: 12px;
    }


    .she-heading {
        font-size: 18pt;
    }

    .worried-box {
        padding-top: 59px;
    }

    .shedule-row {
        padding-left: 0px;
    }

    .shedule-span {
        font-size: 11px;
    }

    .shedule-lbl {
        font-size: 12px;
    }

    .worry_box1 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .worry_main {
        top: -32px;
        position: absolute;
        left: 4px;
    }

    .worry_head_p {
        font-size: 12px;
        width: 85%;
    }

    .worry_body_txt {
        height: 108px;
        line-height: 1.5;
        font-size: 13px;
    }

    .worry_box1 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .worry_head_p {
        font-size: 14px;
        margin-left: 20%;
        letter-spacing: normal;
    }

    .worry_main {
        top: -25px;
        left: 4px;
    }

    .worry_crd_header {
        height: 60px;
    }

    .bl-worry {
        height: 220px;
    }
    .search_head_p {
        font-size: 15px;
    }

}




@media  (max-width: 727px) {
    .stuc_tbt_th {
        line-height: 1.4;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}



@media only screen and (min-width: 606px) and (max-width: 767px) {
    .bl-heading-detail-c {
        width: 425px;
    }
    .bl-heading-detail-j {
        width: 425px;
    }


    /*Before Login*/

    .lg_bl_img {
        height: auto;
        width: auto;
    }

    .banner-txt {
        color: #000000;
        font-size: 18px;
    }
    .banner-sub-bl1 {
        padding-top: 38px;
        padding-bottom: 20px;
    }
    .banner-sub-bl2 {
        padding-top: 19px;
    }


    .banner-btn {
          font-size: 12px !important;
          padding-left: 5px;
          padding-right: 5px;
      }
    .banner-btn-container {
        padding-right: 5px;
        padding-left: 5px;
        text-align: center;
    }

    .banner-btn-container1 {
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
    }


    /*After Login*/
    .lg-img-1{
        height: auto;
    }
    .banner-sub {
        padding-top: 60px;
    }
    .lg_al_img {
        height: 280px;
        width: auto;
    }
    .lg-txt-div {
        margin-top: 25px;
    }
    .banner-sub-logged {
        padding-top: 30px;
    }
    .banner-sub-al2 {
        padding-top: 45px;
    }

    .lg-horizn-line {
        left: 98.9%;
        top: 7%;
        height: 85%;
    }
    .banner-btn-al {
        font-size: 13px !important;
        width: 145px;
    }
    .lg-txt {
        font-size: 18px;
    }

    .home-arrow {
        margin-left: 3px;
        font-size: 15px;
    }



    .detail-box-1 {
        margin-top: 40px;
    }
    .home-card-main {
        padding-top: 15px;
    }
    .detail-card-title {
        font-size: 22px;
        margin-bottom: 10px !important;
        float: left;
    }

    .d-line-card {
        text-align: left;
        clear: left;
        margin: 0;
    }

    .detail-card-txt {
        margin-top: 15px;
        font-size: 14px;
        height: 68px;
        line-height: 1.3;
        letter-spacing: normal;
        font-weight: 400;
    }

    .detail-card-title-bl {
        text-align: left;
        height: 55px;
        margin-bottom: 10px!important;
        font-size: 20px;
        display: table-cell;
        vertical-align: middle;
    }

    .detail-card-txt-bl {
        margin-top: 15px;
        font-size: 14px;
        height: 71px;
        line-height: 1.4;
        font-weight: 400;
    }
    .detail-card-body-bl {
        float: right;
        position: absolute;
        width: 56%;
        right: 0;
        padding-left: 0px;
        height: 219px;
    }

    .de-img-bl {
        float: left;
        width: 42%;
        height: 212px;
    }

 .de-img {
        float: left;
        width: 45%;
        height: 155px;
    }

    .detail-card-body {
        float: right;
        position: absolute;
        width: 53%;
        right: 0;
        padding-left: 0px;
        height: 195px;
    }


    .detail-card {
        margin-bottom: 25px;
    }

    .shedule {
        padding-top: 50px;
        margin-bottom: 30px;
    }

    .shedule-button-box {
        margin-top: 20px;
        margin-bottom: 65px;
    }

    /*Worried*/
    .w-container {
        margin-top: 20px;
    }

    #people {
        height: auto;
        margin-top: 0px;
    }

    /*S result */
    .sresult-box {
        padding-top: 35px;
    }

    .sresult-card {
        margin-bottom: 40px;
        padding: 0px;
        height: 199px;
    }

    .left_icon {
        left: 18%;
    }

    .sr-img {
        height: inherit;
        width: 45%;
    }

    .sresult-card-body {
        position: absolute;
        right: 5px;
        width: 50%;
    }

    .sresult-card-txt {
        font-size: 15px;
        line-height: 1.5;
        padding-right: 20px;
    }

    .sresult-footer-txt {
        font-size: 14px;
    }

    .sr-bottom-img {
        margin-right:0px;
        position: absolute;
        right: 0;
        bottom: 0;

    }

    /*Sign up*/
    .signup-box {
        padding-top: 40px;
    }


    .signup-user-img {
        margin-right: 0px;
        width: 49px;
        margin-top: -5px;
    }

    .signup-head-btn {
        font-size: 20px !important;
    }

    .signup-play-img {
        margin-top: 5px;
    }

    .signup-user-boy {
        margin-left: 20px;
        width: 80px;
    }

    .signup-user-girl {
        margin-right: 20px;
        width: 80px;
    }

    .worry_box1 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .worry_crd_header {
        height: 70px;
    }

    .worry_head_p {
        margin-left: 15%;
    }

    .worry_crd_header1 {
        height: 70px;
    }

    .worry_main {
        top: -14px;
        position: absolute;
    }

    .worry_body_txt {
        height: auto;
        line-height: 1.5;
    }
    .bl-worry {
        height: auto;
    }

    .search_cardbody {
        height: auto;
    }
}

@media only screen and (min-width: 480px) and (max-width: 605px) {
    .lg-img-1 {
        height: auto;
    }
    .bl-heading-detail-c {
        width: 425px;
        text-align: center;
        margin: 0 auto;
    }
    .uv_p {
        text-align: left;
    }
    .bl-heading-detail-j {
        width: 425px;
        text-align: center;
        margin: 0 auto;
    }
    .lg-horizn-line {
        left: 99.5%;
        top: 6%;
        height: 280px;
    }
    .banner-btn-div {
        padding-bottom: 30px;
    }
    /*Before Login*/

    .lg_bl_img {
        height: auto;
        width: auto;
    }

    .banner-txt {
        color: #000000;
        font-size: 18px;
    }
    .banner-sub-bl1 {
        padding-top: 38px;
        padding-bottom: 20px;
    }
    .banner-sub-bl2 {
        padding-top: 19px;
    }

    .banner-btn {
        font-size: 12px !important;
        padding-left: 5px;
        padding-right: 5px;
    }
    .banner-btn-container {
        padding-right: 5px;
        padding-left: 5px;
        text-align: center;
    }

    .banner-btn-container1 {
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
    }

    .home-arrow {
        margin-left: 3px;
        font-size: 15px;
    }
    /*After Login*/

    .banner-sub {
        padding-top: 60px;
    }
    .lg_al_img {
        height: 280px;
        width: auto;
    }
    .lg-txt-div {
        margin-top: 25px;
    }
    .banner-sub-logged {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .banner-sub-al2 {
        padding-top: 45px;
    }

    .lg-horizn-line {
        left: 98.9%;
        top: 7%;
        height: 85%;
    }
    .banner-btn-al {
        font-size: 13px !important;
        width: 145px;
    }
    .lg-txt {
        font-size: 18px;
    }
    .home-arrow-lg {
        margin-top: 0px;
        float: right;
        width: 18px;
    }


    .detail-box-1 {
        margin-top: 28px;
    }

    .heading-detail {
        font-weight: 500;
    }

    .detail-card-title {
        font-size: 17px;
        margin-bottom: 10px !important;
        float: left;
    }

    .home-card-main {
        padding-top: 20px;
    }

    .d-line-card {
        text-align: left;
        clear: left;
        margin: 0;
    }

    .detail-card-txt {
        margin-top: 9px;
        font-size: 13px;
        height: 27px;
        line-height: 1.3;
        letter-spacing: normal;
    }

    .de-img {
        float: left;
        width: 42%;
        height: 154px;
    }


    .detail-card-body {
        float: right;
        position: absolute;
        width: 54%;
        right: 0;
        padding-left: 0px;
        height: 195px;
    }

    .detail-card {
        margin-bottom: 25px;
    }
    .de-img-bl {
        float: left;
        width: 42%;
        height: 223px;
    }
    .detail-card-title-bl {
        text-align: left;
        height: fit-content;
        margin-bottom: 10px!important;
        font-size: 17px;
    }

    .detail-card-txt-bl {
        margin-top: 15px;
        font-size: 14px;
        height: 75px;
        line-height: 1.3;
    }
    .detail-card-body-bl {
        float: right;
        position: absolute;
        width: 57%;
        right: 0;
        padding-left: 0px;
        height: 219px;
    }


    .shedule {
        padding-top: 50px;
        margin-bottom: 30px;
    }

    .shedule-button-box {
        margin-top: 20px;
        margin-bottom: 65px;
    }

    /*Worried*/
    .w-container {
        margin-top: 20px;
    }

    #people {
        height: auto;
        margin-top: 0px;
    }

    /*S result */
    .sresult-box {
        padding-top: 35px;
    }

    .sresult-card {
        margin-bottom: 40px;
        padding: 0px;
        height: 180px;
    }

    .left_icon {
        left: 18%;
    }

    .sr-img {
        height: 180px;
        width: 44%;
    }

    .sresult-card-body {
        position: absolute;
        right: 0px;
        width: 54%;
    }

    .sresult-card-txt {
        font-size: 13px;
        line-height: 1.5;
        padding-right: 5px;
    }

    .sresult-footer-txt {
        font-size: 13px;
    }



    /*Sign up*/
    .signup-box {
        padding-top: 40px;
    }


    .signup-user-img {
        margin-right: 0px;
        width: 49px;
        margin-top: -5px;
    }

    .signup-head-btn {
        font-size: 20px !important;
    }

    .signup-play-img {
        margin-top: 5px;
    }

    .signup-button-box1 {
        text-align: center;
        margin-bottom: 20px;
    }

    .signup-button-box {
        text-align: center;
    }

    .signup-user-boy {
        margin-left: 20px;
        width: 70px;
    }

    .signup-user-girl {
        margin-right: 20px;
        width: 70px;
    }

    .worry_box1 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .worry_crd_header {
        height: 70px;
    }

    .worry_head_p {
        margin-left: 19%;
        font-size: 15px;
    }

    .worry_crd_header1 {
        height: 70px;
    }

    .worry_main {
        top: -14px;
        position: absolute;
    }

    .worry_body_txt {
        height: auto;
        line-height: 1.5;
    }
    .bl-worry {
        height: auto;
    }

    .search_cardbody {
        height: auto;
    }

    .worry_box1 {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .ul {
        margin: 0 auto;
        width: 100%;
    }

    .ul-2 {
        float: none;
    }

    .lg-horizn-line {
        left: 99.5%;
        top: 6%;
        height: 228px;
    }


    .lg_bl_img {
        height: auto;
        width: auto;
    }

    .banner-txt {
        color: #000000;
        font-size: 20px;
    }
    .banner-btn-div {
        padding-bottom: 30px;
    }
    .banner-sub-bl1 {
        padding-top: 38px;
        padding-bottom: 20px;
    }
    .banner-sub-bl2 {
        padding-top: 19px;
    }

    .banner-btn {
        font-size: 14px !important;
        padding-left: 5px;
        padding-right: 5px;
    }
    .banner-btn-container {
        padding-right: 5px;
        padding-left: 5px;
        text-align: center;
    }

    .banner-btn-container1 {
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
    }

    .home-arrow-lg {
        float: right;
        margin-top: 1px;
        width: 14px;
    }

    /*After Login*/
    .lg-img-1{
        height: auto;
    }
    .banner-sub {
        padding-top: 60px;
    }
    .lg_al_img {
        height: 280px;
        width: auto;
    }
    .lg-txt-div {
        margin-top: 25px;
    }
    .banner-sub-logged {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .banner-sub-al2 {
        padding-top: 30px;
    }

    .lg-horizn-line {
        left: 98.9%;
        top: 7%;
        height: 85%;
    }
    .banner-btn-al {
        font-size: 11px !important;
        width: 132px;
    }
    .lg-txt {
        font-size: 18px;
    }

    .lg-txt-div {
        margin-top: 18px;
    }

    .bl-heading-detail-c {
        width: 270px;
        font-size: 12px;
    }
    .bl-heading-detail-j {
        width: 270px;
        font-size: 12px;
    }


    /********** Section two ************/
    #city {
        padding-bottom: 15px;
    }

    .detail-box-1 {
        margin-top: 40px;
    }

    .detail-card-title-bl {
        font-size: 20px;
        margin-bottom: 10px !important;
    }
    .detail-card-title {
        font-size: 22px;
    }

    .detail-card-txt {
        margin-top: 15px;
        font-size: 14px;
        height: 50px;
        line-height: 1.3;
    }

    .de-img {
        height: 140px;
    }
    .de-img-bl {
        height: 140px;
    }

    .detail-card-body {
        height: 187px;
    }

    .detail-card {
        margin-bottom: 20px;
    }

    .home-card-main {
        padding-top: 25px;
    }

    #wh {
        font-size: 15pt;
    }

    .flowchart {
        padding-top: 30px;
    }

    .flowchart-2 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .stuc_tbt_th {
        line-height: 1.3;
        font-size: 11px;
        letter-spacing: -0.9px;
    }
    .she-heading {
        padding-top: 16px;
        font-size: 16pt;
    }

    .shedule-btn {
        font-size: 12px !important;
        width: 136px;
    }

    .shedule-button-box {
        margin-bottom: 50px;
    }

    .thinking-1 {
        width: 270px !important;
    }

    .thinking-2 {
        margin-top: 0px !important;
        width: 200px;
    }

    .thinking-3 {
        width: 232px !important;
        margin-top: 25px;
    }

    #people {
        margin-top: 0px;
    }

    .sresult-box {
        padding-top: 35px;
    }

    .s-line {
        margin-left: 43.5%;
        margin-right: 43.5%;
    }

    .sresult-card {
        margin-bottom: 40px;
    }

    .sr-img {
        height: 160px;
    }

    .sresult-card-txt {
        font-size: 14px;
        line-height: 1.5;
    }

    .sresult-footer-txt {
        font-size: 12px;
    }

    /*Sign up*/
    .signup-box {
        padding-top: 40px;
    }

    .signup-button-box1 {
        text-align: right;
        width: 100%;
        margin-bottom: 20px;
    }

    .signup-user-img {
        margin-right: 0px;
        width: 49px;
    }

    .signup-head-btn {
        font-size: 11px !important;
        width: 100%;
    }

    .signup-play-img {
        margin-top: 10px;
    }

    .new_v {
        padding-top: 60px;
    }

    .signup-user-boy {
        margin-left: 10px;
        width: 50px;
    }

    .signup-user-girl {
        margin-right: 10px;
        width: 50px;
    }

    .signup-adviser {
        font-size: 14px;
    }

    .worry_box1 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .worry_crd_header {
        height: 70px;
    }
    .w-container {
        margin-top: 20px;
    }

    .worry_head_p {
        margin-left: 26%;
        font-size: 15px;
    }

    .worry_crd_header1 {
        height: 70px;
    }

    .worry_main {
        top: -14px;
        position: absolute;
        left: 5;
    }
    .bl-worry {
        height: auto;
    }
    .worry_body_txt {
        height: auto;
        line-height: 1.5;
    }

    .search_cardbody {
        height: auto;
    }

    .worry_box1 {
        margin-bottom: 20px;
    }
    .search_head_p {
        font-size: 13px;
    }
    .search_body_p {
        font-size: 12px;
    }
    .detail-card-txt-bl {
        height: 130px;
    }




}