/*
----------------
Responsive
----------------
*/

/*===Break Point===*/
	@media (max-width: 1920px) {

	.container, .header {
		width: 1260px;
		margin: 0 auto;
	}


	#section02 {
		display: none;
	}



	}

/*===Break Point===*/
	@media (max-width: 1280px) {

		.container, .header  {
			width: 1000px;
			margin: 0 auto;
		}

		.header .logo-text {
			display: none;
		}

		.header .logo{
			margin: 20px 20px 0 60px;
		}

		.hide {
	    width: 450px !important;
	    }

		.hide .text {
		    padding: 140px 60px 0;
		    display: block;
		    color: #ffffff;
		    text-transform: uppercase;
		}


		#section12 .fotogalery .foto. #section14 .certificate .foto {
			width: calc(50% - 10px);
		}

		#section12 .fotogalery .foto:nth-child(3) /*, #section14 .certificate .foto:nth-child(3) */ {
			display: none;

		}

		#maniqure-1 .content .fotogalery_maniqure .foto {
		    height: 200px;
		}

		#nav ul{
			padding: 40px 60px 40px 40px;
		}

		#maniqure-0 {
		    padding: 120px 50px !important;
		}

		#maniqure-3 {
		    padding: 120px 50px;
		}

		.img-link .cover-title {
		  font-size: 13pt;
		}

	}

/*===Break Point===*/
	@media (max-width: 1024px) {

		.container, .header  {
			width: 100%;
			margin: 0 auto;
		}

		.header .logo-text, .header .phone, .header .socials, .header .language, .header .categories-icon, .header .to_mobile .language1  {
			display: none;
		}

		.header .to_mobile, .header .to_mobile .language, .header .to_mobile .socials, .header .to_mobile .categories-icon   {
			display: block;
		}

		.header .to_mobile .categories-icon, .header .to_mobile .language, .header .to_mobile .socials {
			float: right;
		}

		.header .to_mobile .language {
			padding: 0 60px 0 0;
		}

		.text-box {
			padding: 0 50px !important;
			width: 100% !important;
		}

		.telephones, {
			width: 100% !important;
			padding: 50px 50px 0  !important;
			text-align: center !important;
		}

		.services {
			width: 100% !important;
			padding: 50px 50px 0  !important;
			text-align: left;
		}

		.telephones {
			width: 100%  !important;
			padding: 40px 50px 0 !important;
		}


		.telephones .telephones-block {
			width: 270px !important;
			margin: 0 auto !important;
		}


		#section12 .fotogalery .foto, #section14 .certificate .foto {
			width: calc(100% - 10px);
			text-align: center;
		}

		#section12 .fotogalery .foto img, #section14 .certificate .foto img{
			width: 100%;

		}

		#section12 .fotogalery .foto:nth-child(2), #section12 .fotogalery .foto:nth-child(3) /*, #section14 .certificate .foto:nth-child(2), #section14 .certificate .foto:nth-child(3) */ {
			display: none;
		}

		#section12 .fotogalery .fotos, #section14 .certificate .fotos {
			width: calc(100% - 580px);
		}

		#section12 .fotogalery .left-arrow, #section14 .certificate .left-arrow {
			width: 100px;
			margin: 70px 20px 0 170px;
		}

		#section12 .fotogalery .right-arrow, #section14 .certificate .right-arrow {
			width: 200px;
		}

		#maniqure-1 .content .fotogalery_maniqure .foto {
		    height: 180px;
		}

		#section14 .certificate-list-header {
			width: 400px;
			padding: 30px 0;
			box-sizing: border-box;
			font-size: 20pt;
			top: -50px;
		}

		#section14 .certificate-list-header-block {
		    margin: 0;
		}




	}

