/*--------------------------------------------------

	## All responsive style

	---------------------------------------------------*/

	.single-contact-number {

	background: #FFF1EF;

	display: inline-block;

	padding-right: 30px;

	}

	.single-contact-number img {

	background: var(--main-color);

	width: 80px;

	padding: 11px 20px;

	}

	.single-contact-number i.fa-phone {

	background: var(--main-color);

	color: #fff;

	text-align: center;

	width: 80px;

	height: 55px;

	line-height: 55px;

	font-size: 40px;

	}

	.single-contact-number h4 {

	line-height: 1;

	}

	@media all and (min-width: 1600px) {

	.back-to-top {

	right: 70px;

	bottom: 50px;

	}

	.container-large {

	max-width: 1550px;

	}

	.feature-bg-img {

	left: 274px;

	}

	.testimonial-slider .owl-nav {

	right: 240px;

	}

	.single-blog-inner .details h4 {

	    margin-bottom: 17px;

	    font-size: 26px;

	}










	.down-arrow {

		transform: rotate(90deg);

		position: absolute;

		bottom: 12%;

		font-size: 14px;

		right: 76%;

		z-index: 1;

	}

	}

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

	.feature-slider {

	margin-left: -10px;

	}

	.testimonial-slider {

	margin-left: 5px;

	}

	.testimonial-slider .owl-nav {

	right: 155px;

	}

	.breadcrumb-area {

	background-size: 130% 100%;

	}

	.banner-slider .owl-nav .owl-prev {

	left: -100px;

	}

	.banner-slider .owl-nav .owl-next {

	right: -100px;

	}




	.down-arrow {

		transform: rotate(90deg);

		position: absolute;

		bottom: 13%;

		font-size: 14px;

		right: 81%;

	}

	}

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

	.testimonial-slider .owl-nav {

	right: 110px;

	}

	.testimonial-slider {

	margin-left: 10px;

	}


	.down-arrow {

		transform: rotate(90deg);

		position: absolute;

		bottom: 13%;

		font-size: 14px;

		right: 87%;

		z-index: 1;

	}

	/*--- Products responsive css */

	.single-widget-product .product-content h4 span {

		position: relative;

		font-size: 86%;

		opacity: .9;

		display: block;

		margin-top: 3px;

		top: 0;

	}

	.single-widget-product .price {

		margin-top: 10px;

	}

	.single-widget-product .price span {

		top: 1px;

		right: -13%;

	}









	}

@media (min-width: 992px) and (max-width: 1199px) {
.hero-area.heroa-area-3 {
	padding-bottom: 100px;
}
 .blog-metas {
	position: absolute;
	left: 11px;
	bottom: 17%;
	list-style: none;
	color: var(--main-color);
	font-size: 14px;
	font-weight: 700;
	z-index: 1;
}
.homeversiontwo .single-blog-inner .blog-meta {
	top: 44%;
}
.homeversiontwo.dark-mode .single-blog-inner .blog-meta {
	top: 38%;
	left: 47%;
}
.homveverionone .single-blog-inner .blog-meta {
	top: 43%;
}
.dark-mode.homveverionone .single-blog-inner .blog-meta {
	top: 31%;
	left: 17%;
}

.single-blog-inner .blog-meta.colum3-style {
	top: 27%;
	left: 10%;
}


.footer-area .widget_nav_menu ul li {

	font-size: 14px;

	}
.hero-banner-content {
	padding-top: 33px;
}


.hero-banner-content h1 {
	font-size: 56px;
}
.homveverionone .banner-inner h1 {
	font-size: 40px;
	margin-bottom: 0;
}
.section-area-left h2 {
	font-size: 28px;
}







	.down-arrow {

		transform: rotate(90deg);

		position: absolute;

		bottom: 26%;

		font-size: 14px;

		right: 14%;

		z-index: 1;

	}

	.widget_search .search-form {

	  margin-right: -20px;

	  margin-left: -20px;

	}

	/*products css*/

	.single-widget-product img {

		position: relative;

		left: 0;

		top: 0;

	}

	.single-widget-product {

		padding-left: 0;

	}

	a.add-to-cart {

		margin-left: 10%;

	}

	.single-widget-product .price span {

		margin-left: 0;

		top: 0%;

		position: relative;

	}

	.product-content h4 span {

		position: relative;

		opacity: .5;

		display: block;

		margin-top: 5px;

	}

	.product-thum img {

		max-width: 300px;

	}

	.product-content.products-top-details {

		padding-left: 80px;

	}

	.products-top-details.product-content h4 span {

		top: 8%;

	}

	a.add-to-cart.p-details {

		margin-left: 0%;

	}

	.single-widget-product img {

		max-width: 100%;

	}

a.add-to-cart:hover {

	padding: 10px 16px;

}

.call-to-action {

	padding: 50px 0;

}

.call-to-action::before {

	right: 0;

}

.footer-call-to-action-area .btn-border-base {

	margin-left: -38%;

}





}

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

	.topbar-logo img {

	max-width: 110px;

	}

	.feature-slider {

	margin-left: 30px;

	}

	.process-area-wrap {

	padding: 35px 30px 40px 0;

	}

	.testimonial-slider {

	margin-left: 45px;

	}

	.testimonial-slider .owl-nav {

	right: 0;

	}

	.banner-slider .owl-nav .owl-prev {

	left: auto;

	right: 60px;

	top: auto;

	bottom: -100px;

	}

	.banner-slider .owl-nav .owl-next {

	left: auto;

	right: 0;

	top: auto;

	bottom: -100px;

	}

	.banner-area-1 {

	padding: 230px 0 190px 0;
	background-position: left;

	}

