@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 768px) {
    .company-logo {
        max-height: 80px;
    }
}
@media (max-width: 767px) {
    .header {
        margin-bottom: 0;
        height:140px;       
    }

    
    /* top nav menu and dropdowns */
    .navbar-nav {
        margin:0 0 20px 0;
    }
    .nav.navbar-nav > li .submenu,
    .nav.navbar-nav > li {
        border-top:3px solid #454349;
    }

    .dropdown-menu ul{
        list-style-type:none;
        padding:0;
        margin:0;
    }

    .submenu{
        position:relative;                
    }
    .submenu a {
        display:block;
        height:54px;
        width:100%;
        letter-spacing:1px;
    }
    .submenu-menu{
        display:none;                
        /*background:#808080;
        background-color:rgba(104, 104, 104, 0.94);*/
        background:#514f54;
        position:relative;
        left:0;
        top:100%;
        z-index:200;
        text-indent:2px;
    }
    .submenu:hover .submenu-menu {
        display: none;
    }

    .submenu-menu ul {
        display: inline-block;
        margin:15px 0 0 0;
        padding:0 15px;
        vertical-align:top;        
        width:50%;
    }
    .submenu-menu ul:not(last-child) {
        border-right:1px dashed #636363;                   
    }
    .submenu-menu ul li {
        margin:0 0 15px 0;        
    }
    .submenu.sub-open .nav-link.nav-link-menu,
    .submenu.sub-open {
        background:#454349;
    }
    .log-off-form a,
    .submenu > .nav-link {
        text-indent:22px;
        height:36px;
        line-height:37px;
    }
    .on-top-navigation {
        text-indent:5px;
    }


    .log-off-form a,
    .submenu > .nav-link.nav-link-menu,
    #navigation .nav > li > a/*,   
    .on-top-navigation*/ {               
        background:url(/Content/images/right_arrow.png) right 20px center no-repeat;         
        background-size: 15px;
        transition: text-indent .2s ease-in-out;             
        font-weight:600;
    }

    .submenu.sub-open > .nav-link.nav-link-menu,     
    #navigation .nav > li.dropdown.open > a {
        text-indent:30px;
        background:url(/Content/images/left_arrow.png) 21px center no-repeat;       
        background-size: 15px;
    }
    .log-off-form a,
    #navigation .nav > li > a {
        text-indent:5px;
    }
    .submenu.sub-open > .nav-link.nav-link-menu {
        text-indent:50px;
    }

    .navbar-inverse .navbar-nav > .open > a {
        background:transparent;
    }
    .navbar-inverse .navbar-toggle:hover, 
    .navbar-inverse .navbar-toggle:focus {
        background:transparent;
    }
    /* end top nav menu and dropdowns */  
    .btn-reset,
    .btn-basket
    {
        margin-top:10px;
        height:43px;
    }

    .ProductListing-WrapMenu .visible-xs .panel .panel-body {
        background:#efefef;
        text-align:left;
        padding:0px 15px;
    } 
    .ProductListing-WrapMenu .visible-xs .panel .panel-body > a {
        letter-spacing:0.1em;
        display:inline-block;
        width:100%;
        color:#676669;
        font-weight:900;        
        background:url(/Content/images/refineby_left_arrow.png) left center no-repeat;      
        background-size:20px auto;  
        height:45px;
        line-height:45px;
        text-indent:35px;
        transition: text-indent .2s ease-in-out;   
    }
    .ProductListing-WrapMenu .visible-xs .panel .panel-body > a.collapsed {
        background:url(/Content/images/refineby_right_arrow.png) right center no-repeat;
        background-size:20px auto;  
        text-indent:0;
    }
    a.package-aRemoveLink,
    a.aRemoveLink {
        display:block;     
        margin-top:20px;
    }
}

