/* ================================================== 
*	Project Name 	:  kitbe - HTML Template.
*	File 			:  Responsive CSS Base
*	Version 		:  1.0.0
*	Last change 	:  18 February 2020
*	Author 			:  DroitThemes - (https://themeforest.net/user/droitthemes)
*	Developer:		:  Rakibul Islam Dewan - (https://www.facebook.com/rakibul.d.islam)

*	css code for responsive layout To make Responsive
================================================== */

/* ==================================================
*	01 - media screen and (max-width: 1580px)
*	0 - media screen and (max-width: 1280px)
*	03 - media screen and (max-width: 1199px)
*	04 - media screen and (max-width: 991px)
*	05 - media screen and (max-width: 767px)
*	06 - media screen and (max-width: 680px)
*	07 - media screen and (max-width: 580px)
*	08 - media screen and (max-width: 480px)
*	09 - media screen and (max-width: 380px)
*	10 - media screen and (max-width: 320px)
================================================== */





/*  ====================================================================================================
01 - media screen and (max-width: 1580px) - start
==================================================================================================== */

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

	/* home 2 - start */
	.testimonial-section .carousel_thumb {
		width: 680px;
		margin-right: -80px;
	}
	.testimonial-section .carousel_thumb .thumb-item:nth-child(3) {
		left: 300px;
	}
	.testimonial-section .carousel_thumb .thumb-item:nth-child(2) {
		left: 340px;
	}
	.testimonial-section .carousel_thumb .thumb-item:nth-child(6) {
		left: 335px;
	}
	/* home 2 - end */

}

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

	/* footer - start */
	.footer-section .deco-image-1 {
		max-width: 370px;
	}
	/* footer - end */

	/* home 1 - start */
	.intro-section .item-image-2 {
		padding-right: 100px;
		padding-bottom: 90px;
	}
	.intro-section .item-image-2 .absolute-image {
		right: -60px;
		max-width: 300px;
	}
	.intro-section .item-image-2 .deco-image-1 {
		top: 100px;
		right: -110px;
		max-width: 200px;
	}
	.intro-section .item-image-2 .deco-image-2 {
		top: 96px;
		right: 100px;
		max-width: 230px;
	}
	.intro-section .deco-image-3 {
		max-width: 170px;
	}

	.service-section .deco-image-3 {
		right: 15px;
		max-width: 450px;
	}
	.service-section .deco-image-4 {
		left: 15px;
		bottom: 35px;
		max-width: 200px;
	}

	.team-section .deco-image-1 {
		left: -230px;
		max-width: 360px;
	}
	/* home 1 - end */

	/* home 2 - start */
	.testimonial-section .deco-image-2 {
		max-width: 850px;
	}
	.testimonial-section .carousel_thumb {
		height: 640px;
		margin-bottom: -140px;
	}
	/* home 2 - end */

	/* about - start */
	.misssion-section .item-image-wrap .item-image {
		width: 570px;
	}
	.misssion-section .item-image-wrap .deco-image-1 {
		right: -150px;
		max-width: 400px;
	}
	/* about - end */

}

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

	/* about - start */
	.misssion-section .item-image-wrap .item-image {
		width: 500px;
	}
	.misssion-section .item-image-wrap .deco-image-1 {
		right: -80px;
		max-width: 390px;
	}
	/* about - end */

}

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

	/* footer - start */
	.footer-section .deco-image-1 {
		right: -185px;
		max-width: 300px;
	}
	/* footer - end */

	/* home 1 - start */
	.slider-section .main-carousel .item .slider-content .title-text {
		font-size: 52px;
	}

	.intro-section .deco-image-3 {
		max-width: 130px;
	}

	.service-section .deco-image-3 {
		max-width: 400px;
	}
	.service-section .deco-image-4 {
		max-width: 150px;
	}

	.howitwork-section .item-image {
		margin-left: 0px;
		padding-top: 50px;
		padding-right: 130px;
	}
	.howitwork-section .item-image .video-image .play-btn {
		width: 100px;
		height: 100px;
		font-size: 30px;
		line-height: 110px;
	}
	.howitwork-section .item-image .absolute-image {
		right: -55px;
		max-width: 245px;
	}
	.howitwork-section .item-image .deco-image-1 {
		right: -10px;
		bottom: -40px;
		max-width: 290px;
	}
	.howitwork-section .item-image .deco-image-2 {
		top: -80px;
		max-width: 340px;
	}

	.blog-section .deco-image-2 {
		max-width: 190px;
	}
	.blog-section .deco-image-1 {
		max-width: 140px;
	}

	.portfolio-fullimage .item-title {
		margin-bottom: 0px;
	}
	.portfolio-fullimage .item-title > a {
		font-size: 24px;
	}
	.portfolio-section .grid .grid-item .portfolio-fullimage {
		height: 350px;
	}
	.portfolio-section .grid .grid-item.big-item .portfolio-fullimage {
		height: 700px;
	}
	/* home 1 - end */

	/* home 2 - start */
	.banner-section .banner-image {
		width: 580px;
		margin-bottom: 0px;
	}

	.testimonial-section .carousel_thumb {
		width: 560px;
		height: 600px;
		margin-right: -30px;
		margin-bottom: -120px;
	}
	.testimonial-section .carousel_thumb .thumb-item:nth-child(5) {
		top: 320px;
		right: -90px;
	}
	.testimonial-section .carousel_thumb .thumb-item:nth-child(4) {
		top: 340px;
		left: 110px;
	}
	.testimonial-section .deco-image-2 {
		max-width: 810px;
	}
	.testimonial-section .carousel_thumb .thumb-item:nth-child(6) {
		bottom: 35px;
	}
	/* home 2 - end */

	/* about - start */
	.intro-section .item-image .absolute-image {
		left: -80px;
		max-width: 330px;
	}
	.intro-section .item-image .deco-image-1 {
		top: 75px;
		left: -100px;
		max-width: 220px;
	}
	.faq-section .item-image {
		width: 430px;
		margin-left: -90px;
	}
	/* about - end */

}

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

	/* global - start */
	.owl-theme.arrow-right-left .owl-nav .owl-prev {
		left: 15px;
	}
	.owl-theme.arrow-right-left .owl-nav .owl-next {
		right: 15px;
	}
	/* global - end */

	/* home 1 - start */
	.intro-section .item-image-2 {
		max-width: 380px;
		padding-right: 0px;
		padding-bottom: 90px;
	}
	.intro-section .item-image-2 .absolute-image {
		right: -70px;
		max-width: 270px;
	}

	.howitwork-section .item-image {
		max-width: 350px;
		padding-top: 80px;
		padding-right: 0px;
	}
	.howitwork-section .item-image .absolute-image {
		right: -110px;
		max-width: 240px;
	}
	.howitwork-section .item-image .deco-image-1 {
		right: -80px;
		bottom: -35px;
		max-width: 270px;
	}
	.howitwork-section .item-image .deco-image-2 {
		top: -45px;
		max-width: 340px;
	}

	.team-section .deco-image-1 {
		left: -190px;
		max-width: 300px;
	}
	/* home 1 - end */

}

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

	/* about - start */
	.intro-section .item-image .absolute-image {
		left: -70px;
		max-width: 300px;
	}
	.intro-section .item-image .deco-image-1 {
		left: -85px;
	}
	/* about - start */

}

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

	/* home 1 - start */
	.team-carousel.arrow-right-left .owl-nav .owl-prev {
		left: -50px !important;
	}
	.team-carousel.arrow-right-left .owl-nav .owl-next {
		right: -50px !important;
	}
	/* home 1 - end */

}

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

	/* global - start */
	.section-title.size-increase .title-text {
		font-size: 40px;
	}
	.section-title p {
		font-size: 16px;
	}
	.section-title .sub-title {
		font-size: 14px;
	}
	/* global - end */

	/* home 1 - start */
	.slider-section .main-carousel .slider-content {
		padding-left: 30px;
	}
	/* home 1 - end */

	/* home 2 - start */
	.banner-section .banner-image {
		width: 100%;
		float: none;
	}

	.misssion-section .deco-image-2 {
		top: 70px;
		right: -60px;
		max-width: 210px;
	}
	.misssion-section .deco-image-3 {
		bottom: 30px;
		left: -115px;
		max-width: 220px;
	}

	.portfolio-section .deco-image-1 {
		top: 100px;
		right: -70px;
		max-width: 170px;
	}
	.portfolio-section .deco-image-2 {
		left: -140px;
		max-width: 270px;
	}
	.pricing-section .deco-image-1 {
		right: -45px;
		max-width: 140px;
	}

	.testimonial-section .carousel_thumb {
		width: 430px;
		height: 470px;
		margin-right: -110px;
		margin-bottom: -100px;
	}
	.testimonial-section .carousel_thumb .thumb-item {
		width: 80px;
		height: 80px;
	}
	.testimonial-section .carousel_thumb .thumb-item.size-md {
		transform: scale(0.7);
	}
	.testimonial-section .carousel_thumb .thumb-item.size-sm {
		transform: scale(0.5);
	}
	.testimonial-section .deco-image-2 {
		max-width: 730px;
	}
	.testimonial-section .carousel_thumb .thumb-item:nth-child(1) {
		top: 40px;
		left: 0px;
	}
	.testimonial-section .carousel_thumb .thumb-item:nth-child(2) {
		left: 45%;
	}
	.testimonial-section .carousel_thumb .thumb-item:nth-child(3) {
		top: 40%;
		left: 40%;
	}
	.testimonial-section .carousel_thumb .thumb-item:nth-child(4) {
		top: 65%;
		left: 10%;
	}
	.testimonial-section .carousel_thumb .thumb-item:nth-child(5) {
		top: 55%;
		right: 0%;
	}
	.testimonial-section .carousel_thumb .thumb-item:nth-child(6) {
		left: 50%;
		bottom: 35px;
	}
	/* home 2 - end */

	/* home 3 - start */
	.home-3 .slider-section .main-carousel .item .slider-content .title-text {
		font-size: 66px;
	}

	.intro-section .item-image {
		float: right;
		max-width: 380px;
		padding-left: 0px;
	}
	.intro-section .item-image .absolute-image {
		left: -70px;
		max-width: 270px;
	}
	.intro-section .item-image .deco-image-1 {
		top: 100px;
		left: -110px;
		max-width: 200px;
	}

	.faq-section .item-image {
		width: 400px;
		margin-left: -120px;
	}
	/* home 3 - end */

}

