/*
/*  10. Responsive
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 1410px){
  
    #menu-wrap {
        left: 20px;
    }
    #wrap {
        width: 920px;
        left: 295px;
    }
    #main {
        width: 600px;
    }
    #wrap.no-sidebar #main {
        width: 850px;
    }

}

@media screen and (max-width: 1224px){
    #portfolio .one_fourth {
        width: 33.33333333333333%;
    }    
    #audiojs_wrapper0 {
        float: right;
        margin-right: 10px;
    }    
    #menu-wrap {
        left: 20px;
    }
    #wrap {
        width: 640px;
        left: 295px;
    }
    #main {
        width: 320px;
    }
    #wrap.no-sidebar #main {
        width: 570px;
    }
    .slideshow-sc {
        width: 100% !important;
    }
    .flexslider .slides img {
        display: block;
        max-width: 100%;
    }

    #wrap.has-rightsidebar .woo-shop-bar .woocommerce-result-count, #wrap.has-rightsidebar .woo-shop-bar .woocommerce-ordering {
        float: none;
    }
    #wrap.has-rightsidebar .woo-shop-bar .woocommerce-ordering {
        padding-top: 15px;
    }

    /* Woo Recponsive */
    .woocommerce .has-rightsidebar ul.products li.product, .woocommerce-page .has-rightsidebar ul.products li.product,
    .woocommerce .has-leftsidebar ul.products li.product, .woocommerce-page .has-leftsidebar ul.products li.product {
        float: none !important;
        width: 100% !important;
    }
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2,
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2
    {
        float: none !important;
        width: 100% !important;
    } 
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
        margin-bottom: 30px;    
    }
    .woocommerce #wrap.has-rightsidebar div.product div.images, .woocommerce #wrap.has-rightsidebar #content div.product div.images, .woocommerce-page #wrap.has-rightsidebar div.product div.images, .woocommerce-page #wrap.has-rightsidebar #content div.product div.images,
    .woocommerce #wrap.has-rightsidebar div.product div.summary, .woocommerce #wrap.has-rightsidebar #content div.product div.summary, .woocommerce-page #wrap.has-rightsidebar div.product div.summary, .woocommerce-page #wrap.has-rightsidebar #content div.product div.summary,
    .woocommerce #wrap.has-leftsidebar div.product div.images, .woocommerce #wrap.has-leftsidebar #content div.product div.images, .woocommerce-page #wrap.has-leftsidebar div.product div.images, .woocommerce-page #wrap.has-leftsidebar #content div.product div.images,
    .woocommerce #wrap.has-leftsidebar div.product div.summary, .woocommerce #wrap.has-leftsidebar #content div.product div.summary, .woocommerce-page #wrap.has-leftsidebar div.product div.summary, .woocommerce-page #wrap.has-leftsidebar #content div.product div.summary     
    {
        float: none !important;
        width: 100% !important;
    }   
    #wrap .woo-item-details a.s-button {
        width: 100px;
        text-align: center;
    }
    .woocommerce table.cart td.product-remove, .woocommerce-page table.cart td.product-remove,
    .woocommerce table.cart th.product-remove, .woocommerce-page table.cart th.product-remove 
    .woocommerce table.cart td.product-thumbnail, .woocommerce-page table.cart td.product-thumbnail,
    .woocommerce table.cart th.product-thumbnail, .woocommerce-page table.cart th.product-thumbnail
    {
        display: none;
    }
    .woocommerce table.cart td.product-subtotal, .woocommerce-page table.cart td.product-subtotal {
        padding-right: 0;
        padding-left: 0;
    }  
    #wrap .woocommerce input.checkout-button, #wrap .woocommerce-page input.checkout-button {
        margin-top: 0;
    }
    .woocommerce table.cart td.actions .coupon, .woocommerce #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon {
        padding-bottom: 20px; 
        width: 100%;
    }
 
}

