/* -------------------------------------DESKTOP RESPONSIVE -------------------------------------*/
@media screen and (min-width: 1280px) and (max-width: 1366px){
    .custom_container {width: auto;}
    /* --------------About Page------------ */
    .about_img img {top: -51px;}
    .cust_from .cont_form .col-md-3 .padding_block button{display: flex;}
    /* -----------Admin Dashboard-------------- */
    .app-main .tab_row .w-flex{width: -webkit-fill-available;}
}

@media screen and (min-width: 1024px) and (max-width: 1280px){
    .hero_sec .custom_container {width: auto;}
    .home_form form {padding-top: 10px;}
    .home_form .cont_form .padding_block {padding-block: 10px;}
    .home_form .cont_form button{display: flex;justify-content: space-between;align-items: center;}
    .home_form .cont_form h1 {font-size: 40px;line-height: 45px;}
    .home_form .cont_form p {font-size: 15px;line-height: 25px;}
    .cust_from .cont_form .col-md-3 .padding_block button{display: flex;}
    /* =================Service Dashboard==================== */
    .search_bar form {width: 75%;}
    .select_btn select{padding-right: 0;}
    .select_btn{width: 20%;}
    .app-main .tab_row .w-flex{width: -webkit-fill-available;}
    .custom-sett .container {padding: 10px !important;}

}

@media screen and (min-width: 991px) and (max-width: 1024px){
    .hero_sec .custom_container {width: auto;}
    .hero_img img {position: absolute;top: 0;right: 0;}
    .home_cards {padding: 50px 0px;}
    section.sec_one {padding: 50px 0px;}
    section.hero_sec{padding-bottom: 0;}
    section.service_sec {padding: 50px 0;padding-bottom: 150px;}
    .cont_form {padding-block: 20px;padding-inline: 20px;}
    .home_form form {padding-top: 10px;}
    .home_form .cont_form .padding_block {padding-block: 10px;}
    .home_form .cont_form button{display: flex;justify-content: space-between;align-items: center;}
    .home_form .cont_form h1 {font-size: 40px;line-height: 45px;}
    .home_form .cont_form p {font-size: 15px;line-height: 25px;}
    .cust_from .cont_form .col-md-3 .padding_block button{display: flex;}
    /* ------------contact us-------------- */
    .contact_img{top: -160px;}
    /* =================Login==================== */
    .cust_login .left {padding: 5rem 2rem !important;}
    .cust_login button {width: 31%;}
    /* ----------------Consumer Dashboard------------------- */
    section.main_request {margin: 50px 20px;padding: 30px 20px;}
    /* --------------------Admin Dashboard------------------------ */
    .app-main .yellow_border {padding: 25px;}
    .app-main .notification_page .head {padding: 0;}
    /* -------------------Quotes Detail Page------------------- */
    #kt_app_root .container:nth-child(2){max-width: unset;}
    #kt_app_root .container:nth-child(1){max-width: unset;}
    /* =================Service Dashboard==================== */
    .search_bar form {width: 71%;}
    .select_btn select{padding-right: 0;}
    .select_btn{width: 25%;}
    .app-main .container .dashboard_main_request .card .card-body{padding: 1rem 0;}
    .app-main .container{padding: 10px !important;}
    .app-main .container .tabletab2 .hero_btn > a{font-size: 14px;}
    .app-main .tab_row .w-flex{width: -webkit-fill-available;}
    .setting_sec .cust_login {width: 100%;padding-top: 10px;}
    /* =================Settings Page===================== */
    .custom-sett #kt_app_content_container{padding-left: 0 !important;padding-right: 0 !important;}
    .custom-sett .app-container .card{overflow: scroll;padding: 0 20px;}
    .custom-sett .card .card-body {padding: 0px;}
    .custom-sett .table.gy-5 td, .table.gy-5 th {padding-right: 3rem;text-align: center !important;}
    /* -----------Page Content---------------- */
    .cust-pagecon .table tbody tr td p{font-size: 15px;line-height: 23px;}
}




