/*** Widtch < 1220 *****************************/
@media screen and (max-width:1220px){
	.wrapper{
		min-width:320px; 
		max-width:1920px; 
	}
	.wraper_100{  
		min-width:320px;
		max-width:1920px; 
	}
	.wraper_1220 {	
		width:960px; 
		min-width:960px;
		max-width:960px;
	}
	.wraper_1160 {
		width:940px; 
		min-width:940px;
		max-width:940px;
	}

	/*** Footer ***/
	.footer_tel li a {padding: 0 15px 0 45px; font: normal 20px 'Roboto-Regular',sans-serif;}
	.footer_mail a {padding: 15px 15px 15px 60px; font: normal 20px 'Roboto-Regular',sans-serif;}
	.footer_adress a {padding: 15px 15px 15px 60px;	font: normal 20px 'Roboto-Regular',sans-serif;}

	/*** Главная ***/
	.index_advantages li {
		margin: 50px 8% 0 8%;
		width: 33%;
	}
	.index_advantages li span {padding-left: 140px;}

	/*** Form ***/
	#submitFF { margin: 75px auto 0 auto;}

	/*** Uslugi ***/
	.pechati_wrap {width: 20%;}
	.pechati_item {width: 180px; }
}


/*** Widtch < 1000 *****************************/
@media screen and (max-width:1000px){

	.wraper_1220 {
		padding: 0 10px;
		width:740px; 
		min-width:740px;
		max-width:740px;
	}
	.wraper_1160 {
		padding: 0 10px;
		width:720px; 
		min-width:720px;
		max-width:720px;
	}

	/*** Header ***/
	.nav a,.nav a:hover,.nav a:active,.nav a:visited {
		padding: 0 6px 1px 6px;
	}
	.nav a {font: normal 16px 'Roboto-Regular',sans-serif;}
	.nav ul li ul li a {font: normal 14px 'Roboto-Regular',sans-serif;}
	a.zakazat {
		right: 10px;
		padding: 0 10px;
		font: normal 16px 'Roboto-Regular',sans-serif;
	}
	/**/
	a.header_logo {
		font: bold 26px 'Roboto-Regular',sans-serif;
		width: 440px;
	}
	.header_contacts li a {
		font: normal 20px 'Roboto-Regular',sans-serif;
	}
	/**/
	.header_bottom  {padding: 0 0;}
	.menu {width: 620px;}
	.menu2 {width: 605px;}
	.menu>ul>li>a, .menu2>ul>li>a{
		padding:0 16px;
		font: normal 15px 'Roboto-Regular',sans-serif;
	}

	/*** Footer ***/
	.footer {padding: 15px 0;}
	.footer_tel {width: 45%;}
	.footer_mail {width: 45%;}
	.footer_adress {display: none;}

	/*** Content ***/
	.content h1, .content h2 {font: normal 22px 'Roboto-Regular',sans-serif;}
	.content p {font: normal 18px 'Roboto-Regular',sans-serif;}

	/*** Главная ***/
	.index_advantages h2:first-child {width: 100%;}
	.index_advantages li {
		margin: 50px 0 0 0;
		width: 49.5%;
	}

	/*** Form ***/
	#submitFF { width: 140px;}

	/*** Uslugi ***/
	.pechati_wrap {width: 25%;}

	/*** Контакты ***/
	.contacts_block {width: 100%;}
	.contacts_item1, .contacts_item2, .contacts_item3 {
		width: 160px;
		font: normal 22px 'Roboto-Regular',sans-serif;
	}
	.google_map {width: 100%;height: 400px;}
}