@media screen and (max-width: 998px){
    #mobilepro, 
    .home .social-bookmarks.res-social-bookmarks {
        display: block; 
    }
    #mobile-menu.xactive { 
        dispaly:block !important; 
    }
    #mobile-menu .xpopdrop > ul.sub-menu {
        display: block !important; 
        visibility: visible !important;
        width: 100% !important;
    }    
    .arrow-toggle.menu-toggle,
    .arrow-toggle.entries-toggle, 
    .social-in-homepage,
    #nav {
        display: none;
    }
    .subarrow {
        display: block;
        z-index: 99;
        position: absolute;top: 0;
        right: 0;
        cursor: pointer;
    }
    #menu {
        width: 100%;
    }
    #menu-wrap {
        position: relative;
        margin: 0 auto;
        left: 0;
        width: 708px;
    }
    #wrap {
        width: 708px;
        top: 10px;
        left: 0;
        margin: 0 auto;
    }
    #main {
        width: 390px;
    }
    #logo {
        display: block;
        text-align: center;
    }
    #wrap.no-sidebar #main {
        width: 640px;
    }
    .slideshow-sc {
        width: 100% !important;
    }
    .flexslider .slides img {
        display: block;
        max-width: 100%;
    }
    #filters li {
        padding: 0 5px 0 0;
        margin-bottom: 10px;
        float: left;
    }
    #entries .entry img {
        max-width: 100%;
    }
    #slidecaption {
        right: 50%;
        margin-right: -225px;
        width: 450px;
    }
    #menu-wrap #lang_sel {
        position: absolute;
        top: 1px;
        right: 50%;
        margin-right: -75px;
        z-index: 1000;
    }
    /* Woo Recponsive */    
    .woocommerce #wrap.has-rightsidebar div.product div.images, .woocommerce #wrap.has-rightsidebar #content div.product div.images, .woocommerce-page #wrap.has-rightsidebar div.product div.images, .woocommerce-page #wrap.has-rightsidebar #content div.product div.images,
    .woocommerce #wrap.has-leftsidebar div.product div.images, .woocommerce #wrap.has-leftsidebar #content div.product div.images, .woocommerce-page #wrap.has-leftsidebar div.product div.images, .woocommerce-page #wrap.has-leftsidebar #content div.product div.images
    {
        float: left !important;
        width: 46% !important;
    }      
    .woocommerce #wrap.has-rightsidebar div.product div.summary, .woocommerce #wrap.has-rightsidebar #content div.product div.summary, .woocommerce-page #wrap.has-rightsidebar div.product div.summary, .woocommerce-page #wrap.has-rightsidebar #content div.product div.summary,
    .woocommerce #wrap.has-leftsidebar div.product div.summary, .woocommerce #wrap.has-leftsidebar #content div.product div.summary, .woocommerce-page #wrap.has-leftsidebar div.product div.summary, .woocommerce-page #wrap.has-leftsidebar #content div.product div.summary     
    {
        width: 50% !important;
        float: right !important;
    }

}

@media screen and (max-width: 830px){
    #portfolio .one_fourth {
        width: 50%;
    }    
    #menu-toggle, #entries-toggle, .social-in-homepage {
        display: none;
    }
    #menu-wrap {
        position: relative;
        margin: 0 auto;
        left: 0;
        width: 650px;
    }
    #wrap {
        width: 650px;
        top: 10px;
        left: 0;
        margin: 0 auto;
    }
    #main {
        width: 330px;
    }
    #wrap.no-sidebar #main {
        width: 580px;
    }
    .pricing-block h2.pricing-price {
        font-size: 30px !important;
    }
    .slideshow-sc {
        width: 100% !important;
    }
        #slidecaption {
        right: 50%;
        margin-right: -225px;
        width: 450px;
    }
    .flexslider .slides img {
        display: block;
        max-width: 100%;
    }
    #filters li {
        padding: 0 5px 0 0;
        margin-bottom: 10px;
        float: left;
    }
    #nextslide {margin-right: 17px;}


}

