@charset "utf-8";

/*=========================================

Style by Zahid Mukhtar
Email : zahidilead88@gmail.com
Contact No : +92 321 4516195
https://www.linkedin.com/in/zahidfareed/

===========================================*/

@media (max-width:1920px) and (min-width:1681px) {
	#banner, .bot-bg, ul.bjqs {
	    height: 655px;
	}
	li.bjqs-slide p {
	    font-size: 44px;
	    bottom: 12%;
	}
	.menuzord-menu > li > a {
	    font-size: 110%;
    	padding: 20px 42px;
	}
	.breakingNews > .bn-title {
	    width: 17%;
	}
	p.intro-bold, .breakingNews>.bn-title > h2, #breakNews > ul > li {
	    font-size: 120%;
	}
	.chair-pern-state .quote p.q-text {
	    font-size: 148%;
	    line-height: 38px;
	}
	.box-hold .box ul li a {
	    font-size: 100%;
	}
	.download-pdf {
	    width: 4%;
	    padding: 2.04% 3%;
	}
	.show-video {
	    width: 60%;
	}
	.lat-vid-up {
	    width: 34%;
	    padding: 2% 3%;
	    min-height: 296px;
	}
	.vid-list-des {
	    width: 72%;
	}
}
@media (max-width:1680px) and (min-width:1601px) {
	#banner, .bot-bg, ul.bjqs {
	    height: 573px;
	}
	li.bjqs-slide p {
	    font-size: 44px;
	    bottom: 12%;
	}
	.menuzord-menu > li > a {
	    font-size: 100%;
    	padding: 20px 34px;
	}
	.breakingNews > .bn-title {
	    width: 17%;
	}
	p.intro-bold {
	    font-size: 120%;
	}
	.breakingNews >.bn-title > h2, #breakNews > ul > li {
	    font-size: 100%;
	}
	.chair-pern-state .quote p.q-text {
	    font-size: 130%;
		line-height: 32px;
	}
	.box-hold .box ul li a {
	    font-size: 100%;
	}
	.download-pdf {
	    width: 4%;
	    padding: 1.9% 3%;
	}
	.show-video {
	    width: 60%;
	}
	.lat-vid-up {
	    width: 34%;
	    min-height: 303px;
	    padding: 2% 3%;
	}
	.vid-list-des {
	    width: 68%;
	}
}
@media (max-width:1600px) and (min-width:1441px) {
	#banner, .bot-bg, ul.bjqs {
	    height: 545px;
	}
	.menuzord-menu > li > a {
    	padding: 20px 30px;
	}
	.chair-pern-state .quote p.q-text {
	    font-size: 130%;
		line-height: 32px;
	}
	.box-hold .box ul li a {
	    font-size: 100%;
	}
	.name-prsn {
	    margin: 26px 0px 12px;
	}
	.download-pdf {
	    width: 4%;
	    padding: 1.9% 3%;
	}
	.show-video {
	    width: 60%;
	}
	.lat-vid-up {
	    width: 34%;
	    min-height: 303px;
	    padding: 2% 3%;
	}
	.vid-list-des {
	    width: 68%;
	}
}
@media (max-width:1440px) and (min-width:1367px) {
	#banner, .bot-bg, ul.bjqs {
	    height: 490px;
	}
	li.bjqs-slide p {
	    font-size: 215%;
	}
	.menuzord-menu > li > a {
	    font-size: 100%;
	    padding: 20px 22px;
	}
	.breakingNews > .bn-title > h2, #breakNews > ul > li {
		font-size: 15px;
	}
	p.intro-bold {
	    font-size: 110%;
	}
	.chair-pern-state .quote p.q-text {
	    font-size: 110%;
    	line-height: 30px;
	}
	.download-pdf {
	    width: 4%;
	    padding: 1.72% 3%;
	}
	.show-video {
	    width: 60%;
	}
	.lat-vid-up {
	    width: 34%;
	    min-height: 303px;
	    padding: 2% 3%;
	}
	.vid-list-des {
	    width: 63%;
	}
}