/* ====================================================================================================
01 - media screen and (max-width: 1580px) - end
==================================================================================================== */





/*  ====================================================================================================
02 - media screen and (max-width: 1280px) - start
==================================================================================================== */

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

	/* home 1 - start */
	.slider-section .main-carousel .slider-content {
		padding-left: 60px;
	}

	.team-carousel {
		margin: 0px;
	}
	.team-carousel.arrow-right-left .owl-nav .owl-prev {
		left: -10px !important;
	}
	.team-carousel.arrow-right-left .owl-nav .owl-next {
		right: -10px !important;
	}
	.team-carousel.arrow-right-left .owl-nav .owl-prev,
	.team-carousel.arrow-right-left .owl-nav .owl-next {
		background-color: #ffffff;
		border: 1px solid #ffffff !important;
		box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
		&:hover {
			background-color: $default-purple;
			border-color: $default-purple !important;
		}
	}

	.portfolio-section .grid .grid-item .portfolio-fullimage {
		height: 300px;
	}
	.portfolio-section .grid .grid-item.big-item .portfolio-fullimage {
		height: 600px;
	}
	/* home 1 - end */

}

/* ====================================================================================================
02 - media screen and (max-width: 1280px) - end
==================================================================================================== */





/*  ====================================================================================================
03 - media screen and (max-width: 1199px) - start
==================================================================================================== */

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

	/* home 2 - start */
	.banner-section .banner-content {
		max-width: 500px;
	}
	.banner-section .title-text {
		font-size: 42px;
		line-height: 1.3;
	}
	.banner-section p {
		font-size: 19px;
		margin-bottom: 40px;
	}
	.banner-section .parallax-window {
		min-height: 850px;
	}

	.misssion-section .section-title {
		margin-right: 0px;
	}

	.testimonial-section .deco-image-2 {
		max-width: 690px;
	}
	.testimonial-section .carousel_thumb {
		margin-right: -160px;
		margin-bottom: -160px;
	}
	/* home 2 - end */

	/* home 3 - start */
	.faq-section .item-image {
		width: 380px;
		margin-left: -150px;
	}
	.faq-section .deco-image-1 {
		max-width: 600px;
	}
	/* home 3 - end */

	/* about - start */
	.misssion-section .item-image-wrap .item-image {
		width: 415px;
	}
	.misssion-section .item-image-wrap .item-image {
		width: 370px;
	}
	/* about - end */

}

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

	/* global - start */
	body {
		font-size: 14px;
	}

	.mb-60 {
		margin-bottom: 40px;
	}

	.btn,
	.home-2 .btn,
	.home-3 .btn {
		height: 50px;
		font-size: 14px;
		padding: 0px 25px;
		line-height: 50px;
	}
	.home-2 .btn {
		min-width: 150px;
	}

	.section-title .title-text {
		font-size: 36px;
		line-height: 1.2;
	}
	.section-title p {
		font-size: 16px;
	}
	.section-title.size-increase .title-text {
		font-size: 32px;
	}

	.owl-theme .owl-nav .owl-next,
	.owl-theme .owl-nav .owl-prev {
		width: 40px;
		height: 40px;
	}
	.owl-theme .owl-nav .owl-next::before,
	.owl-theme .owl-nav .owl-prev::before {
		font-size: 16px;
		line-height: 40px;
	}
	/* global - end */

	/* header - start */
	.header-section {
		min-height: 80px;
	}
	.header-section .main-menu > ul > li::before {
		bottom: -30px;
	}
	.header-section .brand-logo > a {
		max-width: 90px;
	}

	.header-section .main-menu > ul .menu-item-has-child .sub-menu {
		right: 0px;
		left: unset;
		border-radius: 10px;
		border-top-right-radius: 0px;
	}
	.header-section .main-menu > ul .menu-item-has-child .sub-menu .menu-item-has-child .sub-menu {
		left: unset;
		right: 100%;
	}
	/* header - end */

	/* footer - start */
	.footer-section .newsletter-area .title-text {
		font-size: 42px;
		margin-bottom: 60px;
	}
	/* footer - end */

	/* breadcrumb - start */
	.breadcrumb-section .parallax-window {
		min-height: auto;
		padding: 80px 0px;
	}
	.breadcrumb-section .page-title {
		font-size: 36px;
		margin-bottom: 20px;
	}
	/* breadcrumb - end */

	/* sidebar - start */
	.sidebar-section .widget-title {
		font-size: 20px;
		margin-bottom: 30px;
	}
	.sidebar-section .widget {
		margin-bottom: 50px;
	}

	.small-blog .item-image {
		width: 110px;
		margin-right: 15px;
	}
	.small-blog .item-title > a {
		font-size: 14px;
	}

	.sidebar-section .category-list > ul > li {
		margin-bottom: 15px;
	}
	/* sidebar - end */

	/* home 1 - start */
	.slider-section .main-carousel .item .slider-content {
		padding-left: 80px;
	}
	.slider-section .main-carousel .item .slider-content .title-text {
		font-size: 42px;
	}
	.slider-section .main-carousel .item {
		min-height: 730px;
		padding-top: 180px;
		padding-bottom: 100px;
	}

	.intro-section .item-image-2 {
		max-width: 300px;
		padding-bottom: 80px;
	}
	.intro-section .item-image-2 .absolute-image {
		max-width: 200px;
	}
	.intro-section .item-image-2 .deco-image-1 {
		top: 90px;
		right: -80px;
		max-width: 160px;
	}

	.service-primary .item-title {
		font-size: 16px;
	}
	.service-primary p {
		font-size: 16px;
	}

	.service-boxed-2 {
		padding: 40px 30px;
	}
	.service-boxed-2 .item-icon > img {
		height: 190px;
	}
	.service-boxed-2 .item-icon {
		height: 200px;
		margin: 0px auto 40px;
	}
	.service-section .deco-image-3 {
		max-width: 300px;
	}
	.service-section .deco-image-4 {
		max-width: 120px;
	}

	.howitwork-section .item-image {
		max-width: 300px;
	}
	.howitwork-section .item-image .absolute-image {
		right: -80px;
		max-width: 200px;
	}
	.howitwork-section .item-image .deco-image-1 {
		right: -45px;
		bottom: -15px;
		max-width: 220px;
	}

	.team-section .deco-image-1 {
		left: -150px;
		max-width: 230px;
	}
	.team-carousel.arrow-right-left .owl-nav .owl-prev {
		left: 25px !important;
	}
	.team-carousel.arrow-right-left .owl-nav .owl-next {
		right: 25px !important;
	}

	.portfolio-section .grid .grid-item .portfolio-fullimage {
		height: 260px;
	}
	.portfolio-section .grid .grid-item.big-item .portfolio-fullimage {
		height: 520px;
	}
	.portfolio-fullimage .item-title > a {
		font-size: 20px;
	}
	.portfolio-fullimage p span {
		font-size: 15px;
	}

	.home-1 .small-blog .item-image {
		width: 150px;
	}
	.small-blog .post-date {
		font-size: 14px;
		margin-bottom: 5px;
	}
	.small-blog .item-title > a {
		font-size: 16px;
		line-height: 1.5;
	}
	.blog-primary .post-date {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.blog-primary .item-title > a {
		font-size: 22px;
	}
	.blog-primary .item-title {
		margin-bottom: 20px;
	}
	.blog-section .deco-image-2 {
		max-width: 160px;
	}
	.blog-section .deco-image-1 {
		max-width: 130px;
	}
	/* home 1 - end */

	/* home 2 - start */
	.banner-section .banner-content {
		max-width: 420px;
	}
	.banner-section .title-text {
		font-size: 36px;
		line-height: 1.1;
		margin-bottom: 20px;
	}
	.banner-section p {
		font-size: 16px;
		margin-bottom: 30px;
	}
	.banner-section .parallax-window {
		min-height: auto;
		padding-top: 250px;
		padding-bottom: 150px;
	}

	.service-fullimage .item-title {
		bottom: 35px;
		height: 55px;
		min-width: 260px;
	}
	.service-fullimage .item-title > a {
		font-size: 15px;
		line-height: 58px;
	}

	.calltoaction-section .section-title {
		padding-left: 0px;
	}

	.pricing-item .item-title {
		font-size: 24px;
	}
	.pricing-item .pricing-list > ul > li {
		font-size: 16px;
	}

	.testimonial-section .carousel_thumb {
		width: 370px;
		height: 430px;
		margin-bottom: -230px;
	}
	.testimonial-section .deco-image-2 {
		max-width: 640px;
	}
	/* home 2 - end */

	/* home 3 - start */
	.home-3 .slider-section .main-carousel .item .slider-content .title-text {
		font-size: 52px;
	}
	.home-3 .slider-section .main-carousel .item .slider-content p {
		font-size: 20px;
	}
	.home-3 .slider-section .main-carousel .item .slider-content {
		max-width: 600px;
		margin: 0px auto;
	}

	.intro-section .item-image {
		max-width: 300px;
		padding-bottom: 80px;
	}
	.intro-section .item-image .absolute-image {
		max-width: 200px;
	}
	.intro-section .item-image .deco-image-1 {
		top: 90px;
		left: -80px;
		max-width: 160px;
	}

	.service-boxed .item-title {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.service-boxed p {
		margin-bottom: 20px;
	}

	.client-section .clients-carousel .item > a {
		max-width: 110px;
	}
	/* home 3 - end */

	/* about - start */
	.faq-section .item-image {
		width: 320px;
		margin-left: -125px;
	}
	/* about - end */

	/* blog - start */
	.blog-grid .post-date strong {
		font-size: 30px;
	}
	.blog-grid .post-date span {
		font-size: 16px;
	}
	.blog-grid .post-date {
		top: 30px;
		right: 30px;
		min-width: 90px;
	}
	.blog-grid .item-content {
		padding: 30px;
	}
	.blog-grid .item-title > a {
		font-size: 24px;
	}
	.blog-grid .item-title {
		margin-bottom: 20px;
	}
	.blog-grid p {
		margin-bottom: 30px;
	}

	.grid .grid-item .blog-grid .item-content {
		padding: 20px;
	}
	.grid .grid-item .blog-grid .item-title > a {
		font-size: 18px;
	}
	.grid .grid-item .blog-grid .item-title {
		margin-bottom: 15px;
	}
	.grid .grid-item .blog-grid .post-admin .admin-content {
		font-size: 13px;
	}
	.grid .grid-item .blog-grid .btn {
		float: right;
		min-width: 100px;
		padding: 0px 15px;
	}
	.grid .grid-item .blog-grid p {
		margin-bottom: 15px;
	}
	/* blog - end */

	/* blog details - start */
	.blog-details .post-date {
		top: 30px;
		right: 30px;
		min-width: 90px;
	}
	.blog-details .post-date strong {
		font-size: 36px;
	}
	.blog-details .post-date span {
		font-size: 18px;
	}
	.blog-details .item-content {
		padding: 40px 25px;
	}
	.details-section .item-title {
		font-size: 22px;
		margin-bottom: 20px;
	}
	.details-section p {
		margin-bottom: 30px;
	}
	blockquote {
		padding: 30px;
		padding-left: 70px;
		margin-bottom: 30px;
	}
	blockquote p {
		font-size: 16px;
	}
	blockquote .quote-icon {
		font-size: 48px;
	}
	/* blog details - end */

	/* service details - start */
	.sidebar-section .services-tab .tabs-nav {
		margin: -15px -30px;
	}
	.sidebar-section .widget.bg-white {
		padding: 30px;
	}
	.sidebar-section .services-tab .tabs-nav > ul > li > a {
		font-size: 14px;
		padding: 12px 20px;
		padding-left: 55px;
	}
	.sidebar-section .services-tab .tabs-nav > ul > li > a::before {
		top: 11px;
	}
	.sidebar-section .widget.bg-white .widget-title {
		font-size: 22px;
	}
	.sidebar-section .contact-info > ul > li .icon {
		width: 40px;
		font-size: 24px;
	}
	.sidebar-section .contact-info > ul > li .content h4 {
		font-size: 16px;
		margin-bottom: 5px;
	}
	/* service details - end */

}

/* ====================================================================================================
03 - media screen and (max-width: 1199px) - end
==================================================================================================== */





/* ====================================================================================================
04 - media screen and (max-width: 991px) - start
==================================================================================================== */

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

	/* global - start */
	.container {
		max-width: 960px;
	}

	.order-last {
		order: 0;
	}

	.pagination-nav > ul > li:last-child > a,
	.pagination-nav > ul > li:first-child > a {
		font-size: 14px;
	}
	.pagination-nav > ul > li {
		height: 45px;
		min-width: 45px;
		margin-right: 15px;
	}
	.pagination-nav > ul > li > a {
		font-size: 16px;
		line-height: 50px;
	}

	.sec-ptb-120 {
		padding: 100px 0px;
	}
	.mb-100 {
		margin-bottom: 50px;
	}
	/* global - end */

	/* header - start */
	.header-section .main-menu {
		display: none;
	}
	.header-section .brand-logo .menu-btn {
		display: inline-block;
	}
	.header-section .brand-logo > a {
		max-width: 80px;
	}
	/* header - end */

	/* footer - start */
	.footer-section {
		.widget {
			text-align: center;
		}
		.about-content {
			max-width: 410px;
			margin: 0px auto;
		}
		.useful-links {
			margin-top: 40px;
			>ul {
				>li {
					>a {
						line-height: 1;
					}
				}
			}
		}
	}
	.footer-section .newsletter-area .title-text {
		font-size: 42px;
		margin-bottom: 60px;
	}
	.footer-section .widget-area {
		padding: 80px 0px;
	}
	.footer-section .newsletter-area {
		padding-top: 100px;
	}
	/* footer - end */

	/* sidebar - start */
	.sidebar-section.pl-30 {
		padding-left: 0px;
	}
	.sidebar-section.pr-30 {
		padding-right: 0px;
	}
	.sidebar-section {
		margin-top: 80px;
	}
	/* sidebar - end */

	/* breadcrumb - start */
	.breadcrumb-section .breadcrumb-content {
		text-align: center;
		p {
			font-size: 15px;
		}
	}
	/* breadcrumb - end */

	/* home 1 - start */
	.slider-section .main-carousel .item .slider-content .title-text {
		font-size: 36px;
		margin-bottom: 25px;
	}
	.slider-section .main-carousel .item .slider-content p {
		font-size: 16px;
		margin-bottom: 30px;
	}
	.slider-section .main-carousel .item .slider-content {
		padding-left: 60px;
	}
	.slider-section .main-carousel .item {
		min-height: 660px;
	}

	.intro-section {
		text-align: center;
		.service-primary {
			.item-icon {
				margin: 0px auto 30px;
				>img {
					margin: auto;
				}
			}
		}
	}
	.intro-section .item-image-2 {
		margin: 0px auto 40px;
	}

	.service-boxed-2 .item-icon {
		height: 170px;
		margin: 0px auto 40px;
	}
	.service-boxed-2 .item-icon > img {
		height: 165px;
	}
	.service-boxed-2 .item-title {
		font-size: 18px;
	}

	.howitwork-section {
		text-align: center;
	}
	.howitwork-section .item-image {
		margin: 0px auto 40px;
	}
	/* home 1 - end */

	/* home 2 - start */
	.banner-section .parallax-window {
		padding-top: 200px;
		padding-bottom: 100px;
	}

	.service-fullimage .item-title {
		bottom: 30px;
		height: 50px;
		min-width: 240px;
	}
	.service-fullimage .item-title > a {
		font-size: 14px;
		line-height: 52px;
	}

	.misssion-section .deco-image-3 {
		bottom: 5px;
		left: -105px;
		max-width: 195px;
	}

	.portfolio-grid .title-wrap {
		padding: 15px;
	}
	.portfolio-grid .item-title {
		font-size: 16px;
		margin-bottom: 2px;
	}
	.portfolio-grid .info-text {
		font-size: 12px;
	}
	.portfolio-grid .item-content {
		padding: 20px;
	}
	.portfolio-grid .item-content .item-title {
		margin-bottom: 10px;
	}
	.portfolio-grid .item-content p {
		margin-bottom: 10px;
	}
	.portfolio-section .deco-image-1 {
		top: 40px;
		right: -55px;
		max-width: 130px;
	}
	.portfolio-section .deco-image-2 {
		left: -110px;
		max-width: 220px;
	}

	.pricing-item {
		padding: 40px 30px;
	}
	.pricing-item .item-title {
		font-size: 22px;
	}

	.testimonial-section .carousel_thumb {
		float: none;
		width: 100%;
		height: 430px;
		margin-bottom: 0px;
	}
	.testimonial-section .teatimonial_carousel .item {
		text-align: center;
	}
	.testimonial-section .teatimonial_carousel .rating-star > ul {
		margin: 0px auto;
	}
	.testimonial-section .teatimonial_carousel .testimonial-admin {
		display: table;
		margin: 0px auto;
		text-align: left;
	}
	.testimonial-section .teatimonial_carousel.owl-theme .owl-nav {
		float: none;
	}
	.testimonial-section .deco-image-2 {
		display: none;
	}
	/* home 2 - end */

	/* home 3 - start */
	.intro-section {
		text-align: center;
	}
	.intro-section .item-image {
		float: none;
		margin: 0px auto 40px;
	}

	.service-boxed {
		padding: 50px 20px;
	}
	.service-boxed .item-icon {
		height: 100px;
	}
	.service-boxed .item-icon > img {
		height: 95px;
	}

	.calltoaction-section .item-image {
		margin-left: 0px;
		margin-bottom: 40px;
	}
	.calltoaction-section .parallax-window {
		padding: 120px 0px;
	}

	.faq-section .item-image {
		float: none;
		width: 100%;
		margin: 0px auto 40px;
	}
	/* home 3 - end */

	/* about - start */
	.misssion-section .item-image-wrap .item-image {
		width: 400px;
	}
	.misssion-section .item-image-wrap .deco-image-1 {
		right: 0px;
	}

	.faq-section .section-title {
		text-align: center;
	}
	/* about - end */

	/* blog - start */
	.blog-section .pagination-nav > ul {
		margin: 0px auto;
	}
	/* blog - end */

	/* blog details - start */
	.blog-details .post-admin .admin-thumbnail {
		width: 50px;
		height: 50px;
		margin-right: 15px;
	}
	.blog-details .post-admin .admin-content {
		font-size: 16px;
		margin: 11px 0px;
	}
	.blog-details .share-links .list-title {
		font-size: 14px;
		margin-right: 15px;
	}
	.blog-details .share-links > ul > li > a {
		font-size: 12px;
	}
	.details-section .title-text {
		text-align: center;
	}
	.details-section .comment-form .btn {
		display: table;
		margin: 0px auto;
	}
	/* blog details - end */

	/* contact - start */
	.calltoaction-section .estimate-content h2 {
		font-size: 48px;
	}
	/* contact - end */

}

