/*
====================================
Medium Screen - Others
====================================
*/

@media screen and (min-width: 1350px) and (max-width: 1550px) {

   .girl img {
      width: 420px;
   }

   .text h4 {
      font-size: 72px;
   }

   .logo a img {
      width: 420px;
   }

   .textbutton {
      width: 300px;
   }

   .textbutton img {
      width: 100%;
   }

   .map-heading::before {
      right: -95px;
   }

   
.map-wrapper::after {
   left: -100px;
}

   
}


@media screen and (min-width: 1200px) and (max-width: 1350px) {

   .logo a img {
      width: 205px;
      margin-bottom: 20px;
   }

   .girl img {
      display: block;
      width: 360px;
   }

   .text p {
      font-size: 27px;
   }

   .text h4 {
      font-size: 35px;
   }

   .textbutton {
      width: 300px;
   }

   .textbutton img {
      width: 100%;
   }

   .text a {
      display: inline-block;
      font-size: 16px;
   }

   #hero {
      padding-bottom: 125px;
   }

   .map-heading h4 {
      font-size: 32px;
   }

   .map-heading span {
      font-size: 40px;
      top: -20px;
   }

   .map-heading::before {
      right: -26px;
   }

   .map-heading::after {
      left: -60px;
   }

   .map-wrapper::after {
      left: -26px;
   }
}


@media screen and (min-width: 992px) and (max-width: 1200px) {

   .logo a img {
      width: 205px;
      margin-bottom: 20px;
   }

   .girl img {
      display: block;
      width: 235px;
   }

   .text p {
      font-size: 27px;
   }

   .text h4 {
      font-size: 35px;
   }

   .textbutton {
      width: 300px;
   }

   .textbutton img {
      width: 100%;
   }

   .text a {
      display: inline-block;
      font-size: 16px;
   }

   #hero {
      padding-bottom: 125px;
   }

   .map-heading h4 {
      font-size: 32px;
   }

   .map-heading span {
      font-size: 40px;
      top: -20px;
   }

   #map {
      padding-top: 75px;
   }

   .map-heading {
      margin-bottom: 45px;
   }
   
   .map-heading::before,
   .map-heading::after,
   #map::before,
   .map-wrapper::after {
      content: none;
   }

   .footer-logo img {
      width: 200px;
   }

   .footer-social ul li a img {
      width: 45px;
   }





























}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {

   .logo a img {
      width: 205px;
      margin-bottom: 20px;
   }

   .girl img {
      display: block;
      width: 235px;
   }

   .text p {
      font-size: 27px;
   }

   .text h4 {
      font-size: 35px;
   }

   .textbutton {
      width: 300px;
   }

   .textbutton img {
      width: 100%;
   }

   .text a {
      display: inline-block;
      font-size: 16px;
   }

   #hero {
      padding-bottom: 125px;
   }

   .map-heading h4 {
      font-size: 32px;
   }

   .map-heading span {
      font-size: 40px;
      top: -20px;
   }

   #map {
      padding-top: 75px;
   }

   .map-heading {
      margin-bottom: 45px;
      top: -165px;
   }
   
   .map-heading::before,
   .map-heading::after,
   #map::before,
   .map-wrapper::after {
      content: none;
   }

   .footer-logo img {
      width: 200px;
   }

   .footer-social ul li a img {
      width: 45px;
   }

   .map-wrapper {
      transform: scale(1.5);
      overflow: hidden;
   }

   #map {
      overflow: hidden;
      padding-top: 212px;
      padding-bottom: 212px;
   }

   .map-two img {
      width: 100px;
      margin-left: -21px;
   }

   .map-three {
      padding-left: 5px;
   }

   .mt-one {
      top: 20px;
   }

   #mt-content p {
      font-size: 12px;
   }

   #mt-content {
      position: relative;
      height: 135px;
   }

   .mtx-three {
      margin-top: -21px;
   }

   .mrt-one {
      margin-top: 51px;
   }

   #mt-content img {
      width: 46px;
      top: -10px;
      left: -71%;
   }

   #mt-content img#imgfiver {
      top: -6px!important;
   }

   #mt-content img#imgsixr {
      top: -5px !important;
   }

   #mt-content img#imgsevenr {
      top: -2px !important;
   }

   .map-one #mt-content img {
      right: -56%;
      top: -4px;
   }

   #mt-content img#imgseven {
      top: 4px !important;
   }

   #mt-content img#imgsix {
      top: 4px !important;
   }

   #mt-content img#imgfive {
      top: 1px !important;
   }



























}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (min-width: 576px) and (max-width: 767px) {	

   .logo a img {
      width: 205px;
      margin-bottom: 20px;
   }

   .girl img {
      display: block;
      width: 235px;
   }

   .text p {
      font-size: 27px;
   }

   .text h4 {
      font-size: 35px;
   }

   .textbutton {
      width: 300px;
   }

   .textbutton img {
      width: 100%;
   }

   .text a {
      display: inline-block;
      font-size: 16px;
   }

   #hero {
      padding-bottom: 125px;
   }

   .map-heading h4 {
      font-size: 32px;
   }

   .map-heading span {
      font-size: 40px;
      top: -20px;
   }

   #map {
      padding-top: 75px;
   }

   .map-heading {
      margin-bottom: 45px;
   }
   
   .map-heading::before,
   .map-heading::after,
   #map::before,
   .map-wrapper::after {
      content: none;
   }

   .footer-logo img {
      width: 200px;
   }

   .footer-social ul li a img {
      width: 45px;
   }

   .map-two img {
      width: 100px;
      margin-left: -21px;
   }

   .map-three {
      padding-left: 5px;
   }

   .mt-one {
      top: 20px;
   }

   #mt-content p {
      font-size: 12px;
   }

   #mt-content {
      position: relative;
      height: 135px;
   }

   .mtx-three {
      margin-top: -21px;
   }

   .mrt-one {
      margin-top: 51px;
   }

   #mt-content img {
      width: 46px;
      top: -10px;
      left: -71%;
   }

   #mt-content img#imgfiver {
      top: -6px!important;
   }

   #mt-content img#imgsixr {
      top: -5px !important;
   }

   #mt-content img#imgsevenr {
      top: -2px !important;
   }

   .map-one #mt-content img {
      right: -56%;
      top: -4px;
   }

   #mt-content img#imgseven {
      top: 4px !important;
   }

   #mt-content img#imgsix {
      top: 4px !important;
   }

   #mt-content img#imgfive {
      top: 1px !important;
   }
























}

