@media (max-width: 1366px) and (min-width: 768px) {
  .menu-and-donate,
  .front .menu-and-donate {
    /* margin-top: 45px; */
    margin-left: 20px !important;
    /* width: 17% !important; */
  }

  .brand {
    margin: 10px 0;
  }

  #page-header.sticky .menu-and-donate {
    /* margin: 0;
    margin-top: 35px; */
  }
  #page-header.sticky .brand {
    margin: 10px 0;
  }
}

@media (max-width: 1200px) and (min-width: 979px){
  .menu-and-donate,
  .front .menu-and-donate {
    width: 17% !important;
  }
  .pane-bean-highlight-front-page {
    background-position: inherit;
    background-size: cover;
  }
  .pane-bean-highlight-front-page-arabic {
    background-position: right;
    background-size: cover;
  }
  .unrwa-slider.donate-slider .group-right {
    width: 33%;
  }
  #edit-donator-info input {
    width: 45%;
  }
  .donate-info #edit-country {
    width: 49%;
  }
  .appeal-view .field-name-body {
    padding-bottom: 10px;
  }
  /*** Youtube block ***/
  .unrwatube {
    width: 333px;
  }
  .campaign .view-mode-previous_campaign .campaign-left {
    width: 63%;
  }
}

@media (max-width: 1025px) {
  .menu-and-donate,
  .front .menu-and-donate,
  .not-front #page-header .menu-and-donate {
    width: 20% !important;
  }
  #page-header .header-top-links {
    width: 20%;
  }
  .i18n-ar .menu-and-donate,
  .i18n-ar .front .menu-and-donate,
  .i18n-ar .not-front #page-header .menu-and-donate {
    width: 15% !important;
  }
  .menu-and-donate .unrwa-btn {
    font-size: 15px;
    padding: 6px 5px 3px 5px;
  }

  .where-we-work-statistics .views-field-field-statistic-value {
    width: 47%;
  }
  .where-we-work-statistics .views-field-field-statistic-label {
    width: 50%;
  }

  #page-header {
    overflow: hidden;
  }
  .front-page-quick-link .pane-title{
    width: 20%;
    padding: 6px 0px;
    background-color: #3d3d3d;
    position: relative;
    text-align: center;
  }

  .front-page-quick-link .pane-content {
    width: 80%;
  }

  .front-page-quick-link .menu.nav a, .government-partners-quick-link .menu.nav a {
    width: 16.4%;
    text-indent: 0px;
  }

  #quicktabs-connect_with_us .quicktabs_main.quicktabs-style-navlist {
    width: 82%;
  }

  .front-page-slider-message-pane .pane-content {
    margin: 0px 44px 0px 44px;
  }

  /**** Instgram Block ****/
  .instagram-content {
    width: inherit;
  }

  .front-page-program {
    width: 33.333333333% !important;
    float: left !important;
    padding: 0 5px;
    margin-bottom: 10px !important;
  }
  .view-id-unrwa_programs.view-display-id-block_2 {
    padding: 0 5px;
  }
  .colorbox-buttons-wrapper .more-info-btn {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .node-unrwa-program.view-mode-vertical_teaser_icons .field-name-field-image img {
    min-height: 205px;
  }
  .pane-bean-highlight-front-page span.highlight,
  .pane-bean-highlight-front-page span.blue,
  .pane-bean-highlight-front-page-arabic span.highlight {
    font-size: 40px;
  }
  .pane-bean-highlight-front-page-arabic span.highlight {
    line-height: 1.5;
  }

  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }

  .row:after {
    clear: both;
  }

  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }

  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1000px;
  }

  .front .container,
  .front .navbar-static-top .container,
  .front .navbar-fixed-top .container,
  .front .navbar-fixed-bottom .container {
    width: 1170px;
  }

  .span12 {
    width: 1000px;
  }

  .span11 {
    width: 915px;
  }

  .span10 {
    width: 830px;
  }

  .span9 {
    width: 745px;
  }

  .span8 {
    width: 660px;
  }

  .span7 {
    width: 575px;
  }

  .span6 {
    width: 490px;
  }

  .span5 {
    width: 405px;
  }

  .span4 {
    width: 320px;
  }

  .span3 {
    width: 235px;
  }

  .span2 {
    width: 150px;
  }

  .span1 {
    width: 65px;
  }

  .offset12 {
    margin-left: 1020px;
  }

  .offset11 {
    margin-left: 995px;
  }

  .offset10 {
    margin-left: 820px;
  }

  .offset9 {
    margin-left: 740px;
  }

  .offset8 {
    margin-left: 660px;
  }

  .offset7 {
    margin-left: 580px;
  }

  .offset6 {
    margin-left: 500px;
  }

  .offset5 {
    margin-left: 420px;
  }

  .offset4 {
    margin-left: 340px;
  }

  .offset3 {
    margin-left: 260px;
  }

  .offset2 {
    margin-left: 180px;
  }

  .offset1 {
    margin-left: 100px;
  }

  .row-fluid {
    width: 100%;
    *zoom: 1;
  }

  .row-fluid:before,
  .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.127659574468085%;
    *margin-left: 2.074468085106383%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }

  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.127659574468085%;
  }

  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }

  .row-fluid .span11 {
    width: 91.48936170212765%;
    *width: 91.43617021276594%;
  }

  .row-fluid .span10 {
    width: 82.97872340425532%;
    *width: 82.92553191489361%;
  }

  .row-fluid .span9 {
    width: 74.46808510638297%;
    *width: 74.41489361702126%;
  }

  .row-fluid .span8 {
    width: 65.95744680851064%;
    *width: 65.90425531914893%;
  }

  .row-fluid .span7 {
    width: 57.44680851063829%;
    *width: 57.39361702127659%;
  }

  .row-fluid .span6 {
    width: 48.93617021276595%;
    *width: 48.88297872340425%;
  }

  .row-fluid .span5 {
    width: 40.42553191489362%;
    *width: 40.37234042553192%;
  }

  .row-fluid .span4 {
    width: 31.914893617021278%;
    *width: 31.861702127659576%;
  }

  .row-fluid .span3 {
    width: 23.404255319148934%;
    *width: 23.351063829787233%;
  }

  .row-fluid .span2 {
    width: 14.893617021276595%;
    *width: 14.840425531914894%;
  }

  .row-fluid .span1 {
    width: 6.382978723404255%;
    *width: 6.329787234042553%;
  }

  .row-fluid .offset12 {
    margin-left: 104.25531914893617%;
    *margin-left: 104.14893617021275%;
  }

  .row-fluid .offset12:first-child {
    margin-left: 102.12765957446808%;
    *margin-left: 102.02127659574467%;
  }

  .row-fluid .offset11 {
    margin-left: 95.74468085106382%;
    *margin-left: 95.6382978723404%;
  }

  .row-fluid .offset11:first-child {
    margin-left: 93.61702127659574%;
    *margin-left: 93.51063829787232%;
  }

  .row-fluid .offset10 {
    margin-left: 87.23404255319149%;
    *margin-left: 87.12765957446807%;
  }

  .row-fluid .offset10:first-child {
    margin-left: 85.1063829787234%;
    *margin-left: 84.99999999999999%;
  }

  .row-fluid .offset9 {
    margin-left: 78.72340425531914%;
    *margin-left: 78.61702127659572%;
  }

  .row-fluid .offset9:first-child {
    margin-left: 76.59574468085106%;
    *margin-left: 76.48936170212764%;
  }

  .row-fluid .offset8 {
    margin-left: 70.2127659574468%;
    *margin-left: 70.10638297872339%;
  }

  .row-fluid .offset8:first-child {
    margin-left: 68.08510638297872%;
    *margin-left: 67.9787234042553%;
  }

  .row-fluid .offset7 {
    margin-left: 61.70212765957446%;
    *margin-left: 61.59574468085106%;
  }

  .row-fluid .offset7:first-child {
    margin-left: 59.574468085106375%;
    *margin-left: 59.46808510638297%;
  }

  .row-fluid .offset6 {
    margin-left: 53.191489361702125%;
    *margin-left: 53.085106382978715%;
  }

  .row-fluid .offset6:first-child {
    margin-left: 51.063829787234035%;
    *margin-left: 50.95744680851063%;
  }

  .row-fluid .offset5 {
    margin-left: 44.68085106382979%;
    *margin-left: 44.57446808510638%;
  }

  .row-fluid .offset5:first-child {
    margin-left: 42.5531914893617%;
    *margin-left: 42.4468085106383%;
  }

  .row-fluid .offset4 {
    margin-left: 36.170212765957444%;
    *margin-left: 36.06382978723405%;
  }

  .row-fluid .offset4:first-child {
    margin-left: 34.04255319148936%;
    *margin-left: 33.93617021276596%;
  }

  .row-fluid .offset3 {
    margin-left: 27.659574468085104%;
    *margin-left: 27.5531914893617%;
  }

  .row-fluid .offset3:first-child {
    margin-left: 25.53191489361702%;
    *margin-left: 25.425531914893618%;
  }

  .row-fluid .offset2 {
    margin-left: 19.148936170212764%;
    *margin-left: 19.04255319148936%;
  }

  .row-fluid .offset2:first-child {
    margin-left: 17.02127659574468%;
    *margin-left: 16.914893617021278%;
  }

  .row-fluid .offset1 {
    margin-left: 10.638297872340425%;
    *margin-left: 10.53191489361702%;
  }

  .row-fluid .offset1:first-child {
    margin-left: 8.51063829787234%;
    *margin-left: 8.404255319148938%;
  }

  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }

  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 30px;
  }

  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 1156px;
  }

  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 1056px;
  }

  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 956px;
  }

  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 856px;
  }

  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 756px;
  }

  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 656px;
  }

  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 556px;
  }

  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 456px;
  }

  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 356px;
  }

  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 256px;
  }

  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 156px;
  }

  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 56px;
  }

  .thumbnails {
    margin-left: -30px;
  }

  .thumbnails > li {
    margin-left: 30px;
  }

  .row-fluid .thumbnails {
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .i18n-ar.front #page-header.sticky .menu-and-donate {
    width: 13% !important;
  }
  .front #page-header.sticky .menu-and-donate {
    width: 20% !important;
  }
}
@media (max-width: 979px) {

  #page-header.sticky .menu-and-donate,
  .front #page-header.sticky .menu-and-donate,
  .not-front #page-header .menu-and-donate {
    width: 19% !important;
  }
  .pane-bean-highlight-front-page {
    background-position: inherit;
    background-size: cover;
  }
  .pane-bean-highlight-front-page-arabic {
    background-position: right;
    background-size: cover;
  }

  #sidr-0 {
    width: 80%;
  }
  .hight-light-pane .crisis-related .view-content {
    margin: 0;
  }
  .hight-light-pane .crisis-related .view-content .views-row  {
    float: left;
  }
  .appeal-full-content .amount-currency {
    position: relative;
    top: 0;
    width: 100%;
  }

  .donate-first-line .span6 {
    width: 100%;
  }

  .unrwa-slider.donate-slider .group-left .field-name-field-image .field-items .field-item img {
    width: 100%;
  }

  #page-header .container {
    padding: 0px 10px;
  }

  #main-menu .container {
    padding: 0px !important;
  }

  #main-nav {
    width: 100%;
    margin: 10px 0px 0px;
    background: #0092D3;
  }

  .navigation .container {
    width: 100%;
  }

  .navbar .btn-navbar {
    margin: 5px;
    float: left;
  }

  .navigation #main-menu-links li a {
    border: 0px;
    width: 100%;
  }

  .navigation #main-menu-links li.first a {
    width: 100%;
    background: none;
    text-indent: inherit;
    padding: 13px 20px 8px;
  }

  .navigation #main-menu-links li.first a:hover,
  .navigation #main-menu-links li.first a.active {
    background: #58595B;
  }

  .region-second-footer .menu-name-menu-footer-menu-second {
    clear: both;
    margin: 0px;
  }

  #quicktabs-connect_with_us ul.quicktabs-tabs.quicktabs-style-navlist {
    border-bottom: 1px solid #A6A8AB;
    border-right: 0px;
    border-left: 0px;
    height: auto;
    margin-right: 0px;
    width: 100%;
    margin-bottom: 10px;
    padding: 0px;
  }

  #quicktabs-connect_with_us ul.quicktabs-tabs.quicktabs-style-navlist li a {
    height: 45px;
  }

  #quicktabs-connect_with_us ul.quicktabs-tabs.quicktabs-style-navlist li {
    float: left;
    padding: 0px 5px;
    width: 40px;
  }

  #quicktabs-connect_with_us ul.quicktabs-tabs.quicktabs-style-navlist li.active {
    background: url("../images/connect-active-responsive.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
  }

  #quicktabs-connect_with_us .quicktabs_main.quicktabs-style-navlist {
    width: 100%;
    overflow: scroll;
  }

  .campaign-connect-withus #quicktabs-connect_with_us .quicktabs_main.quicktabs-style-navlist {
    overflow: hidden;
  }

  .pane-home-page-mini .pane-feature-content,
  .pane-home-page-mini .pane-quicktabs-connect-with-us {
    height: auto;
    overflow-y: hidden;
  }

  .google-cse .element-invisible {
    display: none !important;
  }

  .view-display-id-what_we_do_block .program-statistics-value{
    font-size: 30px;
  }

  .view-display-id-what_we_do_block .program-statistics-markup {
    font-size: 18px;
  }

  .term-title a {
    font-size: 11px;
  }

  #edit-regular {
    width: 85%;
  }

  .donate-view .views-row .group-middle {
    width: 55%;
  }

  input,
  .form-textarea-wrapper{
    width: 90%;
  }

  .parent-section-bottom-links table td a {
    font-size: 16px;
  }

  /***************************  table *************************/
  .field-name-field-body tbody,
  .field-name-body tbody,
  .field-name-field-body table,
  .field-name-body table {
    width: 100% !important;
    overflow-x: scroll;
  }

  #donate-page-box .panel-col-first,
  #donate-page-box .panel-col-last,
  #donate-page-box .view-how-you-can-help{
    width: 100%;
  }


  .amount-currency {
    position: relative;
    top: 0;
  }

  #edit-amount {
    width: 56%;
  }

  /*** Microsite menu ***/
  a.mobile-menu-button {
    float: right;
    padding: 8px 10px;
    border: 1px solid #00ADEE !important;
    border-radius: 0 !important;
    border-bottom: 0 !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    margin: -32px 10px 0;
    clear: both;
    font-size: 16px;
  }

  a.mobile-menu-button:hover {
    text-decoration: none;
  }

  ul#mobile-menu ul,
  ul#mobile-menu ul ul {
    margin: 0;
  }

  ul#mobile-menu li {
    padding: 2px 0;
    /*border: 0;*/
    border-bottom: 1px solid #DDDDDD;
  }

  ul#mobile-menu li a,
  ul.mobile-menu-slide li a {
    font-weight: bold;
    padding: 5px 15px;
    width: 96%;
    display: block;
    font-size: 16px;
  }

  ul.mobile-menu-slide li a:hover,
  ul.mobile-menu-slide li a.active-trail,
  ul.mobile-menu-slide li a:focus {
    text-decoration: none;
    color: #58595B;
  }

  ul#mobile-menu li.submenu-title a {
    width: auto;
    display: inline-block;
  }

  ul#mobile-menu li.active,
  ul#mobile-menu li:hover,
  ul#mobile-menu li:focus,
  ul#mobile-menu li.active-trail,
  ul#mobile-menu li.expanded.active-trail {
    background: #0092D3;
  }

  ul#mobile-menu li:active a,
  ul#mobile-menu li:hover a,
  ul#mobile-menu li:focus a,
  ul#mobile-menu li.active-trail a,
  ul#mobile-menu li.expanded.active-trail a {
    color: #fff;
    text-decoration: none;
  }

  ul#mobile-menu li.item-with-ul > *:first-child, ul#mobile-menu li.item-with-ul > *:first-child {
    border: 0 !important;
  }

  ul#mobile-menu li ul li.item-with-ul > * > a, ul#mobile-menu li ul li.item-with-ul > * > a {
    border: 0 !important;
  }

  #mobile-menu li.item-with-ul > *:first-child, .mobile-menu li.item-with-ul > *:first-child {
    background: url("../images/connect-active-rtl.png") no-repeat 92% center;
  }

  #slide-menu-clip .mobile-menu .return-link {
    background: url("../images/connect-active.png") no-repeat 10% center;
  }

  .mobile-menu-slide li.item-with-ul ul li {
    border-left: 0;
    border-right: 0;
  }

  #mobile-menu li.item-with-ul {
    border-bottom: 1px solid #DDDDDD !important;
  }

  .microsite-header {
    border-bottom: 0 !important;
  }

  #slide-menu-clip .mobile-menu .return-link {
    background-position: 8% center;
  }

  .mobile-menu-slide li.item-with-ul > *:first-child {
    background-position: 91% center;
  }

  /*** Youtube block ***/
  .unrwatube {
    position: initial;
    width: 100%;
  }

  .campaign .view-mode-previous_campaign .campaign-left {
    width: 52%;
  }
  .campaign .view-mode-previous_campaign .field-name-field-image img {
    margin-top: 45px;
  }
}