/*===Break Point===*/
	@media (max-width: 850px) {

		.container, .header  {
			width: 100%;
			margin: 0 auto;
		}

		#nav ul{
			padding: 40px 40px 40px 40px;
		}

		#nav li:hover ul{ /* Âûâîäèì âûïàäàþùèé ïóíêò ïðè íàâåäåíèè êóðñîðà */
			left:-100px;

		}

		.header .to_mobile .socials {
			display: none;
		}

		.hide {
	    width: 400px !important;
	    opacity: .9 !important;
	    }

		.hide .text {
		    padding: 140px 40px 0 !important;
            font-size: 28pt !important;
		}

		#section0 {
		    background-image: url(../img/actions/5s.jpg);
		    padding-top: 56.23%;
		}

		#section-maniqure0 {
		    background-image: url(../img/actions/maniqure2.jpg);
		    padding-top: 56.23%;
		}

		#section-cosmetology0 {
		    background-image: url(../img/actions/cosmetology2_1.jpg);
		    padding-top: 56.23%;
		}

		#section01 {
			display: none;
		}

		#section02 {
			display: block;
		}

		#section12 .fotogalery-header, #section13 .map-header, #section14 .certificate-header {
		    width: 500px;
		    font-size: 28pt;
		}

		#section13 .map-header {
			margin-left: -250px;
		}


		#section12 .fotogalery .fotos, #section14 .certificate .fotos {
			width: calc(100% - 380px);
		}

		#section12 .fotogalery .left-arrow, #section14 .certificate .left-arrow {
			width: 100px;
			margin: 70px 20px 0 70px;
		}

		#section12 .fotogalery .right-arrow, #section14 .certificate .right-arrow {
			width: 100px;
		}

		#maniqure-1 .content .fotogalery_maniqure .foto {
		    height: 180px;
		}

		#maniqure-0 {
		    padding: 120px 10px !important;
		}

		#maniqure-3 .foto_block {
		    clear: both;
		    width: 100%;
		    padding: 0 0 60px 0;
		}

		#maniqure-3 .content {
		    clear: both;
		    width: 100%;
		}

		#maniqure-2 {
		    padding: 60px 10px 60px;
		}

	}

/*===Break Point===*/
	@media (max-width: 767px) {

		.header .logo{
			margin: 20px 0px 0 60px;
		}

		.header .logo img{
			width: 300px;
		}

		.header .logo .logo-telephone{
			display: block;
			margin: 3px 0 0 60px;
		}

		.header .logo .logo-telephone a{
			text-decoration: none;
			color: #fff;

		}


		.header .logo .logo-telephone .icon{
			background-size: 18px;
			background-position: 0% 6px;
			padding: 6px 0 0 25px;

		}


		.header .categories-icon {
			margin: 22px 0 0 0;
		}

		.hide {
	    width: 100% !important;
	    }

		#maniqure-1 .content .fotogalery_maniqure .foto {
		    height: 160px;
		}

		#maniqure-0 {
		    padding: 120px 10px !important;
		}

		#maniqure-3 .content {
		    clear: both;
		    width: 100%;
		    padding: 0 10px;
		}

		#maniqure-1 {
		    padding: 60px 60px;
		}

		#section1 {
		    padding: 50px 0;
		}

		#maniqure-0 .content .advantage_1 .title {
			font-size: 14px;
		}

	}

