/* Extra large devices (large desktops, 1800px and up) */


@media (max-width: 1281px) {
	.brand-item img {
		height: 75px;
		width: 100%;
		object-fit: contain;
	}

	.scroll-top {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

	.brand-area {
		padding: 50px 0 50px;
	}

	.breadcrumb-content .title {
		font-size: 40px;
	}

	.breadcrumb li a {
		font-size: 18px;
	}

	.contact-content .title {
		font-size: 20px;
	}

	.contact-icon {
		font-size: 50px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1199.98px) {
	.custom-container {
		max-width: 960px;
	}

	.header-fixed-position {
		height: 108px;
	}

	.menu-nav {
		justify-content: space-between;
	}

	.header-action {
		margin-right: 30px;
	}

	.menu-outer .navbar-wrap {
		display: block !important;
	}

	.sticky-menu.menu-area {
		padding: 15px 0;
	}


	.breadcrumb-bg {
		padding: 150px 0 120px !important;
	}

	.brand-area {
		padding: 95px 0 100px;
	}

	.contact-box {
		padding: 40px 30px;
	}

	.contact-icon {
		font-size: 70px;
	}

	.contact-content .title {
		font-size: 25px;
	}

	#contact-map {
		display: block;
		height: 400px;
		margin: 0 0 70px;
	}

	.contact-form-wrap {
		padding: 0 0;
	}

	.contact-form-wrap .section-title {
		text-align: center;
	}

	.contact-box::before,
	.contact-box::after {
		height: 120px;
	}

	.contact-form-wrap .form-btn {
		text-align: center;
	}

	.inner-shop-details-content .title {
		font-size: 36px;
	}

	.hero-slider .slider-content {
		width: 90%;
	}

	.updates-content img {
		right: 22px;
		width: 55px;
	}

	.stickymenu.logo {
		margin-right: 50px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 991.98px) {
	.custom-container {
		max-width: 720px;
	}

	.section-header h3 {
		font-size: 35px;
	}

	.section-header h3>span {
		font-size: 20px;
		margin-top: 10px;
	}

	.swiper .button-prev,
	.swiper .button-next {
		display: none;
	}

	.updates-content img {
		right: 15px;
		width: 45px;
	}

	.h1-logo {
		font-size: 32px;
	}

	#logo {
		height: 75px;
	}

	.pagination-wrap ul {
		justify-content: center;
	}

	.slider-toggle {
		right: 30%;
	}

	#accessibility {
		margin-bottom: 10px;
	}

	.menu-item-has-children i {
		display: none;
	}

	.menu-area .mobile-nav-toggler,
	.menu-nav .mobile-nav-toggler {
		display: block !important;
	}

	.card-grid .card-title p::after {
		opacity: 1;
	}

	.card-grid .image-card img {
		transform: scale(1.10);
		transition: all 0.3s ease-in-out;
	}

	.card-grid .card-title p {
		transform: translateY(-10px);
		transition: all 0.3s ease-in-out;
	}

	.cta-arrow {
		left: 0;
		right: 0;
		margin: auto;
		bottom: -125px;
		width: 65px;
		height: 65px;
		font-size: 25px;
	}

	.card-grid {
		margin: 15px;
	}

	.journey-dates {
		justify-content: unset;
	}

	.gallery-box .media {
		width: 318px;
	}

	.media-area {
		padding: 50px 0;
	}

	.journey-slider {
		height: 550px;
	}

	.brand-active {
		margin-bottom: 40px;
	}

	.regcard {
		padding: 0;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 767.98px) {

	.brand-active {
		margin-top: 40px;
	}

	.cm-msg-block {
		display: flex;
		flex-direction: column;
	}

	.custom-container {
		max-width: 100%;
	}

	.header-fixed-position {
		height: 98px;
	}

	.brand-title .title {
		padding: 0 75px;
		line-height: 1.3;
	}

	.brand-title .title::before,
	.brand-title .title::after {
		top: 9px;
	}

	.brand-area {
		padding: 80px 0 85px;
	}

	    .gallery-box .media {
        width: 410px;
    }

	.footer-widgets-wrap .row [class*="col-"]:nth-child(4n+2) .footer-widget {
		padding-left: 0;
	}

	.footer-shape.one {
		max-width: 55px;
		left: auto;
		right: 0;
		transform: rotate(180deg);
	}

	.payment-card {
		margin: 10px 0 0;
	}

	.scroll-top {
		right: 20px;
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 14px;
	}

	.scroll-top.open {
		bottom: 75px !important;
	}

	.copyright-text {
		text-align: center;
	}

	.breadcrumb-content .title {
		font-size: 48px;
	}

	.navigation-filter {
		display: inline-block;
		margin: 25px 0;
	}

	.breadcrumb-content .title {
		margin-bottom: 10px;
	}

	.section-title .title br {
		display: none;
	}

	.hero-slider .slider-content p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		/* number of lines to show */
		line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.imp-media {
		width: 100%;
	}

	.imp-media img {
		width: 100%;
	}

	.stickymenu.logo {
		padding: 0;
	}

	.sticky-menu.menu-area {
		padding: 10px 0;
	}

	.testimonial-wrapper .testimonial-card {
		padding: 21px;
		margin-right: unset;
		padding-top: 185px;
		margin-top: 50px;
	}

	.testimonial-wrapper .quote-icon2 {
		left: 20px;
	}

	.testimonial-wrapper .profile {
		left: 0;
		right: 0;
		margin: auto;
		top: 60px;
	}

	.hero-content {
		left: 4%;
		top: 22%;
		padding: 18px 20px;
	}

	.journey-nav {
		display: none;
	}

	.journey-slider .content {
		left: 0;
		right: 0;
		margin: auto;
		text-align: center;
		top: 30px;
		padding: 0 30px;
	}

	.quote-icon {
		right: 0;
		left: 0;
		margin: auto;
	}

	.media-area {
		padding: 0;
		margin-top: 30px;
	}

	.gallery-category {
		display: none;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.custom-container {
		max-width: 540px;
	}

	.section-title .title br {
		display: block;
	}
}

@media (max-width: 576px) {
	.slider-toggle {
		right: 10%;
	}

	.shankar-banner-content {
		padding: 0 30px;
	}

	.shankar-quote{
		font-size: 15px;
	}

	.testimonial-wrapper .testimonial-card {
		padding-top: 0;
		height: auto;
	}

	.reg-hexs {
		padding: 0 !important;
	}

	    #progressbar li:after {
			top: -23px;
		}

	.testimonial-content {
    position: relative;
    /* bottom: 50%; */
    top: 50%;
    /* left: 0; */
    right: 0;
    margin: auto;
    transform: translateY(45%);
    max-width: 360px;
}

	.testimonial-wrapper {
    padding-top: 150px;
    margin-top: -15px;
}

    .testimonial-wrapper .profile {
		top: -100px;
	}

	.social-bar {
		display: none;
	}

	.promo-popup {
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	.sec-padding {
		padding: 20px;
	}

	.hero-slider .swiper-slide img {
		height: 65vh !important;
	}

	.hero-content {
		left: 0;
		top: 70%;
		max-width: 92%;
		padding: 14px 16px;
		bottom: 8%;
	}

	.colorbg {
		margin-top: 300px;
	}

	.updates-content {
		margin: 30px 0;
	}

	.knowcmcard {
		display: block;
	}
}