/*
Theme Name: Appnic
Theme url:
Author:Uivision
Author url:
Version:1.0.0
Tag:bussiness
Description:this is responsive css file for mobile and tablet layout

================+/+/+/+/+/+/+/+/+/=================
                    heigh
================+/+/+/+/+/+/+/+/+/=================
*/
@media only screen and (min-width: 1367px) {
  .v2_img_bg {
    position: absolute;
    top: -6%;
    right: 31%;
    z-index: -1;
    animation: rotate_animation 15s infinite alternate;
  }

  .footer-area {
    padding-top: 425px;
    margin-top: -150px;
  }

  .welcome_right {
    bottom: 15%;
  }

  .welcome_right.v2,
  .welcome_right.v3,
  .welcome_right.v4 {
    bottom: 10%;
  }
  .welcome_right.v3 {
    width: 28%;
  }

  .welcome-area.v1,
  .welcome-area.v6 {
    display: flex;
    height: 100%;
  }

  .welcome_right.v5 {
    width: 44%;
  }

  .welcome_right.v5 img {
    width: 100%;
    height: auto;
  }

  .welcome_right.v5_3 {
    width: 350px;
    right: 26%;
    transform: rotate(-28deg);
    top: 33%;
  }

  .welcome_right.v5_2 {
    right: 8%;
    width: 350px;
    transform: rotate(-29deg);
    top: 16%;
  }

  .welcome-area.v3 .welcome-text h1,
  .welcome-area.v4 .welcome-text h1,
  .welcome-area.v5 .welcome-text h1,
  .welcome-area.v6 .welcome-text h1 {
    font-size: 70px;
    line-height: 80px;
    font-weight: 800;
  }
}

/*
================+/+/+/+/+/+/+/+/+/=================
                    medium
================+/+/+/+/+/+/+/+/+/=================
*/

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .welcome-area {
    position: relative;
    padding: 150px 0;
    /* background: #2063EF; */
  }

  .custom_btn.cta-2 {
    margin-top: 20px;
    margin-left: 0;
  }

  h1 {
    font-size: 28px;
  }

  .single-pricing {
    padding: 0;
    box-shadow: none;
  }

  a.single-service {
    padding: 10px;
  }

  .heading {
    text-align: center;
  }
}

/*
================+/+/+/+/+/+/+/+/+/=================
                     tab
================+/+/+/+/+/+/+/+/+/=================
*/
@media only screen and (max-width: 991px) {
  .welcome_right,
  .future-mobile:after,
  .future-mobile:before {
    display: none;
  }

  .custom_btn.cta-2 {
    margin-left: 0;
    margin-top: 20px;
  }

  .single-pricing {
    padding: 20px 15px;
  }

  .single-pricing span {
    font-size: 35px;
    margin-bottom: 0;
  }

  .future-mobile {
    margin-top: 50px;
  }

  .single_recent.mb-5 {
    height: 165px;
  }

  .tags {
    margin-top: 120px;
  }
}

/*tablet layout:768px*/
@media only screen and(min-width:768px) and (max-width: 991px) {
}

