/* Mobile CSS - DesignGroop 2015/16 */ /* Set max-widths */ #header_mobile, #top_panel_carousel_mobile, .mobile_hide{ display: none; } /*@media screen and (max-width: 480px) and (max-device-width: 480px){*/ @media screen and (max-width: 495px) { /*--- iPhone only CSS here ---*/ .payment-option { display: block !important; width: 100% !important; } h2.result_product_title, h2.result_product_title a {color: #595959!important; } .breadcrumb-new li a { width: 60px !important; height: 26px !important; font-size: 12px !important; margin-right: 0px !important; } .mobile_hide { display: inline-block; } .not_mobile { display: none; } body { background-color: #ffffff; } body, table, img, td, div, object, iframe, table.main table { max-width: 100% !important; } .inner_wrap { width: 100%; display: inline-block !important; } table.content div { max-width: 97% !important; } table.infoBox { width: 100%; } img { height: auto !important; } .intro img { max-width: 280px !important; float: none !important; } .cat_block img { max-width: 300px !important; float: none !important; } table.content td:nth-of-type(1), table.content td:nth-of-type(3), #order_by_po, #content_left_column { display: none; } #content_centre_column { width: 100%; } #content_centre_column_full { width: 100%; } table.content table td, .productListing td{ display: inline-block !important; } .productListing td { margin: 4px auto 4px auto; width: 98%; text-align: center; } .result_row { border: 2px solid #DDD; margin-bottom: 8px !important; } .productListing tr:nth-child(1) { display: none; } .productListing-data table tr:nth-child(1) { display: inline-block; } .productListing-heading { display: none; } table.review_table { width: 100%; } table.review_table td { text-align: center; } td.categories { width: 44% !important; margin-left: 0px; } .prod_list_price_break_panel {margin-left: 50px !important; margin-top: -4px; } #voip_wrap, .central_block, #featured, .front_products, div.tabContent, #tab_mans { width: 100% !important; max-width: 100% !important; } .ui-tabs .ui-tabs-panel { padding: 2px !important; max-width: 96% !important; } .voip_services_main, .span8 { width:96% !important; } table.content table { width: 100% } /* Home Page */ #category_wrap li { display: inline-block !important; width: 31% !important; border: 2px solid #BCBCBC; } .category h2 { width: 100%; font-size: 11px; display: block !important; border: none !important; } .category { text-align: center; } .category img, .category h2 { float: none !important; clear: both; } .category img { margin-right: auto; margin-left: auto; } #category_wrap li { height: 90px; float: none !important; vertical-align: top; padding-top: 10px; } #maintable { border: none !important; } .prod_list_price_break_panel { right: 0; margin-right: 35px; margin-top: -70px; } #front_products_featured { display: none; } .front_products_thumb { height: 98px; width: 141px; border: 2px solid #BCBCBC; vertical-align: top; } #featured_head { background-image: none !important; color: #333; } #featured_body { vertical-align: top; } .front_products_thumb { float: none !important; } .front_products_thumb img { width: 80px; height: auto; } .front_products_item { width: 48%; display: inline-block; clear: none !important; float: none !important; height: auto !important; text-align: center; vertical-align: top; } .front_products_item:nth-child(1),.front_products_item:nth-child(3) { margin-right: 8px; } .front_products_info { background-color: #E6E6E6; float: none !important; width: 148px; min-height: 80px; text-align: center; } .front_products_title, .front_products_title img, .front_products_title strong { float: none !important; } .front_products_title { width: 100%; border-bottom: none !important; height: 30px; } .front_products_title img { display: none; } #link_tabs, #tabs_man { display: none; } .front_products_price { display: block; background-color: #FC803B; padding: 6px; color: #fff; width: 80%; margin-right: auto; margin-left: auto; } #top_panel_carousel_mobile { display: block; } #top_panel_carousel_mobile ul, #top_panel_carousel_mobile li, #top_panel_carousel_mobile .bx-wrapper, #top_panel_carousel_mobile .bx-viewport{ margin: 0px !important; padding: 0px !important; } .bx-wrapper .bx-viewport{ box-shadow: none !important; } #top_panel_carousel_mobile li{ display: none } #home_content_area { max-width: 96% !important; } .containerhp { max-width 96% !important; } .col-md-2, .col-sm-2a, .col-sm-8 { width: 100% !important; } .bannerside1 a img, .bannerside2 a img, .bannerside3 a img, .bannerside4 a img, .bannerside5 a img, .bannerside6 a img { width: 100% !important; } /* Header Area & Menu */ #header_area, #header_logos, #header_bar, .footer_bar_inner, .footer_bar, #footer, .link_tabs, #top_panel_carousel_front, .central_block h1 { display: none !important; } #header_mobile { display: inline-block; width: 100%; background-color: #FC803B; color: #fff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } #mobile_menu_icon, #mobile_basket, #mobile_user, #mobile_search_icon { text-align: center; min-width: 60px;} #mobile_menu_icon span{ font-size: 30px; line-height: 32px; color: #ffffff !important; } #mobile_menu_icon:hover,#mobile_search_icon:hover { cursor: pointer; } #mobile_user, #mobile_basket { width: 60px; margin-right: 0px; margin-left: 10px; } #mobile_menu_icon img{ width: 30px; margin-top: 4px; margin-bottom: 2px; } #mobile_user img{ width: 24px; height: auto; } #mobile_basket img{ width:28px; height: auto; } #mobile_search_icon img{ width: 24px; height: auto; } #header_mobile span { display: inline-block; } #header_mobile_left, #header_mobile_right { width: 49%; } #header_mobile_right { text-align: right; } #mobile_logo, #mobile_search { background-color: #fff; text-align: center; } #mobile_logo img { width: 200px; margin-top: 10px; } #mobile_search input { background-color: #E4E4E4; margin: 10px; border: 1px solid #D1D1D1; padding: 10px; width: 80%; } #mobile_cat_menu li { display: inline-block; list-style: none; border: 1px solid #BCBCBC; border-radius: 4px; padding: 8px; margin: 6px; background-color: #fff; width: 40%;} #mobile_cat_menu ul { margin: 0px; padding: 0px; background-color: #FAFAFA; } #mobile_cat_menu { background-color: #ffffff; border-bottom: 1px #DFDFDF solid; box-shadow: 0px 3px 3px 0px #BEBEBE; margin-bottom: 10px;} img[src*="pixel_trans"] { display: none; } /* Added for Wordpress line height adjutments */ .et_divi_theme #header_mobile {line-height: 1em;} /* Footer */ #mobile_footer_brands { padding: 0px; margin: 4px 0px 8px 0px; } #mobile_footer_brands li { padding: 0px; margin: 0px; } #mobile_footer_brands li { list-style: none; display: inline-block; } #mobile_footer_brands li img { width: 100px; height: auto; max-height: 50px; padding: 0px 6px 0px 6px; } #mobile_footer_lower {width: 100%; background-color: #FC803B;/*#F60;*/ height: 95px; color: #ffffff; text-align: center !important} #mobile_footer_lower_left { width: 80%; text-align: center; display: inline-block; margin: 15px auto 0 auto;} #mobile_ssl { padding: 8px 0px 8px 0px; background-color: #FC803B; width: 100%; } .brand_hidden { display: none; } #see_all_brands { color: #FC803B;/*#F60*/ font-weight: bold } #see_all_brands:hover { text-decoration: underline; cursor: pointer; } #mobile_footer_links{ margin: 10px 0 0 0; padding: 0; background-color: #3C3C3C; font-size: 14px;} #mobile_footer_links ul{ margin: 0; padding: 7px; list-style-type: none;text-align: center !important} #mobile_footer_links li{ margin: 0; padding-top: 5px; list-style: none; } #mobile_footer_links a{ color: #ffffff; } /* Product Specific */ .voip-notification, .information { width: 90% !important; max-width: 70% !important; } td.product_options_column, #product_option_menu, .deliverytr, #like_buttons, #brand_info, #sku_info, #price_match { display: none !important; } .product_price_column { display: inline-block !important; width: 100% !important; vertical-align: top; } .product_image_column { padding-bottom: 10px; text-align: center !important; width: 100%; } /*.product_price_column div, table.content td.product_price_column div { text-align: center !important; width: 49% !important; display: inline-block; }*/ .product_price_column div, table.content td.product_price_column div { text-align: center !important; float: none !important; } input[src*="add_to_cart"] { margin-left: 100px; margin-right: auto; } h1 span[itemprop="name"] { color: #fd7a20; font-weight: normal; font-size: 14px; } span[itemtype="http://schema.org/Product"] h1{ border: none !important; } #main_image { border: 1px solid #eeeeee; margin-bottom: 10px; } .prod_thumb_inner { border-color: #eeeeee !important; } .availability_table { margin-right: auto; margin-left: auto; } .availability_td_status { width: 190px; } /*div.qpb, div.trade_text, div#product_quote_link { width: 49% !important; display: inline-block; }*/ span[itemtype="http://schema.org/Product"] img { max-width: 290px !important; } object[type="application/x-shockwave-flash"], #product_quote_link, .trade_text { display: none !important; } td.product_image_column table td.main { width: 100% !important; } .product_buy_button { width: 100% !important; margin: 10px 0px 10px 0px; } #price_breaks_panel { display: inline-block; width: 160px; vertical-align: top;} #price_area { margin-right: 4px; } #price_area, #product_quantity_area { width: 280px !important; max-width: 280px !important; display: inline-block; vertical-align: top; } #product_quantity_area, #basket_quantity, #price_area div { text-align: right } #price_area div{ max-width: 300px !important; } #product_currency_area { width: 160px !important; vertical-align: top; padding-top: 4px;} #product_currency_area div { vertical-align: top; } #product_currency_area div { width: 49% !important; display: inline-block !important; } .voip_products_table, .voip_info_table { width: 400px !important; } /* Cart Page */ td.shipping_method { width: 240px !important; } img[src*="button_checkout"] { margin: 4px auto 4px 80px; } form[name="cart_quantity"] table table.infoBox td.main { width: 260px !important; text-align: right !important; } /* Create Account */ #customer_registration_information table td, #customer_registration_information table tr, #customer_registration_information table { display: inline-block !important; } #customer_registration_information { max-width: 100% !important; } .divider { width: 90% !important; } #password_info_table td { min-width: 100px !important; } #password_info_table td div#password_notes { width: auto !important; } #password_strength { margin: 0px auto 0px auto !important; } #password_notes { margin: 4px 0px 0px 0px !important; } form[name="login"] * { float: none !important; } form[name="login"] table { width: 100% !important; } form[name="login"] table td{ min-width: 30% !important; } table.infoBoxContents, .infoBoxContents tr, .infoBoxContents td { display: inline-block !important; } .infoBoxHeading { height: auto !important; } /* Login Page */ /*body.page_login input[type="image"] { margin-right: 0px; margin-left: 300px; }*/ body.page_login td { width: 100%; } /*Account Page */ .voip_channels { width: 100px !important; }*/ .voip_account_options td { display: table-column !important; } .voip_account_buttons a { display: list-item; list-style: none; } .voip_row td { height: auto !important; } /* Checkout */ img[src*="pixel_silver"], img[src*="checkout_bullet"] { display: none; } /*.checkout_page td.main { width: 100% !important; text-align: center; margin: 0 auto; }*/ /* Checkout Shipping */ .checkout_page td.main.shipping_address_td, .checkout_page td.main.select_method{ width: 100% !important; } /* Checkout Billing */ .checkout_page .infoBoxContents table td.main:nth-child(-n+2){ width: 100% !important; } .checkout_page #billing_address_containter td{ margin: 0 !important; padding: 0 !important;} .checkout_page #billing_address_containter td.main:nth-child(1){ width: 35% !important; } .checkout_page #billing_address_containter td.main:nth-child(3){ width: 58% !important; } .checkout_page #shipTable tr td.main:first-child{ width: 73% !important; } .checkout_page table.pay_type{ width: 270px; } .checkout_page table.pay_type td.main{ width: 240px !important; } .checkout_page table.infoBoxContents td.main {width: 270px; } /* Checkout Confirmation */ /*body.page_checkout_confirmation table.infoBox td{ width: 300px; } */ /* body.page_checkout_confirmation tr.infoBoxContents td{ width: 220px !important; } */ body.page_checkout_confirmation tr.infoBoxContents{ width: 270px !important; } .products { width: 270px !important; } #checkout-buttons-wrapper a span, #checkout-buttons-wrapper input {width: 280px !important; margin-bottom: 5px !important} #checkout-buttons-wrapper a {width: 280px !important; margin-bottom: 5px !important} #checkout-buttons-wrapper a:last-child span {float: left !important} .products table td { text-align: right; } body.page_checkout_confirmation table.address_box { width: 270px !important; max-width: 270px !important; } /* Set bits to just under max width */ .voip_account_buttons { width: 280px !important; } .subtotal { width: 280px !important; } table.category { width: 300px !important; } body.page_login input[type="text"], body.page_login input[type="password"], body.page_login td.smalltext { width: 280px !important; } #ship_estimate select { max-width: 160px !important; } /* Personalise VoIP Accounts */ #personalise_voip_account_content .infoBoxContents table table tr{ margin-bottom: 15px; border-bottom: 1px solid #bbbbbb; } /* Supplementary pages */ #services_top_panel_corpabout, #top_panel_carousel, .menu_simple { width: 300px !important; } .content .main-2col { width: 280px !important; } .container3 .offset-by-one { padding-left: 0px !important; } /* V2 Overrides */ /*body.v2 table.content td:nth-of-type(1) { display: inline-block; width: 100%;}*/ .containerhp { max-width: 100% !important; padding: 0px !important; } .block-floor-products-opt1 .product-item .product-item-img { height: auto !important; } .row { margin: 0px !important; } .col-sm-6 { width: 100%; margin-bottom: 1em; } .col-md-2 { width: 48% !important; } .owl-carousel, .owl-carousel .owl-stage-outer, .owl-stage{ max-width: none !important; } table.content table.standard-table td, table.content table.standard-table th{ display: table-cell !important; } /* Added for slick slider on 18/06/2019 Start */ .dg-slick-arrow.slick-prev {left: 35px; opacity:1 !important; z-index: 1; } .dg-slick-arrow.slick-next {right: 35px; opacity:1 !important; } .slick-prev:before, .slick-next:before {opacity:1 !important;} .product-carousel .slick-list .slick-track .product-item-opt-1 .product-item-info .product-item-photo .product-item-img {margin-left:0px !important; margin-right:0px !important;} .product-carousel .slick-list .slick-track .product-item-opt-1 .product-item-info .product-item-photo .product-item-img img{margin-left:0px !important; margin-right:0px !important; width:100%;} .product-item-opt-1 .product-item-info .btn-cart { visibility: visible !important; opacity: 1; -webkit-transform: translate(0, 0px); background-color: #FC8038 !important; padding:0px; } .brand-logo-carousel .slick-track .slick-slide img { margin-left:auto; margin-right:auto; } .dg-slick-arrow1.slick-prev1{left: 0px; opacity:1; z-index:1;} .dg-slick-arrow1.slick-next1{right: 0px; opacity:1; z-index:1;} /* Added for slick slider on 18/06/2019 End */ } @media only screen and (min-width: 320px) and (max-width: 495px) { iframe#newsletter-wrapper { height: 185px; } }