/* ====================================================================================================
04 - media screen and (max-width: 991px) - end
==================================================================================================== */





/* ====================================================================================================
05 - media screen and (max-width: 767px) - start
==================================================================================================== */

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

	/* global - start */
	.btn,
	.home-2 .btn {
		height: 45px;
		padding: 0px 25px;
		line-height: 43px;
	}

	.sec-ptb-120 {
		padding: 100px 0px;
	}

	.sec-ptb-100 {
		padding: 80px 0px;
	}

	.section-title p.mb-60 {
		margin-bottom: 30px;
	}
	/* global - end */

	/* footer - start */
	.footer-section .deco-image-1 {
		right: -140px;
		max-width: 220px;
	}
	.footer-section .newsletter-area .form-item input {
		height: 50px;
		font-size: 15px;
		padding: 0px 20px;
	}
	.footer-section .newsletter-area .form-item button[type="submit"] {
		height: 50px;
		font-size: 16px;
		min-width: 150px;
		padding: 0px 25px;
	}
	.footer-section .newsletter-area .title-text {
		font-size: 36px;
		margin-bottom: 50px;
	}
	/* footer - end */

	/* home 1 - start */
	.slider-section .main-carousel .item .slider-content .title-text {
		font-size: 32px;
	}

	.portfolio-section .grid .grid-item .portfolio-fullimage {
		height: 200px;
	}
	.portfolio-section .grid .grid-item.big-item .portfolio-fullimage {
		height: 400px;
	}
	.portfolio-fullimage .item-title {
		margin-bottom: 0px;
	}
	.portfolio-fullimage .item-title > a {
		font-size: 16px;
	}
	.portfolio-fullimage p span {
		font-size: 13px;
	}

	.blog-section .deco-image-2 {
		max-width: 100px;
	}
	.blog-section .deco-image-1 {
		max-width: 110px;
	}
	/* home 1 - end */

	/* home 2 - start */
	.banner-section .title-text {
		font-size: 30px;
		margin-bottom: 15px;
	}
	.banner-section p {
		font-size: 15px;
		margin-bottom: 20px;
	}

	.service-fullimage .item-title {
		bottom: 20px;
		height: 45px;
		min-width: 190px;
	}
	.service-fullimage .item-title > a {
		font-size: 12px;
		line-height: 47px;
		padding: 0px 15px;
	}

	.misssion-section .item-image-wrap .item-image .play-btn {
		width: 80px;
		height: 80px;
		font-size: 20px;
		line-height: 86px;
	}
	.misssion-section .item-image-wrap .item-image {
		margin-bottom: 40px;
	}
	.misssion-section .section-title {
		text-align: center;
	}

	.calltoaction-section .item-image {
		margin-left: 0px;
		margin-bottom: 30px;
	}

	.pricing-section .deco-image-1 {
		right: -40px;
		max-width: 110px;
	}
	.pricing-item .icon {
		height: 70px;
		margin: 0px auto 35px;
	}
	.pricing-item .icon > img {
		height: 65px;
	}
	.pricing-item .item-title {
		font-size: 18px;
		margin-bottom: 30px;
	}
	.pricing-item .pricing-list > ul > li {
		font-size: 14px;
		margin-bottom: 5px;
	}
	.home-2 .pricing-item .btn {
		height: 40px;
		min-width: auto;
		line-height: 40px;
	}
	.pricing-item {
		max-width: 320px;
		margin: 30px auto 0px;
	}

	.testimonial-section .deco-image-1 {
		max-width: 210px;
	}
	.testimonial-section .carousel_thumb {
		height: 335px;
	}
	.testimonial-section .carousel_thumb .thumb-item:nth-child(3) {
		top: 35%;
	}
	/* home 2 - end */

	/* home 3 - start */
	.home-3 .slider-section .main-carousel .item .slider-content {
		max-width: 560px;
	}
	.home-3 .slider-section .main-carousel .item .slider-content .title-text {
		font-size: 44px;
		margin-bottom: 30px;
	}
	.home-3 .slider-section .main-carousel .item .slider-content p {
		font-size: 18px;
		margin-bottom: 20px;
	}
	/* home 3 - end */

	/* home 3 - start */
	.misssion-section .item-image-wrap .item-image {
		width: 100%;
	}
	.misssion-section .item-image-wrap .deco-image-1 {
		right: -50px;
	}
	/* home 3 - end */

	/* blog - start */
	.blog-grid .item-title > a {
		font-size: 20px;
	}
	.blog-grid .post-admin .admin-thumbnail {
		width: 45px;
		height: 45px;
		margin-right: 15px;
	}
	.blog-grid .post-admin .admin-content {
		font-size: 14px;
		margin: 11px 0px;
	}
	/* blog - end */

	/* blog details - start */
	.blog-details .share-links {
		float: left !important;
		margin-top: 30px;
	}
	.details-section .comment-item .admin-thumbnail {
		width: 70px;
		height: 70px;
		margin-right: 20px;
	}
	.details-section .comment-item .item-title {
		margin-bottom: 5px;
	}
	.details-section .comment-item .item-title .post-date {
		float: none;
		font-size: 12px;
		margin-left: 15px;
		display: inline-block;
		transform: translateY(-4px);
	}
	.details-section .comment-item p {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.details-section .comment-item .reply-btn {
		font-size: 14px;
	}
	.details-section .comment-item .comment-item {
		margin-top: 30px;
		padding-left: 50px;
	}
	.details-section .comment-item {
		margin-bottom: 40px;
	}
	/* blog details - end */

	/* contact - start */
	.contact-section .contact-info,
	.contact-section .useful-links {
		margin-top: 40px;
	}
	.contact-section .contact-info > ul > li {
		margin-bottom: 20px;
	}
	.contact-section .contact-info > ul > li:last-child {
		margin-top: 40px;
	}
	.contact-section .google-map {
		height: 400px;
	}
	.contact-section .contact-form {
		margin-left: -15px;
		margin-right: -15px;
	}
	.calltoaction-section .estimate-content h2 {
		font-size: 42px;
	}
	/* contact - end */

}

