@media (min-width: 768px) {
    .fpTop .row .col-xs-12{
        clear:none;
    }
    p.footer-text{
        height:42px;
        line-height:26px;
    }
    
    .columns {
    /*border:solid 1px yellow;*/
    /*padding: 15px 5px 10px 0;*/
    -moz-column-count: 2; /* Firefox */
    -webkit-column-count: 2; /* Safari and Chrome */
    column-count: 2;
    max-width: 450px;
    min-width: 350px;
    -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
    -moz-column-rule-style: solid; /* Firefox */
    column-rule-style: solid;
    -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
    -moz-column-rule-width: 1px; /* Firefox */
    column-rule-width: 1px;
    -webkit-column-rule-color: #5c5c5c; /* Chrome, Safari, Opera */
    -moz-column-rule-color: #5c5c5c; /* Firefox */
    column-rule-color: #5c5c5c;
    opacity: 0.95;
    -webkit-margin-bottom-collapse: separate;
}

    .subcontainer-narrow {
        padding-left: 20px;
        padding-right: 20px;
    }

    select.form-control-small {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 12px;
        /*height: 24px;*/
        border-radius:5px;
        text-transform:capitalize;
    }

    .navbar-inverse .navbar-nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .home-page-middle-img {
        float: left;
        width: 226.5px;
        margin-right: 20px;
    }

        .home-page-middle-img:last-child {
            margin-right: 0;
        }
        /*
    #remember-me {
        margin-left: 10px;
    }*/

    .form-horizontal .control-label {
        text-align: left;
        text-transform: uppercase;
        font-size: 10px;
    }

    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        margin: 0;
        padding: 0;
        /* For IE, the outcast */
        zoom: 1;
        *display: inline;
        margin-bottom: -7px;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }


    .container-extended {
        /*width:768px;*/
    }

    .similar-slides {
        float: left;
        /*width:734px !important;*/
    }

    .popover {
        max-width: 360px;
    }

    .link-strong {
        font-weight: bolder;
        font-style: oblique;
        text-decoration: underline;
    }

    .navbar {
        /*fix chrome*/
        margin-bottom: 0px;
    }

    .fpTop a {
        font-size: 12px;
    }

    #ProductListing-Menu li {
        /*border:solid 1px red;*/
        margin-top: 8px;
        margin-bottom: 8px;
    }

    #navigation-bar ul.nav li.dropdown a.nav-link:hover {
        /*padding-left: 10px;
        padding-right: 10px;
        text-decoration: underline;*/
        color: #918f8d;
        background-color: rgba(64,64,64,0.0) !important;
    }

    .navbar .low-ribbon {
        /*position: absolute;
        right: 0;
        bottom: 0;
        padding: 0;
        background-color: rgba(64, 64, 64, 0.80);
        font-size: 11px;
        line-height: 16px;*/
    }

    #navigation-bar div.low-ribbon > a {
        position: absolute;
        right: 0;
        bottom: 0;
        background-color: rgba(64, 64, 64, 0.80);
        font-size: 11px;
        line-height: 20px;
        color: #f1f1f1;
        padding: 5px 10px;
    }

        #navigation-bar div.low-ribbon > a:hover {
            color: #918f8d;
        }

    .row-spacer {        
        margin-bottom: 20px;
    }
    
    nav a.nav-link {
        text-transform:capitalize;
        text-align: left;
        /*background-color:#ff6a00;*/
        padding: 0;
        font-family: 'Open Sans', sans-serif;
        letter-spacing:1px;
        display:block;
        height:30px;
        line-height:30px;

    }
    /*#navigation-bar ul.nav li.dropdown a.nav-link:hover, */
    nav a.nav-link:hover
    {
        text-decoration:none;
    }
    
    nav a.nav-link-menu{
        display:block;
        height:54px;
        line-height:54px;
        width:100%;
        text-transform:uppercase;
        border-bottom:1px dashed #86837c;
        padding:0 15px;
        background-color:rgba(104, 104, 104, 0.94);
    }

    #navigation-bar ul.nav li.dropdown  a.nav-link-menu:hover
    {
        background:transparent;
        color:#fff;
    }
    .sm-padding-bottom-50 
    {
        padding-bottom: 50px;
    }

    #navigation-bar > ul > li > div {        
        background-color:rgba(104, 104, 104, 0.94);
        /*background:transparent;*/
    }

    #navigation-bar > ul > li div.nav-image {
        position: relative;
        padding-top: 20px;
    }

    #navigation-bar > ul > li > div > div > img {
        width: 100%;
    }
    #navigation .nav > li > a {         
        background:none; 
        padding-top:3px;
        padding-bottom:0;
        line-height:29px;        
        margin-top:0;
        margin-bottom:0;
    }
    #navigation .nav > li > a.navbar-brand img {
       padding-top:4px;
    }
    ul.columns {
        padding-left: 0;
        /*background-color: rgba(64,64,64,0.95);*/
    }

    .columns {
        -moz-column-count: 2; /* Firefox */
        -webkit-column-count: 2; /* Safari and Chrome */
        column-count: 2;
        -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
        -moz-column-rule-style: solid; /* Firefox */
        column-rule-style: solid;
        -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
        -moz-column-rule-width: 1px; /* Firefox */
        column-rule-width: 1px;
        -webkit-column-rule-color: #5c5c5c; /* Chrome, Safari, Opera */
        -moz-column-rule-color: #5c5c5c; /* Firefox */
        column-rule-color: #5c5c5c;
        max-width: 100%;
    }


    .navbar-nav .open .dropdown-menu > li > a {
        padding: 0 5px;
        letter-spacing: 0.5px;
    }


    .col-sm-15, .col-sm-15-no-padding {
        width: 20%;
        float: left;
    }

    .view h2 .currTag {
        line-height: 80px;
        font-size: 1em;
        padding-bottom: 8px;
        border-bottom: solid 4px #918f8d;
        /*font-weight: bold;*/
        color: #000;
        font-family: 'Muli',Arial, Helvetica, sans-serif;
    }

    .view p {
        padding-top: 15px;
        color: #000;
    }

    .view {
        overflow: hidden;
        position: relative;
        text-align: center;
        /*box-shadow: 1px 1px 2px #eeeeee;*/
        cursor: default;
        border: solid 1px #fff;
    }

        .view .mask, .view .content {
            width: 100%;
            height: 100%;
            position: absolute;
            overflow: hidden;
            top: 0;
            left: 0;
        }

        .view a.info:hover {
            box-shadow: 0 0 5px #000;
            color: #000;
        }

    /*1*/

    .view-first img { /*1*/
        -moz-transition: all 0.1s linear;
        -o-transition: all 0.1s linear;
        -webkit-transition: all 0.1s linear;
        transition: all 0.1s linear;
        width: 100%;
    }

    .view-first .mask {
        opacity: 0;
        background-color: rgba(255, 255, 255, 0.71);
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .view-first h2 {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
        opacity: 0;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
        margin-bottom: 8px !important;
    }

    .view-first p {
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0;
        -moz-transition: all 0.1s linear;
        -o-transition: all 0.1s linear;
        -webkit-transition: all 0.1s linear;
        transition: all 0.1s linear;
        padding: 0 5px;
        font-size: 14px;
    }

    .view-first a.info {
        opacity: 0;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

    /* */

    .view-first:hover img {
        /*-moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);*/
    }

    .view-first:hover .mask {
        opacity: 1;
    }

    .view-first:hover h2,
    .view-first:hover p,
    .view-first:hover a.info {
        opacity: 1;
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    .view-first:hover p {
        -moz-transition-delay: 0.1s;
        -o-transition-delay: 0.1s;
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }

    .view-first:hover a.info {
        -moz-transition-delay: 0.1s;
        -o-transition-delay: 0.1s;
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }

    .footer-border-top {
        border-top: solid 1px #ededed;
        padding-top: 55px;
        margin-bottom: 10px;
    }

    /*
    #footer{
        border-top: solid 1px #ededed;
        border-bottom: solid 1px #ededed;
    }*/

    .ProductListing-WrapSub {
        padding-right: 10px;
    }

        .ProductListing-WrapSub ul {
            list-style: none;
            padding: 0 0 0 3px;
        }

            .ProductListing-WrapSub ul li {
                margin: 3px 0;
                /*border:solid 1px red;*/
                min-height: 18px;                            
                overflow: hidden;                
            }


                .ProductListing-WrapSub ul li a.l1,
                .ProductListing-WrapSub ul li a.l2,
                .ProductListing-WrapSub ul li a.l3,
                .ProductListing-WrapSub ul li a.l5,
                .ProductListing-WrapSub ul li a.l6,
                .ProductListing-WrapSub ul li a.l7,
                .ProductListing-WrapSub ul li a.psize,
                .ProductListing-WrapSub ul li a.pcol {
                    /*float: left;*/
                    padding: 0 0 0 20px;
                    margin: 1px 0 2px 0;
                    color: #4f4f4f;
                    background: url(/Content/icons/refine-box.png) 0px 0px no-repeat;
                    /*min-height: 20px;*/
                    overflow: hidden;
                    /*border:solid 1px red;*/
                }

                    .ProductListing-WrapSub ul li a.l1.On,
                    .ProductListing-WrapSub ul li a.l2.On,
                    .ProductListing-WrapSub ul li a.l3.On,
                    .ProductListing-WrapSub ul li a.l3.On,
                    .ProductListing-WrapSub ul li a.l5.On,
                    .ProductListing-WrapSub ul li a.l6.On,
                    .ProductListing-WrapSub ul li a.l7.On,
                    .ProductListing-WrapSub ul li a.psize.On,
                    .ProductListing-WrapSub ul li a.pcol.On {
                        background: url(/Content/icons/refine-box.png) 0px 0px no-repeat;
                        background: url(/Content/icons/refine-box.png) 0px -27px no-repeat;
                        overflow: hidden;
                    }




                .ProductListing-WrapSub ul li a {
                    line-height: 14px;
                    font-size: 12px;
                    display: block;
                    width: 100%;
                    text-transform: capitalize;
                }


    .mag-glass-icon {
        background-image: url(/Content/images/quick-buy-glass.png);
        position: absolute;
        top: 15px;
        left: 15px;
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
    }
    .pageSize {
        padding-left:0;
        padding-right:0;
    }
    .refineBy{
        font-size:13px;
        line-height:24px;
    }
    #clearAll{
        padding-left:5px;
        padding-right:5px;
        font-size:12px;
    }
    .ProductListing-QuickBuy {
        opacity: 0;
        /*background-color: #f5f5f5;*/
        /*border:solid 1px #ededed;*/
        position: absolute;
        top: 0px;
        left: 0px;
        padding: 10px;
        width: 100%;
        height: 275px;
        visibility: visible;
    }

    .modal-dialog {
        width: 660px;
        margin: 20px auto;
    }

    #modalQB .Product-Name {
        font-size: 17px;
        text-align: left;
        letter-spacing: 0.7px;
    }

    #modalQB .product-brand {
        font-size: 12px;
        text-align: left;
        letter-spacing: 0.7px;
        text-transform: uppercase;
        margin-top: 2px;
    }

    #modalQB h3 {
        font-size: 13px;
        font-weight: bold;
    }

    #modalQB .Product-Detail-Rrp {
        font-size: 20px;
    }

    #modalQB .Product-Description-wrapper {
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        height: 120px;
        padding: 20px;
        line-height: 1.5;
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;
        overflow: hidden;
    }

    #modalQB .Product-Description {
        /*-ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;*/
        height: 80px;
        line-height: 1.2;
        overflow: hidden;
    }

    #modalQB .Product-Description-wrapper a {
        text-decoration: underline;
        font-style: italic;
        font-weight: bold;
    }

    #modalQB .sizepick {
        display: block;
        /*background-color:#eeeeee;*/
        float: left;
        margin-right: 4px;
        padding: 3px;
        font-size: 10px;
        border: solid 1px #fff;
    }

        #modalQB .sizepick.OS {
            color: #918f8d;
            text-decoration: line-through;
            border: solid 1px #fff;
        }

        #modalQB .sizepick.selected {
            border: solid 1px #000;
        }

        #modalQB .sizepick:hover {
            border: solid 1px #918f8d;
            cursor: pointer;
            background-color: #e2e2e2;
            color: #000;
        }

    #modalQB .size-warning {
        display: none;
    }

    #modalQB .Selected-Colour {
        color: #404040;
        padding: 3px 0;
        text-transform: uppercase;
        font-size: 11px;
    }

    .modal-header {
        border-bottom: 1px solid #fff;
    }

    .column-thumbs {
        margin: 5px 0;
    }


    /*region product details*/

    #gallery_01 img {
        margin-bottom: 3px;
    }

    /*move to common*/
    /*#item-description {
        height: 91px;
        overflow: hidden;
        margin-bottom: 10px;
    }*/

    .Product-full-Description {
        padding-top: 10px;
    }

    h2.product-name a, h3.subheader {
        font-size: 12px;
    }
    
    /* task list #97950 30-01-2017 */

    h1.Product-Name {
        font-size:22px;
    }
    .product-spc, .product-brand{
        font-size:15px;
    }
    .Product-Detail-Code {
        font-size:14px;
    }
    #product-details .currTag {
        font-size:28px;
    }
    ul.product-details-social li{
        width:32px;
        height:32px;
    }
    .prod-info-main{
        padding-left:20px;
        padding-right:20px;
    }
    
    /* end task list #97950 30-01-2017 */

    .listing-prices span.currTag {
        font-size: 13px;
        line-height: 26px;
    }
   
    .colour-info {
        margin-top: 10px;
    }

    .sizepick {
        display: block;
        /*background-color:#eeeeee;*/
        float: left;
        margin-right: 4px;
        padding: 0;
        font-size: 10px;
        border: solid 1px #fff;
        min-width: 35px;
        text-align: center;
    }

        .sizepick.OS {
            color: #918f8d;
            text-decoration: line-through;
            border: solid 1px #fff;
            /*pointer-events: none;*/
            cursor: default;
        }

        .sizepick.selected {
            border: solid 1px #000;
        }

        .sizepick:hover {
            border: solid 1px #918f8d;
            cursor: pointer;
            background-color: #e2e2e2;
            color: #000;
        }

    .similar-row {
        padding: 0px 2px;
        position: relative;    
         
    }

    .slider-control.left {
        position: absolute;
        left: -22px;
    }

    .slider-control.right {
        position: absolute;
        right: -22px;
    }

    .nav-tabs li a {
        background-color: #fbfbfb;
        border: none;
        width: 170px;
        text-align: center;
        font-size: 10px;
    }

    .nav-tabs {
        border-bottom: none;
    }

        .nav-tabs li.active {
            padding-bottom: 0;
            /*border-bottom:solid 3px #f7f7f7;*/
        }

            .nav-tabs li.active a, .nav-tabs li.active a:focus {
                background-color: #f7f7f7;
                color: #000;
                margin-bottom: 0;
                border: none;
                border-color: rebeccapurple;
            }

                .nav-tabs li.active a:hover {
                    border: none;
                    color: #404040;
                }

    /*#region Product Detail Page */

    .item-buttons .btn {
        margin: 5px auto;
        border-radius: 5px;
    }

    /*#endregion */

    /*#region login */

    #loginForm input.form-control {
        background-color: #f7f7f7;
        /*margin-left: 10px;*/
    }

    /*#endregion */

    p.box-info {
        margin-bottom: 25px;
        width: 50%;
        padding-right: 25px;
    }

    h3.box-title {
        margin-bottom: 20px;
    }

    .row.box-body {
        padding-bottom: 10px;
    }

    .box-footer {
        padding-top: 25px;
        padding-bottom: 25px;
    }



    table.company-table td.super-padded {
        padding-right: 35px;
    }

    table.company-table tr.company-table-footer td.super-padded {
        padding-right: 45px;
    }

    .terms-info {
        padding-top: 3px;
    }

    table.main-table-checkout {
        /*step one*/
        /*padding-bottom: 30px;*/
        margin-bottom:20px;
    }

    space-top-15 {
        height: 15px;
    }
    .package-aRemoveLink,
    .aRemoveLink {
        font-family: 'Mulibold', Arial;
        font-size: 9px;
    }

    .footer-button-wraper {
        padding-right: 30px;
    }

    #user-account h3{
        padding-top: 30px;
    }
    #account .panel-title {
        font-size:14px;
    }
    #account #accordion .panel-body,
    #account #accordion .panel-default > .panel-heading a {
        font-size:12px;
    }
    .layout-columns-3 {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
     -webkit-column-gap: 80px; /* Chrome, Safari, Opera */
    -moz-column-gap: 80px; /* Firefox */
    column-gap: 80px;

    }
   
