@media (min-width: 1200px) {
	.container {
		max-width: 1200px;
	}
}

@media (min-width: 992px) {
	.img-hover-effect {
		overflow: hidden;
	}
	.img-hover-effect img {
		transition: all 0.7s;
		transform: scale(1.2);
	}
	.img-hover-effect:hover img, .single-news:hover .img-hover-effect img {
		transform: scale(1);
	}
}

@media (max-width:1600px) {
	.banner-img {
		height: 860px;
		object-fit: cover;
	}
}

@media (max-width: 1400px) {
	.logo-img {
		max-width: 200px;
	}
	.navbar-light .navbar-nav .nav-link {
		padding: 8px 18px;
	}
	.call-wrap {
		padding: 12px 30px;
	}
}

@media (max-width:1365px) {
	.jcarousel-control-prev {
		left: -10px;
	}
	.jcarousel-control-next {
		right: -10px;
	}
	.year-wrap {
		left: -10px;
	}
	.banner-img {
	
		object-fit: cover;
	}
}

@media (min-width:1200px) and (max-width:1428px) {}

@media (max-width:1199px) {
	.progressbar li a{
		font-size: 11px;
	}
	.navbar-nav {
		margin-left: 10px;
	}
	.navbar-light .navbar-nav .nav-link {
		padding: 8px 22px;
	}
	.section-title {
		font-size: 42px;
	}
	.unstyled li {
		width: 45%;
	}
	.testresult-display-btn button {
		margin-bottom: 30px;
	}
	.section-title-small {
		font-size: 32px;
	}
	.navbar-light .navbar-nav .nav-link {
		padding: 5px 15px;
		font-size: 14px;
		color: #fff
	}
	.call-wrap {
		padding: 16px 10px;
		width: 180px;
	}
	.call-wrap h5 {
		font-size: 14px;
	}
	.call-wrap span {
		font-size: 16px;
	}
	.team-member-name {
		padding: 20px 10px;
	}
}

@media (max-width:991px) {
	.img-front {
		width: 200px;
	}
	.contact-info ul li .media p {
		font-size: 16px;
	}
	.navbar-light .navbar-toggler {
		border-color: transparent;
	}
	.navbar-light .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}
	.navbar-nav {
		margin-left: 0;
		border-top: 3px double #BABCBA;
		padding-top: 20px;
	}
	.navbar-nav li {
		margin: 0 10px;
	}
	.call-wrap {
		width: 100%;
		padding: 10px 20px;
	}
	.call-wrap h5 {
		display: none;
	}
	.header-wrapper {
		background: rgba(0, 0, 0, 0.9);
	}
	.update-testbtn button {
		margin-bottom: 0;
	}
	.news-content {
		min-height: 245px;
	}
	.contact-info ul li .media p, .contact-info ul li .media a{
		font-size: 16px;
	}
	.submit-date{
		text-align: left;
	}
}

@media (max-width:767px) {
	.banner-form {
		padding: 30px 25px;
	}
	.about-img {
		margin-bottom: 40px;
	}
	.section-btm-text {
		width: 100%;
	}
	.about-wrapper {
		padding-bottom: 40px;
	}
	.banner-wrapper h1 {
		font-size: 35px;
	}
	.banner-content p {
		font-size: 14px !important;
		margin-bottom:10px;
	}
	.team-member-name h4 {
		font-size: 16px;
	}
	.h1-title {
		font-size: 30px;
	}
	.tabbable-panel {
		padding: 0px;
	}
	.progressbar {
		border-radius: 20px 20px 0 0;
	}
	.progress-content {
		padding: 0 15px 15px;
		margin-top: 30px;
	}
	.progressbar li {
		line-height: 1;
	}
	.progressbar li a {
		font-size: 10px;
	}
	.progressbar li::before {
		width: 30px;
		height: 30px;
		border: 2px solid #777;
	}
	.progressbar li::after {
		height: 2px;
		top: 14px;
	}
	.progressbar li.current a::before, .progressbar li.active a::before {
		font-size: 16px;
		width: 20px;
		height: 20px;
	}
	.progressbar li a::before {
		width: 20px;
		height: 20px;
		margin: -25px auto 15px;
	}
	.progress-content .panel-body .brdr-bttm {
		padding-bottom: 0;
	}
	.progress-content .panel-body hr {
		margin-top: 0;
		margin-bottom: 30px;
	}
	.unstyled li {
		width: 100%;
	}
	.pricemonthly-area {
		margin-bottom: 15px;
	}
	.slider-leftarea .transp-btn {
		margin-bottom: 30px;
	}
	.tabbable-panel.terms-conditions {
		padding: 20px;
	}
	.mob-padding {
		padding: 15px;
	}
	.news-content {
		min-height: auto;
	}
	.team-member-name p {
		min-height: 56px;
	}
	.form-wrapper .personal-accordion .card h2 {
        padding-right: 40px;
        font-size: 15px;
	}
	.mobile-none {
		display: none !important;
	}
	.mobile-block {
		display: block;
	}
	.update-testbtn{
		margin-top: 20px !important;
		/* margin-bottom: 20px; */
	}
	.monthly-next-area{
		margin-top: 20px;
	}
	.feature-listing li {
		min-height: auto !important;
	}
	.fav-btn{
		left: 10px;
		top: 10px;
	}
	.featurelisting-area {
		margin-top: 20px !important;
	}
	.owl-dots{
		top: -50px !important;
	}
	.owl-carousel{
		margin-top: 10%;
	}
}

@media (max-width:575px) {
	.logo-img {
		max-width: 160px;
	}
	.logo {
		padding: 7px 10px;
	}
	.year-wrap img {
    max-width: 10px;
}
	.year-wrap {
		width: 50px;
		height: 80px;
		font-size: 10px;
		top: 125px;
	}
	.img-front {
		width: 110px;
	/*	height:30px;*/
	}
	.year-wrap span {
		font-size: 30px;
	}
	
	.img-front:before {
    width: 100%;
	}
	
	.contact-form {
		padding: 20px;
	}
	.contact-info ul li .media p, .contact-info ul li .media a {
		font-size: 16px;
	}
	.quote-wrapper .text-right {
		text-align: left !important;
	}
	.quote-wrapper .btn-primary {
		margin-top: 15px;
	}
	.quote-wrapper h3 {
		font-size: 30px;
	}
	.flip-box {
		height: 450px;
	}
	.form-wrapper .whitecard{
		padding: 30px 15px;
	}
	.tracking-item{
		font-size: 14px;
	}
	.tracking-item{
		padding: 2rem 1rem .5rem 2rem !important;
		margin-left: 1.8rem !important;
	}
	.progressbar li a {
		font-size: 9px;
	}
}

@media (max-width:440px) {
	.team-member-name p {
		min-height: auto;
	}
	.owl-carousel {
		margin-top: 17%;
	}
	.h1-title {
		font-size: 26px;
	}
}