@media only screen and (max-width:1200px) {
#page-content {
    min-width: 940px;
}
.wrapper {
    width: 940px;
}
.main-content {
    width: 640px;
}
aside {
    width: 240px;
}
}

@media only screen and (max-width:1023px) {
#page-content {
    min-width: 740px;
}
.wrapper {
    width: 740px;
}
.main-content {
    width: 100%;
    float: none;
}
aside {
    width: 100%;
    float: none;
    /* margin-top: 100px; */
}
}

@media only screen and (max-width:760px) {
#page-content {
    min-width: 300px;
}
.wrapper {
    width: 300px;
}
.main-content {
    width: 100%;
    float: none;
}
aside {
    width: 100%;
    float: none;
    margin-top: 60px;
    padding-top: 60px;
    border-top: 1px solid #d9d9d9;
}
#portfolio-single aside {
    border: 0;
    padding-top: 0;
}
.section-title {
    margin-top: -7px;
    margin-bottom: 60px;
}
.section-inner {
    padding-top: 60px;
}
#portfolio-single {
    padding-top: 60px;
}
.ajax-section #portfolio-single {
    padding-bottom: 60px;
}
#portfolio-single .portfolio-media {
    margin-top: 40px;
}
#portfolio-single .portfolio-content {
    margin-top: 0;
    padding-top: 40px;
}
.ajax-section {
    padding-bottom: 60px;
}
#ajax-loader .loader-icon {
    top: 20px!important;
}
.close-project {
    bottom: 70px;
}
.spacer.spacer-mini {
    height: 15px;
}
.spacer.spacer-small {
    height: 30px;
}
.spacer.spacer-medium {
    height: 45px;
}
.spacer.spacer-big {
    height: 60px;
}
}