/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  #map {

  }
}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
html, body {
	  /* overflow: visible !important; */
  }
  .wrap {
    height: 120%  !important;
  }
  .only-mobile {
	  display:inline-block !important;
  }
  .only-desktop {
	  display:none !important;
  }
  .borderTop {
	  height:15px !important;
  }
  .slider-container {
	margin-bottom: 30px;
  }
  .slider-container2 {
	margin-bottom: 30px;
  }
  .slider-container3 {
	margin-bottom: 30px;
  }
  .slider-container4 {
	margin-bottom: 30px;
  }
  #map {
	  /* position: relative !important; */
	  /* overflow: visible !important; */
	  margin-top: -50% !important;
  }
  #b-main {
	  margin-top:35% !important;
	  width: 100% !important;
	  margin-left: 0  !important;
	  /* position: relative !important; */
  }
  #main {
	  background-image: none !important;
	  padding-bottom: 350px !important;
	  margin-top: -10px !important;
  }
  .mobile {
	  width: 70% !important;
	  margin-left: 15% !important;
	  margin-right: 15% !important;
	  min-height:140px;
	  margin-bottom:20px;
	  margin-top:0px;
  }
  .before-step .left {
	  width: 100% !important;
  }
  .before-step .right {
	  width: 100% !important;
  }
  .step .left {
	  width: 100% !important;
  }
  .step .right {
	  width: 100% !important;
	  padding-right: 5% !important;
  }
  .step-r .left {
	  width: 100% !important;
	  padding-left: 5% !important;
  }
  .step-r .right {
	  width: 100% !important;
	  padding-right: 5% !important;
	  margin-left: -5% !important;
  }
  .kms {
	  display:none !important;
  }
  h1 {
	  font-size: 1.2rem !important;
  }
  .separ-title {
	  width: 225px !important;
	  margin-left: 10px !important;
  }
  .prez {
	  font-size: 1.0rem !important;
	  padding-right: 10px !important;
  }
  .text {
	  font-size: 0.8rem !important;
	  padding-left: 15px !important;
  }
  .text-content {
	  line-height: 1.4rem !important;
	  text-align: left !important;
  }
  .slider-container {
	  width: 92% !important;
	  margin-left: 5% !important;
	  margin-right: 5% !important;
	  height: 200px !important;
  }
  .slider-carousel {
	  height: 200px !important;
  }
  .slider-container2 {
	  width: 92% !important;
	  margin-left:7% !important;
	  margin-right: 5% !important;
	  height: 200px !important;
  }
  .slider-carousel2 {
	  height: 200px !important;
  }
  .slider-container3 {
	  width: 92% !important;
	  margin-left: 7% !important;
	  margin-right: 5% !important;
	  height: 200px !important;
  }
  .slider-carousel3 {
	  height: 200px !important;
  }
  .slider-container4 {
	  width: 92% !important;
	  margin-left: 5% !important;
	  margin-right: 5% !important;
	  height: 200px !important;
  }
  .slider-carousel4 {
	  height: 200px !important;
  }
  .step h2 {
	  font-size: 1.5rem !important;
	  width:100% !important;
	  text-align: center !important;
  }
  .step-r h2 {
	  font-size: 1.5rem !important;
	  width:100% !important;
	  text-align: center !important;
  }
  .step .only-img {
	  width: 93% !important;
	  height: 200px !important;
	  margin-left: 4% !important;
	  margin-bottom: 30px;
  }
  .step-r .only-img {
	  width: 93% !important;
	  height: 200px !important;
	  margin-bottom: 30px;
  }
  .scrollTop {
	  margin-left: 45% !important;
  }
  .back-button {
	  margin-left: 10% !important;
	  margin-top: 10px !important;
  }
  #step2 {
	  height: 625px !important;
  }
  #step3 {
	  display: grid;
	  height: 650px !important;
  }
  #step3 .left {
	  order: 2;
  }
  #step3 .right {
	  order: 1;
  }
  #step3 .mobile {
	  order: 3;
  }
  #step5 {
	  display: grid;
	  height: 700px !important;
  }
  #step5 .left {
	  order: 2;
  }
  #step5 .right {
	  order: 1;
  }
  #step5 .mobile {
	  order: 3;
  }
  #step7 {
	  display: grid;
	  height: 830px !important;
  }
  #step7 .left {
	  order: 2;
  }
  #step7 .right {
	  order: 1;
	  height:200px;
  }
  #step7 .mobile {
	  order: 3;
  }
  #step9 {
	  display: grid;
	  height: 735px !important;
  }
  #step9 .left {
	  order: 2;
  }
  #step9 .right {
	  order: 1;
	  height:200px;
  }
  #step9 .mobile {
	  order: 3;
  }
}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 767px) {
  html, body {
	  /* overflow: visible !important; */
  }
  .wrap {
    height: 120%  !important;
  }
  .only-mobile {
	  display:inline-block !important;
  }
  .only-desktop {
	  display:none !important;
  }
  .borderTop {
	  height:15px !important;
  }
  #map {
	  /* position: relative !important; */
	  /* overflow: visible !important; */
    margin-top: -70% !important;
  }
  #b-main {
	  margin-top:0px !important;
	  width: 100% !important;
	  margin-left: 0  !important;
	  overflow-x: hidden !important;
	  /* position: relative !important; */
  }
  #main {
	  background-image: none !important;
	  padding-bottom: 350px !important;
	  margin-top: -10px !important;
  }
  .mobile {
	  width: 100% !important;
	  min-height:110px;
	  margin-bottom:20px;
  }
  .social-bar {
    width: 100% !important;
    padding: 0 !important;
  }
  .facebook {
    margin-left:20px !important;
  }
  .instagram {
    margin-right:20px !important;
  }
  #icon1-m {
    display: block !important;
  }
  .scrollbar-external {
	margin-top: 40% !important;
  }
  ul {
	font-size:1.0rem !important;
  }
  .adapt-mobile-img-grp {
	width:100% !important;
	height: auto !important;
  }
  .before-step .left {
	  width: 100% !important;
  }
  .before-step .right {
	  width: 100% !important;
  }
  .before-step .text {
	line-height:1.25rem !important;
  }
  .step .left {
	  width: 100% !important;
  }
  .step .right {
	  width: 100% !important;
	  padding-right: 5% !important;
  }
  .step-r .left {
	  width: 100% !important;
	  padding-left: 5% !important;
  }
  .step-r .right {
	  width: 100% !important;
	  padding-right: 5% !important;
	  margin-left: -5% !important;
  }
  .kms {
	  display:none !important;
  }
  h1 {
	  font-size: 1.2rem !important;
	  letter-spacing: 0.8rem !important;
  }
  .separ-title {
	  width: 225px !important;
	  margin-left: 10px !important;
  }
  .prez {
	  font-size: 1.0rem !important;
	  padding-right: 10px !important;
  }
  .prez img {
	  width:60px !important;
	  margin-top:0px !important;
  }
  .text {
	  font-size: 1.0rem !important;
	  padding-left: 15px !important;
  }
  .text-content {
	  line-height: 1.4rem !important;
	  text-align: left !important;
  }
  .slider-container {
	  width: 92% !important;
	  margin-left: 5% !important;
	  margin-right: 5% !important;
	  height: 200px !important;
  }
  .slider-carousel {
	  height: 200px !important;
  }
  .slider-container2 {
	  width: 92% !important;
	  margin-left:7% !important;
	  margin-right: 5% !important;
	  height: 200px !important;
  }
  .slider-carousel2 {
	  height: 200px !important;
  }
  .slider-container3 {
	  width: 92% !important;
	  margin-left: 7% !important;
	  margin-right: 5% !important;
	  height: 200px !important;
  }
  .slider-carousel3 {
	  height: 200px !important;
  }
  .slider-container4 {
	  width: 92% !important;
	  margin-left: 5% !important;
	  margin-right: 5% !important;
	  height: 200px !important;
  }
  .slider-carousel4 {
	  height: 200px !important;
  }
  .cta-test{
	width: 80% !important;
	margin-left: 0 !important;
  }
  .cta-test2 {
	width: 70% !important;
	margin-left: 7% !important;
  display: block !important;
  }
  .loading {
    margin-top: 25% !important;
  }
  .step h2 {
	  font-size: 1.5rem !important;
	  width:100% !important;
	  text-align: center !important;
    line-height: 1.9rem !important;
  }
  .step-r h2 {
	  font-size: 1.5rem !important;
	  width:100% !important;
	  text-align: center !important;
  }
  .step .only-img {
	  width: 93% !important;
	  height: 200px !important;
	  margin-left: 4% !important;
  }
  .step-r .only-img {
	  width: 93% !important;
	  height: 200px !important;
  }
  .scrollTop {
	  margin-left: 45% !important;
  }
  .back-button {
	  margin-left: 10% !important;
	  margin-top: 10px !important;
  }
  #step2 {
	  height: 930px !important;
  }
  #step3 {
	  display: grid;
	  height: 1025px !important;
  }
  #step3 .left {
	  order: 2;
  }
  #step3 .right {
	  order: 1;
  }
  #step3 .mobile {
	  order: 3;
  }
  #step4 {
	  height: 1100px !important;
  }
  #step5 {
	  display: grid;
	  height: 1050px !important;
  }
  #step5 .left {
	  order: 2;
  }
  #step5 .right {
	  order: 1;
  }
  #step5 .mobile {
	  order: 3;
  }
  #step6 {
	  height: 1000px !important;
  }
  #step7 {
	  display: grid;
	  height: 975px !important;
  }
  #step7 .left {
	  order: 2;
  }
  #step7 .right {
	  order: 1;
  }
  #step7 .mobile {
	  order: 3;
  }
#step8 {
	  height: 1025px !important;
  }
  #step9 {
	  display: grid;
	  height: 1575px !important;
  }
  #step9 .left {
	  order: 2;
  }
  #step9 .right {
	  order: 1;
  }
  #step9 .mobile {
	  order: 3;
  }
  .prez em {
    line-height: 1rem !important;
    padding-left: 0 !important;
  }
  .prez img {
    float: right;
  }
}