/* Default Layout	*/


/*	Extra small devices (portrait phones, less than 576px)	*/
@media (max-width: 575.98px) {
	
	/* ============================== */

	.cta_btn{
		font-size: 16px;
	}
	.para_texts p{
		font-size: 16px;
		margin-bottom: 15px;
	}

	.bottom_offer{
		padding: 10px;
	}
	.bottom_offer.show{
		bottom: 0px;
	}

	.scrolltotop{
		display: none !important;
	}

	/* ============================== */

	.advertorial_texts {
		padding: 7px 0px;
	}

	/* ============================== */

	.header {
		padding: 10px 0px;
	}
	.header .consumer_logo .logo {
		max-width: 200px;
	}
	.header .consumer_logo .flag{
		font-size: 24px;
	}
	.header .update{
		margin-top: 10px;
	}
	.header .update p{
		font-size: 14px;
	}

	/* ============================== */

	.middle_content_wrap {
		padding-top: 10px;
		padding-bottom: 30px;
	}
	.middle_content {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 30px;
	}

	/* ============================== */

	.main_article .top_title_info h2{
		font-size: 24px;
	}
	.main_article .top_title_info h5{
		font-size: 16px;
	}
	.main_article .top_title_info .author_info ul li{
		font-size: 12px;
		margin-right: 10px;
	}
	.main_article .top_title_info .author_info .ratings i {
		font-size: 12px;
	}

	/* ============================== */

	.main_article .article_banner {
		margin-bottom: 25px;
	}
	.main_article .article_banner .caption {
		padding: 7px 10px;
	}
	.main_article .article_banner .caption p{
		font-size: 15px;
	}
	.main_article .single_part .title h5{
		font-size: 18px;
	}

	.main_article .bullet_points h6{
		font-size: 18px;
	}
	.main_article .bullet_points ul {
		margin-bottom: 0px;
		padding-left: 0px;
	}
	.main_article .bullet_points ul li{
		font-size: 15px;
		padding-left: 15px;
		margin-bottom: 7px;
	}
	.main_article .bullet_points ul li::before {
		width: 6px;
		height: 6px;
		top: 10px;
	}

	.main_article .single_part {
		margin-bottom: 30px;
	}

	.main_article .single_part .title h3{
		font-size: 24px;
	}

	.main_article .check_points h6{
		font-size: 18px;
	}
	.main_article .check_points ul {
		margin-bottom: 0px;
		padding-left: 0px;
	}
	.main_article .check_points ul li{
		font-size: 16px;
		padding-left: 24px;
	}
	.main_article .check_points ul li::before {
		font-size: 11px;
		width: 18px;
		height: 18px;
		line-height: 15px;
		top: 5px;
	}

	.main_article .single_part .preview_image .caption p{
		font-size: 16px;
	}

	.main_article .stock_alert_box {
		padding: 15px;
	}
	.main_article .user_feedback .single_feedback p{
		font-size: 16px;
	}

	/* ============================== */

	.sidebar .box_title h5{
		font-size: 14px;
	}
	.sidebar .product_box {
		margin-bottom: 20px;
	}
	.sidebar .product_box .box_body{
		padding: 10px;
	}
	.sidebar .product_box .cta_btn {
		font-size: 15px;
		padding: 8px 15px;
	}
	.sidebar .author_info p{
		font-size: 14px;
	}

	/* ============================== */

	.footer {
		padding: 30px 0px;
		margin-bottom: 55px;
	}
	.footer .info_texts p {
		font-size: 13px;
		margin-bottom: 15px;
	}
	.footer .legal_links {
		margin: 25px 0px;
	}
	.footer .legal_links ul li a{
		font-size: 14px;
	}
	.footer .copyright p{
		font-size: 14px;
	}

	/* ============================== */	

	#ouibounce-modal .popups {
		width: calc(100% - 20px);
	}
	#ouibounce-modal .popups .product_wrap {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		grid-auto-rows: auto;
		gap: 30px;
		padding: 15px;
		padding-top: 20px;
	}
	#ouibounce-modal .popups .popups-title h4{
		font-size: 18px;
	}
	#ouibounce-modal .popups .product_texts h4{
		font-size: 18px;
		text-align: center;
	}
	#ouibounce-modal .popups .product_texts p{
		font-size: 15px;
		text-align: center;
	}
	#ouibounce-modal .popups .cta_btn_wrap {
		margin-top: 20px;
	}

	/* ============================== */	
	
}


