/*3.1 responisve  Css*/

@media only screen and (min-width: 1601px) and (max-width: 1900px) {
    .mbl-1-img img {
        height: 480px;
    }
    .video-paly {
        right: 150px;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1600px) {
    .main-menu a.btn-mr,
    .main-menu .single-blog-post a.blg-link,
    .single-blog-post .main-menu a.blg-link {
        margin-left: 70px;
    }
    .main-menu a.btn-mr.th-primary-outline2white,
    .main-menu .single-blog-post a.th-primary-outline2white.blg-link,
    .single-blog-post .main-menu a.th-primary-outline2white.blg-link {
        margin-left: 90px;
    }
    .bannerarea.home-page-2 {
        background-size: 100% 100%;
    }
    .mbl-1-img {
        right: 10px;
        bottom: -23px;
    }
    .banner-content h2 {
        font-size: 50px;
        line-height: 50px;
    }
    .mbl-1-img img {
        height: 480px;
    }
    .hoitsworkbox {
        padding: 75px 70px 45px 70px;
    }
    .video-paly {
        right: 50px;
    }
    .video-paly img {
        height: 80px;
    }
    .container-fluid.custom-container {
        padding-left: 5%;
        padding-right: 5%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .container-fluid.custom-container {
        padding-left: 3%;
        padding-right: 3%;
    }
    .main-menu a.btn-mr,
    .main-menu .single-blog-post a.blg-link,
    .single-blog-post .main-menu a.blg-link {
        margin-left: 30px;
    }
    .main-menu a.btn-mr.th-primary-outline2white,
    .main-menu .single-blog-post a.th-primary-outline2white.blg-link,
    .single-blog-post .main-menu a.th-primary-outline2white.blg-link {
        margin-left: 20px;
    }
    .main-menu ul > li.nav-item > a.nav-link {
        margin-left: 10px;
        margin-right: 10px;
    }
    .video-paly {
        right: 50px;
    }
    .video-paly img {
        height: 50px;
    }
    .site-header.sticky .main-menu ul > li.nav-item > a.nav-link {
        margin-left: 7px;
        margin-right: 7px;
    }
    .mockupImg {
        height: auto;
        width: auto;
    }
    .mockupImg img {
        max-width: 100%;
    }
    .mbl-1-img img {
        height: 350px;
    }
    .banner-content h2 {
        font-size: 50px;
        line-height: 50px;
    }
    .skl-mbl-img img {
        position: static;
        max-width: 100%;
    }
    .hoitsworkbox {
        padding: 40px;
    }
}

@media (max-width: 991.98px) {
    .video-paly {
        right: 50px;
        z-index: 999;
    }
    .video-paly img {
        height: 70px;
    }
    .main-menu a.btn-mr.th-primary-outline2white,
    .main-menu .single-blog-post a.th-primary-outline2white.blg-link,
    .single-blog-post .main-menu a.th-primary-outline2white.blg-link {
        margin-left: 0px;
    }
    .tean-area {
        padding: 50px 0 10px;
    }
    .main-menu a.btn-mr,
    .main-menu .single-blog-post a.blg-link,
    .single-blog-post .main-menu a.blg-link {
        margin-left: 0;
        font-size: 14px;
        max-width: 150px;
    }
    .mbl-1-img {
        display: none;
    }
    .banner-content h2 {
        font-size: 50px;
        line-height: 50px;
    }
    .blog-area {
        padding: 50px 0 20px;
    }
    .skl-mbl-img img {
        position: static;
    }
    .miniSkilss:last-child {
        margin-bottom: 30px;
    }
    #accordion {
        margin-bottom: 30px;
    }
    .expericence-andSkills.faqs {
        padding: 50px 0 20px;
    }
    .feature-area {
        padding: 50px 0 20px;
    }
    .amazing-screen {
        padding: 50px 0 50px;
    }
    .expericence-andSkills:before,
    .tean-area:before,
    .get-the-app:before {
        background-size: 100% 100%;
        height: 150px;
        width: 150px;
    }
    .aposh-pricing {
        padding: 50px 0 20px;
    }
    .testimonails-area {
        padding-top: 50px;
        padding-bottom: 20px;
    }
    .app-overlay {
        position: relative;
        z-index: 1;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        z-index: 2;
        background: #6419d9;
        opacity: 0.6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: alpha(opacity=60);
    }
    .app-overlay.homepage2 {
        background: #00cff2;
    }
    .get-the-app .section-title {
        color: #fff;
    }
    .get-the-app p {
        color: #fff;
    }
    .single-footer {
        margin-bottom: 30px;
    }
    footer.site-footer {
        padding: 50px 0 20px;
    }
    .mockupImg {
        display: none;
    }
    .banner-content.fx {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100vh;
        padding-top: 80px;
    }
    .homepage2.main-menu .btn-mr.th-primary-outline2white,
    .homepage2.main-menu .single-blog-post a.th-primary-outline2white.blg-link,
    .single-blog-post .homepage2.main-menu a.th-primary-outline2white.blg-link {
        color: #888 !important;
    }
    .homepage2.main-menu .btn-mr.th-primary-outline2white:hover,
    .homepage2.main-menu .single-blog-post a.th-primary-outline2white.blg-link:hover,
    .single-blog-post .homepage2.main-menu a.th-primary-outline2white.blg-link:hover {
        color: #fff !important;
    }
    .main-menu ul > li.nav-item > a.nav-link:after {
        display: none;
    }
    .mcpimg2 {
        margin-bottom: 30px;
    }
    .feature-area.homepage2:after {
        width: 200px;
        height: 350px;
    }
    .container-fluid.custom2 {
        padding-left: 8%;
        padding-right: 8%;
    }
    .hoitsworkbox {
        padding: 40px 40px 10px;
    }
    .howitsbg {
        width: 80%;
    }
    .site-header .navbar {
        padding: 15px 0;
    }
    .expericence-andSkills {
        padding: 50px 0 20px;
    }
    .card.custombg .card-header a.btn {
        white-space: normal;
        text-align: left;
        line-height: 32px;
        font-size: 18px;
    }
    .get-app-height .app-titile {
        padding-left: 15px;
    }
    .get_intocuh {
        padding-bottom: 50px;
    }
    .get-app-height {
        height: 400px;
    }
    .whitenav.main-menu.homepage2 ul > li.nav-item > a.nav-link {
        color: #8b8b8b;
    }
    .whitenav.main-menu.homepage2 ul > li.nav-item:hover > a.nav-link {
        color: #00cff2;
    }
    .whitenav.main-menu.homepage2 ul > li.nav-item > a.nav-link.active {
        color: #00cff2;
    }
    .single-blog-post img {
        width: 100%;
    }
    .single-blog-posts {
        margin-bottom: 30px;
    }
}

@media (max-width: 767.98px) {
    .bannerarea {
        height: 500px;
    }
    .bannerarea.home-page-1 {
        background-image: none;
        background-color: #6419d9;
    }
    .bn-height,
    .banner-content.fx {
        height: 500px;
    }
    .bn-height h2,
    .banner-content.fx h2 {
        font-size: 20px;
        line-height: 35px;
        margin: 0 0 5px;
    }
    .bn-height p,
    .banner-content.fx p {
        font-size: 14px;
        line-height: 28px;
        padding-right: 0px;
    }
    .banner-content {
        padding-top: 35px;
    }
    .btn-mr,
    .single-blog-post a.blg-link {
        padding: 10px 25px;
    }
    .bannerarea.home-page-2 .banner-content p {
        font-size: 14px;
        line-height: 30px;
    }
    .section-title {
        font-size: 25px;
        margin: 0 0 15px;
    }
    .sec-titile-wrapper {
        margin-bottom: 30px;
    }
    .feature-area {
        background-image: none;
    }
    .skl-mbl-img img {
        width: 100%;
    }
    .expericence-andSkills:before,
    .tean-area:before,
    .get-the-app:before {
        height: 50px;
        width: 50px;
        bottom: -30px;
    }
    .get-in-box {
        position: static;
        margin-bottom: 30px;
        text-align: center;
        padding: 25px;
    }
    .single-get-intocuh {
        margin-bottom: 30px;
    }
    .single-get-intocuh:last-child {
        margin-bottom: 0px;
    }
    .single-get-intocuh.border-LR {
        border: none;
    }
    .homepage2 .navbar-toggler-icon {
        background: #00cff2;
    }
    .bannerarea.home-page-2 {
        background-image: url(../images/banner/bn2.png);
        background-size: contain;
    }
    .howitsbg {
        display: none;
    }
    .howitsWork-area {
        margin-top: 0px;
    }
    .hoitsworkbox {
        position: static;
    }
    .counter-section,
    .counter-height {
        height: auto;
    }
    .counter-section {
        padding: 50px 0 20px;
    }
    .single-counter {
        margin-bottom: 30px;
    }
    .container-fluid.custom-container {
        padding-left: 2%;
        padding-right: 2%;
    }
    .singlepsb1 a.btn-mr,
    .singlepsb1 .single-blog-post a.blg-link,
    .single-blog-post .singlepsb1 a.blg-link {
        margin: 5px 0;
    }
}