/*
    Theme Name: Medilab
    Theme URL: https://bootstrapmade.com/medilab-free-medical-bootstrap-theme/
    Author: BootstrapMade.com
    Author URL: https://bootstrapmade.com
*/

body {
    font-family: 'gothambook', sans-serif;
    line-height: 25px;
    color: #1b1b1b;
    font-size: 300;
    font-size: 16px;
    background: #1b1b1b;
    
}


.urdu-menu a {
    font-size: 22px !important;
    font-family: 'MehrNastaliq', sans-serif;
}
 
.urdu p {
    font-size: 20px;
    font-family: 'MehrNastaliq', sans-serif;
}

.urdu h1 {
    font-family: 'MehrNastaliq', sans-serif;

}

.urdu h2 {
    font-family: 'MehrNastaliq', sans-serif;
}

.urdu h3 {
    font-family: 'MehrNastaliq', sans-serif;

}

.urdu h4 {
    font-family: 'MehrNastaliq', sans-serif;

}

.urdu h5 {
    font-family: 'MehrNastaliq', sans-serif;

}

.urdu h6 {
    font-family: 'MehrNastaliq', sans-serif;

}

/*---new---*/
.main_top {
    background: rgba(0, 0, 0, 0) url("../img/background2.jpg") repeat scroll center center;
    background-size:cover;
}
#contact{    background: rgba(0, 0, 0, 0) url("../img/background2.jpg") repeat scroll center center;
    background-size:cover;  padding-top: 40px;}
.navbar-nav {
    background: #ce181f none repeat scroll 0 0;
    border-radius: 30px;
    padding: 0 15px;
    margin-top: 5px;
   }
   .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent !important;
   }
  .app_butt > li {
    display: inline-block;
    margin-top: 20px;
} 
.banner-info h2 {
    font-size: 38px;
    line-height: 45px;
    margin-bottom: 18px;
    margin-top: 40px;
}
.app_butt img {
    width: 90%;
}
.app_butt {
    padding: 0;
}
.banner_img > img
{
    margin-top: -51px;
}

@font-face {
    font-family: 'gothambook';
    src: url('../fonts/gothambook-webfont.woff2') format('woff2'),
         url('../fonts/gothambook-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MehrNastaliq';
    src: url('../fonts/MehrNastaliq.ttf');
    font-weight: normal;
    font-style: normal;

}
.modal-dialog.web_site {
  margin-top: 200px;
  max-width: 430px;
  width: 430px;
}
.modal-header p {
    padding: 5px 0;
    font-size: 18px;
}
.modal-dialog.web_site .modal-content {
  background: rgba(0, 0, 0, 0) url("../img/background2.jpg") repeat scroll center center / 100% auto;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0 none;
  position: relative;
}
.navbar-fixed-bottom, .navbar-fixed-top {
    z-index: 999999;
}
.main_box h4
{
    color:#ce181f;
}
.btn.btn-info.Submit.sub_2 {
  background: #ce181f none repeat scroll 0 0;
  border: medium none;
}
.content_box > img {
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 80px;
}
.content_box1 > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
}
.content_box {
    position: relative;
    padding-bottom: 20px;
    padding-right: 90px;
}
.success_msg {
    color: green;
}
.text_b {
     text-align: right;
}
.text_b > h3 {
    font-size: 24px;
    margin: 4px 0;
    text-transform: uppercase;
}
.text_b > p {
    line-height: 25px;
}
.content_box1 {
 position: relative;
 padding-bottom: 20px;
  padding-left: 90px;
}
.text_b1 {
    text-align: left;
}


.text_b h2 {
    font-size: 30px;
    color: #ce181f;
}

.text_b1 h2 {
    font-size: 30px;
    color: #ce181f;
}

.text_b1 > h3 {
    font-size: 24px;
    margin: 4px 0;
    text-transform: uppercase;
}
.text_b1 > p {
    line-height: 25px;
}

.main_box {
    padding-top: 15px;
}

.form > img {
    max-width: 100%;
}
.abou_tx {padding: 0px; position: relative}

.abou_tx > li::before {
    background: #ce181f none repeat scroll 0 0;
    border-radius: 100%;
    content: "";
    font-size: 100px;
    height: 10px;
    /*right: 0;*/
    position: absolute;
    margin: 10px -15px;
   left: none;
    width: 10px;

    z-index: 1;

}




.abou_tx-urdu > li:before {
    right: 0;
}


