@media only screen and (min-width: 993px){
    content .menu_left ul li a{
        display: inline-block;
    }
    a{
        transition: .3s;
    }
    a:hover{
        transition: .3s;
    }
    .main-nav>ul>li>ul>li{
        font-size: 14px;
        padding: 10px;
    }
    .main-nav>ul>li:nth-child(3)>ul{
        left: -305px;
        width: 1095px;
    }
    .main-nav>ul>li:nth-child(5)>ul{
        left: -387px;
    }

    .main-nav>ul>li>ul>li>a{
        border-bottom: 2px solid;
        position: relative;
        font-family: 'UTM';

    }
    .main-nav>ul>li>ul>li>ul>li>a:after{
        position: absolute;
        content:"\f101";
        top: 0px;
        left: 0px;
        font-family: 'fontawesome'; 
    }
    .main-nav>ul>li>ul>li:nth-child(4n+1) a{
        color: #09562A;
    }
    .main-nav>ul>li>ul>li:nth-child(4n+2) a{
        color: #DE7114;
    }
    .main-nav>ul>li>ul>li:nth-child(4n+3) a{
        color: #025B7D;
    }
    .main-nav>ul>li>ul>li:nth-child(4n+4) a{
        color: #DA251C;
    }
    
    .main-nav>ul>li>ul>li>ul>li a{
        font-size: 13px;
        color: black!important;
        font-weight: bold;
        text-transform: initial;
    }
    .main-nav>ul>li>ul>li>a:hover{
        padding-left: 20px;
    }
    .main-nav>ul>li>ul>li>ul>li a:hover{
       padding-left: 18px;
       color: #DA251C!important;
    }


    .menu{
        display: block!important;
    }
    .main-nav>ul{
        display: flex!important;
    }
    .main-nav ul ul a {
    display: block;
    color: black;
    text-transform: uppercase;
    display: flow-root;
    min-width: 195px;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
}

.menu.fixed{
    position: fixed;
    top: 0px;
    z-index: 12121;
    left: 0px;
    width: 100% ;
    transition: .3s;
}
.main-nav ul ul a:hover {}

button.btn-menu {
    display: none;
}

.main-nav>ul>li {
    display: inline-block;
    position: relative;
    /* padding: 5px 30px; */
}

.main-nav>ul>li:last-child>a:before {
    display: none;
}

.main-nav>ul>li:hover>a:after {
    opacity: 1;
    left: 0;
    right: 0;
    transition: all 0.2s ease-in-out;
}

.main-nav ul ul li {
    background: #fff;
    border-bottom: solid 1px rgba(255, 255, 255, 0.3);
    position: relative;
    color: black;
}



.main-nav>ul>li>a:hover {
    background: #2A4C6D;
    text-decoration: none;
    color: white;
}

.main-nav ul ul li:last-child {
    border: none;
}



.main-nav ul li:hover>ul {
    opacity: 1;
    pointer-events: all;
    z-index: 1;
}
.main-nav>ul>li:hover ul ul{
    pointer-events: all;
    opacity: 1;
}

nav ul ul {
    opacity: 0;
}



.main-nav ul li {
    position: relative;
}

.main-nav>ul>li>ul {
    position: absolute;
    /* background: #ffb628d1; */
    padding-top: 0px;
    text-align: left;
    min-width: 220px;
    pointer-events: none;
    display: flex!important;
    border: 1px solid red;
    box-shadow: 1px 5px 17px -2px;
    flex-wrap: wrap;
    background: white;
    width: 500px;
    max-height: 500px;
    overflow-y: auto;
}

.main-nav>ul>li>ul>li>ul {
    display: block;
    left: 0;
}

.main-nav>ul>ul>ul {top: 32px;opacity: 1;pointer-events: none;z-index: 1;}

nav ul ul ul {
    left: 100%;
}

.main-nav ul {
    list-style: none;
}

nav>ul>li:hover nav>ul>li>a:before {content: "";position: absolute;width: 20px;height: 20px;background: aqua;left: 0;bottom: 0;}
.main-nav>ul>li>a {
    color: white;
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    position: relative;
    padding: 5px 0px;
    font-family: 'UTM';
    padding: 15px 30px;
}

nav>ul>li>a:after {
    left: 50%;
    right: 50%;
    opacity: 0;
}

nav>ul>li>a:after {
    /* content: ""; */
    height: 2px;
    background: linear-gradient(to right, rgba(1, 1, 1, 0), #010101, rgba(1, 1, 1, 0));
    bottom: 0;
    position: absolute;
    left: 50%;
    right: 50%;
    transition: all 0.2s ease-in-out;
    opacity: 0;
}

nav>ul>li>a:before {
    position: absolute;
    /* content: ""; */
    top: 7px;
    right: -35px;
    width: 1px;
    bottom: 8px;
    background: linear-gradient(rgba(1, 1, 1, 0), #010101, rgba(1, 1, 1, 0));
}

nav>ul>li>a:last-child:before {
}


nav>ul>li>a:hover :after {
    position: absolute;
    content: "";
    background: linear-gradient(to right, rgba(1, 1, 1, 0), #010101, rgba(1, 1, 1, 0));
    height: 1px;
    bottom: 0px;
    left: 0;
    right: 0;
}
.main-nav>ul>li:nth-child(4)>ul{
    left: -284px;
}
nav>ul>li>a:hover {
    text-decoration: none;
    color: white;
    background: #2A4C6D;
}

nav>ul>li>a:hover {}

    
}
content .item_pro .img_pro{
    min-height: 230px;
    height: auto!important;
}
content .item_pro .img_pro img{
    object-fit: contain;
    max-width: 100%;
}
footer span.info a{
    margin:0px 5px;
}
footer h4.title_footer{
    font-size: 16px!important;
}
.s-content img{
    object-fit: contain!important;
}
content .menu_left ul li a{
    padding-left: 20px;
    padding-right: 35px;
    min-height: 40px;
    height: auto!important;
}
content .menu_left ul li i{
    cursor: pointer;
}

.menu_left>ul>li:hover>ul{
    transition: .3s;
    display: block;
}
.menu_left>ul>li>ul>li:hover>ul{
    transition: .3s;
    display: block;
}
#back-top {cursor: pointer;position: fixed;width: 41px;height: 41px;border-radius: 4px;background: #3aaded;bottom: 68px;right: 60px;z-index: 100;box-shadow: 3px 3px 5px rgba(0,0,0,.3);overflow: hidden;padding: 10px;display: none;}
#back-top:before { content: "\f062"; font: normal normal normal 14px/1 FontAwesome; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; font-size: 20px; }
#back-top:hover:before { animation-name: up; animation-iteration-count: infinite; animation-duration: 1.5s }
#back-top.show{
    display: block;
}
content .item_pro .img_pro:hover{
    background: white!important;
}