@media only screen and (min-width: 1200px) {
	#tips .xx-8 {
		margin-right: 0;
	}
	#tips .xx-7 {
		margin-left: 0;
		width: 46.666%
	}
	#tips .xx-7 .xx-15 {
		margin-right: 0;
	}

}

@media only screen and (max-width: 1200px) {
	
	.wrapper {
		width: 90%;
	}
	
	#offer {
		background: url('../img/site/offer-bg2.jpg') no-repeat center 516px;
	}
	#offer .xx-4.xl-2-4:nth-child(2n+1) .box-1 {
		float: right;
	}
	.box-1 {
		margin-bottom: 40px;
	}
	.box-2 {
		margin: 0;
	}
	.box-3,
	.box-4,
	.box-4a,
	.box-5,
	.box-6,
	.box-7 {
		margin: 0 auto;
		width: 620px;
		overflow: hidden;
	}
	.box-3 {
		margin-bottom: 30px;
	}
	
	#newsletter .send-form input[type="text"] {
		margin-left: 25px;
		width: 55%;
	}
	.box-9 ul li {
		display: block;
		width: auto;
	}
	#item-list .xx-5.xl-2-4.sm-15:nth-child(2n+1) .box-1 {
		float: right;
	}
	.box-10 {
		background-image: none;
		margin: 50px auto;
		width: 590px;
	}
	.box-10 div:nth-child(2n-1) {
		width: 350px;
	}
	.box-10 div + div {
		width: 590px;
		height: auto;
	}
	.box-10 ul {
		width: auto;
	}
	#one-city .cms {
		margin: 0 auto;
		padding: 0;
		text-align: center;
		width: 780px;
	}
	#one-city .cms img.left {
		float: none;
		margin-bottom: 30px;
		margin-right: 0;
	}
	#one-city .cms img.right {
		float: none;
		margin-bottom: 30px;
		margin-left: 0;
	}
	#documentSlider {
		position: relative;
	}
}

@media only screen and (max-width: 960px) {
	
	#welcome h1 {
		line-height: 130%;
		margin: 40px auto;
		text-align: center;
		width: 80%;
	}
	#experiences {
		height: auto;
	}
	#experiences .pic {
		width: 100%;
	}
	#experiences .desc {
		width: 100%;
		margin-left: auto;
		padding: 0 150px 50px;
	}
	
	#newsletter h6 {
		margin: 40px 0 20px;
	}
	#newsletter .send-form {
		margin-bottom: 40px;
		margin-top: 0;
	}
	#newsletter .send-form input[type="text"] {
		margin-left: 0;
	}
	footer .xx-3.logo {
		display: none;
	}
	#one-city .cms {
		width: 100%;
	}
	.box-10 {
		width: 577px;
	}
	.box-10 div p {
		width: 100%;
	}
	#documentSlider {
		width: 577px;
		height: 523px;
	}
	.box-10 div + div {
		width: 577px;
		min-height: auto;
	}
	.cms iframe {
		width: 100%;
	}
	.fail,
	.succes,
	.send-form input[type="text"],
	.send-form textarea	{
		width: 100%;
}

