*{
text-decoration:none;
list-style:none;
box-sizing: border-box;
padding:0px;
margin:0px;
}

body{

overflow-x: hidden;
}
html{
overflow-x: hidden;
  }


nav{
background:#0082d6;
height:80px;
width:100%;
}

label.logo{
color:white;
font-size:4vmin;
font-family:"Times New Roman";
font-weight:bold;
padding:0 10px;
line-height:80px;
width:300px;
}

.ho{
font-size:3vmin;
font-family:"Times New Roman";
color:red;

}
.hoo{
background:red;
padding:7px;
border-radius:5px;
font-family:sans;
font-size:2vmin;
font-family:"Times New Roman";
color:white;
}


.hoo:hover{
color:Black;
background:orange;
}
a{
color:white;
}

nav ul{
margin-right:20px;
float:right;
}
nav ul li{
display:inline-block;
line-height:80px;

}
nav ul li a{
color:red;
border-radius:3px;
text-transform:uppercase;
padding:7px 13px;
}



.checkbtn{
 font-size:30px;
color:white;
line-height:80px;
margin-right:40px;
cursor:pointer;
float:right;
display:none;
}
#check{
display:none;
}
.content{
  width:100%;
 background:orange; 
  border:1px solid red;
  color:#000;
  font-weight:500;
   }



.content .pra{
  width:70%; 
  padding-left:20px;
  padding-bottom:25px;
  font-family:Helvetica;
  letter-spacing:.5px;
  line-height:30px;
  float:left;
  font-family:sans;   
  }

.why{
  letter-spacing:.5px;
  line-height:30px;
  font-family:sans; 
  padding-left:20px;
}

h2{
font-family:'Times New Roman';
  font-size:4vmin;
color:#1b9bff;
padding-left:20px;
margin-top:1%;
letter-spacing:2px;
 text-align:center;
 
// margin-top:10px;
   margin-bottom:14px;
}
.image1{
width:27%;
height:350px;
float:right;
margin:5px 2px;
}
.us{
 width:70%;
 float:right;
}




.description h3{

font-size:3vmin;
text-align:center;
}




li{
 color:red;
 font-size:2.5vmin; 
}
.ac{
width:27%;
height:350px;
float:left;
margin:5px;

}
.heatsection{
clear:both;
}
.heating{
  width:70%; 
  padding-left:20px;
  padding-bottom:25px;
  float:left;
  }



.image2{
width:27%;
height:350px;
float:right;
margin:5px;

}

footer{
clear:both;
background:#0082d6;
width:100%;
color:white;
font-family:sans;
padding:10px;
}
footer h3{
 font-size:2.7vmin;
 text-align:center;
 padding:5px;
 color:black;
}
footer p{
margin:auto;
padding:5px 5px 10px 5px;
font-size:2.2vmin;
}

footer .ph{
color:red;
}

@media(max-width:600px){
 body{
  overflow-x: hidden;
}
html{
overflow-x: hidden;
}  
 
 
 




.checkbtn{
  display:block;  
  }
nav  ul{
    position:fixed;
    width:100%;
    height:100vh;
    background:#2c3e50;
    top:80px; 
    left:-100%; 
    text-algin:center;
    transition:all .5s;    
}
    nav ul li{
    display:block;
    margin:50px 0;
    line-height:30px;
}
nav ul li a{
font-size:20px;
}
a:hover,a.active{
 background:none; 
 color:white;
}
#check:checked ~ ul{
left:0;
}
.content{
  
  width:95%;
 
  color:#000;
  font-weight:500;
  margin-bottom:15px; 
  //height:150vh; 
  
}


.content .pra{
 width:400px

 padding:10px;
 float:none;
 
 margin:auto; 
}
.main{

flex:1;
}

  .ac{
 float:none; 
 display:block; 
width:400px;
 
 margin-top:10px;
// margin-left:190px;
   margin:auto; 
  }  
h2{
color:gold;
}

.us{
 width:400px;
 
 padding:10px;
 float:none;
 
 margin:auto; 
 }

.image2{
 float:none; 
 display:block; 
width:400px;

 margin-top:10px;
// margin-left:190px;
   margin:auto; 
}
.heating{

width:400px;

 padding:10px;
 float:none;

 margin:auto; 

}
footer{
width:400px;
margin:auto;
color:black;
font-size:10vmin;

}


}