@media(max-width: 1650px){

	/*hero*/
	.hero-section .slider-item h1.title {
		font-size: 68px;
	}
	/*service*/
	.service .service-box {
		padding: 37px  31px 29px;
	}

	/*call*/
	.call-section .shape {
		top: -263px;
	}
	/*sewrvice details*/
	.offer-box .details_content {
		padding: 0 38px;
	}

}

@media(max-width: 1366px){

	/*main manu*/
	.site-header.style_three .top-bar.style_three {
		padding-left: 318px;
		padding-right: 24px;
	}
	.site-header.style_three .main-menu .manu-wrapper.style_two .menu-ul li a {
		padding: 20px 8px;
	}
	.site-header.style_three .transparent-menu.style_two .menu-ul li .sub-menu-toggle {
		right: 0;
	}

	/*================
	 Hero
	==================*/

	.hero-section .slider-item .hero-thumb .shape2{
		right: -35px;
	}
	.hero-section .slider-item h1.title {
		font-size: 68px;
	}

	/*================
	 Section Title
	==================*/

	.section-title.center {
		width: 47%;
	}

	/*================
	 About
	==================*/

	.about.two  .section-title .title, .about .section-title .title-two {
		font-size: 45px;
	}
	/*service*/
	.service .service-box {
		padding: 37px  31px 29px;
	}

	/*================
	 Contact
	==================*/

	.contact-us.one .contact-image img{
		width: 100%;
	}

	.contact-us.style-two .section-title .title {
		font-size: 41px;
	}

	/*priching*/
	.pricing.style-three .shape-img {
		top: 91px;
	}
	/*call*/
	.call-section .shape {
		top: -263px;
	}
	/*sewrvice details*/
	.offer-box .details_content {
		padding: 0 30px;
	}
	/*faq*/
	.faq .accordion .title {
		font-size: 17px;
	}

}