/* ====================================================================================================
05 - media screen and (max-width: 767px) - end
==================================================================================================== */





/* ====================================================================================================
06 - media screen and (max-width: 680px) - start
==================================================================================================== */

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

	/* global - start */
	.section-title .title-text {
		font-size: 32px;
	}
	.section-title.size-increase .title-text {
		font-size: 30px;
	}
	/* global - end */

	/* breadcrumb - start */
	.breadcrumb-section .breadcrumb-content p {
		font-size: 13px;
	}
	/* breadcrumb - end */

	/* home 1 - start */
	.portfolio-section .grid .grid-item,
	.portfolio-section .grid .grid-sizer,
	.portfolio-section .grid .grid-item.grid-66 {
		width: 50%;
	}
	.portfolio-section .grid .grid-item .portfolio-fullimage,
	.portfolio-section .grid .grid-item.big-item .portfolio-fullimage {
		height: auto;
	}
	.portfolio-section .grid .grid-item.grid-66 .portfolio-fullimage {
		height: 180px;
	}
	/* home 1 - start */

	/* home 2 - start */
	.banner-section .title-text {
		font-size: 26px;
	}
	.banner-section .parallax-window {
		padding-top: 180px;
		padding-bottom: 80px;
	}

	.service-fullimage .item-title {
		height: 40px;
		min-width: 170px;
	}
	.service-fullimage .item-title > a {
		line-height: 40px;
	}

	.misssion-section .deco-image-2 {
		top: 50px;
		max-width: 160px;
	}
	.misssion-section .deco-image-3 {
		left: -90px;
		max-width: 170px;
	}
	.portfolio-section .deco-image-1 {
		right: -45px;
		max-width: 110px;
	}
	.portfolio-section .deco-image-2 {
		left: -90px;
		max-width: 170px;
	}

	.home-2 .pricing-item .btn {
		height: 40px;
		font-size: 12px;
		padding: 0px 20px;
	}
	.pricing-item {
		padding: 40px 30px;
	}
	.pricing-item .pricing-list > ul > li {
		font-size: 14px;
	}
	.pricing-item .item-title {
		font-size: 16px;
		margin-bottom: 22px;
	}

	.testimonial-section .teatimonial_carousel .testimonial-admin .abmin-name {
		font-size: 20px;
	}
	.testimonial-section .teatimonial_carousel .testimonial-admin .admin-content {
		padding-top: 8px;
	}
	.testimonial-section .teatimonial_carousel .testimonial-admin .admin-image {
		margin-right: 15px;
	}
	/* home 2 - end */

	/* home 3 - start */
	.home-3 .slider-section .main-carousel .item .slider-content {
		max-width: 480px;
	}
	.home-3 .slider-section .main-carousel .item .slider-content .title-text {
		font-size: 38px;
	}
	.home-3 .slider-section .main-carousel .item .slider-content p {
		font-size: 15px;
	}

	.faq-section .deco-image-1 {
		max-width: 400px;
	}
	/* home 3 - end */

	/* blog - start */
	.grid .grid-item .blog-grid .item-title > a {
		font-size: 16px;
	}
	.grid .grid-item,
	.grid .grid-sizer {
		width: 100%;
	}
	.grid .grid-item {
		.blog-grid {
			max-width: 320px;
			margin: 30px auto 0px;
		}
	}
	/* blog - end */

}

