@media screen and (min-width:320px) and (max-width:480px) {
    .kode-navigation-wrapper{
	    background-color: initial !important;
    }
    .openmu{padding-left:initial !important;}
    .bdha-header5{height: 75px !important;}
}
@media screen and (min-width:768px) and (max-width:1024px) {
    .bdha-header1{
       height: 144px !important;
    }
    .kode-navigation-wrapper{
	    background-color: initial !important;
    }
    
}
@media screen and (min-width:980px) and (max-width:1280px) {
    .navigation ul li{
        margin-right: 30px !important;
    }
    .bdha-header1{
       height: 153px !important;
    }
}
.row{
    margin: initial !important;
}
#latnews{
	background: url(images/new.png) no-repeat ;
	width: 100%;
	height: 100%;
	padding: 15px 20px;
	background-size: 100% 100%;
	margin-top: -12px;
}
.mare{
	padding: 10px 40px;
	color: #fff;
	font-size: 1.5em;
}
.clihe{
	color: #F45F4D;
	float: right;
	margin-top: -13px;
	font-size: 1em;

}
.invit{
	color: #fff;
	background: #07b5c1;
	float: right;
	margin-top: -49px;
	font-size: 1.5em;
	border: 1px solid;
	padding: 2px 6px;
	/*margin-right: -15px;*/
}
.invitxs{
	color: #fff;
	background: #07b5c1;
	float: right;
	font-size: 1em;
	border: 1px solid;
	padding: 2px 6px;
	margin-right: 5px;
}
.clihe:hover{
	color: #07b5c1;
}
.conhov:hover{
	color: black !important;
}
@media screen and (max-width:772px) and (min-width:482px)
{
.bdha-about3-tab-content
{display:none;}
}
@media screen and (max-width:1024px) and (min-width:500px)
{
/*.bdha-header1    */
/*{height:172px !important;}*/
.px2
{margin-left:95% !important;margin-top:-60px !important;}
.con1
{margin-left:-10% !important;}
.img2
{margin-left:-72% !important;}
}
@media screen and (max-width:768px)
{
.bdha-header2
{height:138px !important;}
.imglo
{margin-top:-24% !important; margin-left:-396% !important; width:62% !important;}
.telo
{margin-left:28% !important;}
.container2
{margin-top:-3% !important;}
}
@media screen and (max-width:425px)
{
.bdha-header3
{height:94px !important;}
.mare{
	margin-right: 6% !important;
	padding: 0px !important;
}
[class^="icon-"], [class*=" icon-"]{
    color: #07b5c1 !important;
}
#latnews{
	padding: 10px 20px !important;
}
.wifac{
        padding-left: 45px !important;
}
.test2
{margin-left:32% !important;}
.name1
{margin:27px !important; margin-left:8% !important; width:306px !important;}
.test1
{margin-top:15% !important; width:305px !important; margin-left:24% !important; margin-bottom:9% !important;}
.pray1
{margin-left:17% !important; margin-top:-12px !important;}
.oli1
{margin-left:44% !important;}
.foot1
{padding:0px !important;}
.bdha-footer:before
{display:none !important;}
}
@media screen and  (max-width:375px){
.bdha-header5 
{height:89px !important;}
}
@media screen and  (max-width:320px){
.bdha-header4 
{height:82px !important;}
.openmu
{margin-top:2% !important;}
}
.socio:hover {
       background-color:#000000 !important;
}

.navigation ul li:hover > a {
      color:#000000 !important;
}

.bdha-info-top a:hover > i {
      color:#999999 !important;
}	

.navigation ul li ul li:hover a,
.navigation ul li .sub-menu li:hover a,
.navigation ul li .children li:hover a{
      background-color:#FB9B9B !important;
}	    	  	   

.bdha-footer ul li:hover a {
      color:#FFFFFF !important;
}	

.bdha-footer .info-item p:hover { 
     color:#FFFFFF !important;
}

.bdha-footer a:hover {
    color:#FFFFFF !important;
}		 
 
.bdha-footer .info-item i {
    background-color: #ff8d8d !important;
}

.info-item:hover .social-box {
   color: #ff8d8d !important;
   background-color:#FFFFFF !important;
}

