@media only screen and (max-width:767px) {
	body {
		font-size: 14px
	}
	.ptb-100 {
		padding-top: 50px;
		padding-bottom: 50px
	}
	.pt-100 {
		padding-top: 50px
	}
	.ptb-70 {
		padding-top: 50px;
		padding-bottom: 20px
	}
	.pb-100 {
		padding-bottom: 50px
	}
	.pt-80 {
		padding-top: 40px
	}
	.pb-70 {
		padding-bottom: 20px
	}
	.pt-45 {
		padding-top: 30px
	}
	.default-btn {
		padding: 6px 16px 10px;
		font-size: 14px
	}
	.default-btn i {
		font-size: 24px
	}
	.section-title span {
		font-size: 14px
	}
	.section-title h2 {
		font-size: 28px
	}
	.section-title p {
		padding-top: 10px
	}
	.section-title-two span {
		font-size: 14px
	}
	.section-title-two h2 {
		font-size: 28px
	}
	.section-title-two p {
		padding-top: 10px
	}
	h3 {
		font-size: 20px
	}
	.mobile-nav .logo img {
		max-width: 110px;
		height: 40px;
		margin-top: -5px
	}
	.d-in-line {
		display: none
	}
	.side-nav-responsive {
		display: block
	}
	.side-nav-responsive .side-nav-inner .side-nav {
		text-align: center
	}
	.side-nav-responsive .side-nav-inner .side-nav .side-item {
padding-right: unset;
		margin: 5px;
		text-align: center
	}
	.nav-ml {
margin-right: 0!important
	}
	.sidebar-modal .sidebar-modal-inner {
		width: 100%
	}
	.mean-container .mean-nav ul li a span {
		display: none
	}
	.home-slider {
		position: relative
	}
	.home-slider .thumbs-wrap {
		display: none
	}
	.home-slider .owl-nav .owl-prev {
right: 40%;
		font-size: 20px!important;
		bottom: 70px;
		color: #fff!important
	}
	.home-slider .owl-nav .owl-prev:hover {
		color: #c9c8d8!important
	}
	.home-slider .owl-nav .owl-next {
		z-index: 1;
left: 40%;
		font-size: 20px!important;
		bottom: 70px;
		color: #fff!important
	}
	.home-slider .owl-nav .owl-next:hover {
		color: #c9c8d8!important
	}
	.slider-item::before {
		display: none
	}
	.slider-item .social-link {
		display: none
	}
	.slider-content {
		padding-top: 130px;
		padding-bottom: 150px;
		margin-left: auto;
		margin-right: auto;
		max-width: 300px;
		text-align: center
	}
	.slider-content::before {
		display: none
	}
	.slider-content h1 {
		font-size: 35px;
		line-height: 1.2;
		margin-bottom: 10px;
		max-width: 280px;
		margin-left: auto;
		margin-right: auto
	}
	.slider-content p {
		font-size: 16px;
		margin-bottom: 20px
	}
	.slider-content .slider-btn .get-btn {
		padding: 7px 18px;
		font-size: 15px
	}
	.slider-content .slider-btn .learn-btn {
		padding: 7px 18px;
		font-size: 15px
	}
	.banner-area .thumbs-wrap {
		display: none
	}
	.banner-area .owl-nav .owl-prev {
right: 40%;
		font-size: 20px!important;
		top: auto;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		bottom: 70px;
		color: #414141!important
	}
	.banner-area .owl-nav .owl-next {
		z-index: 1;
left: 40%;
		font-size: 20px!important;
		top: auto;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		bottom: 70px;
		color: #414141!important
	}
	.banner-content {
		padding-top: 130px;
		padding-bottom: 150px;
margin-right: 0
	}
	.banner-content h1 {
		font-size: 35px;
		line-height: 1.2;
		margin-bottom: 30px
	}
	.banner-content .banner-btn .learn-btn {
		padding: 6px 16px 10px;
		font-size: 14px
	}
	.banner-content .banner-btn .learn-btn i {
		font-size: 24px
	}
	.banner-content .banner-btn .get-btn {
margin-right: 10px;
		padding: 6px 16px 10px;
		font-size: 14px
	}
	.banner-content .banner-btn .get-btn i {
		font-size: 24px
	}
	.banner-area-two {
		position: relative
	}
	.banner-area-two .owl-nav .owl-prev {
		width: 120px!important;
		height: 40px!important;
		line-height: 40px;
left: 115px
	}
	.banner-area-two .owl-nav .owl-prev i {
		top: -4px;
		position: relative
	}
	.banner-area-two .owl-nav .owl-prev::before {
		bottom: 5px;
right: 65px
	}
	.banner-area-two .owl-nav .owl-next {
		width: 120px!important;
		height: 40px!important;
		line-height: 40px;
left: -5px
	}
	.banner-area-two .owl-nav .owl-next i {
		top: -4px;
		position: relative
	}
	.banner-area-two .owl-nav .owl-next::before {
left: 65px;
		bottom: 5px
	}
	.banner-item-two::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: #c5d8dc;
		opacity: .3
	}
	.banner-item-two::after {
		height: 40px
	}
	.banner-content-two {
		padding-top: 170px;
		padding-bottom: 150px
	}
	.banner-content-two .images {
		top: 155px
	}
	.banner-content-two .images img {
		max-width: 200px
	}
	.banner-content-two h1 {
		font-size: 35px;
		margin-bottom: 25px;
		max-width: 450px
	}
	.banner-content-two .banner-btn .learn-btn {
		padding: 6px 16px 10px;
		font-size: 14px
	}
	.banner-content-two .banner-btn .learn-btn i {
		font-size: 24px
	}
	.banner-content-two .banner-btn .get-btn {
margin-right: 10px;
		padding: 6px 16px 10px;
		font-size: 14px
	}
	.banner-content-two .banner-btn .get-btn i {
		font-size: 24px
	}
	.inner-banner .inner-title {
		padding-top: 120px;
		padding-bottom: 60px
	}
	.inner-banner .inner-title h3 {
		font-size: 26px
	}
	.inner-banner .inner-title ul li {
		font-size: 16px
	}
	.about-content {
		margin-bottom: 0;
		margin-right: auto
	}
	.about-content .section-title {
		padding-bottom: 25px;
		margin-bottom: 20px
	}
	.about-content .about-counter {
		text-align: center;
		margin-bottom: 20px
	}
	.about-content .about-counter h3 {
		font-size: 40px;
		line-height: 1
	}
	.about-content .signature li {
margin-left: 0
	}
	.about-content .signature li img {
		max-width: 80%;
		position: relative;
		top: -15px
	}
	.about-img {
margin-right: 0
	}
	.about-img .about-img-text {
		width: 220px;
		height: auto;
right: -10px
	}
	.about-img .about-img-text span {
		font-size: 24px
	}
	.about-img .about-img-text h3 {
		font-size: 40px;
		margin-bottom: 0;
		line-height: 1
	}
	.about-area-two::before {
		width: 100%
	}
	.about-img-2::before {
		display: none
	}
	.about-content-two {
		margin-bottom: 30px
	}
	.about-content-two .section-title h2 {
		font-size: 28px
	}
	.about-content-two .section-title p {
		margin-bottom: 25px
	}
	.about-counter-area {
		margin-bottom: 30px
	}
	.about-counter-area .about-counter-two {
		text-align: center;
		margin-bottom: 20px
	}
	.about-counter-area .about-counter-two h3 {
		font-size: 40px;
		line-height: 1
	}
	.about-counter-area .about-play {
		margin-top: 10px;
		text-align: center
	}
	.about-card-area {
margin-right: 0
	}
	.skill-content {
		margin-top: 0;
		margin-bottom: 30px;
		max-width: 100%;
		padding: 30px 15px 10px
	}
	.progressbar-area {
		margin-top: 20px
	}
	.progressbar-area .single-progressbar {
		margin-bottom: 30px
	}
	.progressbar-area .single-progressbar h3 {
		font-size: 16px
	}
	.progressbar-area .single-progressbar .progressbar-count .pn-1 {
		right: 30%
	}
	.progressbar-area .single-progressbar .progressbar-count .pc-1 {
		right: 31%
	}
	.progressbar-area .single-progressbar .progressbar-count .pn-2 {
		right: 15%
	}
	.progressbar-area .single-progressbar .progressbar-count .pc-2 {
		right: 16%
	}
	.progressbar-area .single-progressbar .progressbar-count .pn-3 {
		right: 3%
	}
	.progressbar-area .single-progressbar .progressbar-count .pc-3 {
		right: 5%
	}
	.progressbar-area .single-progressbar .progressbar-count .pn-4 {
		right: 8%
	}
	.progressbar-area .single-progressbar .progressbar-count .pc-4 {
		right: 9%
	}
	.skill-img {
margin-right: 0;
		margin-bottom: 30px
	}
	.skill-content-two {
		margin-top: 0;
		margin-bottom: 30px;
		max-width: 100%;
		padding: 30px 15px 5px
	}
	.skill-img-2 {
		margin-bottom: 50px;
margin-right: 0
	}
	.skill-img-2 img {
		height: auto
	}
	.consultation-content {
		text-align: center
	}
	.consultation-content .consultation-btn {
		margin-top: 25px
	}
	.consultation-play-btn {
		float: none;
		text-align: center;
		margin-bottom: 30px
	}
	.consultation-play-btn .video-btn {
		width: 85px;
		height: 85px;
		line-height: 85px
	}
	.offer-card {
		padding: 30px 20px
	}
	.offer-card h3 {
		margin-bottom: 10px
	}
	.offer-card p {
		margin-bottom: 20px
	}
	.offer-card .offer-icon {
		font-size: 60px
	}
	.offer-item {
		padding: 30px 20px
	}
	.process-card h3 {
		font-size: 22px
	}
	.process-card .number {
		right: 90px
	}
	.counter-area {
		padding-top: 40px;
		padding-bottom: 30px
	}
	.counter-title h3 {
		font-size: 28px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		max-width: 100%
	}
	.single-counter {
		margin-bottom: 15px;
		text-align: center
	}
	.single-counter h3 {
		font-size: 35px
	}
	.single-counter span {
		font-size: 16px
	}
	.service-card {
		margin-bottom: 20px
	}
	.service-card .content {
		padding-top: 15px
	}
	.service-card .content p {
		margin-bottom: 10px
	}
	.service-content .section-title-two {
		margin-bottom: 20px
	}
	.service-right-item {
		margin-left: 0
	}
	.service-item .service-item-icon {
		font-size: 60px
	}
	.service-item .content {
		padding-top: 15px
	}
	.service-item .content h3 {
		margin-bottom: 5px
	}
	.service-item .content p {
		margin-bottom: 5px
	}
	.service-details-content .section-title-two h2 {
		font-size: 28px
	}
	.service-details-article .blockquote p {
		font-size: 17px
	}
	.portfolio-area {
		padding-top: 0
	}
	.portfolio-tab.tab li {
margin-left: 10px;
		margin-bottom: 10px
	}
	.portfolio-tab.tab li a {
		font-size: 16px
	}
	.portfolio-tab .tabs-two li {
margin-left: 0
	}
	.portfolio-tab .tabs-two li a {
		padding: 5px 8px
	}
	.portfolio-item a img {
		max-width: 100%;
		height: 240px
	}
	.portfolio-item .content1 {
right: 20px;
left: 0
	}
	.portfolio-item .content2 {
right: 20px;
left: 0
	}
	.portfolio-item .content3 {
right: 20px;
left: 0
	}
	.portfolio-item .content4 {
right: 20px;
left: 0
	}
	.portfolio-item .content .title {
		width: 90%;
		height: 50px;
		line-height: 50px
	}
	.portfolio-item .content .title h3 {
		font-size: 24px
	}
	.portfolio-item .content .title .number {
		font-size: 20px
	}
	.portfolio-item .content ul li {
		margin-bottom: 0;
		padding-top: 5px;
		padding-bottom: 5px
	}
	.portfolio-line {
		display: none
	}
	.portfolio-area .tab_content .tabs_item .col-lg-3:nth-child(1) .portfolio-item-two {
		margin-top: 0
	}
	.portfolio-area .tab_content .tabs_item .col-lg-3:nth-child(3) .portfolio-item-two {
		margin-top: 0
	}
	.portfolio-item-two .content {
right: 10px
	}
	.portfolio-list a img {
		height: auto
	}
	.portfolio-list .content {
		bottom: 20px;
right: 15px
	}
	.portfolio-details-content .section-title-two h2 {
		font-size: 28px
	}
	.portfolio-details-content .portfolio-article h3 {
		font-size: 28px
	}
	.testimonials-img {
		margin-bottom: 45px
	}
	.testimonials-content {
margin-right: 0
	}
	.testimonials-content p {
		font-size: 17px;
		margin-bottom: 80px
	}
	.testimonials-area .owl-nav .owl-prev {
		width: 120px!important;
		height: 40px!important;
		line-height: 40px;
right: -5px;
		bottom: 15px
	}
	.testimonials-area .owl-nav .owl-prev i {
		top: -4px;
		position: relative
	}
	.testimonials-area .owl-nav .owl-prev::before {
		bottom: 5px;
right: 65px
	}
	.testimonials-area .owl-nav .owl-next {
		width: 120px!important;
		height: 40px!important;
		line-height: 40px;
right: 115px;
		bottom: 15px
	}
	.testimonials-area .owl-nav .owl-next i {
		top: -4px;
		position: relative
	}
	.testimonials-area .owl-nav .owl-next::before {
left: 65px;
		bottom: 5px
	}
	.team-card .content h3 {
		margin-bottom: 5px
	}
	.team-profile-skill h2 {
		font-size: 28px
	}
	.team-profile {
		margin-left: 0
	}
	.blog-area .section-title {
		margin-bottom: 20px
	}
	.blog-btn {
		margin-bottom: 30px;
		float: none;
		margin-top: 0
	}
	.blog-btn .view-btn {
		padding: 8px 20px
	}
	.blog-card .content {
		padding: 20px
	}
	.blog-card-border .content {
		padding: 20px 0 10px
	}
	.blog-title h2 {
		font-size: 28px
	}
	.blog-article .article-content .blockquote p {
		font-size: 17px
	}
	.blog-article .another-content h2 {
		font-size: 28px
	}
	.blog-article .another-content .content-img .row .col-6 {
		padding-left: 7px!important;
		padding-right: 7px!important
	}
	.blog-article .blog-article-share .blog-tag ul li {
		padding: 5px
	}
	.blog-article .blog-article-share .social-icon {
		margin: 10px 0;
		float: none
	}
	.blog-article .article-author {
		padding: 40px 40px 10px
	}
	.blog-article .article-author ul li {
padding-right: 0;
		margin-bottom: 30px
	}
	.blog-article .article-author ul li img {
		position: inherit
	}
	.blog-article .article-author ul li h3 {
		color: #2a284f
	}
	.blog-article .article-author ul li span {
		color: #2a284f
	}
	.blog-article .article-author ul li p {
		margin-top: 0
	}
	.blog-article .article-author .author-social-link {
		position: inherit;
		top: 0;
left: auto;
right: 0
	}
	.blog-article .article-author .author-social-link .social-icon {
		float: none
	}
	.blog-article .article-author .author-social-link .social-icon li a {
		color: #ff3900
	}
	.blog-article .article-post::before {
		display: none
	}
	.blog-article .article-post .article-post-share {
		margin-bottom: 10px
	}
	.blog-article .article-post .article-post-share a h3 {
		font-size: 18px
	}
	.side-bar-widget .title {
		padding: 20px 30px 5px
	}
	.side-bar-widget .widget-popular-post .item .info .title-text {
		font-size: 16px
	}
	.side-bar-contact {
		padding: 30px
	}
	.side-bar-contact i {
		font-size: 45px
	}
	.side-bar-contact h3 {
		font-size: 28px
	}
	.side-bar-contact span {
		font-size: 20px
	}
	.contact-form h2 {
		font-size: 28px
	}
	.contact-form .submit-btn {
		padding: 10px 45px;
		width: 100%;
		font-size: 16px
	}
	.contact-two-form {
		margin-bottom: 0
	}
	.contact-wrap-form {
		margin-bottom: 20px
	}
	.contact-wrap-form h2 {
		font-size: 28px;
		margin-bottom: 15px
	}
	.contact-wrap-form .default-btn {
		padding: 10px 45px;
		width: 100%;
		font-size: 16px
	}
	.contact-area-three {
		padding: 50px 0
	}
	.contact-three-form {
		bottom: 0
	}
	.contact-three-form .contact-wrap-form {
		padding: 30px 15px
	}
	.contact-section-img {
margin-left: 15px
	}
	.contact-section-img img {
		height: auto
	}
	.contact-section-content {
margin-right: 15px;
		padding: 40px 25px
	}
	.user-all-img {
		margin-right: 0
	}
	.user-all-form .contact-wrap-form .agree-label label {
		font-size: 15px
	}
	.user-all-form .contact-wrap-form .forget {
		margin-bottom: 10px;
float: right;
		font-size: 15px
	}
	.single-product {
		text-align: center
	}
	.product-desc .product-desc-topar h3 {
		font-size: 26px
	}
	.product-desc .product-add .form-input-counter {
margin-left: 5px
	}
	.product-desc .product-add .default-btn {
		margin-bottom: 15px;
margin-left: 0;
		width: 100%
	}
	.products-tabs-reviews ul li {
padding-right: 0
	}
	.products-tabs-reviews ul li img {
		position: initial;
		top: 0;
right: 0;
		margin-bottom: 20px
	}
	.cart-wraps-area .cart-table {
		text-align: center
	}
	.cart-wraps-area .cart-table table thead tr th {
		padding: 0 40px 10px;
		white-space: nowrap;
		font-size: 16px
	}
	.cart-wraps-area .cart-table table thead tr th:first-child {
text-align: right;
padding-right: 0
	}
	.cart-wraps-area .cart-table table thead tr td {
		white-space: nowrap
	}
	.cart-wraps-area .cart-table table thead tr td:first-child {
text-align: right;
padding-right: 0
	}
	.cart-wraps-area .cart-buttons {
		text-align: center
	}
	.cart-wraps-area .cart-buttons .text-right {
		text-align: center!important;
		margin-top: 0
	}
	.cart-wraps-area .cart-buttons .default-btn1 {
		display: block;
		text-align: center;
		width: 100%
	}
	.cart-wraps-area .cart-totals {
		padding: 20px;
		margin-top: 35px
	}
	.cart-wraps-area .cart-totals h3 {
		margin-bottom: 18px;
		font-size: 20px
	}
	.cart-wraps-area .cart-totals ul li {
		font-size: 14px
	}
	.cart-wraps-area .cart-totals .default-btn {
		display: block;
		text-align: center;
		width: 100%
	}
	.cart-wraps-area .cart-wraps .continue-shopping-box {
		margin-bottom: 20px
	}
	.cart-wraps-area .cart-calc {
		padding: 20px!important;
		margin-top: 30px
	}
	.cart-wraps-area .cart-calc .cart-wraps-form h3 {
		font-size: 18px
	}
	.cart-wraps-area .cart-calc .cart-wraps-form .form-group select {
		width: 100%
	}
	.cart-wraps-area .cart-calc .cart-wraps-form .default-btn {
		width: 100%
	}
	.checkout-area .checkout-user {
		margin-bottom: 30px;
		padding: 20px 10px
	}
	.checkout-area .checkout-user span {
		font-size: 16px
	}
	.billing-details {
		padding: 30px
	}
	.billing-details h3 {
		font-size: 20px
	}
	.billing-details .form-group {
		margin-bottom: 15px
	}
	.order-details .order-table {
		padding: 30px 15px
	}
	.order-details .order-table h3 {
		font-size: 20px
	}
	.order-details .order-table table thead tr th {
		padding: 15px 10px;
		font-size: 16px
	}
	.order-details .payment-box {
		padding: 30px
	}
	.footer-widget .footer-logo {
		margin-bottom: 15px
	}
	.footer-widget .footer-logo img {
		max-width: 120px
	}
	.footer-widget h3 {
		margin-top: 0;
		margin-bottom: 15px
	}
	.footer-widget .footer-news li {
		display: block
	}
	.footer-widget .footer-gallery {
		max-width: 270px
	}
	.footer-widget.pl-4, .footer-widget.px-4 {
padding-right: 0!important
	}
	.copy-right-icon {
		text-align: center
	}
	.copy-right-icon-two {
		text-align: center
	}
	.copy-right-icon-two .social-link li {
		border: none
	}
	.copy-right-icon-two .social-link li:first-child {
		border: none
	}
	.copyright-text {
		text-align: center;
		margin-top: 10px;
		float: none
	}
	.copy-right-icon-two {
		text-align: center
	}
	.copy-right-icon-two .social-link li {
		border: none;
		padding: 15px 0
	}
	.copy-right-icon-two .social-link li:first-child {
		border: none
	}
	.copyright-text-two {
		text-align: center;
		float: none;
		padding-bottom: 20px
	}
	.error-area {
		height: 100vh;
		padding-top: 70px;
		padding-bottom: 70px
	}
	.error-area .error-content h3 {
		margin-bottom: 10px;
		font-size: 25px
	}
	.error-area .error-content p {
		font-size: 16px;
		padding: 0 15px
	}
	.coming-soon-area .coming-soon-content {
		padding-top: 30px;
		padding-bottom: 20px;
		padding-left: 15px;
		padding-right: 15px
	}
	.coming-soon-area .coming-soon-content h1 {
		font-size: 30px;
		line-height: 1.1;
		margin-top: 0
	}
	.coming-soon-area .coming-soon-content p {
		font-size: 14px;
		margin-top: 15px
	}
	.coming-soon-area .coming-soon-content #timer {
		margin-top: 10px
	}
	.coming-soon-area .coming-soon-content #timer div {
		font-size: 30px;
		margin-left: 5px;
		margin-right: 5px
	}
	.coming-soon-area .coming-soon-content #timer div span {
		font-size: 14px;
		margin-top: -5px
	}
	.coming-soon-area .coming-soon-content #timer div::before {
		display: none
	}
	.coming-soon-area .coming-soon-content .newsletter-form {
		margin-top: 20px;
		margin-bottom: 20px
	}
	.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
		height: 55px;
		padding-left: 13px;
		font-size: 15px
	}
	.coming-soon-area .coming-soon-content .newsletter-form button {
		position: relative;
		font-size: 14px;
		margin-top: 15px;
		width: 100%;
		height: 50px
	}
}
@media only screen and (min-width:576px) and (max-width:767px) {
	.home-slider .owl-nav .owl-prev {
right: 45%
	}
	.home-slider .owl-nav .owl-next {
		z-index: 1;
left: 45%
	}
	.slider-content {
		max-width: 480px
	}
	.slider-content h1 {
		max-width: 480px
	}
	.banner-area .thumbs-wrap {
		display: none
	}
	.banner-area .owl-nav .owl-prev {
right: 45%
	}
	.banner-area .owl-nav .owl-next {
left: 45%
	}
	.banner-area-two .container-fluid {
		width: 540px
	}
	.about-area .container-fluid {
		width: 540px
	}
	.about-widget-card {
		padding: 30px 15px 50px
	}
	.portfolio-tab .tab li {
		margin-bottom: 0
	}
	.portfolio-item .content1 {
right: 25%
	}
	.portfolio-item .content2 {
right: 25%
	}
	.portfolio-item .content3 {
right: 25%
	}
	.portfolio-item .content4 {
right: 25%
	}
	.portfolio-item .content .title {
		width: 400px
	}
	.skill-content-two {
		padding: 40px 25px 15px
	}
	.contact-two-form .contact-wrap-form {
		margin-left: auto;
		max-width: 540px;
		margin-right: auto
	}
	.contact-three-form .contact-wrap-form {
		padding: 40px 25px
	}
	.portfolio-item-two .content {
right: 10px
	}
	.portfolio-item-two .content .title {
		width: 260px
	}
	.portfolio-item-two .content .title h3 {
		font-size: 18px;
padding-right: 10px
	}
	.portfolio-list a img {
		width: 100%
	}
	.team-bg::before {
		height: 75%
	}
	.team-bg::after {
		height: 75%
	}
	.cart-wraps-area .cart-wraps .continue-shopping-box {
		margin-bottom: 0
	}
	.user-all-form .contact-wrap-form .forget {
		margin-bottom: 0;
float: left
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	body {
		font-size: 14px
	}
	.ptb-100 {
		padding-top: 50px;
		padding-bottom: 50px
	}
	.pt-100 {
		padding-top: 50px
	}
	.ptb-70 {
		padding-top: 50px;
		padding-bottom: 20px
	}
	.pb-100 {
		padding-bottom: 50px
	}
	.pt-80 {
		padding-top: 40px
	}
	.pb-70 {
		padding-bottom: 20px
	}
	.pt-45 {
		padding-top: 30px
	}
	.default-btn {
		padding: 6px 16px 10px;
		font-size: 14px
	}
	.default-btn i {
		font-size: 24px
	}
	.section-title span {
		font-size: 14px
	}
	.section-title h2 {
		font-size: 28px
	}
	.section-title p {
		padding-top: 10px
	}
	.section-title-two span {
		font-size: 14px
	}
	.section-title-two h2 {
		font-size: 28px
	}
	.section-title-two p {
		padding-top: 10px
	}
	.mobile-nav .logo img {
		max-width: 110px;
		height: 40px;
		margin-top: -5px
	}
	.d-in-line {
		display: none
	}
	.side-nav-responsive {
		display: block
	}
	.side-nav-responsive .container .container {
		width: 325px
	}
	.side-nav-responsive .side-nav-inner .side-nav {
		text-align: center
	}
	.side-nav-responsive .side-nav-inner .side-nav .side-item {
padding-right: unset;
		margin: 0 10px;
		text-align: center
	}
	.nav-ml {
margin-right: 0!important
	}
	.mean-container .mean-nav ul li a span {
		display: none
	}
	.home-slider {
		position: relative
	}
	.home-slider .thumbs-wrap {
		display: none
	}
	.home-slider .owl-nav .owl-prev {
right: 45%;
		bottom: 70px;
		color: #fff!important
	}
	.home-slider .owl-nav .owl-prev:hover {
		color: #c9c8d8!important
	}
	.home-slider .owl-nav .owl-next {
		z-index: 1;
left: 45%;
		bottom: 70px;
		color: #fff!important
	}
	.home-slider .owl-nav .owl-next:hover {
		color: #c9c8d8!important
	}
	.slider-item::before {
		display: none
	}
	.slider-item .social-link {
		display: none
	}
	.slider-content {
		padding-top: 130px;
		padding-bottom: 150px;
		margin-left: auto;
		margin-right: auto;
		text-align: center
	}
	.slider-content::before {
		display: none
	}
	.slider-content h1 {
		font-size: 35px;
		line-height: 1.2;
		margin-bottom: 10px
	}
	.slider-content p {
		font-size: 16px;
		margin-bottom: 20px
	}
	.slider-content .slider-btn .get-btn {
		padding: 7px 18px;
		font-size: 15px
	}
	.slider-content .slider-btn .learn-btn {
		padding: 7px 18px;
		font-size: 15px
	}
	.banner-area .container-fluid {
		width: 720px
	}
	.banner-area .thumbs-wrap {
		display: none
	}
	.banner-area .owl-nav .owl-prev {
right: 45%;
		top: auto;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		bottom: 70px
	}
	.banner-area .owl-nav .owl-next {
		z-index: 1;
left: 45%;
		top: auto;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		bottom: 70px
	}
	.banner-content {
		padding-top: 130px;
		padding-bottom: 150px;
margin-right: 0
	}
	.banner-content h1 {
		font-size: 35px;
		line-height: 1.2;
		margin-bottom: 30px
	}
	.banner-content .banner-btn .learn-btn {
		padding: 6px 16px 10px;
		font-size: 14px
	}
	.banner-content .banner-btn .learn-btn i {
		font-size: 24px
	}
	.banner-content .banner-btn .get-btn {
margin-right: 10px;
		padding: 6px 16px 10px;
		font-size: 14px
	}
	.banner-content .banner-btn .get-btn i {
		font-size: 24px
	}
	.banner-area-two {
		position: relative
	}
	.banner-area-two .owl-nav .owl-prev {
		width: 120px!important;
		height: 40px!important;
		line-height: 40px;
left: 115px
	}
	.banner-area-two .owl-nav .owl-prev i {
		top: -4px;
		position: relative
	}
	.banner-area-two .owl-nav .owl-prev::before {
		bottom: 5px;
right: 65px
	}
	.banner-area-two .owl-nav .owl-next {
		width: 120px!important;
		height: 40px!important;
		line-height: 40px;
left: -5px
	}
	.banner-area-two .owl-nav .owl-next i {
		top: -4px;
		position: relative
	}
	.banner-area-two .owl-nav .owl-next::before {
left: 65px;
		bottom: 5px
	}
	.banner-item-two::after {
		height: 40px
	}
	.banner-content-two {
		padding-top: 170px;
		padding-bottom: 150px
	}
	.banner-content-two .images {
		top: 155px
	}
	.banner-content-two .images img {
		max-width: 200px
	}
	.banner-content-two h1 {
		font-size: 35px;
		margin-bottom: 25px;
		max-width: 450px
	}
	.banner-content-two .banner-btn .learn-btn {
		padding: 6px 16px 10px;
		font-size: 14px
	}
	.banner-content-two .banner-btn .learn-btn i {
		font-size: 24px
	}
	.banner-content-two .banner-btn .get-btn {
margin-right: 10px;
		padding: 6px 16px 10px;
		font-size: 14px
	}
	.banner-content-two .banner-btn .get-btn i {
		font-size: 24px
	}
	.inner-banner .inner-title {
		padding-top: 120px;
		padding-bottom: 60px
	}
	.inner-banner .inner-title h3 {
		font-size: 26px
	}
	.inner-banner .inner-title ul li {
		font-size: 16px
	}
	.about-area .container-fluid {
		width: 720px
	}
	.about-content {
		max-width: 100%;
		margin-bottom: 0;
		margin-right: auto
	}
	.about-content .section-title {
		padding-bottom: 25px;
		margin-bottom: 20px
	}
	.about-content .section-title p {
		max-width: 650px
	}
	.about-content .about-counter {
		text-align: center;
		margin-bottom: 20px
	}
	.about-content .about-counter h3 {
		font-size: 40px;
		line-height: 1
	}
	.about-content .signature li {
margin-left: 0
	}
	.about-content .signature li img {
		max-width: 80%;
		position: relative;
		top: -15px
	}
	.about-img {
margin-right: 40px
	}
	.about-img .about-img-text {
		width: 220px;
		height: auto
	}
	.about-img .about-img-text span {
		font-size: 24px
	}
	.about-img .about-img-text h3 {
		font-size: 40px;
		margin-bottom: 0;
		line-height: 1
	}
	.about-area-two::before {
		width: 100%
	}
	.about-img-2::before {
		display: none
	}
	.about-content-two {
		margin-bottom: 30px
	}
	.about-content-two .section-title h2 {
		font-size: 28px
	}
	.about-content-two .section-title p {
		margin-bottom: 25px
	}
	.about-counter-area {
		margin-bottom: 30px
	}
	.about-counter-area .about-counter-two {
		margin-bottom: 20px
	}
	.about-counter-area .about-counter-two h3 {
		font-size: 40px;
		line-height: 1
	}
	.about-counter-area .about-play {
		margin-top: 10px
	}
	.skill-content {
		margin-top: 0;
		margin-bottom: 30px;
		max-width: 100%;
		padding: 50px 30px
	}
	.progressbar-area {
		margin-top: 20px
	}
	.skill-img {
margin-right: 0;
		margin-bottom: 30px
	}
	.skill-img img {
		width: 100%
	}
	.skill-content-two {
		margin-top: 0;
		margin-bottom: 30px;
		max-width: 100%;
		padding: 30px 25px 20px
	}
	.skill-img-2 {
		margin-bottom: 50px;
margin-right: 0
	}
	.skill-img-2 img {
		height: auto
	}
	.counter-area {
		padding-top: 40px;
		padding-bottom: 30px
	}
	.counter-title h3 {
		font-size: 28px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		max-width: 100%
	}
	.single-counter {
		margin-bottom: 15px;
		text-align: center
	}
	.single-counter h3 {
		font-size: 35px
	}
	.single-counter span {
		font-size: 16px
	}
	.consultation-content {
		text-align: center
	}
	.consultation-content .consultation-btn {
		margin-top: 25px
	}
	.consultation-play-btn {
		float: none;
		text-align: center;
		margin-bottom: 30px
	}
	.consultation-play-btn .video-btn {
		width: 85px;
		height: 85px;
		line-height: 85px
	}
	.portfolio-area {
		padding-top: 0
	}
	.portfolio-tab.tab li {
margin-left: 15px
	}
	.portfolio-tab.tab li a {
		font-size: 16px
	}
	.portfolio-item .content .title {
		height: 50px;
		line-height: 50px
	}
	.portfolio-item .content .title h3 {
		font-size: 24px
	}
	.portfolio-item .content .title .number {
		font-size: 20px
	}
	.portfolio-item .content ul li {
		margin-bottom: 0;
		padding-top: 5px;
		padding-bottom: 5px
	}
	.portfolio-line {
		display: none
	}
	.portfolio-area .tab_content .tabs_item .col-lg-3:nth-child(1) .portfolio-item-two {
		margin-top: 0
	}
	.portfolio-area .tab_content .tabs_item .col-lg-3:nth-child(3) .portfolio-item-two {
		margin-top: 0
	}
	.portfolio-list a img {
		max-width: 100%;
		height: 340px
	}
	.portfolio-tab .tabs-two li {
margin-left: 5px
	}
	.portfolio-tab .tabs-two li a {
		padding: 5px 10px
	}
	.portfolio-details-content .section-title-two h2 {
		font-size: 28px
	}
	.portfolio-details-content .portfolio-article h3 {
		font-size: 28px
	}
	.testimonials-area {
		margin-bottom: 10px
	}
	.testimonials-area .owl-nav .owl-prev {
		bottom: 10px;
right: 235px
	}
	.testimonials-area .owl-nav .owl-next {
		position: absolute;
		bottom: 10px;
right: 375px
	}
	.testimonials-img .quote-text {
		width: 90px;
		height: 90px;
		font-size: 45px;
		line-height: 90px
	}
	.testimonials-content {
margin-right: 0
	}
	.testimonials-content p {
		font-size: 16px;
		margin-bottom: 70px
	}
	.service-content .section-title-two {
		margin-bottom: 20px
	}
	.service-right-item {
		margin-left: 0
	}
	.service-item .service-item-icon {
		font-size: 60px
	}
	.service-item .content {
		padding-top: 15px
	}
	.service-item .content h3 {
		margin-bottom: 5px
	}
	.service-item .content p {
		margin-bottom: 5px
	}
	.team-bg::before {
		height: 75%
	}
	.team-bg::after {
		height: 75%
	}
	.team-profile-skill h2 {
		font-size: 28px
	}
	.team-profile {
		margin-left: 0
	}
	.team-profile img {
		width: 100%
	}
	.blog-area .section-title {
		margin-bottom: 30px
	}
	.blog-btn {
		margin-bottom: 30px;
		margin-top: 20px
	}
	.blog-shadow .content h3 {
		font-size: 19px
	}
	.contact-form h2 {
		font-size: 28px
	}
	.contact-form .submit-btn {
		padding: 10px 60px;
		font-size: 16px
	}
	.contact-two-form {
		margin-bottom: 0
	}
	.contact-wrap-form {
		margin-bottom: 20px
	}
	.contact-wrap-form h2 {
		font-size: 28px;
		margin-bottom: 15px
	}
	.contact-wrap-form .default-btn {
		padding: 10px 45px;
		font-size: 16px
	}
	.contact-two-form .contact-wrap-form {
		margin-left: auto;
		max-width: 720px;
		margin-right: auto
	}
	.contact-area-three {
		padding: 50px 0
	}
	.contact-three-form {
		bottom: 0
	}
	.contact-three-form .contact-wrap-form {
		padding: 50px 30px
	}
	.contact-section-img img {
		height: 380px
	}
	.contact-section-content {
		padding: 40px 25px
	}
	.user-all-img {
		margin-right: 0
	}
	.footer-widget .footer-logo {
		margin-bottom: 15px
	}
	.footer-widget .footer-logo img {
		max-width: 120px
	}
	.footer-widget h3 {
		margin-top: 0;
		margin-bottom: 15px
	}
	.footer-widget .footer-news li {
		display: block
	}
	.footer-widget .footer-gallery {
		max-width: 270px
	}
	.footer-widget.pl-4, .footer-widget.px-4 {
padding-right: 0!important
	}
	.error-area {
		height: 100vh;
		padding-top: 70px;
		padding-bottom: 70px
	}
	.error-area .error-content h3 {
		margin-bottom: 10px;
		font-size: 25px
	}
	.error-area .error-content p {
		font-size: 16px;
		padding: 0 15px
	}
	.coming-soon-area .coming-soon-content {
		padding-top: 30px;
		padding-bottom: 20px;
		padding-left: 15px;
		padding-right: 15px
	}
	.coming-soon-area .coming-soon-content h1 {
		font-size: 40px;
		line-height: 1.1;
		margin-top: 0
	}
	.coming-soon-area .coming-soon-content p {
		font-size: 14px;
		margin-top: 15px
	}
	.coming-soon-area .coming-soon-content #timer {
		margin-top: 10px
	}
	.coming-soon-area .coming-soon-content #timer div {
		font-size: 35px;
		margin-left: 15px;
		margin-right: 15px
	}
	.coming-soon-area .coming-soon-content #timer div span {
		font-size: 14px;
		margin-top: -5px
	}
	.coming-soon-area .coming-soon-content #timer div::before {
		display: none
	}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	.section-title h2 {
		font-size: 50px
	}
	.d-in-line {
		display: none
	}
	.sticky-nav {
		top: 0;
		position: fixed;
		-webkit-animation: 900ms ease-in-out 5s normal none 1 running fadeInDown;
		animation: 900ms ease-in-out 5s normal none 1 running fadeInDown;
		-webkit-transition: .9s;
		transition: .9s;
		width: 100%!important;
		z-index: 999
	}
	.sticky-nav .nav-two-responsive .dot-menu {
		top: 27px
	}
	.side-nav-responsive {
		display: block
	}
	.side-nav-responsive .dot-menu {
		top: 27px
	}
	.side-nav-responsive .container .container {
		top: 85px
	}
	.side-nav-responsive .side-nav-inner .side-nav {
		text-align: center
	}
	.side-nav-responsive .side-nav-inner .side-nav .side-item {
padding-right: unset;
		margin: 0 10px;
		text-align: center
	}
	.nav-ml {
margin-right: 10px!important
	}
	.nav-two nav .navbar-nav .nav-item.logo {
		margin-right: 15px;
		margin-left: 15px
	}
	.nav-two nav .navbar-nav .nav-item a {
		margin-left: 7px;
		margin-right: 7px
	}
	.nav-three nav .navbar-nav .nav-item a {
		margin-left: 12px;
		margin-right: 12px
	}
	.nav-two-responsive .dot-menu {
left: 20px;
		top: -50px
	}
	.nav-two-responsive .dot-menu .circle-inner .circle {
		height: 5px;
		width: 5px;
		border-radius: 100%;
		margin: 0 2px;
		-webkit-transition: .7s;
		transition: .7s;
		background-color: #000
	}
	.nav-two-responsive .dot-menu:hover .circle-inner .circle {
		background-color: #414141
	}
	.nav-three-responsive .dot-menu {
left: 0;
		top: -55px
	}
	.nav-three-responsive .dot-menu .circle-inner .circle {
		height: 5px;
		width: 5px;
		border-radius: 100%;
		margin: 0 2px;
		-webkit-transition: .7s;
		transition: .7s;
		background-color: #000
	}
	.nav-three-responsive .dot-menu:hover .circle-inner .circle {
		background-color: #414141
	}
	.sticky-nav .nav-three-responsive .dot-menu {
left: 0;
		top: 27px
	}
	.home-slider .owl-nav .owl-next {
left: 35%
	}
	.about-area-two::before {
		width: 100%
	}
	.about-content .about-counter h3 {
		font-size: 50px;
		color: #414141;
		margin-bottom: 0
	}
	.about-img .about-img-text h3 {
		font-size: 50px
	}
	.portfolio-item-two .content {
right: 10px
	}
	.portfolio-item-two .content .title {
		width: 200px
	}
	.portfolio-item-two .content .title h3 {
		font-size: 16px;
padding-right: 10px
	}
	.portfolio-item-two .content ul {
		width: 180px
	}
	.portfolio-item-two .content ul li a {
		font-size: 13px
	}
	.banner-content h1 {
		font-size: 75px
	}
	.about-area-two {
		overflow: hidden
	}
	.about-counter-area .about-counter-two span {
		font-size: 15px
	}
	.skill-img img {
		height: 100%
	}
	.skill-content-two {
		padding: 70px 50px
	}
	.skill-img-2 img {
		height: 850px
	}
	.counter-title h3 {
		font-size: 28px
	}
	.testimonials-content p {
		font-size: 17px
	}
	.testimonials-area .owl-nav .owl-prev {
right: 275px
	}
	.testimonials-area .owl-nav .owl-next {
right: 420px
	}
	.service-circle {
		padding: 20px 5px
	}
	.service-circle h3 {
		font-size: 17px
	}
	.blog-card-pb .content {
		padding-bottom: 0!important;
		padding-top: 15px!important;
		padding-left: 5px!important;
		padding-right: 5px!important
	}
	.blog-card-border .content h3 {
		font-size: 20px
	}
	.side-bar-widget .widget-popular-post .item .info .title-text {
		font-size: 16px
	}
	.side-bar-contact {
		padding: 30px
	}
	.side-bar-contact i {
		font-size: 45px
	}
	.side-bar-contact h3 {
		font-size: 28px
	}
	.side-bar-contact span {
		font-size: 20px
	}
	.product-widget .product-categories {
		padding: 10px 15px 20px
	}
	.product-widget .product-categories ul {
		padding: 0;
		margin: 0;
		list-style-type: none
	}
	.product-widget .product-categories ul li {
		font-size: 14px
	}
	.product-widget .product-categories ul li a {
		width: 70%;
		padding: 7px 10px
	}
	.footer-plr.col-lg-2 {
		padding-left: 0!important;
		padding-right: 0!important
	}
	.footer-widget.pl-4, .footer-widget.px-4 {
padding-right: 0!important
	}
}
@media only screen and (min-width:1400px) {
	.blog-card .content {
		padding: 30px 45px
	}
	.offer-item {
		padding: 50px
	}
	.testimonials-area .owl-nav .owl-prev {
right: 470px
	}
	.testimonials-area .owl-nav .owl-next {
right: 610px
	}
	.skill-content {
		padding: 70px 120px
	}
	.skill-content-two {
		padding: 70px 120px
	}
	.contact-two-form .contact-wrap-form {
margin-right: auto;
		max-width: 800px
	}
	.blog-card a img {
		width: 100%
	}
	.team-profile img {
		width: 100%
	}
	.portfolio-details-content img {
		width: 100%
	}
	.about-content {
		max-width: 480px
	}
	.about-img {
		max-width: 720px
	}
}
@media only screen and (min-width:1800px) {
	.search-box {
		right: 0
	}
	.home-slider .owl-nav .owl-prev {
right: 48.5%
	}
	.home-slider .owl-nav .owl-next {
left: 42%
	}
	.banner-area .thumbs-wrap {
left: 200px
	}
	.banner-area .owl-nav {
		margin-top: 0
	}
	.banner-area .owl-nav .owl-prev {
left: 290px
	}
	.banner-area .owl-nav .owl-next {
left: 145px
	}
}
@media only screen and (min-width:1200px) {
	.container-max {
		max-width: 1320px!important;
		margin: 0 auto
	}
	.container-max-2 {
		max-width: 1460px!important;
		margin: 0 auto
	}
}
@media only screen and (min-width:1350px) {
	.container {
		max-width: 1320px!important
	}
}