/* 17-10-2016 updates */
#headerTop{
    min-height:150px;
}

/* end 17-10-2016 updates */
#headerTop form.log-off-form a,
#headerTop .dropdown .dropdown-menu > li > a {
    line-height:20px;    
}
#headerTop .hidden-lg.hidden-xs .dropdown .dropdown-menu > li a {    
    text-align:left;
    text-indent:17px;
}
#headerTop .log-off-form {
    display:inline-block;
    width:100%;
    float:left;
    padding:0;
}
.log-off-form a {
    display:inline-block;
    width:100%;
    padding:3px 3px;
}
.log-off-form a:hover {
    background:#e8e8e8;
    color:#262626;

}
    #newletterModal .panel-info{
        height:303px;
        border:0;
    }
    .news-left{
        padding-right:0 !important;
    }

    #similar-items .container {
        width:92%;
        max-width:740px;
    }

    .size-tooltip {
        margin:0;
        height:0;
        width:100%;
        padding:0;
    }
    button.package-minus,
    button.package-plus,
    .dd-quantity .minus,
    .dd-quantity .plus,
    .dd-quantity span.hidden-sm
    {
        float: left;
        width:auto;
    }
    button.package-minus,
    .dd-quantity .minus {
        padding-left: 5px;
        padding-right:4px;
    }
    button.package-plus,
    .dd-quantity .plus {
        padding-left:4px;
        padding-right: 5px;
    }
    .dd-quantity span.hidden-sm{ display:inline-block;line-height:22px;}
    #table-basket-items input.qty {
        float:left;
        margin-top:2px;
    }

    .remove-padding-bottom-mob {
        padding-bottom:0 !important;
    }


}