/* XL Device :1200px */
@media (min-width: 1200px) and (max-width: 1500px) {}

/* LG Device :992px */
@media (min-width: 992px) and (max-width: 1200px) {}

/* MD Device :768px */
@media (min-width: 768px) and (max-width: 991px) {}

@media (max-width: 1440px) {
	.divider-gap {
		padding: 14% 16% 12% 12%;
	}
}
@media (max-width: 1200px) {
	.f-left-none {
		float: none;
	}
}
@media (min-width: 1025px) {
	.mrr-xl-30 {
		margin-right: 30px;
	}
	.mrr-xl-40 {
		margin-right: 40px;
	}
	.mrr-xl-50 {
		margin-right: 50px;
	}
	.mrl-xl-30 {
		margin-left: 30px;
	}
	.mrl-xl-40 {
		margin-left: 40px;
	}
	.mrl-xl-50 {
		margin-left: 50px;
	}
}
@media (min-width: 768px) {
	.mrr-md-30 {
		margin-right: 30px;
	}
	.mrr-md-40 {
		margin-right: 40px;
	}
	.mrr-md-50 {
		margin-right: 50px;
	}
	.mrl-md-30 {
		margin-left: 30px;
	}
	.mrl-md-40 {
		margin-left: 40px;
	}
	.mrl-md-50 {
		margin-left: 50px;
	}
}

@media (max-width: 1024px) {
	.home-carousel .content-box {
		padding: 0 30px;
	}
	.long-gap-left {
		margin-left: 0;
	}
	.divider-gap {
		padding: 10% 5% 9% 5%;
	}
	.video-popup {
		min-height: 420px;
	}
	.mrt-lg-90 {
		margin-top: 90px;
	}
	.mrb-lg-20 {
		margin-bottom: 20px;
	}
	.mrb-lg-30 {
		margin-bottom: 30px;
	}
	.mrb-lg-40 {
		margin-bottom: 40px;
	}
	.mrb-lg-50 {
		margin-bottom: 50px;
	}
	.mrb-lg-60 {
		margin-bottom: 60px;
	}
	.mrb-lg-70 {
		margin-bottom: 70px;
	}
	.pdt-lg-105 {
		padding-top: 105px;
	}
	.pdb-lg-45 {
		padding-bottom: 45px;
	}
	.pdb-lg-50 {
		padding-bottom: 50px;
	}
	.pdb-lg-55 {
		padding-bottom: 55px;
	}
	.pdb-lg-70 {
		padding-bottom: 70px;
	}
	.pdb-lg-75 {
		padding-bottom: 75px;
	}
	.pdb-lg-80 {
		padding-bottom: 80px;
	}
	.pdb-lg-90 {
		padding-bottom: 90px;
	}
	.pdb-lg-100 {
		padding-bottom: 100px;
	}
}
@media (max-width: 991px) {
	.logo img {
		width: 60vw;
	}
	.header-wrapper .header-navigation-area {
		padding: 10px 0;
	}
	.language-select-box {
		text-align: center;
		float: none;
	}
	.header-top-social-area {
		float: initial;
		text-align: center;
	}
	.header-middle .topbar-info-area a {
		font-size: 15px;
	}
	.header-style-one .mean-container a.meanmenu-reveal {
		margin-top: -40px;
	}
	.header-style-one .header-wrapper .header-navigation-area {
		padding: 30px 0 15px;
	}
	.header-style-one .header-wrapper .header-top .header-info-area {
		text-align: center;
	}
	.header-style-one .header-wrapper .header-top .header-top-social-area ul {
		text-align: unset;
	}
	.header-style-two .header-wrapper .header-top .header-info-area {
		text-align: center;
	}
	.header-style-two .header-wrapper .header-top .header-top-social-area ul {
		text-align: unset;
	}
	.header-searchbox-style-two .toggle-searchbox.show {
		top: 148%;
	}
	.header-searchbox-style-two .toggle-searchbox {
		right: -60px;
    	width: 100vw;
	}
	.header-searchbox-style-two .show-searchbox a {
		margin: 10px 0 0px;
	}
	.header-searchbox-style-two.d-xl-block {
		position: absolute;
	    right: 60px;
	    top: 5px;
	}
	.mean-container a.meanmenu-reveal {
		border: none;
	}
	.toggle-searchbox {
		width: 100vw;
    	right: -60px;
	}
	.logo {
		padding-top: 18px;
	}
	.about-section .image-link {
		margin-bottom: 45px;
	}
	.service-section-title-area {
		padding: 90px 0 240px;
		margin: 0;
		margin-top: -180px;
	}
	.gmap_canvas {
		height: 370px;
	}
	.popup-video-block {
		min-height: 445px;
	}
	.mrb-md-20 {
		margin-bottom: 20px;
	}
	.mrb-md-30 {
		margin-bottom: 30px;
	}
	.mrb-md-40 {
		margin-bottom: 40px;
	}
	.mrb-md-50 {
		margin-bottom: 50px;
	}
	.mrb-md-60 {
		margin-bottom: 60px;
	}
	.mrb-md-70 {
		margin-bottom: 70px;
	}
	.divider-gap {
		padding: 13% 5% 11% 5%;
	}
}

