* {
	box-sizing: border-box;
}
body {
  margin: 0;
  font-family: 'Roboto', sans-serif;
  overflow-x: hidden;
}
ul {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
h1, h2, h3, p {
	margin: 0;
}
button {
	cursor: pointer;
}
.clear {
	clear: both;
}
.container { width:95%;
	margin: 0 auto; max-width:1100px;
}
.container:after {
	clear: both;
	width: 100%;
}
header{ border-bottom:0px solid #eee; box-shadow: 0 0 0.5rem #d2d2d2; padding:7px 0; position:relative;}
.navbar{ display:flex; justify-content:space-between; align-items:center;}
.site-logo{ width:280px;}
.site-logo img{ max-width:100%;}
.site-logo a{ height:60px; display:block; color:#009DDA; line-height:60px; font-size:44px;}
.menu-link{ width:25%; text-align:center;}
.menu-link a{ background:#009DDA; color:#fff; display:inline-block; width:43%; margin-right:6%; padding:10px 0; border-radius:25px;}
.top-link{ width:150px;}
.top-link a{background:#009DDA; font-size:14px; color:#fff; display:block; padding:10px 0; border-radius:25px; text-align:center;}
.top-link a span{ display:block; font-size:11px;}
.search-bar{ width:calc(70% - 430px); position:relative;}
.search-bar form{ border:1px solid #009DDA; padding:2px 3px; border-radius:25px; display:flex; justify-content:space-between; align-items:center;}
.search-bar form button{  border:0; background:#fff; text-align:left; color:#009DDA; height:30px; width:35px; border-radius:100%; font-size:22px;}
.search-bar form input{ background:none; padding:9px 0 9px 5%; border:0; outline:none; width:calc(95% - 35px);}
.search-bar form input::placeholder{ color:#b4b4b4;}
.mobile-nav{ display:none;}
.mobile-search{ display:none;}
.menu-link a.onmobile{ display:none;}
.home-s-s{ display:flex; justify-content:space-between; align-items:stretch; margin-top:15px;}
            .home-s-s1{ width:49%; border:1px solid #ddd; text-align:center; padding:10px; border-radius:10px;}
            .home-s-s1 h2{ font-size:20px; margin-bottom:10px;}
            .home-social-icons{ display:inline-block; margin-top:10px;}
            .home-newsletter{display:flex; justify-content:space-between; align-items:center;}
            .home-newsletter-label{ width:39%; font-size:15px; color:#666; font-family:sans-serif; line-height:20px;}
            .home-newsletter-form{ width:60%; }
            .home-newsletter-form form{ display:flex; justify-content:space-between; align-items:center; border:1px solid #0077C8; border-radius:20px; overflow:hidden;}
            .home-newsletter-form button{ width:100px; padding:13px 0; border:0; background:#0077C8; color:#fff; font-weight:bold; text-transform:uppercase;}
            .home-newsletter-form input{ width:calc(100% - 100px); padding:13px 5px; border:0; background:none; outline:none;}
@media only screen and (max-width:1000px){
    
}
@media only screen and (max-width:840px){
    .menu-link{ display:none; position:absolute; width:100%; top:80px; right:0; z-index:10002; background:#fff; padding:20px 30px;}
    .search-bar{ display:none; position:absolute; width:100%; top:80px; left:0; z-index:10002; background:#fff; padding:20px 30px;}
    .top-link{ display:none;}
    .mobile-nav{ position:absolute; right:2.5%; top:23px; font-size:22px; color:#009DDA; width:30px; z-index:10001;  display:block;}
    .mobile-search{  position:absolute; right:50px; top:23px; font-size:22px; color:#009DDA; width:30px; z-index:10001;  display:block;}
    .menu-link a{ width:100%; margin-bottom:15px;}
    .menu-link a.onmobile{ display:block;}
    .home-s-s{ display:flex; flex-wrap:wrap;}
    .home-s-s1{ width:100%; margin-bottom:20px;}
}
@media only screen and (max-width:600px){
    .site-logo{ width:220px;} .mobile-nav, .mobile-search{top:18px;} .site-logo a{ height:50px;}
    .home-newsletter{flex-wrap:wrap;}
            .home-newsletter-label{ width:100%; margin-bottom:20px;}
            .home-newsletter-form{ width:1000%; }
            .menu-link a{ width:100%; margin-bottom:10px;}
}
    	footer{
			background:#009DDA;
			padding:0px 50px 50px 50px; margin-top:0px;
		}
		.sub-container-x{background:rgb(0,119, 200); padding:30px 0; margin-top:30px;}
		.subscribe-card{ display:flex; justify-content:space-between; align-items:center; }
		.subscribe-card-label{ color:#fff; width:350px;}
		.f-card-title{ text-transform:uppercase; font-size:22px; font-weight:700;}
		.f-card-tagline{ font-size:14px; font-wieght:300; font-family:Poppins; margin-top:5px;}
		.subscribe-form{ width:calc(90% - 350px);}
		.subscribe-form form{}
		.subscribe-form form button{ text-transform:uppercase; width:130px; border:2px solid #eee; background:rgb(0,119, 200); color:#fff; height:50px; float:left; font-weight:bold; font-family:Roboto; font-size:15px; border-top-right-radius:25px; border-bottom-right-radius:25px;}
		.subscribe-form form input{ width:calc(95% - 130px); float:left; height:50px; outline:none; border:0;
		border-top-left-radius:25px; border-bottom-left-radius:25px; padding-left:5%;}
		.subscribe-form form input::placeholder{ color:#b4b4b4;}
		.quick-links{ border-top:1px solid rgba(255,255,255,0.30); border-bottom:1px solid rgba(255,255,255,0.30); margin:0px 0 20px 0; padding-top:20px; padding-bottom:20px;}
		.quick-links ul{ text-align:center;}
		.quick-links ul li{ display:inline-block; padding:0 10px;}
		.quick-links ul li a{font-size:14px; font-wieght:300; font-family:Poppins; color:#fff;}
		.social-links{ color:#fff;}
		.social-link-title{ font-size:22px; font-weight:700; text-align:center;}
		.sc-links{ text-align:center;display:flex; justify-content:center; align-items:center;}
		.sc-links a{ display:inline-block; margin:15px 5px 10px 5px; height:35px; width:35px; line-height:35px; border:1px solid rgba(255,255,255,0.30); color:rgba(255,255,255,0.99); font-size:22px; border-radius:100%;}
		.sc-links a img{ max-width:80%;}
		.copyrights{ text-align:center; font-size:14px; font-wieght:300; font-family:Poppins; color:#fff; margin-top:10px; margin-bottom:5px;}
		.claims-tag{text-align:center;  font-wieght:300; font-family:Poppins; color:#fff; font-size:12px;}
		.banner{ background: linear-gradient(to right, #009dda 35%, #0033cc 100%); display:flex; flex-direction:column; justify-content:center; 
		align-items:center; min-height:300px; margin-top:20px;text-align:center;}
		.banner-title{ font-size:55px; color:#fff; font-weight:700; text-align:center; margin-bottom:10px;}
		@media only screen and (max-width:600px){
		    .subscribe-card{ flex-wrap:wrap;}
		    .subscribe-card-label{ color:#fff; width:100%; text-align:center; margin-bottom:20px;}
		    .subscribe-form{ width:100%;}
		    .banner-title{ font-size:33px;}
		    footer{ padding:0;}
		}
		.banner-text{ text-transform:capitalize; margin-top:10px; color:#fff; font-size:18px;}
		.banner-cta{ margin-top:30px;}
		.banner-cta a{ display:inline-block; color:rgba(255,255,255,0.95); border:2px solid rgba(255,255,255,0.90); padding:10px 30px; border-radius:25px;}

		.feature-logos .fe-logo img{ max-width:55%;}
		.feature-logos .fe-logo a{ display:block; box-shadow: 0 1px 0.2rem #d2d2d2; border:0px solid #eee; color:#fff;
		  position: relative;
		  width: 100%;
		  height: 100%;
		  text-align: center;
		  transition: transform 0.8s;
		}
		.fe-logo a:hover{ border-color:#009dda;}
		.fe-logo:hover .fe-logo a{
		  transform: rotateY(180deg);
		}
		.flip-box-back{ font-size:12px; font-family:Poppins; display:none; position:absolute; height:100%; width:100%; left:0; top:0; background:rgba(0, 157, 218, 0.9);colo:#fff;}
		.flip-box-back span{ display:block; font-size:17px; font-weight:700; font-family:Roboto;}
		.feature-logos .fe-logo a:hover .flip-box-back{ display:flex; flex-direction:column; justify-content:center; align-items:center;}
	.title-2{ margin-top:30px; text-align:center; color:#444; font-size:33px;}	
	.title-2::after{ content:' '; display:block; width:100px; margin:10px auto 5px auto; border-bottom:2px solid #009DDA;}
	        .offer-cards{ margin-top:30px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch;}
		.col-md-6{ width:48.5%; box-shadow: 0 1px 5px #d2d2d2; margin-bottom:20px;
		display:flex; justify-content:space-between; align-items:center;
		}
		.offer-1{ width:120px; padding:0 20px;}
		.offer-1 img{ max-width:100%;}
		.offer-3{ width:150px;}
		.offer-1 img{ max-width:100%;}
		.offer-2{ width:calc(98% - 270px); padding:15px 0;}
		/*
		@media only screen and (max-width:600px){
		    .col-md-6{flex-wrap:wrap;}
		    .offer-2{ width:calc(100% - 130px); padding:15px 0;}
		    .offer-3{ width:100%; margin-bottom:10px;}
		}
		*/
		.offer-2 h2{ color:#444; font-size:18px; font-weight:500; margin-top:5px;
		display: -webkit-box;
		 -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
		}
		.offer-detail{ font-size:13px; color:#666; line-height:22px; font-family:Poppins; display: -webkit-box;
		 -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;}
   @media only screen and (max-width:800px){ .offer-detail{ display:none;} }
  @media only screen and (max-width:600px){
      .col-md-6 { width:100%;}
      .offer-1 {
            width:70px;
            padding:0;
        }
        .offer-2 {
    width: calc(98% - 230px);}
      .offer-2 h2{ font-size:15px;}
      .offer-detail{ display:none;}
  }
		.verified{ color:green; font-size:12px;}
		.offer-3 a{ display:block; margin-right:10px; margin-left:20px;}
.clicktoreveal {
	width: 100%;
	height: 42px;
	margin: 0px auto 0 auto;
	overflow: hidden
}
.clicktoreveal {
	background: #fff;
	text-align: right;
	position: relative;
	border: 1px solid #009DDA; border-radius:3px;
	cursor: pointer;
	overflow: hidden; 
}
.clicktoreveal .code {
	font-size: 18px;
	padding: 5px;
	font-weight: 700;
	color: #666;
	line-height: 30px; background:#ccf1ff;
}

.clicktoreveal .over.none {
	text-align: center;
	background-position: -10px 0;
	width: 100%;
	padding: 0;
	line-height: 40px
}
.clicktoreveal .over {
	position: absolute;
	z-index: 100;
	color: #fff;
	height: 40px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	padding: 10px 0;
	width: 90%;
	background-color:#009DDA;
	transition: 0.3s;
}
.clicktoreveal:hover .over{ width: 85%;}
.deal-cards {
  display: grid;
  gap: 30px;
  justify-content: space-between;
  align-items: stretch;
}

.deal-card {
  box-shadow: 0 1px 5px #d2d2d2;
  width: 100%; /* Ensure full width in the grid item */
}

/* Grid layout for different screen sizes */
@media (min-width: 801px) {
  .deal-cards {
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
  }
}

@media (max-width: 840px) {
  .deal-cards {
    grid-template-columns: repeat(3, 1fr); /* 2 columns for screens 800px or smaller */
  }
}
@media (max-width: 600px) {
  .deal-cards {
    grid-template-columns: repeat(2, 1fr); /* 2 columns for screens 800px or smaller */
  }
}
			.deal-img img{ max-width:100%;}
			.deal-title{ margin-top:20px; margin-bottom:10px;}
			.deal-title h3{ color:#666; font-size:14px; line-height:20px;  font-weight:400; height:40px; overflow:hidden; padding:0px 10px 0px 10px;
			display: -webkit-box;
		 -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
			}
			.deal-price{ color:orange; text-align:center; font-size:28px;}
			.deal-cta{ text-align:center; padding-bottom:20px;}
			.deal-cta a{ background:orange; height:42px; display:block; line-height:42px; color:#fff; width:200px; border-radius:3px; margin:20px auto 0 auto;}
			@media only screen and (max-width:600px){ .deal-cta a{width:80%;}}
			.from-brand{ margin:0 10px 10px 10px; font-family:Poppins; font-size:14px; color:#999;}
			.from-brand a{  display:inline-block; color:#009DDA;}
    	.main-content{ width:70%; float:right;}
		.side-box{ width:25%; float:left;}
		.coupon-box{ display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; box-shadow: 0 1px 5px #d2d2d2; padding:10px; flex-wrap:wrap; border-radius:5px;}
.main-content h1{ font-size:26px; font-weight:500; margin-top:30px; margin-bottom:20px;}		
		
		
.cb-value{ width:100px; }

  
.card-price {
    display: inline-block;
    width: 80px;
    height: auto;
    background: #009dda;
    border-radius: 3px 3px 0px 0px;
    margin-bottom: 19px;
    position: relative;
    color: white;
    font-weight: 300;
    font-size: 22px;
    line-height:18px;
    padding:5px;
    &:before {
        content: "";
        position: absolute;
        display: block;
        bottom: -19px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        border-top: 19px solid #009dda;
    }
    &:after {
        content: "";
        background-color: white;
        border-radius: 50%;
        width: 4px;
        height: 4px;
        display: block;
        position: absolute;
        left: 50%;
        bottom: -9px;
        transform: translateX(-50%);
    }
}
.expire-tag{
    display: inline-block;
    width: 80px;
    height: auto;
    background: #999;
    -webkit-border-radius: 3px 3px 4px 4px;
    -moz-border-radius: 3px 3px 4px 4px;
    border-radius: 3px 3px 4px 4px;
    border-bottom: 1px solid #6ab070;
    margin-bottom: 19px;
    position: relative;
    color: white;
    font-weight: 300;
    font-size: 22px;
    line-height:18px;
    padding:5px;
    &:before {
        content: "";
        position: absolute;
        display: block;
        bottom: -19px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        border-top: 19px solid #999;
    }
    &:after {
        content: "";
        background-color: white;
        border-radius: 50%;
        width: 4px;
        height: 4px;
        display: block;
        position: absolute;
        left: 50%;
        bottom: -9px;
        transform: translateX(-50%);
    }
}
.value{ text-align:center; font-size:16px;font-weight:bold;}
.value span{ display:block; font-weight:bold; font-size:28px; padding-top:15px; margin-bottom:10px;}
.cb-detail{ width:60%;}    
.cb-detail h2{ color:#333; margin-bottom:3px; font-size:20px; font-weight:500;}
.cb-description{ color:#777; font-family:Poppins; font-size:14px; line-height:18px;}
.cb-cta{ width:150px; margin-left:20px;}   
.cb-cta .verified{ text-align:center; margin-top:10px; text-transform:capitalize;}
.expiry-deta{ width:100%; border-top:1px solid #eee; margin-top:10px; padding-top:10px;
color:#999; font-family:Poppins; font-size:12px; line-height:18px;
}
@media only screen and (max-width:1025px){ 
    .cb-detail {
        width:calc(100% - 270px);
    }
}  
@media only screen and (max-width:840px){
    /*.main-content{ width:100%; float:right;}
    .side-box{ width:100%; float:left;}*/
    .cb-value{ width:100px; }
    .cb-detail{ width:calc(100% - 100px);} 
    .cb-cta{ width:100%; margin-left:0px; margin-top:10px;}  
    .cb-cta a{ width:170px; float:right;}
}
@media only screen and (max-width:600px){
    .main-content{ width:100%; float:right;}
    .side-box{ width:100%; float:left;}
}
.store-logo{ margin-top:40px; text-align:center;}
.store-logo img{ max-width:100%; box-shadow: 0 1px 5px #d2d2d2; border-radius:100%;}
.shop-now{}
.shop-now a{ display:block; margin:20px auto 10px auto; background:#009dda; color:#fff; padding:12px 10px; border-radius:5px; text-transform:capitalize; font-weight:700;}
.filters{ text-align:left; margin-top:20px;}
.filters label{ display:block; margin-top:10px; cursor:pointer; color:#666;}
.filters input[type="radio"] {
    transform: scale(1.1);
}
.share-this{ margin-top:30px;}
.side-title{ margin-bottom:10px; color:#666; font-weight:700; font-size:18px;}
.social-icons a{ display:inline-block; color:#fff;}
.social-icons a .fa{ display:block; height:30px; width:30px; line-height:30px; font-size:20px; text-align:center; border-radius:100%;}
.social-icons a .fa-facebook{ background:#0866FF;}
.social-icons a .fa-twitter{ background:#1DA1F2;}
.social-icons a .fa-pinterest{ background:#E60023;}
.social-icons a .fa-instagram{ background:#EE114D;}

.brand-text{ margin-top:30px; border:1px solid #ddd; padding:10px; border-radius:5px;}
.brand-content{
	color:#777; font-family:Poppins; font-size:14px; line-height:22px; 
	}
	
	
	.side-subscribe{background:#009DDA; margin-top:30px; padding:15px 10px 20px 10px; border-radius:5px;}
	.subscribe-card-i{ display:flex; justify-content:space-between; align-items:center; flex-direction:column;}
    .subscribe-card-label-i{ color:#fff;}
	.f-card-title-i{ text-transform:capitalize; font-size:22px; font-weight:700; text-align:center; 
	border-bottom:1px solid rgba(255,255,255,0.50); padding-bottom:10px; margin-bottom:10px;}
		.f-card-tagline-i{ font-size:14px; font-wieght:300; font-family:Poppins; margin-top:5px; text-align:center; margin-bottom:20px;}
		.subscribe-form-i{ width:100%;}
		.subscribe-form-i form{}
		.subscribe-form-i form button{ display:block; text-transform:uppercase; width:100%; border:1px solid #eee; background:#009DDA; color:#fff; height:40px; font-weight:bold; font-family:Roboto; font-size:15px; border-radius:25px; margin-left:auto; margin-right:auto; margin-top:20px;}
		.subscribe-form-i form input{ width:100%; height:40px; outline:none; border:0;
		border-radius:25px; text-align:center;}
		.subscribe-form-i form input::placeholder{ color:#b4b4b4;}		
			.events{ display:flex; justify-content:start; align-items:stretch; flex-wrap:wrap; margin-top:30px; gap:20px;}
	.events li{ display:block; width:31.5%;}
	@media only screen and (max-width:600px){
	    .events li{ display:block; width:100%; margin-bottom:20px;}
	    .side-subscribe{ display:none;}
	}
	.events li img{ max-width:80px;}
	.events li a{display:flex; color:#666; justify-content:space-between; align-items:center; box-shadow: 0 1px 5px #d2d2d2; padding:5px 10px;}
	.events li p{ width:calc(100% - 100px);}	
	.char-list{ display:flex; justify-content:space-between; align-items:center; margin-top:30px; 
	 border-bottom:1px solid #eee;}
	.char-list a{ color:#666; display:block; padding:10px 10px 8px 10px; border-bottom:2px solid #fff;}
	.char-list a:hover{ border-bottom:2px solid #666;}
	.char-list a.selected{ border-bottom:2px solid #666;}
	  	.related-stores{ }
	.related-stores li{ display:block; width:28%; margin:0 2% 10px 2%;float:left;}
	@media only screen and (max-width:600px){ .related-stores li{ display:block; width:90%;}}
	.related-stores li a{ color:#444; font-weight:500; font-size:15px; font-family:Poppins;   white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; display:block;}
  .related-stores li a::before{ content:'.'; display:block; width:10px; float:left; font-size:24px; line-height:15px; }
  .storelist-card-title{margin:30px 0 20px 0;}
  .other-pages{font-size:15px; line-height:24px; font-wieght:300; font-family:Poppins; color:#666;}
  .other-pages p{ margin-bottom:10px;}
  .faqs-pages{font-size:15px; line-height:24px; font-wieght:300; font-family:Poppins; color:#666;}
  .faqs-pages h2{ color:#333; margin-bottom:10px; padding-bottom:10px; font-weight:600; font-size:18px; font-family:Roboto; border-bottom:2px solid #009DDA; margin-top:20px;}
  .faqs-pages h2::before{ content:"\f059"; font-family:'FontAwesome'; color:#009DDA; margin-right:10px;}
  .getDeal{background:orange; color:#fff; display:block;
    border: 1px solid orange;
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
      height: 40px;
      text-align: center;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 0;
  }
  #divResult {
	position: absolute;
	z-index: 500;
	width: 99.6%;
	background: #fff;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,.34)
}
.display_box {
	padding: 4px;
	border-top: solid 1px #eee;
	display: block;
	font-size: 12px;
	height: auto;
	color: #333
}
.display_box:hover {
	background: #f8f8f8;
	cursor: pointer
}
.display_box .searchimgfunc {
	float: left;
	margin-right: 6px;
	border: 1px solid #eee;
	padding: 2px
}
.display_box .name {
	float: left;
	font-size: 17px;
	padding: 10px;
	color: #333
}
.cptext {
	display: block;
	color: #999;
	font-size: 14px
}
.contact-us{ margin-top:00px; }
.contact-us-page{ color:#009DDA; font-weight:500;}
.contact-us p{font-size:15px; line-height:24px;  font-family:Poppins; color:#666;}
.full-columns{ margin-top:30px;}
.full-columns .contact-form{ width:70%; float:left;}
.contact-note{ width:25%; padding:10px 1%; border-radius:5px; margin-top:78px; background:#009DDA; float:right; font-size:15px; line-height:24px;  font-family:Poppins; color:#fff;}
@media only screen and (max-width:600px){ .char-list{ flex-wrap:wrap; display:none;}
    .full-columns .contact-form{ width:100%; float:left;}
    .contact-note{ width:100%;}
}
.contact-form h2{ font-size:20px; font-weight:700; color:#333; margin-bottom:20px;}
.forminputfield{padding:10px 0;margin-bottom:8px}
.forminputfield label{display:block; font-size:15px;padding-bottom:5px;font-weight:500;color:#666;}
.forminputfield input,.forminputfield textarea{width:100%;overflow-x:hidden;outline:none;font-size:16px; border:1px solid #ccc;padding:10px 8px;background:#fff}
.submitbtn{background:#009DDA;border:2px solid #009DDA; font-weight:700; color:#fff;padding:12px 50px;border-radius:5px;text-transform:uppercase}
.submitbtn:hover{background:#fff;color:#009DDA}
.forminputfield .red{ color:red; margin-left:3px;}
.success{ background:green; color:#fff; border-radius:5px; padding:15px 0px; text-align:center; margin-top:20px;}
.first-coupon-box{ border:2px solid red; background:red; margin-bottom:20px; border-radius:5px; padding:0;}
.top-offer{color:#fff; padding:5px 10px;}
.first-coupon-box .coupon-box{ margin-bottom:0; box-shadow: 0 0px 0px #d2d2d2; border-radius:5px; background:#fff;}
.alert-success{ text-align:center; color:green; margin-top:20px;}
.feature-logos {
  display: grid;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-top: 30px;
}

.feature-logos .fe-logo {
  width: 100%;
}
@media only screen and (max-width:600px){
    
}
@media (min-width: 1200px) {
  .feature-logos {
    grid-template-columns: repeat(6, 1fr); 
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .feature-logos {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .feature-logos {
    grid-template-columns: repeat(3, 1fr); 
  }
}

@media (max-width: 767px) {
  .feature-logos {
    grid-template-columns: repeat(2, 1fr); 
  }
}