@media only screen and (max-width: 1920px) {
#how-it-works-first-left {
	background-size: 70%;
}
#how-it-works-first-right {
	background-size: 70%;
}
#how-it-works-second-left {
	background-size: 70%;
}
#how-it-works-second-right {
	background-size: 70%;
}
}
@media only screen and (max-height: 630px){
	#section-section7 .section-content {
		height: 98%;
	}
	.breadcrumb {
		top: 68px;
	}
	.footer {
		bottom: -4px;
	}
}

@media only screen and (max-height: 600px){
	.breadcrumb-circle {
		top: 16px;
	}
	.breadcrumb-arrow {
		top: 18px;
	}
}


 @media only screen and (max-width: 1525px) {
h1 {
	font-size: 42px
}
}
@media (max-height: 730px) and (max-width: 1440px) {
#how-it-works-first-left {
	background-size: 63% auto;
}
h1 {
	font-size: 38px;
}
.full-page-content {
	margin-top: -190px;
}
.page-content-home {
	margin-top: -200px;
}
}
 @media only screen and (max-width: 1380px) {
h1 {
	font-size: 38px
}
.text-items li h3 {
	font-size: 14px;
}
.full-page-content {
	margin-top: -190px;
}
}
 @media only screen and (max-width: 1280px) {
h1 {
	font-size: 32px
}
.page-content-home {
	padding-left: 100px;
}
.page-content-idea {
	padding-left: 100px;
}
.page-content-how-it-works {
	padding-left: 70px;
}
}
 @media (max-height: 1024px) and (max-width: 1280px) {
.city-circle {
	width: 70%;
	top: 50%;
	margin-top: -35%;
	margin-left: 15%;
	float: left;
	position: relative;
}
.navigation-items li {
	float: left;
	list-style-type: none;
	height: 40px;
	margin-top: 15px;
	padding: 0px 20px;
}
.idea-main-image {
	width: 90%;
	bottom: 0px;
	margin-left: 15%;
	float: left;
	position: absolute;
}
#how-it-works-first-left {
	background-size: 97%;
}
#how-it-works-first-right {
	background-size: 97%;
}
#how-it-works-second-left {
	background-size: 92%;
}
#how-it-works-second-right {
	background-size: 97%;
}
h3 {
	font-size: 14px;
}
.home-title {
	font-size: 40px;
}
}
 @media only screen and (max-width: 1024px) {
.home-title {
	font-size: 38px;
}
.breadcrumb {
	top: 70px;
}
.total-volume-bar {
	width: 642px;
}
.page-content-home h2 {
	font-size: 20px;
}
.mobile-only {
	display: block;
}
#how-it-works-first-left {
	background-size: 95%;
}
#how-it-works-first-right {
	background-size: 95%;
}
#how-it-works-second-left {
	background-size: 90%;
}
#how-it-works-second-right {
	background-size: 95%;
}
.horizon-prev, .horizon-next {
/*display: none !important;*/
}
h1 {
	font-size: 28px
}
p {
	font-size: 12px;
}
/*nav {
	width: 100%;
	background-color: #fff;
	padding-top: 5px;
	padding-bottom: 30px;
	display: none;
}*/