@media (max-width: 768px) {
  /***************************  table *************************/
  .field-name-body table img {
    display: block;
    margin: auto;
  }
  .node-promotion-slide .group-video-wrapper .player {
    padding-bottom: 72.25%;
  }
  .node-promotion-slide .group-video-wrapper iframe {
    height: 90vh;
  }
  #page-header a.brand .navbar-text {
    font-size: 20px !important;
    line-height: normal;
  }
}

@media (min-width: 712px) and (max-width: 768px) {
  .view-display-id-partners_fund_page_block .span4 {
    margin: 15px 0;
  }
  .where-we-work-statistics .view-grouping-content h3 {
    width: 10%;
  }
  #page-header.sticky .menu-and-donate,
  .front #page-header.sticky .menu-and-donate,
  .not-front #page-header .menu-and-donate {
    width: 21% !important;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .view-unrwa-programs.view-display-id-unrwa_program_statistics_block .statistics-row {
    margin: 7px !important;
  }
  .i18n-ar.not-front #page-header .menu-and-donate,
  .i18n-ar.front #page-header.sticky .menu-and-donate,
  .i18n-ar.front #page-header .menu-and-donate {
    width: 19% !important;
  }
  .menu-and-donate,
  .front .menu-and-donate {
    width: 25% !important;
  }
  #page-header .header-top-links {
    width: 22%;
  }
  .donate-area .unrwa-btn {
    font-size: 15px;
    padding: 6px 5px 3px 5px;
  }
  .unrwa-slider .node-promotion-slide .group-right .field-name-field-little-description,
  .unrwa-slider .group-right .field-name-body,
  .unrwa-slider .group-right .field-name-field-publish-date {
    display: none;
  }

  .unrwa-slider.donate-slider .group-right .field-name-body {
    display: block;
  }

  .front-page-quick-link .menu.nav a {
    text-indent: 0px;
    width: 19.32%;
  }

  .government-partners-quick-link .menu.nav a {
    width: auto;
    text-indent: 0px;
  }

  .unrwa-slider.donate-slider .group-right ,
  .unrwa-slider.donate-slider .group-right .field-type-link-field .field-items {
    padding: 0;
    position: inherit;
    width: 100%;
    height: 250px;
  }

  .unrwa-slider.donate-slider .group-right .field-name-title ,
  .unrwa-slider.donate-slider .group-right .field-name-body {
    padding-left: 14px;
  }

  .unrwa-slider.donate-slider .group-left .field-name-field-image .field-items .field-item img {
    width: 100%;
  }

  .unrwa-slider.donate-slider .group-right .field-name-field-link .field-items .field-item {
    padding-bottom: 14px;
  }

  .front-page-slider-message {
    height: 155px;
  }

  .front-page-slider-message .view-header {
    width: 25%;
  }

  .front-page-slider-message .view-content {
    width: 70%;
  }

  .front-page-slider-message .view-footer {
    width: 90%
  }

  .how-you-help-donate .view-mode-mini_teaser .field-name-body {
    height: 100%;
  }

  .donate-donation-boxes .view-mode-vertical_mini_teaser .field-name-body {
    height: 100%;
  }
  .field-name-body p,
  .field-name-field-body p,
  .field-name-body span,
  .field-name-field-body span,
  .field-name-body div,
  .field-name-field-body div,
  .field-name-body {
    font-size: 13px;
  }

  .node-article.view-mode-full .galleria-container {
    height: 275px !important;
  }

  .norton-icon {
    margin: 0px;
    clear: both;
  }

  .amount-currency {
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
  }

  .syria-crisis-funding {
    width: 95%;
  }

  .view-unrwa-maps .view-filters {
    position: static;
    width: auto;
    margin-bottom: 10px;
  }
  #views-exposed-form-advanced-page-related-content-advanced-page-result .views-submit-button {
    width: 100%;
    text-align: center;
  }
  #edit-submit-advanced-page-related-content{
    margin-top: 10px !important;
    margin-bottom: 10px;
    width: 25%;
    padding: 10px;
  }
}

