/*
 Table Of Contents
 1.) Media Query for Handheld Devices
 2.) Media Query for Tablet
 3.) Media Query for mobile
 ===============================================*/

/*
 1.) Media Query for Handheld Devices
 ===============================*/
/*------------------Tablet css -----------*/

@media only screen and (min-width: 768px) {

	#header {
		padding-top: 10px;
	}
	#header h1 {
		padding: 5px 0;
		font-size: 25px;
		color:#3c4958;
	}

	/* boiler Wrapper Style ......................*/

	.boider_warpper {
		padding: 0px 0 30px;
		position: relative;
	}
	
	.md_red md_plus{
		text-align: center;
	}
	
	.boider_warpper h2 {
		font-size: 16px;
		margin-bottom: 20px;
	}
	.boider_warpper h2 span {
		font-size: 37px;
	}
	.boider_warpper ul {
		padding: 30px 0 30px 30px;
		margin-bottom: 0;
		box-shadow: 8px 8px 12px #555;
		
	}
	.boider_warpper ul li {
		font-size: 14px;
		margin-bottom: 30px;
	}
	
	.md_red md_plus 
	.boider_warpper ul li:last-child {
		margin-bottom: 0;
	}
	.boider_warpper ul li span {
		font-size: 18px;
		margin-right: 5px;
	}
	.boider_warpper ul li .sure {
		font-size: 22px;
	}
	.boider_warpper figure {
		height: auto;
		position: absolute;
		right: 0;
		top: 0px;
		width: 212px;
	}
	.boider_warpper figure img {
		max-width: 100%;
	}

	.boiler_content li {
		font-size: 11px;
	}
	.closest {
		font-size: 12px;
		color:#fff;
	}
	
	a.btn.closest {
		color:#fff;
		}
		
	.supplement_link {
		font-size: 11px;
		padding: 25px 8px;
		min-height: 83px;
	}
	.footer-main ul li {
		font-size: 12px;
	}
	.supplement_wrapper h2 {
		font-size: 18px;
	}
	.boiler_stage_content {
		padding: 20px 0;
	}
	.footer-main {
		padding: 34px 0 34px 15px;
	}
	.boiler_stage_wrapper h2 {
		font-size: 18px;
	}
	.message_wrapper p {
		padding-right: 10px;
	}
}

/*------------------Desktop  css -----------*/

@media only screen and (min-width: 1200px) {
	

	#header {
		padding-top: 0px;
	}
	#header h1 {
		padding: 5px 0;
		color:#3c4958;
	}
	
	.banner-img {
		text-align: center;
		padding
	}
	
	.banner-img .banner-list
		
	.boider_warpper {
		position: relative;
			
	}
	.boider_warpper h2 {
		font-size: 18px;
		line-height: 38px;
		margin-bottom: 39px;
		margin-left: 15px;
		color:#3c4958;
	}
	.boider_warpper h2 span {
		font-size: 44px;
		color:#3c4958;
	}
	.boider_warpper ul {
		margin-bottom: 0;
		padding: 70px 0 31px 70px;
		box-shadow: 8px 8px 12px #555;
	}
	.boider_warpper ul li {
		font-size: 22px;
		margin-bottom: 34.6px;
	}
	.boider_warpper ul li span {
		font-size: 22px;
		margin-left: 15px;
	}
	.boider_warpper ul li .sure {
		font-size: 30px;
	}
	.boider_warpper figure {
		
		width: 574px;
		top:0px;
	}
	.panel-title {
		font-size: 30px;
	}
	.panel-title span {
		font-size: 14px;
	}
	.panel-default h4 {
		top: 22px;
		font-size: 20px;
	}
	.boiler_content li {
		font-size: 14px;
		padding: 9.1px 0;
	}
	.panel-body {
		padding: 15px 47px;
	}
	.closest {
		font-size: 18px;
		width: 91%;
		padding: 20px 12px;
		
	}
	
	a.btn.closest {
		color:#fff;
		
		}
	
		
	.supplement_wrapper h2 {
		font-size: 25px;
	}
	.supplement_link {
		font-size: 18.03px;
		padding: 25px 31px 18px;
		line-height: 28px;
	}
	.panel-default .panel-heading {
		padding: 13px 0;
	}
	.panel-body {
		padding: 5px 47px 25px;
	}
	.boiler_content {
		padding: 17px 0 0;
		margin-bottom: 4.6px;
	}
	.boiler_content .md_space {
		padding: 1.1px 0;
	}
	.panel {
		margin-bottom: 0;
		padding-bottom: 13px;
	}
	.supplement_wrapper h2 {
		margin-top: 0;
	}
	.supplement_wrapper {
		padding: 0px 0 29px;
	}

	.boiler_stage_wrapper {
		padding: 17px 0 71px 5px;
	}
	.boiler_stage_wrapper h2 {
		font-size: 25px;
		margin-top: 0;
	}
	.number {
		font-size: 19.26px;
		padding-top: 9px;
	}
	.question_content {
		font-size: 18px;
	}
	.question_Wrapper a {
		font-size: 16px;
		margin-left: 8px;
	}
	.price {
		font-size: 12px;
	}
	.boiler_stage_content {
		padding-top: 21px;
	}
	.md_bottom {
		margin-bottom: 28px;
	}

	.boiler_stage_wrapper p {
		padding-bottom: 38px;
		padding-top: 7px;
	}
	.question_Wrapper {
		padding: 8px 0 0 31px;
	}
	.question_content {
		margin-bottom: 6px;
	}
	.footer-main {
		padding: 33px 0 32px 41px;
	}
	.footer-main h6 {
		font-size: 14px;
		margin-bottom: 22px;
	}
	.footer-main ul li {
		font-size: 14px;
	}
	.message_wrapper {
		padding-top: 13px;
	}
	.message_wrapper h6 {
		margin-bottom: 4px;
	}
	.footer-main ul {
		padding-left: 0;
	}
	.message_wrapper p {
		font-size: 12px;
		font-weight: lighter;
		padding-right: 13px;
	}
}