@media(max-width: 1199px){

	/*================
	 Header
	==================*/

	.site-header{
		position: relative;
	}
	.site-header .top-bar{
		display: none;
	}
	.site-header .menu-wrapper .header-info{
		display: none;
	}
	.site-header .header-menu .main-menu{
		position: absolute;
		left: 0;
		width: 100%;
		z-index: 99999;
		display: none;
	}
	.site-header .header-menu .main-menu nav{
		display: block;
		width: 100%;
		padding: 30px 20px;
	}
	.site-header .header-menu .main-menu nav ul{
		display: block;
	}
	.site-header .header-menu .main-menu nav ul li{
		border: 0;
	}
	.site-header .header-menu .main-menu nav ul li a{
		display: block;
		padding: 8px 10px;
	}
	.site-header nav ul li.menu-item-has-children a::after {
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
	}
	.site-header .header-menu .main-menu .menu-button{
		display: none;
	}

	/* Sub Menu */

	.site-header .header-menu .main-menu nav ul li .sub-menu{
		position: static;
		width: 100%;
		transition: inherit;
		opacity: 1;
		visibility: visible;
		display: none;
	}
	.site-header.style_three .main-menu .manu-wrapper.style_two .menu-element {
		top: 7px;
	}
	.site-header.style_three .main-menu .manu-wrapper.style_two .menu-element .menu-button {
		display: none;
	}
	.site-header.style_three .main-menu .manu-wrapper.style_two .menu-ul li a {
		padding: 20px 8px;
	}
	.site-header.style_three .transparent-menu.style_two .menu-ul li .sub-menu-toggle {
		right: 0;
	}
	.site-header .main-menu .manu-wrapper .menu-element {
		display: none;
	}

	/*================
	 Hero Section
	==================*/

	.hero-section .slider-item {
		min-height: 700px;
	}
	.hero-section .row{
		margin-top: 0;
	}
	.hero-section .slider-item h1.title {
		font-size: 57px;
		line-height: 69px;
	}
	.hero-section .slider-item .content{
		display: block;
	}
	.hero-section .slider-item .content .column{
		width: 60%;
	}
	.hero-section.style-two p.description {
		width: 52%;
	}
	.hero-section .slider-item .hero-thumb{
		margin-top: 0;
	}
	.hero-section .slider-item .hero-thumb .main-image img{
		width: 100%;
	}
	.hero-section .slider-item .hero-thumb .shape1{
		left: 41px;
	}
	.hero-section .slider-item .hero-thumb .shape2{
		right: -23px;
	}

	/* Style Two */

	.hero-section.style-two h1.title{
		font-size: 57px;
	}

	/*================
	 Feature
	==================*/

	.feature .feature-box .title{
		font-size: 16px;
	}
	.feature .feature-box .feature-img{
		width: 130px;
	}
	/*about style two*/
	.about.two  .section-title .title,
	.about .section-title .title-two {
		font-size: 37px;
	}
	.about .left-about-icon-box {
		display: none;
	}
	.about .icon-box-content h2 {
		font-size: 18px;
	}
	.about.two .about-left-site img {
		width: 94%;
	}
	.about.two .about-single-content h3 {
		font-size: 16px;
	}
	.section-title .title, .section-title .title-three {
    	font-size: 41px;
	}
	.section-title .text-white, .section-title .title-three {
    	font-size: 41px;
	}

	/*================
	 About
	==================*/

	.about-1 .left-about-icon-box{
		display: none;
	}
	.about-1 .btn-set{
		margin-right: 35px;
	}

	.about-two .exp-box{
		display: none;
	}
	.single-image.style2 .image2{
		left: inherit;
		right: 0;
	}

	.about.two .icon-box {
		padding: 32px 22px 17px;
	}
	.about.style-three .single-counter {
    	padding: 18px 15px 5px;
	}
	.about.style-three .about-single-content .title {
	    font-size: 15px;
	}
	.about.style-three .about-single-box {
   	 	left: 153px;
	}
	/*service*/
	.service.style-two .service-box {
		padding: 41px  32px 40px;
	}
	.service .service-box .service-icon {
		right: -11px;
	}

	/*================
	 Choose Us
	==================*/

	.choose-us-2 .text-wrapper {
		margin-top: 37px;
		padding-left: 0;
	}
	.choose-us-2 .choose-thunb img{
		width: auto;
	}

	/*================
	 Portfolio
	==================*/

	.portfolio .portfolio-carousel .portfolio-item .content .title{
		font-size: 22px;
	}
	/*style two	*/
	.portfolio.style-two .portfolio-item {
		margin-bottom: 20px;
	}

	/*	counter*/
	.counter-section .single-counter {
		padding-left: 0;
	}

	/*work process	*/

	.work-process .single-work-process {
		padding: 42px 24px 21px;
	}

	/*================
	 Testimonial
	==================*/

	.testimonial .testi-carousel{
		padding-right: 0;
	}
	.testimonial .content .title {
		font-size: 18px;
	}
	.testimonial .testi-inner .title {
		font-size: 16px;
	}
	/*	section title*/
	.section-title.center {
		width: 73%;
	}

	/*================
	 FAQ
	==================*/

	.faq .accordion .faq-item .description {
		font-size: 15px;
	}
	.faq.style-two .accordion .title {
		font-size: 15px;
	}
	.faq .accordion .title {
		font-size: 14px;
	}

	.faq.style-two .image .main-image img{
		width: 100%;
	}

	/*================
	 Contact
	==================*/

	.contact-us.one .contact-image::before{
		left: 20px;
	}

	/*================
	 Blog Posts
	==================*/

	.blog-posts .single-post.style1 .content .title {
    	font-size: 17px;
	}
	.blog-posts.style-two .single-post.style1 .content .title:before {
		display: none;
	}
	.blog-posts.style-three .content .title {
    	font-size: 18px;
	}
	.blog-details .comment-area .comment-body {
    	padding: 41px 24px 42px;
	}
	/*section title	*/
	.about .section-title .title, .about .section-title .title-two {
		font-size: 34px;
	}
	/*	priching*/
	.pricing.style-three .pricing-table {
		padding: 104px 22px 104px;
	}
	.pricing.style-three .shape-img {
   		display: none;
	}
	/*call	*/
	.call-section .shape {
    	top: -240px;
	}
	.call-content .title {
    	font-size: 40px;
	  }
	/*project details*/
	.project-details .project-title .title {
		font-size: 41px;
	}
	.project-details .project-right-content .title {
		font-size: 20px;
		padding-left: 8px;
	}
	/*service details*/
	.service-details-section .right-side-content {
		padding: 0 0 0 6px;
	}
	.offer-box .details_content {
		top: 57px;
		padding: 0 23px;
	}
	.offer-box .details_content .title {
		font-size: 37px;
		margin: 0 0 5px;
	}
	/*contact*/
	.contact-us.style-two .section-title .title {
		font-size: 31px;
	}

}