/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/
@media screen and (max-width: 576px) {

   .logo a img {
      width: 205px;
      margin-bottom: 20px;
   }

   .girl img {
      display: block;
      width: 235px;
   }

   .text p {
      font-size: 27px;
   }

   .text h4 {
      font-size: 35px;
   }

   .textbutton {
      width: 300px;
   }

   .textbutton img {
      width: 100%;
   }

   .text a {
      display: inline-block;
      font-size: 16px;
   }

   #hero {
      padding-bottom: 125px;
   }

   .map-heading h4 {
      font-size: 32px;
   }

   .map-heading span {
      font-size: 40px;
      top: -20px;
   }

   #map {
      padding-top: 75px;
   }

   .map-heading {
      margin-bottom: 45px;
   }
   
   .map-heading::before,
   .map-heading::after,
   #map::before,
   .map-wrapper::after {
      content: none;
   }

   .footer-logo img {
      width: 200px;
   }

   .footer-social ul li a img {
      width: 45px;
   }

   .map-two img {
      width: 100px;
      margin-left: -21px;
   }

   .map-three {
      padding-left: 5px;
   }

   .mt-one {
      top: 20px;
   }

   #mt-content p {
      font-size: 12px;
   }

   #mt-content {
      position: relative;
      height: 135px;
   }

   .mtx-three {
      margin-top: -21px;
   }

   .mrt-one {
      margin-top: 51px;
   }

   #mt-content img {
      width: 46px;
      top: -10px;
      left: -71%;
   }

   #mt-content img#imgfiver {
      top: -6px!important;
   }

   #mt-content img#imgsixr {
      top: -5px !important;
   }

   #mt-content img#imgsevenr {
      top: -2px !important;
   }

   .map-one #mt-content img {
      right: -67%;
      top: -4px;
   }

   #mt-content img#imgseven {
      top: 4px !important;
   }

   #mt-content img#imgsix {
      top: 4px !important;
   }

   #mt-content img#imgfive {
      top: 1px !important;
   }





























}