#about {
    padding: 30px 0;
}
.abou_tx > li {
    /*padding: 0 30px;*/
    padding: 0 10px;
    font-size: 18px;
    font-weight: 100;
}
#video .ser-title {
    color: #fff;
}
.top-nav-collapse {
    background: rgba(0,0,0,0.9) !important;
}
 /*--end---*/  
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
h1, h2, h3, h4, h5, h6
{
    font-family: 'gothambook', sans-serif;
    font-weight: normal;
    color: #222222;
}
a, a:hover, a:focus, a:active{
    outline: none;
}

.section-padding{
    padding: 60px 0px;

}
#screenshort h1{
    color: #fff;
}
#contact h1{
    color: #1b1b1b;
}
#screenshort p{
    color: #fff;
}

#about .ser-title {
    color: #ce181f;
    font-size: 38px;
    margin-bottom: 40px;
}
.ser-title {
    font-size: 38px;
}
.ser-title span
{
    border-bottom:3px solid #ce181f;
    margin-bottom: 15px;
}

.frame_im {
    display: block;
    margin: 0 auto;
    padding: 52px 0;
    width: 60%;
    position: relative;
}
.frame_im > img {
    width: 100%;
}
#video {
    padding-top: 25px;
}
.social > li {
    display: inline-block;
    padding: 0 9px;
}
.social {
    padding: 15px 0;
}
.check > img {
    display: block;
    margin: 0 auto;
}
.btn.btn-primary.btn-lg.login-button {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #656464;
    font-size: 18px;
}
.ply_ic {
    bottom: 108px;
  position: absolute;
    right: 61px;
}
.center > button {
    background: transparent none repeat scroll 0 0;
    border: medium none;
}
.thumbnail1 > img {
    height: 320px !important;
    margin-top: 46px;
    width: 220px !important;
}
.thumbnail2 > img {
    height: 320px !important;
    margin-top: 46px;
    width: 230px !important;
}
.bottm > img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.owl-item img
{
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition:0.5s ease-in all;
    -moz-transition:0.5s ease-in all;
    -webkit-transition:0.5s ease-in all;
    -ms-transition:0.5s ease-in all;
    -o-transition:0.5s ease-in all;
}
.owl-item.left.bi.active img, .owl-item.right.bi.active img
{
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transition:0.5s ease-in all;
    -moz-transition:0.5s ease-in all;
    -webkit-transition:0.5s ease-in all;
    -ms-transition:0.5s ease-in all;
    -o-transition:0.5s ease-in all;
    opacity: 0.4;
}
.owl-item.left.sm img, .owl-item.right.sm img
{
    transform: scale(0.6);
    -moz-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transition:0.5s ease-in all;
    -moz-transition:0.5s ease-in all;
    -webkit-transition:0.5s ease-in all;
    -ms-transition:0.5s ease-in all;
    -o-transition:0.5s ease-in all;
    opacity: 0.2;
}
.owl-prev {
    margin-top: -10px;
    position: absolute;
    top: 50%;
    left: -45px;
}
.owl-prev > img {
    width: 80px;
}
.owl-next {
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right:-45px;
}
.owl-next > img {
    width: 80px;
}
.owl-carousel .owl-stage-outer{top: 52px;}

/***************************************
banner
***************************************/
.navbar {
    margin-bottom: 0px;
    border: 0px;
}
.navbar {
    border-radius: 0px;
}
.navbar-default {
    background-color: #fff;
    padding: 20px 0;
    transition: all 0.3s;
}
.navbar-default {
    background-color: transparent;
    border: 0px;
}
.navbar {
    border-radius: 0px;
}

.navbar-brand
{
    font-family: 'Chewy', cursive;
    font-size: 32px;
}

.navbar-brand img {
    padding-top: 2px;
    max-height: 140px;
    transition:0.5s ease-in all;
    -moz-transition:0.5s ease-in all;
    -webkit-transition:0.5s ease-in all;
    -ms-transition:0.5s ease-in all;
    -o-transition:0.5s ease-in all;
}
.top-nav-collapse .navbar-brand img {
    max-height:60px;
     transition:0.5s ease-in all;
    -moz-transition:0.5s ease-in all;
    -webkit-transition:0.5s ease-in all;
    -ms-transition:0.5s ease-in all;
    -o-transition:0.5s ease-in all;
}

.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #EA6045;
}

/*.top-nav-collapse {
    padding: 10px 0; 
background: rgba(249,234,195, 0.9);
}*/