.government-partners-quick-link .menu.nav a:hover {
  color: #000000;
}

@media(max-width: 991px) {
  #page-header.sticky .menu-and-donate,
  .front #page-header.sticky .menu-and-donate,
  .not-front #page-header .menu-and-donate {
    width: 25% !important;
  }
  .i18n-ar.not-front #page-header .menu-and-donate,
  .i18n-ar.front #page-header.sticky .menu-and-donate {
    width: 19% !important;
  }
  /* What we do slider responsive design */
  .front .pane-unrwa-programs {
    width: 70% !important;
  }
  .view-unrwa-programs .flexslider:hover .flex-next,
  .view-unrwa-programs .flexslider .flex-next {
    right: -45px;
  }
  .view-unrwa-programs .flexslider:hover .flex-prev,
  .view-unrwa-programs .flexslider .flex-prev {
    left: -45px;
  }
  .where-we-work-statistics .view-grouping-header {
    width: 60%;
  }

  .field-name-field-programs-in-the-camp > .field-items > .field-item {
    width: 29%;
    margin-right: 9px;
    margin-left: 9px;
  }
  .field-name-field-programs-in-the-camp > .field-items {
    text-align: center;
  }
  .mailchimp-signup-subscribe-form .mailchimp-newsletter-mergefields .control-group input {
    width: 60% !important;
  }
  .parent-section-top-links select#tinynav1,
  .parent-section-bottom-links select#tinynav2 {
    display: block;
  }
  .view-display-id-unrwa_program_subsecitons_block.parent-section-bottom-links {
    padding: 20px;
    margin-bottom: 0;
  }
  .parent-section-top-links .l_tinynav1,
  .parent-section-bottom-links .l_tinynav2 {
    display: none !important;
  }
  .parent-section-top-links {
    padding-bottom: 0;
  }
  .parent-section-top-links .item-list::after,
  .parent-section-bottom-links .view-content::after {
    content: "\f0d7";
    width: 20px;
    height: 20px;
    right: 0;
    top: 0;
    font-family: fontawesome;
    position: absolute;
    display: flex;
    height: 100%;
    color: #fff;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    margin-right: 10px;
    pointer-events: none;
  }
  .i18n-ar .parent-section-top-links .item-list::after,
  .i18n-ar .parent-section-bottom-links .view-content::after {
    left: 0;
    right: auto;
    margin-right: 0;
    margin-left: 10px;
  }
  .mailchimp-signup-subscribe-form .mailchimp-newsletter-mergefields {
    text-align: center;
  }
  .top-footer .block-mailchimp-signup .block-title {
    width: 100%;
    padding: 0;
    line-height: normal;
  }
  /* Hide breadcrumbs on mobile and ipad*/
  .breadcrumbs-wrapper,
  .back-to-wrapper,
  #Syria-Crisis-and-Palestine-refugees,
  .pane-bean-lsr-ldyr-fy-swry-w-lljyyn-lflstn {
    display: none;
  }
  .not-front .middle-content-gradiant {
    margin-top: 40px;
  }
  iframe {
    max-width: 100%;
  }
  .pane-quote-text-and-image .span6,
  .pane-donation-text-and-image .span6 {
    width: 100% !important;
    margin-top: 15px;
    margin-right: 0 !important;
  }
  .pane-quote-text-and-image,
  .pane-donation-text-and-image {
    margin-top: 30px;
  }
  /* Top footer style (Mailchimp) */
  .mailchimp-signup-subscribe-form .control-group {
    display: block;
    width: 100%;
    margin-right: 0;
  }
  .mailchimp-signup-subscribe-form .control-group .controls {
    width: 100%;
  }
  .region-top-footer .mailchimp-signup-subscribe-form button {
    display: block;
    width: 50%;
    margin: auto !important;
  }
  .mailchimp-signup-subscribe-form .mailchimp-newsletter-mergefields {
    display: block;
  }
}

