a.btn-pre-go {
    background: #e4002b;
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 18px;
    border-radius: 40px;
    font-weight: 500;
    margin: 0 10px 30px;
    -webkit-transition: all .15s ease-in-out 0s;
    -moz-transition: all .15s ease-in-out 0s;
    -ms-transition: all .15s ease-in-out 0s;
    transition: all .15s ease-in-out 0s
}

    a.btn-pre-go small {
        font-size: 12px
    }

    a.btn-pre-go:hover {
        background: #b3021c;
        color: #fff
    }

.page-select-city .navbar-menu {
    display: none
}

.page-select-city .navbar-topmenu {
    border-bottom: none;
    box-shadow: rgba(0,0,0,.07) 0 1px 5px
}

index-adv-box.navbar-default {
    margin-bottom: 0
}

.base-title, .base-title h1 {
    font-size: 18px;
    font-weight: 500;
    color: #262630
}

.agahi-row .agahi-roll {
    margin-bottom: 30px
}

.agahi-box a .hgroup h4, .agahi-box a .hgroup strong {
    text-shadow: none !important;
    color: #333;
    font-weight: 500 !important
}

.body-content {
    padding: 25px 0 0 !important;
    margin-bottom: 0;
  
    background: url(img/back-base.png) repeat-x top center
}

.main-3box-row {
    padding: 30px 0 0;
    position: relative;
    width: 100%;
    margin-bottom: 0;
    margin-top: -30px
}

.main-3box-city {
    background: url(img/search-bg7.png.htm) right bottom repeat-x;
    width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    height: 200px;
    z-index: 2;
    bottom: 0
}

.main-3box-row .container {
    z-index: 5;
    position: relative
}

.main-3box-row h2 {
    font-size: 32px;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(255,255,255,1);
    margin-top: 10px;
    line-height: 52px
}

.main-3box-col {
    border-radius: 7px;
    background: #fff;
    position: relative;
    padding: 15px;
    margin-bottom: 30px;
    box-shadow: 0 1px 5px rgba(0,0,0,.07);
    border: 1px rgba(0,0,0,.10) solid
}

    .main-3box-col h2, .main-3box-col h3, .main-3box-col strong {
        font-size: 18px;
        font-weight: 600;
        margin: 25px 0 20px;
        text-shadow: none;
        display: block;
        line-height: 100%;
        display: block
    }

    .main-3box-col .link-box h2 {
        font-size: 15px;
        font-weight: 500;
        line-height: 50px
    }

    .main-3box-col .link-box {
        padding: 20px 0;
        text-align: center
    }

        .main-3box-col .link-box a {
            background: #fff;
            color: #333;
            width: 210px;
            text-align: center;
            height: 56px;
            border-radius: 30px;
            -webkit-transition: all .15s ease-in-out 0s;
            -moz-transition: all .15s ease-in-out 0s;
            -ms-transition: all .15s ease-in-out 0s;
            transition: all .15s ease-in-out 0s;
            display: inline-block;
            line-height: 55px;
            border: 2px #e4002b solid;
            position: relative
        }

            .main-3box-col .link-box a:hover {
                color: #fff !important;
                border: 2px #e4002b solid;
                background: #e4002b
            }

    .main-3box-col .ui.circular.label, .main-3box-col .ui.circular.labels .label {
        width: 30px;
        height: 30px;
        float: right;
        margin: 8px 10px 0 5px;
        font-size: 16px
    }

    .main-3box-col .link-box a:first-child {
        margin-left: 10px
    }

.main-3box-request .link-box a {
    width: 150px
}

    .main-3box-request .link-box a h2 {
        font-size: 16px
    }

    .main-3box-request .link-box a:hover {
        background: #f49d1a;
        color: #fff;
        border: 1px #f49d1a solid
    }

#SelectAction .main-3box-col {
    height: 85px;
    margin-bottom: 15px;
    border-width: 1px !important
}

#SelectAction .link-box {
    bottom: 10px;
    left: 15px;
    right: auto;
    position: absolute
}

#SelectAction .main-3box-col h2, #SelectAction .main-3box-col h1, #SelectAction .main-3box-col strong {
    text-align: right;
    font-size: 18px;
    font-weight: 600;
    margin: 14px 0 10px !important;
    display: block
}

#SelectAction .main-3box-col .link-box a {
    width: 120px
}

.main-3box-icon {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    border-top-right-radius: 3px;
    text-align: center;
    padding-top: 15px
}

    .main-3box-icon .caret {
        position: absolute;
        bottom: -8px;
        left: 0;
        color: #fff;
        border-left: 0;
        border-right: 8px solid transparent;
        border-top: 8px dashed;
        display: inline-block;
        height: 0;
        margin-left: 0;
        vertical-align: middle;
        width: 0
    }

.main-3box-search {
}

    .main-3box-search .main-3box-icon {
        background: #e4002b
    }

    .main-3box-search .caret {
        color: #e4002b
    }

.main-3box-register {
}

    .main-3box-register .main-3box-icon {
        background: #88d13f
    }

    .main-3box-register .caret {
        color: #88d13f
    }

.main-3box-request {
    background: #fff6e1
}

    .main-3box-request .link-box a {
        border: 1px solid #fbdbac
    }

    .main-3box-request .main-3box-icon {
        background: #f48d42
    }

    .main-3box-request .caret {
        color: #f48d42
    }

h2.city-title small {
    color: #666;
    font-size: 16px
}

h2.ui.message {
    box-shadow: none;
    font-size: 18px;
    margin-top: 18px !important
}

.index-agahi-box, .adv-1box, .adv-1box a {
    height: 333px;
    overflow: hidden
}

.adv-1box {
    background-size: cover !important
}

.agahi-roll .agahi-box a {
    padding: 0;
    text-align: center;
    background: none
}

    .agahi-roll .agahi-box a img {
        width: 100%;
        height: 180px;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease
    }

.job-box {
    margin-top: 22px
}

.message-box {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 30px
}

.job-box .ui.button {
    display: block !important;
    padding: 15px 10px;
    -webkit-transition: background .15s ease-in-out 0s;
    -moz-transition: background .15s ease-in-out 0s;
    -ms-transition: background .15s ease-in-out 0s;
    transition: background .15s ease-in-out 0s
}

    .job-box .ui.button:hover {
        background-color: #e4002b !important
    }

    .job-box .ui.button h2 {
        font-weight: 600 !important;
        font-size: 18px
    }

    .job-box .ui.button small {
        display: block !important;
        margin-top: 10px
    }

.agahi-4box {
    height: 230px;
    margin: 0 5px 4px;
    border-radius: 7px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.07);
    border: 1px rgba(0,0,0,.10) solid
}

    .agahi-4box a {
        height: 180px
    }

.agahi-box a .hgroup {
    background: none;
    position: relative;
    height: 50px;
    width: 100%;
    bottom: 0;
    padding-top: 12px
}

.agahi-box-img {
    height: 180px;
    overflow: hidden;
    position: relative
}

    .agahi-box-img img {
        width: 100%;
        height: 180px
    }

.agahi-box-color-bar {
    background: #d20023;
    height: 3px;
    width: 0;
    position: absolute;
    z-index: 20;
    bottom: 0;
    transition: all .4s
}

.agahi-box:hover .agahi-box-color-bar {
    width: 100%
}

.agahi-box a .hgroup.city-index h4, .agahi-box a .hgroup.city-index strong {
    text-align: center;
    width: 100%;
    font-size: 12px
}

.agahi-roll {
    position: relative
}

    .agahi-roll .owl-controls .owl-next {
        right: 5px
    }

    .agahi-roll .owl-controls .owl-prev {
        left: 4px
    }

.map-location {
    height: 50px;
    font-size: 24px;
    font-weight: 600;
    color: #e4002b
}

#map path {
    fill: #1872c5;
    stroke: #fff;
    stroke-width: .03rem
}

    #map path.active, #map path:hover {
        fill: #125796
    }

.services-box h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 600
}

.ui.inverted.blue.button, .ui.inverted.blue.buttons .button {
    display: block;
    padding: 12px 10px;
    box-shadow: 0 0 0 2px #f0f0f0 inset !important;
    color: #0072ce
}

    .ui.inverted.blue.button:hover, .ui.inverted.blue.buttons .button:hover {
        background-color: #e4002b
    }

.services-box h6 {
    margin-top: 0;
    font-size: 13px;
    color: #999;
    font-weight: 400
}

.index-services-row .services-box {
    display: table
}

    .index-services-row .services-box a {
        height: 60px;
        display: table-cell !important;
        vertical-align: middle;
        padding: 12px 10px
    }

        .index-services-row .services-box a.ui.inverted.blue.button {
            box-shadow: 0 0 0 2px #bcbcc2 inset !important;
            color: #333
        }

    .index-services-row .services-box h5 {
        margin-bottom: 0
    }

.services-row.city-select-index .index-boxes, .services-row.city-select-index a.index-boxes {
    background: #fff;
    -webkit-transition: all .15s ease-in-out 0s;
    -moz-transition: all .15s ease-in-out 0s;
    -ms-transition: all .15s ease-in-out 0s;
    transition: all .15s ease-in-out 0s
}

    .services-row.city-select-index .index-boxes:hover, .services-row.city-select-index a.index-boxes:hover {
    }

