/* Media Queries
================================================== */

@media (max-width: 1180px) {
	
	#block-basic-menu-menu-box
	{
		display: none;
	}
	
	#block-phone-menu-box
	{
		width: 50%;
	}
	
	#block-phone-menu-box .field--name-body a
	{
		min-width: 154px;
        font-size: 13px;
	}
	
	.path-frontpage #slide-box .views-field-fieldset
	{
		padding-top:2rem;
	}

	.views-field-field-slide-big-image 
	{
		position: absolute;
		z-index: -1;
		width: 200%;
		top: 0px;
		left: -50%;
	}
	
	#block-views-block-main-slider-block-1 .views-field-fieldset-1 
	{
		margin-top: 10vh;
		padding: 0 6% 6vh 6%;
	}
	
	#first-info-box .field--name-body div,
	#second-info-box .field--name-body div
	{
		width:50%
	}
	
	.logo-middle img {
		max-width: 140px;
	}
}

@media (max-width: 920px) 
{
	#block-views-block-all-methodologies-block-1 .row .views-row 
	{
	  width: 50%;
	}
	
	#block-views-block-main-slider-block-1 .row
	{
		margin: 0;
	}
	
	#block-text-about-rehabilitation-rehabilitation-box .row .row-content 
	{
		padding: 1rem 0 0 0rem;
	}
	
	.region-rehabilitation-box .row-content .row .col-md-6 
	{
        flex: 0 0 auto;
        width: 100%;
    }
	
	.region-rehabilitation-box .row-content .row .col-md-6 img
	{
		margin-bottom: 1rem;
	}
	
}

@media (max-width: 767px)
{
	
	#block-short-text-information-top-box,
	#second-info-box  .field--name-body div:nth-child(2)
	#second-info-box .field--name-body div:first-child,
	#first-info-box .field--name-body div:nth-child(2),
	#first-info-box .field--name-body div:first-child,
	#second-info-box .field--name-body div:first-child 
	{
		display:none !important;
	}
	
	#second-info-box .field--name-body div:nth-child(3),
	#first-info-box .field--name-body div:nth-child(3)
	{
		margin-top:1rem;
	}
	
	#block-consultation-text-and-button-diagnosis-box .field--name-body p, 
	#block-consultation-text-and-button-under-content-content-box .field--name-body p, 
	#block-consultation-text-and-button-under-title-content-box .field--name-body p, 
	.field--name-field-methodology-consultation p, .field--name-field-diagnosis-consultation p
	{
		display: flex;
		width: 100%;
		gap: 0.5;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 10px;
	}
	
	#block-consultation-text-and-button-diagnosis-box .field--name-body p>*, 
	#block-consultation-text-and-button-under-content-content-box .field--name-body p>*, 
	#block-consultation-text-and-button-under-title-content-box .field--name-body p>*, 
	.field--name-field-methodology-consultation p, .field--name-field-diagnosis-consultation p>*
	{
		width:100%;
		margin:0.5rem;
	}
	
	#block-consultation-text-and-button-diagnosis-box .field--name-body, 
	#block-consultation-text-and-button-under-content-content-box .field--name-body, 
	#block-consultation-text-and-button-under-title-content-box .field--name-body, 
	.field--name-field-methodology-consultation, .field--name-field-diagnosis-consultation 
	{
		background-color: #57a2c8;
		border-radius: 32px;
	}
}


@media (min-width: 576px) and (max-width: 767px)
{
	.views-field-field-slide-mobile-image img 
	{
		max-width: 216px;
	}
}

