body {
	font-family: 'Helvetica', sans-serif;
	color: #222;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	padding-bottom: 0px;
	background-color: white; 
}
.masthead {
	padding: 32px;
	padding-top: 2px;
	padding-bottom: 10px;
	text-align: left;
	background-color: white;
	position: relative;
	z-index: 10;
	/*box-shadow: 0px 0px 30px #000;*/
	height: 110px; /* ......... was auto */
}
.masthead .content {
	max-width: 1280px; 
	margin:0 auto;
	overflow: hidden;
	
}
.banner-wrapper {
	
}
.banner-wrapper img {
	width: 100%;
}


.logo {
	max-width: 450px;
	margin-left: 0px;
	float:left;
}
.address {
	padding-top:px;
	max-width: 400px;
	margin-right: 11%;
	float:right;
	color:#2A3168;
	line-height: 1.6em;
}



.columns-wrapper {
	padding: 32px;
	padding-top: 8px;
	overflow: hidden;
	background-color: #FFF;
	position: relative;
	max-width: 1280px;
	margin: 0 auto;
	clear:both;
	background-color: white; 
}
.top-navigation {
	background-color: #2A3168;
}
.top-navigation .content {
	max-width: 1280px;
	margin: 0 auto;
}

.main-content {
	float: left;
	width: 65%;
	margin-right: 0%;
	font-size: 1em;
	margin-left:12px;
	margin-top:10px;
}
.main-content .content{
	padding: 10px 40px 0 0;   /* Headline */
	font-size: 1em;
	line-height: 1.5em;
	border-right: 1.5px solid;
	border-color: #ccc;
}







.sidebar {
	width: 33%;
	float: left;
	margin-top: 1em;
}
.sidebar .content {
	padding: 6px 15px;
	font-size: 1em;
	line-height: 1.5em;
	border: 0px solid;
	border-color: green;
}

.sidebar .content img{
width: 100%;
}

.base {
	padding:12px 6px 20px 6px;
	max-width: 1140px;
	clear:both;
	margin-bottom:320px;
}


.instagram-top {
	margin-top: 0px;
	height: 2px;
	padding:6px 6px;
	max-width: 1140px;
}


.instagram {
	padding: 12px 6px;
	max-width: 1280px;
	clear: both;
	border-top: 1.5px solid #ccc;	
}

.hero {
	max-width: 1920px;
    	margin: 0 auto;
	border-top:0px solid #ccc;
	
}




/*- - - - - - - - PANEL 1 - - - - - - -*/
.gas-bottles-box {
	margin-top: 300px;
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-gap: 20px;
}

.gas-bottles-inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;	
}

.gas-bottles-butane {
	display: inline-block;
	height: 40px;	
}

.gas-bottles-propane {
	display: inline-block;
	height: 40px;	
}

.butane-tab {
	height: 50px;
	/*background-color: #2675cc;*/
	background-image: url(../img/butane-tab.jpg) ;
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover;
	display: grid;
	justify-content: center;
	align-content: center;
	border-radius: 3px;
}

.propane-tab {
	height: 50px;
	/*background-color: #d73b24;*/
	background-image: url(../img/propane-tab.jpg) ;
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover;
	display: grid;
	justify-content: center;
	align-content: center;
	border-radius: 3px;
}
	
	
	


.cylinder-tab {
	font-family: 'Helvetica', sans-serif;
	font-size: 32px;
	font-weight: bold;
	color: white;
	text-align: center;
	margin: auto;

}

.gas-bottle-sizes {
	display: grid;
	margin-top: 12px;
	font-family: 'Helvetica', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #163b8b;
	text-align: center;

}

.gas-bottle-sizes img{
	margin-top: 5px;
}

h2.sizes-title {
	margin-top: 12px;
	font-family: 'Helvetica', sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #163b8b;
}

h2.sizes-title-mob {
display: none;
}

p.sizes-sub {
	margin-top: 12px;
	font-family: 'Helvetica', sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	color: #163b8b;
}

p.sizes-sub-mob {
	display: none;
}	
	