.index-boxes, a.index-boxes {
    min-height: 130px;
    text-align: center;
    padding: 10px;
    margin: 0;
    display: block;
    position: relative;
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 1px 5px rgba(0,0,0,.07);
    border: 1px rgba(0,0,0,.10) solid
}

a.index-boxes {
    color: #333;
    -webkit-transition: all .15s ease-in-out 0s;
    -moz-transition: all .15s ease-in-out 0s;
    -ms-transition: all .15s ease-in-out 0s;
    transition: all .15s ease-in-out 0s
}

    a.index-boxes strong {
        font-size: 18px
    }

    a.index-boxes:hover {
        background: #f7f7f9
    }

    a.index-boxes span, a.index-boxes small {
        font-weight: 400;
        font-size: 15px
    }

        a.index-boxes span.color-red.en-text {
            letter-spacing: 2px;
            font-weight: 600;
            font-size: 16px;
            font-family: Helvetica
        }

    a.index-boxes.overseas {
        padding: 15px 5px !important;
        cursor: default
    }

    a.index-boxes small {
        color: #333
    }

.int-link a.index-boxes {
    padding-top: 20px
}

    .int-link a.index-boxes strong {
        margin-bottom: 10px
    }

.app-link a.index-boxes {
    padding-top: 20px
}

a.index-boxes .index-boxes-icon {
    width: 60px;
    height: 60px;
    background: #eee;
    border-radius: 30px;
    margin-left: 10px;
    float: right;
    padding: 10px
}

    a.index-boxes .index-boxes-icon img {
        width: 40px
    }

.index-maincol .index-boxes, .index-maincol a.index-boxes {
    min-height: 90px;
    text-align: right;
    padding: 20px 25px
}

.en-text {
    letter-spacing: 1.5px
}

.user-index-boxes h4 {
    margin-top: 0;
    font-size: 16px;
    margin-bottom: 21px
}

.user-index-boxes a.login-item {
    background: #0065ca !important;
    display: inline-block;
    padding: 10px;
    border-radius: 2px;
    color: #fff;
    margin: 0 2px;
    font-size: 16px
}

    .user-index-boxes a.login-item h5 {
        margin: 0;
        font-size: 14px;
        font-weight: 500
    }

.user-index-boxes a.ui.button, .user-index-boxes a.login-item {
    box-shadow: 0 0 0 2px #e1e1ea inset !important;
    color: #333;
    background: #f4f4f7 !important
}

    .user-index-boxes a.login-item:hover {
        box-shadow: 0 0 0 2px #e4002b inset !important;
        background: #e4002b !important;
        color: #fff
    }

.ui.inverted.blue.button:hover h6 {
    color: #fff
}

.index-comment {
    padding: 35px 100px 40px
}

.pos-relative {
    position: relative
}

a.region-show-map {
    background: #e6f2ff;
    border-right: 1px #b0d6f4 solid;
    float: left;
    display: block;
    width: 60px;
    text-align: center;
    padding: 4px 0 0;
    height: 43px;
    color: #666
}

.app-box:first-child {
    text-align: left
}

.app-box:last-child {
    text-align: right
}

h3.ui.divider.header, h2.ui.divider.header {
    font-size: 18px;
    height: 19px !important;
    margin: 0 0 15px !important;
    line-height: 25px;
    letter-spacing: 0
}

.agent-message {
    font-size: 18px
}

.mag-row {
    padding: 40px 0 20px;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(255,255,255,.75)
}

    .mag-row small {
        font-size: 18px;
        color: #e4002b
    }

.ui.left.corner.label {
    line-height: 30px
}

    .ui.left.corner.label label {
        font-size: 11px !important;
        transform: rotate(-45deg);
        margin-right: 18px
    }

.seolink-row {
    padding: 0
}

    .seolink-row #rightLinks a:before, .seolink-row #leftLinks a:before {
        content: '●';
        margin-left: 3px;
        color: #e4002b
    }

    .seolink-items a.font-xsmall, .seolink-row a {
        font-weight: 400;
        color: #555
    }

.seolink-items a:hover {
    color: #e4002b
}

.seolink-items h6 a {
    font-size: 13px;
    font-weight: 400
}

.about-row {
    padding: 0 0 40px
}

    .about-row p {
        font-size: 14px;
        text-align: justify;
        line-height: 180%;
        font-weight: 400
    }

.agency-row {
    padding: 0 0 30px
}

    .agency-row .container {
        position: relative
    }

    .agency-row .ui.segments.agancy-box, .agency-row .ui.segments:not(.horizontal) > .segment:last-child {
        min-height: 73px;
        border: 1px solid #e9e9eb;
        background: #f3f3f5
    }

    .agency-row .ui.segments.agancy-box {
        border: none
    }

        .agency-row .ui.segments.agancy-box .ui.segment a.font-medium {
            font-size: 15px !important;
            font-weight: 500 !important;
            color: #333
        }

            .agency-row .ui.segments.agancy-box .ui.segment a.font-medium:hover {
                color: #e4002b
            }

    .agency-row #agencyList .ui.button.agancy-btnmore {
        background: #fff;
        border: 1px #e9e9eb solid
    }

        .agency-row #agencyList .ui.button.agancy-btnmore:hover {
            background: #e4002b;
            border: 1px #e4002b solid;
            color: #fff
        }

    .agency-row .agancy-show-more::after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        bottom: 20px;
        height: 105px;
        z-index: 1;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff',endColorstr='#ffffff',GradientType=0)
    }

    .agency-row .agancy-show-more.open::after {
        height: 35px
    }

    .agency-row .agancy-show-more {
        display: block;
        position: absolute;
        right: 0;
        left: 0;
        width: 100%;
        text-align: center;
        bottom: 20px;
        color: #4d4d4d;
        background: #fff;
        font-size: 16px
    }

.city-area-box {
    position: relative
}

#locationSelect h1 {
    font-size: 18px;
    text-align: center;
    margin-top: 0
}

#StepTitle {
    text-align: center;
    margin-bottom: 20px;
    display: block;
    font-weight: 500;
    margin-top: 30px
}

.page-select-city .select-city {
    padding: 10px 0 25px
}

#locationSelect {
    position: relative
}

.select-city {
    padding: 50px 0 20px
}

.page-select-city .select-city .step-actions {
    position: absolute;
    top: 0;
    right: 15px
}

.mag-image-intro {
    padding-top: 60px
}

.btn-outline a.btn-pre-go {
    margin-top: 15px;
    background: #fff;
    border: 2px #e4002b solid;
    color: #555;
    line-height: 100%;
    padding: 10px 15px;
    width: 250px;
    margin-bottom: 0
}

    .btn-outline a.btn-pre-go strong {
        font-size: 16px;
        display: block;
        margin-bottom: 5px
    }

    .btn-outline a.btn-pre-go:hover {
        background: #e4002b;
        border: 2px #e4002b solid;
        color: #fff
    }

        .btn-outline a.btn-pre-go:hover strong.color-red {
            color: #fff !important
        }

#ActiveAgency {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

