@media  (min-width: 1650px) {
  .homeP_container
  {
    max-width:1400px !important;
  }

  .homeP_horizontal-scroll
  {
    max-width:1200px !important;margin-left: auto;margin-right:auto;
  }
}

@media  (max-width: 1300px) {
  .button-container
{
    display:flex;
    
}
  nav ul li p
  {
    display: none;
  }

.fullMImage{width:100% !important; max-width: unset !important;}

}

@media  (max-width: 1400px) {
  


  #modalDiv {
   
    left: 25px !important;

    right: 25px !important;
  
}

  .button-container
  {
      display:flex;
  }

 #mainContents
 {
  z-index: 1000;
  width: -webkit-calc(100% - 40px);
  width:    -moz-calc(100% - 40px);
  width:         calc(100% - 40px);
  margin-left: 20px;
  margin-right: 20px;
 }

.expand
{
  display: block;
}

 #leftHelper
 {
  z-index: 4500;
  position:fixed;
  left: 0px;
  top: 50px;
  bottom: 24px;
  height: auto;
  width: 20px;
 }
 #rightHelper
 {
  z-index: 4500;
  position: fixed;
  right: 0px;;
  top: 50px;
  bottom: 24px;
  height: auto;
  width: 20px;
 }
  
 .helperContents{
  opacity: 0.95;
  width: 0px;
 }

.expanded .helperContents
{
  width: 280px;
}

.expanded
{
  width: 300px !important;
}

.expand{
    cursor: pointer;
}


 #rightHelper .expand
 {
  display:block;
 }
 #leftHelper .expand
 {
  display:block;
 }


 .nolhelper #mainContents {
  width: -webkit-calc(100% - 20px);
  width:    -moz-calc(100% - 20px);
  width:         calc(100% - 20px);
  margin-left:0px;
}
.norhelper #mainContents{
  width: -webkit-calc(100% - 20px);
  width:    -moz-calc(100% - 20px);
  width:         calc(100% - 20px);
  margin-right:0px;
}
 .nofooter #rightHelper, .nofooter #leftHelper
 {
  bottom: 0px;
 }
 .norhelper.nolhelper #mainContents {
  width: -webkit-calc(100% - 0px);
  width:    -moz-calc(100% - 0px);
  width:         calc(100% - 0px);
  margin-left: 0px;
  margin-right: 0px;
}

.expanded .expand
{
  opacity:0.2;
}

.expanded .expand:hover
{
  opacity: 0.8;
}


}