@media(min-width:1900px) {

    /* header */
    .header .container {
        max-width: 1744px;
    }

    .hero-section .container {
        max-width: 1645px;
    }

    .hero-section .hero-content {
        max-width: 811px;
        margin-left: auto;
        margin-right: auto;
    }

    .hero-section .overlay-txt {
        left: 166px;
        top: 60px;
    }

    /* header */
    .footer .container {
        max-width: 1524px;
    }

    .footer .f-bottom {
        max-width: 886px;
        margin: 0 auto;
    }


    .hero-banner-content .banner-img {
        right: 171px;
    }

    .mud-shape {
        top: -19px;
        left: -193px;
    }

    .mission .container {
        max-width: 1446px;
    }

    .feedback .row>*:first-child {
        max-width: 548px;
    }

    .feedback .row>*:last-child {
        max-width: 752px;
        margin-left: auto;
    }

    .feedback .container {
        max-width: 1346px;
    }

    .hero-section .icon-list {
        top: 50%;
        right: 50%;
        -webkit-transform: translate(-621px, -50%);
        -ms-transform: translate(-621px, -50%);
        transform: translate(-621px, -50%);
        -moz-transform: translate(-621px, -50%);
        -o-transform: translate(-621px, -50%);
}
}

@media(min-width:1200px) and (max-width:1899px) {
    .main-title {
        font-size: 48px;
    }

    .mission-dec .overlay-txt {
        left: 0px;
        top: -50px;
    }

    .hero-section .overlay-txt {
        top: 77px;
        left: 91px;
    }

    .mission {
        clip-path: polygon(0% 8%, 100% 2%, 100% 100%, 0% 100%);
    }

    .feedback-slick .slick-prev {
        left: 575px;
    }

    .brand-area {
        top: -171px;
    }

    .mud-shape {
        top: -6px;
        left: -68px;
    }

    .section-title {
        font-size: 42px;
    }

    .small-title {
        font-size: 26px;
    }

    .mission-img-contain>*:nth-child(2) {
        margin-right: 0px;
        max-width: 312px;
    }

    .mission-img-contain>*:nth-child(1) {
        max-width: 215px;
    }

    .contact-us-form .overlay-txt {
        margin-bottom: -82px;
    }

    .feedback .row>*:first-child {
        max-width: 558px;
    }

    .feedback .row>*:last-child {
        max-width: 745px;
        margin-left: auto;
    }

    .hero-section .icon-list {
        position: absolute;
        top: 50%;
        left: -260px;
    }
}

@media(min-width:1800px) and (max-width:1899px) {
    .hero-banner-content .banner-img {
        right: 145px;
    }

    .hero-section .overlay-txt {
        top: 63px;
        left: 82px;
    }

    .hero-section .icon-list {
        top: 50%;
        right: 50%;
        -webkit-transform: translate(-621px, -50%);
        -ms-transform: translate(-621px, -50%);
        transform: translate(-621px, -50%);
    }

    .our-services-carousel .slick-list {
        padding: 0 450px !important;
    }

    .our-services-carousel .slick-prev {
        left: 354px;
    }

    .our-services-carousel .slick-next {
        right: 354px;
    }

    .main-title {
        font-size: 53px;
    }

    .section-title {
        font-size: 58px;
    }

    .mission-dec .overlay-txt {
        top: -62px;
    }

    .feedback-slick .slick-prev {
        left: 656px;
    }
}

@media(min-width:1700px) and (max-width:1799px) {
    .hero-banner-content .banner-img {
        right: 191px;
    }

    .our-services-carousel .slick-list {
        padding: 0 400px !important;
    }

    .our-services-carousel .slick-prev {
        left: 303px;
    }

    .our-services-carousel .slick-next {
        right: 303px;
    }

    .section-title {
        font-size: 56px;
    }

    .mission-dec .overlay-txt {
        top: -62px;
    }

    .main-title {
        font-size: 52px;
    }

    .feedback-slick .slick-prev {
        left: 643px;
    }
}

@media(min-width:1600px) and (max-width:1699px) {
    .hero-banner-content .banner-img {
        right: 240px;
    }

    .overlay-txt {
        font-size: 100px;
    }

    .our-services-carousel .slick-prev {
        left: 252px;
    }

    .our-services-carousel .slick-next {
        right: 252px;
    }

    .our-services-carousel .slick-list {
        padding: 0 350px !important;
    }

    .section-title {
        font-size: 56px;
    }

    .mission-dec .overlay-txt {
        top: -62px;
    }

    .main-title {
        font-size: 52px;
    }

    .feedback-slick .slick-prev {
        left: 643px;
    }
}