/* -------------------------------------TABLET RESPONSIVE -------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 991px){
    .hero_sec .custom_container {width: auto;}
    section.hero_sec {height: unset;padding-top: 60px;}
    .hero_img {text-align: center;}
    .hero_img img {position: unset;width: 60%;}
    .hero_text {text-align: center;}
    .hero_btn{display: flex;justify-content: center;}
    .main_cont {padding-bottom: 0;}
    .sec_one .custom_container{max-width: unset;width: auto;}
    section.sec_one {padding:50px;text-align: center;}
    .home_cards .custom-card{margin-bottom: 50px;}
    .sec_img {top: -252px;right: 0;}
    .compare_sec .container {width: auto;max-width: unset;}
    section.compare_sec {padding-inline: 50px;}
    .home_form .row:nth-child(1){flex-direction: column-reverse;}
    .cont_form {padding-block: 50px;padding-inline: 40px;}
    .footer .footer_top .f-logo a> img{height: unset !important;}
    .cust_navpost .navbar a>img{height: unset !important;}
    .cust_navpost .navbar .navbar-collapse {background: #ffffff;padding: 60px 50px;border-radius: 10px;width: 100%;}
    .cust_navpost .navbar .navbar-collapse .header_btn{justify-content: left;}
    .cust_navpost .navbar .navbar-collapse .header_btn a:nth-child(1){background: black;color: white;border-radius: 50px;padding: 10px 33px;margin-right: 16px;}
    .cust_navpost{max-width: unset;}
    .cust_navpost .navbar>.container{max-width: unset;}
    /* --------------About Page------------ */
    .abt_inner {width: 100%;}
    /* -------------contact page----------------- */
    .contact_img {top: 0;}
    /* ----------------Consumer Dashboard------------------- */
    .navbar .navbar-brand img{height: unset !important;}
    section.main_request {margin: 30px 10px;padding: 20px 10px;}
    .search_bar form {width: 75%;}
    .main_service_list {padding: 35px 15px;}
    .main_request .container{max-width: unset;}
    /* -------------------Quotes Detail Page------------------- */
    #kt_app_root .container:nth-child(2){max-width: unset;}
    #kt_app_root .container:nth-child(1){max-width: unset;}
    #kt_app_root .navbar .navbar-collapse{background: #ffffff;padding: 60px 50px;border-radius: 10px;width: 100%;}
    /* =================Service Dashboard==================== */
    .search_bar form {width: 66%;}
    .select_btn{width: 25%;}
    .select_btn select{padding-right: 0;}
    /* ---------------Admin Dashboard---------------- */
    .app-sidebar {background: white !important;}
    .app-main .container .app-main .dashboard_main_request .card .card-body{padding: 1rem 0;}
    .app-main .container{padding: 10px !important;}
    .app-main .tab_row .w-flex{width: -webkit-fill-available;}
    .setting_sec .cust_login {width: 100%;padding-top: 10px;}
    /* -----------Page Content---------------- */
    .cust-pagecon .table tbody tr td p{font-size: 15px;line-height: 23px;}
    .custom-sett .table.gy-5 td, .table.gy-5 th {text-align: center !important;}
}

