ul.navigation{
   /* border: 1px solid black;*/
    float: right;
    width: 100%;
    padding: 0px;
    background: #177fc2; position: relative;
    padding-right: 10px;
}

ul.navigation > li{
    float: right;
    /*border: 1px dashed red;*/
}
ul.navigation > li > a{
    /*border: 1px dashed green;*/
    color: white;
    float: right;
    padding: 7px 13px;
    text-align: right;
    font-family: "Jameel Noori Nastaleeq","Alvi lahori Nastaleeq","Urdu Naskh Asiatype",Georgia,Arial,Tahoma;
    font-size: 18px;
    text-align: right;
}

ul.xyz{

}
ul.xyz > li:last-child{
  display: none;
}

ul.sub_news{
    /*margin: 0px;
    float: right;
    width: 382px;
    border: 1px solid red;
    margin-top: 38px;
    margin-right: -386px;*/


    display: none;
    float: right;
    width: 100%;
   /* border: 1px solid red;*/
}
ul.sub_news > li{
    float: right;
    width: 22.5%;
    margin-right: 1%;
   /* border: 1px solid;*/
}

ul.sub_news > li:first-child{
    margin-right: 4%;
}
ul.sub_news > li > a{
    float: right;
    color: white;
    width: 252px;
   /* border: 1px solid black;*/
    margin-top: 11px;
    font-family: "Jameel Noori Nastaleeq","Alvi lahori Nastaleeq","Urdu Naskh Asiatype",Georgia,Arial,Tahoma;
    font-size: 15px;
    text-align: right;
}

ul.sub_news > li > a > img{
    height: 130px;
    width: 268px;
}

ul.sub > li:hover ul.sub_news{
    display: block;
    position: absolute;
    margin: 0px;
    padding: 0px;
    margin-top: 35px;
    background: #10473c;
    right: 0px;
    padding-top: 17px;
    padding-bottom: 17px
}

ul.sub > li:hover ul.sub_news{
    background: #10473c;
}

ul.sub_news > li > a > h4{
    display: block;
    padding: 0  15px;
    line-height: 1.6;
    color:white;
}

ul.sub > li:first-child{
   margin-right:15px;
}

ul.navigation li:hover ul.sub  >  li{
   /* margin-top: 20px;*/
}



ul.navigation > li > a:before{
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 15px;
    left: 0px;
    top: 50%;
    transition: all 0.3s ease-in-out 0s;
    width: 1px;
    float: left;
    margin-right: 12px;
    margin-top: 8px;
    margin-left: -12px;
}

ul.navigation > li:last-child > a:before{
    width:0px;
}

ul.navigation  ul.sub_menu,
ul.navigation  ul.sub_menu1,
ul.navigation  ul.sub_menu2,
ul.navigation  ul.sub_menu3,
ul.navigation  ul.sub_menu4,
ul.navigation  ul.sub_menu5{
    display: none;
    width: 1170px;
    padding: 7px 0px;
}
ul.navigation > li:hover ul.sub_menu,
ul.sub_menu > li:hover ul.sub_menu1,
ul.sub_menu1 > li:hover ul.sub_menu2,
ul.sub_menu2 > li:hover ul.sub_menu3,
ul.sub_menu3 > li:hover ul.sub_menu4,
ul.sub_menu4 > li:hover ul.sub_menu5{
    display: block;
    position: absolute;
    z-index: 100;
   /* margin-top: 27px;*/
}
ul.navigation > li:hover ul.sub_menu{
    margin-top: 39px !important;
}
ul.sub_menu > li:hover > a,
ul.sub_menu > li:hover:nth-child(1) ul.sub_menu1{
    background: #1f980e;
}
ul.sub_menu1 > li:hover a.division,
ul.sub_menu > li:hover ul.sub_menu2{
    background: #23aa10;
}
ul.sub_menu2 > li:hover a.district,
ul.sub_menu > li:hover ul.sub_menu3{
    background: #26bc11;
}
ul.sub_menu3 > li:hover a.tehsil,
ul.sub_menu > li:hover ul.sub_menu4{
    background: #2ace13;
}
ul.sub_menu4 > li:hover a.union,
ul.sub_menu > li:hover ul.sub_menu5{
    background: #2ee015;
}

