@media only screen and (max-width: 1024px){

}
@media only screen and (max-width: 700px){
}
@media only screen and (max-width: 570px){

}
@media only screen and (max-width: 480px){
}
@media screen and (max-device-width: 480px){
.c-checkout-pages .c-header .container, .container {
min-width: 100%;
max-width: 100%;
}
html {
overflow: hidden;
overflow-x: hidden;
overflow-y: scroll;
}
.TendersListHomePage ul li {
width: 100%;
}
section#TextCounselingPrice {
float: right;
width: 100%;
position: relative;
background: #FFF;
box-shadow: 0 0 12px #ddd;
padding: 10px;
border-radius: 3px;
}

.GroupCounselingTitle {
float: right;
width: 100%;
position: relative;
}

.GroupCounselingTitle abbr {
display: block;
font-size: 14px;
font-weight: bold;
color: #000;
}

.GroupCounselingInput {
float: right;
width: 50%;
padding: 10px;
}

.GroupCounselingInput input {
display: block;
border: none;
background: transparent;
outline: none !important;
box-shadow: 0 0 3px #DDD;
padding: 10px;
}

.GroupCounselingInput input:focus {
color: #3741fa;
}

.GroupCounselingInput button {
width: 100%;
display: block;
margin: 40px 0 0 0;
border: none;
padding: 7px 0;
border-radius: 3px;
background: #3741fa;
color: #FFF;
font-weight: 100;
}

.GroupCounselingInput {
width: 100%;
}

.GroupCounselingTitle {
text-align: center;
}

.GroupCounselingInput button {
margin: 0;
}
section#SelectServiceCounselingItem div {
width: 100%;
}
section.LawyerInfoInPage {
width: 100%;
}

section#LawyerServiceDetails {
width: 100%;
}
.profile_lawyer_counseling {
width: 100%;
position: relative;
border: none;
border-radius: 0;
}

.profile_lawyer_counseling img {
width: 80px;
height: 80px;
display: block;
margin: auto;
border-radius: 50%;
border: 2px solid #FFF;
}

.profile_info_counseling {
width: 100%;
text-align: center;
}
.StyleLawyerInfo {
width: 100% !important;
}
.TendersImage {
height: 100%;
}

.lasted-post-ads-in-home li {
width: 100%;
}

.ads-image-in-home {
width: 30%;
height: 100%;
}

.category-list-post-home li {
width: calc(100%/5);
}
.right-content-header-top {
width: auto;
}

.logo-header {
width: auto !important;
font-size: inherit;
}
.nav-top-header {
display: none;
}
.ContentFormDetails {
width: 70%;
}

.left-content-header ul li:first-child a {
display: none;
}

.nav-top-header {
float: left;
width: 60%;
position: relative;
}

.nav-top-header li {
float: revert;
display: inline-block;
}

.nav-top-header ul {
overflow: hidden;
overflow-y: hidden;
overflow-x: scroll;
white-space: nowrap;
padding: 0 0 10px 0;
}

.left-content-header {
float: left;
position: relative;
padding: 0px 0 0 0;
text-align: center;
}

.left-content-header li {
float: revert !important;
display: inline-block;
}

.righ-nav-url-header nav {
display: none;
}

.right-content-section-top-index {
width: 100%;
position: relative;
}
.NavbarLawyerService li {
width: calc(100%/2);
padding: 10px;
}

.NavbarLawyerService li:last-child {
width: 100%;
}

.ReportLawyer ul li {
width: calc(100%/2);
}

.ReportLawyer ul li:last-child {
width: 100%;
}
section#section-top-index {
display: block;
}

.left-content-section-top-index {
width: 100%;
padding: 30px 0 0 0px;
text-align: center;
}

.left-content-section-top-index p {
width: 100%;
}

section#service-list-index ul li {
width: 100%;
margin: 0 0 20px 0;
}

section#three-section-index li {
width: 100% !important;
margin: 0 0 20px 0;
}

ul.TitleTendersIndex {
width: 100%;
position: relative;
overflow: hidden;
overflow-y: hidden;
overflow-x: scroll;
white-space: nowrap;
padding: 0 0 19px 0;
}

ul.TitleTendersIndex li {
float: revert;
display: inline-block;
width: calc(100%/2.8);
}

ul.TitleTendersIndex li:first-child {
display: none;
}

.LastedTenders {
width: 100%;
position: relative;
}

