@media (max-width: 1060px) {
  .atmosphereHeadWrapper{
      width: 100%;
      display: block;
      text-align: center;
      height: 500px;
      margin: auto;
      margin-top: 13% !important;
      position: relative;
      z-index: 99;
  }
  .paragraph {
    padding-left: 10%;
    padding-right: 10%;
      
  }
}

@media (max-width: 767px) {
.ikeaStyleBody{
  background-color: #695d3e;
}    
}
@media (max-width: 500px) {
  .atmosphereHeadWrapper{
      width: 100%;
      display: block;
      text-align: center;
      height: 500px;
      margin: auto;
      margin-top: 80px !important;
      position: relative;
      z-index: 99;
  }
  .paragraph {
    padding-left: 5%;
    padding-right: 5%;
    font-size: 13px;
    line-height: 18px;  
  }

 .atmpsphereText2 {
   padding-left: 5%;
   padding-right: 5%;
   font-size: 14px; 
 }
.buttonControls{
  width: 200px;
  height: 200px;
}
.atmospherePageImageBtn {
width: 200px;
height: 200px;
}
.remotePosition{
  left: -100px;
  top: 150px;
}
.smartImage{
  width: 100px;
  margin: -80px -40px 0px -60px;
  padding-left: 30px;
}
.atmpsphereText1 {
  padding-top: 100px;
}
.animatedArrow{
  width: 30px;
margin: auto;
margin-bottom: -0px;
top: 400px;
position: absolute;
text-align: center;
margin-left: 50%;
left: -15px;
-webkit-animation: mymove 2s infinity;
animation: mymove 2s infinity;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
}
@-webkit-keyframes mymove {
    0% {top: 400px;}
    30% {top: 380px;}
    100% {top: 400px;}
}
@keyframes mymove {
    0% {top: 400px;}
    30% {top: 380px;}
    100% {top: 400px;}
}
.atmosphereDesc{
  top: 470px;
}
.prod-wrapper {
-webkit-column-count: 1 !important; /* Chrome, Safari, Opera */
-moz-column-count: 1 !important; /* Firefox */
column-count: 1 !important;
}
.prod-box {
  width: 80% !important;
  margin-left: 10% !important;
  position: relative;
}
.ikeaStyleBody{
  background-color: #695d3e;
}

}