/*    iphone 5/5s*/
    
@media all and (max-width:320px) 
{
 
  html[lang="en"] .topbar .setting-nav .nav-link.cust-services.btn {
    padding: .5rem;
}

html[lang="en"] header.site-header .navbar-brand {
    width: 65px;
}
  
  
    .carousel-item-header {
    font-size: 1.5rem;
}

p.carousel-item-sub-header {
    font-size: 1rem;
}

.navbar-brand img {
    height: 50px !important;
    width: auto;
}

.highlight-menu .highlight-item {
    padding: 1rem .5rem;
}

.highlight-menu {
    flex-direction: column;
}

.highlight-menu > ul {
    width: 100%;
    flex-direction: column;
}

.highlight-menu ul li > ul {
/*     position: static; */
}

.main-slider {
    height: 150vh;
}

.highlight-menu .highlight-item {
    text-align: center;
    display: block !important;
}

.highlight-menu .highlight-item img.highlight-more {
    margin: auto;
    display: inline-block;
}

.highlight-menu .highlight-item img.highlight-more + span {
    display: inline-block;
}

.highlight-menu ul li > ul li {
    width: 50%;
}
    
    /*********/
 
    .btn {
    font-size: 1rem;
}

h2.heading {
    font-size: 1.5rem;
}

.heading.right {
    font-size: 1.2rem;
}
    
    header.site-header.inner {
    background-size: cover;
}
   
 
    
}



@media all and (max-width:360px) 
{
  
  
  
  .highlight-menu .highlight-item {
    font-size: .875rem;
    padding: 1rem .7rem;
}
    
    .share-page-list {
    flex-direction: column;
    align-items: flex-start;
}

.share-page-list li {
    padding: .5rem 0;
}
  
/*   header call btn */
 html[lang="en"]  .topbar .setting-nav .nav-link.cust-services.btn span:first-child {
    display: none; 
    position: absolute;
    bottom: 100%;
    margin-bottom: .2rem;
    background: #5b9d43;
    padding: 0 .2rem;
}

html[lang="en"]  .topbar .setting-nav .nav-link.cust-services.btn {
    padding: .2rem .5rem;
    position: relative;
}

html[lang="en"]  .topbar .setting-nav .nav-link.cust-services.btn:hover span:first-child {
    display: block;
} 
  
  

}
  