article.PostLastedTenders {
width: calc(100%/3);
position: relative;
}

article.PostLastedTenders a {
width: 100%;
}

ul.TendersTabsContent {
width: 100%;
}

.RandProductTenders {
width: 100%;
position: relative;
padding: 20px 0 30px 0;
}

.SliderTenders ul li a {
height: 100%;
position: relative;
}

.TextTendersIndex {
width: 100%;
margin: 20px 0 0 0;
}

aside#LawyerOnlineList {
width: 100%;
}

section#JudicialServices {
width: 100%;
margin: 20px 0 0 0;
}

article.PostJudicialServices {
width: 100%;
}

.ImageJudicialServices {
height: 100%;
}

.PositionCalculateTheExpense li {
width: calc(100%/1);
}

.arrow-body {
width: 100%;
}

.CustomerCommentsVideo {
width: 100%;
}

.CustomerCommentsContent {
width: 100%;
}

.CustomerCommentsTitle {
text-align: center;
border-radius: 40px !important;
}

.CustomerCommentsTitle h6 {
display: inline-block;
float: revert !important;
border-radius: 40px !important;
}

.CustomerCommentsTitle {
width: 100%;
}

.CustomerInfoTop {
text-align: center;
}

.CustomerInfoTop img {
float: revert;
}

.CustomerInfoTop span {
width: 100%;
text-align: center;
}

.LastedNewsPostIndex li {
width: 100%;
}

.LoadMoreFaq {
text-align: center;
}

section#section-footer {
width: 100%;
}

.site-copy-right {
width: 100%;
text-align: center;
}

.developer-copy-right {
width: 100%;
text-align: center;
padding: 20px 0 0 0;
}
.canvas-menu-mobile {
background: #4c2c67;
}

.uk-offcanvas {
background: rgb(0 0 0/90%);
}
.menu-mobile-link {
float: right;
width: 100%;
position: relative;
}

.menu-mobile-link ul li {
float: right;
width: 100%;
position: relative;
padding: 0 0 10px 0;
line-height: 50px;
}

.menu-mobile-link li a {
display: block;
font-size: 14px;
position: relative;
padding: 0 0px 0 0;
}
.menu-mobile-link li a i {
color: orange;
padding: 0 0 0px 15px;
font-size: 14px;
text-align: right !important;
}
.menu-logo {
float: right;
width: 100%;
position: relative;
text-align: center;
}

.menu-logo img {
display: block;
margin: auto;
margin-bottom: 10px;
}

.menu-mobile-link {
text-align: right;
padding: 20px 0 0 0;
}
.menu-mobile {
display: block;
}
.menu-mobile a {
display: block;
}

.menu-mobile a i {
font-size: 1.8rem;
color: #FFF;
}
.vector-advocacy-header {
width: 100%;
}

.ContentMainAdvicacy {
width: 100%;
}

section#ItemsServiceAdvocacyBody li {
width: 100%;
}
ul.consultation_request_style li {
width: 100%;
}
.right-content-file-evaluation {
width: 100%;
}

section#file-evaluation-body {
padding: 0 10px;
}

.left-right-content-file-evaluation {
width: 100%;
}
.RightTendersArchive {
width: 100%;
}

aside#TendersArchiveCategory {
width: 100%;
margin: 1rem 0;
padding: 0;
}

ul.TendersArchiveLists li {
width: 100%;
}

.ImagesTenders {
width: 100%;
}

.ContentTendersArchive {
width: 100%;
padding: 20px !important;
}

.ContentTendersArchive h3 {
float: right;
width: 100%;
position: relative;
background: #FFF;
text-align: center;
margin: 0 0 0px 0;
border-radius: 3px;
}

.ContentTendersArchive p {
display: none;
}
section.tenders-container {
width: 100%;
}

.title-tenders-main {
width: 100%;
}

.right-tenders {
width: 100%;
}

.contact-content-tenders-right {
width: 100%;
}

.RelatedPostTenders li {
width: calc(100%/2);
}

ul.uk-slider-nav.uk-dotnav.uk-flex-center.uk-margin li {
width: auto !important;
}
.form_writing_a_contract_teamvokala {
width: 100%;
}

.righ_bg_writing_a_contract_teamvokala {
width: 100%;
border-radius: 40px !important;
}

.left_form_writing_a_contract_teamvokala {
width: 100%;
}

.wpb_column.vc_column_container.vc_col-sm-8 {
width: 100%;
}
.RightPropertyLawyer {
width: 100%;
}