input[type=text], select, textarea{
    padding: 4px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.marquee {
	width: 100%;
	height: 180px;
	overflow: hidden;
	position: relative;
	-webkit-transition: background-color 350ms;
	-moz-transition: background-color 350ms;
    transition: background-color 350ms;
}

.marquee p {
	position: absolute;
	font-family: Tahoma, Arial, sans-serif;
	width: 100%;
	height: 100%;
	padding-top:15%;
	margin: 0;
	line-height: 30px;
	text-align: center;
	color: #fff;
    filter: dropshadow(color=#000000, offx=1, offy=1);
	transform:translateX(100%);
	-moz-transform:translateX(100%);
	-webkit-transform:translateX(100%);
}
.marquee p:nth-child(1) {
	animation: left-one 20s ease infinite;
	-moz-animation: left-one 20s ease infinite;
	-webkit-animation: left-one 20s ease infinite;
}
.marquee p:nth-child(2) {
	animation: left-two 20s ease infinite;
	-moz-animation: left-two 20s ease infinite;
	-webkit-animation: left-two 20s ease infinite;
}
.marquee.down p {
	transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
}
.marquee.down p:nth-child(1) {
	animation: down-one 20s ease infinite;
	-moz-animation: down-one 20s ease infinite;
	-webkit-animation: down-one 20s ease infinite;
}
.marquee.down p:nth-child(2) {
	animation: down-two 20s ease infinite;
	-moz-animation: down-two 20s ease infinite;
	-webkit-animation: down-two 20s ease infinite;
}
.marquee.up p {	
	transform:translateY(100%);
	-moz-transform:translateY(100%);
	-webkit-transform:translateY(100%);
}
.marquee.up p:nth-child(1) {
	animation: up-one 20s ease infinite;
	-moz-animation: up-one 20s ease infinite;
	-webkit-animation: up-one 20s ease infinite;
}
.marquee.up p:nth-child(2) {
	animation: up-two 20s ease infinite;
	-moz-animation: up-two 20s ease infinite;
	-webkit-animation: up-two 20s ease infinite;
}

/*================================
	Move the Marquee to the Left
==================================*/

/** Mozilla Firefox Keyframes **/
@-moz-keyframes left-one {
	0%	{
		-moz-transform:translateX(100%);
	}
	10% {
		-moz-transform:translateX(0);
	}
	40% {
		-moz-transform:translateX(0);
	}
	50% {
		-moz-transform:translateX(-100%);
	}
	100%{
		-moz-transform:translateX(-100%);
	}
}
@-moz-keyframes left-two {
	0% {
		-moz-transform:translateX(100%);
	}
	50% {
		-moz-transform:translateX(100%);
	}
	60% {
		-moz-transform:translateX(0);		
	}
	90% {
		-moz-transform:translateX(0);		
	}
	100%{
		-moz-transform:translateX(-100%);
	}
}
/** Webkit Keyframes **/
@-webkit-keyframes left-one {
	0% {
		-webkit-transform:translateX(100%);
	}
	10% {
		-webkit-transform:translateX(0);
	}
	40% {
		-webkit-transform:translateX(0);
	}
	50% {
		-webkit-transform:translateX(-100%);
	}
	100%{
		-webkit-transform:translateX(-100%);
	}
}
@-webkit-keyframes left-two {
	0% {
		-webkit-transform:translateX(100%);
	}
	50% {
		-webkit-transform:translateX(100%);
	}
	60% {
		-webkit-transform:translateX(0);		
	}
	90% {
		-webkit-transform:translateX(0);		
	}
	100%{
		-webkit-transform:translateX(-100%);
	}
}

/*================================
	Move the Marquee Downwards
==================================*/

/** Mozilla Firefox Keyframes **/
@-moz-keyframes down-one {
	0%	{
		-moz-transform:translateY(-100%);
	}
	10% {
		-moz-transform:translateY(0);
	}
	40% {
		-moz-transform:translateY(0);
	}
	50% {
		-moz-transform:translateY(100%);
	}
	100%{
		-moz-transform:translateY(100%);
	}
}
@-moz-keyframes down-two {
	0% {
		-moz-transform:translateY(-100%);
	}
	50% {
		-moz-transform:translateY(-100%);
	}
	60% {
		-moz-transform:translateY(0);		
	}
	90% {
		-moz-transform:translateY(0);		

	}
	100%{
		-moz-transform:translateY(100%);
	}

}

/** Webkit Keyframes **/
@-webkit-keyframes down-one {
	0% {
		-webkit-transform:translateY(-100%);
	}
	10% {
		-webkit-transform:translateY(0);
	}
	40% {
		-webkit-transform:translateY(0);
	}
	50% {
		-webkit-transform:translateY(100%);
	}
	100%{
		-webkit-transform:translateY(100%);
	}
}
@-webkit-keyframes down-two {
	0% {
		-webkit-transform:translateY(-100%);
	}
	50% {
		-webkit-transform:translateY(-100%);
	}
	60% {
		-webkit-transform:translateY(0);		
	}
	90% {
		-webkit-transform:translateY(0);		
	}
	100%{
		-webkit-transform:translateY(100%);
	}
}

/*================================
	Move the Marquee Upwards
==================================*/

/** Mozilla Firefox Keyframes **/
@-moz-keyframes up-one {
	0%	{
		-moz-transform:translateY(100%);
	}
	10% {
		-moz-transform:translateY(0);
	}
	40% {
		-moz-transform:translateY(0);
	}
	50% {
		-moz-transform:translateY(-100%);
	}
	100%{
		-moz-transform:translateY(-100%);
	}
}
@-moz-keyframes up-two {
	0% {
		-moz-transform:translateY(100%);
	}
	50% {
		-moz-transform:translateY(100%);
	}
	60% {
		-moz-transform:translateY(0);		
	}
	90% {
		-moz-transform:translateY(0);		
	}
	100%{
		-moz-transform:translateY(-100%);
	}
}

/** Webkit Keyframes **/
@-webkit-keyframes up-one {
	0% {
		-webkit-transform:translateY(100%);
	}
	10% {
		-webkit-transform:translateY(0);
	}
	40% {
		-webkit-transform:translateY(0);
	}
	50% {
		-webkit-transform:translateY(-100%);
	}
	100%{
		-webkit-transform:translateY(-100%);
	}
}
@-webkit-keyframes up-two {
	0% {
		-webkit-transform:translateY(100%);
	}
	50% {
		-webkit-transform:translateY(100%);
	}
	60% {
		-webkit-transform:translateY(0);		
	}
	90% {
		-webkit-transform:translateY(0);		
	}
	100%{
		-webkit-transform:translateY(-100%);
	}
}
