.main-logo-container img {
  width: 350px !important;
}

.parallax-front {
  top: 0;
}

.wpsdc-drop-cap {
  padding-right: 15px;
}

.services-pic-01 {
  position: absolute;
  width: 320px;
  margin-top: -210px !important;
  left: -140px !important;
}

.services-pic-02 {
  position: absolute;
  width: 260px;
  margin-top: -270px !important;
  right: 20px !important;
}

.why-us-bg {
  margin-top: -70px !important;
}

.why-us-bg-2 {
  position: absolute;
  width: 350px;
  margin-top: -250px !important;
  left: 50px !important;
}

.cbp-spmenu a {
  font-weight: 400;
}

.sosmed-icon img:hover {
  -webkit-filter: brightness(75%);
}

.footer-contact {
  font-size: 13px;
  margin-top: 25px;
}

#contact-icon {
  float: left;
  color: #49bc95;
  width: 30px;
}

#contact-text {
  float: left;
}

#contact-text p {
  font-size: 0.9em;
}

.fa-map-marker {
  font-size: 25px;
}

.fa-phone {
  font-size: 20px;
}

.fa-envelope {
  font-size: 18px;
}

.col-1-1 {
  margin-bottom: 0!important;
}

*#colophon.site-footer {
  display: none;
}

.dh-footer-text {
  position: absolute;
  width: 100%;
  bottom: 60px;
  padding-top: 20px;
  padding-bottom: 0px;
  line-height: 0em;
}

li.lang-item {
	list-style-type: none;
	float: left;
	padding: 0 5px 0 6px;
	margin-top: 0px;
}

li.lang-item a {
  font-weight: 600;
}

li.lang-item a:hover {
  color: #fff;
}

div.cl-popup-box-content {
  padding-top: 5% !important;
}

div.cl-popup-box-closer {
  color: white !important;
  background-color: black !important;
}

/*Slide Position Adjustment*/

div#n2-ss-2 .n2-ss-slide-background > div,
div#n2-ss-3 .n2-ss-slide-background > div,
div#n2-ss-4 .n2-ss-slide-background > div {
  position: absolute;
  top: 0;
  left: 5% !important;
  width: 90% !important;
  height: 100%;
  text-align: center;
}

/*RESPOSIVE*/

@media screen and (min-width: 1901px) {
  .main-logo-container {
    top: 36vh !important;
  }

  .main-logo-container img {
    width: 450px !important;
  }

  .services-pic-01 {
    margin-top: -410px !important;
    left: -150px !important;
    width: 350px;
  }

  .services-pic-02 {
    margin-top: -500px !important;
    width: 370px;
  }

  .why-us-bg {
    margin-top: -130px !important;
  }

  .why-us-bg-2 {
    width: 400px;
  }

  .prof-img img {
    width: 85% !important;
  }
}

@media screen and (max-width: 1900px) {
  .main-logo-container {
    top: 38vh;
  }
}

@media screen and (max-width: 768px) and (orientation: portrait) {
  #contact {
    padding-top: 220px !important;
  }

  .mobile-home-bg-landscape {
    margin-left: -9999px;
  }

  .mobile-home-bg-potrait {
    margin-top: -65px;
  }
  #masthead div.navigation-container button.toggle-menu.menu-right.push-body.jPushMenuBtn {
	left: 85%;
  }
}

@media screen and (max-width: 768px) and (orientation: landscape) {
  #masthead div.navigation-container button.toggle-menu.menu-right.push-body.jPushMenuBtn {
	left: 90%;
  }
}

@media screen and (max-width: 737px) and (orientation: landscape) {
  #contact {
    background-size: 40% auto !important;
  }

  .mobile-home-bg-landscape {
    margin-left: 0px;
    margin-top: -45px;
  }

  .mobile-home-bg-potrait {
    display: none;
  }
}

@media screen and (max-width: 414px) {
  .main-logo-container img {
    max-width: 80% !important;
  }

  .services-pic-01 {
    width: 200px !important;
    margin-top: -115px !important;
    left: -88px !important;
  }

  .services-pic-02 {
    width: 200px !important;
    margin-top: -230px !important;
    right: 0px !important;
  }

  .lsow-accordion.style3 .lsow-panel .lsow-panel-title {
    font-size: 10px;
  }

  .why-us-bg {
    margin-top: -73px !important;
  }

  #contact-text p {
    font-size: 85%;
  }

  #contact {
    padding-top: 90px !important;
  }

  .navigation-container {
    right: 45px;
  }

  .dh-footer-text {
    bottom: 40px;
  }

  .mobile-home-bg-potrait {
    margin-top: -5px;
  }
}

@media screen and (max-width: 375px) {
  #contact-text p {
    font-size: 62%;
  }
}

@media screen and (max-width: 321px) {
  #masthead div.navigation-container button.toggle-menu.menu-right.push-body.jPushMenuBtn {
	left: 82%;
  }
}

.carousel-slider .carousel-slider__caption .caption {
  color: #000000;
  font-weight: 500;
  font-size: 12px;
}

#menu-header div.menu-logo {
	text-align: center;
	padding-top: 85px;
	padding-bottom: 20px;
}

button.toggle-menu {
	font-size: 28px;
	border: none;
	color: black;
    padding: 6px 12px;
}

button.toggle-menu.menu-right.push-body.close.jPushMenuBtn {
	float: right;
	width: 100%;
	margin: 0;
	text-align: right;
	padding: 30px 30px 35px 0;
	left: 0;
}

button.toggle-menu.menu-right.push-body.jPushMenuBtn {
	position: fixed;
	text-align: right;
	left: 95%;
}