/******************* .smart phones style ************************/
@media all and (max-width:767px) 
{
  
  .loader {
   
    width: 6em;
}
  
  
/*    header*/
.topbar .navbar-collapse .navbar-nav .nav-link , .topbar a {
    transition: none;
}
  
ul.setting-nav {
    flex-direction: row;
    /* margin-right: -1rem; */
}

.nav-icon {
    order: 1;
}
    
.navbar-toggler-icon {
    /* position: absolute; */
    top: 50%;
    /* transform: translate3d(50%, -50% , 0); */
    /* height: 18px; */
    /* width: 24px; */
    width: 1.0em;
    height: .75em;
    position: relative;
  top:-2px;
}

.topbar nav.navbar {
    flex-direction: row;
    flex: 1;
    position: relative;
    justify-content: normal;
}

    .topbar .container:first-child {
    width: 100%;
    max-width: 100%;
}
    
.nav-icon:focus {
    outline: 0;
 }

li.nav-item.setting-item.dropdown {
    position: static;
}

li.nav-item.setting-item.dropdown .dropdown-menu {
    position: absolute;
    padding: 15px;
    transform: translateX(0%);
    left: 0;
    right: auto;
}

li.nav-item.setting-item.dropdown .dropdown-menu h3 {
    margin: 1rem 0;
}

.color-opt-cont , .voice-cont-box {
    margin-top: 1rem;
    padding-top: 0;
}

 
 
.header-search-cont .card.card-body {
    padding-top: 2rem;
    margin: -1px 0 0 0;
}

.header-search-cont .icon-Search {
    display: none;
}

.header-search-cont .close {
    top: 2px;
    left: 0;
    margin-left: 5px;
}


.header-search-cont .form-group {
    flex-direction: column;
}

.header-search-cont .input-line {
    width: 100%;
    margin: 0;
    margin-bottom: .3rem;
}

.header-search-cont .help-block {
    margin-right: 0;
}

header.site-header .navbar-collapse {
    position: absolute;
    top: 78px;
    width: 100%;
    left: 0;
    right: 0;
    background: #fff;
}

.topbar .navbar-collapse .navbar-nav .nav-link {
    color: #333;
    padding: .5rem 1.250rem !important;
    font-size: .875rem;
}


.topbar .navbar-collapse .navbar-nav .dropdown-toggle::after {font-size: .5rem; }

 

.topbar .navbar-collapse .navbar-nav .nav-link:before {
    height: 0;
}

.topbar .navbar-collapse .navbar-nav .nav-link:before {
    height: 0 !important;
    display: none;
}

.navbar-nav .dropdown-menu ul li a {
    font-size: .875rem;
}


.topbar.nav-fixed {
    position: static !important;
}

.navbar-nav .dropdown-menu h3 {
    margin-top: 1.5rem;
    margin-bottom: .5rem;
    font-size: 1rem;
}

.navbar-nav .dropdown-menu {
    padding-top: 1rem;
}

 
li.nav-item.cust-services-item {
    padding-right: 0;
}

.topbar.nav-show-dropdown .nav-icon {
    /* background: rgba(0,0,0,.1); */
    border-color: rgba(0,0,0,.05);
}

.topbar.nav-show-dropdown .nav-icon .navbar-toggler-icon span {
    background: #f2b01a;
}

.topbar  .navbar-collapse {
    /* border-top: 1px solid rgba(0,0,0,.05); */
    box-shadow: 0 10px 30px 0 rgba(94,107,126,.3);
}


.navbar-nav .dropdown-menu {
    box-shadow: none;
    padding: 0 0 1rem;
}


.logos-list li {
    flex: 50%;
}

.logos-list li:nth-last-child(2) a {
    border-right: 0 !important;
    border-bottom: 0 !important;
}

.logos-list li a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.logos-list li:last-child a {
    border-bottom: 0 !important;
}
.header-e-services
{
    margin-top: 2rem;
    margin-bottom: 2rem;
}   
    
    
    
    .topbar .setting-nav .nav-link {
    padding: 1.731rem 0.5rem;
}

 
.topbar .setting-nav .nav-link.cust-services.btn span {
    font-size: .75rem;
}
    
    
    .logos-list li a img {
    height: auto;
    max-height: 50px;
}
    
   
    
    .header-e-services a {
    margin-bottom: .4rem;
}
    
 .main-slider {
    overflow: hidden;
}
    
    .main-slider-content .carousel-item-caption {
    width: 100%;
    padding: 15px;
}

.highlight-menu .highlight-item {
    padding: 1rem;
    flex-direction: column;
    width: 100%;
}

.highlight-menu ul li > ul {
    width: 100%;
}

.highlight-menu {
    width: 100%;
    overflow: hidden;
}
  
  .main-slider-content .main-slider-content-tb {
    display: block;
    width: 100%;
    /* overflow-x: hidden; */
    /* background: #fff; */
    /* overflow: visible; */
}
   
/*  column highlight menu  */
  .main-slider {
    min-height: 150vh;
    height: auto;
    /* min-height: 120vh; */
    overflow: visible;
}

.main-slider-content {
    display: block;
    padding-top: 10rem;
}

.highlight-menu ul li > ul {
    flex-wrap: nowrap;
    flex-direction: column;
}

.highlight-menu .highlight-item {
    text-align: center;
}

.highlight-menu .highlight-item img.highlight-more {
    margin: 0;
}

.highlight-menu ul li > ul li {width: 100%;}

.highlight-menu > ul > li:hover > ul {
    position: relative;
    width: 100%;
}

.highlight-menu > ul {
    flex-wrap: nowrap;
    flex-direction: column;
}

  
  html[lang="en"]    li.nav-item.setting-item.dropdown .dropdown-menu
  {
    right:0;
    left:auto;
  }
  
/*    end header*/
    
/*  news    */
    .owlCarousel-news-slider .owl-carousel .owl-item img {
    height: auto !important;
}
  
  
    .section {
    padding: 3rem 0;
}
    .owlCarousel-news-slider {
    margin-bottom: 3rem;
}

    .srv-box {
    width: 100%;
    margin-right: -15px;
}

    section.section.section-e-services .services-slider:before,
    section.section.section-e-services .services-slider:after
    {
        display: none;
    }
    
    section.section.section-e-services > .section-e-services-in + .container.position-relative {
    padding: 0 30px;
}
  
    
    
    .filter-tabs-cont.data-target-filter-cont {
    margin-right: 0;
          margin-left: 0 !important;
}

.filter-tabs-cont ul {
    flex-direction: column;
}

.filter-tabs-cont ul li a {
    text-align: right;
    padding: .8125rem;
    position: relative;
}

.total-num {
    color: #fff;
    font-size: 2rem;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
}

 

section.section.section-e-services .services-slider .owl-stage-outer {
    padding: 0 15px;
}

.services-more {
    position: static;
    padding: 0 15px;
    text-align: center;
}
    
    
    
    .filter-tabs-cont.data-target-filter-cont {
    margin-right: 0;
}

.filter-tabs-cont ul {
    flex-direction: column;
}

.filter-tabs-cont ul li a {
    text-align: right;
    padding: .8125rem;
    position: relative;
}

.total-num {
    color: #fff;
    font-size: 1rem;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
}

.rate-block-cont {
}

section.section.section-e-services .services-slider .owl-stage-outer {
    padding: 0 15px;
}

.services-more {
    position: static;
    padding: 0 15px;
    text-align: center;
}

 section.section.section-e-services .filter-btns .btn:first-child {
    border: 1px solid !important;
}

section.section.section-e-services .filter-btns .btn:last-child {
    border-left: 1px solid !important;
}
  
  
section.section.section-clients .services-more {
    margin-top: 1rem;
}

  section.section.section-e-services .filter-btns .btn:last-child
  {
   border-right: 1px solid !important;
  }
  
.keyword-cont {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.mail-list-cont .btn {
    margin-top: 1rem;
}

.browsers {
    flex-direction: column;
}

.browsers p {
    padding: 1rem 0;
}

.vaild-img {
    text-align: right;
}

.copyright-cont {
    padding: 15px 0;
}
    
    section.section.section-help .carousel-indicators {
    position: static;
    margin: 1rem 0;
    padding: 0;
}


    section.section.section-help .carousel-indicators li {
    background: #007040;
}


    section.section.section-help .carousel-indicators li.active {
    background: #f2b01a;
}
    
    
.owl-carousel .owl-stage-outer {
    overflow: hidden;
    width: 100%;
}
  
    .inner .nav-icon , html[lang="en"]  .inner  .nav-icon {
    border: 0;
    
}
   
/*    inner*/
    .page-sidebar-cont {
    order: 1;
    border: 0;
}

.page-sidebar {
    padding-top: 0;
}
 

.page-wrapper-cont {
    padding: 0 1rem !important;
}
    
 .contact-link-cont {
    flex-direction: column;
    margin-top: 1.5rem;
    margin-left: 0;
}

.contact-link-cont a {
    margin-bottom: 1px;
}

.respect-width a {
    padding: .5rem 2rem;
}
    
    /**********/
    .d-flex.m-service-header-cont {
    flex-direction: column;
}

.m-service-header.side {
    margin: 0;
    padding: 0;
    align-items: flex-start;
}

.m-service-header-cont .m-service-header
{
  max-width:100%
}

.m-service-header {
    flex-direction: column;
    align-items: flex-start;
}

.m-service-header a {
    margin: 0;
    text-align: right;
    display: flex;
    padding-bottom: 0;
    align-items: center;
    font-size: 0.875rem;
}

.m-service-header a span {
    display: inline-flex;
    background: transparent !important;
}

.m-service-header a:hover .icon {
    transform: none;
}

.m-service-header a .icon {
    font-size: 1.5rem;
    margin: 0;
}

.m-service-header + .m-service-header.side {
    padding-right: 0;
    border: 0;
    margin-right: 0;
    padding-left: 0;
    margin-left: 0;
}

.m-service-header a:hover {
    transform: none;
}

    
    .heading.right {
    line-height: 1.8;
}

 
.share-page-list {
    margin-bottom: 1rem;
    padding: 0 0 0 1rem !important;
    flex-direction: column;
    align-items: flex-start;
 }

 .sm-share-box {
    flex-direction: column;
    width: 100%;
    align-items: normal;
}

    
  .modal-body > .p-4 {
    padding: 0 !important;
}
    
    .topbar .navbar-collapse .navbar-nav .nav-link:before, .topbar .setting-nav .setting-item .nav-link:before, .topbar .setting-nav .search-item .nav-link:before {
    bottom: 0;
}
    .client-box {
    margin-bottom: 0;
    width: 100%;
}
    
    .slider-control {
    top: -5px;
}
 
    section.section.section-e-services .services-slider .item {
 
    padding: 0 15px;
}
  
    header.site-header.inner {
    background-size: cover;
}
  
/*   inner pages */
  .main-welcome h1 {
    font-size: 1.5rem;
}
  
/*   social-development-sector */
  section.section.content-section.content-section-agencies {
    padding: 3rem 1rem;
}

section.section.content-section.content-section-agencies .col-item {
    margin-bottom: 1rem;
}

.content-section h2 {
    line-height: 1.6;
    font-size: 1.6rem;
}

section.section.content-section.content-section-activities {
    padding: 3rem 1rem;
}
 
  
/*   initiatives */
  .filter-btns .btn {
/*     margin: 0 0 1rem 0; */
    width: 100%;
}
  
  section#home-section-e-services   .filter-btns .btn {
    margin: 0 0 1rem 0;
    width: 100%;
}

section.section.section-e-services .filter-btns .btn.active  {
    border: 1px solid transparent !important;
}
 
 
.filter-btns-cont-3-lev .filter-tabs-cont ul {
    width: 100%;
}

section.section.content-section.section-filter-box-list-2Lev h2  , section.section.content-section.section-filter-box-list-3Lev  h2{
    display: block;
    padding: 0 15px;
}

section.content-section.content-section-service-directory.e-services-box {
    padding: 0 1rem;
}

.directory-header .filter-btns .btn {
    margin: 0;
}

.e-services-box .service-list-cont .filter-list-cont.list {
    margin: 0 !important;
}

.e-services-box .service-list-cont .filter-list-cont li {
    width: 100%;
    flex: 1 0 100%;
}

.e-services-box .service-list-cont .filter-list-cont li .item, .section-decisions-box .service-list-cont .filter-list-cont li .item {
    padding: 0;
}

.content-section-service-directory .item .srv-box {
    margin: 0;
}
  
  section.content-section.section-tabs.section-tabs-v .container.px-lg-0 {
    padding: 0;
}
  section.content-section.section-tabs.section-tabs-v  img
  {
    max-width:100%;
    height:auto !important;
    width: auto !important;
  }
  
  
   
  img
  {
    max-width:100%;
    height:auto;
  }
  
/*   partnerships */
  section.content-section.content-section-partnerships {
    padding-left: 1rem;
    padding-right: 1rem;
}

  
/*   stats box */
  .content-stats-box .item {
    width: auto;
    justify-content: flex-start;
}

.content-stats-box {
    flex-direction: column;
}

.content-stats-box .item:not(:last-child) {
    margin-bottom: 2rem;
}

.service-details-cont.procedures-details-cont .content-stats-box .item:last-child {
    padding-right: 0;
}
  
  
  .readspeaker-content {
    padding: 0 1rem;
}
  
  
  .breadcrumb>li a {
     margin-bottom: 1rem;
    display: inline-block;
}
  
  
/* decisions */

section.content-section.content-section-service-directory.section-decisions-box {
    padding-left: 1rem;
    padding-right: 1rem;
}

.section-decisions-box .service-list-cont .filter-list-cont {
    margin: 0;
}

.section-decisions-box .service-list-cont .filter-list-cont li {
    width: 100%;
}
  
  
/*   google analyts */
  .view.view-google-analytics-reports-summary-for-user.view-id-google_analytics_reports_summary_for_user h2 {
    padding: 0 1rem;
}

body.page-reports .region.region-content {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 100%;
    overflow-x: hidden;
}

.view.view-google-analytics-reports-summary-for-user.view-id-google_analytics_reports_summary_for_user.view-display-id-page.google-analytics-reports-summary .attachment.attachment-after .google-analytics-reports-summary-top-pages {
    width: 100%;
}

.view.view-google-analytics-reports-summary-for-user.view-id-google_analytics_reports_summary_for_user.view-display-id-page.google-analytics-reports-summary .attachment.attachment-after {
    flex-direction: column;
}

.view.view-google-analytics-reports-summary-for-user.view-id-google_analytics_reports_summary_for_user.view-display-id-attachment_top_pages.google-analytics-reports-summary li a {
    display: block;
    width: 100%;
}

.view.view-google-analytics-reports-summary-for-user.view-id-google_analytics_reports_summary_for_user.view-display-id-attachment_top_pages.google-analytics-reports-summary li {
    flex-direction: column;
}

.view.view-google-analytics-reports-summary-for-user.view-id-google_analytics_reports_summary_for_user.view-display-id-page.google-analytics-reports-summary .attachment.attachment-after .google-analytics-reports-summary-top-keywords {
    width: 100%;
}

.view.view-google-analytics-reports-summary-for-user.view-id-google_analytics_reports_summary_for_user.view-display-id-page.google-analytics-reports-summary .attachment.attachment-after .google-analytics-reports-summary-top-keywords li {
    flex-direction: column;
}

section#block-mosa-mapgeo h2.block-title , .view.view-google-analytics-reports-summary-for-user.view-id-google_analytics_reports_summary_for_user h2 {
    line-height: 1.4;
}

