@media(min-width:768px){
/******************
   WhatsApp
************/       
.whatsapp-box{
  display: none
}    
}

@media(min-width:992px){
/******************
   BANNER
************/       
.mobile-menu-view{
    display: none
}
}


@media(min-width:1200px){
/******************
   TESTIMONIAL
************/   
  .testimonial-slide-item-content, .testimonial-slide-item-author {
    font-size: 0;
}
.testimonial-body .swiper-slide-active .testimonial-slide-item, 
.testimonial-body .swiper-slide-next .testimonial-slide-item,
.testimonial-body .swiper-slide-next+div .testimonial-slide-item {
    box-shadow: 0px 0px 40px #C6C4DD70;
    font-size: inherit
}
.testimonial-body .swiper-slide-active .testimonial-slide-item-content, 
.testimonial-body .swiper-slide-next .testimonial-slide-item-content, 
.testimonial-body .swiper-slide-next+div .testimonial-slide-item-content{
     font-size: 0.888rem
}
.testimonial-body .swiper-slide-active .testimonial-slide-item-author, 
.testimonial-body .swiper-slide-next .testimonial-slide-item-author, 
.testimonial-body .swiper-slide-next+div .testimonial-slide-item-author{
     font-size: 1rem
}
}


@media (min-width: 1400px){
    .bg-parallx{
        background-attachment: fixed;
        transform:none !important
    }
    
}


@media(min-width:2000px){
 html {
    font-size: 0.95vw;
}
  
}

@media(min-width:2260px){
/*    .hero-banner-section{
        height: 42rem
    }  */
}


@media(max-width:1799px){
/** HOME > IMPACT **/     
.our-impact-body{
        gap: 5vw;
}
.our-impact-list-desc{
    font-size: 15px
}
}




@media (max-width: 1699px){
  /************ 
HOME - WHY HIRE US
***************/   
.why-hire-content {
    padding-left: 5.5vw;
    padding-bottom: 8.75rem;
}
.why-hire-list-desc {
    margin-right: 0;
    padding-left: 5px;
}
 
/******************
   TESTIMONIAL
************/       
  .testimonial-button-prev{left:30.9%}
  .testimonial-button-next{right:30.9%}


/** FOOTER **/
.footer-bottom {
    font-size: 11px;
}

}




@media (max-width: 1599px){
/** HOME > IMPACT **/    
.our-impact-list-title{
        font-size: 22px
    }   
.our-impact-list-desc{
    font-size: 14px
}    
    
/** PAGE > ABOUT **/    
.welcome-body:after{
  top:-65px
}
    
/** FOOTER **/
.footer-bottom {
    font-size: 10px;
}

}


@media (max-width: 1499px){

    
  /** PAGE > ABOUT **/    
.why-list-content{
    margin-top: 15px
}

/******************
   TESTIMONIAL
************/       
 .testimonial-button-prev{
     left:30.7%
 }
 .testimonial-button-next{
     right:30.7%
 }

 /************ 
PAGE - PROJECT
***************/
.our-projects-section .container-box-vw-2{
    max-width: 90%
}

  /** PAGE > CONTACT **/
.site-name {
    font-size: 1.5rem;
}
.site-address, .site-business-hour, .business-phone-block {
    font-size: 16px;
} 
}