/*** Widtch < 760 *****************************/
@media screen and (max-width:760px){

	.TImg {width: 450px; height: 243px;}
	.TImgS {width: 400px; height: 514px;}
	.TImgSP {width: 400px; height: 91px;}
	.TImgF {width: 400px; height: 158px;}
	.TImgD {width: 400px; height: 232px;}
	.TImgN {width: 400px; height: 314px;}
	.TImgG {width: 400px; height: 146px;}
	.TImgI {width: 400px; height: 223px;}
	.TImgE {width: 400px; height: 574px;}
	.TImgBS {width: 400px; height: 379px;}
	.TImgPL {width: 400px; height: 248px;}
	.TImgCP {width: 400px; height: 271px;}
	.TImgDP {width: 400px; height: 155px;}
	.TImgSCF {width: 400px; height: 301px;}

	.wraper_1220 {
		width:460px;
		min-width:460px;
		max-width:460px;
	}
	.wraper_1160 {
		width:460px;
		min-width:450px;
		max-width:450px;
	}

	/*** Header ***/
	.nav a,.nav a:hover,.nav a:active,.nav a:visited {
		padding: 0 15px 1px 15px;
	}
	.nav ul:first-child {
		padding-top: 52px;
	}
	a.zakazat {
		position: fixed;
		top: 0; right: 0;
	}
	/**/
	.header_mid {
		display: block;
		margin: 72px auto 30px auto;
	}
	.header_contacts {display: none;}
	/**/
	.menu {width: 390px;}
	.menu2 {width: 385px;}
	.menu>ul>li>a, .menu2>ul>li>a{
		padding:0 7px;
		font: normal 10px 'Roboto-Regular',sans-serif;
	}

	/*** Footer ***/
	.footer_tel li a {
		display: inline-block;	
		padding: 2px 15px 2px 45px;
		font: normal 18px 'Roboto-Regular',sans-serif;
	}
	.footer_mail a {font: normal 18px 'Roboto-Regular',sans-serif;}

	/*** Content ***/
	.content h1, .content h2 {font: normal 20px 'Roboto-Regular',sans-serif;}
	.content p {font: normal 16px 'Roboto-Regular',sans-serif;}
	.content li {font: normal 16px 'Roboto-Regular',sans-serif;}

	/*** Главная ***/
	.index_advantages li {
		margin: 50px 10% 0 10%;
		width: 80%;
	}

	/*** Form ***/
	.form_block {padding-bottom: 25px;}
	.form_block h2 {
		margin-top: 25px;
		font: normal 20px 'Roboto-Regular',sans-serif;
	}
	#feedback-form label {
		margin-top: 10px;
		font: normal 16px 'Roboto-Regular',sans-serif;
	}
	#feedback-form .feedback-form-border {
		margin-top: 30px;	
		font: normal 18px 'Roboto-Regular',sans-serif;
	}
	#feedback-form textarea {height: 80px;}
	#submitFF { 
		width: 100px; margin: 64px auto 0 auto;
		font: normal 16px 'Roboto-Regular',sans-serif;
	}

	/*** Uslugi ***/
	.pechati_wrap {width: 33.3%;}
	.pechati_item {
		width: 148px;
		height: 190px;
	}
	.pechati_item_img {
		width: 130px; height: 130px;
		margin: 15px auto 0 auto;
	}
	.pechati_item p {
		margin-top: 10px;
		font: normal 14px 'Roboto-Regular',sans-serif;
	}
	.pechati_item a {font: normal 16px 'Roboto-Regular',sans-serif;}


	/*** Контакты ***/
	.contacts_side {width: 100%; display: block;}
	.contacts_item1, .contacts_item2 {width: 180px;}
	.contacts_item3 {width: 245px;}
	.google_map {height: 300px;}
	
	/*** Форма заказа ***/
	#modal_form {width: 310px;}
	#modal_form #modal_close {
		width: 15px;
		height: 15px;
		top: 7px;
		right: 10px;
	}
}


