@media only screen and (max-width: 1500px) {
	.smart-control-info{
		margin-left: 0px;
	}

	.smart-control-info-content{
		padding: 10px 0px 0px 10px;
	}

	.smart-control-info img{
		width:220px;
	}
}

@media only screen and (max-width: 1024px) {
	.sagittarius .custom-container .text .why-baxi-block ul li br{
		display: none;
	}	

	.sagittarius .smart-boiler .choice-wrapper > div{
		height: 140px;
		width: 140px;
	}

	.sagittarius .choice-wrapper > div{
		height: 175px;
		width: 175px;
	}
}

@media only screen and (max-width: 767px) {

	.sagittarius .product-results-wrapper h2{
		margin:0px 0px 5px;
	}
 	
 	.product-results-wrapper .product-content{
 		  margin: 20px 0px 0px;
 	}

	.product-result{
		margin-top: 0px;
		padding-bottom: 30px;
	}


	.gas-safe-content .button-container{
		margin-bottom: 20px;
	}

	.find-the-right-boiler-container{
		padding-bottom: 50px;
	}

	.smart-control-info-content {
		padding: 20px 0px 0px 0px;
		max-width: initial;
	}

	.smart-boiler .smart-control-info, 
	.smart-boiler .choice-wrapper{
		width: 100%;
		flex: auto;
	}

	.sagittarius .smart-boiler .choice-wrapper > div{
		width: calc(50% - 10px);
		margin: 20px 5px;
	}

	.quiz-open ul.progress-bar li.progress-bar-previous{
		max-width: inherit;
		left: 0;
		right: 0;	
		width: auto;
		padding: 28px 10px 28px;
	}

	ul.progress-bar li.progress-bar-previous:before{
		left: 43%;
	}

	.custom-container .the-content .text{
		text-align: left
	}


	.sagittarius .custom-container .text .why-baxi-block h4{
		font-size: 26px;
		line-height: 36px;
	}

	.sagittarius .questionnaire h3{
		font-size: 28px;
		line-height: 35px;
		padding-top: 11px;
		max-width: 350px;
		margin: 0px auto 35px;
	}

	.questionnaire{
		margin-top: 0px;
	}

	.tool-tip{
		top:83px;
	}

	.sagittarius .choice-wrapper{
		width: 100%;
	}

	.sagittarius .choice-wrapper > div{
		width: 100%;
		margin: 10px 0px;
		height: 80px;
		padding: 0px 10px;
		text-align: left;
	}

	.sagittarius .smart-boiler .choice-wrapper > div{
		height: 80px;
	}

	.sagittarius .choice-wrapper .main-choice-item > label{
		display: inline-block;
		width: 60px;
		text-align: center;
	}

	.sagittarius .choice-wrapper .main-choice-item label > span .label{
	  	text-align: left;
		left: 85px;
		bottom: 29px;
		-webkit-transform: translateX(0);
       		-ms-transform: translateX(0);
            	transform: translateX(0);
	}

	.sagittarius .choice-wrapper .main-choice-item label > span .label.no-image{
		font-size: 26px;
		left: 0px;
		text-align: center;
		-webkit-transform: translateX(0%) translateY(50%);
       		-ms-transform: translateX(0%) translateY(50%);
				transform: translateX(0%) translateY(50%);
	}

	.sagittarius .choice-wrapper .main-choice-item label > span .label.no-image.word{
		font-size: 18px;
	}

	.sagittarius .choice-wrapper .main-choice-item span.no-image .plus{
		font-size: 26px;
	}

	.sagittarius .choice-wrapper .main-choice-item img{
		display: inline-block;
		height: 70px;
		width: auto;
		padding-top: 5px;
	}

	.tooltipbox{
		-webkit-transform: translateX(-50%) translateY(60px);
  			-ms-transform: translateX(-50%) translateY(60px);
  				transform: translateX(-50%) translateY(60px);
	}

	.tool-tip:hover .tooltipbox{
		-webkit-transform: translateX(-50%) translateY(78px);
  			-ms-transform: translateX(-50%) translateY(78px);
  				transform: translateX(-50%) translateY(78px);
	}

	.tooltipbox:after{
		display: none;
	}

	.gas-safe-content{
		margin-bottom: 10px;
	}

	.gas-safe-content h3{
		font-size: 28px;	
		font-weight: 500;	
		line-height: 35px;
	}


} 

@media only screen and (max-width: 480px) {

	.smart-control-info img{
		width: 90%;
		margin: 0px auto;
		display: block;
	} 

	.tool-tip{
		top:83px;
	}

	.sagittarius .questionnaire h3{
		max-width: 295px;
	}

	.sagittarius .choice-wrapper .main-choice-item img{
		height: 50px;
	}

	.sagittarius .choice-wrapper .main-choice-item label > span .label{
		bottom:16px;
	}

	.sagittarius .choice-wrapper > div,
	.sagittarius .smart-boiler .choice-wrapper > div{
		height:60px;
	}

	.why-baxi-block{
		margin-top: 10px;
		padding: 15px;
	}

	 .sagittarius .custom-container .text a.blue-button.start-quiz{
		display: block;
  		margin-top: 10px !important;
  		padding: 15px 10px !important;
	}

	.sagittarius .custom-container .text .why-baxi-block ul li{
		margin-bottom: 14px;
	}

	.sagittarius .custom-container .text .why-baxi-block p.note{
		margin-top: 0px;
	}

	.model-window{
		-webkit-transform: translateX(0) translateY(150%);
	  		-ms-transform: translateX(0) translateY(150%);
	  			transform: translateX(0) translateY(150%);
	}

	.model-window-content,
	.tooltip .model-window-content{
		max-height: 550px;
		padding: 60px 10px 10px 10px;
		border: none;
		right: 5px;
		left: 5px;
		top: initial;
		bottom: 0;
		border-bottom: 4px solid #00A5DB;
		border-radius: 12px 12px 0px 0px;
		width: auto;
	}

	.model-window-content .model-close,
	.tooltip .model-window-content .model-close{
		top: 10px;
		right: 10px;
	}

	.product-result.open-model-installer .model-window.installer, 
	.product-result.open-model-share .model-window.share, 
	.tool-tip.open-model-tooltip .model-window.tooltip {
	  opacity: 1;
	  -webkit-transform: translateX(0) translateY(0);
	  	  -ms-transform: translateX(0) translateY(0);
	  		  transform: translateX(0) translateY(0);
	}

	.gas-safe-content .button-container a.text-link,
	.gas-safe-content .button-container a.blue-button{
		display: block;
		text-align: center;
	}

	.model-window-content .enter-postcode button{
		width: 100%;
		margin-top: 30px;
		margin-bottom: 20px;
	}

	div.revisit-form{
		margin-bottom: 10px;
	}

	.revisit-form {
		width:100%;
	}

	input.revisit-form{
		padding: 19px 10px 19px 20px;
		width:100%;
	}

	div.revisit-form:before{
		top: 26px;
		left: calc(50% - 50px);
	}
}