@include min(1200) {

    .desk-hide {
        display: none;
    }
    /*=== Append and prepend ====*/
    
    /*==== Menu ====*/
    .main-nav {
        
        >ul {
            margin: 0;
            padding: 0;
    
            >li {
                display: inline-block;
                position: relative;
                padding-right: 12px;
                padding-left: 12px;
    
                &:last-child {
                    margin: 0;
                    ul {
                        left: auto;
                        right: 0;
                    }
                }
                >a {
                    display: block;
                    padding: 12px  15px;
                    padding-left: 0;
                    padding-right: 0;
                    text-decoration: none;
                    position: relative;
                    color: #6D7278;
                    @include font-regular();
                    font-family:'Montserrat';
                    font-size: 1.6rem;
                  
                    &:after {
                        position: absolute;
                        content: '';
                        width: 0;
                        left: 0;
                        bottom: 6px;
                        height: 2px;
                        background:#F93549;
                        @include transition(all,ease,0.5s);
    
                    }
                }
                &:hover {
                    >a {
                        @include transition(all,ease,0.5s);
                        &:after {
                            width: 100%;
                        }
                    }
                    >ul {
                        display: block;
                    }
                }
                ul {
                    background:$white;
                    position: absolute;
    
                    li {
                        display: block;
                        border-bottom: 1px solid #ccc;
                        position: relative;
    
                        &:last-child {
                            border: 0;
                        }
                        a {
                            padding: 8px 20px;
                            display: block;
                            text-decoration: none;
                            font-size: 1.8rem;
                        }
                        &:hover {
                            >ul {
                                display: block;
                                left: 250px;
                                top: 0;
                            }
                            >a {
                                color: $primary-color;
                            }
                        }
                        &.submenu {
                            &::after {
                                content: "\e807";
                                font-family: $icons;
                                position: absolute;
                                right: 12px;
                                top: 50%;
                                transform:translateY(-50%);
                                pointer-events: none;
                                color:$primary-color;
                                font-size: 10px;
                            }
                        }
                    }
                }
            }
        }
    }
    .mob-btn {
        display: none;
    }
    
    /*==== Menu End ====*/
    }
    @include max(1199.98) {
    /*==== Menu ====*/
    .main-nav {
        position: fixed;
        width: 100%;
        top: 0;
        right: -100%;
        background: rgba(#000, 0.8);
        height: 100%;
        transition: all ease 0.2s;
        z-index: 1005;
        box-shadow: inset 0 0 4px rgba(#000, 0.7);
        overflow-y: auto;
        padding: 45px 15px;
        text-align: center;
        padding-top: 150px;
        #txtSearch {
            margin-top: 45px;
        }
        ul {
            margin: 0;
            padding: 0;
            display: block;
            margin-top: 0px;
    
            &.mnav {
                margin-bottom: 30px;
            }
            li {
                display: block;
                position: relative;
                width: 80%;
                margin: 0 auto;
    
                span {
                    display: none;
                }
                a {
                    color: #fff!important;
                    text-decoration: none;
                    font-size: 2.3rem;
                    display: block;
                    padding: 10px;
    
                    &:hover {
                        background: #2D2D2D;
                    }
                }
                &.submenu i {
                    position: absolute;
                    width: 44px;
                    height: 39px;
                    top: 6px;
                    right: 0;
                    cursor: pointer;
                    -webkit-transition: all ease 0.5s;
                    -moz-transition: all ease 0.5s;
                    transition: all ease 0.5s;
                    background: rgba(243, 243, 243, 0.0784313725490196);
                    &:after {
                        content: "";
                        @include triangle(15px 10px,#fff, down);
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        transform: translate(-50%, -50%);
                        z-index: 10;
                    }
                }
                &.open i {
                    position: absolute;
                    width: 44px;
                    height: 39px;
                    top: 6px;
                    right: 0;
                    cursor: pointer;
                    -webkit-transition: all ease 0.5s;
                    -moz-transition: all ease 0.5s;
                    transition: all ease 0.5s;
                    background: rgba(243, 243, 243, 0.0784313725490196);
                    &:after {
                        content: "";
                        @include triangle(15px 10px,#fff, up);
                        border-top: none;
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        transform: translate(-50%, -50%);
                        z-index: 10;
                    }
                }
            }
            ul {
                margin: 0;
                display: none;
    
                li {
                    &:last-child {
                        border-bottom: 0;
                    }
                    // &:first-child {
                    //     border-top: 1px solid #656b74;
                    // }
                    a {
                        padding-left: 20px;
                    }
                    ul a {
                        padding-left: 30px;
                    }
                }
            }
        }
    }
    .show-menu {
        .main-nav {
            right: 0;
        }
        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(#000, 0.3);
            z-index: 1001;
        }
        .mob-btn {
            span {display: none;}
            img,svg {
                display: block;
                width: 35px;
                height: 35px;
            }
        } 
    }
    .mob-btn {
        position: absolute;
        float: right;
        padding: 5px 7px;
        margin: 0px;
        background-color: transparent;
        cursor: pointer;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 9999999;
        img,svg {
            display: none;
        }
        span {
            display: block;
            width: 30px;
            height: 3px;
            border-radius: 1px;
            background: $black;
        }
        span+span {
            margin-top: 5px;
        }
    }
    
    /*==== Menu End ====*/
    
    /*=== Append and Prepend ===*/
    .extra-link {
        display: none;
    }
    /*==== Append and Prepend End ====*/
    
    }

    