.single-blog-inner .blog-meta {
	left: 41%;
	top: 31%;
}

.single-blog-inner .blog-meta.colum2-style {
	top: 42%;
	left: 7%;
}

	.single-contact-info .details p {

	margin-bottom: 0;

	font-size: 12px;

	}

	.single-blog-inner h4 {

		font-size: 23px;

	}

	.homeversiontwo .service-area h2 {

	  font-size: 36px;

	}

	.footer-call-to-action-area h2 {

		font-size: 35px;

	}

	.down-arrow {

		transform: rotate(90deg);

		position: absolute;

		bottom: 14%;

		font-size: 14px;

		right: 90%;

		z-index: 1;

	}

	/*------ Prouducts css---*/

	.single-widget-product .product-content h4 span {

		font-size: 67%;

	}

	.single-widget-product .price span {

		right: -22%;

	}

	a.add-to-cart {

		padding: 10px 20px;

	}






	}

@media all and (max-width: 991px) {
.about-area-inner .single-list-inner {
	width: 50%;
	float: left;
	padding: 20px;
}

.blog-two-colunm .blog-metas {
	bottom: 15%;
}
.client-project-area .single-box-inner.style-two p {
	font-size: 16px;
}
.get-project-area #nav-tab a {
	padding: 10px 25px;
}
.section-area-left img {
	display: none;
}
.section-area-left ul li::after {
	left: -3%;
}
.get-project-area h2 {
	font-size: 31px;
}
.hero-area.heroa-area-3 {
	padding-bottom: 100px;
}
.dark-mode.homeversiontwo .call-to-action-area {
	padding-top: 90px;
}
.blog-area .single-blog-item {
	margin-bottom: 30px;
}
.homeversiontwo.dark-mode .single-blog-inner .blog-meta {
	top: 37%;
	left: 15%;
}
.dark-mode .section-area-left {
	padding-top: 0;
}
.dark-mode .client-project-area {
	padding-top: 0;
}
.dark-mode .pricing-plan-area.home3 {
	padding-top: 0;
}
.homeversiontwo.dark-mode .team-area {
	padding-top: 80px;
}
.video-btn-wrap {
	text-align: right;
	top: 60%;
	position: absolute;
	left: -20%;
}
.homveverionone.dark-mode .service-area.padding-115 {
	padding-bottom: 0;
}
.homveverionone.dark-mode  .pricing-plan-area.section-padding {
	padding-top: 0;
}
.project-area .slider-control-right-top .owl-nav {
	position: absolute;
	left: 42%;
	top: 95%;
}

.hero-area.heroa-area-3 .hero-banner-content {
	padding-top: 50px;
}
.topbar-logo img {

	display: none;

}
.single-testimonial-inner {
	box-shadow: 0 0 7px #ddd;
	margin: 8px !important;
}
.homeversiontwo .single-blog-inner .blog-meta {
	top: 40%;
	left: 10%;
}
.hero-area.heroa-area-3  .hero-banner-content h1 {
	font-size: 41px;
	line-height: 55px;
}

.nav-right-part-mobile .search-bar-btn {

	display: none !important;

}

.search-bar-mobile {
	display: block;
	position: absolute;
	right: 13%;
	top: 21px;
}
	.td-sidebar {

	display: none;

	}

	.pd-top-200 {

	padding-top: 120px;

	}

	.navbar {

	padding: 0;

	}

	.td-sidebar {

	margin-top: 100px;

	}

	.navbar-area .nav-container .navbar-collapse .navbar-nav {

	padding-left: 0;

	}



	.navbar-area-2 .nav-right-part .search-bar-btn {

		margin-top: 0;

	}

	.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {

	padding-right: 0;

	}

	.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:after {

	top: 26px;

	}

	.navbar-area-2 .nav-container .navbar-collapse .navbar-nav {

	padding: 0 15px;

	}

	.navbar-area-2 .nav-container .navbar-collapse .navbar-nav > li.menu-item-has-children:before {

	background: var(--paragraph-color);

	}

	.navbar-area-2 .nav-container .navbar-collapse .navbar-nav > li.menu-item-has-children:after {

	background: var(--paragraph-color);

	}

	.navbar-area-2 .toggle-btn.open .icon-left,

	.navbar-area-2 .toggle-btn.open .icon-right {

	background: transparent;

	}





	.section-title h4,

	.section-title .sub-title {

	font-size: 18px;

	}

	.section-title .title {

	font-size: 30px;

	}

	.banner-area-1 {

	padding: 240px 0 160px 0;

	}