@media (min-width:1400px) {
    .pre-container {
        width: 635px;
        height: 560px
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .pre-boxes {
        padding: 50px 15px 30px
    }

    a.index-boxes .font-xsmall {
        font-size: 12px !important
    }

    a.index-boxes strong {
        font-size: 15px !important;
        margin-top: 10px !important
    }
}

@media (min-width:1200px) {
    .pre-body {
        background: #d2d2d2
    }

    .pre-step {
        background: #d2d2d2;
        text-align: center
    }

        .pre-step .container {
            width: 950px
        }

        .pre-step .pre-logo {
            margin: 20px 0;
            font-size: 28px;
            font-weight: 600
        }

        .pre-step .pre-domain {
            direction: ltr;
            margin-top: 10px;
            line-height: 100%
        }

            .pre-step .pre-domain .pre-dot {
                font-size: 48px;
                margin: 0 3px
            }

        .pre-step .pre-right, .pre-step .pre-left {
            width: 450px;
            height: 400px;
            border: 3px #fff solid;
            border-radius: 20px;
            padding: 45px 30px;
            position: relative
        }

        .pre-step .pre-qube {
            border: 3px #fff solid;
            position: absolute;
            top: -15px;
            width: 90px;
            height: 90px
        }

        .pre-step .pre-right .pre-qube {
            left: -15px;
            border-right-width: 0;
            border-bottom-width: 0
        }

        .pre-step .pre-left .pre-qube {
            right: -15px;
            border-left-width: 0;
            border-bottom-width: 0
        }

        .pre-step .pre-slogan {
            width: 195px;
            margin: 0 auto
        }

            .pre-step .pre-slogan img, .pre-step .pre-slogan .pre-slogan-text {
                float: right
            }

        .pre-step .pre-right .pre-slogan .pre-slogan-text {
            font-size: 40px;
            font-weight: 500;
            margin-right: 10px
        }

        .pre-step .pre-left .pre-slogan .pre-slogan-text {
            font-size: 40px;
            font-weight: 500;
            margin-left: 10px;
            position: relative
        }

            .pre-step .pre-left .pre-slogan .pre-slogan-text small {
                position: absolute;
                font-size: 15px;
                font-weight: 600;
                display: inline-block;
                top: -3px;
                left: -5px
            }

        .pre-step .pre-right h4, .pre-step .pre-left h4 {
            font-size: 26px;
            margin: 0 0 20px;
            clear: both
        }

        .pre-step .pre-right p, .pre-step .pre-left p {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 30px;
            display: block;
            line-height: 180%
        }

        .pre-step .pre-right p {
            letter-spacing: -.5px
        }

        .pre-step .pre-left p {
            letter-spacing: 1px
        }

        .pre-step .pre-right small, .pre-step .pre-left small {
            font-size: 16px;
            font-weight: 500;
            display: block
        }

        .pre-step .pre-right {
            float: right;
            border-top-left-radius: 0
        }

        .pre-step .pre-left {
            float: left;
            border-top-right-radius: 0
        }

        .pre-step .pre-notice {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 15px
        }

        .pre-step .btn-outline a.btn-pre-go {
            margin-top: 5px;
            width: 180px;
            height: 50px;
            background: none;
            border-radius: 10px;
            line-height: 25px
        }

            .pre-step .btn-outline a.btn-pre-go:hover {
                background: #e4002b
            }

                .pre-step .btn-outline a.btn-pre-go:hover strong {
                    color: #fff
                }

            .pre-step .btn-outline a.btn-pre-go strong {
                font-size: 28px;
                margin-bottom: 0;
                color: #333
            }

    ul.pre-item-list {
        margin-right: 100px
    }

    h1 .city-title {
        font-size: 22px;
        margin-top: 12px
    }

    .services-box h5 {
        font-size: 15px;
        font-weight: 500
    }

        .services-box h5 .city-name {
            font-size: 18px;
            font-weight: 600
        }

    .main-3box-col .link-box a {
        font-size: 18px;
        font-weight: 600
    }

    .services-row .col-lg-2 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .index-boxes.overseas span small {
        font-size: 10px
    }

    .index-boxes.overseas span {
        font-size: 14px
    }

    .app-link a.index-boxes .font-xsmall {
        line-height: 200%
    }

    .app-link a.index-boxes {
        padding-top: 18px
    }

    .mag-link a.index-boxes .font-xxsmall, .mag-link a.index-boxes .font-xxsmall span {
        font-size: 12px !important;
        font-weight: 600
    }

    a.index-boxes strong {
        font-size: 16px;
        margin: 10px 0 5px;
        display: block
    }

    a.index-boxes span, a.index-boxes small {
        font-weight: 500;
        font-size: 13px
    }

    .middlebox a.index-boxes {
        padding-top: 15px
    }

        .middlebox a.index-boxes .middle-slogan {
            font-weight: 700;
            font-size: 20px
        }

    .magbox a.index-boxes {
        padding-top: 5px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .base-title, .base-title h1 {
        font-size: 18px
    }

    .index-adv-box, .adv-1box, .adv-1box a {
        height: 323px
    }

    .index-boxes, a.index-boxes {
        padding: 10px 5px
    }

        a.index-boxes small {
            font-size: 12px;
            font-weight: 500
        }

    .crosh {
        top: 20px
    }

    .services-box h5 {
        font-size: 13px;
        font-weight: 500
    }

        .services-box h5 .city-name {
            font-size: 16px;
            font-weight: 600
        }

    a.index-boxes.overseas h4 {
        font-size: 14px
    }

    .main-3box-col h2, .main-3box-col h1, .main-3box-col strong {
        font-size: 16px
    }

        .main-3box-col h2 strong, .main-3box-col h1 strong {
            font-size: 20px
        }

    .main-3box-request .link-box a {
        width: 130px
    }

    #SelectAction .main-3box-col {
        height: 83px
    }

        #SelectAction .main-3box-col .link-box a {
            width: 110px
        }

    .main-3box-col.main-3box-request .link-box {
        padding: 13px 0 10px
    }

    .services-box a {
        padding: 12px 3px !important
    }

    .user-index-boxes a.login-item {
        padding: 10px 5px
    }

    .index-services-row .services-box a.ui.inverted.blue.button small {
        font-size: 10px;
        font-weight: 600
    }

    .user-index-boxes a.login-item h5 {
        margin: 0;
        font-size: 13px;
        font-weight: 500
    }

    .agahi-4box a, .agahi-roll .agahi-box a img, .agahi-box a .hgroup {
        height: 180px
    }

        .agahi-box a .hgroup.city-index h4, .agahi-box a .hgroup.city-index strong {
            font-size: 12px
        }

    .main-3box-col > h3 {
        font-size: 14px !important;
        font-weight: 500
    }

    .main-3box-register > h3, .main-3box-search > h3 {
        font-size: 22px !important;
        font-weight: 500
    }

    .main-3box-col .link-box {
        font-size: 16px !important;
        font-weight: 600
    }

        .main-3box-col .link-box a {
            width: 180px
        }

    .main-3box-request .link-box h2 {
        font-size: 13px !important;
        font-weight: 600
    }

    .index-boxes, a.index-boxes {
        margin: 0 !important
    }

        a.index-boxes .font-xsmall {
            font-size: 11px !important
        }

        a.index-boxes .font-xxsmall {
            font-size: 10px !important
        }

    .mag-link a.index-boxes .font-xxsmall, .mag-link a.index-boxes .font-xxsmall span {
        font-size: 10px !important
    }

    .int-link a.index-boxes {
        padding-top: 20px
    }

        .int-link a.index-boxes strong {
            margin-bottom: 10px
        }

    .app-link a.index-boxes {
        padding-top: 20px
    }

        .app-link a.index-boxes .font-xsmall {
            line-height: 180%;
            letter-spacing: -.5px
        }

    .user-index-boxes a.login-item {
        padding: 10px 15px
    }

    .index-boxes.overseas span small {
        font-size: 10px
    }

    .index-boxes.overseas span {
        font-size: 12px
    }

    .namad-logo img {
        margin: 0 5px
    }

    .index-maincol .index-boxes, .index-maincol a.index-boxes {
        min-height: 80px;
        padding: 10px 5px
    }

    a.index-boxes span.color-red.en-text {
        font-size: 15px
    }

    a.index-boxes strong {
        font-size: 16px;
        margin: 8px 0 5px;
        display: block
    }

    a.index-boxes span, a.index-boxes small {
        font-weight: 500;
        font-size: 13px
    }

    .middlebox a.index-boxes {
        padding-top: 15px
    }

        .middlebox a.index-boxes .middle-slogan {
            font-weight: 700;
            font-size: 18px
        }

    .magbox a.index-boxes {
        padding-top: 5px
    }

    a.index-boxes .index-boxes-icon {
        width: 50px;
        height: 50px;
        padding: 10px;
        margin-left: 5px
    }

        a.index-boxes .index-boxes-icon img {
            width: 30px
        }

    a.index-boxes strong {
        font-size: 14px
    }

    a.index-boxes span, a.index-boxes small {
        font-weight: 500;
        font-size: 12px
    }

    .index-maincol .index-boxes, .index-maincol a.index-boxes {
        min-height: 70px;
        padding: 15px
    }
}

@media (min-width:992px) {
    .agahi-row .agahi-roll {
        height: 235px;
        overflow: hidden
    }

    .agahi-morebox {
        position: absolute;
        width: 64px;
        height: 64px;
        left: 50%;
        top: 50%;
        z-index: 100;
        text-align: center;
        margin: -35px 0 0 -35px
    }

        .agahi-morebox .label {
            width: 70px;
            height: 70px;
            border-radius: 40px;
            padding: 5px 2px;
            line-height: 18px;
            font-size: 14px;
            font-weight: 600;
            box-shadow: 0 0 3px rgba(0,0,0,.35)
        }

        .agahi-morebox .ui.red.label {
            border: 2px #fff solid !important;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            transition: all .5s ease
        }

            .agahi-morebox .ui.red.label:hover {
                border: 2px #ffdc73 solid !important;
                transform: scale(1.1)
            }

    .main-3box-col {
        height: 185px
    }

    .link-box {
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0
    }

    .services-box {
        margin-bottom: 15px
    }

    .agahi-roll {
        padding-left: 12px !important
    }

        .agahi-roll .col-md-3 {
            padding-left: 0 !important;
            padding-right: 5px !important;
            margin-bottom: 0 !important
        }

    .services-row .col-md-2.col-sm-6 {
        padding-right: 0;
        padding-left: 0
    }

    .page-select-city .select-city .maincity.itembox {
        width: 10%
    }

        .page-select-city .select-city .maincity.itembox.costal {
            width: 20%
        }

    .index-boxes .img-responsive {
        display: inline-block;
        width: 138px
    }

    .intro {
        padding: 20px 8px 0;
        height: 350px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-justify-content: center;
        justify-content: center;
        margin-bottom: 10px
    }

        .intro .polygons {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: baseline;
            -ms-flex-align: baseline;
            align-items: baseline;
            -webkit-justify-content: center;
            justify-content: center;
            width: 460px;
            height: 238px
        }

            .intro .polygons a.poly {
                width: 135px;
                height: 110px;
                font-size: 14px;
                font-weight: 700;
                color: #333
            }

            .intro .polygons .poly .color-red {
                font-size: 16px;
                font-weight: 700
            }
}