@media (max-width: 1399px){
.space {
    padding-top: 75px;
    padding-bottom: 75px;
}
.space-m{
    margin-top: 75px;
    margin-bottom: 75px;
}
.spaceT{
    padding-top: 75px;
}
.space_pb{
    padding-bottom: 75px;
}
.spaceMT{
    margin-top: 75px;
}
.spaceMB{
    margin-bottom: 75px;
}

/************ 
HOME - OUR TEAM
***************/
.introduction-team-left-block {
    width: 55%;
}
.introduction-team-right-block {
    width: calc(45% + 6vw);
    margin-left: -6vw;
}
.introduction-team-content-block {
    width: 100%;
    transform: none;
    padding-left: 45px;
}
.team-highlighted-offset-box {
    right: 3.5vw;
}

/************ 
HOME - OUR TEAM
***************/
.why-hire-list-desc {
    line-height: 1.85;
    font-size: 15px;
}
.why-hire-content{
    padding-top: 2rem
}

/************ 
COMMON - TESTIMONIAL
***************/
.testimonial-button-next {
    right: 30.4%;
}
.testimonial-button-prev {
    left: 30.4%;
}


  /** PAGE > CONTACT **/
.contact-form-box {
    margin-left: -1.208vw;
}
.wpcf7-response-output{
    font-size: 12px
}

/** FOOTER **/
.footer-body {
    justify-content: space-between;
}
.footer-body > *:not(:first-child) {
    margin-left: 25px;
}
.footer-bottom {
    font-size: 9px;
    margin-left: 0;
    margin-top: 1.5rem;
    justify-content: space-between;
}
.footer-location, .copyrights, .developed-by, .footer-menu {
    width: auto;
}
}

@media (max-width: 1299px){
/************ 
HOME - EXPERIENCE
***************/
 .our-experience-right-block {
    line-height: 1.8;
}  

/************ 
PAGE - ABOUT
***************/
.professional-installation-box {
    bottom: -54px;
}

/************ 
COMMON - TESTIMONIAL
***************/
.testimonial-button-next {
    right: 30.15%;
}
.testimonial-button-prev {
    left: 30.15%;
}

/** FOOTER **/
.copyrights, .developed-by{
    font-size: 10px
}

}




@media (max-width: 1199px){
    body{
        font-size: 16px
    }
    
  /** HOME > IMPACT **/     
  .our-impact-list-title {
    font-size: 20px;
}  



/************ 
COMMON - TESTIMONIAL
***************/
.testimonial-button-prev, .testimonial-button-next{
  display: none  
}     
.testimonial-slide-item{
   box-shadow: 0px 0px 40px #C6C4DD70;    
}
.testimonial-section{
    padding-top: 65px;
    padding-bottom:130px;
}


/************ 
PAGE - SERVICES
***************/
.service-list-content{
    padding-top: 2vw
}
.service-row-body > div:first-child .service-list-image:before {
    height: 120px;
    top: -120px;
}


  /** PAGE > CONTACT **/
.contact-content-body {
    width: 15.444rem;
}  
.contact-description{
    font-size: 14px
}
.contact-form-box {
    width: 426px;
    padding: 50px;
    max-width: 100%;
    margin-left: 0;
}
.site-name {
    font-size: 1.45rem;
}
}

@media (max-width: 1099px){

}


