@import "vars"

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

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



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


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

	.mb-45
		margin-bottom: 30px

	.mb-100
		margin-bottom: 60px

	.nav__content-wrapper
		padding-top: 140px
		margin-right: 15px
		font-size: 25px

	.left-nav
		display: none

	.right-nav
		display: none

	.burger
		right: 30px

	.home-screen__content

		.home-screen__headline
			font-size: 50px
			margin-bottom: 30px

		.hr-line
			margin-bottom: 30px

		.home-screen__lead
			font-size: 20px
			margin-bottom: 30px

	h2, .h2
		font-size: 27px

	.section__lead
		margin-bottom: 70px

	.program-item 
		.program-item__image
			width: 100%

		.program-item__content
			width: 100%
			padding: 35px 25px

	.product-item
		margin-bottom: 30px

		.product-item__content
			padding: 35px 25px

	.bg-section-image-1
		top: -175px

	
	.slick-arrow
		display: none !important

	.instagram-slide__image
		display: none
		width: 0
		float: none

	.instagram-slide__body
		float: none
		width: 100%

		.instagram-slide__content
			p
				padding-left: 15px

	.instagram-slide
		width: 375px

		&:after
			display: none


	.blog-item
		margin-bottom: 30px

		&:last-child
			margin-bottom: 30px

	.blog-item--small
		.blog-item__image
			width: 100%
			float: none

		.blog-item__content
			width: 100%
			float: none


	.section-franchise
		.section__lead
			margin-bottom: 50px

		.item-franchise
			margin-bottom: 30px

			&:before
				width: 60px
				height: 60px
				line-height: 60px
				left: 40px

			h3
				font-size: 24px
				padding-left: 130px


	#footer-main
		text-align: center

	.footer-wrap
		padding-bottom: 0

	.footer-box
		margin-bottom: 30px

	.copyright
		padding: 30px 57px



	.program-screen__desc
		display: none

	.program-screen__hr-line
		margin-bottom: 30px

		span
		
			&:nth-child(3)
				width: 130px
				margin: 0 4px

			&:nth-child(2), &:nth-child(4)
				width: 25px
				margin: 0 4px
			
			&:nth-child(1), &:nth-child(5)
				width: 5px
				margin: 0 4px


	.program-screen__content
		text-align: center

	.program-screen__headline
		font-size: 40px
		margin-bottom: 30px

	.program-screen__сalories
		margin-bottom: 30px

	.program-screen__desc
		font-size: 16px
		margin-bottom: 30px

	.program-screen__price
		margin-bottom: 20px

		span
			font-size: 40px
			margin-right: 0

	.program-screen__content-wrapper

		.col-xl-6:last-child
			display: none

	.number-item
		margin-bottom: 30px

	.menu_header__day-wrapper
		width: 225px

	.menu_header__day
		display: block
		margin-bottom: 5px

	.menu_header__date
		display: block


	.menu__header
		font-size: 25px
		padding: 40px 0


	.menu__content-wrapper
		margin-top: 60px
		height: auto


	.menu__type-tabs
		text-align: center

		li
			display: block
			margin-bottom: 15px

			&:first-child
				margin-right: 0

	.menu__image
		height: auto

	.program-screen__price-wrapper
		margin-bottom: 30px

	.menu__table .table-row .table-column:first-child
		display: none

	.summary-day b:first-child
		display: none

	.menu__table .table-column:nth-child(2)
		padding-left: 0






















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

	.program-item 
		width: 345px


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


/* Айфон 6 */
@media only screen and (max-width : 375px)
	/**/


/* Меньше Айфона 6 */
@media only screen and (max-width : 374px)
	/**/


/* Custom, iPhone 5-4 */
@media only screen and (max-width : 320px)
	/**/