/* CSS Document */
@media only screen and (min-width: 1360px) and (max-width: 1790px) {
	
	.margin_top_bottom{margin:10% auto 0px auto;}
	
}	
	
	

@media (min-width: 1600px) {
  .container-fluid.custom-container-one {
    max-width: 1520px;
  }
  .banner-section .single-banner .row.extra-left {
    margin-left: -90px;
  }
.about-section .about-tile-gallery img.zero-icon {
    bottom: 40px;
    left: -140px;
  }	
	
	
	
}

@media (min-width: 1600px) {
  .container-fluid.custom-container-two {
    max-width: 1400px;
  }
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  header .mainmenu-area {
    padding: 0 40px;
  }
  header .mainmenu-area .main-menu {
    grid-column-gap: 40px;
  }
  header .mainmenu-area .main-menu .menu-items ul li {
    margin-right: 15px;
  }
  header.header-two .mainmenu-area {
    padding: 0;
  }
  header.header-two .mainmenu-area .main-menu {
    grid-column-gap: 60px;
  }
  header.header-three .mainmenu-area .main-menu {
    grid-column-gap: 40px;
  }	
  .banner-section.banner-style-two .single-banner .banner-text h1 {
    font-size: 80px;
  }
  .about-section .about-text .about-extra .experience-tag {
    left: -315px;
    max-width: 500px;
  }
  .about-section.about-style-two .about-text-warp .mockup-img {
    max-width: 800px;
    bottom: -80px;
  }	
  .about-section.about-style-two .about-text-warp .about-small-img {
    left: 44%;
  }	
  .services-secton.services-secton-three::before {
    height: 320px;
    width: 320px;
  }	
  .services-secton.services-secton-three::after {
    width: 400px;
    height: 400px;
    bottom: -150px;
  }	
  .team-section .team-loop.team-slider-one .member-box .member-info {
    left: 20px;
    bottom: 20px;
  }
  .team-section .team-loop.team-slider-one .member-box .member-info h3 {
    font-size: 22px;
  }	
  .portfolio-slider-section .portfolio-slider-loop .portfolio-box .portfolio-img-wrap {
    height: 550px;
  }	
  .portfolio-slider-section .portfolio-slider-loop .portfolio-box .portfolio-desc {
    left: 30px;
    right: 50px;
    padding: 40px;
  }	
  .portfolio-slider-section .portfolio-slider-loop .portfolio-box .portfolio-desc h2 {
    font-size: 32px;
  }	
	
	
	
	
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .section-title h2 {
    font-size: 38px;
  }
	
  header .mainmenu-area {
    padding: 0 30px;
  }
	
  header .mainmenu-area .main-menu {
    grid-column-gap: 30px;
  }
	
  header .mainmenu-area .main-menu .menu-items ul li {
    margin-right: 0;
  }
	
  header .mainmenu-area .main-menu .menu-items ul li a {
    padding: 0 12px;
  }
	
  header.header-two .mainmenu-area {
    padding: 0;
  }
	
  header.header-two .mainmenu-area .main-menu {
    grid-column-gap: 30px;
  }
  header.header-three .mainmenu-area .main-menu {
    grid-column-gap: 30px;
  }
  header.header-three .mainmenu-area .main-menu .menu-items ul li {
    margin-right: 0;
  }
  .banner-section .single-banner .banner-text h1 {
    font-size: 90px;
  }
	
  .banner-section.banner-style-two .single-banner {
    height: 720px;
  }
  .banner-section.banner-style-two .single-banner .banner-text h1 {
    font-size: 60px;
  }
  .banner-section .slider-active .slick-arrow {
    left: 2%;
  }
 .banner-section .slider-active .slick-arrow.next-arrow {
    left: auto;
    right: 2%;
  }	
  .about-section .about-tile-gallery img.image-two {
    max-width: 340px;
  }
.about-section .about-tile-gallery img.icon {
    right: 0;
  }	
  .about-section .about-text .about-features .sngle-features .desc h4 {
    font-size: 20px;
  }	
 .about-section .about-text .about-extra .experience-tag {
    left: -220px;
    max-width: 350px;
  }
  .about-section .about-tile-gallery-two {
    min-height: 515px;
  }	
  .about-section.about-style-two .about-iconic-boxes .iconic-box {
    padding: 30px 25px;
  }	
  .about-section.about-style-two .about-iconic-boxes .iconic-box h4 {
    font-size: 20px;
  }	
  .about-section.about-style-two .about-text-warp .mockup-img {
    max-width: 575px;
    bottom: 42%;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }	
  .about-section.about-style-two .about-text-warp .about-small-img {
    display: none;
  }	
  .about-section .with-man-shape {
    padding-top: 120px;
    padding-bottom: 60px;
  }	
  .about-section .with-man-shape .about-man-img {
    max-width: 450px;
  }	
  .about-section .with-man-shape .about-text {
    padding-left: 20px;
  }	
  .services-secton .services-loop .single-service {
    padding: 50px 20px;
  }	
  .services-secton .services-loop .single-service h4 {
    font-size: 20px;
  }	
  .services-secton .services-loop .single-service-two {
    padding: 40px 15px;
  }	
  .services-secton .services-loop .single-service-two h4 {
    font-size: 20px;
  }	
  .services-secton.services-secton-three::before {
    height: 250px;
    width: 250px;
  }	
  .services-secton.services-secton-three::after {
    width: 310px;
    height: 310px;
    bottom: -100px;
  }
  .services-slider-secton .services-slider .single-slider h6 {
    left: 10px;
    right: 15px;
    font-size: 15px;
  }	
  .call-to-action .cta-inner .cat-img img {
    max-width: 380px;
  }	
  .features-boxes .features-boxes-loop .feature-box {
    padding: 30px 20px;
  }
  .features-boxes .features-boxes-loop .feature-box h4 {
    font-size: 20px;
  }	
  .features-boxes-two .feature-text .feature-icon li {
    margin-right: 20px;
  }	
  .features-boxes-two .features-boxes-loop .feature-box-two {
    padding: 50px 15px;
  }	
  .team-section .team-loop.team-slider-one .member-box .member-info {
    left: 20px;
    bottom: 20px;
  }	
  .team-section .team-loop.team-slider-one .member-box .member-info h3 {
    font-size: 22px;
  }	
  .team-section .team-loop.team-slider-two .member-box .member-info {
    left: 20px;
    bottom: 20px;
  }
  .team-section .team-loop.team-slider-two .member-box .member-info h3 {
    font-size: 22px;
  }	
  .team-details .member-information .member-info-top .title h2 {
    font-size: 28px;
  }	
  .portfolio-section .portfolio-masonary-loop .portfolio-box .portfolio-desc h4 {
    font-size: 20px;
  }	
 .portfolio-section .portfolio-grid-loop .portfolio-grid-box {
    height: 300px;
  }
  .portfolio-section .portfolio-filter ul li {
    margin: 0 5px;
  }	
  .portfolio-slider-section .portfolio-slider-loop .portfolio-box .portfolio-img-wrap {
    height: 500px;
  }
  .portfolio-slider-section .portfolio-slider-loop .portfolio-box .portfolio-desc {
    left: 30px;
    right: 50px;
    padding: 40px;
  }	
  .portfolio-slider-section .portfolio-slider-loop .portfolio-box .portfolio-desc h2 {
    font-size: 30px;
  }	
  .portfolio-slider-section .portfolio-slider-loop .portfolio-box .portfolio-desc .portfolio-link {
    height: 60px;
    width: 60px;
    line-height: 60px;
  }	  .portfolio-slider-section .portfolio-slider-loop .portfolio-box .portfolio-desc .portfolio-link {
    height: 60px;
    width: 60px;
    line-height: 60px;
  }
  .portfolio-details-wrap .portfolio-details blockquote {
    padding: 45px 25px;
    font-size: 20px;
  }	
  .testimonial-section .testimonial-slider .single-testimonial .desc h2 {
    font-size: 30px;
  }	
  .testimonial-section .testimonial-author-slider .single-slider {
    padding: 22px 30px;
    font-size: 14px;
  }
  .testimonial-section .testimonial-author-slider .single-slider h4 {
    font-size: 20px;
  }	
  .testimonials-slider-two .single-testimonial-two {
    font-size: 20px;
  }	
  .clinet-section .slick-track {
    margin-right: -20px;
    margin-left: -20px;
  }	
  .clinet-section .slick-track .clinet-item {
    padding-left: 20px;
    padding-right: 20px;
  }	
  .latetest-post .latest-post-box .post-meta {
    padding: 15px;
  }	
  .latetest-post .latest-post-box .post-meta li {
    margin-right: 15px;
  }
  .latetest-post .latest-post-box .post-desc {
    padding: 0 15px;
  }	
  .latetest-post .latest-post-box .post-desc h3 {
    font-size: 24px;
  }	
  .post-grid-box {
    padding: 40px 20px;
  }	
  .post-grid-box h4 {
    font-size: 18px;
  }	
  .post-grid-box .post-meta li {
    margin-right: 10px;
  }	
  .post-standard-box .post-desc h2 {
    font-size: 32px;
  }	
  .post-standard-box .post-desc .post-meta li {
    margin-right: 15px;
  }	
  .post-standard-box.quote-post {
    padding: 40px;
  }	
  .post-standard-box.quote-post .post-desc h2 {
    font-size: 30px;
  }	
	
  .blog-details-box .entry-content h2.title {
    font-size: 28px;
  }	
  .blog-details-box .entry-content h3.subtitle {
    font-size: 24px;
  }	
  .blog-details-box .entry-content .post-meta li {
    margin-right: 15px;
  }	
  .blog-details-box .entry-content blockquote {
    font-size: 22px;
    padding: 40px;
  }	
  .blog-details-box .entry-footer .tag-and-share h5 {
    font-size: 18px;
  }	
  .blog-details-box .entry-footer .post-nav .prev-post a,
  .blog-details-box .entry-footer .post-nav .next-post a {
    font-size: 22px;
  }	
  .blog-details-box .entry-footer .related-post-box .desc {
    padding: 30px;
  }
  .blog-details-box .entry-footer .related-post-box .desc h4 {
    font-size: 18px;
  }	
  .blog-details-box .entry-footer .author-info-box {
    padding: 30px;
  }	
  .blog-details-box .entry-footer .author-info-box .info-text h3 {
    font-size: 22px;
  }	
  .framework-section .framework-text .framework-list li {
    margin-right: 15px;
  }	
  .framework-section .framework-text .framework-list li a span.icon {
    height: 80px;
    width: 80px;
    line-height: 80px;
  }	
  .breadcrumb-section {
    padding-top: 200px;
    padding-bottom: 160px;
  }	
  .breadcrumb-section .breadcrumb-shape {
    height: 200px;
  }	
  .breadcrumb-section .breadcrumb-shape svg {
    height: 200px;
    width: calc(160% + 1.3px);
  }	
  .breadcrumb-section .btg-text {
    font-size: 200px;
  }	
  .sidebar .widget {
    padding: 40px 20px;
  }	
  .sidebar .widget.socail-widget ul li {
    margin-right: 5px;
  }	
  .sidebar .widget.popular-tag-widget ul li a {
    padding: 10px 15px;
  }	
  .faq-loop .card .card-header button {
    font-size: 16px;
    padding: 20px;
  }	
  .faq-loop .card .card-body {
    padding: 0 20px 25px;
  }	
  footer .footer-widget-area .widget.recent-post .post-loop .post h5 {
    font-size: 16px;
  }	
  footer.footer-style-two .footer-widget-area .widget {
    padding: 45px 10px;
  }	
  .go-top-area .go-top.active {
    top: 93%;
  }	
	
	
	
	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%;}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left; padding-right:10px; padding-left:10px;}
	
	
  .section-title h2 {
    font-size: 26px;
  }
	
  header .mainmenu-area .main-menu .logo img {
    max-width:140px;
  }
  header .mobile-menu.mean-container .mean-bar a.meanmenu-reveal {
    margin-top:-65px;
    padding:8px 10px;
  }
	
  .banner-section {
    padding-top: 200px;
    padding-bottom: 100px;
  }
	
  .banner-section .banner-shape-one {
    height: 220px;
    width: 220px;
  }
	
  .banner-section .single-banner .banner-text h1 {
    font-size: 32px;
  }
  .banner-section .single-banner .banner-text p {
    font-size:18px; line-height:30px; 
  }	
	