.LeftPropertyLawyer {
width: 100%;
}
.FromBodySearchFaq {
width: 100%;
}

section#FaqCategoryList li {
width: 100% !important;
margin: 0 0 10px 0;
}
.top-about-page span {
width: 100%;
}

.top-about-page img {
width: 100%;
}

.SectionAboutTwo img {
width: 100%;
}

.SectionAboutTwo span {
width: 100%;
}
.FormContactInputs {
width: 100%;
}
aside#aside-panel-user {
width: 20%;
position: absolute;
left: 0;
top: 0;
}

section#right-panel-content-user {
width: 100%;
}

.ActiveProfileDetails li {
width: calc(100%/2);
}

.ActiveProfileDetails li:last-child {
width: 100%;
}

.section-dashboard-orders {
width: 100%;
}

.body-ticket-dashboard {
width: 100%;
}

.body-article-dashboard {
width: 100%;
}

li {}

section#manage-service-dashboard li {
width: 100%;
}
ul.content-lasted-tickets {
overflow: hidden;
overflow-y: hidden;
overflow-x: scroll;
white-space: nowrap;
}

ul.content-lasted-tickets li {
float: revert;
display: inline-block;
width: calc(100%/3) !important;
}

ul.header-lasted-tickets li {
width: calc(100%/3);
float: revert;
display: inline-block;
}

ul.header-lasted-tickets {
overflow: hidden;
overflow-y: hidden;
overflow-x: scroll;
white-space: nowrap;
}

ul.header-lasted-article {
overflow: hidden;
overflow-y: hidden;
overflow-x: scroll;
white-space: nowrap;
}

ul.header-lasted-article li {
float: revert;
display: inline-block;
width: calc(100%/3);
}

ul.content-lasted-article {
overflow: hidden;
overflow-y: hidden;
overflow-x: scroll;
white-space: nowrap;
}

ul.content-lasted-article li {
float: revert;
display: inline-block;
width: calc(100%/3);
}
.desktop {
display: none;
}

.mobile {
display: block;
}
.bg-mobile-siderbar {
background: #FFF;
width: 80%;
}

div#mobile-profile {
background: rgb(0 0 0 /90%) !important;
width: 100%;
}
section#body-aside-panel-user {
padding: 5px;
color: #111;
}

section#body-aside-panel-user {}

section#body-aside-panel-user i {
color: #111;
}
.form-create-business {
width: 100%;
}

.form-create-business span input {
width: 100%;
}
ul.ContractUser li {
width: 100%;
}
i.fa-solid.fa-bars {
font-size: 2rem;
text-align: center;
display: block;
}
aside#aside-panel-user {
}

.ContentFormMainRight {
width: 100%;
}

.SidBarFormTenders {
width: 100%;
}

.GroupInputsTenderCreatePost {
width: 100%;
}
.MyPostList ul li {
width: 100%;
}

.ImagesTendersList {
height: 100%;
}
ul.tenders_chat_list li {
width: 100%;
}
.send-form-text-tenders input {
width: 80%;
}
.group-input-panel {
width: 100%;
}
.right-step-identity-profile {
width: 100%;
}

.content-panel-step-identity-profile {
width: 100%;
}

.section-select-identity-profile {
width: 100%;
}
.loop-form-group-workplace {
width: 100%;
}
ul.list-work-experiences li {
width: 100%;
}
.group-experiences-fild {
width: 100%;
}
.group-password-inputs {
width: 100%;
}
ul#chat-lists {
width: 100%;
height: 230px;
overflow: hidden;
overflow-x: hidden;
overflow-y: scroll;
border: none;
}
.ListRequstForLawyer {
float: right;
width: calc(100%/1) !important;
padding: 10px;
position: relative;
}
ul.content-chat {
width: 100%;
}

.send-form-text input {
width: 100%;
height: 40px !important;
}

.send-form-text {
width: 100%;
}

.send-form-text button {
position: absolute;
left: 20px;
top: 0;
}

.uploaded-btn {
position: absolute;
z-index: 99;
top: -79px;
}

.attachment-box a svg {
width: 100px !important;
}
ul.list-calendars-user li {
width: 100%;
}
ul.OrdersList li {
width: 100%;
}
ul.all-question-list-style li {
width: 100%;
}
.lawyer-info-for-question {
padding: 0;
}
ul.answer_question_lawyers_all_header {
overflow: hidden;
overflow-y: hidden;
overflow-x: scroll;
white-space: nowrap;
}

