/* ================================================================
   NIINE CSS SECTION
   05-app-social-widgets.css
   App, social, tracker and widget styles
   Extracted in original top-to-bottom order.
   ================================================================ */

.new-video-file video{width: 80%;margin: 0 auto;}

@media only screen and (max-width:1100px) {
    .twitter-container .container {
        max-width: 1000px !important
    }
}

@media only screen and (max-width:1100px),
screen and (max-height:800px) {
    #stories-dots .home .home-slider {
        min-width: 500px;
        min-height: auto !important;
        width: 515px;
        height: auto !important;
        margin: 50px auto;
        right: 4%
    }

    #shop_now_btn {
        display: none
    }
}

@media only screen and (min-width:642px) {
    .insta_feed {
        height: 550px;
        overflow-y: scroll;
        overflow-x: hidden !important
    }

    .insta_feed ::-webkit-scrollbar {
        width: 10px
    }

    .insta_feed ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: #fee100
    }

    .insta_feed ::-webkit-scrollbar-track {
        background-color: #ebebeb;
        -webkit-border-radius: 10px;
        border-radius: 10px
    }

    .or_wave {
        width: 30% !important;
        padding-top: 20px
    }

    .abt_gif {
        width: 100% !important
    }

    #about img {
        width: 100%
    }

    .bg-view {
        font-size: 18px;
        background: #eaeaea;
        padding: 10px 25px;
        font-weight: 700;
        border-radius: 5px
    }

    .app_mockup {
        width: 100%;
        margin-top: -6%
    }

    .you-tube {
        background-size: cover;
        background-repeat: no-repeat;
        height: 300px !important
    }

    .details h1 {
        font-size: 50px !important
    }

    .details .m20 {
        margin-bottom: 20px
    }

    .about-2 {
        margin-top: -2%
    }

    .pr1 {
        margin-top: 33%
    }

    .pr2 {
        margin-top: 3%
    }

    .pr4 {
        margin-top: 33%
    }

    .app-img {
        padding: 30px 22px
    }

    #form-tracker form {
        width: 900px
    }

    #form-tracker form fieldset {
        width: 900px
    }

    #form-tracker form fieldset input {
        width: 500px !important
    }
}

@media only screen and (max-width:640px) {
    .insta_feed {
        height: 450px;
        overflow-y: scroll;
        margin-top: 20px
    }

    #form-tracker form fieldset .icon {
        top: 75px
    }

    #form-tracker form fieldset .icon.right {
        right: -40px
    }

    #forecastCalender .carousel-inner {
        width: 90% !important
    }

    #form-tracker ul.items {
        left: 20px !important;
        margin-top: 8px !important
    }

    #form-tracker form fieldset input {
        width: 180px !important;
        margin-left: 50px !important
    }

    #form-tracker form {
        width: auto
    }