/********************************/
/* Extra small devices (phones) */
/********************************/
@media (max-width: 480px) {
	
}
@media (min-width: 481px) and (max-width: 768px) {
	
}

@media (max-width: 768px) {
	body{
		font-size: 15px;
	}
	h2{
		font-size: 24px;
	}
	.feedback-form-row .wpcf7 .wpcf7-form p{
		display: block;
	}

	/***********************/
	/****** 1. Banner ******/
	/***********************/
	.doctors-button a{
		font-size: 21px;
	}
	.feedback-form-row h3{
		font-size: 20px;
		margin-bottom: 30px;
	}
	section#dm-banner{
		height: auto;
	}
	.banner-row{
		padding: 25px 15px;
		margin: 20px 0 !important;
	}
	.banner-row .banner-content-links amp-img{
		max-width: 65px;
	}
	.banner-row .banner-head amp-img{
		max-height: 55px;
	}
	.banner-row .banner-content{
		display: block;
	}
	.banner-row .banner-content-link-2 span,
	.business-details-row .business-details-head-status span{
		font-size: 15px !important;
		padding: 5px 10px;
	}
	.reviews-row .review-block-link span{
		font-size: 12px;
	}
	.banner-row .banner-content-info,
	.banner-row .banner-content-info-descr{
		width: 100%;
	}
	.banner-row .banner-content-link-2 span::before{
		position: relative;
		top: 3px;
	}
	.banner-row .banner-content-link-1 span::before{
		width: 20px;
		height: 20px;
		background-size: 20px;
	}
	.banner-row .banner-content-info h3{
		font-size: 20px;
		margin-top: 10px;
		text-align: center;
	}
	.banner-row .banner-content-info-descr h2,
	.banner-row .banner-content-info-descr h3,
	.banner-row .banner-content-info-descr h4,
	.banner-row .banner-content-info-descr h6{
		font-size: 16px;
	}

	/*********************/
	/**** 2. Benefits ****/
	/*********************/
	.benefits-row{
		display: block;
	}
	.benefits-row .benefit-block p{
		font-size: 20px;
	}
	.benefits-row .benefit-block amp-img{
		width: 55px;
		height: 25px;
		margin: auto 0;
		position: relative;
		top: 4px;
	}
	.benefits-row .benefit-block{
		display: flex;
		padding: 5px 0;
	}

	/***********************/
	/*** 3. Doctors list ***/
	/***********************/
	div#doctors-list{
		display: none;
	}
	div#doctors-carousel{
		display: block;
	}
	.amp-carousel-button{
		top: 40%;
	}
	.amp-carousel-button{
		border-radius: 50%;
		background-color: #fff;
		border: 1px solid #adadad;
		width: 45px;
		height: 45px;
	}
	.amp-carousel-button-next{
		background-image: url(/a/wp-content/themes/drmedili/assets/img/button-next.svg);
	}
	.amp-carousel-button-prev{
		background-image: url(/a/wp-content/themes/drmedili/assets/img/button-prev.svg);
	}

	/***********************/
	/*** 4. Feature list ***/
	/***********************/
	.feature-list-block .feature-item span:nth-of-type(1){
		width: 30%;
	}
	.feature-list-block .feature-item span:nth-of-type(2){
		width: 70%;
	}
	.feature-list-block .feature-item{
		font-size: 14px;
		padding: 15px;
	}
	.feature-list-block{
		padding: 20px 0;
	}
	section#dm-doctor-list{
		margin-bottom: 0;
	}

	/**************/
	/*** 5. FAQ ***/
	/**************/
	.faq-list-block .faq-item h6{
		font-size: 16px;
	}
	.faq-list-block .faq-item h6::before{
		background-size: 10px;
		width: 10px;
		height: 10px;
		top: calc(50% - 5px);
	}
	#dm-faq{
		padding-top: 15px;
	}

	/******************/
	/*** 6. Reviews ***/
	/******************/
	.reviews-row{
		width: 100%;
	}

	/************************/
	/*** 7. Feedback form ***/
	/************************/
	.business-details-row .business-details-time ul li span{
		font-size: 28px;
	}
	.feedback-form-row .wpcf7 .wpcf7-form p input.wpcf7-submit,
	.feedback-form-row .wpcf7 .wpcf7-form p span input{
		width: 100%;
		line-height: 1.3;
	}
	.feedback-form-row .wpcf7 .wpcf7-form{
		display: block;
		text-align: center;
	}
	.feedback-form-row .wpcf7 .wpcf7-form p span{
		margin-left: 0;
		display: block;
	}
	.feedback-form-row .wpcf7 .wpcf7-form p{
		margin-bottom: 20px;
	}
	.feedback-form-row{
		padding: 50px 0 30px;
	}
	.notes-block-head, .notes-block-row{
		width: 100%;
	}

	/***************************/
	/*** 9. Business details ***/
	/***************************/
	.business-details-row .business-details-head-status span::before{
		position: relative;
		top: 3px;
	}
	.business-details-row .business-details-review{
		display: block;
	}
	.business-details-row .business-details-review > div{
		width: 100%;
	}
	.business-details-row .business-details-block{
		padding: 30px 20px;
	}
	.business-details-row .business-details-head-status{
		display: block;
	}
	.business-details-row .business-details-head-status h3{
		width: 100%;
	}
	.business-details-row .business-details-head-status h3{
		font-size: 30px;
	}
	.business-details-row .business-details-head span{
		font-size: 25px;
	}
	.business-details-row .business-details-descr p{
		font-size: 17px;
	}
	.business-details-row .business-details-benefits ul li{
		font-size: 18px;
	}
	.rtl .business-details-row .business-details-benefits ul li{
		padding-right: 30px;
	}
	.ltr .business-details-row .business-details-benefits ul li{
		padding-left: 30px;
	}
	.business-details-row .business-details-benefits ul li::before{
		top: 5px;
		width: 20px;
		height: 20px;
		background-size: 20px;
	}
	.business-details-row .business-details-time{
		padding: 25px;
	}
	.business-details-row .business-details-time h4{
		font-size: 22px;
		text-align: center;
	}
	.business-details-row .business-details-time h4::before{
		top: 6px;
		background-size: 25px;
		width: 25px;
		height: 25px;
	}
	.business-details-row .business-details-time ul{
		margin: 0;
	}
	.business-details-row .business-details-time ul li{
		font-size: 20px;
		display: block;
		text-align: center;
	}

	/***************************/
	/*** 10. Contact buttons ***/
	/***************************/
	.contact-buttons-row a{
		font-size: 14px;
		width: 100%;
	}
	.contact-buttons-head h3{
		font-size: 20px;
		font-weight: 100;
		margin: 0;
		color: #292744;
	}
	.contact-buttons-head h3 a{
		color: #292744;
	}
	.contact-buttons-row .contact-button-block a::before{
		border-radius: 50%;
		margin-left: 0;
		padding: 10px 5px;
		width: 40px;
		height: 40px;
		display: block;
		margin: 0 auto 10px;
	}
	section#dm-contact-buttons{
		padding-bottom: 0;
		margin-bottom: 0;
	}
	section#dm-business-details{
		margin-bottom: 100px;
		padding: 15px 0;
	}
	section#dm-notes{
		margin-bottom: 15px;
	}
	section#dm-feedback-form{
		margin: 15px 0;
	}
	.contact-buttons-row .contact-button-block a{
		background-color: unset;
		color: #292744;
		font-family: "Assistant-Regular",sans-serif;
		padding: 0;
	}
	.contact-buttons-row .contact-button-phone a::before{
		content: url(/a/wp-content/themes/drmedili/assets/img/phone-icon-mob.svg);
		background-color: #1884dd;
		text-align: center;
		margin: auto 0 8px auto;
	}
	.contact-buttons-row .contact-button-chat a::before{
		content: url(/a/wp-content/themes/drmedili/assets/img/chat-icon-mob.svg);
		background-color: #9f0dd2;
	}
	.contact-buttons-row .contact-button-whatsup a::before{
		content: url(/a/wp-content/themes/drmedili/assets/img/whats-icon-mob.svg);
		background-color: #00c9a7;
		text-align: center;
		margin: auto auto 8px 0;
	}
	.contact-buttons-row .contact-button-whatsup a{
		text-align: left;
	}
	.contact-buttons-row .contact-button-phone a{
		text-align: right;
	}
}