/*nav {
    background-color: #FFF;
    padding-top: 5px;
    padding-bottom: 30px;
    display: none;
    width: 230px;
    height: 320px;
    position: absolute;
    right: 0px;
    top: 50px;
}*/
/*.navigation-items li {
	width: 100%;
}*/
nav {
	margin-right: 20px;
}
.navigation-items li {
	float: left;
	list-style-type: none;
	height: 30px;
	margin-top: 7px;
	padding: 0px 15px;
}
.navigation-items li a {
	font-size: 12px;
}
.mobile-hamburger {
	display: none !important
}
.volume-calculator {
	width: 642px;
}
.material-calculator-inner {
	width: 500px;
}
.material-calculator {
	width: 560px;
}
.insurance {
	float: right;
	margin-top: 30px;
	width: 900px;
}
.items {
	width: 201px;
}
.insurance-content-left {
	width: 490px;
	height: 250px;
}
.insurance-item-input {
	margin-right: 0px;
}
.full-page-content {
	margin-top: -220px;
}
.move-summary-departure h3, .move-summary-departure p, .move-summary-destination h3, .move-summary-destination p, .move-summary-base-cost h3, .move-summary-base-cost p, .move-summary-insurance-cost h3, .move-summary-insurance-cost p, .move-summary-materials-cost p, .move-summary-materials-cost h3 {
	width: 120px;
}
.insurance-content-right {
	width: 250px;
}
.tab-links li {
	margin: 0;
	float: left;
	list-style: none;
	width: 106px;
}
.tab-links a {
	padding: 9px 0px;
	width: 106px;
	display: inline-block;
	font-size: 20px;
	color: #4c4c4c;
	transition: all linear 0.15s;
	text-decoration: none;
	text-align: center;/*	-webkit-box-shadow: inset 0px 0px 0px 2px #a0834e;
	-moz-box-shadow: inset 0px 0px 0px 2px #a0834e;
	box-shadow: inset 0px 0px 0px 2px #a0834e;*/
}
.volume-calculator-summary {
}
.vc-summery-title {
	font-size: 30px;
}
.how-it-works-second-left {
	background-size: 20%;
}
.page-content-home {
	width: 72%;
	top: 55%;
	padding-left: 14%;
	height: 500px;
	margin-top: -265px;
}
.page-content-idea {
	top: 55%;
	padding-left: 70px;
	height: 290px;
	margin-top: -150px;
}
.text-items li h3 {
	font-size: 12px;
}
.city-select-column {
	width: 50%;
	padding: 10px;
	box-sizing: border-box;
}
.breadcrumb-circle {
	width: 20px;
	height: 20px;
	margin-left: -10px;
	top: 30px;
}
.breadcrumb-arrow {
	top: 32px;
	left: 2px;
}
.page-content-how-it-works {
	padding-left: 50px;
}
.full-page-content {
	width: 900px;
}
.idea-main-image {
	width: 95%;
	margin-left: 2%
}
/*.horizon-prev, .horizon-next {
	position: fixed;
	top: 53%;
	margin-top: -24px;
	z-index: 9999;
	cursor: pointer;
	width: 24px;
	height: 24px;
}*/
.horizon-prev {
	left: 5px;
}
.horizon-next {
	right: 5px;
}
.header {
	height: 54px;
}
.logo-dropdown {
	margin-top: -12px;
	margin-left: -12px;
}
.logo {
	width: 115px;
	height: 23px;
	float: left;/*margin-top: 14px;
	margin-left: 14px;*/
}


/* CHANGES ROMAIN */

.logo {
	width: 150px;
}

.logo-dropdown {
    margin-top: 42px;
}


.city-circle {
	width: 80%;
	margin-top: -40%;
	margin-left: 10%;
}
.material {
	width: 900px;
}
.details {
	width: 296px;
}
.contact-left {
	width: 400px;
	float: left;
	padding: 20px;
}
.contact-right {
	width: 400px;
	float: left;
	padding: 20px;
}
}
 @media only screen and (max-width: 800px) {
	 .collect-deliver-left {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    top: 50%;
    margin-top: 50px;
    padding: 30px;
    box-sizing: border-box;
}
.collect-deliver-right {
	display:none;
}
	 
	 .popup-left, popup-right {
		 width: 100%;
		 
	 }
	 
	 .pop-up-link {
    margin-bottom: 30px;
    margin-left: 0px;
	width: 90%;
	box-sizing: border-box;
	margin-left: 5%;
}
	 
	 
	 #feedback-ins {
		 display: none;
	 }
	 
	 .insurance-item-desc {
    float: left;
    line-height: 34px;
}
	 
	 .navigation-items li a {
    font-size: 16px;
}
.tab-links a {
	width: 100%;
}
.tab-links li {
	width: 50%;
}
.header {
	width: 100%;
}
.footer {
	display: none;
}
.cities {
	display: none;
}
.section-content-dd {
	height: auto !important;
}
.section-content-vc {
	height: auto !important;
}
.mobile-pay-confirm {
	display: block
}
#departure-destination-next, #confirm-and-pay, #vc-next-button, #insurance-next, #section-section10 {
	display: none;
}
.mobile-hamburger {
	display: block !important
}
nav {
	width: 100%;
	background-color: #fff;
	padding-top: 5px;
	padding-bottom: 30px;
	display: none;
}
nav {
	background-color: #FFF;
	padding-top: 5px;
	padding-bottom: 0px;
	display: none;
	width: 230px;
	    height: 310px;
	position: absolute;
	right: 0px;
	top: 50px;
	margin-right: 0px
}
.navigation-items li {
	width: 100%;
	    height: auto;
}
.contact-left, .contact-right {
	width: 100%;
	box-sizing: border-box;
	margin-top: 30px;
}
html, body {
	overflow: visible;
	overflow-x: hidden;
}
#how-it-works-first-left {
	height: 750px;
}
.section-content-left {
	position: relative;
	float: left;
	width: 100%;
}
.section-content-right {
	position: relative;
	float: left;
	width: 100%;
}
.page-content-home h2 {
	font-size: 30px;
}
.main-points {
	margin-left: 0px;
}
.main-point-items li {
	width: 100%
}
.main-point-items li {
	margin-top: 0px;
	padding: 0px 0 !important;
	width: 100%
}
.full-page-content {
	margin: auto;
	height: 100%;
	top: 0;
}
/*.vs-visit-desktop {
	display: block;
}*/
/*.volume-calculator, .vc-sumamry {
	display: none;
}*/