@media (max-width:1280px) {
	#banner, .bot-bg, ul.bjqs {
	    height: 435px;
	}
	.menuzord-menu > li > a {
	    padding: 20px 19px 20px 19px;
	}
	 .home-intro {
	    width: 70%;
	}
	.home-intro-side {
	    width: 28%;
	}
	#breakNews {
	    width: 80%;
	}
	.chair-pern-state .quote p.q-text {
	    font-size: 17px;
	    line-height: 27px;
	}
	.name-prsn {
	    margin: 26px 0px 0px;
	}
	.f-foot ul {
	    width: 16%;
	}
	li.bjqs-slide p {
	    width: 88%;
	    bottom: 12%;
	    left: 6%;
	}
	.download-pdf {
	    padding: 1.35% 3%;
	}
	.show-video {
	    width: 60%;
	}
	.lat-vid-up {
	    width: 36%;
	    min-height: 314px;
	    padding: 2% 2%;
	}
}
@media (max-width:1024px) {
	#banner, .bot-bg, ul.bjqs {
	    height: 350px;
	}
	li.bjqs-slide p {
	    font-size: 28px;
	}
	.menuzord-menu > li > a {
		font-size: 13px;
	    padding: 20px 9px 20px 9px;
	}
	#breakNews {
	    width: 75%;
	}
	.home-intro {
	    width: 63%;
	}
	.home-intro-side {
	    width: 35%;
	}
	p.intro-bold {
	    font-size: 14px;
	    line-height: 30px;
	}
	.box-hold .box ul li {
	    width: 60%;
	}
	.box-hold .box ul li a:hover {
	    padding-left: 1px;
	}
	.chair-pern-state .quote {
		min-height: 361px;
	}
	.chair-pern-state .quote p.q-text {
	    font-size: 14px;
	    line-height: 19px;
	}
	.news-post .date {
	    font-size: 13px;
	    line-height: 21px;
	    margin: 8px 0px;
	    padding-left: 30PX;
	    background: url(../images/clock.png) 0px 0px no-repeat;
	}
	.news-post h3 {
	    font-size: 16px;
	    font-weight: 600;
	    letter-spacing: 0px;
	}
	.news-post p {
	    font-size: 13px;
	    line-height: 20px;
	}
	.f-logo {
	    width: 13%;
	    margin: 5.3% 5% 3.5% 0%;
	}
	.f-logo img {
		width: 100%;
	}
	.f-links .f-title {
	    font-size: 14px;
	}
	.f-links li a {
	    font-size: 14px;
	    line-height: 24px;
	}
	.f-foot {
	    margin: 20px 0px 0px 0px;
	}
	.f-foot ul {
	    width: 20%;
	}
	.left-side .home-on-comp h2 {
	    font-size: 18px;
	}
	.home-on-comp h2 span {
	    font-size: 14px;
	}
	.left-side .home-on-comp a {
	    font-size: 90%;
	    width: 86%;
	    margin: 0px 7% 15px;
	}
	.home-on-comp a span {
	    padding: 10px 15px;
	}
	.dowload-title p {
		font-size: 14px;
	}
	.show-video {
	    width: 100%;
	}
	.lat-vid-up {
	    width: 96%;
	    min-height: auto;
	    padding: 2% 2%;
	}
	.lat-vid-up div:nth-child(3), .lat-vid-up div:nth-child(5) {
	    margin-right: 10px !important;
	}
	.lat-vid-up div:nth-child(4), .lat-vid-up div:nth-child(5) {
	    margin-bottom: 10px !important;
	}
	.vid-list-des {
	    width: 48%;
	}
	#line-urdu .menuzord-menu > li > a {
	    padding: 18px 14px;
	    font-size: 16px;
	}
	.about-couple {
		margin-right: 1.1%;
	}
	#line-urdu .about-couple {
	    margin-left: 1.1%;
	}
}

