@media (max-width: 767px)
{
    /*---------------
        Main styles
	---------------*/
	body
    {
        font-size: 14px;
        line-height: 21px;
    }

	.tabs button{
		height: 40px;
		font-size: 14px;
		padding: 0 19px;
	}

	.tabs button + button{
		margin-left: 20px;
	}

	.swiper-container
	{
	    padding-bottom: 60px;
	}

	.slider-button-prev,
	.slider-button-next
	{
    	width: 40px;
	    height: 40px;
	}


    .main_title
    {
        font-size: 34px;
	}


	.page_title{
		font-size: 34px;
	}


	.breadcrumbs {
		font-size: 14px;
		line-height: 20px;
	}

	.breadcrumbs .sep{
		margin: 0 8px;
	}


    .global_title
    {
        font-size: 14px;
        line-height: 21px;
    }

	.wrapp_title .page_btn{
		display: none;
	}

	.wrapp_btn{
		padding-top: 30px;
	}

	.wrapp_btn.mob{
		display: block;
	}



	h1,
    .text_block > .title
    {
		font-size: 34px;
    }

	.seo_section .text_block h1,
	.seo_section .text_block > .title{
		font-size: 34px;
	}

	h2{
		font-size: 28px;
	}

	h3{
		font-size: 22px;
	}

	h4{
		font-size: 16px;
	}

	.text_block blockquote{
		font-size: 16px;

		padding-left: 15px;
	}

	.text_block p,
	.text_block ul,
	.text_block ol{
		margin-bottom: 21px;
	}

	.text_block ul li + li
	{
		margin-top: 20px;
	}


	.form .cols .col{
		width: calc(50% - 7px);
	}

    .form .line_flex .line_form
    {
        width: calc(50% - 7px);
    }

    .form .input
    {
        height: 50px;
        padding: 0 20px;
    }

	.form textarea{
		height: 198px;

		padding-left: 20px;
		padding-right: 20px;
	}

    .form .submit
    {
        margin-top: 10px;
    }

    .form .submit_btn
    {
        height: 50px;
    }

    .form .agree
    {
        margin-top: 20px;
    }

    /*---------------
        Header
	---------------*/
	.search_form .input{
		height: 50px;
		padding: 0 44px 0 19px;
		border-radius: 4px;
	}

	.search_form .submit_btn{
		height: 50px;
		width: 37px;
		margin-left: -37px;
		border-radius: 0 4px 4px 0;
	}

	.search_content .tabs_container{
		margin-top: 30px;
	}

	.search_list{
		margin-top: 20px;
	}

	.search_list .item_wrapp + .item_wrapp{
		margin-top: 30px;
	}

	.search_list .item{
		padding: 0;
	}

	.search_list .item .more_link{
		display: none;
	}

	.search_list .item * + .desc{
		margin-top: 14px;
	}

	.search_list .item .desc br{
		display: none;
	}
    /*---------------
        Main section
	---------------*/
	.main_slider .slider{
		padding-bottom: 60px;
	}

	.main_slider .slide .block{
		width: 100%;
	}

	.main_slider .slide .box_img{
		display: none;
		width: 100%;

		margin-bottom: 20px;
	}

	.main_slider .slide .box_img.mob{
		display: block;
	}

	.main_slider .slide .img{
		padding-bottom: 67%;
	}

	.main_slider .slide .item{
		margin-bottom: 20px;
	}

	.main_slider .slide .title {
		font-size: 40px;
	}

	.main_slider .slide .page_btn{
		min-width: 194px;
		margin-top: 20px;

		width: 100%;
	}
	.main_slider .slider-button-next,
	.main_slider .slider-button-prev {
			width: 40px;
			height: 40px;
			left: 50%;
		}

	.main_slider .slider-button-next {
		transform: translateX(7px);
	}
	.main_slider .slider-button-prev {
		transform: translateX(-47px) rotate(180deg);
	}


	.sorting .items .item{
		font-size: 14px;
		line-height: 38px;
		padding: 0 19px;
	}

	.sorting .items .item + .item{
		margin-left: 20px;
	}


    .categories
    {
        margin-top: 30px;
    }

    .categories.inner
    {
    	margin-top: 0;
    }

    .categories .grid
    {
        margin: 0;
        position: relative;
        justify-content: space-between;
        padding-top: 20px;
        border-top: 1px solid rgba(221,221,221, .4);
    }

    .categories.inner .grid
    {
    	padding-top: 0;
    	margin-top: 16px;
    	border-top: none;
    }

    .categories .grid .item
    {
        width: calc(100%/2 - 5px);
        margin: 10px 0 0 0;
        padding: 20px 0;
    }

    .categories.inner .grid .item
	{
		margin-top: 10px;
	}

    .categories .item .icon
    {
        height: 60px;
        padding-bottom: 15px;
    }

    .categories .item .name
    {
        font-size: 16px;
    }

    .categories .item .more_link
    {
        margin-left: auto;
    }

    .categories.inner .item .more_link
    {
    	margin-left: 15px;
    }


	.doctors .slider{
		width: 280px;

		margin: 20px auto 60px;
	}

	.doctors .grid{
		margin: 10px 0 0 -10px;
	}

	.doctors .grid .doctor {
		width: calc(100%/2 - 10px);
		margin: 20px 0 0 10px;
	}

	.doctors .doctor{
		padding-left: 9px;
		padding-right: 9px;
	}

	.doctors .doctor .experience {
		width: 24px;
		height: 24px;
		left: 9px;
		top: 19px;
		font-size: 18px;
		line-height: 24px;
	}

	.doctors .doctor .open_video {
		right: 9px;
		top: 9px;
	}

	.doctors .doctor .box_photo{
		padding: 0 0 92%;
		position: relative;
	}

	.doctors .doctor .photo{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		padding: 0 25px;
	}

	.doctors .doctor .name {
		font-size: 16px;
		line-height: 24px;
	}

	.doctors .slider .doctor .position {
		font-size: 14px;
		line-height: 16px;
	}

	.doctors .doctor .desc {
		font-size: 12px;
		line-height: 18px;
	}

	.doctors .doctor .review{
		margin-top: 20px;
	}

	.doctors .doctor .review {
		margin-top: 20px;
		font-size: 14px;
		line-height: 16px;
	}

	.doctors .doctor .signUp_link{
		margin-top: 30px;

		height: 50px;
		font-size: 14px;
	}

	.doctors .now .doctor .signUp_link{
		height: 50px;
		margin-top: 20px;
	}


	.contacts .items .item{
		margin-top: 30px;
	}

	.contacts .item .title{
		margin-bottom: 14px;
		font-size: 20px;
	}

	.contacts .item * + .title{
		margin-top: 30px;
	}

	.contacts .item .phone {
		font-size: 20px;
		line-height: 1.2;
	}

	.contacts .item .line + .line{
		margin-top: 14px;
	}

	.messengers{
		margin-top: 20px;
	}

	.contacts .wrapp_btn{
		text-align: center;
	}


	.important{
		margin-top: 60px;
		border-radius: 4px;
		font-size: 14px;
		line-height: 21px;

		padding: 19px 15px;
	}

	.contacts .map{
		height: 240px;
		border-radius: 0;

		width: calc(100% + 40px);
		margin-left: -20px;
		margin-right: -20px;
	}


	.gallery_photo{
		padding-bottom: 60px;
	}

	.gallery_photo .img{
		border-radius: 4px;
	}

	.gallery_photo .img img{
		border-radius: 4px;
	}


	.wheelSlider-container .wheelSlider-arrow
	{
		width: 40px;
		height: 40px;

		bottom: -60px;
	}

	.wheelSlider-container .wheelSlider-arrow[data-action='prev']{
		margin-right: 10px;
	}

	.wheelSlider-container .wheelSlider-arrow[data-action='next']{
		margin-left: 10px;
	}

	.wheelSlider-container .wheelSlider-arrow svg {
		width: 12px;
		height: 8px;
	}


    .about,
    .advantages,
    .main_doctors,
    .reviews,
    .news,
    .section_map,
    .section_form,
    .section_form,
    .section_certs,
    .seo_section,
	.solve_problems,
    .gallery,
    .cost_services,
    .info_slider,
    footer
    {
        margin-top: 60px;
    }

    .about .slider .slide
    {
        background: none;
    }

    .about .slide .info
    {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }

    .about .slide .title
    {
        font-size: 28px;
        line-height: 34px;
    }

    .about .slide .box_img
    {
        width: 100%;
    }

    .about .slide .box_img .img
    {
        padding-bottom: 56%;
    }

    .about .slide .box_img .img img
    {
        border-radius: 4px;
    }

	.about .slider-button-next{
		left: 60px;
	}


	.gallery .wrapp_title{
		margin-right: 0;
	}

    .gallery .slider
    {
        margin-top: 25px;

		padding-bottom: 60px;
    }

    .gallery .slider-button-next,
    .gallery .slider-button-prev
    {
        top: auto;
		bottom: 0;
    }

	.gallery .slider-button-prev{
		right: 50%;
		margin-right: 10px;
	}

	.gallery .slider-button-next{
		right: auto;
		left: 50%;
		margin-left: 10px;
	}

    .img_video:after
    {
        width: 60px;
        height: 60px;

        margin-top: -30px;
        margin-left: -30px;

        background-size: 16px;
    }

    .gallery .slide .place
    {
        font-size: 18px;
        line-height: 22px;
    }


	.gallery2{
		margin-top: 30px;
	}


	.wrapp_title.slider_marg{
		margin-right: 0;
	}

    .reviews .slider
    {
        margin-top: 25px;
    }

    .reviews .review .name
	{
	    margin-right: 130px;
	}

	.reviews .review .position
	{
	    margin-right: 130px;
	}

	.reviews .swiper-slide .name,
	.reviews .swiper-slide .position
	{
	    opacity: 0;
	    transition: opacity .2s linear;
	}

	.reviews .swiper-slide.swiper-slide-visible .name,
	.reviews .swiper-slide.swiper-slide-visible .position
	{
	    opacity: 1;
	}

	.reviews .slider-button-prev
	{
		top: auto;
		bottom: 3px;
		right: 60px;
	}

	.reviews .slider-button-next
	{
		top: auto;
		bottom: 3px;
	}

	.reviews .review .info{
		min-height: 264px;
	}

	.reviews .review .read_more{
		margin-top: 20px;
		font-size: 14px;
		line-height: 19px;
	}


    .news .slider
    {
        margin-top: 25px;
    }


	.messengers_page{
		margin-top: 10px;
	}

	.messengers_page .flex{
		margin-left: -10px;
	}

	.messengers_page a{
		margin: 10px 0 0 10px;
		width: 80px;
		height: 40px;
	}

	.messengers_page img{
		max-height: 20px;
	}


    .section_map .wrapp_map
    {
        margin-top: 25px;
    }

    .section_map .map
    {
        height: 200px;
    }

    .section_map .wrapp_map .data_map
    {
        position: relative;
        top: 0;
        left: 0;

        margin-top: 20px;
    }

    .section_map .data_map .bg
    {
        width: 100%;
        padding: 0;
        box-shadow: none;
    }

    .section_map .city
    {
        font-size: 20px;
        line-height: 26px;
    }

    .section_map .adress
    {
        line-height: 21px;
    }

    .section_map .phone
    {
        margin-top: 14px;
        font-size: 24px;
        line-height: 30px;
    }


    .section_form .form
    {
        margin-top: 30px;
    }


    .seo_section .text_block p
    {
        line-height: 24px;
    }


    .section_certs .slider
    {
        margin-top: 25px;
    }


	.accordion .item,
	.accordion.flex .item
	{
		margin-top: 20px;
	}

    .accordion .open_btn
    {
	    font-size: 20px;
	    line-height: 28px;
	    padding: 10px 75px 10px 10px;
	}

	.accordion .open_btn .icon
	{
		width: 30px;
	    height: 30px;
	    right: 10px;
	    top: 9px;
	}

	.accordion .open_btn .icon:before
	{
	    height: 9px;
	}

	.accordion .open_btn .icon:after
	{
	    width: 9px;
	}

	.accordion .data
	{
		padding-left: 10px;
		padding-bottom: 20px;
	}


	.cost_services .wrap_title .global_title
	{
		margin-top: 15px;
	}

	.cost_services .items .title
	{
		font-size: 26px;
    	line-height: 32px;
	}

	.cost_services .items .item + .item
	{
	    margin-top: 40px;
	}

	.cost_services .items table
	{
		margin-top: 20px;
	}

	.cost_services table tr td
	{
		padding-top: 14px;
		padding-bottom: 14px;
	}


	.info_slider .box
	{
	    padding-bottom: 60%;
	}

	.info_slider .info
	{
	    padding: 0 23px 20px;
	}

	.info_slider .info .img
	{
	    height: 60px;
	}

	.info_slider .info .title
	{
	    font-size: 22px;
	    line-height: 28px;
	}

	.info_slider .info .title br
	{
		display: none;
	}


	.section_card
	{
		margin-top: 20px;
	}

	.section_card .info .title
	{
		font-size: 30px;
	}


	.cost_services .top_title
	{
		font-size: 32px;
	}

	.cost_services .top_title + .items
	{
		margin-top: 10px;
	}


	.doctor_section .sector
	{
		padding-top: 0;
		margin-top: 10px;
	}

	.doctor_section .photo_box
	{
		width: 100%;
		max-width: 360px;
		margin: 0 auto;
		padding-right: 0;
	}

	.doctor_section .photo,
	.doctor_section .photo img
	{
		border-radius: 4px;
	}

	.doctor_section .experience
	{
		position: relative;
		top: 0;
		right: 0;
		width: auto;
		height: auto;

		border-radius: 0;
		border: none;
		background: none;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 0;
		margin-top: 20px;
		align-content: flex-start;
	}

	.doctor_section .info
	{
		width: 100%;
		margin-top: 10px;
	}

	.doctor_section .info .name
	{
		font-size: 34px;
		margin-bottom: 16px;
	}

	.doctor_section .info .position
	{
	    font-size: 20px;
	    margin-bottom: 20px;
	}

	.doctor_section .signUp_btn
	{
		margin-left: auto;
		margin-right: auto;
	}


	.reviews .grid
	{
	    margin-top: 30px;
	}

	.reviews .gutter_sizer
    {
        width: 0;
    }

    .reviews .grid_sizer,
    .reviews .grid_item
    {
        width: 100%;
    }

    .reviews .more_btn
    {
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    	align-content: center;
    	flex-wrap: wrap;
    }

    .reviews .more_btn .page_btn
    {
    	width: calc(50% - 15px);
    	padding: 0 10px;
    }

    .reviews .more_btn .page_btn.mob
    {
    	display: block;
    }


	.advantages .wrapp_grid{
		max-width: 50%;
		width: 320px;
		margin: 0 auto;

		overflow: visible;
	}

	.advantages .swiper-container{
		padding-bottom: 0;
	}

	.advantages .item .box {
		padding: 20px;
	}


	.virtual_tour{
		margin-top: 60px;
	}

	.virtual_tour .title{
		font-size: 26px;
	}

	.virtual_tour .title span{
		display: inline-block;
	}

	.virtual_tour .img_tour{
		border-radius: 0;
		width: calc(100% + 40px);
		margin: 14px -20px 0;

		min-height: 183px;
		object-fit: cover;
	}


	.manual{
		margin-top: 60px;
	}

	.manual .cols_page{
		margin-top: 20px;
	}

	.cols_page .item .col_l,
	.cols_page .item .col_r{
		width: 100%;
		max-width: none;
	}

	.cols_page .item * + .col_r{
		margin-top: 14px;
	}

	.cols_page .item + .item{
		margin-top: 40px;
	}

	.cols_page .item .name {
		font-size: 26px;
	}

	.cols_page .item .date{
		margin-top: 10px;
	}

	.cols_page .item .date span{
		margin-left: 10px;
	}
    /*---------------
        Footer
	---------------*/
	footer{
		padding-bottom: 80px;
	}

	footer .top{
		padding: 30px 0;
	}

	footer .col_l{
		display: none;
	}

	footer .box_menu{
		display: none;
	}

	footer .info{
		display: none;
	}

	footer .logo{
		display: block;
		width: 100%;

		margin-bottom: 10px;
	}

	footer .logo img{
		display: block;
		margin: 0 auto;
		max-height: 40px;
	}

	footer .contact{
		width: 100%;
		text-align: center;
	}

	footer .phone{
		font-size: 20px;
		line-height: 27px;
		font-family: var(--font_family2);
		font-feature-settings: 'pnum' on, 'lnum' on;

		margin-bottom: 21px;
	}

	footer .mail{
		display: none;
	}

	footer .title{
		display: none;
	}

	footer .contact .time{
		display: block;
	}

	footer .city{
		display: block;
	}

	footer .adres{
		margin: 14px 0 30px;
	}

	footer .adres span{
		display: none;
	}

	footer .messengers{
		margin-top: 60px;
		justify-content: center;
	}

	footer .bot{
		display: none;
	}
    /*---------------
       PopUp
    ---------------*/
	.fancybox-slide.fancybox-slide--html{
		padding: 0;
	}

	.fancybox-slide--html .fancybox-content{
		font-size: 0;
	}

	.fancybox-slide--html .fancybox-close-small{
		width: 24px;
		height: 24px;
		top: 16px;
		left: 20px;
		padding: 0;
		right: auto;
		transform: rotate(180deg);
		background: #fff url(../images/arrow_menu.svg) 50% no-repeat;
	}

	.fancybox-slide--html .fancybox-close-small svg{
		display: none;
	}

	.modal{
		border-radius: 0;

		padding: 70px 20px 30px;
		min-height: 100vh;
	}

	.modal_title {
		font-size: 36px;
		line-height: 1.2;
	}

	.modal .form{
		margin-top: 30px;
	}

	.modal .doctor{
		justify-content: center;

		margin-top: 35px;
	}

	.modal .doctor .box_photo{
		width: 290px;
	}

	.modal .doctor .box{
		width: 100%;
		margin-top: 20px;
		max-width: none;
		padding-bottom: 10px;
	}

	.modal .doctor .name{
		font-size: 20px;
		line-height: 27px;

		text-align: center;
	}

	.modal .doctor .position{
		margin-top: 20px;
		text-align: center;
	}

	.modal .doctor .time{
		font-size: 14px;
		line-height: 19px;
		margin-top: 20px;
		text-align: center;
	}
	/*---------------
        custom
	---------------*/
	.cookie_agree_flex_wrap{
		flex-wrap: wrap;
	}
	.cookie_agree_btn_wrap {
		padding-top: 20px;
	}
	.cookie_agree_text, .cookie_agree_text a {
		color: #fff;
		font: 15px var(--font_family);
		width: 100%;
	}
}


@media (max-width: 619px)
{
	.news .grid{
		margin-left: 0;
	}

	.news .grid .item{
		width: 100%;
		margin-left: 0;
	}


	.reviews .grid_flex{
		margin-left: 0;
	}

	.reviews .grid_flex .review{
		width: 100%;
		margin-left: 0;
	}
}