dange

@media screen and (max-width: 1240px) and (min-width: 960px){
 .two-sidebar .site-main .penci-container .penci-container__content,
 .penci-vc_two-sidebar.penci-container .penci-container__content, 
 .penci-vc_two-sidebar.penci-container-fluid .penci-container__content {
     display: flex;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
 }
.two-sidebar .site-main .penci-container .penci-wide-content,
 .penci-vc_two-sidebar.penci-container .penci-wide-content,
 .penci-vc_two-sidebar.penci-container-fluid .penci-wide-content {
     order: 2;
     max-width: calc(100% - 400px);
     margin-left: auto;
     margin-right: auto;
     padding-left: 10px;
     padding-right: 10px;
 }
.two-sidebar .site-main .penci-container .widget-area, 
 .penci-vc_two-sidebar.penci-container .widget-area,
 .penci-vc_two-sidebar.penci-container-fluid .widget-area {
     margin-top: 0;
     width: 200px;
     padding: 0;
 }
.two-sidebar .site-main .penci-container .widget-area-1, 
 .penci-vc_two-sidebar.penci-container .widget-area-1,
 .penci-vc_two-sidebar.penci-container-fluid .widget-area-1 {
     float: right;
     order: 3;
 }
.two-sidebar .site-main .widget-area-2, .penci-vc_two-sidebar .widget-area-2 {
     display: block;
 }
}

@media screen and (max-width: 1240px) and (min-width: 960px){
 .two-sidebar .site-main .penci-container .penci-container__content,
 .penci-vc_two-sidebar.penci-container .penci-container__content, 
 .penci-vc_two-sidebar.penci-container-fluid .penci-container__content {
     display: flex;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
 }

 .two-sidebar .site-main .penci-container .penci-wide-content,
 .penci-vc_two-sidebar.penci-container .penci-wide-content,
 .penci-vc_two-sidebar.penci-container-fluid .penci-wide-content {
     order: 2;
     width: 50%;
     margin-left: auto;
     margin-right: auto;
     padding-left: 10px;
     padding-right: 10px;
 }

 .two-sidebar .site-main .penci-container .widget-area, 
 .penci-vc_two-sidebar.penci-container .widget-area,
 .penci-vc_two-sidebar.penci-container-fluid .widget-area {
     margin-top: 0;
    width: 25%;
     padding: 0;
 }

 .two-sidebar .site-main .penci-container .widget-area-1, 
 .penci-vc_two-sidebar.penci-container .widget-area-1,
 .penci-vc_two-sidebar.penci-container-fluid .widget-area-1 {
     float: right;
     order: 3;
 }

 .two-sidebar .site-main .widget-area-2, .penci-vc_two-sidebar .widget-area-2 {
     display: block;
 }
}

@media screen and (max-width: 1240px) and (min-width: 960px){
 .two-sidebar .site-main .penci-container .penci-container__content,
 .penci-vc_two-sidebar.penci-container .penci-container__content, 
 .penci-vc_two-sidebar.penci-container-fluid .penci-container__content {
     display: flex;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
 }

 .two-sidebar .site-main .penci-container .penci-wide-content,
 .penci-vc_two-sidebar.penci-container .penci-wide-content,
 .penci-vc_two-sidebar.penci-container-fluid .penci-wide-content {
     order: 2;
     width: 50%;
     margin-left: auto;
     margin-right: auto;
     padding-left: 10px;
     padding-right: 10px;
 }

 .two-sidebar .site-main .penci-container .widget-area, 
 .penci-vc_two-sidebar.penci-container .widget-area,
 .penci-vc_two-sidebar.penci-container-fluid .widget-area {
     margin-top: 0;
    width: 25%;
     padding: 0;
 }

 .two-sidebar .site-main .penci-container .widget-area-1, 
 .penci-vc_two-sidebar.penci-container .widget-area-1,
 .penci-vc_two-sidebar.penci-container-fluid .widget-area-1 {
     float: right;
     order: 3;
 }

 .two-sidebar .site-main .widget-area-2, .penci-vc_two-sidebar .widget-area-2 {
     display: block;
 }
}

@media screen and (max-width: 1240px) and (min-width: 960px){
 .two-sidebar .site-main .penci-container .penci-container__content,
 .penci-vc_two-sidebar.penci-container .penci-container__content, 
 .penci-vc_two-sidebar.penci-container-fluid .penci-container__content {
     display: flex;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
 }

 .two-sidebar .site-main .penci-container .penci-wide-content,
 .penci-vc_two-sidebar.penci-container .penci-wide-content,
 .penci-vc_two-sidebar.penci-container-fluid .penci-wide-content {
     order: 2;
     width: 50%;
     margin-left: auto;
     margin-right: auto;
     padding-left: 20px;
     padding-right: 20px;
 }

 .two-sidebar .site-main .penci-container .widget-area, 
 .penci-vc_two-sidebar.penci-container .widget-area,
 .penci-vc_two-sidebar.penci-container-fluid .widget-area {
     margin-top: 0;
    width: 25%;
     padding: 0;
 }

 .two-sidebar .site-main .penci-container .widget-area-1, 
 .penci-vc_two-sidebar.penci-container .widget-area-1,
 .penci-vc_two-sidebar.penci-container-fluid .widget-area-1 {
     float: right;
     order: 3;
 }

 .two-sidebar .site-main .widget-area-2, .penci-vc_two-sidebar .widget-area-2 {
     display: block;
 }
}