@charset "utf-8";
/* CSS Document */



/* @media (min-width: 1800px){
  .inner-header .carousel-item { height: 600px; }
} */


@media (min-width: 768px) and (max-width: 1024px){
  .our-services .card { border-radius: 0px; padding: 25px 10px !important; margin-bottom: 15px; min-height: 190px; }
  img.related_page_image.img-fluid { height: 150px; object-fit: cover; width: 100%; }
  .carousel-inner, .carousel-item { height: auto; }
}

@media (min-width: 768px) and (max-width: 900px){
  .new-about h4 { font-size: 14px; }


}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {padding-right: 15px; padding-left: 15px; }
}

/* @media (min-width: 1024px) and (max-width: 1200px){

} */

@media (min-width:1025px) {
    .mobile-footer, .tablet-footer { display: none }
}

@media (min-width: 1201px) {
    header .container, .home .product-carousel .container,footer .container, .footer-bottom .container { max-width: 100%; padding: 0 96px; }
    .container { /*max-width: 100%;*/ }
    #moremenuModal .modal-lg .modal-content { width: 1170px; }
}

@media (min-width: 600px) and (max-width: 680px){
    .calltacction p { display: none; }
}

@media (max-width: 1366px){
    .innerbanner, .bannerimg { height: 380px; }
    .sidebarinner { padding: 0px 10px; }
    .links-sidebar a { font-size: 13px; }
}