@media(max-width:768px) {
	header {
	    height: 100px;
	    background: #fff url(../images/logo-bar.gif) center 10px no-repeat;
	    background-size: 190%;
	}
	#banner, .bot-bg, ul.bjqs {
	    height: 259px;
	}
	.bot-bg {
	    opacity: 0.8;
	}
	li.bjqs-slide p {
	    width: 90%;
	    bottom: 10%;
	    left: 5%;
	    font-size: 23px;
	    line-height: 36px;
	}
	.home-intro {
	    width: 100%;
	}
	.breakingNews {
	    background: #015aa9;
	}
	.breakingNews>.bn-title>h2 {
		display: none !important;
	}
	#breakNews {
	    width: 97%;
	}
	.bn-red>.bn-title>span {
	    right: -5px;
	    top: 21px;
	    border-width: 5px 0px 5px 5px;
	    border-left-color: #fff;
	}
	#breakNews>ul>li {
		color: #fff;
		line-height: 54px;
    }
    .home-intro-side {
	    width: 93.5%;
	    float: none;
	    margin: 0 auto;
	}
	.home-on-comp {
	    width: 96%;
	    padding: 2%;
	}
	.chair-pern-state {
	    width: 100%;
	    margin-bottom: 20px;
	}
	.chair-pern-state .quote {
	    min-height: auto;
	}
	.chair-pern-state .quote p.q-text {
	    font-size: 18px;
	    line-height: 26px;
	}
	.box-hold {
	    width: 100%;
	}
	.box-hold .box {
	    width: 43%;
	}
	#home-news-event div:nth-child(3){
		display: none;
	}
	.home-news-box {
	    width: 49%;
	}
	.f-logo {
	    width: 100%;
	    text-align: center;
	    margin: 0% 0% 5%;
	}
	.f-logo img {
	    width: auto;
	}
	.f-links {
	    width: 49%;
	    text-align: center;
	}
	.f-foot p {
	    width: 100%;
	    text-align: center;
	    line-height: 30px;
	}
	.f-foot ul {
	    width: 100%;
	}
	.f-foot ul {
	    width: 100%;
	    float: left;
	    text-align: center;
	    margin: 10px 0px 0px;
	}
	.f-foot ul li {
	    float: none;
	    display: inline-block;
	}
	.f-foot ul li a {
	    float: none;
	    display: inline-block;
	}
	#inner-banner {
	    min-height: 120px;
	}
	.inner-banner-bg {
	    height: 120px;
	}
	#inner-banner .container h2 {
	    font-size: 24px;
	    line-height: 120px;
	}
	.inner-content {
	    width: 100%;
	    margin-bottom: 20px;
	}
	.left-side, #line-urdu .left-side {
	    width: 50%;
	    float: none;
	    margin: 0px auto;
	}
	.dep-dscrb h2 {
	    font-size: 16px;
	    font-weight: 500;
	}
	.dep-dscrb p {
	    font-size: 14px;
	    line-height: 24px;
	    font-weight: 300;
	}
	.btn span {
	    padding: 10px 40px;
	    font-size: 14px;
	}
	#line-urdu .menuzord-menu > li > a {
	    text-align: right;
	}
	#line-urdu .f-logo, #line-urdu .f-links, #line-urdu .f-foot p {
		text-align: center;
	}
	#line-urdu .f-foot ul {
		width: 100%;
    	text-align: center;
	}
}

@media(max-width:650px) {
	#banner, .bot-bg, ul.bjqs {
	    height: 214px;
	}
	.dropdown-content {
	    z-index: 102;
	}
	header {
		background-size: 235%;
	}
	li.bjqs-slide p {
	    font-size: 20px;
	    line-height: 30px;
	}
	.break-News {
		display: none;
	}
	.home-intro-side {
	    width: 100%;
	    float: left;
	}
	.ease-doing, .file-track {
	    width: 46%;
	    padding: 2%;
	    height: 64px;
	    float: left;
	    line-height: 65px;
	    background-size: 100% auto;
	}
	.file-track:hover, .ease-doing:hover {
	    background-position: 0px -89px;
	}
	.box-hold .box {
	    width: 94%;
	}
	.home-news-box {
	    width: 100%;
	    margin-bottom: 10px;
	}
	.left-side {
	    width: 70%;
	}
	.left-side h2 {
	    width: 90%;
	    font-size: 14px;
	    line-height: 44px;
	    padding: 0 5%;
	}
	.left-menu-accor li a {
	    padding: 3% 5%;
	}
	.download-pdf img {
		width: 122%;
	}
	.grid figure {
	    width: 98%;
	}
	.vid-list-des {
	    width: 100%;
	    margin: 10px 0px 20px;
	}
	.about-couple {
	    width: 45%;
	}
	.f-rght, .f-cp-po {
		width: 100%;
	}
	.web-counter, #line-urdu .web-counter {
		text-align: center;
	}
	#line-urdu .about-couple:nth-child(3n) {
		margin-left: 1.1%;
	}
}
@media(max-width:600px) {
	#banner, .bot-bg, ul.bjqs {
	    height: 200px;
	}
	.ease-doing, .file-track {
		height: 62px;
	    line-height: 62px;
    }
    .file-track:hover, .ease-doing:hover {
	    background-position: 0px -83px;
	}
	.download-pdf img {
	    width: 127%;
	}
	.left-side {
	    width: 80%;
	}
}