@media (max-width: 991px){
/*** Header ***/
button.navbar-toggler{
    display: block
}
.header-menu{
    display: none
}
.main-mobile-header-menu {
    width: 350px;
    max-width: 100%;
    display: block;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap:0;
}
.main-mobile-header-menu > li {
    margin-bottom: 23px;
    margin-top: 23px;
}
.main-mobile-header-menu > li > a {
    font-size: 35px;
    line-height: 0.9;
}
.main-mobile-header-menu > li > a:focus,
.main-mobile-header-menu > li > a:hover:focus{
    color: var(--bs-green);
}
.menu-open-trigger {
    padding-top: 50px;
    padding-bottom: 30px;
}
.mobile-menu-footer {
    padding: 65px 30px;
    color: #FFF;
    font-weight: 400;
    text-transform: none;
    font-size: 20px;
    line-height: 1.5;
}
.mobile-get-in-touch{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 45px
}
.mobile-get-in-touch a {
    width: 110px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 7px;
}
.mobile-get-in-touch a svg{
    width: 35px;
    height: 35px;
}
.mobile-phone {
    background-color: var(--bs-green);
}
.mobile-email{
    border: 2px solid var(--bs-green);
}
.header-layout-02 .site-header.trans .mobile-navbar-toggler-icon{
    background-color: var(--bs-black3)
}




/************ 
HOME - OUR TEAM
***************/
.introduction-team-left-block {
    min-height: 415px;
}
.introduction-team-right-block {
    width: calc(45% + 2vw);
    margin-left: -2vw;
}
.team-highlighted-offset-box {
    right: -0.5vw;
}

/************ 
HOME - WHY US
***************/
.why-hire-list-desc {
    font-size: 14px;
}

/************ 
HOME - PROJECT
***************/
.project-header{
   width: 650px;
   max-width: 100%
}

/************ 
HOME - EXPERIENCE
***************/
.our-experience-wrap{
    padding-top: 75px;
    padding-bottom: 75px
}
.experience-information {
    font-size: 18px
}
.our-experience-left-block {
    width: 50%;
}
.our-experience-right-block {
    width: 45%;
}

/************ 
HOME - IMPACT
***************/
.our-impact-body {
    grid-template-columns: repeat(2,1fr);
}
.our-impact-header {
    margin-bottom: 50px;
}
.our-impact-body {
    gap: 60px;
}
.book-consultation-heading {
    margin-bottom: 1.5rem;
}

/************ 
HOME - WHY US
***************/
.why-hire-image{
    width: 40%
}
.why-hire-content {
    width: 60%;
}

/******** 
PAGE > ABOUT 
***************/ 
.why-us-section {
    padding-top: 2rem;
    margin-bottom: 1.5rem;
}
.why-us-section h2, .why-us-section .h2 {
    margin-bottom: 0;
}
.container-welcome {
    max-width: 85%;
}
.why-lists-group {
    grid-template-columns: repeat(1,1fr);
    gap: 0;
}
.why-list-title{
    text-align: center
}
.why-us-section h2, .why-us-section .h2 {
    position: relative;
    z-index: 1;
}
.why-list-count-1:before {
    height: calc(100% + 6.5rem);
    top: -6.5rem;
}
.why-list-count-2:before {
    height: 90%;
    top: 0;
}
.why-list-count-3:before{
    content: none
}
.why-us-section .container-box-vw-2 {
    max-width: 77.042vw;
}
.professional-installation-box {
    right: 0;
    left: 0;
    margin: auto;
    width: 248px;
}
.misson-vision-section .container-box-vw-2{
  max-width: 95%
}


/************ 
PAGE - PROJECT
***************/
.our-projects-section .container-box-vw-2{
    max-width: 98%
}

/************ 
PAGE - SERVICES
***************/
:root {
    --sizep: 6vw;
}
.our-services-body {
    padding-top: 110px;
    margin-top: -62px;
}
.banner-layout-2-section .inner-banner-content {
    bottom: 150px;
}

  /** PAGE > CONTACT **/
  .contact-content-header h1{
      font-size: 40px
  }
.site-name {
    font-size: 1.2rem;
}
.site-address, .site-business-hour, .business-phone-block {
    font-size: 15px;
}
.contact-form-box {
    width: 395px;
}


/** SOCIAL**/
.social-heading{
    margin-right: 0.5rem
}

/** FOOTER **/
.footer-head {
    margin-bottom: 50px;
}
.container-footer {
    width: 760px;
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}
.footer-body{
    flex-wrap: wrap
}
.footer-menu {
    width: 100%;
    margin-bottom: 65px;
}
.footer-main-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding: 15px 0;
}
.footer-main-nav li{
    margin-left: 20px;
    margin-right: 20px
}
.footer-main-nav li+li{
    margin-top: 0
}
.footer-body > *:not(:first-child) {
    margin-left: 0;
}
}






@media (max-width: 850px){
/************ 
HOME - OUR TEAM
***************/
.introduction-team-left-block{
    min-height: 380px
}
}

  