@media (max-width: 767px) {
	.error-inner .error-title {
		font-size: 110px;
		line-height: 120px;
	}
	.error-inner .error-text {
		font-size: 22px;
		color: #fff;
		margin-bottom: 10px;
	}
	.mrb-md-15 {
		margin-bottom: 15px;
	}
	.mrb-md-20 {
		margin-bottom: 20px;
	}
	.mrb-md-30 {
		margin-bottom: 30px;
	}
	.mrb-md-40 {
		margin-bottom: 40px;
	}
	.mrb-md-50 {
		margin-bottom: 50px;
	}
	.mrb-md-60 {
		margin-bottom: 60px;
	}
	.preloader-wrapper {
		left: 40%;
	}
	#video-s {
		display: none;
	}

	.product-center-title {
		position: absolute;
		top: 38px;
		right: 0;
		width: 80%;
	}
}

@media (max-width: 768px) {
	.request-a-call-back-form {
		margin-left: 0;
	}
	.mapouter.fixed-height {
		height: auto;
	}
	.popup-youtube {
		transform: translateY(-90%);
	}
	.popup-video-block {
		min-height: 390px;
	}
	.case-study-item:hover .case-study-thumb .case-study-details {
		left: 0px;
	}
	.case-study-item:hover .case-study-thumb .case-study-link-icon a {
		right: 20px;
	}
	.mrt-md-0 {
		margin-top: 0;
	}
	.mrb-md-15 {
		margin-bottom: 15px;
	}
	.mrb-md-20 {
		margin-bottom: 20px;
	}
	.mrb-md-30 {
		margin-bottom: 30px;
	}
	.mrb-md-40 {
		margin-bottom: 40px;
	}
	.mrb-md-50 {
		margin-bottom: 50px;
	}
	.mrb-md-60 {
		margin-bottom: 60px;
	}
	.mrt-md-15 {
		margin-top: 15px;
	}
	.mrt-md-20 {
		margin-top: 20px;
	}
	.mrt-md-30 {
		margin-top: 30px;
	}
	.mrt-md-40 {
		margin-top: 40px;
	}
	.mrt-md-50 {
		margin-top: 50px;
	}
	.mrt-md-60 {
		margin-top: 60px;
	}
	.pdb-md-0 {
		padding-bottom: 0;
	}
	.pdb-md-15 {
		padding-bottom: 15px;
	}
	.pdb-md-25 {
		padding-bottom: 25px;
	}
	.pdb-md-40 {
		padding-bottom: 40px;
	}
	.pdb-md-45 {
		padding-bottom: 45px;
	}
	.pdb-md-80 {
		padding-bottom: 80px;
	}
	.pdb-md-90 {
		padding-bottom: 90px;
	}
	.pdb-md-100 {
		padding-bottom: 100px;
	}
	.pdb-md-110 {
		padding-bottom: 110px;
	}
	.pdb-md-83 {
		padding-bottom: 83px;
	}
}
@media (max-width: 600px) {}

@media (max-width: 576px) {
	.navbar-brand {
		margin: 0 auto;
	}
}

@media (max-width: 480px) {}

@media (max-width: 425px) {
	h2 {
		font-size: 48px !important;
		line-height: 62px !important;
	}
	.home-carousel .content-box {
		text-align: center;
	}
	.home-carousel .content-box h1 {
		font-size: 48px;
		line-height: 54px;
	}
	.font-54 {
		font-size: 36px;
		line-height: 48px;
	}
	.shadow-text {
		font-size: 68px;
		animation: none;
	}
	.anim-object:before {
		position: absolute;
		right: 15%;
	}
	.anim-object2:before {
		height: 200px;
		width: 200px;
		top: 40%;
		left: 20%;
	}
	.text-divider .large-text {
		font-size: 36px;
		line-height: 1.3;
	}
	.preloader-wrapper {
		left: 36%;
		top: 42%;
	}
	.icon-box-two .icon {
		float: none;
	}
	.icon-box-two .icon-details {
		margin-left: 0;
		margin-top: 15px;
	}
	.about-icon {
		display: inline-block;
		margin-top: 35px;
		margin-bottom: 60px;
	}
	.about-contact-btn:after {
		visibility: hidden;
	}
	.blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-author-thumb {
		float: none;
		display: inline-block;
	}
	.blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content {
		margin-left: 0;
		margin-top: 30px;
	}
	.blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .children {
		margin-left: 30px;
	}
	.blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content .comment-text {
		margin-bottom: 25px;
	}
	.blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content .reply {
		position: unset;
		margin-bottom: 50px;
	}
	.divider-gap {
		padding: 23% 4% 20% 4%;
	}
	.mrb-sm-15 {
		margin-bottom: 15px;
	}
	.mrb-sm-20 {
		margin-bottom: 20px;
	}
	.mrb-sm-30 {
		margin-bottom: 30px;
	}
	.mrb-sm-40 {
		margin-bottom: 40px;
	}
	.mrb-sm-50 {
		margin-bottom: 50px;
	}
	.mrb-sm-60 {
		margin-bottom: 60px;
	}
	.pdt-sm-50 {
		padding-top: 50px;
	}
	.pdb-sm-80 {
		padding-bottom: 80px;
	}
	.pdb-sm-90 {
		padding-bottom: 90px;
	}
	.pdb-sm-100 {
		padding-bottom: 100px;
	}
	.f-left-sm-none {
		float: none;
	}
}

@media (max-width: 375px) {
	.preloader-wrapper {
		left: 36%;
		top: 42%;
	}
}

@media (max-width: 360px) {}

@media (max-width: 320px) {
	.news-wrapper .news-details .news-description .news-bottom-meta {
		padding: 10px 30px;
	}
	.about-image .experience {
		padding: 40px 25px;
		max-width: 210px;
	}
	.about-image .experience h2 {
		font-size: 72px;
		line-height: 32px;
	}
	.about-image .experience h2 span {
		font-size: 24px;
		line-height: 32px;
	}
}