@media screen and (max-width:768px){
    .video-background video {
        display: none !important;
    }
    .poster-img {
        display: block !important;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;     
        background-position: center;
        background-attachment: fixed;
        z-index: -1;
    }    
    #menu-toggle, 
    #entries-toggle, 
    .social-in-homepage {
        display: none !important;
    }
    #sidebar {
        display: block !important;
        width: 500px;
        -webkit-border-top-right-radius: 25px;
        -webkit-border-top-left-radius: 25px;
        -moz-border-radius-topright: 25px;
        -moz-border-radius-topleft: 25px;
        border-top-right-radius: 25px;
        border-top-left-radius: 25px;
    }  
    .search-box .search-field {width: 450px;}
    #searchform #s { width: 95%; }
  
    #menu-wrap {
        position: relative;
        margin: 0 auto;
        left: 0;
        width: 550px;
    }
    #wrap {
        width: 550px;
        top: 10px;
        left: 0;
        margin: 0 auto;
    }
    #main {
        width: 480px;
        margin-bottom: 20px;

    }
    #form-comment .personal-data p {
        width: 94%;
    }
    .pricing-table-3col .pricing-table, .pricing-table-4col .pricing-table, .pricing-table-5col .pricing-table {
        width: 100%;
        margin-bottom: 20px;
    }    
    .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
        margin-right: 0;
        float: none;
        width: 100% !important;
        display: block;
        margin-bottom: 20px;
        word-wrap: break-word;
    }
    #wrap.no-sidebar #main {
        width: 480px;
        margin-bottom: 100px;

    }
        #menu-wrap #lang_sel {
        position: absolute;
        top: 1px;
        right: 50%;
        margin-right: -75px;
        z-index: 1000;
    }

    .pricing-block h2.pricing-title {
        font-size: 16px !important;
    }
    .pricing-block h2.pricing-price {
        font-size: 25px !important;
    }
    .slideshow-sc {
        width: 100% !important;
    }
        #slidecaption {
        right: 50%;
        margin-right: -200px;
        width: 400px;
    }
    .flexslider .slides img {
        display: block;
        max-width: 100%;
    }
    #filters li {
        padding: 0 5px 0 0;
        margin-bottom: 10px;
        float: left;
    }
    #nextslide {margin-right: 17px;}

    #wrap .woo-shop-bar .woocommerce-result-count, #wrap .woo-shop-bar .woocommerce-ordering {
        float: none;
    }
    #wrap .woo-shop-bar .woocommerce-ordering {
        padding-top: 15px;
    }

    /* Woo Recponsive */
    .woocommerce .no-sidebar ul.products li.product, .woocommerce-page .no-sidebar ul.products li.product,
    .woocommerce .has-rightsidebar ul.products li.product, .woocommerce-page .has-rightsidebar ul.products li.product,
    .woocommerce .has-leftsidebar ul.products li.product, .woocommerce-page .has-leftsidebar ul.products li.product {
        float: left !important;
        width: 30.66% !important;
    }
    #wrap .woocommerce input.checkout-button, #wrap .woocommerce-page input.checkout-button {
        margin-top: 10px;
    }

}