h1.col3-tel {
	margin-top: -8px;
	margin-left: 30px;
	font-size: 46px;
	color: black;
}	

h1.col3-tel a{
	color: black;
	text-decoration: none;
}

h2.col3-tel {
	margin-top: 20px;
	margin-left: 30px;
	font-size: 20px;
	font-weight: bold;
	color: black;
}	

h2.col3-add {
	margin-top: 34px;
	margin-left: 30px;
	font-size: 24px;
	font-weight: normal;
	line-height: 30px;
	color: black;
}

.f-bold {
	font-weight: bold;
}
		
		@-moz-document url-prefix() { 
			.cylinder-tab {
			margin-top: 4px;
			}
		}



.gas-bottles-monarch {
	display: inline-block;
	height: 40px;
	background-color: black;
	
}








.patio-mobile {
	display: none; /*- - - - - - - - PATIO GAS - - - - - - - - - - - - -*/
}

.patio-strip {
	margin-top: 80px;
}








/*- - - - - - - - PANEL 2 - - - - - - -*/
.panel-box {
	margin-top: 150px;
	background-color: ;
}

.panel-line {
  border-top: 1.5px solid #ccc;
}

.panel-line-box {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-gap: 32px;
	margin-bottom: 12px;
}

.panel-box-title {
	margin-bottom: 50px;
	font-size: 56px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #163b8b;
}

.cabinet—heaters-box {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
	background-color: ;
}

.cabinet—heater-1 {

}

.cabinet-heater-1 img{
	margin-left: 2px;
	width: 97%;
}

.cabinet—heater-2 {
}

.campingaz-3 {

}

.campingaz-3 img{
	margin-bottom: -5px;
}

.heater-packages{
	margin-top: 7px;
	font-size: 30px;
	font-weight: bold;
	color: black;
}


.heater-price img {
	margin-top: 20px;
	width: 44%;
}

.heater-head img{
	width: 90%;
}

.heater-head {
	width: 90%;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 52px;
}

.heater-sub{
	margin-top: 30px;
	margin-bottom: 18px;
	font-size: 22px;
	font-weight: bold;
	color: red;
}

.heater-info{
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
}




	

/*- - - - - - - - PHOTOS - - - - - - -*/

.photos-box {
	margin-top: 200px;
	margin-bottom: 0px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
	background-color: ;
	
}


/*- - - - - - - - PANEL 3 - - - - - - -*/

.panel-box-shop {
	margin-top: 30px;
}

.location-panel {
	margin-top: -40px;
	margin-bottom: 40px;
	display: grid;
	grid-template-columns: 3fr 4fr;
	grid-gap: 20px;
	background-color: ;	
}

.loc-add {
	margin-bottom: 15px;
	margin-top: 25px;
	font-size: 24px;
	line-height: 31px;

}

.loc-email {
	color: #009de5;
	text-decoration: none;
}

.loc-email:hover{
	color: blue;
}

.location-map {
	margin-right: 0px;
}









.table-left {
	width:48%;
	float:left;
}
.table-right {
	width:48%;
	float:right;
}

.calor-logo-below img{
	width: 420px;
}

/*############################ FONTS #####################*/
h1, h2, h3, h4, h5 {
	margin: 10px 0px 10px 0px;
	font-weight: normal;
	color: #163b8b; /*- - - - - - - - navy  - - - - - - -*/
	line-height: normal
}
h1 {
	font-size: 62px;
	font-weight:500;
	font-weight: bold;
	letter-spacing: -1px;
}
h2 {
	font-size: 1.6em;
	color:#0185d0;
}
h3 {
	font-size: 1.1em;
}
h4 { font-size: 1.1em;
}

h5 {
	font-size: 38px;
	font-weight: bold;

}

img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
	border-radius: 5px;
}



.content p {
	width: 90%;
	color: #054983;
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
}
.address p {
	font-size: 22px;
	font-weight: bold;
	color: #054983;	
	line-height: 27px;
}


.instagramlogo {
	width: 250px;
}