.banner-inner .title {
	font-size: 40px;
	margin-bottom: 0;
}

	.banner-area {

	background-position: center left;

	}

	.down-arrow {

		bottom: 9%;

		font-size: 10px;

		right: 81%;

		}

	.down-arrow:after {

	right: -36px;

	top: 7px;

	width: 25px;

	}

	.video-bg-inner {

	display: none;

	}

	.video-area-wrap {

	padding-bottom: 120px;

	}

	.video-bg-wrap {

	height: 100%;

	}

	.video-area-wrap .section-title {

	padding-top: 0;

	padding-bottom: 50px;

	}

	.video-area-wrap .section-title .title {

	color: #fff;

	}

	.video-area-wrap .section-title p {

	color: #fff;

	}

	.bg-width-50 {

	position: relative;

	height: 300px;

	background-position: center -68px;

	width: 91%;

	margin: 0 30px;

	}

	.process-area-wrap {

	padding: 30px;

	border-radius: 7px;

	margin-bottom: 30px;

	}

	.process-area-wrap:after {

	display: none;

	}

	.testimonial-slider .owl-nav {

	right: 75px;

	}

	.breadcrumb-area {

	background-size: cover;

	background-position: left;

	}

	.intro-area-home-2 .single-intro-inner {

	border-right: 0;

	}

	.single-box-inner.style-two {

	padding: 15px;

	}

	.tabs-details-inner .image-hover-animate {

	margin-top: 25px;

	}

	.navbar-top ul li {

	margin-right: 14px;

	}

	.single-counter {

	padding: 50px;

	width: 167px;

	}

.single-blog-inner .blog-meta {
	left: 40%;
	top: 37%;
}

	.single-blog-inner .blog-meta.colum2-style {

	top: 39%;

	left: 12%;

	}

	.three-colums-blog .single-blog-inner .blog-meta.colum3-style {

	top: 16%;

	left: 17%;

	}

	.three-colums-blog .single-blog-inner .details h4 {

	font-size: 18px;

	}

	.single-contact-info .thumb i.fa {

	height: 60px;

	width: 60px;

	background: #FFEEE7;

	line-height: 60px;

	font-size: 26px;

	}

	.contact-v2-info {

		margin-top: 57px;

	}

	.contactv3-limg {

		display: none;

	}



	.single-team-meta {

	  text-align: center;

	  background: var(--main-color);

	  padding: 10px 0;

	  border-radius: 5px;

	  margin-top: -29px;

	}

	.single-team-meta h3, .single-team-meta span {

	  color: #fff;

	  font-weight: 700;

	  text-transform: capitalize;

	}

.two-colums-blog .single-blog-inner .blog-meta.colum2-style {
	top: 32%;
	left: 9%;
}

	.two-colums-blog .read-more-btn span {

		display: none;

	}

	.two-colums-blog .read-more-btn {

		height: 50px;

		width: 50px;

		text-align: center;

	}

	 .two-colums-blog .single-blog-inner:hover .details .read-more-btn i {

	  padding: 0;

	}

	.intro-area-home-2 .single-intro-inner {

		border-bottom: 1px solid #000;

	}

	.product-cart-content .product-cart-update-bottom {

		margin-bottom: 20px;

	}



	/*Home three css*/



.single-choose-items {

	margin-bottom: 30px;

}

.single-marketing-items {

	margin-bottom: 30px;

}

.client-project-area h2 {

	margin-top: 30px;

}

.section-area-title h2 {

	margin-bottom: 10px;

}



	}