section#block-mosa-mapgeo div#chart_div svg {
    width: 100% !important;
}
  
  
  /******/
  .home-map .filter {
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    display: flex;
    align-items: flex-start;
}

.filter-data {
    display: flex;
    flex-direction: column;
}

.filter-data label {
    margin-left: 0;
    text-align: right;
}

body.page-node-70995 .region.region-content {
    /* width: 100%; */
    /* padding-right: 15px; */
    /* padding-left: 15px; */
}

.map-img-cont {
    width: 100% !important;
}

.stat-map .item {
    flex-direction: column;
    display: none;
}

.stat-map .item.active {
    display: flex;
}

.map-img-data {
    width: 100%;
}
/*   prints */
  section.content-section.content-section-prints {
    padding-right: 15px;
    padding-left: 15px;
}

section.content-section.content-section-prints .filter-btns .btn {
    margin: 0;
}
  
/*  service-details */
  section.section-tabs .nav {
    margin-bottom: 1rem;
}

section.section-tabs .nav .nav-item {
     margin-bottom: 1px;
}
 
 .header-welcome-cont {
    flex-direction: column;
   transform:none;
   margin: 0 -15px;
}

.header-welcome-details {
    padding: 1em 0 0;
}
  
  .region.region-content .header-welecome {
    height: auto;
}

.node-type-scards .main-welcome {
    padding: 10rem 0 8rem 0;
}
  
/*   pagination */
  li.paginationjs-prev a, li.paginationjs-next a {
    margin: 0 0rem;
}
  
/*   news */
  section.content-section.content-section-more-news {
    padding-left: 1rem;
    padding-right: 1rem;
}
  
/*   news details */
  .new-det-side .meta-title {
    display: inline-block;
}

.meta-cont {
    padding-bottom: 0;
}

.col-md-2.new-det-side.meta {
    order: 1;
}

.article-mid-det {
    padding: 0 1rem;
}

.new-det-side:not(.meta) {
    order: 1;
    padding: 0 1rem;
}

.col-md-2.new-det-side.meta .meta-cont {
    margin-top: 2rem;
    margin-bottom: 3rem;
}

.col-md-2.new-det-side.meta .meta-cont > .media-meta:first-child {
    border-top: 1px solid #ddd;
    padding-top: 1rem;
}
  
  
  section.content-section.content-section-more-news + section.content-section .content-survey {
    padding: 0 1rem;
}
  
  
/*   contact */
  section.content-section.content-section-map > .container.px-0 , section.content-section.content-section-contact-form >  .container.px-0 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

  
  .form-item.form-item-name.form-type-textfield, .form-item.form-item-mail.form-type-textfield, .form-item.form-item-subject.form-type-textfield {
    -ms-flex: 0 0 100% !important;;
    flex: 0 0 100% !important;;
    max-width: 100% !important;
}
  
  .contact-box .sm-list, .contact-box .sm-list li {
    flex-wrap: wrap;
    justify-content: flex-start !important;
}

.contact-box, .contact-form-cont {
    padding: 1.5rem;
}

.contact-box .sm-list a {
    margin-bottom: 1rem;
}
  
 /*   /service-offices */
  body.page-query .region.region-content, body.page-printmail .region.region-content, 
  body.page-newsletter .region.region-content, body.page-node-69298 .region.region-content,
  body.page-service-offices .region.region-content, body.page-node-70023 .region.region-content .node.node-faq, 
  body.node-type-faq .node.node-faq, body.page-comment.page-comment-reply .region.region-content #comment-form, 
  body.page-filter.page-filter-tips .region.region-content, html[lang="en"] .node-type-service .node.node-full ,
  {
    min-height: 100vh;
    justify-content: flex-end;
    padding-left: 15px;
    padding-right: 15px;
}

.view.view-servcie-offices.view-id-servcie_offices.view-display-id-page .view-filters {
    width: 100%;
    overflow: hidden;
}
  
  div#edit-shs-term-node-tid-depth-1-wrapper, div#edit-shs-term-node-tid-depth-wrapper {
    width: 100%;
    margin: 0;
}
  
/*  -service-office -det  */
  .node-type-service-office .main-content.inner {
    padding: 0 15px;
    background: #e6ebef;
}

.node-type-service-office .main-content.inner .share-page-content-box-cont {
    margin: 0 -15px;
}
  
  .contact-box.branch-item-cont {
    margin-bottom: 5rem;
}
  
  
/*   open data */
  
section.section.content-section.content-section-more-open-data > .container {
    padding-right: 15px  !important;
    padding-left: 15px  !important;
}
  
  .section-open-dat .filter-list-cont
  {
    margin:0;
  }
  
