/*=====================================
    Extra Large Screen
========================================*/

@media only screen and (min-width: 1920px){
}

/*=====================================
  For Large Screen
========================================*/

/*------Max 1200px Width Screen------*/

@media only screen and (max-width: 1775px) {

}

/*--------Max 1680px Width Screen---------*/
@media only screen and (max-width: 1680px) {
}

/*--------Max 1366px Width Screen---------*/

@media only screen and (max-width: 1366px) {

  /*Default for Max 1366px Width Devices*/
  body , .form-control{
      font-size: 14px;
  }
  h2.section-heading {
      font-size: 42px;
  }
  p.section-subheading{
      font-size: 17px;
  }
  h4 {
      font-size: 22px;
  }

  #mainNav .navbar-nav .nav-item .nav-link {
      font-size: 14px;
  }
  .call-to-content h2 {
      font-size: 31px;
  }
  .call-to-action-area .call-to-content h2 a {
      font-size: 26px;
  }
  .call-to-action-area .call-to-content h2 a span {
      font-size: 20px;
  }

  /*---- Header CSS ---*/
  #wrapper {
      width: 330px;
      height: 425px;
  }
  .domain-search-wrapper form {
      width: 62%;
  }
  input#domain-name {
      width: 421px;
      font-size: 14px;
  }
  .domain-search-wrapper form button.theme-button {
      padding: 16px 44px 18px;
  }
  #blue-side-bubble-1{
      width: 250px;
  }
  .page-banner-area #blue-side-bubble-1 {
      right: 80px;
      width: 141px;
  }
  #pink-side-bubble-1{
      width: 450px;
  }
  #pink-side-bubble-2{
      width: 350px;
  }
  #pink-side-bubble-11{
      width: 380px;
  }
  #pink-side-bubble-22{
      width: 220px;
  }
  #blue-side-bubble-11{
      right: -339px;
      bottom: 273px;
      width: 400px;
  }

  /*---- FAQ CSS ---*/
  .faq-img-box {
      left: 19px;
      top: 74px;
  }
  .faq-img-box img {
      height: 310px;
  }
  .footer-newsletter-form form .theme-button {
      padding: 14px 40px 15px;
  }
  /*---- Home 2 CSS ----*/
  #ui .text {
      font-size: 4rem;
  }
  .home-2-banner-area .theme-button span {
      line-height: 47px;
  }
  /*---- Home 3 CSS ----*/
  .footer-area-3 .footer-newsletter-form form .theme-button {
      margin-left: -124px;
      padding: 16px 30px 17px;
  }

}

/*--------Max 1200px Width Screen---------*/

@media only screen and (max-width: 1200px) {
    body {
        font-size: 14px;
    }
    h2.section-heading {
        font-size: 40px;
    }
    p.section-subheading{
        font-size: 16px;
    }
    h4 {
        font-size: 21px;
    }
}

/*--------Min 1200px Width Screen--------*/
@media only screen and (min-width: 1200px) {

}

/*=====================================
  For Medium Screen
========================================*/

@media only screen and (max-width: 1199px){
  .widget-recent-posts ul li a p {
      line-height: 18px;
  }
  .contact_us_box {
      padding: 50px 16px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
  /*Domain Area CSS*/
  p{
      font-size: 14px;
  }
  input#domain-name {
      width: 291px;
  }
  .single-service, .single-features {
      padding: 30px;
  }
  .single-blog-content h6 {
      font-size: 13px;
  }
  .single-blog-content {
      padding: 30px 15px 38px;
  }
  .single-counter h4 {
      font-size: 17px;
  }
  .single-counter {
      padding: 30px 15px;
  }
  .counter-number {
      font-size: 31px;
  }
  #accordion6 .panel-title a, #accordion7 .panel-title a {
      font-size: 21px;
  }
  .faq-img-box {
      left: 19px;
      top: 102px;
  }
  .faq-img-box img {
      height: 279px;
  }
  .support-forum-img-box img {
      height: 375px;
  }
  /*---- Home 2 CSS ----*/
  #ui .text {
      font-size: 3.25rem;
  }
  .home-2-domain-search-area input#domain-name {
      width: 310px;
  }
}

