/* ================================================================
    Author       : Themerox
    Version      : 1.0
=================================================================*/

/**********************************
    Responsive Css
***********************************/

/* Medium desktop :1366px. */
@media (min-width: 1200px) and (max-width: 1680px) {
    /* Bannar Section */
    /*********************************
        Checkout Page
    **********************************/
    h3#order_review_heading {
        padding: 0 30px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1370px) {
    /*Banner Section */
    .rox-add-banner .banner-content .add-title {
        margin: 0 0 0px;
        font-size: 24px;
        line-height: 36px;
    }
    .rox-add-banner .banner-content .add-title {
        font-size: 18px;
        line-height: 26px;
    }
    /* Discount Section */
    .rox-calltoaction h4.cta-subtext {
        font-size: 25px;
        line-height: 36px;
    }
    .rox-calltoaction h2.cta-title {
        font-size: 50px;
        line-height: 62px;
    }
    /* newsletter */
    .mc4wp-form .rox-newsletter [type="email"] {
        padding-right: 68px !important;
    }

}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    /* Banner Section */
    .rox-add-banner .banner-content .add-title {
        margin: 0 0 5px;
        font-size: 18px;
        line-height: 25px;
    }
    .rox-banner-countdown .banner-content .add-title {
        font-size: 28px;
        line-height: 35px;
        margin-bottom: 11px;
    }
    .event-countdown .time-number {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 24px;
    }
    .rox-add-banner .add-price .price {
        font-size: 30px;
    }
    .rox-add-banner .add-price .discount {
        font-size: 18px;
    }
    .rox-banner-countdown .banner-btn {
        padding: 10px 30px;
        min-width: 150px;
    }
    .rox-add-banner .banner-btn {
        padding: 10px 30px;
        min-width: 150px;
        margin-top: 16px;
    }
    .rox-banner-style1 .banner-content .add-subtext {
        font-size: 13px;
    }
    /* Discount Section */
    .rox-calltoaction h2.cta-title {
        font-size: 50px;
        line-height: 60px;
    }
    /* newsletter */
    .mc4wp-form .rox-newsletter [type="email"] {
        padding-right: 68px !important;
    }
    /*************************************
            Cart Page
    **************************************/
    .coupon input#coupon_code {
        width: 125px !important;
    }
    /**********************************
        CheckOut Page
    ***********************************/
    h3#order_review_heading {
        padding-left: 30px !important;
    }

    /*********************************
        Blog Page
    **********************************/
    .post-half .medium-left {
        float: none;
        width: 100% !important;

    }
    /*********************************
        Single Blog page
    **********************************/
    #title-container h3 {
        font-size: 24px !important;
        line-height: 34px !important;
    }
    article.post-grid h3.post-title {
        line-height: 28px !important;
    }
    /*
        Account Page
    */
    .woocommerce-account .addresses .title h3 {
        font-size: 20px;
    }

}
/**********************************
	Tab responsive
***********************************/

@media only screen and (min-width: 768px) and (max-width: 991px) {

    /* Banner Section */
    h2.add-title a {
        font-size: 15px !important;
    }
    h2.add-title {
        line-height: 30px !important;
        margin-bottom: 0px !important;
    }
    .rox-banner-countdown .banner-content .add-title {
        font-size: 25px;
    }
    .rox-add-banner .banner-content .add-title {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 0;
    }
    .rox-banner-countdown .banner-btn {
        padding: 8px 30px;
        min-width: 136px;
        font-size: 16px;
    }
    .rox-add-banner .banner-btn {
        padding: 10px 26px;
        min-width: 154px;
        margin-top: 16px;
    }
    .event-countdown .time-number {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }
    .rox-banner-style1 .banner-content .add-subtext {
        font-size: 13px;
    }
    .rox-add-banner .add-price .price {
        font-size: 25px;
    }
    .rox-add-banner .add-price .discount {
        font-size: 16px;
    }
    .rox-add-banner .banner-content .add-price {
        margin: 0 0 0px;
    }
    /* Newsletter Section */
    .mc4wp-form .rox-newsletter [type="email"] {
        padding-right: 68px !important;
    }
    /* services section */
    .rox-services .services-content {
        display: block;
        text-align: center;
    }
    .rox-services .service-icon {
        margin: auto;
        margin-bottom: 20px;
    }
    .checkout woocommerce-checkout h3#order_review_heading {
        padding: 0 30px !important;
    }
    /**********************************
        CheckOut Page
    ***********************************/
    h3#order_review_heading {
        padding-left: 0px !important;
    }
    /********************************
        Blog Page
    *********************************/
    article.post-grid h3.post-title {
        font-size: 18px !important;
        line-height: 28px !important;
    }
    /*******************************
        Contact Page
    ********************************/
    .single-contact-filed-message {
        margin-top: 10px !important;
    }
    .single-contact-filed input {
        max-width: 100% !important;
    }
    /*
        Footer Area
    */
    .widget_nav_menu {
        margin-bottom: 50px;
    }
    .widget_text {
        margin-bottom: 50px;
    }
    h3.rox_vc_map_overlay_title {
        font-size: 20px;
    }
    .widget-area.main-sidebar {
        margin-top: 27px;
    }
    /******************************
        Shop Page
    *******************************/
    .woocommerce .widget_price_filter .price_slider_amount .button {
        height: 49px;
        margin-left: 10px;
    }
    .price_slider_amount input {
        margin-right: 2px;
    }
    .rox-search-box input {
        max-width: 100% !important;
    }

    /******************************
        Product Details Page
    *******************************/
    .summary.entry-summary {
        margin-top: 25px;
    }
    .single-product.woocommerce div.product .product_title {
        font-size: 25px;
    }
    div#tab-additional_information h2 {
        font-size: 25px !important;
    }
    .single-product #reviews h3 {
        font-size: 25px;
    }
    .woocommerce-Tabs-panel h3 {
        font-size: 25px;
    }
    section.related.products h2 {
        font-size: 25px !important;
    }
    /*
        Account Page
    */
    nav.woocommerce-MyAccount-navigation {
        margin-bottom: 20px;
    }

}