.volume-calculator-mobile {
	display: block;
	width: 100%;
	padding: 8%;
	height: auto;
	box-sizing: border-box;

}


.volume-calculator {
	width: 100%;
	padding: 8%;
	height: auto;
	box-sizing: border-box;
	display: none;
}
.material-calculator {
	width: 100%;
	padding: 8%;
	box-sizing: border-box;
	height: auto;

}
.material-calculator-inner {
	width: 90%;
	padding: 5%;
	overflow:visible;
	height: auto;
}
.move-sum {
	width: 100%;
}
.move-sum p, .move-sum h3 {
	width: 50%;
}
.summary-1 {
	display: none;
}
.insurance-content-left {
	width: 100%;
	padding: 5%;
	height: auto;
	overflow: visible;
	box-sizing: border-box;
}
.insurance-content-left {
}
.insurance-content-right {
	width: 90%;
	padding: 5%;
}
.insurance-item-input {
	margin-right: 0px;
	width: 70px;
}
.details-wrapper {
	padding: 30px;
	width: 100%;
}
/*.custom-input {
	width: 80%;	
}*/
.volume-item {
	width: 100%;
	border-bottom: 3px solid #c6a977;
	height: 225px;
	padding-bottom: 20px;
	margin-top: 20px;
}
.volume-item-img {
	width: 100px;
	margin: auto;
	float: left;
}
.remove-buttons, .add-item {
	float: left;
	height: 50px;
	width: 50px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
}
.remove-buttons {
	right: 110px;
}
.add-item {
	right: 50px;
}
.volume-item-title {
	color: #FFF;
	font-size: 20px;
	text-align: left;
	margin-top: 5px;
	height: 48px;
}
.volume-item-amount {
	position: absolute;
	color: #FFF;
	font-size: 22px;
	line-height: 50px;
	top: -5px;
	right: 0;
	height: 50px;
	width: 50px;
	text-align: center;
	background-color: #5E1533;
	border-radius: 50%;
	float: right;
}
.insurance-content-left-wrapper {
	float: left;
	width: 85%;
	padding: 30px;
}
.acceptance-insurance {
	float: left;
	width: 85%;
	padding: 30px;
}
.insurance-content-right-wrapper {
	float: left;
	width: 85%;
	padding: 30px;
}
.insurance-content-right-wrapper-1, .insurance-content-right-wrapper-2 {
	display: none;
}
#calculate-insurance-total {
	margin-top: 13px;
	display: block;
	width: 100%;
	float: left;
}
.volume-bars {
	width: 100%;
}
.total-volume-bar {
	height: 33px;
	background-color: #CCC;
	position: relative;
	margin-top: 15px;
	width: 100%;
}
.horizon-prev, .horizon-next {
	display: none;
}
h1 {
	font-size: 40px
}
h3 {
	font-size: 18px
}
.main-screen-price h1 {
	font-size: 36px;
}
.page-content-home {
	/*	padding-left: 30px;
	padding-right: 30px;*/
	height: 480px;
	margin-top: 140px;
	top: 0px;
	width: 80%;
}
.page-content-idea {
	padding: 0 5%;
	height: 260px;
	top: 50px;
	margin-top: 0px;
	width: 100%;
	box-sizing: border-box;
}
.mobile-full {
	height: 100%;
}
.mobile-half {
	height: 50%;
}
.arrow {
	display: none;
}
#how-it-works-second-left, #how-it-works-second-right, #how-it-works-first-left, #how-it-works-first-right {
/*background-image: none;*/
}
.section-content-right {
	position: relative;
	float: left;
	width: 100%;
	height: 600px;
}
.page-content-how-it-works {
	padding: 0 5%;
	height: 260px;
	top: 50px;
	margin-top: 0px;
	width: 100%;
	box-sizing: border-box;
}
.idea-main-image {
/*display: none;*/
}
.section-content {
	width: 100%;
	position: relative;
	/*height: 700px;*/
	height: auto;
}
section {
	float: left;
	height: auto;
	width: 100%;
}
#idea-left {
	background-image: url(../images/idea_main_img_2.png);
	background-size: 54%;
	background-position: 80% 100%;
	background-repeat: no-repeat;
	height: 700px;
}
#idea-right {
	display: none;
}
#home-left {
	height: auto;
	padding-bottom: 50px;
}
#home-right {
	height: auto;
	background-color: #B49759;
	padding-bottom: 50px;
}
/* .page-content-how-it-works {
	top: 110px;
} */
.idea-title {
	font-size: 30px
}
.city-circle {
	top: 0;
	margin-top: 0;
}
.full-page-content {
	width: 100%;
}
#cities-left {
	width: 100%
}
#cities-left {
	position: relative;
	top: 0;
	margin-top: 50px;
}
#cities-left h1 {
	padding-left: 30px;
}
#cities-left, #cities-right {
	width: 100%;
	float: left;
}
.city-select-column {
	width: 100%;
	float: left;
	margin-top: 0px;
	padding: 10px 30px;
}
.vc-sumamry {
	float: left;
	/*margin-top: 70px;*/
	padding: 30px;
	width: 85%;
}
.volume-calculator-summary {
	width: 100%;
}
.vc-summery-title {
	font-size: 25px;
}
.section-content-insurance {
	height: auto !important;
	float: left;
}
.section-content-material {
	height: auto !important;
	float: left;
}
/*#section-section5, #section-section6, #section-section7, #section-section8, #section-section9  {
	border-bottom: 2px solid #FFF;
	
}*/


  /* CHANGES ROMAIN max-width: 800px */
  