@media only screen and (max-width: 992px) {

}

/*======================================
      Tablet layout
=========================================*/

@media only screen and (max-width: 991px) {
    p {
        font-size: 14px;
    }
    .single-service img {
        height: 42px;
    }
    .why-choose-bg-shape {
        height: 326px;
    }
    .why-choose-img {
        right: 30px;
        top: 82px;
        height: 165px;
    }
    .why-choose-wrapper .row:nth-child(3n) .why-choose-img {
        right: 57px;
    }
    .why-choose-wrapper .row:nth-child(3n) .why-choose-img {
        right: 57px;
    }
    .why-choose-wrapper .row:nth-child(4n) .why-choose-img {
        height: 200px;
        top: 58px;
    }
    .why-choose-wrapper .row.single-choose-box {
        margin-bottom: 30px;
    }
    .why-choose-wrapper .row.single-choose-box:last-child {
        margin-bottom: 0;
    }
    .our-speciality-area .our-speciality-content-wrap {
        padding: 50px 10px 36px;
        box-shadow: 0 0 33px 0 rgba(205, 205, 205, 0.35);
    }
    .our-speciality-area .our-speciality-content-wrap .section-title-area {
        margin-bottom: 0;
    }
    .our-speciality-area .our-speciality-content-wrap p.section-subheading {
        margin: 18px auto 30px;
    }
    .speciality-box {
        padding: 18px 23px;
    }
    .testimonial_slide_nav .testi_prev {
        top: 23px;
    }
    .testimonial_slide_nav .testi_next {
        bottom: 20px !important;
    }
    .testimonial-slider.owl-carousel .owl-dots {
        bottom: 33%;
    }
    .call-to-action-area{
        padding: 100px 0;
    }
    .call-center-float-box {
        bottom: -110px;
    }
    .call-center-float-box img {
        height: 330px;
    }
    .call-to-content {
        margin-right: 95px;
    }
    .single-blog-content h6 {
        font-size: 12px;
        display: flex;
        flex-direction: column;
    }
    .single-blog-content img {
        height: 25px;
        width: auto;
    }
    .single-blog-content {
        padding: 20px 6px 20px;
    }
    .single-blog-content h6 span {
        margin-top: 10px;
    }
    .single-blog-content h4 {
        margin: 20px 0 10px;
    }
    /*Counter Area*/
    .single-counter h4 {
        margin: 17px 0 12px;
        font-size: 17px;
    }
    .counter-number {
        font-size: 25px;
    }
    .counter-icon img {
        height: 45px;
    }
    .single-counter {
        padding: 16px 10px;
        min-height: 180px;
    }
    .row.faq-wrapper {
        justify-content: center;
    }
    .row.faq-wrapper .col-md-5 , .contact-area .col-12.col-sm-12.col-md-3.col-lg-5{
        display: none;
    }
    .faq-questions-area h2.section-heading {
        text-align: center !important;
    }
    .contact-area .row {
        justify-content: center;
    }
    .contact-form-wrapper {
        margin-left: 0;
    }
    .testimonial-area {
        padding: 100px 0 70px;
    }
    /*About Page CSS*/
    .icon-wave-bg img {
        height: 44px;
    }
    .single-features {
        min-height: 286px;
    }
    .about-page-counter-area {
        padding: 70px 0;
    }
    .subm-btn.theme-button input {
        font-size: 14px;
        padding: 13px 26px 14px;
    }
    .about-media-box .play-button {
        top: 40%;
        left: 45%;
    }
    .widget-search {
        width: 60%;
        margin-top: 30px;
    }
    .widget ul li a img {
        width: 10%;
    }
    .pricing-details-wrap table tbody tr td:first-child {
        width: 15%;
        padding: 0 5px;
    }
    .faq-page-area #accordion6 .panel-title a, .faq-page-area #accordion7 .panel-title a {
        font-size: 20px;
    }
    .error-page-area img {
        height: 210px;
    }
    .service-details-page-area-2 aside#sidebar {
        border-top: 1px solid #e5e9ec;
        margin-top: 30px;
    }
    .home-3-contact-area .contact-form-wrapper {
        margin-left: 0;
    }

}
@media only screen and (min-width: 991px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px){

    /*Main Menu Bar*/
    #mainNav, .top-nav{
        display: none!important;
    }
    .domain-search-wrapper form {
        width: 90%;
    }
    .domain-name-search-area .section-heading {
        font-size: 23px;
    }
    .domain-name-search-area .section-title-area {
        margin-bottom: 40px;
    }
    .domain-name img {
        height: auto;
        width: 55px;
    }
    input#domain-name {
        width: 301px;
    }
    /*Service CSS*/
    .single-service, .single-features {
        padding: 26px 16px 18px;
    }
    .single-service-content p {
        padding-bottom: 5px;
    }
    h4 {
        font-size: 19px;
    }
    /*Pricing Table CSS*/
    .pricing-table-box {
        padding: 27px 8px;
    }
    .pricing-table-box-price {
        font-size: 33px;
        line-height: 36px;
        margin-bottom: 9px;
    }
    .pricing-table-listing {
        margin-bottom: 8px;
        margin-top: 0;
    }
    .discount-tag {
        font-size: 17px;
        margin-bottom: 20px;
    }
    .popular-price-tag {
        padding: 7px 25px;
        left: -28px;
        top: 8px;
        font-size: 12px;
    }
    footer #blue-side-bubble-111 {
        width: 128px;
    }
    #ui .text {
        font-size: 3.25rem;
    }
    .home-2-domain-search-area input#domain-name {
        width: 188px;
    }
    .footer-area-2 .footer-newsletter-form form input {
        width: 340px;
    }
    .pricing-table-area-3 .popular-price-tag {
        height: 50px;
        width: 50px;
        left: -13px;
        top: -15px;
        font-size: 10px;
    }
    /*---- Home 3 CSS ----*/
    #hero-area-intro h1 {
        font-size: 40px;
    }
    .home-3-hero-img img {
        height: 300px;
    }

}

