#logo {
  margin-top: 50px;
}

.disable {
  display: none;
}

html[lang="ar"] .app-sub-sidebar li:before {
  float: right;
}
html[lang="ar"] .sidebar {
  right: 0;
}
html[lang="ar"] .content {
  left: 0;
  right: 150px;
}
html[lang="ar"] .sidebar-toggle {
  right: 0;
}
html[lang="ar"] .app-name {
  text-align: right;
  padding-right: 20px;
}
html[lang="ar"] .sidebar {
  border-left: 1px solid rgba(0, 0, 0, 0.07);
}
html[lang="ar"] .sidebar-nav {
  text-align: right;
  padding-right: 20px;
}
html[lang="ar"] .sidebar-nav ul li:first-child {
  padding-right: 10px;
}
html[lang="ar"] .sidebar-nav ul li a[title="يدوي"] {
  padding-right: 15px;
}
html[lang="ar"] input[type="search"] {
  padding-right: 20px;
}
section.cover {
  min-height: 100vh;
  height: unset;
}

p img,
li img {
  vertical-align: text-bottom;
}

.container-flex {
  display: flex;
}

.container-wrap {
  flex-wrap: wrap;
}

.content-center {
  justify-content: center;
}

.container {
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}

.container.flags,
.thumbs {
  justify-content: center;
}

.flag {
  width: 115px;
  flex-grow: 1;
}

.thumb {
  text-align: center;
  flex-wrap: wrap;
  display: flex;
}

.thumb img {
  height: 300px;
}

.thumb a:last-child {
  /* margin-top: 20px; */
  margin: 1.5rem;
  text-decoration: none;
  font-size: 1.5rem;
}

.flags a,
.thumb a {
  margin: 0 15px;
  display: block;
}

.flags img {
  width: 40px;
}

/* .thumb img {
    width: 115px;
} */

.split-half-list ol {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

#videotutorials-e1 {
  iframe {
    min-height: 400px;
  }
}

@media screen and (min-width: 1200px) {
  #videotutorials-e1 {
    width: 75%;

    iframe {
      min-height: 500px;
    }
  }
}

@media screen and (min-width: 1400px) {
  #videotutorials-e1 {
    iframe {
      min-height: 600px;
    }
  }
}

#videotutorials {
  width: 75%;
}

#restvideos {
  margin-top: 2%;
}

#app-manu-translator a::after,
#app-photo-translator a::after,
#app-multitalk a::after,
#app-translacall a::after,
#app-settings a::after,
#app-learning a::after,
#app-multitalk-v4 a::after,
#device-settings-v4 a::after,
#text-translator-v4 a::after,
#learning-v4 a::after,
#voice-translator a::after,
#app-photo-translator-v4 a::after,
#tts a::after,
#additional-pron a::after {
  content: "";
  display: inline-block;
  vertical-align: text-bottom;
  margin-left: 10px;
  width: 40px;
  height: 40px;
}
#app-manu-translator a::after {
  background: url(../m3/translator_app.svg);
}

#app-photo-translator a::after {
  background: url(../m3/phototranslator_app.svg);
}

#app-multitalk a::after {
  background: url(../m3/multitalk_app.svg);
}

#app-multitalk-v4 a::after {
  background: url(../v4/ic_multitalk_circle.svg);
}

#app-photo-translator-v4 a::after {
  background: url(../v4/ic_photo_translator_circle.svg);
}

#device-settings-v4 a::after {
  background: url(../v4/ic_device_settings_circle.svg);
}
#text-translator-v4 a::after {
  background: url(../v4/ic_text_translator_circle.svg);
}
#learning-v4 a::after {
  background: url(../v4/ic_learning_app_circle.svg);
}
#app-translacall a::after {
  background: url(../m3/translacall_app.svg);
}

#app-settings a::after {
  background: url(../m3/settings.svg);
}

#app-learning a::after {
  background: url(../m3/learning_icon.svg);
}

#additional-pron a::after {
  background: url(../m3/extra_pronunciation.svg);
}

#voice-translator a::after {
  background: url(../v4/ic_voice_translator_circle.svg);
}
#tts a::after {
  background: url(../v4/ic_additional_services.svg);
}

.table {
  max-width: 600px;
}

.table-row {
  display: flex;
}

.table-cell {
  width: 50%;
  padding: 10px;
  border-top: 1px #333 solid;
  border-left: 1px #333 solid;
}
.table-row:last-child .table-cell {
  border-bottom: 1px #333 solid;
}
.table-cell:last-child {
  border-right: 1px #333 solid;
  text-align: right;
}
html[lang="ar"] body.close .sidebar {
  transform: translateX(300px) !important;
}
html[lang="ar"] body.close .content {
  right: 0;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (max-width: 768px) {
  .search {
    margin-top: 40px;
    border-top: 1px solid #eee;
  }
  .sidebar-toggle {
    bottom: unset;
    top: 0;
    padding: 10px !important;
  }
  /* .thumb img {
        max-width: 50%!important;
    } */
  .markdown-section {
    margin-top: 2rem;
    max-width: 80% !important;
  }
  .split-half-list > ol {
    display: table;
  }
  html[lang="ar"] body.ready .sidebar {
    transform: translateX(300px) !important;
  }
  html[lang="ar"] body.close .sidebar {
    transform: translateX(0px) !important;
  }
  html[lang="ar"] body.close .content {
    transform: translateX(300px);
  }
}

@media (min-width: 768px) {
  .split-half-list > ol > li {
    margin-right: 0.4rem;
  }
  .container {
    max-width: 720px;
  }
  .flag {
    flex-grow: unset;
  }
  /* .thumb{
        display: flex;
    } */
  html[lang="ar"] .content {
    right: 300px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
  .thumbs {
    justify-content: start;
  }
  .thumb img {
    height: 370px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}