@media all and (max-width: 767px) {
 .blog-metas {
	position: absolute;
	left: 16px;
	bottom: 21%;
	list-style: none;
	color: var(--main-color);
	font-size: 14px;
	font-weight: 700;
	z-index: 1;
}
.blog-two-colunm .blog-metas {
	bottom: 21%;
}
.about-area-inner .single-list-inner {
	width: 50%;
	float: left;
	padding: 18px;
}
.related-area.padding-0 {
	padding: 0 !important;
}
.comming-first-main-content h2 {
	font-size: 36px;
}
.team-area.padding-0 {
	padding: 0;
}
.why-choose-3 {
	padding: 80px 0;
}
.marketing-area {
	padding: 0
}
.client-project-area {
	padding: 80px 0;
	padding-top: 25px;
}
.servcie-area {
	padding: 80px 0;
}
.pricing-plan-area.home3.section-padding {
	padding-top: 0;
}
.blog-area {
	padding: 80px 0;
}
.dark-mode .blog-area {
	background: var(--home-dark);
	padding-top: 60px;
}
 .section-area-left {
	padding-top: 0;
}

.homeversiontwo.dark-mode .team-area.padding-115 {
	padding-top: 0;
}

.hero-area.heroa-area-3 .banner-img {
	display: none;
}
.dark-mode .down-arrow {
	bottom: 15%;
	 left: 16%;
	right: auto;
}

.topbar-logo img {

	display: none;

}
.feature-area{
	padding: 80px 0;
}
.service-area.padding-115 {
	padding: 80px 0;
}
.about-area {
	padding-bottom: 80px;
}
.pricing-plan-area.section-padding {
	padding: 80px 0;
}
.project-area {
	padding: 80px 0;
}
.homveverionone .project-area {
	padding-top: 0;
}
.homeversiontwo .testimonial-area {
	padding: 80px 0;
}
.homeversiontwo.dark-mode .project-area {
	padding-top: 80px;
	padding-bottom: 0;
}
.homveverionone .testimonial-area {
	padding: 80px 0 !important;
}
.dark-mode.homveverionone .testimonial-area {
	padding-top: 80px !important;
}
.project-area .slider-control-right-top .owl-nav {
	position: absolute;
	left: 2%;
	top: 95%;
}
.team-area.padding-115 {
	padding: 80px 0;
}
.testimonial-area {
	padding: 0;
}
.homveverionone .blog-area {
	padding-top: 80px;
}
.homveverionone.dark-mode .service-area.padding-115 {
	padding-bottom: 80px;
}
.video-btn-wrap {
	text-align: right;
	top: 66%;
	position: absolute;
	left: -20%;
}



	.navbar-top {

	display: none;

	}

	.banner-area-1 {

	padding: 150px 0;

	}

	.footer-call-to-action-area {

	padding: 30px;

	}

	.footer-call-to-action-area .section-title .title {

	font-size: 24px;

	}

	.testimonial-slider {

	margin: 0;

	}

	.feature-slider-area,

	.testimonial-slider-area {

	margin: 0 15px;

	}

	.single-testimonial-inner {

	padding: 25px;

	}

	.slider-control-right-top .owl-nav {

	position: relative;

	right: auto;

	top: 0;

	text-align: center;

	}
.testimonial-slider.slider-control-right-top .owl-nav {
  position: relative;
  right: auto;
  top: 10%;
  text-align: center;
}

	.home-contact-wrap {

	padding: 30px;

	}

	.single-project-inner .details h4 {

	font-size: 20px;

	}
.about-area {
	padding-top: 0;
}
.about-area.about-page {
	padding-top: 80px;
}
.comming-first-content {
	padding-top: 80px;
}
.single-work-inner.style-two .details h4 {
	font-size: 14px;
}
.footer-call-to-action-area .section-title .title {
	font-size: 19px;
	color: var(--heading-color);
}
.footer-call-to-action-area::before {
	background: transparent;
}
.footer-call-to-action-area::after {
	background: transparent;
}
	.footer-top .thumb img {

	max-width: 130px;

	margin-bottom: 20px;

	}

	.footer-top-phone img {

	width: 20px;

	}

	.footer-top-phone {

	font-size: 20px;

	}

	.single-project-inner .details {

	padding: 18px 25px 20px 25px;

	background: #fff;

	margin: 20px;

	margin-top: -100px;

	}

	.bg-width-50 {

	width: 93%;

	margin: 0 15px;

	}

	.feature-slider {

	margin-left: 0;

	}

	.banner-inner .title {
	font-size: 39px;
	line-height: 48px;
}

	.banner-inner .sub-title {

	font-size: 18px;

	}

	.banner-inner .content br {

	display: none;

	}

	.single-tabs-inner li a {

	padding: 0 15px;

	height: 46px;

	line-height: 46px;

	}

	.tabs-details-inner {

	padding: 30px;

	}

	.navbar-top ul li {

	margin-right: 0;

	margin: 5px;

	}
.dark-mode .pricing-plan-area.home3 {
	padding-top: 0;
}
.marketing-area .section-area-title h2 {
	font-size: 33px;
	margin-bottom: 30px;
}

	.single-work-inner .thumb img,

	.single-blog-inner .thumb img {

	width: 100%;

	}

	.td-search-popup.active .search-form {

	width: 70%;

	}

	.breadcrumb-area {

	padding-top: 150px;

	}

	.service-area {

	padding-bottom: 115px;

	}

.client-area {
	padding: 80px 0;
}

	.single-counter {

	padding: 30px;

	width: 120px;

	}
.homveverionone.dark-mode .single-blog-inner .blog-meta {
	top: 21%;
	left: 23%;
}
.homeversiontwo.dark-mode .single-blog-inner .blog-meta {
	top: 22%;
	left: 23%;
}
.homveverionone .single-blog-inner .blog-meta {
	top: 26%;
	left: 16%;
}
.homeversiontwo .single-blog-inner .blog-meta {
	top: 28%;
	left: 15%;
}
.homeversiontwo.dark-mode .single-blog-inner .blog-meta {
	top: 24%;
	left: 19%;
}
.homveverionone.dark-mode .pricing-plan-area.section-padding {
	padding-top: 0;
}
.homveverionone.dark-mode .video-area-wrap .section-title h2.title {
	color: #fff;
}
.homveverionone.dark-mode .project-area {
	padding-top: 0;
}
	.single-blog-inner .blog-meta {

	top: 24%;

	left: 17%;

	}

	.single-blog-inner .details h4 {

	font-size: 20px;

	}

.single-blog-inner .blog-meta {
	top: 28%;
	left: 13%;
}

	.three-colums-blog .single-blog-inner .blog-meta.colum3-style {

	top: 29%;

	left: 14%;

	}

.down-arrow {
	right: auto;
	bottom: 14%;
}

	.feature-bg-img {

		display: none;

	}



	.single-team-meta {

	  text-align: center;

	  background: var(--main-color);

	  padding: 10px 0;

	  border-radius: 5px;

	  margin-top: -29px;

	}

	.single-team-meta h3, .single-team-meta span {

	  color: #fff;

	  font-weight: 700;

	  text-transform: capitalize;

	}

	.single-blog-inner .thumb {

		margin-bottom: 5px;

	}

	.footer-call-to-action-area .section-title .title {

		font-size: 19px;

	}
.dark-mode .footer-call-to-action-area .section-title .title {
	color: #fff;
}
.homveverionone.dark-mode .blog-area {
	padding-bottom: 0;
}

.two-colums-blog .single-blog-inner .blog-meta.colum2-style {
	top: 29%;
	left: 13%;
}

	.single-blog-inner h4{

		font-weight: 500;

	}

	.two-colums-blog .read-more-btn span, .read-more-btn span {

		display: none;

	}



	.two-colums-blog .read-more-btn, .read-more-btn {

		height: 50px;

		width: 50px;

		text-align: center;

	}

	 .two-colums-blog .single-blog-inner:hover .details .read-more-btn i, .single-blog-inner:hover .details .read-more-btn i {

	  padding: 0;

	}

.three-colums-blog .single-blog-inner .blog-meta.colum3-style {
	top: 31%;
	left: 13%;
}
	.three-colums-blog .read-more-btn span {

		display: none;

	}

	.three-colums-blog .read-more-btn {

		height: 50px;

		width: 50px;

		text-align: center;

	}

	.three-colums-blog .single-blog-inner:hover .details .read-more-btn i {

	  padding: 0;

	}

	.single-blog-inner .details p {

		display: none;

	}
	.blog-details-page-content .single-blog-inner .details p {

		display: block;

	}

	/*-----products css ---*/

a.add-to-cart {
	margin-left: 24%;
}

	.product-content.products-top-details {

		padding-left: 80px;

	}

	a.add-to-cart.p-details {

		margin-left: 50%;

	}

	.product-thum img {

		max-width: 100%;

	}

	.product-content.products-top-details {

		padding-left: 0;

	}

	.navbar-area-2 .nav-right-part .search-bar-btn {

		margin-top: 0;

	}

	/* cart css 767 */

	.product-cart-content .product-cart-update-bottom {

		margin-bottom: 20px;

	}
.product-bill-option span {
	display: block;
}
.product-page-content {
	padding: 80px 0;
}

	.product-check-pay-img-wrap .product-check-pay-img-inner {

		width: 44%;

	}

	.product-bill-option span {

		margin-right: -2px;

	}

	.product-checkout-wrap .product-check-bill-form input {

		padding: 14px;

	}

	.product-checkout-content .product-check-order-btn .btn {

		margin-bottom: 13px;

	}

.call-to-action::before {

	right: 0;

}

.call-to-action {

	padding: 50px 0;

}

/*Home three css*/

.hero-banner-content {

	padding-top: 0;

}

.hero-banner-content h1 {

	font-size: 50px;

}

.section-area-title h2 {

	font-size: 35px;

}

.single-blog-item {

	margin-bottom: 30px;

}







	}