/***************************/
/* Small devices (tablets) */
/***************************/
@media (min-width: 769px) and (max-width: 992px) {
	body{
		font-size: 20px;
	}
	/***********************/
	/****** 1. Banner ******/
	/***********************/
	section#dm-banner{
		height: auto;
	}
	.banner-row{
		padding: 40px 25px;
	}
	.banner-row .banner-head amp-img{
		max-height: 75px;
	}
	.banner-row .banner-content{
		display: block;
		text-align: center;
	}
	.banner-row .banner-content-info,
	.banner-row .banner-content-info-descr{
		width: 100%;
	}
	.banner-row .banner-content-info h3{
		font-size: 55px;
	}
	.banner-row .banner-content-info-descr h2,
	.banner-row .banner-content-info-descr h3,
	.banner-row .banner-content-info-descr h4,
	.banner-row .banner-content-info-descr h6{
		font-size: 30px;
	}

	/************************/
	/*** 7. Feedback form ***/
	/************************/
	.feedback-form-row .wpcf7 .wpcf7-form p input.wpcf7-submit,
	.feedback-form-row .wpcf7 .wpcf7-form p span input{
		width: 220px;
	}
	.feedback-form-row .wpcf7 .wpcf7-form p span{
		margin-left: 20px;
	}

	/***************************/
	/*** 9. Business details ***/
	/***************************/
	.business-details-row .business-details-review{
		display: block;
	}
	.business-details-row .business-details-review > div{
		width: 100%;
	}

	/***************************/
	/*** 10. Contact buttons ***/
	/***************************/
	.contact-buttons-row a{
		font-size: 20px;
		width: 100%;
	}
}

