@charset "utf-8";
/*====CSS Document====*/
body {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0;
	background: #ffffff;
	color: #000000;
	text-align: center;
    font-family: 'Poppins';
	font-weight: normal;
	}
div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {margin: 0;padding: 0;}
header, section, footer, aside, nav, main, article, figure {display: block;}
table, tr, td {border: 0;}
a {outline: none;color: inherit;text-decoration: none;}
img {border: none; max-width: 100%; height: auto;}
li {list-style: none;}
* {box-sizing: border-box;}
.img-full {max-width: 100%;}
.clearall {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	}
.fl{ float:left;}
.fr{ float:right;}


#buyersguide,
#reviews,
#editorschoice {
  scroll-margin-top: 80px; 
}


/*-----------------------
FONTS
------------------------*/
@font-face {
    font-family: 'Poppins';
    src: url('Poppins-Regular.woff2') format('woff2'),
	url('Poppins-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	}

@font-face {
    font-family: 'Poppins';
	src: url('Poppins-Medium.woff2') format('woff2'),
	url('Poppins-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	}
	
@font-face {
    font-family: 'Poppins';
    src: url('Poppins-SemiBold.woff2') format('woff2'),
	url('Poppins-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	}
	
@font-face {
    font-family: 'Poppins';
    src: url('Poppins-Bold.woff2') format('woff2'),
	url('Poppins-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
	}
	
@font-face {
    font-family: 'Poppins';
	src: url('Poppins-ExtraBold.woff2') format('woff2'),
	url('Poppins-ExtraBold.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
	}

/*-----------------------
MAIN CSS START
------------------------*/

.container {
	width:1170px;
	margin:0 auto;
	padding:0;
	position:relative;
	}
	
/*-------Top-Caption-------*/
.top_caption{
	float:left;
	width:100%;
	border-bottom:1px solid #e0e0e0;
	padding:5px 0 2px;
	}
.caption_text{
	display:inline-block;
	vertical-align:middle;
	color:#343434;
	font-size:12px;
	line-height:12px;
	}
.caption_text a{
	text-decoration:underline;
	}
	
/*========Header========*/	
.top-fix-bar {
	float: left;
	width: 100%;
	margin-bottom:68px;
	}
.header{
	float:left;
	width:100%;
	height:68px;
	position: relative;
	margin-top:-68px;
	top:68px;
	}
.fixed-nav .header{
	position: fixed;
	z-index: 60;
	top: 0;
	background: #fff;
	border:none;
	-webkit-transition: margin .3s ease-out;
	transition: margin .3s ease-out;
	margin-top:0;
	-webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);
	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);
	}		
.logo{
	float:left;
	width:162px;
	margin-top:10px;
	}	
	
ul.mainMenu{
	float:right;
	margin-top:22px;
	}
ul.mainMenu li{
	float:left;
	padding:0 15px;
	position:relative;
	}
ul.mainMenu li:last-child{padding-right:0;}
ul.mainMenu li:after{
	content:'';
	position:absolute;
	top:6px;
	right:0;
	width:1px;
	height:14px;
	background:#000;
	}
ul.mainMenu li:last-child:after{display:none;}
ul.mainMenu li a{
	color:#373737;
	font-size:15px;
	line-height:23px;
	}
	
.banner-date-box{ font-size:14px;}
.banner-date-box span{ font-weight:700;}
.banner-date-box svg{ max-width:35px;}	
	
	
/*MOBILE MENU CSS*/
.mob-mnu-ic{
	cursor: pointer;
	position: absolute;
	right: 15px;
	top: 31px;
	z-index: 16;
	height: 30px;
	}
.mob-mnu-ic button{
	outline: none;
	-webkit-appearance: none;
	background: none;
	padding:0;
	cursor: pointer;
	border: none;
	margin:0;
	}
.mob-mnu-ic span{
	color:#000;
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	margin-top:4px;
	margin-right:5px;
	}
.bar1, .bar2, .bar3 {
	width: 25px;
	height: 2px;
	background-color: #000;
	transition: 0.4s;
	}
.bar2{margin: 5px 0;}
.dl-active .bar1 {
	-webkit-transform: rotate(-45deg) translate(-6px, 3px);
	transform: rotate(-45deg) translate(-6px, 3px);
	background:#000;
	}
.dl-active .bar2 {opacity: 0;}
.dl-active .bar3 {
	-webkit-transform: rotate(45deg) translate(-7px, -4px);
	transform: rotate(45deg) translate(-7px, -4px);
	background:#000;
	}
.mobilemenu{
	left:0;
	position:fixed;
	top:112px;
	background:#fff;
	z-index:64;
	right:0;
	bottom:0;
	overflow:scroll;
	display:none;
	border-top:1px solid #ddd;
	}
.mobimenu-top{ top:80px;}
.mobilemenu li{
	float:left;
	width:100%;
	text-align:left;
	border-bottom:1px solid #ddd;
	}
.mobilemenu li a{
	float:left;
	width:100%;
	padding:17px 20px;
	font-size:16px;
	letter-spacing:0.3px;
	color:#000;
	}
.mobilemenu li a.header-btn {
	float: left;
	width: 150px;
	font-size: 18px;
	color: #ffffff;
	height: 42px;
	line-height: 40px;
	font-weight: 600;
	margin:10px 0;
	border-radius: 20px;
	background: #19c354;
	padding:0;
	text-align:center;
	}
	
.fixed-nav .header .bar1{ background-color:#000;}
.fixed-nav .header .bar2{ background-color:#000;}
.fixed-nav .header .bar3{ background-color:#000;}

/*=======================*/	
		
/*========Banner========*/
.banner_section{
	float:left;
	width:100%;
	background:#eff6fc;
	position:relative;
	}
.banner_left{
	float:left;
	width:60%;
	text-align:left;
	padding:45px 0 100px;
	position:relative;
	}
.banner_heading{
	float:left;
	width:100%;
	color:#000000;
	font-size:46px;
	line-height:51px;
	letter-spacing:-1px;
	font-weight:bold;
	}
.banner_paragraph{
	float:left;
	width:100%;
	color:#292929;
	font-size:15px;
	line-height:25px;
	margin-top:15px;
	}
ul.banner_list{
	float:left;
	width:100%;
	margin-top:35px;
	}      
ul.banner_list li{
	float:left;
	padding:0 20px 0 55px;
	position:relative;
	}  
ul.banner_list li:first-child{padding-left:40px;}
ul.banner_list li:after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	width:1px;
	height:36px;
	background:#e1e1e1;
	}
ul.banner_list li:last-child:after{display:none;}
ul.banner_list li p{
	color:#010233;
	font-size:13px;
	line-height:18px;
	letter-spacing:0.3px;
	}
.banner_list_icon{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:18px;
	width:25px;
	}	
ul.banner_list li:first-child .banner_list_icon{left:0;}
.banner_image{
	position:absolute;
	bottom:-5px;
    right:-438px;
	}		
	

	
	/*Main Sec*/
main{ padding:20px 0; background:#f6f8fb; }

.claimed-box{ text-align:center; padding:4px; background:#000; color:#FFF !important; border-radius:4px; opacity: 0;
  animation: fadeIn 1s ease-in forwards; animation-delay: 1s; font-size:14px !important;}	
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

.top-list{ border:#1758a6 2px solid;}
.top-list .list-lbl{ background:#1758a6;}

.top-list-box:hover,
.top-list-box:focus,
.top-list-box:active {
  background-color: #f0f8ff; /* very light blue */
  transform: scale(1.02);
}

.top-list-box{
	background:#FFF;
	box-shadow: 0 8px 27px rgba(0,0,0,.1);
	padding:30px;
	border-radius:10px;
	margin-bottom:20px;
	transition: background-color 0.3s ease, transform 0.3s ease;
	text-align:left;
	}
.top-list-box h2{
	font-family: "Noto Sans", sans-serif !important;
	font-size:28px;
	}
.top-list-box ul p{ font-size:16px; color:#000;}		
.top-prd-logo{
	width:100%;
	max-width:210px;
	height:auto;
	mix-blend-mode: multiply;
	}
.authorized-lbl{
	font-size:12px;
	color:#666;
	}	
.authorized-lbl svg{ max-width:12px;}
.list-lbl{
	font-size:17px;
	color:#FFF;
	font-weight:700;
	background:#128260;
	text-align:center;
	padding:10px 20px 5px;
	border-radius:10px;
	

}
.list-lbl span{
	font-size:26px;

}

.check-ul, .check-ul-x, .check-ul-disc{
  list-style: none;
  padding: 0;
  margin: 0;
}

.check-ul li, .check-ul-x li{
  position: relative;
  padding-left: 28px; /* space for the icon */
  margin-bottom: 10px;
}

.check-ul-disc li {
  position: relative;
  padding-left: 20px; /* space for the icon */
  margin-bottom: 10px;
}

.check-ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 17px;
  height: 17px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 17'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.983 8.5a8.483 8.483 0 1 1-16.966 0 8.483 8.483 0 0 1 16.966 0Zm-5.064-2.57a.636.636 0 0 1 0 .9l-4.242 4.24a.636.636 0 0 1-.9 0L5.082 9.375a.636.636 0 1 1 .9-.9l1.247 1.247 1.895-1.896L11.02 5.93a.636.636 0 0 1 .9 0Z' fill='%23128260'/%3E%3C/svg%3E") no-repeat;
  background-size: contain;

}



.check-ul-disc li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Ccircle cx='8.5' cy='8.5' r='8.5' fill='%23000000'/%3E%3C/svg%3E") no-repeat;
  background-size: contain;

}


.check-ul-x li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 18'%3E%3Cpath d='M8.48.38a8.27 8.27 0 1 0 0 16.55 8.27 8.27 0 0 0 0-16.55Zm3 10.37a.64.64 0 0 1-.9.9l-2.1-2.1-2.09 2.1a.64.64 0 1 1-.9-.9l2.1-2.1-2.1-2.09a.64.64 0 0 1 .9-.9l2.1 2.1 2.09-2.1a.64.64 0 0 1 .9.9l-2.1 2.1 2.1 2.1Z' fill='%239a2302'/%3E%3C/svg%3E") no-repeat;
  background-size: contain;
}

/*Buttons*/

.btn-list {
  background: #143b68;
  color: #FFF;
  padding: 20px 32px 16px;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  width: 100%;
  font-size: 16px;
  transition: background 0.3s ease;
}

/* Pulse animation only on hover */
.btn-list:hover {
  background: #1758a6;
  animation: simplePulse 1.2s infinite ease-in-out;
}

@keyframes simplePulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.05); }
  100% { transform: scale(1); }
}

.top-list-box:hover .btn-list {
  animation: simplePulse 1.2s infinite ease-in-out;
}

.btn-promo {
	
	font-size: 22px;
	line-height: 1.2;
	background-color: #eaf1fa;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Ccircle cx='10' cy='15' r='2' fill='%23FF6B6B' fill-opacity='0.4'/%3E%3Ccircle cx='30' cy='25' r='2' fill='%23FFD93D' fill-opacity='0.4'/%3E%3Ccircle cx='70' cy='20' r='2' fill='%2361D095' fill-opacity='0.4'/%3E%3Ccircle cx='50' cy='40' r='2' fill='%23A084E8' fill-opacity='0.4'/%3E%3Ccircle cx='15' cy='60' r='2' fill='%23F7C59F' fill-opacity='0.4'/%3E%3Ccircle cx='80' cy='70' r='2' fill='%23FF9F1C' fill-opacity='0.4'/%3E%3Ccircle cx='25' cy='80' r='2' fill='%2390E0EF' fill-opacity='0.4'/%3E%3Ccircle cx='60' cy='85' r='2' fill='%23FF006E' fill-opacity='0.4'/%3E%3Ccircle cx='40' cy='65' r='2' fill='%236C5CE7' fill-opacity='0.4'/%3E%3Ccircle cx='85' cy='45' r='2' fill='%2343AA8B' fill-opacity='0.4'/%3E%3C/svg%3E");
	background-repeat: repeat;
	background-size: contain;
	color: #000;
	padding: 20px 32px;
	border: none;
	border-radius: 10px;
	font-weight: 700;
	width: 100%;
	text-align: left;
}


	
.btn-promo span{
	font-family: "Noto Sans", sans-serif;
	text-transform:uppercase;
	color:#666;
	font-size:9px;
	display:block;
	margin-bottom:10px;
	}

/*Star Rating CSS*/

.svg-star-rating {
      display: flex;
	  align-items: center;
    }
    .svg-stars {
      display: flex;
      gap: 0px;
      justify-content: center;
      margin-bottom: 4px;
    }
    .svg-stars svg {
      width: 24px;
      height: 24px;
    }
    .star-full {
      fill: #ffc107;
    }
    .star-half {
      fill: url(#half-gradient);
    }
    .star-empty {
      fill: #e0e0e0;
    }
    .rating-label {
      font-size: 30px;
      color: #000;
	  font-weight:700;
    }
	

/*Sec2*/
.sec2{
	padding:30px 0;
	background:#f6f8fb;
	text-align:left;
	}
.sec2 h2{
	
	font-weight:700;
	font-size:26px;
	margin-bottom:20px;
	}
.sec2 p{ font-size:18px;
line-height:1.6;
font-weight:400;
	}	
.sec-list-none ul, { list-style:none; padding:0;}	
.sec-list-none li{list-style:none; padding-bottom:10px; color:#5d5d5d;}
		
.sec-list{ list-style:circle;}
.sec-list li{ padding-bottom:10px; color:#5d5d5d;}
.info-txt{ font-size:14px;color:#5d5d5d;}




/*FAQS CSS*/

.faqs-accordion {
  border-top: 1px solid #ccc;
}

.faqs-accordion .faq-item {
  border-bottom: 1px solid #ccc;
}

.faqs-accordion .faq-question {
  background: #f9f9f9;
  color: #333;
  padding: 1em;
  width: 100%;
  text-align: left;
  border: none;
  cursor: pointer;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faqs-accordion .faq-question:hover {
  background: #eee;
}

.faqs-accordion .faq-icon {
  font-size: 1.2em;
  transition: transform 0.2s ease;
}

.faqs-accordion .faq-answer {
  display: none;
  padding: 10px;
  background: #fff;
  color: #000;
  
}

.faq-answer p{font-size:16px;}

.faqs-accordion .faq-item.active .faq-answer {
  display: block;
  padding:10px;
}

.faqs-accordion .faq-item.active .faq-icon {
  transform: rotate(45deg); /* turns + into x */
}


/* Side Bar */
.side-bar-box{
		background:#FFF;
	box-shadow: 0 8px 27px rgba(0,0,0,.1);
	
	border-radius:10px;
	margin-bottom:20px;
	transition: background-color 0.3s ease, transform 0.3s ease;
	text-align:left;
	zoom:.9;
	}
	

	
.sidebar-head{
	text-align:center;
	font-weight:700;
	background:#ffe59c;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	padding:5px 5px 2px;
}
.side-bar-box-wrapper{
	padding:0px 30px 30px;}	
	
.sticky {
	top: 75px;
	position: -webkit-sticky;
	position: sticky;
}	
	
/*Footer*/

footer {
	float: left;
	width: 100%;
	text-align: center;
	border-top: 1px solid #d9d9d9;
	padding: 60px 0 45px;
	background:#F0F0F0;
}
footer a{
	color:#000 !important;
	text-decoration:none;
	}

.disclosure-txt {
	font-size: 13px !important;
}

.body-img{ border-radius:15px;}


/* @media */	
	
@media (max-width: 991px) {	
.col-box1 .mb-5{ margin-bottom:0px !important;}
.check-ul{ margin-bottom:30px;}
.top-list-box{ overflow:hidden;}
.list-lbl{
	position:relative;
	top:-48px;
	left:-38px;
	padding:25px 20px 5px;
	

	}
	.list-lbl span{
	font-size:20px;

}
.top-prd-logo, .authorized-lbl{
	position:relative;
	top:-20px;}

.side-bar-box .top-prd-logo	{
	top:0px;}


	
}
@media (max-width: 767px) {	
header{ padding:20px 0 0; }
.top-list-box{
	position:relative;}
.svg-star-rating{
	display: flex;
  flex-direction: column;
  align-items: center;
	position:absolute;
	top:15px; right:15px;
	border-left:1px solid #CCC; padding-left:10px;
	}
.rating-label{ font-size:40px; line-height:1;}	

.exit-intent-modal-content .svg-star-rating{
	zoom: .7;
	}
.hide-mob{ display:none !important;}
.hide-desk{ display:block;}

.top_caption {
	border-bottom: none;
	background: #eff6fc;
	padding: 7px 0;
	max-height: 46px;
	overflow: hidden;
}
.caption_text {
	font-size: 11px;
	line-height: 16px;
	text-overflow: ellipsis;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
}
@media (max-width: 600px) {	

header h1{
	font-size:30px;
	}
.top-list-box h2{
	font-size:23px;
	}	
	.col-box2 .mb-4{ margin-bottom:10px !important;}
	.check-ul li{ font-size:15px;}
	
.btn-list{
	padding:15px 22px;
}
.btn-promo {	
padding:15px 22px;
}
	
.exit-intent-modal-content .svg-star-rating{
	zoom: .5;
	}	
}
@media (max-width: 447px) {	
.svg-star-rating{
	zoom: 0.7;
	}
}
@media (max-width: 375px) {	
header{ padding:10px 0 0;}
header h1{
	font-size:24px;
	}
.top-list-box h2{ font-size:18px;}	
.hide-mob-sml{ display:none;}	
.check-ul li, .check-ul-x li{ font-size:13px; margin-bottom:5px;}
.col-box2{ margin-top:-10px;}
}
@media (max-width: 340px) {	
.svg-star-rating{
	zoom: .4;
	}
}


/*hide toggle for top-list benefits <li>*/
 .toggle-btn {
	 display:none;
 }
@media (max-width: 768px) {


 .slide-toggle-min {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease;
  }


  .slide-toggle.expanded {
    max-height: inherit; /* adjust as needed */
  }

  .toggle-btn {
    display: block;
    background-color:transparent;
    color: #000;
    padding: 8px 14px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
	 margin:-10px auto 5px;
	width:100%;
  }	 
}
/*END hide toggle for top-list benefits <li>*/
	
	
	
/*========footer==========*/
.footer{
	float:left;
	width:100%;
	text-align:center;
	padding:60px 0 45px;
	}
.footer_logo{
	display:block;
	margin:0 auto;
	width:190px;
	}
.footer_text{
	color:#000;
	font-size:16px;
	line-height:24px;
	margin-top:25px;
	}
.footer_text.margin-top{margin-top:10px;}
.footer_text a{padding:0 5px;}				
	
/*-----------------------
MEDIA-QUERY
------------------------*/
.show-mob, .show-tab{display:none;}

@media only screen and (max-width: 1200px){
.container{width:1004px;}

.sub_heading{font-size:33px; line-height:33px; margin-top:55px;}
.common_heading{font-size:38px; line-height:48px;}
.common_paragraph{margin-top:20px;}

.banner_left{width:62%; padding:45px 0 100px;}
.banner_heading{font-size:42px; line-height:50px;}
.top_product_logo{width:198px;}
.top_product_star {width:130px;}
.top_product_grade{font-size:15px; line-height:23px; margin-top:10px;}
.top_product_content{padding:0 25px 0 25px;}
.top_product_paragraph{font-size:14px;}
ul.top_product_content_list li{font-size:13px; line-height:21px; background-position:left 1px; background-size:15px;  padding-left:25px;}
.top_product_right{padding:22px 22px 25px;}
.deal_text{font-size:16px; line-height:24px;}



}

@media only screen and (max-width:1024px){	
.container{width:750px;}
.show-tab{ display:block;}
.show-desk{ display:none;}

.sub_heading{font-size:27px; line-height:34px; margin-top:40px;}
.common_heading{font-size:29px; line-height:39px;}
.common_paragraph{font-size:16px; line-height:26px;}
.common_image{margin:25px 0 5px;}
.common_button{max-width:365px; height:65px; font-size:18px; line-height:70px; margin:25px auto 0;}

.top-fix-bar{margin-bottom:65px;}
.header{height:65px; margin-top:-65px; top:65px;}
	
ul.menu_list{margin-top:8px;}
ul.menu_list li a{font-size:14px; line-height:22px;}

.banner_left{width:64%; padding:35px 0 100px;}
.banner_heading{font-size:32px; line-height:40px;}
ul.banner_list{margin-top:25px;}
ul.banner_list li{padding:0 15px 0 45px;}
ul.banner_list li:first-child{padding-left:32px;}
.banner_list_icon{left:15px; width:20px;}
.banner_image{bottom:-10px; right:-280px; max-width:71%;}

.section1{padding:0 0 40px;}
.top_product_box{padding:20px 15px 20px 0;}
.top_product_logo{width:150px;}
.top_product_star{width:125px;}
.top_product_grade span{font-size:20px; margin:2px 2px 0 0;}
.top_product_content{width:48%; padding:0 15px 0 18px;}
.top_product_paragraph{font-size:14px; line-height:22px; letter-spacing:0.3px; padding-bottom:10px;}
ul.top_product_content_list li {font-size:14px; line-height:22px; letter-spacing:0.3px; background-position:left 2px; background-size:16px;}
.top_product_right{width:26%; border-radius:10px; padding:20px 20px 25px;}
.deal_tag{width:16px;}
.top_product_button{font-size:18px; line-height:18px; padding:10px 20px 8px;}



.footer{padding:40px 0;}
.footer_logo{width:155px;}
.footer_text{margin-top:20px;}

}

@media only screen and (max-width:767px){
.container{ max-width:600px; width:100%; padding:0px 15px; box-sizing:border-box;}
.show-mob{display:block;}
.hide-mob{display:none;}

.sub_heading{font-size:24px; line-height:32px; margin-top:30px;}
.common_heading{font-size:24px; line-height:34px;}
.common_paragraph{font-size:15px; line-height:25px; letter-spacing:0.3px; margin-top:15px;}
.common_image{margin:20px 0 5px;}
.common_button{height:60px; font-size:18px; line-height:65px; margin:10px auto 0;}

.top_caption{border-bottom:none; background:#eff6fc; padding:7px 0;}
.caption_text{font-size:11px; line-height:16px;}

.top-fix-bar{margin-bottom:55px;}
.header{height:55px; margin-top:-55px; top:55px;}
.logo{width:160px; margin-top:5px;}	
ul.menu_list{margin-top:8px;}
ul.menu_list li a{font-size:14px; line-height:22px;}
.mob-mnu-ic{top:20px;}
.mobilemenu{top:100px;}
.mobimenu-top{top:55px;}

.banner_section{padding:15px 0 15px;}
.banner_left{width:100%; padding:0 0;} 
.banner_heading {
	font-size: 25px;
	line-height: 28px;
	letter-spacing: 0;
}
.banner_paragraph {
	margin-top: 5px;
	line-height: 17px;
}
ul.banner_list{display: -webkit-flex; display: flex; justify-content: space-between; margin:20px 0 0;}
ul.banner_list li{padding:0 15px} ul.banner_list li:first-child{padding-left:0;}
ul.banner_list li:after{height:60px;}
ul.banner_list p{text-align: center;}
.banner_list_icon{transform:none; position:static; display:block; left:15px; width:20px; margin:0 auto 8px;}
.mobile_banner_image{width:calc(100% + 30px); margin-left:-15px; margin-bottom:-132px; max-width:none; margin-top:15px;}

.section1{padding:0 0 30px;}
.top_product_box{padding:20px 20px 25px;}
.top_pick_text{top:-28px; font-size:13px; line-height:15px; padding:5px 24px 5px 10px;border-radius: 10px 10px 0 0;}
.top_pick_star {margin: 0px 5px 0px 0;width: 18px;}

.top_product_left{width:100%;}
.top_product_logo{display:inherit; float:left; width:175px; margin:8px 0 0;}

.top_product_rating{float:right;display: flex; flex-direction: column; align-items: end;}
.top_product_star{width:60px; margin:0 0;}
.top_product_grade{float:right; font-size:12px; line-height:20px; margin-top:5px;}
.top_product_grade span{font-size:17px;margin: 0px 2px 0 0;}

.top_product_content{width:100%; border-left:none; padding:0 0; margin-top:15px;}
.top_product_paragraph{font-size:15px; line-height:23px; letter-spacing:0.3px; padding-bottom:10px;}
ul.top_product_content_list li{font-size:14px; line-height:22px;}
.top_product_right{width:100%; padding:20px 20px 25px; margin-top:15px;}



.footer{padding:25px 0;}
.footer_logo{width:135px;}
.footer_text{font-size:14px; line-height:22px;}
.footer_text{margin-top:20px;}

.banner-date-box {
	font-size: 12px;
}
.banner-date-box svg {
	max-width: 25px;
}

}