@media (min-width:423px) and (max-width:768px) {
  img.hideDesktop {
    margin-top: 30px !important;
  }

  .ProgressBar {
    position: fixed;
    left: 0px;
    right: 0px;
  }

  .MuiBottomNavigation-root, .MuiBottomNavigation-root {

    bottom: 45px !important;

  }

}

@media (min-width: 768px) {
  

  .MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation0.MuiMobileStepper-root.MuiMobileStepper-positionStatic {
    -webkit-box-pack: unset !important;
    -webkit-justify-content: unset !important;
    justify-content: unset !important;
    padding: 0 0px 0px 0px !important;
    position: absolute;
    right: 2%;
  }

  p.slider_details {
    width:60%;
  }
  button.MuiButtonBase-root.MuiBottomNavigationAction-root span.MuiBottomNavigationAction-label.MuiBottomNavigationAction-iconOnly {
    color: rgb(0 0 0 / 60%) !important;
    opacity: 1;
    text-decoration: none !important;
    font-size: 0.95rem;
  }

}

@media (max-width: 767px) {
  li.network.cursor-pointer.hover.transition--default svg {
    border-radius: 25%;
    max-width: 35px !important;
    max-height: 35px !important;
    min-width: 35px;
    min-height: 35px;
}
  .st-btn {
    min-width: 30px !important;
}
  .slider_button {
    margin: 0px auto;
  }

  .hide_mobile {
    display: none;
  }

  .css-p7nkzl-MuiStack-root {
    display: unset !important;
  }

  /* .MuiBox-root.css-0 button {
    margin: 0;
    padding:0 0 2px 0;
    width: 30px;
    height: 30px;
    min-width: 30px;
  } */

  div.banner {
    background-image: url() !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 100%;

    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
  }

  .css-ys4b63 {
    padding: 0px !important;
    background-color: #224388;
    color: #fff;
  }

  .slick-slider.slick-initialized {
    background-color: #ffffffb3;
    margin-top: -2% !important;
  }

  .css-cuefkz-MuiContainer-root,
  .css-1oqqzyl-MuiContainer-root {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .MuiBox-root.css-ys4b63 h1.text-center {
    font-size: 25px;
    padding: 10px 0px;
  }

  h1.banner_heading {
    font-size: 25px;
    padding: 10px 10px;
  }

  /* .slick-dots {
    bottom: -50px !important;
  } */
  .question {
    background-image: url(https://admin.ownerscope.com/) !important;
    margin-bottom: 8em;
  }

  .hideDesktop {
    display: unset !important;
  }

  /* .question h1,
  .question h2 {
    margin: 20px 10px !important;
    padding: 0px !important;
  } */
  .MuiBox-root .hideDesktop.MuiBox-root {
    display: unset !important;
  }

  .other_Ownerscope .MuiBox-root button {
    margin: 50px auto 150px auto !important;
  }

  .MuiBottomNavigation-root {
    padding: 31px 0px;
    position: absolute;
    bottom: 0;
    left: 0px;
    right: 0px;
    border-radius: 0px;
    background: #4665aa !important;
    display: flex;
    color: #ffff;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: nowrap;
    z-index: 1;
  }

  a.setcore button.MuiButtonBase-root.MuiBottomNavigationAction-root.MuiBottomNavigationAction-iconOnly {
    border-left: 1px solid #41464b;
    border-right: 1px solid #41464b;
}
.Desktop_menu a {
  text-decoration: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slide-box {
	height: auto;
}
.intro-page .footer {
	padding: 15px 0 15px 50px !important;
	position: relative;
}
footer .text-light {
	display: block;
  font-size: 10px;
  font-weight: 400;
}
.footer span {
	display: block;
	margin-top: 5px;
}
  .Desktop_menu button.MuiButtonBase-root.MuiBottomNavigationAction-root img {
    margin-right: 0px;
  }

  .checkboxGroup p.MuiFormHelperText-root.MuiFormHelperText-sizeMedium.MuiFormHelperText-contained.MuiFormHelperText-filled {
    margin: 0px !important;
  }

  .ProgressBar {
    padding-bottom: 3px;
  }

  p.text-light.progress_bar_percent {
    background-color: #4565aa;
    padding-bottom: 10px;
  }

  p.text-light.progress_bar_percent {
    margin-bottom: 0px !important;
  }

  header .MuiToolbar-root.MuiToolbar-gutters.MuiToolbar-regular {
    min-height: 60px !important;
    position: relative !important;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    background: linear-gradient(90deg, #4565aa 14.57%, rgb(69 101 170) 59.52%);
    border-bottom: 0px solid #ffffff;
  }

  header .MuiTypography-root.MuiTypography-h6.MuiTypography-noWrap {
    font-size: 24px !important;
    font-style: normal;

    line-height: 24px !important;
  }

  .question.d-flex {
    flex-direction: column;
    align-content: center;
  }
  #vertical-tabpanel-0 .question {
    padding-top: 20px !important;
  }
  .allquestion {
    min-height: auto;
}
  .questionMain{
    padding-top: 0;
  }
  .question {
    margin-bottom: 0em;
    padding-top:20px !important; 
    padding-bottom: 0 !important;
  }
  div#ownerscope .footer {
    padding:15px;
  }
  .question.d-flex .question_data {
    width: 100%;
    padding-top: 0;
    /* margin-bottom: 10em !important; */
  }

  img.hideDesktop {
    margin-top:0 !important;
  }

  .question h1 {
    padding:15px 0px;
    
    font-family: Poppins;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
    margin-bottom: 0rem;
  }

  .question p {
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
  }

  /* label.MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementEnd {
    min-width: 45%;
  } */
  .AnsBtn {
    display: block;
    position: relative;
    margin: auto;
  }
  #vertical-tabpanel-0 .AnsBtn {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 8em;
  }
  #vertical-tabpanel-13 .question {
    padding-top: 50px !important;
  }
  .questionMain {
    padding-top:0;
    height: auto;
    min-height: 500px;
    padding-bottom: 0;
  }

  .AnsBtn label.MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementEnd {
    min-width: 160px !important;
    margin-bottom: 10px;
  }
  .css-1u3bzj6-MuiFormControl-root-MuiTextField-root {
    display: block !important;
  }
  .question_bg {
    background-image: unset !important;
    background-color: #ffff !important;
    height: calc(100vh - 65px);
    position: relative;
    overflow: auto;
  }

  p.progress_bar_percent {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 12px;
    letter-spacing: 0px;
    padding: 15px 0px 0px 15px;
  }

  span.MuiLinearProgress-root.MuiLinearProgress-colorPrimary.MuiLinearProgress-determinate.MuiMobileStepper-progress {
    position: relative;
    overflow: hidden;
    display: block;
    height: 8px !important;
    z-index: 0;
    background-color: #334f8a !important;
    width: 100% !important;
    border-radius: 5px !important;
    margin:5px 15px 10px 15px !important;
  }

  /* for home page  */
  

  img.slider_logo {
    display: none;
  }

  footer .py-3.px-4.text-light {
    font-family: Inter;
    font-size: 9px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
    display: block;
  }

  .d-flex.flex-column.p-sm-5 .slider_lebel {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  img.footer_logo {
    max-width: 35px;
    max-height: 35px;
    margin:auto !important;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .d-flex.flex-column.p-sm-5.bg-light {
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 0px 15px;
  }

  .d-flex.flex-column.p-sm-5.bg-light h1.py-5 {
    font-family: Poppins;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0px;
    text-align: center;
  }

  .d-flex.flex-column.p-sm-5.bg-light p {
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
  }




  button.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeSmall.MuiButton-textSizeSmall.MuiButtonBase-root {
    padding-right: 30px;
  }

  .MuiMobileStepper-dots {
    display: flex !important;
  }

  .MuiMobileStepper-dots {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100px;
  }

  input.PrivateSwitchBase-input {
    cursor: inherit;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: -52px;
    margin: 0;
    padding: 0;
    z-index: 1;
    width: 160px !important;
  }

  .AnsBtn input.PrivateSwitchBase-input {
    min-width: 250px;
    left: -100px;
  }

  .MuiMobileStepper-dot {
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    background-color: rgb(0 0 0 / 20%);
    margin: 0 2px;
    height: 3px !important;
    width: 30px !important;

    border-radius: 0px !important;
  }

  label.MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementEnd .MuiMobileStepper-dot.MuiMobileStepper-dotActive {
    height: 3px !important;
    width: 30px !important;
    border-radius: 0px !important;
    background-color: #ffff !important;
  }

  .question_data p.pb-5.pt-2 {
    padding-bottom: 5em !important;
    padding-bottom: 5em !important;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
line-height: 26px;
    color: #000000;
  }

  .MuiMobileStepper-dot.MuiMobileStepper-dotActive {
    -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    background-color: #f9fafb !important;
    border-radius: 0% !important;
    width: 25px !important;
    height: 3px !important;
    margin: 0 2px !important;
  }

  .result.w-50 {
    width: 100% !important;
  }

  .MuiOutlinedInput-root.MuiInputBase-root.MuiInputBase-colorPrimary.MuiInputBase-formControl {
    margin: 10px 0px 30px 0px;
  }

  .d-flex.w-40.MuiBox-root {
    width: 100% !important;
  }

  .result .w-40 button {
    margin: 0px 0px 0px !important;
  }

  button.copy {
    margin: 44px auto !important;
  }

  /* .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input {
    min-width: 330px !important;
  } */
  
  .d-flex.flex-column {
    text-align: center;
  }

  label.MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementEnd, label.MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementEnd, button.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeLarge.MuiButton-containedSizeLarge.MuiButtonBase-root.rectangle {
    height: 36px !important;
    width: 100% !important; 
    font-size: 18px;
    max-width: 120px;
    margin: 0 auto;
    line-height: 18px !important;
  }
  h1.slider_lebel {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    font-size:36px;
    line-height:42px;
    color: #4565aa;
  }
  p.slider_details {
    font-size: 16px;
    line-height: 24px;
    min-height: 100px;
  }
  .slider-content {
    padding:30px 50px;
    text-align: center;
  }
  .intro-page {
    padding: 15px 15px 0px 15px;
  }
  .css-1knaqv7-MuiButtonBase-root-MuiButton-root {
    font-size: 0px !important;
  }

  button.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeSmall.MuiButton-textSizeSmall.MuiButtonBase-root.ArrowRightIcon {
    color: white !important;
    font-weight: 800 !important;
    position: absolute !important;
    right: 0px;
    top:120px;
    font-size: 0px;
    padding: 0;
  }

  button.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeSmall.MuiButton-textSizeSmall.MuiButtonBase-root.ArrowLeftIcon {
    color: white !important;
    font-weight: 800 !important;
    position: absolute !important;
    left:0px;
    margin: 0 !important;
    top:120px;
    font-size: 0px;
    padding: 0;
  }

  label.MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementEnd,
  label.MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementEnd {
    flex-direction: row-reverse;
    color: #644200 !important;
    background-color: #ffa800 !important;
    border: 1px solid #ffa800 !important;
    padding: 5px;
    margin: 5px;
    align-content: center;
    justify-content: center;
    letter-spacing: 0px;
    background: #ffa800;
    box-sizing: border-box;
    border-radius: 5px;
    height: 45px;
    width:45%;
    left: 0px;
    top: 0px;
    box-shadow: 0px 1px 1px 0px #00000026;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    font-size: 16px !important;
    line-height: 21px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0px 0.5px 0px rgba(255, 255, 255, 0.5);
  }

  span.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label {
    font-family: "Poppins" !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 21px !important;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0px 0.5px 0px rgba(255, 255, 255, 0.5) !important;
    justify-content: center;
    align-content: center;
  }

  .d-flex.flex-row.flex-wrap.MuiBox-root {
    justify-content: start;
    margin-bottom:0;
  }

  .question_bg img.hideDesktop {
    object-fit: cover;
    width: 100%;
    height: auto;
    /* display: block; */
  }
  /* .container-fluid {
    position: unset !important;
}
.ProgressBar {
  position: unset !important;
  bottom: 64px;
  left: 0px;
  right: 0px;
} */

  .MuiOutlinedInput-root.MuiInputBase-root.MuiInputBase-colorPrimary.MuiInputBase-formControl {
    background: #ffffff;
    box-sizing: border-box;
    height: 50px;
    width: 100% !important;
    left: 0px;
    top: 0px;
    border-radius: 0px;
  }

  .question.d-flex.result-flex.flex-row .question_data {
    width: 100%;
  }

  /* .MuiBox-root button {
    margin: 50px auto !important;
  } */

  .question.d-flex.result-flex.flex-row.flex-wrap .w-50 {
    width: 100% !important;
  }

  .Desktop_menu {
    margin-top: 0px !important;
    padding: 0px !important;
  }

  .MoreInsight .question {
    padding: 0px !important;
  }

  .MuiSelect-select.MuiSelect-outlined.MuiOutlinedInput-input.MuiInputBase-input {
    background: #ffffff;
    border: 1px solid #999999;
    box-sizing: border-box;
    height: 50px;
    width: 100%;
    left: 0px;
    top: 0px;
    border-radius: 0px;
  }

  .MuiBottomNavigation-root {
    justify-content: left;
    margin-left: 0%;
  }

  button.MuiButtonBase-root.MuiBottomNavigationAction-root {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }

  span.MuiBottomNavigationAction-label {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 10px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #ffffff;
    padding-top: 7px;
    opacity: 1;
  }
  .MuiBottomNavigation-root {
    justify-content: center !important;
   
}

  .MuiButtonBase-root-MuiMenuItem-root {
    font-size: 0.8rem !important;
  }

  .renting {
    margin: 0em 15px 150px 15px;
    border-top: 2px solid #4565aa;
    padding: 1em 0px;
  }

  button.rectangle.hideDesKtop {
    display: unset !important;
  }

  button.hide_mobile {
    display: none !important;
  }

  /* for drower */
  .MuiDrawer-modal .MuiBox-root {
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    height: auto;
  }

  
  .drawer p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
  }


  button.MuiButton-root.MuiButton-outlined.MuiButton-outlinedPrimary.MuiButton-sizeMedium.MuiButton-outlinedSizeMedium.MuiButtonBase-root.closeButton {
    border: 0px solid !important;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
  }

  .Bookmark {
    margin-top: 60px;
  }

  button.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeLarge.MuiButton-containedSizeLarge.MuiButtonBase-root.submit {
    margin-bottom: 150px !important;
  }

  span.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label,
  button.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeLarge.MuiButton-containedSizeLarge.MuiButtonBase-root.copy,
  button.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeLarge.MuiButton-containedSizeLarge.MuiButtonBase-root.submit {
    font-size: 14px !important;
  }

  .renting img {
    margin-bottom: 10em !important;
  }

  .result .question.result-flex {
    margin: 0;
    padding-top: 60px !important;
    position: static;
    display: block !important;
  }
  .result.question_bg {
    height: auto;
  }
}

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

  label.MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementEnd,
  label.MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementEnd {
    height: 45px;
    width: 45% !important;
    font-size: 10px !important;
    min-width: 45% !important;
  }
}


@media (min-width:769px) and (min-height:600px) and (max-height:815px) {

  .hide_mobile img {
    max-height: 400px;
    background-color: #b5c2dd;
    height: auto;
    width: 400px;
    object-fit: cover;
}

/* .question.d-flex, .question {
  background: linear-gradient(90deg,
    #ffffff 50.53%,
    rgba(255, 255, 255, 0) 96.41%);
} */

}