:root {
  --color-1: #a10303;
  --color-2: #a10303;
  --color-3: #0f0f0f;
  --color-4: #3c3c3c;
  --white--: #fff;
}


/*media query */

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) and (max-width: 1240px) {}

/* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */

@media (min-width: 1025px) and (max-width: 1280px) {}

/* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 1024px to 1366px
  */

@media (min-width: 1024px) and (max-width: 1200px) {
  .home-line {
    display: none;
  }
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .feature-bg-about {
    background: var(--color-4);
  }

  .main-header h1 {
    font-size: 1.9rem;
  }

  .subject-slider p {
    font-size: 4rem;
  }

  .form-bg .ordernow {
    font-size: 6rem;
    left: -4rem;
  }

  .writers p {
    padding-top: 10px !important;
    font-size: 14px;
  }

  .review-info-content p {
    font-size: 1rem !important;
  }

  .main-review-info img {
    width: 30% !important;
    height: 30% !important;
  }

  .about-content-2 img {
    height: 100%;
  }

  .home-line {
    display: block;
    position: absolute;
    top: -17px;
    width: 100%;
}
  .process-box {
    height: 11rem;
    width: 11rem;
    margin: auto;
  }

  .process-img {
    height: 9rem;
    width: 9rem;
    background: var(--color-1);
  }

  .process h6 {
    font-size: 1rem !important;
  }
}

/* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) {
  .feature-bg-about {
    background: var(--color-4);
  }

  .main-header .header-girl {
    display: block;
    margin: auto;
  }

  .form-bg .ordernow {
    font-size: 7.4rem;
    left: -1rem;
  }

  .feature-bg {
    background: var(--color-4);
  }

  .feature-bg::before {
    display: none;
  }

  .feature-bg .col-lg-5 {
    margin-left: 0;
  }

  .testimonial-content {
    padding-top: 30px;
  }

  .testimonial-content p.pe-md-5 {
    padding-right: 3.6rem !important;
  }

  .scroll-container {
    background: var(--color-4);
  }

  .home-line {
    display: none;
  }

  .feature-bg-about {
    background: var(--color-4);
  }
}

/* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  /*body{
      background: blue;
    }*/
}

/* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */

@media (min-width: 481px) and (max-width: 767px) {
  .home-line {
    display: none;
  }
}

/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */

@media (min-width: 320px) and (max-width: 480px) {

  .feature-bg-about {
    background: var(--color-4);
  }

  .ctaimgs {
    display: block;
    margin: auto;
  }

  .navbar .navbar-toggler {
    border: 1px solid #fff;
    padding: 5px 10px 10px 10px;
  }

  .navbar .fa-bars {
    color: #fff;
    font-size: 35px;
  }

  /* .main-header{
    background: linear-gradient(90deg, rgba(15,15,15,1) 103%, rgba(252,212,42,1) 98%);
  } */

  .header-bg .button-1 {
    width: 100%;
  }

  .cta .button-1 {
    width: 100%;
  }

  .about-content-2 .button-1 {
    width: 100%;
  }

  .why-chose-us .button-1 {
    width: 100%;
  }

  .main-header p.header-service {
    font-size: 4.5rem;
  }

  .main-header h1 {
    color: #fff;
    font-size: 1.6rem;
  }

  .main-header .header-girl {
    display: block;
    margin: auto;
  }

  .main-header .d-flex li {
    flex: 35%;
  }

  .form-bg h3 {
    font-weight: 700;
    font-size: 1.4rem;
  }

  .form-bg .ordernow {
    display: none;
  }

  .boxfooter {
    justify-content: space-between;
  }

  .feature-bg {
    background-image: none;
    background-color: var(--color-3);
  }

  .feature-bg::before {
    position: unset !important;
    padding-left: 3px;
    font-size: 5rem;
  }

  .feature-bg .col-lg-5 {
    margin-left: 0;
  }

  .main-subjects::before {
    position: unset !important;
    padding-left: 3px;
    font-size: 5rem;
  }

  .point .col-lg-4 img {
    position: inherit;
    width: 100%;
    height: 100%;
  }

  .testimonial-content {
    background: var(--color-1);
    clip-path: polygon(0 0, 100% 0, 93% 100%, 0% 100%);
    height: 100%;
  }

  .testimonial-content::before {
    display: none;
  }

  .scroll-container {
    background-image: none;
    background-color: var(--color-3);
  }

  .scroll-container h4 {
    color: #fff;
  }

  .scroll-container h5 {
    color: #fff;
  }

  .scroll-container p {
    color: #fff;
  }

  .scroll-list h5 {
    color: #fff;
  }

  .home-line {
    display: none;
  }

  .footer .text-dark {
    font-size: 17px !important;
  }

  .footer li a {
    font-size: 14px;
  }

  /* About Page */
  .about-bg h1 {
    font-size: 3rem;
  }

  /* Price Page */
  .price-bg h1 {
    font-size: 3rem;
  }

  .price-section {
    font-size: 1.2rem;
  }

  /* Review Page */
  .review-bg h1 {
    font-size: 3rem;
  }

  .review-section {
    font-size: 1.3rem;
  }

  /* Order Page */
  .order-bg h1 {
    font-size: 1.8rem;
  }

  .main-order select,
  .main-order input,
  .main-order textarea {
    margin-bottom: 15px;
  }

  .mynext,
  .myprev {
    color: #fff;
    background: #000;
  }

  .footer .quicklinks {
    font-size: 17px !important;
  }

  .feature-bg li {
    align-items: baseline !important;
    font-size: 12px;
  }

  .feature-bg h4 {
    font-size: 20px !important;
  }

  .subject-slider p {
    font-size: 4.2rem;
  }
}