/* ====================================================================================================
06 - media screen and (max-width: 680px) - end
==================================================================================================== */






/* ====================================================================================================
07 - media screen and (max-width: 580px) - start
==================================================================================================== */

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

	/* global - start */
	body {
		font-size: 13px;
	}

	.btn,
	.home-2 .btn,
	.home-3 .btn {
		height: 40px;
		min-width: auto;
		padding: 0px 20px;
		line-height: 40px;
	}

	.section-title p {
		font-size: 14px;
	}
	.section-title .title-text {
		font-size: 26px;
	}
	.section-title .title-text.mb-30 {
		margin-bottom: 20px;
	}
	.section-title.size-increase .title-text {
		font-size: 26px;
	}
	/* global - end */

	/* footer - start */
	.footer-section .newsletter-area .title-text {
		font-size: 28px;
		margin-bottom: 40px;
	}
	.footer-section .newsletter-area .form-item button[type="submit"] {
		font-size: 15px;
		min-width: auto;
		padding: 0px 20px;
	}
	.footer-section .social-links > ul > li > a {
		font-size: 12px;
	}
	.footer-section .social-links > ul > li {
		margin-right: 25px;
	}
	.footer-section .brand-logo > a {
		max-width: 90px;
	}
	.footer-section .widget-title {
		font-size: 20px;
	}
	/* footer - end */

	/* breadcrumb - start */
	.breadcrumb-section .page-title {
		font-size: 30px;
	}
	/* breadcrumb - end */

	/* home 1 - start */
	.slider-section .main-carousel .item .slider-content .title-text {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.slider-section .main-carousel .item .slider-content p {
		font-size: 15px;
		margin-bottom: 25px;
	}
	.slider-section .main-carousel .item {
		min-height: auto;
	}

	.intro-section .item-image-2 {
		max-width: 250px;
		padding-bottom: 50px;
	}
	.intro-section .item-image-2 .absolute-image {
		max-width: 160px;
	}
	.intro-section .item-image-2 .deco-image-1 {
		right: -80px;
		max-width: 130px;
	}

	.service-primary .item-title {
		font-size: 13px;
	}
	.service-primary p {
		font-size: 12px;
	}
	.service-primary .item-icon {
		height: 50px;
	}
	.service-primary .item-icon > img {
		height: 50px;
	}

	.service-section .deco-image-3 {
		right: 0px;
		bottom: -5px;
		max-width: 200px;
	}
	.service-section .deco-image-4 {
		left: 0px;
		bottom: 20px;
		max-width: 80px;
	}

	.howitwork-section .item-image {
		max-width: 250px;
		padding-top: 70px;
	}
	.howitwork-section .item-image .absolute-image {
		right: -50px;
		max-width: 130px;
	}
	.howitwork-section .item-image .deco-image-1 {
		right: -35px;
		bottom: -25px;
		max-width: 170px;
	}
	.howitwork-section .item-image .video-image .play-btn {
		width: 90px;
		height: 90px;
		font-size: 26px;
		line-height: 100px;
	}
	.howitwork-section .item-image .video-image .play-btn i {
		margin-left: 5px;
	}

	.team-carousel .team-grid {
		max-width: 320px;
		margin: 0px auto;
	}

	.blog-primary .item-title > a {
		font-size: 16px;
	}
	.blog-primary .post-date {
		font-size: 13px;
		margin-bottom: 8px;
	}
	.home-1 .small-blog .item-image {
		width: 140px;
	}
	.small-blog .item-title > a {
		font-size: 15px;
	}
	/* home 1 - end */

	/* home 2 - start */
	.service-fullimage .item-title > a {
		line-height: 1;
		padding: 10px 15px;
		border-radius: 0px;
	}
	.service-fullimage .item-title {
		bottom: 0px;
		height: auto;
		min-width: 100%;
		text-align: center;
	}

	.testimonial-section .carousel_thumb .thumb-item:nth-child(5) {
		top: 45%;
	}
	/* home 2 - end */

	/* home 3 - start */
	.home-3 .slider-section .main-carousel .item .slider-content {
		max-width: 370px;
	}
	.home-3 .slider-section .main-carousel .item .slider-content .title-text {
		font-size: 30px;
	}
	.home-3 .slider-section .main-carousel .item .slider-content p {
		font-size: 13px;
		margin-bottom: 15px;
	}

	.intro-section .item-image {
		max-width: 250px;
		padding-bottom: 50px;
	}
	.intro-section .item-image .absolute-image {
		max-width: 160px;
	}
	.intro-section .item-image .deco-image-1 {
		left: -80px;
		max-width: 130px;
	}

	.service-boxed p {
		font-size: 14px;
	}

	.faq-accordion,
	.home-3 .faq-section .section-title {
		margin-right: 0px;
	}
	/* home 3 - end */

	/* about - start */
	.misssion-section .item-image-wrap .deco-image-1 {
		bottom: -35px;
	}
	/* about - end */

	/* blog - start */
	.blog-grid .btn {
		height: 40px;
		line-height: 38px;
	}
	.breadcrumb-section .sub-title {
		font-size: 14px;
	}
	/* blog - end */

	/* blog details - start */
	.blog-details .post-date {
		top: 20px;
		right: 20px;
		min-width: 80px;
	}
	.blog-details .post-date strong {
		font-size: 30px;
	}
	.blog-details .post-date span {
		font-size: 15px;
	}
	.blog-details .item-content {
		padding: 30px 25px;
	}
	.details-section .item-title {
		font-size: 18px;
	}
	blockquote {
		padding: 25px;
	}
	blockquote p {
		font-size: 13px;
	}
	blockquote .quote-icon {
		top: 1px;
		left: 5px;
	}
	.blog-details.mb-100 {
		margin-bottom: 60px;
	}
	.details-section .title-text {
		font-size: 24px;
	}
	.blog-details .post-date {
		top: 15px;
		right: 15px;
		min-width: 70px;
	}
	.blog-details .post-date strong {
		font-size: 24px;
	}
	.blog-details .post-date span {
		font-size: 13px;
	}
	/* blog details - end */

}

