@media only screen and (min-width: 1200px) {
    .site-content .container .row .col-md-8  {
        max-width: calc(100% - 405px) !important;
			margin: 0px;
			padding: 0px;
    }
 .sidebar .widget {
                       min-width: 405px;
			margin: 0px;
			padding: 15px;
    }
  .sidebar {
                     min-width: 405px;
                     margin-left: 15px;
                     padding: 0px;
}
}


@media only screen and (min-width: 1024px) {
    .site-content .container .row .col-md-8  {
        max-width: calc(100% - 345px);
			margin: 0px;
			padding: 0px;
    }
 .sidebar .widget {
                       min-width: 330px;
			margin: 0px;
			padding: 15px;
    }
  .sidebar {
                     min-width: 330px;
                     margin-left: 15px;
                     padding: 0px;
}
}

@media only screen and (max-width: 1023px) {
 
 .site-content .container .row .col-md-8, #sidebar col-md-4{
        max-width: 100%;
        width: 100%;
    }

}

@media only screen and (max-width: 480px) {
  .container {
padding: 0px;
}
}