/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
	.container-p {
		padding: 0 30px;
	}

	.slider-active .slick-arrow {
		left: 20px;
	}

	.slider-active .slick-next {
		right: 20px;
		left: auto;
	}

	.main-menu ul li:first-child {
		margin-left: 0;
	}

	.header-social.display-ib {
		display: none;
	}

	.menu-area::before {
		width: 26%;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	#project {
		background-size: initial !important;
	}

	#project .slick-dots {
		display: none !important;
	}

	.slider-content h2 {
		font-size: 34px;
	}

	.second-menu .main-menu ul li {
		margin-left: 15px;
	}

	.top-btn {
		font-size: 11px;
	}

	.header-cta ul li {
		font-size: 12px;
	}

	.menu-area::before {
		width: 27%;
		top: 48px;
	}

	.sticky-menu::before {
		height: 71px;
		top: 0;
		left: -20px;
	}

	.container-p {
		padding: 0 30px;
	}

	.header-cta ul li {
		margin-left: 20px;
	}

	.about-img {
		margin-left: -105px;
	}

	.services-content {
		padding: 50px 30px;
		padding-bottom: 45px;
	}

	.services-content h4 {
		font-size: 20px;
	}

	.services-content span {
		margin-bottom: 45px;
	}

	.video-wrap img {
		width: 100%;
	}

	.team-info {
		margin-left: 0;
		margin-right: 0;
	}

	.team-info h4 {
		font-size: 18px;
	}

	.single-counter p {
		font-size: 18px;
	}

	.footer-social span {
		margin-right: 12px;
	}

	.about-p {
		padding-top: 110px;
	}

	.s-single-services {
		padding: 50px 30px;
	}

	.chosse-img {
		width: 45%;
	}

	.choose-wrap.pl-100 {
		padding-left: 50px;
	}

	.details__content h2 {
		font-size: 26px;
	}
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	.menu-area::before {
		width: 32%;
		height: 86px;
		left: -34px;
	}

	.sticky-menu::before {
		height: 84px;
		top: 0;
		left: -29px;
	}

	.logo {
		/* background: #fff;*/
		height: auto;
		margin-top: 0;
		line-height: inherit;
		padding: 0 10px;
		width: 17%;
	}

	.container-p {
		padding: 0 30px;
	}

	.slider-content h2 {
		font-size: 45px;
	}

	.slider-bg {
		min-height: 700px;
	}

	.about-img {
		margin-left: 0;
		text-align: center;
		margin-bottom: 30px;
	}

	.about-content.pl-30 {
		padding-left: 0;
		padding-bottom: 4px;
	}

	.section-title h2 {
		font-size: 52px;
	}

	.services-content {
		padding: 50px 28px;
		padding-bottom: 45px;
	}

	.counter small {
		top: -20px;
	}

	.testimonial-area.pb-120 {
		padding-bottom: 185px;
	}

	.menu-area {
		padding: 10px 0 0;
	}

	.responsive {
		float: right;
		display: block;
		cursor: pointer;
		margin-top: -38px;
	}

	.responsive i {
		color: #fff;
		font-size: 25px;
	}

	#mobile-menu {
		display: none;
		background: none;
		padding: 20px;
	}

	.main-menu {
		text-align: left !important;
	}

	.main-menu ul li {
		display: block;
		border-bottom: 1px solid #f7f7f74f;
		margin-left: 0;
	}

	.main-menu ul li.active a,
	.main-menu ul li:hover a {
		color: #000;
	}

	.main-menu ul > li > a::before {
		content: none;
	}

	.main-menu ul li a {
		color: #fff;
		padding: 12px 20px;
		display: block;
		font-size: 14px;
		font-family: 'Poppins', sans-serif;
		font-weight: 500;
	}

	.second-menu {
		margin-bottom: 0;
		box-shadow: none;
		padding: 0;
		margin-top: 0;
	}

	.second-menu::before {
		content: none;
	}

	.second-header {
		padding: 10px 0;
	}

	.second-menu .main-menu ul li {
		margin-left: 0;
	}

	.s-about-img {
		margin-bottom: 20px;
	}

	.s-about-img img {
		width: 100%;
	}

	.chosse-img {
		display: none;
	}

	.testimonial-p {
		padding-top: 110px;
		padding-bottom: 185px;
	}

	.breadcrumb-area {
		min-height: 500px;
	}

	.details__content h2 {
		font-size: 29px;
	}

	.b-details-p.pt-95 {
		padding-top: 115px;
	}

	.portfolio .col3 .grid-item,
	.portfolio .col2 .grid-item {
		width: 33.33%;
		padding: 15px;
	}

	.gallery-image img {
		width: 100%;
	}
}

