/*-- banner-info --*/

.banner-info {
	padding-top:130px;
    
}


.banner-info h1,h2,h3,h4,h5,h6,p
{
    color:#fff;
    
    /*background-color: rgba(0, 0, 0, 0.8);*/
}

.banner-info h3 {
	font-family:  'Yekan','Orbitron', sans-serif;
	color:#fff;
    text-shadow: 1px 2px 0px #111;
	font-size: 25px;
	font-weight: 400;
	text-transform:uppercase;
}
 .title {

    margin-bottom: 60px;
       
}
 #_title {
     color:#fff;
     display: block;
    text-shadow: 2px 3px 0px #000cff;
    font-family: 'B Elham','Yekan','Orbitron', sans-serif;

       
}
.banner-info h2 {
	font-family: 'Yekan','Orbitron', sans-serif;
	color:#fff;
    text-shadow: 1px 2px 0px #111;
	font-size:37px;
	padding: 20px 0 30px;
	text-transform:uppercase;
	font-weight:500;
}
.banner-info p {
    color:#fff;
	padding: 30px 290px;
    font-size: 15px;
    word-spacing: 5px;
	line-height: 25px;
}


/*-- /banner-info --*/

/*---- responsive-design -----*/
@media(max-width:1920px){

	.banner-info p {
	padding: 30px 533px;
}

}

@media (max-width: 1680px) {
	
	

	.banner-info p {
    padding: 30px 390px;
}

}

@media (max-width: 1600px) {

	.banner-info p {
    padding: 30px 400px;
}

}

@media (max-width: 1440px) {

	.banner-info p {
	padding: 30px 290px;
}

}

@media (max-width: 1366px) {

}

@media (max-width: 1280px) {
	
	.banner-info p {
    padding: 30px 270px;
}
	
}

@media (max-width: 1080px) {

	.banner-info h2 {
	font-size: 30px;
	font-weight: 400;
}
	.banner-info h3 {
	font-size: 20px;
}
	.banner-info p {
    padding: 30px 200px;
    font-size: 14px;
}

}

@media (max-width: 1050px) {

.banner-info p {
    padding: 30px 170px;
    font-size: 13px;
}
}

@media (max-width: 1024px) {

}

@media (max-width: 991px) {

}

@media (max-width: 900px) {

.banner-info p {
    padding: 30px 110px;
}
}

@media (max-width: 800px) {

.banner-info p {
    padding: 30px 145px;
	line-height: 20px;
}
.header {
    height: 500px;
}
    .navbar-brand  p{
    
    font-size: 15px;
    
}
}

@media (max-width: 768px) {	

.banner-info p {
    padding: 30px 80px;
}

}

@media (max-width: 736px) {
	
	.banner-info h3 {
    font-size: 19px;
}
	.banner-info h2 {
    font-size: 25px;
}

	.banner-info p {
    padding: 15px 80px 25px;
}


}

@media (max-width: 667px) {

.banner-info p {
    padding: 15px 30px 25px;
}

}

@media (max-width: 640px){
.banner-info h3 {
    font-size: 18px;
}
.banner-info h2 {
    font-size: 23px;
	padding: 15px 0 30px;
}
.banner-info p {
    padding: 15px 50px 25px;
}

}

@media (max-width: 600px) {

.banner-info p {
    padding: 15px 50px 25px;
	font-size:12px;
}

}

@media (max-width: 568px) {

.banner-info p {
    padding: 15px 30px 25px;
}

}

@media (max-width: 480px){

.header {
    height: 450px;
}
.banner-info {
    padding-top: 80px;
}
.banner-info h2 {
    font-size: 19px;
}
.banner-info h3 {
    font-size: 17px;
}
 
.banner-info p {
    padding: 15px 10px 25px;
	line-height: normal;
}

}

@media (max-width: 414px) {
	
.banner-info h3 {
    font-size: 15px;
}
.banner-info h2 {
    font-size: 16px;
}

}

@media (max-width: 384px) {

.banner-info h3 {
    font-size: 14px;
}
.banner-info h2 {
    font-size: 15px;
}


.header {
    height: 400px;
}
.banner-info {
    padding-top: 80px;
}


}

@media (max-width: 375px) {
.title {

     margin-bottom: 0px;
     
     
}
    .header {
    height: 300px;
}
   .navbar-brand .list-contact .l5
    {
        padding: 0;
    }
     .navbar-brand  p{
    
    font-size: 13px;
    
}
}

@media (max-width: 320px) {

.banner-info h2 {
    font-size: 13px;
}
.banner-info h3 {
    font-size: 13px;
}
.banner-info p {
    padding: 6px 0px 20px;
	font-size: 12px;
    line-height: 16px;
}

}