@media(max-width: 991px){

	/*================
	 Hero Section
	==================*/

	.hero-section .slider-item .content .column .subtitle{
		font-size: 18px;
	}
	.hero-section .slider-item h1.title {
		font-size: 40px;
		line-height: 1.3;
	}
	.hero-section .slider-item .content .column .title{
		font-size: 48px;
	}
	.hero-section .slider-item .content .column .description{
		font-size: 18px;
	}
	.hero-section .slider-item .hero-thumb{
		margin-top: 0;
	}
	.hero-section .slider-item .hero-thumb .main-image img{
		width: 100%;
	}
	.hero-section .slider-item .hero-thumb .main-image::after{
		bottom: 42px;
	}

	/* Style Two */

	.hero-section.style-two h1.title {
    	font-size: 40px;
	}
	.hero-section.style-two p.description {
   		width: 74%;
	}

	/* banner */

	.banner-section.style3 p.description {
		width: 66%;
	}
	.hero-section .slider-item .hero-left-side{
		flex-wrap: wrap;
	}
	.hero-section .slider-item .button-set {
		margin: 0 0 20px;
	}
	.hero-section .slider-item .hero-thumb .shape1{
		left: 10px;
	}
	.hero-section .slider-item .hero-thumb .shape2{
		right: -30px;
	}

	/*================
	 Section Title
	==================*/

	.section-title.center {
    	width: 100%;
	}
	.section-title .title{
		font-size: 36px;
	}

	/*================
	 About Section
	==================*/

	.about-1 {
		padding: 138px 0 95px;
	}
	.about-1 .section-image{
		margin: 0 0 36px;
	}
	.about-1 .section-title .title{
		font-size: 36px;
	}

	.about-two {
		padding: 100px 0 100px;
	}
	.about-two .about-right-site{
		margin-top: 36px;
	}

	.about.style-three .about-left-site {
    	margin-bottom: 60px;
	}

	/*================
	 Service Section
	==================*/

	.service {
		padding: 97px 0 75px;
		background-color: #f5f4fc;
	}
	.service .section-title{
		margin-bottom: 45px;
	}
	.service .service-box{
		margin-bottom: 25px;
	}

	/* Style Two */

	.service-2 {
		padding: 97px 0 75px;
	}
	.service-2 .section-title {
		margin-bottom: 20px;
	}

	.service.style-two .section-title {
		margin-bottom: 24px;
	}
	.service.style-two p.description {
		margin-bottom: 40px;
	}

	/*================
	 Choose Us
	==================*/

	.choose-us::before{
		display: none;
	}
	.choose-us .content{
		padding: 95px 0 100px;
	}
	.choose-us .content .title {
		font-size: 36px;
	}
	.choose-us .accordion {
		padding: 0 0 120px;
	}

	/*================
	 FAQ
	==================*/

	.faq {
		padding: 97px 0 100px;
	}
	.faq .section-title {
		margin: 0 0 46px;
	}
	.faq .accordion .faq-item{
		margin-right: 0;
	}
	.faq .image .faq-thumb {
		padding: 42px 40px 40px 0;
	}

	/* Style Two */

	.faq.style-two{
		padding: 309px 0 80px;
	}
	.faq.style-two .content-wrap{
		margin-top: 36px;
	}
	.faq.style-two .section-title {
		margin-bottom: 46px;
	}

	/*================
	 Portfolio
	==================*/

	.portfolio-section{
		padding: 204px 0 313px;
	}
	.portfolio-section .section-title{
		margin-bottom: 50px;
	}
	.portfolio .call-to-action .wrapper{
		flex-wrap: wrap;
	}
	.portfolio .call-to-action .wrapper .text{
		margin-bottom: 30px;
	}

	/* Style Two */

	.project-section{
		padding: 291px 0 254px;
	}
	.project-section .section-title.center {
		width: 80%;
	}

	/* Style Three */

	.portfolio.style-three .section-title {
		margin-bottom: 33px;
	}
	.portfolio.style-three .portfolio-item {
    	margin-bottom: 30px;
	}
	.portfolio.style-three .button {
		margin-bottom: 40px;
		float: left;
	}

	/*================
	 Pricing
	==================*/

	.pricing {
		padding: 97px 0 75px;
	}
	.pricing .section-title{
		margin-bottom: 47px;
	}
	.pricing .pricing-table{
		margin-bottom: 25px;
	}

	/* Style Two */

	.pricing-2{
		padding: 97px 0 0;
	}
	.pricing-2 .section-title{
		margin-bottom: 38px;
	}

	/*================
	 Team
	==================*/
	
	.our-team {
		padding: 97px 0 72px;
	}
	.our-team .section-title{
		margin-bottom: 45px;
	}
	.team-member {
		margin-bottom: 30px;
	}

	/* Style Two */

	.our-team.style-two {
		padding: 77px 0 0;
	}
	.our-team.style-two .section-title{
		margin-bottom: 45px;
	}

	/*================
	 Work Process
	==================*/

	.work-process.style1{
		padding: 95px 0 95px;
	}
	.work-process .process-inner {
		padding: 117px 0px 115px;
	}
	.work-process .process-step .process-box .title{
		font-size: 20px;
	}
	.work-process .process-step .process-box {
		padding: 0 20px;
	}
	.work-process .process-step .process-box .icon i {
		font-size: 35px;
		height: 100px;
		width: 100px;
		line-height: 100px;
	}

	/* Style Two */

	.work-process.style-two {
		padding: 79px 0 59px;
	}
	.work-process.style-two .section-title{
		margin-bottom: 45px;
	}

	/*================
	 Testimonial
	==================*/

	.testimonial-1 {
		padding-top: 66px;
	}
	.testimonial-1 .section-title{
		margin-bottom: 37px;
	}
	.testimonial .testi-left{
		margin-right: 0;
	}
	.testimonial .testi-item {
		padding: 80px 30px 76px;
	}
	.testimonial.style-two .single-testi {
    	padding: 30px 25px 27px;
	}

	/* Style Two */

	.testimonial-2 {
		padding: 96px 0 79px;
		position: relative;
	}
	.testimonial-2 .section-title.center {
		margin-bottom: 25px;
	}

	/*================
	 Contact
	==================*/

	.contact-us.one {
		padding: 96px 0 100px;
	}
	.contact-us.one .section-title .title{
		font-size: 36px;
		margin-bottom: 46px;
	}
	.contact-us .contact-image {
		padding-left: 0;
		padding-top: 43px;
	}
	.contact-us .info-box.two {
	    margin-top: 0;
	}

	.contact-us.style-two .image{
		display: none;
	}

	/*================
	 Blog Section
	==================*/

	.blog-posts-1{
		padding: 96px 0 70px;
	}
	.blog-posts.style-three {
		padding: 119px 0 91px;
	}

	/* Style Two */

	.blog-posts-2 {
		padding: 97px 0 70px;
	}

	/*================
	 Newsletter
	==================*/

	.subscribe .row.subscribe{
		padding: 57px 46px 57px 46px;
	}

	/*================
	 Breadcrumb
	==================*/

	.breadcrumb-area .breadcrumb-inner .page-title {
		font-size: 38px;
	}

	/*================
	 About Page
	==================*/

	.about-2 .about-img {
		margin-right: 0;
		margin-bottom: 30px;
	}
	.about .section-image {
		margin-bottom: 40px;
	}
	.about .left-about-icon-box {
		display: none;
	}

	/*================
	 Service Details
	==================*/

	.service-details-1 .service-left-content {
		margin-right: 0;
	}
	.service-details-1 .offer-box .details_content {
		top: 50%;
		transform: translateY(-50%);
	}
	.service-details-1 .benefits .benefits-content {
		margin-left: 0;
	}
	.service-details-1 .service-image {
		margin: 40px 0 40px;
	}
	
	.service-details-section {
	    padding: 84px 0 55px;
	}
	.service-right-content .title {
	    margin-top: 28px;
	}

	/*================
	 Sidebar
	==================*/

	.sidebar {
		margin: 50px 0 0;
	}

	/*================
	 Blog Details
	==================*/

	.blog-details {
	    padding: 80px 0 81px;
	}
	.blog-details .title-one{
		font-size: 36px;
	}

	/*================
	 Project Details
	==================*/

	.project-details-1 .project-content .project-info {
		margin: 0 0 35px;
	}
	.project-details-1 .project-content .project-solutions .solution-content {
		margin-left: 0;
	}

	/*================
	 404 Page
	==================*/

	.four-ziro-four .four-ziro-four-wrapper .title h1 {
		font-size: 250px;
	}

	/*	subscribe*/
	.subscribe .subscribe-box .subscribe_form .form-control {
		width: 100%;
	}
	/*call*/
	.call-section .shape {
    	display: none;
	}
	/*project*/
	.project-details-thumb {
	    margin-top: 36px;
	}

	/*================
	 Footer
	==================*/

	.site-footer .footer-content {
		padding: 79px 0 40px;
	}
	.site-footer .footer-widget {
		margin-bottom: 35px;
	}

	/*copy right*/
	.copy-right .copyright-list ul li {
		margin-right: 8px;
	}

}

