.wrapper { width: 1280px; margin-left: auto; margin-right: auto; }

.desktop { display: block; }
.mobile { display: none; }

.wrapper:after {
  display: block;
  content: '';
  clear: both;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.third {
  display: block;
  float: left;
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.percent_10,
.percent_20,
.percent_25,
.percent_30,
.percent_33,
.percent_40,
.percent_50,
.percent_60,
.percent_70,
.percent_75,
.percent_80,
.percent_90,
.percent_100 {
  display: block;
  float: left;
}

.percent_10 { width: 10%; }
.percent_20 { width: 20%; }
.percent_25 { width: 25%; }
.percent_30 { width: 30%; }
.percent_33 { width: 33.33333%; }
.percent_40 { width: 40%; }
.percent_50 { width: 50%; }
.percent_60 { width: 60%; }
.percent_70 { width: 70%; }
.percent_75 { width: 75%; }
.percent_80 { width: 80%; }
.percent_90 { width: 90%; }
.percent_100 { width: 100%; }

.grid_1 	{	width: 85px; 	}
.grid_2 	{	width: 190px; }
.grid_3 	{	width: 300px; }
.grid_4 	{	width: 405px; } /* 405 */
.grid_5 	{	width: 510px; }
.grid_6 	{	width: 620px; }
.grid_7 	{	width: 725px; }
.grid_8 	{	width: 830px; }
.grid_9 	{	width: 940px; }
.grid_10 {	width: 1045px; }
.grid_11 {	width: 1150px; }
.grid_12 {	width: 1260px !important; }

.content .grid_1 	{	width: 60px; 	}
.content .grid_2 	{	width: 140px; }
.content .grid_3 	{	width: 220px; }
.content .grid_4 	{	width: 300px; }
.content .grid_5 	{	width: 380px; }
.content .grid_6 	{	width: 460px; }
.content .grid_7 	{	width: 540px; }
.content .grid_8 	{	width: 620px; }
.content .grid_9 	{	width: 700px; }
.content .grid_10 {	width: 780px; }
.content .grid_11 {	width: 860px; }
.content .grid_12 {	width: 940px !important; }

.third { width: 300px; }


@media only screen and ( max-width : 1280px ) {

  .wrapper { width: 960px !important; }
  
  .content.pr4 { padding-right: 4px !important; }
  
  .grid_1 	{	width: 60px; 	}
  .grid_2 	{	width: 140px; }
  .grid_3 	{	width: 220px; }
  .grid_4 	{	width: 300px; } /* 405 */
  .grid_5 	{	width: 380px; }
  .grid_6 	{	width: 460px; }
  .grid_7 	{	width: 540px; }
  .grid_8 	{	width: 620px; }
  .grid_9 	{	width: 700px; }
  .grid_10 {	width: 780px; }
  .grid_11 {	width: 860px; }
  .grid_12 {	width: 940px !important; }

  .content .grid_1 	{	width: 33px; 	}
  .content .grid_2 	{	width: 86px; }
  .content .grid_3 	{	width: 139px; }
  .content .grid_4 	{	width: 192px; }
  .content .grid_5 	{	width: 245px; }
  .content .grid_6 	{	width: 298px; }
  .content .grid_7 	{	width: 351px; }
  .content .grid_8 	{	width: 404px; }
  .content .grid_9 	{	width: 457px; }
  .content .grid_10 {	width: 510px; }
  .content .grid_11 {	width: 563px; }
  .content .grid_12 {	width: 616px !important; }

}

@media only screen and ( max-width : 960px ) {
    
  .wrapper { width: 100% !important; }
  
  .desktop { display: none; }
  .mobile { display: block; }

  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4,
  .grid_5,
  .grid_6,
  .grid_7,
  .grid_8,
  .grid_9,
  .grid_10,
  .grid_11,
  .grid_12,
  .percent_10,
  .percent_20,
  .percent_25,
  .percent_30,
  .percent_33,
  .percent_40,
  .percent_50,
  .percent_60,
  .percent_70,
  .percent_75,
  .percent_80,
  .percent_90,
  .percent_100  {
    display: block;
    width: calc(100% - 40px) !important;
    float: none;
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  
  .desktop {
    display: none;
  }
  
  .mobile {
    display: block;
  }
  
  

}