@media(min-width:1500px) and (max-width:1599px) {
    .hero-banner-content .banner-img {
        right: 292px;
    }

    .our-services-carousel .slick-prev {
        left: 210px;
    }

    .our-services-carousel .slick-next {
        right: 210px;
    }

    .overlay-txt {
        font-size: 92px;
    }

    .section-title {
        font-size: 56px;
    }

    .mission-dec .overlay-txt {
        top: -53px;
    }

    .our-services-carousel .slick-list {
        margin: 0 -35px;
        padding: 0 300px !important;
    }

    .our-services-carousel .slick-slide {
        padding: 0 35px;
    }

    .feedback-slick .slick-prev {
        left: 643px;
    }
}

@media(min-width:1400px) and (max-width:1499px) {
    .hero-banner-content .banner-img {
        right: 343px;
    }

    .overlay-txt {
        font-size: 86px;
    }

    .feedback-slick .slick-prev {
        left: 643px;
    }

    .our-services-carousel .slick-prev {
        left: 182px;
    }

    .our-services-carousel .slick-next {
        right: 182px;
    }

    .our-services-carousel .slick-list {
        margin: 0 -30px;
        padding: 0 250px !important;
    }

    .our-services-carousel .slick-slide {
        padding: 0 30px;
    }

    .section-title {
        font-size: 54px;
    }

    .mission-dec .overlay-txt {
        top: -53px;
    }

}

@media(min-width:1300px) and (max-width:1399px) {
    h1 {
        font-size: 55px;
    }

    h2 {
        font-size: 48px;
    }

    .section-title {
        font-size: 52px;
    }

    .mission-dec .overlay-txt {
        top: -53px;
    }

    h3 {
        font-size: 40px;
    }

    .hero-banner-content .banner-img {
        right: 278px;
    }

    .overlay-txt {
        font-size: 84px;
    }

    .our-services-carousel .slick-prev {
        left: 139px;
    }

    .our-services-carousel .slick-next {
        right: 139px;
    }

    .mission-box {
        width: 350px;
        min-height: 311px;
    }

    .feedback .row>*:last-child {
        max-width: 700px;
    }

    .feedback .feedback-img::after {
        height: 318px;
        top: 51px;
        left: 18px;
        width: 420px;
    }

    .feedback .row>*:first-child {
        max-width: 430px;
    }

    .our-services-carousel .slick-list {
        margin: 0 -25px;
        padding: 0 200px !important;
    }

    .our-services-carousel .slick-slide {
        padding: 0 25px;
    }

    .main-title {
        font-size: 40px;
    }

}