@media (max-width:991px) {
    a.show-more-city, a.show-more-city:focus {
        display: block;
        margin-bottom: 30px;
        text-align: center;
        font-size: 15px;
        margin-top: 15px;
        font-weight: 500;
        color: #666
    }

    .page-select-city .city-box #City {
        -webkit-transition: all .5s ease-in-out 0s;
        -moz-transition: all .5s ease-in-out 0s;
        -ms-transition: all .5s ease-in-out 0s;
        transition: all .5s ease-in-out 0s
    }

    .agahi-morebox {
        background: url(img/adv-more-bg.png) repeat-x center center;
        max-height: 45px;
        margin-top: 20px;
        text-align: center
    }

        .agahi-morebox .ui.label {
            border-radius: 20px;
            font-size: 15px;
            height: 35px;
            line-height: 20px;
            padding-left: 20px;
            padding-right: 20px
        }

    .agahi-row .agahi-roll {
        margin-bottom: 0
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .pre-body {
        background: #d2d2d2
    }

    .pre-step {
        background: #d2d2d2;
        text-align: center
    }

        .pre-step .container {
            width: 770px
        }

        .pre-step .pre-logo {
            margin: 20px 0;
            font-size: 26px;
            font-weight: 600
        }

        .pre-step .pre-domain {
            direction: ltr;
            margin-top: 10px;
            line-height: 100%
        }

            .pre-step .pre-domain .pre-dot {
                font-size: 48px;
                margin: 0 3px
            }

        .pre-step .pre-right, .pre-step .pre-left {
            width: 350px;
            height: 300px;
            border: 3px #fff solid;
            border-radius: 20px;
            padding: 30px 15px;
            position: relative
        }

        .pre-step .pre-qube {
            border: 3px #fff solid;
            position: absolute;
            top: -15px;
            width: 70px;
            height: 70px
        }

        .pre-step .pre-right .pre-qube {
            left: -15px;
            border-right-width: 0;
            border-bottom-width: 0
        }

        .pre-step .pre-left .pre-qube {
            right: -15px;
            border-left-width: 0;
            border-bottom-width: 0
        }

        .pre-step .pre-slogan {
            width: 195px;
            margin: 0 auto
        }

            .pre-step .pre-slogan img, .pre-step .pre-slogan .pre-slogan-text {
                float: right
            }

        .pre-step .pre-right .pre-slogan .pre-slogan-text {
            font-size: 40px;
            font-weight: 500;
            margin-right: 10px
        }

        .pre-step .pre-left .pre-slogan .pre-slogan-text {
            font-size: 40px;
            font-weight: 500;
            margin-left: 10px;
            position: relative
        }

            .pre-step .pre-left .pre-slogan .pre-slogan-text small {
                position: absolute;
                font-size: 15px;
                font-weight: 600;
                display: inline-block;
                top: -3px;
                left: -5px
            }

        .pre-step .pre-right h4, .pre-step .pre-left h4 {
            font-size: 22px;
            margin: 0 0 20px;
            clear: both
        }

        .pre-step .pre-right p, .pre-step .pre-left p {
            font-size: 17px;
            font-weight: 500;
            margin-bottom: 20px;
            display: block
        }

        .pre-step .pre-right p {
            letter-spacing: -.5px
        }

        .pre-step .pre-right small, .pre-step .pre-left small {
            font-size: 14px;
            font-weight: 500;
            display: block
        }

        .pre-step .pre-right {
            float: right;
            border-top-left-radius: 0
        }

        .pre-step .pre-left {
            float: left;
            border-top-right-radius: 0
        }

        .pre-step .pre-notice {
            font-size: 15px;
            font-weight: 500;
            margin-bottom: 15px
        }

        .pre-step .btn-outline a.btn-pre-go {
            margin-top: 5px;
            width: 180px;
            background: none;
            border-radius: 10px
        }

            .pre-step .btn-outline a.btn-pre-go:hover {
                background: #e4002b
            }

                .pre-step .btn-outline a.btn-pre-go:hover strong {
                    color: #fff
                }

            .pre-step .btn-outline a.btn-pre-go strong {
                font-size: 22px;
                margin-bottom: 0;
                color: #333
            }
}

@media (min-width:768px) {
    .agahi-roll {
        padding-left: 12px !important;
        padding-right: 5px !important;
        position: relative
    }

        .agahi-roll .col-md-3 {
            padding-left: 0 !important;
            padding-right: 5px !important;
            margin-bottom: 10px
        }

    .agahi-box a {
        padding: 0;
        background: none
    }

        .agahi-box a:hover {
            background: none
        }

    .index-services-row .services-box a.ui.inverted.blue.button:hover, .index-services-row .services-box a.ui.inverted.blue.button:focus {
        box-shadow: 0 0 0 2px #e4002b inset !important;
        color: #fff
    }

        .index-services-row .services-box a.ui.inverted.blue.button:hover .color-red, .index-services-row .services-box a.ui.inverted.blue.button:focus .color-red {
            color: #fff !important
        }

    .services-row {
        padding: 0 !important;
        margin-bottom: 30px
    }

        .services-row.city-select-index .mag-link a.index-boxes {
        }

    .mag-link a.index-boxes {
    }
}

@media (min-width:768px) and (max-width:991px) {
    .pre-step .container {
        width: 740px
    }

    .base-title, .base-title h1 {
        font-size: 14px;
        font-weight: 500
    }

    .page-select-city .select-city .maincity.itembox.costal {
        width: 40%
    }

    .page-select-city .select-city .states.itembox {
        width: 20% !important
    }

    .page-select-city .select-city .step-actions {
        top: 0;
        right: 15px
    }

    .city-item.other-box {
        margin-bottom: 15px
    }

    .main-3box-col .link-box a {
        width: 150px;
        font-size: 15px;
        font-weight: 600
    }

    .main-3box-col h2, .main-3box-col h3, .main-3box-col strong {
        font-size: 15px;
        margin: 15px 0
    }

    h1.city-title {
        font-size: 20px
    }

    .regin-main-box h1 {
        font-size: 16px
    }

    .main-3box-col h2 strong, .main-3box-col h1 strong {
        font-size: 20px
    }

    .index-maincol .index-boxes, .index-maincol a.index-boxes {
        text-align: center;
        padding: 20px 15px
    }

    a.index-boxes .index-boxes-icon {
        float: none;
        margin: 0 auto
    }

    .index-comment {
        padding: 20px 30px
    }

    .services-box {
        margin-bottom: 15px
    }

    .services-row.boxes.pad20A {
        padding-bottom: 5px !important
    }

    .services-box h5, .agahi-morebox .ui.label {
        font-size: 15px;
        font-weight: 500
    }

        .services-box h5 .city-name {
            display: block;
            margin-top: 10px;
            font-size: 18px;
            font-weight: 600
        }

    .index-boxes, a.index-boxes {
        margin: 0
    }

        .index-boxes .img-responsive {
            display: inline-block;
            width: 106px
        }

    .mag-link {
        padding: 0
    }

        .mag-link a.index-boxes {
            padding: 10px 5px
        }

            .mag-link a.index-boxes small.font-small {
                font-size: 13px !important
            }

            .mag-link a.index-boxes small.font-large {
                font-size: 16px !important
            }

    a.region-show-map {
        width: 60px
    }

    .int-link a.index-boxes {
        padding-top: 20px
    }

        .int-link a.index-boxes strong {
            margin-bottom: 3px
        }

        .int-link a.index-boxes span.color-red {
            font-size: 15px
        }

    .app-link a.index-boxes .font-xsmall {
        font-size: 10px !important
    }

    .mag-link a.index-boxes .font-xxsmall {
        font-size: 9px !important;
        letter-spacing: -.5px
    }

    .app-link a.index-boxes {
        padding-top: 12px
    }

    .main-3box-col.main-3box-request .link-box {
        padding: 8px 0 10px
    }

    .main-3box-col .link-box a:first-child {
        margin-left: 10px
    }

    .main-3box-col .link-box a {
        margin-bottom: 5px
    }

    #SelectAction .main-3box-col {
        height: 80px
    }

        #SelectAction .main-3box-col h2, #SelectAction .main-3box-col h1, #SelectAction .main-3box-col strong {
            margin: 10px 0 !important
        }

    #SelectAction .link-box {
        bottom: 4px
    }

    #SelectAction .main-3box-col .link-box a {
        width: 150px
    }

    .main-3box-request .link-box a {
        width: 160px
    }

    #SelectAction .main-3box-col .link-box a:first-child {
        margin-left: 10px
    }

    .app-box {
        margin-bottom: 20px
    }

    .index-adv-box {
        margin-top: 15px;
        padding: 0 10px
    }

    .owl-controls .owl-prev {
        left: 10px
    }

    .owl-controls .owl-next {
        right: 10px
    }

    .main-3box-col {
        height: 160px
    }

    .link-box {
        position: absolute;
        bottom: 15px;
        left: 0;
        right: 0
    }

    .services-box h5, .agahi-morebox .ui.label, .services-box a {
        font-size: 13px !important
    }

        .services-box a small {
            font-size: 11px !important
        }

    .user-index-boxes {
        margin-bottom: 20px
    }

        .user-index-boxes a.login-item, .user-index-boxes a.login-item.web-design {
            width: 30%;
            padding: 15px 20px
        }

        .user-index-boxes h4 {
            font-size: 20px !important
        }

        .user-index-boxes a.login-item {
            width: 30%
        }

            .user-index-boxes a.login-item h5, .user-index-boxes a.login-item.web-design h5 {
                font-size: 15px;
                font-weight: 600
            }

        .user-index-boxes h4 {
            margin-bottom: 10px
        }

    .main-3box-col > h3, .main-3box-col > h1, .main-3box-request > h3 {
        font-size: 18px;
        margin: 10px 0 20px
    }

    .main-3box-request .link-box a {
        width: 180px
    }

    .services-row {
        margin-bottom: 15px
    }

        .services-row .index-boxes {
            margin-bottom: 15px
        }

    .agahi-4box, .agahi-4box a {
        height: 230px
    }

    .agahi-box a .hgroup {
        padding-top: 10px
    }

    .agahi-box-color-bar {
        bottom: 50px
    }

    .intro {
        padding: 20px 8px 0;
        height: 350px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-justify-content: center;
        justify-content: center;
        margin-bottom: 10px
    }

        .intro > .lg {
            margin: 0 10px
        }

    .mag-slogan {
        font-size: 13px
    }

    .select-city .itembox a.ui.button, .select-city .itembox a.city-item, .select-city .coastal.itembox a.CityItem {
        font-size: 12px !important
    }

    .select-city .stepper-subtitle {
        margin-top: 40px !important
    }

    .index-boxes, a.index-boxes {
        padding: 15px 5px;
        min-height: 75px
    }

    .int-link a.index-boxes {
        padding-top: 25px;
        padding-bottom: 37px
    }

    .int-link.middlebox a.index-boxes {
        padding-top: 25px;
        padding-bottom: 29px
    }

    .magbox a.index-boxes {
        padding-top: 5px;
        padding-bottom: 25px
    }

    .magbox.int-link a.index-boxes span.color-red.fa-text {
        font-size: 13px;
        font-weight: 600
    }

    .mag-link a.index-boxes .font-xxsmall, .mag-link a.index-boxes .font-xxsmall span {
        font-size: 9px !important
    }

    a.index-boxes strong {
        font-size: 16px;
        margin: 13px 0 5px;
        display: block
    }

    a.index-boxes span, a.index-boxes small {
        font-weight: 500;
        font-size: 13px
    }

    .middlebox a.index-boxes {
        padding-top: 22px !important
    }

        .middlebox a.index-boxes .middle-slogan {
            font-weight: 700;
            font-size: 16px
        }

    .en-text {
        letter-spacing: 0
    }

    a.index-boxes strong {
        font-size: 14px
    }

    .index-maincol .index-boxes, .index-maincol a.index-boxes {
        text-align: center;
        padding: 20px 5px
    }
}

