/* ============================================================================
    BLOG
============================================================================ */ 
.blog-banner {width:100%;min-height:350px;background-repeat:no-repeat;background-position:center top;background-image: url('../img/banner/blog-banner.webp');}
.no-webp .blog-banner {width:100%;min-height:350px;background-repeat:no-repeat;background-position:center top;background-image: url('../img/banner/blog-banner.jpg');}

.main-banner-text {padding:10px 0 0 0;text-align:center;}

.layerblog-container {max-width:1660px;margin:0px auto;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;display: flex;flex-wrap: wrap;padding:40px 0 0 0;}
.layerblog-left {max-width:780px;padding:0 0 60px 0;order:1;}
.layerblog-right {max-width:780px;padding:0 0 60px 0;order:1;margin-left:auto;}

.blog-i-container {padding:60px 0 0 0;}

.blog-title-main {padding:20px 0 0 0;}
.blog-title-main h2 {color:#fff;font-size:21px;line-height:24px;font-weight:400;}
.blog-entry-intro {padding:20px 0 0 0;}
.blog-button {padding:20px 0 0 0;text-transform:uppercase;}

.blog-entry-intro a{color:#fff;outline:none;text-decoration:underline;}
.blog-entry-intro a:hover {color:#fff;outline:none;text-decoration:none;}

.blogmobspace {padding:40px 0 0 0;}

/* links */
a.blog-link {color:#f4240e;outline:none;text-decoration:none;}
a.blog-link:hover {color:#f4240e;outline:none;text-decoration:underline;}

a.blog-title-link {color:#fff;outline:none;text-decoration:none;}
a.blog-title-link:hover {color:#fff;outline:none;text-decoration:underline;}

/* post*/
.blog-post-banner {width:100%;min-height:140px;background-repeat:no-repeat;background-position:center top;background-image: url('../img/banner/blog-post-banner.webp');}
.no-webp .blog-post-banner {width:100%;min-height:140px;background-repeat:no-repeat;background-position:center top;background-image: url('../img/banner/blog-post-banner.jpg');}

.blog-title-entry {padding:30px 0 0 0;}
.blog-title-entry h1 {color:#fff;font-size:36px;line-height:42px;font-weight:300;}

.layerblogentry-container {max-width:1020px;margin:0px auto;padding:50px 0 100px 0;}
.entry-photo {max-width:1000px;margin:0px auto;}
.entry-desc {padding:40px 0 30px 0;}

.entry-desc a{color:#fff;outline:none;text-decoration:underline;}
.entry-desc a:hover {color:#fff;outline:none;text-decoration:none;}

/* ============================================================================
    responsive
============================================================================ */
@media only screen and (min-width: 1180px) and (max-width: 1660px){
.layerblog-container {width:95%;}
.layerblog-left {width:48%;padding:0 0 30px 0;}
.layerblog-right {width:48%;padding:0 0 30px 0;}
}

@media only screen and (min-width: 959px) and (max-width: 1180px){
.layerblog-container {width:95%;}
.layerblog-left {width:48%;padding:0 0 30px 0;}
.layerblog-right {width:48%;padding:0 0 30px 0;}

/* post*/
.layerblogentry-container {width:95%;padding:50px 0 60px 0;}
.entry-photo {width:100%;}
.blog-title-entry h1 {font-size:26px;line-height:30px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px){
.layerblog-container {width:95%;}
.layerblog-left {width:100%;margin:0px auto;padding:0 0 20px 0;}
.layerblog-right {width:100%;margin:0px auto;padding:0 0 20px 0;}
.blog-i-container {padding:30px 0 0 0;}

/* post*/
.layerblogentry-container {width:95%;padding:50px 0 60px 0;}
.entry-photo {width:100%;}
.blog-title-entry h1 {font-size:24px;line-height:28px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
.layerblog-container {width:95%;padding:20px 0 0 0;}
.layerblog-left {width:100%;margin:0px auto;padding:0 0 10px 0;}
.layerblog-right {width:100%;margin:0px auto;padding:0 0 10px 0;}
.blog-i-container {padding:30px 0 0 0;}

/* post*/
.layerblogentry-container {width:95%;padding:50px 0 60px 0;}
.entry-photo {width:100%;}
.blog-title-entry h1 {font-size:21px;line-height:24px;}
}


@media only screen and (min-width: 320px) and (max-width: 479px){
.layerblog-container {width:95%;padding:20px 0 0 0;}
.layerblog-left {width:100%;margin:0px auto;padding:0 0 10px 0;}
.layerblog-right {width:100%;margin:0px auto;padding:0 0 10px 0;}
.blog-i-container {padding:30px 0 0 0;}

/* post*/
.layerblogentry-container {width:95%;padding:50px 0 60px 0;}
.entry-photo {width:100%;}
.blog-title-entry h1 {font-size:21px;line-height:24px;}
}