@media screen and (max-width:650px){
    #menu-toggle,  #entries-toggle, .social-in-homepage {
        display: none !important;
    }
    #sidebar {
        width: 350px;

    }
    #menu-wrap {
        position: relative;
        margin: 0 auto;
        left: 0;
        width: 404px;
        padding: 20px 0;
    }
    #wrap {
        width: 400px;
        top: 10px;
        left: 0;
        margin: 0 auto;
    }
    #main {
        width: 330px;
        margin-bottom: 20px;

    }
    #wrap.no-sidebar #main {
        width: 330px;
        margin-bottom: 100px;
    }
    #menu-wrap #lang_sel {
        position: absolute;
        top: 1px;
        right: 50%;
        margin-right: -75px;
        z-index: 1000;
    }
    #logo {
        margin-top: 12px;
    }
    .search-box .search-field {width: 300px;}
    #searchform #s { width: 95%; }
    .pricing-table {
        float: none;
    }
    .pricing-table-3col .pricing-table, .pricing-table-4col .pricing-table, .pricing-table-5col .pricing-table {
        width: 100%;
    }
    .slideshow-sc {
        width: 100% !important;
    }
    .flexslider .slides img {
        display: block;
        max-width: 100%;
    }
    .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
        margin-right: 0;
        float: none;
        width: 100%;
        display: block;
        margin-bottom: 20px;
        word-wrap: break-word;
    }
    #breadcrumb {
        position: static;
    }
    #filters li {
        padding: 0 5px 0 0;
        margin-bottom: 10px;
        float: left;
    }
    #related-folio li {
        margin-bottom: 20px;
        display: block;
    }
    #slidecaption {
        right: 50%;
        margin-right: -180px;
        width: 360px;
    }


    #wrap .woo-shop-bar .woocommerce-result-count, #wrap .woo-shop-bar .woocommerce-ordering {
        float: none;
    }
    #wrap .woo-shop-bar .woocommerce-ordering {
        padding-top: 15px;
    }

    /* Woo Recponsive */
    .woocommerce .no-sidebar ul.products li.product, .woocommerce-page .no-sidebar ul.products li.product,
    .woocommerce .has-rightsidebar ul.products li.product, .woocommerce-page .has-rightsidebar ul.products li.product,
    .woocommerce .has-leftsidebar ul.products li.product, .woocommerce-page .has-leftsidebar ul.products li.product {
        float: none !important;
        width: 100% !important;
    }
    .woocommerce table.cart td.product-remove, .woocommerce-page table.cart td.product-remove,
    .woocommerce table.cart th.product-remove, .woocommerce-page table.cart th.product-remove 
    .woocommerce table.cart td.product-thumbnail, .woocommerce-page table.cart td.product-thumbnail,
    .woocommerce table.cart th.product-thumbnail, .woocommerce-page table.cart th.product-thumbnail
    {
        display: none;
    }
    #wrap .woocommerce input.checkout-button, #wrap .woocommerce-page input.checkout-button {
        margin-top: 0;
    }
    .woocommerce table.cart td.actions .coupon, .woocommerce #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon {
        padding-bottom: 20px;   
    }
    .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals,
    .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator
    {
        width: 98% !important;
    }
    .woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images,
    .woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary {
        float: none !important;
        width: 100% !important;
    }
    .woocommerce #wrap.has-rightsidebar div.product div.images, .woocommerce #wrap.has-rightsidebar #content div.product div.images, .woocommerce-page #wrap.has-rightsidebar div.product div.images, .woocommerce-page #wrap.has-rightsidebar #content div.product div.images,
    .woocommerce #wrap.has-rightsidebar div.product div.summary, .woocommerce #wrap.has-rightsidebar #content div.product div.summary, .woocommerce-page #wrap.has-rightsidebar div.product div.summary, .woocommerce-page #wrap.has-rightsidebar #content div.product div.summary,
    .woocommerce #wrap.has-leftsidebar div.product div.images, .woocommerce #wrap.has-leftsidebar #content div.product div.images, .woocommerce-page #wrap.has-leftsidebar div.product div.images, .woocommerce-page #wrap.has-leftsidebar #content div.product div.images,
    .woocommerce #wrap.has-leftsidebar div.product div.summary, .woocommerce #wrap.has-leftsidebar #content div.product div.summary, .woocommerce-page #wrap.has-leftsidebar div.product div.summary, .woocommerce-page #wrap.has-leftsidebar #content div.product div.summary     
    {
        float: none !important;
        width: 100% !important;
    }

    /* prettyPhoto styling for small screens */
    div.pp_pic_holder { width: 100%!important; left: 0!important; overflow: hidden; }
    .pp_content_container .pp_left { padding-left: 0!important; }
    .pp_content_container .pp_right { padding-right: 0!important; }
    .pp_content { width: 100%!important; height: auto!important; }
    #pp_full_res iframe {
        width: 100% !important; height: auto !important;
    }
    .pp_fade { width: 100%!important; height: 100%!important; }
    a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
    #pp_full_res img { width: 100%!important; height: auto!important; }
    .pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
    a.pp_close { right: 10px!important; top: 10px!important; }


}


@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { 
    #menu-toggle,.social-in-page, .social-in-homepage, #slidecaption, #entries-toggle {
        display: none !important;
    }
    .cta-box,.cta-box .cta-text {text-align: center;}
    .cta-box .button, .cta-box .s-button{float:none;margin-bottom: 15px;}

}

