/*==========  Desktop First Method  ==========*/

@media only screen and (max-width: 1300px) {
	
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
	.main-form-block {
		margin-top: 20px;
	}
	.first-screen-info br {
		display: none;
	}

	.header-phone {
		justify-content: flex-start;
	}

	.header-phone .to-whatsapp {
		right: 0 !important;
	}

	.nav-item {
		font-size: 14px;
	}

	.logo-block, .top-menu-block {
		padding: 0;
	}

	.container-lg-fluid {
		width: 100%;
		max-width: 100%;
	}

	h1 {
		margin-top: 30px !important;
	}

	.breadcrumbs {
		margin-bottom: 30px;
	}

	.single-practice-img {
		text-align: center;
		margin-top: 30px;
	}

	.single-practice-item-title {
		text-align: center;
	}


	footer .change-city {
		align-items: flex-start;
	}

	footer .navbar-nav {
		flex-direction: column;
	}


	#bottom-form input, #bottom-form button {
		max-width: 240px;
	}

	.about-us h2 {
		text-align: center !important;
	}

	.principles br {
		display: none;
	}

	.service-item-wrapper {
		max-width: 500px;
		margin: 0px auto 30px;
	}

	

	.service-item-info {
		display: flex;
		flex-flow: wrap column;
		justify-content: center;
		align-items: center;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 10px 10px !important;
	}

	.header-phone a {
		font-size: 16px;
	}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {

	.header-phone .to-whatsapp {
		right: -28px !important;
	}

	#hwi1::after, #hwi2::after {
		width: 29px;
		height: 17px;
	}

	.services-page .service-item {
		font-size: 14px;
		min-height: 91px;
	}

	header .navbar-nav .nav-item.dropdown::after {
		background: none;
	}
	#nav-item-dropdown.show {
		box-shadow: none;
	}

	.bread-link {
		font-size: 10px;
	}


	header {
		padding: 10px 0;
	}

	#bottom-form {
		flex-direction: column;
	}

	#bottom-form input, #bottom-form button {
		max-width: 100%;
		margin-bottom: 10px;
		margin-left: 0;
		margin-right: 0;
	}

	.bottom-form {
		margin-top: 50px;
	}

	.principle-item-title, .principle-item-img {
		text-align: center;
	}

	    .principle-item {
        min-height: auto;
        margin-bottom: 30px;
        padding-bottom: 20px;
    }

	.service-item-info ul {
		height: auto;
	}

	.how-working br, .about-us br {
		display: none;
	}
	.how-working {
		margin-bottom: 0px;
	}

	.how-working img {
		max-width: 100%;
		height: auto;
	}

	.header-phone {
		display: block;
	}

	.navbar-expand-lg {
		padding-left: 15px;
		padding-right: 15px;
	}
	.navbar-row {
		align-items: center;
	}
	.nav-item-active::after {
		content: none;
	}
	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {

	.how-working-item {
		margin-top: 50px;
	}

	#wrapper {
		margin-bottom: 50px;
	}

	.contacts-block {
		margin-top: 30px;
		margin-bottom: 0;
	}

	.contacts-map {
		margin-top: 10px;
	}

	#hwi1::after, #hwi2::after {
		transform: translateX(-50%) rotate(90deg);
		left: 50%;
		width: 50px;
		height: 30px;
		bottom: -10px;
		top: initial;
	}

	#nav-item-dropdown .dropdown-menu.show {
		top: 39px !important;
		transform: none !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.breadcrumbs {
		margin-top: 30px;
	}

	.single-service .service-info h3 {
		margin-top: 30px;
	}

	.services-list {
		border: none;
	}

	.service-advantage-item {
	display: flex;
	flex-flow: wrap column;
	margin-bottom: 20px;
	/* justify-content: end; */
}

	.footer-map-block {
		margin-top: 10px;
	}

	.footer-map {
		order: 1;
	}
	.footer-map-block .contacts-info {
		margin-bottom: 30px;
		margin-left: 0;
		order: 0;
	}

	.footer-map-block iframe{ 
		width: 100%;
	}
	.footer-map-block {
		flex-direction: column;
	}

	.next-link-block {
		text-align: right;
	}

	.prev-link-block, .next-link-block {
		margin-top: 20px;
	}



	.how-working-item {
		margin-bottom: 50px;
	}

	section {
		padding: 25px 0 !important;
	}

	.advantages, .principles, .reviews {
		margin-bottom: 30px;
	}

	.first-screen br {
		display: none;
	}



}


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

	.all-services {
		display: none;
	}

	.p-sm-0 {
		padding-left: 0;
		padding-right: 0;
	}

	.nav-item .dropdown-menu.show {
		flex-direction: column;
	}

	footer .active-city {
		font-size: 16px;
	}

	footer .change-city {
		justify-content: flex-start;
		margin: 10px 0;
	}

	footer .navbar-nav {
		margin-top: 20px;
	}

	footer .nav-link {
		padding: 5px 0 !important;
	}

	

	.main-form-block {
		padding-left: 15px;
		padding-right: 15px;
	}

	.bottom-form .container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.reviews .container {
		border: none;
	}
	.dropdown-item {
		font-size: 12px;
	}
	.change-city {
		font-size: 12px !important; 
	}
}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

	.to-mail-btn {
		display: none;
	}

	.practice-item {
		flex-direction: column;
	}

	.call-mob {
	display: flex;
	position: fixed;
	text-decoration: none;
	z-index: 2147483647;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	bottom: 15px;
	right: 10px;
	justify-content: center;
	align-items: center;
	background: #22b21d;
	padding: 10px;
}

	.mmenu {
		width: 100%;
	}



	footer .container {
		padding-bottom: 0;
	}

	#wrapper {
		margin-bottom: 0;
	}

	.bottom-form {
		margin-top: 0;
	}

	.prev-link-block, .next-link-block {
		padding: 0;
	}
	.advantages-item-title {
		font-size: 16px !important;
	}

}

@media only screen and (max-width : 400px) {
	.footer-map-block p:nth-child(2), .footer-map-block p:nth-child(3) {
		font-size: 12px;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {


}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	


}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1199px) {

	footer .change-city {
		justify-content: end;
	}
}

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

	

}