ul.sub_menu > li a.province{
    /*width: 165px;*/
}


ul.sub_menu > li:hover:nth-child(2) a.province,
ul.sub_menu > li:hover:nth-child(2) ul.sub_menu1{
    background: #912525;
}

ul.sub_menu > li:hover:nth-child(2)   ul.sub_menu1 > li:hover a.division,
ul.sub_menu > li:hover:nth-child(2) ul.sub_menu2{
    background: #a52a2a;
}

ul.sub_menu > li:hover:nth-child(2)   ul.sub_menu2 > li:hover a.district,
ul.sub_menu > li:hover:nth-child(2) ul.sub_menu3{
    background: #b92f2f;
}

ul.sub_menu > li:hover:nth-child(2)   ul.sub_menu3 > li:hover a.tehsil,
ul.sub_menu > li:hover:nth-child(2) ul.sub_menu4{
    background: #cc3636;
}


ul.sub_menu > li:hover:nth-child(2)   ul.sub_menu4 > li:hover a.union,
ul.sub_menu > li:hover:nth-child(2) ul.sub_menu5{
    background: #d14a4a;
}

ul.sub_menu > li:hover:nth-child(3) a.province,
ul.sub_menu > li:hover:nth-child(3) ul.sub_menu1{
    background: #ae8918;
}

ul.sub_menu > li:hover:nth-child(3)   ul.sub_menu1 > li:hover a.division,
ul.sub_menu > li:hover:nth-child(3) ul.sub_menu2{
    background: #c59a1b;
}


ul.sub_menu > li:hover:nth-child(3)   ul.sub_menu2 > li:hover a.district,
ul.sub_menu > li:hover:nth-child(3) ul.sub_menu3{
    background: #dbac1e;
}

ul.sub_menu > li:hover:nth-child(3)   ul.sub_menu3 > li:hover a.tehsil,
ul.sub_menu > li:hover:nth-child(3) ul.sub_menu4{
    background: #e3b630;
}

ul.sub_menu > li:hover:nth-child(3)   ul.sub_menu4 > li:hover a.union,
ul.sub_menu > li:hover:nth-child(3) ul.sub_menu5{
    background: #e6be46;
}


ul.sub_menu > li:hover:nth-child(4)    a.province,
ul.sub_menu > li:hover:nth-child(4) ul.sub_menu1{
    background: #199ec0;
}

ul.sub_menu > li:hover:nth-child(4)   ul.sub_menu1 > li:hover a.division,
ul.sub_menu > li:hover:nth-child(4) ul.sub_menu1{
    background: #199ec0;
}

ul.sub_menu > li:hover:nth-child(4)   ul.sub_menu1 > li:hover a.division,
ul.sub_menu > li:hover:nth-child(4) ul.sub_menu2{
    background: #1cb0d6;
}


ul.sub_menu > li:hover:nth-child(4)   ul.sub_menu2 > li:hover a.district,
ul.sub_menu > li:hover:nth-child(4) ul.sub_menu3{
    background: #29bde3;
}

ul.sub_menu > li:hover:nth-child(4)   ul.sub_menu3 > li:hover a.tehsil,
ul.sub_menu > li:hover:nth-child(4) ul.sub_menu4{
    background: #40c4e6;
}
ul.sub_menu > li:hover:nth-child(4)   ul.sub_menu4 > li:hover a.union,
ul.sub_menu > li:hover:nth-child(4) ul.sub_menu5{
    background: #56cbe9;
}

ul.sub_menu > li:hover:nth-child(5) a.province,
ul.sub_menu > li:hover:nth-child(5) ul.sub_menu1{
    background: #b8025c;
}


ul.sub_menu > li:hover:nth-child(5)   ul.sub_menu1 > li:hover a.division,
ul.sub_menu > li:hover:nth-child(5) ul.sub_menu2{
    background: #d10269;
}


