@media(min-width: 320px) and (max-width:567px){
  .form-section .your-password {
    text-align: left;
   
} 
.app-header {
    margin-top: 20px;
}
.dashboar-top {
    display: inline-block;
    width: 100%;
}
.setting-item {
    margin-left: 12px;
}
.client-heading {
    margin-left: 10px;
}
.client-heading a {
    font-size: 14px;
    line-height: 19px;
} 
.board-heading h4 {
    font-size: 20px;
    line-height: 26px;
}
.time-spent {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.clook-post {
    padding-right: 0px;
}

.dashboar-top{
    padding: 10px 10px;
}
.group-text p {
    font-size: 14px !important;
    line-height: 20px !important;  
}
.group-text {
    top: -4px;
}
.group-item {
    margin-bottom: 20px;
}
.small-hint {
    display: inline-block;
        margin-top: 0px;
        margin-bottom: 26px;
}
.Explanation {
    display: inline-block;
}
.correct p {
    font-size: 16px;
    line-height: 22px;
}
.workcover ul.tab-mnu {
    display: grid;
    grid-template-columns: repeat(1, 1fr) !important;
    padding-left: 0px;
    gap: 20px 20px;
}
.form-section .your-password a {
	font-size: 12px;
	line-height: 20px;
}
}
@media(min-width: 320px) and (max-width:767px){
.dasbord {
    height:100%; 
    padding: 70px 0px;
}
.password-field {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 20px;
}
.account-main {
    padding: 0px 30px 30px;
}
.dashboard-menu {
    position: static;
    transform: translate(0, 0);
    padding: 15px 15px;
}
.laft-post {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0px; 
}
.skip-btn {
    margin-bottom: 20px;
}
.Registration h2, .heading-grats h2 {
    font-size: 24px;
    line-height: 30px;
}
a.login-btn {
    padding: 12px 25px;
}
.heading-grats p {
    font-size: 14px;
    line-height: 18px;
}
.main-item-btn {
    margin-top: 20px;
}
.continue-btn {
    margin-top: 0px;
}
.Sign-in {
    margin-top: 20px;
}
.iXR-new {
    margin-bottom: 20px;
}
.iXR-new img {
    width: 100px;
}
.iXRlabs-logo {
    margin-right: 0PX !important;
}
.skip-btn {
    text-align: left;
}
.shapes-images {
    margin-bottom: 16px;
}

.dashboar-template {
    height: 100%;
}
.high-rise {
    margin-top: 20px;
}
.time-spent {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.clook-post {
    padding-right: 0px;
}
.percentage, .time-spent {
    margin-bottom: 20px;
}
.board-heading a {
    font-size: 20px;
    line-height: 26px;
}
.projects-file {
    padding: 20px 20px;
}
.data-item td {
    min-width: 200px;
}
.search-flex {
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
}
.main-flex {
    display: inline-block;
    width: 100%;
}
.search-left {
    margin-left: 0px;
}
.site-post {
    float: left;
    margin-bottom: 20px;
}
.topic-table .table td {
    min-width: 200px;
}

.dashboar-top {
    padding: 10px 10px; 
}
.client-heading a {
    font-size: 13px;
    line-height: 17px;
}
.search a {
    font-size: 14px;
    line-height: 19px;
}
.client-post {
    margin-left: 12px;
}
.demo-area p {
    font-size: 15px;
    line-height: 22px;
}
.consectetuec {
    grid-template-columns: repeat(1, 1fr);
}
.private-section {
       padding: 20px 10px;
}
.workcover ul.tab-mnu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-left: 0px;
    gap: 20px 20px;
}
.sit-amet p {
    font-size: 14px;
    line-height: 20px;
}
.tab-cont {
    padding: 0px 10px;
}

.workcover ul.tab-mnu li {
    width: 100%;
    margin-bottom: 20px;
}
.fuel-item {
    grid-template-columns: repeat(1, 1fr);
}
.developing p {
    min-height: 0px;
}
.care-text a {
    font-size: 16px;
    line-height: 22px;
}
.high-speed p {
    font-size: 16px;
    line-height: 22px;
}
.group-text p {
    font-size: 15px;
    line-height: 20px;
}
.shoot-text {
    margin-top: 16px;
}
.text-answer p {
    font-size: 15px;
    line-height: 20px;
}
.high-rise {
    height: 100%;
}
.search-left select {
    border-radius: 8px;
}
.board-heading {
    display: inline-block;
}
.search {
    margin-top: 10px;
}
.defination a {
    font-size: 20px;
    line-height: 26px;
}
.on-contant {
    margin-top: 10px;
}
.defination {
    margin-top: 10px;
}
/*
.list-item {
    min-width: 130px;
}
.range-item {
    overflow-y: scroll;
    height: 70px;
}
*/
	.fast-block {
	padding: 25px 20px;
}
	.range-item ul {
    justify-content: center;
    display: grid;
    margin-bottom: 10px;
    width: 100%;
    gap: 35px;
    grid-template-columns: repeat(2, 1fr) !important;
}
	.range-item {
    margin-bottom: 50px;
   
}
	.list-item {
      text-align: left;
}
	.list-item:before {
    left: 0px;
}
}
@media(min-width: 768px) and (max-width:991px){
    .dasbord {
    height:100%; 
    padding: 70px 0px;
}
.password-field {
    padding: 30px 30px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 20px 
}
.dashboard-menu {
    position: static;
    transform: translate(0, 0);
}
.laft-post {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0px; 
}
.Registration h2, .heading-grats h2 {
    font-size: 28px;
    line-height: 36px;
}
.Sign-in {
    margin-top: 20px;
}
.iXRlabs-logo {
    margin-right: 0PX !important;
}
.iXR-new {
    margin-bottom: 26px;
}
.shapes-images {
    text-align: center;
}
.shapes-images {
    text-align: left;
}
.time-spent {
    margin-bottom: 20px;
}
.percentage {
    margin-bottom: 20px;
}
.projects-file {  
    padding: 20px 20px;
}
.fire-btn {
    /* margin-top: 70px; */
    position: static;
    bottom: 50px;
}
.dashboar-template {
    height: 100%;
}
.high-rise {
    margin-top: 20px;
}
.time-spent {
    justify-content: center;
}
.item-details {
    justify-content: end !important;
}
.workcover ul.tab-mnu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-left: 10px;
    gap: 20px 20px;
}
.workcover ul.tab-mnu li {
    min-width: 100%;
    margin-bottom: 20px;
}
.consectetuec {
    grid-template-columns: repeat(1, 1fr);
}
.demo-area p {
    font-size: 16px;
    line-height: 22px;
}
.sit-amet p {
    font-size: 14px;
    line-height: 20px;
}
.fuel-item {
    grid-template-columns: repeat(1, 1fr);
}
.developing p {
    min-height: 0px;
}
.shoot-text {
    margin-top: 16px;
}
.text-answer p {
    font-size: 15px;
    line-height: 20px;
}
.high-rise {
    height: 100%;
}
.board-heading a {
    font-size: 20px;
    line-height: 26px;
}
.defination a {
    font-size: 20px;
    line-height: 26px;
}
.search-flex {
    grid-template-columns: repeat(1, 1fr);
}
.search-left {
    margin-left: 0px;
}
}
@media(min-width: 991px) and (max-width:1199px){
.Registration h2, .heading-grats h2 {
    font-size: 26px;
    line-height: 30px;
}
.Registration {
    margin-bottom: 20px;
}
p.set-text {
    font-size: 12px;
    line-height: 16px;  
}
.login-btn {
    font-size: 15px;
    line-height: 20px;
}
.main-item-btn {
    margin-top: 30px;
}
.iXRlabs-logo {
    margin-right: 0px;
    margin-top: 0px;
}
.dashboard-menu {
    width: 85%;
}
.form-section .your-password a {
    font-size: 12px;
    line-height: 19px;
}
.password-field {
    height: 500px;
    overflow-y: scroll;
}
.continue-btn {
    margin-top: 20px;
}
.heading-grats {
    margin-top: 10px;
}
.shapes-images {
    text-align: center;
}


.dashboar-template {
    height: 100%;
}
.high-rise {
    margin-top: 20px;
}
.total-text h6, .leval-text h6,
 .super-heading h6 {
    font-size: 24px;
    line-height: 30px;
}
.item-details {
    justify-content: end !important;
}
.high-rise {
    height: 100%;
}

.list-item {
    min-width: 60px;
}
.registration-main {
    padding: 30px 15px 20px;
}
.range-item {
/*
    overflow-y: scroll;
    height: 70px;
*/
}
		.login-registration {
      margin: 0px auto 0px;
}

}
@media(min-width: 1200px) and (max-width:1300px){
 .list-item {
/*
    min-width: 130px;
*/
}
.range-item {
/*
    overflow-y: scroll;
    height: 70px;
*/
}  
 .dashboard-menu {
    width: 90%;
}
	

.fire-btn {
    position: static;
    bottom: 50px;
	
}
}
@media(min-width: 1200px) and (max-width:1500px){
.password-field {
    height: 500px;
    overflow-y: auto;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}	
	
	.login-registration {
      margin: 0px auto 0px;
}
.engine img {
    width: 430px;
}
.super-heading h6 {
    font-size: 32px;
    line-height: 40px;
}
.projects-file {
    padding: 20px 20px;
}
.percentage {
    padding: 10px 10px;
}
.total-text h6, .leval-text h6 {
    font-size: 22px;
    line-height: 30px;
}
.clook-post img {
    width: 50px;
}
.clook-post {
    padding-right: 10px;
}

.leval-post img {
    width: 85px;
}
.icon-bg {
    margin-bottom: 10px;
}

	.Registration {
    margin-bottom: 20px;
}
	.registration-main {
    padding: 50px 40px 0px;
}
	.Sign-in {
    margin-top: 30px;
}
	.account-main {
    padding: 0px 20px 20px;
 
}
	.fast-block {
    padding: 30px 50px;
}
/*
.dashboar-template {
    height: 100%;
}
*/
}

	@media(min-width: 1300px) and (max-width:1380px){
		.fire-btn {
    position: static;
    bottom: 50px;
	
}
	}
	
	
@media(min-width: 1300px) and (max-width:1500px){
	.dashboard-menu {
    width: 80%;
}
	
	
}




@media(min-width: 1500px) and (max-width:1600px){
  .password-field {
    height: 500px;
    overflow-y: scroll;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.engine img {
    width: 430px;
}
.super-heading h6 {
    font-size: 32px;
    line-height: 40px;
}
.projects-file {
    padding: 20px 20px;
}
.percentage {
    padding: 10px 10px;
}
.total-text h6, .leval-text h6 {
    font-size: 22px;
    line-height: 30px;
}
.clook-post img {
    width: 50px;
}
.clook-post {
    padding-right: 10px;
}
.leval-post img {
    width: 90px;
}
.high-rise {
    overflow-y: scroll;
    height: 668px;
}
	.Registration {
    margin-bottom: 20px;
}
	.registration-main {
    padding: 50px 40px 0px;
}
	.Sign-in {
    margin-top: 30px;
}
	.account-main {
    padding: 0px 20px 20px;
 
}
	.fast-block {
    padding: 30px 50px;
}
}


@media(min-width: 1600px) { 
.container {
    max-width: 1300px; 
}

}

