/*
** App name   : Words counter
** Copyright  : osousli0@gmail.com / 2021
** Start at   : Thu Jan 09 2021 10:50:06
** End at     : Mon Jan 11 2021 16:38:14
** Version    : 2.5.1
** URL        : https://wordscounter.netlify.app
*/
@media only screen and (max-width: 1100px) {
  .options {
    height:auto;
    flex-wrap:wrap;
    justify-content:center;
  }
  .options section:last-of-type{
    margin-top:5px;
    width:60%;
  }
  .text-area {
    height:435px
  }
  .text-area img {
    margin-top:10px;
  }
  .text-area hr {
    margin:20px 0 15px;
  }
  .text-transform {
    margin:15px auto;
  }
}
@media only screen and (max-width:960px) {
  .advance-section .result-box {
    width:100%
  }
  .main-boxes .result-box {
    width:48%
  }
  .results-boxes:nth-of-type(4) .result-box:nth-of-type(2),
  .results-boxes:nth-of-type(4) .result-box:nth-of-type(3),
  .results-boxes:nth-of-type(5) .result-box:nth-of-type(n + 5) {
    width:48%;
  }
}
@media only screen and (max-width: 850px) {
  header {
    width: 60%;
  }
  .counter-model {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .counter-model .text-area {
    height: auto;
    margin-top:10px;
  }
  .counter-model {
    display: block;
  }
  .options {
    height:80px;
    justify-content:space-around;
  }
  .options section:last-of-type{
    width:auto;
    margin:0;
  }
  .text-area {
    height: 375px;
    width: 100%;
    margin: 0 auto;
    padding: 10px auto 5px;
  }
  .text-area h4 img {
    margin-bottom: 5px;
  }
  .main-results {
    width: 100%;
  }
  .line {
    margin: 20px 0;
  }
  .base-line {
    margin-bottom:12px;
  }
  footer p {
    margin: 0 auto;
    text-align:center;
  }
  footer a {
    margin-top:10px;
  }
}
@media only screen and (max-width: 800px) {
  .result-box {
    width:48%;
  }
}
@media only screen and (max-width: 720px) {
  .base-line hr {
    width:10%;
  }
  .results-boxes:nth-child(5) {
    width:100%
  }
  .results-boxes:nth-child(5) .result-box:nth-child(n + 2) {
    width:32%
  }
}
@media only screen and (max-width:680px) {
  .advance-section .results-boxes:nth-child(5) .result-box:nth-child(n + 2) {
    width:48%
  }
}
@media only screen and (max-width:570px) {
  .results-boxes {
    width:100%;
  }
  .results-boxes .result-box {
    width:48%;
  }
  .results-boxes .result-box:first-of-type {
    width:100%;
  }
  .advance-section .results-boxes:nth-of-type(5) .results:nth-of-type(2) .result-box:last-of-type{
    width:100%
  }
  .results-boxes:nth-of-type(5) .results:last-of-type .result-box:nth-of-type(2),
  .results-boxes:nth-of-type(5) .results:last-of-type .result-box:nth-of-type(3),
  .results-boxes:nth-of-type(4) .results:last-of-type div.result-box:nth-of-type(n + 2) {
    width:48%;
  }
  .results-boxes:nth-of-type(5) .results:last-of-type div.result-box:nth-of-type(n + 2) {
    width:31%;
  }
  .results-boxes:nth-of-type(5) .results:last-of-type div.result-box:nth-of-type(n + 5) {
    width:48%;
  }
}
@media only screen and (max-width: 520px) {
  .options {
    margin-bottom: 10px;
  }
  .text-area h5 {
    font-size: 16px;
  }
  .results{
    width:100%;
  }
  .results-boxes .result-box {
    width:100%;
  }
  .results-boxes:first-of-type .results:last-of-type .result-box:nth-child(n + 2) {
    width:48%
  }
  .results-boxes:nth-of-type(n + 3) .result-box:nth-child(n + 2) {
    width:48%;
  }
  footer p {
    margin: 0;
    font-size: 16px;
    width: 70%;
  }
  footer p img {
    width: 20px;
    height: 20px;
  }
  footer address {
    width: 30%;
  }
}
@media only screen and (max-width:450px) {
  .results-boxes:nth-of-type(4) .results:last-of-type div.result-box:nth-of-type(n + 2) {
    width:100%
  }
  .main-boxes .result-box {
    width:100%;
  }
}
@media only screen and (max-width: 435px) {
  header {
    width: 60%;
  }
  header h1 {
    font-size: 25px;
  }
  header span {
    font-size: 15px;
  }
  .counter-model {
    margin: 20px 0;
  }
  .options {
    display: block;
    height: auto;
  }
  .options section:first-of-type {
    margin-bottom: 15px;
    transform: translateZ(1px);
  }
  .options .select {
    font-size: 14px;
  }
  .options .select h4 span {
    width: 7px;
    height: 7px;
  }
  .main-results .result-box {
    width:100%
  }
  footer p {
    width: 75%;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
  }
  footer address {
    width: 70%;
  }
}
@media only screen and (max-width: 370px) {
  header h1 {
    font-size: 20px;
  }
  header span {
    font-size: 14px;
  }
  .options img {
    width: 35px;
    height: 35px;
  }
  .options h4 {
    font-size: 15px;
  }
  .options .select {
    padding-top: 2px;
  }
  .options .select h4 {
    font-size: 12px;
  }
  .text-area h5 {
    font-size: 12px;
  }
  .text-area h4 {
    width: 50%;
  }
  .text-transform h4 {
    font-size: 13px;
    width: 100%;
    margin-top: 7px;
  }
  .text-transform div {
    font-size: 14px;
    width: 100%;
  }
  .text-transform div p {
    width: 85px;
    margin: 0 auto;
  }
  .result-box {
    width:100%
  }
  .results-boxes:nth-of-type(n + 3) .result-box:nth-child(n + 2),
  .results-boxes:nth-of-type(4) .results:last-of-type div.result-box:nth-of-type(n + 2) {
    width:100%
  }
  .results-boxes:nth-of-type(5) .results:last-of-type div.result-box:nth-of-type(n + 2) {
    width:48%;
  }
  .results-boxes:nth-of-type(5) .results:last-of-type div.result-box:last-of-type {
    width:100%;
  }
}
@media only screen and (max-width: 345px) {
  header {
    width: 70%;
  }
  .text-area h4 {
    width: 80%;
  }
  .options .select {
    padding: 0;
    height: 25px;
  }
  .options .select h4 span {
    margin-top: 5px;
  }
  .text-area > img {
    width:20px;
    height:20px;
    right:10px;
    top:0px
  }
  .text-transform h4 {
    font-size: 12px;
    width: 100%;
  }
  .base-line hr {
    width:30px
  }
  .results-boxes .results .result-box:nth-child(n + 1),
  .results-boxes:first-of-type .results:last-of-type .result-box:nth-of-type(n + 1) {
    width: 100%;
  }
  .results-boxes:nth-of-type(4) .results:last-of-type .result-box:nth-of-type(2),
  .results-boxes:nth-of-type(4) .results:last-of-type .result-box:nth-of-type(3) {
    width:100%;
  }
  footer p,
  footer p span {
    font-size: 12px;
    width: auto;
    line-height: 20px;
  }
}
@media only screen and (max-width: 310px) {
  .options .select {
    padding: 0;
  }
  .result-box {
    height:auto;
  }
}
@media only screen and (max-width: 280px) {
  header {
    width: 80%;
  }
  header h1 {
    font-size: 18px;
  }
  header span {
    font-size: 12px;
  }
  .options h4 {
    font-size: 12px;
  }
  .options .select {
    font-size: 12px;
    padding: 1px;
  }
  .text-area h4 {
    width: 100%;
  }
  .text-transform h4 {
    font-size: 10px;
    margin: 9px 0;
  }
  .base-line hr {
    width:15px
  }
  .results-boxes:last-of-type .results:last-of-type div.result-box:nth-of-type(n + 2) {
    width:100%;
  }
}
@media only screen and (max-width: 250px) {
  header h1 {
    font-size: 15px;
  }
  .options {
    flex-direction: row-reverse;
    padding: 20px 10px;
    height: auto;
  }
  .options .select {
    height: 40px;
    padding: 1px 0;
  }
  .text-area h5 {
    font-size: 12px;
  }
  .text-transform h4,
  .text-transform div {
    font-size: 10px;
  }
  .text-transform div p {
    width: 70px;
  }
  footer p,
  footer p span {
    font-size: 12px;
  }
}

/* Mon Jan 18 2021 10:34:16 : سبحان الله، سبحانك اللهم وبحمدك أشهد أن لا إله إلا أنت أستغفرك و أتوب إاليك */