/*   map */
  .map-img-data .media-body h3.region {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.map-img-data .media-body .total {
    width: 100%;
    margin: 0 0 1rem 0 !important;
}

.map-img-data .data-table {
    flex-direction: column;
}

.map-img-data .data-table > h3 {
    width: 100%;
    padding: 1rem;
}
  
   section.content-section.content-section-partnerships .item {
    margin-bottom: 1rem;
} 
  
  section.section.content-section.section-filter-box-list-3Lev .container.position-relative h2, section.section.content-section.section-filter-box-list-2Lev .container.position-relative h2, section.section.content-section.section-filter-box-list-3Lev-multi .container.position-relative h2 {
    display: block;
    padding: 0 15px;
}
  
  section.content-section.content-section-more-news.videos .filter-btns .btn  ,
  section.content-section.content-section-more-news.photos   .filter-btns .btn {
    margin: 0;
}
  
 .home-map {
    padding: 0 15px !important;
}

  .header-footer .d-flex {
    flex-wrap: wrap;
}

.header-footer .d-flex li {
    margin-bottom: 10px;
}
  
  ul.pager li.pager-previous a, ul.pager li.pager-next a {
    margin: 0 .5rem;
}

  body.node-type-ministerial-decisions .node-ministerial-decisions {
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}
 
/*   fixing */
/*   pagination */
  .pagination li.pager-first , .pagination li.pager-last {
    width: 100%;
    margin: .5rem 0 !important;
}

.pagination li.prev {
    margin-left: .5rem;
}

.pagination li.next {
    margin-right: .5rem;
}
  
/*   home */
  .owlCarousel-news-slider .owl-theme .owl-nav button {
    margin-right: 15px;
}
  
  .filter-tabs-cont ul li a , .filter-btns .btn
  {
       transition: none !important;
  }
  
/*   faq */
  
.faq-content > .container.position-relative.px-md-0:first-child {
    padding: 0;
}
  
/*   news det  */
  section.section.section-news-details article.media-item .media-image img {
    position: static;
    width: 100%;
    height: auto;
    object-fit: cover;
}

section.section.section-news-details article.media-item .media-image .media-image-shadow {
    display: none;
}

section.section.section-news-details article.media-item .media-image:after {
    height: 0;
}

section.section.section-news-details article.media-item .media-image img + small {
    position: static;
    margin: 0;
    display: block;
}
  
  section.section.section-news-details article.media-item .media-image {
    padding-bottom: 0 !important;
    margin-bottom: 0;
}
  
  
/*   rate */
  .rate-widget-number_up_down a, .rate-number-up-down-btn-up a
  {
    margin-left:1rem;
  }
  
  .filter-btns .btn {
    margin-bottom: 1rem;
}
  
  
/*   breadcrumb */
  .breadcrumb> li span + a:before, .breadcrumb> li span + span:before {
    padding: 0 0 0 20px;
}

.breadcrumb-cont .breadcrumb a , .breadcrumb-cont .breadcrumb span.nolink {
    padding-left: 20px;
    margin: .5rem 0;
}

   
.share-page-content-box-cont {
    padding: 1rem;
}

.share-page-content-box-cont .content-survey {
    padding-right: 0;
    padding-top: 1rem;
}

.share-page-content {
    padding-bottom: 1rem;
}
  
  .page-wrapper-cont  .share-page-content-box-cont {
    margin: 0 -1rem;
}
  
  .node-type-news section.section.section-news-details + section.content-section .content-survey {
    padding-right: 1rem;
}

.node-type-news section.section.section-news-details + section.content-section {
    padding-bottom: 1rem;
}
  
  
/* procedures   */
  .procedures-cont .srv-box {
    margin: 0;
}

section.content-section.content-section-more-procedure {
    margin: 0 -1rem;
}
  
  .procedures-cont .item {
    margin-bottom: 1rem;
}
  
  
/*   event det */
  
.node-type-event .content-survey {
    padding: 1rem;
}
  
/*   site map */
  #site-map {
    margin: 0;
}

#site-map .site-map-box ul ul > li {
    width: 100%;
    flex: 1 0 100%;
}

#site-map .site-map-box ul li.expanded span.nolink {
    margin: 2rem 0 0 0;
    padding-bottom: .5rem;
}
 
.p-content img {
    height: auto !important;
    width: 100% !important;
}  
  
  
/*   header */
  .topbar.nav-fixed.nav-show .nav-icon .navbar-toggler-icon span {
    background: #333;
}
/*    header inner */
  .inner .topbar.nav-fixed.nav-show .nav-icon .navbar-toggler-icon span {
    background: #fff;
}

.inner .nav-fixed.topbar .navbar-collapse .navbar-nav .nav-link {
    color: #333;
}
  
/*   slideshow page */
  .node-type-slideshow .node-slideshow {
    padding-left: 15px;
    padding-right: 15px;
}
  
  
/*   e-service det faq */
  .content-box-content .filter-list-cont.faq-list li {
    flex: 0 0 100%;
    width: 100%;
}

.content-box-content .filter-list-cont.faq-list {
    flex-direction: column;
    margin: 0;
    -ms-flex-direction: column !important;
}

.content-box-content .filter-list-cont.faq-list li .item {
    width: 100%;
    padding: 0;
}

.content-box-content .filter-list-cont.faq-list li .item .srv-box {
    margin: 0;
}

/* read speaker */
  .content-section.speak-section {
    position: static;
    margin-bottom: 0;
        margin-top: -50px;
}

.content-section.speak-section .rsbtn {
    margin: 0;
    box-shadow: none;
}

.content-section.speak-section .rsbtn.rsexpanded.rsplaying, .content-section.speak-section .rsbtn.rsplaying {
    box-shadow: none;
    padding-bottom: 2rem;
    width:100% !important;
      border-bottom: 1px solid rgba(0,0,0,.05);
}

.content-section.speak-section .rsbtn.rsexpanded.rsplaying .rsbtn_play {
    display: block;
    width: 100%;
}

/*   header */
  .topbar .setting-nav .nav-link.cust-services.btn {
    padding: .5rem 0.5rem;
}

.nav-icon {
    height: auto;
}
  
  header.site-header .topbar .navbar-collapse > ul.navbar-nav {
    display: block;
    padding-right: 0 !important;
}

header.site-header .topbar .navbar-collapse .navbar-nav .nav-item, header.site-header .topbar .navbar-collapse .navbar-nav .nav-item > a {
    display: inherit;
}
 
/*   contact */
  .breadcrumb-cont .breadcrumb {
    align-items: center;
}

.map-google-cont {
    position: relative !important;
    height: 100vh;
}

section.content-section.content-section-map , .main-content.inner.contact-inner{
    background: #e6ebef;
}
 
  .vaild-img a.wcag1A-logo {margin: 0 .5rem;}
  
  
  .page-node-69298 .region.region-content
  {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  
/*   setting opt inner */
  .setting-item-inner-cont
  {
    padding:0;
  }
 
  .setting-item-inner {
       flex-wrap: wrap;
       padding: 1.2rem 1.125rem;
}
  
  

.setting-item-inner > div:not(:first-child) {
    border: 0;
    padding: 0;
}
  
  .node-type-scards .header-welcome-cont {
    box-shadow: none;
}

.node-type-scards .setting-item-inner .font-opt-cont a {
    padding: 0rem .5rem;
}

.node-type-scards .font-opt-cont {
    margin-top: .75rem !important;
}
 
  .page-wrapper-cont .setting-item-inner-cont {
    margin: 0 -1rem;
}
  
  
  .article-mid-det .setting-item-inner-cont {
    margin-bottom: 2rem;
    margin-top:1rem
}

.article-mid-det .setting-item-inner-cont .font-opt-cont a {
    padding: 0rem .5rem;
}

.article-mid-det .setting-item-inner-cont .font-opt-cont {
    margin-top: .75rem;
}
  
  .region.region-content {
    width: 100%;
    max-width: 100% !important;
}

.region.region-content form {
    padding: 0 1rem;
}
  
  
  .region.region-content  form .form-item
  {
            width: 100% !important;
            display: block ;
            margin-top: 2rem;
  }
  
  form#srquery-form .form-item:nth-child(2)
  {
    margin:0;
  }
  
  #insurance-order-inquery-form .form-item.form-group:nth-child(1), 
  #comm-form .form-item.form-group:nth-child(2), form#e3nh-form .form-item:nth-child(2), 
  form#hafiz-form .form-item:nth-child(2), form#srquery-form .form-item:nth-child(2),
  form#insurance-payee-inquery-form .form-item:nth-child(1), 
  form#insurance-general-inquery-form .form-item:nth-child(1), 
  form#insurance-bankcard-inquery-form .form-item:nth-child(1), 
  form#insurance-organization-form .form-item:nth-child(2), 
  form#insurance-organization-register-2-form .form-item:nth-child(1), 
  form#insurance-organization-register-2-form .form-item:nth-child(4), 
  form#insurance-organization-register-2-form .form-item:nth-child(6) ,
  form#insurance-organization-register-password-form   .form-item:nth-child(3) ,
  div#edit-delegator-info-body .form-item.form-item-delegator-mobile.form-type-textfield.form-group ,
  form#query-car-allowance-status-form  .form-item:nth-child(1) 
  {
    margin-left:0;
  }
  
  form#insurance-organization-register-2-form .form-item.form-item-name.form-type-textfield.form-group, form#insurance-organization-register-2-form .form-item.form-item-email.form-type-textfield.form-group, form#insurance-organization-register-2-form .form-item.form-item-org-username.form-type-textfield.form-group, div#edit-delegator-info-body .form-item.form-item-delegator-mobile.form-type-textfield.form-group, form#insurance-organization-register-form .form-item.form-item-org-password.form-type-password.form-group, fieldset#edit-informant-info div#edit-informant-info-body .form-item:nth-child(1), fieldset#edit-in-need-info div#edit-in-need-info-body .form-item:nth-child(1), fieldset#edit-in-need-info div#edit-in-need-info-body .form-item:nth-child(2), .page-node-69298 form#webform-client-form-69298 .form-item:nth-child(2), .page-node-69298 form#webform-client-form-69298 .form-item.webform-component-email {
    margin-left: 0;
    margin-right: 0;
}
  
  
  .loader-label {
    font-size:.875rem;
}
  