@media (max-width:767px) {
    .select-city .itembox a.ui.button, .select-city .itembox a.city-item, .select-city .coastal.itembox a.CityItem {
        height: 40px !important
    }

    .btn-outline a.btn-pre-go {
        padding: 10px 15px;
        width: 50%
    }

    a.btn-pre-go {
        width: calc(50% - 10px);
        float: right;
        margin: 0 5px 30px;
        font-size: 16px;
        padding: 10px 15px
    }

        a.btn-pre-go small {
            font-size: 12px
        }

    .mag-image-intro {
        padding-top: 30px;
        padding-bottom: 30px
    }

    #locationSelect h1 {
        font-size: 18px
    }

    #StepTitle .color-red {
        font-size: 13px
    }

    .page-select-city .pusher, body.page-select-city, body.pushable {
        background: #f0f0f0 !important;
        margin-bottom: 60px
    }

        .page-select-city .pusher, body.page-select-city.pushable > .pusher {
            background: #f0f0f0
        }

    .page-select-city .navbar-header {
        background: #fff
    }

    .navbar-topmenu .container {
        position: relative
    }

    .body-content {
        padding-top: 55px !important;
        margin-top: 0
    }

    .page-select-city .body-content {
        padding-top: 60px !important
    }

    .city-modal .dropdown {
        width: 100%
    }

    .page-select-city .maincity.itembox {
        width: 33.3333333%
    }

    .page-select-city .city-box {
        padding-left: 18px;
        padding-right: 8px
    }

    .index-adv-box, .adv-1box, .adv-1box a {
        height: 250px
    }

    .cloud-left, .cloud-right {
        display: none
    }

    .main-3box-row {
        padding: 0;
        background: transparent;
        box-shadow: none;
        margin-bottom: 0;
        margin-top: 0;
        min-height: 130px
    }

    .main-3box-col {
        margin-bottom: 15px;
        height: auto;
        padding: 0 5px !important
    }

    .main-3box-search, .main-3box-col {
        margin-top: 0;
        margin-bottom: 0
    }

    .main-3box-search, .main-3box-request, .main-3box-register {
        background: none;
        box-shadow: none
    }

        .main-3box-search:after, .main-3box-request:after, .main-3box-register:after {
            clear: both;
            content: " ";
            display: table
        }

    .main-3box-col.main-3box-request {
        margin: 20px 0 30px
    }

        .main-3box-col.main-3box-request .link-box a {
            height: 40px;
            line-height: 35px;
            background: #fff6e1;
            border-width: 2px;
            color: #333;
            border-radius: 4px;
            margin-top: 10px
        }

    .main-3box-col h2, .main-3box-col h1, .main-3box-col strong {
        margin: 0 !important
    }

        .main-3box-col h2 strong, .main-3box-col h1 strong {
            padding-top: 15px
        }

    .main-3box-col.main-3box-search .link-box a, .main-3box-col.main-3box-register .link-box a {
        width: 48.5%;
        border-radius: 30px;
        height: 56px;
        line-height: 50px !important;
        float: left;
        margin: 0 0 15px;
        box-shadow: 0 2px 4px rgba(0,0,0,.05);
        border: 3px #e4002b solid
    }

    .main-3box-col .link-box a:first-child {
        margin-left: 0;
        float: right
    }

    .main-3box-request .link-box a {
        width: 45%
    }

    .main-row {
        padding-left: 0
    }

    .int-link a, .mag-link a {
        display: block !important
    }

    .int-link {
        padding-right: 0;
        padding-left: 10px
    }

        .int-link a.index-boxes strong {
            font-size: 18px;
            margin: 5px 0 10px;
            display: block
        }

        .int-link a.index-boxes span.color-red {
            font-size: 18px;
            margin-bottom: 8px;
            display: block
        }

    .mag-link {
        padding-left: 0;
        padding-right: 10px;
        text-align: center
    }

        .mag-link a.index-boxes strong {
            font-size: 18px;
            margin: 5px 0 10px;
            display: block
        }

        .mag-link .img-responsive {
            display: inline-block;
            width: 112px
        }

    .int-link a.index-boxes {
        padding-top: 15px
    }

    .int-box a.index-boxes {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .index-boxes, a.index-boxes {
        min-height: 50px;
        padding: 15px 20px;
        margin-bottom: 15px;
        text-align: right
    }

        a.index-boxes strong {
            font-size: 16px
        }

        a.index-boxes span, a.index-boxes small {
            font-weight: 400;
            font-size: 13px
        }

    .mag-link a.index-boxes small.font-small {
        font-size: 14px !important
    }

    .mag-link a.index-boxes small.font-large {
        font-weight: 600;
        font-size: 16px !important
    }

    a.index-boxes.int-indexbox small {
        font-size: 14px;
        letter-spacing: 1px
    }

    a.index-boxes strong {
        margin: 7px 0
    }

    a.index-boxes .index-boxes-icon {
        width: 60px;
        height: 60px;
        background: #eee;
        border-radius: 30px;
        margin-left: 10px;
        float: right;
        padding: 10px
    }

        a.index-boxes .index-boxes-icon img {
            width: 40px
        }

    span.index-boxes-arrow {
        position: absolute;
        left: 10px;
        top: 14px;
        display: block;
        font-size: 18px !important
    }

        span.index-boxes-arrow.agency-arrow {
            top: 22px
        }

    .page-select-city #locationSelect h3 {
        font-size: 16px;
        margin-bottom: 30px
    }

    .page-select-city .select-city .step-actions #BackToMainCities, .page-select-city .select-city .step-actions #BackToOtherLocations {
        font-size: 14px
    }

    .page-select-city .select-city .step-actions {
        top: 0
    }

    .select-city .stepper-subtitle {
        margin-bottom: 15px !important;
        margin-top: 40px !important
    }

    .page-select-city .int-link h4 {
        margin: 10px 0 10px
    }

    .page-select-city .mag-link small {
        font-size: 12px
    }

    .main-row .col-sm-4 {
        padding-left: 0
    }

    .main-3box-col .link-box {
        padding: 0
    }

    .message-box {
        margin-bottom: 15px
    }

    .agent-message {
        padding-top: 10px !important
    }

        .agent-message span {
            display: block;
            text-align: center
        }

        .agent-message .ui.button {
            margin: 5px 0 0 !important
        }

    .index-comment {
        padding: 20px 30px
    }

    .services-row.city-select-index {
        padding: 0 25px !important
    }

    .page-select-city .select-city {
        padding: 10px 0 5px
    }

    .services-box {
        margin-bottom: 10px
    }

    .page-select-city .int-link h4 {
        margin: 0 0 10px
    }

    .services-box h5 {
        margin-bottom: 0 !important;
        font-size: 15px !important;
        line-height: 130%
    }

    .services-row.boxes.pad20A {
        padding-bottom: 5px !important
    }

    .pos-relative span.font-large {
        font-size: 15px !important
    }

    .services-box h5, .agahi-morebox .ui.label {
        font-size: 14px;
        font-weight: 500
    }

    .page-select-city .mag-link small {
        font-size: 14px
    }

    .main-3box-col h2 strong, .main-3box-col h1 strong, .main-3box-col h2, .main-3box-col h1 {
        font-size: 20px;
        font-weight: 600
    }

    .main-3box-col .link-box {
        font-size: 14px !important;
        font-weight: 600 !important
    }

    .user-index-boxes h4 {
        margin-bottom: 10px
    }

    .agahi-row {
        padding: 20px 0
    }

    .agahi-roll .col-md-3 {
        padding-right: 17px;
        padding-left: 17px
    }

    .agahi-4box, .agahi-4box a {
        width: 100%;
        padding: 0;
        margin: 0 0 15px
    }

        .agahi-4box a:hover {
            background: none
        }

    .agahi-box-img {
        height: 180px;
        overflow: hidden;
        border-radius: 4px 4px 0 0;
        position: relative
    }

    .agahi-roll .agahi-box a img {
        height: auto;
        width: 100%;
        min-height: 180px
    }

    .agahi-box a .hgroup {
        background: none;
        position: relative;
        height: 50px;
        width: 100%;
        bottom: 0;
        padding-top: 12px
    }

    .agahi-4box {
        height: 250px
    }

        .agahi-box-img, .agahi-4box a {
            height: 250px
        }

    .agahi-roll .agahi-box a img {
        max-height: 200px;
        min-height: 200px
    }

    .agahi-box a .hgroup {
        padding-top: 10px
    }

    .owl-controls .owl-prev, .owl-controls .owl-next {
        top: 35%
    }

    .agahi-roll .owl-controls .owl-prev {
        left: 1px
    }

    .agahi-roll .owl-controls .owl-next {
        right: 1px
    }

    .owl-carousel .owl-item img {
        height: 180px
    }

    .agahi-morebox {
        margin: 10px 10px 0
    }

        .agahi-morebox .ui.label {
            line-height: 20px
        }

    .app-box {
        float: right;
        margin-bottom: 20px;
        width: 50%
    }

    .agent-message {
        background: #fff;
        border-radius: 2px;
        box-shadow: 0 1px 2px rgba(0,0,0,.25);
        padding: 15px;
        font-size: 14px
    }

    .main-3box-register, .main-3box-search, .main-3box-request {
        border-width: 0
    }

    .index-adv-box {
        margin-top: 15px;
        padding: 0 10px
    }

    .index-adv-box, .adv-1box, .adv-1box a {
        height: 300px
    }

    .index-services-row .services-box {
        width: 50% !important
    }

    .services-box h5, .agahi-morebox .ui.label, .services-box a {
        font-size: 13px !important
    }

        .services-box a small {
            font-size: 11px !important
        }

    .user-index-boxes {
        margin: 0 4%;
        box-shadow: none;
        border: 2px #c0c0c4 solid;
        padding: 10px 0
    }

        .user-index-boxes h4 {
            font-size: 13px !important
        }

        .user-index-boxes a.login-item {
            width: 120px
        }

            .user-index-boxes a.login-item.web-design {
                width: 140px
            }

            .user-index-boxes a.login-item.web-design {
                margin-top: 8px
            }

    .services-row {
        margin-top: 10px !important;
        padding: 0 10px
    }

        .services-row .white-box {
            background: transparent
        }

        .services-row .boxes-shadow {
            box-shadow: none
        }

        .services-row .pad20A {
            padding: 0 !important
        }

    .services-box h5, .agahi-morebox .ui.label, .services-box a {
        font-size: 12px !important
    }

    .services-box a {
        background: #fff !important
    }

    .main-3box-request > h3 {
        margin: 0;
        font-size: 13px
    }

    .mag-row {
        font-size: 20px;
        padding: 20px 0
    }

        .mag-row small {
            font-size: 16px;
            display: block
        }

        .mag-row .ui.button {
            margin: 10px 0 0
        }

    .main-3box-col .link-box a:hover h2, .main-3box-col .link-box a:focus h2 {
        color: #fff !important
    }

    .job-link, .job-link:hover {
        box-shadow: 0 0 0 2px rgba(34,36,38,.15) inset !important
    }

    .seolink-items {
        padding: 0 10px
    }

        .seolink-items h6 a {
            margin: 0 0 10px
        }

    section.agency-row .container {
        padding: 0 20px
    }

    .footer {
        background: #ebebed;
        border-top: 1px #d9dbdf solid
    }

    .pre-body, .pre-body.pushable {
        padding-bottom: 70px !important
    }

        .pre-body .pusher .iwf-link {
            display: none !important
        }

    .fixed-button {
        position: fixed;
        width: 100%;
        bottom: 0;
        z-index: 10000;
        background: #f0f0f0;
        box-shadow: 0 -3px 5px rgba(0,0,0,.15);
        padding-top: 10px;
        left: 0;
        right: 0
    }

        .fixed-button a.btn-pre-go {
            margin-bottom: 12px;
            margin-top: 5px
        }

    a.btn-pre-go {
        font-size: 14px;
        float: none
    }

        a.btn-pre-go small {
            font-size: 10px
        }

    .intro {
        padding: 0 8px;
        height: auto;
        margin-bottom: 30px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: normal;
        justify-content: normal
    }

        .intro > .lg {
            margin: 0 40px
        }

            .intro > .lg:last-child {
                margin: -25px 40px 0
            }

    .mag-slogan {
        font-size: 15px
    }

    .mag-col {
        padding-top: 60px;
        margin-top: 10px
    }

    .radiomelk-logo {
        position: absolute;
        bottom: 10px;
        width: 80px;
        right: calc(50% - 40px)
    }

    body.pre-body, .pre-body .pusher {
        background: #d2d2d2 !important
    }

    .pre-body .body-content {
        padding-top: 0 !important
    }

    .pre-body .mobile-link {
        display: none !important
    }

    .pre-step {
        background: #d2d2d2;
        text-align: center
    }

        .pre-step .container {
            padding: 0 25px !important
        }

        .pre-step .pre-logo {
            margin: 20px 0;
            font-size: 22px;
            font-weight: 600
        }

        .pre-step .pre-domain {
            direction: ltr;
            line-height: 100%
        }

            .pre-step .pre-domain .pre-dot {
                font-size: 48px;
                margin: 0 3px
            }

        .pre-step .pre-right, .pre-step .pre-left {
            width: 48%;
            height: 280px;
            border: 3px #fff solid;
            border-radius: 20px;
            padding: 25px 15px
        }

        .pre-step .pre-qube {
            display: none
        }

        .pre-step .pre-slogan {
            width: 158px;
            margin: 0 auto
        }

            .pre-step .pre-slogan img, .pre-step .pre-slogan .pre-slogan-text {
                float: right
            }

            .pre-step .pre-slogan img {
                width: 80px;
                height: 35px
            }

        .pre-step .pre-right .pre-slogan .pre-slogan-text {
            font-size: 32px;
            font-weight: 500;
            margin-right: 10px
        }

        .pre-step .pre-left .pre-slogan .pre-slogan-text {
            font-size: 32px;
            font-weight: 500;
            margin-left: 10px;
            position: relative
        }

            .pre-step .pre-left .pre-slogan .pre-slogan-text small {
                position: absolute;
                font-size: 13px;
                font-weight: 600;
                display: inline-block;
                top: -3px;
                left: -5px
            }

        .pre-step .pre-right h4, .pre-step .pre-left h4 {
            font-size: 16px;
            margin: 0 0 10px;
            clear: both
        }

        .pre-step .pre-right p, .pre-step .pre-left p {
            font-size: 15px;
            font-weight: 500;
            margin-bottom: 20px;
            display: block
        }

        .pre-step .pre-right p {
            letter-spacing: 0
        }

        .pre-step .pre-right small, .pre-step .pre-left small {
            font-size: 14px;
            font-weight: 500;
            display: block
        }

        .pre-step .pre-right {
            float: right;
            border: 2px #fff solid;
            border-top-left-radius: 0
        }

        .pre-step .pre-left {
            float: left;
            border: 2px #fff solid;
            border-top-right-radius: 0
        }

        .pre-step .pre-notice {
            font-size: 15px;
            font-weight: 500;
            margin-bottom: 15px
        }

        .pre-step .btn-outline a.btn-pre-go {
            margin-top: 5px;
            width: 180px;
            background: none;
            border-radius: 10px
        }

        .pre-step .pre-left .btn-outline a.btn-pre-go {
            margin-top: 5px;
            width: 180px;
            background: none;
            border-radius: 10px;
            animation-delay: 1s
        }

        .pre-step .btn-outline a.btn-pre-go:hover {
            background: #e4002b
        }

            .pre-step .btn-outline a.btn-pre-go:hover strong {
                color: #fff
            }

        .pre-step .btn-outline a.btn-pre-go strong {
            font-size: 22px;
            margin-bottom: 0;
            color: #333
        }

        .pre-step .pre-m-block {
            display: block
        }

        .pre-step .pre-notice .pre-m-block {
            display: inline-block
        }

    #najva-subscribe-bell {
        display: none !important
    }

    a.mobile-link {
        font-size: 18px;
        color: #333;
        font-weight: 600;
        padding-top: 5px
    }

    a.mobile-intro {
        position: relative;
        padding-top: 8px;
        height: 68px;
        box-shadow: none;
        margin: 0 15px;
        width: auto;
        border-radius: 10px;
        border: 2px #fff solid;
        font-size: 18px;
        color: #333;
        font-weight: 600
    }

    .main-3box-row {
        padding-top: 70px
    }

    .middlebox a.index-boxes {
        padding-top: 12px !important;
        padding-bottom: 20px
    }

        .middlebox a.index-boxes .middle-slogan {
            font-weight: 700;
            font-size: 16px
        }
}

