@media (max-width: 375px) {
    #surveys .surv-title {
        line-height: normal;
        font-size: 33px
    }

    #surveys .surv-desc {
        line-height: normal;
        margin-top: 20px;
        font-size: 18px
    }

    #surveys .surveys-content {
        margin-top: 10px
    }

    #surveys .inline-step .item {
        padding-right: 19px
    }

    #surveys .inline-step .num {
        width: 39px;
        height: 39px;
        font-size: 20px
    }

    #surveys .surv-ques h2 strong {
        font-size: 16px
    }

    #surveys .surv-ques h2 {
        font-size: 17px
    }

    #surveys .question {
        font-size: 15px
    }
}

@media (max-width: 320px) {
    #surveys .surveys-content {
        margin-top: -10px
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width :480px) and (orientation :landscape) {
    #surveys .surveys-content {
        margin-top: 20px
    }

    #surveys .inline-step .item {
        padding-right: 50px
    }

    #surveys .question .surv-center .surv-sub {
        padding-right: 0;
        display: block !important
    }

    #surveys .question .inline-group {
        margin-top: 0 !important;
        width: calc(100% + 20px)
    }

    #surveys .question .surv-center .surv-sub li {
        text-align: center !important
    }

    #surveys .question .surv-center .surv-sub li:first-child input {
        left: -12px
    }

    #surveys .surveys-form .surv-ques .col-md-6 {
        flex: 0 0 40%
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width :1024px) and (orientation :landscape) {
    .col-md-8 {
        -ms-flex: 0 0 83%;
        flex: 0 0 83%;
        max-width: 83%
    }

    .page-index .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    #surveys .inline-group>li.surv-center {
        flex: 0 0 100%;
        max-width: 100%
    }

    .main-navi ul li {
        margin: 0 5px
    }
}

@media print {
    #surveys-print, body, html {
        background-color: #fff
    }

    #surveys-print .inline-info>p, #surveys-print .survp-sub {
        font-size: 1.2rem !important
    }

    .main-content * {
        display: none
    }

    *, :after, :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    h2, h3 {
        orphans: 3;
        widows: 3;
        page-break-after: avoid
    }

    #surveys-print {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 20px;
        margin-top: 100px;
        display: block
    }

    .to-print {
        display: revert
    }

    #surveys-print * {
        line-height: 35px !important;
        display: revert
    }

    #surveys-print h2 {
        font-size: 26px
    }

    #surveys-print .inline-info {
        clear: both
    }

    #surveys-print .inline-info>span {
        margin-right: 30px;
        display: inline-block;
        font-size: 1.2rem !important;
        line-height: 35px
    }

    #surveys-print #survp-email {
        display: inline-block;
        margin-top: -5px;
        margin-left: 5px
    }

    #surveys-print #survp-score {
        font-weight: 700;
        font-size: 32px
    }

    #surveys-print .survp-inline {
        line-height: 35px
    }

    #surveys-print .survp-sub {
        margin-bottom: 0 !important;
        margin-left: 20px
    }

    #surveys-print .survp-ans {
        margin-bottom: 0 !important;
        font-size: 1.1rem !important;
        margin-left: 40px
    }

    #surveys-print .sub-num {
        display: inline;
        padding-bottom: 20px;
        float: left;
        margin-right: 5px
    }

    #surveys-print h3 {
        font-size: 1.7rem !important
    }

    #surveys-print .size-md, #surveys-print h4, #surveys-print h5 {
        margin-bottom: 0 !important;
        font-size: 1.2rem !important
    }

    #surveys-print strong {
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 700
    }

    #survey__footer a, #survey__footer strong {
        color: #00f !important
    }
}