/************************************************************************************
smaller than 1400
*************************************************************************************/
@media screen and (max-width: 1400px){	
	.mainMenu { padding: 0; }
}

/************************************************************************************
smaller than 1200
*************************************************************************************/
@media screen and (max-width: 1200px){}

/************************************************************************************
smaller than 1000
*************************************************************************************/
@media screen and (max-width: 1000px){
	.logo-h { width: auto; float: none; padding: 0 75px 0 0; }
	.mainMenu { position: absolute; width: auto; padding: 0; top: 50%; right: 2%; margin-top: -20px; }
	.toggle-nav { display: block; }  
  	#menu { position: fixed; right: -400px; top: 0; bottom: 0; background: #000; background: rgba(0,0,0,.9); width: 400px; overflow-y: auto; }
  	#menuInner { padding: 20px 0; }
    .modal_close { display: block; }	
	.mainMenuList { border-bottom: 2px solid #333; text-align: left; }
	.mainMenuList .menu-item { display: block; margin: 0; color: #fff; padding: 12px 25px; border-top: 2px solid #333; }
	.mainMenuList .menu-item a, .mainMenuList .menu-item a:hover, .mainMenuList .menu-item a:visited { color: #fff; }
	.mainMenuList .menu-item a:hover, .mainMenuList>.current-menu-item>a, .mainMenuList>.current-menu-item>a:hover, .mainMenuList>.current-menu-item>a:visited, .mainMenuList>.current-menu-parent>a, .mainMenuList>.current-menu-parent>a:hover, .mainMenuList>.current-menu-parent>a:visited { color: #c84040; }
	.mainMenuList > .menu-item > .sub-menu { left: 0; right: 0; box-shadow: none; min-width: auto; background: #6e6d6d; padding: 10px; z-index: 2; }
	.mainMenuList > .menu-item > .sub-menu > .menu-item { border: none; padding: 0; }
	.mainMenuList > .menu-item > .sub-menu > .menu-item a, .mainMenuList > .menu-item > .sub-menu > .menu-item a:hover, .mainMenuList > .menu-item > .sub-menu > .menu-item a:visited { padding: 10px 15px; }

	.mainMenuList>.menu-item>.sub-menu>.menu-item a:hover, .mainMenuList>.menu-item>.sub-menu>.current-menu-item>a, .mainMenuList>.menu-item>.sub-menu>.current-menu-item>a:hover, .mainMenuList>.menu-item>.sub-menu>.current-menu-item>a:visited { background: #191919; }

	.workBlock { padding: 50px 0; background-attachment: inherit; }

	.contactBlock { padding: 25px 0; }

	.testiBlock { padding: 25px 0; }

	.servicesBlock { padding: 25px 0; }

	.servicesItem { width: 49%; margin: 0 0 30px; }
	.servicesItem:first-child, .servicesItem:nth-child(2n-1) { margin: 0 2% 30px 0; }

	.servicesListInner .servicesItem { width: 32%; margin: 0 0 0 2%; }
	.servicesListInner .servicesItem:first-child { margin: 0; }
}

/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 800px){
	.contactItem { float: none; width: auto; margin: 0 0 20px; }

	.social { float: none; }

	.servicesListInner .servicesItem { width: 49%; margin: 0 0 30px; }
	.servicesListInner .servicesItem:first-child { margin: 0 2% 30px 0; }
	.servicesListInner .servicesItem:nth-child(3) { width: 100%; margin: 0; }
}

/************************************************************************************
smaller than 640
*************************************************************************************/
@media screen and (max-width: 640px){
	.sloganBlock p { font-size: 20px; margin: 0 0 30px; }

	.formLeft, .formRight { float: none; width: auto; margin: 0 0 15px; }

	.postPicture { float: none; margin: 0 0 10px; }
}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px){
	.servicesItem, .servicesItem:first-child, .servicesItem:nth-child(2n-1) { width: 100%; margin: 15px 0; }

	.servicesListInner .servicesItem, .servicesListInner .servicesItem:first-child, .servicesListInner .servicesItem:nth-child(3) { width: 100%; margin: 15px 0; }
}

/************************************************************************************
smaller than 400
*************************************************************************************/
@media screen and (max-width: 400px){
  	#menu { width: 100%; }	
}