

section.section_class{display:flex;flex-wrap:wrap;font-family:Arial,Helvetica,sans-serif;}
section.section_class>div>div{border:none;width:100%;}
section.section_class>div>div>table{width:100%;border-collapse:collapse;}
div.logo_class{flex:30%;padding:0px;background-color:none;}
div.menu_class{flex:70%;padding:0px;background-color:none;}

div.logo_class table{width:100%;padding:0px;}
div.logo_class table td{ width:auto;padding:15px 20px 5px 30px;}
div.logo_class img{width:95%;}

div.menu_class div{width:100%;padding:0px;}
div.menu_class div table{width:80%;padding:0px;}
div.menu_class div table td{width:auto;padding:10px;display:flex;flex-direction:row;justify-content:center;align-items: center;}
div.menu_class div table td a{margin:5px 10px;padding:10px 10px;font-size:80%;color:#fff;text-decoration:none;background-color:none;border: 0px solid #fff}
div.menu_class div table td a:hover{color:#fff;background-color:none;border-bottom: 1px solid #fff}
div.menu_class div table td p{margin:5px 10px;padding:10px 10px;font-size:90%;color:#fff;text-decoration:none;background-color:none; border-bottom: 1px solid #fff;}
div.menu_class button{width:auto;background-color:rgb(4, 95, 95);padding:20px;border:0px solid #fff;display: none;}
div.menu_class button i {width:auto;font-size: 150%;color: #0E202D;}


@media screen and (max-width:1100px){
section.section_class{flex-wrap:wrap;}
div.logo_class{flex:35%;padding:0px;}
div.menu_class{flex:65%;padding:0px}
}

@media screen and (max-width:991px){    
section.section_class{flex-wrap:wrap;}
div.logo_class{flex:35%;padding:0px;}
div.menu_class{flex:65%;padding:0px}
div.logo_class table{width:100%;padding:0px;}
div.logo_class table td{ width:auto;padding:15px 10px 15px 20px;}
div.logo_class img{width:100%;}

div.menu_class div{width:100%;padding:0px;}
div.menu_class div table{width:90%;padding:0px;}
div.menu_class div table td{width:auto;padding: 5px 0px;}
div.menu_class div table td a{width:auto;padding:10px 10px;margin: 5px 10px}
div.menu_class div table td p{width:auto;padding:10px 10px;margin: 5px 10px}
}

@media screen and (max-width:767px){
    
section.section_class{flex-wrap:wrap;}
div.logo_class{flex:40%;padding:0px;}
div.menu_class{flex:60%;padding:0px}
div.logo_class table{width:100%;padding:0px;}
div.logo_class table td{ width:auto;padding:15px 10px 15px 20px;}
div.logo_class img{width:100%;}

div.menu_class div{width:100%;padding:0px;}
div.menu_class div table{width:100%;padding:0px;}
div.menu_class div table td{width:auto;padding: 5px 0px;}
div.menu_class div table td a{width:auto;padding:10px 5px;margin: 5px}
div.menu_class div table td p{width:auto;padding:10px 5px;margin: 5px}

}

@media screen and (max-width:600px){
    
section.section_class{flex-wrap:wrap;}
div.logo_class{flex:80%;padding:0px;}
div.menu_class{flex:20%;padding:0px}
div.logo_class table{width:100%;padding:0px;}
div.logo_class table td{ width:auto;padding:10px 20px 10px 20px;}
div.logo_class img{width:85%;}

div.menu_class div{width:100%;padding:0px;}
div.menu_class div table{width:100%;padding:0px;}

div.menu_class div table td{width:auto;padding: 10px 0px;flex-direction:row;align-items: center;}
div.menu_class div table td a{width:auto;padding:15px 10px;margin: 0px 15px}
div.menu_class div table td p{width:auto;padding:15px 10px;margin: 0px 15px}

div.menu_class div.mnu_id{display: none;position: absolute;background-color:#07121a;margin:0px;top:79;left:0}

div.menu_class button{width:auto;padding:14px;display: block;margin: 10px 0px;cursor: pointer;}
div.menu_class button i {font-size: 140%;}

}

@media screen and (max-width:420px){
section.section_class{flex-wrap:wrap;}
div.logo_class{flex:80%;padding:0px;}
div.menu_class{flex:20%;padding:0px}
div.logo_class table{width:100%;padding:0px;}
div.logo_class table td{ width:auto;padding:10px 12px 10px 12px;}
div.logo_class img{width:100%;}

div.menu_class div{width:100%;padding:0px;}
div.menu_class div table{width:100%;padding:0px;}

div.menu_class div table td{width:auto;padding: 5px 0px;flex-direction:column;align-items: center;}
div.menu_class div table td a{width:auto;padding:20px 30px;margin: 0px}
div.menu_class div table td p{width:auto;padding:20px 30px;margin: 0px}

div.menu_class div.mnu_id{display: none;position: absolute;background-color:#07121a;margin:0px;top:66;left:0}

div.menu_class button{width:auto;padding:13px;display: block;margin: 10px 0px;cursor: pointer;}
div.menu_class button i {font-size: 120%;}

}