@media all and (max-width: 575px) {
.blog-metas {
	bottom: 9%;
}
.three-colums-blog .blog-metas {
	bottom: 21%;
}
.homeversiontwo.dark-mode .single-blog-inner .blog-meta {
	top: 0;
	left: 7%;
}
.homeversiontwo .project-area {
	padding-top: 80px;
}
.homeversiontwo .team-area {
	padding: 0;
}
.homeversiontwo .call-to-action-area {
	padding: 90px 0;
	
}
.homveverionone.dark-mode .single-blog-inner .blog-meta {
	top: 0;
	left: 6%;
	position: relative;
}
.dark-mode .client-project-area {
	padding-top: 0;
}
.dark-mode .down-arrow {
	bottom: 15%;
	 left: 0;
	right: auto;
}
.service-area.team-area.pd-bottom-90 {
	padding-top: 0;
}
.three-colums-blog .single-blog-inner .blog-meta.colum3-style {
	top: 0;
	left: 11%;
	position: relative;
}
.topbar-logo img {

	display: none;

}
.homveverionone .single-blog-inner .blog-meta {
	top: 65.5%;
	left: 23%;
}
.tabs-details-inner {
	text-align: left;
}
.pricing-plan-area.section-padding {
	padding: 80px 0;
}
.team-area {
	padding: 80px 0;
}
.testimonial-area {
	padding: 0;
}
.homeversiontwo .single-blog-inner .blog-meta {
	top: 56%;
	left: 8%;
}
.dark-mode.homveverionone .team-area {
	padding-top: 80px;
}
.dark-mode.homveverionone .testimonial-area {
	padding-top: 80px !important;
}

	.back-to-top {

		right: 15px;

		bottom: 20px;

	}

	.prev-next-post .btn {

	padding: 0 15px;

	height: 40px;

	line-height: 38px;

	}

	.slider-control-dots .owl-dots .owl-dot {

	margin: 0 2px;

	}

	.product-filter {

	top: -37px;

}
.video-btn-wrap {
	text-align: center;
	top: 0;
	position: relative;
	left: 0;
}





	.video-area-wrap {;

	text-align: center;

	}

	.single-blog-inner .portfolio-details {

	position: relative;

	}

	.single-counter {

	padding: 25px;

	width: 115px;

	}

.single-blog-inner .blog-meta {
	top: 0;
	left: 6%;
	position: relative;
}

.left-sidebar-blog .single-blog-inner .blog-meta {
	top: 0;
	position: relative;
	left: 6%;
}

	.breadcrumb-area .page-title {

	font-size: 30px;

	}

	.breadcrumb-area {

	padding-top: 100px;

	}

	.pd-top-120 {

	padding-top: 43px;

	}

	.intro-area-home-2 .single-intro-inner {

		border-bottom: 1px solid #000;

	}

	.service-area {

		padding-bottom: 60px;

	}

	.read-more-btn span {

	display: none;

	}

	.single-team-meta {

	  text-align: center;

	  background: var(--main-color);

	  padding: 10px 0;

	  border-radius: 5px;

	  margin-top: -29px;

	}

	.single-team-meta h3, .single-team-meta span {

	  color: #fff;

	  font-weight: 700;

	  text-transform: capitalize;

	}

	.about-thumb-wrap.about-left-thumb .about-thumb-img {

		width: 100%;

	}

	.about-thumb-wrap.about-left-thumb .img-2 {

		top: 30%;

	}

	.about-thumb-wrap.about-left-thumb .about-thumb-img img {

		width: 100%;

	}

	 .about-thumb-wrap.about-left-thumb {

		margin-right: 0;

	}

	 .about-thumb-wrap.about-left-thumb .about-quote {

		right: -10px;

	}

	.single-blog-inner .thumb {

		margin-bottom: 5px;

	}

	.footer-call-to-action-area .section-title .title {

		font-size: 19px;

	}

	.comming-first-main-content h2 {

		font-size: 30px;

	}

	.service-area .btn-wrap {

		margin-bottom: 10px;

	}

	.single-feature-inner:hover .details .read-more-btn i, .single-blog-inner:hover .details .read-more-btn i {

	  padding: 0;

	}

	.read-more-btn {

		height: 50px;

		width: 50px;

		text-align: center;

	}



.two-colums-blog .single-blog-inner .blog-meta.colum2-style {
	left: 12%;
	position: relative;
	top: 0;
}
	.single-blog-inner .details p {

		display: none;

	}

	.down-arrow {

		bottom: 13%;

		font-size: 10px;

	}

	/*-----Product css ----*/

	a.add-to-cart {

		margin-left: 36%;

	}

	.Product-filter {

		position: absolute;

		top: -40px;

		right: 0;

	}

	.related-product-slider a.add-to-cart.single-p-details {

		margin-left: 35%;

	}

	.product-thum img {

		max-width: 100%;

	}

	.product-content.products-top-details {

		padding-left: 0;

	}

	a.add-to-cart.p-details {

		margin-left: 50%;

	}

	.description {

		padding: 20px;

	}

	.review-content {

		padding-right: 20px;

	}

	.review-top .text-right {

		text-align: left !important;

	}

	/* cart css 575 */

	.product-cart-content .product-cart-update-bottom {

		display: block;

	}

	.product-page-content .btn.btn-primary {

		width: 100%;

		margin: 20px 0;

	}

	.product-page-content .btn.btn-primary {

		width: 0;

		margin: 20px 0;

		margin-right: 15px;

	}

	.product-page-content .product-checkout-content .product-check-order-btn .btn.btn-primary {

		width: 150px;

	}

.call-to-action {

	padding: 10px 0;

}



/*Home three css*/

.section-area-left ul li::after {

	left: -4%;

}
.why-choose-3 {
	padding: 80px 0;
}
.hero-area.heroa-area-3 {
	padding: 150px 0;
}
.marketing-area {
	padding: 0;
}
.marketing-area .section-area-title h2 {
	text-align: center;
	margin-bottom: 30px;
}

.servcie-area {
	padding: 80px 0;
}


	}