@media only screen and (max-width: 640px) {
	
	
	
	#about .wrapper {
		width: 100%;
	}
	#about .row { 
		width: auto;
	}
	
	.mobile {
		display: none;
	}
	#offer {
		background: url('../img/site/offer-bg3.jpg') no-repeat center 1510px;
	}
	#offer .xx-4.xl-2-4:nth-child(n) .box-1 {
		float: none;
		margin: 0 auto 40px;
	}
	.box-2 {
		margin: 0 auto;
	}
		#experiences .desc {
		width: 100%;
		margin-left: auto;
		padding: 0 20px 50px;
	}
	.box-3,
	.box-4,
	.box-4a {
		width: auto;
	}
	.box-5,
	.box-6 {
		width: auto;
	}
	.box-5 {
		background-position: left top;
		height: auto;
	}
	.box-5  p {
		padding: 0
	}
	.box-5 h5 {
		font-size: 25px;
		margin-bottom: 80px;
	}
	.box-5 h5 b {
		margin-left: 170px;
	}
	.box-3 a div:first-child,
	.box-4 a div:first-child ,
	.box-4a a div:first-child {
		display: none;
	}
	.box-3 div,
	.box-4 div,
	.box-4a div {
		margin-left: -140px;
		width: 350px;
	}
	.box-3 a div + div {
		margin-left: -150px;
		opacity: 1;
	}
	.box-4 a div + div,
	.box-4a a div + div {
		margin-left: -110px;
		opacity: 1;
	}
	.box-3 div:nth-child(3),
	.box-4 div:nth-child(3),
	.box-4a div:nth-child(3)	{
		margin-left: 190px;
	}
	.box-4a div:nth-child(3) {
		
	}
	.box-5 .button,
	.box-6 .button {
		position: static;
	}
	.box-7 {
		width: auto;
	}
	.box-6 {
		height: auto;
	}
	#newsletter .send-form input[type="text"] {
		width: 58%;
	}
	.box-8, .box-9 {
		width: auto;
	}
	#item-list .xx-5.xl-2-4.sm-15:nth-child(n) .box-1 {
		float: none;
		margin: 20px auto; 
	}
	.box-10 {
		width: 360px;
	}
	.box-10 div:nth-child(2n-1) {
		position: static;
		width: auto;
	}
	.box-10 h1 {
		height: auto;
		margin-top: 40px;
		font-size: 32px;
		position: relative;
		width: auto;
		line-height: 110%;
	}
	.box-10 h1 span + span {
		background: #e4a989;
		height: 5px;
		width: 64px;
		display: block;
		position: static;
		top: auto;
		margin-bottom: 20px;
	}
	.box-10 h1,
	.box-10 ul {
		margin-left: 0;
	}
	#documentSlider {
		width: 360px;
		height: 327px;
	}
	.box-10 div + div {
		width: 360px;
		min-height: auto;
	}
	.box-10 div p {
		width: auto;
	}
	.box-10 ul {
		width: 100%;
	}
	#art .cms {
		width: 100%;
	}
	#one-tour .box-1 {
		width: 380px;
		height: 500px;
	}
	#one-tour .box-1 p {
		height: 100px;
	}
	
	
}


@media only screen and (max-width: 480px) {
    #item-list .box-1 {
		width: 288px;
	}
	#experiences .desc h3 {
		font-size: 35px;
	}
	.box-1,
	.box-1 a div + div {
		width: 288px;
	}
	.box-1 div img + img {
		margin-top: -60px;
	}
	
	.box-3 div:nth-child(3), .box-4 div:nth-child(3), .box-4a div:nth-child(3) {
		margin-left: 30px;
	}
	.box-3 a div + div {
		margin-left: -300px;
	}
	.box-4 a div + div, .box-4a a div + div {
		margin-left: -251px;
	}
	
	.box-5 h5 b {
		margin-bottom: -40px;
		margin-left: 0;
		margin-top: 140px;
		text-align: left;
	}
	.box-6 ul li {
		height: auto;
	}
	.box-10 {
		width: 288px;
	}
	#documentSlider {
		width: 288px;
		height: 261px;
	}
	.box-10 div + div {
		width: 288px;
		padding: 20px;
	}
	#art .cms {
		width: 100%;
		padding: 0;
	}
	.section-sperator > div {
		margin-left: 0;
		width: 288px;
	}
}



/*-------------------
	Exceptions
--------------------*/

@media only screen and (min-width: 640px) and (max-width: 850px) {
	
	#item-list .box-1 {
		width: 280px;
	}
	#item-list .box-1 div img + img {
		margin-top: -60px;
	}
	#item-list .box-1 p {
		height: 175px;
	}
}