.white, .white:hover, .white:focus
{
    color: #fff;
    width: 100% !important;
}
.block
{
    display: block;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #fff;
    text-transform: uppercase;
    background-color: rgba(12, 184, 182, 0.21);
}
.navbar-default .navbar-nav > li > a
{
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 300;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
{
    color: #fff;
    text-transform: uppercase;
    /*background-color: rgba(12, 184, 182, 0.21);*/
    background-color: none;
}
.navbar-default .navbar-nav > li.active > a
{
    color: #000;
}
.affix {
    background-color: #ffffff !important;
}
.affix .navbar-nav > li > a:hover, .affix .navbar-nav > li > a:focus
{
    background-color: rgba(12, 184, 182) !important;
}
.banner{
    background: url('../img/adeeb_bg.png') no-repeat ;
    background-size: cover;
    min-height: 650px;
    position: relative;
    background-position: bottom center;
}
.bg-color{
    /*background-color: RGBA(13, 70, 83, 0.78);*/
    min-height: 650px;
}
.banner-info{
    padding-top: 190px;
}
.banner-logo img{
    display: inline-block;
}
.banner-text{
    color: #fff;
}
.banner-text h1{
    font-family: 'Candal', sans-serif;
    font-size: 35px;
    text-transform: uppercase;
    padding-bottom:15px; 
}
.btn-appoint, .btn-appoint:hover, .btn-appoint:focus{
    margin-top: 30px;
    padding: 10px 20px;
    font-size: 12px;
    background-color: rgba(12, 184, 182, 0.91);
    border-radius: 3px;
    color: #fff;
}
.overlay-detail a i {
    text-align: center;
    position: absolute;
    bottom: 25px;
    font-size: 38px;
    color: #fff;
    margin: 0 auto;
}
.text-primary i{
    padding-top: 8px;
    display: inline-block;
}
.main-center .input-group i {
    color: #000;
    left: 0;
    position: absolute;
    z-index: 9;
    top:22px;
    left:17px;
}
.main-center .input-group {
    position: relative;
}
/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none ;
  border: 4px solid #bc141a;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 17%;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none;
  border: 4px solid #bc141a;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 17%;
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
  width: 290px;
  height: 400px
}
.carousel-inner {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 70%;
}
.thumbnail{background: none; border: none;}
/* End carousel */

/***************************************
services
***************************************/
.icon i{
    color: #0cb8b6;
    font-size: 45px;
    margin-bottom: 25px;
}
.service-info{
    margin-bottom: 20px;
}
.icon-info h4{
    padding-bottom: 15px;
}
.icon-info p{
    font-size: 15px !important;
}
/***************************************
cta-1
***************************************/
.schedule-tab {
    background-color: #0CB8B6;
    float: left;
}
.medi-info{
    border-right: 1px solid #fff;
}
.medi-info, .time-info{
    padding: 20px;
    color: #fff;
}
.medi-info h3, .time-info h3{
    padding-bottom: 16px;
    color: #fff;
    font-weight: 600;
}
.medi-info-btn, .medi-info-btn:hover, .medi-info-btn:focus {
    margin: 15px 0px 5px;
    display: inline-block;
    border: solid white 2px;
    padding: 3px 8px;
    font-size: 12px;
    color: #fff;
    font-weight: 400 !important;
    cursor: pointer;
}
td {
    border: 0px solid #ededed;
    border-top: 1px solid rgba(216, 216, 216, 0.5);
    padding: 6px 10px 6px 0;
}
.medi-info, .time-info{
    font-size: 14px;
}
/***************************************
about
***************************************/

