main.page-body > div.inner-content > div.section {
    max-width: 100%;
    padding: 0px 20px;
    margin-top: 40px;
}

main.page-body > div.inner-content > div.section.banner {
    float: left;
    width: 64%;
    padding: 0px;
    margin-top: 0px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}

main.page-body > div.inner-content > div.section.about {
    float: left;
    width: 35%;
    padding: 20px;
    margin-top: 0px;
}

div.section > div {
    position: relative;
    max-width: 1200px;
    margin: auto;
}

div.section.banner > div {
    max-width: 100%;
}

div.section div.iweby-editor h1,
div.section div.iweby-editor h2 {
    display: block;
    color: var(--icolor-primary);
}

div.section > div:before {
    position: absolute;
    content: '';
    left: 0px;
    right: 0px;
    bottom: 14px;
    border-top: 1px solid var(--icolor-primary);
}

div.section > div:after {
    position: relative;
    background-image: url(assets/image/section-br-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    display: block;
    content: '';
    width: 50px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

div.section.banner > div:before {
    display: none;
}

div.section.banner > div:after {
    display: none;
}

/* banner */
div.section.banner div.desktop {
    position: relative;
    display: block;
}

div.section.banner div.mobile {
    position: relative;
    display: none;
}

div.section.banner div.swiper {
    width: 100%;
}

div.section.banner .swiper-pagination-horizontal {
    position: absolute;
    text-align: center;
    bottom: 10px;
    z-index: 1;
}

div.section.banner .swiper-pagination-bullet-active {
    background: var(--icolor-primary);
}

div.section.eshop-cat div.block {
    position: relative;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    overflow: hidden;
}

div.section.eshop-cat div.block > a {
    position: relative;
    display: block;
    border-radius: 4px;
    overflow: hidden;
}

div.section.eshop-cat div.block > a > div.desktop {
    display: block;
}

div.section.eshop-cat div.block > a > div.mobile {
    display: none;
}

div.section.eshop-cat div.block > a > div > img {
    position: relative;
    width: 100%;
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
}

div.section.eshop-cat div.block > a:hover > div > img {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
}

div.section.eshop-cat div.block > a > div.border {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 2px solid var(--icolor-primary);
    border-radius: 4px;
}

div.section.eshop-cat div.block > a > div.name {
    position: absolute;
    background: rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 30px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

div.section.eshop-cat div.block > a > div.name > span {
    font-size: 1.25rem;
    font-weight: bold;
    color: var(--icolor-primary);
    text-align: center;
    text-shadow: white 1px 1px 15px, white -1px -1px 15px, white -1px 1px 15px, white 1px -1px 15px, white 1px 1px 15px, white -1px -1px 15px, white -1px 1px 15px, white 1px -1px 15px;
}

div.section.press div.block {
    position: relative;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    overflow: hidden;
}

div.section.press div.block div.caption {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    left: 0px;
    right: 0px;
    bottom: 0px;
    color: #fff;
    -webkit-transform: translateY(120%);
            transform: translateY(120%);
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
}

div.section.press div.block:hover div.caption {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

div.section.press div.block div.name {
    padding: 0px 10px;
    margin-top: 5px;
}

div.section.press div.block div.date {
    padding: 5px 10px;
}

div.iweby-info-dialog.press > div > div.content {
    max-width: 1200px;
}

div.section.contact div.form {
    display: block;
    max-width: 480px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

div.section.contact div.form input[type="text"] {
    height: 40px;
}

div.section.contact div.form button[type="submit"] {
    display: block;
    background: var(--icolor-primary);
    color: #fff;
    width: 200px;
    height: 48px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 24px;
    margin: auto;
}

div.section.contact div.form button[type="submit"]:hover {
    background: var(--icolor-primary-sec);
}

div.section.map iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    overflow: hidden;
}

@media only screen and (max-width: 1000px) {
    main.page-body > div.inner-content > div.section.banner {
        float: none;
        width: 100%;
    }

    main.page-body > div.inner-content > div.section.about {
        float: none;
        width: 100%;
        padding: 0px 20px;
        margin-top: 40px;
    }
    
    div.section div.iweby-editor h1, 
    div.section div.iweby-editor h2 {
        text-align: center;
    }
    
    div.section.eshop-cat div.block > a > div.desktop{
        display: none;
    }

    div.section.eshop-cat div.block > a > div.mobile
    {
        display: block;
    }

}

@media only screen and (max-width: 600px) {
    div.section.banner div.desktop {
        display: none;
    }

    div.section.banner div.mobile {
        display: block;
    }
}