@media only screen and (max-device-width:414px)
{
*
{
    margin:0;
    padding:0;
    box-sizing: border-box;
    font-family: 'Sora','Segoe UI', 'regular';
}
.main_header
{
    display:flex;
    justify-content: center; 
    width:100%;
    height:125px;
    background:#FFFFFF;
    transition: all 0.4 ease 0s;
    left:0%;
}
.logo
{
    width:90%;

}
.main_header nav
{
    position: absolute;
    top:125px;
    width:100%;
    background:#FFFFFF;
    height:310px;
}
.main_header ul
{
    display: flex;
    flex-direction: column;
    width:100%;
    margin:0 auto;
    padding:0;
}
.main_header ul li
{
    list-style: none;
    margin-top:0%;
    box-sizing: border-box;
    text-align: center;
    width:100%;
    text-decoration:none;
}
.main_header .main_nav li a
{
    text-decoration: none;
    font-size:1.125rem;
    color:#0787C7;
    cursor: pointer;
}
.main_header ul li
{
    padding:10px;
}
.main_header .main_nav li .drop-down li a:hover
{
    text-decoration: none;
}
.main_header .main_nav li .drop-down
{
    left:0;
    display:block;
}
.main_header .main_nav li.content5 
{
    text-decoration:none;
}
.main_header .main_nav li:hover .drop-down a
{
    display:block;
    opacity: 1;
}
.main_header .main_nav li .drop-down a:hover
{
    opacity:1;
}
.main_header .main_nav li .drop-down a
{
    color:#F7A707;
    background:transparent;
    opacity:0.5;
}
.main_nav li.content5
{
    margin:2% 0;
}
.main_nav li.content5 a
{
    padding:0.625rem 1.25rem;
    background:  #F7A707;
    border-radius: 25px;
    color:#FFFFFF;
    opacity:1;
}
.main_nav li.content5 a:hover
{
    text-decoration: none;
    background:#FFFFFF;
    color:#F7A707;
    border:1px solid #F7A707;
}
/* page footer content*/
#footer-1
{
    display:block;
    box-sizing: border-box;
    background: #2A3442;
    color:#FFFFFF;
    font-size: 1rem;
    font-family: 'sora';
    width:100%;
    height:160px; 
}
.footer_content-1
{
    display:flex;
    flex-direction: column;
}
.footer_content-1 span
{
    margin-top:3%;
    margin-left:0%;
    margin-right:0%;
    text-align: center;
}
.footer_content-1 span a
{
    color:#FFFFFF;
}
.fc_3-1 
{
    margin-bottom:3%;
}
.fc_3-1 img
{
    width:48px;
    height:48px;
    margin-left:5%;
    margin-right:5%;
    border-radius: 50%;
    padding:2% 2%;
    background:#FFFFFF;
}
}
@media only screen and (max-device-width:375px)
{
    /* page footer content*/
    #footer-1
    {
        height:150px; 
    }
}
@media only screen and (max-device-width:320px)
{
    /* page footer content*/
    #footer-1
    {
        height:145px; 
    }
}