/*===Break Point===*/
	@media (max-width: 600px) {

		.header .logo{
			margin: 22px 0px 0 20px;
		}


		.header .logo img{
			width: 240px;
		}


		.header .logo .logo-telephone{
			display: block;
			margin: 3px 0 0 30px;
		}

		.header .logo .logo-telephone a{
			text-decoration: none;
			color: #fff;

		}


		.header .logo .logo-telephone .icon{
			background-size: 18px;
			background-position: 0% 6px;
			padding: 6px 0 0 25px;

		}

		.footer .logo {
			display: none;
		}

		.footer .card {
			width: 100%;
		}

		#section12 .fotogalery-header, #section13 .map-header, #section14 .certificate-header {
		    width: 400px;
		    font-size: 22pt;
		}

		#section13 .map-header {
			margin-left: -200px;
		}

		#section12 .fotogalery .fotos, #section14 .certificate .fotos {
			width: calc(100% - 280px);
		}

		#section12 .fotogalery .left-arrow, #section14 .certificate .left-arrow {
			width: 50px;
			margin: 70px 20px 0 70px;
		}

		#section12 .fotogalery .right-arrow, #section14 .certificate .right-arrow {
			width: 50px;
			margin: 70px 50px 0 20px;
		}

		#maniqure-1 .content .fotogalery_maniqure .foto {
		    height: 300px;
		}

		#maniqure-0 {
		    padding: 120px 10px !important;
		}

		#maniqure-0 .advantage, #maniqure-0 .advantage_1 {
		    clear: both !important;
		    width: 100% !important;
		    padding: 40px 30px !important;
		}

		#maniqure-0 .content .advantage_1 .title {
			font-size: 20px;
		}



		#section14 .certificate-list .foto {
			height: 200px;
		}

		#section12 .fotogalery, #section12 .fotogalery_barbershop, #section12 .fotogalery_maniqure, #section12 .fotogalery_cosmetology, #section14 .certificate-list, #section14 .certificate {
		    width: calc(100% - 120px);
		}

		#section14 .certificate-list-header, #cosmetology-1 .certificate-list-header {
			width: 300px;
		    font-size: 16pt;
		    top: -45px;
		}

		#maniqure-1 .h2_title, #maniqure-4 .h2_title, #cosmetology-1 .h2_title, #maniqure-4 .h2_title {
			padding: 0 0 60px 0;
		}

		#maniqure-0 .h1_title_cosmetology, #maniqure-4 .h1_title_cosmetology, #cosmetology-1 .h1_title_cosmetology, #maniqure-0 .h1_title {
		    font-size: 20pt;
		    padding: 0 0px 10px 0px;
		}

		#section14 .certificate-list-header-block, #cosmetology-1 .certificate-list-header-block {
		    border-top: 3px #c3d162 solid;
		    margin: 0;
		}


	}

/*===Break Point===*/
	@media (max-width: 480px) {

		.header .logo{
			margin: 22px 0px 0 20px;
		}

		#nav ul{
			padding: 40px 40px 40px 40px;
		}

		#nav li:hover ul{ /* Âûâîäèì âûïàäàþùèé ïóíêò ïðè íàâåäåíèè êóðñîðà */
			left:-210px;

		}


		.header .logo img{
			width: 240px;
		}

		.header .to_mobile .language {
			display: none;
		}

		.header .to_mobile .language1 {
			display: block;
		}

		.header .to_mobile .categories-icon {
			padding: 0 20px 0 0;
		}


		#section12 .fotogalery .fotos, #section14 .certificate .fotos {
			width: calc(100% - 180px);
		}

		#section12 .fotogalery .left-arrow, #section14 .certificate .left-arrow {
			width: 50px;
			margin: 70px 20px 0 20px;
		}

		#section12 .fotogalery .right-arrow, #section14 .certificate .right-arrow {
			width: 50px;
			margin: 70px 0px 0 20px;
		}

		#section12 .fotogalery-header, #section13 .map-header, #section14 .certificate-header {
		    width: 100%;
		    font-size: 22pt;
		}

		#section13 .map-header {
			margin-left: -50%;
		}

		#maniqure-1 .content .fotogalery_maniqure .foto {
		    height: 250px;
		}

		#section1 {
		    padding: 30px 0;
		}

		#section1 .text-box {
		    padding: 0 40px !important;
		    width: 100% !important;
		}

		#maniqure-0, #maniqure-3, #maniqure-1, #maniqure-4  {
		    padding: 60px 50px;
		}






	}

/*===Break Point===*/
	@media (max-width: 360px) {

		.container, .header  {
			width: 360px;
			margin: 0 auto;
		}

		#section12 .fotogalery-header, #section13 .map-header, #section14 .certificate-header {
		    width: 360px;
		    font-size: 22pt;
		}

		#section12 .fotogalery .fotos, #section14 .certificate .fotos {
			width: calc(100% - 140px);
		}

		#section12 .fotogalery .left-arrow, #section14 .certificate .left-arrow {
			width: 50px;
			margin: 70px 0px 0 20px;
		}

		#section12 .fotogalery .right-arrow, #section14 .certificate .right-arrow {
			width: 50px;
			margin: 70px 0px 0 0px;
		}

		#maniqure-1 .content .fotogalery_maniqure .foto {
		    height: 250px;
		}

		#maniqure-0, #maniqure-3, #maniqure-1, #maniqure-4  {
		    padding: 60px 30px;
		}



	}