/* ====================================================================================================
07 - media screen and (max-width: 580px) - end
==================================================================================================== */





/* ====================================================================================================
08 - media screen and (max-width: 480px) - start
==================================================================================================== */

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

	/* global - start */
	.sec-ptb-120,
	.calltoaction-section .parallax-window {
		padding: 80px 0px;
	}

	.sec-ptb-100 {
		padding: 60px 0px;
	}

	#backtotop {
		bottom: 75px;
	}
	/* global - end */

	/* header - start */
	.header-section {
		min-height: 70px;
	}
	/* header - end */

	/* footer - start */
	.footer-section .deco-image-1 {
		right: -120px;
		max-width: 190px;
	}
	.footer-section .useful-links > ul > li {
		margin-bottom: 8px;
	}
	.footer-section .widget-title {
		margin-bottom: 25px;
	}
	.footer-section .newsletter-area .form-item button[type="submit"] {
		display: block;
		min-width: 100%;
		position: static;
		transform: unset;
		margin-top: 15px;
		border-radius: 6px;
	}
	.footer-section .bottom-area {
		padding: 20px 0px;
		text-align: center;
	}
	.footer-section .social-links {
		margin-top: 10px;
	}
	.footer-section .social-links > ul {
		float: none;
		margin: 0px auto;
	}
	/* footer - end */

	/* home 1 - start */
	.slider-section .main-carousel .item .slider-content {
		padding: 0px;
		max-width: 280px;
		margin: 0px auto;
	}
	.slider-section .main-carousel .item .slider-content .title-text {
		font-size: 22px;
		margin-bottom: 15px;
	}
	.slider-section .main-carousel .item .slider-content p {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.service-primary {
		max-width: 180px;
		margin: 40px auto 0px;
	}

	.service-boxed-2 {
		max-width: 320px;
		margin: 30px auto 0px;
	}
	.service-section .deco-image-3 {
		max-width: 170px;
	}
	.service-section .deco-image-4 {
		bottom: 70px;
	}

	.team-carousel.arrow-right-left .owl-nav .owl-prev {
		left: 10px !important;
	}
	.team-carousel.arrow-right-left .owl-nav .owl-next {
		right: 10px !important;
	}
	.team-carousel .item {
		padding-top: 16px;
	}
	.team-carousel .team-grid {
		max-width: 280px;
	}
	.team-grid .member-image .social-links > ul > li {
		width: 35px;
		height: 35px;
		margin-right: 10px;
	}
	.team-grid .member-image .social-links > ul > li > a {
		line-height: 37px;
	}

	.portfolio-fullimage .item-title > a {
		font-size: 14px;
	}
	.portfolio-fullimage p span {
		font-size: 12px;
	}

	.blog-section .deco-image-2 {
		max-width: 70px;
	}
	.blog-section .deco-image-1 {
		max-width: 80px;
	}
	/* home 1 - end */

	/* home 2 - start */
	.banner-section .banner-image {
		max-width: 320px;
		margin: 0px auto 40px;
	}
	.banner-section .parallax-window {
		padding-top: 150px;
		padding-bottom: 60px;
	}
	.banner-section .banner-content {
		max-width: 320px;
		margin: 0px auto;
		text-align: center;
	}

	.service-fullimage {
		max-width: 320px;
		margin: 30px auto 0px;
	}
	.service-fullimage .item-title > a {
		padding: 15px;
	}

	.misssion-section .item-image-wrap .item-image {
		max-width: 320px;
		margin: 0px auto 40px;
	}

	.portfolio-grid {
		max-width: 320px;
		margin: 30px auto 0px;
	}

	.pricing-item {
		max-width: 320px;
		padding: 40px 30px;
		margin: 30px auto 0px;
	}
	/* home 2 - end */

	/* home 3 - start */
	.service-boxed {
		max-width: 320px;
		margin: 30px auto 0px;
	}

	.calltoaction-section .item-image,
	.calltoaction-section .section-title {
		max-width: 370px;
		margin: 0px auto 40px;
	}

	.faq-section .item-image {
		width: auto;
		max-width: 320px;
		margin: 0px auto 40px;
	}
	.faq-section .deco-image-1 {
		max-width: 330px;
	}

	.home-3 .slider-section .main-carousel .item .slider-content {
		max-width: 330px;
	}
	.home-3 .slider-section .main-carousel .item .slider-content .title-text {
		font-size: 26px;
	}
	/* home 3 - end */

	/* contact - start */
	.calltoaction-section .estimate-content h2 {
		font-size: 30px;
	}
	/* contact - end */

	/* team - start */
	.team-grid {
		max-width: 320px;
		margin: 30px auto 0px;
	}
	/* team - end */

}

