@media screen and (min-width:1200px) {
	.text-time-period img {
		max-height: 50px;
		float: right;
		padding-right: 10px;
	}
}

@media screen and (max-width:1200px) {
	nav.nav .menu-links>ul>li>a {
		font-size: 10px;
		padding: 0px 10px;
	}
	.logo {
		max-width: 200px;
		padding: 13px 0px;
	}
	.text-time-period img {
		max-height: 50px;
		float: right;
	}
	.time-period-inner svg {
		width: 17px !important;
		height: 17px;
	}
	.time-period-inner:hover a::before {
		width: 19px;
		height: 19px;
		box-shadow: 0px 0px 0px 3px #F299B4;
		top: 0px;
		bottom: -3px;
	}
	.my-boxes .row>div {
		padding: 0px 3px !important;
	}
}

@media screen and (max-width:992px) {
	.temp-doctor-item .temp-doctor-name {
		margin-left: 20px;
		padding-left: 20px;
		border-left: 1px solid #e7e7e7;
	}
	.temp-doctor-item .temp-doctor-name .dovtor-name-inner {
		font-size:18px;
	}
	.temp-doctor-item .temp-doctor-name h3 {
		font-size: 13px;
	}
	.doctor-side-box {
		padding: 10px;
	}
	.doctor-side-box .doctor-side-title::before {
		width: 17px;
		height: 17px;
	}
	.doctor-side-box .doctor-side-title {
		padding-right: 23px;
		font-size: 15px;
	}
	.samandehi , .namad  {
		text-align: center;
	}
	.namad-col {
		margin-top:15px;
	}

	nav.nav .menu-links > ul > li.has-sub .mega-menu {
		visibility: visible;
		opacity: 1;
		transition: all linear 0.3s 0.15s;
		top: 90px;
		z-index: 999;
	}
	.menu-links {
		position: fixed;
		width: 245px;
		height: 100%;
		background: white;
		overflow-x: hidden;
		float: right;
		right: -245px;
		top: 0;
		opacity: 0.95;
		padding: 0px 10px;
		padding-top: 0px;
		padding-top: 0px;
		z-index: 999;
		padding-top: 40px;
	}
	header .menu-links>ul {
		flex-wrap: wrap;
	}
	header .menu-links>ul>li {
		border-bottom: 1px dashed #e1e1e1;
		width: 100%;
		text-align: right;
		flex: 0 0 100%;
		list-style: none;
	}
	header .menu-links>ul>li>a {
		line-height: 40px !important;
	}
	.svg-head::after {
		content: " ";
		background: #E97195;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		margin: auto;
		border-radius: 50%;
		display: none;
		z-index: -1;
	}
	.mega-menu ul li.head-mega-li a {
		padding-right: 0px !important;
		padding-bottom: 5px;
		border-bottom: none;
	}
	header .menu-links>ul>li .svg-head {
		position: absolute;
		right: 1px;
		text-align: center;
		top: 9px;
		display: inline-block;
		width: 20px;
		margin: 0px;
		height: 20px;
	}
	.mega-menu {
		position: relative;
		background: white;
		display: flex;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		box-shadow: none;
		padding: 0px;
		visibility: hidden;
		transition: all linear 0.1s 0.2s;
		opacity: 0;
		top: 0px !important;
		flex-wrap: wrap;
		border-top: none;
		width: 100%;
		max-width: 1200px;
		background-image: unset !important;
		display: none;
	}
	.mega-menu ul {
		flex: 0 0 100% !important;
		list-style: none;
		padding: 0px;
		margin-right: 10px;
	}
	header .menu-links>ul>li .svg-head svg {
		fill: #E97195;
		width: 20px;
		height: 20px;
	}
	.my-boxes .my-box-item {
		height: 220px;
		top: 35px;
		width: 220px;
	}
	.my-boxes .my-box-item a.box-title {
		z-index: 2;
		font-size: 14px;
	}
	.box-button {
		padding: 5px 20px;
	}
	.my-boxes .my-box-item:hover .svg-box, .my-boxes .my-box-item:focus .svg-box
	{
		bottom: 130px;
	}
	.period-box {
		flex: 0 0 100%;
		padding-bottom: 0px;
	}
	.text-time-period {
		flex: 0 0 20%;
		top: 18px;
		margin: 0px auto 10px;
	}
	.period-box {
		padding-bottom: 10px;
	}
	nav.nav .menu-links>ul>li>a {
		padding: 0px 8px;
		font-size: 11px;
		display: block;
		top: 0px;
		position: relative;
		padding-right: 30px !important;
	}
	nav.nav .menu-links>ul>li.has-sub>a:after {
		background-image:
				url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQ1MS44NDcgNDUxLjg0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUxLjg0NyA0NTEuODQ3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTIyNS45MjMsMzU0LjcwNmMtOC4wOTgsMC0xNi4xOTUtMy4wOTItMjIuMzY5LTkuMjYzTDkuMjcsMTUxLjE1N2MtMTIuMzU5LTEyLjM1OS0xMi4zNTktMzIuMzk3LDAtNDQuNzUxICAgYzEyLjM1NC0xMi4zNTQsMzIuMzg4LTEyLjM1NCw0NC43NDgsMGwxNzEuOTA1LDE3MS45MTVsMTcxLjkwNi0xNzEuOTA5YzEyLjM1OS0xMi4zNTQsMzIuMzkxLTEyLjM1NCw0NC43NDQsMCAgIGMxMi4zNjUsMTIuMzU0LDEyLjM2NSwzMi4zOTIsMCw0NC43NTFMMjQ4LjI5MiwzNDUuNDQ5QzI0Mi4xMTUsMzUxLjYyMSwyMzQuMDE4LDM1NC43MDYsMjI1LjkyMywzNTQuNzA2eiIgZmlsbD0iIzY5Njk2OSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
		width: 10px;
		height: 10px;
		position: absolute;
		left: 0px;
		top: 14px;
		left: 10px;
		content: "";
		background-size: contain;
	}
	nav.nav .menu-links>ul>li.has-sub>a.rotate-180:after {
		transform: rotate(180deg);
	}
	.megamenu-title {
		flex: 0 0 100%;
		text-align: center;
		padding: 8px 0px 10px 0px;
		background: rgba(0, 0, 0, 0.05);
		border-radius: 7px;
		color: #666;
		font-size: 13px;
	}
	.nav-btn {
		display: flex !important;
		justify-content: center;
		align-content: center;
	}
	.nav-btn a {
		margin: auto;
		vertical-align: middle;
		left: 10px;
		position: relative;
	}
	.nav-btn span {
		width: 30px;
		height: 30px;
		background-size: contain;
		display: block;
		background-image:
				url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQyNCA0MjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQyNCA0MjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzUsODlDMTUsODksMCw3NCwwLDU0czE1LTM2LDM1LTM2aDM1M2MyMCwwLDM2LDE2LDM2LDM2cy0xNiwzNS0zNiwzNUgzNXoiIGZpbGw9IiMyYjJiMmIiLz4KCQk8cGF0aCBkPSJNMzg4LDE3NmMyMCwwLDM2LDE2LDM2LDM2cy0xNiwzNS0zNiwzNUgzNWMtMjAsMC0zNS0xNS0zNS0zNXMxNS0zNiwzNS0zNkgzODh6IiBmaWxsPSIjMmIyYjJiIi8+CgkJPHBhdGggZD0iTTM4OCwzMzVjMjAsMCwzNiwxNSwzNiwzNXMtMTYsMzYtMzYsMzZIMzVjLTIwLDAtMzUtMTYtMzUtMzZzMTUtMzUsMzUtMzVIMzg4eiIgZmlsbD0iIzJiMmIyYiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
	}
}

