@media (max-width: 992px) {


    }





    @media (max-width: 789px) {
        #back-to-top {
            cursor: pointer;
            right: 0;
            display: block !important;
            width: 100%;
            background-color: #272a31;
            color: #fff;
            text-align: center;
            font-size: 14px;
            line-height: 21px;
            font-weight: 500;
            padding: 8px 5px 14px;
            letter-spacing: 0.02em;
            -moz-transition: background 0.3s linear;
            -o-transition: background 0.3s linear;
            -webkit-transition: background 0.3s linear;
            transition: background 0.3s linear;
            transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -webkit-transition: all 0.2s linear;
            -o-transition: all 0.2s linear
        }
        #section-footer{
            padding: 0px 0px;
        }

        #back-to-top .icon {
            font-size: 24px;
            position: relative;
            top: 3px;
            margin-right: 2px
        }

        #back-to-top:hover {
            background: #d80001;
            color: #fff
        }
    }

    @media (max-width: 789px) and (max-width: 767px) {
        #back-to-top {
            display: block
        }
    }

    @media (min-width: 789px) {
        #back-to-top {
            cursor: pointer;
            /*display: none;*/
            opacity: 0;
            position: fixed;
            right: 0;
            bottom: 10%;
            z-index: 6;
            width: 62px;
            height: 62px;
            font-size: 39px;
            line-height: 39px;
            background-color: #272a31;
            color: #fff;
            text-align: center;
            -moz-transition: background 0.3s linear;
            -o-transition: background 0.3s linear;
            -webkit-transition: background 0.3s linear;
            transition: background 0.3s linear;
            backface-visibility: hidden
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        #back-to-top .icon {
            font-size: 39px;
            line-height: 39px;
            position: relative;
            top: 10px;
            backface-visibility: hidden;
            transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -webkit-transition: all 0.2s linear;
            -o-transition: all 0.2s linear
        }

        #back-to-top .text {
            display: none;
        }

        #back-to-top:hover {
            background: #d80001;
            color: #fff
        }

        #back-to-top span {
            color: #fff
        }


        #back-to-top.show {
            /*display: block;*/
            opacity: 1;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }
    }

    @media (min-width: 789px) and (max-width: 789px) {
        #back-to-top {
            /*display: none !important*/
        }
    }