@media (max-width: 767px){
    

    
 /** Header **/ 
 .site-header{
     padding-left: 30px;
     padding-right: 30px;
 }
 img.site-logo, svg.site-logo {
    width: 126px;
    height: 55px;
}   
.site-header:not(.trans) svg.site-logo, .site-header:not(.trans) img.site-logo {
    width: 5.5rem;
    height: 3rem;
}  
.menu-open-trigger {
    padding-top: 44px;
    padding-right: 30px;
}

 /** Mobile Menu **/ 
.main-mobile-header-menu > li > a {
    font-size: 24px;
}
    
 /** Hero Banner **/
 .hero-banner-slider-content{
     width: 100%;
     padding-left: 30px;
     padding-right: 30px;
 }
 .hero-title{
     line-height: 42px;
     letter-spacing: 1px
 }
 .hero-sub-title {
    margin-top: 12px;
}
.experience-info {
    margin: -3.15rem auto 0;
}
.experience-info:after{
    height: 108px
}
.hero-swiper-pagination{
    display: none
}

 /** HOME - TEAM **/ 
 .introduction-team-section {
    margin-bottom: 35px;
}
.introduction-team-body {
    flex-direction: column;
}
.introduction-team-left-block {
    min-height: 1px;
    width: 100%;
    padding-bottom: 88.5%;
}
.introduction-team-right-block {
    width: 100%;
    margin-left: 0;
}
.introduction-team-content-block {
    width: 100%;
    transform: none;
    padding-left: 45px;
    margin-top: 85px;
    margin-bottom: 45px;
}
.team-header{
    margin-bottom: 55px
}
.team-highlighted-offset-box {
    right: 0;
    left: 0;
    bottom: -2.2rem;
    margin: auto;
    width: 195px;
    padding: 12px;
    font-size: 14px;
}
.team-highlighted-offset-box strong {
    font-size: 20px;
}
.introduction-team-content-block h2 {
    margin-bottom: 10px;
}
.introduction-team-left-block:after{
    content: none
 }
.introduction-team-right-bg-holder {
    height: 0;
    padding-bottom: 71%;
    margin-bottom: 0;
}
.introduction-team-right-block:after {
    height: 248px;
    right: 0;
    left: 0;
    margin: auto;
    top: 67px;
}

 /** HOME - WHY US **/ 
.why-hire-us {
    margin-top: 35px;
    margin-bottom: 65px;
}
.why-hire-us-header-description {
    font-weight: 300;
    line-height: 24px;
    font-size: 14px;
}
.why-hire-body {
    flex-direction: column;
    margin-left: 0;
}
.why-hire-image {
    width: 100%;
    padding-bottom: 137%;
}
.why-hire-us-header{
    margin-bottom: 80px
}
.why-hire-content {
    width: 100%;
    padding-left: 0;
    padding-top: 40px;
    padding-bottom: 0;
}
.why-hire-content h3 {
    font-size: 22px;
    padding-left: 15px;
    margin-left: 1px;
}
.why-hire-content h3:before {
    width: 5px;
    height: 5px;
    top: 8px;
}
.why-hire-list-desc {
    padding-left: 15px;
    line-height: 20px;
}
.why-hire-content > div+div {
    margin-top: 30px;
}

 /** HOME - PROJECTS **/ 
.our-projects{
    margin-top: 0;
    padding: 55px 30px;
}
.project-header {
    width: 100%;
    flex-direction: column-reverse;
    text-align: center;
}
.project-header-block-left {
    padding-top: 20px;
}
.project-header-block-left .read-more{
    justify-content: center;
    font-size: 12px
}
.project-header-block-right {
    width: 100%;
}
.project-header-description {
    font-size: 14px;
}
.projects-body-row{
    margin-top: 40px
}
.projects-body-row > div+div{
    margin-top: 21px
}
.our-projects:after {
    height: 5.25rem;
}

 /** HOME - Experience- **/
 .our-experience-section .container-box-vw{
     max-width: 100%;
     padding-left: 30px;
     padding-right: 30px;
 }  
.our-experience-row {
    flex-direction: column;
}
.our-experience-left-block, .our-experience-right-block{
    width: 100%
}
.year-text {
    top: 19vw;
    font-size: 35vw;
    left: 6vw;
}
.our-experience-left-block{
    text-align: center
}
.our-experience-number {
    margin-bottom: 10px;
}
.our-experience-right-block {
    line-height: 20px;
    margin-top: 55px;
}
.experience-information {
    font-size: 14px;
}

/** HOME - PROJECTS **/ 
.our-experience-wrap {
    padding-top: 35px;
}

 /** HOME - IMPACT **/ 
 .our-impact-section{
     margin-bottom: 90px
 }
.our-impact-header {
    width: 100%;
    padding-left: max(15px, 3vw);
    padding-right: max(15px, 3vw); 
}
.our-impact-image {
    height: 0;
    width: 100%;
    padding-bottom: 75%;
}
.why-hire-us-header-inner {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
.our-impact-body{
 gap:65px 0;
 grid-template-columns:repeat(1,1fr);
 padding-left: 30px;
 padding-right: 30px;
}
.our-impact-list-title {
    font-size: 18px;
}
.our-impact-list-desc {
    line-height: 24px;
}
.our-impact-body > div {
    margin-top: 0
}

 /** HOME - BOOK CONSULTATION **/ 
.our-book-consultation-section{
   padding-left: 30px;
   padding-right: 30px;
   margin-top: 65px;
   margin-bottom: 65px
}
.our-book-consultation-section .container-box-vw {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.book-consultation-heading{
    line-height: 38px
}
.book-consultation-heading{
    margin-bottom: 15px
}

/*** TESTIMONIAL ****/
.testimonial-section:after{
   left: 0;
   right: 0
}
.testimonial-slide-item-box {
    margin-left: 10px;
    margin-right: 10px;
}
.testimonial-slide-item {
    padding: 40px 35px;
}

/******** 
PAGE > ABOUT 
***************/ 
.inner-banner-content {
    bottom: 115px;
}
.inner-banner-content{
    width: 100%;
    padding-left: 30px;
    padding-right: 30px
}
.welcome-content {
    line-height: 30px;
}
.welcome-body{
    padding-top: 175px
}
.our-experience-layout-2-block{
     text-align: center;   
}
.experience-layout-2-information {
    width: 100%;
}
.our-experience-footer {
    line-height: 26px;
    margin-top: 55px
}
.misson-vision-section .container-box-vw-2{
  max-width: 100%
}
.misson-vision-row {
    grid-template-columns: repeat(1,1fr);
    gap: 65px;
}
.misson-vision-title{
    text-align: center;
    color: var(--bs-blue);
}
.year-layout-2-text {
    top: 1vw;
    font-size: 45vw;
    left: -20vw;
}
.section-group+.our-book-consultation-section{
    margin-top: 0
}

/*** PAGE - OUR PROJECT ****/
.our-projects-section .container-vw{
    padding-left: 25px;
    padding-right: 25px
}
.our-projects-section .container-box-vw-2{
    max-width:100%;
    padding-left: 0;
    padding-right: 0
}

/************ 
PAGE - SERVICES
***************/
.banner-layout-2-section{
    height: 100%
}
.service-list-row, .service-row-body > div:nth-child(even) {
    flex-direction: column;
}
.service-row-body > div:nth-child(odd) .service-list-content {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}
.service-list-image-holder {
    min-height: 1px;
    height: auto;
    padding-bottom: 76%;
}
.service-list-image{
    width: 100%
}
.service-list-content-title {
    text-align: center;
    margin-bottom: 10px;
}
.service-list-content{
    padding: 30px 10px 0
}
.service-row-body > div:nth-child(odd) .service-list-content,
.service-row-body > div:nth-child(even) .service-list-content{
    padding-left: 10px;
    padding-right: 10px
}
.service-row-body > div:first-child .service-list-image:before {
    right: auto;
    left: 80px;
    height: 125px;
    top: -125px;
}
.service-row-body > div:first-child .service-list-image:after {
    height: 105px;
    left: 80px;
    bottom: -105px;
    right: auto;
}
.service-list-content{
    width: 100%
}
.service-row-body > div:nth-child(even) .service-list-image:after{
    content: none
}
.service-list-row{
    position: relative
}
.service-row-body > div:nth-child(2):after {
    content: "";
    width: 1px;
    height: calc(100% + 76.25% + 3rem);
    position: absolute;
    right: 70px;
    background-color: #E9E9E9;
}
.service-list-content,  .our-services-header-2, .service-row-body > div:nth-child(2) .service-list-image {
    position: relative;
    z-index: 1;
}

/** PAGE > CONTACT **/
.contact-content-body {
    width:100%;
    padding-top: 0
}
.contact-section {
    padding-left: 30px;
    padding-right: 30px;
    flex-direction: column;
    padding-bottom: 50px;
}
.contact-content-header {
    text-align: center;
}
.contact-description{
    padding-right: 0
}
.contact-form-body {
    width: 100%;
    padding: 0;
    min-height: 1px;
    flex-direction: column-reverse;
    display: flex;
}
.site-name {
    font-size: 1.2rem;
    margin-bottom: 10px;
}
.contact-behind-bg {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 76.5%;
    margin-top: 60px;
}
.contact-behind-bg:after {
    height: 110px;
    left: 0;
    right: 0;
    bottom: 21px;
    z-index: 1;
    top: auto;
    margin: auto;
}
.contact-content-footer {
    margin-top: 55px;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
}
.contact-form-box {
    width: auto;
    margin-left: 3rem;
    margin-right: 3rem;
    margin-top: -72px;
    padding-top: 80px;
}

/*** FOOTER ****/
.site-footer{
    padding-bottom: 45px
}
.footer-head {
    margin-bottom: 5px;
}
.footer-logo {
    width: 135px;
    margin-bottom: 15px;
}
.footer-body {
    flex-direction: column;
    width: 279px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.footer-body > div {
    margin-top: 50px;
}
.footer-menu{
    display: none
}
.footer-main-nav{
    display: none
}
.footer-tagline{
    width: 188px;
    margin-left: auto;
    margin-right: auto
}
.footer-heading, .footer-phone-heading {
    font-size: 20px;
    margin-bottom: 0.75rem;
}
.footer-phone-heading {
    margin-bottom: 0.85rem;
    line-height: 30px;
}
.footer-address, .footer-business-hour {
    font-size: 16px;
    line-height: 26px;
}
.footer-phone-number {
    font-size: 18px;
    font-weight: 300;
}
.copyrights, .developed-by{
    padding-right: 0
}
.copyrights, .developed-by {
    font-size: 12px;
}
.footer-bottom {
    flex-wrap: wrap;
    text-align: center;
    margin-top: 1.7rem;
}
.footer-bottom > div{
    width: 100%
}
.footer-bottom .social-wrapper {
    justify-content: center;
    order: 1;
}
.copyrights {
    order: 2;
    margin-top: 60px;
}
.developed-by{
    order:3;
    margin-top: 10px
}
}


@media (max-width: 575px){
    .container-vw, .container-box-vw-2, .container-box-vw{
        padding-left: 30px;
        padding-right: 30px;
    }  
    .container-box-vw-2, .container-box-vw{
        max-width: 100%
    }
 div.fancybox-navigation .fancybox-button {
    height: 40px;
    width: 40px;
}
button.fancybox-button {
    background: rgba(0, 0, 0, 0.45);
}
    
/** HEADER MOBILE - MENU **/    
.consultation-info {
    width: 260px;
    margin-left: auto;
    margin-right: auto;
}

 /** HOME - Hero Banner **/  
.hero-title br{
    display: none
}



 /** HOME - TEAM **/   
 .team-header,  .introduction-team-text-block.size-20{
     font-size: 12px
 }
 
 /** HOME - IMPACT **/ 
 .our-imact-sub-heading{
     font-size: 14px
 }
 
 /** INNER BANNER ***/
 .inner-banner-layout-section .inner-banner-description{
    margin-top: 0.25rem;
    line-height: 24px;
}
 
 
 /*** Page - About ***/
 .container-welcome{
     max-width: 100%
 }
 .why-us-section .container-box-vw-2 {
    max-width: 100%;
}
 .why-us-section h2, .why-us-section .h2 {
    margin-bottom: 20px;
}
.why-list-content {
    margin-top: 10px;
}
.our-experience-container{
    padding-left: 0;
    padding-right: 0
} 
.year-layout-2-text {
    font-size: 48vw;
    left: -14vw;
}
.misson-vision-section .container-box-vw-2 {
   padding-left: 0;
   padding-right: 0
}

/*** PAGE - OUR PROJECT ****/
.our-projects-row{
    flex-direction: column;
    margin-left:0;
    margin-right: 0;
}
.our-projects-row > div{
    width: 100%;
    height: auto;
}
.our-projects-section .container-vw {
    padding-left: 10px;
    padding-right: 10px;
}
.our-project-col-inner {
    height: 0;
    padding-bottom: 75.65%;
}
.our-projects-row > div:nth-child(5n+4), .our-projects-row > div:nth-child(5n+4), .our-projects-row > div:nth-child(5n+3), .our-projects-row > div:nth-child(5n+5) {
    width: 100%;
}
.our-projects-row > div:nth-child(5n+4) .our-project-col-inner{
   padding-bottom: 140% 
}

/** PAGE > CONTACT **/
.site-address, .site-business-hour, .business-phone-block {
    font-size: 14px;
}
.site-name {
    font-size: 1.05rem;
}
.contact-form-box {
    margin-left: 25px;
    margin-right: 25px;
    padding-left: 25px;
    padding-right: 25px;
}
}


@media (max-width: 479px){
 /** HOME - TEAM **/   
    .team-header{
        font-size: 12px
    }
.team-highlighted-offset-box {
    font-size: 10px;
    width: 156px;
    bottom: -1.75rem;
    padding-bottom: 8px
}
.team-highlighted-offset-box strong {
    font-size: 16px;
}
.introduction-team-content-block {
    width: 233px;
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
}

 /** HOME - WHY US **/ 
 .why-hire-content h3 {
    font-size: 18px;
}
.why-hire-list-desc {
    line-height: 20px;
}

/** HOME - PROJECTS **/ 
  .projects-body-row{
      margin-left: 0;
      margin-right: 0
  }
  .projects-body-row  > div{
      padding-left: 0;
      padding-right: 0
  }

/** HOME - Experience **/   
 .year-text {
    top: 26vw;
    font-size: 50vw;
    left: -18vw;
}
 
 
/** PAGE > CONTACT **/
.contact-form-box{
    margin-top: -38px;
    padding-left: 10px;
    padding-right: 10px;
}
.contact-description {
    padding-right: 0;
    width: 242px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px
}
.site-address, .site-business-hour, .business-phone-block {
    font-size: 12px;
    line-height: 23px;
}
.contact-field input:not([type="radio"]):not([type="checkbox"]){
    height: 40px;
}
.button[type="submit"]{
    height: 40px;
    font-size: 14px
} 
.contact-behind-bg:after {
    bottom: -22px;
}

}

@media (max-width: 399px){
 /** Header **/     
.main-mobile-header-menu {
    padding-left: 60px;
}

  /** Page - Services **/ 
.service-list-image {
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);
}
.service-row-body > div:nth-child(odd) .service-list-content, .service-row-body > div:nth-child(even) .service-list-content{
    padding-left: 0;
    padding-right: 0
}

/** PAGE > CONTACT **/
.contact-field, .select-contact-field {
    font-size: 12px;
}


}

@media (max-width: 374px){
 /** Header **/   
 .hero-title{
     font-size: 30px
 }
 
  /** Home - Why Us **/ 
  .why-hire-us-header-inner {
    padding-left: 20px;
    padding-right: 20px;
}

/** PAGE > CONTACT **/
.contact-form-box{
    padding-left: 0;
    padding-right: 0;
    margin-left: 10px;
    margin-right: 10px
}

}


@media (max-width: 340px){

}