@media (min-width:1200px) and (max-width:1500px) {
	.contact-area .map {
		position: absolute;
		right: -300px;
		top: 0
	}

	.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) {
	.f-contact span {
		width: 77%
	}

	.contact-area .map {
		right: -500px
	}

	.team-active .slick-arrow {
		left: 0
	}

	.team-active .slick-next {
		left: inherit;
		right: 0
	}

	.right-menu .text strong {
		color: #002e5b;
		font-size: 14px
	}

	.second-menu .main-menu ul li {
		margin-left: 15px
	}

	.top-btn {
		font-size: 11px;
		padding: 16px 27px
	}

	.header-cta ul li {
		font-size: 12px
	}

	.menu-area::before {
		width: 27%;
		top: 48px
	}

	.sticky-menu::before {
		height: 71px;
		top: 0;
		left: -20px
	}

	.call-area h2 {
		color: #fff;
		margin-top: 100px;
		font-size: 26px
	}

	.call-area .number {
		font-size: 40px
	}

	.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%
	}
}

@media (min-width:768px) and (max-width:991px) {
	#mobile-menu {
		background: #002e5b
	}

	.header-cta ul li {
		display: inline-block;
		margin-left: 12px
	}

	.contact-area .map {
		display: none
	}

	.number {
		font-size: 48px
	}

	.menu-area::before {
		width: 32%;
		height: 84px;
		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: 25%
	}

	.main-menu .has-sub > ul {
		position: relative
	}

	.container-p {
		padding: 0 30px
	}

	.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
	}

	.responsive {
		float: right;
		display: block;
		cursor: pointer;
		margin-top: -38px
	}

	.responsive i {
		color: #002e5b;
		font-size: 25px
	}

	#mobile-menu {
		display: 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 img {
		width: 100%
	}

	.chosse-img {
		display: none
	}

	.testimonial-p {
		padding-top: 100px;
		padding-bottom: 100px
	}

	.contact-bg.pb-80 {
		padding-bottom: 120px
	}

	.breadcrumb-area {
		min-height: 500px
	}

	.b-details-p.pt-120 {
		padding-top: 115px
	}

	.portfolio .col3 .grid-item,
	.portfolio .col2 .grid-item {
		width: 33.33%;
		padding: 15px
	}

	.gallery-image img {
		width: 100%
	}
}

@media (max-width:767px) {
	#feature-top {
		margin-top: -40px
	}

	.portfolio .my-masonry {
		margin-top: 50px
	}

	.team-active .slick-arrow {
		left: 0
	}

	.team-active .slick-next {
		left: inherit;
		right: 0
	}

	.contact-area .map {
		display: none
	}

	.testimonial-active .slick-dots {
		width: 100%;
		bottom: 7%
	}

	.testimonial-active .ta-info h6 {
		font-size: 18px
	}

	.sinature-box {
		position: relative;
		left: 0;
		width: 100%
	}

	.service-detail {
		padding-left: 0
	}

	.call-area h2 {
		margin-top: 0
	}

	.counter-area {
		background-size: cover;
		padding: 120px 0
	}

	.single-counter-img {
		margin-bottom: 50px
	}

	.single-counter {
		margin: 10px
	}

	.call-area {
		background-size: cover;
		padding: 120px 0
	}

	.call-area h2 span {
		font-size: 34px
	}

	.call-area .number {
		font-size: 36px
	}

	.logo {
		background: #fff;
		height: auto;
		margin-top: 0;
		line-height: inherit;
		padding: 0 10px;
		width: 50%
	}

	.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 0 50px 50px
	}

	li > ol,
	li > ol {
		padding-left: .5rem
	}

	.size-full.wp-image-906 {
		width: 100%;
		height: auto
	}

	.row {
		margin-right: 0;
		margin-left: 0
	}

	.search-form label {
		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: 0 8px 16px 0 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: 0 8px 16px 0 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: 600px
	}

	.slider-content h2 {
		font-size: 30px;
		letter-spacing: 0;
		margin-bottom: 30px
	}
	.slider-content h1 {
		font-size: 30px;
		letter-spacing: 0;
		margin-bottom: 30px
	}

	.menu-area::before {
		width: 56%;
		height: 82px;
		top: 0;
		left: -40px
	}

	.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: 32px;
		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: 10px 0
	}

	.responsive {
		float: right;
		display: block;
		cursor: pointer;
		margin-top: -38px
	}

	.responsive i {
		color: #002e5b;
		font-size: 25px
	}

	#mobile-menu {
		display: none;
		background: no-repeat;
		padding: 20px 0;
		margin-top: 21px;
		background: #002e5b
	}

	.main-menu {
		text-align: left !important
	}

	.main-menu ul li {
		display: block;
		border-bottom: 1px solid #ffffff3d;
		margin-left: 0
	}

	.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
	}

	.testimonial-active {
		width: 100%
	}

	.testimonial-active .slick-arrow {
		width: 87%
	}

	.portfolio .col3 .grid-item,
	.portfolio .col2 .grid-item {
		width: 100%;
		padding: 15px
	}

	.contact-bg.pb-80 {
		padding-bottom: 120px
	}

	.s-about-content.pl-30 {
		margin-top: 0
	}

	.breadcrumb-title h2 {
		font-size: 25px
	}

	.breadcrumb-title p {
		padding: 0;
		font-size: 15px
	}

	.breadcrumb-area {
		min-height: 400px
	}

	.b-details-p.pt-120 {
		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
	}
}

@media only screen and (min-width:480px) and (max-width:767px) {
	.slider-content h2 {
		font-size: 32px
	}
	.slider-content h1 {
		font-size: 32px
	}

	.section-title h2 {
		font-size: 42px;
		letter-spacing: -1px
	}

	.testimonial-p {
		padding-top: 114px
	}
}