/* Default Layout	*/


/*	Extra small devices (portrait phones, less than 576px)	*/
@media (max-width: 575.98px) {
	
	.indicator_menu ul li a{
		font-size: 13px;
		line-height: 1;
	}
	.indicator_menu ul li a:after{
		font-size: 12px;
	}

	.para_texts p{
		font-size: 15px;
	}

	.sub_heading h4{
		font-size: 16px;
	}

	.heading h3{
		font-size: 20px;
	}

	.header p{
		font-size: 13px;
	}

	.main_article .top_part h4{
		font-size: 15px;
	}

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

	.navbar{
		padding: 5px 15px;
	}
	.navbar .navbar-brand img {
		max-width: 150px;
	}
	.navbar .navbar-nav{
		border-top: 1px solid #C8C8C8;
		margin-top: 10px;
	}
	.navbar .navbar-nav .nav-item {
		margin: 0px auto;
		width: 275px;
		border-bottom: 1px solid #C8C8C8;
		border-right: none;
	}
	.navbar .navbar-nav .nav-item:last-child {
		margin-right: auto;
	}
	.navbar .navbar-nav .nav-item .nav-link{
		border-right: none;
		padding: 7.5px 10px;
	}
	.navbar .navbar-nav .nav-item:last-child .nav-link{
		padding-right: 10px;
	}

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

	.middle_content {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 25px;
	}

	.main_article .single_part .previw_image span {
		width: 60px;
		padding: 3px 10px;
		font-weight: 400;
		font-size: 13px;
	}

	.main_article .product_box .product_image img {
		max-width: 100%;
	}
	.main_article .single_part .effect_compare .previw_image {
		margin-bottom: 25px;
	}

	.main_article .week_box .box_body {
		padding: 10px;
	}
	.main_article .week_box .box_head h4{
		font-size: 16px;
	}

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

	.main_article .top_part h2{
		font-size: 20px;
	}

	.sidebar {
		max-width: 300px;
		margin: 0px auto;
	}

	.main_article .single_part .clinical_photos {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		grid-auto-rows: auto;
		gap: 25px;
	}
	.main_article .single_part .clinical_photos .previw_image img{
		height: auto;
	}

	.main_article .top_part .caption p{
		font-size: 13px;
	}
	.main_article .top_part .caption p .bold_texts{
		display: inline-block;
	}

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

/*	Small devices (landscape phones, 576px and up)	*/
@media (min-width: 576px) and (max-width: 767.98px) {
	
	/* ============================== */
	
	.container{
		max-width: 540px;
		padding: 0px;
	}

	.para_texts p{
		font-size: 15px;
	}

	.indicator_menu ul li a{
		font-size: 13px;
	}

	.sub_heading h4{
		font-size: 16px;
	}

	.heading h3{
		font-size: 20px;
	}

	.main_article .top_part h4{
		font-size: 18px;
	}

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

	.navbar{
		padding: 5px 15px;
	}
	.navbar .navbar-brand img {
		max-width: 175px;
	}
	.navbar .navbar-nav{
		border-top: 1px solid #C8C8C8;
		margin-top: 10px;
	}
	.navbar .navbar-nav .nav-item {
		margin: 0px auto;
		width: 275px;
		border-bottom: 1px solid #C8C8C8;
		border-right: none;
	}
	.navbar .navbar-nav .nav-item:last-child {
		margin-right: auto;
	}
	.navbar .navbar-nav .nav-item .nav-link{
		border-right: none;
		padding: 7.5px 10px;
	}
	.navbar .navbar-nav .nav-item:last-child .nav-link{
		padding-right: 10px;
	}

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

	.middle_content {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 25px;
	}

	.main_article .top_part .caption p{
		font-size: 13px;
	}
	.main_article .top_part .caption p .bold_texts{
		display: inline-block;
	}

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

	.main_article .top_part h2{
		font-size: 22px;
	}

	.sidebar {
		max-width: 380px;
		margin: 0px auto;
	}
	.main_article .single_part .clinical_photos {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		grid-auto-rows: auto;
		gap: 25px;
	}
	.main_article .single_part .clinical_photos .previw_image img{
		height: auto;
	}

	.main_article .top_part .caption p{
		font-size: 13px;
	}
	.main_article .top_part .caption p .bold_texts{
		display: inline-block;
	}

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

/*	Medium devices (tablets, 768px and up)	*/
@media (min-width: 768px) and (max-width: 991.98px) {
	
	/* ============================== */
	
	.container{
		max-width: 720px;
		padding: 0px;
	}

	.para_texts p{
		font-size: 15px;
	}

	.indicator_menu ul li a{
		font-size: 13px;
	}

	.sub_heading h4{
		font-size: 16px;
	}

	.heading h3{
		font-size: 20px;
	}

	.main_article .top_part h4{
		font-size: 18px;
	}
	.main_article .top_part .caption p{
		font-size: 14px;
	}

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

	.navbar{
		padding: 5px 15px;
	}
	.navbar .navbar-nav{
		border-top: 1px solid #C8C8C8;
		margin-top: 10px;
	}
	.navbar .navbar-nav .nav-item {
		margin: 0px auto;
		width: 275px;
		border-bottom: 1px solid #C8C8C8;
		border-right: none;
	}
	.navbar .navbar-nav .nav-item:last-child {
		margin-right: auto;
	}
	.navbar .navbar-nav .nav-item .nav-link{
		border-right: none;
		padding: 7.5px 10px;
	}
	.navbar .navbar-nav .nav-item:last-child .nav-link{
		padding-right: 10px;
	}

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

	.middle_content {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 20px 250px;
		grid-template-columns: 1fr 250px;
		grid-auto-rows: auto;
		gap: 20px;
	}

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

	.main_article .top_part h2{
		font-size: 22px;
	}

	.main_article .single_part .clinical_photos {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		grid-auto-rows: auto;
		gap: 25px;
	}
	.main_article .single_part .clinical_photos .previw_image img{
		height: auto;
	}

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

/*	Large devices (desktops, 992px and up)	*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	
	.container{
		max-width: 960px;
	}
	
}

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