/*==========  Desktop First Method  ==========*/



/* Large Devices, Wide Screens */

@media only screen and (max-width : 1200px) {

	#LangBar .frame li {  }



}



/* Medium Devices, Desktops */

@media only screen and (max-width : 992px) {

#LangBar .frame li { float:left; list-style:none; margin:0 10px; font-weight:bold; }
.dar ul li { display: inline; float:none; width: 100%; font-size: 12px; padding: 6px 10px;   margin: 5px 10px;}
.Matolib ul li {width:100%; float: none; font-size:12px; padding:10px 15px; margin:0 10px;  }
.Matolib ul  {margin: 10px 8px 15px 8px;}
}



/* Small Devices, Tablets */

@media only screen and (max-width : 768px) {

	.animated { -o-transition-property: none !important; -moz-transition-property: none !important;

	-ms-transition-property: none !important; -webkit-transition-property: none !important;

transition-property: none !important; -o-transform: none !important; -moz-transform: none !important;

-ms-transform: none !important; -webkit-transform: none !important; transform: none !important;

-webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; 

-ms-animation: none !important; animation: none !important; }



.TopLine .LangBar span { margin:0 5px; }

.TopLine .LangBar span a { font-size:12px;}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav , .navbar-inverse .navbar-nav > .active  {  text-transform:uppercase; }

.navbar-brand { float: left; height: 50px; padding: 2px 0 5px 35px; font-size: 18px; line-height: 20px;}

.navbar-inverse  { background-color:#5b0101; border:0; min-height: 50px; border-bottom:2px #4F1314 solid;}

.Baner .col-sm-12 { padding:0; margin:0;}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { background-color:#003432; }



.navbar-inverse .navbar-nav > li > a:hover { color:#FFF; background-color:#FFF;  margin-left: 20px;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color:#000000 }



.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { background-color:#000; color:#FFF; }

.navbar-inverse .navbar-nav > li > a { color:#E8E8E8; font-size:15px; margin-left: 20px;}
.navbar-inverse .navbar-nav > li > a:hover { color:#FFF; background-color:#3a0203;  margin-left: 20px;}



.navbar-inverse .navbar-nav > li > a:hover { color:#FFF; background-color:#053c3a;  margin-left: 20px; }

.Footer .Fleft { width:100%; text-align:center; padding:0 15px; margin-bottom:5px; font-size:12px; line-height:11px;}

.Footer .Fright { width:100%; text-align:center; padding:0 15px; font-size:10px;}

.Footer .Fright a { color:#FFF; text-decoration:none; font-size:10px; }

.Footer .Fright a:hover { color:#FFF; text-decoration:underline; }

.dar ul li { display: inline;  float:none;  width: 100%; font-size: 12px; padding: 6px 10px;   margin: 5px 10px;}
.Matolib ul li {width:100%; float: none; font-size:12px; padding:10px 15px; margin:0 10px;  }
.Matolib ul  {margin: 10px 8px 15px 8px;}
.khabar li { float:none; width: 97%; list-style: none; margin: 0 10px; text-align: justify; margin-top:12px; }
}



/* Extra Small Devices, Phones */

@media only screen and (max-width : 480px) {

.dar ul li { display: inline;  float:none;  width: 100%; font-size: 12px; padding: 6px 10px;   margin: 5px 10px; }
.Matolib ul li {width:100%; float: none; font-size:12px; padding:10px 15px; margin:0 10px;  }
.Matolib ul  {margin: 10px 8px 15px 8px;}
.khabar li { float:none; width: 97%; list-style: none; margin: 0 10px; text-align: justify; margin-top:12px; }
}



/* Custom, iPhone Retina */

@media only screen and (max-width : 320px) {

.dar ul li { display: inline;  float:none; border:0;  width: 100%; font-size: 12px; padding:10px 10px; margin:0 10px;}
.Matolib ul li {width:100%; float: none; font-size:12px; padding:10px 15px; margin:0 10px;  }
.Matolib ul  {margin: 10px 8px 15px 8px;}
.khabar li { float:none; width: 97%; list-style: none; margin: 0 10px; text-align: justify; margin-top:12px; }
}





/*==========  Mobile First Method  ==========*/



/* Custom, iPhone Retina */

@media only screen and (min-width : 320px) {



}



/* Extra Small Devices, Phones */

@media only screen and (min-width : 480px) {


}



/* Small Devices, Tablets */

@media only screen and (min-width : 768px) {



}



/* Medium Devices, Desktops */

@media only screen and (min-width : 992px) {



}



/* Large Devices, Wide Screens */

@media only screen and (min-width : 1200px) {



}