/*
Version: 1.0
Author: DevCreations
Author URI: https://devcreation.net.in/
*/



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

	header .header-bottom-content .navigation .navigation-wrap .btn-menu{display:flex;}

	header .header-bottom-content .navigation .navigation-wrap .navigation-menu{display: block;position: fixed;top: 0;left: 0;width: 300px;background: var(--darkColor);height: 100%;padding: 30px 20px;overflow: auto;z-index: 99;transform: translateX(-110%);transition: all 0.3s ease;}

	header .header-bottom-content .navigation .navigation-wrap .navigation-menu.active{transform: translateX(0%);}

	header .header-bottom-content .navigation .navigation-wrap .navigation-menu > li .menu-item{ color: #fff;padding: 12px 0 !important;}

	header .menu-backdrop{display: block; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: var(--darkColor); opacity: 0;z-index: 9; visibility: hidden;transition: all 0.3s ease;}

	header .menu-backdrop.active{opacity: 0.5; visibility: visible;}

}



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

	.calltoaction-wrap .calltoaction-content{max-width: calc(100% - 200px);}

	.calltoaction-wrap .calltoaction-action{width: 200px;}

	footer .footer-content .text{margin: 0 0 50px;}



	.sec-banner .banner-wrap {

		flex-wrap: wrap;

	}

	.sec-banner .banner-content {

		width: 100%;

		order: 2;

	}

	.sec-banner .banner-image {

		width: 100%;

		order: 1;

		margin-bottom: 30px;

	}

	.about-wrap .welcome {

		width: 100%;

		max-width: calc(100% - 30px);

		margin-bottom: 20px;

	}

	.about-wrap .counter {

		width: 100%;

		max-width: calc(100% - 30px);

	}

	.about-wrap .counter .item {

		width: 25%;

		max-width: calc(25% - 10px);

	}

	.section-how-work .how-it-work-warp .item {

		width: 70%;

	}

	.dashboard-page .dashboard-container .dashboard-body .custom-table .t-cell:nth-child(1) {

		width: 100px;

	}

	.dashboard-page .dashboard-container .dashboard-body .custom-table .t-cell{

		width: 100px;

	}

	.dashboard-page .dashboard-container .dashboard-body .custom-table .t-cell:nth-child(2) {

		width: 100%;

		max-width: calc(100% - 500px);

	}

	.dashboard-page .dashboard-container .dashboard-body .custom-table .t-cell{

		font-size: 12px;

	}

	.dashboard-page .dashboard-container .dashboard-body .custom-table .t-head .t-cell {

		font-size: 12px;

	}

	.dashboard-page .dashboard-container .dashboard-body .custom-table .image-wrap {

		width: 50px;

		height: 50px;

	}



	.sec-tnc .tnc-container {

		width: 100%;

		padding: 20px;

	}

	

}



