@media (max-width:1920px) {
    footer img {
        width: 100%;
    }
}

@media (max-width:1075px){
    .form{
        width:350px;
    }
}
@media (max-width:1024px) {
}


@media (max-width: 980px){
    .hero {
        padding-top: inherit;
    }
}

@media (max-width:768px) {

    .container {
        padding: 0 8%;
    }
    header {
        height: 60px;
    }

        header .logo img {
            height: 39px;
        }

        header .container {
            justify-content: space-between;
        }
    .header-right.desktop {
        display: none;
    }
    .nav-mobile {
        display: flex;
    }

    .mobile-btn {
        width: 38px;
        height: 38px;
        padding: 0;
        display: flex;
    }

        .mobile-btn img {
            margin: 0;
        }

    .hamburger-btn {
        margin-left: 10px;
        background: #45235f;
        flex-direction: column;
    }

        .hamburger-btn span {
            width: 22px;
            height: 3px;
            border-radius: 5px;
            background: #fff;
        }

            .hamburger-btn span:not(:last-child) {
                margin-bottom: 3px;
            }

    .hero {
        /*height: calc(100vh - 60px);*/
        min-height: initial;
    }

    .hero-top {
        /*background: url(../images/hero-bg.jpg) no-repeat top center;
        background-size: 100%;
        height: calc(100% - 68px);*/
    }

    .hero-holder {
        height: auto;
    }

    img.hero-mobile {
        width: 114%;
        transform: translateX(-6%);
    }

    .hero-info {
        padding: 0;
        text-align: center;
    }

    .hero-title br {
        display: none;
    }

    .hero-title.anim {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 10px;
    }

    .hero-subtitle {
        margin-bottom: 10px;
        font-size: 17px;
    }

    .hero-info .price-info {
        flex-direction: column;
        align-items: center;
        margin: 0;
        margin-bottom: 10px;
    }

    .hero-info .price-monthly, .hero-info .price-old {
        font-size: 14px;
    }

    .hero-info .price-right {
        font-size: 34px;
    }

    .hero-btns {
        flex-direction: column;
    }

    a.hero-btn {
        width: calc(100vw - 40px);
        height: 49px;
        font-size: 18px;
    }

    .hero-subdetail {
        text-align: left;
    }
    
    .form.desktop{
        display:none;
    }
    .form.mobile {
        position: relative;
        box-shadow: none;
        margin: 0 10px;
        top: 0;
        display: block !important;
    }
    
    .promos .row {
        flex-direction: column;
    }
    
    .promos .row.reverse {
        flex-direction: column-reverse;
    }
    .promos .row.mobile-row {
        flex-direction: row;
    }
        .promos .row .prc40, .promos .row .prc60{
            width:100%;
        }
        .promos .row .pl, .promos .row .pr{
            padding:0;
        }
    .promos .column .text-holder {
        padding: 40px 20px 30px;
        margin: 0 auto;
    }
    .promos .column.left.mobile-center .text-holder {
        text-align: center;
        padding-left: 0;
    }
    .promos .logos.row {
        flex-direction: row;
    }
    .channel-item img {
        max-height: 30px;
        max-width: 80px;
        width: auto;
    }
    a.show-all-btn.mobile {
        height: 52px;
        color: #2f1b46;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        display: flex !important;
        align-items: center;
        justify-content: center;
        background: #fff;
        box-shadow: 5px 6px 10px 0px rgba(0,0,0,0.1);
    }
        .property-box {
            width: 100%;
        }

        .property-box img {
            width: auto !important;
        }

        .property-box .img {
            margin-bottom: 15px;
        }

    .property-title {
        margin-bottom: 5px;
    }

    .packages-title {
        font-size: 25px;
        margin-bottom: 40px;
        letter-spacing: -0.5px;
    }

    .packages-card-holder {
        flex-direction: column;
    }

    .packages-card {
        width: 100%;
        padding: 30px 0 20px;
    }

        .packages-card:not(:last-child) {
            margin-right: 0;
            margin-bottom: 25px;
        }

        .packages-card .package-title {
            font-size: 24px;
            letter-spacing: -0.5px;
        }

        .packages-card .price-monthly, .packages-card .price-old {
            font-size: 14px;
        }

        .packages-card .price-right {
            font-size: 34px;
        }

        .package-middle-holder {
    min-height: initial;
}
        .packages-card .package-prop {
    font-size: 14px;
}

    .devices-holder {
        flex-wrap: wrap;
    }

        .devices-holder img:not(:last-child) {
            margin-right: 20px;
        }

    .devices-title {
        font-size: 25px;
        margin: 30px 0 20px;
    }

    .devices-subtitle {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 20px;
    }

    .devices .devices-btn {
        height: 49px;
        font-size: 18px;
        margin-bottom: 30px;
    }
    a.store-btn {
        height: 44px;
    }
    .promos .logos img {
        max-width: 110px;
    }
    .promos .logos.med img {
        max-width: 90px;
    }
    .promos .logos.small img {
        max-width: 40px;
    }
        a.store-btn:not(:first-child) {
            margin-left: 10px;
        }
    .footer-top-left a {
        font-size: 16px;
        display: block;
    }

    .footer-top-right {
        display: flex;
    }

    .footer-top a:not(:last-child) {
        margin-right: 20px;
    }

    .footer-top-right img {
        height: 25px;
    }

    .footer-bottom {
        flex-direction: column;
        padding: 20px 0;
        height: auto;
        justify-content: flex-start;
        align-items: flex-start;
    }

        .footer-bottom a {
            display: block;
        }

    .footer-bottom-right {
        margin-top: 25px;
    }

        .footer-bottom-right img {
            height: 20px;
        }
    .hero-top {
        background:none !important;
    }
    section.package-list {
        padding-top: 35px;
    }

    

    .packages-holder {
        margin-top: 45px;
        display: block;
    }

    .package-item {
        width: 100%;
    }

        .package-item:nth-child(odd) {
            margin-right: 0;
        }

    .steps .icons {
        width: 45%;
    }

    .steps .info .title {
        font-size: 40px;
        line-height: 42px;
    }
    .no-bill .hero-top .container {
        padding: 0 8%;
    }

    .no-bill .promo-row {
        width: 100%;
    }

    .no-bill .promo-title {
        font-size: 40px;
        line-height: 40px;
    }

    .owl-theme .owl-nav {
        display: none;
    }

    .container.apply-holder {
        bottom: 50px;
    }

}

