@media(min-width:1600px) {

}

@media(min-width:1200px)  and (max-width:1559px) {

}

@media(min-width:1200px) and (max-width:1379px) {

}

@media (min-width:1200px) {

}

@media(max-width:1199px) {

}

@media(min-width:992px) and (max-width:1199px) {

}

@media(min-width:992px) {

}

@media(max-width:991px) {
    #touchMenu {
        position: fixed;
        z-index: 8;
        background: #1C1C1C;
        width: 100%;
        min-height: 100vh;
        -webkit-transition: .6s ease-in-out;
        -moz-transition: .6s ease-in-out;
        -o-transition: .6s ease-in-out;
        transition: .6s ease-in-out;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        top: 0;
    }
    #touchMenu.show {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    .touch-menu-container {
        align-items: center;

    }
    #touchMenu.show .touch-menu-container {
        animation: menu-opacity 1.2s ease-in forwards;
    }
    .nav3 #top-menu-left {
        float: left;
        padding-right: 0;
    }
    .nav3 #top-menu-right {
        float: left;
        padding-left: 0;
    }
    .nav3 .nav li {
        display: block;
        width: 100%;
    }
    .nav3 .navbar li > a {
        padding: 20px 20px;
        display: inline-block;
    }
    .nav3 .navbar li.active > a {
        opacity: 0.75;
    }
    .nav3 #top-menu-left.nav {
        margin-bottom: 0;
    }
    .nav3 #top-menu-right.nav {
        margin-top: 0;
    }
}

@media(min-width:768px) and (max-width:991px) {

}

@media(min-width:768px) {

}

@media(max-width: 767px) {
    .full {
        position: relative;
        width: 100%;
        padding-bottom: 60%;
    }

}

@media(min-width:576px) {

}

@media(max-width:575px) {

}

@media(max-width: 575px) {

}

#xs-indicator,
#sm-indicator,
#md-indicator,
#lg-indicator,
#xl-indicator {
    display: none;
}


@media(max-width: 575px) {
    #xs-indicator {
        display: block;
    }
    .nav {
        margin: 30px 0;
    }
    .nav1 .nav li,
    .nav1 .nav li a,
    .nav2 .nav li,
    .nav2 .nav li a {
        display: block;
        width: 100%;
    }
    .navbar li > a {
        padding: 20px 15px;
    }
    .navbar {
        padding: 10px 20px;
    }
}

@media(min-width: 576px) and (max-width: 767px) {

    #sm-indicator {
        display: block;
    }

}

@media(max-width: 767px) {

}

@media(min-width: 768px) and (max-width: 991px) {
    #md-indicator {
        display: block;
    }
    .nav {
        margin: 30px 0;
    }
    .nav1 .nav li,
    .nav1 .nav li a {
        display: block;
        width: 100%;
    }
    .nav2 .nav li,
    .nav2 .nav li a {
        display: block;
        width: 100%;
    }
    .navbar li > a {
        padding: 20px 15px;
    }
}

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

@media(min-width: 992px) and (max-width: 1199px) {
    #lg-indicator {
        display: block;
    }
}

@media(min-width: 768px) and (max-width: 1199px) {

}

@media(max-width: 1199px) {

}

@media(min-width: 1200px) {
    #xl-indicator {
        display: block;
    }
}


@keyframes menu-opacity {
    0%      {

        opacity:0;
    }
    60%     {

        opacity:0;
    }
    100%    {

        opacity:1;
    }
}