/*
================+/+/+/+/+/+/+/+/+/=================
                    Mobile
================+/+/+/+/+/+/+/+/+/=================
*/
.mobile-show {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .inline-block li{
    display: inline-block!important;
    width: auto!important;
  }
  .mobile-show {
    display: block !important;
  }
  .mobile-hide {
    display: none !important;
  }
  h1 {
    font-size: 28px;
  }
  .welcome_right {
    width: 70%;
    position: relative;
    margin: 0 auto;
    left: 0;
    top: -32px;
  }
  .welcome-area.v2 .welcome-text h1 {
    font-size: 15px !important;
    margin-top: 0px !important;
  }
  .welcome-area.inner {
    padding-top: 100px;
    width: auto;
    padding-bottom: 0px;
    height: auto;
  }
  .privacy-policy h5 {
    font-size: 15px !important;
  }

  .privacy-policy ol {
    padding-left: 24px;
  }
  .privacy-policy ol li {
    font-size: 12px !important;
    list-style-type: upper-alpha;
  }
  .privacy-policy p {
    line-height: 20px !important;
    font-size: 12px !important;
  }
  .terms-and-conditions h5 {
    font-size: 15px !important;
  }

  .terms-and-conditions ol {
    padding-left: 24px;
  }
  .terms-and-conditions ol li {
    font-size: 12px !important;
    list-style-type: upper-alpha;
  }
  .terms-and-conditions p {
    line-height: 20px !important;
    font-size: 12px !important;
  }
  .welcome-area.inner .welcome-text img {
    height: 70px;
  }
  .download {
    padding: 0px 10px 20px 10px;
  }
  .mobile_menu .slicknav_btn {
    right: -18px;
  }
  .service-area {
    padding-top: 0 !important;
  }
  .cross-1 {
    position: absolute;
    top: 0;
    left: 16px;
    height: 39px;
    width: 14px;
    animation: shrink_1 infinite 3s;
  }
  .wobble-1 {
    position: absolute;
    top: 65px;
    left: 76px;
    height: 68px;
    width: 23px;
    animation: wobble_1 infinite 4s;
    overflow: hidden;
  }
  .wobble-2 {
    position: absolute;
    top: 185px;
    left: 82px;
    height: auto;
    width: 28px;
    animation: wobble_1 infinite 7s;
  }

  .wobble-2 img {
    height: 20px;
    overflow: hidden;
  }
  .footerlogo .logo {
    display: block;
    font-size: 15px;
    margin-top: 20px;
  }
  .footer-area2 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .aboutUs-area {
    padding: 0px 10px 0px 0 !important;
  }
  .aboutUs-area .download ul {
    text-align: center !important;
  }
  .aboutUs-area .download ul li {
    display: inline-block;
    margin: 5px !important;
  }
  .aboutUs-area .download ul li a img {
    height: 35px !important;
  }

  /*define all text center*/
  .heading,
  .welcome-area {
    text-align: center;
  }

  .single-pricing {
    padding: 45px 70px;
  }
  .heading,
  .welcome-area {
    width: 100%;
    margin-top: 0px;
  }
  .main_area .welcome-btns a.custom_btn img {
    height: 40px !important;
    width: auto;
    margin-top: -22px;
  }
  .logo img {
    height: 37px;
  }
  .welcome-area {
    left: 0;
    position: relative;
    z-index: 22;
    padding: 50px 0;
    background: #fff !important;
    height: 100vh;
  }
  .welcome-area .first_fold {
    position: absolute;
    top: 58%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
  .welcome-text p {
    width: 100% !important;
    font-size: 13px;
    line-height: 24px;
  }

  .single-pricing span {
    font-size: 60px;
    margin-bottom: 20px;
  }

  .heading2 h1,
  .heading3 h1 {
    font-size: 22px;
    line-height: 40px;
  }

  a.tab_one,
  a.tab_two {
    position: relative;
  }

  img {
    height: 100px;
    width: auto;
    margin: 0 auto;
  }
  .aboutUs-area .about-us {
    margin-bottom: 20px;
  }
  .aboutUs-area p {
    font-size: 13px !important;
  }
  .aboutUs-area .aboutUsBanner {
    height: auto !important;
    width: 85% !important;
    margin-top: 30px !important;
    margin: 0 auto !important;
  }
  .aboutUs-area p strong {
    font-size: 15px !important;
  }
  .about-us li {
    font-size: 13px;
    margin-bottom: 6px;
  }

  .future-mobile:before,
  .future-mobile:after {
    visibility: hidden;
  }

  .future-area.mobile .single-future strong {
    font-size: 18px;
    margin-bottom: 0;
    width: 140%;
  }

  .future-area.mobile .single-future small {
    font-size: 13px;
    line-height: 20px;
  }
  .future-area.mobile a.single-future:last-child {
    margin-bottom: 30px;
    padding: 17px;
  }
  .future-area.mobile a.single-future {
    position: relative;
  }
  .future-area.mobile .image-graphic {
    position: absolute;
    right: 15px;
    bottom: 34px;
  }
  .future-area.mobile img.last {
    bottom: 32px !important;
  }
  .future-area.mobile img {
    position: absolute;
    bottom: 36px;
    right: 15px;
  }
  .future-area.mobile a.single-future {
    position: relative;
    box-shadow: 0 0 5px 0 #ccc;
    border-radius: 5px;
    border-left: 5px solid #a00b0b;
    margin-right: 10px;
    padding: 17px;
    padding-right: 100px;
  }
  .future-area .clearfix {
    position: relative;
  }

  .custom-single-service .above strong {
    font-size: 12px;
    color: #000;
    display: block;
    margin: 0;
  }
  .custom-single-service .hovered small {
    font-size: 12px;
  }
  .custom-single-service {
    padding: 0 5px;
  }
  .screen-area {
    padding: 50px 0 !important;
  }
  .screen-area .heading2 {
    margin: 20px;
  }

  .service-area .col-6 {
    padding: 0px 5px 0px;
  }
  .cta-area {
    padding: 0;
  }

  .cta-area .heading {
    margin-left: 0;
  }

  .custom_btn.cta-2 {
    margin-left: 0px;
  }

  .custom_btn.cta-2 {
    margin-top: 15px;
  }

  .cta-area .heading {
    margin-bottom: 30px;
  }

  .footerlogo img {
    height: 30px;
    width: auto;
  }

  .contact_us {
    padding: 30px;
  }

  .single-footer {
    text-align: center;
  }

  .single-footer h5 {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 15px;
  }

  .footer-menu li:first-child {
    width: 100%;
  }
  .footer-menu li {
    display: inline-block;
    margin: 5px;
    font-size: 11px;
  }
  .subfooter-area2 .footer-r p {
    font-size: 11px !important;
  }
  .single_counter {
    padding: 20px 0;
  }

  .single_counter h1 {
    font-size: 30px;
  }

  .single-pricing ul {
    padding: 40px 0;
    text-align: left;
  }

  .single-pricing {
    padding: 30px 30px;
    margin-bottom: 30px;
  }

  .single-pricing span {
    font-size: 50px;
  }

  .section-padding {
    padding: 0px 0;
    margin-bottom: 50px;
  }

  .welcome-text h1 {
    margin-top: -20px !important;
    font-size: 26px !important;
    line-height: 50px;
  }

  .main_area {
    padding: 0px 0 0;
  }

  .testimonial-area .owl-dots {
    bottom: -15%;
  }

  .welcome-area.v3 .welcome-text h1,
  .welcome-area.v4 .welcome-text h1,
  .welcome-area.v5 .welcome-text h1,
  .welcome-area.v2 .welcome-text h1 {
    font-size: 32px;
    line-height: 45px;
  }

  .welcome-area.v4 .welcome-text h1,
  .welcome-area.v4 .welcome-text p {
    color: #fff;
  }

  .app-btn:last-child {
    margin-left: 0;
    margin-top: 20px;
  }

  .custome_pagination {
    margin-bottom: 50px;
  }

  .footer_logo.v2 {
    width: 40%;
    margin-bottom: 20px;
    margin: 0 auto;
  }

  .single_recent.mb-5 {
    height: auto;
  }

  .tags {
    margin-top: 0;
  }

  .single_blog_video-area {
    padding: 50px 0;
  }

  .single_blog_last_img img {
    width: 100%;
  }
  .footerlogo p {
    width: 100% !important;
    font-size: 12px;
  }
  .footer-social {
    float: left;
    width: 100%;
    margin: 10px 0!important;
  }

  .comment_img img {
    height: auto;
    width: 100%;
    float: left;
    margin-right: 0;
    border-radius: 50%;
    margin-bottom: 30px;
  }

  .single_comment {
    text-align: center;
  }

  .single_comment.ml-5 {
    margin-left: 0 !important;
  }

  .footer-area .footer-social {
    float: unset;
  }

  h4.single_blog_mid {
    padding: 10px;
    margin: 30px 0;
    background: #e2e2e2;
    border-radius: 10px;
    font-size: 18px;
  }

  .single_screenshots img {
    width: 70% !important;
    height: auto;
  }
}

/*
================+/+/+/+/+/+/+/+/+/=================
                    wid device
================+/+/+/+/+/+/+/+/+/=================
*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 480px;
  }

  .comment_img img {
    height: auto;
    width: 50%;
    float: left;
    margin-right: 20px;
    border-radius: 50%;
    margin-bottom: 0;
  }

  .single_comment {
    text-align: left;
  }
}

/*=========================================================================
                                The end
==========================================================================*/