@media (min-width:621px) and (max-width:767px) {
    .agahi-roll {
        padding: 0 10px 0 25px
    }

        .agahi-roll .col-md-3 {
            width: 50%;
            float: right;
            padding-left: 0
        }

    .magbox a.index-boxes {
        padding-top: 5px !important;
        padding-bottom: 19px
    }

    .magbox.mag-link a.index-boxes span.color-red.fa-text {
        font-size: 14px;
        font-weight: 600
    }
}

@media (max-width:620px) {
    .services-row.city-select-index {
        padding: 0 15px !important
    }

    .services-row {
        padding: 0 5px
    }

        .magbox a.index-boxes, .services-row.city-select-index .magbox a.index-boxes {
            padding-top: 5px !important;
            padding-bottom: 19px
        }

        .magbox.mag-link a.index-boxes span.color-red.fa-text, .services-row.city-select-index .magbox.mag-link a.index-boxes span.color-red.fa-text {
            font-size: 13px;
            font-weight: 600
        }
}

@media (max-width:640px) {
    .col-ts-6 {
        width: 50% !important;
        float: right !important
    }

        .col-ts-6 h1, .col-ts-6 h2 {
            font-size: 19px
        }

    .main-3box-row {
        min-height: 130px
    }

    .services-box {
        margin-bottom: 8px
    }

        .services-box h5, .agahi-morebox .ui.label {
            font-size: 15px;
            font-weight: 500
        }

    .main-3box-col h2 strong, .main-3box-col h1 strong, .main-3box-col h2, .main-3box-col h1 {
        font-size: 17px
    }

    .index-adv-box {
        margin-top: 15px;
        padding: 0 10px
    }

    .index-adv-box, .adv-1box, .adv-1box a {
        min-height: 230px;
        max-height: 230px
    }

    .main-3box-col .link-box a h3.font-medium {
        font-size: 14px !important
    }

    .main-row {
        padding-left: 0
    }

    .agahi-4box {
        height: 280px
    }

        .agahi-box-img, .agahi-4box a {
            height: 280px
        }

    .agahi-roll .agahi-box a img {
        min-height: 230px;
        max-height: 230px
    }
}

