@media only screen and (max-width: 1024px) {
	.horzscroll {
		overflow-x: scroll;
		max-width: 100%;
	}
	.w-section .plantype1,.w-section .plantype2{
		width: 100%;
	}
}

/* @media only screen and (max-width: 1024px) { */ /*(commented by HG)*/
@media only screen and (max-width: 100vw) {
	/*(added by HG)*/
	.menu_icon {
		display: block;
	}
	/* .sidenav {
		display: block;
		left: -250px;
	} */
	.cntcntr {
		/* padding: 10px 15px */ /*(commented by HG)*/
		padding: 0px; /*(added by HG)*/
	}
	.mainnav li {
		/* padding-right: 7px; */
		/* padding: 10px 20px; */
	}
	.mainnav li a {
		font-size: 14px;
	}

	.mainnav_tab li {
		width: 100%;
	
	}
	.mainnav_tab li a {
		display: block;
	}

	.topRight {
		height: 90px;
	}

	.topRight p {
		font-size: 12px;
	}
	.table td,
	.table th {
		font-size: 12px;
	}
	.incmnBox p {
		font-size: 14px;
		line-height: 22px;
	}
	.reportTab li a {
		font-size: 11px;
	}
	.customradio input[type="radio"] + label {
		font-size: 13px;
		line-height: 16px;
		line-height: 24px;
	}
	.incomingbox strong {
		font-size: 30px;
	}
	.logstab li {
		padding-right: 10px;
	}
	.logstab li a {
		/* padding: 7px 10px;
        min-width: 96px;
        font-size: 12px; */
		padding: 7px 17px;
		min-width: 96px;
		font-size: 13px;
	}
}

@media only screen and (max-width: 767px) {
	/* .sidenav {
		top: 100px;
		height: 90%;
	} */
	/* .hmb_icon {
		top: 20vh;
	} */

	.coinTopUpsec {
		top: 55vh;
	}
	.cntcntr header {
		display: flex;
		flex-direction: column;
		position: static;
		/* position: fixed; */
		/* background-color: rgb(237, 44, 95); */
		/* background: linear-gradient(-90deg, #A3278F 0%, #E52F50 100%); */
		/* z-index: 998; */
		width: 100%;
	}
	.header-margin {
        margin-top: 40px;
	}

	.topRight {
		/* background-color: white; */
		/* background-color: #efe8d8; */
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 30px;
		padding-right: 30px;
		float: right;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		text-align: right;
		position: fixed;
		width: 100%;
		z-index: 999;
	}

	.toogle_icon {
		display: inline-block;
	}
	.mainnav {
		/* position: fixed; */
		position: static;
		display: flex;
		flex-direction: column;
		flex: 1;
		top: 0;
		right: -200px;
		width: 100%;
		height: 100%;
		/* background-color: #fff; */
		/* border-left: 2px solid #ddd; */
		margin-top: 100px;
		z-index: 9991;
	}
	.mainnav li {
		width: 100%;
		/* border-bottom: 1px solid #ddd */
	}
	.mainnav li a {
		display: block;
		line-height: 30px;
	}
	/* .mainnav li a.micon1 {
        background: url("../img/home_icon.png") no-repeat 5px center;
        background-size: 12px auto
    }
    .mainnav li a.micon2 {
        background: url("../img/dashboard_icon.png") no-repeat 5px center;
        background-size: 12px auto
    }
    .mainnav li a.micon3 {
        background: url("../img/logs_icon.png") no-repeat 5px center;
        background-size: 12px auto
    }
    .mainnav li a.micon4 {
        background: url("../img/support_icon.png") no-repeat 5px center;
        background-size: 12px auto
    }
    .mainnav li a.micon5 {
        background: url("../img/report_icon.png") no-repeat 5px center;
        background-size: 12px auto
    } */
	/* .mainnav li a:hover,
    .mainnav li.active a {
        color: #40adf3
    }
    .mainnav li:hover a.micon1 {
        background: url("../img/home_icon_hover.png") no-repeat 5px center;
        background-size: 12px auto
    }
    .mainnav li:hover a.micon2 {
        background: url("../img/dashboard_icon_hover.png") no-repeat 5px center;
        background-size: 12px auto
    }
    .mainnav li:hover a.micon3 {
        background: url("../img/logs_icon_hover.png") no-repeat 5px center;
        background-size: 12px auto
    }
    .mainnav li:hover a.micon4 {
        background: url("../img/support_icon_hover.png") no-repeat 5px center;
        background-size: 12px auto
    }
    .mainnav li:hover a.micon5 {
        background: url("../img/report_icon_hover.png") no-repeat 5px center;
        background-size: 12px auto
    } */
	.mainnav_tab {
		/* position: fixed; */
		position: static;
		display: flex;
		flex: 1;
		top: 0;	
		width: 100%;
		height: 100%;
		/* border: 1px solid #ea396e; */
		margin-top: 100px;
		z-index: 9991;
		font-size: 12px;
	}
	.mainnav_tab li {
		width: 100%;
		/* border-bottom: 1px solid #ddd */
	}
	.mainnav_tab li a {
		display: block;
	}

	.table td,
	.table th {
		font-size: 11px;
	}
	.page-header h1 {
		font-size: 18px;
		line-height: 28px;
	}
	.incomingbox,
	.incmnBox.orange {
		margin-bottom: 15px;
	}
	.rbtn,
	.rbtn:hover {
		min-width: 96px;
		font-size: 11px;
	}
	.contactListSec {
		min-height: auto;
	}
	.contactlist {
		min-height: auto;
	}
	.logstab {
		float: right;
	}
	.logstab li a {
		min-width: 93px;
		font-size: 12px;
		line-height: 15px;
		padding: 7px 4px;
	}
	.logstab li {
		padding-right: 5px;
	}
	.greentab li {
		padding-right: 0;
	}
	.greentab li a {
		font-size: 11px;
		min-width: 86px;
		padding: 7px 13px;
	}
	.sliderouter {
		max-width: 270px;
		margin: 0 auto;
	}
	.contactListSec {
		border: 0;
	}
	#records {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		margin-top: 10px;
	}
	.r-margin {
		margin-top: 0px !important;
	}
	.topupdaterange label {
		display: inline-block;
		padding-bottom: 10px;
		width: 100%;
	}
	.snav ul li ul li a:hover:before,
	.snav ul li ul li a.active:before {
		display: none;
	}
	.addcontact #bb,
	.addcontact #aa {
		width: 86%;
	}
	#BannerSec {
		min-height: 500px;
		background: url("https://vagent.quadrafort.in/properties/img/banner.jpg")
			no-repeat center center;
	}
	#BannerSec img {
		display: none;
	}

	.agent-sub-header{
		padding-top: 0;
	}
}