/* small mobile :320px. */
@media (max-width: 767px) {
	.service-detail {
		padding-left: 0;
	}

	.counter-area {
		background-size: cover;
		padding: 120px 0;
	}

	.single-counter-img {
		margin-bottom: 50px;
	}

	.single-counter {
		margin: 10px;
	}

	#project {
		background-size: cover !important;
		padding-bottom: 90px;
	}

	.logo {
		/* background: #fff;*/
		height: auto;
		margin-top: 0;
		line-height: inherit;
		padding: 0 10px;
		width: 35%;
	}

	.row {
		margin-right: 0;
		margin-left: 0;
	}

	.portfolio .col3 .grid-item,
	.portfolio .col2 .grid-item {
		width: 100%;
		padding: 15px;
	}

	.gallery-image img {
		width: 100%;
	}

	.timeline {
		padding: 50px 0px 50px 50px;
	}

	.tag-markup-2 li > ul,
	li > ol,
	.pages-content li > ul,
	li > ol {
		padding-left: .5rem;
	}

	.size-full.wp-image-906 {
		width: 100%;
		height: auto;
	}

	.meta-info {
		margin-left: -15px;
		margin-right: -15px;
	}

	.row {
		margin-right: 0;
		margin-left: 0;
	}

	.search-form label {
		width: 100%;
	}

	.has-3-columns .wp-block-column,
	.has-5-columns .wp-block-column,
	.has-6-columns .wp-block-column,
	.has-4-columns .wp-block-column,
	.has-2-columns .wp-block-column,
	.wp-block-media-text.alignwide figure,
	.wp-block-media-text__content,
	.wp-block-gallery.alignwide.columns-4.is-cropped li,
	.wp-block-gallery.columns-6.is-cropped li,
	.wp-block-gallery.columns-7.is-cropped li,
	.wp-block-gallery.columns-8.is-cropped li {
		width: 100%;
	}

	#contact-form {
		padding: 0 15px;
	}

	.main-menu .has-sub > ul {
		display: none;
		position: relative;
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}

	.main-menu .has-sub > ul {
		border-top: 1px solid #f7f7f7;
	}

	.main-menu .has-sub > ul > .has-sub > ul {
		display: none;
		position: relative;
		float: left;
		width: 100%;
		margin-bottom: 10px;
		margin-left: 0;
		margin-top: 0;
		padding-left: 15px;
		box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0);
		border-top: 1px solid #f7f7f7;
	}

	.main-menu .has-sub > ul > .has-sub > ul li:last-child {
		border-bottom: none;
	}

	.main-menu .has-sub > ul > .has-sub > ul > .has-sub > ul {
		display: none;
		position: relative;
		float: left;
		width: 100%;
		margin-bottom: 10px;
		margin-left: 0;
		margin-top: 0;
		background: #d29751;
		box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0);
	}

	.main-menu .has-sub li a {
		padding-left: 20px;
	}

	.menu-item ul.sub-menu .sub-menu li,
	.menu-item ul.sub-menu .sub-menu .sub-menu li {
		border-bottom: none;
	}

	.comment-author-admin {
		margin-left: 0;
	}

	.container-p {
		padding: 0 15px;
	}

	.menu-area {
		padding-top: 15px;
		padding-bottom: 5px;
	}

	.slider-bg {
		min-height: 750px;
	}

	.slider-content h2 {
		font-size: 34px;
		letter-spacing: 0;
		margin-bottom: 30px;
	}

	.menu-area::before {
		width: 56%;
		height: 86px;
		top: 0;
		left: -40px;
	}

	.sticky-menu .mean-container a.meanmenu-reveal {
		margin-top: -38px;
	}

	.section-t {
		display: none;
	}

	.about-img {
		margin-left: 0;
	}

	.about-img img {
		width: 100%;
	}

	.about-content.pl-30 {
		padding-left: 0;
		margin-top: 30px;
		padding-bottom: 3px;
	}

	.about-title h2 {
		font-size: 36px;
		letter-spacing: -1px;
	}

	.section-title {
		padding-left: 0;
		padding-right: 0;
	}

	.section-title h2 {
		font-size: 36px;
		line-height: 40px;
		letter-spacing: -1px;
	}

	.video-wrap img {
		width: 100%;
	}

	.testimonial-area.pb-120 {
		padding-bottom: 185px;
		padding-top: 113px;
	}

	.breadcrumb-area {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.menu-area {
		padding: 1px 0px;
	}

	.responsive {
		float: right;
		display: block;
		cursor: pointer;
		margin-top: -38px;
	}

	.responsive i {
		color: #fff;
		font-size: 25px;
	}

	#mobile-menu {
		display: none;
		background: no-repeat;
		padding: 20px 0;
		margin-top: 21px;
	}

	.main-menu {
		text-align: left !important;
	}

	.main-menu ul li {
		display: block;
		border-bottom: 1px solid #ffffff3d;
		margin-left: 0;
	}

	.button-group button {
		margin: 0 4px;
	}

	.main-menu ul > li > a::before {
		content: none;
	}

	.main-menu ul li a {
		color: #fff;
		padding: 12px 15px;
		display: inline-block;
		font-size: 14px;
		font-family: 'Poppins', sans-serif;
		font-weight: 500;
	}

	.second-menu {
		margin-bottom: 0;
		box-shadow: none;
		padding: 0;
		margin-top: 0;
	}

	.second-menu::before {
		content: none;
	}

	.second-header {
		padding: 10px 0;
	}

	.second-menu .main-menu ul li {
		margin-left: 0;
	}

	.s-about-img {
		margin-top: 50px;
	}

	.s-about-img img {
		width: 100%;
	}

	.chosse-img {
		display: none;
	}

	.portfolio .col3 .grid-item,
	.portfolio .col2 .grid-item {
		width: 100%;
		padding: 15px;
	}

	.s-about-content.pl-30 {
		margin-top: 0;
	}

	.choose-wrap.pl-100 {
		padding-left: 0;
	}

	.breadcrumb-title h2 {
		font-size: 25px;
	}

	.breadcrumb-title p {
		padding: 0;
		font-size: 15px;
	}

	.breadcrumb-area {
		min-height: 400px;
	}

	.details__content h2 {
		font-size: 24px;
	}

	.details__content blockquote {
		padding-right: 20px;
		padding-left: 45px;
	}

	.details__content figure img {
		float: unset;
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}

	.b-details-p.pt-95 {
		padding-top: 115px;
	}

	.menu-area .menu-tigger {
		display: none;
	}

	.faq-img.text-right {
		text-align: center !important;
		margin-top: 30px;
	}

	.faq-area.pt-113.pb-120 {
		margin-top: 65px;
	}

	.s-slider-content p {
		padding-right: 0;
	}

	.slider-btn.mt-55 {
		margin-top: 25px;
	}

	.faq-img img {
		width: 100%;
	}

	#scrollUp {
		right: 20px;
		bottom: 30px;
	}

	.video-wrap > img {
		display: none;
	}

	.counter-area.pb-90 {
		padding-bottom: 85px;
	}

	.s-cta-p.pb-120 {
		padding-bottom: 120px;
	}
}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.slider-content h2 {
		font-size: 48px;
	}

	.section-title h2 {
		font-size: 42px;
		letter-spacing: -1px;
	}

	.testimonial-p {
		padding-top: 114px;
	}
}