@media(min-width:1200px) and (max-width:1299px) {
    h1 {
        font-size: 55px;
    }

    h2 {
        font-size: 48px;
    }

    h3 {
        font-size: 40px;
    }

    .hero-banner-content .banner-img {
        right: 250px;
    }

    .our-services-carousel .slick-prev {
        left: 139px;
    }

    .our-services-carousel .slick-next {
        right: 139px;
    }

    .slick-next .mission {
        clip-path: polygon(0% 8%, 100% 2%, 100% 100%, 0% 100%);
    }

    .overlay-txt {
        font-size: 80px;
    }

    .main-title {
        font-size: 40px;
    }

    .mission-box {
        width: 364px;
        min-height: 331px;
    }

    .mission-dec .section-title {
        margin: 30px 0px;
    }

    .feedback .row>*:last-child {
        max-width: 700px;
    }

    .feedback .feedback-img::after {
        height: 318px;
        top: 51px;
        left: 18px;
        width: 420px;
    }

    .feedback .row>*:first-child {
        max-width: 430px;
    }

    .our-services-carousel .slick-list {
        margin: 0 -25px;
        padding: 0 200px !important;
    }

    .our-services-carousel .slick-slide {
        padding: 0 25px;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    h1 {
        font-size: 50px;
    }

    h2 {
        font-size: 45px;
    }

    h3 {
        font-size: 40px;
    }

    .hero-section .overlay-txt {
        top: 23px;
        left: 63px;
    }

    .banner-img img {
        height: 580px;
    }

    .hero-banner-content .banner-img {
        right: 80px;
    }

    .our-services-carousel .slick-list {
        margin: 0 -20px;
        padding: 0 75px !important;
    }

    .feedback-slick .slick-prev {
        left: 852px;
    }

    .our-services-carousel .slick-slide {
        padding: 0 20px;
    }

    .our-services-carousel .slick-prev {
        left: 14px;
    }

    .our-services-carousel .slick-next {
        right: 14px;
    }

    .brand-area {
        top: -144px;
    }

    .mission {
        clip-path: polygon(0% 3%, 100% 0%, 100% 100%, 0% 100%);
    }

    .feedback-slick .slick-next,
    .slick-prev {
        transform: translate(0px, 67px);
    }

    .hero-section .icon-list {
        position: absolute;
        top: 50%;
        left: -260px;
    }

    /* header */
    .navbar-nav li {
        margin: 0px 10px;
    }

    .our-service {
        padding: 80px 0px 50px;
    }

    .hero-section .hero-content {
        margin-top: 60px;
        padding: 0px 10px;
    }

    .service-wrap {
        padding: 20px 0px;
    }

    .service-slider .slick-current.slick-active {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }

    .service-wrap .arrow.btn-pre {
        left: 0px;
        -webkit-transform: translate(0px, -50%);
        -ms-transform: translate(0px, -50%);
        transform: translate(0px, -50%);
    }

    .main-title {
        font-size: 32px;
    }

    .benefits-contain .category {
        font-size: 16px;
    }

    .service-wrap .arrow.next-btn {
        right: 0px;
        -webkit-transform: translate(0px, -50%);
        -ms-transform: translate(0px, -50%);
        transform: translate(0px, -50%);
    }

    /* header */
    /* mission-start */
    .mission-img-contain {
        margin-right: auto;
        margin-left: auto;
    }

    .mission-img-contain>*:nth-child(2) {
        margin-right: 0px;
    }

    .overlay-txt {
        font-size: 68px;
    }

    .mission-dec {
        margin-left: 0px;
        max-width: 100%;
        padding-top: 25px;
    }

    .mission-dec .overlay-txt {
        top: 47px;
        left: 105px;
    }

    .small-title {
        font-size: 24px;
    }

    .detail {
        font-size: 18px;
    }

    .mission-dec .section-title {
        text-align: center !important;
    }

    .mission {
        padding: 167px 0px 60px;
    }

    .mission-img-contain>*:nth-child(2) {
        margin-right: 0px;
    }

    .section-title {
        font-size: 48px;
    }

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
    }

    .contact-us-form .overlay-txt {
        margin-bottom: -71px;
    }

    .contact-us {
        padding: 100px 0px 0px;
    }

    .feedback-img {
        width: 525px;
        margin-right: auto;
        margin-left: auto;
    }

    .feedback-details .overlay-txt {
        top: 86px;
        left: 170px;
    }

    .feedback {
        padding: 80px 0px;
    }

    .hero-section .icon-list {
        position: absolute;
        top: 297px;
        left: -211px;
    }

    .icon-list ul li {
        font-size: 14px;
    }

    .icon-list ul li::before {
        margin: 0px 24px 0px 25px;
    }

    .feedback-details .section-title {
        text-align: center !important;
        margin: 15px 0px 50px;
    }
    .our-service .overlay-txt{
        margin-bottom: -72px;
    }
    .feedback .feedback-details{
        padding-top: 100px;
    }
    
    /* mission-start */
}