h1 {
	font-size: 33px;
}

.vc-summery-title {
	font-size: 30px;
}

.page-content-home {
    padding: 0 5%;
    height: 340px;
    margin-top: 90px;
    top: 0px;
    width: 90%;
}

.insurance-content-left-wrapper, .insurance-content-right-wrapper, .acceptance-insurance, .vc-sumamry  {
	width: 84%;
	padding: 20px 7% 0px 7%;
}

.insurance-content-left-wrapper, .insurance-content-right-wrapper {
	width: 86%;	
}


div#cities-right {
	display:none;
}

.add-item {
    right: 0px;
}

.remove-buttons {
    right: 50px;
}

.remove-buttons, .add-item {
    height: 40px;
    width: 40px;
}

#home-left {
    height: auto;
    padding-bottom: 40px;
}

#home-right {
    padding-bottom: 30px;
}

.margin-top-30 {
    margin-top: 20px;
}



#idea-left {
    height: 740px;
}

#how-it-works-first-left {
    height: 750px;
}

#how-it-works-first-right {
    height: 650px;
}

#how-it-works-second-left {
    height: 680px;
}

#how-it-works-second-right {
    height: 680px;

}

}




 @media only screen and (max-width: 640px) {

.full-page-content {
	margin: auto;
	height: 100%;
	top: 0
}
.vs-visit-desktop {
	width: 300px;
	height: 140px;
	margin-top: -100px;
	margin-left: -150px;
}
h1 {
	font-size: 25px
}
.page-content-home h2 {
	font-size: 20px
}
p {
	font-size: 12px;
}
.home-title {
	font-size: 32px;
}
.main-screen-price h1 {
	font-size: 36px;
}
h3 {
	font-size: 14px
}
.idea-title {
	font-size: 24px;
}


/* COMMENTED BY ROMAIN  
 */
 
 /* .page-content-home {
	padding-left: 30px;
	width: 83%;
} */


#idea-left {
	background-image: url(../images/idea_main_img_2.png);
	background-size: 60%;
	background-position: bottom center;
	background-repeat: no-repeat;
	height: 650px;
}
.section-content {
	width: 100%;
	position: relative;
	height: 500px;
}
.page-content-how-it-works {
	top: 50px;
}
.main-screen-price h2 {
	font-size: 24px;
}
.city-circle {
	top: 0;
	margin-top: 0;
}
.full-page-content {
	width: 100%;
}



