January 01 | 11pm | ہیڈلائن

[embedded content]

.rscolumn1 { float: left; width: 13%; padding-right: 0px; padding-left: 0px;}
.rscolumn2 { width: 70%; padding-right: 0px; padding-left: 0px;}
.rscolumn3 { float: left; width: 10%; padding-right: 0px; padding-left: 0px;}
.rscolumn4 { float: left; width: 5%; padding-right: 0px; padding-left: 0px;}
/* timeline */
/* The actual timeline (the vertical ruler) */
.timeline {
position: relative;
max-width: 700px;
margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
content: ”;
position: absolute;
width: 2px;
background-color: #1a2871;;
/*background-color: #eb0042;*/
top: 25px;
bottom: 75px;
right: -1%;
margin-left: -3px;
}

/* Container around content */
.containar {
padding: 0px 27px;
position: relative;
width: 100%;
padding-top: 0px;
}

/* The circles on the timeline circles */
.containar::after {
content: ”;
position: absolute;
width: 20px;
height: 20px;
right: 0px;
background-color: #1a2871;;
border: 4px solid #1a2871;;
top: 10px;
border-radius: 100%;
z-index: 1;
}

/* Place the containar to the left */
.left {
left: 0;
}
/* Place the containar to the right */
.right {
left: 2.5%;
}

/* Fix the circle for containars on the right side */
.right::after {
right: 0px;
}

/* The actual content */
.content {
position: relative;
}

/* Media queries – Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
/* Place the timelime to the left */
.timeline::after {
right: 10px;
bottom: 82px;
top: 40px;
}

/* Full-width containars */
.containar {
width: 100%;
padding-top: 0px;
}

/* Make sure all circles are at the same spot */
.left::after, .right::after {
right: 5px;
top: 40px;
}

/* Make all right containars behave like the left ones */
.right {
left: 1.2%;
}
}
.rsmostread { font-family: Urdu Khush Khati Regular !important; font-size: 25px; color: #000000; font-weight: 500; font-style: normal;text-decoration: none;}
.rscolumn2 { float: right; width: 85%; padding-right: 0px; padding-left: 0px;}
.rscolumn3 { float: left; width: 12%; padding-right: 0px; padding-left: 0px;}
.culture-module-8 {
width: 100%;
position: relative;
border-bottom: 0px solid #1a2871;;
border-top: 0px solid #1a2871;;
line-height: 36px;
line-height: 36px;
font-family: ‘Gotham’ !important;
font-size: 17px;
color: #1a2871;;
font-weight: bold;
font-style: normal;
}
.f-column { float: left; width: 33.33%; padding-right: 10px; padding-left: 10px;}
.radius { border-radius: 15px;}
@media screen and (max-width:600px){.f-column{width:100%;padding-right:0;border:none;padding-right:0;padding-left:0}}
.HT8 { height: 240px;}

متعلقہ خبریں

#mixedSlider { position: relative; }
#mixedSlider .MS-content {
white-space: nowrap;
overflow: hidden;
margin: 0 5%;
}
#mixedSlider .MS-content .item {
display: inline-block;
width: 33.3333%;
vertical-align: top;
overflow: hidden;
height: 100%;
white-space: normal;
padding: 0 10px;
}
@media (max-width: 991px) {
#mixedSlider .MS-content .item {
width: 50%;
}
}
@media (max-width: 767px) {
#mixedSlider .MS-content .item {
width: 100%;
padding: 0 0px;
}

#mixedSlider .MS-content { margin: 0 0%!important;}
}
#mixedSlider .MS-content .item .imgTitle {
position: relative;
}
#mixedSlider .MS-content .item .imgTitle .blogTitle {
margin: 0;
text-align: left;
letter-spacing: 2px;
color: #252525;
font-style: italic;
position: absolute;
background-color: rgba(255, 255, 255, 0.5);
width: 100%;
bottom: 0;
font-weight: bold;
padding: 0 0 2px 10px;
}
#mixedSlider .MS-content .item .imgTitle img {
height: auto;
width: 100%;
}
#mixedSlider .MS-content .item p {
font-size: 16px;
margin: 2px 10px 0 5px;
text-indent: 15px;
}

#mixedSlider .MS-controls button {
position: absolute;
border: none;
background-color: transparent;
outline: 0;
font-size: 50px;
top: 20%;
color: rgba(26, 40, 113);
transition: 0.15s linear;
}
#mixedSlider .MS-controls button:hover {
color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 992px) {
#mixedSlider .MS-controls button {

}
}

#mixedSlider .MS-controls .MS-left {
left: 0px;
}
@media (max-width: 767px) {
#mixedSlider .MS-controls .MS-left {
padding-left: 5px;
color: #ffffff;
}
}
#mixedSlider .MS-controls .MS-right {
right: 0px;
}
@media (max-width: 767px) {
#mixedSlider .MS-controls .MS-right {
padding-right: 5px;
color: #ffffff;
}
}
#basicSlider { position: relative; }

#basicSlider .MS-content {
white-space: nowrap;
overflow: hidden;
margin: 0 2%;
height: 50px;
}

#basicSlider .MS-content .item {
display: inline-block;
width: 20%;
position: relative;
vertical-align: top;
overflow: hidden;
height: 100%;
white-space: normal;
line-height: 50px;
vertical-align: middle;
}
@media (max-width: 991px) {
#basicSlider .MS-content .item { width: 25%; }
}
@media (max-width: 767px) {

#basicSlider .MS-content .item { width: 35%; }
}
@media (max-width: 500px) {
#basicSlider .MS-content .item { width: 50%; }

#mixedSlider .MS-controls button {

top: 30%!important;

}

}

#basicSlider .MS-content .item a {
line-height: 50px;
vertical-align: middle;
}

#basicSlider .MS-controls button { position: absolute; }

@media all and (max-width: 1022px) {
.playicon5 { position: absolute; top: 136.5px!important;}
}
@supports (-webkit-overflow-scrolling: touch) {
.playicon5 { top: 145px!important;}
.video-icon { bottom: -1px!important; }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.playicon5 { position: absolute; top: 95px;}
}

@supports (-moz-appearance:none) {
.playicon5 { position: absolute; top: 94px;}
.video-icon { width: 22%!important; }
}

.vd { position: relative;}
.thumb { position: absolute; bottom: 0px; left: 0px;}
.video-icon { position: absolute; max-width: 100%; z-index: 100; left: 0px; bottom: 0px; -webkit-transform: translate(0%,0%); -ms-transform: translate(0%,0%); transform: translate(0%,0%); display: inline-block;}

Let’s block ads! (Why?)

اپنے دوستوں کے ساتھ شیئر کریں

یہ بھی پڑھیے