.lg-line{
    line-height: 1.4;
    font-size: 28px;
}
.more-features-box-text-icon {
    float: left;
    width: 40px;
    height: 40px;
    padding-top: 6px;
    background: #0cb8b6;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    text-align: center;
}
.more-features-box-text-description h3{
    padding-bottom: 15px;
}
.more-features-box-text-icon i {
    font-size: 18px;
    line-height: 26px;
}
.more-features-box-text-description{
    margin-left: 80px;
    margin-bottom: 35px;
}
.sec-para{
    padding-bottom: 10px;
}
/***************************************
doctor team
***************************************/
.thumbnail {
    border-radius: 0px;
}
.caption h3{
    padding-bottom: 5px;
}
.caption p{
    padding-bottom: 10px;
}
/***************************************
testimonial
***************************************/
#testimonial{
    background-color: #eee;
}
.testi-details {
    background: #fff;
    padding: 14px 24px;
    margin-bottom: 20px;
    box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.18);
    position: relative;
}
.testi-info a {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}
.testi-info a img{
    border-radius: 50%;
}
.testi-info h3 {
    display: inline-block;
    line-height: 22px;
    font-weight: 600;
    color: #000;
    margin-top: 8px;
}
.testi-info h3 > span {
    display: block;
    line-height: 16px;
    font-weight: 400;
}
.testi-details::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-left: 0;
    bottom: -40px;
    left: 56px;
    border-top-color: #fff;
    border-width: 20px;
}
.testi-details::before {
    content: '';
    position: absolute;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 0px;
    height: 0px;
    bottom: -30px;
    left: 45px;
    border-style: solid;
    border-width: 15px;
    border-color: transparent;
    z-index: -1;
    box-shadow: 3px -13px 5px 0px rgba(0, 0, 0, 0.18);
    border-left: 0;
}
/***************************************
cta -2
***************************************/
#cta-2{
    background-color: rgb(41, 48, 46);
}
.white{
    color: #fff;
}
.icon-play, .icon-play:hover, .icon-play:focus{
    background-color: #0CB8B6;
    padding: 5px 10px;
    color: #fff;
    text-decoration: none;
    padding: 5px 17px;
    margin-top: 26px;
    display: block;
}
.text-primary {
    color: #0cb8b6;
}
.icon-mar 
{
    margin-right: 7px;
}
/***************************************
contact us
***************************************/
.space {
    margin-top: 40px;
}
.btn-form, .btn-form:hover, .btn-form:focus {
    background-color: #0cb8b6;
    color: #fff;
    border-radius: 0px;
    padding: 10px 20px;
}
.br-radius-zero {
    border-radius: 0px;
}
.form-control{
    height: 40px;
}

.validation {
    color: red;
    display:none;
    margin: 0 0 20px;
    font-weight:400;
    font-size:13px;
}

#sendmessage {
    color: green;
    border:1px solid green;
    display:none;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#errormessage {
    color: red;
    display:none;
    border:1px solid red;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#sendmessage.show, #errormessage.show, .show {
    display:block;
}
#playground-container {
    height: 500px;
    overflow: hidden !important;
    -webkit-overflow-scrolling: touch;
}
.main-center{
    margin-top: 30px;
    margin: 0 auto;
    max-width: 520px;
    padding: 10px 40px;
    
        color: #FFF;
    text-shadow: none;


}
.main-center .form-control {
    border: 2px solid #ce181f;
    border-radius: 0;
    height: 60px !important;
    color: #1b1b1b !important;
    font-size: 18px;
    padding-left: 40px;
}
.main-center .input-group{width: 100%;}
#message {
    height: 170px !important;
}
#message {
    padding-top: 16px;
}
/*---29-08-17--*/

#brand_1 {
    display: none;
}
.top-nav-collapse #brand_1{display: block;}
.top-nav-collapse #brand_2{display: none;}
/***************************************
footer
***************************************/
#footer {
    background-color: #1b1b1b;
    border-bottom: 3px solid #ce181f;
}
.ftr-tle {
    height: 50px;
}
.info-sec {
    color: #fff;
}
.quick-info li i {
    font-size: 8px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: left;
}
.social-icon li {
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-right: 5px;
}
.bglight-blue {
    background-color: #3498DB;
}
.bgred {
    background-color: #E74C3C;
}
.bgdark-blue {
    background-color: #2C3E50;
}
.bglight-blue {
    background-color: #3498DB;
}
.top-footer {
    padding: 40px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.footer-line {
    padding: 30px 0px;
    color: #fff;
}

.footer-line a {
    color: #0CB8B6;
}

.quick-info li a{
    color: #fff;
}
.site-link, .site-link:hover, .site-link:focus
{
    color: #0cb8b6;
    text-transform: none;
}

.footer-line h4
{
    color: #ce181f;
}
.footer-line p
{
    font-size: 14px;
    line-height: 21px;
}

.navbar-brand
{
    height: auto;
    padding-bottom: 0;
}


.container2 {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.container2 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}


.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #transparent;
}


.container2:hover input ~ .checkmark {
  background-color: transparent;
  border: 2px solid #ce181f;
}


.container2 input:checked ~ .checkmark {  
 background-color: transparent;
  border: 2px solid #ce181f; 
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}


.container2 input:checked ~ .checkmark:after {
  display: block;
}


