/*- Desktop css here -*/
#logo {
    height: 55px;
    display: grid;
    align-items: center;
}
#logo img {
    width: 100% !important;
}
#menu #logo {
 margin: 0;
}
#menu .navbar {
 margin-bottom: 0;
}
.navbar-nav>li {
 margin: 0;
}
#prehead-top .col
{
 margin: 2px auto 5px;
}
p, article li {
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
 margin: 0 0 15px 0;
 word-wrap: break-word;
}
p, li
{
 font-size: 16px;
}
article h2 
{ 
margin-bottom: 20px;
}

.video-wrapper {
 position: relative;
 overflow: hidden;
 max-width: 100%;
 padding-bottom: 56.25%;
 margin: 30px auto;
 height: auto;
}
.video-wrapper iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

/*- Footer css -*/
#footer {
    background: #fff;
    border-top: 1px solid #ccc;
}
#footer #foo-col {
 padding: 10px 0 0;
}
#foo-col h3 {
 margin: 10px auto;
 text-align: center;
 font-weight: 600;
 color: #5296c1;
 font-size: 18px;
}
#footer ul {
 margin: 10px auto;
 text-align: center;
 padding: 0;
}
#footer ul li a {
 color: #000;
}

/*- Mobile Media Query-*/
@media only screen and (max-width: 500px) 
{
 #header.header2 #menu-mobile,
 #header.header4 #menu-mobile {
 top: -8px;
 } 
 #footer {
    margin: 20px 0 0;
    background: #fff;
    color: #000;
    text-align: center;
    border-top: 1px solid #ccc;
}
 #footer #foo-col {
 padding: 0;
 margin: 0;
 }
 #foo-col h3 {
 margin: 10px auto;
 font-weight: 600;
 color: #5296c1;
 text-align: center;
 font-size: 16px;
 }
 #footer ul {
 padding: 0;
 margin: 10px auto;
 }
 #footer ul li a {
 color: #fff;
 font-size: 14px;
 }
 #footer #copyright {
    font-size: 14px;
    line-height: initial;
    text-align: center;
    margin: 20px auto 15px;
    color: #000;
}

}
/* SMARTPHONE LANDSCAPE */
@media only screen and (max-width:767px) and (orientation:landscape) 
{
}
/* iPHONEX LANDSCAPE */
@media only screen and (max-width:900px) and (orientation:landscape) 
{

}
/* TABLET */
@media (min-width:768px) and (max-width:800px)
{
    #header img {
        width: 100%;
        display: block;
        margin: 10px auto 10px auto;
    }
}

/* IPAD LANDSCAPE */
@media only screen 
and (min-device-width :1024px) 
and (max-device-width :1024px) 
and (orientation:landscape)
{
}

/* IPAD PRO PORTRAIT */
@media only screen 
and (min-device-width :1024px) 
and (max-device-width :1366px) 
and (orientation:portrait)
{
}

/* IPAD PRO LANDSCAPE */
@media only screen 
and (min-device-width :1024px) 
and (max-device-width :1366px) 
and (orientation:landscape)
{
}