/*
=========================================
Progres Themes
Layout System
=========================================
*/

/*======================================
MAIN LAYOUT
======================================*/

main{

    display:block;

}

/*======================================
PAGE LAYOUT
======================================*/

.page-content{

    padding:32px 0 80px;

}

.page-header{

    margin-bottom:40px;

}

.page-title{

    margin:0;

}

.page-body{

    margin-top:32px;

}

/*======================================
SINGLE LAYOUT
======================================*/

.single main{

    padding:32px 0 80px;

}

.single article{

    max-width:860px;

    margin:0 auto;

}

/*======================================
ARCHIVE LAYOUT
======================================*/

.archive main{

    padding:32px 0 80px;

}

/*======================================
SEARCH
======================================*/

.search main{

    padding:32px 0 80px;

}

/*======================================
404
======================================*/

.error404 main{

    padding:80px 0;

}

/*======================================
WOOCOMMERCE
======================================*/

.woocommerce{

    max-width:1280px;

    margin:32px auto 80px;

    padding:0 20px;

}

.woocommerce-page main{

    display:block;

}

.woocommerce-page .woocommerce{

    margin-top:32px;

}

/*======================================
MY ACCOUNT
======================================*/

.woocommerce-account .woocommerce{

    margin-top:32px;

}

/*======================================
CHECKOUT
======================================*/

.woocommerce-checkout .woocommerce{

    margin-top:32px;

}

/*======================================
CART
======================================*/

.woocommerce-cart .woocommerce{

    margin-top:32px;

}

/*======================================
CONTAINER OVERRIDE
======================================*/

.page-content > .container,

.archive main > .container,

.search main > .container{

    width:min(1200px,92%);

    margin:0 auto;

}

/*======================================
SECTION SPACING
======================================*/

.page-body > * + *{

    margin-top:1.75rem;

}

/*======================================
IMAGE
======================================*/

.page-body img{

    display:block;

    max-width:100%;

    height:auto;

}

/*======================================
EMBED
======================================*/

.page-body iframe{

    width:100%;

    border:0;

}

/*======================================
RESPONSIVE
======================================*/

@media (max-width:991px){

    .page-content{

        padding:24px 0 60px;

    }

    .page-header{

        margin-bottom:28px;

    }

    .page-body{

        margin-top:24px;

    }

    .woocommerce{

        margin:24px auto 60px;

        padding:0 16px;

    }

}

@media (max-width:768px){

    .single article{

        max-width:100%;

    }

}