@media (max-width: 1200px){
  .page-content { padding-top: 145px; }
  #header .container { max-width: 100% !important; }
  footer .container, .footer-bottom .container { max-width: 100% !important; }
    .container { max-width: 100%; }
  #header .tab-content>.active{padding-left: 15px;padding-right: 15px;}

  #header .tab-content ul li a { font-size:12px;padding-left: 3px;padding-right: 3px; }
    #header .tab-content>.active { position: relative; left: 0; width: 100%; top: 0; margin-bottom: 10px; }
    .inter-banking li {margin-left: 0px !important; color: #000; }
    .inter-banking h3 {margin: 2px 0px 0 0px; }
    #header .tab-content ul li {display: block; line-height: 26px }
    #header .tab-content ul li.float-right{float:none !important}
    .navbar-expand-md{ margin-top:30px;}
    #header .top-header {border-top: 1px solid #e5e5e5; padding: 11px 13px 0; background-image: linear-gradient(to top, #e0e0e0, #e5e5e5, #eaeaea, #efefef, #f4f4f4); height: 46px; position: absolute; width: 100%; top: 100px; border-bottom: 6px solid #006a3c;}

    header { z-index: 99; height: 100px;background: #fff;}
    header .navbar-toggler {background-color: transparent;border: 0px;padding: 25px 40px;font-size: 25px;}
    header .navbar-toggler i { color: #006a3c; }
    .navbar-toggler:focus {outline: 0; }

    .product-carousel { padding: 20px 0 20px 0; }
    .home .product-carousel h3 { text-align: center; margin: 0 0 20px 0; font-size: 22px; }

    .hide_mobile { display: none; }
    .hide_desktop { display: block; }

    .nav-pills .nav-link,.navbar-nav li a { font-size: 14px; text-transform: uppercase; font-family: 'neosanspro-bold'; position: relative; padding: 11px 20px; display: block; line-height: 1; }
    .navbar-nav li a i {position: absolute;right: 0;color: #136938;font-size: 18px;top: 14px;right: 10px;}
    .navbar-expand-xl .navbar-nav .nav-link {font-size: 14px;font-family: 'neosanspro-bold';padding: 11px 20px;}
    #mobile_menu ul li, .mobile_menu-ul2 li { border-bottom: 1px solid #ddd; padding: 0; }
    #mobile_submenu .mobile_menuul { /*border-top: 1px solid #8b2232 !important;*/border: 1px solid #e6e6e6; border-top: 5px solid #006a3c; width: 100%; bottom: 0; background: linear-gradient(90deg, white, white , #e6e6e6); }    #mobile_submenu ul li a { font-size: 14px !important;/* color: #136936; */}
    .mobile_menu-ul3 li { border-bottom: 1px solid #ddd; padding: 0; }
    #mobile_submenu ul { max-height: 228px; overflow-y: scroll; }
    .mobile_menuul { margin-top: 0; }
    .mobile_menu-ul2 {  margin-top: 0; /* position: absolute; */ background: #fff; border-top: 5px solid #006a3c; width: 100%; bottom: 0; background: linear-gradient(90deg, white, white , #e6e6e6); }

    .menu-item-2868,.menu-item-2869 {display:none !important; }
    .mobile_submenu { position: absolute; width: 300px; z-index: 1; right: 32px; top: 60px; box-shadow: 3px 3px 7px #b9b7b7; } #mobile_menu ul { margin: 0; }
    .mobile_submenu .container { width: 100%; }
    #mobile_menu {background: linear-gradient(90deg, white, white , #e6e6e6);border-top: 4px solid #007540;margin-top: 10px;box-shadow: 1px 1px 13px #ddd; }
    .navbar-expand-xl .navbar-nav .nav-link:hover, .navbar-nav li a:hover { background: linear-gradient(to right, #136a37 , #1fa858); color: #fff; }
    .navbar-brand { top: 5px; }

    .our-services .card { margin-bottom: 30px; }
    .our-services .card .card-body { min-height: 225px; }
    .btn.btn-size-big {/* height: 70px; *//* line-height: 70px; *//* padding: 0 28px; *//* white-space: nowrap; */padding: 10px 22px;}
    .comment-box .cb-heading { font-family: "neosanspro"; font-size: 22px;}
    .comment-box .cb-detail .cb-heading-2 {font-size: 16px;}

}

@media (max-width: 1024px) {

    #header .tab-content ul li a { padding-left: 8px;padding-right: 8px; }
    .social-icon-list { float: right; }
    .welcome-section { height: auto; padding-top: 50px; }

    .navbar-brand { width: 200px; margin: 0 auto; top: 12px; }
    .navbar {background: #ffffff; }
    /* .hide_mobile { display: none; } */


    .top-header .navbar-brand img { width: 223px; }
     .navbar:before, .navbar:after {display:none}
    .top-header .navbar-brand { margin-right: auto; margin-left: 20px; }
    .inter-banking { margin-bottom: 0; }
    .atm-branches { margin:0; }
    .atm-branches li {display:inline-block;}
    .atm-branches li a {color:#fff;}
    .top-header-tab-bottom { background: #136936; position:relative; padding: 8px 0 11px; }
    .top-header-tab-bottom:before { position: absolute; content: ""; border-bottom: 10px solid #a29160; width: 100%; bottom: -5px; left: 0; z-index: 1; }
    .top-header-tab-bottom:after {position: absolute; content: ""; border-bottom: 10px solid #8b2232; width: 100%; bottom: -14px; left: 0; z-index: 1; }
    .navbar-nav li a {color: initial; }
    .navbar-nav li a:hover {border-radius: 0px; }
    .navbar-nav .nav-link {padding-left: 10px; }
    .dropdown-item {text-align: left; }
    .dropdown-menu:before {display: none; }

    .carousel-control-next, .carousel-control-prev {display: none }
    /* .serv-img, .serv-decp {float: left; } */
    .our-services .card a {position: initial; }
    /* .our-services .card .card-body {padding: 0; min-height: 140px; position: relative; } */
    .our-services .card {border-radius: 0px; padding: 15px 10px; margin-bottom: 25px; }
    .w-75 {width: 90%!important; }
    /* .serv-img {width: 25%; } */
    /* .serv-decp {width: 75%; text-align: left; } */
    .our-services .card-title {margin-bottom: 0; }
    .carousel-indicators {display:none}
    #owl-demo-2 .owl-buttons {position: absolute; top: 25px; right: 0; width: 100%; }
    #owl-demo-2 .owl-prev {left: 0; position: absolute; }
    #owl-demo-2 .owl-next {position: absolute; right: 0; }
    .product-carousel .offset-md-1 {margin: 0 0 15px; }


    #header .tab-content ul li a { font-size:12px;padding-left: 3px;padding-right: 3px; }
    #header .tab-content>.active { position: relative; left: 0; width: 100%; top: 0; margin-bottom: 10px; }
    .inter-banking li {margin-left: 0px !important; color: #000; }
    .inter-banking h3 {margin: 2px 0px 0 0px; }
    #header .tab-content ul li {display: block; line-height: 26px }
    #header .tab-content ul li.float-right{float:none !important}
    .navbar-expand-md{ margin-top:30px;}
    #header .top-header {border-top: 1px solid #e5e5e5; padding: 11px 13px 0; background-image: linear-gradient(to top, #e0e0e0, #e5e5e5, #eaeaea, #efefef, #f4f4f4); height: 46px; position: absolute; width: 100%; top: 100px; border-bottom: 6px solid #006a3c;}

    .carousel-caption.inner-header-caption {top: 45%; display: none; }
    .sidebartitle {font-size: 20px; color: #333333; font-family: 'neosanspro-medium'; }
    .sidebar ul li { font-size: 16px; }
    .sidebarinner { padding: 0px 0px; }
    /* .our-services .card .card-body {padding: 0; min-height: auto !important; position: relative; } */
    .mobile-footer .col-sm-6 {width: 50% !important }
    .footer-bottom ul li a i {font-size: 15px; margin-top: 5px; display: block; }
    .footer-bottom { height: 50px; }
    #owl-demo-2 .owl-buttons {position: absolute; top: 25px; right: 0; width: 100%; }
    #owl-demo-2 .owl-prev {left: 0; position: absolute; }
    #owl-demo-2 .owl-next {position: absolute; right: 0; }
    #owl-demo-2 .owl-item .item img {height: 50px; margin-bottom: 12px; }


    .deskfooter { display: none; }
    .tablet-footer { display: block; }

    .carousel-inner img { width: 100% ; height: auto; }

    .carousel-caption { left: 40px; }

    .innerbanner, .bannerimg { height: 350px; position: relative; z-index: li { height: 210px; width: 31%; }
    ul.report-ul li:first-child, ul.report-ul li:nth-child(5), ul.report-ul li:nth-child(9), ul.report-ul li:nth-child(13), ul.report-ul li:nth-child(17), ul.report-ul li:nth-child(21) { margin-left: 1%; }

}

@media screen and (device-width:1920px) and (device-height: 1080px) and (orientation: landscape) {
    .tab-content ul:after { bottom: -1px; }
    .carousel-inner img { width: 100%; height: 100%; }
    .carousel-inner, .carousel-item { width: 100%; height: 600px; background-size: 100% 100%; }
}

@media screen and (max-width:740) and (orientation: landscape) {
    #MyCarousel { height: 250px !important;
    margin-top: 70px !important;}
    .home-footer { position: relative; }
}

@media only screen and (max-width: 1340px){
    .product-carousel h3 { font-size: 19px; }
}

@media only screen and (min-width: 900px) {
    .related_page_title { min-height:56px; }
    .related_page_image { height:116px; }
}

@media only screen and (max-width: 900px) {
    .innerbanner, .bannerimg { height: 300px; }
    ul.report-ul li { height: 180px; width: 48%; padding: 30px 15px 0 15px; }
    .memberrow .wpb_single_image { padding: 0; }
    .memberrow { padding: 10px 0; margin-left: 0 !important; }
    .main-tabbed-nav .tab-nav-item { font-size: 16px; }
}
@media only screen and (max-width: 800px) {
    .sidebar { background: none;box-shadow: none; }
    .hide_mobile { display:none; }
    .hide_in_tab { display:none; }
    .carousel-inner img { width: 100% ; height: auto; }

    .d-reports-box .col-md-3.pl-0.pr-0.float-left.text-right { display: block;position: absolute; right: 15px;background-size: 100%;width: 30px; height: 40px; }
   /* .d-reports-box:before { content: ''; display: block; width: 30px; height: 40px; background: url(https://www.dibpak.com/wp-content/themes/dib/assets/images/report-img.png) no-repeat; background-size: 100%; position: absolute; right: 15px;  }*/
    .d-reports-box .col-md-9.pl-0.pr-0.float-left { padding-right: 40px !important; }
    .download_link a h6 { margin: 0px; line-height: 1; font-size: 15px;}
    .d-reports-box h5 { font-size: 14px; }
    .d-reports-box.nosubtitle h5 {min-height: 29px; margin-top: 7px !important; display: block; }

    /* .nav-pills .nav-link,.navbar-nav li a { font-size: 14px; text-transform: uppercase; font-family: 'neosanspro-bold'; position: relative; padding: 10px 20px; display: block; }
    .navbar-nav li a i {position: absolute;right: 0;color: #136938;font-size: 18px;top: 14px;right: 10px;}
    .navbar-expand-xl .navbar-nav .nav-link {font-size: 14px;font-family: 'neosanspro-bold';padding: 13px 20px;}
    #mobile_menu ul li { border-bottom: 1px solid #ddd; }
    #mobile_submenu .mobile_menuul { border-top: 1px solid #8b2232 !important; }
    #mobile_submenu ul li a { font-size: 14px !important; color: #136936; }
    #mobile_submenu ul { max-height: 200px; overflow: scroll; }
    .mobile_menuul {margin-top: 0; }
    .menu-item-2868,.menu-item-2869 {display:none !important; }
    .mobile_submenu {position: absolute; width: 100%; z-index: 100; }
    #mobile_menu ul { margin: 0; }
    #mobile_menu {background: linear-gradient(90deg, white, white , #e6e6e6);border-top: 4px solid #007540;margin-top: 10px;box-shadow: 1px 1px 13px #ddd;}
    .navbar-expand-xl .navbar-nav .nav-link:hover, .navbar-nav li a:hover { background: linear-gradient(to right, #136a37 , #1fa858); color: #fff; } */

    .member-img-side { margin: 0 auto; max-width: 100%; flex: 0 0 350px; }
    .membercontent { flex: 0 0 100%; max-width: 100%; text-align: center; margin-top: 40px; }

}

@media (max-width: 767px){
    .page-content { padding-top: 78px; }
    .download_link { height: auto; }
    .home .product-carousel h3 { padding-top: 0 !important; margin-top: 0 !important; margin-bottom: 10px; }
    .assan-account p .alignnone, .assan-account p .aligncenter { width: 200px; margin: 0 auto; display: block; height: auto; }
    .navbar-brand { top: 0; }
    .manag-team li { width: auto; }
    .hide_in_tab  { display:block !important; }
    ul.list-unstyled li { background-image: url(http://dibpak-beta.com.cp26.ezhostingserver.com/wp-content/themes/dib/assets/images/note-li.png); background-repeat: no-repeat !important; background-position: left 7px !important; padding-left: 18px !important; }
    .d-reports { box-shadow: unset; padding: 15px 20px; float: left; position: relative; height: 100%; width: 100%; }
    ul.report-ul li { width: 46%; padding: 20px; margin-left: 7px !important; margin-bottom: 10px; }
    ul.report-ul li h4 { font-size: 18px; margin: 10px 0 0px; line-height: 1; }
    .financial { padding-top: 30px; padding-bottom: 20px; }
    .sidebarright { box-shadow: unset; padding: 0; }
    .financial h3 { font-size: 28px; color: #8b2232; font-family: 'neosanspro'; }
    .col-md-12.assan-account.mt-5 { padding: 0; }
    ul.list-unstyled i { display: none; }
    ul.bbf li { font-size: 13px; margin: 0; line-height: 1.9; }
    ul.bbf { padding-bottom: 0; margin-bottom: 0; padding-left:13px }
    ul.bbf li { background-image: url(http://dibpak-beta.com.cp26.ezhostingserver.com/wp-content/themes/dib/assets/images/green-arrow.png); background-repeat: no-repeat !important; background-position: left 7px !important; padding-left: 18px !important; }
    .bbf2 { margin-bottom: 14px; margin-top: -10px; }
    .col-12.col-md-5.pr-0 { padding-left: 0; }
    div#pills-tabContent { display: none; }
    ul#pills-tab li { float: left; width: 100%; }
    .social-icon-list {text-align: right; float: right; }
    .comment-box .cb-heading { font-size: 20px; padding: 0 26px; color: #3f3f3f; font-weight: normal; margin-top: 5px; margin-right: 0; margin-bottom: 17px !important; margin-left: 0; line-height: 1.2; }
    .comment-box-container { text-align: center; margin-top: 30px; }
    .comment-box .cb-detail { margin-top: 20px; margin-right: 0; margin-bottom: 0px; margin-left: 0; }
    .comment-box .cb-detail .cb-heading-2 {font-size: 18px; font-family: "neosanspro"; padding: 0 40px; }
    .comment-box .cb-detail .cb-desig { font-size: 16px; }
    .comment-box { padding: 20px 15px; }
    .comment-box.small .cb-heading {  font-size: 20px; line-height: 30px; margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 0; line-height: 1.2;}
    .comment-box.large { margin-top: 0px; margin-bottom: 0; }
    .comment-box.medium { width: 100%; margin-bottom: 28px; }
    .comment-box.small .btn { margin-bottom: 0; margin-top: 0; }
    .comment-box:after { border-radius: 15px; transform: none; top: 0; height: 100%; }
    .comment-box:before { z-index: -2; left: 0; margin-left: auto; bottom: -48px; right: 0; }
    .new-about .aboutitems { margin-bottom: 20px; }
    .new-about .aboutitems img { width: 100%; }
    .about-sec { padding: 10px 0 20px; }
    .rid-section h4 { margin-bottom: 20px !important; }
    .top-level-member .member-img-container { /* width: 250px !important; */ /* height: 250px !important; */ /* margin: 0; */ }
    .main-tabbed-nav .tab-nav-item { display: block;
    /* text-align: center; */
    /* color: #007945; */
    /* background-color: #fff; */
    /* font-weight: bold; */
    /* font-size: 20px; */
    height: auto;
    /* border-right: 0 !important; */
    /* width: 100%; */
    margin-bottom: 5px;
    padding: 14px 0; }
    .main-tabbed-nav .tab-nav-item, .main-tabbed-nav .tab-nav-item:first-child, .main-tabbed-nav .tab-nav-item:last-child { border-radius: 50px; }
    .circle-banner-widget, .tc-info-container, .top-level-member, .feature-box-container { margin-top: 0px !important; }
    .member-name { font-size: 20px !important; }
    .leader-info { /* padding-left: 0 !important; */ /* padding-top: 5%; */ }
    .welcome-section { background: none; padding-top: 20px; }
    .welcome-section p { font-size: 15px; padding: 0; margin-bottom: 15px !important; }
    .welcome-section .img-fluid { width: 100%; }
    .welcome-section h3 { font-size: 24px; color: #8b2232; padding-left: 0; }
    .offset-2 {margin-left: 0; }

    header { height: 80px; border-bottom: 6px solid #006a3c; }
    header .navbar-toggler { padding: 10px 30px 15px 30px; }

    .innerbanner, .bannerimg { height: 250px; }

    section.welcome-section .col-md-5 { margin-top: 0; }

   .innerbanner .caption h2 { font-size: 40px; }
   .innerbanner .caption h1 { font-size: 33px; }
   .our-services .card .card-body { min-height: auto; padding: 20px 0; }

   .memberrow .wpb_single_image { width: 330px; margin: 30px auto 0 auto; }

}

@media only screen and (max-width: 1240px){
  .jamapoonji-img { display: none; }
  .social-icon-list li a { padding: 0px 10px; }
}

@media only screen and (max-width: 600px){
    .container { max-width: 100%; }
    .deskfooter { display: none; }
    .tablet-footer { display: none; }
    .mobile-footer { display: block; }

    .mobile_submenu { width: 82%; }

    footer { padding: 10px 0 12px 0; }
    .social-icon-list li a { padding: 0px 8px; }


    .carousel-caption h3 { font-size: 25px; margin-bottom: 8px; }
    .carousel-caption p { font-size: 20px; margin-bottom: 6px; }
    .carousel-caption a { font-size: 12px; padding: 12px 20px; }
    .carousel-caption { left: 30px; height: 118px; }

    .owl-item h4 span { display: block; }

    div#mobile_footer { position: absolute; width: 100%; bottom: 0; }
    .footer-bottom ul li a i { margin-top: 0; }

    .home header { position: relative; }

    #modalLoginForm .modal-dialog { height: 90%; }
    #modalLoginForm .modal-content { position: absolute; top: 0; bottom: 0; margin: auto; }

    .innerbanner, .bannerimg { height: 180px; }
    .togglebtnmenu { right: 9px; }
    .mobile_submenu { width: 90%; right: 19px; }
    .product-carousel h3 { text-align: center; margin-bottom: 15px; }
    /*.owl-theme .owl-controls { display: none !IMPORTANT; }*/
    .owl-pagination { display: block; }
    .assan-carousel .owl-buttons { display: none !important; }
    .w-75 { width: 98%!important; }
    .sidebar { padding-top: 25px; }
    .topcss { padding: 20px 0px 0px 0px; }
    div#alliance .item {border: 1px solid #ddd; border-radius: 4px; margin: 0px 2px; }
    .owl-theme .owl-controls .owl-page span { width: 10px; height: 10px; margin: 5px 4px; background: #006a3c; }

	.assan-account p .size-large, .assan-account p .size-medium { width: 100% !important; }

}


@media (max-width: 480px){

    header .navbar-toggler { padding: 14px 20px 20px 20px; font-size: 20px; }

  .offset-2 { margin-left: 0; }

  .calculator_tabs { border: 0; padding-left: 0; padding-top: 0; padding-bottom: 4px; border-radius: 0; border-bottom: 1px dashed #8a2131; }
  #modalLoginForm select, #modalLoginForm input { padding: 6px 8px; font-size: 12px;
  margin: 0; }
  .calc_note p { clear: both; font-size: 10px; line-height: 14px; }
  .halfwidth { width: 48.8%; display: inline-block; margin-right: 1%; }
  .halfwidth:nth-child(2n){ margin-right: 0%; }
  .extrafield { float: none;margin-top: 0px; max-width: 100% !important; }
  .calculator_modal .nav-tabs li a { padding: 8px 7px 4px 7px; line-height: 1; margin: 0 0 4px 0; border-radius: 0; display: block; border: 1px solid #ddd; border-right: 0; font-weight: 600; font-size: 13px; }
  .calculator_modal .nav-tabs li .active { background: #f9f9f9; }
  .calculator_modal .nav-tabs li:last-child a { border-right: 1px solid #ddd; border-top-right-radius: 6px; }
  .calculator_modal .nav-tabs li:first-child a { border-top-left-radius: 6px; }
  .calculator_modal .modal-content { padding: 5px; }
  #modalLoginForm .modal-content { height: 450px; }
  .calculator_modal .tab-content .active { top: 70px; }
  #modalLoginForm input[type="text"], #modalLoginForm input[type="number"], .ibn_form input[type="text"], .ibn_form input[type="number"] { padding: 3px 8px; }
  #modalLoginForm .btn-default, .calculator_button {  padding: 7px 18px 5px 18px; font-size: 12px; }
  .calculator_tabs li { text-align: left; width: 25%; }
  .calculator_modal .nav-tabs li a span { display: block; }

  .innerbanner, .bannerimg { height: 140px; }

  ul.report-ul { padding-bottom: 0; margin: 30px 0 20px 0; border: 0;  }
  ul.report-ul li { width: 100%; margin-left: 0px !important; }
  ul.report-ul li { margin-bottom: 10px; padding: 40px 15px 20px 15px; height: auto;width: 100%; }
  .financial h3 { font-size: 24px; }
  .d-reports h3 { margin-bottom: 20px; font-size: 22px;  }
  .d-reports { box-shadow: unset; padding: 0px 15px 20px 15px; }

  .innerbanner .caption { left: 18px; height: 50px; }
  .innerbanner .caption h2 { font-size: 22px; }
   .innerbanner .caption h1 { font-size: 20px; }

   .pdngrow.vc_row { margin-left: 0px; }
   .ser-img h2 { font-size: 22px; }

   p.card-text { margin-bottom: 8px; }
   .our-services .card-title { margin-bottom: 4px; }
   .our-services .card a { font-size: 16px; }
   /* .our-services .card .card-body img { height: 37px; } */

}

@media (max-width: 340px){
  .home .product-carousel .offset-md-1 { margin: 0 0 !important; }
  li.appicon.mr-4 { margin-right: 0 !important; }
}
	
/*added by Hassan*/
@media only screen and (max-width: 600px){
a.loginsignup{
	font-size: 20px!important;
	
}
}
/*added by Hassan*/
@media (min-width: 900px){
.navbar-brand img {
	width: 120%!important;
}
}
/*added by Hassan*/
@media (max-width: 480px){
.navbar-brand img {
	width:80%;

}
}