@media(max-width:480px) {
	#banner, .bot-bg, ul.bjqs {
	    height: 165px;
	}
	header {
	    background-size: 290%;
	}
	.bot-bg {
	    opacity: 0.4;
	}
	li.bjqs-slide p {
		display: none;
	}
	.home-on-comp a {
	    margin: 20px 10%;
	}
	.home-on-comp a span {
	    padding: 18px 15px;
	}
	.ease-doing, .file-track {
		width: 96%;
		height: 115px;
    	line-height: 115px;
    }
    .file-track:hover, .ease-doing:hover {
	    background-position: 0px -130px;
	}
	.left-side {
	    width: 90%;
	}
	.download-pdf {
	    padding: 1.87% 3%;
	}
	.global-accordian-btn:before, .global-accordian-btn:after {
	    height: 9px;
	    right: 14px;
	    top: 30%;
	    width: 8px;
	}
	.left-side .home-on-comp a {
	    font-size: 100%;
	    width: 74%;
	    margin: 0px 13% 15px;
	}
	.home-on-comp a span {
	    padding: 12px 15px;
	}
	.cont-box-persn {
		background: #fdfdfd;
	}
	.persn-name, .persn-cnt-del {
	    width: 94%;
	}
	.cont-head h2 {
	    font-size: 15px;
	}
	.toll-free p {
	    font-size: 14px;
	    margin-bottom: 18px;
	}
	.toll-free span {
	    font-size: 24px;
	}
	.note h4, .note p {
	    font-size: 14px;
	}
	iframe.show-height {
		min-height: 250px;
	}
	.left-side, #line-urdu .left-side {
	    width: 80%;
	}
	.about-couple, #line-urdu .about-couple {
		width: 98%;
	}
}
@media(max-width:470px) {
	.container {
	    width: 96%;
	}
	header {
		height: 90px;
    	background-size: 280%;
	}
	.dropbtn {
	    padding: 6px;
	    font-size: 10px;
	}
	.dropdown-content {
	    min-width: 85px;
	}
	.dropdown-content a {
	    font-size: 12px;
	    padding: 8px;
	}
	.intro-container {
	    margin: 10px 0px 0px;
	}
	p.intro-bold {
	    font-size: 13px;
	    line-height: 18px;
	    text-transform: none;
	    margin: 0px 0px 15px;
	}
	.chair-pern-state .quote {
	    background: url(../images/quotes.png) 15px 7px no-repeat;
	}
	.chair-pern-state .quote p.q-text {
	    font-size: 15px;
	    line-height: 20px;
	}
	.ease-doing, .file-track {
	    width: 96%;
	    height: 85px;
	    line-height: 85px;
	}
	.file-track:hover, .ease-doing:hover {
	    background-position: 0px 97px;
	}
	.f-links {
	    width: 99%;
	    text-align: center;
	}
	.download-pdf {
	    padding: 2.35% 3%;
	}
	.download-pdf img {
	    width: 140%;
	}
	.section-search {
	    width: 50%;
	    padding: 2%; 
	}
	.page-content-title {
	    line-height: 36px;
	}
	.dep-dscrb {
		display: none;
	}
	.left-side {
	    width: 100%;
	}
	#inner-banner {
	    min-height: 80px;
	}
	.inner-banner-bg {
	    height: 80px;
	}
	#inner-banner .container h2 {
	    font-size: 18px;
	    line-height: 80px;
	}
	.global-accordian-btn {
		font-size: 14px;
	}
	figure.effect h2 {
	    font-size: 16px;
	}
	.vid-list-thumb {
	    width: 100%;
	}
	.vid-list-thumb img {
	    width: 100%;
	}
	iframe.show-height {
		min-height: 200px;
	}
	.left-side, #line-urdu .left-side {
	    width: 100%;
	}
}
@media (max-width: 414px) {
	header {
	    height: 85px;
	    background-size: 295%;
	}
	#banner, .bot-bg, ul.bjqs {
	    height: 143px;
	}
}

@media(max-width:384px) {
	header {
		height: 75px;
    	background-size: 295%;
	}
}
@media(max-width:360px) {
	#banner, .bot-bg, ul.bjqs {
	    height: 118px;
	}
	header {
		height: 70px;
    	background-size: 280%;
	}
}
@media(max-width:320px) {
	#banner, .bot-bg, ul.bjqs {
	    height: 104px;
	}
	.ease-doing, .file-track {
	    width: 96%;
	    height: 74px;
	    line-height: 74px;
	}
	.file-track:hover, .ease-doing:hover {
	    background-position: 0px 85px;
	}
	.chair-pern-state .title {
	    font-size: 20px;
	}
	.menuzord .showhide {
	    width: 41px;
	    height: 36px;
	    padding: 7px 0px 0;
	}
	.menuzord .showhide em {
	   margin: 3.5px 10px 0;
	}
	.download-pdf {
	    padding: 2.63% 3%;
	}
}