.container2 .checkmark:after {
  left: 7px;
  top: 4px;
  width: 7px;
  height: 12px;
  border: solid #ce181f;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 
.error {
    color: #ce181f;
    font-size: 14px;
}

@media screen and (max-width: 991px)
{
    .navbar-default .navbar-nav > li > a
    {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .navbar-brand img
    {
        height: 100px;
    }
    .form > img
    {
        margin: 0px;
    }
    .banner-info h2
    {
        font-size: 30px;
        line-height: 37px;
        margin-bottom: 18px;
        margin-top: 0px;
    }
    .app_butt img
    {
        width: auto;
        height: 50px;
    }
    .form
    {
        display: none;
    }
    .text_b
    {
        text-align: left;
    }
    .content_box > img
    {
        left:0;
        right:initial;
        right:inherit;
    }
    .content_box
    {
        padding-right: 0;
        padding-left: 90px;
    }
    .owl-theme .owl-controls, .bottm
    {
        display: none;
    }
}

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

    .navbar-fixed-bottom, .navbar-fixed-top{position: inherit !important;}
    .banner-info{padding-top: 20px; text-align: center;}
    .banner_img > img{margin-top: 10px;}
#service br {
    display: none;
}
.navbar-collapse{border: 0px;}
.content_box, .content_box1{padding-left: 0; text-align: center;}
.content_box1 > img, .content_box > img{padding: 0px;position: inherit;}
    .navbar-default .navbar-toggle {
    background: transparent;
    border-color: #000;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}
.ser-title
{
    font-size: 24px !important;
}
img {
    max-width: 100%;
}
}

@media (min-width: 220px) and (max-width: 551px){


    .testi-info{
        margin-bottom: 20px;
    }
    .marb20{
        margin-top: 30px;
    }
    h2{
        font-size: 24px;
        line-height: 1.2;
    }
    .section-title{
        margin-bottom: 30px;
    }
    .medi-info {
    border: 0px;
    border-bottom: 1px solid #fff;
    }
    .service-info{
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .caption h3 {
    font-size: 14px;
    }
    .caption p{
    font-size: 12px;
    padding-bottom: 5px;
    }
    .caption ul li a i{
        font-size: 14px;
    }
    .banner-text h1{
        font-size: 24px;
    }
    .content_box > img{padding: 0px; position: inherit;}
    .text_b{position: inherit; text-align: left;}
    .text_b1{position: inherit; padding: 0px;}
    .content_box1 {
    padding-bottom: 18px;
    }
    .content_box{padding-bottom: 20px;}
.frame_im{width: 90%;}
.banner-info h2 {
    font-size: 25px;
    line-height: 35px;
    margin-top: 0px;
}
.banner_img > img{width: 100%;}
.navbar-default .navbar-nav > li > a{text-align: center;}
.banner-info h2{text-align: center;}
.app_butt > li{text-align: center; display: block;}
.text_b{text-align: center; width: auto;}
.text_b1{text-align: center;}
.owl-nav {
    display: none;
}
#about {
    padding: 0;
}
#about .ser-title{text-align: center;}
}
@media screen and (max-width: 480px)
{
    .modal-dialog.web_site 
    {
    max-width: 92%;
    width: 100%;
   }
}




/* CSS */

.banner_img{
    margin-top: 50px; 
}

.col-nopadd {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.ta-right {
    text-align: right;
}


@media(max-width: 768px) {
    .text_b1 {
        text-align: center;
    }

    .text_b {
        text-align: center;
    }

    .modal-dialog {
        margin: 20px;
    }

    .switch-btn {
        text-align: center;
    }
}



.switch-btn a {
    font-weight: 300;
    background: #ce181f;
    padding: 10px 30px;
    float: right;
    margin-top: 35px;
    border-radius: 50px;
    /* text-align: center; */
    color: white;
}


.urdu .footer-line h4 {
    font-family: 'gothambook', sans-serif;
    
}

.urdu .footer-line p {
    font-family: 'gothambook', sans-serif;
}

.urdu .abou_tx > li {
    font-family: 'MehrNastaliq', sans-serif;
}


.urdu .navbar-nav>li>a {
    padding-top: 10px !important;
}

.navbar-collapse {
    position: relative;
}

.navbar-collapse:after{
         content: '';
    /* width: 23px; */
    height: 50px;
    position: absolute;
    border: 1px solid #000000;
    top: 0;
    right: -18px;
}

.navbar-right {
    margin-right: 35px !important;
    margin-top: 30px !important;
}


@media (max-width: 768px) {
    .navbar-collapse {
        width: 100% !important;
    }
}

.urdu label {
    font-family: MehrNastaliq;
}

.urdu .btn.btn-info.Submit.sub_2 {
        font-family: MehrNastaliq;
}

@media (max-width: 768px){
.urdu .abou_tx > li::before {
    right: 10px !important;
}
}