@media(max-width:991px) {
    .f-contactus .row>* {
        margin: 20px 0px 0px;
    }

    .mission-dec {
        max-width: 100%;
        padding-top: 25px;
    }

    .hero-section .icon-list {
        position: absolute;
        top: 297px;
        left: -211px;
    }

    .mission-dec .section-title {
        margin: 30px 0px;
        text-align: center !important;
    }

    .icon-list ul li {
        font-size: 14px;
    }

    .icon-list ul li::before {
        margin: 0px 24px 0px 25px;
    }

    .feedback-slick .slick-prev {
        left: 624px;
    }

    .f-block.quick-link {
        margin-top: 20px;
    }

    .navbar .nav-link.active::before {
        top: -6px;
        left: -10px;
        position: relative;
    }


    .service-detail p {
        margin-bottom: 10px;
    }

    .mission-details .detail p {
        margin-bottom: 10px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        color: #3B3A3C;
    }

    .hero-section .hero-content {
        margin-top: 50px;
        padding: 0px 10px;
    }
 
    .our-services-carousel .slick-prev {
        left: 14px;
    }
    .our-service .overlay-txt{
        margin-bottom: -72px;
    }
    .our-services-carousel .slick-next {
        right: 14px;
    }

    .brand-area {
        top: -151px;
    }

    .mission {
        clip-path: polygon(0% 2%, 100% 0%, 100% 100%, 0% 100%);
    }

    .f-logo img {
        width: 120px;
        height: 120px;
    }

    .footer.footer-top-space .f-top {
        padding-top: 380px;
    }

    /* header */
    .navbar-expand-lg .navbar-nav .nav-link {
        text-align: center;
        padding: 10px 0px;
    }

    .footer .f-content .f-block .f-logo {
        padding-bottom: 30px;
    }

    .f-contactus .row>* {
        border-bottom: 1px solid;
        border-right: 0px;
        border-color: rgb(233, 194, 125, 0.3);
    }

    .navbar {
        background: #3B3A3C;
    }


    .btn-common {
        min-width: 126px;
    }

    .nav-item {
        margin: 0px;
    }

    .header .btn-container {
        padding: 10px 0px;
        margin: 0 auto;
    }

    .navbar .navbar-collapse {
        display: block;
        position: fixed;
        right: -100%;
        bottom: 0;
        height: calc(100% - 122px);
        z-index: 999;
        width: 100%;
        overflow: auto;
        background-color: #fff;
        padding: 32px 0px 32px;
        -o-transition: .4s;
        transition: .4s;
        -webkit-transition: .4s;
    }

    .navbar.nav-active .navbar-collapse {
        height: calc(100% - 113px);
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 18px;
    }

    .navbar .navbar-collapse.show {
        right: 0;
    }

    .main-title {
        font-size: 36px;
    }

    .mission-img-contain {
        margin-right: auto;
        margin-left: auto;
    }

    .mission-img-contain>*:nth-child(2) {
        margin-right: 0px;
    }

    .contact-us-form {
        padding: 50px 50px;
    }

    .contact-us-form .form-txt::after {
        top: 58px;
    }

    /* header */

    .form-control {
        font-size: 16px;
    }

    .feedback-img {
        width: 500px;
        margin-right: auto;
        margin-left: auto;
    }

    .small-details {
        font-size: 16px;
    }

    .feedback-details .section-title {
        margin: 0px 0px 20px;
        text-align: center !important;
    }

    .feedback-details .overlay-txt {
        top: 65px;
    }

    .feedback .feedback-img::after {
        height: 374px;
        width: 461px;
        height: 374px;
        top: 63px;
        left: 63px;
    }

    .feedback .feedback-details {
        padding-top: 95px;
    }

    .service-slider .slick-current.slick-active {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }

    .service-wrap .arrow.btn-pre {
        top: 50%;
        right: 50%;
        -webkit-transform: translate(-379px, -187px);
        -ms-transform: translate(-379px, -187px);
        transform: translate(-379px, -187px);
    }

    .service-wrap .arrow.next-btn {
        top: 50%;
        right: 50%;
        -webkit-transform: translate(-252px, -187px);
        -ms-transform: translate(-252px, -187px);
        transform: translate(-252px, -187px);
    }

    .contact-us-form .btn-common {
        min-width: 120px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    h1 {
        font-size: 45px;
    }

    h2 {
        font-size: 42px;
    }

    h3 {
        font-size: 35px;
    }

    h4 {
        font-size: 30px;
    }

    h5 {
        font-size: 25px;
    }

    h6 {
        font-size: 22px;
    }

    .hero-banner-content .banner-img {
        right: -266px;
    }

    .our-services-carousel .slick-prev {
        left: 14px;
    }

    .our-services-carousel .slick-next {
        right: 14px;
    }

    .service-new-slider .slick-contain {
        height: 543px;
    }

    .benefits-contain .number {
        font-size: 24px;
    }

    .benefits-contain .category {
        font-size: 16px;
    }

    .service-new-slider .slick-contain .service-cart {
        padding: 30px;
    }

    .our-services-carousel .slick-list {
        margin: 0 -20px;
        padding: 0 75px !important;
    }

    .our-services-carousel .slick-slide {
        padding: 0 20px;
    }

    .our-services-carousel .our-services-block {
        flex-direction: column;
    }

    .our-services-carousel .our-services-block .our-services-image {
        position: relative;
        padding: 0 !important;
        left: auto;
        right: auto;
        top: auto;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

    .our-services-carousel .our-services-block .our-services-image * {
        height: auto !important;
    }

    .our-services-carousel .our-services-block .our-services-main-detail {
        width: 100%;
        padding: 25px 0 25px 25px;
        opacity: 1;
        visibility: visible;
    }

    .our-services-carousel .our-services-block .our-services-main-detail:before {
        left: 0;
        right: auto;
        width: calc(100% - 25px);
    }

    .our-services-carousel .our-services-block .our-services-detail {
        padding: 25px;
    }

    .our-services-carousel .our-services-block .service-slide-title {
        font-size: 25px;
    }

    .hero-section .overlay-txt {
        top: 19px;
        left: 63px;
    }

    .brand-area {
        padding: 20px 0px;
    }

    .overlay-txt {
        font-size: 62px;
    }

    .brand-area ul li {
        font-size: 22px;
    }

    .brand-area ul li::after {
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 35 35" fill="none"><path d="M16.9109 0.114969L22.1537 12.1935L34.6505 16.3416L22.572 21.5845L18.4239 34.0813L13.1811 22.0028L0.684226 17.8546L12.7628 12.6118L16.9109 0.114969Z" fill="url(%23paint0_linear_10_608)"/><defs><linearGradient id="paint0_linear_10_608" x1="14.321" y1="30.3633" x2="18.6315" y2="-2.92445" gradientUnits="userSpaceOnUse"><stop stop-color="%233C2415"/><stop offset="0.0125628" stop-color="%233C2415"/><stop offset="0.2724" stop-color="%237F5100"/><stop offset="0.5293" stop-color="%23AB8832"/><stop offset="0.9409" stop-color="%23F6E68A"/><stop offset="1" stop-color="%23F6E68A"/></linearGradient></defs></svg>') no-repeat;
        width: 20px;
        height: 20px;
    }

    .mission {
        clip-path: polygon(0% 2%, 100% 0%, 100% 100%, 0% 100%);
    }

    .mission-dec .overlay-txt {
        top: 30px;
        left: 3px;
    }

    .mission {
        padding: 170px 0px 50px;
    }

    .section-title {
        font-size: 48px;
    }

    .contact-us-form .overlay-txt {
        margin-bottom: -71px;
    }

    .contact-us {
        padding: 50px 0px 0px;
    }

    .feedback {
        padding: 70px 0px;
    }

    .our-service {
        padding: 60px 0px 20px;
    }

    .service-wrap {
        padding: 20px 0px;
    }

    .service-slider .slick-slide {
        min-height: 415px;
    }

    .service-wrap .arrow.next-btn {
        top: 50%;
        left: 0px;
        -webkit-transform: translate(49px, 135px);
        -ms-transform: translate(49px, 135px);
        transform: translate(49px, 135px);
    }

    .service-wrap .arrow.btn-pre {
        top: 50%;
        left: 0px;
        -webkit-transform: translate(0px, 135px);
        -ms-transform: translate(0px, 135px);
        transform: translate(0px, 135px);
    }
    .feedback-slick .slick-next, .slick-prev {
        transform: translate(0px, 69px);
    }
    /* typography page */
    .typography-section {
        padding: 50px 0;
    }

    .banner-img img {
        height: 480px;
    }


    /* typography page */
}

@media(max-width:767px) {
    body {
        font-size: 18px;
        margin-bottom: 25px;
    }

    h1 {
        font-size: 42px;
        margin-bottom: 25px;
    }

    h2 {
        font-size: 38px;
        margin-bottom: 25px;
    }

    h3 {
        font-size: 30px;
        margin-bottom: 25px;
    }

    h4 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    h5 {
        font-size: 25px;
        margin-bottom: 20px;
    }

    h6 {
        font-size: 22px;
    }
    .feedback .feedback-details {
        padding-top: 70px;
    }
    .service-cart::after {
        display: none;
    }

    .brand-area ul li {
        font-size: 22px;
    }

    .feedback-slick .slick-prev {
        left: 437px;
    }

    /* header */
    .navbar-nav .nav-link {
        font-size: 16px;
    }

    .feedback-slick .slick-next,
    .slick-prev {
        transform: translate(0px, 88px);
    }

    .btn-common {
        font-size: 16px;
    }

    .btn-common>span {
        padding: 6px 13px;
    }

    .service-new-slider .slick-contain .service-cart {
        display: block;
        padding: 25px;
        width: 280px;

    }

    .hero-content .detail>* {
        margin-bottom: 10px;
    }

    .footer .f-block .detail ul li {
        margin: 0px 20px;
    }

    .detail {
        font-size: 18px;
    }

    .footer .f-block .small-details {
        font-size: 12px;
    }

    .main-title {
        font-size: 34px;
    }

    .benefits-contain .category {
        font-size: 16px;
    }

    .hero-banner-content .banner-img {
        right: -62px;
    }

    .banner-img img {
        height: 480px;
    }

    .contact-us-form .form-label {
        font-size: 16px;
    }

    .feedback-img {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    .feedback-details .overlay-txt {
        top: 50px;
    }

    /* header */

    .contact-us {
        padding: 50px 0px 0px;
    }

    .our-services-carousel .slick-list {
        margin: 0 -15px;
        padding: 0 50px !important;
    }

    .our-services-carousel .slick-slide {
        padding: 0 15px;
    }

    .our-services-carousel .our-services-block {
        flex-direction: column;
    }

    .our-services-carousel .our-services-block .our-services-image {
        position: relative;
        padding: 0 !important;
        left: auto;
        right: auto;
        top: auto;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

    .our-services-carousel .our-services-block .our-services-image * {
        height: auto !important;
    }

    .brand-area {
        top: -136px;
    }

    .our-services-carousel .our-services-block .our-services-main-detail {
        width: 100%;
        padding: 15px 0 15px 15px;
        opacity: 1;
        visibility: visible;
    }

    .our-services-carousel .our-services-block .our-services-main-detail:before {
        left: 0;
        right: auto;
        width: calc(100% - 15px);
    }

    .our-services-carousel .our-services-block .our-services-detail {
        padding: 20px;
    }

    .our-services-carousel .our-services-block .service-slide-title {
        font-size: 22px;
    }

    .our-services-carousel .our-services-block .our-services-detail .service-detail {
        font-size: 16px;
    }

    .our-services-carousel .our-services-block .our-services-detail .read-more-link a {
        font-size: 18px;
    }

    .brand-area ul li::after {
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="35" height="24" viewBox="0 0 35 35" fill="none"><path d="M16.9109 0.114969L22.1537 12.1935L34.6505 16.3416L22.572 21.5845L18.4239 34.0813L13.1811 22.0028L0.684226 17.8546L12.7628 12.6118L16.9109 0.114969Z" fill="url(%23paint0_linear_10_608)"/><defs><linearGradient id="paint0_linear_10_608" x1="14.321" y1="30.3633" x2="18.6315" y2="-2.92445" gradientUnits="userSpaceOnUse"><stop stop-color="%233C2415"/><stop offset="0.0125628" stop-color="%233C2415"/><stop offset="0.2724" stop-color="%237F5100"/><stop offset="0.5293" stop-color="%23AB8832"/><stop offset="0.9409" stop-color="%23F6E68A"/><stop offset="1" stop-color="%23F6E68A"/></linearGradient></defs></svg>') no-repeat;
        width: 34px;
        height: 24px;
    }


    /* typography page */
    .typography-section {
        padding: 35px 0;
    }

    .typography-section .back-home-button {
        padding-top: 20px;
    }

    /* typography page */
}

@media(min-width:576px) and (max-width:767px) {
    .mission {
        padding: 152px 0px 40px;
    }

    .brand-area {
        padding: 20px 0px;
    }

    #carouselTicker ul li a {
        font-size: 24px;
    }

    .hero-section .overlay-txt {
        top: 25px;
        left: 63px;
    }

    .small-title {
        font-size: 22px;
    }

    .contact-us-form .overlay-txt {
        margin-bottom: -58px;
    }

    .mission-img-contain>*:nth-child(1) {
        max-width: 380px;
    }

    .mission-img-contain>*:nth-child(2) {
        max-width: 275px;
    }

    .overlay-txt {
        font-size: 50px;
    }

    .our-service .overlay-txt {
        margin-bottom: -58px;
    }

    .mission-dec .overlay-txt {
        top: 30px;
        left: 0px;
    }

    .section-title {
        font-size: 42px;
    }

    .contact-us-form .row>* {
        margin-top: 20px;
    }

    .feedback {
        padding: 50px 0px;
    }

    .feedback .feedback-img::after {
        height: 382px;
        width: 488px;
    }


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

    .service-wrap {
        padding: 20px 0px;
    }

    .service-slider .slick-slide {
        min-height: 1px;
    }

    .service-slider .slick-current.slick-active {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
    }

    .service-cart {
        padding: 40px 30px;
    }

    .service-wrap .arrow.next-btn {
        top: 238px;
        left: 0px;
        -webkit-transform: translate(48px, 158px);
        -ms-transform: translate(48px, 158px);
        transform: translate(48px, 3158x);
    }

    .wpcf7-not-valid-tip {
        font-size: 16px;
    }

    .wpcf7 form .wpcf7-response-output {
        font-size: 16px;
    }

    .service-wrap .arrow.btn-pre {
        top: 238px;
        left: 0px;
        -webkit-transform: translate(0px, 158px);
        -ms-transform: translate(0px, 158px);
        transform: translate(0px, 158px);
    }
}

@media(max-width:575px) {

    .alignnone,
    .alignleft,
    .alignright,
    .aligncenter {
        float: none !important;
        display: block !important;
        margin: 20px auto !important;
    }

    .navbar.nav-active .navbar-collapse {
        height: calc(100% - 85px);
    }

    .navbar .navbar-collapse {
        height: calc(100% - 89px);
    }

    .navbar-brand img {
        height: 73px;
    }

    .feedback-slick .slick-next,
    .slick-prev {
        transform: translate(0px, 76px);
    }

    .footer .f-content .f-block .f-logo {
        padding-bottom: 25px;
    }

    #carouselTicker ul li a {
        width: 269px;
    }

    .slick-arrow {
        width: 31px;
        height: 31px;
    }

    .slick-prev:before,
    [dir=rtl] .slick-next:before {
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="18" viewBox="0 0 19 21" fill="none"><path d="M0.264156 9.95864C5.03933 9.95864 6.06594 5.71707 6.06594 0.512695L7.97601 0.512695C7.97601 4.44204 6.16151 7.92896 3.39189 10.0107L18.1121 10.0107V12.0404L3.36806 12.0404C6.13759 14.1222 7.95218 17.6091 7.95218 21.5383H6.04211C6.04211 16.334 5.01542 12.0925 0.240326 12.0925" fill="%233B3A3C"/></svg>') no-repeat;
        width: 15px;
        height: 18px;
    }
    .slick-next:before, [dir=rtl] .slick-prev:before{
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="18" viewBox="0 0 19 22" fill="none"><path d="M18.0883 9.95864C13.3131 9.95864 12.2865 5.71707 12.2865 0.512695H10.3764C10.3764 4.44204 12.1909 7.92896 14.9605 10.0107H0.240295V12.0404H14.9844C12.2148 14.1222 10.4002 17.6091 10.4002 21.5383H12.3103C12.3103 16.334 13.337 12.0925 18.1121 12.0925" fill="%233B3A3C"/></svg>') no-repeat;
        width: 15PX;
        height: 18px;
    }
    .feedback-slick .slick-prev {
        left: unset;
        right: 38px;
    }

    .wpcf7-not-valid-tip {
        font-size: 14px;
    }

    .wpcf7-form.invalid .wpcf7-response-output {
        font-size: 14px;
    }

    .navbar {
        padding: 8px 0px;
    }

    .feedback .slick-next {
        right: 0;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 14px;
    }

    #carouselTicker ul li::after {
        margin: 0px 12px 0px 12px;
    }

    .arrow {
        width: 34px;
        height: 34px;
    }

    .service-wrap {
        padding: 30px 0px 0px
    }

    .service-new-slider .slick-track {
        display: block;
    }

    .hero-section .overlay-txt {
        left: 19px;
        top: 0px;
    }

    .hero-section .hero-content .main-title {
        margin-bottom: 10px;
    }

    .hero-section .hero-content {
        margin-top: 10px;
    }

    .hamburger .line {
        width: 36px;
    }

    .f-logo img {
        width: 80px;
        height: 80px;
    }

    .service-new-slider .slick-contain>*:first-child {
        width: 100%;
    }

    .service-new-slider .slick-contain>* {
        flex: 1 1 auto;
    }

    .service-new-slider .slick-current .slick-contain .service-img {
        padding: 30px 0px;
    }

    .service-new-slider .slick-contain .service-cart {
        width: 100%;
    }

    .navbar .navbar-collapse {
        height: calc(100% - 83px);
    }

    .btn-common {
        min-width: 126px;
    }


    .service-wrap .arrow.next-btn {
        top: 33px;
        right: 0px;
        -webkit-transform: translate(0px, 235px);
        -ms-transform: translate(0px, 235px);
        transform: translate(0px, 235px);
    }

    .service-wrap .arrow.btn-pre {
        top: 33px;
        left: 0px;
        -webkit-transform: translate(0px, 235px);
        -ms-transform: translate(0px, 235px);
        transform: translate(0px, 235px);
    }

    .contact-us-form {
        padding: 25px 25px;
    }

    .contact-us-form .form-txt::after {
        top: 53px;
    }

    .service-wrap .arrow {
        width: 32px;
        height: 32px;
    }

    .service-new-slider .slick-contain .service-cart {
        padding: 40px 20px;
    }

    .service-wrap .arrow img {
        width: 15px;
        height: 15px;
    }

    .service-cart::after {
        display: none;
    }

    .contact-us-form .overlay-txt {
        margin-bottom: -46px;
        margin-right: -7px;

    }

    .hero-banner-content .banner-img {
        right: 10px;
    }

    .slick-contain.slick-slide.slick-current.slick-active.slick-center .service-img {
        width: 100%;
    }

    .slick-contain.slick-slide.slick-current.slick-active.slick-center .service-img {
        width: 100%;
    }

    .service-cart {
        width: 100%;
        max-width: unset;
    }

    .slick-contain.slick-slide.slick-current.slick-active.slick-center .service-img img {
        width: 100%;
    }

    .service-slider .slick-slide {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0px;
    }
    .feedback .feedback-details{
        padding-top: 45px;
    }
    .mission-img-contain>*:nth-child(2) {
        max-width: 298px;
    }

    .form-control {
        font-size: 14px;
    }

    .section-title {
        font-size: 30px;
    }

    .contact-us-form .form-label {
        font-size: 14px;
    }

    .banner-img img {
        height: 480px;
    }

    .overlay-txt {
        font-size: 44px;
    }

    .brand-area {
        padding: 14px 0px;
        top: -120px;
    }

    .mission {
        clip-path: polygon(0% 1%, 100% 0%, 100% 100%, 0% 100%);
    }

    .mission {
        padding: 130px 0px 30px;
    }

    /* header */
    .navbar-nav .nav-link {
        font-size: 14px;
        padding: 10px 0px;
    }

    .mission-dec .section-title {
        margin: 32px 0px;
    }

    .mission-dec .overlay-txt {
        top: 35px;
        left: 13px;
    }

    .btn-common {
        font-size: 16px;
    }

    .footer .f-block .detail ul li {
        margin: 0px 10px;
    }

    .main-title {
        font-size: 28px;
    }

    .detail {
        font-size: 14px;
    }

    .f-block.copy-right .detail {
        font-size: 14px;
    }

    .footer .f-block .detail ul li .active::before {
        width: 10px;
    }

    .benefits-contain .number {
        font-size: 22px;
    }

    .number-animate.million::after {
        font-size: 22px;
    }

    .number-animate.k::after {
        font-size: 22px;
    }

    .benefits-contain .category {
        font-size: 16px;
        letter-spacing: 0px;
    }



    .benefits-contain .number::after {
        width: 110px;
    }

    .small-title {
        font-size: 18px;
    }

    .mission-details .small-title {
        margin-right: 0px;
    }

    #carouselTicker ul li a {
        font-size: 22px;
    }

    .feedback {
        padding: 30px 0px;
    }

    /* header */
    .feedback-details .section-title {
        margin: 17px 0px;
    }

    .feedback-details .overlay-txt {
        top: 43px;
    }

    .small-details {
        font-size: 14px;
    }

    .feedback .feedback-img::after {
        display: none;
    }

    .user-wrap .profile-img img {
        width: 42px;
        height: 42px;
    }

    .details-large {
        font-size: 14px;
    }

    .details-small {
        font-size: 12px;
    }

    .our-service {
        padding: 50px 0px 25px;
    }

    .our-services-carousel .slick-list {
        padding: 0 15px !important;
    }

    .hero-section .icon-list {
        left: 0px;
        top: 48%;
    }

    .icon-list ul {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    .icon-list ul li::before {
        display: none;
    }

    .our-services-carousel {
        padding-top: 12px;
    }

    .our-service .overlay-txt {
        margin-bottom: -46px;
    }
    .contact-us-form .section-title>*{
        margin-bottom: 0px;
    }
    .contact-us-form .row>*{
        margin-top: 30px;
    }
}

@media(max-width:420px) {
    .our-services-carousel .slick-prev {
        transform: translate(0px, -48px);
    }

    .our-services-carousel .slick-next {
        transform: translate(0px, -48px);
    }

    .hero-banner-content .banner-img {
        right: -23px;
    }

    .benefits>* {
        width: 50%;
        flex: 0 0 auto;
    }
    .mission-dec .overlay-txt {
        top: 42px;
        left: 13px;
    }
    .hero-section .icon-list {
        left: 0px;
        top: 62%;
    }

    .feedback-slick .slick-next,
    .slick-prev {
        transform: translate(0px, 102px);
    }
    .feedback .feedback-details{
        padding-top: 25px;
    }
    .banner-img img {
        height: 320px;
    }

    .overlay-txt {
        font-size: 34px;
    }

    .mission-img-contain>*:nth-child(1) {
        max-width: 190px;
    }

    .mission-img-contain>*:nth-child(2) {
        max-width: 255px;
    }

    .mission-box {
        width: 210px;
        min-height: 210px;
    }

    .feedback-slick .slick-prev {
        left: unset;
    }

    .form-control {
        padding: 13px 43px 13px 14px;
    }
    .feedback-details .overlay-txt{
        top: 30px;
    }
    .form-txt::after {
        left: 13px;
    }
}