/*	Default Layout (Desktop)    */

.only-tab-large,
.only-tab-small,
.only-phone-large,
.only-phone-small {
    display: none;
}
.only-desktop {
    display: block;
}
.nasdaq-pro .container {
    width: 970px;
}
.top-banner-area {
    height: 470px;
}
.go-premium-content.container {
    width: 1120px;
}
.top-banner-content h1 {
    font-size: 56px;
    margin-bottom: 40px;
}
.go-premium-content h1 {
    font-size: 56px;
    line-height: 58px;
    margin-bottom: 40px;
}
.logo-desktop {
    display: block;
}
.logo-phone {
    display: none;
}
.feature-premium-area {
    padding: 60px 0 50px;
}
.features-set {
    width: 962px;
}
.feature-single {
    width: 477px;
    height: 247px;
    margin: 0 7px 7px 0;
    overflow: hidden;
}
.feature-1 {}
.feature-2 {
    margin-right: 0;
}
.feature-3 {}
.feature-4 {
    margin-right: 0;
}

/* Largh Tablet Layout: 1024px. */

@media only screen and (min-width: 1024px) and (max-width: 1170px) {
    .only-desktop,
    .only-tab-small,
    .only-phone-large,
    .only-phone-small {
        display: none;
    }
    .only-tab-large {
        display: block;
    }
    .nasdaq-pro .container {
        width: 962px;
    }
    .go-premium-content p {
        width: 940px;
    }
    .go-premium-content h5 {
        margin: 0 auto 15px;
        width: 650px;
    }
    .subscribe-premium-content {
        width: 922px;
    }
    .subscription-single {
        height: 305px;
        width: 284px;
    }
    .subscription-popular {
        height: 376px;
        width: 354px;
    }
    .award-area {
        padding: 45px 0 54px;
    }
    .award-title-h1 {
        font-size: 56px;
        line-height: 60px;
        margin: 0 auto 30px;
    }
    .award-details {
        width: 692px;
    }
    .award-single {
        height: 238px;
        padding: 8px 28px;
    }
    .award-one {
        width: 221px;
        padding-left: 15px;
    }
    .award-two {
        width: 240px;
        padding-left: 36px;
    }
    .award-three {
        width: 230px;
        padding-right: 0;
    }
    .award-text {
        margin-bottom: 5px;
        text-align: center;
    }
    .award-text-3 {
        width: 192px;
    }
    .award-one .award-image {
        margin-left: -5px;
    }
    .award-two .award-image {
        margin-left: 0;
    }
    .award-three .award-image {
        margin: -7px 0 0 37px;
    }
}

/* Small Tablet Layout: 700px. */