ul.answer_question_lawyers_all_header li {
float: revert;
display: inline-block;
width: calc(100%/3);
}

ul.answer_question_lawyers_all_content {
overflow: hidden;
overflow-y: hidden;
overflow-x: scroll;
/* white-space: nowrap; */
}

ul.answer_question_lawyers_all_content li {
display: inline-block;
width: calc(100%/3);
display: block;
}
ul.ServiceLawyerList li {
width: 100%;
}
.ContentRightServiceAssessment {
width: 100%;
}

.SendRequestServiceAssessment {
width: 100%;
}
.description-telephone-offer label {
width: 100%;
}

.description-telephone-offer span {
width: 100%;
}
ul.switch-assessment-service {
width: 100%;
}

ul#component-tab-right {
width: 100%;
}

.sender-assessment-service-info {
width: 100%;
}

.AssessmentServiceContentDisplay {
width: 100%;
}

.ShowDetailsContentAssessmentService {
width: 100%;
}

.AssessmentServiceContentDisplay span {
width: 100%;
}

em.accepted-user {
width: 100%;
}

.tel-accepted-user {
width: 100%;
margin: 1rem 0 0 0;
}

em.pending-user {
width: 100%;
}li.uk-active {}

article.SwitchListDetails {
width: 100%;
}

ul.uk-subnav.SwithListTitle {
width: 100%;
}
ul.header-service-title-list {
overflow: hidden;
overflow-y: hidden;
overflow-x: scroll;
white-space: nowrap;
}

ul.header-service-title-list li {
float: revert;
display: inline-block;
width: calc(100%/3);
}

ul.CntentMAin-service-title-list {
overflow: hidden;
overflow-y: hidden;
overflow-x: scroll;
white-space: nowrap;
}

ul.CntentMAin-service-title-list li {
display: inline-block;
float: revert;
width: calc(100%/3);
}

ul.CntentMAin-service-title-list li:nth-child(2) {
display: block;
}
.wallet-page-content {
width: 100%;
}
.RequestWithWithdraw {
width: 100%;
}

.RequestWithdrawListLawyer {
width: 100%;
}

.wallet-balance span {
width: 100%;
}
ul.HeaderTicketUser {
overflow: hidden;
overflow-y: hidden;
overflow-x: scroll;
white-space: nowrap;
}

ul.HeaderTicketUser li {
float: revert;
display: inline-block;
width: calc(100%/2);
}

ul.ContentTicketUser {
overflow: hidden;
overflow-y: hidden;
overflow-x: scroll;
white-space: nowrap;
}

ul.ContentTicketUser li {
display: inline-block;
float: revert;
width: calc(100%/2);
}
.GroupInputsTicket {
width: 100%;
color: #4A90E2;
}
.InfoCompany {
width: 100%;
}

.FormContract {
width: 100%;
}

.FormGroupConstract {
width: 100%;
}
.InfoCompany {
width: 100%;
}

.FormContract {
width: 100%;
}

.FormGroupConstract {
width: 100%;
}
.left-content-register {
width: 100%;
}

.right-content-register {
width: 100%;
}
.IconSectionForm {
width: 30%;
}

.BgFormSvg {
width: 100%;
}

.IconFormSvg svg {
width: 60%;
}

.TopSectionForm {
width: 100%;
}
.FormSvgVector {
position: relative;
float: right;
width: 100%;
}
.ContentFormDetails ul li {
padding: 10px;
text-align: center;
}
.TitleFaqPage {
width: 100%;
}
.AccordionFaqList {
width: 100%;
}
ul.LegalFormLists li {
width: 100%;
}
.ImageLegalForm {
height: 100%;
}
section#GetLawyerHomePageDetials ul li {
width: 100%;
margin: 0 0 5px 0;
}
ul.LawyerListBody li {

width: calc(100% / 1);
}
section#RightJudicialService {
width: 100%;
}
aside#SidebarJudicialService {
width: 100%;
}
.GroupSendMessageFormButton {
width: 100%;
}

.GroupSendMessageForm {
width: 100%;
margin: 0 0 10px 0;
}
.mobile a i {
font-size: 2rem;
text-align: center;
display: block;
color: #666;
}

.mobile {
float: left;
width: 100%;
position: relative;
}

}
@media screen and (max-device-width: 320px){

}