@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 1024px) {
    .container {
    width: 970px;
  }
      .container-left {
    display:none;
  }
     .container-right {
  display:none;
  }
}
@media (min-width: 1080px) {
  .container {
    width: 820px;
  }
      .container-left {
            display:block;
    width: calc(50vw - 410px);
        background-color:#ffffff;
       height: calc(100vh - 0px);
         position:fixed;
         top:0px;
         left:0%;
  }
     .container-right {
          display:block;
   width: calc(50vw - 410px);
       background-color:#fff;
       height: calc(100vh - 0px);
         position:fixed;
         top:0px;
         left:calc(50vw + 410px);
  }
}
@media (min-width: 1400px) {
  .container {
    width: 940px;
  }
     .container-left {
          display:block;
    width: calc(50vw - 470px);
        background-color:#ffffff;
       height: calc(100vh - 0px);
         position:fixed;
         top:0px;
         left:0%;
  }
     .container-right {
          display:block;
   width: calc(50vw - 470px);
       background-color:#fff;
       height: calc(100vh - 0px);
         position:fixed;
         top:0px;
         left:calc(50vw + 470px);
  }
}
@media (min-width: 1500px) {
  .container {
    width: 1080px;
  }
       .container-left {
            display:block;
    width: calc(50vw - 540px);
        background-color:#ffffff;
       height: calc(100vh - 0px);
         position:fixed;
         top:0px;
         left:0%;
  }
     .container-right {
          display:block;
   width: calc(50vw - 540px);
       background-color:#fff;
       height: calc(100vh - 0px);
         position:fixed;
         top:0px;
         left:calc(50vw + 540px);
  }

}


.breakstyle{
	display: block !important;
	clear:both !important;
}