/* SMALL LAPTOP */
@media only screen and (max-width: 1500px){  
    .nav3-main-slides.costslide1 {
        background: url(/wp-content/themes/thirteennumbersaustralia/nav3/images/pages/cost-explain/cost-explain1300-banner-laptop-min.png) no-repeat center center / cover;
    }
    .costslide1 .banner-info-con h2 {
        font-size: 40px;
    }
}

@media screen and (max-width:1330px) and (min-width:1024px) {
    .nav3-main-banner .nav3-main-slides.costslide1 .nav3-banner-caption {
        width: 55%;
    }
    .costslide1 .banner-info-con h2 {
        line-height: 45px;
    }
}

/* START TABLET */
@media only screen and (max-width:1023px) {
    .nav3-main-slides.costslide1 {
        background: url(/wp-content/themes/thirteennumbersaustralia/nav3/images/pages/cost-explain/cost-explain1300-banner-tablet-min.png) no-repeat center center / cover;
    }
     .costslide1 .banner-info-con .headline {
        font-size: 20px;  
    }
    .costslide1 .banner-info-con h2 {
        font-size: 32px;
        line-height: 42px;
    }
    .na1300-section.two-columns-image-desc {
        padding: 50px 0;
    }
    .na1300-section.--break {
        padding: 50px 0px;
    }
    .na1300-section.--free {
        padding: 50px 0px;
    }
    .na1300-section.--charged {
        padding: 50px 0px;
    }
    .na1300-section.--charged .nav3-btn {
        margin: 0 auto;
    }
    .na1300-section.--bottom-cta {
        padding: 50px 0px;
    }
    .na1300-section.--bottom-cta .na1300-whole-info-con {
        display: block;
    }
    .na1300-section.--bottom-cta .na1300-wrap .buttons-con {
        margin:20px auto 0;
    }
    .na1300-section.--bottom-cta .na1300-whole-info-con h2 {
        text-align: center;
        margin: 0px auto;
    }

}

/* MOBILE */
@media only screen and (max-width:550px) {
    .nav3-main-slides.costslide1 {
        background: url(/wp-content/themes/thirteennumbersaustralia/nav3/images/pages/cost-explain/cost-explain1300-banner-mobile-min.png) no-repeat center center / cover;
    }
    .nav3-main-banner .nav3-main-slides.costslide1 .nav3-banner-caption, 
    .nav3-main-banner .nav3-main-slides.costslide1 .nav3-banner-content {
        width: 100%; 
    }
    .nav3-main-slides.costslide1 .banner-info-con {
        padding-top: 60%;
    }
    .nav3-main-banner .nav3-main-slides.costslide1 .nav3-banner-content._left{
        justify-content: center;
    }
    .costslide1 .banner-info-con h2 {
        line-height: 27px;
        font-size: 23px;
        text-align: center;
    }
    .costslide1 .banner-info-con .headline {
        margin: 0 auto;
        text-align: center;
    }
    .costslide1 .banner-info-con .buttons-con .signup-btn {
        width: 100%;
        font-size: 13px;
    }  
    .costslide1 .banner-info-con .buttons-con .text-btn {
        width: 100%;
        font-size: 13px;
        margin-left: 10px;
    }
    .na1300-info-con .na1300-info-bin h3 {
        font-size: 20px;
        line-height:30px;
    }
    .na1300-section.two-columns-image-desc .na1300-info-con .na1300-info-bin h2 {
        font-size: 20px;
    }
    .na1300-section.--break .na1300-wrap .headline {
        width: 80%;
        margin: 0 auto 20px;
    }
    .na1300-section.--free .na1300-wrap .headline {
        width: 80%;
        margin: 0 auto 20px;
    }
    .na1300-section.--charged .na1300-wrap .headline {
        width: 80%;
        margin: 0 auto 20px;
    }
}

@media only screen and (max-width:320px) {

    .nav3-main-slides.costslide1 .banner-info-con {
        padding-top: 65%;
    }
    .costslide1 .banner-info-con .headline {
        font-size: 18px;
    }
    .costslide1 .banner-info-con h2 {
        font-size: 20px;
    }
}