ul.sub_menu > li:hover:nth-child(5)   ul.sub_menu2 > li:hover a.district,
ul.sub_menu > li:hover:nth-child(5) ul.sub_menu3{
    background: #ea0276;
}

ul.sub_menu > li:hover:nth-child(5)   ul.sub_menu3 > li:hover a.tehsil,
ul.sub_menu > li:hover:nth-child(5) ul.sub_menu4{
    background: #fd0982;
}

ul.sub_menu > li:hover:nth-child(5)   ul.sub_menu4 > li:hover a.union,
ul.sub_menu > li:hover:nth-child(5) ul.sub_menu5{
    background: #fd238f;
}


ul.sub_menu > li:hover:nth-child(6) a.province,
ul.sub_menu > li:hover:nth-child(6) ul.sub_menu1{
    background: #858501;
}


ul.sub_menu > li:hover:nth-child(6)   ul.sub_menu1 > li:hover a.division,
ul.sub_menu > li:hover:nth-child(6) ul.sub_menu2{
    background: #9e9e02;
}


ul.sub_menu > li:hover:nth-child(6)   ul.sub_menu2 > li:hover a.district,
ul.sub_menu > li:hover:nth-child(6) ul.sub_menu3{
    background: #b7b802;
}

ul.sub_menu > li:hover:nth-child(6)   ul.sub_menu3 > li:hover a.tehsil,
ul.sub_menu > li:hover:nth-child(6) ul.sub_menu4{
    background: #d0d102;
}

ul.sub_menu > li:hover:nth-child(6)   ul.sub_menu4 > li:hover a.union,
ul.sub_menu > li:hover:nth-child(6) ul.sub_menu5{
    background: #e9ea02;
}

ul.sub_menu > li:hover:nth-child(7) a.province,
ul.sub_menu > li:hover:nth-child(7) ul.sub_menu1{
    background: #9e029e;
}


ul.sub_menu > li:hover:nth-child(7)   ul.sub_menu1 > li:hover a.division,
ul.sub_menu > li:hover:nth-child(7) ul.sub_menu2{
    background: #b802b7;
}

ul.sub_menu > li:hover:nth-child(7)   ul.sub_menu2 > li:hover a.district,
ul.sub_menu > li:hover:nth-child(7) ul.sub_menu3{
    background: #d102d0;
}


ul.sub_menu > li:hover:nth-child(7)   ul.sub_menu3 > li:hover a.tehsil,
ul.sub_menu > li:hover:nth-child(7) ul.sub_menu4{
    background: #ea02e9;
}


ul.sub_menu > li:hover:nth-child(7)   ul.sub_menu4 > li:hover a.union,
ul.sub_menu > li:hover:nth-child(7) ul.sub_menu5{
    background: #fd09fb;
}




ul.sub_menu,
ul.sub_menu1,
ul.sub_menu2,
ul.sub_menu3,
ul.sub_menu4,
ul.sub_menu5{
  /*  border: 1px solid orange;*/
    float: right;
    margin-top: 34px;
    padding: 0px;
    background: #177fc2;
    right: 1px;
    right: .01px;
}

ul.sub_menu > li,
ul.sub_menu1 > li,
ul.sub_menu2 > li,
ul.sub_menu3 > li,
ul.sub_menu4 > li,
ul.sub_menu5 > li{
    /*border: 1px solid blue;*/
    float: right;
   /* list-style: upper-alpha;*/
    margin-right: 10px;
}
ul.sub_menu > li > a,
ul.sub_menu1 > li > a,
ul.sub_menu2 > li > a,
ul.sub_menu3 > li > a,
ul.sub_menu4 > li > a,
ul.sub_menu5 > li > a{
    /*border: 1px solid gray;*/
    float: right;
    padding: 7px 13px;
    text-align: right;
    color: white;
   /* width: 353px;*/
    font-weight: bold;
    font-family: "Jameel Noori Nastaleeq","Alvi lahori Nastaleeq","Urdu Naskh Asiatype",Georgia,Arial,Tahoma;
    font-size: 18px;
    text-align: center;
    margin-right: -11px;
}
ul.sub_menu > li > a:before,
ul.sub_menu1 > li > a:before,
ul.sub_menu2 > li > a:before,
ul.sub_menu3 > li > a:before,
ul.sub_menu4 > li > a:before,
ul.sub_menu5 > li > a:before{
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 15px;
    left: 0px;
    top: 50%;
    transition: all 0.3s ease-in-out 0s;
    width: 1px;
    float: left;
    margin-right: 12px;
    margin-top: 8px;
    margin-left: -12px;
}

