@media only screen and (max-width: 768px) {
    #inner_agentLodge h2{
        font-size: 20px;
        /* margin-top: 10%; */
    }

    #agentLodge_h2{
        margin-top: 30%;
    }

    .responsive{
        width: 90%;
        margin: 2% 5%;
    }

    .main_index h1{
        font-size: 30px;
    }

    .main_index > p{
        font-size: 13px;
        margin-top: 2.5%;
    }

    #access_page{
        padding-right: 2.5px;
    }

    #access_page > p{
        font-size: 13px;
        word-spacing: 1px;
        text-align: center;
    }
    
    .index_container h1{
        margin-top: 7%;
    }

    #main_index_body{
        /* border: 1px solid green; */
        width: 90%;
        margin-top: 10%;
    }

    #main_index_body > p{
        /* border: 1px solid red; */
        font-size: 13px;
        text-align: left;
    }

    #main_index_form .inputBox{
        /* border: 1px solid white; */
        width: 90%;
        margin: 0 auto;
    }

    #main_index_form .inputBox > label{
        font-size: 15px;
        /* text-align: left; */
        margin-left: 0;
    }

    #main_index_form .inputBox select{
        /* margin: 4% 0; */
        width: 70%;
    }

    #main_index_footer > h2{
        font-size: 18px;
        margin-top: 5%;
        /* text-shadow: none; */
    }

    .index_scroll > h3{
        font-size: 16px;
    }


    /******************** WORK LODGE SEARCH PAGE ********************/
    .fromIndex_lodge{
        height: inherit;
        padding-bottom: 20px;
    }

    .fromIndex_lodge h2{
        font-size: 25px;
    }

    .frmIndex_back{
        margin-right: 5%;
    }

    .fromIndex_cover{
        /* border: 1px solid red; */
        width: 90%;
    }

    #frmIndex_form{
        display: block;
    }

    #frmInd_left_form, #frmInd_right_form{
        /* border: 1px solid red; */
        width: inherit;
    }

    .fromIndex_cover .inputBox{
        /* border: 1px solid red; */
        width: 75%;
    }

    .fromIndex_cover fieldset{
        width: 85%;
        margin: 8% auto 0;
    }

    .fromIndex_cover fieldset legend{
        /* border: 1px solid black; */
        margin-left: 10%;
    }

    .index_lodge{
        width: 49.8%;
    }

    .index_lodge{
        float: left;
        height: 30%;
    }

    .index_lodge img{
        width: 150px;
        height: 150px;
    }

    #index_lodge_wrapper{
        margin-top: 10%;
    }

    #index_lodge_wrapper h4{
        font-size: 18px;
    }

     #index_lodge_box{
        display: flex;
        flex-direction: row;
    }

        /****** WORKER PAGE CODE ******/
    .top_header{
        height: 100px;
    }

    .top_header p, .top_header h1{
        font-size: 28px;
        margin-bottom: 3%;
    }

    .top_header ul li{
        font-size: 12px;
    }

    #work_lodge_wrapper{
        /* border: 1px solid red; */
        height: 565px;
    }

    #work_lodge_box{
        height: 546px;
        overflow-y: scroll;
    }

    #work_box{
        /* border: 1px solid blue; */
        margin-top: 5%;
        width: 80%;
    }

    #work_form_box{
        display: block;
    }

    #left_formBox, #right_formBox{
        border-bottom-right-radius: 15px;
        box-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
    }

    #right_formBox{
        /* border: 1px solid red; */
        margin-top: 10%;
        margin-left: 0;
    }


    /******************* INDEX NAV CODE *******************/
    #header{
        height: 125px;
    }

    .index_nav{
        display: block;
    }

    .left_nav{
        display: none;
    }

    .right_nav{
        width: 100%;
    }

    .admin_nav{
        margin-top: 3%;
    }

    .admin_nav ul li{
        font-size: 10px;
    }

    #dispatch_list{
        top: 198;
    }

    /***** STATISTIC *****/
    #stat_wrapper h2{
        margin-top: 2%;
    }

    #statBox{
        width: 100%;
        margin: 0 0 17.5%;
    }

    .user_stat, .user_stats{
        width: 70%;
        margin: 0 auto;
        box-shadow: none;
    }

    #inst_stat{
        margin-right: .5%;
    }

    #otherStat{
        margin-left: .5%;
    }

    .user_stat p, .user_stats p{
        padding-left: 15px;
        font-size: 13px;
    }

    .stat_tally table{
        margin-left: 0;
        width: 100%;
    }

    .stats_tally table{
        width: 50%;
    }

    .stat_tally table tr td, .stats_tally table tr td{
        font-size: 12px;
        padding: 7px;
    }

    #output_val{
        margin-top: 10%;
    }

    #per_inst_stat{
        position: absolute;
        top: 530;
        left: 25;
        width: 90%;
    }

    #per_inst_stat .inputBox{
        width: 80%;
        margin-top: 5%;
    }

    #inst_submit_div{
        margin: 10% 0 .1%;
    }

    #report_table{
        width: 100%;
        overflow: auto;
    }

    #inner_table{
        margin-right: 3%;
    }

    .index_side_nav{
        display: none;
    }

    /********************* LOGIN CODE *********************/
    #log_wrapper, #adm_log_box{
        /* border: 1px solid blue; */
        width: 80%;
        margin-top: 5%;
    }

    #log_box h2, #adm_log_box h2{
        font-size: 25px;
    }

    #inner_log .inputBox label, #adm_inner_log .inputBox label{
        font-size: 16px;
    }

    #login_list ul li{
        font-size: 12px;
        letter-spacing: 3px;
        line-height: 20px;
    }

        /***** FORGET PASSWORD OVERLAY *****/
    #forget_wrapper{
        /* border: 1px solid blue; */
        height: 520px;
    }

    #forget_box{
        display: flex;
        justify-content: center;
    }

    #forget_box h2{
        font-size: 25px;
    }

    #newPass > h2{
        font-size: 20px;
    }

    .forgetBox{
        /* border: 1px solid blue; */
        width: 80%;
        margin: 7% auto;
    }

    .forgetBox .inputBox{
        margin-top: 4%;
    }

    /********************* REGISTER CODE *********************/
    #reg_box{
        /* border: 1px solid red; */
        width: 90%;
        margin: 4% auto;
    }

    #reg_box p{
        line-height: 2;
    }

    #reg_leftRight, #top_reg, #bottom_reg{
        display: block;
    }

    #top_reg{
        border-bottom: 1px solid white;
    }

    #top_left_reg, #top_middle_reg, #top_right_reg,
    #bottom_left_reg, #bottom_middle_reg, #bottom_right_reg{
        border: none;
        width: 90%;
        margin: 0 auto;
    }

    #reg_leftRight .inputBox{
        width: 100%;
    }

    #reg_leftRight .inputBox p{
        font-size: 11px;
    }


        /********************* ABOUT US CODE *********************/
    #about_page, #contact_page{
        width: 95%;
        margin: 10% auto;
    }

    #about_page{
        margin-top: 25%;
    }

    .inner_aboutBody{
        display: block;
        margin-bottom: 2%;
    }

    .inner_aboutBody a{
        margin-bottom: 1%;
    }

    .first_item, .second_item, .third_item{
        width: 90%;
        margin: 4% auto;
    }

    .first p, .about_body_bottom p{
        font-size: 14px;
    }

    #inner_main_aboutPage{
        width: 90%;
    }

    .first img{
        width: 40%;
        margin-left: 30%;
    }

    .main_page_item{
        display: block;
        width: 100%;
        margin-left: 0;
    }

    .main_page_item img{
        width: 35%;
        margin-left: 32.5%;
        margin-bottom: 4%;
        float: none;
    }

    .abt_p2{
        text-indent: 30px;
        padding-left: 0;
    }

    .main_abt_p{
        margin-left: 0;
    }

    #inner_aboutBody{
        margin-top: 8%;
    }

    #inner_aboutBody h2{
        margin-left: 0;
    }

    #contact{
        margin-left: 0;
    }

    .about_us h2, #main_page_about h2, #contact_page h2{
        font-size: 25px;
    }

    /********************* CONTACT US CODE *********************/
    #contact_box{
        display: block;
    }

    #contactBox{
        width: 80%;
        margin: 1% auto 2%;
    }

    #contact_us{
        border: none;
        box-shadow: none;
        width: 80%;
        height: 160px;
        margin: 10% auto 4%;
    }

    #contact ul li{
        font-size: 13px;
    }

    #contactBox .inputBox{
        margin-bottom: 5%;
    }

    #contactBox .inputBox label{
        margin-left: 10%;
    }

    #contactBox .inputBox input, #contactBox .inputBox select{
        width: 80%;
        margin-left: 10%;
    }

    #reportBox{
        /* border: 1px solid red; */
        width: 100%;
    }

    #work_report_box{
        /* border: 1px solid red; */
        width: 100%;
    }

    #work_report_box .inputBox input{
        width: 70%;
        margin: 5% 15%;
    }

    /******************* AGENT CODE *******************/
    #stud_lists{
        /* border: 1px solid red; */
        position: absolute;
        top: 120;
        left: 340;
        border-radius: 5px;
        background-color: green;
        display: none;
    }

    #buy_search_body{
        width: 80%;
        margin: 2% 0 3% 15%;
    }

    #buy_search_form .inputBox{
        margin-right: 10%;
    }

    #buy_search_form .inputBox select{
        padding: 5px;
        width: 100%;
    }

    #buy_search_form input[type="submit"]{
        padding: 3;
        /* margin-top: 7%; */
    }

    #stud_lists li{
        /* border: 1px solid red; */
        border: none;
        border-radius: 0;
        font-weight: bold;
        display: block;
        text-align: center;
        width: 100%;
    }

    #stud_lists li{
        border-bottom: 1px solid white;
    }

    #stud_lists li:nth-child(2){
        margin-bottom: 2%;
    }

    #upload_box h2{
        margin-top: 3%;
        font-size: 25px;
    }

    #uploadBox{
        width: 100%;
    }

    #inner_lodge .inputBox span{
        font-size: 13px;
    }

        
        /**************** STUDENT CODE ****************/
    .ticket_searchBox .inputBox input, .ticket_form .inputBox select,
    .ticBox button{
        padding: 5px;
    }

    .wel_box h2{
        margin-top: 1%;
        font-size: 20px;
    }

    .wel_box p{
        font-size: 15px;
    }

    .wel_box > ul{
        margin: 2% 4%;
    }

    .wel_box ul li{
        font-size: 13px;
        margin-top: 5%;
    }

    .wel_box ul li:nth-child(1){
        margin-top: 5%;
    }

    .wel_box ul .li{
        letter-spacing: 3px;
        text-align: justify;
        line-height: 20px;
    }

    #wel_box{
        height: 448px;
        margin-top: 8%;
    }

    .selfcon_box{
        height: inherit;
    }

    .selfcon_box h2{
        margin-top: 2%;
        font-size: 17px;
    }
    
    #testimony{
        width: 100%;
    }

    .testimony_box{
        width: 95%;
    }

    .user_testimony{
        width: 100%;
        margin-top: 4%;
    }

    .user_image_box img{
        height: 80px;
    }
    
    .dashboard_testimony_box h2{
        font-size: 17px;
    }

    .testimony_formBox{
        width: 100%;
        margin-bottom: 10%;
    }

    .testimony_formBox .inputBox input{
        width: 60%;
    }

    .stud_responsive{
        /* border: 1px solid red; */
        width: 50%;
        margin: 6px 0;
    }

    .stud_responsive{
        /* border: 1px solid red; */
        width: 100%;
    }

    /******************* ADMIN CODE *******************/
    .adm_order_res, .sub_order_res{
        width: 90%;
        margin: 2% 5%;
    }

    #order_wrapper, #sub_order_wrapper{
        border-top: 1px solid rgba(8, 77, 34, .5);
        height: 580px;
    }

    #order_wrapper h2, #sub_order_wrapper h2{
        font-size: 25px;
        margin-top: 2%;
    }

    #sub_order_box{
        height: 500px;
    }

    .inner_img{
        width: 100%;
    }

    .inner_img > a{
        width: 70%;
    }

    #adm_sett_wrapper{
        height: 565px;
    }

    .adm_updBox{
        width: 100%;
    }

    .adm_deliveryBox{
        /* border: 1px solid red; */
        width: 95%;
        margin: 0 auto;
    }

    .delivery_box h2{
        /* border: 1px solid blue; */
        font-size: 25px;
        margin-top: 3%;
    }

    .delivery_table{
        height: 480px;
        margin-bottom: 4%;
    }

    .delivery_table table tr td{
        padding: 8px;
        font-size: 12px;
    }

    table th{
        font-size: 12px;
    }

    table td, table td button{
        font-size: 10px;
    }

    #sub_adm_body{
        height: 565px;
    }

    #sub_report_wrapper, #sub_contact_wrapper{
        height: 464px;
    }

    #sub_report_wrapper{
        height: 550px;
    }

    #sub_report_inner_wrap{
        height: inherit;
    }

    #adm_contactBox, #adm_reportBox, #sub_contactBox, #sub_reportBox{
        border-top: 1px solid gray;
        margin-bottom: 3%;
        width: 95%;
    }

    #contact_table, #report_table{
        /* border: 1px solid red; */
        /* height: 552px; */
        overflow: auto;
    }

    #contact_table table, #report_table table{
        width: 95%;
        margin: 3% auto;
    }

    /********** ADD/DROP PAGE **********/
    #addDrop_wrapper{
        height: inherit;
    }

    .add_drop_box{
        display: block;
        margin-top: 5%;
    } 

    .add_drop_box h2{
        font-size: 20px;
    }

    .add_wrapper, .drop_wrapper, #sub_drop_wrapper{
        width: 100%;
    }

    .add_wrapper{
        margin-left: 0;
        overflow: inherit;
    }

    #adm_add_wrap{
        width: 100%;
    }

    .addBox{
        margin: 3% 0 3%;
    }

    .add_left, .add_right{
        width: 50%;
        margin-left: 1%;
    }

    #addBox .inputBox{
        width: 70%;
    }

    .addBox .inputBox label{
        font-size: 15px;
        margin-left: 5%;
    }

    .addBox .inputBox input, .addBox .inputBox select, .dropBox .inputBox select{
        width: 90%;
        margin-left: 5%;
        padding: 10px;
    }

    .addBox .inputBox input[type="file"]{
        padding: 10px;
    }

    .drop_wrapper{
        margin-top: 0;
    }

    #sub_drop_wrapper{
        /* border: 1px solid red; */
        height: 531px;
    }

    #sub_dropWrapper{
        /* border: 1px solid blue; */
        width: 80%;
        margin: 10% auto;
    }

    .drop_box{
        margin-top: 5%;
        margin-bottom: 10%;
    }

    #addDrop_adm, #addDrop_msg{
        /* border: 1px solid red; */
        width: 95%;
        margin: 0 auto;
    }

    .dropBox .inputBox label{
        margin-left: 20%;
    }

    .dropBox .inputBox select{
        width: 60%;
        margin-left: 20%;
    }

            /***** REPLY CODE *****/
    #contact_wrapper h2, #report_wrapper h2{
        font-size: 20px;
    }

    .no_reply{
        margin: 2%;
    }

    .adm_msg_reply, .attach_box{
        width: 90%;
        top: 160;
        left: 20;
    }

    .adm_msg_reply{
        height: 500px;
    }

    .cls_msg button{
        font-size: 17px;
    }

    .inner_msg_reply{
        border: none;
        width: 90%;
        margin-bottom: 10%;
    }

    #attachBox, #sub_attachBox{
        width: 90%;
        margin-top: 2%;
    }

    .cls_attach{
        margin-right: 5%;
    }

    #lodgeSearch_box{
        width: 80%;
        margin-top: 3%;
    }

    #lodgeSearch_box h2{
        font-size: 20px;
    }

    .stud_lodge_res{
        width: 90%;
        margin-left: 5%;
    }

    .stud_placeOrder, .stud_cat_placeOrder{
        width: 95%;
        top: 150;
        left: 0;
        margin-left: 1%;
    }

    #reverse{
        margin: 2%;
    }

    #reverse a{
        font-size: 20px;
        margin-left: 90%;
    }

    .stud_cat_placeOrder{
        top: 10;
        left: 10;
    }

    #order_placed{
        width: 90%;
        top: 250;
        left: 20;
    }

    #cat_order_placed{
        width: 90%;
        top: 150;
        left: 20;
    }

    .inner_placed{
        width: 100%;
    }

    .inner_placed h3{
        font-size: 18px;
        line-height: 2;
    }

    .stud_goBack{
        width: 10%;
    }

    .lodge_otherView_res, .stud_placeOrder_res{
        width: 75%;
        margin: 6px auto 6%;
    }

    .stud_placeOrder_res{
        width: 99%;
        margin: 0 auto;
    }

    #inner_studLodge h2{
        font-size: 25px;
    }

    .inspec_info p{
        font-size: 12px;
    }

    .wls_back{
        /* border: 1px solid red; */
        margin-right: 5%;
    }

    .wls_back a{
        margin: 4% 0 1%;
        padding: 7px 15px;
    }

    .search_wrapper{
        height: 850px;
    }

    #inner_studLodge{
        height: inherit;
    }

    .stud_otherView{
        /* border: 1px solid red; */
        background-color: rgba(0, 0, 0, .2);
        position: absolute;
        top: 150;
        left: 0;
        width: 100%;
        height: auto;
        overflow: auto;
    }

    #book_day{
        font-size: 13px;
    }

    .lodge_innerImg:nth-child(1){
        margin-top: 2%;
    }

    .descs > table{
        width: 100%;
    }

    .descTab{
        width: 61%;
        padding-left: 5px;
    }

    .descs > table tr td{
        font-size: 13px;
    }

    .buy_sell_box h2{
        font-size: 22px;
    }

    .buy_sell_box fieldset:nth-child(2), .buy_sell_box fieldset:nth-child(3){
        margin-top: 5%;
    }

    .buySell_box{
        height: 20%;
    }

    div.desc span, div.desc, div.des{
        font-size: 15px;
    }

    #placed{
        /* border: 1px solid red; */
        width: 30%;
        margin: 3% auto;
    }

    #sell_wrapper h2{
        font-size: 20px;
    }

    #sell_box{
        background: rgb(8, 77, 34, .5);
        width: 90%;
        margin: 5% auto;
    }

    #sell_leftRight{
        display: block;
    }

    #sell_left, #sell_right{
        width: 90%;
        margin: 0 auto;
    }

    #sell_left{
        margin-left: 5%;
    }

    #sell_box .inputBox label{
        font-size: 15px;
    }

    .goBack{
        margin: 6% 0 3%;
    }

    #bottom_sell_box{
        margin-bottom: 6%;
    }

    .set_box, #set_box{
        /* border: 1px solid blue; */
        /* border: none; */
        width: 80%;
        margin: 5% 3% 7.3%;
    }

    #inner_lodge{
        display: block;
        margin: 0 auto;
    }

    #left_upload, #right_upload{
        margin: 0 auto;
        width: 80%;
    }

    #innerLodge input[type="submit"]{
        margin: 5% 37% 8%;
    }

    #upload_wrapper{
        height: auto;
    }

    #pics_upload h2{
        font-size: 25px;
    }

    .pics_upldBox{
        width: 90%;
        margin: 0 auto;
    }

    .hideView{
        margin-top: 5%;
        margin-right: 8%;
        margin-bottom: 2%;
    }

    .hideView p{
        font-size: 15px;
        padding: 7px 15px;
    }

    .view_upload .inputBox input[type="text"], .view_upload .inputBox input[type="password"]{
        padding: 8px;
    }

    .submit_box input{
        margin-top: 5%;
    }

    .view_upload .inputBox label{
        font-size: 15px;
    }

    .view_upload .inputBox input[type="submit"], .submit_box input{
        font-size: 15px;
        padding: 8px;
    }

    .delivery_form_box, .wk_delivery_form_box{
        width: 95%;
        margin-left: 0;
    }

    .dir_click{
        font-size: 12px;
        margin-top: 1%;
        margin-bottom: 1%;
    }

    .delivery_leftRight .inputBox input{
        width: 100%;
        margin: 3% 0;
    }

    .delivery_leftRight{
        display: block;
    }

    .delivery_left_field, .delivery_right_field{
        /* border: 1px solid red; */
        width: 80%;
        margin: 1% auto;
        padding-right: 20px;
    }

    .delivery_right_field{
        margin-top: 7%;
    }

    .inner_confirm_delivery{
        width: 100%;
    }

    .places{
        margin-top: 1%;
    }

    .places .inputBox{
        width: 60%;
    }

    .delivery_confirm_table{
        height: 460px;
    }

    /********** DISPATCH CODE **********/
    #dispatch_header ul{
        margin-top: 2%;
    }

    .date_dir{
        margin: 1.5% 0 1%;
    }

    .date_dir h2, .date_dir span{
        font-size: 15px;
    }

    #inner_dispatch_task{
        height: inherit;
    }

    .inner_dispatch_box{
        height: inherit;
    }

    .inner_dispatch{
        width: 90%;
        margin: 1% 5% 1%;
    }

    .left p, .right p, #p_receipt p{
        font-size: 12px;
        line-height: 15px;
    }

    #err{
        margin-top: 7%;
        font-size: 18px;
    }

    #dated{
        font-size: 20px;
    }

    #dispatch_record_wrapper{
        height: inherit;
    }

    #inner_record_wrapper{
        height: inherit;
    }

    #dispatch_record_wrapper .inputBox select{
        padding: 5px 10px;
    }

    #form_bottom input[type="submit"]{
        padding: 5px 10px;
    }

    #dispatch_setting_wrapper{
        /* border: 1px solid red; */
        display: block;
    }

    .dis_updBox{
        width: 90%;
        margin: 4% auto;
    }

    .dis_setBox{
        width: 90%;
        margin: 0 auto;
        padding-bottom: 20px;
    }

    .bank_details_wrapper{
        width: 90%;
        margin: 10% auto;
    }

    #bank_box{
        width: 95%;
        margin: 0 auto;
    }

    #bank_box .inputBox{
        width: 90%;
    }

    #stud_setting{
        /* border: 1px solid red; */
        width: 80%;
    }

    /********** PAYMENT CODE **********/
    .pay_hideView{
        margin-top: 3%;
    }

    .inner_payment h2{
        font-size: 25px;
    }

    .inner_payment{
        margin-top: 6%;
    }

    #order_payment_details{
        /* border: 1px solid red; */
        width: 93%;
        display: block;
    }

    #order_payment_details table tr td{
        /* border: 1px solid red; */
        font-size: 12px;
        padding: 15px;
    }

    #item_image{
        /* border: 1px solid red; */
        margin-top: 2%;
        display: block;
    }

    .orderImg{
        /* height: 210px; */
        width: 100%;
    }

    #pay_details{
        display: flex;
        justify-content: center;
        width: 95%;
        margin-left: 2.5%;
    }

    #pay_details table{
        border: 1px solid white;
    }

    #pay_details td, #order_payment_details td{
        font-size: 12px;
    }

    #pay_details .info{
        width: 30%;
        padding-left: 10px;
    }

    .pay_btn_box{
        margin: 7% 5%;
    }

    #confirm_reg_box{
        height: 560px;
    }

    #confirm_regBox h2{
        margin-top: 2%;
        font-size: 20px;
    }

    #confirm_regBox p{
        font-size: 14px;
    }

    .adm_verify_box p{
        font-size: 22px;
        margin-top: 2%;
    }

    .inner_verify_box{
        width: 98%;
    }

    .iframe iframe{
        /* border: 1px solid red; */
        width: 95%;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    #message_list, #add_drops_sublist, #set_sublist, #verify_sublist{
        top: 95;
    }

    #stat_box{
        margin-top: .5%;
    }
    
    .user_stat p{
        padding-left: 15px;
        font-size: 13px;
    }

    .stat_tally table{
        margin-left: 5%;
        width: 90%;
    }

    .stat_tally table tr td{
        font-size: 12px;
        padding: 7px;
    }

    #output_val{
        margin-top: 5%;
    }

    #per_inst_stat{
        position: absolute;
        top: 550;
        left: 35;
        width: 90%;
    }

    #per_inst_stat .inputBox{
        width: 70%;
    }

    #inst_submit_div{
        margin: 8% 0 .1%;
    }

    .main_index h1{
        font-size: 35px;
    }

    .main_index > p{
        font-size: 15px;
        margin-top: 2.5%;
    }

    #access_page{
        padding-right: 2.5px;
    }

    #access_page > p{
        font-size: 14px;
        word-spacing: 1px;
        text-align: center;
    }

    #main_index_body{
        width: 75%;
    }

    #main_index_body > p{
        font-size: 14px;
        /* margin-left: 1%; */
    }

    #main_index_form{
        /* border: 1px solid red; */
    }

    #main_index_form .inputBox{
        width: 80%;
        margin: 0 auto;
    }

        /***************** WORK LODGE SEARCH PAGE *****************/
    .fromIndex_lodge h2{
        font-size: 25px;
    }

    .frmIndex_back{
        margin-right: 5%;
    }

    .fromIndex_cover{
        /* border: 1px solid red; */
        width: 60%;
    }

    #frmIndex_form{
        display: block;
    }

    #frmInd_left_form, #frmInd_right_form{
        /* border: 1px solid red; */
        width: inherit;
    }

    .fromIndex_cover .inputBox{
        /* border: 1px solid red; */
        width: 70%;
    }

    .fromIndex_cover fieldset{
        width: 75%;
        margin: 8% auto 0;
    }

    .fromIndex_cover fieldset legend{
        /* border: 1px solid black; */
        margin-left: 10%;
    }
    
    .index_lodge img{
        width: 200px;
        height: 200px;
    }

    #index_lodge_wrapper p{
        /* border: 1px solid red; */
        font-size: 18px;
    }

        /****************** LOGIN CODE ******************/
    #log_wrapper, #adm_log_box{
        width: 55%;
        margin-top: 3%;
    }

    #log_box h2, #adm_log_box h2{
        font-size: 25px;
    }

    #login_list ul li{
        font-size: 13px;
        letter-spacing: 3px;
        line-height: 2;
    }

    /***** FORGET PASSWORD OVERLAY *****/
    #forget_wrapper{
        height: 540px;
    }

    #forget_box{
        display: flex;
        justify-content: center;
    }

    #forget_box h2{
        font-size: 25px;
    }

    #newPass > h2{
        margin-top: 10%;
        font-size: 20px;
        text-align: center;
    }

    .forgetBox{
        width: 55%;
        margin: 2% auto;
    }

    .forgetBox .inputBox{
        margin-top: 3%;
    }

        /****************** REGISTER CODE ******************/
    #reg_box{
        width: 90%;
        margin: 4% auto;
    }

    #reg_box p{
        line-height: 2;
    }

    #reg_leftRight, #top_reg, #bottom_reg{
        display: block;
    }

    #reg_leftRight{
        width: 70%;
        margin: 0 auto;
    }

    #top_reg, #bottom_reg{
        /* border: 1px solid green; */
        width: 100%;
        /* margin: 0 auto; */
    }

    #top_reg{
        border-bottom: 1px solid white;
    }

    #top_left_reg, #top_middle_reg, #top_right_reg,
    #bottom_left_reg, #bottom_middle_reg, #bottom_right_reg{
        border: none;
        width: 90%;
        margin: 0 auto;
    }

    #reg_leftRight .inputBox{
        width: 100%;
    }

    #reg_leftRight .inputBox p{
        font-size: 11px;
    }

    #about_page, #contact_page{
        width: 95%;
        margin: 0 auto;
    }

    .about_body_bottom p{
        font-size: 15px;
        line-height: 30px;
    }

    .first p{
        font-size: 13px;
        line-height: 30px;
        text-align: center;
    }

    #inner_main_aboutPage{
        width: 90%;
    }

    #inner_aboutBody h2{
        margin-left: 0;
    }

    .first img{
        /* width: 60%; */
        height: 120px;
    }

    .main_page_item{
        width: 95%;
        margin-left: 2%;
    }

    .main_page_item img{
        width: 25%;
        height: 20%;
    }

    #contactBox{
        width: 58%;
        margin-left: 1%;
        padding-bottom: 10px;
    }

    #contactBox .inputBox{
        margin-bottom: 5%;
    }

    #contactBox .inputBox label{
        margin-left: 10%;
    }

    #contactBox .inputBox input, #contactBox .inputBox select{
        width: 80%;
        margin-left: 10%;
    }

    #contact_us{
        border: none;
        box-shadow: none;
        width: 52%;
        margin: 40% 2% 4% 0;
    }

    #contact ul li{
        font-size: 13px;
    }


        /****************** STUDENT CODE ******************/
    .ticket_searchBox .inputBox input, .ticket_form .inputBox select,
    .ticBox button{
        padding: 5px;
    }

    .wel_box h2{
        margin-top: 1%;
        font-size: 22px;
    }

    .wel_box p{
        font-size: 16px;
    }

    .wel_box > ul{
        margin: 2% 4%;
    }

    .wel_box ul li{
        font-size: 16px;
        margin-top: 5%;
    }

    .wel_box ul li:nth-child(1){
        margin-top: 5%;
    }

    .wel_box ul .li{
        letter-spacing: 3px;
        text-align: justify;
        line-height: 20px;
    }

    #wel_box{
        height: 448px;
        margin-top: 8%;
    }

    #upload_wrapper{
        height: auto;
    }

    #upload_box h2{
        margin-top: 3%;
        font-size: 25px;
    }

    #uploadBox{
        width: 95%;
    }

    #pics_upload h2{
        font-size: 25px;
    }

    #inner_lodge .inputBox label, #upload_box legend{
        font-size: 15px;
    }

    .pics_upldBox{
        width: 90%;
        margin: 0 auto;
    }

    .hideView{
        margin-top: 3%;
        margin-right: 8%;
        margin-bottom: 3%;
    }

    .hideView p{
        font-size: 15px;
        padding: 10px 15px;
    }

    .view_upload .inputBox input[type="submit"]{
        font-size: 15px;
    }

    #innerLodge input[type="submit"]{
        margin-top: 3%;
    }

    #lodgeSearch_box{
        width: 60%;
        margin-top: 3%;
    }

    .stud_lodge_res{
        width: 49%;
    }

    .selfcon_box h2{
        margin-top: 2%;
        font-size: 20px;
    }

    .index_lodge{
        /* border: 1px solid red; */
        width: 49.8%;
    }

    .buy_sell_box h2{
        font-size: 25px;
    }

    div.desc span, div.desc, div.des{
        font-size: 15px;
    }
    
            /***** WORKER CODE *****/
    .top_header p, .top_header h1{
        font-size: 28px;
        margin-bottom: 3%;
    }

    .top_header ul li{
        font-size: 14px;
    }

    #work_box{
        /* border: 1px solid green; */
        width: 100%;
        height: 400px;
        margin-top: 4%;
    }

    #work_form_box{
        display: flex;
    }

    #left_formBox, #right_formBox{
        margin-top: 2%;
    }

    #right_formBox{
        /* border: 1px solid red; */
        margin-right: 1%;
    }

    .wk_delivery_form_box{
        /* border: 1px solid green; */
        width: 90%;
    }

    .delivery_left_field, .delivery_right_field{
        /* border: 1px solid red; */
        width: 80%;
        margin: 0 auto;
    }

    .stat_tally ul{
        /* border: 1px solid red; */
        margin-left: 0;
        width: 100%;
    }

    .stat_tally ul li{
        /* border: 1px solid red; */
        font-size: 14px;
        padding: 7px;
    }

    .responsive{
        /* border: 1px solid red; */
        width: 50%;
        margin: 6px 0;
    }

    .stud_responsive{
        /* border: 1px solid green; */
        width: 50%;
    }
    
        /******* TESTIMONIES CODE *******/
    .dashboard_testimony_box h2{
        font-size: 20px;
    }

    .testimony_formBox{
        width: 70%;
        margin: 2% auto 4%;
    }

    .testimony_formBox .inputBox input{
        width: 60%;
    }

    /******************* ADMIN CODE *******************/
    .adm_order_res, .sub_order_res{
        /* border: 1px solid blue; */
        width: 50%;
    }
    
    #sub_reportBox{
        width: 48%;
    }

    #sub_order_wrapper{
        border-top: 1px solid rgba(8, 77, 34, .5);
        height: auto;
    }

    #order_wrapper h2, #sub_order_wrapper h2{
        font-size: 25px;
        margin-top: 2%;
    }

    .inner_img > a{
        width: 50%;
    }

    #adm_contactBox, #adm_reportBox{
        width: 49%;
    }

    #contact_table table, #report_table table{
        width: 95%;
        margin: 3% auto;
    }

    .index_nav{
        display: block;
    }

    .left_nav{
        display: none;
    }

    .right_nav{
        /* border: 1px solid red; */
        width: 100%;
    }

    #reverse{
        margin: 2%;
    }

    #reverse a{
        font-size: 20px;
        margin-left: 90%;
    }

    .stud_placeOrder, .stud_cat_placeOrder{
        width: 100%;
        top: 130;
        left: 0;
    }

    .stud_cat_placeOrder{
        top: 10;
    }

    .stud_placeOrder_res{
        width: 80%;
        margin: 0 auto;
    }

    #placed{
        margin-top: 2%;
    }

    #order_placed, #cat_order_placed{
        width: 70%;
        top: 250;
        left: 100;
    }

    #cat_order_placed{
        top: 150;
    }

    .inner_placed{
        width: 100%;
    }

    .inner_placed h3{
        font-size: 20px;
        line-height: 2;
    }

    #sell_wrapper{
        height: inherit;
    }

    #sell_wrapper h2{
        font-size: 22px;
    }

    #top_sell_box{
        /* border: 1px solid red; */
        margin-bottom: 7%;
    }

    #sell_box{
        width: 90%;
        margin-top: 2%;
    }

    #sell_left, #sell_right{
        /* border: 1px solid blue; */
        width: 48%;
    }

    #sell_left{
        margin-left: 2%;
    }

    #sell_box .inputBox label{
        font-size: 15px;
    }

    .goBack{
        margin: 6% 0 3%;
    }

    #bottom_sell_box{
        /* height: inherit; */
        margin-bottom: 6%;
    }

    .add_drop_box h2{
        font-size: 20px;
    }

    #addDrop_adm, #addDrop_msg{
        width: 100%;
        /* margin: 0 auto; */
    }

    .add_wrapper, .drop_wrapper{
        width: 50%;
        overflow: inherit;
        /* margin: 0 au; */
    }

    .add_left{
        margin-left: 0;
    }

    .addBox .inputBox label{
        font-size: 15px;
    }

    .addBox .inputBox input, .addBox .inputBox select, 
    .dropBox .inputBox select, .addBox .inputBox input[type="file"]{
        padding: 10px;
    }

    .drop_box{
        margin-top: 5%;
    }

    .drop_box{
        margin-top: 10%;
    }


    /***** REPLY CODE *****/
    #contact_wrapper h2{
        font-size: 25px;
    }

    .no_reply{
        margin: 2%;
    }

    .adm_msg_reply, .attach_box{
        width: 95%;
        top: 210;
        left: 12;
    }

    .adm_msg_reply{
        height: 490px;
    }

    .cls_msg button{
        font-size: 18px;
    }

    .inner_msg_reply{
        border: none;
        width: 70%;
    }

    .attach_box{
        width: 70%;
        left: 120;
    }

    #attachBox, #sub_attachBox{
        width: 80%;
        margin-top: 2%;
    }

    /********** PAYMENT CODE **********/
    .inner_payment h2{
        font-size: 25px;
    }

    .inner_payment{
        padding-top: 0;
    }

    #pay_details, #order_payment_details{
        width: 82%;
    }

    #pay_details{
        display: flex;
        justify-content: center;
        width: 95%;
        margin-left: 2.5%;
    }

    #pay_details table{
        border: 1px solid white;
        width: 80%;
    }

    #pay_details tr td{
        font-size: 13px;
    }

    #pay_details .info{
        width: 30%;
        padding-left: 10px;
    }

    #order_payment_details table tr td{
        font-size: 12px;
        padding: 15px;
    }

    #item_image{
        /* border: 1px solid red; */
        margin-left: 1%;
    }

    .orderImg{
        height: 100%;
        width: 100%;
    }

    .pay_btn_box{
        margin: 5% 5%;
    }

    .places{
        margin-top: 1%;
    }

    .places .inputBox{
        width: 60%;
    }

    .delivery_confirm_table{
        height: 440px;
    }

    #confirm_reg_box{
        height: 560px;
    }

    #confirm_regBox h2{
        margin-top: 2%;
        font-size: 25px;
    }

    #confirm_regBox p{
        font-size: 15px;
    }


        /********** DISPATCH CODE **********/
    .date_dir{
        margin: 1.5% 0 1%;
    }

    .date_dir h2, .date_dir span{
        font-size: 15px;
    }

    #inner_dispatch_task{
        height: inherit;
    }

    .inner_dispatch_box{
        height: inherit;
    }

    .inner_dispatch{
        width: 65%;
        margin: 1% 17.5% 1%;
    }

    .left p, .right p, #p_receipt p{
        font-size: 12px;
        line-height: 15px;
    }
    
    .left p, .right p{
        margin-left: 5%;
    }

    .dis_set_box{
        width: 60%;
        margin-top: 3%;
    }

    .dis_updBox{
        width: 70%;
        margin: 4% auto;
    }

    .dis_setBox{
        width: 90%;
        margin: 0 auto;
        padding-bottom: 20px;
    }

    .bank_details_wrapper{
        width: 70%;
        margin: 5% auto;
    }

    #bank_box{
        width: 95%;
        margin: 0 auto;
    }

    #bank_box .inputBox{
        width: 90%;
    }

    #stud_setting{
        /* border: 1px solid green; */
        width: 60%;
    }

    #reportBox{
        /* border: 1px solid red; */
        width: 70%;
    }

    #work_report_box{
        /* border: 1px solid red; */
        width: 70%;
    }

    #work_report_box .inputBox input{
        margin: 5% 15% 5%;
    }

    #set_box{
        /* border: 1px solid red; */
        width: 60%;
    }

    #sub_drop_wrapper{
        /* border: 1px solid red; */
        height: 531px;
    }

    #sub_dropWrapper{
        /* border: 1px solid blue; */
        width: 60%;
        margin: 10% auto;
    }

    /* #sub_adm_sett_wrapper{
        border: 1px solid blue;
        height: 531px;
        overflow-y: scroll;
    } */

    #adm_sett_wrapper{
        height: 565px;
    }

    .adm_updBox{
        width: 100%;
    }

    .adm_verify_box p{
        font-size: 22px;
        margin-top: 2%;
    }

    .inner_verify_box{
        width: 95%;
    }

    .set_box{
        /* border: 1px solid green; */
        width: 60%;
    }

    .adm_deliveryBox{
        width: 95%;
        margin: 0 auto;
    }

    .delivery_box h2{
        /* border: 1px solid blue; */
        font-size: 25px;
        margin-top: 1%;
    }

    .delivery_table{
        height: 480px;
    }

    .delivery_table table tr td{
        padding: 10px;
        font-size: 12px;
    }

    table th, table td, table td button{
        font-size: 12px;
    }

    .search_wrapper{
        height: 880px;
    }

    #inner_studLodge{
        height: inherit;
    }

    .stud_otherView{
        background-color: rgba(0, 0, 0, .2);
        position: absolute;
        top: 155;
        left: 0;
        width: 100%;
        height: auto;
        overflow: auto;
    }

    #book_day{
        font-size: 13px;
    }

    .descTab{
        width: 40%;
    }
    
    #testimony{
        width: 80%;
    }

    .testimony_box{
        width: 95%;
    }

    .user_testimony{
        width: 100%;
    }

    .user_image{
        width: 13%;
    }

    .user_image_box img{
        height: 80px;
    }
}

