﻿.customHeader{display:inline-block;width:100%;float:right;height:180px;overflow:hidden;position:relative;margin-bottom:25px}
.customHeader .bkImg{display:inline-block;position:absolute;width:auto;height:100%;right:0;top:0}
.customHeader .rightside{display:inline-block;float:right;width:530px;margin-right:80px;margin-top: 38px;z-index:1;position:relative}
.customHeader .rightside p{display:inline-block;float:right;font-family:DroidKufiBold, Arial;font-size: 45px;color: #F1BE48;line-height:1;margin-bottom:20px}
.customHeader .rightside span{display:inline-block;float:right;font-family:DroidKufiBold, Arial;font-size: 27px;color: #fff;}
.customHeader .leftSide{display:inline-block;float:left}
.customHeader .leftSide img{display:inline-block;position:absolute;left:35px;bottom:0;height:100%;width:auto}



@media screen and (min-width:1280px) and (max-width:1439px) {
    .customHeader .rightside span{    font-size: 24px;}
    .customHeader .rightside p{font-size: 38px;}
}

@media screen and (min-width:768px) and (max-width:1279px) {
    .customHeader .bkImg{width:100%}
    .customHeader .rightside span{    font-size: 22px;}
    .customHeader .rightside p{font-size: 30px;margin-bottom: 15px;}
    .customHeader .leftSide img{left:0}
    .customHeader .rightside{    margin-right: 20px;}
}


@media screen and (min-width: 320px) and (max-width: 767px) {
.customHeader{height:140px}
.customHeader .bkImg{width:100%}
.customHeader .rightside{margin-right:10px;margin-top:20px;width:157px}
.customHeader .rightside p{font-size:24px;line-height:35px;        margin-bottom: 8px;}
.customHeader .rightside span{font-size:13px}
.customHeader .leftSide img{left:0}


}