@media (max-width: 668px) and (min-width: 480px) {
  #page-header.sticky .menu-and-donate,
  .front #page-header.sticky .menu-and-donate,
  .not-front #page-header .menu-and-donate {
    width: 27% !important;
  }
}

@media(max-width: 768px) {
  .node-type-image-gallery .galleria-close {
    top: 120px;
  }
  .i18n-ar #lang_dropdown_form_language {
    margin: 0;
  }
  #page-header.search-active,
  #page-header.search-active .row {
    height: 160px;
  }
  #page-header.search-active.sticky,
  #page-header.search-active.sticky .row {
    height: 150px;
  }
  .form-search.active .input-append {
    width: 100%;
    display: flex;
  }
  .form-search.active {
    margin: 0 !important;
    width: 94%;
  }

  #edit-search-block-form--2 {
    width: 90% !important;
  }

  .front-page-slider-message .view-content {
    padding: 24px 0 0;
  }

  .front-page-slider-message .view-footer {
    padding: 0px 38px 0px;
    text-align: center;
    margin-top: 0px;
  }
  .front-page-slider-message .unrwa-btn{
    display: inline;
  }
  .front-page-slider-message .view-header {
    margin-left: 28px;
  }

  .front-page-quick-link .menu.nav a {
    width: 19.32%;
    text-indent: 0px;
  }

  .government-partners-quick-link .menu.nav a {
    width: auto;
    text-indent: 0px;
  }

  .front-page-quick-link .pane-title{
    width: 20%;
    padding: 6px 0px;
    background-color: #3d3d3d;
    position: relative;
  }

  .front-page-quick-link .pane-content {
    width: 80%;
  }

  #quicktabs-connect_with_us .quicktabs_main.quicktabs-style-navlist {
    width: auto;
  }

  .front-page-slider-message-pane .pane-content {
    margin: 0px 0px 0px 0px;
  }

  /***Youtube Block ***/
  .pane-quicktabs {
    overflow-x: hidden;
  }
  #quicktabs-tabpage-connect_with_us-4 {
    width: 94%;
  }
  /***/
  .front-page-program {
    width: 50% !important;
    float: left !important;
    padding: 0 5px;
    margin-bottom: 10px !important;
  }
}