ul.sub_menu > li:last-child > a:before,
ul.sub_menu1 > li:last-child > a:before,
ul.sub_menu2 > li:last-child > a:before,
ul.sub_menu3 > li:last-child > a:before,
ul.sub_menu4 > li:last-child > a:before,
ul.sub_menu5 > li:last-child > a:before{
    width:0px;
}

ul.sub_menu > li > a{
    /*width:257px;*/
}

ul > li > a:hover{
    /*color:black;*/
}

ul.navigation li:hover:nth-child(3)> ul.sub > li ul.sub_news{
    background: #10473c;
}

ul.navigation li:hover:nth-child(4)> ul.sub > li ul.sub_news{
    background: #e24f57;
}

ul.navigation li:hover:nth-child(5)> ul.sub > li ul.sub_news{
    background: #8a4365;
}

ul.navigation li:hover:nth-child(6)> ul.sub > li ul.sub_news{
    background: #D39003;
}

ul.navigation li:hover:nth-child(7)> ul.sub > li ul.sub_news{
    background: #4CAF50;
}

ul.navigation li:hover:nth-child(8)> ul.sub > li ul.sub_news{
    background: #9E9E9E;
}

ul.navigation li:hover:nth-child(9)> ul.sub > li ul.sub_news{
    background: #800000;
}

ul.navigation li:hover:nth-child(10)> ul.sub > li ul.sub_news{
    background: #CDDC39;
}

ul.navigation li:hover:nth-child(11)> ul.sub > li ul.sub_news{
    background: #e60000;
}

ul.navigation li:hover:nth-child(12)> ul.sub > li ul.sub_news{
    background: #69437d;
}

ul.navigation li:hover:nth-child(13)> ul.sub > li ul.sub_news{
    background: #8BC34A;
}

ul.navigation li:hover:nth-child(14)> ul.sub > li ul.sub_news{
    background: #e012e0;
}

ul.navigation li:hover:nth-child(15)> ul.sub > li ul.sub_news{
    background: #9C27B0;
}

ul.navigation li:hover:nth-child(16)> ul.sub > li ul.sub_news{
    background: #ecc843;
}
ul.navigation li:hover:nth-child(17)> ul.sub > li ul.sub_news{
    background: #FF9800;
}
ul.navigation li:hover:nth-child(18)> ul.sub > li ul.sub_news{
    background: #bf00ff;
}
ul.navigation li:hover:nth-child(19)> ul.sub > li ul.sub_news{
    background: #607D8B;
}
ul.navigation li:hover:nth-child(20)> ul.sub > li ul.sub_news{
    background: #E91E63;
}
ul.navigation li:hover:nth-child(21)> ul.sub > li ul.sub_news{
    background: #baad2c;
}
ul.navigation li:hover:nth-child(22)> ul.sub > li ul.sub_news{
    background: #a2b125;
}




ul.navigation > li:first-child a:hover{
    background: #D39003;
    color: white;
}

ul.navigation >  li:hover:nth-child(2) > a ,
ul.navigation >  li:nth-child(2)  ul.sub_menu{
    background: #46211A !important;
    color: white;
}
ul.navigation >  li:hover:nth-child(3) > a ,
ul.navigation >  li:nth-child(3)  ul.sub_menu{
    background: #10473c !important;
    color: white;
}



ul.navigation >  li:hover:nth-child(4) > a ,
ul.navigation >  li:hover:nth-child(4)  ul.sub_menu{
    background: #e24f57 !important;
    color: white;
}



