/* Medium Layout 1280px. */
@media (min-width: 992px) and (max-width: 1250px) {
.main-menu .nav li {
	margin-right: 15px;
	position: relative;
}
.testimonials .slick-dots {
	right: -8px;
}
.hero-area .welcome-text h1 {
	font-size: 42px;
	line-height: 50px;
}
.team button.NextArrow {
  right: -10px;
}
.team button.PrevArrow {
  left: -10px;
}
}
/* Tablet Layout 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section-title {
	padding: 0 60px;
}
.section-title {
	padding: 0 65px;
}
.breadcrumbs h2{
	font-size:35px;
}
.faq-img{
	display:none;
}
.top-contact,.topbar .top-right {
	text-align: center;
}
.lang-nav .lang-dropdown{
	text-align:left;
}
.top-right {
	margin-top: 5px;
}
.navbar-nav {
  display: initial;
}
.navbar-nav li {
  display: inline-block;
}
.logo {
	text-align: center;
	padding-top: 25px;
}
.main-menu .nav li a {
	padding: 25px 0px;
}
.main-menu .nav li {
  margin-right: 21px;
}
.search-form {
	top: 74px;
}
.search-nav-icon {
	top: 24px;
}
.header.sticky .header-inner{
	position:relative;
}
.header.style2 .header-inner {
	background: #2A2D2F;
}
.header.style2 .main-menu .nav li:hover a,
.header.style2 .main-menu .nav li.active a {
	background: transparent;
}
.header.style2 .main-menu .nav li a {
	padding: 22px 0;
}
.header.style2 .search-nav-icon {
	top: 22px;
}
.hero-area.style2 .welcome-text h1 {
  font-size: 52px;
  line-height: 50px;
}
.hero-area.style2 .welcome-text h1 span {
  font-size: 25px;
}
.header.style2 .search-form {
	top: 68px;
}
.sidebar-quick{
	overflow:scroll;
}
.background-layer{
	display:none;
}
.hero-area,.hero-area .single-slide,
.hero-area .welcome-text{
	height:500px;
}
.hero-area.style2,.hero-area.style2 .single-slide,
.hero-area.style2 .welcome-text{
	height:600px;
}
.hero-area.style2 .welcome-text-inner {
	margin: 121.5px 0 0;
}
.hero-area.style2 .slick-dots {
	bottom: 35px;
}
.hero-area .welcome-text h1 {
	font-size: 36px;
	line-height: 45px;
}
.hero-area .welcome-text b {
	font-size: 15px;
	margin-bottom: 5px;
}
.hero-area .welcome-text p {
	font-size: 14px;
}
.testimonials .single-testimonial p {
	font-size: 14px;
}
.why-choose::before{
	display:none;
}
.why-choose .choose-main {
	margin-top: 20px;
}
.why-choose .single-choose p {
  line-height: 20px;
}
.count-img {
	display: none;
}
.testimonials .single-testimonial {
	padding: 0 25px 25px 25px;
}
.testimonials .slick-dots {
	right: -12px;
}
.team button.PrevArrow {
	left: -10px;
}
.team button.NextArrow {
	right: -10px;
}
.achivements .section-title,
.testimonials .section-title{
	padding: 0;
	margin-right: 150px;
}
.news-area .news-meta ul li{
	font-size:13px;
}
.projects .project-nav li {
	padding: 10px 20px;
}
.team .team-title {
	font-size: 18px;
}
.extra-feature .feature-list li {
	font-size: 13px;
}
.call-to-main {
  text-align: center;
}
.call-to-main h2 {
  font-size: 20px;
}
.call-to-action .button {
	text-align:center;
	margin-top:15px;
	float:none;
}
.call-to-action p {
	padding: 0 90px;
}
.call-to-action .btn {
  display: inline-block;
}
.project-info{
	margin-top:30px;
}
.success{
	padding:100px 0;
}
.footer .photo-gallery ul {
  margin-left: -25px;
  margin-top: -15px;
}
.footer .photo-gallery ul li {
  margin-left: 25px;
  margin-top: 15px;
}
.footer .photo-gallery ul li img {
  width: 65px;
  height: 65px;
}
}

/* Mobile Layout 320px. */   
@media only screen and (max-width: 767px) {
.sidebar-quick {
	overflow: scroll;
}
.section-title {
	padding: 0;
}
.section-title h2 {
	font-size: 25px;
}
.section-title h2 span {
	margin-right: 10px;
	padding-right: 10px;
}
.logo {
	padding-top: 0;
}
.mobile-nav {
	display: block;
}
.slicknav_menu {
	margin: -31px 0 0 0;
	background: transparent;
	padding: 0;
	margin-bottom: 0px;
	padding: 0;
}
.slicknav_menu .slicknav_nav {
	background: #1D8F85;
	margin-top: 35px;
}
.slicknav_menu .slicknav_nav a i {
	display: none;
}
.mobile-nav .slicknav_btn {
	margin: 0;
	background: #1D8F85;
	border-radius: 0px;
}
.slicknav_nav a:hover{
	opacity:0.8;
}
.header.style2 .logo{
	padding:0;
}
.header.style2 .header-inner {
	background: #2A2D2F;
}
.header-inner {
	padding: 20px 0;
}
.hero-area .welcome-text p {
	font-size: 14px;
}
.skills .tab-main .nav {
	left: 0;
	border:red;
}
.skills .tab-main .nav li {
	display: block;
	margin: 0;
	width: 100%;
	margin-bottom: 5px;
}
.skills .tab-main .nav li:last-child{
	margin:0;
	border:none;
}
.skills .tab-main .nav li a {
	padding: 12px;
}
.pagination-main {
  margin: 40px 0 0;
}
.pagination-main li {
	margin-top: 10px !important;
}
.breadcrumbs {
	padding: 45px 0;
}
.breadcrumbs h2 {
	margin-bottom: 15px;
	font-size: 28px;
}
.breadcrumbs ul li a {
	font-size: 14px;
}
.breadcrumbs ul li a i {
	margin-right: 10px;
	font-size: 13px;
}
.faq-img,.topbar .top-right{
	display:;
	
}
.top-inner {
    padding: 19px 15px;
}
.top-contact,.topbar .top-right {
	text-align: center;
}
.lang-nav .lang-dropdown{
	text-align:left;
}
.top-right {
	margin-top: 5px;
}
.main-menu{
	display:none;
}
.logo {
	text-align: left;
}
.main-menu .nav li a {
  padding: 20px 0px;
}
.main-menu .nav li {
  margin-right: 21px;
}
.search-form {
	top: 65px;
}
.search-nav-icon {
	top: -75px;
	display:none;
}
.header.sticky .header-inner{
	position:relative;
}
.hero-area .welcome-text-content {
	padding: 20px;
}
.hero-area,.hero-area .single-slide,.hero-area .welcome-text,
.hero-area.style2,.hero-area.style2 .single-slide,.hero-area.style2 .welcome-text{
	height:500px;
}
.hero-area .welcome-text b{
	display:none;
}
.hero-area .welcome-text h1 {
	font-size: 28px;
	line-height: 35px;
}
.hero-area.style2 .welcome-text-inner {
	margin-top: 70.5px;
}
.hero-area.style2 .button {
	margin-top: 10px;
}
.hero-area.style2 .welcome-text p{
	font-size:14px;
}
.hero-area.style2 .btn {
	margin: 0;
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
}
.hero-area.style2 .btn:last-child {
  margin: 0;
}
.hero-area.style2 .slick-dots {
	bottom: 15px;
}
.background-layer{
	display:none;
}
.hero-area.style2 .welcome-text h1 {
	font-size: 26px;
	line-height: 35px;
	margin-bottom: 10px;
}
.hero-area.style2 .welcome-text h1 span {
	font-size: 16px;
	line-height:20px;
}
.why-choose:before{
	display:none;
}
.why-choose .single-choose i {
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 22px;
}
.why-choose .single-choose h4 {
	font-size: 16px;
	margin: 10px 0;
}
.why-choose .single-choose p {
  line-height: 20px;
}
.count-img {
	display: none;
}
.achivements .section-title,
.testimonials .section-title,
.skills .section-title {
	padding: 0;
	margin:0;
}
.achivements .section-title{
	text-align:center !important;
	padding:0 20px;
}
.achivements .single-count {
	padding-right: 35px;
	text-align: center;
	padding: 0;
	margin-top: 25px;
}
.achivements .single-count .icon {
	position: relative;
	display: inline-block;
	margin-bottom: 15px;
}
.projects .project-nav {
	margin-top: 10px;
}
.projects .project-nav li {
	padding: 10px 17px;
	font-size: 13px;
	margin-right: 5px;
	margin-top: 10px;
}
.projects .project-nav li:last-child{
	margin:0;
}
.testimonials .section-title.white h2 {
	font-size: 20px;
	line-height: 24px;
}
.consultation .form-area {
	padding: 25px;
}
.consultation .consult-title h2 {
	font-size: 20px;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.team .team-title {
	font-size: 18px;
}
.news-area .news-meta{
	display:none;
}
.news-area.single .heading h2 {
	font-size: 16px;
	margin-bottom: 20px;
}
.call-to-main {
	text-align: center;
}
.call-to-main h2 {
	font-size: 22px;
}
.call-to-action .button {
	text-align:center;
	margin-top:15px;
	float:none;
}
.call-to-action .btn {
  display: inline-block;
}
.news-area .news-body h4 {
	font-size: 16px;
	margin-bottom: 10px;
}
.news-area.latest .news-meta ul li {
	font-size: 13px;
}
.news-area .news-meta ul li{
	font-size:13px;
}
.project-info{
	margin-top:30px;
}
.news-area.single .news-meta {
	display: none;
}
.news-area.single blockquote {
	font-size: 15px;
}
.news-area.single .content-inner img {
  margin-top: 20px;
}
.news-area.single .heading h2 {
  margin-bottom: 0;
}
.blog-comments .single-comments .comment-list {
	margin-left: 0;
}
.services.single .service-content,
.project-single .single-project {
	padding: 20px;
}
.about-des .about-title h2 {
	font-size: 20px;
	line-height: 28px;
}
.blog-comments .single-comments .head {
	float: none;
	margin: 0;
	margin-bottom: 10px;
}
.blog-comments .single-comments .body{
	padding:0;
}
.we-do-list .col-12.fix .single-list {
  border: aliceblue;
}
.we-do-list .single-list {
  margin: 0;
  border: none;
  padding-bottom: 0px;
  margin-bottom: 25px !important;
}
.we-do-list .col-12:last-child .single-list {
  margin: 0 !important;
}
.faqs-main .single-faq .faq-title a {
	font-size: 14px;
}
.error-page .error-inner h1 {
	font-size: 110px;
}
.error-page .error-inner h2 {
	font-size: 26px;
}
.error-page .error-search-form {
	width: 100%;
}
.map {
	width: 100%;
	height: 250px;
}
.skill-img{
	display:none;
}
.skills .button {
	text-align: left;
}
.skills .button .btn {
	margin: 0 0 10px;
	display: block;
}
.skills .button .btn:last-child{
	margin:0;
}
.services.single .single-service h1, 
.project-single .single-content h1, 
.news-area.single .news-body h1 {
	font-size: 20px;
	margin-bottom: 10px;
	line-height: 30px;
}
.extra-feature .title h4 {
	font-size: 18px;
	margin: 0 0 10px;
}
.extra-feature .feature-list li {
	font-size: 13px;
	line-height: 24px;
	margin-bottom: 5px;
}
.extra-feature .feature-list li:last-child{
	margin:0;
}
.extra-feature .image{
	margin-top:20px;
}
.success{
	padding:100px 0;
}
.success .mail h2 {
	font-size: 22px;
}
.footer .photo-gallery ul {
  margin-left: -25px;
  margin-top: -15px;
}
.footer .photo-gallery ul li {
  margin-left: 25px;
  margin-top: 15px;
}
.footer .photo-gallery ul li img {
  width: 65px;
  height: 65px;
}	
}

/* Other Responsive CSS */
@media only screen and (max-width: 320px) {
.hero-area .welcome-text h1 {
	font-size: 22px;
	line-height: 32px;
}
.logo {width:50px;}
}
@media only screen and (max-width: 992px) {
.precon-options,.footer-height {
	display: none;
}
}
.footer-height {
	display: none !important;
	height: 0 !important;
}
@media only screen and (min-width: 992px) {
#footer-fixed {
	position: static;
	left: auto;
	right: auto;
	bottom: auto;
	z-index: auto;
}
/* Header Sticky */
.header.sticky .header-inner {
	position: fixed;
	top: 0;
	left:0;
	width: 100%;
	background: #fff;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35);
}
.header.sticky .nav li a {
	padding: 20px 0px;
}
.header.sticky .search-nav-icon {
	top: 21px;
}
.header.sticky .logo {
	padding-top: 20px;
}
	
/* Sticky Style 2 */
.header.style2.sticky .logo {
	padding-top: 22px;
}
.header.style2.sticky .logo .text-logo a{
	color:#353535;
}
.header.style2.sticky .main-menu .nav li a{
	color:#353535;
}
.header.style2.sticky .main-menu .nav .dropdown li a{
	color:#eee;
}
.header.style2.sticky .main-menu .nav .dropdown li a:hover{
	color:#fff;
}
.header.style2.sticky .search-nav-icon{
	top:24px;
}
	.header.style2.sticky .search-nav-icon li a {
		color: #353535;
	}
}

