@media(min-width:1200px) {
	.container,.container-sm,.container-md,.container-lg,.container-xl {
		max-width: 1370px
	}
}


@media only screen and (min-width: 1025px) {
	.features-service-wrapper .features-service-item .features-service-content .features-service-desc {
	  opacity: 0;
	  visibility: hidden;
	  -webkit-transform: translateY(20%);
	  -ms-transform: translateY(20%);
	  transform: translateY(20%);
	  -webkit-transition: opacity 0.2s, -webkit-transform 0s 0.2s;
	  -o-transition: transform 0s 0.2s, opacity 0.2s;
	  transition: transform 0s 0.2s, opacity 0.2s;
	  transition: transform 0s 0.2s, opacity 0.2s, -webkit-transform 0s 0.2s;
	}
	.features-service-wrapper .features-service-item:hover .features-service-desc {
	  opacity: 1;
	  visibility: visible;
	  -webkit-transform: translateY(0);
	  -ms-transform: translateY(0);
	  transform: translateY(0);
	  -webkit-transition: opacity 0.4s cubic-bezier(0.33, 0.02, 0, 0.93) 0.1s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
	  -o-transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s, opacity 0.4s cubic-bezier(0.33, 0.02, 0, 0.93) 0.1s;
	  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s, opacity 0.4s cubic-bezier(0.33, 0.02, 0, 0.93) 0.1s;
	  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s, opacity 0.4s cubic-bezier(0.33, 0.02, 0, 0.93) 0.1s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
	}
	.features-service-wrapper .features-service-item:hover .features-service-number {
	  color: #ff8f3e;
	}
	.features-service-wrapper .features-service-item:hover .features-service-overlay {
	  visibility: visible;
	  opacity: 1;
	}





  }

  @media only screen and (max-width: 1400px) {

    .features-service-wrapper .features-service-item .case-left {
        padding: 70px 40px 50px 40px;
      }
      .features-service-wrapper .features-service-item .case-right {
        padding: 70px 40px 50px 40px;
      }
    .features-service-wrapper .features-service-item {height: 430px;}
    .hero-wrapper .align-items-center{width:96%; margin:0 auto;}
    .hero-wrapper .hero-title {font-size: 42px;}

    .hero-wrapper .hero-sub-title {font-size: 20px; line-height: 36px;}




  }

  @media only screen and (max-width: 1300px) {

    .features-service-wrapper .features-service-item .case-left {
        padding: 70px 40px 50px 40px;
      }
      .features-service-wrapper .features-service-item .case-right {
        padding: 70px 40px 50px 40px;
      }
    .features-service-wrapper .features-service-item {height: 400px;}


    .features-service-wrapper .features-service-item .features-service-content .features-service-title h4 {font-size: 24px; }
    .features-service-wrapper .features-service-item .features-service-content .features-service-desc p { line-height: 26px; }


    .hero-wrapper .hero-title {
        font-size: 36px;
    }
    
	.site-breadcrumb .products-banner h2{padding-top: 250px; color:#fff; font-size: 48px; font-weight: normal;}





  }

@media all and (max-width:1199px) {
	.header-top-account {
		display: none
	}

	.header-top::before {
		width: 270px
	}

	.header-top::after {
		width: 260px
	}

    .navbar .header-btn {
		display: none
	}

	.navbar .header-btn {
		display: none
	}

	.header-phone {
		display: none
	}

	.hero-single .hero-content .hero-title {
		font-size: 37px
	}

	.hero-slider.owl-theme .owl-nav .owl-prev,.hero-slider.owl-theme .owl-nav .owl-next {
		top: unset;
		bottom: 60px!important
	}

	.hero-slider.owl-theme .owl-nav .owl-next {
		left: 120px
	}
	.case-slider.owl-theme .owl-nav {
		display: none
	}
	.footer-widget-box {
		margin-bottom: 50px
	}
}


  @media only screen and (max-width: 1024px) {

    .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; transition: all 0.4s ease-in-out 0s;}	


	.features-service-wrapper {
	  display: block;
	}
	.features-service-wrapper .features-service-item {
	  display: block;
	  width: 100%;
	  height: 500px;
	  border-right: none;
	}
	.features-service-wrapper .features-service-item .features-service-img-reposive {
	  display: block;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  z-index: -1;
	}
	.features-service-wrapper .features-service-item .features-service-overlay {
	  display: none;
	}
	.features-service-wrapper .features-service-img {
	  display: none;
	}
    .hero-wrapper .hero-title {
        font-size: 36px;
        color: #fff;
        line-height: 1.4;
        text-transform: uppercase
    }
    .hero-wrapper {
        padding-top: 150px;
        padding-bottom: 50px;}

    .hero-wrapper .hero-sub-title {
        text-transform: uppercase;
        color: #fff;
        font-size: 20px;
        line-height: 40px;
    }

    .about-img{text-align: center;}
    .about-img img{max-width: 60%;}
    .about-area {margin:60px auto 80px auto;}

    .site-title {font-size: 28px;}
    .service-item{margin-bottom: 20px;}
    .pp_left .pro_right .download-content{background:rgba(255, 255, 255, 0.95); position: relative; width:100%; left:0px; padding:20px 10px 20px 10px; top:10px; }
    .download-area{margin:60px 0px 0px 0px;}
    .pp_right .pro_right .download-content{background:rgba(255, 255, 255, 0.95); position: relative; width:100%; left:0px; padding:20px 10px 20px 10px; top:10px; }
    .features-service-wrapper .features-service-item .case-left {padding: 30px 50px 50px 50px;}
    .features-service-wrapper .features-service-item .case-right {padding: 50px 50px 50px 50px;}
	.features-service-wrapper .features-service-item {
        display: block;
        width: 100%;
        height: 400px;
        border-right: none;
      }
    .features-service-img-reposive::before{
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background-color:rgba(0, 0, 0, 0.7);
        top: 0px;
        right: 0px;
        z-index: 0;
    }

    .features-service-wrapper .features-service-item .features-service-content .features-service-title h4 {font-size: 28px;}

    .choose-area {padding:60px 0px;}
	.case-right {margin-top: 0px;}
	.about-right {margin-top: 0px;}
	.feature-area-wrapper-service .feature-item{height:300px;}
	.navbar .nav-item .nav-link {
		margin-right: 30px;
		padding: 15px 0;
		font-size: 18px;
		letter-spacing: 1px;
		font-weight: normal;
		color: #fff;
		text-transform: uppercase
	}

	.hero-img img{max-width: 70%;}
	.hero-img {text-align: center;}
	.navbar-brand {padding-top:.8rem; padding-bottom:.8rem;}
	.navbar .nav-item .nav-link::before {
		content: "";
		position: absolute;
		background: #007bfc;
		width: 0;
		height: 3px;
		bottom: 10px;
		left: 1px;
		border-radius: 50px;
		transition: all .5s ease-in-out
	}
	.about-right .site-title{font-size:32px;}
	.cta-content h3 {font-size: 32px;}
	.cta-content h4 {font-size: 18px;}
	.porducts{margin-top:10px;}
	.blog-item-info {padding: 20px 20px 20px; height:auto;}
	.blog-item-info .blog-title {font-size:20px;}
	.site-breadcrumb .products-banner h2{padding-top: 200px; color:#fff; font-size: 48px; font-weight: normal;}
	.site-breadcrumb .products-banner h4{padding:20px 0px; color:#fff; border-bottom: 1px solid #999; font-weight: normal; font-size: 17px;}
	.site-breadcrumb .products-banner h3{width:80%; color:#fff; font-weight: normal; line-height: 40px; margin-top: 20px; font-size: 24px;}
	.site-breadcrumb .products-banner p{width:80%; color:#fff; font-size: 16px; line-height: 28px; margin-top: 30px;}

	.pro-area{margin:60px auto 40px auto;}
	.case-right .site-case{margin-top:20px;}
	.pro-ys{width:20%; } 
	.counter-box .icon {font-size: 42px; margin-bottom: 20px;}
	.counter-box {padding:80px 35px;}
	.footer-widget-wrapper{padding:40px 15px 20px 15px;}
	.blog-area{margin:60px auto 40px auto;}
	.site-breadcrumb .products-banner{position: relative;padding: 0px 20px;}
	.site-breadcrumbc {height: 350px;}
	.site-breadcrumbc .products-banner h2{padding-top: 180px; color:#fff; font-size: 28px; font-weight: normal;}
	.pro-con{width:100%; margin:0px auto;}
	.about-con{width:90%; margin:20px auto 80px auto;}
	.products-h h3{font-size: 24px; color: #000;}
	.site-breadcrumb {padding-bottom: 180px;}











}



@media all and (max-width:991px) {
	.footer-widget-wrapper {
		padding-bottom: 0
	}

	.copyright .footer-menu {
		float: left;
		margin-top: 20px;
		text-align: left
	}

	.copyright .footer-menu li {
		margin-left: 0;
		margin-right: 15px
	}
	.feature-area-wrapper-service .feature-item{height:350px;}
	.hero-img {text-align: right;}

}


@media all and (min-width:992px) {
    .header-top {
		display: none
	}


	.navbar .nav-item:last-child .nav-link {
		margin-right: 0
	}

	.navbar .nav-item .dropdown-menu {
		display: block;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
		margin-top: 0;
		padding: 15px;
		border: none;
		border-radius: 12px;
		width: 220px;
		box-shadow: 0 3px 24px rgb(0 0 0/10%)
	}

	.navbar .nav-item .dropdown-menu li {
		border-bottom: 1px solid #eee
	}

	.navbar .nav-item .dropdown-menu li:last-child {
		margin-bottom: 0;
		border-bottom: none
	}

	.navbar .nav-item .dropdown-menu .dropdown-item {
		font-size: 16px;
		font-weight: 500;
		padding: 10px 15px;
		color: #1f2471;
		border-radius: 8px;
		position: relative;
		text-transform: uppercase;
	}

	.navbar .nav-item .dropdown-menu .dropdown-item::before {
		content: "";
		position: absolute;
		left: 0;
		top: 20px;
		width: 0;
		height: 2px;
		opacity: 0;
		background: #fff;
		transition: all .7s ease-in-out
	}

	.navbar .nav-item .dropdown-menu .dropdown-item:hover::before {
		width: 28px;
		opacity: 1
	}

	.navbar .nav-item .dropdown-menu .dropdown-item:hover {
		background: radial-gradient(closest-side at 50% 50%,#007bfc 0,#007bfc 100%) 0 0 no-repeat padding-box;
		color: #fff;
		padding-left: 33px
	}

	.navbar .nav-item .nav-link {
		position: relative;
		z-index: 1;
	}


	.navbar .nav-item .nav-link.active::before,.navbar .nav-item .nav-link:hover::before {
		width: 20px
	}

	.navbar .nav-item .nav-link.active,.navbar .nav-item:hover .nav-link {
		color: #007bfc;
		font-weight: bold;
	}

	.navbar .nav-item:hover .dropdown-menu {
		transition: .3s;
		opacity: 1;
		visibility: visible;
		top: 100%;
		transform: rotateX(0deg)
	}

	.navbar .dropdown-menu-end {
		right: 0;
		left: auto
	}

	.navbar .dropdown-menu.fade-down {
		top: 80%;
		transform: rotateX(-75deg);
		transform-origin: 0% 0%
	}

	.navbar .dropdown-menu.fade-up {
		top: 140%
	}

	.header-nav-right {
		display: flex;
		align-items: center;
		gap: 20px;
		margin-left: 30px
	}

	.header-nav-search a {
		color: #fff;
		font-size: 18px;
		padding: 5px
	}

	.navbar .header-btn {
		padding-top: 8px
	}

	.navbar .header-btn .theme-btn {
		background: #fff;
		color: #0d1e67;
	}

	.navbar .header-btn .theme-btn::before {
		background: #0d1e67;
	}

	.navbar.fixed-top .header-btn .theme-btn {
		background: #007bfc;
		color: #fff
	}

	.navbar.fixed-top .header-btn .theme-btn::before {
		background: #1f2471
	}

	.navbar .header-btn .theme-btn:hover {
		color: #fff;
		background: none;
	}
	.pricing-amount strong {
		font-size: 50px
	}
	body.rtl-mode .navbar-brand {
		margin-left: 3rem
	}

	body.rtl-mode .navbar .nav-item .nav-link {
		margin-left: 3rem;
		margin-right: 0
	}





}



@media all and (max-width:991px) {
	.navbar {
		top: 0;
		right: 0;
		left: 0;
		position: fixed
	}


	.navbar-collapse {
		max-height: 100%;
		overflow: hidden;
		overflow-y: auto;
		padding: 20px;
		background-color: #fff
	}

	.dropdown-toggle::after {
		float: right;
		margin-top: 5px
	}

	.navbar .nav-item .nav-link {
		color: #333;
		font-weight: normal;
		transition: all .5s ease-in-out
	}

	.navbar .nav-item .nav-link:hover {
		color: #007bfc!important
	}

	.navbar-toggler-icon {
		font-size: 32px;
		color: #fff;
		font-weight: 500;
		padding-right: 10px;
		margin-bottom: 10px
	}


	.navbar.fixed-top .navbar-toggler-icon {
		color: #1f2471
	}

	.header-nav-right {
		display: none
	}

    .hero-single .hero-content .hero-title {
		font-size: 35px
	}

	.hero-wrapper {
		padding-top: 220px;
		padding-bottom: 80px
	}

	.hero-wrapper .hero-title {
		font-size: 30px
	}

	.hero-wrapper .hero-img {
		margin-top: 70px
	}
	.about-right {
		margin-top:0px
	}
	.choose-img {
		margin-top: 50px
	}
    .skill-right .site-heading {
		font-size: 30px
	}

	.skill-img img {
		width: 100%
	}
	.counter-area .counter-box {
		margin-bottom: 25px
	}

	.contact-wrapper {
		padding: 50px 20px
	}

	.contact-form {
		padding: 0
	}

	.contact-info {
		padding: 0;
		margin-bottom: 50px
	}
	.faq-left {
		margin-bottom: 50px
	}

	.accordion-button {
		font-size: 16px
	}
	.site-breadcrumb {
		padding-top: 240px
	}
	.login-form {
		padding: 40px 20px
	}
	.mobile-search-btn {
		display: block;
		position: absolute;
		right: 15%;
		color: #fff;
		font-size: 20px
	}

	.navbar.fixed-top .mobile-search-btn {
		color: #1f2471
	}

	.mobile-search-btn:hover {
		color: #fff
	}
	.home-2 .hero-wrapper {
		padding-top: 170px;
		padding-bottom: 120px
	}

    .hero-wrapper .hero-sub-title {
        text-transform: uppercase;
        color: #fff;
        font-size: 18px;
        line-height: 40px;
    }
    .about-img{text-align: center;}
    .about-img img{max-width: 40%;}
    .about-area {margin:50px auto 40px auto;}
    .site-title {font-size:28px;}

    .service-item {margin-bottom: 20px;}
    .mx-auto .site-heading{margin-bottom:20px;}
    .pp_left .pro_right .download-content{background:rgba(255, 255, 255, 0.95); position: relative; width:100%; left:0px; padding:20px 10px 20px 10px; top:10px; }
    .download-area{margin:60px 0px 0px 0px;}
    .pp_right .pro_right .download-content{background:rgba(255, 255, 255, 0.95); position: relative; width:100%; left:0px; padding:20px 10px 20px 10px; top:10px; }
    .features-service-img-reposive::before{
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background-color:rgba(0, 0, 0, 0.7);
        top: 0px;
        right: 0px;
        z-index: 0;
    }
    .features-service-wrapper .features-service-item .case-left {padding: 60px 30px 50px 30px;}
    .features-service-wrapper .features-service-item .case-right {padding: 70px 30px 50px 30px;}

	.features-service-wrapper .features-service-item {
        display: block;
        width: 100%;
        height: auto;
        border-right: none;
      }
      .features-service-wrapper .features-service-item .features-service-content .features-service-title h4 {
        font-size: 28px;
      }
      .choose-area {padding:60px 0px;}
      .footer-widget-wrapper .centered li a{color:#eee; font-size:14px; margin:5px 15px; transition: .3s ease-in-out;}
      .footer-widget-wrapper .xian-bottom{border-bottom: 1px solid #1f2f72; padding-bottom:20px;}
      .footer-widget-wrapper .centered li{display: inline; line-height: 30px;} 
      .footer-newsletter img{max-width: 60%;}
	  .navbar-brand {padding-top:.8rem; padding-bottom:.8rem;}

	  .about-right .site-title{font-size:32px;}
	  .cta-area {padding-top: 60px; padding-bottom: 80px;}
	.cta-content h3 {margin-bottom: 10px; font-size: 32px;}
	.cta-content .xianjin li{float:left; text-align: center; width:33.333%; height:30px; margin:5px auto; line-height: 30px; font-size: 18px; }
	.porducts{margin-top:10px;}
	.blog-item-info {padding: 20px 15px 20px; height:auto;}
	.blog-item-info .blog-title {font-size:20px; color:#000; margin-bottom: 10px;}
	.site-breadcrumbc .products-banner h2{padding-top: 200px; color:#fff; font-size: 28px; font-weight: normal;}
	.site-breadcrumbc .products-banner h4{font-size: 16px;}


}




@media only screen and (min-width:768px) and (max-width:991px) {
	.process-single::before {
		display: none
	}
}



@media all and (max-width:767px) {

    .col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%;}
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left; padding-right:10px; padding-left:10px; transition: all 0.4s ease-in-out 0s;}



	.site-title {
		font-size:24px
	}

	.hero-single .hero-content .hero-sub-title {
		font-size: 15px
	}

	.hero-single .hero-content .hero-btn {
		gap: 1rem
	}
	.counter-area {
		margin-top: 0;
		padding:50px 0px;
	}
    .blog-meta {
		flex-direction: column;
		font-size: 15px
	}

	.blog-meta .blog-meta-left ul {
		gap: 10px
	}

	.blog-details-tags {
		flex-direction: column;
		align-items: flex-start
	}

	.blog-author {
		flex-direction: column;
		text-align: center;
		padding: 25px 0 0
	}

	.blog-comments-single {
		flex-direction: column;
		text-align: center;
		padding: 30px 0;
		box-shadow: 0 0 40px 5px rgb(0 0 0/5%);
		margin-bottom: 30px;
		border-radius: 10px
	}

	.blog-comments-reply {
		margin-left: 0
	}
	.contact-content {
		margin-top: 20px
	}
	.process-single::before {
		display: none
	}

	.error-wrapper h1 {
		font-size: 160px
	}
	.footer-widget-wrapper {
		padding-bottom: 0
	}
	.mobile-search-btn {
		right: 20%;
	}
    .navbar-brand {padding-top:.8rem; padding-bottom:.8rem;}
    .navbar-brand img {width: 280px;}
    button.navbar-toggler {font-size: 3rem;}
	.hero-wrapper {
		padding-top: 150px;
		padding-bottom: 120px;
	}
    .hero-content{width:98%; height:auto; margin:0 auto;}
	.hero-wrapper .hero-title {font-size:28px;}
    .hero-wrapper .hero-sub-title {font-size: 17px; line-height: 40px;}
    .hero-wrapper .hero-btn {margin-top: 20px;  display: flex; gap: 15px;}
    .theme-btn {font-size: 14px;
        color: #fff;
        padding:6px 25px;
        font-weight: normal;
        border-radius: 20px;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        text-transform: uppercase;
        position: relative;
        cursor: pointer;
        text-align: center;
        overflow: hidden;
        z-index: 1;
        border: none;
        background: #007bfc;
        box-shadow: 0 3px 24px rgb(0 0 0/10%)
    }
	.hero-wrapper .hero-img {margin-top: 0px; margin-bottom: 30px; position: absolute; bottom: 0px; z-index: -1; right: 30px;}
    .hero-img img{max-width:50%;}
    .about-area {margin:40px auto 40px auto;}
    .about-img{text-align: center;}
    .about-img img{max-width: 50%;}

    .about-imga{text-align: center;}
    .about-imga img{max-width: 80%;}

	.about-right {margin-top: 20px;  padding-left:0px;}
    .about-text{line-height: 26px;}
    .about-list li .text p {font-size: 14px;}
    .about-list li .text {margin-left: 5px;}
    .service-item {
        position: relative;
        padding: 20px 15px 20px 20px;
        background: #fff;
        box-shadow: 0 0 40px 5px rgb(0 0 0/5%);
        margin-bottom: 10px;
    }
	.service-icon {
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 50%;
		top: 13px;
		right:10px;
	}
	.service-icon i {
		font-size: 24px;
		color: #fff
	}
	.service-item h3{font-size:17px; font-weight: normal;}
	.about-right h3{font-size: 28px; line-height: 30px; margin-bottom: 5px;}
	.cta-area {
		padding-top: 60px;
		padding-bottom: 60px;
		position: relative;
		overflow: hidden;
		background-size: cover;
		background-attachment: fixed;
	}
	.cta-content h3 {
		color: #fff;
		text-transform: uppercase;
		margin-bottom: 20px;
		font-size: 28px;
	}
	.cta-content h4 {
		font-size: 17px;
		margin-bottom: 20px
	}


	.cta-content .xianjin li{text-align: left; width:86%; height:36px; margin:0px auto; line-height: 36px; font-size: 17px; }
	.cta-content .xianjin{color:#fff; margin:10px auto 0px auto; overflow:hidden;}
    .service-area {padding:40px 0px 40px 0px;}
    .download-area{margin:30px 0px 0px 0px;}

    .mx-auto .site-heading{margin-bottom:10px;}
    .pp_left .pro_right .download-content{position: relative; width:100%; left:0px; padding:0px 0px 20px 0px; top:20px; line-height: 26px;}
    .pp_left .pro_right .download-content h3{margin-bottom: 10px; font-size:20px;}
    .pp_right .pro_right .download-content{position: relative; width:100%; left:0px; padding:0px 0px 20px 0px; top:20px; line-height: 26px;}
    .pp_right .pro_right .download-content h3{margin-bottom: 10px; font-size:20px;}
    .site-heading p {font-size: 14px; display: none;}
    .features-service-wrapper .features-service-item .case-left {padding: 50px 15px 50px 15px;}
    .features-service-img-reposive{position: relative;}
    .features-service-img-reposive::before{
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background-color:rgba(0, 0, 0, 0.7);
        top: 0px;
        right: 0px;
        z-index: 0;
    }

    .features-service-wrapper .features-service-item .features-service-content .features-service-title h4 {
        font-size: 24px;
      }

    .features-service-wrapper .features-service-item .features-service-content {
        display: block;}

    .features-service-wrapper .features-service-item .case-right {
        padding: 50px 15px 50px 15px;
          }
    .features-service-wrapper .features-service-item .features-service-content .features-service-desc p {
            margin-top: 10px;
            margin-bottom: 0;
            line-height: 26px;
    }




    .choose-area {
        position: relative;
        padding:40px 0px;
    }
    .choose-content p{line-height: 26px;}
    .footer-widget-wrapper .centered li a{color:#eee; font-size:14px; margin: 5px 10px; transition: .3s ease-in-out;}
    .footer-widget-wrapper .centered li{display: inline; line-height: 20px;} 
    .footer-widget-wrapper ul{margin: 0 auto 30px auto; padding-bottom: 0px;}
	.footer-widget-box {margin-bottom: 10px;}
    .footer-widget-wrapper .xian-bottom{border-bottom: 1px solid #1f2f72; padding-bottom:20px;}
	.case-right {
		position: relative;
		display: block;
		margin-top: 0px;
	}

	.site-breadcrumb {
		text-align: left;
		position: relative;
		padding-top: 180px;
		padding-bottom: 80px;
		background-size: cover;
	}
	
	.site-breadcrumb .breadcrumb-title {
		font-size: 30px;
		color: #fff;
		font-weight: normal;
		margin-bottom: 10px;
		text-transform: uppercase;
		position: relative;
		z-index: 1;
	}

	.about-right .site-title{
		font-size:24px;
	}
	.pro-area{
		position: relative;
		display: block;
		margin:50px auto 0px auto;
	}

	.terms-content h3 {
		margin-bottom: 10px;
		position: relative;
		font-size: 24px;
	}

	.terms-content h4{font-size: 18px; line-height: 30px; margin-bottom:5px; font-weight: normal;}
	.counter-box {padding: 15px 5px;}
	.counter-area .counter-box {margin-bottom: 10px;}
	.case-area{margin:20px 0px 30px 0px;}
	.blog-area{margin:40px auto 20px auto;}
	.counter-box .icon {font-size:36px; margin-bottom: 10px;}
	.blog_img{max-width: 80%; margin:0 auto;}
	.counter-box .title {
		color: #fff;
		margin-top: 15px;
		font-size: 16px;
	}
	.feature-areab {margin:40px auto;}
	.site-heading .site-title{
		font-size: 24px;
		margin-bottom: 5px;
	}
	.site-case {margin-bottom:0px; margin-top:25px;}
	.case-right .site-title{font-size:20px;}
	.site-breadcrumba {padding-top: 130px; padding-bottom: 40px;}
	.single-post-heading h3{font-size:20px;}
	.about-area .single-post-heading .inner-banner-content .entry-meta {
		border-top: 1px solid rgba(175, 175, 175, 0.17);
		border-bottom: 1px solid rgba(175, 175, 175, 0.17);
		margin-left: auto;
		margin-right: auto;
		display: table;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-top: 15px;
		margin-bottom: 15px;
	  }
	.nr{width:100%; height:auto; margin:0 auto;}
	.details_bottom{color:#666; font-size: 14px; line-height:40px; margin:15px auto; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
	.contact-wrapper {padding: 30px 20px;}
	.contact-form-header h2 {font-size: 24px; margin-bottom: 10px;}
	.contact-form .form-group {margin-bottom: 15px;}
	.contact-info {margin-bottom: 30px; padding-bottom:30px;}
	.contact-content {margin-bottom: 10px; padding:30px;}
	.porducts{margin-top:20px;}
	.blog-item-info {
		padding: 20px 20px 30px;
		height:auto;
	}
	
	.footer-widget-wrapper{padding:40px 10px 20px 10px;}
	.copyright {padding: 20px 10px; background: #0d1e67;}
	.navbar .nav-item .nav-link {
		margin-right: 30px;
		padding: 10px 0;
		font-size: 17px;
		letter-spacing: 1px;
		font-weight: normal;
		text-transform: uppercase
	}
	.site-breadcrumb .products-banner h2{padding-top: 50px; color:#fff; font-size: 36px; font-weight: normal;}
	.site-breadcrumb .products-banner h4{padding:20px 0px; color:#fff; border-bottom: 1px solid #999; font-weight: normal; font-size: 16px;}
	.site-breadcrumb .products-banner h3{width:100%; color:#fff; font-weight: normal; line-height: 36px; margin-top: 20px; font-size: 18px;}
	.site-breadcrumb .products-banner p{width:100%; color:#fff; font-size: 16px; line-height: 28px; margin-top: 30px;}

	.about-imga {background:none; box-shadow:none;}
	.blog-h{margin-bottom:10px;}
	.blog-h h3{font-size: 24px;}
	.about-con{width:100%; margin:10px auto 30px auto;}
	.about-con p{font-size: 16px; line-height: 26px;}
	.about-cona h3{font-size: 18px; font-weight: bold;}
	.pro-con{width:100%; margin:0px auto;}
	.pro-item-info {padding:20px; height:auto;}
	.blog-areac{margin:0px auto; padding:40px 0px 40px 0px;}
	.byq_top{margin-top: 0px; font-size: 18px; line-height: 30px; color: #212529; margin-bottom: 50px;}
	.pricing{background: #fff; position: relative; top:0px; padding:20px 0px 0px 0px; margin-bottom:0px;}
	.liucheng-top{width:100%; margin:30px auto 30px auto;}



	.liucheng-top-two{width:96%; margin:30px auto 0px auto;}
	.liucheng-top-two .liucheng .icon {
		height: 80px;
		width: 80px;
		line-height: 70px;
		display: inline-block;
		position: relative;
		border-radius: 50px;
		font-size:32px;
		color: #fff;
		background: #518ee9;
		padding: 5px;
		margin-bottom:10px;
		box-shadow: 0 3px 24px rgb(0 0 0/10%)
	}
	.plant-con{margin-top: 10px;}
	.banner-font h1{margin-top: 80px;}
	.hero-title {margin: 10px 0;}
	.about-con .products-detail img{max-width:60%;}
	.about-cona{margin:20px auto 0px auto; text-align: left; padding-left:0px; padding:20px 0px;}
	.about-cona h4{font-size: 18px; position: relative; padding-left: 30px; line-height: 40px;}
	.shuju{margin-top: 20px;}
	.service-iteme {height:200px;}
	.about-con p{font-size: 17px; line-height: 28px; padding-left: 10px;}
	.plant{background: #fff; position: relative; top:-200px; padding:10px 20px; margin-bottom:-200px;}
	.liucheng{height:auto; padding-bottom: 30px;}


}




@media only screen and (max-width:376px) {

	.footer-widget-wrapper{padding:40px 0px 20px 0px;}
	.site-heading .site-title{font-size: 24px; margin-bottom: 5px;}
	.porducts{margin-top:10px;}
	.cta-content h3 {font-size: 30px;}
	.cta-content .xianjin li{width:96%; height:30px; margin:0px auto; line-height: 30px; font-size: 17px; }
	.service-item h3{font-size:15px; font-weight: normal;}
	.site-breadcrumb .products-banner h3{width:100%; color:#fff; font-weight: normal; line-height: 30px; margin-top: 10px; font-size: 18px;}
	.site-breadcrumb .products-banner h2{padding-top: 50px; color:#fff; font-size: 32px; font-weight: normal;}
	.plant{background: #fff; position: relative; top:-100px; padding:20px 20px; margin-bottom:-100px;}
	.plant-con{margin-top: 0px;}
	.site-breadcrumb .products-banner p{width:100%; color:#fff; font-size: 16px; line-height: 28px; margin-top: 10px;}







}