@media (max-width: 768px) {

    .company-logo {        
        margin-top:10px;
        margin-bottom:-10px;
    }
    #refine-menu{
        margin-top:5px;
    }
    .refineBy{
        font-size:20px;
    }
    .ProductListing-WrapSub .Title:first-child{
        margin-top:5px;
    }
    #clearAll{
        margin-right:0;
    }
    .search-container{
        display:none !important;
    }
    div#IProductListing {
        padding:0 10px;
    }
    .btn-go-back {
        margin-left: 0;
        margin-right: 0;
        /*account register*/
        /*margin-bottom: 15px;*/
        /*width: 100%;*/
    }

    body {
        /*background-color:#00ff21*/
    }

    .carousel-indicators {
        display: none;
    }



    /*.panel-default > .panel-heading {
        font-weight: bold;
        margin-right: -10px;
        margin-left: -10px;
        background-color:#f3f3f3;
    }*/

    .minus {
        width: 20px;
        height: 23px;
        border: solid 1px #dcdcdc;
        display: inline-block;
        line-height: 23px;
        text-align: center;        
    }

    .plus {
        width: 20px;
        height: 23px;
        border: solid 1px #dcdcdc;
        display: inline-block;
        line-height: 23px;
        text-align: center;        
    }

    /*.panel-heading {
        line-height: 27px;
    }*/

    .btn-info.btn-sm {
        /*basket step 2 removed 100%*/
        /*width: 100%;*/
        margin: 0 auto;
        text-align: center;
    }

    #product-detail-grid > table > tbody > tr > td.sizepick.selected {
        background-color: #dcdcdc;
    }

    .pagination-container {
        margin-top: 15px;
        margin-top:0;
    }

    #ProductListing-Menu {
        margin-bottom: 15px;
    }

    .sizepick {
        text-align: center;
        border: solid 1px #f3f3f3;
        width: auto;
        float: left;
        margin-right: 4px;
        padding: 5px;
        margin-bottom: 5px;
    }

        .sizepick.OS > a {
            text-decoration: line-through;
        }

    .btn-sm.btn-block {
        font-size: 12px;
        /*newsletter better*/
        width: 100%;
    }

    /* header */

    #headerTop{
        margin-top:0;
        height:110px;
    }
    #headerTop .header-right
    {
        margin-top:10px;
    }
    #headerTop .row{
        margin:0;
    }

    .header{
        margin-bottom:0;
        height:188px;        
        /*height:140px;        */
    }

    /* end header */

    .main.content .breadcrumb li a{
        font-size:11px;
    }


    .header .container{
        margin:0;
        padding:0;
    }

    .fpTop{
        margin:0;        
		clear:both;
		float:left;
		width:100%;	
    }
    .fpTop .row .col-xs-12{                
        height:30px;
        background:#fff;
		clear:both;
		float:left;
    }

    .fpTop a{
        font-size:15px;
        font-weight:600;
        line-height:30px;
    }
    .fpTop .row > div > div:not(:first-child):not(:last-child){
        border:none;
    }

    /* product info */
        .btn-reset{
            line-height:32px;
        }

        .thumb-wrapper{
            width:100%;
        }
        h1.Product-Name {
            margin-top:10px;
            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 product info */


    .sale {
        color: red;
    }

    .section-centre {
        padding: 0 15px;
    }


    .social-wrapper {
        width: 100%;
    }

    ul#social-icons {
        list-style: none;
        margin: 0 auto;
        height: 50px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

        ul#social-icons li {
            float: left;
            display: block;
            width: 49px;
            padding: 5px;
        }


    #social-icons > li > span.social-icon > a {
        padding: 10px 12px;
        float: left;
        display: block;
    }

    .terms-info.warning {
        padding-top: 15px;
    }

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

    .section-left > .text-right {
        text-align: left;
    }

    .home-svg {
        margin: 10px;
        height: 38px;
        width: 38px;
        padding: 5px;
        background-size: 20px;
        background-position: center 8px;
        padding-top: 9px;
        padding-bottom: 9px;
        margin-top: 8px;
        margin-bottom: 8px;
        height: 40px;
    }

    .panel-wrapper {
        padding: 0;
    }
    /*ul#social-icons li > span {
                display: block;
                float: left;
                width: 16%;
                height: 50px;
               
                background-size: auto;
                margin-bottom: 25px;
            }*/

    /*
    .navbar{
        margin-top:10px !important;
    }
        */

    .navbar-inverse .navbar-toggle{
        border:1px solid transparent;
    }
    
    #account .panel-title {
        font-size:11px;
    }
    #account #accordion .panel-body,
    #account #accordion .panel-default > .panel-heading a {
        font-size:11px;
    }
    #account-navbar.navbar-collapse.collapse.in {
        display: block !important;
    }

    #account-navbar .log-off-form {
        padding: 0;
        width: 100%;
    }

        #account-navbar .log-off-form a {
            color: #fff;
            width: 100%;
            display: block;
            padding: 0px 20px;
            margin: 0;
            /*font-size:16px;
            font-family:mulibold, Arial, Helvetica, sans-serif*/
        }

        #newletterModal  button  span a{
            color:#fff
        }
        .media{
         margin-bottom:15px;
        }
    a.package-aRemoveLink,
    a.aRemoveLink {
        display:block;     
        margin-top:7px;
    }

    .submenu {
        /*padding-left:10px;    */
        padding:0;
        /*margin:5px 0 10px 0;    */
        margin:0 0 0px 0;
    }

    /* footer */
        .text-center .footer-text{
                    
        }
        
        .footer-text {
            /*font-size:2vw;*/
            font-size:13px;
        }
        #footer h3 {
            font-family: 'Open Sans', sans-serif !important;
            font-size:1.3em;
        }


    #E_mail.newsletter-input {
        height:50px;
        font-size:15px;
        text-indent:18px;
        -webkit-appearance: none;
    }
    .newsletter-container input.btn.btn-sm{
        height:48px;
        width:55px;
        font-size:14px;
        color:#646464;
    }
    .footer-middle {
        margin-top:20px;
        margin-bottom:20px;
    }
    /* end footer */
       
    /* front page banners */
    .row-spacer div {
        margin-bottom: 20px;                
    }
    /* end front page banners */
  
    #navigation {
        /*font-family: 'Open Sans', sans-serif;        */
        font-size:15px;
    }    

    .navbar-header button,
    .navbar-header a {        
        font-family:'Crimson Text', serif !important;
        font-size:17px;
        height:40px;
        line-height:23px;        
    }

    #navigation-bar a,
    nav a.nav-link {
        font-family:'Open Sans', sans-serif;        
    }

    .size-tooltip {
        margin:0;
        height:0;
        width:100% !important;
        padding:0;
    }

    #step1 .table .table.table-condensed{
        background:transparent;
    }    

    .margin-minus-1 {
        margin-left:-8.33333333%;
        margin-right:-8.33333333%;        
        width:116.66%;
        padding:0;
    }
    .text-center-mob{
        text-align: center !important;
    }
    .remove-padding-bottom-mob {
        padding-bottom:1px !important;
    }
    .margin-bottom-mob-20 {
        margin-bottom:20px !important;
    }
    .padding-top-mob-25 {
        padding-top:25px !important;
    }
}

@media (width: 768px) {
    .btn-reset,
    .btn-basket
    {
        height:29px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0)and (min-width: 768px) {
    .company-logo {
        max-height: 120px;
    }
    /*.header{
        margin-bottom:0;
        height:205px;        
    }*/
}

/* JS - 15-11-2016 - #97840 */
@media (min-width:0px) and (max-width:450px) {
    .fpBottom .col-xs-4 {
        padding:0 6px;
    }
}

@media (min-width:451px) and (max-width:600px) {
    .fpBottom .col-xs-4 {
        padding:0 7px;
    }
}
adawd { }

@media (min-width:600px) and (max-width:767px) {
    .fpBottom .col-xs-4 {
        padding:0 8px;
    }
}​