.content a {
	color: #5a81a2;
	text-decoration: none;
}
.content a:hover, .content a:focus {
	color: #000;
	text-decoration: none;
}
.masthead a {
	color: #ea9336;
	text-decoration: none;
}.masthead a:hover, .masthead a:focus {
	color: #da8624;
	text-decoration: none;
}












img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	/*vertical-align: middle;*/
	border: 0;
	-ms-interpolation-mode: bicubic;
}














/*############################ . JP . ##############################################################################*/


.hero-wide {
	display: block;
}
.hero-full {
	display: none;
}
.hero-mobile {
	display: none;	
}













/*- - - - - - - - FOOTER- - - - - - -*/

		.footer-box {
			margin-top: 30px;
			background-color: #3183ca;
			width: 100%;
			height: 720px;
		}
		
		.foot-heading {
			padding-left: 30px;
			padding-right: 30px;
			max-width: 1280px;
			margin: 0px auto;
			padding-top: 40px;
			display: block;
			font-family: sans-serif;
			font-size: 34pt;
			font-weight: bold;
			letter-spacing: 0.5px;
			color: white;
			
		}
		.foot-heading-blue {
			color: #63ceff;
		}
		
		
		.flex-footer {
			padding-left: 30px;
			padding-right: 30px;
			padding-top: 70px;
			max-width: 1280px;
			margin: 10px auto 0px auto;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			font-family: sans-serif;
			font-size: 16pt;
			color: white;
		}
		
		.footer-1 {
			flex: 2;
		}
		
		.footer-2 {
			background-color: ;
			flex: 1;
		}
		
		.footer-3 {
			flex: 1;
		}
		
		.credit {
			margin-top: 180px;
			width: 100%;
			display: grid;
			justify-content: center;
			font-family: sans-serif;
			font-size: 7.5pt;
			letter-spacing: 1px;
			color: white;
			grid-template-row: 1fr;
		}
		
		.credit-line, .king {
			margin: 0px auto 0px auto;
		}
		
		.credit img{
			max-width: 120px;
			margin: -35px auto 30px auto;
			}
		
		.copyright {
			display: inline;
		}	
			
		
		.credit-link {
			color: white;
			text-decoration: none;
			margin: 0 auto;
		}
		
		.credit-link:hover {
			color: lightblue;
		}
		
		.footer-link {
			color: white;
			text-decoration: none;
		}
		
		.footer-link:hover {
			color: lightblue;
	
		}
		
		.footer-link-email {
			color: lightblue;
			text-decoration: none;
		}
		
		.footer-link-email:hover {
			color: blue;
	
		}
		
		
		
		.foot-title1,  .foot-title2,  .foot-title3  {
			font-size: 18pt;
			font-weight: bold;
		}
		
		
		.footer1-list {
			padding-left: 0px;
			padding-right: 0px;
			padding-top: 0px;
			display: flex;
			flex-direction: row;
			justify-content: left;

		}
		
		.footer1-list img{
			padding-top: 1.5px;
			padding-right: 8px;
			max-width: 20px;
			max-height: 20px;
		}
		
		.foot-list {
			margin-top: 25px;
			font-size: 14pt;
			font-weight: normal;
			line-height: 25px;
		}
	








/*####################################################################*/

/*                         Media Queries

/*####################################################################*/

/*    HIDE    */
@media (max-width: 4550px) {
.instagram-full {
	display: block;
}
.instagram-mobile {
	display: none;	
}
}



@media (max-width: 1200px) {


.hero-wide {
	display: none;
}
.hero-full {
	display: block;
}
h1 {
	font-size: 42px;
	letter-spacing: 0px;
}
.main-content .content p {
	font-size: 22px;
	line-height: 30px;
}
.address {
	margin-right: 10%;
}




h1.col3-tel {
	margin-left: 20px;
	font-size: 40px;
}	

h2.col3-tel {
	margin-top: 20px;
	margin-left: 20px;
	font-size: 18px;
}	

h2.col3-add {
	margin-top: 34px;
	margin-left: 20px;
	font-size: 20px;
	line-height: 28px;
}


.heater-head {
	width: 90%;
	font-size: 38px;
	letter-spacing: -1px;
	line-height: 46px;
}


/*- - - - - - - - PANEL 2 - - - - - - -*/
.heater-packages{
	margin-top: 7px;
	font-size: 27px;
}

}


