@media(max-width:1400px) {
    body .multiple-service {
        width: calc(100% - 65px);
        height: 40px;
    }

        body .multiple-service .header .header-right .back {
            line-height: 33px;
        }
        
        body .multiple-service .header .header-right .actions {
            line-height: 40px;
        }

            body .multiple-service .header .header-right .actions div.action-wrapper {
                height: 40px;
                width: 45px;
            }
            
            body .multiple-service .header .header-right .actions div > i {
                font-size: 0.9em;
            }

        body .multiple-service .header .header-left .controls {
            width: 180px;
        }

            body .multiple-service .header .header-left .controls .control-link-wrapper {
                line-height: 28px;
            }

            body .multiple-service .header .header-left .controls a {
                line-height: 28px;
            }

        body .multiple-service .header .header-right .actions div.action-wrapper .action-label {
            font-size: 8px;
            bottom: 8px;
        }
}

@media(max-width:1600px) { 
    body .multiple-service .header .header-right .actions div.action-wrapper {
        width: 50px;
    }
}

.multiple-service {
    width: calc(100% - 140px);
    position: fixed;
    background-color: #edf4fd;
    height: 59px;
    top: 0;
    z-index: 5;
}

    .multiple-service .header .header-right {
        text-align: right;
        direction: rtl;
    }

        .multiple-service .header .header-right .back:hover {
            opacity: 1;
        }

        .multiple-service .header .header-right .back {
            padding-right: 30px;
            line-height: 55px;
            opacity: 0.7;
            cursor: pointer;
            font-size: 20px;
        }

            .multiple-service .header .header-right .back > span {
                margin-left: 20px;
            }

            .multiple-service .header .header-right .back .icon {
                font-size: 1.4em;
            }

        .multiple-service .header .header-right .selected {
            margin-right: 50px;
        }

        .multiple-service .header .header-right .actions div > i:hover {
            opacity: 1;
        }

        .multiple-service .header .header-right .actions {
            float: left;
            direction: ltr;
            line-height: 59px;
            margin-left: 5px;
            cursor: pointer;
        }

            .multiple-service .header .header-right .actions div > i {
                color: #707070;
                position: relative;
                transition: font-size .1s ease-out;
                font-size: 1.1em;
            }

                .multiple-service .header .header-right .actions div > i:hover,
                .multiple-service .header .header-right .actions div.action-wrapper:hover > i {
                    font-size: 1.2em;
                }

            .multiple-service .header .header-right .actions div.action-wrapper {
                width: 65px;
                height: 60px;
                text-align: center;
                vertical-align: top;
            }

                .multiple-service .header .header-right .actions div.action-wrapper .action-label {
                    font-size: 10px;
                    position: relative;
                    line-height: normal;
                    bottom: 15px;
                    direction: rtl;
                }