/******************************************************************************** Media Queries ******************************************************************************* */ @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { pre { background-image: url(../images/large2x/bg_code@2x.png);} blockquote .testimonial_corner { background-image: url(../images/large2x/corner_tw_dark@2x.png);} span.quote_corner { background-image: url(../images/large2x/quote@2x.png);} .styled-select { background-image: url(../images/large2x/select_arrow@2x.png);} .styled-select:hover { background-image: url(../images/large2x/select_arrow_hover@2x.png);} .widget_feedburner input, .widget_mailchimp input[type="text"][type="text"] {background-image: url(../images/large2x/mail_icon@2x.png);} .widget_mailchimp input.mailchimp-name, .widget_mailchimp input.mailchimp-lastname { background-image: url(../images/large2x/name_icon@2x.png);} #commentform input#author { background-image: url(../images/large2x/name_icon@2x.png);} #commentform input#email { background-image: url(../images/large2x/mail_icon@2x.png);} #commentform input#url { background-image: url(../images/large2x/website_icon@2x.png);} label.error { background-image: url(../images/large2x/error@2x.png);} .contact-form input.name, .ox-contact-form input.name { background-image: url(../images/large2x/name_icon@2x.png);} .contact-form input.email, .ox-contact-form input.email { background-image: url(../images/large2x/mail_icon@2x.png);} .contact-form input.url, .ox-contact-form input.url { background-image: url(../images/large2x/website_icon@2x.png);} .widget_contactform input.name { background-image: url(../images/large2x/name_icon@2x.png);} .widget_contactform input.email { background-image: url(../images/large2x/mail_icon@2x.png);} .contact-form input.url, .ox-contact-form input.url { background-image: url(../images/large2x/website_icon@2x.png);} .widget_calendar tfoot #prev a, .widget_calendar tfoot #prev a:hover span, .widget_calendar tfoot #next a, .widget_calendar tfoot #next a:hover span { background-image: url(../images/large2x/pag_sprite@2x.png);} .controls a.prev, .controls a.prev:hover span, .controls a.next, .controls a.next:hover span { background-image: url(../images/large2x/pag_sprite@2x.png);} a.jc-prev span { background-image: url(../images/large2x/js-prev@2x.png);} a.jc-next span { background-image: url(../images/large2x/js-next@2x.png);} a.prev, a.prev:hover span { background-image: url(../images/large2x/pagination_sprite_left@2x.png);} a.next, a.next:hover span { background-image: url(../images/large2x/pagination_sprite_right@2x.png);} .jp-play { background-image: url(../images/large2x/i_play@2x.png);} .jp-pause { background-image: url(../images/large2x/i_pause@2x.png);} .jp-volume { background-image: url(../images/large2x/jp-volume@2x.png);} a.social_links, .widget_social_links a, a.social_links span, .widget_social_links a span { background-image: url(../images/large2x/sprite_socialbuttons@2x.png);} .btn_xlarge b { background-image: url(../images/large2x/btn_xlarge@2x.png);} .ox_notification.notification_mark { background-image: url(../images/large2x/i_successful@2x.png);} .ox_notification.notification_error { background-image: url(../images/large2x/i_errorn@2x.png);} .ox_notification.notification_warning { background-image: url(../images/large2x/i_warning@2x.png);} .ox_notification.notification_info { background-image: url(../images/large2x/i_info@2x.png);} .portfolios_listing .zoom { background-image: url(../images/large2x/zoom@2x.png);} .flex-direction-nav a.flex-prev { background-image: url(../images/large2x/pagination_left@2x.png);} .flex-direction-nav a.flex-next { background-image: url(../images/large2x/pagination_right@2x.png);} .flex-direction-nav a.flex-prev:hover { background-image: url(../images/large2x/pagination_left_hover@2x.png);} .flex-direction-nav a.flex-next:hover { background-image: url(../images/large2x/pagination_right_hover@2x.png);} footer .divider { background-image: url(../images/large2x/divider_light@2x.png);} #stylechanger a.section_toggle{ background-image: url('../images/large2x/bg_preview_toggle@2x.png');} #stylechanger a.section_toggle.active {background-image: url('../images/large2x/bg_preview_toggle@2x.png');} #sreset button { background-image:url('../images/large2x/i_reset@2x.png');} .stoggle { background-image:url('../images/large2x/bg_stoggle@2x.png');} .mediadate { background-image: url(../images/large2x/dotted_light@2x.png);} .portfolios_listing.classic .zoom { background-image: url(../images/large2x/zoom_small@2x.png);} .widget_recent_comments li + li { background-image: url(../images/large2x/dotted_light@2x.png);} span.comments_marker { background-image: url(../images/large2x/comments@2x.png);} .tw_corner { background-image: url(../images/large2x/corner_tw_dark@2x.png);} .widget_calendar caption { background-image: url(../images/large2x/dotted_light@2x.png);} .widget_recent_posts li + li { background-image: url(../images/large2x/dotted_light@2x.png);} .widget_recent_posts .recent_txt p { background-image: url(../images/large2x/date@2x.png);} .widget_popular_posts li + li { background-image: url(../images/large2x/dotted_light@2x.png);} .widget_popular_posts .recent_txt p { background-image: url(../images/large2x/comments@2x.png);} .testimonial .testimonial_corner { background-image: url(../images/large2x/corner_tw_dark@2x.png);} .widget_search #searchsubmit, .widget_product_search input[type="submit"], .jigoshop_product_search #searchsubmit { background-image: url(../images/large2x/searchsubmit@2x.png);} .widget_search #searchsubmit:hover, .widget_product_search input[type="submit"]:hover, .jigoshop_product_search #searchsubmit:hover { background-image: url(../images/large2x/searchsubmit_hover@2x.png);} table.cart td.actions span.update_cart_before { background-image: url(../images/large2x/update_cart@2x.png);} table.cart a.remove,#content table.cart a.remove { background-image: url(../images/large2x/remove@2x.png);} table.cart a.remove,#content table.cart a.remove { background-image: url(../images/large2x/remove@2x.png);} .shopping-cart-wrapper .remove_button { background-image: url(../images/large2x/delete@2x.png);} input.remove, input.remove_button { background-image: url(../images/large2x/remove@2x.png)!important;} table.checkout_cart td.wpsc_product_quantity span.update_cart_before { background-image: url(../images/large2x/update_cart@2x.png);} #footer_widgets .shopping-cart-wrapper .remove_button { background-image: url(../images/large2x/remove@2x.png)!important;} /* woocommerce */ .woocommerce-message { background-image: url(../images/large2x/i_successful@2x.png);} .woocommerce-error { background-image: url(../images/large2x/i_errorn@2x.png);} .woocommerce-info { background-image: url(../images/large2x/i_info@2x.png);} a.add_to_cart_button { background-image: url(../images/large2x/add_to_cart_button@2x.png);} .quantity .plus,#content .quantity .plus { background-image:url(../images/large2x/plus_hover@2x.png);} .quantity .minus,#content .quantity .minus { background-image:url(../images/large2x/minus_hover@2x.png);} #content .quantity .plus { background-image:url(../images/large2x/plus@2x.png);} #content .quantity .plus:hover {background-image:url(../images/large2x/plus_hover@2x.png);} #content .quantity .minus { background-image:url(../images/large2x/minus@2x.png);} #content .quantity .minus:hover {background-image:url(../images/large2x/minus_hover@2x.png);} .star-rating { background-image:url(../images/large2x/star@2x.png);} .star-rating span { background-image:url(../images/large2x/star@2x.png);} p.stars span { background-image:url(../images/large2x/star@2x.png);} p.stars span a:hover,p.stars span a:focus { background-image:url(../images/large2x/star@2x.png);} p.stars span a.active { background-image:url(../images/large2x/star@2x.png);} .widget_shopping_cart .total { background-image:url(../images/large2x/dotted_light@2x.png);} .widget_shopping_cart .buttons { background-image:url(../images/large2x/dotted_light@2x.png);} .addresses .title .edit span { background-image:url(../images/large2x/edit_mark@2x.png);} span.add_to_cart_button { background-image: url(../images/large2x/add_to_cart_button@2x.png);} h3.title_topline_cart { background-image: url(../images/large2x/add_to_cart_button@2x.png);} /* jigoshop */ .jigoshop_message { background-image: url(../images/large2x/i_successful@2x.png);} .jigoshop_error { background-image: url(../images/large2x/i_errorn@2x.png);} .jigoshop_info { background-image: url(../images/large2x/i_info@2x.png);} .jigoshop ul.products li.product a.button { background-image:url(../images/large2x/add_to_cart_button@2x.png);} .jigoshop_cart .total { background-image:url(../images/large2x/dotted_light@2x.png);} .jigoshop_cart .buttons { background-image:url(../images/large2x/dotted_light@2x.png);} /* E-commerce */ .wpsc_product_rating .star a { background-image:transparent url(images/large2x/grey-star@2x.png);} .wpsc_product_rating .star a:hover { background-image:transparent url(images/large2x/gold-star@2x.png);} .wpsc_product_rating .star a.selected { background-image:transparent url(images/large2x/gold-star@2x.png);} #checkout_page_container table.checkout_cart tr.wpsc_coupon_error_row td { background-image: url(images/large2x/error@2x.png);} .widget_wpsc_latest_products li + li { background-image:url(images/large2x/dotted_light@2x.png);} } @media only screen and (min-width: 1440px) { /* Slider */ a.jc-prev { left:10%!important;} a.jc-next { right:10%!important;} } @media only screen and (max-width: 1016px) { #boxed_container {width: 100%;} /* Navigation */ .logo.grid_3 {position:absolute; left:10px; top:0; z-index:1000; margin:0;} .main_menu { display:none;} .styled_mobile_nav {display: block; padding: 33px 0 38px; width:100% !important; margin:0; margin-left:0 !important; margin-right:0 !important;} .main_menu_select { position: absolute; top:0px; right:0; display:block; clear:both; width: 300px; padding: 10px 0 20px; } #menu-icon {width:240px; float:right; margin-top:11px; margin-bottom:0; margin-right:10px;} .mobile-menu {top:20px; overflow:hidden; box-sizing:border-box; padding:0 10px;} .mobile-menu, .mobile-menu li {width:100%; clear:both;} .main_menu_select .styled-select select { width:105.5%;} } /* iPad Smaller than 959px -------------------------------------------------- */ /*@media only screen and (min-width: 768px) and (max-width: 959px) {*/ @media only screen and (min-width: 783px) and (max-width: 976px) { body { min-width: 768px} #boxed_container {width: 748px; padding:0 10px;} #boxed_container > div, #boxed_container > header, #boxed_container > section, #boxed_container > footer {margin-right: -10px; margin-left: -10px;} .row { margin:0 auto; width:768px;} .grid_1 { width: 44px} .grid_2 { width: 108px} .grid_3 { width: 172px} .grid_4 { width: 236px} .grid_5 { width: 300px} .grid_6 { width: 364px} .grid_7 { width: 428px} .grid_8 { width: 492px} .grid_9 { width: 556px} .grid_10 { width: 620px} .grid_11 { width: 684px} .grid_12 { width: 748px} .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { margin-left: 10px; margin-right: 10px; } /* media content 748px */ .grid_12 .one_half { width:364px} .grid_12 .one_third { width:236px} .grid_12 .one_fourth { width:172px} .grid_12 .two_third { width:492px} .grid_12 .three_fourth { width:556px} /* sidebar + media content 556px */ .grid_9 .one_half { width:268px} .grid_9 .one_third { width:172px} .grid_9 .one_fourth { width:124px} .grid_9 .two_third { width:364px} .grid_9 .three_fourth { width:412px} /* Page */ .contact_area > .column_1 { width: 353px; padding-right:20px;} .contact_area > .column_2 { width: 353px; margin-left:0; padding-left:20px;} .contact_area .column_2 .column_2 {margin-left:37px;} /* Form */ input[type="text"], input[type="password"] { width:100%} .contactformWidget input[type="text"] { width:100%} .contactformWidget textarea { width:100%} .styled-select { width:100%} .single-product p.comment-form-author, .single-product p.comment-form-email {float:none;} #commentform input[type="text"] { width:45%} #commentform textarea { width:100%;} /* Slider */ #slide_prev, #slide_next, .tparrows {display: none;} .rev_slider .ox_button {font-size: inherit; line-height: inherit !important; height: auto !important; padding: 8px 12px !important;} .rev_slider .ox_button.btn_line {font-size: inherit !important;} .rev_slider .ox_button.btn_line:before { left:-93px} .rev_slider .ox_button.btn_line:after { right:-93px} .rev_slider .ox_button.btn_line:before, .rev_slider .ox_button.btn_line:after {top:17px; width: 74px !important;} .rev_slider .btn_xlarge b {display: none;} .rev_slider .btn_xlarge span {padding: 10px !important; height: auto !important;} a.jc-prev { left:0!important;} a.jc-next { right:0!important;} .row_wrapper { margin: 0 auto; width: 768px} .bgimage { padding-top: 37px;} #navcycle span {margin-bottom: 18px;} #navcycle { padding-top:20px; padding-bottom:9px; } .jcyclemain .row { width:960px; -webkit-transform : scale(.8); -moz-transform : scale(.8); -o-transform : scale(.8); -ms-transform : scale(.8); transform : scale(.8); -webkit-transform-origin : 0 0; -moz-transform-origin : 0 0; -o-transform-origin :0 0; -ms-transform-origin : 0 0; transform-origin : 0 0; } .jcyclemain .grid_1, .jcyclemain .grid_2, .jcyclemain .grid_3, .jcyclemain .grid_4, .jcyclemain .grid_5, .jcyclemain .grid_6, .jcyclemain .grid_7, .jcyclemain .grid_8, .jcyclemain .grid_9, .jcyclemain .grid_10, .jcyclemain .grid_11, .jcyclemain .grid_12 { display:inline; clear: inherit; float: left; margin-left: 10px; margin-right: 10px; } .jcyclemain .grid_1 { width:60px} .jcyclemain .grid_2 { width:140px} .jcyclemain .grid_3 { width:220px} .jcyclemain .grid_4 { width:300px} .jcyclemain .grid_5 { width:380px} .jcyclemain .grid_6 { width:460px} .jcyclemain .grid_7 { width:540px} .jcyclemain .grid_8 { width:620px} .jcyclemain .grid_9 { width:700px} .jcyclemain .grid_10 { width:780px} .jcyclemain .grid_11 { width:860px} .jcyclemain .grid_12 { width:940px} .jcyclemain .one_half, .jcyclemain .one_third, .jcyclemain .one_fourth, .jcyclemain .two_third, .jcyclemain .three_fourth { float:left; margin-right:20px;clear:none} .jcyclemain .one_half.last, .jcyclemain .one_third.last, .jcyclemain .one_fourth.last, .jcyclemain .two_third.last, .jcyclemain .three_fourth.last { margin-right:0 !important;clear:none } .jcyclemain .grid_12 .one_half { width:460px} .jcyclemain .grid_9 .one_half { width:340px} .jcyclemain .grid_12 .one_third { width:300px} .jcyclemain .grid_9 .one_third { width:220px} .jcyclemain .grid_12 .one_fourth { width:220px} .jcyclemain .grid_9 .one_fourth { width:160px} .jcyclemain .grid_12 .two_third { width:620px} .jcyclemain .grid_9 .two_third { width:460px} .jcyclemain .grid_12 .three_fourth { width:680px} .jcyclemain .grid_9 .three_fourth { width:500px} .flexslider a.flex-prev { left: 23px} .flexslider a.flex-next { right: 23px} /* Content */ .grid_9 .post .wp-post-image { width:94%} .grid_9 .post .blog_2 .wp-post-image { width: inherit} .offer.style_1 .title { font-size: 32px!important;} /* Teaser box */ span.teaser_title { display:inline-block; font-size:34px;} /* Portfolio */ .portfolios_listing.grid_4 { width:233px;} .portfolios_listing.grid_4 .zoom { left:29%;} .grid_9 .portfolios_listing.grid_4 { width:266px;} .grid_9 .portfolios_listing.grid_4 .zoom { left:31%;} .portfolios_listing.classic { clear:none; width:245px; height:245px;} .grid_9 .portfolios_listing.classic { width:274px; height:274px;} /* Shops */ form .col2-set .form-row-first, form .col2-set .form-row-last { float: none; clear:both; } form .col2-set .form-row input.input-text { width:100%;} form .col2-set .form-row .styled-select { width:100%;} form .col2-set .form-row label.hidden { display: none;} form .col2-set .form-row #billing_country_chzn { width:100%!important;} form .col2-set .form-row #billing_state_chzn { width:100%!important;} form .col2-set .form-row #shipping_country_chzn { width:100%!important;} form .col2-set .form-row #shipping_state_chzn { width:100%!important;} .checkout #shiptobilling input[type="checkbox"] { margin:4px 6px 0px 0px;} .checkout #shiptobilling label { display:none;} #billing_state_chosen, #shipping_state_chosen {width:100% !important;} .checkout #shipping_country_chosen, .checkout #billing_country_chosen {width:100% !important;} .wpsc_checkout_table { width:100%} .jigoshop div.product ul.tabs { padding-left:8px} .jigoshop div.product ul.tabs li a { padding: 2px 10px 4px 10px; font-size:16px; } /* Widget */ .grid_4 .widget_portfolio img { width:98px; height: auto;} .grid_3 .widget_portfolio img { width:68px; height: auto;} .grid_3 a.button { padding:0 6px;} #footer_widgets .widget_calendar tbody td { padding: 2px 4px 1px;} #footer_widgets .widget_calendar tbody td a { margin:-2px -4px -1px; padding: 2px 4px 1px;} .widget_recent_posts li .wp-post-image, .widget_popular_posts li .wp-post-image {width:50px; height:auto; } } /* 420px and 300px; -------------------------------------------------- */ @media only screen and (max-width: 782px) { #contentarea .grid_3 {padding-top:40px; display:block;} #menu-icon {width:240px; float:right;} .mobile-menu, .mobile-menu li {width:100%; clear:both; padding:0;} .mobile-menu {top:15px;} .main_menu_select .styled-select select { width:105.5%;} body {min-width: 300px} #boxed_container {} .row { margin:0 auto;} .row .row { margin:0; width:100%; display:inline-block} .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { float: none; clear:both; margin: 0; margin-bottom:10px } .grid_12 .one_half, .grid_12 .one_third, .grid_12 .one_fourth, .grid_12 .two_third, .grid_12 .three_fourth, .grid_9 .one_half, .grid_9 .one_third, .grid_9 .one_fourth, .grid_9 .two_third, .grid_9 .three_fourth { float: none; clear:both; margin: 0; margin-bottom:10px} #pagetitle .grid_5 .one_half, #pagetitle .grid_5 .one_third, #pagetitle .grid_5 .one_fourth, #pagetitle .grid_5 .two_third, #pagetitle .grid_5 .three_fourth {float: none; clear:both; margin: 0; margin-bottom:10px; width:100%;} #pagetitle .grid_5 .one_half.last, #pagetitle .grid_5 .one_third.last, #pagetitle .grid_5 .one_fourth.last, #pagetitle .grid_5 .two_third.last, #pagetitle .grid_5 .three_fourth.last {margin-bottom:0;} div.alignleft, div.alignright { float:none; clear:both;} .contact_area > .column_1 { margin-bottom:25px; width: 100%;} .contact_area > .column_2 { margin-left:0; width: 100%;} .contact_area .column_2 .column_1 { width:40%;} .contact_area .column_2 .column_2 { width:37%; margin-left:8%; padding-left:13%;} #pagetitle { padding:26px 0px 33px!important;} #pagetitle h1 { font-size: 33px!important; /*padding-right:75px;*/} .extratitle { margin-top:21px;} .extratitle ul.pagination { padding-left:0!important;} /* Slider */ .flexslider a.flex-prev { left: 23px} .flexslider a.flex-next { right: 23px} .rev_slider .ox_button {font-size: inherit; line-height: inherit !important; height: auto !important; padding: 4px 6px !important;} .rev_slider .ox_button.btn_line {font-size: inherit !important;} .rev_slider .ox_button.btn_line:before { left:-63px} .rev_slider .ox_button.btn_line:after { right:-63px} .rev_slider .ox_button.btn_line:before, .rev_slider .ox_button.btn_line:after {top:14px; width: 44px !important;} .rev_slider .btn_xlarge b {display: none;} .rev_slider .btn_xlarge span {padding: 7px !important; height: auto !important;} #slide_prev, #slide_next, .tparrows {display: none;} /* Teaser box */ .teaser_box .aligncenter { display:inline-block;} /* Portfolio */ .portfolios_listing.grid_4 { width:480px; margin-bottom:31px;} .portfolios_listing.grid_4 .zoom { left:39%;} .portfolios_listing.grid_3.classic { clear:none; width:236px; height:236px;} .grid_9 .portfolios_listing.grid_4 {width:480px;} .grid_9 .portfolios_listing.grid_4 .zoom { left:39%;} /* Page title */ #pagetitle .grid_7 { clear:none; float:none; width:100%; display:block; margin-bottom:0;} #pagetitle .grid_5.extratitle {clear: none; float:left; width:100%; margin-bottom:0; } #pagetitle .grid_7 + .grid_5 {padding-top:0; margin-top:0;} #pagetitle .grid_5 > div:first-child {padding-top:30px;} /* Form */ input[type="text"], input[type="password"] { width:100%} .contactformWidget input[type="text"] { width:100%} .contactformWidget textarea { width:100%} .styled-select { width:100%} .single-product p.comment-form-author, .single-product p.comment-form-email {float:none;} #commentform input[type="text"] { width:100%} #commentform textarea { width:100%;} /* Shops */ .extratitle .title_shopping_cart_button { margin: 30px 0 0; float:left; } .extratitle .widget_shopping_cart {left:0; top:70px;} .col2-set .col-1, .col2-set .col-2 { clear:both; float:none; width:100%;} .col2-set .col-1 { padding-bottom:18px;} .form-row input.input-text { width:100%;} .cart-collaterals .cart_totals { float:none; width:100%; clear:both;} .cart-collaterals .shipping_calculator { float:none; width:100%; clear:both; } .shipping-calculator-form .form-row input.input-text {width:100%;} ul.products li.product div.alignright { float:right; clear: none;} .product .sku {padding-bottom:10px;} .single-product .grid_9 + .grid_3 {padding-top:40px; display:inline-block;} table.my_account_orders th,table.my_account_orders td { padding:4px 2px; vertical-align:top } table.shop_table.my_account_orders thead th { text-align:left; padding-left:5px;} table.shop_table.my_account_orders thead th.order-shipto { padding-left:5px;} table.shop_table.my_account_orders thead th.order-status { padding-left:5px;} table.shop_table.my_account_orders tbody td { text-align:left; padding-left:5px;} table.shop_table.my_account_orders tbody td.order-shipto { padding-left:5px;} table.shop_table.my_account_orders tbody td.order-status { padding-left:5px;} table.cart td.actions, #content table.cart td.actions { text-align:center;} .jigoshop table.cart td.actions {text-align: right;} table.cart td.actions .coupon, #content table.cart td.actions .coupon { float:none;} table.cart button.update_cart { margin:12px 40px; clear:both;} .wpsc_checkout_table { width:100%} .jigoshop table.cart td.actions .coupon input { margin-bottom:8px} .jigoshop .cart-collaterals .shipping_calculator .col2-set .col-1, .jigoshop .cart-collaterals .shipping_calculator .col2-set .col-2 { width: 47%; clear:none; float:left;} .jigoshop .cart-collaterals .shipping_calculator .col2-set .col-2 { float:right;} /*Woo & shortcode tabs */ .woocommerce-tabs, .tabacc { margin-bottom:47px; border-radius: 0 0 5px 5px; border-bottom: 1px solid #e3e3e3;} .woocommerce-tabs ul.tabs li, .woocommerce_tabs ul.tabs li, .tabacc ul.tabs li {width:478px; padding:5px 0;} .woocommerce-tabs ul.tabs li.description_tab, .woocommerce_tabs ul.tabs li.description_tab {border:1px solid #e3e3e3;} .woocommerce-tabs ul.tabs li.additional_information_tab, .woocommerce_tabs ul.tabs li.additional_information_tab {border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;} .woocommerce-tabs ul.tabs li.reviews_tab, .woocommerce_tabs ul.tabs li.reviews_tab {border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;} .woocommerce-tabs ul.tabs li.active, .woocommerce_tabs ul.tabs li.active, .tabacc ul.tabs li.active {border-bottom:none;} .woocommerce-tabs .panel.entry-content, .woocommerce_tabs .panel.entry-content, .woocommerce-tabs ul.tabs li.active, .woocommerce_tabs ul.tabs li.active, .tabacc .panel.entry-content, .tabacc ul.tabs li.active {border-radius:0;} .woocommerce-tabs .panel.entry-content, .woocommerce_tabs .panel.entry-content, .tabacc .panel.entry-content {margin-bottom:0; border-top:none; padding-top:0;} .tabacc .panel.entry-content {padding-top:15px; float:none; clear:both; width:100%;} .woocommerce-tabs ul.tabs, .tabacc ul.tabs { padding-left:0} .woocommerce-tabs ul.tabs li a, .tabacc ul.tabs li a{ padding: 2px 10px 4px 24px; font-size:16px; border:none; position:relative; padding-left:40px; } .woocommerce-tabs ul.tabs li.active a:before, .tabacc ul.tabs li.active a:before {content: "-"; line-height: 1; text-indent: 7px; background:#3c2e25;} .woocommerce-tabs ul.tabs li a:before, .tabacc ul.tabs li a:before {content: "+"; background: #039fd3;} .woocommerce-tabs ul.tabs li a:before, .tabacc ul.tabs li a:before { border-radius: 10px; display: block; height: 20px; left: 10px; line-height: 1.25; position: absolute; text-indent: 5px; top: 6px; width: 20px; z-index: 1; color: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal;} .woocommerce-tabs ul.tabs .description_tab, .woocommerce-tabs ul.tabs .description_tab.active {border-radius:5px 5px 0 0;} .woocommerce-tabs ul.tabs .reviews_tab {border-radius:0 0 5px 5px} .woocommerce-tabs ul.tabs .reviews_tab.active {border-radius:0} .woocommerce-tabs div#tab-reviews{border-radius:0 0 5px 5px} .tabacc ul.tabs:first-child li, .tabacc ul.tabs:first-child li.active {border-radius:5px 5px 0 0; border: 1px solid #e3e3e3;} .tabacc ul.tabs li {border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;} .tabacc div.panel.entry-content:last-child {border-bottom:none;} .woocommerce-tabs ul.tabs li.active:before, .woocommerce_tabs ul.tabs li.active:before, .woocommerce-tabs ul.tabs li.active:before, .woocommerce-tabs ul.tabs li.active:after, .tabacc ul.tabs li.active:before, .tabacc ul.tabs li.active:after {display:none;} /*Responsive cart tables*/ .product-head {display:block;} .woocommerce table.shop_table.cart {border-spacing:0 !important;} .woocommerce table.shop_table thead, .woocommerce-page table.shop_table thead {display: none;} .woocommerce table.shop_table.cart tr.cart_item td, .woocommerce table.shop_table.cart tr.order td, .woocommerce table.shop_table.my_account_orders tr.cart_item td, .woocommerce table.shop_table.my_account_orders tr.order td { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: auto; padding: 10px 0 12px 140px; position: relative; text-align: left; border-bottom: 1px solid #dcd9d4; border-left:none; line-height:1;} .woocommerce table.shop_table tr.cart_item td.product-remove {border:none; min-height:34px;} .woocommerce table.shop_table tr.cart_item td.product-thumbnail {padding: 0 0 12px; text-align: center; border:none;} .woocommerce table.shop_table tr.cart_item td.product-quantity {padding-top:12px;} .woocommerce table.shop_table tr.cart_item td.product-quantity .quantity {margin:0;} .woocommerce table.shop_table .product-quantity .quantity input {float:left;} .woocommerce table.cart .product-thumbnail a {max-width:97px; margin:0; display:inline-block;} .woocommerce table.shop_table tr td.actions .coupon {float:none; text-align:left;} .woocommerce table.cart td.actions .coupon .input-text {width:133px;} .woocommerce table.shop_table tr td.actions .update_cart, .woocommerce table.cart input.button.checkout-button { clear: both; display: block; float: left; margin: 15px 0 0; } .woocommerce table.cart input.button.checkout-button {margin-top:10px;} .woocommerce table.shop_table tr.cart_item td.product-quantity .product-head {padding-top: 19px;} .woocommerce table.my_account_orders tr.order td.order-actions .product-head {padding-top:20px;} .shipping-calculator-form p {display:block; width:100%;} form .form-row-first, form .form-row-last {float:none;} #billing_state_chosen, #shipping_state_chosen, #shipping_country_chosen, #billing_country_chosen {width:100% !important;} .woocommerce .order_details li, .woocommerce-page .order_details li { border: 0 none; display: block; float: none; margin: 0 0 10px; width: 100%; } /* Single product*/ div.product form.variations_form table.variations td.value {width:100%;} /* e-commerce */ .default_product_display .imagecol.alignleft, .single_product_display .imagecol.alignleft { float: none; clear:both; margin: 0px 0px 18px 0px; width: 100%; } #checkout_page_container table.checkout_cart { font-size:11px!important;} #checkout_page_container table.checkout_cart tr td, #content #checkout_page_container table.checkout_cart tr td, .shopping-cart-wrapper .shoppingcart table tbody td {font-size:11px;} #checkout_page_container table.checkout_cart td img { display: none;} table.checkout_cart td.wpsc_product_quantity input[type="text"] { width:100%; margin-bottom: 5px!important;} /* Footer */ #footer_widgets .grid_3, #footer_widgets .grid_4, #footer_widgets .grid_6 { margin-bottom:20px; display:inline-block;} #copyright .grid_7, #copyright .grid_5 { text-align:center} #copyright .footer_nav { float:none;} #copyright .menu { display:inline-block; position:relative; zoom:1; *display:inline; margin:0 auto; text-align:center;} #copyright .menu li { display:inline-block; float:none; zoom:1; *display:inline;} } /* iPhone (portrait) -------------------------------------------------- */ @media only screen and (min-width: 510px) and (max-width: 782px) { body {min-width: 480px} .row { width: 480px} .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { width: 480px; } .grid_12 .one_half, .grid_12 .one_third, .grid_12 .one_fourth, .grid_12 .two_third, .grid_12 .three_fourth, .grid_9 .one_half, .grid_9 .one_third, .grid_9 .one_fourth, .grid_9 .two_third, .grid_9 .three_fourth { width: 480px} /* Logo */ .logo.grid_3 { max-width:210px; float:left; clear:none; left:0; } /* Navigation */ .header { height: auto; text-align:center; padding:0px 0px 0 0px} .styled_mobile_nav {float:right; width:260px; clear:none;} #menu-icon {width:100px; margin-right:0;} .mobile-menu {top:22px; overflow:hidden; padding:0;} .header .grid_12 { margin-bottom:0} .main_menu { display:none} .main_menu_select { position: relative; clear:both; width: 460px; margin:0 auto; display:block; padding: 10px 0 20px; } .main_menu_select .styled-select select { width:103.5%;} /* Slider */ a.jc-prev, a.jc-next { display:none!important} .row_wrapper {margin: 0 auto;width: 480px} .bgimage {padding-top: 23px!important;} #navcycle span {margin-bottom: 11px!important;} #navcycle { padding-top:13px !important; padding-bottom:6px !important; } .jcyclemain .row { width:960px; -webkit-transform : scale(.5); -moz-transform : scale(.5); -o-transform : scale(.5); -ms-transform : scale(.5); transform : scale(.5); -webkit-transform-origin : 0 0; -moz-transform-origin : 0 0; -o-transform-origin :0 0; -ms-transform-origin : 0 0; transform-origin : 0 0; } .jcyclemain .grid_1, .jcyclemain .grid_2, .jcyclemain .grid_3, .jcyclemain .grid_4, .jcyclemain .grid_5, .jcyclemain .grid_6, .jcyclemain .grid_7, .jcyclemain .grid_8, .jcyclemain .grid_9, .jcyclemain .grid_10, .jcyclemain .grid_11, .jcyclemain .grid_12 { display:inline; clear: inherit!important; float: left!important; margin-left: 10px!important; margin-right: 10px!important; } .jcyclemain .grid_1 { width:60px} .jcyclemain .grid_2 { width:140px} .jcyclemain .grid_3 { width:220px} .jcyclemain .grid_4 { width:300px} .jcyclemain .grid_5 { width:380px} .jcyclemain .grid_6 { width:460px} .jcyclemain .grid_7 { width:540px} .jcyclemain .grid_8 { width:620px} .jcyclemain .grid_9 { width:700px} .jcyclemain .grid_10 { width:780px} .jcyclemain .grid_11 { width:860px} .jcyclemain .grid_12 { width:940px} .jcyclemain .one_half, .jcyclemain .one_third, .jcyclemain .one_fourth, .jcyclemain .two_third, .jcyclemain .three_fourth { float:left; margin-right:20px;clear:none} .jcyclemain .one_half.last, .jcyclemain .one_third.last, .jcyclemain .one_fourth.last, .jcyclemain .two_third.last, .jcyclemain .three_fourth.last { margin-right:0 !important;clear:none } .jcyclemain .grid_12 .one_half { width:460px} .jcyclemain .grid_9 .one_half { width:340px} .jcyclemain .grid_12 .one_third { width:300px} .jcyclemain .grid_9 .one_third { width:220px} .jcyclemain .grid_12 .one_fourth { width:220px} .jcyclemain .grid_9 .one_fourth { width:160px} .jcyclemain .grid_12 .two_third { width:620px} .jcyclemain .grid_9 .two_third { width:460px} .jcyclemain .grid_12 .three_fourth { width:680px} .jcyclemain .grid_9 .three_fourth { width:500px} /* Content */ .blog_2 .img_wrap.alignleft { float:left; clear:none; margin-bottom:0;} /*.blog_2 .img_wrap.alignleft img { width:220px;}*/ .blog_2 .entry-content { display:none} .offer_group .offer { float:none; clear:both} /* Widget */ .widget_portfolio img { width: 85px!important; height: auto; } /* footer Widget Calendar */ .widget_calendar tbody td { padding: 15px 8px 14px; } .widget_calendar tbody td a { margin:-15px -8px -14px; padding: 15px 8px 14px; } /* Shop */ div.product div.images,#content div.product div.images{ width:inherit !important; } div.product div.summary, #content div.product div.summary { float: none; width: 100% !important; clear:both; } .sp_carousel_wrap {max-width: 420px;} .jigoshop div.product ul.tabs { padding-left:8px} .jigoshop div.product ul.tabs li a { padding: 2px 10px 4px 10px; font-size:14px; } /* Top line -------------------------------------------------- */ .topline-content { text-align:center;} .topline-login { clear:none; float:left; width: initial; margin-bottom:5px; padding-top:5px;} .topline_cart { clear:none; float:right; width: initial; margin-bottom:5px;} .title_topline_cart { margin-left:0;} .topline-login a { padding-right:0;} } /* iPhone (landscape) -------------------------------------------------- */ @media only screen and (max-width: 509px) { .single-ox_portfolio #pagetitle h1 {padding-right:0;} body {min-width: 290px} #boxed_container {} .row { width:290px} .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { width:290px; } .grid_12 .one_half, .grid_12 .one_third, .grid_12 .one_fourth, .grid_12 .two_third, .grid_12 .three_fourth, .grid_9 .one_half, .grid_9 .one_third, .grid_9 .one_fourth, .grid_9 .two_third, .grid_9 .three_fourth { width: 290px} /* Logo */ .logo.grid_3 { left: 0; position: absolute; top: 0; z-index: 1000; clear: none; float: left; max-width: 160px; } /* Navigation */ #menu-icon { float: right; height: 36px; padding: 0; text-indent: -9999px; width: 36px; margin-bottom:0; margin-top:7px; margin-right:0; } #menu-icon div {left:13px; top:13px;} .styled_mobile_nav {float:right; margin:0; padding-bottom:39px;} .header { height: auto; text-align:center; padding:0px 0px 0 0px} .header .grid_12 { margin-bottom:0} .main_menu { display:none} .main_menu_select { position: relative; clear:both; width: 290px; margin:10px auto 20px; display:block; overflow: hidden; padding: 0px; border-radius: 3px; } .main_menu_select .styled-select {overflow: hidden;} .main_menu_select .styled-select select { width:105.5%; overflow: hidden;} /* Slider */ a.jc-prev, a.jc-next { display:none!important} .row_wrapper {margin: 0 auto;width: 290px} .bgimage {padding-top: 15px!important;} #navcycle span {margin-bottom: 7px!important; } #navcycle { padding-top:8px !important; padding-bottom:4px !important; } .jcyclemain .row { width:960px; -webkit-transform : scale(.32); -moz-transform : scale(.32); -o-transform : scale(.32); -ms-transform : scale(.32); transform : scale(.32); -webkit-transform-origin : 0 0; -moz-transform-origin : 0 0; -o-transform-origin :0 0; -ms-transform-origin : 0 0; transform-origin : 0 0; } .jcyclemain .grid_1, .jcyclemain .grid_2, .jcyclemain .grid_3, .jcyclemain .grid_4, .jcyclemain .grid_5, .jcyclemain .grid_6, .jcyclemain .grid_7, .jcyclemain .grid_8, .jcyclemain .grid_9, .jcyclemain .grid_10, .jcyclemain .grid_11, .jcyclemain .grid_12 { display:inline; clear: inherit!important; float: left!important; margin-left: 10px!important; margin-right: 10px!important; } .jcyclemain .grid_1 { width:60px} .jcyclemain .grid_2 { width:140px} .jcyclemain .grid_3 { width:220px} .jcyclemain .grid_4 { width:300px} .jcyclemain .grid_5 { width:380px} .jcyclemain .grid_6 { width:460px} .jcyclemain .grid_7 { width:540px} .jcyclemain .grid_8 { width:620px} .jcyclemain .grid_9 { width:700px} .jcyclemain .grid_10 { width:780px} .jcyclemain .grid_11 { width:860px} .jcyclemain .grid_12 { width:940px} .jcyclemain .one_half, .jcyclemain .one_third, .jcyclemain .one_fourth, .jcyclemain .two_third, .jcyclemain .three_fourth { float:left; margin-right:20px;clear:none} .jcyclemain .one_half.last, .jcyclemain .one_third.last, .jcyclemain .one_fourth.last, .jcyclemain .two_third.last, .jcyclemain .three_fourth.last { margin-right:0 !important;clear:none } .jcyclemain .grid_12 .one_half { width:460px} .jcyclemain .grid_9 .one_half { width:340px} .jcyclemain .grid_12 .one_third { width:300px} .jcyclemain .grid_9 .one_third { width:220px} .jcyclemain .grid_12 .one_fourth { width:220px} .jcyclemain .grid_9 .one_fourth { width:160px} .jcyclemain .grid_12 .two_third { width:620px} .jcyclemain .grid_9 .two_third { width:460px} .jcyclemain .grid_12 .three_fourth { width:680px} .jcyclemain .grid_9 .three_fourth { width:500px} /* Form */ #commentform input[type="text"] { width:100%} /* Content */ .blog_2 .img_wrap { float:none; margin:0px 0px 20px 0px; } .blog_2 .entry-content { display:none} .offer_group .offer { float:none; clear:both} img.imgborder, img.wp-post-image, a.cat_img img {margin: 0;} table.ox_table th, table.ox_table td, table.ox_table caption { padding: 7px;} body.single-post h1.entry-title, body.single-post h3#comments, body.single-post h3#reply-title {font-size:23px !important;} /* Portfolio */ .isotope { overflow:inherit!important;} .portfolios_listing.grid_4 { width:290px;} .portfolios_listing.grid_4 .zoom { left:33%;} .grid_9 .portfolios_listing.grid_4 {width:290px;} .grid_9 .portfolios_listing.grid_4 .zoom { left:33%;} .portfolios_listing.grid_3.classic { margin:0 auto 4px; width:290px; height:270px;} .portfolios_listing.grid_3.classic img {padding:0 6px !important;} /* Widget */ .widget { margin-bottom:20px;} .widget_portfolio img { width: 81px!important; height: auto; } #page_title .widget_text { -moz-transform: scale(0.6); -webkit-transform: scale(0.6); -o-transform: scale(0.6); } /* Shop */ .extratitle .title_shopping_cart_button { padding: 10px 0px 0px 44px; font-size: 13px; } .woocommerce-tabs ul.tabs {padding-left:0;} .woocommerce-tabs ul.tabs li, .woocommerce_tabs ul.tabs li, .tabacc ul.tabs li {width:288px;} .col2-set .col-1, .col2-set .col-2 { clear:both; float:none; width:100%;} .col2-set .col-1 { padding-bottom:18px;} form .form-row-first, form .form-row-last { float: none; clear:both;} form .form-row input.input-text { width:100%;} form .form-row .styled-select { width:100%;} form .form-row label.hidden { display: none;} form .form-row #billing_country_chzn { width:100%!important;} form .form-row #billing_state_chzn { width:100%!important;} form .form-row #shipping_country_chzn { width:100%!important;} form .form-row #shipping_state_chzn { width:100%!important;} .checkout #shiptobilling label { display:none;} div.product div.images,#content div.product div.images{ width:inherit !important; } div.product div.summary, #content div.product div.summary { float: none; width: 100% !important; clear:both; } ul.products { } ul.products li.product { text-align: left;} ul.products li.product.first { clear:inherit; margin-left:0;} table.shop_table td { font-size:11px;} table.my_account_orders td {font-size:11px} table.my_account_orders th,table.my_account_orders td { padding:4px 2px; vertical-align:top } table.shop_table.my_account_orders thead th { padding-left:2px;} table.shop_table.my_account_orders thead th.order-shipto { padding-left:2px;} table.shop_table.my_account_orders thead th.order-status { padding-left:2px;} table.shop_table.my_account_orders tbody td { padding-left:2px;} table.shop_table.my_account_orders tbody td.order-status { white-space:normal!important;} table.shop_table.my_account_orders tbody td.order-shipto { padding-left:2px;} table.shop_table.my_account_orders tbody td.order-status { padding-left:2px;} table.my_account_orders a.button + a.button { margin:0;} table.my_account_orders a.button {/* white-space: normal; display:block; text-align:center; clear:both; margin:3px 0; font-size:11px; padding: 0 5px; height:25px; line-height:25px; */} .addresses .title .edit {display:block; margin:0; margin-bottom:20px;} #pagetitle ul.pagination { display: block; margin-top: 20px; margin-bottom:-20px; padding: 0; position: relative; right: 0; text-align: left; top: 0; width: 100%; } .jigoshop.single-product form.cart {margin: 20px 0 0; padding: 22px 0 2px;} .jigoshop.single-product .quantity, .jigoshop.single-product #content .quantity {width:76px;} .jigoshop form { margin:0; padding:0;} .jigoshop #contentarea { padding:30px 0px;} .jigoshop table.shop_table { -moz-transform: scale(0.9); -webkit-transform: scale(0.9); -o-transform: scale(0.9); width:80%; margin-left:-17px; } .jigoshop table.shop_table th { font-size:10px!important;} .jigoshop table.shop_table td { font-size:10px!important;} .jigoshop table.shop_table.cart img { display:none;} .jigoshop table.shop_table.cart td { border:0!important; padding:0!important;} .jigoshop div.product ul.tabs { padding:0} .jigoshop div.product ul.tabs li { float:none; clear:both; margin:0; width:100%;} .jigoshop div.product ul.tabs li.active { border:1px solid #e3e3e3!important;-webkit-border-radius: 4px; -moz-border: 4px; border-radius: 4px;} .jigoshop div.product ul.tabs li:before { display: none;} .jigoshop div.product ul.tabs li:after { display: none;} .jigoshop div.product ul.tabs li a { padding: 2px 10px 4px 10px; font-size:11px; } .jigoshop div.product .panel { margin-top:5px;} .jigoshop .quantity, .jigoshop #content .quantity { width:60px;} #checkout_page_container table.checkout_cart { -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -moz-transform-origin: 0px 0px; -webkit-transform-origin: 0px 0px; -o-transform-origin: 0px 0px; width:100%; margin-bottom:-60px; } /*Blog*/ .postdate.listing_blog{display:none;} .postdate_single.listing_blog {display:block; padding-top:0;} /* Top line -------------------------------------------------- */ .topline-content { text-align:center;} .topline-login { clear:none; float:left; width: initial; margin-bottom:5px;} .topline_cart { clear:none; float:right; width: initial; margin-bottom:5px;} .title_topline_cart { margin-left:0;} .topline-login a { padding-right:0;} } /* @media print -------------------------------------------------- */ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important} a, a:visited { text-decoration: underline} a[href]:after { content: " (" attr(href) ")"} abbr[title]:after { content: " (" attr(title) ")"} .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""} pre, blockquote { border: 1px solid #999; page-break-inside: avoid} thead { display: table-header-group} tr, img { page-break-inside: avoid} img { max-width: 100% !important} @page { margin: 0.5cm} p, h2, h3 { orphans: 3; widows: 3} h2, h3 { page-break-after: avoid} }