@media only screen and (min-width: 700px) and (max-width: 1023px) {
    .only-desktop,
    .only-tab-large,
    .only-phone-large,
    .only-phone-small {
        display: none;
    }
    .only-tab-small {
        display: block;
    }
    .nasdaq-pro .container {
        width: 680px;
    }
    .top-banner-area {
        padding-top: 20px;
    }
    .top-banner-content h1 {
        margin-bottom: 45px;
    }
    .top-banner-content h3 {
        font-size: 36px;
        line-height: 38px;
        margin-bottom: 12px;
    }
    .top-banner-content p {
        font-size: 18px;
        line-height: 22px;
        margin: 0 auto 55px;
        max-width: 100%;
    }
    .go-premium-area {
        padding: 45px 0 35px;
    }
    .go-premium-content h1 {
        font-size: 48px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .go-premium-inner,
    .go-premium-content p {
        max-width: 99%;
    }
    .go-premium-content p {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .go-premium-content ul {
        margin: 20px 0 35px;
    }
    .go-premium-content li {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 18px;
        padding-left: 40px;
    }
    .go-premium-content li:before {
        background: url(../images/right-icon-tab.png) no-repeat 0 0;
        width: 24px;
        height: 18px;
        top: 5px;
        left: 2px;
    }
    .go-premium-content h5 {
        font-size: 26px;
        line-height: 30px;
        width: 540px;
        margin: 0 auto;
    }
    .feature-premium-area {
        padding: 40px 0 45px;
    }
    .feature-premium-content h1 {
        font-size: 52px;
        margin-bottom: 25px;
    }
    .features-set {
        width: 678px;
    }
    .feature-single {
        width: 336px;
        height: 173px;
        margin: 0 4px 4px 0;
    }
    .feature-2,
    .feature-4 {
        margin-right: 0;
    }
    .feature-text h4 {
        font-size: 20px;
        line-height: 24px;
    }
    .subscribe-premium-area {
        padding: 45px 0 10px;
    }
    .subscribe-premium-content {
        width: 684px;
    }
    .subscribe-premium-content h1 {
        font-size: 48px;
        margin-bottom: 60px;
        line-height: 50px;
    }
    .subscription-single {
        height: 256px;
        width: 209px;
    }
    .subscription-basic {
        padding-top: 32px;
    }
    .subscription-popular {
        height: 316px;
        width: 265px;
        margin-top: -24px;
    }
    .subscription-title {
        font-size: 25px;
        line-height: 27px;
        margin-bottom: 10px;
    }
    .subscription-text {
        font-size: 15px;
        line-height: 19px;
    }
    .subscription-price {
        font-size: 13px;
        line-height: 15px;
    }
    .subscription-price span {
        font-size: 17px;
        line-height: 19px;
    }
    .subscription-offer-img {
        transform: scale(.82);
        margin-bottom: 8px;
    }
    .subscription-button {
        width: 132px;
        height: 34px;
        font-size: 17px;
        padding-top: 2px;
    }
    .subscription-basic .subscription-text {
        margin-bottom: 52px;
    }
    .subscription-popular .subscription-single-top {
        font-size: 13px;
        line-height: 15px;
        height: 28px;
        margin-bottom: 25px;
        padding-top: 7px;
    }
    .subscription-popular .subscription-text {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .subscription-popular .subscription-price {
        font-size: 14px;
        line-height: 16px;
    }
    .subscription-popular .subscription-price span {
        font-size: 19px;
        line-height: 22px;
    }
    .subscription-best .subscription-single-top {
        font-size: 12px;
        line-height: 15px;
    }
    .subscription-best .subscription-text {
        margin-bottom: 14px;
    }
    .money-back-text {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 15px;
    }
    .subscribe-premium-content h3 {
        font-family: "ProximaNovaA-Regular";
        font-size: 32px;
        line-height: 34px;
        margin-bottom: 32px;
    }
    .award-area {
        padding: 45px 0 54px;
    }
    .award-title-h1 {
        font-size: 48px;
        line-height: 52px;
        margin: 0 auto 30px;
    }
    .award-details {
        width: 692px;
    }
    .award-single {
        height: 238px;
        padding: 8px 28px;
    }
    .award-one {
        width: 221px;
        padding-left: 15px;
    }
    .award-two {
        width: 240px;
        padding-left: 36px;
    }
    .award-three {
        width: 230px;
        padding-right: 0;
    }
    .award-text {
        margin-bottom: 5px;
        text-align: center;
    }
    .award-text-3 {
        width: 192px;
    }
    .award-one .award-image {
        margin-left: -5px;
    }
    .award-two .award-image {
        margin-left: 0;
    }
    .award-three .award-image {
        margin: -7px 0 0 37px;
    }
}

/* Mobile Layout: 320px. */

@media only screen and (max-width: 699px) {
    .only-desktop,
    .only-tab-large,
    .only-tab-small {
        display: none;
    }
    .only-phone-large,
    .only-phone-small {
        display: block;
    }
    .nasdaq-pro .container {
        width: 300px;
    }
    .top-banner-area {
        height: 448px;
        padding-top: 20px;
    }
    .top-banner-content h1 {
        margin-bottom: 30px;
    }
    .logo-desktop {
        display: none;
    }
    .logo-phone {
        display: block;
    }
    .top-banner-content h3 {
        font-size: 30px;
        line-height: 32px;
        margin-bottom: 15px;
    }
    .top-banner-content p {
        font-size: 16px;
        line-height: 19px;
        margin: 0 auto 25px;
        max-width: 100%;
    }
    .subscribe-btn {
        margin-bottom: 5px;
    }
    .top-banner-content p span {
        font-size: 16px;
    }
    .go-premium-area {
        padding: 35px 0 25px;
    }
    .go-premium-content h1 {
        font-size: 48px;
        line-height: 50px;
        margin-bottom: 25px;
    }
    .go-premium-inner,
    .go-premium-content p {
        max-width: 100%;
    }
    .go-premium-content p {
        font-family: 'ProximaNovaA-Semibold';
        font-size: 16px;
        line-height: 22px;
    }
    .go-premium-content ul {
        max-width: 260px;
        margin: 20px 0 25px;
    }
    .go-premium-content li {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
        padding-left: 30px;
        font-family: "ProximaNovaA-Regular", sans-serif;
    }
    .go-premium-content li:before {
        background: url(../images/right-icon-phone.png) no-repeat 0 0;
        width: 18px;
        height: 14px;
        top: 3px;
        left: 2px;
    }
    .go-premium-img {
        margin: 30px 0 10px -10px;
        min-width: 560px !important;
    }
    .go-premium-content h5 {
        font-size: 16px;
        line-height: 20px;
        margin: 0 auto;
        width: 300px;
    }
    .feature-premium-area {
        padding: 30px 0 25px;
    }
    .feature-premium-content h1 {
        font-size: 36px;
        line-height: 38px;
        margin: 0 auto 20px;
        width: 280px;
    }
    .feature-slider img {
        width: 296px;
        margin: 0 auto 15px;
        border: 1px solid #999;
    }

    .features-set h4 {
        font-size: 22px;
        height: 50px;
        overflow: hidden;
        line-height: 26px;
    }
    .feature-title-1,
    .feature-title-3 {
        padding: 0 !important;
    }
    .features-set {
        width: 320px;
        margin: 0 auto;
    }
    .feature-single {
        width: 300px;
        height: 162px;
        margin: 0 0 5px 0;
    }
    .feature-text-1,
    .feature-text-3 {
        background: rgba(60, 161, 231, 0.95);
    }
    .feature-text-2,
    .feature-text-4 {
        background: rgba(51, 136, 196, 0.95);
    }
    .feature-text h4 {
        font-size: 21px;
        line-height: 24px;
    }
    .subscribe-premium-area {
        padding: 35px 0 10px;
    }
    .subscribe-premium-content {
        width: 100%;
    }
    .subscribe-premium-content h1 {
        font-size: 36px;
        line-height: 38px;
        margin: 0 auto 20px;
        width: 310px;
    }
    .subscription-plans {
        padding: 0;
        box-sizing: border-box;
        margin: 0 auto;
    }
    .subscription-single {
        width: 266px;
        height: 316px;
        border-radius: 6px;
        margin: 0 auto 10px;
        box-shadow: 0px 0px 15px #444;
        float: none;
    }
    .subscription-basic {}
    .subscription-popular {}
    .subscription-best {}
    .subscription-title {
        font-size: 26px;
        line-height: 28px;
        margin-bottom: 7px;
    }
    .subscription-text {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 25px;
    }
    .subscription-offer-img {
        margin: 0 auto 15px;
        transform: scale(.85);
    }
    .subscription-price {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 4px;
    }
    .subscription-button {
        font-size: 17px;
        height: 34px;
        padding-top: 2px;
        text-transform: uppercase;
        width: 132px;
    }
    .subscription-popular .subscription-price span {
        font-size: 19px;
        line-height: 22px;
    }
    .subscription-popular .subscription-single-top,
    .subscription-best .subscription-single-top {
        height: 28px;
        font-size: 13px;
        line-height: 15px;
        padding-top: 7px;
        margin-bottom: 22px;
    }
    .subscription-basic .subscription-text {
        margin-bottom: 95px;
    }
    .subscription-best .subscription-text {
        margin-bottom: 55px;
    }
    .money-back-text {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 20px;
    }
    .agreement-text {
        color: #d4d4d4;
        font-family: "ProximaNovaA-Light";
        font-size: 12px;
        line-height: 15px;
    }
    .award-area {
        padding: 35px 0 30px;
    }
    .award-details {
        width: 96%;
    }
    .award-title-h1 {
        font-size: 36px;
        line-height: 38px;
        margin: 0 auto 25px;
        width: 300px;
        color: #fff;
    }
    .award-single {
        width: 100%;
        height: auto;
        border-right: 0;
        margin-bottom: 25px;
        padding: 8px 22px;
    }
    .award-one .award-image {
        margin-top: 25px;
        margin-bottom: 15px;
    }
    .award-two {}
    .award-image {
        width: 100%;
    }
    .award-img {
        margin: 0 auto;
    }
    .award-text {
        width: 100%;
        text-align: center;
    }
    .award-single-h4 {
        color: #fff;
        margin-bottom: 10px;
        font-size: 30px;
        line-height: 34px;
    }
    .award-single-h5 {
        color: #fff;
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 20px;
    }
    .award-two .award-image,
    .award-three .award-image {
        margin-left: 0;
    }
    .feature-slider .slick-next {
        right: 7px;
    }
    .feature-slider .slick-prev {
        left: 7px;
    }
    .feature-slider .slick-next,
    .feature-slider .slick-prev {
        margin-top: 0;
        opacity: 1;
    }
    .feature-slider .slick-next:hover,
    .feature-slider .slick-prev:hover {
        margin-top: 0;
        opacity: .8;
    }
    .subscription-plans,
    .subscription-slider {
        width: 320px;
    }
    .subscription-slider .slick-next {
        right: 9px;
    }
    .subscription-slider .slick-prev {
        left: 9px;
    }
    .subscription-slider .slick-next,
    .subscription-slider .slick-prev {
        margin-top: -10px;
        opacity: 1;
    }
    .subscription-slider .slick-next:hover,
    .subscription-slider .slick-prev:hover {
        opacity: .8;
    }
    .award-details-slider {
        margin-bottom: 15px;
        width: 320px;
    }
    .award-details-slider .slick-next {
        right: 10px;
    }
    .award-details-slider .slick-prev {
        left: 10px;
    }
    .award-details-slider .slick-dots {
        bottom: -10px;
    }
    .award-details-slider .slick-next,
    .award-details-slider .slick-prev {
        margin-top: -90px;
        opacity: 1;
    }
    .award-details-slider .slick-next:hover,
    .award-details-slider .slick-prev:hover {
        opacity: .9;
    }
    .slick-slide:focus {
        outline: none !important;
    }
}

/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 699px) {
    .nasdaq-pro .container {
        width: 460px;
    }
    .top-banner-content h3 {
        font-size: 30px;
        line-height: 32px;
        margin: 0 auto 15px;
        width: 370px;
    }
    .subscribe-premium-area-inner {
        height: 600px;
    }
    .go-premium-content ul {
        max-width: 100%;
    }
    .go-premium-content li {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 699px) {
    .top-banner-area {
        height: 460px;
    }
    .get-start-area {
        display: none;
    }
    .agreement-text.agreement-text.agreement-text.agreement-text {
        font-family: 'ProximaNovaA-Semibold';
        margin-top: 6px;
        font-size: 12px;
    }
}

/*Extra Stylesheets for Responsive Layouts*/

@media only screen and (min-width: 721px) and (max-width: 1060px) {
    .top-banner-area {
        background: url("../images/top-banner-tab.jpg") no-repeat center top;
        background-size: cover;
    }
}
@media only screen and (min-width: 481px) and (max-width: 720px) {
    .top-banner-area {
        background: url("../images/top-banner-tab-small.jpg") no-repeat center top;
        background-size: cover;
    }
}
@media only screen and (max-width: 480px) {
    .top-banner-area {
        background: url("../images/top-banner-phone-small.jpg") no-repeat center top;
        background-size: cover;
    }
}