.view.view-google-analytics-reports-page.view-id-google_analytics_reports_page .view-empty {
    padding: 0 1rem 2rem;
}
  
  form#insurance-organization-register-2-form .form-item.form-item-name.form-type-textfield.form-group , form#insurance-organization-register-2-form .form-item.form-item-email.form-type-textfield.form-group, form#insurance-organization-register-2-form .form-item.form-item-org-username.form-type-textfield.form-group
  {
    width:100%;
    max-width: 100%;
    margin-left: 0;
  }
  
  form#delegator-on-organization-register-form fieldset#edit-reg-info div#edit-reg-info-body .captcha
  {
    width:90%;
  }
  
  #office-map {
    height: 520px;
}
  
.col-md-6.Location-Map-title {
    order: 1;
}

.col-md-6.Location-Map-cont {
    order: 1;
}
   
  
  .office-map-param   ,   .office-map-param     .main-content.inner
  {
    height:100%;
    height:100vh;
    overflow:hidden;
  }
  
 .office-map-param   #office-map {
    height: 520px;
    position: fixed !important;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    height: 100%;
}
  
  
  .office-map-param   .main-content.inner  .Office-Information-title-cont ,
    .office-map-param   .share-page-content-box-cont  ,
  .office-map-param   div#chat-widget-container , 
    .office-map-param  .Office-Information-title ,
   .office-map-param  .Location-Map-title
  {
    display:none;
  }
  
  
  .page-query .block.block-system > form > div:first-child > div {
    width: 100%;
}
  
  
  .node.node-webform .content {
    width: 100%;
    padding-left:  15px;
    padding-right: 15px;
}
  
  .webform-component--arrival-departure-time--arrival-date-time, .webform-component--arrival-departure-time--departure-date-time {
    width: 100%;
    padding: 0;
}
  
   .node-type-webform .region.region-content form .form-item {
    margin-top: 0;
}
  
  .error-side {
    flex-direction: column;
    -ms-flex-direction: column;
}

.error-txt-cont {
    margin-left: 0;
}
  
  
  .page-nitaqat form .views-exposed-form .views-exposed-widget {
    width: 100%;
}
  
  
  
/* nitaqat */
.page-nitaqat .view-content table .col-md-3 ,
  .page-nitaqat .view-content table .col-md-7 ,
  .page-nitaqat .view-content table .col-md-2{
    max-width: 100%;
    width: 100%;
}

 
  
/*******************/  
/*   Responsive EN */
  
/*  header  */
  html[lang="en"]  header.site-header .navbar-brand {
    margin: 0 !important;
    width: 80px;
    margin-right: auto !important;
}

   html[lang="en"]   header.site-header .topbar .navbar-collapse > ul.navbar-nav
  {
    padding-left: 0 !important;
  }
  
html[lang="en"]  .nav-icon {
    /* left: 0; */
    border: 0;
    border-right: 0;
    margin-right: 0;
    /* right: -16px; */
    border-left: 1px solid rgba(255,255,255,.1);
    margin-left: .5rem;
    padding-left: .5rem;
    /* height: 100%; */
    padding-right: 0;
}

html[lang="en"] .navbar-toggler-icon {
    /* transform: translate3d(-50%, -50% , 0); */
}

html[lang="en"]  .topbar .setting-nav .nav-link {
    padding: 1.731rem 0.5rem;
}

html[lang="en"] .navbar-brand img {
    height: auto;
    width: 100%;
}

 html[lang="en"] .topbar .navbar-collapse .navbar-nav .nav-item:last-child .nav-link {
    padding: .5rem 1.250rem 1rem!important;
}

 html[lang="en"]  .m-service-header.side + .m-service-header a {
    margin-left: 0;
} 
 
html[lang="en"]  .total-num {
    left: auto;
    right: 15px;
}

html[lang="en"]  .filter-tabs-cont ul li a {
    text-align: left;
}
  
  html[lang="en"] .srv-box {
    margin-right: 0;
    margin-left: -15px;
}
  
html[lang="en"]  .vaild-img {
    text-align: left;
}
  

html[lang="en"] .filter-data label {
    text-align: left;
}

html[lang="en"]  .filter-data {
    padding-left: 1rem;
}
  
html[lang="en"]   .breadcrumb> li span + a:before,
  html[lang="en"]   .breadcrumb> li span + span:before {
    padding: 0 20px 0 0;
}
  
  html[lang="ar"] .breadcrumb> li span + a:before, 
    html[lang="ar"] .breadcrumb> li span + span:before {
    padding: 0 0px 0 20px;
}
  
  
  
 html[lang="en"]   .breadcrumb-cont .breadcrumb a, 
  html[lang="en"]   .breadcrumb-cont .breadcrumb span.nolink {
    padding-left: 0;
    padding-right: 20px;
}

html[lang="en"]   .node-type-news section.section.section-news-details + section.content-section .content-survey {
    padding-right: 0;
    padding-left: 1rem;
}
  
}                                                                        
/******************* end .smart phones style ***********************/

 
/*************************************************/
/*************************************************/
/************************ ipad tablet style *************************/

@media only screen and (max-width: 1024px) and (min-width: 768px) 
{
    
       
ul.setting-nav {
    flex-direction: row;
}

 
  .nav-icon {
    order: 1;
    margin-right: 1rem;
    padding-right: 1rem;
    height: auto;
}
  
    
.navbar-toggler-icon {
    /* position: absolute; */
    /* top: 50%; */
    /* transform: translate3d(50%, -50% , 0); */
    /* height: 18px; */
    /* width: 24px; */
    /* position: absolute; */
    top: 50%;
    /* transform: translate3d(50%, -50% , 0); */
    /* height: 18px; */
    /* width: 24px; */
    width: 1.0em;
    height: .75em;
    position: relative;
    top: -2px;
}

header.site-header .navbar-brand {
  padding: 1rem 0;
  }


.topbar nav.navbar {
    flex-direction: row;
    flex: 1;
    /* position: relative; */
}

.topbar .container:first-child {
    width: 100%;
    max-width: 100%;
    padding: 0 15px  !important;
}


.nav-icon:focus {
    outline: 0;
    /* border: 0; */
}

li.nav-item.setting-item.dropdown {
    position: relative;
}

li.nav-item.setting-item.dropdown .dropdown-menu {
    position: absolute;
}

.nav-icon:hover {
    /* background: #f1f1f1; */
}
 
.header-search-cont .card.card-body {
    padding-left: 3rem;
}

header.site-header .navbar-collapse {
    position: absolute;
    top: 98px;
    width: 100%;
    left: 0;
    right: 0;
    background: #fff;
}



.topbar .navbar-collapse .navbar-nav .nav-link {
    color: #333;
    padding: .5rem 1.250rem !important;
}

header.site-header .topbar .navbar-collapse .navbar-nav .nav-item, header.site-header .topbar .navbar-collapse .navbar-nav .nav-item > a {
    display: block;
}

header.site-header .topbar .navbar-collapse .navbar-nav .nav-item .nav-link {width: 100%;}

.topbar.nav-fixed {
    position: static;
}

.navbar-nav .dropdown-menu h3 {
    margin-top: 1.5rem;
    margin-bottom: .5rem;
}

.navbar-nav .dropdown-menu {
    padding-top: 1rem;
}

 
li.nav-item.cust-services-item {
    /* padding-right: .5rem; */
}

.topbar.nav-show-dropdown .nav-icon {
    /* background: rgba(0,0,0,.1); */
    left: 0;
}

.topbar.nav-show-dropdown .nav-icon .navbar-toggler-icon span {
    background: #f2b01a;
}

 

.topbar .navbar-collapse { 
    border-top: 1px solid rgba(0,0,0,.05);
    box-shadow: 0 10px 30px 0 rgba(94,107,126,.3);
}


.navbar-nav .dropdown-menu {
    box-shadow: none;
    padding: 1rem;
    padding-right: 0;
}





.logos-list li {
    flex: 50%;
}

.logos-list li:nth-last-child(2) a {
    border-right: 0 !important;
    border-bottom: 0 !important;
}

.logos-list li a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.logos-list li:last-child a {
    border-bottom: 0 !important;
}
.header-e-services
{
    margin-top: 2rem;
    margin-bottom: 2rem;
}    
   
    
    .header-e-services a {
    margin-bottom: .4rem;
}
    
 .main-slider {
    overflow: hidden;
}
    
    .main-slider-content .carousel-item-caption {
    width: 100%;
    padding: 15px;
}

.highlight-menu .highlight-item {
    padding: 1rem 2rem;
}

.highlight-menu ul li > ul {
    width: 100%;
}

.highlight-menu {
    width: 100%;
}
  
/*  column highlight menu  */
  .main-slider {
    min-height: 115vh;
    height: auto;
    /* min-height: 120vh; */
 }

.main-slider-content {
    display: block;
    padding-top: 10rem;
}

.highlight-menu ul li > ul {
    flex-wrap: nowrap;
    flex-direction: column;
}

.highlight-menu .highlight-item {
    text-align: center;
}

 
.highlight-menu ul li > ul li {width: 100%;}

.highlight-menu > ul > li:hover > ul {
    position: relative;
    width: 100%;
}

.highlight-menu > ul {
    flex-wrap: nowrap;
    flex-direction: column;
}

/*    end header*/
    
 .owlCarousel-news-slider {
    margin-bottom: 3rem;
}
    
#home-section-e-services .filter-tabs-cont ul {
    flex-direction: column;
}