@media (min-width: 980px){
  body.cke_editable {
    padding: 20px !important;
  }
  .mm-wrapper_opened header {
    position: absolute !important;
  }
  .features-block .views-exposed-widgets {
    min-width: 730px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
  .features-block .views-exposed-widgets .views-submit-button .form-submit {
    margin-top: 1.3em;
  }
}

@media (max-width: 767px) {
  .i18n-ar #lang_dropdown_form_language {
    margin: 0;
    margin-bottom: 5px;
    margin-right: 15px;
  }
  #lang_dropdown_form_language {
    margin-bottom: 5px;
  }
  .mm-panels>.mm-panel>.mm-listview:first-child,
  .mm-panels>.mm-panel>.mm-navbar+.mm-listview {
    margin-top: -20px !important;
  }
  .features-block .span4 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .features-block h4,
  .features-block h5 {
    margin-top: 0;
    padding-top: 0;
  }
  .view-unrwa-programs.view-display-id-unrwa_program_statistics_block .statistics-row {
    margin: 5px 5px !important;
    float: left;
    width: 47%;
  }

  .homepage-parallax-block .row-fluid .span4 {
    width: 32%;
    display: inline-block;
  }
  .view-our-partners.view-display-id-block .span3 {
    width: 44%;
    display: inline-block;
    margin: 10px !important;
  }
  .view-our-partners.view-display-id-partners_fund_page_block .span3 {
    margin: 10px 0 !important;
  }
  .view-our-partners .row-fluid {
    display: inline-block;
    text-align: center;
    text-align: -webkit-center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }
  #page-header .header-top-links {
    display: flex;
    justify-content: flex-end;
  }
  #page-header .brand {
    width: 70%;
  }
  .menu-and-donate, .front .menu-and-donate {
    width: 25% !important;
    margin-bottom: 0 !important;
  }
  .page-where-we-work .pane-block-76 {
    display: none;
  }
  .header-top-links {
    margin: 0 !important;
    display: inline-block;
    top: 55px;
    position: absolute;
    margin-top: 5px !important;
  }

  #page-header.sticky .header-top-links,
  .not-front #page-header .header-top-links {
    bottom: 15px;
  }
  #page-header.sticky .menu-and-donate,
  .not-front #page-header .menu-and-donate {
    margin-top: 20px;
  }
  .group-image-icon-wrapper .field-name-field-program-icon img {
    width: 60px;
    height: 60px;
  }

  body {
    padding: 0px;
  }

  body.cke_editable {
    padding: 20px !important;
  }

  .front-page-quick-link .menu.nav a:hover {
    color: #fff;
  }

  #quicktabs-connect_with_us .quicktabs_main.quicktabs-style-navlist {
    width: 100%;
  }

  body.page-donate .panel-col-first ,
  body.page-donate .panel-col-last {
    width: 100%;
  }

  .body-container {
    padding: 0px 10px;
  }

  .front .body-container {
    padding: 0;
  }

  .unrwa-slider .group-right {
    display: none;
  }

  .unrwa-slider.donate-slider .group-right .field-name-body ,
  .unrwa-slider.donate-slider .group-right {
    display: block;
  }

  .unrwa-slider.donate-slider .group-right ,
  .unrwa-slider.donate-slider .group-right .field-type-link-field .field-items {
    padding: 0;
    position: inherit;
    width: 100%;
  }

  .unrwa-slider.donate-slider .group-right .field-name-title ,
  .unrwa-slider.donate-slider .group-right .field-name-body {
    padding-left: 14px;
  }

  .unrwa-slider.donate-slider .group-left .field-name-field-image .field-items .field-item img {
    width: 100%;
  }

  .unrwa-slider.donate-slider .views-slideshow-controls-bottom {
    display: none;
  }

  .unrwa-slider.donate-slider .group-right .field-name-field-link .field-items .field-item {
    padding-bottom: 14px;
  }

  .unrwa-slider.donate-slider .group-right .field-name-title h2 ,
  .unrwa-slider.donate-slider .group-right .field-name-body .field-item {
    font-size: 19px;
  }

  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"],
  .row,
  .thumbnails{
    margin-right: 0;
  }

  .plotter-menu ul.quicktabs-tabs.quicktabs-style-navlist li a,
  .plotter-menu ul:first-child li a {
    width: 88%
  }

  #twitter-widget-0,
  .fb_iframe_widget iframe {
    width: 460px;
  }

  /*********************  table *************************/
  .field-name-field-body tr,
  .field-name-body tr {
    clear: both;
    width: 100%;
  }

  .field-name-field-body tr td ,
  .field-name-body tr td {
    clear: both;
    width: auto;
    float: left;
  }

  .pane-bean-gaza-emergency-facts-figures-ar .field-name-field-body tr td,
  .pane-bean-gaza-emergency-facts-figures-en .field-name-field-body tr td {
    width: 90%;
  }

  .pane-bean-gaza-emergency-facts-figures-ar h2 {
    font-size: 40px;
  }

  .unrwa-slider .views-slideshow-controls-bottom {
    width: 100%;
  }

  .unrwa-slider .views-slideshow-controls-bottom {
    bottom: 0px;
  }

  .norton-icon {
    margin: 0px;
    clear: both;
  }

  .amount-currency {
    width: 100%;
  }

  .syria-crisis-funding {
    width: 95%;
  }

  .donate-info {
    clear: both;
    float: right;
  }

  .view-unrwa-maps .view-filters {
    position: static;
    width: auto;
    margin-bottom: 10px;
  }

  .front-page-quick-link .pane-content {
    float: none;
    width: auto;
  }

  .front-page-quick-link .pane-title {
    width: auto;
    padding: 14px 25px;
    white-space: nowrap;
  }

  .front-page-slider-message {
    height: 268px;
  }

  .front-page-quick-link .pane-title:after {
    left: 0;
    border: none;
  }
  .front-page-quick-link .menu.nav a {
    width: 100%;
    padding: 85px 0px 0px;
    height: 40px;
  }

  .government-partners-quick-link .menu.nav a {
    width: 100%;
    padding: 20px 0px;
    height: auto !important;
  }

  .front-page-slider-message .view-content,
  .front-page-slider-message .view-footer {
    width: auto;
    margin-left: 16px;
  }

  .front-page-slider-message .view-header,
  .front-page-slider-message .view-content,
  .front-page-slider-message .view-footer {
    float: none;
    font-size: 15px;
  }

  .view-id-slide_shows.view-display-id-block_1 .view-header {
    float: none;
  }

  /***Youtube Block***/
  .unrwa-tube-data .tube-video {
    height: 360px;
  }

  .campaign .view-mode-previous_campaign .campaign-left .more-link {
    float: none;
    margin-left: 5px;
  }

  .campaign .view-mode-previous_campaign .campaign-left {
    width: 97%;
  }

  .campaign .view-mode-previous_campaign .field-name-field-image img {
    margin-top: 0px;
    margin-left: 6px;
    width: 97%;
  }

  .view-faq.view-display-id-all_faq .views-row {
    border: 1px solid #d6d6d6;
    padding: 10px;
    margin-bottom: 10px;
  }

  .mm-menu_offcanvas {
    max-width: 100% !important;
  }
  .mm-wrapper_opening .mm-menu_opened {
    width: 100%;
  }
  .node-promotion-slide .group-video-wrapper .player {
    padding-bottom: 67.25%;
  }
}

