@media screen and (max-width:1199px) {
  .our-feature-list ul li {
    flex: 0 0 24.5%;
    max-width: 24.5%;
    margin-bottom: 40px;
}
}

@media screen and (max-width:991px) {
	.logo {
    margin-right: auto;
}
.mobile-toggle {
    display: block;
}
.navigation {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 16px);
    background-color: var(--clr-secondary);
}
.navigation ul {
    flex-wrap: wrap;
}
.navigation ul li {
    width: 100%;
    border-bottom: 1px solid rgb(238 238 238 / 20%) !important;
}
.navigation ul li:not(:first-child) {
    margin-left: 0;
}
.navigation ul li:not(:last-child) {
    border-bottom: none;
}
.navigation ul li a {
    padding: 14px 15px;
    display: inline-block;
    width: 100%;
    color: var(--clr-white);
}
	.banner {
    height: 400px;
}
	.banner-left p {
        font-size: 20px;
}
	.banner-right .img {
	    margin-top: 0;
        margin-right: 0;
}
.title h2 {
    font-size: 38px;
    line-height: 52px;
}
.discover-content-bx h4 {
    font-size: 20px;
    line-height: 28px;
}
.menu-card-bx {
    margin-bottom: 30px;
}
.about-left {
    margin-bottom: 50px;
}
.careers-right {
    margin-top: 50px;
}

.our-feature-list ul li {
    flex: 0 0 32.5%;
    max-width: 32.5%;
}
}


@media screen and (max-width:767px) {


.banner {
    height: auto;
    padding: 50px 0;
}
.banner-right .img {
    margin-top: 30px;
}
.service-item ul {
    flex-direction: column;
}
.service-item ul li {
    position: static;
    width: 100%;
    margin-bottom: 40px;
	text-align:center;
}

.service-item ul li .service-icon {
    position: static;
    margin: 0 0 25px;
}

.service-item ul li:first-child {
    padding-right: 0;
}
.service-item ul li:not(:first-child) {
    padding-left: 0;
    margin-bottom: 0px;
}
.service-icon-text h6::before {
    content: none;
}
.service-icon-text .secondary-btn {
    position: static;
}
.title h2 {
    font-size: 30px;
    line-height: 42px;
}
.secondary-btn a {
    padding: 14px 35px;
}
.discover-card {
    margin-bottom: 40px;
}
.discover-card .img-box {
	width: 100%;
    height: auto;
}
.newsletter-inner {
    padding: 80px 40px;
}
.inner-banner-content h1 {
    font-size: 40px;
    line-height: 48px;
}
.discover-details-card h5 {
    font-size: 16px;
    line-height: 26px;
}
.discover-details-card ul li {
    line-height: 22px;
}
.rewards-winner {
    padding: 30px;
}
.banner.inner-banner.inner-banner-menu {
    height: auto;
    padding: 50px 0;
}
.faq-accordion-heading button {
    padding: 20px  50px 20px 15px;
    font-size: 16px;
    line-height: 22px;
}
.faq-accordion-heading button::before {
    right: 15px;
}
.inner-banner-content form {
    position: static;
}
.industry-partner .title p {
    font-size: 20px;
}
.product-category {
    overflow: hidden;
}
.our-feature-list ul li {
    flex: 0 0 50%;
    max-width: 50%;
}
}

@media screen and (max-width:575px) {
	.loginrow ul {
    margin-left: 25px;
}
.qodef-search-cover-form {
    right: 0;
	 width: 100%;
}
.qodef-search-cover-form .qodef-m-inner {
    width: 100%;
	padding: 0 15px;
}
	.service-item {
    padding-top: 0;
    padding-bottom: 60px;
}
.title h2 {
    font-size: 26px;
    line-height: 36px;
}
.discover-card .img-box .overlay span {
    font-size: 12px;
}
.testimonials-slider .owl-stage .owl-item .item {
    padding: 10px;
}
.testi-review {
    padding: 30px 15px;
}
.newsletter-inner {
    padding: 60px 15px;
}
.discover-latest {
    padding: 60px 0;
}
.inner-banner-content h1 {
    font-size: 30px;
    line-height: 38px;
}
.title h4 {
    font-size: 18px;
}
.rewards-page {
    padding: 60px 0;
}
.rewards-winner {
    margin-top: 0;
}
.rewards-title {
    width: 100%;
    position: static;
}
.rewards-title::before, .rewards-title::after {
    content: none;
}
.rewards-title h4 {
    font-size: 18px;
}
.rewards-winner {
    padding: 20px;
}
.rewards-winner ul li {
    font-size: 18px;
    padding: 14px 0;
}
.primary-btn a {
    padding: 10px 36px;
    margin-top: 15px;
    font-size: 12px;
}
.mlb-right {
    text-align: left;
    margin-top: 20px;
}
.tabs .tab h4 {
    font-size: 20px;
}
.menu-page {
    padding: 60px 0;
}
.tabs .tab {
    margin-bottom: 20px;
}
.form-control {
    height: 48px;
    font-size: 14px;
}
.submit-form-control {
    height: 48px;
}
p {
    font-size: 14px;
    line-height: 22px;
}
.faq-accordion-body {
    padding: 40px 15px 25px;
}
.inner-banner-content form {
    padding: 20px;
}
.industry-partner .title p {
    font-size: 16px;
}
.our-feature-list ul li {
    flex: 0 0 50%;
    max-width: 50%;
}
.shop-by-type-sec .row [class*="col-"]:nth-child(odd) {
    transform: inherit;
}
.shop-by-type-sec .row [class*="col-"]:nth-child(even) {
    transform: inherit;
}

.shop-by-type-sec .row [class*="col-"]:nth-child(even) .sbt-card {
    flex-direction: column-reverse;
}
.sbt-card {
    flex-direction: column-reverse;
    text-align: center;
	padding: 30px 15px;
}
.sbt-content {
    width: 100%;
    margin-top: 20px;
}
.shop-by-brands {
    padding: 80px 0;
}
.shop-by-brands .overlayimg {
    top: 30px;
}
.brand-logo-slider {
    margin-top: 90px;
}
.shop-by-brands .overlayimg img {
    max-width: 300px;
}
}


@media screen and (max-width:479px) {
	.inner-header {
    justify-content: center;
}
	.logo {
    margin-right: inherit;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.loginrow ul {
    margin-left: 0;
}
.loginrow ul .loginbtn a {
    font-size: 13px;
    padding: 6px 20px;
}
	.title h2 {
    font-size: 20px;
    line-height: 28px;
}
	.discover-content-bx h4 {
    font-size: 16px;
    line-height: 22px;
}
.footer-nav ul li {
    margin: 6px;
}
.footer-nav ul li a {
    font-size: 14px;
}
.copyright p {
    font-size: 13px;
}
.banner.inner-banner {
    height: 200px;
}
.inner-banner-content h1 {
    font-size: 24px;
    line-height: 32px;
}
.inner-banner-content p {
    font-size: 14px;
}
.title h4 {
    font-size: 16px;
}
.rewards-winner ul li {
    font-size: 15px;
}
.rewards-winner ul li span {
    font-size: 14px;
}
.contact-btn {
    display: none;
}
.our-feature-list ul li {
    flex: 0 0 100%;
    max-width: 100%;
}
.sbt-content h3 {
    font-size: 24px;
}
.sbt-content p {
    font-size: 16px;
}
.shop-by-brands .title p {
    font-size: 16px;
    line-height: 26px;
}
.brand-logo-slider {
    margin-top: 60px;
}
}

@media screen and (max-width:359px) {
	
}