/*----------------- Mobile Device -------------------------*/

@media(max-width: 767px){

	/*================
	 Header
	==================*/

	.site-header.style3 .site-logo {
		flex: 0 0 206px;
	}

	/*================
	 Hero Section
	==================*/

	.hero-section .row {
		margin-top: 0;
	}
	.hero-section .text-wrapper{
		margin: 0 0 20px;
	}
	.hero-section .slider-item{
		min-height: 830px;
	}
	.hero-section .slider-item h1.title {
	    font-size: 36px;
	}
	.hero-section .slider-item p.description {
	    width: 100%;
	}
	.hero-section .slider-item .button-set{
	   margin-right: 17px;
	   margin-bottom: 0;
	}

	.hero-section .slider-item .button-set a {
		font-size: 13px;
	    padding: 13px 19px;
	}
	.hero-section .slider-item .content .column {
		width: 100%;
	}
	.hero-section .slider-item .content .column .title {
		font-size: 34px;
		font-weight: 800;
	}
	.hero-section .slider-item .hero-thumb{
		text-align: center;
		margin-top: 0;
	}
	.hero-section .slider-item .hero-thumb .shape2 {
		right: 0;
	}
	.hero-section .slider-item .hero-thumb .main-image{
		width: 70%;
	}
	.hero-section .slider-item .hero-thumb .main-image img{
		width: 100%;
	}
	.hero-section .slider-item .hero-thumb .main-image::after{
		left: 0;
		bottom: 20px;
	}

	/* Style Two */

	.hero-section.style-two{
		height: 600px;
	}
	.hero-section.style-two .wrapper{
		width: 100%;
	}
	.hero-section.style-two h1.title {
		font-size: 36px;
	}
	.hero-section.style-two p.description {
		width: 100%;
	}
	.hero-section.style-two .button-set a {
		font-size: 13px;
		padding: 14px 19px;
	}

	/*================
	 Banner
	==================*/

	.banner-section.style3{
		height: 600px;
	}
	.banner-section.style3 h1.title {
		color: #fff;
		font-size: 34px;
	}
	.banner-section.style3 p.description {
   	 	width: 100%;
	}

	
	/*================
	 Feature
	==================*/

	.feature .feature__row {
		margin-top: 80px;
	}

	/*================
	 Section Title
	==================*/

	.section-title.center{
		width: 100%;
	}
	.section-title .title {
		font-size: 26px;
		line-height: 1.3;
	}
	.section-title .text-white, .section-title .title-three {
		font-size: 25px;
	}
	.blog-posts .single-post.style2{
		margin-bottom: 30px;
	}

	/*================
	 About Section
	==================*/

	.about-1 {
		padding: 80px 0 72px;
	}
	.about-1 .section-title .title {
		font-size: 26px;
	}
	.about-1 .left-about-icon-box {
		display: none;
	}
	.about-1 .section-image .video-image{
		position: relative;
		right: inherit;
    	top: inherit;
    	margin-top: 10px;
	}
	.about-1 .section-image .video-image img{
		border: 0;
	}
	.about-1 .about-shape {
		display: none;
	}
	.about-1 .section-image .image {
		height: auto;
		width: 100%;
	}
	.about-1 .section-image .image-text {
		height: 150px;
		width: 150px;
		padding: 20px;
		left: 0;
	}
	.about-1 .about-icon-box{
		flex-wrap: wrap;
	}
	.about-1 .about-icon-box .icon-box{
		margin-top: 20px;
	}
	.about-1 .content .btn-set .btn-one {
		margin-right: 0;
		margin-bottom: 0px;
	}
	.about-1 .btn-set {
		margin-right: 13px;
	}
	.about-1 .content .btn-set .btn-one {
		font-size: 13px;
		padding: 13px 19px;
	}

	/* Style Two */

	.about-two {
		padding: 80px 0 80px;
	}
	.single-image.style2{
		padding-bottom: 115px;
	}
	.single-image.style2 .image1 img{
		width: 100%;
	}
	.single-image.style2 .image2{
		position: static;
		margin-top: 10px;
	}
	.single-image.style2 .image2 img{
		width: 100%;
		border: 0;
	}
	.single-image.style2 .shape{
		display: none;
	}
	.single-image.style2 .about-single-counter{
		transform: translate(0);
		left: -1px;
		top: 76%;
	}
	.about-two .icon-box{
		display: block;
	}
	.about-two .icon-box .icon{
		display: inline-block;
		margin: 0 0 10px;
	}
	.about-two .content .btn-set .btn-one{
		font-size: 13px;
		padding: 13px 19px;
	}
	
	/*about style three	*/
	.about.style-three {
		padding: 80px 0 52px;
	}
	.about.style-three .about-single-box {
   		 display: none!important;
	}
	.about.style-three .single-counter {
		margin-bottom: 30px;
	}
	.about.style-three .about-left-site {
		left: 0;
	}
	.about.style-three img {
		width: 100%;
	}

	/*================
	 Service
	==================*/

	.service {
		padding: 79px 0 56px;
	}
	.service .section-title{
		margin-bottom: 31px;
	}

	/* Style Two */

	.service-2 {
		padding: 78px 0 54px;
	}
	.service-2 .section-title{
		margin-bottom: 20px;
	}

	.service.style-two .service-btn a{
		font-size: 13px;
		padding: 13px 19px;
	}

	.service.style-three {
    	padding: 78px 0 60px;
	}
	.service.style-four {
	    padding: 84px 0 60px;
	}

	/*================
	 Choose Us
	==================*/

	.choose-us::before{
		display: none;
	}
	.choose-us .content {
		padding: 79px 0 80px;
	}
	.choose-us .content .title {
		font-size: 28px;
	}
	.choose-us .accordion{
		padding: 0 0 80px;
	}
	.choose-us .accordion .title{
		font-size: 16px;
		padding: 16px 40px 16px 20px;
	}
	.choose-us .accordion .title .meta--icon::after {
		right: 29px;
	}
	.choose-us .accordion .title .meta--icon::before {
		right: 23px;
	}
	.choose-us .accordion .title.active .meta--icon::before {
		right: 29px;
	}
	.choose-us .accordion .title.active .meta--icon::after {
		right: 23px;
	}
	
	/* Style Two */

	.choose-us-2 .choose-thunb img {
		width: 100%;
	}
	.choose-us-2 .overlay::before {
		display: none;
	}
	.choose-us-2 .choose-box{
		margin-bottom: 30px;
	}

	/*project section*/
	.project-section {
		padding: 50px 0 254px;
	}

	/*================
	 Portfolio
	==================*/

	.portfolio-section {
	    padding: 75px 0 227px;
	}
	.portfolio {
		padding: 79px 0 0;
		margin-bottom: 39px;
	}

	.portfolio .portfolio-carousel .portfolio-item .thumbnail img {
		height: 500px;
	}
	.portfolio .portfolio-carousel .portfolio-item .content {
		bottom: -210px;
	}
	.portfolio .call-to-action .wrapper{
		padding: 65px 30px 67px;
	}
	.portfolio .call-to-action .title{
		font-size: 28px;
	}
	.portfolio .owl-dots{
		top: 40px;
	}

	.portfolio.style-two{
		margin-bottom: 0;
	}

	/* Style Three */

	.portfolio.style-three {
	  padding: 80px 0 30px;
	}
	.portfolio.style-three .button {
		margin-bottom: 40px;
		float: left;
	}
	/*work process*/
	.work-process.upper {
		padding: 59px 0 51px;
	}
	.work-process.upper2 .row.testi {
		padding-top: 41px;
	}
	.work-process.upper2 {
		padding: 36px 0 42px;
	}

	/*================
	 Pricing Plan
	==================*/

	.pricing {
		padding: 76px 0 55px;
	}
	.pricing .section-title{
		margin-bottom: 38px;
	}
	.pricing .pricing-table .head .currency{
		font-size: 32px;
	}

	/* Style Two */

	.pricing-2 {
		padding: 46px 0 0;
	}
	.pricing-2 .section-title {
		margin-bottom: 32px;
	}

	/* Style Three */

	.pricing.style-three {
		padding: 29px 0 80px;
	}

	/*================
	 Work Process
	==================*/

	.work-process .section-title{
		margin-bottom: 38px;
	}
	.work-process .process-step::before {
		display: none;
	}
	.work-process .process-btn a{
		font-size: 13px;
		padding: 13px 19px;
	}
	.work-process .process-step .process-box{
		margin-bottom: 30px;
	}

	.work-process.style1{
		padding: 76px 0 76px;
	}

	/* Style Two */

	.work-process.style-two {
		padding: 0 0 42px;
	}

	/*================
	 FAQ
	==================*/

	.faq {
		padding: 76px 0 82px;
	}
	.faq .section-title{
		margin-bottom: 38px;
	}
	.faq .image .text-box {
		padding: 28px 25px;
	}

	/* Style Two */

	.faq.style-two .section-title {
		margin-bottom: 38px;
	}
	.faq.style-two .image .main-image img {
		width: 100%;
	}
	.faq.style-two .image .text-box {
		right: 0;
		bottom: 20px;
		top: inherit;
	}
	.faq.style-two .content-wrap{
		margin-top: 25px;
	}
	.faq.style-two h1.text-white {
		font-size: 30px;
	}
	.faq.style-two {
		padding: 304px 0 62px;
	}

	/* Style Three */

	.faq.style-three .right-side {
		padding: 0 0 0 0;
	}
	.faq.style-four .row.contact {
	    padding: 34px 1px 39px;
	    margin-top: 80px;
	}
	.faq.style-four .section-title .description {
	    width: 100%;
	}

	/*================
	 Counter
	==================*/

	.counter-2{
		background-position: center;
	}
	.counter-section.style-three {
   		padding: 76px 0 450px;
	}

	/*================
	 Team
	==================*/

	.our-team {
		padding: 76px 0 49px;
	}
	.our-team .section-title{
		margin-bottom: 38px;
	}
	.our-team.style-three .single-team-member {
		margin-right: 0;
	}
	/*counter*/
	.counter-section .row.section {
		margin-bottom: 80px;
	}
	/*	workprocess*/
	.work-process {
		padding: 81px 0 44px;
	}
	.work-process .process-btn {
		float: left;
		margin-bottom: 30px;
	}
	.work-process.style-three {
		padding: 80px 0 45px;
	}

	/*================
	 Testimonial
	==================*/

	.testimonial {
		padding: 76px 0 80px;
	}
	.testimonial .section-title.center{
		margin-bottom: 16px;
	}
	.testimonial .testi-left {
		margin-right: 0;
		margin-top: 0;
	}
	.testimonial .testi-item .quote {
		font-size: 19px;
	}
	.testimonial.style-two {
		padding: 251px 0 80px;
	}
	.testimonial .owl-dots {
    	display: none;
	}

	.testimonial-1 {
		padding-top: 46px;
	}
	.testimonial-1 .section-title{
		margin-bottom: 32px;
	}

	/* Style Two */

	.testimonial-2 {
		padding: 79px 0 115px;
		background-color: #fff;
	}
	.testimonial-2 .testi-box {
		padding: 60px 20px 53px;
		background-color: #f6f7f8;
	}
	.testimonial-2 .owl-dots{
		top: 40px;
	}

	/*call*/
	.call-section {
		padding: 70px 0 80px;
	}
	.call-content .title {
		font-size: 35px;
	}

	/*================
	 Home Contact
	==================*/

	.contact-us.one{
		padding: 76px 0 80px;
	}
	.contact-us.one .section-title .title{
		font-size: 26px;
		margin-bottom: 34px;
	}
	.contact-us.one .form-area {
	    padding: 0 0 60px;
	}
	.contact-us.one .contact-image{
		margin-left: 0;
	}
	.contact-us.one .contact-image::before{
		left: 0;
	}

	/* Style Two */

	.contact-us.style-two {
		padding: 81px 0 80px;
	}
	.contact-us.style-two .form-area{
		padding: 0 0 30px;
	}
	.contact-us.style-two .section-title .title {
		font-size: 26px;
	}

	/*================
	 Blog Posts
	==================*/

	.blog-posts {
		padding: 76px 0 50px;
	}
	.blog-posts .single-post.style1 {
		margin-bottom: 30px;
	}
	.blog-posts .single-post.style1 .content .content-inner {
		padding: 29px 30px 29px;
	}
	.blog-posts .single-post.style1 .thumb img {
		height: 270px;
	}
	.blog-posts .single-post.style1 .content .title {
		font-size: 18px;
	}
	.blog-posts .blog-btn {
		float: left;
		margin-bottom: 30px;
	}
	.blog-posts .blog-btn a{
		font-size: 13px;
		padding: 13px 19px;
	}
	.blog-posts .section-title {
		margin-bottom: 38px;
	}

	.blog-posts-1 .section-title{
		margin-bottom: 0;
	}
	.blog-posts-1 .blog-btn a{
		margin-top: 0;
	}

	/* Style Two */

	.blog-posts-2 {
		padding: 76px 0 50px;
	}
	.blog-posts-2 .section-title{
		margin-bottom: 20px;
	}
	.blog-posts-2 .view-more{
		text-align: left;
		margin-bottom: 40px;
	}
	.blog-posts-2 .view-more a{
		font-size: 13px;
		padding: 13px 19px;
	}

	.blog-posts.style-three {
		padding: 75px 0 54px;
	}

	/*================
	 Subscribe
	==================*/

	.subscribe .row.subscribe {
		padding: 39px 0 42px;
	}
	.subscribe .subscribe-box .subscribe_form .form-control{
		height: 60px;
		padding: 0 150px 0 20px;
	}
	.subscribe .subscribe-box button {
		font-size: 14px;
		padding: 7px 14px;
	}

	/*================
	 Breadcrumb
	==================*/

	.breadcrumb-area{
		padding: 110px 0 112px;
	}
	.breadcrumb-area .breadcrumb-inner .page-title {
	    font-size: 36px;
	    margin-bottom: 15px;
	}
	.breadcrumb-area ul.breadcrumb-nav {
	    float: inherit;
	}
	.breadcrumb-area .breadcrumb-nav li a{
		font-size: 16px;
	}
	.breadcrumb-area .breadcrumb-nav li:last-child{
		font-size: 16px;
	}

	/*================
	 About
	==================*/

	.about-2 {
		padding: 80px 0 80px;
	}
	.about-2 .about-img {
		margin-right: 0;
		margin-bottom: 30px;
	}
	.about-2 .about-img .text {
		bottom: 0px;
		text-align: left;
	}
	.about-2 .about-img .text h5 {
		font-size: 16px;
		padding: 20px 20px;
	}
	.about-2 .button-set {
		display: block;
	}
	.about-2 .button-set .btn-text {
		display: none;
	}


	/*================
	 Team
	==================*/

	.team {
		padding: 79px 0 50px;
	}

	/* Style Two */

	.our-team.style-two {
		padding: 56px 0 0;
	}
	.our-team.style-two .section-title {
		margin-bottom: 38px;
	}
	.our-team.style-three {
		padding: 44px 0 50px;
	}
	.our-team.style-three .section-title {
		text-align: center;
	}

	/*================
	 Service Page
	==================*/

	.service-page {
		padding: 80px 0 55px;
	}

	/*================
	 Service Details
	==================*/

	.service-details-1 {
		padding: 76px 0 55px;
	}
	.service-details-1 .service-left-content{
		margin-right: 0;
	}
	.service-details-1 .offer-box .details_content {
		top: 50%;
		transform: translateY(-50%);
	}
	.service-details-1 .offer-box .details_content .title{
		font-size: 36px;
	}
	.service-details-1 .offer-box .details_content .description {
		margin-bottom: 0;
	}
	.service-details-1 .service-image {
		margin: 40px 0 40px;
	}
	.service-details-1 .benefits .benefits-content {
		margin: 35px 0 0;
	}
	
	.pricing.service {
		padding: 79px 0 80px;
	}
	/*	faq*/
	.faq .accordion .faq-item {
		margin-right: 0;
	}

	/*================
	 Blog List
	==================*/

	.blog-list {
		padding: 80px 0 80px;
	}
	.blog-list .blog-item .content .title {
		font-size: 24px;
	}
	.blog-list .pagination ul li {
		margin-bottom: 10px;
	}
	.blog-list .blog-item.aside {
		padding: 54px 20px 60px;
	}
	.blog-list .blog-item.quote {
		padding: 56px 20px 37px;
	}
	.blog-list .blog-item .content .post-meta .meta-content span {
		display: block;
	}
	.blog-list .blog-item .content .excerpt {
		font-size: 16px;
	}
	.blog-list .blog-item.quote .quote {
		right: 20px;
		bottom: 20px;
	}
	.blog-list .blog-item.quote .quote img {
		height: 43px;
		width: 60px;
	}

	/*================
	 Blog Classic
	==================*/

	.blog-classic {
		padding: 80px 0 80px;
	}
	.blog-classic .classic-content .title {
		font-size: 24px;
		line-height: 1.2;
		width: 100%;
	}

	/*================
	 Blog Details
	==================*/

	.blog-details {
		padding: 75px 0 81px;
	}
	.blog-details .title-one {
		font-size: 27px;
		padding: 0;
	}
	.blog-details .title-one:before {
		display: none;
	}
	.blog-details .blog-item .content .title{
		font-size: 18px;
	}
	.blog-details .blog-item .content .post-meta .meta-content span {
		margin-right: 10px;
	}
	.blog-details .blog-item .content ul{
		padding: 0;
	}
	.blog-details .blog-item .content blockquote {
	    padding: 20px 20px 20px;
	}
	.blog-details .blog-item .content blockquote::after {
		display: none;
	}
	.blog-details .blog-item .content blockquote p {
		margin-bottom: 0;
	}
	.blog-details .post-footer{
		display: block;
	}
	.blog-details .related-tags {
		width: 100%;
		margin-bottom: 28px;
	}
	.blog-details .share {
		width: 100%;
		text-align: left;
	}
	.blog-details .share .social {
		justify-content: start;
	}
	.blog-details .post-author {
		display: block;
		padding: 60px 20px;
	}
	.blog-details .post-author .image {
		margin-right: 0;
		margin-bottom: 30px;
	}
	.blog-details .comment-area .comment-count {
		font-size: 24px;
	}
	.blog-details .comment-area .comment-body{
		display: block;
		padding: 41px 20px 42px;
	}
	.blog-details .comment-area li.comment-body.two {
		margin-left: 0;
	}
	.blog-details .comment-area .comment-body .image {
		margin-right: 0;
		margin-bottom: 30px;
	}
	.blog-details .comment-area .comment-body .content .reply {
		font-size: 14px;
		padding: 5px 18px;
	}
	.blog-details .comment-area .comment-form .form-title {
		font-size: 26px;
	}

	/*================
	 Contact Page
	==================*/

	.contact-us {
		padding: 80px 0 80px;
	}
	.contact-us .contact-info {
		padding: 57px 20px 5px;
	}
	.contact-us .form-area {
	    padding: 0 20px 30px;
	}
	.contact-us .form-area .form-title {
		font-size: 24px;
	}
	.contact-us .info-box.two {
	    margin-top: 0;
	}

	/* Inner Page */

	.contact-us.inner{
		padding: 75px 0 50px;
	}
	.contact-us.inner .contact-title .title{
		font-size: 26px;
	}
	.contact-us.inner .row.contact {
		margin-top: 35px;
	}

	/*================
	 404 Page
	==================*/

	.four-ziro-four {
		padding: 75px 0 80px;
	}
	.four-ziro-four .four-ziro-four-wrapper .title h1 {
		font-size: 150px;
	}
	.four-ziro-four .four-ziro-four-wrapper .subtitle h1 {
		font-size: 36px;
	}

	/*================
	 Footer
	==================*/

	.site-footer .footer-widget.info {
		padding-right: 0;
	}
	.site-footer .footer-widget{
		margin-bottom: 35px;
	}
	.site-footer .copyright {
		margin-top: 95px;
	}

	/* Copyright */

	.copy-right .copyright-list {
		float: left;
	}
	.copyright-list ul {
		padding: 0;
	}
	
	/*================
	 Project
	==================*/

	.project {
		padding: 80px 0 55px;
	}

	/*================
	 Project Details
	==================*/

	.project-details-1 {
		padding: 80px 0 56px;
	}
	.project-details-1 .project-images {
		display: block;
	}
	.project-details-1 .project-images .item{
		margin-bottom: 15px;
	}
	.project-details-1 .project-content .project-solutions .solution-content{
		margin: 35px 0 0;
	}


	.project-details {
	    padding: 72px 0 80px;
	}
	.project-details .project-title .title {
	    font-size: 29px;
	}
	.project-details-thumb {
	    margin-top: 29px;
	    margin-bottom: 36px;
	}
	.project-details-content .number {
	    font-size: 43px;
	    float: inherit;
	}
	.project-details-content-two {
	    padding: 10px 0 1px;
	}
	.row.project-detail {
	    padding-top: 25px;
	}
	.project-details p.description {
	    font-size: 14px;
	}
	.project-details-content.fast {
	    margin-top: 11px;
	}
	/*service details*/
	.service-details-section .service-details .title {
	    font-size: 41px;
	    margin: 0 0 34px;
	}
	.service-details-section .row.service-upper {
	    margin-top: 33px;
	}
	.service-details-section .image {
	    margin-bottom: 31px;
	}
	.service-details-section .service-details-content .description {
	    width: 100%;
	}
	.offer-box .details_content {
	    top: 122px;
	    padding: 0 61px;
	}
	.offer-box .details_content .title {
	    margin: 0 0 19px;
	}


	}