/* ====================================================================================================
08 - media screen and (max-width: 480px) - end
==================================================================================================== */





/* ====================================================================================================
09 - media screen and (max-width: 380px) - start
==================================================================================================== */

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

	/* global - start */
	.owl-theme .owl-nav .owl-next,
	.owl-theme .owl-nav .owl-prev {
		width: 30px;
		height: 30px;
	}
	.owl-theme .owl-nav .owl-next::before,
	.owl-theme .owl-nav .owl-prev::before {
		font-size: 14px;
		line-height: 30px;
	}

	.btn {
		height: 35px;
		min-width: auto;
		font-size: 12px;
		padding: 0px 15px;
		line-height: 35px;
	}

	.section-title .title-text {
		font-size: 24px;
		margin-bottom: 15px;
	}
	.section-title p.mb-30 {
		margin-bottom: 20px;
	}
	.section-title.size-increase .title-text {
		font-size: 24px;
	}

	.pagination-nav > ul > li:last-child > a,
	.pagination-nav > ul > li:first-child > a {
		font-size: 12px;
	}
	.pagination-nav > ul > li {
		height: 40px;
		min-width: 40px;
		margin-right: 10px;
	}
	.pagination-nav > ul > li > a {
		font-size: 14px;
		line-height: 43px;
	}
	/* global - end */

	/* header - start */
	.header-section {
		min-height: 60px;
	}
	.header-section .brand-logo > a {
		max-width: 70px;
	}
	.header-section .brand-logo .menu-btn {
		margin: 0px;
		font-size: 20px;
	}

	.sidebar-menu-wrapper .sidebar-menu {
		width: 300px;
		right: -320px;
	}
	.sidebar-menu-wrapper .sidebar-menu .about-content .title-text {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.sidebar-menu-wrapper .sidebar-menu .social-links > ul > li {
		width: 35px;
		height: 35px;
		margin-right: 10px;
	}
	.sidebar-menu-wrapper .sidebar-menu .social-links > ul > li > a {
		font-size: 12px;
		line-height: 37px;
	}
	/* header - end */

	/* home 1 - start */
	.slider-section .main-carousel .item .slider-content {
		max-width: 240px;
	}
	.slider-section .main-carousel .item .slider-content .title-text {
		font-size: 18px;
	}
	.slider-section .main-carousel .item .slider-content p {
		font-size: 12px;
	}
	.slider-section .main-carousel .item {
		padding-top: 140px;
		padding-bottom: 70px;
	}

	.intro-section .item-image-2 {
		max-width: 180px;
		margin-left: 50px;
		padding-bottom: 40px;
	}
	.intro-section .item-image-2 .absolute-image {
		right: -50px;
		padding: 5px;
		max-width: 100px;
	}
	.intro-section .item-image-2 .deco-image-1 {
		top: 40px;
		right: -75px;
		max-width: 100px;
	}
	.intro-section .deco-image-3 {
		max-width: 80px;
	}

	.howitwork-section .item-image {
		max-width: 180px;
		padding-top: 40px;
		margin-left: 75px;
	}
	.howitwork-section .item-image .video-image .play-btn {
		width: 60px;
		height: 60px;
		font-size: 18px;
		line-height: 65px;
	}
	.howitwork-section .item-image .absolute-image {
		right: -35px;
		max-width: 100px;
	}
	.howitwork-section .item-image .deco-image-1 {
		right: -25px;
		bottom: -15px;
		max-width: 120px;
	}

	.howitwork-section .item-image .deco-image-2 {
		left: 40px;
		top: -25px;
		max-width: 340px;
	}
	.howitwork-section .item-image .video-image .play-btn i {
		margin-left: 4px;
	}

	.portfolio-section .grid .grid-item,
	.portfolio-section .grid .grid-sizer,
	.portfolio-section .grid .grid-item.grid-66 {
		width: 100%;
	}

	.home-1 .small-blog .item-image {
		width: 130px;
	}
	/* home 1 - end */

	/* home 3 - start */
	.home-3 .slider-section .main-carousel .item .slider-content .title-text {
		font-size: 22px;
	}
	.home-3 .slider-section .main-carousel .item .slider-content p {
		font-size: 10px;
		margin-bottom: 10px;
	}
	.home-3 .slider-section .main-carousel .item .slider-content {
		max-width: 280px;
	}

	.intro-section .item-image {
		max-width: 180px;
		margin-right: 50px;
		padding-bottom: 40px;
	}
	.intro-section .item-image .absolute-image {
		left: -50px;
		padding: 5px;
		max-width: 100px;
	}
	.intro-section .item-image .deco-image-1 {
		top: 40px;
		left: -75px;
		max-width: 100px;
	}
	.intro-section .deco-image-3 {
		max-width: 80px;
	}
	/* home 3 - end */

	/* about - start */
	.faq-section .deco-image-1 {
		max-width: 280px;
	}
	/* about - end */

	/* blog - start */
	.blog-grid a.item-image {
		display: flex;
		height: 210px;
		>img {
			object-fit: cover;
		}
	}
	.blog-grid .item-content {
		padding: 25px;
	}
	.blog-grid .post-admin .admin-content {
		margin: 0px;
	}
	.blog-grid .item-title > a {
		font-size: 16px;
	}
	.blog-grid .item-title {
		margin-bottom: 15px;
	}
	.blog-grid .post-date {
		top: 15px;
		right: 15px;
		min-width: 70px;
		padding: 12px 10px;
	}
	.blog-grid .post-date strong {
		font-size: 26px;
	}
	.blog-grid .post-date span {
		font-size: 14px;
	}
	/* blog - end */

	/* blog details - start */
	.details-section .comment-item .item-title .admin-name {
		font-size: 16px;
	}
	.details-section .comment-item .admin-thumbnail {
		width: 50px;
		height: 50px;
		margin-right: 15px;
	}
	.details-section .comment-item p {
		font-size: 13px;
	}
	.details-section .comment-item .comment-item {
		margin-top: 20px;
		padding-left: 40px;
	}
	/* blog details - end */

	/* contact - start */
	.contact-section .title-text {
		font-size: 20px;
		margin-bottom: 30px;
	}
	.contact-section .contact-info > ul > li .icon {
		width: 50px;
		height: 50px;
		font-size: 18px;
		line-height: 54px;
		margin-right: 20px;
	}
	.contact-section .contact-info > ul > li .content .item-title {
		font-size: 16px;
		margin-bottom: 4px;
	}
	.contact-section .contact-form {
		padding: 50px 30px;
	}
	.contact-section .useful-links > ul > li > a {
		font-size: 14px;
		padding: 10px 0px;
	}
	.contact-section .useful-links > ul > li > a .icon {
		width: 45px;
		height: 45px;
		font-size: 16px;
		line-height: 50px;
		margin-right: 15px;
	}
	.contact-section .useful-links > ul > li {
		margin-bottom: 15px;
	}
	/* contact - end */

}

