@media (min-width:992px) and (max-width:1200px) {
    #sub_content h1 {
        font-size: 50px
    }
}

@media (max-width:1024px) {
    .promo_full {
        background-attachment: scroll
    }
}

@media (min-width:768px) and (max-width:1200px) {
    a#view_all {
        height: 288px
    }

    .plan-tall+.plan {
        border: 1px solid #ddd
    }

    .plan-tall {
        margin-right: 0
    }

    .col-md-4.plan:first-child {
        margin-right: 0;
        margin-left: 0;
        border-right: solid #ddd 1px
    }
}

@media (max-width:991px) {
    ul#access_top {
        margin-right: 45px
    }

    #sub_content {
        padding: 0 60px
    }

    #sub_content h1 {
        font-size: 42px
    }

    header {
        padding: 5px 10px 15px
    }
}

@media (max-width:768px) {
    #sub_content h1 {
        font-size: 42px
    }

    #hero_video {
        background: url(../img/sub_header_home.jpg) center center #333;
        background-size: cover
    }

    .header-video {
        background: 0 0
    }

    a#view_all {
        height: 100px
    }

    input.form-control#email_newsletter {
        width: 80%;
        margin: auto auto 15px
    }

    #feat {
        padding: 60px 0 30px;
        background-image: none
    }
}

@media (max-width:767px) {
    header {
        padding: 5px 0 15px
    }

    #logo img {
        height: 45px
    }

    h1.main_title,
    h2.main_title {
        font-size: 32px
    }

    h1.main_title span,
    h2.main_title span {
        font-size: 18px
    }

    h3.main_title {
        font-size: 26px;
        margin-bottom: 30px
    }

    h3.main_title span,
    p.lead.styled {
        font-size: 16px
    }

    .promo_full_wp div h3 {
        font-size: 28px
    }

    .promo_full_wp div h3 span {
        font-size: 16px
    }

    #hero_video>div {
        padding: 60px 20px 0
    }

    #hero_video #sub_content .mobile_fix {
        background-color: rgba(0, 0, 0, .8);
        display: inline-block;
        padding: 15px 20px;
        font-size: 14px
    }

    #hero_video #sub_content .mobile_fix h1 {
        margin: 0;
        font-size: 28px
    }

    footer {
        padding: 30px 0 0
    }

    #newsletter_container h3 {
        font-size: 26px;
        margin: 0 0 20px
    }

    #sub_content_in {
        padding: 45px 30px 0
    }

    .margin_60,
    .margin_60_35 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .table.cart-list,
    .table.cart-list tbody,
    .table.cart-list td,
    .table.cart-list th,
    .table.cart-list thead,
    .table.cart-list tr {
        display: block;
        border: 0
    }

    .table.cart-list thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .table.cart-list tr {
        border: 1px solid #ccc
    }

    .table.cart-list td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%
    }

    .table.cart-list td:before {
        position: absolute;
        top: 12px;
        left: 12px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap
    }

    .pic,
    .pic h4 {
        position: static
    }

    .table.cart-list td:nth-of-type(1):before {
        content: "Item";
        font-weight: 700;
        color: #111
    }

    .table.cart-list td:nth-of-type(2):before {
        content: "Discount";
        font-weight: 700;
        color: #111
    }

    .table.cart-list td:nth-of-type(3):before {
        content: "Total";
        font-weight: 700;
        color: #111
    }

    .table.cart-list td:nth-of-type(4):before {
        content: "Actions";
        font-weight: 700;
        color: #111
    }

    .thumb_cart {
        display: none
    }

    .pic,
    .promo_full_wp,
    .promo_full_wp>div {
        display: block
    }

    .item_cart {
        margin-top: 5px
    }

    td.options {
        text-align: left !important
    }

    .margin_30 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .add_bottom_60 {
        margin-bottom: 30px
    }

    .box_overlay {
        padding: 25px;
        text-align: center
    }

    .pic {
        margin-bottom: 25px;
        width: 100%
    }

    .pic figure {
        margin: auto
    }

    .comment {
        border-left: none;
        padding-left: 0;
        padding-top: 30px
    }

    .col-md-4.plan:first-child,
    .col-md-4.plan:last-child {
        margin-right: 0;
        margin-left: 0;
        border-width: 1px;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .plan-tall+.plan {
        border: solid #ddd
    }

    .plan-tall {
        margin-right: 0
    }

    .search-overlay-menu form {
        width: 80%;
        left: 10%;
        height: 50px;
        margin: -25px auto 0
    }

    .search-overlay-menu input[type=search] {
        font-size: 26px
    }

    .search-overlay-menu form button {
        font-size: 2rem;
        top: 10px
    }

    ul#access_top li a.search-overlay-menu-btn {
        margin-left: -5px;
        top: 2px;
        margin-right: -20px
    }
}

@media (max-width:480px) {
    .header-video {
        height: 320px !important
    }

    h1.main_title,
    h2.main_title {
        font-size: 28px
    }

    h1.main_title span,
    h2.main_title span {
        font-size: 18px
    }

    footer {
        padding: 30px 0 0
    }

    #sub_content_in {
        padding: 45px 20px 0
    }

    #sub_content_in h1 {
        font-size: 26px
    }

    #sub_content p,
    #sub_content_in p,
    p.lead.styled {
        font-size: 16px
    }

    .popup-form {
        width: 90%;
        max-width: 375px;
        margin: 0 auto
    }

    ul#course_info li {
        display: block;
        margin-right: 0;
        margin-bottom: 3px
    }

    ul#course_info li:last-child {
        float: none
    }

    .indent_title_in {
        padding-left: 0;
        margin-bottom: 20px
    }

    .indent_title_in i {
        font-size: 35px;
        position: static;
        margin-bottom: 20px;
        display: inline-block
    }

    .wrapper_indent {
        padding-left: 0
    }
}