@media only screen and (max-width: 991px) {
    .header-bottom .rox-signup {
        float: none;
    }
    li.header-cart-count.menu-item a:after {
        display: none;
    }
}

/************************************
    SMart Phone Device
**************************************/

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

    /* Banner Images */
    .rox-add-banner .banner-content .add-title {
        margin-bottom: 0;
        font-size: 20px;
    }
    .rox-banner-countdown .banner-btn {
        padding: 7px 30px;
        min-width: 133px;
        margin-top: 20px;
        font-size: 15px;
    }
    .rox-banner-right .banner-content {
        left: 40px;
        right: auto;
    }
    .rox-add-banner .banner-content .add-price {
        margin: 0 0 0px;
    }
    h2.add-title a {
        font-size: 17px !important;
    }
    .rox-banner-style1 .banner-content .add-subtext {
        font-size: 12px;
    }
    .rox-banner-countdown .banner-content .add-title {
        font-size: 23px;
        margin-bottom: 0;
    }
    .event-countdown .time-number {
        width: 50px;
        height: 50px;
    }
    .event-countdown .digit {
        line-height: 50px !important;
        font-size: 20px !important;
    }
    /* Discount Section */
    h4.cta-subtext {
        font-size: 30px !important;
    }
    h2.cta-title {
        font-size: 42px !important;
        line-height: 52px !important;
    }
    .rox-banner-countdown .banner-btn {
        margin-top: 0px;
        padding: 6px 18px;
    }
    .rox-banner-countdown .dash {
        margin-right: 3px !important;
    }
    .rox-add-banner .add-price .price {
        font-size: 27px;
    }
    .rox-add-banner .add-price .discount {
        font-size: 15px;
    }
    .rox-add-banner .banner-btn {
        padding: 6px 30px;
        margin-top: 6px;
    }
    .rox-banner-style2 .banner-content .add-title {
        line-height: 25px;
    }
    /* Newletter Section */
    .mc4wp-form .rox-newsletter [type="email"] {
        padding-right: 66px !important;
    }
    .rox-newsletter-area h3 {
        font-size: 23px;
    }

    /************************************
        Cart Page
     ************************************/
    .coupon button.button[type="submit"] {
        float: left !important;
        width: 100% !important;
        margin-top: 10px;
    }
    .coupon input#coupon_code {
        width: 100% !important;
    }
    .wc-proceed-to-checkout a.checkout-button {
        font-size: 1em !important;
    }
    /**********************************
        CheckOut Page
    ***********************************/
    h3#order_review_heading {
        padding-left: 0px !important;
        font-size: 20px;
    }
    .woocommerce-billing-fields h3 {
        font-size: 20px;
    }
    h3#ship-to-different-address span {
        font-size: 20px !important;
    }
    /*********************************
        Order Details Page
    **********************************/
    .woocommerce ul.order_details li {
        float: left;
        margin-right: 1em;
        margin-bottom: 29px;
    }
    /***********************************
        Blog Page
    ************************************/
    h3.post-title.entry-title {
        line-height: 28px !important;
        font-size: 19px !important;
        margin-bottom: 10px !important;
    }
    .post-half .medium-left {
        float: none;
        width: 100%;
    }
    .post-half .entry-footer {
        display: inherit !important;
        overflow: hidden;
    }
    .entry-footer ul {
        margin-right: 16px !important;
    }
    .read-more {
        display: block !important;
        float: left !important;
        width: 100% !important;
        margin-top: 10px;
    }
    /************************************
            Single Blog Page
    **************************************/
    #title-container h3 {
        color: #3a3a3a;
        font-size: 23px;
    }
    article.post-normal h1.post-title {
        font-size: 20px !important;
        line-height: 28px !important;
    }
    article.post-normal .entry-footer {
        padding-bottom: 30px;
        overflow: hidden;
    }
    .blog time.post-date.updated {
        font-size: 13px !important;
    }
    .entry-meta>a {
        font-size: 13px !important;
    }
    ul.post-categories li a {
        font-size: 13px;
    }
    .read-more a{
        font-size: 13px;
    }
    .single-post article.post-normal {
        border: none !important;
    }
    .pagination.post-pagination .previous {
        margin-bottom: 20px;
    }
    /*
        Contact Page
    */
    .rox_vc_map_overlay {
        left: 0;
    }
    /*
        Footer Area
    */
    .widget_nav_menu {
        margin-bottom: 50px;
    }
    .widget_text {
        margin-bottom: 50px;
    }
    h3.rox_vc_map_overlay_title {
        font-size: 20px;
    }
    .pagination.post-pagination .previous {
        text-align: center !important;
        border-bottom: none !important;
    }
    .previous.col-md-6.col-sm-6 {
        text-align: center !important;
    }
    .next.col-md-6.col-sm-6 {
        text-align: center !important;
    }
    .pagination.post-pagination .next .text {
        margin-right: 0px !important;
    }
    .pagination.post-pagination {
        border-top: 0px solid #e0e0e0 !important;
    }
    .pagination.post-pagination .previous .text {
        margin-left: 0px !important;
    }
    .single-contact-filed-message {
        margin-top: 10px !important;
    }
    /*
        Shope Page
    */
    .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
        float: left;
    }
    .woocommerce .widget_price_filter .price_slider_amount {
        display: block !important;
    }
    .price_slider_amount input {
        margin-bottom: 10px;
    }
    .price_slider_amount input {
        padding: 10px 7px !important;
    }
    .woocommerce .widget_price_filter .price_slider_amount .button {
        margin-top: 10px;
    }
    .widget-area.main-sidebar {
        margin-top: 33px;
    }
    p.woocommerce-result-count {
        width: 100%;
    }
    .rox-search-box input {
        max-width: 100% !important;
    }
    /*
        Single Product Page
    */
    .summary.entry-summary {
        margin-top: 34px;
    }
    .single-product.woocommerce div.product .product_title {
        font-size: 20px;
        margin-bottom: 6px;
    }
    .woocommerce div.product form.cart .button {
        margin-top: 10px;
    }
    .single-product div.product .woocommerce-tabs ul.tabs li a {
        font-weight: 500;
        padding: 10px 6px;
        font-size: 12px;
    }
    .woocommerce-Tabs-panel h3 {
        font-size: 20px;
    }
    div#tab-additional_information h2 {
        font-size: 20px !important;
    }
    section.related.products h2 {
        font-size: 20px !important;
    }
    /*
        Account Page
    */
    nav.woocommerce-MyAccount-navigation {
        margin-bottom: 20px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* Global Section Title */
    .wpb_wrapper h3 {
        font-size: 25px !important;
    }

    /* Service Section */
    .service-description h3 {
        font-size: 20px !important;
    }
    /* Newsletter Section */
    .rox-newsletter-area h3 {
        font-size: 28px;
    }

    /********************************
        Cart Page
    *********************************/
    .coupon button.button[type="submit"] {
        float: left !important;
        width: 100% !important;
        margin-top: 10px;
    }
    /********************************
        Blog Page
    **********************************/
    h3.post-title.entry-title {
        line-height: 31px !important;
        font-size: 21px !important;
        margin-bottom: 10px !important;
    }
    h3.post-title.entry-title {
        font-size: 23px !important;
        line-height: 32px !important;
    }
    .read-more {
        display: inline-block !important;
        float: right !important;
        width: inherit !important;
        margin-top: 0px;
    }
    .blog time.post-date.updated {
        font-size: 14px !important;
    }
    .entry-meta>a {
        font-size: 14 px !important;
    }
    ul.post-categories li a {
        font-size: 14px;
    }
    .read-more a{
        font-size: 13px;
    }

    /*
        Single Blog Page
    */
    #title-container h3 {
        font-size: 28px;
    }
    article.post-normal h1.post-title {
        font-size: 24px !important;
        line-height: 33px !important;
    }
    /*
        Contact Page
    */
    .rox_vc_map_overlay {
        left: 12%;
    }
    /*
        Shop Page
    */
    .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
        float: right;
    }
    .woocommerce .widget_price_filter .price_slider_amount .button {
        margin-top: 0px;
        height: 49px;
        margin-right: 2px;
    }
    .widget-area.main-sidebar {
        margin-top: 27px;
    }
    p.woocommerce-result-count {
        width: inherit;
    }
    /*
        Single Blog Page
    */
    .previous.col-md-6.col-sm-6 {
        text-align: center !important;
    }
    /*
        Product Single Page
    */
    .woocommerce div.product form.cart .button {
        margin-top: 10px;
    }
    .single-product div.product .woocommerce-tabs ul.tabs li a {
        font-weight: 500;
        padding: 10px 14px;
        font-size: 15px;
    }
    .woocommerce div.product form.cart .button {
        margin-top: 0px;
    }

}

/********************************
        Small Devices
*********************************/
@media only screen and (max-width: 767px) {
    .main-header .header-bottom .site-branding.pull-left {
        float: none !important;
        display: inline-block;
    }
    .main-header .header-bottom .site-branding.pull-left .logo {
        display: block !important;
        height: 68px;
        line-height: 68px;
    }
}

@media only screen and (max-width: 480px) {
    .slider-btn {
        padding: 9px 30px !important;
    }
}