@media (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}
@media (max-width: 1199px) {
	.faq-img {
		top: 25%;
		left: 0;
	}
	
	.section-title h2,
	.section-title-left h2,
	.section-title-right h2 {
		color: #111c31;
		font-size: 40px;
		line-height: 52px;
		font-weight: 600;
	}
	.blog-content li {
		margin-right: 14px;
		font-size: 14px;
	}
	.blog-content {
		padding: 25px;
	}
	.testimonial-group .owl-nav .owl-prev {
		left: -75% !important;
	}
	.testimonial-group .owl-nav .owl-next {
		left: -62% !important;
	}
	.choose2 {
		max-width: 30%;
	}
	.banner-group .owl-nav {
		display: none !important;
	}
	.menu-icon ul li {
		margin-right: 13px;
	}
}
@media (max-width: 991px) {
	.menu-logo img {
		padding: 30px 0px;
		position: relative;
		z-index: 10;
		width: 100px;
	}
	.why-choose{
		display: none;
	}
	.responsive-menu {
		display: block;
	}
	.main-menu,
	.hamburger-icon,
	
	.faq-img,
	.faq1,
	.shape1,
	.shape2,
	.choose1,
	.choose2,
	.contact-right {
		display: none !important;
	}
	.menu-icon {
		position: relative;
		left: 55%;
	}
	.slider-content h1,
	.slider-content h2 {
		font-size: 60px;
		line-height: 65px;
	}
	.solution-right {
		text-align: center;
	}
	.section-padding {
		padding: 80px 0px;
	}
	.single-slider {
		padding: 100px 0px;
	}
	.solution-area .section-title-left h2 {
		text-align: center;
	}
	.testimonial-group .owl-nav .owl-prev {
		left: -109% !important;
		top: 70%;
	}
	.testimonial-group .owl-nav .owl-next {
		left: -86% !important;
		top: 70%;
	}
	.subscribe-now {
		text-align: center;
	}
	.subscribe-bg {
		padding: 32px 0 40px 0;
	}
	.subscribe-shape::after {
		display: none;
	}
	.menu-icon > a::after,
	.menu-icon > a::before {
		display: none;
	}
	.contact-map iframe {
		margin-bottom: -170px;
	}
	.about-left.ml-50.mr-50.mb-50 {
		margin: 0;
	}

	.why-choose-img {

		width: 200px;
	}
}
@media (max-width: 767px) {
	.top-left,
	.top-right {
		text-align: center !important;
	}
	.search-icon.open {
		display: none;
	}
	.menu-icon {
		left: 86%;
		bottom: 33px;
	}
	/* A full-width box at a 10px offset made the page 10px wider than the
	   viewport; the reveal button is placed from the right edge anyway. */
	.responsive-menu {
		left: 0;
	}
	.slider-content h1,
	.slider-content h2 {
		font-size: 35px;
		line-height: 47px;
	}
	.section-title h2,
	.section-title-left h2,
	.section-title-right h2 {
		font-size: 30px;
		line-height: 42px;
	}
	.about-signa img,
	.choose2,
	.choose1 {
		display: none;
	}
	.collapse-header {
		padding: 10px;
	}
	.client-content h3,
	.team-content h3,
	.services-content h3,
	.choose-content h3 {
		font-size: 20px;
		line-height: 32px;
	}
	.blog-content h3 a {
		font-size: 20px;
		line-height: 32px;
	}
	.blog-item.mb-70 {
		margin-bottom: 30px;
	}
	.comt-sub {
		margin-left: 15px;
	}
	.btn {
		font-size: 16px;
		font-weight: 600;
	}
	.counter-item i {
		font-size: 40px;
	}
	.counter {
		font-size: 30px;
		font-weight: 600;
		display: block;
		margin-bottom: 0;
		text-align: left;
	}
	.subscribe-left h3 {
		font-size: 24px;
	}
	.subscribe-box button {
		width: 125px;
	}
	.subscribe-box button {
		padding: 0 10px;
		height: 50px;
		font-size: 15px;
	}
	.subscribe-box input[type="text"] {
		padding-left: 10px;
		padding-right: 190px;
		height: 50px;
	}
	/* The mobile menu is now a full-screen panel with its own padding, so the
	   theme's inset on each row is no longer needed. */
	.mean-container .mean-nav ul li {
		width: 100%;
		left: 0;
		top: 0;
	}
	.related-share {
		text-align: left;
	}
	.page-title h1 {
		font-weight: 600;
		font-size: 48px;
		line-height: 60px;
	}
	.attoyer-btn {
		padding: 0 30px;
		height: 50px;
		font-size: 15px;
	}
	.attoyer-btn {
		line-height: 50px;
	}
}
@media (max-width: 575px) {
	.collapse-header h3 {
		font-size: 14px;
	}
	.attoyer-btn1{
		margin: 10px 0px 0px 0px;
	}
}
@media (max-width: 400px) {
	.choos1{
		right: 13% !important;
	}
}