@media only screen and (max-width: 1199px) {
    .header {
        padding: 15px 0;
    }
        .header.sticky {
            padding: 4px 0;
        }

    .mainmenu {
        display: none;
    }

    .responsive-menu,
    .slicknav_menu {
        display: block;
    }

    ul.slicknav_nav {
        position: absolute;
        background: #52648C;
        background: -moz-linear-gradient(left, #52648C 1%, #002055 100%);
        background: -webkit-linear-gradient(left, #52648C 1%, #002055 100%);
        background: linear-gradient(to right, #52648C 1%, #002055 100%);
        right: 15px;
        top: 100%;
        z-index: 9;
        border: 1px solid #fff;
        border-radius: 5px;
        padding: 5px 10px 10px;
        margin-top: 5px;
    }

    .slicknav_menu .slicknav_menutxt {
        display: none;
    }
    .slicknav_menu .slicknav_icon {
        margin: 0;
    }

    .slicknav_nav li a {
        border: 1px solid transparent;
        margin: 8px 3px 0;
        display: block;
    }
    .slicknav_nav a:hover {
        background: transparent;
        border-radius: 10px;
        color: #fff;
        border: 1px solid #fff;
    }
}

@media only screen and (max-width: 991px) {
    
}

@media only screen and (max-width: 767px) {
    .logo .cname {
        position: absolute;
        top: 2px;
        left: 116px;
    }
    .logo img {
        height: 49px;
    }
}

@media only screen and (max-width: 576px) {
    
}

@media only screen and (max-width: 420px) {
    
}