@media only screen and (max-width: 768px) {
  /*Main Menu Bar*/
  #mainNav, .top-nav {
      display: none !important;
  }

}

/*=======================================
      For Small Devices
=========================================*/
@media only screen and (max-width: 767px) {
    p.section-subheading {
        width: 70%;
        max-width: 100%;
    }

    /*Domain CSS*/
    .domain-search-wrapper {
        padding: 30px 30px 36px;
    }
    .domain-search-wrapper form {
        width: 100%;
    }
    input#domain-name {
        width: 239px;
        min-width: 100%;
    }
    .domain-name-img-box {
        width: 90%;
        max-width: 100%;
    }

    /*Services CSS*/
    .single-service, .single-features, .pricing-table-box {
        padding: 61px 40px 58px 40px;
        width: 70%;
        margin: 0 auto 30px;
    }

    /*Why Choose US CSS*/
    .row.single-choose-box {
        flex-direction: column-reverse;
    }
    .why-choose-image-box {
        justify-content: center;
        display: flex;
    }
    .why-choose-img {
        right: 120px;
    }
    .why-choose-image-box {
        margin-bottom: 28px;
        padding-left: 30px;
    }
    .why-choose-wrapper .row:nth-child(2n) {
        flex-direction: column-reverse;
    }
    .why-choose-wrapper .row:nth-child(2n) .why-choose-img {
        left: 126px;
    }
    .why-choose-wrapper .row:nth-child(3n) .why-choose-img {
        right: 150px;
    }
    .call-to-content {
        margin-right: -50px;
    }
    /*Our Blog CSS*/
    .single-blog-post {
        width: 65%;
        margin: 0 auto 30px;
    }
    .single-blog-content {
        padding: 20px 20px 20px;
    }
    /*Counter Section CSS*/
    .counter-area {
        padding: 100px 0 70px;
    }
    .single-counter {
        margin-bottom: 30px;
    }
    #accordion6 .panel-title a, #accordion7 .panel-title a {
        font-size: 21px;
    }
    /*Footer CSS*/
    .footer-widget {
        border-top: 1px solid rgba(44, 212, 217, .2);
        padding: 30px 0 0 0;
        margin-top: 30px;
    }
    .footer-logo {
        padding: 0;
    }
    .footer-logo img {
        margin-bottom: 20px;
        padding: 15px;
        background-color: #fff;
    }
    .subm-btn.theme-button input {
        font-size: 14px;
    }
    /*About CSS*/
    .about-us-area .row {
        flex-direction: column-reverse;
    }
    .about-us-img {
        text-align: center;
    }
    .about-us-img img {
        height: 272px;
        margin-bottom: 30px;
    }
    .client-logo-slider-area {
        padding: 70px 0;
    }
    .about-media-box .play-button {
        top: 36%;
    }
    .about-page-counter-area {
        padding: 70px 0 25px;
    }
    .team-content {
        padding: 15px;
    }
    .team-content h4 {
        font-size: 17px;
    }
    .team-content p {
        font-size: 13px;
    }
    /*Blog CSS*/
    .pagination-area li .page-link {
        height: 30px;
        width: 30px;
        padding: 0;
    }
    .widget-recent-posts ul li a p > span {
        padding-top: 5px;
    }
    .pricing-table-box-price {
        font-size: 36px;
    }
    #blue-side-bubble-1, #blue-side-bubble-11, footer #blue-side-bubble-111, #pink-side-bubble-22, #pink-side-bubble-11{
        display: none;
    }
    .contact-page-area .support-forum-img-box img {
        margin-bottom: 30px;
    }
    .faq-page-area .faq-questions-area {
        flex-direction: column;
    }
    /*---- Home 2 CSS ----*/
    .home-2-domain-search-area .domain-search-wrapper form {
        width: 100%;
    }
    .home-2-domain-search-area input#domain-name {
        width: 290px;
    }
    #ui .text {
        font-size: 2.60rem;
    }
    .footer-area-2 .footer-newsletter-form form input {
        width: 300px;
        min-width: 100%;
    }
    .domain-search-wrapper .section-title-area {
        margin-bottom: 45px;
    }
    /*---- Home 3 CSS ----*/
    .home-3-hero-img {
        display: none;
    }
    .home-3-hero-content {
        text-align: center;
    }
    .home-3-hero-content p {
        margin-top: 20px;
    }
    #hero-area-intro .hero-button-box {
        justify-content: center;
    }
    .footer-area-3 .footer-newsletter-form form input {
        width: 340px;
    }
    .footer-area .footer-wave{
        bottom: CALC(94% - 7px);
    }
    .footer-area-3 .footer-widget {
        border-top: 1px solid rgb(218, 218, 218);
    }
    .footer-area-2 .footer-widget {
        border-top: 1px solid rgba(44, 212, 217, .2);
    }
    .footer-area {
        margin-top: 0;
    }

}

