/*

Mobile CSS - DesignGroop 2015/16

*/


/* Set max-widths */



#header_mobile,
#top_panel_carousel_mobile,
.mobile_hide {
    display: none;
}

.mobile_hide-header {
    display: none;
}


@media screen and (max-width: 1023px) {
	
	
    .mobile_hide-header {
        display: inline-block;
    }
	
	
}


	
	
	

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


    .payment-option {
        display: block !important;
        width: 100% !important;
    }

    .breadcrumb-new li a {
        width: 60px !important;
        height: 26px !important;
        font-size: 12px !important;
        margin-right: 0px !important;
    }

    .mobile_hide {
        display: inline-block;
    }

    .result_col_data {
        width: 100% !important;
        height: 100%;
        vertical-align: top;
    }

    h2.result_product_title a {
        color: #595959 !important;
        font-weight: 500;
        font-size: 12px;
        height: 44px;
        overflow: hidden;
        display: block;
		    line-height: 1;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    .result_product_title {
        margin: 0;
    }
    .results_product_model {
        margin: 0;
    }

    .result_col_image {
        width: 100% !important;
        text-align: center;
        margin: 20px 5px 0 0 !important;

    }

    .productListing-odd,
    .productListing-even {
        border: 2px solid #ddd !important;
        margin-bottom: 8px !important;
    }

    .button_buy_now {
        display: inline-block;
        width: 100% !important;
        height: 40px;
        background: #0591cf;
        vertical-align: middle;
        line-height: 40px;
        color: #fff;
        font-size: 15px;
        font-family: "Helvetica Neue", Arial !important;
        padding: 4px 10px 4px 10px;
        letter-spacing: 0.1px;
        background-image: url(/images/v2/icon_cart_v2.png);
        background-repeat: no-repeat;
        background-position-x: 5%;
        background-position-y: 50%;
        padding: 0px 10px 0px 30px;
        font-weight: 500;
        letter-spacing: 0.05em;
        text-align: center;
    }

    div.categories {
        display: inline-block !important;
        width: 46% !important;
        margin: 0 2px 2px 7px !important;
        vertical-align: top !important;
    }

    div.categories .nested-category-title {
        margin-top: 8px;
    }

    .intro h2 {
        margin: 3px 0 8px;
        /* font-family: open sans; */
        font-size: 22px;
        font-weight: 600 !important;
        line-height: 24px;
        text-align: center;
        font-family: "Helvetica Neue", Arial !important;

        border: 0;
        color: #333;
    }

    .not_mobile {
        display: none;
    }

    body {
        background-color: #ffffff;
    }

    .inner_wrap {
        width: 100%;
        display: inline-block !important;
    }

    table.content div {
        max-width: 320px !important;
    }

    table.infoBox {
        width: 100%;
    }

    img {
        height: auto !important;
    }

    .intro img {
        max-width: 280px !important;
        float: none !important;

        display: block;
        margin-left: auto;
        margin-right: auto;

    }

    .result_key_points {
        display: none !important
    }

    .dgtabs-accordion-span:nth-of-type(2) {
        display: inline-block;
        width: 230px !important;
        background-color: #f3f3f3;
        margin-left: 0;
    }

    .dgtabs-accordion {
        background-color: #f3f3f3 !important;

    }

    #checkout-buttons-wrapper input {
        display: inline-block;
        width: 300px !important;
        padding: 10px;
        margin: 3px;

        text-align: center;
        border: none;
    }

    #checkout-buttons-wrapper a span {
        display: inline-block;
        width: 280px !important;
        padding: 10px;
        margin: 3px;
        text-align: center;
        border: none;
    }

    .checkout-button {
        /*background-color: #46b05a !important;*/
    }

    #main-page-title {
        margin: 2px !important;
    }

    #main-page-title {
        color: #333 !important;
        font-size: 26px !important;
        border-bottom: none;
        font-weight: 600 !important;
        font-family: open sans;
    }

    #checkout-buttons-wrapper a:last-child span {
        float: left !important;
        background-color: #0591cf;
    }


    .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_left_column {
        display: none !important;
    }

    /* 2020/02/27 */
    #content_centre_column {
        width: 100%;
    }

    #content_centre_column_full {
        width: 100%;
    }

    #breadcrumbs {
        display: none
    }

    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: none !important;
        padding: 0 15px !important;
    }

    .productListing tr:nth-child(1) {
        display: none;
    }

    .productListing-data table tr:nth-child(1) {
        display: inline-block;
    }

    table.review_table {
        width: 100%;
    }

    table.review_table td {
        text-align: center;
		display: none;
    }

    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: #0090f0;
        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
    }

    .containerhp {
        max-width 96% !important;
    }

    .bannerside1 a img,
    .bannerside2 a img,
    .bannerside3 a img,
    .bannerside4 a img,
    .bannerside5 a img,
    .bannerside6 a img {
        width: 100% !important;
    }

   

    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: #0090f0;
        text-align: center;
        color: #ffffff;
    }

    #mobile_footer_lower_left {
        text-align: center;
        padding: 30px 0;
    }

    #mobile_ssl {
        padding: 8px 0px 8px 0px;
        background-color: #0090f0;
        width: 100%;
    }

    .brand_hidden {
        display: none;
    }

    #see_all_brands {
        color: #0090f0;
        /*#F60*/
        font-weight: bold
    }

    #see_all_brands:hover {
        text-decoration: underline;
        cursor: pointer;
    }

    #mobile_footer_links {
        margin: 10px 0 0 0;
        padding: 15px 0;
        background-color: #3C3C3C;
        font-size: 14px;
        text-align: center;
    }

    #mobile_footer_links ul {
        margin: 0;
        padding: 7px;
        list-style-type: none;
    }

    #mobile_footer_links li {
        margin: 0;
        padding-top: 5px;
        list-style: none;
        text-align: center;
    }

    #mobile_footer_links a {
        color: #ffffff;
    }


    /* Product Specific */
    .voip-notification,
    .information {
        width: 100% !important;
        max-width: 100% !important;
    }

    td.product_options_column,
    #product_option_menu,
    .deliverytr,
    #like_buttons,
    #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: #000000;
        font-weight: bold;
        font-size: 22px;
    }

    span[itemtype="http://schema.org/Product"] h1 {
        border: none !important;
        line-height: 0.9em !important;
        text-align: center;
        padding: 0 10px 0 10px;
    }

    #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;
        margin-left: 15px;
    }

    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;
    }

    #product_quantity_area,
    #basket_quantity {
        text-align: left !important;
    }

    #price_area div {
        padding: 2px 0 2px 0;
    }

    #product_currency_area {
        width: 260px !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;
    }


    .product_buy_button {
        margin-left: 0px !important;
        width: 100% !important;

    }

    #quantity-and-cart-container {
        margin-top: 3px !important;
        margin-bottom: 3px !important;
    }

    #cookie_notice {
        z-index: 99999 !important;
        position: fixed !important;
        width: 280px !important;



    }

    #tabs>ul>li {
        padding: 1em 1.5em;
        width: 100%;
        border-bottom: 1px solid #ccc;
        border-left: 0;
    }

    #features-accordian .ui-accordion-header {
        border: 0;
        font-style: normal;
        font-weight: 700;
        padding-left: 40px;
        background-color: #e2e2e2 !important;
        border-bottom: 1px solid #f5f5f5;
    }

    #net_price strong {
        font-size: 26px !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;
    }

    .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: 260px !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;
    }

    .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: #0692cb !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 */

    .product-btn-buy {
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #fff;
        z-index: 1000;
        padding: 0 15px;
        border-top: 1px solid #ccc;
    }

    form[name="checkout_payment"] #checkout-btns-row td, form[name="checkout_confirmation"] #checkout-btns-row td {
        padding: 20px 10px;
        width: 100%;
    }

    form[name="checkout_payment"] .checkout-coupon, form[name="checkout_payment"] .checkout-payment-ref {
        width: 100% !important;
    }

    form[name="checkout_confirmation"] .delivery-address-wrapper {
        margin-right: 0px;
        margin-bottom: 10px;
    }


    .confirm-and-pay-btn-row {
        width: 100%;
        text-align: center;
    }

    .checkout-confirmation #checkout_confirmation_payment_method { margin: 10px 0px !important; }

    .checkout_confirmation_summary_cell { width: 100%; }
    .checkout-confirmation_summary_cell #order-subtotal-table tr td:nth-child(1) { width: 49%; }
    .checkout_confirmation_summary td.totals { width: 100%; }
    .checkout_confirmation_summary td.totals > div { max-width: 100% !important; }

    table.infoBoxContents, .infoBoxContents tr, .infoBoxContents td { width: 100%; }

    .checkout_confirmation_summary #order-subtotal-table tr > td:nth-child(1) { width: 49%; }
    
    
    #order-summary, #checkout_confirmation_wrapper, #checkout_confirmation_wrapper .checkout_confirmation_summary_cell { width: 100% !important; max-width: 100% !important; }
    #checkout_confirmation_wrapper { margin-top: 10px !important; }
	#checkout_confirmation_wrapper #order-details { width: 100% !important; max-width: 100% !important; padding-right: 0px !important; margin-top: 20px; padding: 10px;}
	#checkout_confirmation_wrapper #payment-form {width: 100% !important; max-width: 100% !important; margin-top: 20px;  padding: 10px;}


    
    
    

}