@media screen and (max-width: 480px){
    #portfolio .one_fourth {
        width: 100%;
    }      
    #menu-toggle,.social-in-page, .social-in-homepage, #slidecaption, #entries-toggle, .copyright {
        display: none !important;
    }
    #sidebar {
        display: block !important;
        width: 200px;
    }
    .search-box .search-field {width: 150px;}
    #searchform #s { width: 95%; }

    #menu-wrap {
        position: relative;
        margin: 0 auto;
        left: 0;
        width: 250px;
        padding-top:30px;
        padding-bottom: 30px;
    }
    #wrap {
        width: 250px;
        top: 10px;
        left: 0;
        margin: 0 auto;
    }
    #main {
        width: 210px;
        margin-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .no-sidebar #main { margin-bottom: 100px;}
    #wrap a.large {font-size: 16px}
    #entries .pullquote p, #entries .pullquote-right p, #entries .pullquote-left p {
        padding-left: 10px !important;
    }
    .pullquote-right, .pullquote-left , .pullquote{
        background: none;
        width: 100%;
        padding: 0;
    }
    .toggle-head h3, .acc-head h3 {
        font-size: 12px !important;
    }
    #logo img {
        width: 70%;
    }
    #wrap.no-sidebar #main {
        width: 210px;
    }
    .pricing-table {
        float: none;
    }
    .pricing-table-3col .pricing-table, .pricing-table-4col .pricing-table, .pricing-table-5col .pricing-table {
        width: 100%;
    }
    .slideshow-sc {
        width: 100% !important;
    }
    .flexslider .slides img {
        display: block;
        max-width: 100%;
    }
    .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
        margin-right: 0;
        float: none;
        width: 100%;
        margin-bottom: 10px;
        word-wrap: break-word;
    }
    #breadcrumb {
        position: static;
    }
    .cta-box,.cta-box .cta-text {text-align: center;}
    .cta-box .button, .cta-box .s-button{float:none;margin-bottom: 15px;}
    #filters li {
        padding: 0 5px 0 0;
        margin-bottom: 10px;
        float: left;
    }
    #related-folio li {
        margin-bottom: 20px;
        display: block;
    }
    #nextslide {margin-right: 17px;}
    #wrap .woocommerce ul.products li.product, #wrap .woocommerce-page ul.products li.product {
        float: none;
    }

    #wrap #woo-cart {
        background: none;
        padding: 0 0 15px;
        height: auto;
        position: static;
        border-bottom: 1px solid #EEEEEE;        
    } 
    #wrap #woo-cart a {
        display: block;
    }

    #wrap .woo-shop-bar .woocommerce-result-count, #wrap .woo-shop-bar .woocommerce-ordering {
        float: none;
    }
    #wrap .woo-shop-bar .woocommerce-ordering {
        padding-top: 15px;
    }

    /* Woo Recponsive */
    .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
        display: block !important;
        -moz-border-radius: 0  !important;
        -webkit-border-radius: 0  !important;
        border-radius: 0 !important;
        margin: 0 0 0 -5px !important;
        border-bottom: 1px solid #DFDBDF !important;
    }
    .woocommerce table.cart td, .woocommerce-page table.cart td {
        display: block;
        text-align: left;        
    }
    .woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity {
        margin: 0 !important;
    }  
    #wrap .woocommerce input.checkout-button, #wrap .woocommerce-page input.checkout-button {
        margin-top: 15px !important;
    }
    .woocommerce table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text {
        width: 133px !important;
        margin-bottom: 10px !important;
    }  
    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
        width: 97% !important;
        float: none !important;        
    }
    .woocommerce div.product form.cart .button.single_add_to_cart_button, .woocommerce #content div.product form.cart .button.single_add_to_cart_button,
    .woocommerce-page div.product form.cart .button.single_add_to_cart_button, .woocommerce-page #content div.product form.cart .button.single_add_to_cart_button {
        margin-left: 10px;
    }

}