@media screen and (max-width: 990px) and (orientation: landscape){

	header .header-bottom-content{padding: 5px 0;}

	header .header-bottom-content .navigation .navigation-wrap .authentication-menu > li{display:none;}

	header .header-bottom-content .navigation .navigation-wrap .authentication-menu > li.signin{display:block;}

	header .header-bottom-content .navigation .navigation-wrap .authentication-menu > li.signin .menu-item{font-size: 13px;}

	header .header-bottom-content .navigation .navigation-wrap .authentication-menu > li.user-account{display:block;}

	header .header-bottom-content .navigation .navigation-wrap .authentication-menu > li.user-account .menu-item{font-size: 13px; padding: 0; border: 0;line-height: 1;text-align: center;}

	.sec-banner{min-height: 400px;}

	.sec-banner .banner-content{width:calc(100% - 30px); margin:0 auto;}

	.sec-banner .banner-content .banner-title{font-size: 36px;}

	.sec-banner .banner-content .banner-subtitle{font-size: 16px;line-height: 1.2;}

	.section-title .title{font-size: 24px;line-height: 1.2;letter-spacing: -0.5px;}

	.calltoaction-wrap .calltoaction-content{width:100%; max-width:100%; margin: 0 0 30px;}

	.calltoaction-wrap .calltoaction-content .title{font-size: 24px;}

	.calltoaction-wrap .calltoaction-content .text{font-size: 16px;}

	.calltoaction-wrap .calltoaction-action{width:100%; max-width:100%;}

	.calltoaction-wrap .calltoaction-action .btn-action{margin:0;}

	.page-banner .banner-content .banner-title{font-size: 32px;}



	.section-how-work .how-it-work-warp .item {

		width: 70%;

	}

}



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

	header .header-bottom-content{padding: 5px 0;}

	header .header-bottom-content .navigation .navigation-wrap .authentication-menu > li{display:none;}

	header .header-bottom-content .navigation .navigation-wrap .authentication-menu > li.signin{display:block;}

	header .header-bottom-content .navigation .navigation-wrap .authentication-menu > li.signin .menu-item{font-size: 13px;}

	header .header-bottom-content .navigation .navigation-wrap .authentication-menu > li.user-account{display:block;}

	header .header-bottom-content .navigation .navigation-wrap .authentication-menu > li.user-account .menu-item{font-size: 13px; padding: 0; border: 0;line-height: 1;text-align: center;}

	.sec-banner{min-height: 400px;}

	.sec-banner .banner-content{width:calc(100% - 30px); margin:0 auto;}

	.sec-banner .banner-content .banner-title{font-size: 36px;}

	.sec-banner .banner-content .banner-subtitle{font-size: 16px;line-height: 1.2;}

	.section-title .title{font-size: 24px;line-height: 1.2;letter-spacing: -0.5px;}

	.calltoaction-wrap .calltoaction-content{width:100%; max-width:100%; margin: 0 0 30px;}

	.calltoaction-wrap .calltoaction-content .title{font-size: 24px;}

	.calltoaction-wrap .calltoaction-content .text{font-size: 16px;}

	.calltoaction-wrap .calltoaction-action{width:100%; max-width:100%;}

	.calltoaction-wrap .calltoaction-action .btn-action{margin:0;}

	.page-banner .banner-content .banner-title{font-size: 32px;}



	.dashboard-page .dashboard-container .dashboard-body .custom-table .t-cell .mobile-label{

		display: block;

		width: 40%;

		font-size: 12px;

	}

	.dashboard-page .dashboard-container .dashboard-body .custom-table .t-cell{

		width: 100% !important;

		display: flex;

		flex-direction: row;

		justify-content: space-between;

		align-items: center;

	}

	.dashboard-page .dashboard-container .dashboard-body .custom-table .t-cell:nth-child(2){

		width: 100% !important;

		max-width: 100% !important;

	}

	.dashboard-page .dashboard-container .dashboard-body .custom-table .t-cell .t-content{

		width: 60%;

		display: flex;

		align-items: flex-end;

		flex-direction: column;

		justify-content: center;

	}

	.dashboard-page .dashboard-container .dashboard-body .custom-table .t-head{

		display: none;

	}

	.message-container .comment-list .comment .comment-footer .comment-files {

		max-width: 100%;

		width: 100%;

	}



	.voice-message-container .voice-calling-panel {

		width: 100%;

		max-width: calc(100%);

		min-height: 400px;

	}

	.voice-message-container .voice-calling-panel .voice-caller-logo {

		width: 120px;

		height: 120px;

	}

	.voice-message-container .voice-calling-panel .voice-caller-logo .logo-inner {

		width: 120px;

		height: 120px;

	}

	.voice-message-container .message-content-panel {

		width: 100%;

	}

	.voice-message-container .comment-list .comment .comment-footer .comment-files {

		max-width: 300px;

		width: 100%;

	}

	.voice-message-container {

		flex-wrap: wrap;

	}

	.voice-message-container .message-header .message-user .title {

		font-size: 18px;

	}

}

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

	header .header-top-content{justify-content: space-between;}

	header .header-top-content .contact{display:none;}

	header .header-top-content .language{margin-left: 0;border-left:0; padding: 10px 0;}

	header .header-bottom-content .brand{max-width: 160px;}

	header .header-bottom-content .navigation{max-width: calc(100% - 170px);margin-left: 10px;}

	header .header-bottom-content .navigation .navigation-wrap .btn-menu{margin-left: 10px;}

	header .header-bottom-content .navigation .navigation-wrap .authentication-menu{margin-left: 0;}

	footer .footer-content{margin:0 0 40px;}

	footer .footer-content .text{margin:0;}

	footer .footer-bottom > .container{flex-wrap: wrap; justify-content: center;}



	.sec-banner .banner-content {

		order: 2;

	}

	.sec-banner .banner-wrap {

		flex-wrap: wrap;

	}

	.sec-banner .banner-image {

		width: 100%;

		order: 1;

		margin-bottom: 20px;

	}

	.sec-banner .banner-content .banner-actions .btn-action{

		width: 100%;

		text-align: center;

	}

	.section-doctors {

		padding: 40px 0;

	}

	.section-doctors .doctors-wrap{

		width: 80%;

		margin: 0 auto;

	}

	.about-wrap .welcome {

		width: 100%;

		max-width: calc(100% - 30px);

		margin: 0 15px;

	}

	.about-wrap .counter {

		width: 100%;

		max-width: calc(100% - 30px);

		margin-top: 20px;

	}

	.sec-about {

		padding: 40px 0;

	}

	.section-how-work .how-it-work-warp .item {

		width: 100%;

	}

	.section-how-work .how-it-work-warp .item::before {

		display: none;

	}

	.section-how-work .how-it-work-warp .item.even .inner {

		padding: 20px 90px 60px 20px;

	}

	.section-how-work .how-it-work-warp .item .inner .step-count{

		width: 60px;

	}

	.section-how-work .how-it-work-warp .item .inner {

		padding: 20px 20px 60px 90px;

	}

	.section-how-work {

		padding: 40px 0;

	}

	.about-wrap .welcome .title {

		font-size: 36px;

	}

	.about-wrap .counter .item {

		width: 50%;

		max-width: calc(50% - 10px);

	}

}

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

	header .header-bottom-content .brand{max-width: 140px;}

	header .header-bottom-content .navigation{max-width: calc(100% - 150px);margin-left: 10px;}

	header .header-bottom-content .navigation .navigation-wrap .btn-menu{margin-left: 0px;}

}