/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Extra Small devices (mobiles, 480px and low) */
@media (max-width: 480px){
	.comparison-winner > div > div > h5{
		width: 100%;
	}
	.header{
		padding: 8px 0;
	}
	.header > div > div:nth-child(2) > div{
		display: none;
	}
	.mobile-search-icon{
		display: block;
	}
	.author-review-mobile{
		display: inline;
	}
	.author-review{
		display: none;
	}
	.publish-date{
		font-size: 12px;
	}
	.comparison-winner{
		display: none;
	}
	.section-1{
		box-shadow: 0px 4px 8px 0px #0000001F;
	}
	body > .section-2{
		display: none !important;
	}
	.section-1{
	box-shadow: 0px 4px 8px 0px #0000001F;
	}
	body > .section-3-mobile{
		display: flex !important;
	}
	body > .section-5{
		display: none !important;
	}
	body > div.section-7.g-0.container.d-flex.flex-column.justify-content-center.align-items-center > div > div.swiper-container.swiper-container-desktop{
/*		display: none !important;*/
	}
	.section-7 p, .section-7 ul, .section-7 li{
		font-size: 14px !important;
	}
	body > div.section-7.g-0.container.d-flex.flex-column.justify-content-center.align-items-center > div > div.d-flex.section-7-2columns{
		flex-direction: column !important;
	}
	.section-7-2columns section:nth-of-type(2){
		padding-left: 0 !important;
	}
	body > div.section-7.g-0.container.d-flex.flex-column.justify-content-center.align-items-center > div > div.d-flex.flex-row.margin-top-24{
		flex-direction: column !important;
	}
	body > div.section-7.g-0.container.d-flex.flex-column.justify-content-center.align-items-center > div > div:nth-child(29) > div.aspects-table-m > div.col-4.custom-10.d-flex.align-items-center > p,
	body > div.section-7.g-0.container.d-flex.flex-column.justify-content-center.align-items-center > div > div.table-head > div > p,
	body > div.section-7.g-0.container.d-flex.flex-column.justify-content-center.align-items-center > div > div.table-row > div > p {
		font-size: 13px !important;
	}
	.table-head .col-4, .table-head .col-8, .table-row .col-4, .table-row .col-8 {
    padding: 20px 12px;
	}
	.e-conclusion-mobile-row-1 > div.col-6 > div > div.rating-card-row-2 > center > span,
	.e-conclusion-mobile-row-2 > div.col-6 > div > div.rating-card-row-2 > center > span,
	.e-conclusion-mobile-row-3 > div.col-6 > div > div.rating-card-row-2 > center > span,
	.e-conclusion-mobile-row-4 > div.col-6 > div > div.rating-card-row-2 > center > span,
	.e-conclusion-mobile-row-5 > div.col-6 > div > div.rating-card-row-2 > center > span{
		font-size: 13px !important;
		line-height: 16px;
	}
	body > div.container.section-1 > div > div.col-lg-8.col-md-7.col-sm-12.col-xs-12 > h3{
		line-height: 28px;
	}
	.bullet-container{
		width: 100%;
	}
	.custom-12 p{
		font-size: 13px !important;
	}
	
}
/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
	.comparison-winner > div > div > h5{
		width: 100%;
	}
	body > .section-2{
		display: none !important;
	}
	.author-review{
		display: none;
	}
	.author-review-mobile{
		display: inline;
	}
	.section-1-mobile-collapse-arrow{
		display: block;
	}
	body > .section-3-mobile{
		display: flex !important;
	}
	.section-7-container {
    max-width: 100% !important;
	}
	.section-7{
		padding: 40px 10px !important;
	}
	.section-7-checkbox-container{
		align-items: flex-start !important;
	}
	body > div.section-7.g-0.container.d-flex.flex-column.justify-content-center.align-items-center > div > div:nth-child(28) > div:nth-child(2),
	body > div.section-7.g-0.container.d-flex.flex-column.justify-content-center.align-items-center > div > div:nth-child(28) > div:nth-child(4){
		flex-direction: column !important;
	}
	.pros-container,.cons-container{
		margin: 0;
	}
	.mySwiper2 .swiper-pagination-bullets.swiper-pagination-horizontal{
		bottom: 1px !important;
	}
	.mySwiper .swiper-pagination-bullets.swiper-pagination-horizontal{
		bottom: 50px !important;
	}
	.mobile-margin-top-0{
	margin-top: 0 !important;
	}
	.mobile-margin-top-dot5rem{
		margin-top: .5rem !important;
	}
	body > div.section-7.g-0.container.d-flex.flex-column.justify-content-center.align-items-center > div > div:nth-child(28) > div.d-flex.flex-row.table-head.aspects-table.custom-11.align-items-center,
	body > div.section-7.g-0.container.d-flex.flex-column.justify-content-center.align-items-center > div > div:nth-child(28) > div.d-flex.flex-row.custom-12.aspects-table.table-row.align-items-center{
		display: none !important;
	}
	.aspects-table-m, div.section-7.g-0.container.d-flex.flex-column.justify-content-center.align-items-center > div > div:nth-child(29) > div:nth-child(11), div.section-7.g-0.container.d-flex.flex-column.justify-content-center.align-items-center > div > div:nth-child(29) > div.aspects-table-m{
		display: flex !important;
	}
	body .aspects-table{
		display: none !important;
	}
	@keyframes opacity{
		from {opacity: 100}
		to {opacity: 0}
	}
	#scrollButton{
		display: block;
		float: right;
		background: #DAF1FE;
		box-shadow: 0px 8px 16px 0px #00000021;
		padding: 15px 16px 17px 16px;
		position: fixed;
		right: 0;
		bottom: -1px;
		cursor: pointer;
		z-index: 9;
		transition: all .5s ease-in-out;
	}
	.hidden{
	display: none !important;
	}
	.footer-bottom-section > div > p{
		font-size: 10px !important;
	}
	body > .section-6,body > .section-4,body > .section-5{
		display: none !important;
	}
	#guide-accordion{
	display: block;
	margin-bottom: 30px;
	}
	body > div.section-7.g-0.container.d-flex.flex-column.justify-content-center.align-items-center > div > div:nth-child(29) > div:nth-child(2),
	body > div.section-7.g-0.container.d-flex.flex-column.justify-content-center.align-items-center > div > div:nth-child(29) > div:nth-child(4){
		flex-direction: column !important;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {
	.comparison-winner > div > div > h5{
		width: 80%;
	}
	body > .section-2{
		display: none !important;
	}
	body > .section-3{
		display: none !important;
	}
	body > div.section-7.g-0.container.d-flex.flex-column.justify-content-center.align-items-center > div > div:nth-child(29) > div:nth-child(2), body > div.section-7.g-0.container.d-flex.flex-column.justify-content-center.align-items-center > div > div:nth-child(29) > div:nth-child(4) {
    flex-direction: column !important;
	}
}

@media (max-width: 1024px) {
    .custom-19{
    	width: 100%;
    }
    .row-17{
    	height: 216px;
    }
    .row-7{
    	height: 144px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.product-highlight-rating-container{
		flex-direction: row;
		flex-wrap: nowrap !important;
	}
}

@media (max-width: 1200px){
	.row-3 button, .row-19 button {
        padding: 20px 30px 19px 30px !important;
    }
}