.franchise .flex-box {
    display: flex
}

.franchise .banner-wrap {
    height: 525px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    background-color: #99deee
}

    .franchise .banner-wrap .innercontent {
        background: 0 0;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 1030px;
        padding: 0 10px
    }

        .franchise .banner-wrap .innercontent .banner-img {
            float: left;
            width: 550px;
            height: 530px;
            background: url(../franchise_page/banner-img.png) center/contain no-repeat
        }

        .franchise .banner-wrap .innercontent .banner-text {
            padding-top: 40px
        }

.franchise .already-own-pharmacy {
    background-color: #f9f9f9;
    padding-bottom: 30px
}

    .franchise .already-own-pharmacy .own-pharmacy {
        max-width: 750px;
        margin: 0 auto;
        background-color: #fff;
        padding: 34px 0;
        -webkit-box-shadow: 0 0 7px 3px #efebeb;
        -moz-box-shadow: 0 0 7px 3px #efebeb;
        box-shadow: 0 0 7px 3px #efebeb
    }

        .franchise .already-own-pharmacy .own-pharmacy .own-image {
            border-right: 1px solid #c2c2c2
        }

        .franchise .already-own-pharmacy .own-pharmacy .join-image img {
            padding-left: 20px
        }

.franchise .section-block {
    padding: 40px 0;
    font-size: 15px
}

    .franchise .section-block p {
        max-width: 700px;
        margin: auto
    }

    .franchise .section-block.form-wrapper {
        background-color: #53586e;
        box-shadow: inset 0 10px 7px 0 rgba(0,0,0,.4)
    }

        .franchise .section-block.form-wrapper .info-block {
            color: #e7e7e7;
            font-size: 15px
        }

        .franchise .section-block.form-wrapper .contact {
            margin-top: 15px
        }

            .franchise .section-block.form-wrapper .contact a {
                font-weight: 700;
                font-size: 20px;
                color: #e7e7e7
            }

                .franchise .section-block.form-wrapper .contact a img {
                    margin-right: 7px
                }

            .franchise .section-block.form-wrapper .contact > div {
                float: left
            }

                .franchise .section-block.form-wrapper .contact > div:first-child {
                    margin-right: 50px
                }

        .franchise .section-block.form-wrapper p {
            border-bottom: 1px solid #75798b;
            padding-bottom: 20px
        }

        .franchise .section-block.form-wrapper .form-template {
            font-size: 14px;
            max-width: 370px;
            width: 100%;
            background-color: #fff;
            font-weight: 400;
            border-radius: 5px;
            position: relative;
            padding: 20px;
            float: right;
            margin-top: -310px;
            box-shadow: 0 0 20px 0 rgba(0,0,0,.3)
        }

            .franchise .section-block.form-wrapper .form-template input.radio-button {
                padding: 0;
                width: 18px;
                vertical-align: middle
            }

            .franchise .section-block.form-wrapper .form-template label {
                font-weight: 400
            }

            .franchise .section-block.form-wrapper .form-template .form-group {
                margin-bottom: 15px
            }

            .franchise .section-block.form-wrapper .form-template .state-wrap {
                display: flex
            }

                .franchise .section-block.form-wrapper .form-template .state-wrap > div {
                    flex: 0 50%
                }

                    .franchise .section-block.form-wrapper .form-template .state-wrap > div:first-child {
                        margin-right: 10px
                    }

            .franchise .section-block.form-wrapper .form-template .form-control {
                height: 32px;
                border-radius: 4px !important
            }

                .franchise .section-block.form-wrapper .form-template .form-control:focus {
                    border: 1px solid #ced4da
                }

            .franchise .section-block.form-wrapper .form-template select.error {
                border-color: #e0e0e0
            }

            .franchise .section-block.form-wrapper .form-template .reload_btn {
                width: 25px;
                height: 25px;
                background: url(../franchise_page/remove-icon.png) no-repeat center;
                position: absolute;
                cursor: pointer;
                display: none;
                right: -9px;
                top: -10px
            }

            .franchise .section-block.form-wrapper .form-template .thank-you {
                vertical-align: sub;
                text-align: center;
                display: none;
                bottom: 0;
                width: 100%;
                left: 0;
                z-index: 999999999
            }

                .franchise .section-block.form-wrapper .form-template .thank-you .reg_success {
                    color: #8ec559;
                    font-weight: 600;
                    font-size: 17px
                }

            .franchise .section-block.form-wrapper .form-template .submit_btn {
                background-color: #676767;
                color: #fff;
                display: block;
                border-radius: 5px;
                border: none;
                padding: 5px 25px;
                margin-top: 5px
            }

                .franchise .section-block.form-wrapper .form-template .submit_btn:disabled {
                    opacity: .7
                }

    .franchise .section-block.specialities-block .section {
        padding: 15px;
        box-shadow: 0 0 7px 3px #f6f6f6;
        font-size: 14px;
        border-radius: 10px
    }

    .franchise .section-block.specialities-block h3 {
        color: #504f4f
    }

    .franchise .section-block.specialities-block a {
        color: #504f4f
    }

    .franchise .section-block.specialities-block .section-wrapper {
        text-align: center
    }

    .franchise .section-block.ideal-partner-block {
        background-color: #f9f9f9
    }

        .franchise .section-block.ideal-partner-block ul {
            margin: 0;
            padding: 0
        }

            .franchise .section-block.ideal-partner-block ul li {
                list-style-type: none;
                padding: 3px 0 40px 40px;
                background: url(../franchise_page/tick.png) no-repeat;
                margin: 0
            }

                .franchise .section-block.ideal-partner-block ul li:last-child {
                    padding-bottom: 10px
                }

    .franchise .section-block.why-partner-block ul {
        margin: 0;
        padding: 0
    }

        .franchise .section-block.why-partner-block ul li {
            padding: 0 0 43px 30px;
            list-style-type: none;
            position: relative;
            margin: 0
        }

            .franchise .section-block.why-partner-block ul li::before {
                content: "\2022";
                color: #3cbbc6;
                position: absolute;
                font-size: 45px;
                top: 0;
                line-height: 22px;
                left: 0
            }

            .franchise .section-block.why-partner-block ul li:last-child {
                padding-bottom: 0
            }

    .franchise .section-block.why-partner-block .why-partner-image {
        box-shadow: 2px 2px 7px 0 rgba(0,0,0,.2);
        display: inline-block
    }

    .franchise .section-block.help-block {
        background-color: #f9f9f9
    }

        .franchise .section-block.help-block .row {
            margin-top: 10px
        }

        .franchise .section-block.help-block .section {
            background-color: #fff;
            padding: 35px 15px;
            box-shadow: 0 0 7px 3px #efebeb;
            position: relative
        }

            .franchise .section-block.help-block .section img {
                position: absolute;
                top: 27px;
                left: 15px
            }

            .franchise .section-block.help-block .section span {
                display: inline-block;
                margin-left: 10px;
                padding-left: 50px
            }

    .franchise .section-block.photo-gallery {
        background-color: #fff
    }

        .franchise .section-block.photo-gallery .gallery-image {
            width: 200px
        }

    .franchise .section-block .innercontent {
        background: 0 0;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 1030px;
        padding: 0 10px;
        position: relative
    }

        .franchise .section-block .innercontent .franchise-group-swipe {
            margin: 0 20px
        }

            .franchise .section-block .innercontent .franchise-group-swipe .swiper-slide {
                text-align: center
            }

        .franchise .section-block .innercontent .swiper-button-next, .franchise .section-block .innercontent .swiper-button-prev {
            top: 65%
        }

        .franchise .section-block .innercontent .heading-block {
            margin-bottom: 25px;
            text-align: center
        }

            .franchise .section-block .innercontent .heading-block h2 {
                font-size: 36px;
                margin: 0 0 10px 0
            }

                .franchise .section-block .innercontent .heading-block h2 .highlight {
                    color: #09a5ae
                }

        .franchise .section-block .innercontent .ideal-image {
            box-shadow: 2px 2px 7px 0 rgba(0,0,0,.2);
            display: inline-block
        }