.margin_top_bottom{margin:30% auto 0px auto;}
.banner-shape-three{display:none;}	
.single-banner{height:600px;}
.services-secton.featured-service.mt-negative{margin-top:-70px;}
.banner-section .single-banner .banner-text .btn-wrap a.main-btn {padding: 0 25px;}
.banner-section .single-banner .banner-text h1 {
  font-size:48px;
  text-transform: uppercase;
  line-height:2;
  margin-bottom:0px;
}
.banner-section .single-banner .banner-text .btn-wrap {margin-top:20px;}	
.main-btn::before {height:1px;}	
.main-btn::after {width:1px;}	
.main-btn {font-size:14px; padding: 0 45px; height:40px; line-height:40px;}
	
	
header .mobile-menu.mean-container .mean-bar a.meanmenu-reveal {
  margin-right:10px;
  border: 2px solid rgba(4, 29, 56, 0.1);
  padding:8px 10px;
  width:20px;
  z-index: 222;
}
header .mainmenu-area{margin-top:0px;}
header.header-three .mainmenu-area .main-menu {
  grid-column-gap:0px;
}
	
	
	
.services-secton .services-loop .single-service.white-bg span{ margin:0 auto 10px auto; color:#fff; font-size:30px; width:80px; height:80px; line-height:80px;}	
.services-secton .services-loop .single-service h4 {margin-bottom:15px;}
.mt-30{margin-top:10px; }	
.pt-60{padding-top:50px;}	
.pr-30{padding-right:0px;}	
.sec-title span{font-size:18px;}
.sec-title h1 {font-size:28px; line-height:2em;}	
.about_bg{background:url("../images/sy.png") no-repeat 10% bottom;}	
.about{padding:8px 30px; line-height:24px; font-size:14px;}	
.pb-100{padding-bottom:50px;}	
.pt-80{padding-top:50px;}	
.section-title p.title-tag {font-size:16px;}
.portfolio-section .portfolio-masonary-loop .portfolio-box.height-extra {
  height:200px;
}
.pb-90 {padding-bottom:30px;}
.services-slider-secton {
  background-color:#06376c;
  position: relative;
  margin-bottom:120px;
  padding-bottom:280px;
  padding-top:50px;
}
.daohang li{margin-bottom:5px;}
	

.pt-120{padding-top:80px;}
.justify-content-center .widget-title{font-size:26px; margin-bottom:20px;}
.latest-post-box h5{font-size:18px; line-height:30px;}

.xiangmu{margin-bottom:30px;}
.video-section.video-style-two{height:300px;}	
.video-text p{font-size:20px;}
.video-section.video-style-two .video-text h1 {font-size:24px;}	
.owl-nav-style-one.owl-theme .owl-nav{top:270px; left:0; right:0; margin:0;}
.case-text a{font-size:14px; line-height:40px; color:#333;}
.pb-60 {padding-bottom:0px;}
footer .footer-widget-area{padding-top:50px; padding-bottom: 40px;}
.rwm{margin:0 auto; text-align:center;}	
.footer-widget-area .widget-titlee::after {
  content: "";
  position: absolute;
  bottom:-11px;
  left:40%;
  height:2px;
  width:30px;
  background:#ffaa17;
}	
header.header-three .mainmenu-area{padding:15px 95px 15px 0;}
header.sticky.header-three .mainmenu-area{padding:10px 95px 15px 0;}
.padding-15{margin-right:0px!important; margin-left:0px!important;}	
.services-secton .services-loop .single-service.white-bg h4{font-size:20px; font-weight:bold;}	
.about-text{font-size:14px; line-height:28px;}
header .mainmenu-area .main-right{display: none;}
.idea_bg_ln{height:220px;}	
.text_idea_ln h3{margin-bottom:20px; font-size:24px; color:#333;}
.text_idea_ln h4{margin-bottom:30px; font-size:18px; color:#333;}
.training-block-one .inner-box{padding:50px 30px 30px 30px;}	
.breadcrumb-section .btg-text-p{font-size:130px;}
	
	
	
  .section-title h2 {
    font-size:32px;
  }
	
  header .mainmenu-area {
    padding: 15px 95px 15px 15px;
  }
	
  header.header-two .mainmenu-area {
    padding: 15px 95px 15px 0;
  }
	
  header.header-three .mainmenu-area {
    padding: 15px 95px 15px 0;
  }	
  header.sticky.header-three .mainmenu-area {
    padding: 15px 95px 15px 0;
  }
 
  .banner-section .banner-shape-two {
    height: 120px;
    width: 120px;
  }
	
  .banner-section .single-banner .banner-text h1 {
    font-size:32px;
  }	

  .banner-section.banner-style-three .single-banner .banner-text {
  text-align: center; width:88%; margin:0 auto;}
	
  .banner-section.banner-style-two .single-banner {
    height: 620px;
  }
  .banner-section.banner-style-two .single-banner .banner-text h1 {
    font-size: 50px;
  }
  .banner-section.banner-style-three {
    padding-top:0px;
    padding-bottom:0px;
  }	
  .banner-section .slider-active .slick-arrow {
    left: 1%;
  }	
 .banner-section .slider-active .slick-arrow.next-arrow {
    left: auto;
    right: 1%;
  }	
  .about-section .about-tile-gallery {
    margin-bottom: 50px;
  }	
  .about-section .about-text .about-extra {
    margin-top: 30px;
    padding-left: 0;
    padding-bottom: 200px;
  }	
	
  .about-section .about-text .about-extra .experience-tag {
    left: 0;
    bottom: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    top: auto;
    max-width: 100%;
  }
  .about-section .about-tile-gallery-two {
    margin-bottom: 50px;
  }	
  .about-section.about-style-two .about-iconic-boxes {
    margin-bottom: -240px;
  }	
  .about-section.about-style-two .about-iconic-boxes .iconic-box {
    margin-bottom: 30px;
  }	
  .about-section.about-style-two .about-text-warp {
    padding-top: 280px;
  }	
  .about-section.about-style-two .about-text-warp .mockup-img {
    display: none;
  }	
  .about-section.about-style-two .about-text-warp .about-small-img {
    display: none;
  }
  .about-section .about-img {
    margin-bottom: 50px;
  }	
  .about-section .with-man-shape {
    padding-top: 120px;
    padding-bottom: 500px;
  }	
  .about-section .with-man-shape .about-man-img {
    left: 50%;
    max-width: 345px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }	
  .about-section .with-man-shape .about-text {
    padding-left: 0;
  }	
  .services-secton .services-loop .single-service {
    padding:30px 10px; font-size:14px;
  }	
  .services-secton .services-loop .single-service.mt-120 {
    margin-top: 60px;
  }	
  .services-secton .services-loop .single-service h4 {
    font-size: 20px;
  }
  .services-secton .services-loop .single-service-two {
    padding: 30px 15px;
  }	
  .services-secton .services-loop .single-service-two h4 {
    font-size: 20px;
  }	
  .services-secton.services-secton-three::before {
    width: 280px;
    height: 280px;
    left: -60px;
    -webkit-transform: translateY(-55%);
            transform: translateY(-55%);
  }	
  .services-secton.services-secton-three::after {
    width: 300px;
    height: 300px;
    bottom: -100px;
  }
  .call-to-action .cta-inner .cat-img img {
    max-width: 300px;
  }	
  .call-to-action .cta-inner .cat-link {
    height: 60px;
    width: 60px;
    line-height: 60px;
  }	
  .call-to-action .cta-inner .cta-text {
    padding-top: 100px;
    padding-bottom: 75px;
  }	
  .call-to-action.cta-style-two .cta-inner .cat-img {
    left: 5px;
  }
  .call-to-action.cta-style-two .cta-inner .cat-img img {
    max-width: 210px;
  }	
  .call-to-action.cta-style-two .cta-inner .cat-img .cat-shape::before {
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }	
  .call-to-action.cta-style-two .cta-inner .cat-img .cat-shape.shape-two::before {
    left: 50%;
    right: auto;
    bottom: -40px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 210px;
    width: 210px;
  }	
  .features-boxes .features-boxes-loop .feature-box {
    padding: 30px 20px;
  }	
  .features-boxes .features-boxes-loop .feature-box h4 {
    font-size: 20px;
  }	
  .features-boxes .features-boxes-loop .feature-box h4 i {
    margin-right: 5px;
  }	
  .features-boxes .feature-img {
    bottom: 150px;
    max-width: 385px;
  }	
  .features-boxes-two .feature-text {
    padding-left: 0;
    margin-top: 50px;
  }	
  .video-section .video-wrap {
    width: 100%;
    height: 400px;
  }	
  .video-section .video-wrap .video-bg .video-link {
    top: auto;
    bottom: 0;
    right: 50%;
    -webkit-transform: translate(50%, 50%);
            transform: translate(50%, 50%);
  }	
  .video-section.video-style-two {
    padding-top: 0;
    padding-bottom: 0;
    height:400px;
  }	
  .video-section.video-style-two .video-text h1 {
    font-size:32px;
  }	
	
  .team-section .team-loop.team-slider-one .member-box .member-info {
    left: 15px;
    bottom: 15px;
  }	
  .team-section .team-loop.team-slider-one .member-box .member-info h3 {
    font-size: 22px;
  }	
  .team-details .member-information {
    margin-top: 50px;
    padding-left: 0;
  }	
  .team-details .member-information .member-info-top .title h2 {
    font-size: 30px;
  }	
  .skills-section .skill-img {
    margin-top: 60px;
  }	
  .portfolio-section .portfolio-masonary-loop .portfolio-box .portfolio-desc h4 {
    font-size: 20px;
  }	
  .portfolio-section .portfolio-filter ul li {
    margin: 0 5px;
  }	
  .portfolio-slider-section .portfolio-slider-loop .portfolio-box {
    padding-bottom: 50px;
  }	
  .portfolio-slider-section .portfolio-slider-loop .portfolio-box .portfolio-img-wrap {
    height: 400px;
  }	
  .portfolio-slider-section .portfolio-slider-loop .portfolio-box .portfolio-desc {
    left: 20px;
    right: 40px;
    padding: 20px 30px;
  }
  .portfolio-slider-section .portfolio-slider-loop .portfolio-box .portfolio-desc h2 {
    font-size: 24px;
  }	
  .portfolio-slider-section .portfolio-slider-loop .portfolio-box .portfolio-desc .portfolio-cat {
    font-size: 14px;
  }	
  .testimonial-section .testimonial-slider .single-testimonial .desc h2 {
    font-size: 22px;
  }	
  .testimonial-section .testimonial-author-slider .single-slider {
    padding: 22px 30px;
    font-size: 14px;
  }
  .testimonial-section .testimonial-author-slider .single-slider h4 {
    font-size: 18px;
  }	
  .testimonials-slider-two .single-testimonial-two {
    font-size: 20px;
  }	
  .clinet-section .slick-track {
    margin-right: -20px;
    margin-left: -20px;
  }	
  .clinet-section .slick-track .clinet-item {
    padding-left: 20px;
    padding-right: 20px;
  }	
  .latetest-post .latest-post-box .post-meta {
    padding: 15px 20px;
  }	
  .latetest-post .latest-post-box .post-desc h3 {
    font-size: 22px;
  }	
  .post-standard-box .post-desc h2 {
    font-size: 28px;
  }	
  .post-standard-box .post-desc .post-meta li {
    margin-right: 15px;
  }	
  .post-standard-box.quote-post {
    padding: 40px;
  }	
  .post-standard-box.quote-post .post-desc {
    padding-left: 75px;
  }	
  .post-standard-box.quote-post .post-desc::before {
    width: 50px;
  }	
  .blog-details-box .entry-content h2.title {
    font-size: 34px;
  }
  .blog-details-box .entry-content .post-meta li {
    margin-right: 15px;
  }	
  .blog-details-box .entry-footer .related-post-box .desc {
    padding: 30px;
  }	
  .blog-details-box .entry-footer .related-post-box .desc h4 {
    font-size: 22px;
  }	
  .contact-form-wrapper .contact-form {
    padding: 30px;
  }	
  .contact-form-wrapper .contact-info-list {
    padding: 30px;
  }	
  .contact-form-wrapper .contact-info-list .info-box {
    font-size: 15px;
  }	
  .contact-form-wrapper .contact-info-list .info-box h4 {
    font-size: 20px;
  }	
  .contact-maps {
    height: 500px;
  }	
  .framework-section .framework-text {
    margin-top: 50px;
  }	
  .counter-section .counter-inner {
    padding: 60px 0;
  }	
 .counter-section .counter-inner .counter-box h1 {
    font-size: 50px;
  }	
  .counter-section .counter-inner .counter-box .title {
    font-size: 16px;
  }	
  .counter-section .counter-inner span.big-text {
    font-size: 200px;
  }	
  .breadcrumb-section {
    padding-top: 200px;
    padding-bottom: 160px;
  }	
  .breadcrumb-section .breadcrumb-shape {
    height: 200px;
  }	
  .breadcrumb-section .breadcrumb-shape svg {
    height: 200px;
    width: calc(160% + 1.3px);
  }	
  .breadcrumb-section .btg-text {
    font-size:130px;
  }	
  .sidebar {
    margin-top: 80px;
  }	
  footer .footer-widget-area .widget .widget-title {
    margin-bottom: 30px;
  }	
  .go-top-area .go-top.active {
    top: 93%;
  }	
	
	
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	
	
.services-slider-secton {
  background-color:#06376c;
  position: relative;
  margin-bottom:120px;
  padding-bottom:180px;
  padding-top:50px;
}	
.training-block-one .inner-box{
  position: relative;
  display: block;
  overflow: hidden;
  background: #23589C;
  border-radius: 10px;
  padding: 70px 50px 30px 50px!important;
  transition: all 0.3s ease-in-out;
}	

.video-section.video-style-two {
    padding-top: 0;
    padding-bottom: 0;
    height: 400px!important;
  }		
.daohang li{margin-bottom:5px;}
	
	
	
	
header .mobile-menu.mean-container .mean-bar a.meanmenu-reveal {margin-right:10px; border: 2px solid rgba(4, 29, 56, 0.1); padding:8px 10px; width:20px; z-index: 222;}
header .mainmenu-area{margin-top:0px;}
header.header-three .mainmenu-area .main-menu{grid-column-gap:0px;}
.banner-shape-three{display:none;}		
.banner-section {
    padding-top: 200px;
    padding-bottom: 100px;
  }
	
  .banner-section .banner-shape-one {
    height: 220px;
    width: 220px;
  }
	
  .banner-section .single-banner .banner-text h1 {
    font-size: 32px;
  }
  .banner-section .single-banner .banner-text p {
    font-size:18px; line-height:30px; 
  }	
	
.margin_top_bottom{margin:30% auto 0px auto;}
.banner-shape-three{display:none;}	
.single-banner{height:600px;}
.services-secton.featured-service.mt-negative{margin-top:-70px;}
.banner-section .single-banner .banner-text .btn-wrap a.main-btn {padding: 0 25px;}
.banner-section .single-banner .banner-text h1 {
  font-size:48px;
  text-transform: uppercase;
  line-height:2;
  margin-bottom:0px;
}
.banner-section .single-banner .banner-text .btn-wrap {margin-top:20px;}	
.main-btn::before {height:1px;}	
.main-btn::after {width:1px;}	
.main-btn {font-size:14px; padding: 0 45px; height:40px; line-height:40px;}
	
	
header .mobile-menu.mean-container .mean-bar a.meanmenu-reveal {
  margin-right:10px;
  border: 2px solid rgba(4, 29, 56, 0.1);
  padding:8px 10px;
  width:20px;
  z-index: 222;
}
header .mainmenu-area{margin-top:0px;}
header.header-three .mainmenu-area .main-menu {
  grid-column-gap:0px;
}	
	
	
	
	
  .margin_top_bottom{margin:28% auto 0px auto;}
	
  .section-title h2 {
    font-size: 40px;
  }
  
  header .mainmenu-area {
    padding: 15px 95px 15px 15px;
  }
	
  .banner-section .single-banner .banner-text h1 {
    font-size:36px;
  }
	
  .banner-section.banner-style-two .single-banner {
    height: 600px;
  }
 .banner-section.banner-style-two .single-banner .banner-text h1 {
    font-size: 55px;
  }
  .services-slider-secton .section-title h2 {
    font-size: 32px;
  }	
  .features-boxes .feature-img {
    bottom: 42%;
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
    max-width: 290px;
  }
  .video-section.video-style-two .video-text h1 {
    font-size: 40px;
  }	
	
  .portfolio-section .portfolio-masonary-loop .portfolio-box .portfolio-desc {
    width: 100%;
    padding: 30px 20px;
  }	
  .portfolio-section .portfolio-grid-loop .portfolio-grid-box {
    height: 300px;
  }	
  .testimonial-section .testimonial-slider .single-testimonial {
    grid-column-gap: 30px;
    -ms-grid-columns: 120px 1fr;
        grid-template-columns: 120px 1fr;
  }	
  .testimonial-section .testimonial-slider .single-testimonial .author-img img {
    max-width: 120px;
    max-height: 120px;
  }	
  .testimonial-section .testimonial-author-slider .single-slider {
    padding: 22px 30px;
    font-size: 14px;
  }	
  .testimonial-section .testimonial-author-slider .single-slider h4 {
    font-size: 20px;
  }	
  .post-standard-box .post-desc {
    padding: 40px 30px;
  }		
  .post-standard-box .post-desc h2 {
    font-size: 24px;
  }	
  .post-standard-box .post-desc .post-meta li {
    margin-right: 10px;
  }	
  .post-standard-box.quote-post {
    padding: 40px 25px;
  }	
  .blog-details-box .entry-content h2.title {
    font-size: 24px;
  }	
  .blog-details-box .entry-content h3.subtitle {
    font-size: 20px;
  }	
  .blog-details-box .entry-content .post-meta li {
    margin-right: 10px;
  }	
  .blog-details-box .comment-template .comments-list li .children {
    margin-left: -80px;
  }	
  .contact-section .section-title h2 {
    font-size: 32px;
  }	
  footer.footer-style-two .footer-widget-area .widget.about-widget {
    font-size: 15px;
    line-height: 30px;
  }	
  footer.footer-style-two .footer-widget-area .widget {
    padding: 0;
  }	
  footer .footer-widget-area .widget.recent-post .post-loop .post h5 {
    font-size: 14px;
  }	
  footer .footer-widget-area .widget.recent-post .post-loop .post {
    grid-column-gap: 10px;
  }	
  .faq-loop {
    padding: 30px;
  }		
	
	
}

@media (max-width: 767px) {
	
  header .mainmenu-area .main-right .offcanvas-trigger {
    display: none;
  }
  header.header-two .mainmenu-area {
    padding: 15px 95px 15px 0;
  }
	
  header.header-two .mainmenu-area .main-right .quote-icon span span {
    font-size: 18px;
  }
  header.header-three .mainmenu-area {
    padding: 15px 95px 15px 0;
  }
  header.sticky.header-three .mainmenu-area {
    padding: 15px 95px 15px 0;
  }
	
  .banner-section {
    padding-top: 300px;
    padding-bottom: 120px;
  }	
	
  .banner-section .banner-shape-one {
    height: 320px;
    width: 320px;
  }
	
  .banner-section .banner-shape-two {
    height: 120px;
    width: 120px;
  }
	
  .banner-section .banner-shape-two {
    height: 82px;
    width: 82px;
  }
  .banner-section.banner-style-two .single-banner .banner-img {
    display: none;
  }
  .banner-section.banner-style-three {
    padding-top:0px;
    padding-bottom:0px;
  }	
  .banner-section .slider-active .slick-dots {
    bottom: -100px;
  }
  .about-section .about-tile-gallery {
    margin-bottom: 50px;
  }	
	.about-section .about-text {
    padding-left: 0;
  }
  .about-section .about-text .about-extra {
    margin-top: 30px;
    padding-left: 0;
    padding-bottom: 200px;
  }	
.about-section .about-text .about-extra .experience-tag {
    left: 0;
    bottom: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    top: auto;
    max-width: 100%;
  }	
  .about-section .about-tile-gallery-two {
    margin-bottom: 50px;
  }	
  .about-section.about-style-two .about-iconic-boxes {
    margin-bottom: -240px;
  }	
  .about-section.about-style-two .about-iconic-boxes .iconic-box {
    margin-bottom: 30px;
  }	
	
  .about-section.about-style-two .about-text-warp {
    padding-top: 280px;
  }	
  .about-section.about-style-two .about-text-warp .mockup-img {
    display: none;
  }	
  .about-section.about-style-two .about-text-warp .about-small-img {
    display: none;
  }
  .about-section .about-img {
    margin-bottom: 50px;
  }	
  .about-section .with-man-shape {
    padding-top: 120px;
    padding-bottom: 360px;
  }	
  .about-section .with-man-shape .about-man-img {
    left: 50%;
    max-width: 250px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }	
  .about-section .with-man-shape .about-man-img .shape::after {
    height: 300px;
    width: 300px;
  }	
  .about-section .with-man-shape .about-text {
    padding-left: 0;
  }	
  .services-secton .services-loop .single-service.mt-120 {
    margin-top: 60px;
  }	
  .services-secton .services-loop .single-service-two h4 {
    font-size: 22px;
  }	
  .services-secton.featured-service.mt-negative .services-loop .single-service.doted::before {
    background-color: #ffaa17;
  }	
  .services-secton.services-secton-two .section-title h2 {
    font-size: 32px;
  }	
  .services-secton.services-secton-three::before {
    width: 200px;
    height: 200px;
    left: -80px;
  }	
  .services-secton.services-secton-three::after {
    width: 250px;
    height: 250px;
    bottom: -80px;
  }	
  .call-to-action .cta-inner .cat-img {
    display: none;
  }	
  .call-to-action .cta-inner .cat-link {
    height: 60px;
    width: 60px;
    line-height: 60px;
  }	
  .call-to-action .cta-inner .cta-text {
    padding: 80px 0;
  }	
  .features-boxes .gap-for-img {
    height: 215px;
    width: 100%;
  }	
  .features-boxes-two .feature-text {
    padding-left: 0;
    margin-top: 50px;
  }	
  .video-section {
    height: auto;
    padding-top: 380px;
    padding-bottom: 80px;
  }	
  .video-section .video-wrap {
    width: 100%;
    height: 300px;
  }	
  .video-section .video-wrap .video-bg .video-link {
    top: auto;
    bottom: 0;
    right: 50%;
    -webkit-transform: translate(50%, 50%);
            transform: translate(50%, 50%);
  }
  .video-section.video-style-two {
    padding-top: 0;
    padding-bottom: 0;
    height: 600px;
  }	
  .team-section .team-loop .member-box .member-info {
    left: 20px;
    bottom: 20px;
  }	
 .team-section .team-loop .member-box .member-info h3 {
    font-size: 22px;
  }	
  .team-details .member-information {
    margin-top: 50px;
    padding-left: 0;
  }	
  .team-details .member-information .member-info-top .title h2 {
    font-size: 28px;
  }	
  .skills-section .skill-img {
    margin-top: 60px;
  }
  .portfolio-section .portfolio-masonary-loop .portfolio-box.double-height {
    height: 400px;
  }	
 .portfolio-section .portfolio-masonary-loop .portfolio-box .portfolio-desc h4 {
    font-size: 20px;
  }	
  .portfolio-slider-section .portfolio-slider-loop .portfolio-box {
    padding-bottom: 50px;
  }	
  .portfolio-slider-section .portfolio-slider-loop .portfolio-box .portfolio-img-wrap {
    height: 350px;
  }	
  .portfolio-slider-section .portfolio-slider-loop .portfolio-box .portfolio-desc {
    left: 15px;
    right: 30px;
    padding: 20px 30px;
  }	
  .portfolio-slider-section .portfolio-slider-loop .portfolio-box .portfolio-desc h2 {
    font-size: 20px;
  }	
  .portfolio-slider-section .portfolio-slider-loop .portfolio-box .portfolio-desc .portfolio-cat {
    font-size: 14px;
  }
  .portfolio-slider-section .portfolio-slider-loop .portfolio-box .portfolio-desc .portfolio-link {
    height: 50px;
    width: 50px;
    line-height: 50px;
  }	
  .portfolio-details-wrap .portfolio-thumb .portfolio-info {
    padding: 30px;
  }	
  .portfolio-details-wrap .portfolio-thumb .portfolio-info ul li {
    font-size: 14px;
  }
  .portfolio-details-wrap .portfolio-thumb .portfolio-info ul li span.title {
    font-size: 18px;
  }	
  .portfolio-details-wrap .portfolio-details blockquote {
    padding: 30px 25px;
    font-size: 16px;
  }	
  .testimonial-section .testimonial-slider .single-testimonial .desc .rateing a {
    font-size: 18px;
  }
  .testimonial-section .testimonial-slider .single-testimonial .desc h2 {
    font-size: 18px;
  }	
  .clinet-section .slick-track {
    margin-right: -15px;
    margin-left: -15px;
  }	
  .clinet-section .slick-track .clinet-item {
    padding-left: 15px;
    padding-right: 15px;
  }	
  .post-standard-box.with-video .post-media .play-icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 14px;
  }
  .post-standard-box.quote-post .post-desc {
    padding-left: 75px;
  }	
  .post-standard-box.quote-post .post-desc::before {
    width: 50px;
    height: 50px;
  }	
  .post-standard-box.quote-post .post-desc .post-meta li {
    margin-right: 5px;
  }	
  .blog-details-box {
    padding: 30px;
    font-size: 14px;
  }	
  .blog-details-box .entry-content ul.list-icon li {
    padding-left: 40px;
  }	
  .blog-details-box .entry-content ul.list-icon li::before {
    left: 0;
  }	
  .blog-details-box .entry-content blockquote {
    padding: 30px 20px;
    font-size: 18px;
  }	
  .blog-details-box .entry-content blockquote {
    font-size: 16px;
  }	
  .blog-details-box .entry-footer .tag-and-share .tag {
    margin-bottom: 30px;
  }	
  .blog-details-box .entry-footer .post-nav span.icon {
    display: none;
  }	
  .blog-details-box .entry-footer .post-nav .prev-post a,
  .blog-details-box .entry-footer .post-nav .next-post a {
    font-size: 20px;
  }	
  .blog-details-box .entry-footer .post-nav .prev-post {
    margin-bottom: 30px;
  }
  .blog-details-box .entry-footer .related-post-box .desc {
    padding: 30px;
  }	
  .blog-details-box .entry-footer .author-info-box {
    display: block;
    padding: 30px;
  }	
  .blog-details-box .entry-footer .author-info-box .info-text {
    margin-top: 30px;
  }	
  .blog-details-box .entry-footer .author-info-box .info-text h3 {
    font-size: 22px;
  }	
  .blog-details-box .comment-template h3.box-title {
    font-size: 22px;
  }	
  .contact-maps {
    height: 400px;
  }	
  .framework-section .framework-text {
    padding-left: 0;
    margin-top: 50px;
  }	
  .counter-section .counter-inner {
    padding-top: 60px;
    padding-bottom: 20px;
  }	
  .counter-section .counter-inner .counter-box {
    margin-bottom: 40px;
  }	
  .counter-section .counter-inner .counter-box h1 {
    font-size: 50px;
  }	
  .counter-section .counter-inner .counter-box .title {
    font-size: 16px;
  }	
  .counter-section .counter-inner span.big-text {
    font-size: 120px;
  }	
	
  .breadcrumb-section {
    padding-top: 180px;
    padding-bottom: 120px;
  }	
  .breadcrumb-section .breadcrumb-text {
    font-size: 16px;
  }	
  .breadcrumb-section .breadcrumb-text h1 {
    font-size: 40px;
  }	
  .breadcrumb-section .breadcrumb-shape {
    height: 120px;
  }	
  .breadcrumb-section .breadcrumb-shape svg {
    height: 120px;
    width: calc(170% + 1.3px);
  }	
  .breadcrumb-section .btg-text {
    font-size: 100px;
  }	
  .sidebar {
    margin-top: 80px;
  }	
  .faq-loop .card .card-header button {
    font-size: 15px;
    padding: 20px 70px 20px 20px;
  }	
  footer .social-icon a {
    font-size: 15px;
    line-height: 45px;
    height: 45px;
    width: 45px;
  }	
  footer .footer-widget-area .widget .widget-title {
    margin-bottom: 30px;
  }	
  footer .copy-right-area .copyrigt-text {
    font-size: 16px;
  }	
  footer.footer-style-two .footer-widget-area .foter-logo {
    margin-bottom: 80px;
  }	
  footer.footer-style-two .footer-widget-area .widget.getin-widget {
    padding: 50px 0;
  }	
  footer.footer-style-two .copy-right-area {
    padding: 20px 0;
  }	
  footer.footer-style-two .copy-right-area .social-icon {
    margin-top: 15px;
  }	
  .faq-loop .card .card-body {
    padding: 0 20px 25px;
  }	
.suojin{margin-right:0px; margin-left:0px; width:100%;}	
.training-block-one .inner-box{padding:30px 20px 20px 20px;}
.feature-title{font-size:20px;}
.content-box p{margin-bottom:30px; margin-top:10px;}
.content-box:after {
    background: #fff;
    position: absolute;
    content: "";
    height:150px;
    width:150px;
    left: -75px;
    bottom: -100px;
    border-radius: 50%;
    opacity: 0.1; }	
.content-box img{max-width:50%;}	
.feature-block .caption-box h3{font-size:14px; line-height:24px;}
.suojin{padding-left:0px;}
.fanye .cta-one__btn {margin:0px auto 20px auto;}	
.sidebar {margin-top:20px;}	
.sec-title h1 {font-size:28px; line-height:1.2em;}	
.sec-title h2 {font-size:28px; line-height:1.2em;}

	
}



@media (max-width: 575px) {
.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%;}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left; padding-right:10px; padding-left:10px;}	
	
	
  .section-title h2 {
    font-size: 26px;
  }
	
  header .mainmenu-area .main-menu .logo img {
    max-width:140px;
  }
  header .mobile-menu.mean-container .mean-bar a.meanmenu-reveal {
    margin-top:-65px;
    padding:8px 10px;
  }
	
  .banner-section {
    padding-top: 200px;
    padding-bottom: 100px;
  }
	
  .banner-section .banner-shape-one {
    height: 220px;
    width: 220px;
  }
	
  .banner-section .single-banner .banner-text h1 {
    font-size: 32px;
  }
  .banner-section .single-banner .banner-text p {
    font-size:14px; line-height:30px; 
  }	
	
.margin_top_bottom{margin:35% auto 0px auto;}
.banner-shape-three{display:none;}	
.single-banner{height:450px;}
.services-secton.featured-service.mt-negative{margin-top:-70px;}
.banner-section .single-banner .banner-text .btn-wrap a.main-btn {padding: 0 25px;}
.banner-section .single-banner .banner-text h1 {
  font-size:48px;
  text-transform: uppercase;
  line-height:1.5;
  margin-bottom:0px;
}
.banner-section .single-banner .banner-text .btn-wrap {margin-top:20px;}	
.main-btn::before {height:1px;}	
.main-btn::after {width:1px;}	
.main-btn {font-size:14px; padding: 0 45px; height:40px; line-height:40px;}
header .mobile-menu.mean-container .mean-bar a.meanmenu-reveal {
  margin-right:10px;
  border: 2px solid rgba(4, 29, 56, 0.1);
  padding:8px 10px;
  width:20px;
  z-index: 222;
}
header .mainmenu-area{margin-top:0px;}
header.header-three .mainmenu-area .main-menu {
  grid-column-gap:0px;
}
.services-secton .services-loop .single-service.white-bg span{ margin:0 auto 10px auto; color:#fff; font-size:30px; width:80px; height:80px; line-height:80px;}	
.services-secton .services-loop .single-service h4 {margin-bottom:15px;}
.mt-30{margin-top:10px; }	
.pt-60{padding-top:20px;}	
.pr-30{padding-right:0px;}	
.sec-title span{font-size:18px;}
.sec-title h1 {font-size:24px; line-height:1.5em;}	
.about_bg{background:url("../images/sy.png") no-repeat 10% bottom;}	
.about{padding:8px 30px; line-height:24px; font-size:14px;}	
.pb-100{padding-bottom:50px;}	
.pt-80{padding-top:50px;}	
.section-title p.title-tag {font-size:14px;}
.portfolio-section .portfolio-masonary-loop .portfolio-box.height-extra {
  height:120px;
}
.pb-90 {padding-bottom:30px;}
.services-slider-secton {
  background-color:#06376c;
  position: relative;
  margin-bottom:120px;
  padding-bottom:120px;
  padding-top:50px;
}	
.pt-120{padding-top:80px;}
.justify-content-center .widget-title{font-size:26px; margin-bottom:20px;}
.latest-post-box h5{font-size:18px; line-height:30px;}
.latetest-post .post-loop .post{display:block;}
.xiangmu{margin-bottom:30px;}
.video-section.video-style-two{height:300px;}	
.video-text p{font-size:16px;}
.video-section.video-style-two .video-text h1 {font-size:24px;}	
.owl-nav-style-one.owl-theme .owl-nav{top:180px; left:0; right:0; margin:0;}
.case-text a{font-size:14px; line-height:40px; color:#333;}
.pb-60 {padding-bottom:0px;}
footer .footer-widget-area{padding-top:50px; padding-bottom: 40px;}
.rwm{margin:0 auto; text-align:center;}	
.footer-widget-area .widget-titlee::after {
  content: "";
  position: absolute;
  bottom:-11px;
  left:40%;
  height:2px;
  width:30px;
  background:#ffaa17;
}	
header.header-three .mainmenu-area{padding:15px 95px 15px 0;}
header.sticky.header-three .mainmenu-area{padding:10px 95px 15px 0;}
.padding-15{margin-right:0px!important; margin-left:0px!important;}	
.daohang li{line-height:40px; text-align:center; padding:0 2px;}	
.daohang{margin:20px auto; height:40px;}	
.pt-80{padding-top:30px;}	
.mb-40{margin-bottom:30px;}
.about-section .about-tile-gallery-two{margin-bottom:0px;}
.about-section .about-tile-gallery-two{min-height: 0px; margin:30px auto;}
.pt-50{padding-top:0px;}
.about-text{font-size:16px;}
.text_idea h3{margin-bottom:5px; font-size:26px; color:#fff;}
.text_idea h4{margin-bottom:30px; font-size:18px; color:#fff;}
.text_idea{padding-top:60px; padding-bottom:60px; padding-left:30px; padding-right:30px; position:relative; z-index:3; }
.idea_bg_ln{height:220px;}
.text_idea_ln h3{margin-bottom:20px; font-size:24px; color:#333;}
.text_idea_ln h4{margin-bottom:30px; font-size:18px; color:#333;}
.main-timeline .timeline-content{width:85%; padding:18px 10px; background:#fff;}
.breadcrumb-section .btg-text-p{font-size:65px; left:50%;}
.sidebar{margin-top:0px;}
.team-page-section{margin-top:30px;}
.suojin{margin-right:-15px; margin-left:-15px;}
.suojina{margin-right:-10px; margin-left:-10px;}	
.pro_con{margin-bottom:50px;}	
.lianxi h3{font-size:22px!important;}
.feature-block-two .inner-box{padding:26px 15px 0px 15px; height:220px;}
.title-inner h3{font-size:20px; font-weight:bold;}
.feature-block-two .inner-box .title-inner h3{
  line-height:26px;
}
.feature-block-two .inner-box .text p{
  line-height:26px;
  font-size:16px;
}
.feature-block-two{
  margin-bottom:0px;
}
.pro_dao_case h3{height:auto; color:#041d38; font-size:22px; text-align:center; line-height:50px;}	
.pro_dao_case p{text-align:center; line-height:30px; color:#666; font-size:12px;}	
	
	
	
	
	
	
  .section-title h2 {
    font-size:24px;
  }
  header .header-top-area {
    display: none;
  }
  header .mainmenu-area {
    margin-top: 15px;
  }
  header .mainmenu-area .main-right {
    display: none;
  }
  header.header-two .mainmenu-area {
    margin-top: 0;
  }
  .banner-section {
    padding-top: 240px;
    padding-bottom: 100px;
  }
  .banner-section .single-banner .banner-text h1 {
    font-size:28px;
  }
  .banner-section .single-banner .banner-text .btn-wrap a.main-btn {
    margin-right: 10px;
    padding: 0 30px;
  }
  .banner-section.banner-style-two .single-banner {
    height: 500px;
  }
  .banner-section.banner-style-two .single-banner .banner-text h1 {
    font-size: 40px;
  }
 .banner-section .slider-active .slick-dots {
    bottom: -90px;
  }	
  .about-section .about-tile-gallery {
    min-height: 450px;
  }
  .about-section .about-tile-gallery img.image-one {
    max-width: 100%;
  }
	
  .about-section .about-tile-gallery img.image-two {
    right: 0;
    max-width: 300px;
  }	
.about-section .about-tile-gallery img.icon {
    display: none;
  }	
	.about-section .about-tile-gallery img.zero-icon {
    left: -30px;
    max-width: 150px;
  }
  .about-section .about-text .about-features .sngle-features {
    -ms-grid-rows: 90px 1fr;
    grid-template-rows: 90px 1fr;
  }	
.about-section .about-text .about-features .sngle-features .desc {
    margin-top: 20px;
    grid-column: 1/-1;
  }	
	  .about-section .about-text .about-extra {
    padding-bottom: 150px;
  }
  .about-section .about-tile-gallery-two {
    min-height:0px;
  }	
  .about-section .with-man-shape {
    padding-bottom: 280px;
  }	
  .call-to-action.cta-style-two .cta-inner .cat-link {
    position: absolute;
    bottom: -80px;
    right: 15px;
  }
  .features-boxes .features-boxes-loop {
    margin-top: 50px;
  }	
  .features-boxes .gap-for-img {
    height: 130px;
    width: 100%;
  }	
  .features-boxes .feature-img {
    bottom: 45%;
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
    max-width: 200px;
  }	
  .features-boxes .section-title {
    padding-left: 35px;
  }	
  .features-boxes-two .feature-text .feature-icon li {
    margin-right: 20px;
  }	
  .features-boxes-two .feature-text .feature-icon li h6 {
    font-size: 14px;
  }	
  .features-boxes-two .features-boxes-loop .feature-box-two {
    padding: 50px 60px;
  }	
  .video-section.video-style-two .video-text h1 {
    font-size: 32px;
  }	
	
  .video-section.video-style-two .video-text .video-link-two .popup-video {
    height: 100px;
    width: 100px;
    line-height: 100px;
  }	
  .team-section.has-slider .container-fluid {
    padding-left: 40px;
    padding-right: 40px;
  }
  .team-details .member-information .member-info-top .title {
    margin-bottom: 30px;
  }	
  .team-details .member-information .contact-list li,
  .team-details .member-information .social-list li {
    font-size: 16px;
    padding-left: 30px;
  }
  .skills-section .skill-img::after {
    right: -15px;
    bottom: -15px;
  }	
  .portfolio-section .portfolio-filter ul li {
    margin: 0 5px;
    padding: 5px;
  }	
  .testimonial-section .testimonial-slider .single-testimonial {
    display: block;
  }
  .testimonial-section .testimonial-slider .single-testimonial .author-img {
    max-width: 140px;
    margin-bottom: 30px;
  }	
  .testimonial-section .testimonial-author-slider .single-slider {
    padding: 30px;
    font-size: 14px;
  }	
  .testimonials-slider-two .single-testimonial-two {
    font-size: 20px;
  }	
  .latetest-post .latest-post-box .post-desc h3 {
    font-size: 22px;
  }	
  .latetest-post .blog-btn .main-btn {
    padding: 0 30px;
  }	
  .post-standard-box .post-desc {
    padding: 40px 30px;
  }	
  .post-standard-box .post-desc h2 {
    font-size: 20px;
  }	
  .post-standard-box .post-desc .post-meta li {
    font-size: 14px;
    margin-right: 15px;
    margin-bottom: 5px;
  }	
  .post-standard-box.quote-post {
    padding: 40px 15px;
  }	
  .blog-details-box .entry-content h2.title {
    font-size: 20px;
  }	
  .blog-details-box .entry-content h3.subtitle {
    font-size: 18px;
  }	
  .blog-details-box .entry-content .post-meta li {
    margin-right: 15px;
    margin-bottom: 5px;
  }	
 .blog-details-box .comment-template .comments-list li {
    padding-left: 0;
  }	
  .blog-details-box .comment-template .comments-list li .comment-img {
    position: unset;
    margin-bottom: 30px;
  }	
  .blog-details-box .comment-template .comments-list li .children {
    padding-left: 30px;
  }	
  .blog-details-box .comment-form {
    padding: 20px;
  }	
  .blog-details-box .comment-form .main-btn {
    padding: 0px 30px;
  }	
  .pagination-wrap ul li {
    margin-bottom: 8px;
  }	
  .contact-form-wrapper .contact-form {
    padding: 30px;
  }	
  .contact-form-wrapper .contact-info-list {
    padding: 30px;
  }	
  .contact-section .section-title {
    padding-left: 30px;
  }	
  .framework-section .framework-text .framework-list li {
    margin-right: 10px;
    font-size: 14px;
  }	
  .framework-section .framework-text .framework-list li a span.icon {
    height: 80px;
    width: 80px;
    line-height: 80px;
  }	
  .breadcrumb-section .breadcrumb-text h1 {
    font-size: 38px;
  }	
  .breadcrumb-section .breadcrumb-nav {
    width:70%;
  }	
  .faq-loop {
    padding: 15px;
  }	
  footer .social-icon {
    margin-top: 30px;
  }	
  footer .footer-widget-area .widget.recent-post .post-loop .post h5 {
    font-size: 16px;
  }	
  footer .copy-right-area .copyrigt-text {
    text-align: center;
  }
  footer .copy-right-area .copyrigt-text p {
    margin-bottom: 10px;
  }
  footer .copy-right-area .copyrigt-text p:last-child {
    margin-bottom: 0;
  }	
  footer.footer-style-two .footer-widget-area .widget {
    padding: 0 30px;
  }	
.suojin{margin-right:0px; margin-left:0px; width:100%;}	
.training-block-one .inner-box{padding:30px 20px 20px 20px;}
.feature-title{font-size:20px;}
.content-box p{margin-bottom:30px; margin-top:10px;}
.content-box:after {
    background: #fff;
    position: absolute;
    content: "";
    height:150px;
    width:150px;
    left: -75px;
    bottom: -100px;
    border-radius: 50%;
    opacity: 0.1; }	
.content-box img{max-width:50%;}	
.feature-block .caption-box h3{font-size:14px; line-height:24px;}
.suojin{padding-left:0px;}		
.fanye .cta-one__btn {margin:0px auto 20px auto;}
.sidebar {margin-top:20px;}		
.sec-title h1 {font-size:28px; line-height:1.2em;}	
.sec-title h2 {font-size:28px; line-height:1.2em;}		
	
}



@media (max-width: 399px) {
.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%;}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left; padding-right:10px; padding-left:10px;}	
	
.team-block{height:200px;}

  .section-title h2 {
    font-size:24px;
  }
	
  header .mainmenu-area .main-menu .logo img {
    max-width:140px;
  }
  header .mobile-menu.mean-container .mean-bar a.meanmenu-reveal {
    margin-top:-65px;
    padding:8px 10px;
  }
	
  .banner-section {
    padding-top: 200px;
    padding-bottom: 100px;
  }
	
  .banner-section .banner-shape-one {
    height: 220px;
    width: 220px;
  }
	
  .banner-section .single-banner .banner-text h1 {
    font-size: 32px;
  }
  .banner-section .single-banner .banner-text p {
    font-size:14px; line-height:30px; 
  }	
	
.margin_top_bottom{margin:38% auto 0px auto;}
.banner-shape-three{display:none;}	
.single-banner{height:400px;}
.services-secton.featured-service.mt-negative{margin-top:-70px;}
.banner-section .single-banner .banner-text .btn-wrap a.main-btn {padding: 0 25px;}
.banner-section .single-banner .banner-text h1 {
  font-size:48px;
  text-transform: uppercase;
  line-height:1.5;
  margin-bottom:0px;
}
.banner-section .single-banner .banner-text .btn-wrap {margin-top:20px;}	
.main-btn::before {height:1px;}	
.main-btn::after {width:1px;}	
.main-btn {font-size:14px; padding: 0 45px; height:40px; line-height:40px;}
header .mobile-menu.mean-container .mean-bar a.meanmenu-reveal {
  margin-right:10px;
  border: 2px solid rgba(4, 29, 56, 0.1);
  padding:8px 10px;
  width:20px;
  z-index: 222;
}
header .mainmenu-area{margin-top:0px;}
header.header-three .mainmenu-area .main-menu {
  grid-column-gap:0px;
}
.services-secton .services-loop .single-service.white-bg span{ margin:0 auto 10px auto; color:#fff; font-size:30px; width:80px; height:80px; line-height:80px;}	
.services-secton .services-loop .single-service h4 {margin-bottom:15px;}
.mt-30{margin-top:10px; }	
.pt-60{padding-top:20px;}	
.pr-30{padding-right:0px;}	
.sec-title span{font-size:18px;}
.sec-title h1 {font-size:28px; line-height:1.5em;}	
.about_bg{background:url("../images/sy.png") no-repeat 10% bottom;}	
.about{padding:8px 30px; line-height:24px; font-size:14px;}	
.pb-100{padding-bottom:0px;}	
.pt-80{padding-top:50px;}	
.section-title p.title-tag {font-size:14px;}
.portfolio-section .portfolio-masonary-loop .portfolio-box.height-extra {
  height:120px;
}
.pb-90 {padding-bottom:30px;}
	
.services-slider-secton {
  background-color:#06376c;
  position: relative;
  margin-bottom:120px;
  padding-bottom:150px;
  padding-top:50px;
}	
.pt-120{padding-top:80px;}
.justify-content-center .widget-title{font-size:26px; margin-bottom:20px;}
.latest-post-box h5{font-size:18px; line-height:30px;}
.latetest-post .post-loop .post{display:block;}
.xiangmu{margin-bottom:30px;}
.video-section.video-style-two{height:300px;}	
.video-text p{font-size:16px;}
.video-section.video-style-two .video-text h1 {font-size:24px;}	
.owl-nav-style-one.owl-theme .owl-nav{top:180px; left:0; right:0; margin:0;}
.case-text a{font-size:14px; line-height:40px; color:#333;}
.pb-60 {padding-bottom:0px;}
footer .footer-widget-area{padding-top:50px; padding-bottom: 40px; margin-top:20px;}
.rwm{margin:0 auto; text-align:center;}	
.footer-widget-area .widget-titlee::after {
  content: "";
  position: absolute;
  bottom:-11px;
  left:40%;
  height:2px;
  width:30px;
  background:#ffaa17;
}	
header.header-three .mainmenu-area{padding:15px 95px 15px 0;}
header.sticky.header-three .mainmenu-area{padding:10px 95px 15px 0;}	
.padding-15{margin-right:0px!important; margin-left:0px!important;}	
.daohang li{line-height:40px; text-align:center; padding:0 2px; margin-bottom:4px;}	
.daohang{margin:20px auto; height:40px;}	
.pt-80{padding-top:30px;}	
.mb-40{margin-bottom:30px;}
.about-section .about-tile-gallery-two{margin-bottom:0px;}
.about-section .about-tile-gallery-two{min-height: 0px; margin:30px auto;}
.pt-50{padding-top:0px;}
.about-text{font-size:16px;}
.text_idea h3{margin-bottom:5px; font-size:26px; color:#fff;}
.text_idea h4{margin-bottom:30px; font-size:18px; color:#fff;}
.text_idea{padding-top:60px; padding-bottom:60px; padding-left:30px; padding-right:30px; position:relative; z-index:3; }
.idea_bg_ln{height:220px;}
.text_idea_ln h3{margin-bottom:20px; font-size:24px; color:#333;}
.text_idea_ln h4{margin-bottom:30px; font-size:18px; color:#333;}	
.breadcrumb-section .btg-text-p{font-size:65px; left:50%;}
.sidebar{margin-top:0px;}
.team-page-section{margin-top:10px;}	
.suojin{margin-right:-15px; margin-left:-15px;}
.suojina{margin-right:-10px; margin-left:-10px;}	
.pro_con{margin-bottom:0px;}	
.lianxi h3{font-size:22px!important;}
.feature-block-two .inner-box{padding:26px 15px 0px 15px; height:220px;}
.title-inner h3{font-size:20px; font-weight:bold;}
.feature-block-two .inner-box .title-inner h3{
  line-height:26px;
}
.feature-block-two .inner-box .text p{
  line-height:26px;
  font-size:16px;
}
.feature-block-two{
  margin-bottom:0px;
}
.pro_dao_case h3{height:auto; color:#041d38; font-size:22px; text-align:center; line-height:50px;}
.pro_dao_case p{text-align:center; line-height:30px; color:#666; font-size:12px;}	
	
	
	
	
	
	
	
.banner-section.banner-style-two .single-banner .banner-text h1 {
    font-size:30px;
  }
.banner-section.banner-style-three .single-banner .banner-text h1 {
    font-size:20px;
  }	
.about-section .about-tile-gallery img.image-two {
    max-width: 250px;
  }
.about-section .about-tile-gallery img.image-three {
    right: -15px;
  }	
  .about-section.about-style-two .about-iconic-boxes .iconic-box {
    padding: 30px 25px;
  }	
  .about-section.about-style-two .about-iconic-boxes .iconic-box h4 {
    font-size: 20px;
  }	
  .about-section .with-man-shape {
    padding-bottom: 120px;
  }
  .about-section .with-man-shape .about-man-img {
    display: none;
  }	
  .services-secton .services-loop .single-service {
    padding:30px 15px;
  }	
  .services-secton .services-loop .single-service h4 {
    font-size: 20px;
  }	
  .services-slider-secton .services-slider .single-slider h6 {
    left: 10px;
    right: 15px;
    font-size: 15px;
  }	
  .features-boxes .features-boxes-loop .feature-box {
    padding: 30px 20px;
  }
  .features-boxes .features-boxes-loop .feature-box h4 {
    font-size: 20px;
  }	
  .features-boxes .features-boxes-loop .feature-box h4 i {
    margin-right: 10px;
  }	
  .features-boxes .gap-for-img {
    display: none;
  }	
  .features-boxes .feature-img {
    display: none;
  }
  .features-boxes .section-title {
    padding-left: 20px;
  }	
  .features-boxes-two .feature-text .feature-icon li {
    margin-bottom: 30px;
    display: block;
    text-align: left;
  }	
  .features-boxes-two .features-boxes-loop .feature-box-two {
    padding: 50px 30px;
  }	
  .video-section .section-title h2,
  .video-section .video-text {
    padding-left: 0;
  }
  .team-section.has-slider .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }	
  .portfolio-section .portfolio-masonary-loop .portfolio-box .portfolio-desc {
    width: 100%;
    padding: 30px 20px;
  }	
  .portfolio-section .portfolio-grid-loop .portfolio-grid-box {
    height: 280px;
  }	
  .portfolio-section .portfolio-filter ul li {
    display: block;
    text-align: left;
    margin-bottom: 5px;
  }	
  .portfolio-slider-section .portfolio-slider-loop .portfolio-box .portfolio-desc .portfolio-cat {
    padding-left: 30px;
  }	
  .portfolio-slider-section .portfolio-slider-loop .portfolio-box .portfolio-desc .portfolio-cat::before {
    width: 15px;
  }	
  .latetest-post .latest-post-box .post-meta {
    padding: 15px 20px;
  }	
  .latetest-post .latest-post-box .post-meta li {
    margin-right: 10px;
  }	
  .latetest-post .latest-post-box .post-desc {
    padding: 0 25px;
  }	
  .latetest-post .blog-btn .main-btn {
    padding: 0 20px;
  }	

  .post-grid-box {
    padding: 40px 20px;
  }
  .post-grid-box h4 {
    font-size: 18px;
  }	
 .post-standard-box .post-desc {
    padding: 40px 20px;
  }	
  .post-standard-box .post-desc h2 {
    font-size: 18px;
  }	
  .post-standard-box.quote-post .post-desc {
    padding-left: 0;
    padding-top: 70px;
  }	
  .blog-details-box {
    padding: 15px;
  }	
  .blog-details-box .entry-content h2.title {
    font-size: 18px;
  }	
  .blog-details-box .entry-content ul.list-icon li {
    padding-left: 25px;
  }	
  .blog-details-box .entry-footer .related-post-box .desc h4 {
    font-size: 20px;
  }	
  .blog-details-box .comment-form {
    padding-left: 15px;
  }
  .contact-form-wrapper .contact-info-list .info-box {
    font-size: 15px;
  }	
  .contact-form-wrapper .contact-info-list .info-box h4 {
    font-size: 20px;
  }	
  .framework-section .framework-text .framework-list li a span.icon {
    height: 60px;
    width: 60px;
    line-height: 60px;
    font-size: 25px;
  }	
  .counter-section .counter-inner span.big-text {
    font-size: 80px;
  }	
  .breadcrumb-section {
    padding-top: 160px;
    padding-bottom:120px;
  }	
  .breadcrumb-section .btg-text {
    font-size:60px;
  }	
  .breadcrumb-section .breadcrumb-nav {
    padding:10px;
    width: 80%;
  }	
  .sidebar .widget {
    padding: 40px 20px;
  }	
	
  .sidebar .widget.socail-widget ul li {
    margin-right: 5px;
  }	
  .sidebar .widget.popular-tag-widget ul li a {
    padding: 10px 15px;
  }	
  .faq-loop .card .card-header button {
    padding-right: 50px;
  }	
  .faq-loop .card .card-header button .icon {
    height: 40px;
    width: 40px;
    line-height: 40px;
    right: 5px;
  }	
  footer .social-icon a {
    margin-left: 5px;
  }	
  footer.footer-style-two .footer-widget-area .widget {
    padding: 0 15px;
  }	
  .faq-loop {
    padding: 10px;
  }	
.suojin{margin-right:0px; margin-left:0px; width:100%;}	
.training-block-one .inner-box{padding:30px 20px 20px 20px;}
.feature-title{font-size:20px;}
.content-box p{margin-bottom:30px; margin-top:10px;}
.content-box:after {
    background: #fff;
    position: absolute;
    content: "";
    height:150px;
    width:150px;
    left: -75px;
    bottom: -100px;
    border-radius: 50%;
    opacity: 0.1; }	
.content-box img{max-width:50%;}	
.feature-block .caption-box h3{font-size:14px; line-height:24px;}
.suojin{padding-left:0px;}		
.fanye{width:80%; margin:0 auto 50px auto;}	
.fanye .cta-one__btn {margin:0px auto 20px auto;}	
.sidebar {margin-top:20px;}	
.sec-title span{font-size:18px;}
.sec-title h1 {font-size:28px; line-height:1.2em;}	
.sec-title h2 {font-size:28px; line-height:1.2em;}	
	
	
	
	
	
}