@media screen and (max-width: 640px) {
 body { margin: 0px; padding: 0px; font-family: "SNN"; direction: rtl; font-size: 15px; background-color: #fff; /*overflow-y: scroll; overflow-x: hidden;*/ }
 .clearfix { clear: both; height: 0; }

 .tophederdv1 { width: 100%; height: 50px; margin: 0 auto; }
 .hide { display: none; }
 .mobile { display: inline; }
 .mobile2 { visibility: visible; display: inline; }




 .imgnews { width: 100%; height: auto; margin: 20px 0 20px 0; border:1px #fff solid; padding:5px }

 .bannerdv { width: 100%; height: auto; background: url(../images/banner.jpg) repeat-x; }
 .bannerdv1 { width: 100%; height: auto; background: none; background-color: #682954; margin: 0 auto; }

 .bannertop { width: 100%; margin: 0 auto; text-align: center; }
 .bannertop1 { width: 100%; height: 53px; }
 .bannertop2 { width: 100%; height: 193px; }
 .bannertop3 { width: 100%; height: 55px; }

 .bannertop1 .row .col-6 { text-align: right; padding: 10px 30px 0 0; }
  .bannertop1 .row .col-6 a { color: #fff; }
   .bannertop1 .row .col-6 a:hover { color: #DA6CB7; }
  .bannertop1 .row .col-6:last-child { text-align: left; padding: 12px 30px 0 0; color: #fff; }
 .bannertop1 .row .col-12 { text-align: left; padding: 12px 30px 0 20px; color: #fff; }
  .bannertop1 .row .col-12 a { color: #fff; }

 .searchsoci { width: 100%; height: 87px; text-align: center; margin-top: 0; }
 .socialicn { width: 100%; height: 60px; direction: ltr; }
  .socialicn img { width: 25px; height: 55px; }

 .searchbx { width: 251px; height: 34px; margin-left: 80px; background-color: transparent; border: 1px #fff solid; border-radius: 3px; margin-bottom: 10px; }
 .searchbxR { width: 208px; height: 34px; float: right; color: #fff !important; }
 .searchbxL { width: 41px; height: 32px; background-color: #fff; padding-top: 3px; text-align: center; float: right; }
 .searchinput { width: 208px; height: 32px; background-color: #a890a0; color: #fff !important; padding-right: 10px; border: 0; }


 nav { display: block; background: #7b3666; }

 .menu { display: block; margin: 0 auto; max-width: 1200px; }

  .menu li { display: inline-block; position: relative; z-index: 100; }

   .menu li:first-child { margin-right: 0; }

   .menu li a { font-weight: 600; text-decoration: none; padding: 20px 15px; display: block; color: #fff; transition: all 0.2s ease-in-out 0s; }

    .menu li a:hover, .menu li:hover > a { color: #fff; background: #7b3666 !important; }

  .menu ul { visibility: hidden; opacity: 0; margin: 0; padding: 0; width: 170px; position: absolute; right: 0px; background: #682954; z-index: 99; transform: translate(0,20px); transition: all 0.2s ease-out; }

   .menu ul:after { bottom: 100%; right: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 6px; margin-right: -6px; }

   .menu ul li { display: block; float: none; background: none; margin: 0; padding: 0; }

    .menu ul li a { font-size: 12px; font-weight: normal; display: block; color: #797979; background: red !important; }

     .menu ul li a:hover, .menu ul li:hover > a { background: #682954; color: #fff; }

  .menu li:hover > ul { visibility: visible; opacity: 1; transform: translate(0,0); }

  .menu ul ul { left: 169px; top: 0px; visibility: hidden; opacity: 0; transform: translate(20px,20px); transition: all 0.2s ease-out; }

   .menu ul ul:after { left: -6px; top: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 6px; margin-top: -6px; }

  .menu li > ul ul:hover { visibility: visible; opacity: 1; transform: translate(0,0); }

 .responsive-menu { display: none; width: 100%; padding: 20px 15px; background: #374147; color: #fff; text-transform: uppercase; font-weight: 600; }

  .responsive-menu:hover { background: #374147; color: #fff; text-decoration: none; }

 a.homer { background: #682954; }

 @media (min-width: 768px) and (max-width: 979px) {
  .mainWrap { width: 768px; }
  .menu { width: 100%; }
   .menu ul { top: 37px; }

   .menu li a { font-size: 12px; }

  a.homer { background: #374147; }
 }

 @media (max-width: 767px) {
  .mainWrap { width: auto; padding: 50px 20px; }

  .menu { display: none; width: 100%; }

  .responsive-menu { display: block; }

  nav { margin: 0; background: none; }

  .menu li { display: block; margin: 0; }

   .menu li a { background: #682954; color: #797979; }

    .menu li a:hover, .menu li:hover > a { background: #682954; color: #fff; }

  .menu ul { visibility: hidden; opacity: 0; top: 0; left: 0; width: 100%; transform: initial; }

  .menu li:hover > ul { visibility: visible; opacity: 1; position: relative; transform: initial; }

  .menu ul ul { left: 0; transform: initial; }

  .menu li > ul ul:hover { transform: initial; }
 }

 @media (max-width: 480px) {
 }

 @media (max-width: 320px) {
 }



 .RightcoldR { width: 100%; }
 .RightcoldL { width: 100%; }

 .kurewtardv { width: 100%; height: auto; background-color: #fff; border: 1px #ca68a5 solid; }
 .kurewtardvT { width: 100%; height: 63px; border-right: 5px #B53E8F solid; background-color: #682954; padding: 1px 20px 0 0; }
  .kurewtardvT a { color: #fff; }
 .kurewtardvB { width: 100%; height: auto; margin: 20px auto 0 auto; }
  .kurewtardvB img { width: 100%; height: auto; }
  .kurewtardvB p { width: 100%; height: 76px; background-color: #682954; border-bottom: 1px #DA6CB7 solid; padding: 10px; }
  .kurewtardvB a { color: #fff; }

 .RightcoldLT { width: 100%; height: 63px; border-right: 5px #B53E8F solid; background-color: #682954; padding: 1px 20px 0 0; background-image: url(../images/bgbx.png); background-repeat: no-repeat; background-position-x: left; }
  .RightcoldLT a { color: #fff; }
 .RightcoldLB { width: 100%; padding: 20px 0 0 0; background-color: #fff; border: 1px #ca68a5 solid; }
 .RightcoldLBitm { width: 100%; height: auto; margin: 0 0 20px 0; }
  .RightcoldLBitm img { width: 100%; height: auto; }
  .RightcoldLBitm p { width: 100%; height: 112px; padding: 10px; border-bottom: 2px #B53E8F solid; }

 .VideobxT { width: 100%; height: 48px; border-bottom: 2px #000 solid; padding-right: 20px; background-image: url(../images/bgbx.png); background-repeat: no-repeat; background-position-x: left; }
 .VideobxB { width: 100%; margin-top: 20px; }
 .VideobxBItm { width: 100%; height: auto; margin-left: 0; }
  .VideobxBItm:last-child { width: 100%; height: auto; margin-left: 0; }
  .VideobxBItm img { width: 100%; height: auto; }
  .VideobxBItm i { position: relative; margin-top: -200px; font-size: 25px; }
  .VideobxBItm p { width: 100%; height: 89px; padding: 10px; background-color: #777; }
  .VideobxBItm a { color: #fff; }


 .RightcoldLBx { width: 100%; padding: 20px 0 0 0; background-color: #fff; border: 1px #ca68a5 solid; }
 .RightcoldLBitmx { width: 100%; height: auto; margin: 0 0 20px 0; }
  .RightcoldLBitmx img { width: 100%; height: auto; }

 .VideobxTx { width: 100%; height: 48px; border-bottom: 2px #fff solid; background-image: url(../images/bgbx.png); background-repeat: no-repeat; background-position-x: left; }
  .VideobxTx a { color: #fff; }

 .VideobxBItmx { width: 100%; height: 71px; padding: 10px 20px 0 0; background-color: #7b3666; border-bottom: 1px #62254f solid; }
  .VideobxBItmx:hover { width: 100%; height: 71px; float: right; margin-left: 20px; padding: 10px 20px 0 0; background-color: #62254f; border-bottom: 1px #7b3666 solid; }
  .VideobxBItmx p { width: 100%; height: 71px; padding: 10px; float: right; }
  .VideobxBItmx div i { padding-top: 10px; float: right; }
  .VideobxBItmx a { color: #fff; }


 .footerdv { width: 100%; height: auto; background-color: #e1e0dc; border-top: 6px #78275e solid; }
 .footerTop { width: 100%; height: 45px; text-align: center; margin: 10px auto 0 auto; background-image: none; }
 .footerdv2 { width: 100%; }

 .footerdv .row .col-6 { text-align: center; margin: 0 auto; }
  .footerdv .row .col-6:last-child { text-align: left; }
 .copyright { font-family: Tahoma; direction: ltr; font-size: 12px; margin-bottom: 20px; margin-top: 10px; margin-left: 50px; }

 .zoom-image { position: relative; overflow: hidden; }
  .zoom-image img { max-width: 100%; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; transition: all 0.7s; }
  .zoom-image:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }


 
.ArchiveDiv { width: 100%;  background-color: #682954; padding:20px; margin-bottom: 20px; color: #fff; }
.morenewsdv { width: 100%; height: auto;  margin-left: 0;  }
.morenewsdv:last-child { width:100%; height: auto; margin-left: 0; }
.morenewsdv img { width: 100%; height: auto;   }
.morenewsdv p { width: 100%; height: 85px; padding: 10px; text-align: right; background-color:#ececec }


.morenewsdvx { width: 100%; height: auto;  float: right; margin-left: 0;  }
.morenewsdvx img { width: 100%; height: auto; }
.morenewsdvx p { width: 100%; height: 85px; padding: 10px; text-align: right; background-color: #ececec }









.Paginationdv { width: 100%; margin-top: 10px; padding-top: 10px; border-top: 1px #ccc solid; text-align:right }

.fullwi{width:100%; position:relative}

.newscontent { width: 100%; }
 .newscontent .row .col-sm-2:nth-child(1) { padding: 5px; background-color: #fff; }
 .newscontent .row .col-sm-10 { text-align: left; }

.newcontentdvR { width: 100%;  text-align: center; padding: 8px; background-color: #fff; }
.newcontentdvL { width: 100%;  direction: ltr; }
.imgnews { width: 100%; height: auto; float:left; margin: 20px 20px 20px 0; border:1px #fff solid; padding:5px }
.galleryimg2 {width:100%; height:210px!important; margin:10px}

.Libraryddv { width: 100%; height: auto;  float: right; margin-left: 0; margin-bottom:20px;  }
.Libraryddv:last-child { width:100%; height: auto;   margin-left: 0; }
.Libraryddv img { width: 100%; height: auto;  }
.Libraryddv p { width: 100%; height: 85px; padding: 10px; text-align: right; background-color:#ececec }

 .fullcoldvR { width: 100%;  word-break: break-word !important; }
 .fullcoldvL { width: 100%; border: 1px #ccc solid; background-color: #fff; padding: 20px; }



}

@media only screen and (max-width: 1024px) {
 .rightCol { width: 50%; float: right; }
 .leftCol { width: 47%; float: left; }
 .corawcor { width: 100%; margin-top: 90px; }
}

@media only screen and (max-width: 768px) {
 .rightCol { width: 50%; float: right; }
 .leftCol { width: 47%; float: left; }
 .corawcor { width: 100%; margin-top: 0; }
}

@media only screen and (max-width: 420px) {
 .rightCol { width: 100%; }
 .leftCol { width: 100%; }
 .corawcor { width: 100%; margin-top: 90px; }
}