* {
    letter-spacing: normal !important;
    word-spacing: normal !important;
    text-align: start;
}

q,
blockquote {
    border-right: 3px solid;
    border-left: none
}

/*------------------------------------------------------------------------------------------*/
/* 4. Nav */
/*------------------------------------------------------------------------------------------*/


nav .button-when-menu-is-open {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

nav .menu-button span:first-of-type {
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

nav .menu-button span:last-of-type {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}

nav .menu-button span.first-line-when-menu-is-open {
    -webkit-transform: rotate(90deg) translateX(-3px);
    -ms-transform: rotate(90deg) translateX(-3px);
    transform: rotate(90deg) translateX(-3px)
}

nav .menu-button span.last-line-when-menu-is-open {
    -webkit-transform: rotate(90deg) translateX(3px);
    -ms-transform: rotate(90deg) translateX(3px);
    transform: rotate(90deg) translateX(3px)
}

nav .menu-body {
    left: 0;
    right: auto;
    padding: 80px 90px 90px 30px
}

nav .menu-body .menu-bg1,
nav .menu-body .menu-bg2 {
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

nav .menu-body .menu-bg1,
nav .menu-body .menu-bg2 {
    left: -50%;
    right: auto;
    border-radius: 0 50% 50% 50%
}

.logo.transition {
    transform: translate(45%, 40%);
}


@-webkit-keyframes myFadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes myFadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes myFadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes myFadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

/*------------------------------------------------------------------------------------------*/
/* 5. Main Sections & Footer */
/*------------------------------------------------------------------------------------------*/
.section-text h2 {
    line-height: 1.4
}

/*------------------------------------------------------------------------------------------*/
/* 8. Our Services */
/*------------------------------------------------------------------------------------------*/
.section-text {
    margin-left: 50px;
    margin-right: 0
}

/*------------------------------------------------------------------------------------------*/
/* 10. Our Team */
/*------------------------------------------------------------------------------------------*/
.team .team-members .member .member-info {
    margin-right: 50px;
    margin-left: 0
}

/*------------------------------------------------------------------------------------------*/
/* 11. Our Clients */
/*------------------------------------------------------------------------------------------*/
.clients .clients-items span {
    float: right
}

/*------------------------------------------------------------------------------------------*/
/* 14. Contact */
/*------------------------------------------------------------------------------------------*/
.contact .contact-text .contact-details .email li,
.contact .contact-text .contact-details .tel li {
    direction: ltr;
    text-align: right
}

.contact .contact-text .contact-details>div h4 i {
    margin-left: 5px;
    margin-right: 0
}

.contact .contact-form .buttons-container .social-media a {
    margin-left: 5px;
    margin-right: 0
}

.contact .contact-form .buttons-container .social-media a:last-of-type {
    margin-right: 5px;
    margin-left: 0
}


/*==========================================================================================*/
/* 19. Responsive */
/*==========================================================================================*/

/*------------------------------------------------------------------------------------------*/
/* 2. Medium Screen */
/*------------------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
    .section-text:not(.team-text):not(.contact-text) {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}


/*------------------------------------------------------------------------------------------*/
/* 3. Small Screen */
/*------------------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
    .section-text:not(.team-text):not(.contact-text) {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}


/*------------------------------------------------------------------------------------------*/
/* 4. Extra Small Screen */
/*------------------------------------------------------------------------------------------*/
@media (min-width: 601px) and (max-width: 767px) {

    .section-text {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

@media (max-width: 767px) {

    .clients .clients-content .clients-items {
        margin-right: -50px;
        margin-left: 0
    }

}


/*------------------------------------------------------------------------------------------*/
/* 5. Screen Width 600px */
/*------------------------------------------------------------------------------------------*/
@media (max-width: 600px) {

    .section-text {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .team .team-members .member .member-info {
        margin: 30px 0 0
    }

    .clients .clients-content .clients-items {
        margin-right: 0;
        margin-left: 0
    }
}