@media all and (max-width: 480px) {
.blog-metas {
	bottom: 16%;
}
.banner-inner .title {
	font-size: 35px;
	line-height: 48px;
}
.banner-inner .btn-wrap a {
	display: block;
	width: 50%;
	margin-bottom: 30px;
}
.three-colums-blog .blog-metas {
	bottom: 26%;
}
.blog-two-colunm .blog-metas {
	bottom: 26%;
}
.homeversiontwo.dark-mode .single-blog-inner .blog-meta {
	top: 0;
	left: 10%;
}
.about-area-inner .single-list-inner {
	width: auto;
}
.hero-area.heroa-area-3 {
	padding: 150px 0;
}

.topbar-logo img {

	display: none;

}
.homeversiontwo .blog-area {
	padding: 0;
}
.homeversiontwo .single-blog-inner .blog-meta {
	top: 43%;
	left: 10%;
}


.homveverionone.dark-mode .single-blog-inner .blog-meta {
	top: 0;
	left: 9%;
}
.search-bar-mobile {
	right: 16%;
}
	.breadcrumb-area {

	padding-top: 98px;

	padding-bottom: 0;

	}

	.single-counter {

	padding: 11px;

	font-size: 18px;

	width: 64px;

	}

	.comming-first-main-content > h6::before {

		right: 28%;

		height: 1.5%;

	}

	.comming-first-main-content > h6::after {

	left: 28%;

	height: 1.5%;

	}

	.comming-first-main-content .title h2 {

	font-size: 24px;

	}

	.single-blog-inner .blog-meta {

	top: 42%;

	left: 8%;

	}

	.single-blog-inner .blog-meta.colum2-style {

	top: 16%;

	left: 20%;

	}

	.left-sidebar-blog .single-blog-inner .blog-meta {

		top: 42%;

		left: 11%;

	}

	.two-colums-blog .single-blog-inner .details h4 {

	font-size: 15px;

	}

	.footer-call-to-action-area::before {

	left: 0;

	right: 0;

	bottom: -7px;

	height: 100%;

	border-radius: 100px;

	}

	.footer-call-to-action-area::after {

	left: 0;

	right: 0;

	bottom: -18px;

	height: 100%;

	border-radius: 100px;

	}

	.breadcrumb-area .page-title {

	font-size: 30px;

	}

	.three-colums-blog .single-blog-inner .blog-meta.colum3-style {

	top: 18%;

	left: 19%;

	}

	.three-colums-blog .single-blog-inner .details h4 {

	font-size: 15px;

	}

	.read-more-btn span {

	display: none;

	}

	.footer-call-to-action-area .section-title .title {

	font-size: 14px;

	}

	.btn {

	height: 45px;

	line-height: 46px;

	padding: 0 30px;

	border-radius: 50px;

	font-size: 14px;

	}

	.single-team-meta {

	  text-align: center;

	  background: var(--main-color);

	  padding: 10px 0;

	  border-radius: 5px;

	  margin-top: -29px;

	}

	.single-team-meta h3, .single-team-meta span {

	  color: #fff;

	  font-weight: 700;

	  text-transform: capitalize;

	}

	.about-thumb-wrap.about-left-thumb .about-thumb-img {

		width: 100%;

	}

	.about-thumb-wrap.about-left-thumb .img-2 {

		top: 30%;

	}

	.about-thumb-wrap.about-left-thumb .about-thumb-img img {

		width: 100%;

	}

	 .about-thumb-wrap.about-left-thumb {

		margin-right: 0;

	}

	 .about-thumb-wrap.about-left-thumb .about-quote {

		right: -10px;

	}

	.single-blog-inner .thumb {

		margin-bottom: 5px;

	}

	.service-area .btn-wrap {

		margin-bottom: 10px;

	}

	.single-feature-inner:hover .details .read-more-btn i {

	  padding: 0;

	}

	.read-more-btn {

		height: 50px;

		width: 50px;

		text-align: center;

	}



	.two-colums-blog .single-blog-inner .blog-meta.colum2-style {

		top: 19%;

	}

	.single-blog-inner .details p {

		display: none;

	}

	/*-----Product css ----*/

	a.add-to-cart {

		margin-left: 25%;

	}

	.Product-filter {

		position: absolute;

		top: -40px;

		right: 0;

	}

	.product-thum img {

		width: 100%;	

	}

	.product-thum {

		text-align: center;

	}

	.product-content.products-top-details {

		padding-left: 0;

	}

	.review-top .text-right {

		text-align: left !important;

	}

	.description {

		padding: 20px;

	}

	.review-content {

		padding-right: 20px;

	}

	.product-count a.add-to-cart.p-details {

	margin-left: 27%;

}
.homveverionone .single-blog-inner .blog-meta {
	top: 0;
	left: 9%;
}


/*Home three css*/

.hero-banner-content h1 {

	font-size: 35px;

	line-height: 40px;

}

.client-project-area {

	padding-top: 0;

}

.product-filter {
	top: -41px;
	right: 0;
}
.video-btn-wrap {
	text-align: center;
	top: 0;
	position: relative;
	left: 0;
}





}