/*========================================
          For large mobile
=========================================*/

@media only screen and (max-width: 766px){
  /*Header CSS*/
  .home-banner-area, .hero-area-wrapper {
      height: 550px;
  }
  .hero-area-content h1 {
      font-size: 36px;
      margin-bottom: 28px;
  }
  #wrapper {
      width: 100%;
      height: auto;
  }
  .hero-area-content {
      border: 0;
      padding: 20px;
  }
  .scroll-to-bottom a {
      padding-top: 33px;
  }
  #scroll-bottom a span {
      top: -26px;
  }
  #pink-side-bubble-2 {
      top: 140px;
      width: 210px;
  }
  #blue-side-bubble-1 {
      width: 280px;
  }
  #pink-side-bubble-1 {
      width: 320px;
  }
  /*Domain CSS*/
  .domain-search-wrapper {
      padding: 30px 25px 36px;
  }
  .domain-search-wrapper form {
      width: 69%;
  }
  input#domain-name {
      width: 173px;
  }
  .domain-search-wrapper form button.theme-button {
      padding: 16px 11px 18px;
  }
  .domain-name img {
      height: auto;
      width: 40px;
  }
  .domain-name span {
      margin-right: 7px;
      font-size: 12px;
  }
  .section-title-area {
      margin-bottom: 30px;
  }
  .single-service, .single-features, .pricing-table-box {
      padding: 33px 40px 30px 40px;
      width: 76%;
  }
  .popular-price-tag {
      padding: 7px 33px;
      left: -20px;
      top: 21px;
  }
  p.section-subheading {
      width: 90%;
  }
  .why-choose-wrapper .row:nth-child(2n) .why-choose-content-box {
      padding-left: 0;
  }
  #pink-side-bubble-22 {
      width: 236px;
      top: 102px;
  }
  #pink-side-bubble-11 {
      width: 264px;
  }
  .testimonial-slide-box {
      width: 100%;
      padding: 60px 20px 40px;
      box-shadow: 0 0 12px 0 rgba(205, 205, 205, 0.35);
  }
  .testimonial-slide-box p {
      padding: 0 15px;
  }
  .testimonial-slider.owl-carousel .owl-dots {
      margin-left: 0;
  }
  .testimonial-slider .item {
      padding: 0 0 30px;
  }
  .call-to-content {
      margin-right: 0;
  }
  .call-to-content h2 {
      font-size: 26px;
  }
  .call-to-action-area .call-to-content h2 a {
      font-size: 20px;
  }
  .call-to-action-area .call-to-content h2 a span {
      font-size: 15px;
  }
  .all-blog-posts-area .section-subheading {
      width: 80%;
  }
  .single-blog-post {
      width: 70%;
  }
  .single-counter {
      padding: 26px 10px;
  }
  h2.section-heading {
      font-size: 38px;
  }
  #accordion6 .panel-title a, #accordion7 .panel-title a {
      font-size: 18px;
  }
  .footer-newsletter-form form input.form-control {
      width: 200px;
  }
  .footer-newsletter-form form .theme-button {
      padding: 14px 11px 15px;
  }
  .footer-main-content-area {
      padding: 70px 20px 50px;
  }
  .footer-wave {
      bottom: CALC(95% - 7px);
  }
  .single-features {
      min-height: auto;
  }
  h1.header-caption-heading {
      font-size: 38px;
  }
  .features-area .bubble-box{
      display: none;
  }
  #ui .text{
      line-height: 56px;
  }
  .home-2-banner-area .hero-button-box.text-center {
      bottom: 124px;
  }
  .home-2-banner-area .scroll-to-bottom a {
      font-size: 11px;
  }
  .home-2-banner-area #scroll-bottom a span {
      width: 16px;
      height: 16px;
      top: -5px;
  }
  .footer-area-2 .footer-newsletter-form form input{
      width: 255px;
  }
  .footer-area-3 .footer-newsletter-form form input {
      width: 340px;
  }

}