/*****************************/
/* Medium devices (desktops) */
/*****************************/
@media (min-width: 993px) and (max-width: 1199px) {
	body{
		font-size: 20px;
	}
	/***********************/
	/****** 1. Banner ******/
	/***********************/
	.banner-row .banner-content-info h3{
		font-size: 55px;
	}
	.banner-row .banner-content-info-descr h2,
	.banner-row .banner-content-info-descr h3,
	.banner-row .banner-content-info-descr h4,
	.banner-row .banner-content-info-descr h6{
		font-size: 30px;
	}
}

/**********************************/
/* Large devices (large desktops) */
/**********************************/
@media (min-width: 1200px) {

}

/**********************/
/* Custom media rules */
/**********************/
@media (max-width: 350px) {
	div#doctors-carousel > div {
		height: 97vw;
	}
}
@media (min-width: 350px) and (max-width: 400px) {
	div#doctors-carousel > div {
		height: 94vw;
	}
}
@media (min-width: 401px) and (max-width: 480px) {
	div#doctors-carousel > div {
		height: 88vw;
	}
}
@media (min-width: 401px) and (max-width: 480px) {
	div#doctors-carousel > div {
		height: 88vw;
	}
}
@media (min-width: 481px) and (max-width: 600px) {
	div#doctors-carousel > div {
		height: 85vw;
	}
}
@media (min-width: 601px) and (max-width: 700px) {
	div#doctors-carousel > div {
		height: 82vw;
	}
}
@media (min-width: 701px) and (max-width: 768px) {
	div#doctors-carousel > div {
		height: 80vw;
	}
}