@media (max-width: 1100px) {

body {
	background-color: ;
}

/*- - - - - - - - PANEL 2 - - - - - - -*/




.heater-packages{
	margin-top: 7px;
	font-size: 25px;
}

.heater-price img {
	margin-top: 16px;
}




.heater-sub{
	margin-top: 16px;
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
	color: red;
}

.heater-info{
	font-size: 15px;
	line-height: 20px;
}
}



/*- - - - - - - - iPad Pro 1024 - - - - - - -*/

@media (max-width: 1024px) {

body {
	background-color: ;
}



.masthead {
	height: 100px;
}

.address {
	margin-right: 9%;
}
.address p{
	font-size: 20px;
	line-height: 24px;
}



/*- - - - - - - - PANEL 1 - - - - - - -*/
.gas-bottles-box {
	margin-top: 350px;
	margin-bottom: 100px;
}

.gas-bottles-box, .gas-bottles-inner {
	grid-gap: 15px;	
}

.butane-tab, .propane-tab {
	height: 42px;
}	
.cylinder-tab {
	font-size: 28px;
}	
.gas-bottle-sizes {
	margin-top: 8px;
	font-size: 16px;
}

h2.sizes-title {
	margin-top: 12px;
	font-size: 20px;

}

p.sizes-sub {
	margin-top: 12px;
	font-size: 16px;
	line-height: 22px;
}

h1.col3-tel {
	margin-top: -10px;
	margin-left: 20px;
	font-size: 36px;
	color: black;
}	

h2.col3-tel {
	margin-top: 20px;
	margin-left: 20px;
	font-size: 18px;
}	

h2.col3-add {
	margin-top: 34px;
	margin-left: 20px;
	font-size: 20px;
	line-height: 28px;
}


/*- - - - - - - - PANEL 2 - - - - - - -*/

.panel-box {
	margin-top: 600px;
}

.panel-line-box {
	grid-gap: 30px;
	margin-bottom: 9px;
}

.panel-box-title {
	margin-bottom: 40px;
	font-size: 46px;
}

.heater-packages{
	margin-top: 7px;
	font-size: 23px;
}

.heater-price img {
	margin-top: 14px;
}


.heater-head {
	width: 90%;
	font-size: 34px;
	letter-spacing: -1px;
	line-height: 42px;
}

.heater-sub{
	margin-top: 16px;
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: bold;
	color: red;
}

.heater-info{
	font-size: 14px;
	line-height: 20px;
}

/*- - - - - - - - PHOTOS - - - - - - -*/

.photos-box {
	margin-top: 160px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
	background-color: ;
	
}

/*- - - - - - - - PANEL 3 - - - - - - -*/

.loc-add {
	margin-bottom: 15px;
	margin-top: 25px;
	font-size: 22px;
	line-height: 28px;

}


		.footer-box {
		height: 680px;
		}
		
		.flex-footer {
			padding-top: 60px;
			}
			
		.foot-heading {
			font-size: 28pt;
			padding-top: 32px;
		}	
		.foot-title1,  .foot-title2,  .foot-title3 {
			font-size: 15pt;
		}
		.foot-list {
			font-size: 12pt;
		}
		.footer1-list img{
			padding-top: 2.5px;
			padding-right: 8px;
			max-width: 18px;
			max-height: 18px;
		}
		.credit img{
			margin-top: -35px;
			}
		.credit {
			font-size: 7pt;
		}	
			


}

@media (max-width: 950px) {
body {
	background-color: ;
}
/*- - - - - - - - PANEL 2 - - - - - - -*/
.heater-packages{
	margin-top: 7px;
	font-size: 21px;
}
}









