@media (min-width:1921px) {
    .banner-area {
        height: 1450px
    }
    .banner-product-image {
        margin-top: 105%
    }
}

@media (min-width:1400px) and (max-width:1920px) {
    .container {
        width: 1200px
    }
    .banner-area {
        height: 1196px
    }
    .banner-product-image {
        margin-top: 66%
    }
    .banner-text h3 {
        font-size: 68px
    }
    .banner-area .col-lg-5 {
        padding-left: 0
    }
    .banner-apps {
        margin-left: 76px;
        margin-top: -315px
    }
    .single-app {
        height: 140px;
        width: 140px;
        border: 4px solid #fff
    }
    .banner-area::before, .domain-name-area::after, .domain-name-area::before, .footer-area:before, .signup-area::after, .signup-area::before {
        height: 460px
    }
    .banner-apps .single-app:nth-child(1) {
        left: 0;
        top: 122px
    }
    .banner-apps .single-app:nth-child(2) {
        left: 258px;
        top: 60px
    }
    .single-app:nth-child(3) {
        left: 516px;
        top: 0
    }
    .single-app h3, .single-app h4 {
        font-size: 16px
    }
    .single-app h3 {
        font-size: 18px
    }
    .about-text {
        margin-right: 72px;
        margin-top: 0px
    }
    .features-area {
        background-position: -8.5% 63%;
        background-size: 62% auto
    }
    .features-area .single-item:nth-child(2), .features-area .single-item:nth-child(4) {
        margin-left: 56px
    }
    .features-area .single-item:nth-child(3) {
        margin-left: 138px
    }
    .signup-area {
        margin-top: -197px;
        padding-bottom: 408px;
        padding-top: 358px
    }
    .pricing-area {
        margin-top: -104px
    }
    .pricing-area .col-sm-4:first-child .single-price-package {
        margin-left: 87px;
        margin-right: 3px
    }
    .pricing-area .col-sm-4:last-child .single-price-package {
        margin-right: 87px;
        margin-left: 3px
    }
    .pricing-area .single-price-package.list-large {
        margin: -34px 26px 0
    }
    .footer-area {
        margin-top: -102px;
        padding-top: 322px
    }
    .download-btn {
        z-index: 9
    }
    .banner-area.banner-image {
        height: 1050px
    }
    .domain-name-area {
        padding-bottom: 400px;
        padding-top: 380px
    }
    .banner-area.banner-horizontal {
        height: 1075px
    }
    .banner-area.banner-horizontal::before {
        height: 0
    }
    .banner-horizontal .banner-apps .single-app {
        top: 30px
    }
    .service-area.horizontal::after {
        display: none
    }
    .box-layout .banner-apps {
        margin-top: -405px
    }
    .box-layout .about-area {
        padding-top: 22px
    }
    .box .footer-area::before, .box .signup-area::after, .box .signup-area::before {
        height: 372px
    }
    .box .signup-area {
        padding-bottom: 360px
    }
    .box-layout .banner-table-cell p {
        font-size: 14px
    }
    .box .domain-name-area::after, .box .domain-name-area::before {
        height: 345px
    }
    .box .domain-name-area {
        padding-bottom: 370px
    }
    .about-four.about-box-layout {
        margin-top: -200px
    }
    .banner-horizontal.box-layout .banner-apps {
        margin-top: -311px
    }
    .box .signup-area.horizontal {
        padding-bottom: 85px
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .about-text, form#contact-form {
        margin-right: 0
    }
    .container, .container-wrapper {
        width: 80%
    }
    .banner-area::before, .footer-area::before, .signup-area::after, .signup-area::before {
        height: 283px
    }
    .banner-text h3, .box-layout .banner-text h3 {
        font-size: 56px;
        line-height: 58px;
        margin-bottom: 10px
    }
    #main-menu {
        top: 60px
    }
    .about-text {
        margin-top: 0
    }
    .features-area {
        background-position: -8.5% 63%;
        background-size: 62% auto
    }
    .features-area .single-item:nth-child(2), .features-area .single-item:nth-child(4) {
        margin-left: 56px
    }
    .features-area .single-item:nth-child(3) {
        margin-left: 138px
    }
    .signup-area {
        margin-top: -78px;
        padding-bottom: 322px;
        padding-top: 280px
    }
    .testimonial-text-slider {
        width: 84%
    }
    .footer-area {
        margin-top: -5px;
        padding-bottom: 100px;
        padding-top: 245px
    }
    .banner-area.banner-image {
        height: 810px
    }
    .domain-name-area {
        padding-bottom: 315px
    }
    .banner-area .col-lg-5 {
        padding-left: 0
    }
    .banner-product-image {
        margin-top: 59%
    }
    .banner-horizontal .banner-apps .single-app {
        top: 75px
    }
    .banner-area.banner-horizontal::before {
        height: 0
    }
    .banner-area.banner-horizontal .banner-product-image {
        margin-top: 72%
    }
    .banner-area.banner-image.horizontal {
        height: 580px
    }
    .box-layout .banner-text p {
        font-size: 14px
    }
    .about-box-layout .about-area {
        padding-top: 80px
    }
    .box .banner-area::before, .box .signup-area::before {
        height: 245px
    }
    .box .domain-name-area::before {
        height: 270px
    }
    .box .footer-area::before {
        height: 233px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .banner-apps, .features-area .single-item:first-child, .features-area .single-item:last-child, .features-area .single-item:nth-child(2), .features-area .single-item:nth-child(3), .features-area .single-item:nth-child(4) {
        margin-left: 0
    }
    .container, .container-wrapper {
        width: 85%
    }

    .header-blue .mobile-menu .mean-bar {
        background: url(../img/logo/fuckbuddy-now-icon.png) left top no-repeat
    }

    #main-menu {
        top: 70px
    }
    .banner-text h3 {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 30px
    }
    .banner-text p {
        color: #fff;
        margin-bottom: 33px
    }
    #headimgpad {
        padding-right: 10px
    }
    .banner-apps {
        margin-top: -221px;
        position: relative
    }
    .about-area {
        padding-top: 121px
    }
    .about-text {
        margin: 0
    }
    .about-text h2 {
        margin-bottom: 10px
    }
    .about-text>p {
        margin-bottom: 12px
    }
    .about-buttons {
        margin-top: 20px
    }
    .service-area {
        padding-bottom: 265px;
        padding-top: 253px
    }
    .service-area::after {
        height: 400px;
        top: 18%
    }
    .features-area, .features-area.features-blue, .features-area.features-yellow {
        background: rgba(0, 0, 0, 0);
        background-color: #f0f0f0;
        margin-top: 0
    }
    .features-area .single-item {
        margin-bottom: 65px
    }
    .signup-area {
        margin-top: -212px;
        padding-top: 350px
    }
    .download-btn {
        margin: 0 6px;
        padding: 0 19px 0 58px
    }
    .download-btn i {
        left: 4px
    }
    .pricing-area {
        margin-top: -115px;
        padding-top: 122px
    }
    .pricing-area .col-sm-4:first-child .single-price-package, .pricing-area .col-sm-4:last-child .single-price-package {
        margin-left: 0;
        margin-right: 0
    }
    .pricing-area .single-price-package.list-large {
        margin: -34px 0 0
    }
    .about-image, form#contact-form {
        margin-right: 0
    }
    .price-list {
        padding-top: 30px
    }
    .price-btn .button {
        margin-top: 30px
    }
    .price-title {
        padding: 25px 0 24px
    }
    .list-large .price-title {
        padding: 27px 0 30px
    }
    .testimonial-text-slider {
        padding: 30px 41px 0;
        width: 100%
    }
    .slick-prev, [data-carousel-3d] [data-prev-button] {
        left: 0
    }
    .slick-next, [data-carousel-3d] [data-next-button] {
        right: 0
    }
    .footer-area {
        margin-top: -100px;
        padding-top: 290px;
        padding-bottom: 60px
    }
    .submit-form .button {
        margin-bottom: 20px
    }
    .newsletter {
        margin-top: 60px
    }
    .banner-area::before {
        height: 233px
    }
    .banner-area.banner-image {
        height: 640px
    }
    .about-area.about-four {
        padding-top: 112px;
        padding-bottom: 0
    }
    .feature-four, .feature-four.horizontal {
        padding-top: 122px
    }
    .features-box-layout .feature-four {
        margin-top: -240px
    }
    .features-box-layout .feature-four.horizontal {
        margin-top: -20px
    }
    .domain-name-area {
        padding-bottom: 305px
    }
    .banner-area .col-lg-5 {
        padding: 0
    }
    .banner-product-image {
        margin-top: 66%
    }
    .banner-horizontal .banner-apps .single-app {
        top: 75px
    }
    .banner-area.banner-horizontal::before {
        height: 0
    }
    .banner-area.banner-horizontal .banner-product-image {
        margin-top: 75%
    }
    .banner-area.banner-image.horizontal {
        height: 500px
    }
    .about-area.horizontal {
        padding: 125px 0
    }
    .about-area.about-four.horizontal {
        padding: 90px 0
    }
    .features-area.hidden-xs.horizontal {
        padding-bottom: 100px;
        padding-top: 122px
    }
    .signup-area.horizontal {
        padding-bottom: 125px;
        padding-top: 120px
    }
    .pricing-area.horizontal {
        padding-top: 121px
    }
    .testimonial-area.horizontal, .users-area.horizontal {
        padding-top: 82px
    }
    .footer-area.horizontal {
        padding-bottom: 122px;
        padding-top: 122px
    }
    .box-layout .banner-text h3 {
        font-size: 46px
    }
    .features-box-layout .features-area {
        margin-top: -210px
    }
    .features-box-layout {
        padding-left: 30px;
        padding-right: 30px
    }
    .box .signup-area {
        padding-bottom: 289px;
        padding-top: 325px
    }
    .about-box-layout .about-area {
        padding-top: 80px
    }
    .box .banner-area::before, .box .domain-name-area::before, .box .footer-area::before, .box .signup-area::before {
        height: 287px
    }
    .about-box-layout .about-area.horizontal {
        padding-bottom: 85px
    }
    .box .signup-area.horizontal, .features-box-layout .features-area.hidden-xs.horizontal {
        padding-bottom: 85px;
        padding-top: 85px
    }
    .box .pricing-area.horizontal {
        padding-top: 85px
    }
    .box .pricing-area.pricing-four {
        margin-top: -150px
    }
    .box .pricing-area.pricing-four.horizontal {
        margin-top: 0
    }
    /* video {
        left: 65%
    } */
}