/* Modern OIGS header responsive overrides */
@media only screen and (max-width: 1250px) {
	.site-header .header-container {
		padding-left: 22px;
		padding-right: 22px;
	}
	.site-header .header-shell {
		gap: 14px;
	}
	.site-header .brand-link,
	.site-header .brand-link img {
		max-width: 218px;
	}
	.site-header .main-menu .nav li a,
	.header.sticky.site-header .main-menu .nav li a {
		padding-left: 8px;
		padding-right: 8px;
		font-size: 13px;
	}
	.site-header .header-verify {
		padding: 0 14px;
	}
}

@media only screen and (max-width: 991px) {
	.site-header .header-container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.site-header .top-inner {
		justify-content: center;
		text-align: center;
	}
	.site-header .top-contact {
		justify-content: center;
		gap: 10px 16px;
	}
	.site-header .social-icons {
		display: none;
	}
	.site-header .header-inner {
		padding: 0;
	}
	.site-header .header-shell,
	.header.sticky.site-header .header-shell {
		min-height: 82px;
		position: relative;
		gap: 12px;
	}
	.site-header .brand-link,
	.site-header .brand-link img {
		max-width: 238px;
	}
	.site-header .main-menu-bar {
		display: none;
	}
	.site-header .mobile-nav {
		display: none;
	}
	.site-header .mobile-menu-check {
		position: absolute;
		opacity: 0;
		pointer-events: none;
	}
	.site-header .mobile-menu-button {
		width: 44px;
		height: 44px;
		border-radius: 50%;
		background: #168f84;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 5px;
		margin-left: auto;
		box-shadow: 0 10px 24px rgba(22, 143, 132, 0.2);
		cursor: pointer;
	}
	.site-header .mobile-menu-button span {
		width: 18px;
		height: 2px;
		border-radius: 99px;
		background: #fff;
		display: block;
	}
	.site-header .mobile-menu-panel {
		position: absolute;
		top: calc(100% + 1px);
		left: 15px;
		right: 15px;
		z-index: 20;
		padding: 10px;
		border-radius: 0 0 12px 12px;
		background: #12343b;
		box-shadow: 0 18px 35px rgba(17, 34, 42, 0.18);
	}
	.site-header .mobile-menu-check:checked ~ .mobile-menu-panel {
		display: block;
	}
	.site-header .mobile-menu-panel a {
		display: block;
		padding: 12px 12px;
		border-radius: 8px;
		color: #fff;
		font-weight: 700;
		line-height: 1.2;
	}
	.site-header .mobile-menu-panel a:hover {
		background: rgba(255, 255, 255, 0.1);
		color: #fff;
	}
	.site-header .mobile-nav .slicknav_btn {
		width: 44px;
		height: 44px;
		margin: 0;
		border-radius: 50%;
		background: #168f84;
		display: flex;
		align-items: center;
		justify-content: center;
		float: none;
	}
	.site-header .slicknav_icon {
		margin: 0;
	}
	.site-header .slicknav_menu .slicknav_nav {
		position: absolute;
		top: calc(100% + 1px);
		left: 15px;
		right: 15px;
		margin: 0;
		padding: 10px;
		border-radius: 0 0 12px 12px;
		background: #12343b;
		box-shadow: 0 18px 35px rgba(17, 34, 42, 0.18);
		text-align: left;
	}
	.site-header .slicknav_nav li {
		margin: 0;
	}
	.site-header .slicknav_nav a,
	.site-header .slicknav_nav .slicknav_row {
		margin: 0;
		padding: 11px 12px;
		border-radius: 8px;
		color: #fff;
		font-weight: 700;
	}
	.site-header .slicknav_nav a:hover,
	.site-header .slicknav_nav .slicknav_row:hover {
		background: rgba(255, 255, 255, 0.1);
		opacity: 1;
	}
	.site-header .slicknav_nav ul {
		margin: 4px 0 8px 12px;
	}
	.header.sticky.site-header .header-inner {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: #fff;
	}
}

@media only screen and (max-width: 575px) {
	.site-header .topbar {
		display: none;
	}
	.site-header .header-shell,
	.header.sticky.site-header .header-shell {
		min-height: 72px;
	}
	.site-header .brand-link,
	.site-header .brand-link img {
		max-width: 205px;
	}
	.site-header .mobile-nav .slicknav_btn {
		width: 40px;
		height: 40px;
	}
	.site-header .mobile-menu-button {
		width: 40px;
		height: 40px;
	}
	.site-header .slicknav_menu .slicknav_nav {
		left: 12px;
		right: 12px;
	}
}