/* Extra Small Devices, Phones */
/* @media only screen and (min-width : 480px) {} */

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  .path-node .content .align-left { margin-right: 20px; margin-bottom: 20px; }
  .path-node .content .align-right { margin-left: 20px; margin-bottom: 20px; }

  .navbar-header,.navbar-nav, .navbar-nav > li, .arabicHeader .header_logo,
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: right;
  }

  body[class*="context-languageofmedia-level-"] .region-content .view-taxonomy-term .views-row:nth-child(odd),
  body[class*="context-generallanguage-level-"] .region-content .view-taxonomy-term .views-row:nth-child(odd) { clear: both; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .right-border { border-left: 1px solid #d8d8d8; }
  .menu--main .dropdown .dropdown-menu{ display: none; }
  .menu--main .dropdown:hover .dropdown-menu{ display: block; }

  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: right;
  }
}

@media only screen and (min-width: 768px)and (max-width: 1199px) {
  #navbar-collapse .block-language, .arabicHeader .header_live { display: none;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .container { width: 1240px; }

  .region-sidebar-second .block.block-language { display: none;}
}

/*==========  Non-Mobile First Method  ==========*/
/* @media only screen and (max-width : 1199px) {
  #navbar-collapse .block-language { display: none;}
} */

@media only screen and (max-width : 991px) {
  body.navbar-is-fixed-top { margin-top: 73px; }
  .navbar-header .logo img { height: 55px; }
  /* .navbar-nav { margin-top: 2rem; } */
.navbar-default .menu--main.navbar-nav { margin-right: inherit;padding-inline-start: 0px;border-right: 0; margin-left: 0;}
#navbar { z-index: 1030; }

  /* .block-search, .block-language {  margin-top: 3rem;  } */
  .navbar-default .navbar-nav > li > a {  padding-left: 10px; padding-right: 10px;margin: 0;}
  .search-popup-wrapper { top: 81px; }
  .page-archive .card h4 > a, .page-archive .card h4 { font-size: 18px; }
  .page-header { font-size: 1.5em; }
  .block-title { padding: 1rem; font-size: 1.5em; }

  .arabicHeader { display: none;}
}

@media only screen and (max-width : 768px) {
  .path-search .search-form { padding: 2rem; }
  .region-sidebar-second .block-language ul li { padding: 0 14px;}
  .page-archive .card img { min-height: auto;}
  .page-archive.home-latest-article .card img { min-height: 235px;}
  .navbar-default .navbar-nav > li > a {  padding-left: 8px; padding-right: 8px;}
  .page-archive .card .category-sticky, .article-full-imageview .category-sticky { padding: 6px;}
  .video-play-icon { width: 56px; height: 56px;border: 6px solid #FFF;}
}

@media only screen and (max-width : 767px) {
  /* .block-search, .block-language { float: left; margin-top: -1rem;} */
  .contact-set-main.bg { padding-left: 2rem; padding-right: 2rem; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {  color: #fff;border-top: 1px solid #e7e7e7;}



  .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 10px 25px; }


  .navbar-default .navbar-toggle { float: left; margin-left: 3rem;}
  html[lang=tr] .navbar-default .navbar-toggle { margin-left: 2rem;}
  .navbar-brand { float: right;}
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        background: #565656;
    }
    .block-language { border-right: 0; padding-right: 0;display: block;float: none; margin: 0 auto;  width: 40%; padding-bottom: 2rem;}
    .region-sidebar-second .block.block-language { display: none;}
}

@media only screen and (max-width : 480px) {
  .search-popup-wrapper { top: 72px; }
  .path-search .search-form #edit-actions { display: none;}
  #navbar-collapse .block-language { width: 52%; }
  .blogger-image.col-xs-6 { float: right;}
  .blogger-image img { width: 100px !important; height: 100px;}
  .page-archive .card h4 > a, .page-archive .card h4 { min-height: auto;}
}