@media screen and (min-width: 100px) and (max-width: 768px) {
    .aos-init, 
.aos-animate,
.wow {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
    body{
        overflow-x: hidden !important;
    }
    .menu-header #menu-button{
        display: none;
    }
main{
	padding: 0;
}
}
@media screen and (min-width: 480px) and (max-width: 668px) {
    .aos-init, 
.aos-animate,
.wow {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
        body{
        overflow-x: hidden !important;
    }

.open-menu body {
    position: fixed !important;
}
[data-aos^="zoom"][data-aos^="zoom"]{
    opacity: 1 !important;
}
[data-aos] {
    -webkit-tranform: none !important;
    transform: none !important;
  }
}
@media screen and (max-width: 380px) {
    [data-aos] {
    -webkit-tranform: none !important;
    transform: none !important;
  }
    .aos-init, 
.aos-animate,
.wow {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
    [data-aos^="zoom"][data-aos^="zoom"]{
    opacity: 1 !important;
}
    .open-menu body {
    position: fixed !important;
}
    body{
        overflow-x: hidden !important;
    }
.menu-header #menu-button{
	display: none;
}
}
/*===============================MY CSS===============================*/
/* ===================Responsive ===================*/
/* / / 1600-1700px / / */
@media screen and (min-width: 1600px) and (max-width: 1700px) {
}
/* / / 1500-1600px / / */
@media screen and (min-width: 1500px) and (max-width: 1599px) {
}
/* / / 1300-1366-1500 / / */
@media screen and (min-width: 1300px) and (max-width: 1499px) {
}
/* / / 1100-1200px / / */
@media screen and (min-width: 1100px) and (max-width: 1299px) {
}
/* / / Ipad PRO / */
@media screen and (min-width: 1000px) and (max-width: 1100px) {
}
/* / / Ipad - 768px and Landspace Mode : 820px / / */
@media screen and (min-width: 100px) and (max-width: 949px) {
}
/* / / Mobile View / / */
@media screen and (min-width: 100px) and (max-width: 550px) {
  header .header-top-information {
    display: block;
    text-align: center;
}

header .header-email a {
    font-size: 14px;
}

header .header-location p {
    font-size: 12px;
}

header .header-top-links {
    display: block;
    text-align: center;
    margin-bottom: 9px;
}


.header-button {
    display: none;
}
formobile .push-logo img {
    width: 16%;
    display: flex;
    justify-content: center;
    align-items: center;
}

header .logo img {object-fit: cover;}

header .logo {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

header .logo {
}

header .header-main-area {
}
ul#menu-primary-menu-1 {
    display: none !important;
}
.section-1 .hero-label span {
    font-size: 13px;
}

.section-1 .hero-heading h1 {
    font-size: 25px;
}

.section-1 .hero-description p {
    font-size: 14px;
}

.section-1 .hero-button-group {
    display: block;
}

.section-1 .hero-primary-button a {
    padding: 3px 23px 4px 7px;
    font-size: 15px;
}

.hero-secondary-button {
    margin-top: 21px;
}

.section-1 .hero-secondary-button a {
    padding: 8px 18px;
    font-size: 15px;
}

.section-1 {
    padding: 55px 0;
}

.section-2 .col-md-5 {
    padding: 0;
}
body {
    overflow-x: hidden !important;
}
.section-2 .contact-cta-heading h2 {
    font-size: 15px;
}

.section-2 .contact-information, .section-2 .service-area-information {
    padding: 10px 6px;
}

.section-2 .contact-cta-area {padding: 31px 0 30px 14px;}

.section-2 .contact-cta-content {
    display: block;
}

.section-2 .contact-cta-button a {
    padding: 6px 18px;
    border-radius;
    margin-top: 21px;
}

.contact-information {
    margin-top: 11px;
}

.section-3 {
    padding: 30px 0 40px 0;
}

.section-3 .about-heading h2 {
    font-size: 25px;
}

.section-3 .about-heading {
    width: 100%;
    margin-bottom: 8px;
}

.section-3 .about-description {
    margin-bottom: 15px;
}

.section-3 .about-description p {
    font-size: 14px;
    margin-bottom: 7px;
}

.section-3 .about-image-area {
    padding: 0;
    margin-top: 21px;
}

.section-3 .about-image img {
    height: 310px;
}
.section-3 .about-experience-badge {
    left: 35px;
    bottom: -22px;
}
.section-4 {
    padding: 50px 0 50px 0;
}

.section-4 .process-heading h2 {
    font-size: 25px;
}

.section-4 .process-call-button {justify-content: flex-start;}

.section-4 .process-introduction {
    margin-bottom: 23px;
}

.section-4 .process-card {
    min-height: 200px;
    padding: 20px 18px;
    margin-bottom: 21px;
}

.section-5 {
    padding: 40px 0 40px 0;
}

.section-5 .choice-image img {
    height: 371px;
}

.section-5 .choice-label {
    margin-top: 21px;
    margin-bottom: 14px;
}

.section-5 .choice-heading h2 {
    font-size: 26px;
}

.section-5 .choice-list-text {
    font-size: 14px;
}

.section-6 {
    padding: 50px 0 50px 0;
}

.section-6 .services-heading h2 {
    font-size: 25px;
}

.section-6 .services-button {
    justify-content: flex-start;
}

.section-6 .services-introduction {
    margin-bottom: 23px;
}

.section-7 {
    padding: 30px 0 30px 0;
}

.section-7 .quote-cta-heading h2 {
    font-size: 25px;
}

.section-7 .quote-contact-information {
    margin-top: 21px;
}

.section-7 .quote-contact-value a {
    font-size: 20px;
}
.section-8 {
    padding: 50px 0 50px 0;
}

.section-8 .service-area-heading h2 {font-size: 25px;}

.section-8 .service-area-label {
    margin-bottom: 10px;
}

.section-8 .service-area-heading {
    margin-bottom: 6px;
}

.section-8 .service-area-description {
    margin-bottom: 15px;
}

.section-8 .service-area-map-image img {
    height: 230px;
    margin-top: 1px;
}

.section-8 .service-area-map {
    margin-top: 21px;
}

.section-9 {
    padding: 30px 0 30px 0;
}

.section-9 .portfolio-heading h2 {
    font-size: 25px;
}

.section-9 .portfolio-label {
    margin-bottom: 13px;
}

.section-9 .portfolio-heading {
    margin-bottom: 14px;
}

.section-9 .portfolio-description {
    margin-bottom: 14px;
}

.portfolio-button {
}

.section-9 .portfolio-gallery {
    margin-top: 32px;
}

.section-10 {
    padding: 20px 0 30px 0px;
}

.section-10 .contact-form-area {
    padding: 24px 15px;
}

.section-10 .cf7-field-group br {
    display: none;
}

.section-10 .contact-information {
    margin-top: 31px;
}

h2 {}

.section-10 .contact-heading h2 {
    font-size: 25px;
}

.section-10 .contact-heading {
    margin-bottom: 11px;
}

.section-10 .contact-description p {
    FONT-SIZE: 14PX;
}

.section-10 .contact-description {
    margin-bottom: 13px;
}

.section-11 {
    padding: 30px 0 30px 0;
}

.section-11 .final-cta-heading h2 {
    font-size: 25px;
}

.section-11 .final-cta-description {
    margin-bottom: 20px;
}

.section-11 .final-cta-buttons {
    display: block;
}

.final-quote-button {
    margin-top: 21px;
}

.section-11 .final-quote-button a {
    padding: 4px 29px;
}

footer .footer-list a {
    font-size: 14px;
    line-height: 26px;
}

footer .footer-heading {
    margin-top: 21px;
}

footer .footer-email a, footer .footer-website a {
    font-size: 14px;
    line-height: 30px;
}

footer .footer-copyright p, footer .footer-credit p {
    font-size: 12px;
    text-align: center;
}

footer {
    padding: 0 0 30px 0;
}
.about-1-breadcrumb li {
    font-size: 14px;
}

.about-1-heading h1 {
    font-size: 25px;
}

.about-1-heading em::after {
    width: 81px !important;
}

.about-1-description p {
    font-size: 14px;
}

.about-1 {
    padding: 40px 0 40px 0;
}

.service-2 .row {
    display: flex;
    flex-wrap: wrap;
}

.service-2 .row > .col-md-3 {
    width: 50%;
}

.service-2 .service-benefit {
    min-height: 64px;
    padding: 20px 8px;
}

.service-2 .service-benefit-icon {
    width: 4px;
    font-size: 11px;
}

.service-2 .service-benefit-text p {
    font-size: 14px;
}

.service-3 {
    padding: 10px 0 40px 0px;
}

.service-3 .service-heading h2 {
    font-size: 25px;
}

.service-3 .service-description p {
    font-size: 14px;
}

.service-3 .service-feature-list ul {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 9px 25px;
}

.service-3 .service-feature-list li {
    line-height: 40px !important;
}

.service-3 .service-image img {
}

.service-3 .service-image {
    margin-top: 21px;
}

.service-3 .service-row {
    padding-top: 31px;
    padding-bottom: 0;
}

.service-4 {
    padding: 50px 0 50px 0;
}

.service-4 .more-services-heading h2 {
    font-size: 25px;
}

.service-4 .more-services-button {
    justify-content: flex-start;
    margin-bottom: 5px;
}

.service-4 .col-md-4 {margin-bottom: 20px;}

.service-5 {
    padding: 50px 0 30px 0;
    margin-bottom: 30px;
}

.service-5 .service-process-heading h2 {
    font-size: 25px;
}

.service-5 .service-process-heading em::after {
    width: 114px !important;
    left: 4px;
}

.service-5 .service-process-card {
    padding: 20px;
    min-height: 7px;
    margin-bottom: 20px;
}
.about-2 .row {
    display: flex;
    flex-wrap: wrap;
}

.about-2 .row > .col-md-3 {
    width: 50%;
}

.about-2 .about-statistic {
    padding: 10px;
    text-align: center;
}

.about-2 .about-statistic-heading h2 {
    font-size: 24px;
}

.about-2 {
    padding: 10px 0 20px 0px;
    border: none !important;
}

.about-3 {
    padding: 30px 0 40px 0;
}

.about-3 .story-heading h2 {
    font-size: 25px;
}

.about-3 .story-description p {
    font-size: 14px;
    margin-bottom: 8px;
}

.about-3 .story-heading {
    margin-bottom: 9px;
}

.about-3 .story-gallery {
    display: flow;
    margin-top: 21px;
}

.about-3 .story-image-large {
    margin-bottom: 15px;
}

.about-3 .story-image img {
}

.about-3 .story-experience-badge {
    right: 62px;
    bottom: -18px;
}

.about-4 {
    padding: 50px 0 30px 0;
}

.about-4 .work-principles-heading h2 {
    font-size: 25px;
}

.about-4 .work-principles-call-button {
    justify-content: flex-start;
}

.about-4 .work-principle-card {
    margin-bottom: 21px;
}

.about-5 {
    padding: 40px 0 40px 0;
}

.about-5 .trade-background-image img {
    height: 305px;
}

.about-5 .trade-background-information {
    margin-top: 31px;
}

.about-5 .trade-background-heading h2 {
    font-size: 25px;
}

.about-5 .trade-background-list ul {
    display: block;
}

.about-5 .trade-background-list li {padding-bottom: 16px;}

.about-6 {
    padding: 40px 0 40px 0;
}

.about-6-heading h2 {
    font-size: 40px;
}

.about-6-description p {
    font-size: 14px;
}

.about-6-buttons {
    margin-bottom: 30px;
}
}