@media only screen and (max-width: 1030px) {
    body {
        min-width: inherit !important;
        overflow-x: hidden
    }

    .banner-wrap {
        height: auto;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        background-color: #99deee;
        box-shadow: 0 0 10px 5px
    }

    .cms-franchise #maincontent .columns .column.main {
        padding: 0
    }

    .banner-img {
        float: none;
        width: 100%;
        height: 250px;
        background: url(../franchise_page/banner-img.png) center/contain no-repeat
    }

    .banner-text {
        float: none;
        padding: 20px 0;
        margin: 0;
        text-align: center
    }

    .innercontent {
        padding-left: 10px;
        padding-right: 10px
    }

    .flex-box {
        display: block
    }

    .innercontent .info-block {
        margin-bottom: 20px
    }

    .form-template {
        margin-top: 25px;
        float: none;
        margin: 0 auto
    }

    .section-block h2 {
        font-size: 25px
    }

    .specialities-block .section {
        margin: 10px 0
    }

    .specialities-block h3 {
        font-size: 18px
    }

    .ideal-partner-block li {
        padding-bottom: 15px
    }

    .why-partner-block ul li {
        padding-bottom: 15px
    }

    .ideal-image {
        margin-bottom: 20px
    }

    .why-partner-image {
        margin-top: 20px
    }

    .help-block .row {
        margin-top: 0
    }

    .why-partner-block ul li::before {
        font-size: 23px
    }

    .help-block .section {
        margin: 10px 0
    }

    .join-image, .own-image {
        text-align: center
    }
}