ul.navigation >  li:hover:nth-child(5) > a,
ul.navigation >  li:hover:nth-child(5)  ul.sub_menu{
    background:#8a4365 !important;
    color: white;
}

ul.navigation >  li:hover:nth-child(6) > a,
ul.navigation >  li:hover:nth-child(6)  ul.sub_menu{
    background:  #D39003 !important;
    color: white;
}

ul.navigation >  li:hover:nth-child(7) > a,
ul.navigation >  li:hover:nth-child(7)  ul.sub_menu{
    background: #4CAF50  !important;
    color: white;
}

ul.navigation >  li:hover:nth-child(8) > a,
ul.navigation >  li:hover:nth-child(8)  ul.sub_menu{
    background: #9E9E9E !important;
    color: white;
}

ul.navigation >  li:hover:nth-child(9) > a ,
ul.navigation >  li:hover:nth-child(9)  ul.sub_menu{
    background: #800000 !important;
    color: white;
}

ul.navigation >  li:hover:nth-child(10) > a ,
ul.navigation >  li:hover:nth-child(10)  ul.sub_menu{
    background: #CDDC39 !important;
    color: black;
}

ul.navigation >  li:hover:nth-child(11) > a ,
ul.navigation >  li:hover:nth-child(11)  ul.sub_menu{
    background: #e60000 !important;
    color: white;
}
ul.navigation >  li:hover:nth-child(12) > a ,
ul.navigation >  li:hover:nth-child(12)  ul.sub_menu{
    background: #69437d !important;
    color: white;
}
ul.navigation >  li:hover:nth-child(13) > a ,
ul.navigation >  li:hover:nth-child(13)  ul.sub_menu{
    background: #8BC34A !important;
    color: white;
}
ul.navigation >  li:hover:nth-child(14) > a ,
ul.navigation >  li:hover:nth-child(14)  ul.sub_menu{
    background: #e012e0 !important;
    color: white;
}
ul.navigation >  li:hover:nth-child(15) > a ,
ul.navigation >  li:hover:nth-child(15)  ul.sub_menu{
    background: #9C27B0 !important;
    color: white;
}
ul.navigation >  li:hover:nth-child(16) > a ,
ul.navigation >  li:hover:nth-child(16)  ul.sub_menu{
    background: #ecc843 !important;
    color: white;
}
ul.navigation >  li:hover:nth-child(17) > a ,
ul.navigation >  li:hover:nth-child(17)  ul.sub_menu{
    background: #FF9800 !important;
    color: white;
}
ul.navigation >  li:hover:nth-child(18) > a ,
ul.navigation >  li:hover:nth-child(18)  ul.sub_menu{
    background: #bf00ff !important;
    color: white;
}
ul.navigation >  li:hover:nth-child(19) > a ,
ul.navigation >  li:hover:nth-child(19)  ul.sub_menu{
    background: #607D8B  !important;
    color: white;
}

ul.navigation >  li:hover:nth-child(20) > a ,
ul.navigation >  li:hover:nth-child(20)  ul.sub_menu{
    background: #E91E63 !important;
    color: white;
}


ul.navigation >  li:hover:nth-child(21) > a ,
ul.navigation >  li:hover:nth-child(21)  ul.sub_menu{
    background: #baad2c !important;
    color: white;
}
ul.navigation >  li:hover:nth-child(22) > a,
ul.navigation >  li:hover:nth-child(22)  ul.sub_menu{
    background: #a2b125 !important;
    color: white;
}
ul.navigation >  li:hover:nth-child(23) > a,
ul.navigation >  li:hover:nth-child(23)  ul.sub_menu{
    background: #795548 !important;
    color: white;
}
ul.navigation >  li:hover:nth-child(24) > a,
ul.navigation >  li:hover:nth-child(24)  ul.sub_menu{
    background: #6e1e57 !important;
    color: white;
}
ul.navigation >  li:hover:nth-child(25) > a,
ul.navigation >  li:hover:nth-child(25)  ul.sub_menu{
    background: #8635a2 !important;
    color: white;
}


ul.sub > li:hover > a{
    background: none;
}