@media (max-width:580px) {
    .page-select-city .mag-link small {
        font-size: 14px;
        display: block;
        font-weight: 500
    }

    .services-row .mag-link small {
        font-weight: 500;
        font-size: 14px
    }

    .int-link a.index-boxes strong {
        font-size: 18px
    }
}

@media (max-width:520px) {
    .main-3box-col .link-box a h3.font-medium {
        font-size: 13px !important
    }

    .mag-link .img-responsive {
        display: inline-block;
        width: 100px
    }

    .page-select-city .maincity.itembox.col-xs-12 {
        width: 100%
    }
}

@media (min-width:480px) and (max-width:520px) {
    .pre-step .pre-right p {
        letter-spacing: -.7px
    }
}

@media (min-width:480px) and (max-width:620px) {
    .agahi-roll {
        padding: 0 0 0 15px
    }

        .agahi-roll .col-md-3 {
            width: 50%;
            float: right;
            padding-left: 0
        }

    a.index-boxes strong {
        font-size: 16px !important
    }

    a.index-boxes span, a.index-boxes small {
        font-weight: 500;
        font-size: 13px
    }
}

@media (min-width:480px) and (max-width:767px) {
    .pre-step .pre-left p {
        letter-spacing: -.5px
    }

    .int-box.col-xs-6 {
        width: 100%;
        float: none;
        clear: both;
        padding-left: 0;
        padding-top: 15px
    }
}

@media (min-width:360px) and (max-width:479px) {
    .pre-step .pre-logo {
        font-size: 20px
    }

    .pre-step .pre-domain .pre-dot {
        font-size: 40px
    }

    .pre-step .pre-right, .pre-step .pre-left {
        width: 48%;
        min-height: 300px;
        height: 100%;
        border: 3px #fff solid;
        border-radius: 20px;
        padding: 25px 15px 25px
    }

    .pre-step .pre-slogan {
        width: 120px;
        margin: 0 auto
    }

        .pre-step .pre-slogan img, .pre-step .pre-slogan .pre-slogan-text {
            float: right
        }

        .pre-step .pre-slogan img {
            width: 60px;
            height: 26px
        }

    .pre-step .pre-right .pre-slogan .pre-slogan-text {
        font-size: 24px;
        font-weight: 500;
        margin-right: 10px
    }

    .pre-step .pre-left .pre-slogan .pre-slogan-text {
        font-size: 24px;
        font-weight: 500;
        margin-left: 10px;
        position: relative
    }

        .pre-step .pre-left .pre-slogan .pre-slogan-text small {
            position: absolute;
            font-size: 12px;
            font-weight: 600;
            display: inline-block;
            top: -5px;
            left: -7px
        }

    .pre-step .pre-right h4, .pre-step .pre-left h4 {
        font-size: 16px;
        margin: 0 0 10px;
        clear: both
    }

    .pre-step .pre-right p, .pre-step .pre-left p {
        font-size: 13px;
        font-weight: 500;
        margin-bottom: 20px;
        display: block
    }

    .pre-step .pre-right p {
        letter-spacing: 0
    }

    .pre-step .pre-right small, .pre-step .pre-left small {
        font-size: 14px;
        font-weight: 500;
        display: block
    }

    .pre-step .pre-right {
        float: right;
        border: 2px #fff solid;
        border-top-left-radius: 0
    }

    .pre-step .pre-left {
        float: left;
        border: 2px #fff solid;
        border-top-right-radius: 0
    }

    .pre-step .pre-notice .pre-m-block {
        display: inline-block
    }

    .pre-step .pre-notice {
        font-size: 11px;
        font-weight: 500;
        margin-bottom: 15px
    }

        .pre-step .pre-notice .pre-m-block {
            display: inline-block
        }

    .pre-step .btn-outline a.btn-pre-go {
        margin: 5px 0 0;
        width: 100% !important;
        background: none;
        border-radius: 10px
    }

        .pre-step .btn-outline a.btn-pre-go:hover {
            background: #e4002b
        }

            .pre-step .btn-outline a.btn-pre-go:hover strong {
                color: #fff
            }

        .pre-step .btn-outline a.btn-pre-go strong {
            font-size: 22px;
            margin-bottom: 0;
            color: #333
        }
}