@media (max-width:767px) {
    .container, .container-wrapper {
        width: 95%
    }

    .header-blue .mobile-menu .mean-bar {
        background: url(../img/logo/fuckbuddy-now-icon.png) left top no-repeat
    }

    #main-menu {
        top: 40px
    }
    .banner-area {
        height: 718px
    }
    .banner-text h3 {
        font-size: 26px;
        line-height: 38px;
        margin-bottom: 20px
    }
    .banner-apps {
        display: none
    }
    .button-default {
        font-size: 16px;
        line-height: 45px;
        padding: 0 15px
    }
    .banner-buttons .button-default {
        margin-right: 2px
    }
    .about-image, .about-text, form#contact-form {
        margin-right: 0
    }
    .about-area, .about-area.about-four {
        margin-top: -80px;
        padding-top: 100px
    }
    .pricing-area .section-title, .section-title {
        margin-bottom: 50px
    }
    .about-text {
        margin-top: 45px
    }
    .about-buttons, .newsletter {
        margin-top: 30px;
        z-index: 99;
        position: relative
    }
    .about-buttons button.button-default {
        margin-right: 4px
    }
    .signup-area {
        padding-bottom: 130px
    }
    .section-title h3 {
        font-size: 33px;
        line-height: 37px
    }
    .footer-area::before, .signup-area::after, .signup-area::before {
        height: 110px
    }
    .download-btn {
        margin: 0 auto 20px;
        padding: 0 7px 0 77px;
        width: 100%
    }
    .download-btn i {
        left: 13px
    }
    .box .download-btn i, .slick-prev, [data-carousel-3d] [data-prev-button] {
        left: 0
    }
    .pricing-area .col-sm-4:first-child .single-price-package, .pricing-area .col-sm-4:last-child .single-price-package, .pricing-area .single-price-package.list-large {
        margin: 0 0 25px
    }
    .pricing-area, .testimonial-area, .users-area {
        padding-top: 100px
    }
    .slick-next, [data-carousel-3d] [data-next-button] {
        right: 0
    }
    .testimonial-text-slider {
        padding: 30px 0 0;
        width: 100%
    }
    .testimonialText p {
        margin-bottom: 10px
    }
    .testimonial-text-slider h2 {
        font-size: 22px
    }
    .footer-area {
        margin-top: 0;
        padding-bottom: 65px;
        padding-top: 130px
    }
    .submit-form .button {
        margin-bottom: 30px
    }
    .newsletter>h3 {
        line-height: 35px
    }
    .newsletter-content .button {
        width: 34%;
        font-size: 14px
    }
    .about-four .about-text h2, .domain-name-area h1 {
        font-size: 27px
    }
    .newsletter-content>input {
        height: 45px
    }
    .footer-links a {
        margin: 0 1px
    }
    .banner-image .banner-text {
        padding-top: 45%
    }
    .banner-image .banner-buttons .button-default {
        margin-left: 2px
    }
    .banner-image .banner-text h3 {
        margin-bottom: 10px;
        line-height: 33px
    }
    .banner-image .banner-text p {
        margin-bottom: 16px
    }
    .banner-area::before {
        height: 115px
    }
    .banner-area.banner-image {
        height: 620px
    }
    .service-info-container>span {
        padding-left: 12px
    }
    .about-four .about-buttons {
        margin: 30px 0
    }
    .domain-name-area::before, .signup-area::before {
        height: 126px
    }
    .domain-name-area {
        padding-bottom: 110px;
        padding-top: 157px
    }
    .domain-wrapper {
        margin: 0
    }
    #text-search {
        font-size: 16px;
        padding: 0 150px 0 10px
    }
    .search-categories {
        right: 122px;
        width: 63px
    }
    #btn-search-category {
        font-size: 14px;
        padding-left: 4px;
        width: 130px
    }
    .category-items {
        padding: 0;
        width: 63px
    }
    .search-cat {
        background-position: 93% 22px
    }
    .domain-name-area::after {
        height: 103px
    }
    .pricing-four .single-price-package {
        margin-bottom: 20px
    }
    .pricing-area.horizontal .col-sm-4:last-child .single-price-package, .pricing-four .col-sm-3:last-child .single-price-package {
        margin-bottom: 0
    }
    .pricing-area.pricing-four {
        margin-top: -60px
    }
    .banner-area .col-lg-5 {
        padding: 0
    }
    .banner-area.banner-horizontal::before {
        height: 0
    }
    .banner-area.banner-image.horizontal {
        height: 570px
    }
    .about-area.horizontal {
        margin-top: -100px;
        padding: 125px 0 70px
    }
    .about-area.about-four.horizontal {
        margin-top: -40px;
        padding: 125px 0 70px
    }
    .features-area, .features-area.features-blue, .features-area.features-yellow {
        background: rgba(0, 0, 0, 0);
        background-color: #f0f0f0;
        padding: 85px 0
    }
    .single-item h4 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 24px
    }
    .features-area .single-item:first-child, .features-area .single-item:last-child, .features-area .single-item:nth-child(2), .features-area .single-item:nth-child(3), .features-area .single-item:nth-child(4) {
        margin-left: 0
    }
    .features-area .single-item {
        margin-bottom: 65px
    }
    .signup-area {
        margin-top: -212px;
        padding-top: 350px
    }
    .signup-area.horizontal {
        padding-bottom: 80px;
        padding-top: 90px
    }
    .pricing-area.horizontal {
        padding-top: 121px;
        margin-top: -30px
    }
    .testimonial-area.horizontal, .users-area.horizontal {
        padding-top: 82px
    }
    .footer-area.horizontal {
        padding-bottom: 110px;
        padding-top: 120px
    }
    .box-layout .banner-text p {
        font-size: 14px
    }
    .about-box-layout .about-area {
        margin-top: -100px
    }
    .box-layout .banner-text h3 {
        font-size: 25px;
        margin-bottom: 10px
    }
    .box-layout .banner-buttons .button-default {
        margin-right: 0;
        padding: 0 12px
    }
    .box .footer-area::before, .box .signup-area::after, .box .signup-area::before {
        height: 102px
    }
    .box .signup-area {
        padding-left: 15px;
        padding-right: 15px
    }
    .box .section-title h3 {
        font-size: 30px
    }
    .box .download-btn {
        padding: 0 0 0 58px
    }
    .box .signup-area {
        padding-bottom: 100px
    }
    .box .footer-links a {
        margin: 0
    }
    .contact-icon {
        height: 50px;
        margin-right: 4px;
        width: 50px
    }
    .box-layout.banner-image .banner-buttons .button-default {
        padding: 0 8px
    }
    .about-box-layout.about-four .about-text h2, .box .domain-name-area h1 {
        font-size: 24px
    }
    .box .signup-area.horizontal {
        padding-bottom: 85px;
        padding-top: 85px
    }
    .banner-area.banner-image.box-layout::before {
        height: 133px
    }
    .blogpost {
        padding-top: 122px;
        padding-left: 25px;
        padding-right: 25px;
        text-align: left
    }
    .h2top h1 {
        text-align: center;
    }
    #banheader {
        text-align: center;
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    /* .container, .container-wrapper {
        width: 450px
    } */
    .banner-text p {
        font-size: 15px;
        margin-bottom: 33px
    }
    .banner-text h3, .box-layout .banner-text h3 {
        font-size: 40px
    }
    .footer-area::before, .signup-area::after, .signup-area::before {
        height: 180px
    }
    .signup-area {
        margin-top: -25px;
        padding-bottom: 152px;
        padding-top: 164px
    }
    .download-btn {
        width: 66%
    }
    .box .pricing-area.horizontal {
        margin-top: 0
    }
    .testimonialImg img {
        height: 80px;
        margin-top: 48px;
        width: 80px
    }
    .testimonialImg.slick-current img {
        height: 133px;
        margin-top: 21px;
        width: 133px
    }
    .slick-next, .slick-prev {
        top: 38%
    }
    .footer-area {
        margin-top: -15px;
        padding-top: 155px
    }
    .banner-image .banner-text h3 {
        font-size: 28px;
        line-height: 37px
    }
    .banner-area::before {
        height: 177px
    }
    .banner-area.banner-image {
        height: 660px
    }
    .domain-name-area::after, .domain-name-area::before {
        height: 177px
    }
    .domain-name-area h1 {
        font-size: 24px;
        margin-bottom: 15px
    }
    .domain-name-area {
        padding-bottom: 175px;
        padding-top: 175px
    }
    .box .pricing-area {
        margin-top: -60px
    }
    .box .footer-area::before, .box .signup-area::after, .box .signup-area::before {
        height: 125px
    }
    .box .signup-area {
        padding-bottom: 120px
    }
    .box .domain-name-area {
        padding-top: 210px
    }
    .features-area.features-blue {
        margin-top: 0;
        background-color: #f0f0f0;
        padding-left: 0;
        padding-right: 0
    }
    /* video {
        left: 75%
    } */
}

