#outside{
    width: 70% ;
    margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;
    display: flex;
}
#inside1{
    width:70%;
    margin-right: 20px;
}
#inside1>img{
    width: 100%;
}
#he{
    border-top: 2px solid black;
    padding: 15px;
    background-color: rgb(213, 220, 231);
    color: brown;
}
#butt1{
    color:rgb(172, 185, 206); 
    background-color: white;
    border:0px;
    border-bottom: 2px solid rgb(172, 185, 204);
    margin: 10px;
}
#butt2{
    font-size: 15px;
    padding: 2px;
    margin: 10px;
}
#butt3{
   background-color: white;
   border: 0px;
}
#butt4{
  background-color: black;
  color: white;
  border: 0px;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
#sp{
  font-size: 10px;
  font-weight: bold;
}
.head{
 width: 98%;
 display: flex;
 margin-top: 20px;

padding: 5px;
border-bottom: 2px solid rgb(199, 175, 175);
}

#two{

width: 25%;
text-align: center;
margin-left: 10px;
}
#one{
width: 50%;
}
#prod{

display: flex;
width: 100%;
 display: flex;
 margin-top: 20px;

padding: 5px;
border-bottom: 2px solid rgb(199, 175, 175);
}
#map{
display: flex;
width: 50%;
}
#sec{
width: 25%;
text-align: center;
margin-left: 25px;
}
#butt{
width: 25%;
height: 30px;
text-align: center;
font-size: 15px;
}

#bag,#code,#offer>p{
font-size: 12px;
margin-left: 10px;
}
#map>img{
width: 100%;
}
#inside2{
width: 38%;
background-color: rgb(239,240,240);
padding: 0px 10px 0px 10px;
}
#container{
width: 98%;
}
#code{
font-family: "BBSans Regular",Helvetica,Arial,sans-serif;
font-size: 25px;
padding: 5px;
border-bottom: 2px solid black;
}
#get{
width: 92%;
height: 30px;
margin-left: 10px;
font-size:20px ;
padding: 5px;
}
#offer{
margin-left: 10px;
font-size: 15px;
border: 0px;
}
#bag{
font-family: "BBSans Regular",Helvetica,Arial,sans-serif;
font-size: 25px;
}
#bu{
background-color: black;
color: white;
font-weight: bold;
margin-left: 10px;
border: 0px;
padding: 5px;
margin-bottom: 10px;
}
#first{
display: flex;
justify-content: space-between;
padding: 10px;
}
#second{
display: flex;
justify-content: space-between;
padding: 10px;
}
#third{
display: flex;
justify-content: space-between;
padding: 10px;
}
h6{
margin-left: 10px;
}

@media only screen and (min-width:320px) and (max-width:800px){
    #outside{
        width: 70% ;
        margin: auto;
       display:block;
        
    }
    #inside1{
        width:100%;
        margin-right: 20px;
    }
    #inside2{
        width:100%;
        margin-right: 20px;
        
    }
}