.filter-tabs-cont ul li a {
    text-align: right;
    padding: .8125rem;
    position: relative;
}

.total-num {
    /* color: #fff; */
    font-size: 2rem;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    right: auto;
}

.filter-tabs-cont.data-target-filter-cont
    {
        margin-right: 0;
        position: relative;
    }
    
    
    .services-more {
    position: static;
    text-align: center;
    padding: 0 15px;
}
    section.section.section-clients .services-more {
    margin-top: 1rem;
}
    
    .keyword-cont-col {
    order: -1;
    margin: 0 0 4rem 0;
    max-width: 100%;
    width: 100%;
    flex: 0 0 100%;
}


.keyword-cont-col {
    max-width: 100%;
    width: 100%;
    flex: 0 0 100%;
}

.faq-cont-col , .mail-list-cont-col {
    max-width: 50%;
    width: 50%;
    flex: 0 0 50%;
}


section.section.section-help {
    /* padding-top: 0; */
}
    
    
    .browsers p {
    padding: 0;
}

.vaild-img img {
    height: 24px;
}
    
    li.nav-item.setting-item.dropdown .dropdown-menu h3 {
    margin: 1rem 0;
}

.color-opt-cont , .voice-cont-box {
    margin-top: 1rem;
    padding-top: 0;
}
  
    
    
    .contact-link-cont {
    flex-direction: column;
    margin-top: 1.5rem;
    margin-left: 0;
}

.contact-link-cont a {
    margin-bottom: 1px;
}

.respect-width a {
    padding: .5rem 2rem;
}
   
    
    /**************/
    .d-flex.m-service-header-cont {
    flex-direction: column;
}

.m-service-header.side {
    margin: 0 !important;
    padding: 0 !important;
    align-items: flex-start;
    border: 0;
}

.m-service-header {
    flex-direction: column;
    align-items: flex-start;
}

.m-service-header a {
    margin: 0;
    text-align: right;
    display: flex;
    padding-bottom: 0;
}

.m-service-header.side + .m-service-header a {
    margin: 0;
}


.m-service-header a span {
    display: inline-flex;
    background: transparent !important;
}

.m-service-header a:hover .icon {
    transform: none;
}

.m-service-header a:hover {
    transform: none;
}

  
    .heading.right {
    line-height: 1.5;
}

 
.share-page-list {
    margin-bottom: 2rem;
 
    
}  
    
    header.site-header.inner {
    background-size: cover;
}
  
/*   section-filter-box-list-3Lev */
  section.section.content-section.section-filter-box-list-3Lev .filter-tabs-cont ul li a, section.section.content-section.section-filter-box-list-2Lev .filter-tabs-cont ul li a, section.section.content-section.section-filter-box-list-3Lev-multi  .filter-tabs-cont ul li a {
    padding: .8125rem 2rem;
}

.e-services-box .service-list-cont .filter-list-cont li, .section-decisions-box .service-list-cont .filter-list-cont li {
    width: 50%;
}
  

/*   decisions   */
section.section.section-e-services .filter-tabs-cont ul li {
    flex: none;
}

.filter-tabs-cont ul {
    justify-content: flex-start;
    position: relative;
  flex-direction: column;
}

  
/*   news details */
  section.section.section-news-details .col-md-2.new-det-side.meta {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    order: 1;
}
 

section.section.section-news-details .col-md-8.article-mid-det {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

section.section.section-news-details .col-md-2.new-det-side:not(.meta) {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 0;
}

section.section.section-news-details .meta-cont {
    padding-bottom: 0;
}

.article-mid-det {
    padding-right: 1rem;
}
  
/*   media */
  .pagination li.next {
    margin-right: 1rem;
}

.pagination li:last-child:not(.active) {
    margin: 0;
    font-size: .875rem;
}
  
  
 body.page-query .region.region-content, body.page-printmail .region.region-content, body.page-newsletter .region.region-content, body.page-node-69298 .region.region-content, body.page-service-offices .region.region-content, body.page-node-70023 .region.region-content .node.node-faq, body.node-type-faq .node.node-faq, body.page-comment.page-comment-reply .region.region-content #comment-form, body.page-filter.page-filter-tips .region.region-content, html[lang="en"] .node-type-service .node.node-full {
    width: 100%;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
}
  
  body.page-reports .region.region-content {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 100%;
    overflow-x: hidden;
}
  
  
    body.page-node-70995 .region.region-content
  {
    min-height: 100vh;
    justify-content: flex-end;
    padding-left: 15px;
    padding-right: 15px;
    background: #e6ebef;
}
  
/*   map */
  .map-img-cont {
    width: 100% !important;
    /* height: 300px; */
    margin-bottom: 1rem;
}

.map-img-data {
    width: 100%;
}
  
  .content-stats-box .item .item-content-1 {
    font-size: 1.5rem;
}
  
  
  body.page-node-70995 .region.region-content #node-70995 .content {
    width: 100%;
    max-width: 100%;
}

  
/*   listen btn in service details */
  .node-type-scards .content-section.speak-section {
    left: 0;
    right: 0;
    transform: translateY(-100%);
    margin: auto;
    margin-top: -150px;
    /* margin-bottom: 50px; */
    width: 100%;
    max-width: 720px;
    padding: 0 15px;
}
  
  .content-section.speak-section .readspeaker-button {
    justify-content: flex-start;
}
 
  .p-content img {
    height: auto !important;
    width: 100% !important;
}  
 
  
/*   home */
  section#home-section-e-services .filter-tabs-cont.data-target-filter-cont {
    margin-left: 0;
}

section.section.section-e-services .services-slider:before , 
section.section.section-e-services .services-slider:after ,
section.section.section-clients .services-slider:before , 
section.section.section-clients .services-slider:after {
    display: none;
}
  
  /*    header inner */
  .inner .topbar.nav-fixed.nav-show .nav-icon .navbar-toggler-icon span {
    background: #fff;
}

.inner .nav-fixed.topbar .navbar-collapse .navbar-nav .nav-link {
    color: #333;
}
  
  
   
/*   slideshow page */
  .node-type-slideshow .node-slideshow {
    padding-left: 15px;
    padding-right: 15px;
    max-width:720px:
}
  
  
  
/*   e-service det faq */
  .content-box-content .filter-list-cont.faq-list li {
    flex: 0 0 50%;
    width: 50%;
}
 
/* header */
  .topbar.nav-fixed.nav-show .nav-icon .navbar-toggler-icon span {
    background: #333;
}
  
/*   setting-item-inner */
 .setting-item-inner {
    flex-wrap: wrap;
       padding: 0 1rem;
}