@media (max-width:479px) {
    .page-select-city .mag-link small {
        font-size: 14px;
        margin-top: 4px;
        display: block;
        font-weight: 500
    }

    .services-row .mag-link a.index-boxes small.font-small {
        font-size: 14px !important;
        font-weight: 600
    }

    .services-row .mag-link a.index-boxes small.font-large {
        font-size: 16px !important
    }

    .services-row .mag-link small.font-xxsmall {
        display: block !important
    }

    a.index-boxes span, a.index-boxes small {
        font-weight: 500;
        font-size: 15px
    }

    .mag-link a.index-boxes .font-xxsmall, .mag-link a.index-boxes .font-xxsmall span {
        font-size: 13px !important
    }

    .pre-title {
        font-size: 12px
    }

    ul.pre-item-list {
        margin-right: 40px
    }

    .pre-context {
        font-size: 13px
    }

    ul.pre-item-list li {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 10px
    }

    .btn-outline a.btn-pre-go {
        padding: 10px 5px
    }

    .page-select-city #locationSelect h3 {
        font-size: 15px;
        margin-bottom: 30px
    }

    .main-3box-col h2, .main-3box-col h1, .main-3box-col strong {
        font-size: 18px;
        margin-bottom: 5px
    }

        .main-3box-col h2 strong {
            font-size: 18px
        }

        .main-3box-col h2 strong, .main-3box-col h1 strong {
            padding-top: 10px
        }

        .main-3box-col h2 strong, .main-3box-col h1 strong, .main-3box-col h2, .main-3box-col h1 {
            font-size: 16px
        }

    .app-box {
        float: none;
        width: 100%
    }

    .app-box {
        text-align: center !important
    }

    .index-adv-box {
        margin-top: 15px;
        padding: 0 10px
    }

    .index-adv-box, .adv-1box, .adv-1box a {
        height: 180px
    }

    .main-3box-col.main-3box-search .link-box a, .main-3box-col.main-3box-register .link-box a {
        margin: 0 0 10px
    }

    .services-box {
        margin-bottom: 8px;
        display: table
    }

        .services-box .ui.inverted.blue.button, .services-box .ui.inverted.blue.buttons .button {
            display: table-cell;
            height: 50px;
            vertical-align: middle
        }

    .agahi-4box {
        height: 245px
    }

        .agahi-box-img, .agahi-4box a {
            height: 245px
        }

    .agahi-roll .agahi-box a img {
        min-height: 180px;
        max-height: 200px
    }

    .ui.button {
        padding: 12px 10px
    }

    .int-link a {
        margin: 10px 10px 20px 7px !important;
        padding: 15px 10px
    }

    .mag-link a {
        margin: 10px 7px 20px 10px !important
    }

    .intro {
        padding: 0 8px;
        height: auto;
        margin-bottom: 30px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: normal;
        justify-content: normal
    }

    .mag-slogan {
        font-size: 12px;
        font-weight: 700
    }

    .mag-col {
        padding-top: 70px;
        margin-top: 10px
    }

        .mag-col .polygons {
            margin-bottom: 0
        }

    .newpoly {
        width: 315px;
        height: 197px
    }

    #hexagon {
        width: 120px;
        height: 95px;
        background: transparent url(img/poly-item-xs.png) no-repeat center center;
        position: absolute
    }

    a.hexagon-text .color-red {
        font-size: 13px
    }

    a.hexagon-text {
        padding-top: 25px;
        font-size: 12px
    }

    #hexagon::before {
        left: -30px;
        border-top: 45px solid transparent;
        border-right: 30px solid #fff;
        border-bottom: 45px solid transparent
    }

    #hexagon::after {
        right: -30px;
        border-top: 45px solid transparent;
        border-left: 30px solid #fff;
        border-bottom: 45px solid transparent
    }

    .pcntr {
        left: 98px;
        top: 50px
    }

    .radiomelk-logo {
        position: absolute;
        bottom: 0;
        width: 80px;
        right: calc(50% - 40px)
    }

        .radiomelk-logo img {
            width: 50px;
            height: 22px
        }

    .int-link, .mag-link {
        width: 100%;
        padding: 0
    }

    .services-row.city-select-index {
        padding: 15px !important
    }

    .int-link a {
        margin: 0 !important
    }

    .mag-link a {
        margin: 0 !important
    }

    .services-row {
        padding: 0 5px
    }

        .services-row .mag-link {
            padding-bottom: 15px;
            margin-top: 20px
        }

    .page-select-city .int-link a {
        margin: 0 !important
    }

    a.index-boxes span, a.index-boxes small {
        font-weight: 500;
        font-size: 14px
    }

    span.index-boxes-arrow {
        left: 10px
    }

    .magbox a.index-boxes, .services-row.city-select-index .magbox a.index-boxes {
        padding-top: 5px !important;
        padding-bottom: 19px
    }

    .magbox.mag-link a.index-boxes span.color-red.fa-text, .services-row.city-select-index .magbox.mag-link a.index-boxes span.color-red.fa-text {
        font-size: 14px;
        font-weight: 600
    }

    .index-boxes, a.index-boxes {
        padding: 10px
    }

        a.index-boxes .index-boxes-icon {
            width: 50px;
            height: 50px
        }

            a.index-boxes .index-boxes-icon img {
                width: 30px
            }

        .index-boxes, a.index-boxes strong {
            margin: 5px 0 5px
        }
}

@media (min-width:401px) and (max-width:479px) {
    .services-row .mag-link a.index-boxes small.font-xxsmall {
        font-size: 13px !important
    }

    .services-row .col-xs-6 a.index-boxes strong {
        font-size: 14px
    }

    a.index-boxes strong {
        font-size: 15px
    }
}

@media (max-width:450px) {
    .user-index-boxes h4 {
        margin-bottom: 15px
    }
}

@media (min-width:380px) and (max-width:400px) {
    .pre-step .pre-left p {
        letter-spacing: -.7px
    }
}

@media (max-width:400px) {
    a.btn-pre-go small {
        font-size: 9px;
        font-weight: 700
    }

    .link-box a h3.font-medium {
        font-size: 14px !important
    }

    .services-box .ui.inverted.blue.button, .services-box .ui.inverted.blue.buttons .button {
        height: 50px
    }

    .ui.inverted.blue.button, .ui.inverted.blue.buttons .button {
        padding: 10px 5px
    }

    .main-3box-col .link-box a h3.font-medium {
        font-weight: 500 !important
    }

    .select-city .itembox a.ui.button, .select-city .itembox a.city-item, .select-city .coastal.itembox a.CityItem {
        font-size: 13px !important
    }

    .fixed-button a.btn-pre-go strong {
        font-size: 14px
    }

    .agahi-4box {
        height: 245px
    }

    .mag-link a.index-boxes .font-xxsmall, .mag-link a.index-boxes .font-xxsmall span {
        font-size: 11px !important
    }

    .services-row .col-xs-6 {
        width: 100%
    }

    a.index-boxes.int-indexbox {
        letter-spacing: -.5px
    }

    a.index-boxes strong {
        font-size: 15px
    }

    a.index-boxes span, a.index-boxes small {
        font-weight: 500 !important;
        font-size: 13px
    }
}

@media (max-width:380px) {
    .index-adv-box, .adv-1box, .adv-1box a {
        height: 150px
    }

    .main-3box-col .link-box {
        font-size: 13px !important;
        font-weight: 600 !important
    }

    .main-3box-request h3 {
        font-size: 13px
    }

    .fixed-button a.btn-pre-go small {
        font-size: 9px
    }

    .fixed-button a.btn-pre-go {
        width: 60%
    }
}

@media (max-width:359px) {
    .pre-step .pre-logo {
        margin: 10px 0;
        font-size: 18px
    }

        .pre-step .pre-logo img {
            width: 80px;
            height: 35px
        }

    .pre-step .pre-domain .pre-dot {
        font-size: 32px
    }

    .pre-step .pre-slogan {
        width: 120px
    }

        .pre-step .pre-slogan img {
            width: 60px;
            height: 26px
        }

    .pre-step .pre-right .pre-slogan .pre-slogan-text {
        font-size: 24px
    }

    .pre-step .pre-left .pre-slogan .pre-slogan-text {
        font-size: 24px
    }

        .pre-step .pre-left .pre-slogan .pre-slogan-text small {
            font-size: 12px;
            top: -5px;
            left: -7px
        }

    .pre-step .pre-right h4, .pre-step .pre-left h4 {
        font-size: 13px;
        margin: 0 0 10px;
        clear: both
    }

    .pre-step .pre-notice .pre-m-block {
        display: inline-block
    }

    .pre-step .pre-right, .pre-step .pre-left {
        min-height: 245px;
        padding: 20px 10px;
        height: auto
    }

        .pre-step .pre-right p, .pre-step .pre-left p {
            font-size: 12px;
            font-weight: 500;
            margin: 10px 0;
            display: block
        }

        .pre-step .pre-right small, .pre-step .pre-left small {
            font-size: 13px
        }

    .pre-step .pre-notice {
        font-size: 11px
    }

    .pre-step .btn-outline a.btn-pre-go, .pre-step .pre-left .btn-outline a.btn-pre-go {
        margin: 5px 0 0;
        width: 120px;
        background: none;
        border-radius: 10px
    }

        .pre-step .btn-outline a.btn-pre-go:hover {
            background: #e4002b
        }

            .pre-step .btn-outline a.btn-pre-go:hover strong {
                color: #fff
            }

        .pre-step .btn-outline a.btn-pre-go strong {
            font-size: 18px;
            margin-bottom: 0;
            color: #333
        }

    .pre-step .pre-m-block {
        display: inline-block
    }

    a.index-boxes strong {
        font-size: 14px
    }

    a.index-boxes span, a.index-boxes small {
        font-weight: 500 !important;
        font-size: 11px
    }

    a.index-boxes.int-indexbox small {
        font-size: 10px
    }
}

@media (max-width:340px) {
    .pre-step .pre-m-block {
        display: inline-block
    }

    .pre-step .pre-notice {
        font-size: 10px
    }

    .pre-step .pre-right h4, .pre-step .pre-left h4 {
        font-size: 11px
    }

    .pre-step .pre-right p, .pre-step .pre-left p {
        font-size: 10px
    }

    .pre-step .pre-right, .pre-step .pre-left {
        min-height: 215px
    }
}

@media (max-width:320px) {
    .page-select-city .maincity.itembox {
        width: 50%
    }

    .main-3box-col .link-box h2 {
        font-size: 13px !important;
        font-weight: 600
    }

    .link-box a h3.font-medium {
        font-size: 12px !important
    }

    .services-box .ui.inverted.blue.button, .services-box .ui.inverted.blue.buttons .button {
        height: 50px
    }

    .ui.inverted.blue.button, .ui.inverted.blue.buttons .button {
        padding: 10px 5px
    }

    .main-3box-col .link-box a {
        line-height: 150% !important
    }

    .main-3box-col.main-3box-request .link-box a {
        height: auto;
        padding: 15px 0
    }
}

@media (max-width:316px) {
    .mag-row small {
        display: inline-block
    }
}