/* CHANGES ROMAIN max-width: 640 */

#idea-left {
    height: 730px;
}

#how-it-works-first-left {
    height: 670px;
}

#how-it-works-second-left  {
    height: 580px;
}

#how-it-works-second-left {
    height: 580px;
}

#how-it-works-second-right {
    height: 600px;
}

.vc-summery-title {
	font-size: 24px;
}

}


 @media only screen and (max-width: 480px) {


  /* CHANGES ROMAIN max-width: 480px */
  
#idea-left {
    height: 640px;
}

#how-it-works-first-left {
    height: 560px;
}

#how-it-works-first-right {
    height: 570px;
}

#how-it-works-second-left {
    height: 500px;
}

#how-it-works-second-right {
    height: 500px;
}

div.logo-wrapper {
	width: 250px;
}

.volume-item-title {
    font-size: 18px;
	width: 77%;
}

h1 {
	font-size: 24px
}

.home-title {
	font-size: 24px;
}

h2.vc-summery-title {
    font-size: 22px;
}

div.logo-wrapper {
	width: 250px;
}

h2.vc-summery-title {
    font-size: 22px;
}


.page-content-how-it-works.mobile-padding {
    margin-top: 00px;
}

.page-content-home h3 {
    margin: 0px;
}

}

 @media only screen and (min-width: 480px) and (max-width: 800px) {

.volume-item {
    width: 44%;
    float: left;
	margin: 3%;
	padding-bottom: 0px;
}

.add-item {
    right: 0px;
}

.remove-buttons {
    right: 30px;
}

.volume-item-title {
    font-size: 15px;
    width: 68%;
}

.remove-buttons, .add-item {
    height: 25px;
    width: 25px;
}

}

 @media only screen and (min-width: 641px) and (max-width: 800px) {


.details-wrapper {
    margin-top: 10%;
}
}

 
  /* CHANGES ROMAIN max-width: 360px */
  
@media only screen and (max-width: 360px) {

#idea-left {
    height: 590px;
}

#how-it-works-first-left {
    height: 530px;
}

#how-it-works-first-right {
    height: 500px;
}

#how-it-works-second-left {
    height: 430px;
}

#how-it-works-second-right {
    height: 470px;
}

.page-content-idea, .page-content-how-it-works {
    width: 350px;
    top: 7%;
}

}


 @media only screen and (max-width: 320px) {
.vs-visit-desktop {
	width: 280px;
	height: 140px;
	margin-top: -70px;
	margin-left: -140px;
}

h1 {
	font-size: 20px
}

.main-screen-price h1 {
	font-size: 36px;
}
h3 {
	font-size: 14px
}
.page-content-home {
	padding-left: 20px;
	width: 280px;
}
.page-content-idea {
	padding-left: 20px;
	width: 280px;
	top: 40%;
}

#how-it-works-second-left, #how-it-works-second-right, #how-it-works-first-left, #how-it-works-first-right {
/* 	background-image: none;
 */}
.page-content-how-it-works {
	margin-top: 0px;
	top: 10%;
	padding-left: 20px;
	width: 280px;
}
.mobile-padding {
	margin-top: 30px;
}

  /* CHANGES ROMAIN max-width: 320px */


#how-it-works-first-left {
    height: 530px;
}

#how-it-works-first-right {
    height: 500px;
}

#how-it-works-second-left {
    height: 430px;
}

#how-it-works-second-right {
    height: 470px;
}

#idea-left {
    height: 580px;
}





.page-content-idea, .page-content-how-it-works {
    width: 300px;
    top: 7%;
}


}