.setting-item-inner-cont {
    padding: 0rem;
}
  
  
  .page-wrapper-cont .setting-item-inner-cont
  {
    padding:0 1rem;
  }

.setting-item-inner > div:not(:first-child) {
    border: 0;
    padding-right: 0;
}

  header.site-header .topbar .navbar-collapse > ul.navbar-nav
  {
    padding-right: 0rem !important;
  }
  
  div#beneficiaries_update .row.text-center:not(:last-child) .col-md-3.col-xs-6.text-center {
    max-width: 50%;
    width: 50%;
    flex: 0 0 50%;
}
  
  
  .node.node-webform .content {
    padding-right: 15px;
    padding-left: 15px;
}
  
/*   EN Style */
 html[lang="en"]  header.site-header .navbar-brand {
    margin-left: 0 !important;
    margin-right: auto !important;
}

 html[lang="en"]  .nav-icon {
    margin-right: 0;
    padding-right: 0;
    margin-left: 1rem;
    padding-left: 1rem;
    border: 0;
    border-left: 1px solid rgba(255,255,255,.1);
}


  html[lang="en"] .topbar .navbar-collapse .navbar-nav .nav-link {
    font-size: 1.2rem;
}

  html[lang="en"] .topbar .navbar-collapse .navbar-nav .nav-item:last-child .nav-link {
    padding: .5rem 1.250rem 1rem!important;
}


  html[lang="en"] .filter-tabs-cont ul li a {
    text-align: left;
}

  html[lang="en"] .total-num {
    right: 15px;
    left: auto;
}
 
   html[lang="en"]  .article-mid-det {
    padding-left: 1rem;
}
  
  
   html[lang="en"]  .setting-item-inner > div:not(:first-child) {
    padding-right: 1rem;
    padding-left: 0;
}
  
  
  html[lang="en"]   header.site-header .topbar .navbar-collapse > ul.navbar-nav {
    padding-left: 0rem !important;
}
  
  
}                     
/************************ end ipad tablet style *************************/
  
 


@media only screen and  (min-width: 992px) and   (max-width: 1024px)
{
    
       
ul.setting-nav {
    flex-direction: row;
}

.nav-icon {
    order: 1;
    left: 0;
    margin-right: .5rem;
    padding-right: 1rem;
    padding-left: 1rem;
    /* display: block !important; */
}
    
.navbar-toggler-icon {
    position: absolute;
    top: 50%;
    transform: translate3d(50%, -50% , 0);
    height: 18px;
    width: 24px;
}

.topbar nav.navbar {
    flex-direction: row;
    flex: 1;
    /* position: relative; */
}

.topbar .container:first-child {
    width: 100%;
    max-width: 100%;
    padding: 0 15px   !important;
}


.nav-icon:focus {
    outline: 0;
    border: 0;
}

li.nav-item.setting-item.dropdown {
    position: relative;
}

li.nav-item.setting-item.dropdown .dropdown-menu {
    position: absolute;
}

.nav-icon:hover {
    background: #f1f1f1;
}
 
.header-search-cont .card.card-body {
    padding-left: 3rem;
}

header.site-header .navbar-collapse {
    position: static;
    top: auto;
    /* width: 100%; */
    /* left: 0; */
    /* right: 0; */
    background: none;
    /* display: none !important; */
    box-shadow: none;
}



.topbar .navbar-collapse .navbar-nav .nav-link {
    color: #fff;
    padding: 1rem .75rem;
    height: 100%;
    font-size: .875rem;
}

.topbar.nav-fixed {
    position: static;
}

.navbar-nav .dropdown-menu h3 {
    margin-top: 1.5rem;
    margin-bottom: .5rem;
}

.navbar-nav .dropdown-menu {
    padding-top: 1rem;
}

 
li.nav-item.cust-services-item {
    padding-right: .5rem;
}

.topbar.nav-show-dropdown .nav-icon {
    background: rgba(0,0,0,.1);
    left: 0;
}

.topbar.nav-show-dropdown .nav-icon .navbar-toggler-icon span {
    background: #f2b01a;
}

 

.topbar .navbar-collapse {
    border-top: 0;
    box-shadow: 0 10px 30px 0 rgba(94,107,126,.3);
}


.navbar-nav .dropdown-menu {
    box-shadow: none;
    padding: 1rem;
    padding-right: 0;
}





.logos-list li {
    flex: 50%;
}

.logos-list li:nth-last-child(2) a {
    border-right: 0 !important;
    border-bottom: 0 !important;
}

.logos-list li a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.logos-list li:last-child a {
    border-bottom: 0 !important;
}
.header-e-services
{
    margin-top: 2rem;
    margin-bottom: 2rem;
}    
   
    
    .header-e-services a {
    margin-bottom: .4rem;
}
    
 .main-slider {
    overflow: hidden;
    height: 50vh;
}
    
    .main-slider-content .carousel-item-caption {
    width: 80%;
    padding: 15px;
}

.highlight-menu .highlight-item {
    padding: 1rem 2rem;
}

.highlight-menu ul li > ul {
    width: 100%;
}

.highlight-menu {
    width: 100%;
}


/*  column highlight menu  */
  .main-slider {
    min-height: 60vh;
    height: auto;
 }

.main-slider-content {
    display: block;
    padding-top: 10rem;
}

.highlight-menu ul li > ul {
    flex-wrap: wrap;
    flex-direction: row;
}

.highlight-menu .highlight-item {
    text-align: center;
}

 
.highlight-menu ul li > ul li {width: auto;}

.highlight-menu > ul > li:hover > ul {
    position: absolute;
    width: 100%;
}

.highlight-menu > ul {
    flex-wrap: wrap;
    flex-direction: row;
}

  
  
  .main-slider-content .main-slider-content-tb {
    display: block;
}

.highlight-menu > ul {
    flex-direction: row;
    flex-wrap: wrap;
}

.highlight-menu ul li > ul {
    flex-direction: row;
    flex-wrap: wrap;
    width: auto !important;
}
  
  /*********/
  
header.site-header .navbar-collapse.show {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 1rem;
}
 
 
 header.site-header .navbar-collapse.show {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 1rem;
}
 

.d-flex.m-service-header-cont {
    flex-direction: row;
}

.m-service-header.side {
  padding-right: 3.5rem !important;
    margin-right: 3.5rem !important;
}

.m-service-header {
    flex-direction: row;
    /* align-items: center; */
    /* justify-content: space-between; */
}

.m-service-header a {
    margin-left: 3rem;
    display: inline-block;
    text-align: center;
}

.m-service-header a span {
    display: block;
}

.highlight-menu ul li > ul {
    width: 100%;
}

    
    /****/
  header.site-header.inner {
    background-size: cover;
}  
  

  .topbar .setting-nav .nav-link.cust-services.btn span {
    font-size: 0.75rem;
}

.navbar-brand img {
    height: 45px;
}

.topbar .setting-nav .nav-link {
    padding: 1rem 1.250rem;
}

.site-header .dropdown-toggle::after {
    left: 2px;
    font-size: .6rem;
}

  .share-page-list {
    margin-bottom: 0rem;
}
  
/* filter btns */
  .filter-tabs-cont ul {
/*     flex-direction: row; */
}

.filter-tabs-cont ul li a {
    padding: .8125rem 2rem;
}

.e-services-box .service-list-cont .filter-list-cont li, .section-decisions-box .service-list-cont .filter-list-cont li {
    width: 33.333%;
}
  
/*   /service-offices */
  body.page-query .region.region-content, body.page-printmail .region.region-content, body.page-newsletter .region.region-content, body.page-node-69298 .region.region-content, body.page-service-offices .region.region-content, body.page-node-70023 .region.region-content .node.node-faq, body.node-type-faq .node.node-faq, body.page-comment.page-comment-reply .region.region-content #comment-form, body.page-filter.page-filter-tips .region.region-content, 
  html[lang="en"] .node-type-service .node.node-full
  {
    min-height: 100vh;
    justify-content: flex-end;
    padding-left: 15px;
    padding-right: 15px;
}

.view.view-servcie-offices.view-id-servcie_offices.view-display-id-page .view-filters {
    width: 100%;
    overflow: hidden;
}
  
/*   listen btn in services details */
  .node-type-scards .content-section.speak-section {
    left: auto;
    right: 15px;
    transform: translateY(-100%);
    margin: auto;
    /* margin-top: -150px; */
    /* margin-bottom: 50px; */
    /* width: 100%; */
    /* max-width: 720px; */
    /* padding: 0 15px; */
}
  
  
  .node-type-scards .content-section.speak-section {
    left: auto;
    right: 15px;
    transform: translateY(-100%);
    margin: auto ;
    margin-top: auto ;
    margin-bottom: auto ;
    width: auto ;
    max-width: initial ;
    padding: initial;
}

.p-content img {
    height: auto !important;
    width: 100% !important;
}
  
  .inner .nav-fixed.topbar .navbar-collapse .navbar-nav .nav-link {
    color: #fff;
}
  
      /*   setting-item-inner */
 .setting-item-inner {
    flex-wrap: wrap;
}

.setting-item-inner-cont {
    padding: 0 1rem;
}

.setting-item-inner > div:not(:first-child) {
    border-right: 1px solid rgba(0,0,0,.04);
    padding-right: 1rem;
}
  
  
  
/*   EN Style ipro */
html[lang="en"] .topbar .navbar-collapse .navbar-nav .nav-link {
    font-size: .875rem;
    padding: .3rem  .8rem!important;
    font-weight: 400;
}
}   
     
  
/*****************/