/*** Widtch < 480 *****************************/
@media screen and (max-width:480px){

	.TImg {width: 300px; height: 162px;}
	.TImgS {width: 300px; height: 385px;}
	.TImgSP {width: 300px; height: 69px;}
	.TImgF {width: 300px; height: 118px;}
	.TImgD {width: 300px; height: 174px;}
	.TImgN {width: 300px; height: 236px;}
	.TImgG {width: 300px; height: 110px;}
	.TImgI {width: 300px; height: 167px;}
	.TImgE {width: 300px; height: 431px;}
	.TImgBS {width: 300px; height: 325px;}
	.TImgPL {width: 300px; height: 186px;}
	.TImgCP {width: 300px; height: 204px;}
	.TImgDP {width: 300px; height: 116px;}
	.TImgSCF {width: 300px; height: 226px;}
	
	.wraper_1220 {
		width:300px;
		min-width:300px;
		max-width:300px;
	}
	.wraper_1160 {
		width:300px;
		min-width:300px;
		max-width:300px;
	}

	/*** Header ***/
	a.zakazat {
		width: 120px;
		font: normal 14px 'Roboto-Regular',sans-serif;
	}
	/**/
	a.header_logo {
		line-height: 30px !important;
		font: bold 16px 'Roboto-Regular',sans-serif;
		width: 100%; height: 76px;
		background: url(../img/header_logo.png)no-repeat center left;
		background-size: 25%;
	}
	.header_logo span {padding: 10px 0 0 98px;}
	/**/
	.header_bottom  {border-top: 0px solid #184646; border-bottom: 1px solid #184646;}
	.menu, .menu2 {display: none;}

	/*** Главная ***/
	.index_advantages h2:first-child {font-size: 18px; margin-top: 60px;}
	.index_advantages ul:after {margin: 30px auto 40px auto;}
	.index_advantages li {
		margin: 10px 0 0 0;
		width: 100%;
	}
	.index_advantages li span {
		width: 200px;
		padding-left: 120px; 
		font: normal 16px 'Roboto-Regular',sans-serif;
	}
	li.index_advantages_item1 {margin-top: 30px}
	li.index_advantages_item2 span {padding-top: 25px;}
	li.index_advantages_item3 span {padding-top: 25px;}
	li.index_advantages_item4 span {padding-top: 40px;}
	li.index_advantages_item6 span {padding-top: 40px;}
	.index_advantages_item1, .index_advantages_item2, .index_advantages_item3, .index_advantages_item4, .index_advantages_item5, .index_advantages_item6 {
		background-size: 35%;
	}

	/*** Footer ***/
	.footer_tel {width: 100%; float: none;}
	.footer_mail {width: 100%; float: none; margin-top: 10px;}

	/*** Form ***/
	.form_side {width: 100%;}
	.form_go {width: 100%;}
	.form_block h2 {font: normal 18px 'Roboto-Regular',sans-serif;}
	#feedback-form label {margin-top: 25px;}
	#submitFF { 
		width: 170px; margin: 35px auto 0 auto;
	}

	/*** Uslugi ***/
	.pechati_wrap {width: 50%;}

	/*** Контакты ***/
	.contacts_item1, .contacts_item2, .contacts_item3 {
		width: 150px;
		font: normal 20px 'Roboto-Regular',sans-serif;
	}
	.contacts_item3 {
		width: 200px;
	}
}


/***********************************************
**** Стили Menu Widtch > 760 *******************
***********************************************/
@media only screen and (min-width: 760px) {

	.nav {
		display: block; overflow: visible;
		position: relative; bottom: auto;
	}
	.nav li {position: relative;white-space: nowrap;}
	.nav > ul > li {display: inline-block;}
	.nav ul {display: block;}
	.nav ul ul {
		position: absolute; display: none;
		top: 100%; left: 0;
	}
	.nav ul ul ul {
		top: 0px; left: 100%;
		border-left: 1px solid #184646;
	}
	
	.nav-button {display: none;}
	.nav {padding: 0 !important;}
	.nav > ul > li {border-top: none;}
	.nav ul ul ul li:first-child {
		border-top: none;
	}
	.nav .nav-submenu li {min-width: 110px;}
	.nav .nav-submenu > ul {margin: 0;}
	.nav > ul > .nav-submenu > a:after {content: "\E005";}
	.nav .nav-submenu > a:after {content: "\E006";}
}