<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media screen and (max-width: 640px) {
    body { margin: 0px; padding: 0px; font-family: "SNN"; background: url(images/bg.jpg) repeat; direction: rtl; font-size: 15px; overflow-y: scroll; overflow-x: hidden; }

    .body, body { min-width: 100%; text-align: center; }




    .topheader { width: 100%; height: 59px; background-color: #1a5276; }
    .topheader1 { display: none; }
    .topheader2 { width: 50%; float: left; display: none; }
    .topheader1 ul li { float: right; padding: 0 10px; color: #fff; }
    .topheader1 ul li a { color: #fff; }
    .topheader1 ul li a:hover { color: #7ecdff; }
    .topcenter { width: 100%; margin: 0 auto; }

    .topheader2 ul li { float: left; padding: 0 1px; }


    .headerdv { width: 100%; height: 239px; background-color: #fff; }
    .headerdvR { display: none; }
    .headerdvRres { display: inline; height: 239px; }
    .headerdvL { display: none; }
    .headerdvR img { display: none; }
    .menunav { width: 100%; padding-top: 0; margin: 0 auto; text-align: right; }
    .menunav .wsmenu { display: none; }
    .menunav .responsvemenu { display: inline; }
    .headerdvL1 { width: 301px; padding-top: 30px; }
    .headerdvL2 { width: 301px; height: 33px; }

    .logo { position: relative; z-index: 123; padding: 10px; color: #fff; float: right; width: 15%; }
    .logotxt { display: none; }

    .MainDiv { width: 100%; margin: 20px auto; }
    .MainDivR { width: 100%; padding: 20px; background-color: #fff; }
    .MainDivL { width: 100%; padding: 20px 20px 0 20px; background-color: #fff; }
    .slideshowdv { width: 100%; height: auto; margin-bottom: 20px; }

    .moreslidnws { width: 100%; height: auto; background-color: #e9e9e9; border-bottom: 1px #ccc solid; text-align: right; padding-top: 13px; padding-right: 10px; }
    .moreslidnws:hover { background-color: #c2c2c2; }

    .morenewsdiv { width: 100%; height: 59px; text-align: right; padding-top: 17px; padding-right: 20px; margin-top: 20px; background: url(images/navbg.jpg) repeat-x; }
    .morenewsdiv a { color: #fff; }
    .morenewsdiv1 { width: 100%; margin-top: 20px; position: relative; }
    .morenewsdiv2 { width: 100%; height: auto; margin: 0 0 18px 0; background-color: #e9e9e9; }
    .morenewsdiv3 { width: 100%; height: 238px; }
    .morenewsdiv4 { width: 100%; height: 118px; padding: 20px; text-align: right; }
    .morenewsdiv3 img { width: 100%; height: auto; max-height: 238px; }
    .morenewsdiv2:hover { width: 100%; height: 356px; background-color: #ccc; }

    .reportbox { width: 100%; height: auto; max-height: 473px; min-height: 400px; background-color: #263e56; margin-bottom: 20px; }
    .reportboxaga { width: 100%; height: 400px; background-color: #263e56; margin-bottom: 20px; }
    .reportboxweat { width: 100%; height: 400px; background-color: #e9e9e9; margin-bottom: 20px; }
    .reportboxagal { width: 100%; height: 371px; background: rgb(68,68,68); background: -moz-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(68,68,68,1) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(68,68,68,1) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=0 ); margin-bottom: 20px; }
    .reportbox1 { width: 100%; height: 47px; text-align: right; padding-right: 20px; padding-top: 15px; color: #000; border-bottom: 1px #fff solid; }
    .reportbox1 a { color: #fff; }
    .reportbox2 { width: 100%; height: auto; padding: 20px; }
    .reportbox3 { width: 100%; height: auto; padding: 30px 20px 20px 20px; text-align: right; }
    .reportbox3 a { color: #fff; }
    .reportbox2 img { width: 100%; height: 180px; }

    .reportbox2wet { width: 100%; height: 191px; padding: 20px; }
    .reportbox3wet { width: 100%; height: 191px; background: url(images/weatherbg.jpg) no-repeat; }


    .footerdv { width: 100%; height: auto; }
    .footerdvT { display: none; }
    .footerdvB { width: 100%; height: 300px; background-color: #27313b; }
    .footerdvT1 { width: 100%; height: 207px; }
    .footerdvT2 { width: 100%; height: 207px; text-align: right; }
    .footerdvTcen { width: 1200px; margin: 0 auto; }
    .footerdvT2 ul { margin-top: 25px; padding: 0 40px; }
    .footerdvT2 ul li { padding: 7px 0; }
    .footerdvT2 ul li a { color: #fff; }
    .footerdvT2 ul li a:hover { color: gold; }
    .footerdvB1 { width: 356px; height: 80px; padding-top: 35px; direction: ltr; }
    .footerdvBcen { width: 100%; margin: 0 auto; }
    .footerdvB2 { width: 100%; height: 90px; padding-top: 25px; margin: 0 auto; }
    .footerdvB3 { width: 100%; height: 100px; padding-top: 15px; margin: 0 auto; }

    .MasterPageDv { width: 100%; }



    .navigation { display: inline; }

    nav ul { list-style: none; margin: 0; padding: 0; }

    .access-menu { display: table; margin: 0 auto; }

    .access-menu &gt; li { display: inline-block; position: relative; }

    .access-menu &gt; li + li { }

    .access-menu &gt; li:hover .access-submenu { top: 100%; left: auto; }

    .access-menu a { color: #eee; display: block; padding: .5em 2em; text-decoration: none; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }

    .access-menu a:hover,
    .access-menu a:focus { background: #369; outline: none; }

    .access-submenu { background: #444; left: -9999px; position: absolute; top: -9999px; width: 150%; }

    .access-submenu &gt; li + li { border-top: solid 1px #000; }

    .access-submenu &gt; li:last-child { border-bottom: solid 3px #000; }

    .access-submenu a { padding: .5em 1em; text-align: right; }

    .is-show { left: auto; top: 100%; }
}
</pre></body></html>