@media only screen and (min-width: 1024px) and (max-width: 1200px) 
{
     
    header.site-header.inner {
    background-size: cover;
}
    
  
  header.site-header .topbar .navbar-collapse > ul.navbar-nav {
    padding-right: 1rem !important;
}

.topbar .navbar-collapse .navbar-nav .nav-link {
    padding: 1.7rem 1rem;
}
  
  
   .container  ,
  body:not(.page-node) .region.region-content
  {
    width:98%;
    max-width:98%;
  }
  
  
.d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
  .highlight-menu .highlight-item {
    padding: 1rem 2rem;
}
  
  
.region.region-content .header-welecome .row > div {
    max-width: 600px;
}

.our-programs-cont  .row.row-partners.row-members.no-gutters  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

  section.content-section.content-section-more-news  {
    padding-left: 0;
    padding-right: 0;
  }

 
    .container  ,
  body:not(.page-node) .region.region-content
  {
    width: 100%;
    max-width: 100%;
    padding:0 15px !important;
}

 
header.site-header.inner {
    background-size: 200%;
}

.main-welcome .container {
     padding: 0 15px;
}

  .p-md-0 , .p-xl-0 , .px-lg-0  {
    padding:0 15px !important;
}
  
 ul.tabs--primary.nav.nav-tabs
  {
    margin:0;
  }
   
  
 section.content-section.section-tabs.section-tabs-v .container ,
  section.content-section.content-section-more-procedure ,
  section.content-section.content-section-more-procedure   .container ,
  section.content-section.content-section-service-directory.e-services-box   .container , 
  section.content-section.content-section-service-directory.section-decisions-box   .container  ,
  section.content-section.content-section-more-news .container  ,
  
  section.content-section.content-section-events .content-section > .container ,
  section.section.section-announcement .content-section > .container
  {
     padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  
  
  section.section-filter > .container {
    background-color: #fff;
    padding: 1.625rem 2.125rem 1.5625rem !important;
  }
  
  .content-survey
  {
    padding-right:0;
  }
  
   section.section.section-e-services h2.heading , 
  .content-section h2 {
    margin-right: 15px;
    margin-left: 15px;
}
  
  
  .total-num
  {
    left:15px;
  }
  
  
  
  
  
  
  
}





@media print
{
    #footer , .share-page-content , .setting-item-inner-cont , .page-sidebar-cont
    {
        display: none;
    }
  
  .page-wrapper-cont
  {
    width:100%;
    max-width:100%;
        flex: 0 0 100%;
    
  }
  
    
  .main-welcome {
    color: #000;
    background: none !important;
    padding: 0;
}

  
header.site-header.inner, header.site-header.inner .topbar , header.site-header .topbar nav.navbar {
    position: static;
    background: none !important;
}

 
 

.navbar-brand img.c-logo {
    display: block !important;
      height: 150px;
}

.content-section.speak-section , .navbar-brand img.w-logo  ,
  header.site-header .navbar-collapse ,
  ul.setting-nav ,
  .breadcrumb-cont .breadcrumb ,
  .cover-image
  {
    display: none  !important;;
}
  
  header.site-header .topbar nav.navbar {
    display: block  !important;;
    
}
  header.site-header.inner .topbar.nav-fixed.nav-show {
    position: static !important;
    background: none !important;
}

.page-wrapper-cont {
    color: #000;
}
.page-node .main-content.inner {
    border: 0;
}

html {
    border: 1px solid #ddd;
    margin: 0cm;
    padding: 15px;
    min-height: 100%;
}

body
{
    margin:0;
    padding:0 15px;
}
  
  
/*   news-det */
  section.section.section-news-details article.media-item .media-image .media-image-shadow {
    display: none;
}

section.section.section-news-details article.media-item .media-image img {
    position: static;
    height: auto;
    left: auto;
    right: auto;
    object-fit: none;
    max-width: 100%;
}

section.section.section-news-details article.media-item .media-image:after {
    display: none !important;
    background : none !important;
}

section.section.section-news-details article.media-item .media-image {
    padding: 0;
    text-align: right;
}

.new-det-side:not(.meta) {
    display: none;
}

.article-mid-det {
    ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.content-survey {
    display: none; 
}

.node-type-news section.section.section-news-details + section.content-section, .node-type-news section.section.section-news-details + section.content-section .content-survey {
    display: none;
}

section.content-section.content-section-more-news , section.content-section.content-section-events.greyBg.more-events-cont  ,  {
    display: none;
}
  
  .node-type-announcement section.content-section.content-section-more-news  ,
  section.content-section.content-section-events.greyBg.more-events-cont ,
 .node-type-news .content-section-more-news 
  {
    display: none;
}
  
  
  .btn-download-file:before {
    content: attr(href);
}

.btn-download-file span {
    display: none;
}

.btn-download-file .d-icon {
    display: none !important;
}

.btn-download-file {
    padding: 15px;
    font-size: .8rem;
    text-align: left;
    font-weight: 300 !important;
}
  
  
  section.section.section-news-details article.media-item .media-image img + small {
    position: static;
    display: block;
    background: #eee;
    color: #000;
    line-height: normal;
    padding: .5rem;
    margin-top: 2rem;
}
  
  .content-section p, .content-section ul li
  {
    color:#000;
  }
  
  .article-mid-det .media-content  , .page-wrapper-cont .setting-item-inner-cont + .content-section h2:first-child { 
    display: none;
}
  
  
  .page-wrapper-cont section.section.content-section:first-child h2:first-child {
    display: none;
}
  
  .content-section .collapse:not(.show) {
    display: block !important;
    height: auto;
}
  
  
  .service-details-cont {
    background: #fff;
}

.content-stats-box {
    /* padding: 0; */
    margin: 1rem 0;
    border: 1px solid #ddd;
}

.content-section {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.service-details-cont.procedures-details-cont .content-stats-box .item:last-child {padding: 0;}

.content-box-content {
    padding: 0;
}
 
  .node-type-scards .main-welcome {
    padding: 0;
}

.header-welcome-cont {
    transform: none;
    background: #f1f1f1;
    flex-wrap: wrap;
}

.region.region-content .header-welecome {
    height: auto;
    background: none;
    margin: 2rem 0;
}

.region.region-content .header-welecome .col-lg-9.offset-xl-4.col-xl-6.ml-0.mr-auto {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
  
/*   e-service */

 
.header-welcome-link {
    width: 100%;
    text-align: right;
}

.header-welcome-link a:after {
    content: ': ' attr(href);
}

.header-welcome-link a {
    text-align: right;
}

.header-welcome-details {
    padding: 0;
}
  
  .node.node-webform , body{
    background: none;
}
  
/*   forms */
  
.page-query .alert, 
  .page-query .block.block-system > form > div:first-child > div.alert , 
  .page-query .block.block-system > form > div:first-child > div ,
  .page-query .views-field.views-field-pageviews
  {
    display: none !important;
}

}