@media (max-width: 900px) {


body {
	background-color: ;
	padding-bottom: 0px;
}



.logo {
	max-width: 415px;
}
.masthead {
	height: 94px;
}
h1 {
	font-size: 38px;
	letter-spacing: 0px;
}
.main-content .content p {
	font-size: 19px;
	line-height: 26px;
}
.address {
	margin-right: 4%;
}
.address p{
	font-size: 17px;
	line-height: 22px;
}


.instagramlogo {
	width: 200px;
	padding-bottom: 5px;
}



.yearsmobile {
	max-width: 90%;
}
.yearsmobile, h2 { /*############# . DEC 22 . #################*/
	font-size: 35px;
}

.footer {
	height: 400px;
}
.sutton {
	font-size: 10px;
	letter-spacing: 1px;
	padding-bottom: 20px;
}
.foottype {
	line-height: 25px;
}

.reviews {
	padding-top: 0px;
}

.panel-box-title {
	margin-bottom: 38px;
	font-size: 42px;
}
/*- - - - - - - - PANEL 1 - - - - - - -*/

h1.col3-tel {
	margin-top: -10px;
	font-size: 32px;
}	

h2.col3-tel {
	margin-top: 20px;
	font-size: 16px;
}	

h2.col3-add {
	margin-top: 32px;
	font-size: 20px;
	line-height: 26px;
}

h1.col3-tel, h2.col3-tel, h2.col3-add{
	margin-left: 13px;
}


/*- - - - - - - - PANEL 2 - - - - - - -*/

.heater-packages{
	margin-top: 7px;
	font-size: 20px;
}

.heater-price img {
	margin-top: 12px;
}


.heater-head {
	width: 90%;
	font-size: 34px;
	letter-spacing: -1px;
	line-height: 42px;
}

.heater-sub{
	margin-top: 14px;
	margin-bottom: 12px;
	font-size: 16px;
	font-weight: bold;
	color: red;
}

.heater-info{
	font-size: 13px;
	line-height: 19px;
}


}


@media (max-width: 850px) {
body {
	background-color: ;	
}

/*- - - - - - - - PANEL 1 - - - - - - -*/

h1.col3-tel {
	margin-top: -10px;
	font-size: 30px;
}	

h2.col3-tel {
	margin-top: 20px;
	font-size: 16px;
}	

h2.col3-add {
	margin-top: 32px;
	font-size: 18px;
	line-height: 24px;
}

h1.col3-tel, h2.col3-tel, h2.col3-add{
	margin-left: 11px;
}
}


@media (max-width: 800px) {
body {
	background-color: ;	
}



.address {
	margin-right: 2%;
}
h3 {
	font-size: 16px;
}

.table-right img, .table-left img{
	width: 20px;
	height: 20px;
	
}
.calor-logo-below img{
	width: 280px;
	height: 55px;
}

.base {
	margin-bottom: 330px;
}

/*- - - - - - - - PANEL 1 - - - - - - -*/
.gas-bottles-box {
	margin-top: 260px;
	margin-bottom: 0px;
}

.gas-bottles-box, .gas-bottles-inner {
	grid-gap: 15px;	
}

.butane-tab, .propane-tab {
	height: 36px;
}	
.cylinder-tab {
	font-size: 26px;
}	
.gas-bottle-sizes {
	margin-top: 0px;
	font-size: 15px;
}

h2.sizes-title {
	margin-top: 12px;
	font-size: 18px;

}

p.sizes-sub {
	margin-top: 10px;
	font-size: 15px;
	line-height: 19px;
}

@-moz-document url-prefix() { 
	.cylinder-tab {
	margin-top: 2px;
	}
}

/*- - - - - - - - PANEL 2 - - - - - - -*/
.panel-box {
	margin-top: 115px;
}
.panel-box-title {
	margin-bottom: 38px;
	font-size: 38px;
}
.heater-sub{
	margin-top: 12px;
	margin-bottom: 12px;
	font-size: 15px;
}
.heater-info{
	font-size: 13px;
	line-height: 18px;
}


/*- - - - - - - - PHOTOS - - - - - - -*/

.photos-box {
	margin-top: 120px;
	grid-gap: 20px;
}

/*- - - - - - - - PANEL 3 - - - - - - -*/

.loc-add {
	margin-bottom: 15px;
	margin-top: 25px;
	font-size: 18px;
	line-height: 25px;

}
}