@media (min-width: 1025px) and (max-width: 1400px) {
    .index_lodge{
        width: 30%;
    }

    .index_lodge img{
        border: 1px solid white;
        width: 250px;
        height: 250px;
    }
    
    #index_lodge_wrapper p{
        font-size: 18px;
    }

    #stat_box{
        margin-top: .5%;
    }
    
    .user_stat p{
        padding-left: 15px;
        font-size: 13px;
    }

    .stat_tally table{
        margin-left: 0;
        width: 100%;
    }

    .stat_tally table tr td{
        font-size: 12px;
        padding: 7px;
    }

    #output_val{
        margin-top: 3%;
    }

    #per_inst_stat{
        position: absolute;
        top: 550;
        left: 35;
        width: 90%;
    }

    #per_inst_stat .inputBox{
        width: 50%;
    }

    #inst_submit_div{
        margin: 5% 0 .1%;
    }

    .main_index h1{
        font-size: 40px;
    }

    .main_index > p{
        font-size: 18px;
        margin-top: 2.5%;
    }

    #access_page{
        padding-right: 2.5px;
    }

    #access_page > p{
        font-size: 19px;
        word-spacing: 1px;
    }

    #main_index_body{
        width: 80%;
        margin-top: 7%;
    }

    #main_index_body > p{
        font-size: 15px;
        text-align: center;
    }

    #main_index_form .inputBox{
        width: 60%;
        margin: 0 auto;
    }

    #main_index_form .inputBox > label{
        font-size: 18px;
        margin-left: 0;
    }

    #main_index_form .inputBox select{
        width: 80%;
    }

    #contactBox{
        width: 45%;
        margin-left: 1%;
        padding-bottom: 10px;
    }

    #contactBox .inputBox{
        margin-bottom: 5%;
    }

    #contactBox .inputBox label{
        margin-left: 10%;
    }

    #contactBox .inputBox input, #contactBox .inputBox select{
        width: 80%;
        margin-left: 10%;
    }

    #contact_us{
        border: none;
        box-shadow: none;
    }

    /******************** WORK LODGE SEARCH PAGE ********************/
    .fromIndex_lodge h2{
        font-size: 30px;
    }

    .frmIndex_back{
        margin-right: 5%;
    }

    .fromIndex_cover{
        /* border: 1px solid red; */
        width: 90%;
    }

    .fromIndex_cover .inputBox{
        /* border: 1px solid red; */
        width: 75%;
    }

    .fromIndex_cover fieldset{
        width: 85%;
        margin: 8% auto 0;
    }

    .fromIndex_cover fieldset legend{
        /* border: 1px solid black; */
        margin-left: 10%;
    }

    #about_page, #contact_page{
        width: 95%;
        margin: 0 auto;
    }

    .about_body_bottom p, .first p{
        font-size: 15px;
        line-height: 30px;
    }

            /***** WORKER CODE *****/
    #work_box{
        /* border: 1px solid green; */
        width: 90%;
        height: 400px;
        margin-top: 1%;
    }

    #work_form_box{
        display: flex;
    }

    #left_formBox, #right_formBox{
        margin-top: 2%;
    }

    .wk_delivery_form_box{
        /* border: 1px solid green; */
        width: 80%;
    }

    .delivery_left_field, .delivery_right_field{
        /* border: 1px solid red; */
        width: 80%;
        margin: 0 auto;
    }

    #work_report_box{
        /* border: 1px solid red; */
        width: 60%;
    }

    #work_report_box .inputBox input{
        margin: 5% 15% 5%;
    }

    /****************** LOGIN CODE ******************/
    #log_wrapper, #adm_log_box{
        width: 45%;
        margin-top: 2%;
    }

    /***** FORGET PASSWORD OVERLAY *****/
    #forget_wrapper{
        height: 540px;
    }

    #forget_box{
        display: flex;
        justify-content: center;
    }

    #forget_box h2, #newPass > h2{
        font-size: 25px;
    }

    .forgetBox{
        width: 45%;
        margin: 0 auto;
    }

    .forgetBox .inputBox{
        margin-top: 3%;
    }

        /****************** REGISTER CODE ******************/
    #reg_box{
        width: 80%;
        margin: 4% auto;
    }

    #reg_box p{
        line-height: 2;
    }

    #reg_leftRight, #top_reg, #bottom_reg{
        display: block;
    }

    #reg_leftRight{
        width: 70%;
        margin: 0 auto;
    }

    #top_reg, #bottom_reg{
        width: 90%;
        margin: 0 auto;
    }

    #top_reg{
        border-bottom: 1px solid white;
    }

    #top_left_reg, #top_middle_reg, #top_right_reg,
    #bottom_left_reg, #bottom_middle_reg, #bottom_right_reg{
        border: none;
        width: 90%;
        margin: 0 auto;
    }

    #reg_leftRight .inputBox{
        width: 100%;
    }

    #reg_leftRight .inputBox p{
        font-size: 11px;
    }


        /******************* ADMIN CODE *******************/
    .sub_order_res{
        width: 33.3%;
    } 

     #sub_reportBox{
        width: 48%;
    }

    .stat_tally table{
        margin-left: 10%;
        width: 80%;
    }

    .stat_tally table td tr{
        font-size: 14px;
        padding: 7px;
    }

    .responsive{
        width: 33.333333%;
        margin: 6px 0;
    }

    .stud_responsive{
        width: 50%;
    }

    #order_wrapper, #sub_order_wrapper{
        border-top: 1px solid rgba(8, 77, 34, .5);
        /* height: auto; */
    }

    .adm_order_res, .sub_order_res{
        width: 45%;
        margin-left: 2.5%;
    } 

    .inner_img > a{
        width: 70%;
        margin-bottom: .5%;
    }

    #reverse{
        margin: 1%;
    }

    #reverse a{
        margin-left: 85%;
    }

    .stud_placeOrder, .stud_cat_placeOrder{
        width: 70%;
        top: 110;
        left: 250;
    }

    .stud_cat_placeOrder{
        width: 73%;
        top: 10;
        left: 150;
    }

    .stud_placeOrder_res{
        width: 80%;
        margin: 0 auto;
    }

    #placed{
        margin-top: 2%;
    }

    .buy_sell_box h2{
        font-size: 25px;
    }

    .goBack{
        margin: 3%;
    }

    div.desc span, div.desc, div.des{
        font-size: 16px;
    }

    #order_placed, #cat_order_placed{
        width: 60%;
        top: 250;
        left: 280;
    }

    #cat_order_placed{
        top: 150;
        left: 220;
    }

    .inner_placed{
        width: 100%;
    }

    .inner_placed h3{
        font-size: 22px;
        line-height: 2;
    }

    #sell_box .inputBox label{
        font-size: 15px;
    }

    .add_drop_box h2{
        font-size: 20px;
    }

    .add_wrapper, .drop_wrapper{
        width: 50%;
        overflow: inherit;
    }

    #add_wrapper{
        width: 70%;
    }

    .add_left{
        margin-left: 0;
    }

    .addBox .inputBox input, .addBox .inputBox select, .dropBox .inputBox select{
        padding: 10px;
    }

    .drop_box{
        margin-top: 15%;
    }

        /****************** STUDENT CODE ******************/
    .ticket_searchBox .inputBox input, .ticket_form .inputBox select,
    .ticBox button{
        padding: 5px;
    }

    .wel_box h2{
        margin-top: 2%;
        margin-bottom: 6.2%;
        font-size: 25px;
    }

    .wel_box ul li:nth-child(1){
        margin-top: 5%;
    }

    #upload_wrapper{
        height: 600px;
    }

    #upload_box h2{
        margin-top: 3%;
        font-size: 25px;
    }

    #uploadBox{
        width: 95%;
    }

    #pics_upload h2{
        font-size: 25px;
    }

    #inner_lodge .inputBox label, #upload_box legend{
        font-size: 15px;
    }

    .pics_upldBox{
        width: 90%;
        margin: 0 auto;
    }

    .hideView{
        margin-top: 3%;
        margin-right: 8%;
        margin-bottom: 3%;
    }

    .hideView p{
        font-size: 15px;
        padding: 10px 15px;
    }

    .view_upload .inputBox input[type="submit"]{
        font-size: 15px;
    }

    #innerLodge input[type="submit"]{
        margin-top: 3%;
    }

    .stud_lodge_res{
        width: 33.3%;
    }

    #lodgeSearch_box{
        width: 55%;
        margin-top: 3%;
    }

    .selfcon_box h2{
        margin-top: 2%;
        font-size: 20px;
    }

        /********** DISPATCH CODE **********/
    .date_dir{
        margin: 1.5% 0 1%;
    }

    .date_dir h2, .date_dir span{
        font-size: 18px;
    }

    #inner_dispatch_task{
        height: inherit;
    }

    .inner_dispatch_box{
        height: inherit;
    }

    .inner_dispatch{
        width: 45%;
        margin: 1% 0 1% 3%;
    }

    .left p, .right p, #p_receipt p{
        font-size: 12px;
        line-height: 16px;
    }

    .dis_set_box{
        width: 40%;
        margin-top: 3%;
    }

    .dis_updBox{
        width: 45%;
        /* margin: 0 auto; */
    }

    .dis_setBox{
        width: 90%;
        margin: 15% auto;
    }

    .bank_details_wrapper{
        margin-left: 1%;
        width: 45%;
    }

    #bank_box{
        width: 90%;
    }

    #bank_box .inputBox{
        width: 95%;
    }

    #inner_aboutBody h2{
        margin-left: 0;
    }

    .main_page_item{
        width: 95%;
        margin-left: 2%;
    }

    .main_page_item img{
        width: 25%;
    }

    /***** REPLY CODE *****/
    #contact_wrapper h2{
        font-size: 25px;
    }

    .no_reply{
        margin: 2%;
    }
    
    #adm_report_box{
        padding-left: 4%;
    }

    #adm_contactBox, #adm_reportBox{
        width: 46%;
        margin-left: 2%;
    }

    #contact_table table, #report_table table{
        width: 95%;
        margin: 3% auto;
    }

    .adm_msg_reply, .attach_box{
        width: 95%;
        top: 210;
        left: 15;
    }

    .adm_msg_reply{
        height: 490px;
    }

    .cls_msg button{
        font-size: 18px;
    }

    .inner_msg_reply{
        border: none;
        width: 70%;
    }

    .attach_box{
        width: 60%;
        left: 200;
    }

    #attachBox, #sub_attachBox{
        width: 70%;
        margin-top: 2%;
    }

    /********** PAYMENT CODE **********/
    .pay_hideView{
        margin-top: 1%;
        margin-bottom: 1%;
    }

    .inner_payment h2{
        font-size: 25px;
    }

    .inner_payment{
        padding-top: 0;
    }

    #pay_details, #order_payment_details{
        width: 60%;
    }

    #pay_details{
        display: flex;
        justify-content: center;
        width: 80%;
        margin-left: 10%;
    }

    #pay_details table{
        border: 1px solid white;
        width: 80%;
    }

    #pay_details tr td{
        font-size: 15px;
        padding: 13px;
    }

    #pay_details .info{
        width: 30%;
        padding-left: 10px;
    }

    #order_payment_details{
        width: 70%;
    }

    #order_payment_details table tr td.info{
        /* border: 1px solid blue; */
        width: 30%;
    }

    #order_payment_details table tr td{
        font-size: 14px;
        padding: 15px;
    }

    #item_image{
        /* border: 1px solid red; */
        margin-left: 1%;
    }

    .orderImg{
        height: 100%;
        width: 100%;
    }

    .adm_verify_box p{
        font-size: 22px;
        margin-top: 1%;
    }

    .inner_verify_box{
        width: 92%;
    }

    .pay_btn_box{
        margin: 5% 5%;
    }

    .places{
        margin-top: 1%;
    }

    .places .inputBox{
        width: 50%;
    }

    .delivery_confirm_table{
        height: 430px;
    }

    #confirm_reg_box{
        height: 560px;
    }

    #confirm_regBox h2{
        margin-top: 2%;
        font-size: 25px;
    }

    #confirm_regBox p{
        font-size: 16px;
    }

    #stud_setting{
        /* border: 1px solid green; */
        width: 50%;
    }

    #reportBox{
        /* border: 1px solid red; */
        width: 60%;
    }

    #set_box{
        /* border: 1px solid red; */
        width: 50%;
    }

    #sub_drop_wrapper{
        /* border: 1px solid red; */
        height: 531px;
    }

    #sub_dropWrapper{
        /* border: 1px solid blue; */
        width: 30%;
        margin: 4% auto;
    }

    /* #sub_adm_sett_wrapper{
        border: 1px solid blue;
        height: 531px;
        overflow-y: scroll;
    } */

    #adm_sett_wrapper{
        height: 545px;
    }

    .adm_updBox{
        width: 100%;
    }

    .set_box{
        /* border: 1px solid green; */
        width: 45%;
    }

    .adm_deliveryBox{
        /* border: 1px solid blue; */
        width: 95%;
        margin: 0 auto;
    }

    .delivery_box h2{
        /* border: 1px solid blue; */
        font-size: 25px;
        margin-top: 1%;
    }

    .delibery_table{
        height: 470px;
    }

    table th, .delibery_table td{
        font-size: 14px;
    }

    .search_wrapper{
        height: 880px;
    }

    #inner_studLodge{
        height: inherit;
    }

    .stud_otherView{
        /* border: 1px solid red; */
        background-color: rgba(0, 0, 0, .2);
        position: absolute;
        top: 155;
        left: 0;
        width: 100%;
        height: auto;
        overflow: auto;
    }

    #book_day{
        font-size: 14px;
    }
    
        /******* TESTIMONIES CODE *******/
    .dashboard_testimony_box h2{
        font-size: 20px;
    }

    .testimony_formBox{
        width: 70%;
        margin: 2% auto;
    }

    .testimony_formBox .inputBox input{
        width: 60%;
    }

    #testimony{
        width: 70%;
    }

    .testimony_box{
        width: 95%;
    }

    .user_testimony{
        width: 100%;
        margin-top: 4%;
    }

    .user_image{
        width: 11%;
    }

    .user_image_box img{
        height: 80px;
    }
}

