/* Global Header Structure*/


/*Posistion*/
.headovFl-h{
    overflow: hidden;
}
.headovFl-v{
    overflow: visible;
}
.headposRel{
    position: relative;
}
.headposFix{
    position: fixed;
}
.headposAbs{
    position: absolute;
}
.headposT {
    top:  0%; 
}
.headposR {
    right: 0%;
}
.headposB {
    bottom: 0%; 
}
.headposL {
    left: 0%;
}
.headposC {
    top:  50%; 
    left: 50%;
}

/*Display Parent with Child on Hover*/
.headdisplayP{
    display: block;
}
.headdisplayC{
    display: none;
}
.headdisplayP:hover .headdisplayC{
    display: block;
}
/*Display Text Menu Desktop with Icon for Mobile*/
.headdisplayMenuI{
        display: none;
    }
.headdisplayMenuT{
        display: block;
    }
/*Display*/
.headdisplayN{
    display: none;
}
.headdisplayB{
    display: block;
}
.headdisplayI{
    display: inline-block;
}
.headdisplayFR{
    display: flex;
    flex-direction: row;
}
.headdisplayFRr{
    display: flex;
    flex-direction: row-reverse;
}
.headdisplayFR-C{
    display: flex;
    flex-direction: row;
}
.headdisplayFC-R{
    display: flex;
    flex-direction: column;
    text-align: left;
}
.headdisplayFC{
    display: flex;
    flex-direction: column;
}
.headdisplayFCr{
    display: flex;
    flex-direction: column-reverse;
}

/*Alignment*/
.headtextAL {
    text-align: left;
}
.headtextAR {
    text-align: right;
}
.headtextAC {
    text-align: center;
}
.headtextAJ {
    text-align: justify;
}
.headconAC {
    align-content: center;
}




/*Conatiner Width*/
.headwidtha {
    width: 10%;
}
.headwidthb {
    width: 25%;
}
.headwidthc {
    width: 50%;
}
.headwidthd {
    width: 75%;
}
.headwidthe {
    width: 100%;
}



/*Container Margin Inward*/
.headmara{
    margin: 1%;
}
.headmarb{
    margin: 5%;
}
.headmarc{
    margin: 10%;
}
.headmard{
    margin: 20%;
}
/*Container Margin Outward*/
.headmar-a{
    margin: -1%;
}
.headmar-b{
    margin: -5%;
}
.headmar-c{
    margin: -10%;
}
.headmar-d{
    margin: -20%;
}
/*Container Margin Width In*/
.headmarWa{
    margin-left: 1%;
    margin-right: 1%;
}
.headmarWb{
    margin-left: 5%;
    margin-right: 5%;
}
.headmarWc{
    margin-left: 10%;
    margin-right: 10%;
}
.headmarWd{
    margin-left: 20%;
    margin-right: 20%;
}
/*Container Margin Width Out*/
.headmarW-a{
    margin-left: -1%;
    margin-right: -1%;
}
.headmarW-b{
    margin-left: -5%;
    margin-right: -5%;
}
.headmarW-c{
    margin-left: -10%;
    margin-right: -10%;
}
.headmarW-d{
    margin-left: -20%;
    margin-right: -20%;
}
/*Container Margin Height In*/
.headmarHa{
    margin-top: 1%;
    margin-bottom: 1%;
}
.headmarHb{
    margin-top: 5%;
    margin-bottom: 5%;
}
.headmarHc{
    margin-top: 10%;
    margin-bottom: 10%;
}
.headmarHd{
    margin-top: 20%;
    margin-bottom: 20%;
}
/*Container Margin Height Out*/
.headmarH-a{
    margin-top: -1%;
    margin-bottom: -1%;
}
.headmarH-b{
    margin-top: -5%;
    margin-bottom: -5%;
}
.headmarH-c{
    margin-top: -10%;
    margin-bottom: -10%;
}
.headmarH-d{
    margin-top: -20%;
    margin-bottom: -20%;
}


/*Dropdown Padding in Nav*/
.droppada {
  padding: 34px 16px;
}
.droppadI {
  padding: 40px 60px;
}
/*Container Padding*/
.headpada{
    padding: 5%;
}
.headpadb{
    padding: 15%;
}
.headpadc{
    padding: 30%;
}
.headpadd{
    padding: 45%;
}
.headpade{
    padding: 60%;
}
/*Container Padding Width*/
.headpadWa{
    padding-left: 5%;
    padding-right: 5%;
}
.headpadWb{
    padding-left: 15%;
    padding-right: 15%;
}
.headpadWc{
    padding-left: 30%;
    padding-right: 30%;
}
.headpadWd{
    padding-left: 45%;
    padding-right: 45%;
}
.headpadWe{
    padding-left: 60%;
    padding-right: 60%;
}
/*Container Padding Height*/
.headpadH0{
    padding-top: 2%;
    padding-bottom: 2%;
}
.headpadHa{
    padding-top: 5%;
    padding-bottom: 5%;
}
.headpadHb{
    padding-top: 15%;
    padding-bottom: 15%;
}
.headpadHc{
    padding-top: 30%;
    padding-bottom: 30%;
}
.headpadHd{
    padding-top: 45%;
    padding-bottom: 45%;
}
.headpadHe{
    padding-top: 60%;
    padding-bottom: 60%;
}  
  
/*Container Padding Top*/
.headpadTa{
    padding-top: 5%;
}
.headpadTb{
    padding-top: 15%;
}
.headpadTc{
    padding-top: 30%;
}
.headpadTd{
    padding-top: 45%;
}
.headpadTe{
    padding-top: 60%;
}  








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

.headdisplayMenuI{
        display: block;
    }
.headdisplayMenuT{
        display: none;
    }
.headdisplayFR-C{
    display: flex;
    flex-direction: column;
}
.headdisplayFC-R{
    display: flex;
    flex-direction: row;
    text-align: center;
}    
    
/*Conatiner Width*/
.headwidtha {
    width: 25%;
}
.headwidthb {
    width: 50%;
}
.headwidthc {
    width: 100%;
}
.headwidthd {
    width: 100%;
}
.headwidthe {
    width: 100%;
}


/*Dropdown Padding in Nav*/
.droppada {
  padding: 34px 16px;
}
.droppadI {
  padding: 40px 60px;
}
/*Container Padding*/
.headpada{
    padding: 1%;
}
.headpadb{
    padding: 5%;
}
.headpadc{
    padding: 10%;
}
.headpadd{
    padding: 15%;
}
.headpade{
    padding: 20%;
}

/*Container Padding Height*/
.headpadH0{
    padding-top: 0.5%;
    padding-bottom: 0.5%;
}
.headpadHa{
    padding-top: 2%;
    padding-bottom: 2%;
}
.headpadHb{
    padding-top: 5%;
    padding-bottom: 5%;
}
.headpadHc{
    padding-top: 10%;
    padding-bottom: 10%;
}
.headpadHd{
    padding-top: 15%;
    padding-bottom: 15%;
}
.headpadHe{
    padding-top: 20%;
    padding-bottom: 20%;
}  
  
/*Container Padding Top*/
.headpadTa{
    padding-top: 0.5%;
}
.headpadTb{
    padding-top: 5%;
}
.headpadTc{
    padding-top: 10%;
}
.headpadTd{
    padding-top: 15%;
}
.headpadTe{
    padding-top: 20%;
}  

    
    
    
}