@media only screen and (max-width: 560px) {
	.topRight {
		height: 159px;
	}

	.topRight1 {
		margin-top: 20px;
	}
	.mainnav {
		margin-top: 160px;
	}
	.mainnav_tab {
		margin-top: 160px;
	}
	/* .sidenav {
		top: 159px;
		height: 90%;
	} */
	/* .hmb_icon {
		top: 22vh;
	} */
	.c2c-button-form {
		transform: translate(-50%, -50%) scale(0.7); /* Adjust the scale factor as needed */
	}
}


/* Media Queries for responsiveness of new dashboard*/
@media only screen and (max-width: 1023px) {
	.page-contents-new {
		flex-direction: column;
		gap: 10px;
		overflow-y: scroll;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	.p1,.p2{
		width: 100%;
	}
	.dashboard_P1,
	.dashboard_P2 {
		width: 100%;
	}
		.sms-section1{
	width: 100%;
    }
   .sms-section2{
	display: none;
    }
	.dashboard_P1{
		padding-bottom: 0px;
	}
	.dashboard_P2{
		padding-bottom: 0px;
	}
	.dashboard_P2 .p2-margin-top {
		margin-top: 0;
	}
	.dashboard_P2 .chart-m1-clr{
		width: 98%;
	}
	.custom-scrollbar {
		overflow-y: unset;
		scrollbar-width: none;
		max-height: unset;
		-ms-overflow-style: none;
		padding-right: 0px;
	}
	.agent-custom-scrollbar{
		overflow-y: unset;
		scrollbar-width: none;
		max-height: unset;
		-ms-overflow-style: none;
		padding-right: 0px;
	}

}

/* Mobile Styles */
@media (max-width: 767px) {
	.topRight {
		align-items: flex-start;
	}
	.topRight1,
	.topRight2 {
		width: 100%;
		justify-content: space-between;
	}
	.topRight1 {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 10px;
		gap: 5px;
	}
	.topRight2 {
		flex-direction: column;
		gap: 10px;
		align-items: flex-end;
	}

	.allnotif {
		align-self: flex-end;
	}
    .page-header_new {
		margin-top: 0px !important;
	}
	.page-header{
		margin-top: 0px !important;
	}
    .incmnBox_new{
        font-size: 10px;
    }
    .incmnBox_new .f_23{
     font-size: 12px;
    }
	.incmnContainerWrapper .slider .main-box .incmnBox_new{
		font-size: 16px;
	}
     

	/* for agent header below tab */
	.agent-sub-header{
		justify-content: flex-end;
	}

	.dropdown-item-search.fix-width{
       width: 150px;
	}

}
/* //for tab */
@media (min-width: 768px) and (max-width: 850px)  {
.page-header-float-right {
	flex-wrap: wrap;
	align-items: center;
	justify-content: end !important;
}
.page-contents{
	margin-left:20px;
	margin-right: 20px;
}
.topRight{
padding-left: 20px;
padding-right: 20px;
}
.main-header{
	margin: 0 20px;
}

.dropdown-item-search.fix-width{
	width: 150px;
 }

}


@media (max-width: 498px) {
	.header-responsive{
		flex-direction: column;
		gap:15px;
		justify-content: end;
		align-items: end;
	}
	.main-header{
		margin: 0 10px;
	}
	.page-contents{
		margin-left: 10px;
		margin-right: 10px;
	}
	.page-contents-new {
		margin-left: 10px;
		margin-right: 10px;
	}
	.callpanel{
		margin-right:10px;
	}
	.page-gap {
		margin: 0 10px;
	}
	.reportrange,
	.reportrange3 {
		display: flex;
		font-size: 10px;
		margin-right: 0px;
	}
	.dashswitch {
		margin-top: 0px;
		float: none;
	}
	.mainnav_tab a {
		padding: 10px 0px 10px 0px;
	}
	.dashswitch_new ul {
		line-height: normal;
	}
	.dashswitch_new {
		/* width: 200px; */
	}
	#logs-pagination .next,
	#logs-pagination .previous,
	#logs-pagination .page-number {
		padding: 6px 6px;
	}
	.page-header-float-right {
		flex-wrap: wrap;
		align-items: center;
		justify-content: end !important;
	}
    .incmnBox_new{
        font-size: 8px;
    }
    .incmnBox_new .f_23{
     font-size: 12px;
    }
	.mainnav_tab{
		font-size: 11px;
	}
	.page-header-float-right {
		font-size: 10px;
	}
	.dashswitch_new{
		font-size: 10px;
	}
	
.incmnContainerWrapper .slider .main-box .box-container{
	width: 100%;
}
.incmnContainerWrapper .slider .main-box {
 flex-direction: column;
}

.flex-style{
	flex-direction: column;
	
}
.section1 , .section2{
width: 100%;
}
	.sms-section1{
	width: 100%;
    }
   .sms-section2{
	display: none;
    }
.agent-noti-div{
justify-content: flex-end;
flex-wrap: wrap;
}
.agent-logout-box{
	display: none;
}
.logoutBox{
	 /* festive theme */
	/* background: url("../img/profile3.svg") no-repeat 0 center; */
	background: var(--icon-profile) no-repeat 0 center;
    background-size: 20px auto;
    width: 20px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
}





}

