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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1240px) {
	.container {
		width: 990px;
	}
	.header .nav .menu li {
		padding: 18px 18px;
	}
	.header .main_services li a {
		width: 325px;
		padding-left: 70px;
	}
	.header .main_jumb {
		max-width: 100%;
	}
	.header .main_jumb #beforeafter img {
		max-width: 100%;
	}
	.home_page .first_block .left {
		width: 530px;
	}
	.advantages_blocks {
		justify-content: space-around;
	}
	.prices_blocks {
		justify-content: space-around;
	}
	.about_page #beforeafter_about img {
		max-width: 100%;
	}
	.portfolio_slider {
		max-width: 90%;
	}
	.advantages_page .bottom_block .methods .block .right {
		width: 620px;
	}
	.articles_page .articles_list li .right {
		width: 640px;
	}
	.contacts_page .contacts_blocks .left {
		width: 600px;
	}
	.numbers .blocks .left {
		width: 380px;
	}
	.numbers .blocks .right {
		width: 400px;
	}
	.numbers .blocks .right .item .line {
		
	}
	.numbers .blocks .right .item:nth-of-type(2) .line:before {
		width: 70%;
	}
	.numbers .blocks .right .item:nth-of-type(3) .line:before {
		width: 40%;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1023px) {
	.container {
		width: 750px;
		padding: 0px 10px;
	}
	.header .nav .menu li {
		padding: 18px 14px;
	}
	.header .nav .menu .home_page {
		padding-left: 14px;
		background-image: none;
	}
	.header .nav .menu li a {
		font-size: 12px;
	}
	.header .main_services li a {
		width: 240px;
		padding-left: 0;
		background-position: center 10px;
		padding-top: 70px;
		height: 110px;
    	line-height: 35px;
	}
	.header .main_services li:nth-of-type(3) a {
		background-position: center 20px;
	}
	.home_page .first_block .left {
		float: none;
		width: 100%;
	}
	.home_page .first_block .right {
		float: none;
		width: 100%;
		display: none;
	}
	.home_page .first_block .title {
		text-align: center;
	}
	.home_page .first_block .text {
		margin-top: 40px;
	}
	.bottom_section .block {
		width: 100%;
	}
	.bottom_section .block:before,
	.bottom_section .block:after {
		width: 110px;
	}
	.footer .left {
		float: none;
		text-align: center;
	}
	.footer .right {
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	.about_page .text {
		margin-top: 40px;
		text-align: justify;
	}
	.advantages_page .bottom_block .methods .block .left {
		float: none;
		width: 100%;
		text-align: center;
	}
	.advantages_page .bottom_block .methods .block .right {
		float: none;
		width: 100%;
	}
	.advantages_page .bottom_block .methods .block .right .method_title {
		text-align: center;
	}
	.advantages_page .bottom_block .title {
		text-align: center;
	}
	.advantages_page .bottom_block .methods .block .right .method_text {
		text-align: justify;
	}
	.articles_page .articles_list li .left {
		float: none;
		width: 100%;
		text-align: center;
	}
	.articles_page .articles_list li .right {
		float: none;
		width: 100%;
		margin-left: 0;
		text-align: justify;
	}
	.articles_page .articles_list li .left .image {
		margin: auto;
	}
	.articles_page .articles_list li .right .title {
		text-align: center;
		margin-top: 10px;
	}
	.contacts_page .contacts_blocks .left {
		float: none;
		width: 100%;
	}
	.contacts_page .contacts_blocks .right {
		float: none;
		max-width: 100%;
		
	}
	.contacts_page .contacts_blocks .right .block {
		margin-top: 40px;
	}
	.enamel_recovery_page .steps .blocks {
		justify-content: space-around;
	}
	.enamel_recovery_page .text_block .text {
		max-width: 100%;
	}
	.enamel_recovery_page .prices_block .blocks {
		max-width: 100%;
	}
	.enamel_recovery_page .prices_block .blocks .top_line {
		justify-content: center;
	}
	.enamel_recovery_page .prices_block .blocks .top_line .block {
		margin-top: 10px;
	}
	.numbers .blocks .left {
		width: 290px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.container {
		width: 300px;
	}
	.header .top_line .left {
		float: none;
	}
	.header .top_line .right {
		float: none;
		text-align: center;
	}
	.menu_toggler {
		display: block;
		color: #fff;
		font-size: 40px;
		text-align: center;
		
	}
	.menu_toggler i {
		cursor: pointer;
	}
	.header .nav .menu {
		display: none;
	}
	.header .nav .menu.open {
		display: block;
	}
	.header .main_services li {
		width: 100%;
	}
	.header .nav .menu li {
		display: block;
		padding: 8px 14px;
	}
	.header .main_services li a {
		width: 100%;
	}
	.home .header .main_jumb {
		display: none;
	}
	.header .main_services li {
		margin-top: 15px;
	}
	.header .top_line {
		padding-bottom: 15px;
	}
	.home_page .first_block .text {
		text-align: justify;
	}
	.advantages_blocks .block {
		margin-top: 15px;
	}
	.home_page .works .works_blocks .block {
		float: none;
		width: 100%;
	}
	.home_page .works {
		padding-bottom: 40px;
	}
	.prices_blocks .block_title {
		background-image: none !important;
	}
	.bottom_section .block .title {
		font-size: 22px;
		top: 10px;
	}
	.bottom_section .block {
		border-top: 2px solid #e8e4d0;
		padding: 10px 0px;
	}
	.bottom_section .block:before,
	.bottom_section .block:after {
		display: none;
	}
	.bottom_section .block .button {
		bottom: 0px;
		position: relative;
		margin-top: 15px;
	}
	.bottom_section .block .button a {
		padding: 0px 30px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}
	.bottom_section .block .text {
		padding-top: 10px;
	}
	.bottom_section .block .text {
		font-size: 16px;
	}
	.footer .left {
		text-align: center;
	}
	.footer .right .contacts {
		padding-right: 0;
		border-right: none;
		margin: auto;
		float: none;
	}
	.footer .right .contacts div {
		font-size: 14px;
	}
	.footer .right .contacts div {
		margin: auto;
		margin-bottom: 10px;
	}
	.footer .right .phones {
		float: none;
		text-align: center;
	}
	.portfolio_slider .portfolio_slide .block {
		float: none;
		width: 100%;
	}
	.enamel_recovery_page .prices_block .blocks .top_line .block {
		background-image: none !important;
		padding-left: 0;
		text-align: center;
	}
	.enamel_recovery_page .prices_block .blocks .top_line .block .name {
		display: inline-block;
	}
	.enamel_recovery_page .prices_block .blocks .top_line .block .price {
		display: inline-block;
		position: static;
	}
	.enamel_recovery_page .prices_block .blocks .bottom_line .block .title span {
		background-image: none !important;
		padding-left: 0;
		text-align: center;
	}
	.numbers .blocks .left {
		float: none;
		width: 100%;
	}
	.numbers .blocks .right {
		float: none;
		width: 100%;
	}

}

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

}

/* 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 : 1200px) {

}