/*- - - - - - - - iPad 768 - - - - - - -*/

@media (max-width: 768px) {
body {
		background-color: ;
	}	

/*- - - - - - - - PANEL 1 - - - - - - -*/
h1.col3-tel {
	margin-top: -10px;
	font-size: 28px;
}	

h2.col3-tel {
	margin-top: 28px;
	font-size: 15px;
}	

h2.col3-add {
	margin-top: 26px;
	font-size: 18px;
	line-height: 24px;
}

h1.col3-tel, h2.col3-tel, h2.col3-add{
	margin-left: 8px;
}

/*- - - - - - - - PANEL 2 - - - - - - -*/
.panel-box {
	margin-top: 85px;
}

}



@media (max-width: 750px) {	

.footer-1 {
			flex: 3;
		}
		
		.footer-2 {
			background-color: ;
			flex: 2;
		}
		
		.footer-3 {
			flex: 2;
		}
}





@media (max-width: 700px) {
body {
	padding-bottom: 0px;
	background-color: ;
}
.address {
	display: none;
}


.footer {
	position: static;
	width: auto;
}
.content-wrapper, .columns-wrapper {
	margin: 0px; border: none;
	}
.sidebar, .main-content {
	width: auto;
	float: none;
	position: static;
}
.main-content .content, .sidebar .content {
	padding: 6px;
	border: none;
	height: auto !important;
	max-height: 888678px;
}



.base {
	margin-bottom: 350px;
}

/*- - - - - - - - PANEL 1 - - - - - - -*/

h2.sizes-title {
	display: none;
}

h2.sizes-title-mob {
	display: block;
	margin-top: 10px;
	margin-bottom: 8px;
	font-size: 18px;
	font-family: 'Helvetica', sans-serif;
	font-weight: bold;
	color: #163b8b;
}

		.flex-footer {
			flex-direction: column;
			}
			
		.footer-box {
			height: 1200px;
		}
		
		.foot-heading {
			font-size: 24pt;
			padding-top: 26px;

		}
		
		.footer-1 {
			margin-bottom: 80px;
		}
		
		.footer-2 {
			margin-bottom: 80px;
		}
		
		.footer-3 {
			margin-bottom: 80px;
		}
		
		.foot-list {
			margin-top: 15px;
			font-size: 14pt;
			font-weight: normal;
			line-height: 25px;
		}

		.footer-box {
		height: 1200px;
		}

}




@media (max-width: 650px) {
body {
	padding-bottom: 0px;
	background-color: ;
}

.masthead, .columns-wrapper {
	padding: 20px;
	}

/*- - - - - - - - PANEL 1 - - - - - - -*/
.gas-bottles-box {
	margin-bottom: 100%;
	grid-template-columns: 1fr;
	grid-gap: 15px;	
}


.gas-bottles-inner {
	grid-template-columns: 1fr 1fr;
	grid-gap: 15px;
	margin-bottom: 40px;	
}
}


.calor-logo-below img{
	width: 280px;
	height: 55px;
}

/*- - - - - - - - PANEL 2 - - - - - - -*/
.panel-box {
	margin-top: 85px;
}

/*- - - - - - - - PANEL 2 - - - - - - -*/



}







@media (max-width: 560px) {
		
body {
	background-color: ;
		}
		
		/*- - - - - - - - PANEL 1 - - - - - - -*/
.gas-bottles-box {
	margin-bottom: 110%;
}
		

}




@media (max-width: 500px) {

.logo {
	max-width: 100%;
	padding-left: 1%;
	float:left;
}
.masthead {
	height: 90px;
}

.masthead, .columns-wrapper {
	padding: 15px;
	}




.table-left {
	width:99%;
	float:none;
}
.table-right {
	width:99%;
	float:none;
}


.instagram-top {
	margin-top: 20px;
	height: 2px;
	padding:6px 6px;
	max-width: 1140px;
}

		/*- - - - - - - - PANEL 1 - - - - - - -*/
.gas-bottles-box {
margin-top: -60%;
}



.mobile-title {
	display: block;	
}

h5 {
	font-size: 32px;
	padding-bottom: 18px;
}
.main-content {
	margin-left:2px;
}
.content, .sidebar img{
	width: 100%;
	padding: 0px 0px;
}


.footer-box {
	height: 1228px;
}

}

