#_header { background-color: white; color: purple; }

.hdrLogo { font-size: 16px; }
.tpLogo {}
.tpLogo > span:nth-child(1) { font-size: 1.5em; font-family: 'Segoe Script'; color: mediumpurple !Important;}

#header .logo { margin: -10px 0px 0px 0px; text-transform: none; }
#header .logo h6 { color: white; font-size: 0.8em; }

.get-started-btn { padding: 4px 10px 4px 10px; margin-right: 15px; border-radius: 6px; }

._mobile-nav-toggle { color: purple; }

.lang { }
.lang img { cursor: pointer; margin-right: 12px; }

._get-started-btn { color: purple; }

.home-title { margin-top: 80px; }

.section-title { padding-bottom: 20px; margin-bottom: 20px; font-size: 18px; }

#hero h2 { font-size: 28px; }
#hero .icon-box h3 a { color: purple; }
#hero .icon-box img { width: 75%; }

#hero .icon-box { border-radius: 6px; background-color: white; opacity: 0.6; }
#hero { background: url("images/Home.JPG") top center; }

.about .content h3 { font-weight: 500; font-size: 24px; font-family: "Poppins", sans-serif; }

.services .icon-box .icon i { font-size: 42px; }

.portfolio-wrap { background-color: #fff !Important; text-align: center; }

.counts .image { background: url(images/planning/image2.jpeg) center center no-repeat; background-size: cover; min-height: 400px; }

.contact .php-email-form label { font-size: 16px; margin-right: 12px; line-height: 18px; }
.contact .php-email-form input:not([type='checkbox']) { height: 44px; }
.contact .php-email-form input[type='checkbox'] { height: 14px; }

.social a { margin-right: 18px; }
.social i { font-size: 1.6em; }

/*--------------------------------------------------------------
# Style all mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
}

/*--------------------------------------------------------------
(xs) — screen width < 576px (This is the “default” tier)
sm — screen width ≥ 576px
md — screen width ≥ 768px
lg — screen width ≥ 992px
xl — screen width ≥ 1200px
--------------------------------------------------------------*/

/*-- Small devices (landscape phones, 576px and up)
*/
@media (max-width: 576px) {
  .home-title { margin-top: 0px; }
  #hero { background: url("images/Home_Mobile.jpg") top center; }
    #hero .icon-box img { width: 290px; }
    #hero h2 { font-size: 24px; }
  .contact .php-email-form label { font-size: 14px; margin-right: 8px; line-height: 16px; }
}

/*-- Medium devices (tablets, 768px and up)
*/
@media (min-width: 768px) {
}

/*-- Large devices (desktops, 992px and up)
*/
@media (min-width: 992px) {
}

/*-- Extra large devices (large desktops, 1200px and up)
*/
@media (min-width: 1200px) {
}

/*-- Very large devices (large desktops, 1320px and up)
*/
@media (max-width: 1320px) {
}

/*-- Modal popup
*/

.modal-box { display: none; position: fixed; z-index: 1000; width: 98%; background: white; border-bottom: 1px solid #aaa; border-radius: 4px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.1); background-clip: padding-box; }
  .modal-box header,
  .modal-box .modal-header { padding: 1.25em 1.5em; border-bottom: 1px solid #ddd; }
    .modal-box header h3,
    .modal-box header h4,
    .modal-box .modal-header h3,
    .modal-box .modal-header h4 { margin: 0; }
  .modal-box .modal-body { padding: 2em 1.5em; }
  .modal-box footer,
  .modal-box .modal-footer { padding: 1em; border-top: 1px solid #ddd; background: rgba(0, 0, 0, 0.02); text-align: right; }

.modal-overlay { opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; z-index: 900; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3) !important; }

a.close { line-height: 1; font-size: 1.5em; position: absolute; top: 5%; right: 2%; text-decoration: none; color: #bbb; }
  a.close:hover { color: #222; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; transition: color 1s ease; }

@media (min-width: 32em) {
  .modal-box { width: 70%; }
}