@media screen and (min-width: 576px) and (max-width: 768px){
    .hero_sec .custom_container {width: auto;}
    .home_cards {padding: 0;}
    section.service_sec {padding-bottom: 70px;}
    .ser_top.text-center {padding-bottom: 50px;}
    .camp_top h2 {padding-inline: 0px;}
    .req_card {width: 50%;padding: 50px 20px;}
    section.hero_sec {height: unset;padding-top: 80px;}
    .hero_img {text-align: center;}
    .hero_img img {position: unset;width: 100%;}
    .hero_text {text-align: center;}
    .hero_btn{display: flex;justify-content: center;}
    .main_cont {padding-bottom: 0;}
    .sec_one .custom_container{max-width: unset;width: auto;}
    section.sec_one {padding:50px 0px;text-align: center;}
    .home_cards .custom-card{margin-bottom: 50px;}
    .sec_img {top: -252px;right: 0;width: inherit;}
    .compare_sec .container {width: auto;max-width: unset;}
    section.compare_sec {padding-inline: 0px;padding-block: 80px;}
    .home_form .row:nth-child(1){flex-direction: column-reverse;}
    .cont_form {padding-block: 50px;padding-inline: 40px;}
    .footer .footer_top .f-logo a> img{height: unset !important;}
    .cust_navpost .navbar a>img{height: unset !important;}
    .cust_navpost .navbar .navbar-collapse {background: #ffffff;padding: 60px 50px;border-radius: 10px;width: 100%;}
    .cust_navpost .navbar .navbar-collapse .header_btn{justify-content: left;}
    .cust_navpost .navbar .navbar-collapse .header_btn a:nth-child(1){background: black;color: white;border-radius: 50px;padding: 10px 33px;margin-right: 16px;}
    .cust_navpost{max-width: unset;}
    .cust_navpost .navbar>.container{max-width: unset;}
    section.service_sec {padding: 50px 0;}
    .ser_top p {padding-inline: 0;}
    .service {width: 100%;padding-block: 20px;}
    .Request {gap: 15px;}
    .req_card {width: 100%;}
    .abt_inner {width: 100%;}
    .hero_text p {padding-right: 0;}
    /* ----------------Consumer Dashboard------------------- */
    .navbar .navbar-brand img{height: unset !important;}
    section.main_request {margin: 30px 10px;padding: 20px 10px;}
    .search_bar form {width: 66%;}
    .main_service_list {padding: 35px 15px;}
    .main_request .container{max-width: unset;}
    .r-card-bottom {display: block;}
    /* -------------------Quotes Detail Page------------------- */
    #kt_app_root .container:nth-child(2){max-width: unset;}
    #kt_app_root .container:nth-child(1){max-width: unset;}
    .main_box .qoute .q-row h2{font-size: 33px;}
    #kt_app_root .navbar .navbar-collapse{background: #ffffff;padding: 60px 50px;border-radius: 10px;width: 100%;}
    .right_cont {padding: 20px 0;}
    /* =================Service Dashboard==================== */
    /* .search_bar form {width: 66%;} */
    .select_btn{width: 32%;}
    .select_btn select{padding-right: 0;}
    /* ---------------Admin Dashboard---------------- */
    .app-sidebar {background: white !important;}
    .app-main .container{padding: 10px !important;}
    .app-main .card .card-body {padding: 1rem 12px;}
    .app-main .tab_row .w-flex{width: -webkit-fill-available;}
    .setting_sec .cust_login {width: 100%;padding-top: 10px;}
    /* -----------Page Content---------------- */
    .cust-pagecon .table tbody tr td p{font-size: 15px;line-height: 23px;}
    .custom-sett .table.gy-5 td, .table.gy-5 th {text-align: center !important;}
}

/* -------------------------------------MOBILE RESPONSIVE -------------------------------------*/
@media screen and (min-width: 480px) and (max-width: 576px){
    .hero_sec .custom_container {width: auto;}
    section.hero_sec {height: unset;padding-top: 80px;}
    .hero_img {text-align: center;}
    .hero_img img {position: unset;width: 100%;}
    .hero_text {text-align: center;}
    .hero_btn{display: flex;justify-content: center;}
    .main_cont {padding-bottom: 0;}
    .sec_one .custom_container{max-width: unset;width: auto;}
    section.sec_one {padding:50px 0px;text-align: center;}
    .home_cards .custom-card{margin-bottom: 50px;}
    .sec_img {top: -252px;right: 0;width: inherit;}
    .compare_sec .container {width: auto;max-width: unset;}
    section.compare_sec {padding-inline: 0px;padding-block: 80px;}
    .home_form .row:nth-child(1){flex-direction: column-reverse;}
    .cont_form {padding-block: 50px;padding-inline: 40px;}
    .footer .footer_top .f-logo a> img{height: unset !important;}
    .cust_navpost .navbar a>img{height: unset !important;}
    .cust_navpost .navbar .navbar-collapse {background: #ffffff;padding: 60px 50px;border-radius: 10px;width: 100%;}
    .cust_navpost .navbar .navbar-collapse .header_btn{justify-content: left;}
    .cust_navpost .navbar .navbar-collapse .header_btn a:nth-child(1){background: black;color: white;border-radius: 50px;padding: 10px 33px;margin-right: 16px;}
    .cust_navpost{max-width: unset;}
    .cust_navpost .navbar>.container{max-width: unset;}
    section.service_sec {padding: 50px 0;}
    .ser_top p {padding-inline: 0;}
    .service {width: 100%;padding-block: 20px;}
    .Request {gap: 15px;}
    .req_card {width: 100%;}
    .compare_sec .Request .req_card p{font-size: 15px;line-height: 25px;}
    .home_form form {padding-top: 35px;}
    .home_form .cont_top h1{font-size: 43px;line-height: 53px;}
    /* ===========About Page================= */
    .hero_sec .hero_text h1{font-size: 44px;line-height: 55px;}
    .hero_text p {padding-right: 0;}
    /* =================Contact Page================= */
    .cust_from .cont_form {padding-inline: 0px;}
    .contact_box {padding: 0;}
    /* ----------------Consumer Dashboard------------------- */
    .navbar .navbar-brand img{height: unset !important;}
    section.main_request {margin: 30px 10px;padding: 20px 10px;}
    .search_bar form {width: 100%;}
    .main_service_list {padding: 35px 15px;}
    .main_request .container{max-width: unset;}
    .r-card-bottom {display: block;}
    /* -------------------Quotes Detail Page------------------- */
    #kt_app_root .container:nth-child(2){max-width: unset;}
    #kt_app_root .container:nth-child(1){max-width: unset;}
    .main_box .qoute .q-row h2{font-size: 33px;}
    .main_box {padding: 30px 0;}
    .service_modal .modal-content {width: 100%;}
    #kt_app_root .navbar .navbar-collapse{background: #ffffff;padding: 60px 50px;border-radius: 10px;width: 100%;}
    .req_first_sec .s-req_card .r-card-top h4{font-size: 12px;}
    .right_cont {padding: 20px 0;}
    .req_first_sec .start_btn button{font-size: 12px !important;}
    .nav-tabs a {font-size: 14px;}
    /* =================Service Dashboard==================== */
    .select_btn{width: 32%;}
    .select_btn select{padding-right: 0;}
    /* ---------------Admin Dashboard---------------- */
    .app-sidebar {background: white !important;}
    .app-main .q-row h2{font-size: 32px;}
    .app-main .tabletab1 .hero_btn a, .app-main .tabletab2 .hero_btn a{padding: 10px 7px !important;font-size: 11px;display: flex;}
    .app-main .tabletab1 .hero_btn a span i, .app-main .tabletab2 .hero_btn a span i{padding-left: 3px;}
    .app-main .tab_row .w-flex{width: -webkit-fill-available;}
    .custom-sett .app-content .card{overflow: scroll;padding: 0 20px;}
    .custom-sett .app-content .card .card-body{padding: 1rem 0;}
    .setting_sec .cust_login {width: 100%;padding-top: 10px;}
    /* -----------Page Content---------------- */
    .cust-pagecon .table tbody tr td p{font-size: 15px;line-height: 23px;}
    .cust-pagecon .card {overflow: scroll;padding: 0 20px;}
    .custom-sett .table.gy-5 td, .table.gy-5 th {text-align: center !important;}
}

@media screen and (min-width: 400px) and (max-width: 480px){
    .hero_sec .custom_container {width: auto;}
    section.hero_sec {height: unset;padding-top: 80px;}
    .hero_img {text-align: center;}
    .hero_img img {position: unset;width: 100%;}
    .hero_text {text-align: center;}
    .hero_btn{display: flex;justify-content: center;}
    .main_cont {padding-bottom: 0;}
    .sec_one .custom_container{max-width: unset;width: auto;}
    section.sec_one {padding:50px 0px;text-align: center;}
    .home_cards .custom-card{margin-bottom: 50px;}
    .sec_img {top: -252px;right: 0;width: inherit;}
    .compare_sec .container {width: auto;max-width: unset;}
    section.compare_sec {padding-inline: 0px;padding-block: 80px;}
    .home_form .row:nth-child(1){flex-direction: column-reverse;}
    .cont_form {padding-block: 50px;padding-inline: 20px;}
    .footer .footer_top .f-logo a> img{height: unset !important;}
    .cust_navpost .navbar a>img{height: unset !important;}
    .cust_navpost .navbar .navbar-collapse {background: #ffffff;padding: 60px 20px;border-radius: 10px;width: 100%;}
    .cust_navpost .navbar .navbar-collapse .header_btn{justify-content: left;}
    .cust_navpost .navbar .navbar-collapse .header_btn a:nth-child(1){background: black;color: white;border-radius: 50px;padding: 10px 33px;margin-right: 16px;}
    .cust_navpost{max-width: unset;}
    .cust_navpost .navbar>.container{max-width: unset;}
    section.service_sec {padding: 50px 0;}
    .ser_top p {padding-inline: 0;}
    .service {width: 100%;padding-block: 20px;}
    .Request {gap: 15px;}
    .req_card {width: 100%;}
    .compare_sec .Request .req_card p{font-size: 15px;line-height: 25px;}
    .home_form form {padding-top: 35px;}
    .home_form .cont_top h1{font-size: 43px;line-height: 53px;}
    .hero_text p {padding-right: 0;}
    .home_cards {padding: 0px;}
    .home_cards .custom_container, .service_sec .custom_container{width: unset;}
    .camp_top h2 {padding-inline: 0;}
    .Request {display: block;}
    .req_card {width: 100%;padding: 50px;background-size: cover;margin-bottom: 40px;}
    section.compare_sec{padding-bottom: 0;}
    .home_form {padding: 0;}
    .hero_sec .hero_text h1{font-size: 45px;line-height: 55px;}
    .sec_one h2{font-size: 32px;line-height: 42px;}
    .ser_top.text-center {padding-bottom: 20px;}
    .service_sec .service .s-icon h3{font-size: 23px;line-height: 33px;}
    .compare_sec .camp_top h2{font-size: 32px;line-height: 42px;}
    /* -------------About Page------------------ */
    .abt_inner {width: 100%;}
    /* =================Contact Page================= */
    .cust_from .cont_form {padding-inline: 0px;}
    .contact_box {padding: 0;}
    .inner_box {padding: 10px 0;width: 100%;}
    /* ----------------Consumer Dashboard------------------- */
    .navbar .navbar-brand img{height: unset !important;}
    section.main_request {margin: 30px 10px;padding: 20px 10px;}
    .search_bar form {width: 100%;}
    .main_service_list {padding: 35px 15px;}
    .main_request .container{max-width: unset;}
    .r-card-bottom {display: block;}
    .main_request .main_service_list .r-card-top h4{font-size: 16px;}
    /* -------------------Quotes Detail Page------------------- */
    #kt_app_root .container:nth-child(2){max-width: unset;}
    #kt_app_root .container:nth-child(1){max-width: unset;}
    .main_box .qoute .q-row h2{font-size: 27px;}
    .main_box {padding: 30px 0;}
    .r-card-sec {display: block;}
    .service_modal .modal-content {width: 100%;}
    #kt_app_root .navbar .navbar-collapse{background: #ffffff;padding: 60px 20px;border-radius: 10px;width: 100%;}
    .right_cont {padding: 20px 0;}
    .nav-tabs a {font-size: 14px;}
    .main_request .main_service_list .r-card-top h4 {font-size: 19px;text-align: justify;}
    .r-card-top {display: block;}
    .start_btn {justify-content: left;}
    .chat_sec .yellow_border {padding: 20px 20px;}
    .chat_sec .yellow_border .s-req_card img{width: 100%;}
    /* =================Service Dashboard==================== */
    /* .search_bar form {width: 66%;} */
    .select_btn{width: 100%;}
    .select_btn select{padding-right: 0;}
    /* ---------------Admin Dashboard---------------- */
    .app-sidebar {background: white !important;}
    .app-main .q-row h2{font-size: 25px;}
    .dashboard_main_request .f-sec .h-f-sec h1{font-size: 41px;}
    .app-main .container {padding: 10px !important;}
    .app-main span.r-data{height: unset;}
    .app-main .tabletab1 .hero_btn a, .app-main .tabletab2 .hero_btn a{padding: 10px 7px !important;font-size: 11px;display: flex;}
    .app-main .tabletab1 .hero_btn a span i, .app-main .tabletab2 .hero_btn a span i{padding-left: 3px;}
    .app-main .tab_row .w-flex{width: -webkit-fill-available;}
    .custom-sett .app-content .card{overflow: scroll;padding: 0 20px;}
    .custom-sett .app-content .card .card-body{padding: 1rem 0;}
    .setting_sec .cust_login {width: 100%;padding-top: 10px;}
    /* -----------Page Content---------------- */
    .cust-pagecon .table tbody tr td p{font-size: 15px;line-height: 23px;}
    .cust-pagecon .card {overflow: scroll;padding: 0 20px;}
    .custom-sett .table.gy-5 td, .table.gy-5 th {text-align: center !important;}
}

@media screen and (min-width: 320px) and (max-width: 480px){

    .cust_bt {display: flex;flex-direction: column;align-items: flex-start;gap: 20px;padding-left: 10px;}

}

@media screen and (min-width: 320px) and (max-width: 400px){
    .hero_sec .custom_container {width: auto;}
    section.hero_sec {height: unset;padding-top: 80px;}
    .hero_img {text-align: center;}
    .hero_img img {position: unset;width: 100%;}
    .hero_text {text-align: center;}
    .hero_btn{display: flex;justify-content: center;}
    .main_cont {padding-bottom: 0;}
    .sec_one .custom_container{max-width: unset;width: auto;}
    section.sec_one {padding:50px 0px;text-align: center;}
    .home_cards .custom-card{margin-bottom: 50px;}
    .sec_img {top: -252px;right: 0;width: inherit;}
    .compare_sec .container {width: auto;max-width: unset;}
    section.compare_sec {padding-inline: 0px;padding-block: 80px;}
    .home_form .row:nth-child(1){flex-direction: column-reverse;}
    .cont_form {padding-block: 50px;padding-inline: 20px;}
    .footer .footer_top .f-logo a> img{height: unset !important;}
    .cust_navpost .navbar a>img{height: unset !important;}
    .cust_navpost .navbar .navbar-collapse {background: #ffffff;padding: 60px 20px;border-radius: 10px;width: 100%;}
    .cust_navpost .navbar .navbar-collapse .header_btn{  justify-content: left;flex-direction: column;gap: 10px; }
    .cust_navpost .navbar .navbar-collapse .header_btn a:nth-child(1){background: black;color: white;border-radius: 50px;padding: 10px 33px;margin-right: 16px;}
    .cust_navpost{max-width: unset;}
    .cust_navpost .navbar>.container{max-width: unset;}
    section.service_sec {padding: 50px 0;}
    .ser_top p {padding-inline: 0;}
    .service {width: 100%;padding-block: 20px;}
    .Request {gap: 15px;}
    .req_card {width: 100%;}
    .compare_sec .Request .req_card p{font-size: 15px;line-height: 25px;}
    .home_form form {padding-top: 35px;}
    .home_form .cont_top h1{font-size: 43px;line-height: 53px;}
    .hero_text p {padding-right: 0;}
    .home_cards {padding: 0px;}
    .home_cards .custom_container, .service_sec .custom_container{width: unset;}
    .camp_top h2 {padding-inline: 0;}
    .Request {display: block;}
    .req_card {width: 100%;padding: 50px;background-size: cover;margin-bottom: 40px;}
    section.compare_sec{padding-bottom: 0;}
    .home_form {padding: 0;}
    .hero_sec .hero_text h1{font-size: 35px;line-height: 45px;}
    .sec_one h2{font-size: 26px;line-height: 36px;}
    .ser_top.text-center {padding-bottom: 20px;}
    .service_sec .service .s-icon h3{font-size: 23px;line-height: 33px;}
    .compare_sec .camp_top h2{font-size: 26px;line-height: 36px;}
    .ser_top h2 {font-size: 33px;line-height: 43px;}
    .service p {padding-inline: 0;}
    .req_card {width: 100%;padding: 50px 30px;background-size: cover;margin-bottom: 40px;height: 440px;}
    p{font-size: 17px;line-height: 27px;}
    .cust_navpost .navbar .navbar-collapse {padding: 60px 0px;padding-left: 30px;}
    /* =================Contact Page================= */
    .cust_from .cont_form {padding-inline: 0px;}
    .contact_box {padding: 0;}
    .inner_box {padding: 10px 0;width: 100%;}
    /* ----------------Consumer Dashboard------------------- */
    .navbar .navbar-brand img{height: unset !important;}
    section.main_request {margin: 30px 0px;padding: 20px 0px;}
    .search_bar form {width: 100%;}
    .main_service_list {padding:0 15px;}
    .main_request .container{max-width: unset;}
    .r-card-bottom {display: block;}
    .main_request .main_service_list .r-card-top h4{font-size: 15px;}
    .main_request .main_service_list .map-container iframe{width: 100%;}
    .main_request .main_service_list span.r-data{height: unset;}
    /* -------------------Quotes Detail Page------------------- */
    #kt_app_root .container:nth-child(2){max-width: unset;}
    #kt_app_root .container:nth-child(1){max-width: unset;}
    .main_box .qoute .q-row h2 {font-size: 20px;line-height: 30px;}
    .main_box {padding: 30px 0;}
    .r-card-sec {display: block;}
    .main_box {padding: 0;}
    .single_q{padding-top: 0;}
    .main_box .qoute.q_details{padding-bottom: 0;}
    .single_q .r-card-top h4{font-size: 17px;}
    .r-card-sec .start_btn{padding-top: 13px;justify-content: unset;}
    .main_box .map-container iframe{width: 100%;}
    .proposal_list .right_cont {padding: 20px 0px;}
    .footer_botton p{font-size: 11px;}
    .service_modal .modal-content {width: 100%;}
    .service_modal .text h2{font-size: 34px;}
    #kt_app_root .navbar .navbar-collapse{background: #ffffff;padding: 60px 20px;border-radius: 10px;width: 100%;}
    .right_cont {padding: 20px 0;}
    .nav-tabs a {font-size: 14px;}
    .main_request .main_service_list .r-card-top h4 {font-size: 19px;text-align: justify;}
    .r-card-top {display: block;}
    .start_btn {justify-content: left;}
    .r-card-bottom .right_cont button{font-size: 13px;}
    .r-card-middle {display: block;}
    .r-card-middle .left_cont{width: 100%;}
    .chat_sec .yellow_border {padding: 10px 10px;}
    .chat_sec .yellow_border .s-req_card img{width: 100%;}
    .chat_sec .single_chat_top{padding: 0;}
    .chat_sec .card.card-flush .head h2{font-size: 30px;}
    /* =============Profile================ */
    .top_row {padding-inline: 0px;padding-block: 30px;}
    .top_row .pro_img {width: 150px;height: 150px;}
    .app-container {padding-left: 0px !important;padding-right: 0px !important;}
    .Profile_table {padding-inline: 0px;}
    /* =================Service Dashboard==================== */
    /* .search_bar form {width: 66%;} */
    .select_btn{width: 100%;}
    .select_btn select{padding-right: 0;}
    .main_service_list .r-card-top h4{font-size: 20px;}
    /* ==================Admin Dashboard==================== */
    .app-main .container {padding: 10px !important;}
    .app-sidebar {background: white !important;}
    .app-main .q-row h2{font-size: 20px;}
    .dashboard_main_request .f-sec .h-f-sec h1{font-size: 34px;}
    .app-main span.r-data{height: unset;}
    .app-main .tabletab1 .hero_btn a, .app-main .tabletab2 .hero_btn a{padding: 10px 7px !important;font-size: 11px;display: flex;}
    .app-main .tabletab1 .hero_btn a span i, .app-main .tabletab2 .hero_btn a span i{padding-left: 3px;}
    .app-main .tab_row {display: block;}
    .app-main .tab_row .f-sec {width: 100%;}
    .app-main .tab_row .w-flex{width: -webkit-fill-available;}
    .app-main .white_btn {margin-bottom: 10px;}
    .app-main .report_top {display: block;}
    .custom-sett .app-content .card{overflow: scroll;padding: 0 20px;}
    .custom-sett .app-content .card .card-body{padding: 1rem 0;}
    .setting_sec .cust_login {width: 100%;padding-top: 10px;}
    .setting_sec .cust_login button {width: 40%;}
    /* -----------Page Content---------------- */
    .cust-pagecon .table tbody tr td p{font-size: 15px;line-height: 23px;}
    .cust-pagecon .card {overflow: scroll;padding: 0 20px;}
    .custom-sett .table.gy-5 td, .table.gy-5 th {text-align: center !important;}
}