.navbar{
border-radius:0px;
margin-bottom: 0px;
border-color:transparent;
}

.navbar-nav > li > a {
    color: #fff !important;
}

.navbar-nav > li > a:hover , .navbar-nav > li > a:focus {
   border:2px solid grey;
   padding-top: 3px !important;  
   margin-top: 10px !important;
	padding-bottom:5px !important;
	border-radius:5px;
}


#header{
	height:480px;	
	background:url('http://localhost/elppr/assets/images/banner_background.jpg') 0 0 / 100% 100%;	
}

#header .container{
height:100%;
}

.header-right{
position:relative;
height:100%;
}

.header-right img{
position:absolute;
bottom:0;
right:0;	
width:85%;
}

.header-left{
height:100%;
position:relative;
}

.left-content{
position:absolute;
left:0;
right:0;
top:30%;
bottom:0;
color:#fff;
}

#txt2{
font-size:100px;
color:#fff;
font-weight:bold;
line-height: 75px;
}

#btn-start{
background-color:#FBD629;
color:#000;
padding:10px 20px;
position: absolute;
left: 0;
right: 0;
width: 175px;
margin: 0 auto;
margin-top:25px;
box-shadow: 0px 0px 10px #FBD629;
font-size:18px;
text-align:center;
border-radius:7px;
cursor:pointer;
}


#txt5{	
	margin-top:50px;
	margin-bottom:50px;
}

.mid-txt1{
	font-size:17px;
}

.mid-txt2{
font-size: 30px;
font-weight: bold;
}

.mid-txt2 span{
color:grey;
}

.mid-body-heading{
font-size:21px;
margin:15px 0px;
font-weight:bold;

}

.mid-body-content{
text-align:center;	
line-height:21px;
margin-bottom:50px;
font-size:16px;
}


.w3{
border-left:3px solid #0073C3;
width:100%;
height:75px;
}

.w3-left{
padding-left:15px;
}

.w3-left1{
font-size:30px;
font-weight:bold;
}

.w3-left2{
	font-size:17px;
color:grey;	
}	


.w3-right{
	height: 42px;
width: 200px;
background-color: #0073C3;
margin-top: 18px;
margin-right:30px;
text-align:center;
line-height:42px;
font-size:15px;
color:#fff;
}

.w3-right span{
font-size:21px;
font-weight:bold;
}

.w3-right a{
display:block;
height:100%;
width:100%;
text-decoration:none;
color:#fff;
}

.brands{
	text-align:center;
}

.brands img{
width:95%;
}


#pr-dist1{
font-size:20px;
margin-top:35px;
margin-bottom:15px;
color:grey;
}

#pr-dist11{
font-size:20px;
margin-top:35px;
margin-bottom:15px;
color:grey;
}


#pr-dist2{
font-size:23px;
font-weight:bold;
margin-bottom:5px;
}

#pr-dist2 span{
	color:#F4AD09;
}

#pr-dist3{
color:grey;
}

#pr-dist4{
background-color:#4B5974;
color:#fff;
font-size:20px;
width:250px;
height:55px;
line-height:55px;
text-align:center;
margin:0 auto;
margin-top:45px;
margin-bottom:25px;
border-radius:3px;
}

#pr-dist4 a{
text-decoration:none;
color:#fff;
display:block;
height:100%;
width:100%;
}

.footer{
min-height:50px;
background-color:#000;

}

.footer-ul{
color:#fff;
list-style-type:none;
}

.footer-li{
float:left;
display:block;
padding:20px 10px;

}

.footer-li a{
text-decoration:none;
font-size: 12px;
color:#fff;
display:block;
height:100%;
width:100%;
}


@media (max-width:320px){

.left-content{
top:5%;
}

.left-content > h1{
font-size:16px;
}

#txt2{
font-size:45px;
}

#header{
	height:350px;
}

.mid-txt1{
font-weight:bold;	
}

.mid-txt2{
	margin:0px;
	padding:0px;
font-size:16px;
margin-bottom:-50px;
}

.mid-body-heading{
font-size:16px;
}

.brands{
margin:20px;
}

#pr-dist2{
font-size:17px;
}

#pr-dist4{
font-size: 18px;
width: 220px;
height: 44px;
line-height: 44px;
}

.footer-ul > :first-child {
    margin-top:15px;
}

.footer-li{
	float: none;
	padding:5px;
}

}



@media (min-width:321px) and (max-width:560px){

.left-content h1{
font-size:27px;
}


#txt2{
font-size: 15vw;
}


.brands{
width:33%;
float:left;
}



}


@media (min-width:561px) and (max-width:766px){

.brands{
width:33%;
float:left;
}



}









.title h1{
	font-family:'Raleway', sans-serif;
font-size:24px;
font-weight:bold;
}


.subtitle{
/*font-family: 'Raleway', sans-serif;	
font-family: 'Nunito Sans', sans-serif; 
font-family:'Open Sans',sans-serif; */
font-family:'Titillium Web', sans-serif;
font-size:17px;
color:rgb(125, 130, 140);
line-height:23px;
}

.content{
font-family: 'Nunito Sans', sans-serif;
font-size:17px;
margin-top:10px;
text-align:justify;
}

.release_details{
font-family: 'Titillium Web', sans-serif;
font-size:15px;
margin: 20px 0px;
font-weight:bold;
}

.release_details #sp1{
color:grey;
text-transform:uppercase;
}


.release_details #sp2{
color:green;
text-transform:uppercase;
}

.content img{
height:250px;
padding:15px;
}

.no-pro{
    color:red;    
    text-align: center;
    font-size: 18px;  
    padding:0px 10px;
    
}



.bpro-img{
    width: 120px;
    height:120px;    
    border-radius: 50%;
    vertical-align: middle;
    margin:0 auto;
    margin-top: 10%;
    margin-bottom: 10%;
}

.bpro-img img{
    width: 100%;
    height: 100%;
     border:2px solid #FF6828;
    border-radius: 50%;
    
}

.bpro-name{
    font-size: 27px;
font-weight: bold;
word-wrap: break-word;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 90%;
}

.bpro-proname{
    font-size:17px;
    color:grey;
}

.bpros{
    background-color:#D3D3D3;
    padding:10px 0px;
    min-height: 120px;
    box-shadow: 0px 2px 3px #8A8383;
}

.edit-btn{
    margin-top: 10px;
    width: 80px;
    font-size: 16px;
}

.bpro-desc{
    word-wrap: break-word;
}

.rt-b{   
    border-right: 2px solid #BEBEBE;
}

.binfo{
    padding-top: 25px;
    padding-bottom:25px;
}