/*	Small devices (landscape phones, 576px and up)	*/
@media (min-width: 576px) and (max-width: 767.98px) {

	/* ============================== */

	.container{
		max-width: 540px;
	}
	.para_texts p{
		font-size: 16px;
		margin-bottom: 15px;
	}

	.bottom_offer.show{
		bottom: 0px;
	}

	.scrolltotop{
		display: none !important;
	}

	/* ============================== */

	.advertorial_texts {
		padding: 8px 0px;
	}

	/* ============================== */

	.header {
		padding: 15px 0px;
	}
	.header .consumer_logo .logo {
		max-width: 220px;
	}
	.header .consumer_logo .flag{
		font-size: 24px;
	}
	.header .update{
		margin-top: 15px;
	}
	.header .update p{
		font-size: 14px;
	}

	/* ============================== */

	.middle_content_wrap {
		padding-top: 10px;
		padding-bottom: 30px;
	}
	.middle_content {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 30px;
	}

	/* ============================== */

	.main_article .top_title_info h2{
		font-size: 26px;
	}
	.main_article .top_title_info h5{
		font-size: 16px;
	}
	.main_article .top_title_info .author_info ul li{
		font-size: 12px;
		margin-right: 10px;
	}
	.main_article .top_title_info .author_info .ratings i {
		font-size: 12px;
	}

	/* ============================== */

	.main_article .article_banner {
		margin-bottom: 35px;
	}
	.main_article .article_banner .caption p{
		font-size: 15px;
	}
	.main_article .single_part .title h5{
		font-size: 18px;
	}

	.main_article .bullet_points h6{
		font-size: 18px;
	}
	.main_article .bullet_points ul li{
		font-size: 16px;
		padding-left: 18px;
		margin-bottom: 7px;
	}
	.main_article .bullet_points ul li::before {
		width: 6px;
		height: 6px;
		top: 10px;
	}

	.main_article .single_part .title h3{
		font-size: 24px;
	}

	.main_article .check_points h6{
		font-size: 18px;
	}
	.main_article .check_points ul li{
		font-size: 16px;
		padding-left: 24px;
	}
	.main_article .check_points ul li::before {
		font-size: 11px;
		width: 18px;
		height: 18px;
		line-height: 15px;
		top: 5px;
	}

	.main_article .single_part .preview_image .caption p{
		font-size: 16px;
	}

	.main_article .stock_alert_box {
		padding: 15px;
	}
	.main_article .user_feedback .single_feedback p{
		font-size: 16px;
	}

	/* ============================== */

	.sidebar .box_title h5{
		font-size: 14px;
	}
	.sidebar .product_box {
		margin-bottom: 20px;
	}
	.sidebar .product_box .box_body{
		padding: 10px;
	}
	.sidebar .product_box .cta_btn {
		font-size: 15px;
		padding: 8px 15px;
	}
	.sidebar .author_info p{
		font-size: 14px;
	}

	/* ============================== */

	.footer {
		padding: 30px 0px;
		margin-bottom: 55px;
	}
	.footer .info_texts p {
		font-size: 13px;
		margin-bottom: 15px;
	}
	.footer .legal_links {
		margin: 25px 0px;
	}
	.footer .legal_links ul li a{
		font-size: 14px;
	}
	.footer .copyright p{
		font-size: 14px;
	}

	/* ============================== */

	#ouibounce-modal .popups {
		width: calc(100% - 30px);
	}
	#ouibounce-modal .popups .product_wrap {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		grid-auto-rows: auto;
		gap: 30px;
		padding: 15px;
		padding-top: 20px;
	}
	#ouibounce-modal .popups .popups-title h4{
		font-size: 24px;
	}
	#ouibounce-modal .popups .product_texts h4{
		font-size: 24px;
		text-align: center;
	}
	#ouibounce-modal .popups .product_texts p{
		font-size: 15px;
		text-align: center;
	}
	#ouibounce-modal .popups .cta_btn_wrap {
		margin-top: 20px;
	}

	/* ============================== */
	
}

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

	.container{
		max-width: 720px;
	}
	.para_texts p{
		font-size: 16px;
		margin-bottom: 15px;
	}

	/* ============================== */

	.advertorial_texts {
		padding: 8px 0px;
	}

	/* ============================== */

	.header {
		padding: 15px 0px;
	}
	.header .consumer_logo .logo {
		max-width: 220px;
	}
	.header .consumer_logo .flag{
		font-size: 24px;
	}
	.header .update{
		margin-top: 15px;
	}
	.header .update p{
		font-size: 14px;
	}

	/* ============================== */

	.middle_content_wrap {
		padding-top: 10px;
		padding-bottom: 50px;
	}
	.middle_content {
		-ms-grid-columns: 1fr 15px 230px;
		grid-template-columns: 1fr 230px;
		gap: 15px;
	}

	/* ============================== */

	.main_article .top_title_info h2{
		font-size: 26px;
	}
	.main_article .top_title_info h5{
		font-size: 16px;
	}
	.main_article .top_title_info .author_info ul li{
		font-size: 12px;
		margin-right: 10px;
	}
	.main_article .top_title_info .author_info .ratings i {
		font-size: 12px;
	}

	/* ============================== */

	.main_article .article_banner {
		margin-bottom: 35px;
	}
	.main_article .article_banner .caption p{
		font-size: 15px;
	}
	.main_article .single_part .title h5{
		font-size: 18px;
	}

	.main_article .bullet_points h6{
		font-size: 18px;
	}
	.main_article .bullet_points ul li{
		font-size: 16px;
		padding-left: 18px;
		margin-bottom: 7px;
	}
	.main_article .bullet_points ul li::before {
		width: 6px;
		height: 6px;
		top: 10px;
	}

	.main_article .single_part .title h3{
		font-size: 24px;
	}

	.main_article .check_points h6{
		font-size: 18px;
	}
	.main_article .check_points ul li{
		font-size: 16px;
		padding-left: 24px;
	}
	.main_article .check_points ul li::before {
		font-size: 11px;
		width: 18px;
		height: 18px;
		line-height: 15px;
		top: 5px;
	}

	.main_article .single_part .preview_image .caption p{
		font-size: 16px;
	}

	.main_article .stock_alert_box {
		padding: 15px;
	}
	.main_article .user_feedback .single_feedback p{
		font-size: 16px;
	}

	/* ============================== */

	.sidebar .box_title h5{
		font-size: 14px;
	}
	.sidebar .product_box {
		margin-bottom: 20px;
	}
	.sidebar .product_box .box_body{
		padding: 10px;
	}
	.sidebar .product_box .cta_btn {
		font-size: 15px;
		padding: 8px 15px;
	}
	.sidebar .author_info p{
		font-size: 14px;
	}

	/* ============================== */
	
}

/*	Large devices (desktops, 992px and up)	*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	
	/* ============================== */

	.container{
		max-width: 960px;
	}

	/* ============================== */

	.middle_content {
		-ms-grid-columns: 1fr 25px 295px;
		grid-template-columns: 1fr 295px;
		gap: 25px;
	}

	/* ============================== */

	.main_article .top_title_info h2{
		font-size: 32px;
	}

	/* ============================== */

	.sidebar .box_title h5{
		font-size: 14px;
	}

	/* ============================== */
	
}

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