@media (max-width: 1023px) {
    div.navigation {
        position: fixed;
        left: 0;
        top: 0;
        width: 290px !important;
        background: #272727;
        height: 100% !important;
    }
	
	
    #header_mobile svg {
        font-size: 20px;
        fill: #fff;
        width: 30px;
        height: 30px;
        color: #fff;
    }
    #header_mobile .title {
        font-size: 12px;
        display: block;
        line-height: 1;
        white-space: nowrap;
    }

	
	 /* 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 !important;
        width: 100%;
        background-color: #0090f0;
        color: #fff;
    font-size: 1.4rem;
    line-height: 1.4rem;        vertical-align: top;
        padding: 5px;
    }
	
	
	 #header_mobile a {
   
        color: #fff;
 
    }

    #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%;
        line-height: 1.2em
    }

    #header_mobile_right {
        text-align: right;
        line-height: 1.2em
        float: right;
    }

    #mobile_logo,
    #mobile_search {
        background-color: #fff;
        text-align: center;
    }

    #mobile_logo img {
        width: 140px !important;
        margin-top: 10px;
    }
    
    #mobile_search {
        padding: 0 15px;
        display: block !important;
    }
    #mobile_search input {
        background-color: #fff;
        margin: 10px 0;
        border: 1px solid #ccc;
        color: #000;
        border-radius: 3px;
        padding: 10px;
        width: 100%;
    }
    
    #mobile_cat_menu li {
        display: inline-block;
        list-style: none;
        padding: 0 5px;
        margin: 5px 0;
        background-color: #fff;
        width: 50%;
    }
    #mobile_cat_menu li a {
        display: block;
        padding: 5px;
        border: 1px solid #BCBCBC;
        border-radius: 3px;
    }

    #mobile_cat_menu ul {
        margin: 0px;
        padding: 5px;
        background-color: #FAFAFA;
    }

    #mobile_cat_menu {
        background-color: #ffffff;
        border-bottom: 1px #DFDFDF solid;
        box-shadow: 0px 3px 3px 0px #BEBEBE;
        margin-bottom: 10px;
    }
	
}

@media screen and (min-width: 320px) and (max-width: 495px) {
    iframe#newsletter-wrapper {
        height: 160px;
    }
}