@media all and (max-width: 360px) {
.about-area-inner .single-list-inner {
	width: auto;
	float: left;
	padding: 18px;
}

.banner-inner .btn-wrap a {
	width: 67%;
}
.blog-metas {
	bottom: 16%;
}
.search-bar-mobile {
	display: block;
	position: absolute;
	right: 20%;
}

.hero-area.heroa-area-3 {
	padding: 150px 0;
}
.hero-area.heroa-area-3 .hero-banner-content h1 {
	font-size: 35px;
	line-height: 55px;
}
	.breadcrumb-area .page-title {

	font-size: 30px;

	}
.comming-first-main-content > h6::before {
	right: 18%;
}
.comming-first-main-content > h6::after {
	left: 18%;
}
.comming-counter .single-counter {
	width: ;
	margin-left: 0;
	margin-bottom: 15px;
	padding: 24px 0;
}


	.banner-inner .video-play-link {

	display: block;

	margin-top: 15px;

	}

	.single-feature-inner {

		padding: 20px 20px 13px 20px;

	}
.homveverionone.dark-mode .single-blog-inner .blog-meta {
	top: 0;
	left: 14%;
}

	.single-feature-inner .thumb {

		margin-bottom: 20px;

	}

	.single-blog-inner .blog-meta .media {

		margin-top: 30px;

	}

	.single-box-inner.style-two {

		padding: 8px;

	}


	.single-blog-inner .blog-meta {

		top: 30%;

		left: 12%;

	}

	.left-sidebar-blog .single-blog-inner .blog-meta {

		top: 38%;

		left: 12%;

	}
.get-project-area #nav-tab a {
	padding: 10px 20px;
}
.quote-area .btn.btn-primary.custom-btn {
	padding: 5px 30px;
}
.pricing-plan-area.home3.section-padding {
	padding-top: 0;
}
.homveverionone .single-blog-inner .blog-meta {
	top: 38%;
	left: 13%;
}
.homeversiontwo .single-list-inner i {
	left: 8px;
	margin-top: 10px;
}
.homveverionone .single-list-inner.style-check li {
	padding-left: 19px;
}
	.two-colums-blog .single-blog-inner .blog-meta.colum2-style {

		top: 14%;

		left: 20%;

	}	

	.btn {

		height: 45px;

		line-height: 46px;

		padding: 0 30px;

		border-radius: 50px;

		font-size: 14px;

	}

	.footer-call-to-action-area .section-title .title {

		font-size: 14px;

	}

	.single-blog-inner .blog-meta {

		top: 38%;

	}

	.three-colums-blog .single-blog-inner .blog-meta.colum3-style {

		top: 7%;

	}

	.single-counter {

		width: 63px;

	}

	.single-faqs-title i.fa {

		right: 8px;

	}

.down-arrow {
	right: 0;
	bottom: 24%;
}

	.feature-bg-img {

		display: none;

	}

	.read-more-btn {

		height: 50px;

		width: 50px;

		text-align: center;

	}
