@media only screen and (max-width: 1200px) {
    .nav li a {
        margin: 0
    }
    .nav li{margin:0 5px 0 0;}
    .sverve-is-now-activate span{ float: none; display: inline-block}
}
@media only screen and (max-width: 1024px) {
    
    .nav li a {
        padding: 10px;
        margin: 0
    }
    .nav li.infulencers-navi {
        height: auto;
        overflow: visible
    }
    .nav li.infulencers-navi a {
        padding: 2px 6px;
        margin-right: 3px;
        line-height: 25px
    }
    .nav li.infulencers-navi a span {
        text-align: left
    }
    footer{
        font-size: 14px;
    }
}
@media only screen and (max-width: 999px) {
    
    .nav li a {
        padding: 17px 7px;
        margin: 0;
        font-size: 12px;
        text-transform: none
    }
    .nav li.infulencers-navi {
        margin-right: 0
    }
    header a.logo {
        margin: 0 0 0 20px;
        display: block
    }
    footer {
        padding: 25px 0 0;
        line-height: 11px;
        font-size: 11px
    }
    footer .fa {
        font-size: 30px;
        margin-right: 10px
    }
    footer .call-us {
        margin-top: 22px
    }
    footer .copy-rights {
        margin-top: 18px;
        font-size: 12px
    }
}
@media only screen and (max-width: 767px) {
    .sverve-is-now-activate h2{display: inline-block}
    
    .navbar {
        padding: 0 0 0 15px;
        margin-bottom: 0
    }
    .nav li a {
        padding: 10px 9px;
        margin: 0;
        font-size: 12px;
        text-transform: none
    }
    .nav li.infulencers-navi {
        margin-right: 14px
    }
    .mobilenav {
        width: 0;
        right: 0;
        top: 0px;
        position: absolute;
        overflow: hidden;
        z-index: 999;
        background: #fff;
        -moz-transition: width .5s;
        -webkit-transition: width .5s;
        -o-transition: width .5s;
        transition: width .5s
    }
    .mobilenav .collapse {
        visibility: visible
    }
    .mobilenav.animate-me {
        width: 245px
    }
    .mobilenav ul {
        margin: 0;
        padding: 0
    }
    .mobilenav ul li {
        display: block
    }
    .mobilenav ul li>a {
        padding: 15px 10px;
        color: #455662;
        border-bottom: solid 1px #f4f4f4;
        
        font-size: 16px;
        display: block
    }
    .mobilenav ul li a:hover;
    .mobilenav ul li a:focus {
        background: #168eea;
        text-decoration: none;
        color: #fff
    }
    .mobilenav ul li:hover>a {
        text-decoration: none;
        background: #168eea;
        color: #fff
    }
    .mobilenav ul li ul li>a {
        padding: 10px 5px 10px 30px;
        font-size: 14px;
        margin-bottom: 0;
        background-image: none
    }
    .mobilenav ul li ul li>a:hover {
        text-decoration: none;
        background: #fff;
        color: #333
    }
    .mobilenav li.navigation-toggle a.arrow-down {
        margin: 0;
        background: url(../../images/login-arrow.png) 210px 23px no-repeat
    }
    .mobilenav li.arrow-class a.arrow-down {
        margin: 0;
        color: #fff;
        text-decoration: none;
        background: url(../../images/login-arrow-up.png) 210px 23px no-repeat #168eea!important
    }
    .mobilenav li:hover a.arrow-down {
        margin: 0;
        background: url(../../images/login-arrow-hover.png) 210px 23px no-repeat #168eea
    }
    .mobilenav li a.arrow-up {
        background: url(../../images/login-arrow-up.png) 210px 23px no-repeat #168eea!important;
        color: #fff;
        text-decoration: none
    }
    .mobilenav li.arrow-class a {
        background: #f8f6f5;
        border-bottom: solid 1px #eee
    }
    .desc {
        display: none
    }
    header a.logo {
        margin: 0;
        display: block
    }
    footer a {
        text-transform: uppercase;
    }
    footer .col-xs-4 {
        margin: 15px 0 0
    }
    footer a:hover {
    }
    .top-spacing {
        position: relative;
        margin: 0
    }
}