/*
* expandable menu started
*/
    
    @media (min-width: 1200px) {
        .pro .show a {
            display: none;
        }
        .pc {
            display: block;
        }
        .mobile {
            display: none;
        }
    }
    
    @media (max-width: 1199px) {
        .header-one {
            height: 80px;
        }
        .right-side-box {
            position: absolute;
            top: 80px !important;
            right: -36px !important;
        }
        .right-side-box a {
            color: #000 !important;
        }
        .header-navigation {
            margin-bottom: 0;
        }
        .logo-box {
            width: 100%;
        }
        .navigation-box {
            margin: 0;
        }
        .nav .fs {
            flex-direction: column;
        }
        .header-navigation .right-side-box ul.navigation-box>li>.sub-menu {}
        .navbar-expand-lg .menu-toggler {
            display: block;
            margin-right: 0;
            border-color: #fff;
            background-color: transparent !important;
            color: #fff;
            border: none;
            font-size: 24px;
            outline: none;
            cursor: pointer;
        }
        .menu-toggler:hover {
            border-color: #00AD4D;
        }
        .menu-toggler .icon-bar {
            background: #fff;
        }
        .menu-toggler:hover .icon-bar {
            background: #00AD4D;
        }
        .navbar-expand-lg .navbar-collapse {
            padding-bottom: 0;
            overflow: auto !important;
            width: 100%;
        }
        .navbar-expand-lg .navbar-collapse {
            display: none !important;
            background: transparent;
            padding: 0px 0px !important;
            padding-bottom: 0px !important;
            margin: 0;
            background: #000;
            transition: all .5s ease;
            height: 0;
        }
        .navbar-expand-lg .navbar-collapse.showen {
            display: block !important;
            height: auto;
            max-height: 70vh;
        }
        .navbar-collapse.show {
            overflow-y: auto;
        }
        .header-navigation .nav {
            width: 100%;
            height: 100%;
        }
        .header-navigation .nav>li {
            display: block;
            padding: 0 !important;
            width: 100%;
            float: none;
        }
        .header-navigation .nav>li+li {
            margin-left: 0 !important;
        }
        .header-navigation .nav>li>a {
            padding: 8px 0;
        }
        .header-navigation .right-box.nav {
            width: 100%;
            margin: 0;
        }
        .header-navigation .right-box.nav>li>a {
            border: none !important;
            padding: 8px 0;
            color: #fff;
        }
        .header-navigation .nav>li>a:after {
            display: none;
        }
        .header-navigation .nav.navigation-box+.nav {
            border-top: 1px dashed #282828;
        }
        .header-navigation .navigation-box>li>.sub-menu,
        .header-navigation .navigation-box>li>.sub-menu>li>.sub-menu {
            position: relative !important;
            width: 100% !important;
            opacity: 1 !important;
            visibility: visible !important;
            left: auto !important;
            right: auto !important;
            top: auto !important;
            transition: none !important;
            float: none !important;
            margin: 0;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            margin-bottom: 10px;
        }
        .header-navigation .navigation-box>li>.sub-menu>li>a::after {
            display: none;
        }
        .header-navigation ul.navigation-box>li+li {
            padding: 0 !important;
            display: block;
        }
        .header-navigation .nav>li.show-mobile {
            display: none;
        }
        .header-navigation ul.navigation-box>li>a,
        .header-navigation .right-box.nav>li>a {
            padding: 0;
            display: block;
            color: #fff;
            padding: 16px 0 16px 20px !important;
        }
        .header .stricky-fixed.header-navigation .nav>li {
            padding: 0 !important;
        }
        .header-navigation ul.navigation-box li a .sub-nav-toggler {
            background-color: transparent;
            background-image: none;
            border: 1px solid #2468f2;
            border-radius: 4px;
            padding: 9px 9px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 15px;
            /*margin-top: 8px;*/
            margin-right: 0px;
            display: block;
            cursor: pointer;
        }
        .header-navigation .navigation-box .sub-nav-toggler .icon-bar {
            background-color: #2468f2;
            border-radius: 1px;
            display: block;
            height: 1px;
            width: 20px;
        }
        .header-navigation .navigation-box .sub-nav-toggler .icon-bar+.icon-bar {
            margin-top: 4px;
        }
        .header-navigation .container .right-side-box {
            top: 0px;
            right: 0px;
            transform: translateY(0%)
        }
        .header-navigation .container {
            display: block;
            padding-right: 0px;
            padding-left: 0px;
            position: relative;
        }
        .header-navigation .container .logo-box {
            position: relative;
            top: 0;
            left: 0;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
            float: none;
            padding-right: 145px;
        }
        .header-navigation .container .logo-box .navbar-brand {
            float: left;
            padding: 20px 0;
        }
        .header-navigation .container .logo-box .navbar-toggler {
            float: left;
        }
        .header-navigation ul.navigation-box {
            display: block;
            margin: 0 !important;
            width: 100%;
        }
        .header-navigation ul.navigation-box>li {
            padding: 0;
            height: auto;
            display: block;
            border-top: 1px solid #e6e6e6;
        }
        .header-navigation ul.navigation-box>li>a {
            display: block;
            padding: 13px 30px;
        }
        .header-navigation ul.navigation-box>li>a:after {
            display: none;
        }
        .header-navigation ul.navigation-box>li+li {
            margin: 0;
            text-align: center;
            position: relative;
            line-height: 34px;
        }
        .header-navigation ul.navigation-box>li p {
            margin: 10px 0 !important;
            line-height: 34px;
        }
        .header-navigation .main-navigation {
            width: 100%;
            display: none;
            background: #ffffff;
            padding: 0 40px;
            height: calc(100vh - 80px);
            overflow-y: auto;
        }
        .header-navigation .nav .menu-toggler {
            display: block;
        }
        .header-navigation.stricky-fixed ul.navigation-box>li {
            padding: 0;
        }
        .header-navigation .container .logo-box .navbar-brand {
            background-color: transparent;
        }
        .header-navigation .nav .menu-toggler {
            color: #2468f2;
        }
        .header-navigation .nav .logo-box {
            height: 80px;
            display: flex;
            justify-content: space-between;
            padding: 0 20px;
            margin: 0;
        }
        .header-navigation {
            height: 80px;
        }
        .header-navigation ul.navigation-box>li::after {
            height: 0;
        }
        .header-navigation ul.navigation-box>li>.sub-menu>li {
            font-size: 14px;
            text-align: center;
            color: #666e82;
            line-height: 40px;
        }
        .header-navigation ul.navigation-box>li>.sub-menu i {
            display: block;
            position: absolute;
            right: 50%;
            margin-right: -70px;
            top: -44px;
        }
        .header-navigation ul.navigation-box>li>.sub-menu>li:hover {
            background-color: #fff;
            color: #666e82;
        }
        /* .site-header.header-one .header-navigation .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .site-header.header-one .header-navigation .nav .menu-toggler {
        color: #2468f2;
    }
    .site-header.header-one .header-navigation ul.navigation-box>li {
        padding: 0;
    }
    .site-header.header-one .header-navigation .nav .right-side-box {
        top: 30px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .site-header.header-one .header-navigation .container .right-side-box {
        top: 12px;
        right: 15px;
    } */
    }
    /*
* main styles
*/
    
    @media(max-width: 1199px) {
        br {
            display: none;
        }
        .banner-one__text br,
        .block-title__text br {
            display: block;
        }
        .banner-one__moc {
            -webkit-transform: scale(.8);
            -ms-transform: scale(.8);
            -o-transform: scale(.8);
            transform: scale(.8);
            transform-origin: center right;
        }
        .cta-three__moc {
            -webkit-transform: scale(.8) translateY(-50%) translateX(-50px);
            -ms-transform: scale(.8) translateY(-50%) translateX(-50px);
            -o-transform: scale(.8) translateY(-50%) translateX(-50px);
            transform: scale(.8) translateY(-50%) translateX(-50px);
            transform-origin: center left;
        }
        .service-one .block-title {
            margin-bottom: 10px;
        }
        .service-one__single {
            margin-top: 50px;
        }
        .cta-two__moc {
            -webkit-transform: scale(.65);
            -ms-transform: scale(.65);
            -o-transform: scale(.65);
            transform: scale(.65);
        }
        #testimonials-slider-pager {
            width: 400px;
            height: 400px;
        }
        .banner-one__home-two {
            padding-top: 150px;
        }
        .banner-one__home-two .block-title__text br {
            display: none;
        }
        .banner-one__home-two .banner-one__moc {
            -webkit-transform: scale(.7);
            -ms-transform: scale(.7);
            -o-transform: scale(.7);
            transform: scale(.7);
        }
    }
    
    @media(max-width: 991px) {
        .pc {
            display: none;
        }
        .mobile {
            display: block;
        }
        .cta-three {
            padding-top: 120px;
            padding-bottom: 120px;
        }
        .cta-two__moc {
            display: none;
        }
        .cta-three__moc {
            left: auto;
            right: 0;
            -webkit-transform: scale(.75) translateY(-50%) translateX(30%);
            -ms-transform: scale(.75) translateY(-50%) translateX(30%);
            -o-transform: scale(.75) translateY(-50%) translateX(30%);
            transform: scale(.75) translateY(-50%) translateX(30%);
            transform-origin: right top;
        }
        .cta-one {
            padding-top: 0px;
            padding-bottom: 0;
        }
        .cta-one__color-box {
            display: none;
        }
        .cta-one__image {
            margin-bottom: 40px;
        }
        .block-title__text br {
            display: none;
        }
        #testimonials-slider-pager .testimonials-slider-pager-one .pager-item img {
            width: 400px;
        }
        #testimonials-slider-pager {
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 30px;
        }
        .testimonials-style-one .my-auto {
            width: 100%;
        }
        .fun-fact-one .block-title {
            margin-bottom: 0;
        }
        .fun-fact-one__box-wrapper {
            /*flex-direction: column;*/
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            margin-left: -10px;
            margin-right: -10px;
        }
        .fun-fact-one__single {
            margin-top: 0px !important;
            flex: 1 0 50%;
            display: -webkit-box;
            display: flex;
            padding-left: 10px;
            padding-right: 10px;
        }
        .fun-fact-one__single .inner-block {
            margin-top: 30px;
            margin-left: auto;
            margin-right: auto;
        }
        .footer-widget {
            margin-bottom: 50px;
        }
        .site-footer__main-footer {
            padding-bottom: 70px;
        }
        .banner-one__home-two .banner-one__moc {
            -webkit-transform: scale(.45);
            -ms-transform: scale(.45);
            -o-transform: scale(.45);
            transform: scale(.45);
            transform-origin: bottom right;
        }
    }
    
    @media(max-width: 767px) {
        .banner-one {
            margin-top: 60px;
            padding-bottom: 0;
        }
        .banner-one h1 {
            font-size: 34px;
            margin-bottom: 15px;
        }
        .banner-one h2 {
            font-size: 24px;
        }
        .banner-one .word {
            line-height: 25px;
        }
        .banner-one .fe,
        .banner-one .fb {
            display: flex;
            justify-content: center;
        }
        .banner-one__moc {
            -webkit-transform: scale(.7);
            -ms-transform: scale(.7);
            -o-transform: scale(.7);
            transform: scale(.7);
            transform-origin: center center;
        }
        .banner-bot .box img {
            -webkit-transform: scale(.7);
            -ms-transform: scale(.7);
            -o-transform: scale(.7);
            transform: scale(.7);
        }
        .service-one {
            padding-top: 40px;
        }
        .service-one__single {
            margin-top: 30px;
        }
        .service-one .block-title {
            margin-bottom: 0;
        }
        .cta-three {
            padding-top: 40px;
            padding-bottom: 40px;
        }
        .no-gutters {
            position: static;
        }
        .cta-three .content {
            margin-top: 40px;
            padding: 20px 0;
        }
        .cta-three .block-title {
            margin-bottom: 0;
        }
        .cta-three .all-item {
            display: block;
        }
        .cta-three .all-item {
            margin: 10px 0;
        }
        .cta-three .all-item div {
            margin: 0;
        }
        #screens {
            padding-top: 0;
            padding-bottom: 20px;
        }
        #screens .content2 {
            padding: 20px;
        }
        .cta-two .block-title {
            margin-bottom: 40px;
        }
        .cta-two .col-sm-12 {
            margin-bottom: 20px;
        }
        .cta-two button {
            margin-right: 20px;
            margin-bottom: 20px;
        }
        .cta-two .col-lg-6 .title {
            height: 60px;
            line-height: 60px;
            padding: 0 20px;
        }
        .cta-one {
            padding-top: 40px;
        }
        .cta-one .swiper-slide {
            display: block;
        }
        .cta-one .swiper-slide>div {
            width: 100% !important;
            height: auto;
            padding: 10px 20px;
        }
        .cta-one .logo-box1 {
            margin-bottom: 0;
        }
        .swiper-slide div p {
            height: auto;
        }
        .logo-line {
            flex-wrap: wrap;
            margin-top: 0;
            margin-bottom: 20px;
        }
        .logo-line div {
            width: 50%;
            margin-bottom: 20px;
            display: flex;
            justify-content: center;
        }
        .contact {
            height: 140px;
            padding: 0 20px;
            margin-bottom: 0;
            font-size: 24px;
        }
        .news .block-title__text {
            margin-top: 40px;
            margin-bottom: 10px;
        }
        .news .block-title {
            margin-bottom: 30px;
        }
        .news .nav-tabs .nav-item {
            margin: 0 20px;
        }
        .news .content1 {
            padding: 30px 0;
        }
        .news .all-item1 {
            flex-wrap: wrap;
        }
        .news .all-item1>div {
            width: 100%;
            max-width: 100%;
            margin-bottom: 20px;
        }
        .news .all-item1 .pictrue {
            height: 200px;
        }
        .news .all-item1 .word {
            padding: 20px;
        }
        .news .all-item1 h5 {
            margin-top: 0;
        }
        .news .all-item1 p {
            margin-top: 0;
            line-height: 22px;
        }
        .site-footer__main-footer {
            padding-bottom: 30px;
        }
        .site-footer {
            padding: 30px 20px;
        }
        .footer-widget__title {
            margin-bottom: 15px;
        }
        .footer-widget {
            margin-bottom: 25px;
        }
        .site-footer__bottom-footer {
            padding: 0;
        }
        .services .inner-banner,
        .DCMM .inner-banner,
        .advice .inner-banner,
        .confide .inner-banner,
        .believe .inner-banner,
        .owner .inner-banner {
            padding-top: 30px;
        }
        .inner-banner {
            height: auto;
        }
        .inner-banner .word h5 {
            font-size: 34px;
            margin-bottom: 10px;
        }
        .inner-banner .pictrue {
            justify-content: center;
        }
        .inner-banner .pictrue img {
            -ms-transform: scale(.7);
            -o-transform: scale(.7);
            transform: scale(.7);
            margin-top: -40px;
        }
        .top-nav {
            display: none;
        }
        .inner-title {
            margin: 40px 0 20px;
        }
        .mt-80 {
            margin-top: 40px;
        }
        #section2 .col-lg-4 {
            margin-bottom: 20px;
        }
        #section2 .spe {
            padding: 20px;
        }
        .inner-bg {
            padding: 0 0 40px;
        }
        .case-bg {
            height: auto !important;
            margin-bottom: 20px;
        }
        .case-bg .font14 {
            padding: 20px !important;
        }
        .services #section3 {
            margin-bottom: 40px;
        }
        .DCMM #section2 {
            margin: 40px 0 0 !important;
        }
        .DCMM #section2 .col-lg-4 {
            width: 100%;
            max-width: 100% !important;
        }
        .DCMM #section2 .bot {
            padding: 20px;
        }
        .DCMM #section2 .inner-p {
            margin-bottom: 0;
        }
        #section2 .row {
            margin-bottom: 0 !important;
        }
        .DCMM .case {
            margin-bottom: 20px !important;
        }
        .advice #section1 .col-lg-4 {
            margin-bottom: 20px;
        }
        .advice .model-bg {
            margin-top: 40px !important;
        }
        .advice .case-word {
            height: auto !important;
            padding: 20px !important;
        }
        .advice .mb-80 {
            margin-bottom: 30px;
        }
        .dsmm .case {
            padding: 20px !important;
            display: block !important;
            margin-bottom: 0 !important;
        }
        .dsmm .case .left {
            width: 100% !important;
            margin-right: 0 !important;
        }
        .dsmm .case .right img {
            width: 100%;
        }
        .dsmm #section3 h4 {
            font-size: 24px;
        }
        .gx-5 .bg-white {
            padding: 20px !important;
        }
        .gx-5 .col-lg-3 {
            margin-bottom: 20px;
        }
        .dsmm #section4 {
            margin-bottom: 40px !important;
        }
        .confide .inner-picture img {
            width: 100% !important;
            height: 100% !important;
        }
        .confide #section2 {
            margin-top: 40px !important;
        }
        .confide #section2 .col-lg-3 {
            max-width: 100% !important;
            margin-bottom: 20px;
        }
        .confide .case {
            padding: 20px !important;
            display: block !important;
            margin-bottom: 20px !important;
        }
        .confide .case .left {
            width: 100% !important;
            margin-right: 0 !important;
        }
        .confide .case .right img {
            width: 100%;
        }
        .owner .nav-tabs .nav-item {
            margin: 0 !important;
        }
        .owner .nav-tabs .nav-link {
            padding: 5px 15px !important;
        }
        .owner .content1 {
            flex-direction: column !important;
        }
        .owner .product1 .all-item1 {
            width: 100% !important;
        }
        .owner .product1 .col-lg-4 {
            max-width: 100% !important;
            margin: 0 !important;
            margin-bottom: 20px !important;
        }
        .owner .content1 .right {
            width: 100% !important;
            margin-top: 20px;
        }
        .owner .content1 .right p {
            border: none !important;
            margin: 0;
            padding: 0 !important;
        }
        .owner #section2 .col-lg-4 {
            max-width: 100% !important;
        }
        .owner #section2 .row {
            margin: 0 !important;
        }
        .owner #section2 .row.fs .col-lg-4 {
            margin-right: 0 !important;
        }
        .train #section1 .item {
            padding: 20px !important;
        }
        .train #section1 .item .first {
            flex-direction: column;
        }
        .train #section1 .item .left,
        .train #section1 .item .right {
            width: 100% !important;
            margin: 0 !important;
        }
        .train #section1 .sec .left img {
            width: 100% !important;
        }
        #section2 .all-course {
            height: auto !important;
            padding: 0 !important;
            flex-direction: column;
        }
        #section2 .news-contents1,
        .news-contents2,
        .news-contents3 {
            width: calc(100% - 20px)!important;
            padding: 10px !important;
            margin: 10px;
        }
        #section2 .news-contents1 div {
            flex-direction: column;
        }
        #section2 .news-contents1 dl {
            width: 100% !important;
        }
        .train .course {
            flex-direction: column;
        }
        .course .col {
            margin-right: 0 !important;
            padding: 10px 20px 20px !important;
            margin-bottom: 20px;
        }
        .train .course .col1,
        .news-contents3 .course .col {
            width: 100% !important;
            height: auto !important;
        }
        .course .col .title {
            line-height: 60px !important;
        }
        .course .col h6 {
            margin: 20px 0 10px !important;
        }
        .course .col img {
            display: none;
        }
        .news-contents3 .col .title {
            line-height: 30px !important;
        }
        .train .case {
            width: 100% !important;
        }
        .train #section2 {
            padding-bottom: 0 !important;
        }
        .lecturer {
            flex-direction: column;
            padding: 15px !important;
        }
        .lecturer .mid,
        .lecturer .right {
            width: 100% !important;
        }
        .news-page .word {
            margin-bottom: 20px;
        }
        .news-contents {
            flex-direction: column;
        }
        .news-page .left,
        .news-page .right {
            width: 100% !important;
        }
        .news-page .left .fb {
            flex-direction: column;
            margin-bottom: 0 !important;
        }
        .news-page .left .word {
            width: 100% !important;
        }
        .news-page .left .tu {
            width: 100% !important;
            height: 100% !important;
            margin-bottom: 10px;
        }
        .news-page .left .tu img {
            width: 100%;
        }
        .about-banner {
            height: 200px !important;
            padding: 0 20px;
            overflow: hidden;
            display: flex;
            align-items: center;
        }
        .about-banner h4 {
            line-height: 40px !important;
        }
        .about-bot {
            flex-direction: column;
            margin: 20px 0 30px !important;
        }
        .about-bot>div {
            width: 100% !important;
            margin-bottom: 20px;
        }
        .about-bot>div p {
            border: none !important;
            padding-right: 0 !important;
        }
        .about #section5 img {
            width: 100%;
        }
        .about #section2 {
            margin-top: 40px !important;
            padding-bottom: 40px !important;
        }
        .book:first-child div:first-child {
            display: none;
        }
        .book {
            flex-wrap: wrap;
        }
        .book div {
            width: 49% !important;
        }
        .about #section3 .fc {
            width: 49% !important;
        }
        #section3 .com-zizhi {
            flex-wrap: wrap;
        }
        .about #section3 {
            padding-bottom: 0 !important;
        }
        .about #section4 {
            background-image: none !important;
            padding: 0 !important;
        }
        .development .content {
            display: block !important;
            height: auto !important;
            padding: 0 !important;
            background-image: none !important;
            margin: 0 !important;
        }
        .development h4 {
            padding-top: 40px !important;
        }
        .development .box {
            width: 100% !important;
            height: auto !important;
            margin: 20px !important;
            position: static !important;
        }
        .development .content .desc {
            font-size: 14px !important;
            width: 100% !important;
            height: auto !important;
            position: static !important;
            padding-right: 20px !important;
            margin-bottom: 20px;
        }
        .development .content .desc::after {
            position: static !important;
            display: none !important;
        }
        .development .bg {
            background-image: none !important;
            position: static !important;
            margin: 0 !important;
        }
        .development .content .ootddesc .item {
            position: static !important;
        }
        .sheet .product1 .all-item1 img {
            width: 100%;
            height: auto !important;
        }
        .sheet .content1 {
            padding: 20px !important;
        }
        .section3-card {
            flex-direction: column;
        }
        .sheet-item {
            width: 100% !important;
            padding-bottom: 0 !important;
        }
        .sheet-item h4 {
            margin: 20px 20px 0 !important;
        }
        .sheet-item p {
            padding: 0 20px !important;
        }
        .sheet #section3 {
            margin-bottom: 20px !important;
        }
        #section1 {
            padding-bottom: 40px !important;
            margin-top: 40px !important;
        }
        .news-page .nav-tabs {
            margin-bottom: 20px !important;
        }
        .sheet .product1 .all-item1 {
            display: block;
        }
        .about #section3 .fc div {
            align-items: center;
        }
        .space-sec1 {
            flex-direction: column;
        }
        .spaceR {
            margin-left: 0 !important;
        }
        .space-sec1 img {
            width: 100%;
        }
        .space-sec2 {
            flex-direction: column;
        }
        .space-sec2 .nav-tabs .nav-link,
        .space-sec2 .nav-tabs .nav-item {
            width: 100% !important;
        }
        .space-sec2 ul {
            width: 100% !important;
        }
        .space3 .right {
            margin: 0 !important;
        }
        .space3 .right img {
            width: 100%;
        }
        .join #section5 .all {
            flex-direction: column;
        }
        .join #section5 ul {
            flex-wrap: wrap;
        }
        .join #section5 ul li {
            margin-bottom: 10px !important;
        }
        .join #section5 h3 {
            margin-top: 10px;
        }
        .join #section5 .all .item {
            margin-bottom: 10px;
        }
        .join .section-word {
            width: auto !important;
            margin: 0 0 15px !important;
        }
        .join #section5 .inner-title {
            font-size: 28px;
        }
        .join #section5 {
            padding-bottom: 20px !important;
        }
    }
    
    @media(max-width: 575px) {
        .banner-one .block-title__text,
        .block-title__text {
            font-size: 35px;
            line-height: 45px;
        }
        .banner-one__text br {
            display: none;
        }
        .cta-one__image-wrap {
            padding-right: 0;
        }
        .blog-one {
            padding-top: 100px;
        }
        .comment-one__top-left,
        .comment-one__top-right {
            display: block;
        }
        .comment-one__top-right {
            margin-top: 20px;
        }
        .blog-details__author-image,
        .blog-details__author-content {
            display: block;
        }
        .blog-details__author-content {
            padding-left: 0;
            margin-top: 40px;
        }
        .site-footer__subscribe-form {
            overflow: visible;
            margin-bottom: 84px;
        }
        .site-footer__subscribe-form button[type=submit] {
            right: auto;
            left: 50%;
            top: 100%;
            -webkit-transform: translateY(20px) translateX(-50%);
            -ms-transform: translateY(20px) translateX(-50%);
            -o-transform: translateY(20px) translateX(-50%);
            transform: translateY(20px) translateX(-50%);
        }
        .cta-two__feature {
            flex-direction: column;
            margin-top: -39px;
        }
        .cta-two__feature-single {
            margin-top: 30px;
        }
        .pro .show {
            display: block !important;
            background-color: #f0f4fb;
            padding: 20px;
            margin-bottom: 20px;
        }
        .pro .show a {
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 22px;
            padding-bottom: 15px;
            margin-bottom: 15px;
            border-bottom: 1px solid #ddd;
        }
        .pro .show a p {
            margin-bottom: 0;
            margin-left: 5px;
        }
        .cta-three .nav {
            display: none;
        }
        .cta-three .content {
            background-image: none;
            margin-top: 20px;
        }
        .no-gutters {
            box-shadow: none;
        }
        .cta-three .block-title__text {
            margin-bottom: 0;
        }
        .cta-one .block-title {
            margin-bottom: 30px;
        }
        .cta-one .swiper-slide {
            padding: 0 20px;
        }
        .site-footer__main-footer .row>div {
            width: 50%;
        }
        .scroll-to-top {
            display: none;
        }
    }
    
    @media(max-width: 375px) {
        .block-title__text span:before {
            display: none;
        }
        .banner-one__home-two {
            padding: 80px 0;
        }
        #testimonials-slider-pager {
            width: 300px;
            height: 300px;
        }
        #testimonials-slider-pager .testimonials-slider-pager-one .pager-item img {
            width: 300px;
        }
        #testimonials-slider-pager .testi-icon {
            display: none;
        }
        .site-header.header-one .header-navigation .container .right-side-box {
            display: none;
        }
        .site-header.header-one .header-navigation .nav .menu-toggler {
            float: right;
        }
        .comment-one__image,
        .comment-one__content {
            display: block;
        }
        .comment-one__content {
            padding-left: 0;
            margin-top: 30px;
        }
        .cta-two hr {
            margin-bottom: 80px;
        }
        .blog-one__single-inner-block {
            padding-left: 30px;
            padding-right: 30px;
        }
        .service-one__single {
            padding-left: 30px;
            padding-right: 30px;
        }
    }