@media (max-width: 479px)
{
    /*------------------------
        Main styles
    ------------------------*/
	.section_form .form{
		padding: 30px 10px;
	}

	.form_head{
		margin-bottom: 20px;
	}

	.form_head .main_title{
		font-size: 20px;
		line-height: 1.2;
	}

	.form .agree{
		font-size: 12px;
		margin-top: 10px;
	}
	
	.form .line_flex
	{
		margin-left: 0;
	}

	.form .line_flex .line_form
	{
		width: 100%;
		margin-left: 0;
	}


	.main_subTitle{
		line-height: 1.71;
	}

	.main_subTitle br{
		display: none;
	}


	.text_block h2{
		font-size: 18px;
		margin-bottom: 20px;
	}

	.text_block h3{
		margin-bottom: 20px;
	}

	.text_block ul{
		line-height: 24px;
	}

	.text_block ul li{
		padding-left: 14px;
	}

	.text_block ul li:before{
		left: 0;
		width: 4px;
		height: 4px;
		top: 10px;
	}

	.text_block ol li{
		min-height: 1px;
		padding-top: 0;
		padding-left: 18px;
	}

	.text_block ol li:before{
		width: auto;
		height: auto;
		border-radius: 0;
		border: none;
		font-size: inherit;
		line-height: inherit;
	}

	.info_important{
		font-size: 14px;
	}


	.content_flex aside .aside_feature{
		width: 100%;
	}

	.content_flex aside .files{
		width: 100%;
	}


	.section_head .main_title{
		margin-bottom: 20px;
		width: 100%;
	}

	.section_head .green_btn {
		width: 100%;
	}
	/*------------------------
		Pagination
	------------------------*/
	.pagination a,
	.pagination span{
		margin: 0 3px;
	}
    /*------------------------
        Header
    ------------------------*/
	header{
		padding-top: 70px;
	}

	.mob_head .top{
		padding: 12px 0 6px;
	}

	.mob_head .logo{
		width: 131px;
	}

	.mob_menu_btn{
		width: 24px;
		height: 24px;
		padding-left: 4px;
		padding-right: 4px;
	}

	.choiceCity_modal .close svg {
		width: 12px;
		height: 12px;
		stroke-width: 3px;
	}

	.choiceCity_modal .close{
		width: 44px;
	}

	header .messengers{
		line-height: 1.71;
	}

	header .messengers div{
		width: 100%;
	}

	header .messengers div + div{
		margin: 16px 0 0;
	}
    /*------------------------
        Main section
    ------------------------*/
	.slider-pagination .slider-dot{
		margin-left: 3px;
		margin-right: 3px;
	}


	.first_section .img img{
		width: 300px;
		height: 240px;
		object-fit: cover;
		object-position: 50% 0;
	}

	.first_section .img_abs img{
		width: 230px;
		height: 260px;
	}


	.main_services .service{
		padding-left: 10px;
		padding-right: 10px;
	}

	.main_services .service .name{
		line-height: 22px;
	}

	.main_services .service .desc{
		font-size: 12px;
		line-height: 20px;
	}

	.main_services .service .desc span {
		margin-left: 20px;
		width: auto;
		display: inline-block;
	}

	.main_services .service .box_price{
		line-height: 21px;
	}

	.main_services .service .more{
		margin-top: 20px;
	}
	.index_page .main_services{
		margin-top: -144px!important;
	}


	.services .tabs{
		margin-bottom: 20px;
	}

	.services .grid{
		margin-top: -12px;
	}

	.services .service{
		padding: 12px 0;
		flex-wrap: wrap;
	}

	.services .service .name{
		width: 100%;
		margin-right: 0;
	}

	.services .service .price{
		text-align: left;
		margin-top: 20px;
	}

	.services .service .arrow{
		order: 3;
		width: 22px;
		min-width: 1px;
		margin-right: 0;
		margin-top: 20px;
	}

	.services .service .arrow:before{
		display: none;
	}

	.services .service .arrow:after{
		opacity: 1;
		width: 22px;
	}

	.services .service:hover .arrow {
		flex-grow: 0;
	}


	.popular_tests .test{
		padding: 20px 10px 10px;
	}

	.popular_tests .grid_mob .test{
		padding-top: 10px;
	}

	.popular_tests .test .name{
		font-size: 12px;
		line-height: 20px;
	}

	.popular_tests .wrapp_grid .test .name{
		font-size: 18px;
		line-height: 1.22;
	}

	.popular_tests .grid_mob .test .info{
		margin-left: -20px;
		width: calc(100% + 20px);
		padding-left: 0;
	}

	.popular_tests .grid_mob .test .info .icon{
		display: none;
	}

	.popular_tests .grid_mob .test .info{
		font-size: 12px;
		line-height: 20px;
	}

	.popular_tests .grid_mob .test .bot{
		margin-top: 30px;
	}

	.popular_tests .grid_mob .test .arrow{
		display: none;
	}

	.popular_tests .test .price{
		line-height: 23px;
	}


	.main_articles .item{
		padding: 20px 0 136px;
	}

	.main_articles .item .name{
		font-size: 18px;
		line-height: 1.22;
	}

	.main_articles .item .arrow{
		left: 10px;
		bottom: 10px;
	}

	.main_articles .item .icon{
		top: auto;
		bottom: 0;
		width: 110px;
		height: 130px;
		padding-top: 0;
		padding-bottom: 20px;
	}


	.main_about .logo{
		width: 131px;
	}

	.main_about .info .title{
		font-size: 18px;
	}

	.main_about .info .info_desc{
		font-size: 14px;
		line-height: 1.86;
	}

	.main_about .about_box{
		padding: 30px 10px;
	}

	.main_about .about_box .title {
		font-size: 20px;
		line-height: 26px;
	}

	.main_about .about_box .desc{
		line-height: 1.71;
	}


	.advantages .item .name{
		font-size: 12px;
	}


	.video .video_play{
		font-size: 8px;
		line-height: 12px;
	}

	.video .video_play:after{
		width: 140px;
		height: 140px;
		margin-top: -70px;
		margin-left: -70px;
	}

	.video .video_play span{
		padding-left: 20px;
		margin-top: 0;
		max-width: 82px;
	}

	.video .video_play span:before{
		width: 12px;
		height: 16px;
		background-size: contain;
	}


	.trust_us .item{
		padding: 25px 10px 30px;
	}


	.our_team .grid{
		margin-left: 0;
	}
	
	.our_team .grid .team_member{
		width: 100%;
		margin-left: 0;
	}

	.our_team .team_member{
		padding: 30px;
	}

	.our_team .team_member .name {
		margin-top: 8px;
	}

	.our_team .team_member .experience{
		font-size: 12px;
		line-height: 30px;
	}

	.our_team .team_member .experience span{
		padding: 0 14px;
		border-radius: 4px;
	}


	.articles.gray{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.articles .grid{
		margin-left: 0;
	}
	
	.articles .grid .article{
		width: 100%;
		margin-left: 0;
	}

	.articles .article .date {
		font-size: 12px;
		line-height: 20px;
	}

	.articles .article .view{
		font-size: 12px;
		line-height: 20px;
		padding-left: 20px;
	}

	.articles .article .view:before{
		width: 16px;
		height: 12px;
		background-size: contain;
		margin-top: -6px;
	}

	.articles .article .name {
		margin-top: 10px;
		font-size: 14px;
		line-height: 1.71;
	}


	.reviews .grid{
		margin-top: -10px;
	}
	
	.reviews .grid .review{
		margin-top: 10px;
	}

	.reviews .review{
		padding: 20px 10px;
	}

	.reviews .review .icon{
		margin-bottom: 10px;
	}

	.reviews .review .text{
		line-height: 1.71;
		margin-bottom: 20px;
	}

	.reviews .review .link{
		padding-top: 20px;
	}
	/*------------------------
		Types tests
	------------------------*/
	.types_tests .test{
		font-size: 18px;
	}
	/*------------------------
		Information
	------------------------*/
	.aside_feature{
		padding-left: 18px;
		padding-right: 18px;
	}

	.aside_feature .item{
		line-height: 24px;
	}

	.aside_feature .item + .item{
		margin-top: 10px;
	}

	.aside_feature .price{
		margin-top: 26px;
	}

	.aside_feature .btn{
		margin-top: 24px;
	}
	

	.files{
		padding-left: 18px;
		padding-right: 18px;
	}

	.files .file{
		line-height: 1.71;
	}


	.big_files .file{
		line-height: 24px;
		align-content: flex-end;
		align-items: flex-end;
	}

	.big_files .file .icon{
		width: 24px;
		height: 24px;
	}
	/*------------------------
		Info Test
	------------------------*/
	.info_test .main_title{
		font-size: 20px;
	}

	.feature .items .item + .item{
		margin-top: 10px;
		padding-top: 10px;
	}

	.feature .items .item .name{
		width: calc(42% - 8px);
	}

	.feature .items .item .val {
		width: calc(58% - 8px);
	}

	.feature .price {
		font-size: 24px;
		margin-top: 20px;
		text-transform: none;
	}
	/*------------------------
		Page links
	------------------------*/
	.page_links .box_links{
		padding-top: 75px;
	}
	/*------------------------
		History
	------------------------*/
	.history .year{
		display: none;
	}

	.history .cols .col:first-child{
		margin-top: 0;
	}

	.history .title{
		font-size: 18px;
		line-height: 22px;
	}
	/*------------------------
		Accardion
	------------------------*/
	.accardion .accardion_title{
		font-size: 12px;
		line-height: 20px;
		padding-right: 50px;
	}
	/*------------------------
		Doctors Card
	------------------------*/
	.doctor_card .photo {
		width: 240px;
		margin: 0 auto;
	}

	.doctor_card .main_title{
		font-size: 18px;
	}
	/*------------------------
		Article author
	------------------------*/
	.article_author{
		margin-top: 30px;
	}

	.article_author .title{
		width: 100%;
		order: 0;
		margin-bottom: 12px;
		text-align: left;
	}

	.article_author .photo{
		order: 1;
		width: 60px;
		margin-bottom: 0;
	}

	.article_author .photo .img{
		width: 100%;
		height: auto;
		padding-bottom: 100%;
		margin-left: 0;
	}

	.article_author .box{
		width: calc(100% - 70px);
		order: 2;
		line-height: 1.71;
	}

	.article_author .position{
		margin-top: 2px;
	}

	.article_author .experience{
		margin-top: 14px;

		font-size: 12px;
		line-height: 30px;
	}

	.article_author .experience span{
		padding: 0 16px;
		border-radius: 4px;
	}
	/*------------------------
		Article
	------------------------*/
	.article_head .info{
		font-size: 12px;
		line-height: 20px;
	}
	/*------------------------
		Faq
	------------------------*/
	.faq .content .wrapp_tab{
		padding-top: 70px;
	}

	.faq .head_modal .close{
		width: 44px;
	}

	.faq .head_modal .close svg{
		width: 12px;
		height: 12px;
		stroke-width: 3px;
	}
	/*------------------------
		Payment
	------------------------*/
	.participants .item{
		flex-wrap: wrap;
	}

	.participants .item .checkbox{
		width: 100%;
		margin-left: 0;
	}

	.participants .item .select_small{
		width: 100%;
		margin-top: 10px;
	}

	.section_payment .price{
		font-size: 20px;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		align-content: flex-start;
		flex-wrap: wrap;
	}
    /*------------------------
        Equipment
    ------------------------*/
	.equipment .item .wrapp_img{
		height: auto;
		padding-bottom: 42%;
		min-height: 140px;
	}

	.equipment .item .title{
		margin-top: 10px;
	}

	.equipment .item .desc{
		margin-top: 10px;
	}
	/*------------------------
		About
	------------------------*/
	.about_info .cert h4 br{
		display: none;
	}
	/*------------------------
		Contacts
	------------------------*/
	.contacts .contact .phone{
		font-size: 18px;
		width: 100%;
	}
	.contacts{
		margin-top: 104px;
	}

	.contacts .contact .mail{
		font-size: 18px;
		margin-left: 0;
		width: 100%;
		margin-top: 16px;
	}

	.contacts .tabs_btn button {
		width: calc(50% - 5px);
	}

	.contacts .tabs_btn button + button{
		margin-left: 5px;
	}
	.our_team{
		margin-top: 104px;
	}
	.articles{
		margin-top: 104px!important;
	}
	.faq{
		margin-top: 104px;
	}
	.reviews{
		margin-top: 104px;
	}
	.vacancies{
		margin-top: 104px;
	}
	.section_doctor{
		margin-top: 104px;
	}

	.wrapp_map .map{
		height: 320px;
	}


	.table_contact .item .box.second{
		width: 100%;
	}

	.table_contact .item .box.last{
		width: 100%;
	}

	.table_contact .item .title{
		font-size: 12px;
		line-height: 20px;
	}

	.table_contact .item .desc{
		font-size: 12px;
		line-height: 20px;
	}

	.form .filed.flex{
		flex-wrap: wrap;
	}

	.form .filed.flex .label{
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.filter .filed.flex .label{
		display: none;
	}
	/*------------------------
		Tests
	------------------------*/
	.tests .grid{
		margin-left: 0;
	}

	.tests .grid .test{
		width: 100%;
		margin-left: 0;
	}

	.tests .test .name{
		font-size: 18px;
		line-height: 22px;
	}
	/*------------------------
		what to do
	------------------------*/
	.what_toDo .grid .item{
		padding: 20px 10px;
	}

	.what_toDo .item .name{
		font-size: 18px;
		line-height: 22px;
	}

	.what_toDo .item .desc{
		line-height: 1.71;
	}
	/*------------------------
		Certificates
	------------------------*/
	.certificates .grid{
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.certificates .item{
		padding: 10px;
	}

	.certificates .item:nth-child(8n + 2),
	.certificates .item:nth-child(8n + 4) {
		padding-left: 10px;
		padding-right: 10px;
	}

	.certificates .item:nth-child(n + 7){
		display: none;
	}
	/*------------------------
		Compare
	------------------------*/
	.compare_table tbody tr td,
	.compare_table tfoot tr td{
		width: auto;
	}

	.compare_table tbody tr td:first-child{
		width: calc(100% - 40px);
	}

	.compare_table tbody tr td.td_text{
		width: 100%;
	}

	.compare_table tfoot tr td:first-child{
		width: auto;
	}

	.compare_table tfoot tr td.td_text{
		width: auto;
	}
    /*------------------------
        Footer
    ------------------------*/
	footer{
		padding: 20px 0;
	}

	footer .logo {
		width: 134px;
	}

	footer .info{
		margin-top: 20px;
	}

	footer .info .flex{
		margin-left: 0;
		margin-top: -6px;
	}

	footer .info .list{
		margin-left: 0;
		width: 100%;
		margin-top: 26px;
		text-align: center;
	}

	footer .list{
		line-height: 24px;
	}

	footer .list div + div{
		margin-top: 6px;
	}

	footer .bot{
		margin-top: 20px;
		padding-top: 20px;
	}

	footer .list_bot{
		width: 100%;
		justify-content: space-between;
	}

	footer .creator{
		margin-top: 16px;
		padding-top: 20px;
		width: 100%;
		border-top: 1px solid rgba(22, 124, 146, 0.2);
	}
    /*------------------------
       PopUp
    ------------------------*/
	.modal{
		padding-top: 70px;
	}

	.modal_title br{
		display: none;
	}

	.head_modal{
		padding-top: 12px;
		padding-bottom: 7px;
	}

	.head_modal .logo{
		width: 131px;
	}

	.page_links .head_modal .close{
		width: 44px;
	}

	.page_links .head_modal .close svg{
		width: 12px;
		height: 12px;
		stroke-width: 3px;
	}

	.fancybox__content > .carousel__button.is-close {
		width: 44px;
		height: 46px;
	}

	.fancybox__content > .carousel__button.is-close svg {
		width: 12px;
		height: 12px;
		stroke-width: 3;
	}
}