@media (max-width: 460px) {

.hero-full {
	display: none;
}
.hero-mobile {
	display: block;	
}
.instagram-full {
	display: none;
}
.instagram-mobile {
	display: none;	
}


}


/*- - - - - - - - iPad 768 - - - - - - -*/
/*- - - - - - - - iPhone 14 PRO - 430 - - - - - - -*/
/*- - - - - - - - iPhone XS MAX - 414 - - - - - - -*/
/*- - - - - - - - iPhone XS small - 375 - - - - - - -*/
@media (max-width: 430px) {
body {
		background-color: ;
	}
.masthead {
	height: 140px;
	padding-left: 0%;
	padding-top: 5px;
	margin-bottom: 6%;
}


.logo {
	max-width: 100%;
	padding-left: 3%;
	float:left;
}

.address {
	display: block;
	margin-right: 6%;

}

	

.content h1 {
	font-size: 30px;
	font-weight: bold;
}

.content p {
	font-size: 18px;
}
.address p {
	font-size: 18px;
}

.main-content .content {
	margin-top: -20px;
	margin-bottom: -30px;
}

.sidebar .content img { /*- - - - - - - - calor bottles - - - - - - -*/
	width: 90%;
	padding-left: 18px;
}

h3 {
	font-size: 18px;  /*- - - - - - - - TICK - - - - - - -*/
	}
	
.calor-logo-below img{
	padding-top: 12px;
	width: 280px;
	height: 55px;
}	

.table-left {
	display: none;
}


.base {
margin-bottom: 0px;
}

/*- - - - - - - - PANEL 1 - - - - - - -*/
.gas-bottles-box {
	margin-top: 20px;
	margin-bottom: 00px;
}

.gas-bottles-inner {
	grid-template-columns: 1fr 1fr ;
	grid-gap: 10px;	
	margin-bottom: 15%;
}

.gas-bottle-sizes {
	margin-top: -3px;
	font-size: 14px;

}

h2.sizes-title {
	display: none;
}

h2.sizes-title-mob {
	display: inline;
	margin-top: 10px;
	margin-bottom: 9px;
	font-size: 18px;
	
	font-family: 'Helvetica', sans-serif;
	font-weight: bold;
	color: #163b8b;
}

p.sizes-sub {
	margin-top: 0px;
	font-size: 15px;
	line-height: 19px;
	display: none;
}

p.sizes-sub-mob {
	display: inline;
	margin-top: 0px;
	font-size: 15px;
	line-height: 21px;
	font-family: 'Helvetica', sans-serif;
	font-weight: normal;
	color: #163b8b;
}

h1.col3-tel {
	margin-top: -10px;
	font-size: 38px;
}	

h2.col3-tel {
	margin-top: 14px;
	font-size: 20px;
}	

h2.col3-add {
	margin-top: 16px;
	font-size: 20px;
	line-height: 27px;
}

h1.col3-tel, h2.col3-tel, h2.col3-add{
	margin-left: 13px;
}


/*- - - - - - - - PANEL 2 - - - - - - -*/
.panel-box {
	margin-top: 485px;
	background-color: ;
}

.panel-line-box {
	grid-gap: 0px;
	margin-bottom: 12px;
	padding: 0px 14px;
}

.cabinet—heaters-box {
	display: grid;
	grid-template-columns: 1fr ;
	grid-gap: 60px;
	background-color: ;
	padding: 12px;
	margin-top: -30px;
}

.panel-box-title {
	margin-bottom: 50px;
	font-size: 38px;
	padding-left: 12px;
}
.heater-price img {
	width: 46%;
}

.heater-sub{
	margin-top: 14px;
	margin-bottom: 12px;
	font-size: 19px;
}
.heater-info{
	font-size: 14px;
	line-height: 20px;
}


	
/*- - - - - - - - PHOTOS - - - - - - -*/

.photos-box {
	margin-top: 60px;
	margin-bottom: 0px;
	padding: 12px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
	
}

.photo2 {
	display: none;
}




/*- - - - - - - - PATIO GAS - - - - - - -*/

.patio-mobile {
	display: block;
	margin-top: 450px;
	height: 650px;
}

.patio-strip {
	display: none;
}







/*- - - - - - - - PANEL 3 - - - - - - -*/

.panel-box-shop {
margin-top: 15px;
}

.location-panel {
	margin-top: -20px;
	margin-bottom: 40px;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 30px;
}

.loc-add {
	margin-bottom: 15px;
	margin-top: 5px;
	font-size: 20px;
	line-height: 28px;
	padding-left: 12px;

}

/*- - - - - - - - FOOTER - - - - - - -*/

.foot-title2,  .foot-title3   {
	display: none;
}

.foot-list {
	margin-top: 15px;
	margin-bottom: -30px;
	font-size: 14pt;
	font-weight: normal;
	line-height: 25px;
}

.foot-heading, .flex-footer {
	padding-left: 25px;
	padding-right: 20px;
	}
	

	
.foot-heading-white {
margin-right: 0px ;
}
	
.foot-heading-blue {
	margin-right: 0px;
	}
	
.footer-box {
	height: 1028px;
}

.footer1-list img{
	padding-top: 2.5px;
	padding-right: 5px;
	max-width: 18px;
	max-height: 18px;
}

.icon-space {
	padding-right: 4px;
}
.paragraph-space {
	margin-top: -35px;
}



.credit {
	margin-top: 170px;
	font-size: 10px;
	letter-spacing: 1.5px;
}

.credit img{
	margin: -60px auto 30px auto;
	}
.copyright {
	display: none;
	}	
}