@media screen and (max-width:768px) {
	.mega-menu .mega-scroll .nano-content {
		position: inherit !important;
		padding-right: 0px;
		left: 0px !important;
		overflow: inherit !important;
	}
	.mega-menu .mega-scroll {
		min-height: auto;

	}
	.video_doctor {
		display: none;
	}
	.video_doctor_mob {
		display: flex !important;
	}
	.footer-dw .col-md-6 {
		text-align: center !important;
	}
	.footer-dw .col-md-6:first-child {
		margin-bottom: 10px;
	}
	.result-item .r-i-thumb {
		margin: auto;
	}
	.result-item .r-i-content h3 {
		text-align: center;
	}
	.temp-doctor-item {
		flex-wrap: wrap
	}
	.temp-doctor-item .temp-doctor-name {
		flex:0 0 72%;
		padding: 0px;
		margin: 0px;
		border-left: 0px;
		margin-bottom: 30px;
	}
	.temp-doctor-item .temp-doctor-thumb {
		flex:0 0 25%;
	}
	.reserv-rightpanel {
		width: 100%;
	}
	.temp-head h1 {
		font-size: 20px;
	}
	.breadcrumb * {
		font-size: 13px;
	}
	.header-top p {
		text-align: center;
		margin-bottom: 10px;
	}
	.top-login-register-inner {
		margin-left: auto;
	}
	.my-boxes .my-box-item {
		text-align: center;
		height: 100px;
		position: relative;
		top: -80px;
		background-color: rgba(251, 251, 251, 0.65);
		border-radius: 10px;
		display: flex;
		box-shadow: 0px 0px 0px 2px #E97195;
		width: 350px;
		margin: 0 auto;
		margin-bottom: 15px;
	}
	.my-boxes .my-box-item a.box-title {
		z-index: 2;
		font-size: 16px;
		color: #E97195;
		position: relative;
		transition: all linear 0.3s;
		top: 0px;
		height: 40px;
		display: block;
		line-height: 14px;
		flex: 0 0 100%;
		text-shadow: 0px 0px 10px rgb(255, 222, 232);
	}
	.my-boxes .my-box-item .svg-box {
		width: 135px;
		position: absolute;
		bottom: -30px;
		right: -283px;
		transform: rotate(-30deg);
		transition: all linear 0.3s 0.3s;
		left: 0px;
		margin: 0 auto;
	}
	.my-boxes .my-box-item:hover .svg-box, .my-boxes .my-box-item:focus .svg-box
	{
		bottom: -10px;
		transform: rotate(-30deg);
		width: 105px;
		right: -283px;
	}
	.my-boxes .my-box-item:hover a.box-title {
		top: 00px;
		transition: all linear 0.3s 0.3s;
	}
	.period-box {
		flex-wrap: wrap;
	}
	.tablighat .col-md-4, .tablighat .col-md-6 {
		margin-bottom: 10px;
	}
	.period-box .container-fluid {
		padding-right: 25px;
		padding-left: 25px;
	}
	footer .links-col:first-child {
		margin-bottom: 15px;
	}
	footer {
		padding: 40px 0px 30px 0px;
	}
	footer .namad {
		text-align: center;
	}
	footer .namad img {
		margin: 0 auto !important;
	}
	footer .namad {
		text-align: center;
	}
	footer .samandehi {
		text-align: center;
	}
	footer .namad img {
		margin: 0 auto !important;
	}
}
@media screen and (max-width:576px) {
	.temp-doctor-item {
		text-align: center;
	}
	.temp-doctor-item .temp-doctor-thumb {
		flex:0 0 100%;
	}
	.temp-doctor-item .temp-doctor-name {
		flex:0 0 100%;
		margin-bottom: 0px;
	}
	.temp-doctor-info {
		flex:0 0 100%;
	}
	.temp-doctor-turn{
		margin:  15px auto !important;
	}
	.my-boxes .my-box-item {
		text-align: center;
		height: 100px;
		position: relative;
		top: -80px;
		background-color: rgba(251, 251, 251, 0.65);
		border-radius: 10px;
		display: flex;
		box-shadow: 0px 0px 0px 2px #E97195;
		width: auto;
	}
	.period-item {
		flex: 0 0 100%;
		margin-bottom: 20px;
	}
	.doran-shirkhari .period-inner-mob {
		flex: 0 0 24.6%;
	}

}