@media(max-width: 420px){

	/*================
	 Hero Section
	==================*/

	.hero-section .slider-item .hero-icon-box {
		display: none;
	}

	.hero-section.style-two .hero-icon-box {
		display: none;
	}

	/*about*/
	.about.two .about-left-site {
	    margin-bottom: 30px;
	}
	.about.two .about-left-site img {
	    width: 100%;
	}
	.icon-box {
	    display: none;
	}
	.about.two  .section-title .title, .about .section-title .title-two {
	    font-size: 24px;
	}
	.about.two .section-title .description {
	    margin: 6px 0 20px;
	}
	.about.two .icon-box {
	    display: block!important;
	}
	.about.two .icon {
	    margin-right: 0px;
	    float: inherit;
	    margin-bottom: 25px;
	}
	.about .left-about-icon-box {
	    display: none;
	}
	/*service*/
	.service .service-box {
	    padding: 37px  20px 29px;
	}
	.service .service-box .service-icon {
	    display: none;
	}
	.service .service-box p.description {
	    width: 100%;
	}
	
	/*faq*/
	.faq .accordion .faq-item {
	    margin-right: 0;
	}
	.faq .accordion .faq-item .description {
	    font-size: 14px;
	}
	.faq .accordion .title {
	    font-size: 16px;
	    padding: 22px 14px;
	}
	.faq .image .text-box {
	    padding: 16px 10px;
	}
	.faq .image .faq-thumb {
	    padding: 42px 0 40px 0;
	}
	.faq.style-two h1.text-white {
	    font-size: 24px;
	}
	
	/*project*/
	.project-section h1.text-white {
	    font-size: 22px;
	}
	/*contact*/
	.contact-us.style-two .contact-form-box {
	    padding: 40px 13px 15px;
	}
	/*blog*/
	.blog-posts.style-two .single-post.style1 .content .title {
	    font-size: 17px;
	}
	.blog-posts.style-two .section-title {
	    margin-bottom: 39px;
	}
	
	/*call*/
	.call-section .call-btn {
	    float: left;
	    margin-top: 45px;
	}
	/*service details*/
	.offer-box .details_content {
	    top: 48px;
	    padding: 0 36px;
	}
	/*contact*/
	.contact-us .info-box.two {
	    margin-top: 0;
	}


}