@media (max-width: 414px) {	
body {
	background-color: ;
	}
.address {
	margin-right: 5%;
}

.main-content, .content {
	padding-right: 8px;
}
.patio-mobile {
	margin-top: 450px;
	height: 590px;
}


}	


@media (max-width: 390px) {	
body {
	background-color: ;
	}



.patio-mobile {
	margin-top: 450px;
	height: 580px;
}

}
	
	
	
@media (max-width: 375px) {
body {
		background-color: ;
	}	

.masthead, .columns-wrapper {
	padding: 10px;
	}

.masthead {
	height: 135px;
	padding-left: 0%;
	padding-top: 5px;
	margin-bottom: 6%;
}

.main-content, .content {
	padding-right: 5px;
}

.address p {
	font-size: 17px;
}

.address {
	margin-right: 4%;
}

/*- - - - - - - - PANEL 1 - - - - - - -*/

.gas-bottles-inner {
	grid-template-columns: 1fr 1fr ;
	grid-gap: 7px;	
}

h2.sizes-title {
	font-size: 15px;
	margin-bottom: 9px;
}

p.sizes-sub {
	display: none;
}

p.sizes-sub-mob {
	display: block;
	font-size: 14.3px;
	line-height: 21px;
	font-family: 'Helvetica', sans-serif;
	font-weight: normal;
	color: #163b8b;
}

.footer-box {
	height: 1058px;
}

.patio-mobile {
	margin-top: 450px;
	height: 520px;
}
}



@media (max-width: 350px) {
body {
		background-color: ;
	}
	
.patio-mobile {
		margin-top: 420px;
		height: 450px;
}
		
}




@media (max-width: 325px) {
	body {
		background-color: ;
	}
	
	.patio-mobile {
		margin-top: 430px;
		height: 400px;
}
	
	
	
	.footer-box {
		height: 1088px;
}
	
}

/*- - - - - - - - NOKIA 1999 :-)  - - - - - - -*/

@media (max-width: 300px) {
	
	.patio-mobile {
		margin-top: 420px;
		height: 320px;
	}
		
}

@media (max-width: 260px) {
	
	.patio-mobile {
		margin-top: 400px;
		height: 180px;
	}
			
}