@media (max-width: 575px)
{
	.mobile-first 
	{
		order: 1 !important;
	}
	.mobile-second 
	{
		order: 2 !important;
	}

	#block-views-block-main-slider-block-1 .views-field-fieldset-1 
	{
		padding: 0px 0% 3vh 0%;
        text-align: center;
	}
	
	#block-views-block-main-slider-block-1 .views-field-fieldset-1 img
	{
		max-width:270px;
		margin:0 auto;
	}
	
	#first-info-box .field--name-body div,
	#second-info-box .field--name-body div
	{
		width:100%
	}
	
	#first-info-box .field--name-body div, 
	#second-info-box .field--name-body div 
	{
		padding: 1rem 0;
	}
	
	#block-logo-menu-box img
	{
		max-width:100px;
	}
	
	.views-field-field-slide-txt
	{
		padding:0 2rem;
	}
	
	#block-views-block-main-slider-block-1 h3 
	{
		font-family: Font4;
		font-size: 1.3rem;
	}
	
	.views-field-field-slide-txt p 
	{
		font-size: 1.1rem;
	}
	
	#block-phone-menu-box .field--name-body a
	{
		min-width:38px;
		height:38px;
        font-size:0px;
		background: url(images/phone-w.svg) center center #57a2c8 no-repeat;
		background-size:24px;
	}
	
	#mobile-box 
	{
		left: -100%;
		width: 100%;
	}
	
	.mobile-button span {
		top: 15px;
		right: 4px;
	}
	
	.mobile-button.toggle span
	{
		right: -24px;
	}
	
	.mobile-button 
	{
		right: -32px;
	}
	
	#block-views-block-all-specialists-block-2 .col-lg-8, 
	#block-views-block-all-reviews-block-2 .col-lg-8 
	{
		text-align: left;
		margin:0.5rem 0 2rem 0;
	}
	
	#block-views-block-all-specialists-block-2 .col-lg-8 a, 
	#block-views-block-all-reviews-block-2 .col-lg-8 a 
	{
		width: 100%;
	}
	
	#block-views-block-all-methodologies-block-1 .row .views-row 
	{
	   width: 100%;
	}
	
	.breadcrumb
	{
		overflow-x: scroll;
	}
	
	.breadcrumb ul
	{
		width: auto;
		white-space: nowrap;
		flex-wrap: initial;
	}
	
	h1 
	{
		font-size: 1.4em;
	}
	
	.field--name-field-methodology-consultation, 
	.field--name-field-diagnosis-consultation 
	{
		margin: 0rem 0rem 2rem 0rem;
	}
	
	.field--name-field-methodology-annotation, 
	.field--name-field-diagnosis-annotation 
	{
		margin: 2rem 0rem 2rem 0rem;
	}
	
	.page-node-type-diagnosis #content .row .row>*,
	.page-node-type-methodology #content .row .row>*
	{
		padding-right: calc(var(--bs-gutter-x) * 0);
		padding-left: calc(var(--bs-gutter-x) * 0);
	}
	
	.field--name-field-methodology-preview-image, 
	.field--name-field-methodology-gallery, 
	.field--name-field-methodology-before-gallery, 
	.field--name-field-methodology-gallery, 
	.field--name-field-diagnosis-txt, .field--name-field-diagnosis-preview-image 
	{
		margin-bottom: 1rem;
	}
	
	.field--name-field-methodology-gallery .col-md-4 
	{
        flex: 0 0 auto;
        width:50%;
    }
	
	.page-node-type-methodology  #content .field--name-field-methodology-gallery .row>* 
	{
		padding-right: calc(var(--bs-gutter-x) * .2);
		padding-left: calc(var(--bs-gutter-x) * .2);
	}
	
	.field--name-field-methodology-gallery .field__item {
		margin-bottom: calc(var(--bs-gutter-x) * .5);
	}
	
	.field--name-field-diagnosis-preview-image,
	.field--name-field-methodology-preview-image
	{
		margin-top:1rem;
	}
	
    #block-consultation-text-and-button-diagnosis-box .field--name-body p>*, 
	#block-consultation-text-and-button-under-content-content-box .field--name-body p>*, 
	#block-consultation-text-and-button-under-title-content-box .field--name-body p>*, 
	.field--name-field-methodology-consultation p, .field--name-field-diagnosis-consultation p>* 
	{
         margin: 0;
    }
	
	#block-consultation-text-and-button-under-content-content-box .field--name-body a, 
	#block-consultation-text-and-button-under-title-content-box .field--name-body a, 
	.field--name-field-methodology-consultation a, 
	.field--name-field-diagnosis-consultation a, 
	#block-consultation-button-mobile-box .field--name-body a
	{
		width:100%;
	}
	
	#block-consultation-text-and-button-under-content-content-box .field--name-body a, 
	#block-consultation-text-and-button-under-title-content-box .field--name-body a, 
	.field--name-field-methodology-consultation a, 
	.field--name-field-diagnosis-consultation a, 
	#block-consultation-button-mobile-box .field--name-body a,
	#block-consultation-text-and-button-diagnosis-box .field--name-body p a
	{
		margin-top:1rem;
	}
	
	#block-webform-zapysatys-na-konsultatsiyu
	{
		border-radius:0px;
	}

	/* Pulse */

	#block-phone-menu-box .field--name-body a.pulse {
		position: fixed;
        text-align: center;
        border-radius: 50%;
        top: 56px;
        right: 5%;
	  z-index:100;
	  background-color: #fa1c03;
	}

	.pulse::before {
	  content: ''; // Нужно для отображения псевдокласса
	  position: absolute;
	  border: 2px solid #57a2c8; // Ширину обводки можете выбрать сами
	  left: -20px;
	  opacity: 0;
	  right: -20px;
	  top: -20px;
	  bottom: -20px;
	  border-radius: 50%;
	  animation: pulse 2.5s linear infinite; // Указываем название анимации, время, тип, и нужно ли её повторять
	}

	@keyframes pulse {
	  0% {
		transform: scale(0.5);
		opacity: 0;
	  }
	  50% {
		opacity: 1;
	  }
	  100% {
		transform: scale(1.2);
		opacity: 0;
	  }
	}

	.pulse::after,
	.pulse::before {
	  content: '';
	  position: absolute;
	  border: 2px solid #57a2c8;
	  left: -20px;
	  opacity: 0;
	  right: -20px;
	  top: -20px;
	  bottom: -20px;
	  border-radius: 50%;
	  animation: pulse 2.5s linear infinite;
	}

	.pulse::after {
	  animation-delay: 1.25s;
	}

	@keyframes pulse {
	  0% {
		transform: scale(0.5);
		opacity: 0;
	  }
	  50% {
		opacity: 1;
	  }
	  100% {
		transform: scale(1.2);
		opacity: 0;
	  }
	}
	
	#block-phone-menu-box .field--name-body a.pulse.stickytop
	{
		top: 7px;
        right: 3%;
	}


}