@media (max-width: 480px) {
  .page-search-google .body-container .search-form .input-append button {
    height: 33px;
  }
  #page-header .header-top-links {
    width: 100%;
  }
  .i18n-ar #page-header .header-top-links {
    width: 20%;
  }
  #page-header.sticky .menu-and-donate,
  .front #page-header.sticky .menu-and-donate,
  .not-front #page-header .menu-and-donate,
  .i18n-ar.not-front #page-header .menu-and-donate,
  .i18n-ar.not-front #page-header .menu-and-donate,
  .i18n-ar.front #page-header.sticky .menu-and-donate {
    width: 50% !important;
  }
  .national-committees-table td {
    padding-left: 0;
    padding-right: 0;
  }
  .view-unrwa-faq .view-content .views-row {
    border: solid 1px #d6d6d6;
    padding: 10px;
  }
  .contact .ui-accordion h3.ui-accordion-header.ui-state-active {
    margin-bottom: 0;
  }
  .contact .ui-accordion h3.ui-accordion-header {
    border: 1px solid #d6d6d6;
    border-bottom: 0;
    margin-bottom: 30px;
    padding: 10px;
    border-radius: 0;
  }
  .contact .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    right: 10px;
  }
  .i18n-ar .contact .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    right: auto;
    left: 10px;
  }
  .contact .ui-accordion-content {
    border: 1px solid #d6d6d6;
    border-top: 0;
    padding: 10px;
    border-radius: 0;
  }
  .donors-flag,
  .partner-flag {
    width: 49% !important;
  }
  .homepage-parallax-block .row-fluid .span4 {
    width: 100%;
    display: block;
  }
  .node-type-unrwa-program .view-display-id-unrwa_program_statistics_block {
    margin-bottom: 20px;
  }
  .donors-read-more {
    text-align: center !important;
  }
  .pane-our-partners .row-fluid [class*="span"]:first-child {
    margin-left: 10px;
  }
  .region-footer {
    margin-left: 0;
  }
  .second-footer {
    background: #0092d3;
  }
  .region-second-footer {
    border: 0;
  }
  .node-unrwa-program.view-mode-vertical_teaser_icons .field-name-field-image img {
    min-height: 150px;
  }
  .homepage-section {
    margin-top: 60px;
  }
  .search {
    margin-right: 15px;
  }
  .node-unrwa-partners.view-mode-vertical_teaser_icons .field-name-field-icon,
  .node-unrwa-partners.view-mode-vertical_teaser_icons .field-name-field-icon-hover {
    padding: 30px;
  }

  #page-header a.brand {
    width: 50%;
  }
  #page-header a.brand .navbar-text {
    font-size: 11px !important;
    line-height: normal;
  }
  .menu-and-donate,
  .front .menu-and-donate {
    width: 50% !important;
    margin-top: 20px;
    margin-bottom: 0 !important;
  }
  .i18n-ar .menu-and-donate {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .i18n-ar #page-header .header-top-links {
    margin-top: 10px !important;
    position: unset;
  }
  .i18n-ar #page-header.sticky .header-top-links {
    margin-top: 10px !important;
    position: unset;
  }

  .front-page-quick-link .menu.nav a:hover {
    color: #fff;
  }

  .front-page-quick-link .pane-title {
    width: auto;
    padding: 5px 15px;
    white-space: nowrap;
  }

  .front-page-quick-link .menu.nav a, .government-partners-quick-link .menu.nav a {
    height: 40px;
    text-indent: 0px;
    overflow: hidden;
    width: 100%;
  }

  .front-page-quick-link .pane-title:after {
    left: 0;
    border: none;
  }


  #search-block-form {
    margin: 0 0 10px 0px;
  }

  /*  .front-page-slider-message {
      height: 268px;
    }

    .front-page-slider-message .view-content,
    .front-page-slider-message .view-footer {
      width: 88%;
      margin-left: 16px;
    }*/

  .parent-section-top-links .view-content,
  .parent-section-top-links .views-row {
    display: block;
  }

  .parent-section-top-links .views-field-title a {
    width: 100%;
    padding: 12px 0px;
  }

  .section-slideshow-block #program-img-overlay {
    width: 80%;
    top: 5%;
  }

  .view-display-id-what_we_do_block .program-statistics-value{
    font-size: 20px;
    line-height: 20px;
    padding-top: 30%;
  }

  .view-display-id-what_we_do_block .program-statistics-markup {
    font-size: 14px;
    line-height: 25px;
  }

  .NewsTeaserPage .group-left {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }

  .view-clone-of-taxonomy-term .group-left,
  .view-clone-of-taxonomy-term .group-right,
  .node-downloadable-resource.view-mode-full .group-left,
  .node-downloadable-resource.view-mode-full .group-right,
  .NewsTeaserPage .group-right {
    width: 100%;
  }

  .view-clone-of-taxonomy-term .group-left img {
    width: 90%;
  }

  .parent-section-bottom-links table td {
    display: block;
    width: 100%;
    border-bottom: 1px solid #FFFAFA;
    border-right: 0px;
  }

  .section-slideshow-block #program-img-overlay {
    min-height: 32px;
    overflow: hidden;
  }

  .section-slideshow-block #program-img-overlay #program-img-overlay-title{
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 2px;
  }

  #program-img-overlay-body {
    font-size: 12px;
    display: none;
  }

  .plotter-menu ul.quicktabs-tabs.quicktabs-style-navlist {
    width: 92%;
  }

  .plotter-menu ul.quicktabs-tabs.quicktabs-style-navlist li a,
  .plotter-menu ul:first-child li a {
    width: 86%
  }

  #edit-regular {
    width: 75%;
  }

  .amount-currency {
    width: 100%;
    float: left;
    height: 100%;
  }

  #edit-email,#edit-country {
    width: 88%;
  }

  #videoFullPage .group-left,
  #videoFullPage .group-right {
    width: 100%;
    clear: both;
  }

  form fieldset legend {
    line-height: 30px;
  }

  .pane-unrwa-activity .pane-title, .pane-camps .pane-title {
    margin: 0px;
  }

  #unrwa-donate-mini-form {
    padding: 0px 10px;
  }

  #unrwa-donate-mini-form .form-submit {
    float: left;
    margin: 0;
    font-size: 16px;
    padding: 3px 5px 2px 5px;
  }

  .plotter-menu .quicktabs_main.quicktabs-style-navlist {
    width: 90%;
  }

  .search .input-append button.btn {
    height: 30px;
  }

  .language-switcher-locale-url {
    margin: 0px;
  }

  .language-switcher-locale-url li a {
    font-size: 15px;
    padding: 9px 15px;
    border-radius: 10px;
  }

  .donate-area {
    /* margin: 0px; */
    clear: none;
  }

  #page-header .header-top-links .unrwa-btn {
    font-size: 15px;
    padding: 5px 15px;
    /* margin-right: 15px; */
  }

  #edit-search-block-form--2 {
    width: 120px;
  }

  .search .input-append button.btn {
    padding: 2px 6px
  }

  .pane-bean-highlight-front-page .bean-editable-block .field-name-field-body *
  .pane-bean-highlight-front-page-arabic .bean-editable-block .field-name-field-body * {
    font-size: 14px;
  }

  .norton-icon {
    margin: 0px;
    clear: both;
  }

  .donate-view .views-row .group-right {
    width: 85%;
  }

  .donate-view .views-row .group-right .field-name-title h3 {
    line-height: 22px;
  }

  body.page-syria-crisis #syria-crisis-headaer {
    height: 100%;
  }

  .syria-crisis-funding {
    width: 90%;
  }

  .syria-crisis-funding .group-left,
  .syria-crisis-funding .group-right {
    float: none;
    width: 100%;
  }

  #syria-crisis-headaer .left-side {
    float: left;
  }

  .view-crisis-interactive-map-figures-block table td:first-child {
    width: 35% !important;
  }

  #syria-crisis-headaer #block-vardot-addthis-vardot-addthis-share-url {
    width: 100%;
  }

  .campaign-share {
    width: 100%;
  }
  .page-header {
    font-size: 20px;
  }

  .view-mode-full .field.field-name-field-year.field-type-datetime.field-label-inline {
    padding-top: 10px;
  }

  .view-mode-previous_campaign .field-name-field-image ,
  .view-mode-current_campaign .field-name-field-image {
    float: none;
    margin-right: 0px;
    margin-left: 0px;
  }

  .campaign .field-name-field-image img {
    border: none;
  }

  #campaign-landing-page .pane-title {
    font-size: 25px;
  }

  body.page-donate .field-name-field-body p {
    font-size: 14px;
  }

  .appeal-title h2.pane-title {
    font-size: 19px;
  }

  .appeal-view .group-right h2 {
    font-size: 17px;
  }

  .donate-info #edit-country,
  .donate-info .form-item-c4cg select {
    width: 95%;
  }

  #appeal-full-content .panel-col-first ,
  #appeal-full-content .panel-col-last {
    width: 100%;
  }

  .group-header .field-name-field-image ,
  .group-header .field-name-field-image img ,
  .appeal-view .field-name-field-image img {
    width: 100%;
  }

  .appeal-full-content .amount-currency {
    top: 0;
    width: 100%;
  }

  #edit-donator-info input {
    width: 90%;
  }

  #edit-amount {
    width: 50%;
  }

  .front-page-slider-message .view-footer a.unrwa-btn {
    margin-top: 10px;
  }
  .advanced-page-result .view-content {
    padding: 0 !important;
  }
  .advanced-page-result .views-exposed-widgets .views-exposed-widget {
    float: none;
    width: 100%;
    text-align: center;
  }
  .advanced-page-result .views-exposed-widgets .views-exposed-widget select {
    width: 100%;
  }
  .advanced-page-result .views-exposed-widgets .views-exposed-widget input {
    width: 95%;
  }
  #edit-submit-advanced-page-related-content {
    margin-top: 0 !important;
    margin-bottom: 15px;
    width: 50%;
    padding: 10px;
  }

  /***Youtube Block***/
  .unrwa-tube-data .tube-video {
    height: 250px;
  }
  /***/

  .galleria-thumbnails .galleria-image {
    overflow: visible !important;
    float: left !important;
    position: unset !important;
  }
  .node-type-image-gallery .galleria-container.fullscreen .galleria-info {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
  }
  .i18n-ar.node-type-image-gallery .galleria-container.fullscreen .galleria-info {
    right: 0 !important;
    left: auto !important;
  }

  .unrwa-program-more-detail {
    width: 70%;
    margin: auto;
  }
  .view-unrwa-programs.features-block .span4 {
    display: flex;
    min-height: 117px;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .unrwa-program-more-detail .span4 .views-field-title {
    align-self: center;
    width: 100%;
  }

  .top-footer #block-follow-site {
    display: block;
  }
  .top-footer #block-follow-site .follow-links {
    display: flex;
    justify-content: center;
  }
  .donate-area .unrwa-btn {
    font-size: 14px;
    padding: 3px 5px 2px 5px;
  }
  #block-menu-block-10 {
    background:rgba(88,89,91,0.8);
  }
  #block-menu-block-10 .menu-block-wrapper {
    background:rgba(88,89,91,0.8);
  }
}