@media (max-width:767px) {
    .container {
        padding: 0 8%;
    }
    .hero-top, .hero-top .container {
        height: auto;
    }
        .hero-top .bg-img {
            height: 320px;
        }
            .hero-top .bg-img img.mobile {
                object-fit: cover;
            }
    .promo-logo {
        width: 95px;
        margin-bottom: 20px;
    }

        .promo-logo img {
            width: 100%;
        }

    .promo-title {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 25px;
    }

    .promo-title span {
        font-size: 28px;
    }

    .promo-badges.row {
        flex-direction: column;
        position: relative;
    }

    .promo-badge {
        margin-right: 0;
        margin-left:0;
        margin-bottom: 10px;
    }
        .promo-badge .package-logo{
            margin-left:0;
        }

        .promo-badge:not(:last-child) {
            margin-right: 0;
        }
    .promo-info {
        padding-top: 45px;
    }

    .bottom-info-holder {
        padding-bottom: 35px;
    }

        .bottom-info-holder .desc {
            font-size: 20px;
        }
    .hero-bottom .container {
        padding: 0;
    }

    .bottom-info-holder .title, .package-props, .bottom-info-holder .desc {
        padding-left: 20px;
        padding-right: 20px;
    }

    section.channels .wrapper {
        padding: 40px 0;
    }

    .channels .title, .promos .title {
        font-size: 22px;
    }

    .channels .desc, .promos .desc {
        font-size: 14px;
        margin-bottom: 35px;
    }
    .channels-holder{
        transition:all 0.3s ease;
        height:140px;
        overflow:hidden;
    }
        .channels-holder.active{
            height:auto;
        }
        .channel-item {
            width: calc((100% - 40px) / 3);
            height: 55px;
        }

        .channel-item:not(:nth-child(6n)) {
            margin-right: 0;
        }

        .channel-item:not(:nth-child(3n)) {
            margin-right: 20px;
        }
    .bottom-info-holder .title br{
        display:block;
    }
    .promos .logos img:not(:last-child) {
        margin-right: 15px;
    }
    .promos .column.mobile-bottom{
        justify-content:flex-end;
    }
    .container.apply-holder{
        height:37px;
    }
    a.apply-btn {
        font-size: 13px;
        height: 37px;
        padding: 8px 20px;
        right: 30px;
    }
    .desktop {
        display: none !important;
    }
    .mobile {
        display: block !important;
    }
    .mobile-flx{
        display:flex !important;
    }
    .bg-img.mobile-flx img {
        width: 100%;
    }
    .promo-info .splash-title{
        font-size: 42px;
        text-align: center;
    }
    .offer-holder.row.top {
        display: block;
        width: calc(100% - 12px);
        border-radius: 10px;
        -webkit-box-shadow: 10px 10px 30px 1px rgba(0,0,0,0.5);
        -moz-box-shadow: 10px 10px 30px 1px rgba(0,0,0,0.5);
        box-shadow: 10px 10px 30px 1px rgba(0,0,0,0.5);
    }
    .offer-item {
        width: 100%;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .offer-item:hover, .offer-item.active {
        transform: translateY(0);
    }
    .offer-title {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .offer-subtitle {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .offer-info-holder .offer-package-name {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .offer-info-holder .package-price.row.top {
        justify-content: center;
        margin-bottom: 10px;
    }

    .offer-info-holder .package-time, .offer-info-holder .package-price-old {
        font-size:14px;
    }

    .offer-info-holder .price {
        font-size:34px;
    }
    .form {
        width: 95%;
    }

    .bill-form.form.mobile{
        padding: 30px; 
    }

    .package-prop img {
        display: inline-block !important;
        width: 12px !important;
    }

    .owl-theme .owl-nav.disabled + .owl-dots {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: -40px;
    }

    .all-packages .owl-dots {
        bottom: 0px !important;
    }
    
    .owl-theme .owl-dots .owl-dot span {
        width: 38px;
        height: 4px;
        background: #d6d5d8;
    }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #672e85;
    }
    .collapsible .top {
        font-size: 18px;
    }
        .collapsible .top br {
            display: block;
        }
    .collapsible .drawer {
        font-size: 11px;
    }

    .container.packages {
        padding: 0 !important;
    }
    .packages-carousel{
        padding-bottom:20px;
    }
    .packages .title {
        font-size: 29px;
    }
    .package-item {
        padding: 0 20px;
        background: transparent;
        box-shadow: none;
        padding-top: 40%;
    }

    .all-packages .package-item {
        padding-top: 70%;
    }

    .package-Content_1 {
        width: 90%;
        margin: 0 auto;
    }

    .package-item-bg.mobile {
        height: auto;
        width: 100%;
        left: 0;
    }

    .package-content {
        background: #fff;
        width: 100%;
        border-radius: 10px;
        padding: 30px;
        -webkit-box-shadow: 10px 10px 27px 0px rgba(0,0,0,0.25);
        box-shadow: 10px 10px 27px 0px rgba(0,0,0,0.25);
    }
    .package-item .title {
        font-size: 34px;
        line-height: 32px;
    }

    a.btn.package-details-btn {
        width: 100%;
    }
    .packages-carousel .owl-theme .owl-nav.disabled + .owl-dots {
        bottom: 0px;
    }

    .packages-carousel .owl-theme .owl-dots .owl-dot span {
        width: 18px;
    }
    .steps .container {
        padding: 45px 0 35px;
        width: 120%;
        transform: translateX(-20%);
    }

    .steps .info {
        max-width: 200px;
    }

        .steps .info .title {
            font-size: 24px;
            line-height: 24px;
        }

            .steps .info .title img {
                width: 42px;
            }

        .steps .info .desc {
            font-size: 12px;
        }

    .hero-top.bg-family.large {
        height: auto;
    }
    .hero-top.bg-family.large .bg-img {
        height: auto;
    }

    .hero-top .package-props {
        padding: 0 0 20px;
    }
    .hero-top .package-prop {
        letter-spacing: -0.5px;
    }

    .hero-top.bg-family.large .promo-badges.row {
        position:relative;
        bottom: -20px;
    }
    .hero-bottom.seperator {
        height: 40px;
    }


    .no-bill .hero-top, .no-bill .hero-top .bg-img, .no-bill .promo-row {
        height: 210px;
    }
    .no-bill .promo-info, .no-bill .channel-info {
        width: 100%;
    }

    .no-bill .promo-logo {
        width: 122px;
        margin: 0 auto 20px;
    }

    .no-bill .promo-title {
        font-size: 29px;
        line-height: 32px;
    }
    .no-bill-item-holder{
        display:block !important;
    }
    .no-bill-item {
        width: 100%;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }
    .no-bill .bottom-info-holder {
        padding-top: 0;
    }

    .no-bill .owl-carousel .owl-item img {
        width: auto;
    }

    .no-bill .owl-theme .owl-nav.disabled + .owl-dots {
        bottom: 0;
    }

    .no-bill .owl-theme .owl-dots .owl-dot span {
        background: #c2abce;
        width: 8px;
        height: 8px;
    }

    .no-bill .owl-theme .owl-dots .owl-dot.active span, .no-bill .owl-theme .owl-dots .owl-dot:hover span {
        background: #672e85;
    }
    .no-bill.gifts, .no-bill.membership, .no-bill.usage, .no-bill.faq {
        padding: 40px 0;
    }

    .no-bill .container {
        padding: 0 8% !important;
    }


        .no-bill.gifts .title, .no-bill.membership .title, .no-bill.usage .title, .no-bill.faq .title {
            font-size: 24px;
            margin-bottom: 20px;
        }

        .no-bill.gifts .package-props {
            margin: 0;
            padding: 0 0 20px;
        }

    .no-bill .channel-info .bottom {
        position: relative;
        bottom: 0;
        margin-top: 20px;
    }

    .no-bill .channel-row {
        padding: 20px 0;
    }

    .no-bill .channel-package-name {
        font-size: 24px;
    }

    .no-bill .channel-package-price {
        font-size: 18px;
    }
    .no-bill.membership .membership-row.row {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }

    .no-bill.membership .membership-item {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }

    .no-bill.membership .sub {
        width: 100%;
    }
    .no-bill.usage .usage-item {
        padding: 40px 10px 20px;
        margin-top: 40px;
    }

    .no-bill.usage .usage-icon {
        width: 58px;
        height: 58px;
        left: 0;
        right: 0;
        bottom: initial;
        top: -25px;
    }

        .no-bill.usage .usage-icon img {
            max-width: 40px;
        }

    .no-bill.usage .desc {
        font-size: 14px;
    }
    .no-bill.faq .top {
        font-size: 15px;
        padding: 10px 25px 10px 0;
    }
    .no-bill.faq .collapsible .top:after {
        width: 9px;
        height: 9px;
    }

    .prop-sub{
        width:90%;
    }

    section.channels {
        padding: 40px 0;
    }

    .faq {
        width: 90%;
        margin: 0 auto;
        border-radius: 10px;
    }

    .collapsible, .faq-item {
        margin: 0 auto;
        width: 90%;
    }

}
@media (max-width:414px) {

    .promo-badge{
        margin-left: 0 !important;  
    }

    .promo-title {
        font-size: 22px;
        letter-spacing: -1px;
    }
    .promo-title span {
        font-size: 19px;
    }    
}
@media (max-width:320px) {
    .promo-title, .promo-title.narrow {
        font-size: 32px;
    }
    .no-bill .promo-title {
        font-size: 25px;
        letter-spacing: -0.5px;
        line-height: 26px;
    }
    .form{
        width:auto;
    }
}