@media only screen and (max-width: 480px) {
	/* .hmb_icon {
		top: 22vh;
	} */
	.float-right .addnumer {
		margin-top: 10px;
	}
	label {
		font-size: 12px;
	}
	#timeslotadd {
		padding: 0;
	}
	#addtimeslot {
		padding: 5px 8px;
		font-size: 12px;
	}
	.timeslotsec .removeslot {
		float: right;
		margin-top: 10px;
		padding: 5px 8px;
		font-size: 12px;
	}
	.page-header h1,
	.page-header h1 a {
		font-size: 15px;
	}
	.c2c-button-form {
		transform: translate(-50%, -50%) scale(0.7); /* Adjust the scale factor as needed */
	}
	.form-footer-upload-flex {
		flex-direction: column;
		gap:5px;
	}
}

@media only screen and (max-width: 415px) {
	.topRight {
		padding: 0 10px;
	}
	.main-header{
		margin: 0 10px;
	}
	.page-contents{
		margin-left:10px;
		margin-right: 10px;
	}
	.callpanel{
		margin-right:10px;
	}
	.page-gap {
		margin: 0 10px;
	}
	.c2c-button-form {
		transform: translate(-50%, -50%) scale(0.7); /* Adjust the scale factor as needed */
	}
}

@media (min-width: 1441px) {
	.page-header-float-right{
		margin-top: 20px;
	}

}


@media (min-width: 1940px) {
	.topRight{
		padding: 0 10%;
	}
	.main-header{
		margin: 0 10%;
	}
	.page-contents{
		margin-left: 10% !important;
		margin-right: 10%;
	}
	.page-gap {
		margin: 0 10%;
	}
	.mainnav_tab{
		font-size: 20px;
	}
	.page-header-float-right{
		margin-top: 20px;
	}

	.callpanel{
		margin-right:10%;
	}

    /* .incmnContainerWrapper {
        width: 1100px;
        margin-left: 20%;
    } */
}


@media (min-width: 561px) and (max-width: 767px){
.mainnav_tab {
	margin-top: 138px;
}
.topRight{
	height: 138px;
}

}
@media (min-width: 767px) and (max-width: 797px){
	.topRight{
		height: 90px;
		/* festive */
		/* height: 80px; */
	}
	
	.header-detail{
		width: 230px;
	}
}

@media only screen and  (max-width: 560px){
	.header-margin {
        margin-top: 50px;
	}
}



@media (max-width: 768px) {
    .custom-box2 {
        flex: 1 1 calc(50% - 10px); 
    }
    .dropdown-box{
        width: 300px;
    }
	.download-right{
		position: relative;
	}
}

@media (max-width: 576px) {
    .custom-box2 {
        flex: 1 1 100%;
    }
    .dropdown-box{
        width: 150px;
    }
}