.product-new-option span {
	margin-right: 30px;
}
.product-bill-option span {
	display: block;
}

	.read-more-btn span {

		display: none;

	}

	.service-area {

		padding-bottom: 60px;

	}

	.intro-area-home-2 .single-intro-inner {

		border-bottom: 1px solid #000;

	}

.homeversiontwo .single-list-inner i {
	font-size: 15px;
	color: var(--main-color);
	transition: .4s;
	position: absolute;
	left: 10px;
	margin-top: 9px;
}
.homeversiontwo .single-list-inner.style-check li {
	padding-left: 20px;
}

	 .homeversiontwo .single-blog-inner .blog-meta {

		top: 36%;

		left: 12%;

	}

	 .about-thumb-wrap.about-left-thumb .about-thumb-img {

		width: 100%;

	}

	.about-thumb-wrap.about-left-thumb .img-2 {

		top: 30%;

	}

	 .about-thumb-wrap.about-left-thumb .about-thumb-img img {

		width: 100%;

	}

	 .about-thumb-wrap.about-left-thumb {

		margin-right: 0;

	}

	 .about-thumb-wrap.about-left-thumb .about-quote {

		right: -10px;

	}

	.section-title .content {

		text-align: justify;

	}

	.breadcrumb-area {

		padding-bottom: 30px;

	}

	.single-blog-inner .thumb {

		margin-bottom: 5px;

	}

	.single-blog-inner .details p {

		display: none;

	}

	.single-team-meta {

	  text-align: center;

	  background: var(--main-color);

	  padding: 10px 0;

	  border-radius: 5px;

	  margin-top: -29px;

	}

	.single-team-meta h3, .single-team-meta span {

	  color: #fff;

	  font-weight: 700;

	  text-transform: capitalize;

	}

	.service-area .btn-wrap {

		margin-bottom: 10px;

	}

	.single-feature-inner:hover .details .read-more-btn i {

	  padding: 0;

	}

	/*-----Product css ----*/

	a.add-to-cart {

		margin-left: 25%;

	}

	.Product-filter {

		position: absolute;

		top: -40px;

		right: 0;

		width: 142px;

	}

	.product-content.products-top-details {

		padding-left: 0;

	}

	.product-description li {

		font-size: 24px;

	}

	.description {

		padding: 20px;

	}

	.review-content {

		padding-right: 20px;

	}

	.review-top .text-right {

		text-align: left !important;

	}

.product-count a.add-to-cart.p-details {
	margin-left: 14%;
}



}

@media only screen and (max-width: 320px){
.blog-metas {
	bottom: 17%;
}
.homeversiontwo .service-area h2 {
	font-size: 32px;
}
.banner-inner .btn-wrap a {
	width: auto;
}
.homeversiontwo.dark-mode .single-blog-inner .blog-meta {
	top: 0;
	left: 13%;
}
.banner-inner .title {
	font-size: 27px;
	line-height: 36px;
}
.product-new-option span {
	display: block;
}
.single-blog-inner .blog-meta {
	top: 33%;
}
.quote-area .btn.btn-primary.custom-btn {
	padding: 5px 21px;
}
.product-count a.add-to-cart.p-details {
	margin-left: 0;
	display: block;
	margin-top: 15px;
}
.banner-inner .content {
	font-weight: normal;
}
.nav-tabs .nav-link {
	padding: 10px 3px;
}
.videoss-area .nav-tabs .nav-link {
	padding: 0 15px;
}
.related-product-slider a.add-to-cart.single-p-details {
	margin-left: 21%;
}
#feature-area h2 {
	font-size: 26px;
}
.feature-slider .single-feature-inner {
	margin: 0;
}
#feature-area {
	padding-bottom: 50px;
}
.about-area {
	padding: 80px 0;
}
.bg-width-50 {
	width: 91%;
}
.pricing-plan-area.section-padding {
	padding: 80px 0;
}
.pricing-plan-area .section-title h2 {
	font-size: 32px;
}
.single-pricing-table {
	margin-bottom: 0;
}
.project-area {
	padding: 80px 0;
}
.single-testimonial-inner {
	margin: 3px !important;
	margin-bottom: 15px !important;
}
.testimonial-area {
	padding: 80px 0;
}
.homveverionone .blog-area {
	padding: 80px 0;
}
.homveverionone .single-blog-inner .blog-meta {
	top: 33%;
	left: 14%;
}

.footer-call-to-action-area .btn-border-base {;
	padding: 15px 33px;
}
.homeversiontwo .single-blog-inner .blog-meta {
	top: 32%;
	left: 15%;
}
.hero-area.heroa-area-3 .hero-banner-content h1 {
	font-size: 29px;
	line-height: 44px;
}
.hero-area.heroa-area-3 {
	padding: 100px 0;
}
.get-project-area #nav-tab a {
	padding: 10px 14px;
}
.client-project-area h2 {
	font-size: 32px;
}
.client-project-area .single-box-inner.style-two {
	width: 100%;
	 float: none; 
	 margin-right: 0; 
}
.quote-area h2 {
	font-size: 33px;
	margin-bottom: 16px;
}
.section-area-left h2 {
	font-size: 28px;
}

.dark-mode.homveverionone  .project-area {
	padding-top: 0;
}
.video-btn-wrap {
	text-align: center;
	top: 0;
	position: relative;
	left: 0;
}
.marketing-area .section-area-title h2 {
	font-size: 28px;
}
.marketing-area {
	padding-top: 0;
	padding-bottom: 20px;
}
.testimonial-area {
	padding: 0;
}

}