/* ====================================================================================================
09 - media screen and (max-width: 380px) - end
==================================================================================================== */





/* ====================================================================================================
10 - media screen and (max-width: 320px) - start
==================================================================================================== */

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

	/* home 1 - start */
	.slider-section .main-carousel .item .slider-content {
		max-width: 200px;
	}

	.intro-section .item-image-2 {
		max-width: 180px;
		margin: 0px auto;
		margin-left: 18px;
		margin-bottom: 40px;
	}

	.howitwork-section .item-image {
		margin-left: 40px;
	}

	.blog-primary .item-title > a {
		font-size: 14px;
	}
	.small-blog .item-image {
		width: 120px;
		margin-right: 15px;
	}
	/* home 1 - end */

	/* home 3 - start */
	.home-3 .slider-section .main-carousel .item .slider-content {
		max-width: 240px;
	}

	.intro-section .item-image {
		max-width: 180px;
		margin: 0px auto;
		margin-right: 18px;
		margin-bottom: 40px;
	}
	/* home 3 - end */

	/* blog - start */
	.blog-grid .post-admin .admin-content {
		font-size: 12px;
	}
	.blog-grid .btn {
		float: right;
		min-width: 100px;
	}
	/* blog - end */

}

/* ====================================================================================================
10 - media screen and (max-width: 320px) - end
==================================================================================================== */