@media only screen and (min-width:415px) and (max-width:479px) {
    /* video {
        left: 85%
    } */
}

@media (max-width:414px) {
    /* video {
        left: 90%
    } */
}

@media(min-width:1025px) {
    [data-carousel-3d] [data-prev-button] {
        left: -100px!important
    }
    [data-carousel-3d] [data-next-button] {
        right: -100px!important
    }
}

@media(min-width:992px) and (max-width:1024px) {
    [data-carousel-3d] [data-prev-button] {
        left: -50px!important
    }
    [data-carousel-3d] [data-next-button] {
        right: -50px!important
    }
}

@media(min-width:768px) and (max-width:991px) {
    div#users {
        width: 100%!important;
        margin: 0 auto!important
    }
    [data-carousel-3d] [data-prev-button] {
        left: -38px!important
    }
    [data-carousel-3d] [data-next-button] {
        right: -38px!important
    }
}

@media(min-width:585px) and (max-width:767px) {
    [data-carousel-3d] [data-prev-button] {
        left: -50px!important
    }
    [data-carousel-3d] [data-next-button] {
        right: -50px!important
    }
}

@media(min-width:480px) and (max-width:584px) {
    [data-carousel-3d] [data-prev-button] {
        left: -80px!important
    }
    [data-carousel-3d] [data-next-button] {
        right: -80px!important
    }
}

@media(min-width:440px) and (max-width:479px) {
    [data-carousel-3d] [data-prev-button] {
        left: -25px!important
    }
    [data-carousel-3d] [data-next-button] {
        right: -25px!important
    }
}

@media (max-width:439px) {
    div#users .col-md-10.col-md-offset-1 {
        width: 70%!important;
        margin: 0 auto!important
    }
    [data-carousel-3d] [data-prev-button] {
        left: -35px!important
    }
    [data-carousel-3d] [data-next-button] {
        right: -35px!important
    }
}