// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) {  }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) {  }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) {  }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {  }

$grid-gutter-width: 30px !default;
$grid-gutter-sm: ($grid-gutter-width / 4);

.row-tight { 
    margin-left: -#{$grid-gutter-sm};
    margin-right: -#{$grid-gutter-sm};

    > [class^="col-"],
    > [class*="col-"] {
        padding-left: $grid-gutter-sm; 
        padding-right: $grid-gutter-sm;
    }
}

// iPhone X in landscape 
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) 

{ 
    .episode-end-card .nonstop-show-logo {
        max-width: 100%;
        margin-bottom: 1rem;  
    }

    .nonstop-choice-card-ctas {
        position: inherit;
    }

    .nonstop-show-logo {
        margin-top: 40px;
    }
}


// iPhone 6, 7, & 8 Plus in landscape
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) 

{ 
    .nonstop-card-container {
        max-width: 100%;
        width: auto;
    }

    .nonstop-choice-card-ctas {
        position: inherit;
        width: auto;
    }

    .nonstop-choice-card {
        margin-top: 0;
    }

    .nonstop-card h2 {
        margin-bottom: 2rem;
    }

    .nonstop-show-logo {
        margin-top: 40px;
    }
}

.ns-pr-0 {
    padding-right: 0 !important;
}
.ns-pl-0 {
    padding-left: 0 !important;
}