@media only screen and (min-width: 480px) and (max-width: 766px){
    .single-service, .single-features, .pricing-table-box, .single-blog-post {
        width: 74% !important;
        margin-left: auto!important;
        margin-right: auto!important;
    }
    .home-3-domain-name-search-area .domain-search-wrapper form {
        border: 1px solid #dfe5e5;
    }
    .home-3-domain-name-search-area input#domain-name, .home-3-domain-name-search-area .domain-search-custom-placeholder {
        border: 1px solid transparent;
    }
}

@media only screen and (max-width:480px){

  .select-bar, .why-choose-image-box , .call-center-float-box, footer #pink-side-bubble-222,
  footer #pink-side-bubble-111{
      display: none;
  }
  .domain-search-wrapper {
      padding: 30px 25px 36px;
  }
  input#domain-name {
      width: 173px;
  }
  .domain-search-wrapper form button.theme-button {
      padding: 16px 11px 18px;
  }
  .domain-name img {
      height: auto;
      width: 40px;
  }
  .domain-name span {
      margin-right: 7px;
      font-size: 12px;
  }
  .single-service, .single-features, .pricing-table-box {
      width: 100%;
  }
  .single-blog-post {
      width: 100%;
  }
  .footer-area {
      padding: 50px 0 50px;
  }
  .subm-btn.theme-button input {
      padding: 10px 15px 14px;
  }
  #content .card-footer-box div {
      margin-right: 15px;
  }
  .pricing-details-wrap table .pricing-table-box-price {
      padding: 0 10px;
  }
  .domain-search-wrapper form {
      width: 60%;
      border: 1px solid transparent;
  }
  input#domain-name, .domain-search-custom-placeholder{
      border: 1px solid #dfe5e5;
  }
  .call-to-content {
      justify-content: center;
  }
  .support-forum-img-box {
      text-align: center;
  }
  .contact-page-area .support-forum-img-box img {
      height: 203px;
  }
  #ui .text {
      font-size: 2rem;
  }
  .home-2-domain-search-area .domain-search-wrapper form {
      width: 90%;
      border: 1px solid #dfe5e5;
  }
  .home-2-domain-search-area input#domain-name, .home-2-domain-search-area .domain-search-custom-placeholder {
      border: 1px solid transparent;
  }
  .why-choose-us-area {
      padding: 100px 0 80px;
  }
  .footer-area .bubble-box{
      display: none;
  }
  #hero-area-intro h1 {
      font-size: 36px;
  }
  .row.login-wrapper {
      margin: 0 5%;
  }
  #particle-canvas {
      width: 120%;
      height: 60vh;
      vertical-align: middle;
      margin-top: 10vh;
  }

}