@media only screen and (min-width: 1401px){
    #main_index_form{
        display: flex;
        justify-content: space-around;
        flex-direction: row;
        width: 100%;
    }

        /********** DISPATCH CODE **********/
    .inner_dispatch{
        width: 33%;
        margin: 1% .16% 1%;
        float: left;
    }
    
    .dispatch_task_wrapper{
        /* border: 1px solid black; */
    }

    .left p, .right p{
        margin-left: 5%;
    }

    #dispatch_wrapper{
        height: 553px;
    }

    /* .inner_dispatch_task{
        border: 1px solid red;
        height: inherit;
        display: block;
    } */

    .left p, .right p{
        /* border: 1px solid red; */
        margin: 1% 0 2% 1.5%;
    }

    .date_dir > span{
        /* border: 1px solid red; */
        padding: 3px 100px 10px;
    }

    .dis_set_box{
        /* border: 1px solid blue; */
        width: 35%;
        margin-top: 3%;
    }

    .set_box{
        /* border: 1px solid green; */
        width: 35%;
    }

    .wk_delivery_form_box{
        /* border: 1px solid green; */
        width: 70%;
    }

    .delivery_left_field, .delivery_right_field{
        /* border: 1px solid red; */
        width: 80%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 425px) {
    .top_header p, .top_header h1{
        font-size: 28px;
        margin-bottom: 3%;
    }

    .top_header ul li{
        font-size: 12px;
    }

    #work_report_box{
        /* border: 1px solid green; */
        width: 100%;
    }

    .stud_responsive, .stud_lodge_res{
        /* border: 1px solid blue; */
        padding: 0 6px;
        float: none;
        width: 100%;
        margin-bottom: 3%;
    } 

        /************ Agent Code ************/
    #left_upload, #right_upload{
        margin: 0 auto;
        width: 85%;
    }

    .stud_placeOrder_res{
        width: 90%;
    }

    .stud_placeOrder, #order_placed, .stud_cat_placeOrder{
        width: 100%;
        top: 250;
        left: 0;
    }

}