@import url("../css/_default-banner-section.css");
@import url("../css/_episode-slider-section.css");
@import url("../css/_contest-win-section.css");

.brewery-page-main{padding: 110px 0 36px;}
.brewery-page-list{margin-bottom: 69px;}
.brewery-page-text h2{margin-bottom: 5px;}
.brewery-page-text .button{margin-top: 19px;}

.brewery-page-curve{top: 140px; left: 0; width: 1598px; height: 968px; position: absolute; opacity: 0.3; z-index: -1;}

/*-- media css starts here --*/
@media only screen and (min-width: 1024px){
    h1{font-size: 80px; line-height: 72px; letter-spacing: -0.75px; margin-bottom: 21px;}
    .default-banner-section{min-height: 872px;}
    .center .container{min-height: 872px;}
    .center .default-banner-main{max-width: 860px;}
    .default-banner-desc{padding-bottom: 55px;}
    .default-banner-text h2{font-size: 40px; line-height: 48px; letter-spacing: -0.37px;}
    .breweries-icon{max-width: 137px; margin-bottom: 22px;}

    .brewery-page-thumb{width: 620px; margin-right: 60px;}
    .brewery-page-text{width: calc(100% - 680px);}
    .brewery-page-list:nth-child(even){flex-direction: row-reverse;}
    .brewery-page-list:nth-child(even) .brewery-page-thumb{margin-left: 60px; margin-right: 0;}
    .brewery-page-bg{width: 100%;height: 700px;bottom: 0;left: 0;opacity: 0.15;background-image: linear-gradient(to bottom, #fff, #000);position: absolute;z-index: -1;}

    .episode-slider-main{padding: 0 0 60px;}
}
@media only screen and (max-width: 1299px) and (min-width: 1024px){
    .brewery-page-thumb{width: 500px;}
    .brewery-page-text{width: calc(100% - 560px);}
}
@media only screen and (max-width: 1023px) and (min-width: 768px){
    .center .default-banner-text{padding-bottom: 40px;}
    .default-banner-desc{padding-bottom: 35px;}
    .default-banner-text h2{font-size: 34px; line-height: 40px; letter-spacing: -0.37px;}
    .breweries-icon{max-width: 137px; margin-bottom: 22px;}

    .brewery-page-curve{top: 300px;}
    .brewery-page-main{padding: 42px 0 22px;}
    .brewery-page-list{display: block; margin-bottom: 60px;}
    .brewery-page-thumb{margin-bottom: 27px;}
    .brewery-page-text h2{font-size: 32px; line-height: 34px; letter-spacing: -0.3px;}
    .brewery-page-text .button{margin-top: 0;}

    .episode-slider-main{padding: 0 0 60px;}
}
@media only screen and (max-width: 767px) and (min-width: 200px){
    .default-banner-section{min-height: 700px; background-color: var(--black); z-index: 1;}
    .default-banner-section picture.object-fit{max-height: 700px;}
    .center .container{min-height: 830px;}
    .default-banner-desc{margin-bottom: 47px;}
    .center .default-banner-text{padding-bottom: 36px;}
    .breweries-icon{margin-bottom: 13px;}
    .default-banner-text h2{font-size: 28px; line-height: 36px; letter-spacing: -0.26px;}

    .episode-sider-main{padding: 0 0 38px;}
    .brewery-page-curve{top: auto; bottom: -130px; width: auto; height: auto;}

    .brewery-page-main{padding: 42px 0 22px;}
    .brewery-page-list{display: block; margin-bottom: 40px;}
    .brewery-page-thumb{margin-bottom: 27px;}
    .brewery-page-text h2{font-size: 32px; line-height: 34px; letter-spacing: -0.3px;}
    .brewery-page-text p:not(:last-child){margin-bottom: 17px;}
    .brewery-page-text .button{margin-top: 0;}

    .episode-slider-main{padding-bottom: 39px;}
}