/*=========================================
      For very little mobile
=========================================*/

@media only screen and (min-width:300px) and (max-width:479px){
  /*Header Area*/
    .scroll-to-bottom a {
        left: 45%;
    }
    .play-button {
        height: 50px!important;
        width: 50px!important;
        top: 33% !important;
        left: 42% !important;
        font-size: 17px;
    }
    .widget-search {
        width: 100%;
    }
    h2.section-heading {
        font-size: 36px;
    }
    #content .card-body h2 {
        line-height: 24px;
        font-size: 22px;
    }
    .widget ul li a img {
        width: 17%;
    }
    #content .share-article {
        flex-direction: column;
    }
    #content .share-box {
        margin-bottom: 10px;
    }
    #content blockquote {
        padding: 12px 30px 22px 30px;
    }
    .domain-search-wrapper form {
        width: 100%;
    }
    .testimonial-slide-box {
        width: 75%;
    }
    .error-page-area img {
        height: 135px;
    }
    #ui .text {
        font-size: 38px;
        line-height: 47px;
    }
    .home-2-banner-area .hero-button-box.text-center {
        bottom: 105px;
    }
    .home-2-banner-area .scroll-to-bottom a{
        display: none;
    }
    .home-2-domain-search-area .domain-search-wrapper form {
        width: 100%;
    }
    .home-2-domain-search-area .domain-search-wrapper form .form-row.align-items-center {
        display: flex;
        justify-content: space-between;
        padding: 0 14px;
    }
    .home-2-domain-search-area .domain-search-wrapper {
        padding: 30px 15px 36px;
    }
    .home-2-domain-search-area input#domain-name {
        width: 168px;
    }
    .home-3-domain-name-search-area .domain-search-wrapper form {
        border: 1px solid transparent;
        width: 100%;
    }
    .home-3-domain-name-search-area input#domain-name, .home-3-domain-name-search-area .domain-search-custom-placeholder {
        border: 1px solid #dfe5e5;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .footer-area-3 .footer-newsletter-form form input {
        width: 288px;
    }
    #content .card-footer-box div {
        margin-right: 12px;
    }
    .blog-page-area .card-footer-box {
        font-size: 12px;
    }
    #content .card-footer-box div.author-box span{
        display: none;
    }
    .classic-blog-button-box .theme-button {
        padding: 9px 18px 10px;
        font-size: 12px;
    }

}
/*-------------------------------------------
      24. Responsive Design End
-------------------------------------------*/