@media(max-width: 1699px) {}
            
            @media(max-width: 1599px) and (Min-width: 1400px) {}
            
            @media(max-width: 1599px) {}
            
            @media(max-width: 1499px) {}
            
            @media(max-width: 1399px) and (Min-width: 992px) {
                .img-grid .text-content {
                    padding: 8px 16px 16px;
                }
            }
            
            @media(min-width: 1400px) {
                .container,
                .container-lg,
                .container-md,
                .container-sm,
                .container-xl,
                .container-xxl {
                    max-width: 1424px;
                }
            }
            
            @media(max-width: 1399px) {
                .img-grid .text-content strong {
                    font-size: 36px;
                    line-height: 1.2;
                }
                .img-grid .text-content p {
                    font-size: 20px;
                    line-height: 1.2;
                }
            }
            
            @media(max-width: 1199px) {
                .py-120 {
                    padding-top: 100px;
                    padding-bottom: 100px;
                }
                .img-grid .text-content {
                    max-width: 145px;
                }
                .section-title h2 {
                    font-size: 40px;
                }
                .h1-title {
                    font-size: 45px;
                }
                .section-title {
                    margin-bottom: 40px;
                }
                .btn-style {
                    margin-top: 40px;
                }
                .blog-box p {
                    font-size: 20px;
                }
                .footer-btm {
                    padding: 18px 0;
                }
            }
            
            @media(min-width: 1200px) {}
            
            @media(max-width: 991px) {
                .banner-box-back:before,
                .banner-box:before {
                    right: -85px;
                }
                .banner-box-back {
                    max-width: 570px;
                }
                .py-120 {
                    padding-top: 80px;
                    padding-bottom: 80px;
                }
                .about-wrapper .section-title,
                .contact-wrapper .section-title {
                    margin-top: 24px;
                }
                .section-title {
                    margin-bottom: 24px;
                }
                .btn-style {
                    margin-top: 24px;
                }
                .h1-title {
                    font-size: 40px;
                }
                .section-title h2 {
                    font-size: 36px;
                }
                #blog-slider {
                    padding-bottom: 80px;
                }
                #blog-slider .slick-prev {
                    bottom: -0px;
                    top: auto;
                    transform: translateX(-50%);
                    left: 44%;
                }
                #blog-slider .slick-next {
                    bottom: -0px;
                    top: auto;
                    transform: translateX(50%);
                    right: 44%;
                }
                footer .brand-logo {
                    max-width: 200px;
                }
                .social-media-bg {
                    padding: 16px 0 16px;
                }
                .inner-wrapper {
                    min-height: 200px;
                }
            }
            
            @media(min-width: 768px) {
                .social-media-bg::before {
                    content: '';
                    position: absolute;
                    height: 100%;
                    width: 25px;
                    transform: skew(350deg, 0deg) translateX(-25px);
                    background-color: #8fbb40;
                    left: 0;
                    top: 0;
                    bottom: 0;
                }
            }
            
            @media(max-width: 767px) {
                body {
                    font-size: 16px;
                }
                .banner-box-back:before,
                .banner-box:before {
                    content: none;
                }
                .banner-box {
                    padding: 20px;
                }
                .banner-box-back {
                    background: transparent;
                }
                .py-120 {
                    padding-top: 60px;
                    padding-bottom: 60px;
                }
                .round-layer {
                    width: 100px;
                    height: 100px;
                    right: -25px;
                    top: -33px;
                }
                .img-grid .text-content {
                    max-width: 120px;
                    padding: 12px;
                }
                .img-grid .text-content strong {
                    font-size: 30px;
                    line-height: 1;
                }
                .img-grid .text-content p {
                    font-size: 16px;
                    line-height: 1.2;
                }
                .h1-title {
                    font-size: 36px;
                }
                .section-title h2 {
                    font-size: 30px;
                }
                .section-title h2+p {
                    margin-top: 16px;
                }
                .section-title p {
                    font-size: 16px;
                    line-height: 1.25;
                }
                .slick-arrow {
                    width: 40px;
                    height: 40px;
                }
                .slick-next:before,
                .slick-prev:before {
                    font-size: 22px;
                }
                .img-grid .text-content p {
                    font-size: 18px;
                }
                .blog-box .nav li a {
                    font-size: 14px;
                }
                .blog-box .nav li a i {
                    font-size: 16px;
                }
                .blog-box .nav {
                    margin-top: 16px;
                    margin-bottom: 14px;
                }
                .blog-box p {
                    font-size: 18px;
                    margin-bottom: 12px;
                }
                .blog-box {
                    padding: 12px 12px 18px;
                }
                .btn-link {
                    font-size: 14px;
                    line-height: 1;
                }
                #blog-slider {
                    padding-bottom: 54px;
                }
                .social-media-bg {
                    background-color: transparent;
                }
                .footer-wrapper::after {
                    width: 100%;
                    height: 50%;
                    top: auto;
                    bottom: 0;
                    left: 0;
                }
                .footer-btm {
                    padding: 12px 0;
                    font-size: 14px;
                    line-height: 1.2;
                }
                .h1-title {
                    font-size: 30px;
                }
            }
            
            @media(max-width: 575px) {
                .round-layer {
                    width: 80px;
                    height: 80px;
                    right: -9px;
                    top: -27px;
                }
                .img-grid .text-content strong {
                    font-size: 24px;
                }
                .img-grid .text-content p {
                    font-size: 14px;
                }
                .img-grid .text-content {
                    max-width: 100px;
                    padding: 8px;
                }
                .img-grid .img-box~.img-box {
                    margin-top: 8px;
                }
                .section-title h2 {
                    font-size: 26px;
                }
                .social-media-bg {
                    padding: 12px 0 12px;
                }
            }
            
            @media(max-width: 424px) {
                #blog-slider .slick-prev {
                    left: 42%;
                }
                #blog-slider .slick-next {
                    right: 42%;
                }
            }
            
            @media(max-width:374px) {}