:root{
--fontBook: 300;	
--fontRegular: 400;
--fontStyleNormal: normal;
--fontStyleItalic: italic;
--fontFamily:filson-soft,sans-serif;
}

body{
	font-family: var(--fontFamily); font-weight: var(--fontBook); transition: all 0.5s; 
}



#header .container { justify-content: flex-start; align-items: center; align-items: stretch !important; }

#header .container .logo, #header .container #mobnavrow{ flex-grow: 1; }

#header .container .logo{max-width: 108px;}

#header .container #mobnavrow{ display: flex; align-self: flex-end; justify-content: space-between; }

#header .container #mobnavrow .nav-menu ul{ display:  flex !important; justify-content: flex-start; align-items: flex-end; height: 100%; }

#header .container #mobnavrow .nav-menu ul li:first-child{ padding-left: 15px; }


#header.shrink .container{padding-top: 0;}

#header.shrink .container #mobnavrow .nav-menu ul{ display:  flex !important; justify-content: flex-start; align-items: center; height: 100%; }


.mobile-nav-toggle{ position: static; }
.nav-menu a img{ display: none; }


.logobarRowMobile{ display:  flex; justify-content: space-between; align-items: center;margin: 62px 0 25px 0; }
.logobarRowMobile .logo, .logobarRowMobile .logo img{ width: auto; height: 40px; padding: 0; }
.logobarRowMobile .closeMobilemenu, .logobarRowMobile .closeMobilemenu img{ width: 16.26px; height: 16.26px; cursor: pointer; }


.close-promo{z-index: 3;}


/*mobileMenuBottom*/

.mobileMenuBottom{ /*background-color: #fdb101;*/ background:transparent; display:  flex; 
	justify-content: space-between; align-items: center;
	margin: 10px -20px 0px  -24px; padding: 0px 18px 25px 24px; 
	flex-direction: column;  }
.mobileMenuBottom ul.banner-options{width: 100%; }
.mobileMenuBottom ul.banner-options li { background-color: transparent !important; }
.mobileMenuBottom ul.banner-options li a {
    background: #D8124F;
    padding: 15px 35px !important;
    color: #fff;
    display: block;
    font-size: 17px;
    text-align: center;
    width: 100%;
    border-radius: 55px;
    -wenkit-border-radius: 55px;
    -moz-border-radius: 55px;
    line-height: 100%;
}

.mobileMenuBottom .Mobilesocial-links{ margin-bottom: 65px; }
.mobileMenuBottom .Mobilesocial-links {display:  flex; justify-content: flex-start; align-items: center; width: 100%;}
.mobileMenuBottom .Mobilesocial-links a{ margin: 4px; padding: 0 !important; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{ display: block;
 }


 
.select2-container--default.select2-container--open {
    font-size: 14px !important;
    border-radius: 20px !important;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    border-bottom: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0px !important;
}


.select2-container--default.select2-container--open .select2-selection{
      font-size: 14px !important;
    border-radius: 20px !important;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    border-bottom: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0px !important;
}


#product-listing .productlisting-area .productlisting-items .product-item-list.pink .product-grid{
    width: 100%;
}


.select2-container--default .select2-selection--single, .select2-dropdown{ border-color: #061A41 !important; }
body .select2-results__option{ padding: 6px 16px;  font-weight: var(--fontBook); }


#product-listing .top-filter-bar .list-sort span{font-weight: var(--fontBook);}
#product-listing .top-filter-bar .list-sort span.select2-selection__rendered{ padding-left: 16px !important; }

.mobileBanner{ display: none; }



/*====================Media Query===========================*/


/* Large desktops and lapxops */
@media (min-width: 1201px) and (max-width: 1366px) {
#home-main .owl-carousel .item .item-info {display: flex; flex-wrap: wrap; align-items: center;justify-content: flex-start; 
align-content: flex-start;}
/*#home-main .owl-carousel .item h1{ line-height: 74px; }*/
/*#home-main .owl-carousel .item .item-info { padding: 34px 40px;}*/
#home-main .owl-carousel .item .item-info { padding: 50px 40px;}
#home-main .owl-carousel .item .item-img img{ height: 100%; object-fit: cover; }
#category-you-like .category-img{ height: 95px; }
}


/* Large desktops and lapxops */
@media (min-width: 1200px) {
    .purchasePointsDetailBox .row{ justify-content: center; align-items: center; }
    .purchasePointsDetailBox [class*="col-"]{ width: auto; -ms-flex: 0 0 0% !important;
flex: 0 0 0% !important; max-width: inherit % !important; }
 .purchasePointsDetailBox [class*="col-"] span{ white-space: nowrap; }
 .purchasePointsDetailBox .purchaseNumberBox{ text-align: center !important; }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
        .purchasePointsDetailBox .row{ justify-content: center; align-items: center; }
    .purchasePointsDetailBox [class*="col-"]{ width: auto; -ms-flex: 0 0 0% !important;
flex: 0 0 0% !important; max-width: inherit % !important; }
 .purchasePointsDetailBox [class*="col-"] span{ white-space: nowrap; }
 .purchasePointsDetailBox .purchaseNumberBox{ text-align: center !important; }
#double-bupp-points{ padding-left: 35px;  padding-right: 35px; }
#double-bupp-points .owl-carousel .owl-item img { height: 100%; width: 100%;}
#points.great-offers{ height: auto; }

body #points .slider-title {
    padding-bottom: 36px;
    padding-top: 85px;
    height:auto;
}

#home-main .owl-carousel .item h1 {
        font-size: 32px;
    }
#home-main .owl-carousel .item p{font-size: 20px;margin-bottom: 8px;}
#home-main .owl-carousel .item button.goto-offer, #home-main .owl-carousel .item a.goto-offer{
    font-size: 15px;
}


#points .category-img { border-radius: 15px; overflow: hidden; height: 69px;}
.owl-carousel .owl-item img { display: block; width: 100%;}

#owl-homeauctions .category-img { border-radius: 15px; overflow: hidden; height: 159px;}
#refer-a-friend #owl-bottomad .owl-item .item .col-lg-6.block-text { padding: 45px 40px;}
    #no-offer .col-lg-6.block-text {        padding: 45px 40px;    }
#header{    height: 111px;}

.slick-slider .slick-track .item { padding-right: 20px !important; }
#category-you-like .category-img{height: 75px;}
#howitworks{min-height: 81vh;}
    #no-offer .block-text p {
        font-size: 20px;
        margin-bottom: 20px;
        letter-spacing: -0.44px;
        line-height: 32px;
        
    }

    .purchasePointsDetailBox .col-2.text-center {  min-width: 90px;}
.purchasePointsDetailBox .col-5 {  -ms-flex: 0 0 44.666667%;  flex: 0 0 44.666667%;  max-width: 44.666667%;}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    body #points .slider-title {
    padding-bottom: 36px;
    padding-top: 85px;
    height: auto;
}
    .purchasePointsDetailBox .row{ justify-content: center; align-items: center; }
    .purchasePointsDetailBox [class*="col-"]{ width: auto; -ms-flex: 0 0 0% !important;
flex: 0 0 0% !important; max-width: inherit % !important; }
 .purchasePointsDetailBox [class*="col-"] span{ white-space: nowrap; }
 .purchasePointsDetailBox .purchaseNumberBox{ text-align: center !important; }


    #divNoOffer .col-lg-6:last-child {        max-height: 50vh;        align-self: start;    }
#refer-a-friend #owl-bottomad .owl-item .item .col-lg-6.block-text { order: 2; padding: 45px 40px;}
    #no-offer .col-lg-6.block-text {
        order: 2;
        padding: 45px 40px;
    }

.purchasePointsDetailBox .col-2.text-center {  min-width: 90px;}
.purchasePointsDetailBox .col-5 {  -ms-flex: 0 0 41.666667%;  flex: 0 0 41.666667%;  max-width: 41.666667%;}

.companyDetail ul.viewPartnerListBox{ justify-content: center; }
.companyDetail ul.viewPartnerListBox li{ margin-bottom: 34px; }

#howitworks{min-height: 81vh;}

@media screen and (max-device-height: 414px) and (orientation: landscape) {

/*LiveAuction*/
body #LiveAuction.modal  { padding: 41px  !important; }
#LiveAuction .modal-dialog { max-width: 100%;}
#LiveAuction .modal-dialog .modal-content .modal-body{ flex-wrap: wrap; overflow: visible; max-height: initial; max-width: 390px; }
#LiveAuction .modal-dialog .modal-content .modal-body .popup-info,
#LiveAuction .modal-dialog .modal-content .modal-body .popup-image{
	width: 100%;

}
#LiveAuction .modal-dialog .modal-content .modal-body .popup-info{order: 2; }
#LiveAuction .modal-dialog .modal-content .modal-body .popup-image{order: 1;}

#LiveAuction .modal-dialog .modal-content .modal-body .popup-info .auction-title{ padding: 40px 34px; }

#LiveAuction .modal-dialog .modal-content .modal-body .popup-info h2{ font-size: 18px; }
#LiveAuction .modal-dialog .modal-content .modal-body .popup-info h1{font-size: 25px;}
#LiveAuction .modal-dialog .modal-content .modal-body .popup-button{ padding: 22px 34px; position: static; }

#LiveAuction .modal-dialog .modal-content .modal-body .popup-button .btn-block { display: inline-block;  width: auto; padding:10px 25px; 
font-size: 18px;
line-height: 20px;
font-weight: 300;
text-align: center;}




/*#topbar*/

#topbar{ height: 61px; padding-top: 0px; display: flex; justify-content: center; align-items: center; }
#topbar .owl-carousel .owl-stage{ height: auto !important;  }
#topbar .owl-carousel .owl-stage .owl-item span{ display: block; width: 100%;  }
#topbar .close-promo{ right: 18px; }
#topbar .close-promo img{ margin-top: -15px; }
#topbar .item a{ font-size: 10px; }

body #divBody{padding: 0px ;}

.cookies-popup{ height: auto;  }
.cookies-popup .container{padding-left: 20px;
padding-right: 20px; z-index: 9;}

.cookiesPopUpPaper:before{
	position: fixed;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 2;
}
.cookies-popup{ z-index: 99; }

#header .container { justify-content: flex-start; align-items: center;}

#header .container{ flex-direction: column; }
#header .container .logo, 
#header .container #mobnavrow {
    flex-grow: initial;
}
#header .container #mobnavrow{ width: 100%; }

#header .container #mobnavrow .mobile-nav-toggle img{ width: 23px; height: 38px; }
#header .container{ padding-left: 18px; padding-right: 18px; }
#header.shrink{ padding: 10px 0; height: auto !important; } 

.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100%;
    width: 100%;
    padding-left: 18px;
    padding-right: 18px;
}



#home-main #owl-homemain .owl-stage-outer .owl-item .item .row{ display: flex; flex-wrap: nowrap; margin: 0px; }
#home-main #owl-homemain .owl-stage-outer .owl-item .item .row .item-info{ padding: 23px; }
#home-main #owl-homemain .owl-stage-outer .owl-item .item .row .item-img{ padding: 0px; height: 235px; }
#home-main #owl-homemain .owl-stage-outer .owl-item .item .row .item-img img{ object-fit: cover;  height: 235px;width: 100%;}
#home-main #owl-homemain .owl-stage-outer .owl-item .item {height: 235px;}

#header { padding-bottom: 27px;}

#header .container .logo { max-width: 100%;}
#points.great-offers .slider-title, 
#points.even-more .slider-title,
#points.five .slider-title,
#points .slider-title
{ padding: 35px 41px 21px; }
#points.great-offers .slider-title h1, 
#points.even-more .slider-title h1,
#points.five .slider-title h1,
#points .slider-title h1{ width: 100%; max-width: initial; line-height: 100%; font-size: 20px; }
#points.great-offers {  padding: 5px 0;}





#double-bupp-points #owl-midad .owl-item .item .col-lg-5.pr-0{ order: 2; }
#double-bupp-points #owl-midad .owl-item .item .col-lg-7.pl-0{ order: 1; }


#category-box ul{ flex-wrap: wrap; /*justify-content: space-between;*/ display: flex;}

#refer-a-friend #owl-bottomad .owl-item .item .col-lg-6.block-text { order: 2; padding: 45px 40px;}
#refer-a-friend #owl-bottomad .owl-item .item .col-lg-6.pl-0{ order: 1; }
    #no-offer .col-lg-6.block-text {
        order: 2;
        padding: 45px 40px;
    }
    #no-offer .col-lg-6.pl-0 {
        order: 1;
    }
.nav-menu a img{ display:block; }


.mobile-nav.d-lg-none{ left: -321px; transition:all 0.5s; top: 0px; bottom: 0px; background: #ffc641; border-radius: 0px; padding: 0 23px 0 18px;  }
.mobile-nav-active .mobile-nav{ width: 321px; left: 0vw;  }

.mobile-nav.d-lg-none ul{ overflow-y: auto; overflow-x: hidden; }
.mobile-nav.d-lg-none ul li{ background-color: #FFF; margin-bottom: 19px; }
.mobile-nav.d-lg-none ul li a{ padding: 0px; }
.mobile-nav.d-lg-none ul li a span{ font-size: 18px; color: #061A41; line-height: 50px; display: inline-block;padding-left: 21px; position: relative;}

.mobile-nav.d-lg-none ul li a span.new{
    position: absolute;
    font-size: 10px;
    background: #d8124f;
    color: #fff;
    padding: 0;
    border-radius: 50px;
    width: 35px;
    height: 15px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    top: 4px;
    text-transform: uppercase;
    right: -19px;
}


.productlisting-banner #owl-sellListing .item .row{ margin: 0px !important; }
.productlisting-banner #owl-sellListing .item .row [class*="col-"]{ padding: 0; }
.productlisting-banner #owl-sellListing .item .row [class*="col-"] .btn { background-color: #DB0044; border-color: #DB0044; min-width: 123px; text-align: center; }
.productlisting-banner #owl-sellListing .item .row [class*="col-"] .btn:hover { background-color: transparent !important; min-width: 123px; text-align: center; }


.productlisting-banner{padding: 33px 0;}


#listPage .col-sm-4{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
#footer .footer-links li a{ margin-bottom: 15px; }
#footer{ height: auto; min-height: 278px; }
#product-listing .productlisting-area .productlisting-items .product-item-list.pink .product-grid{ width: 100%; }
.desktopBanner{ display: none; }

}

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    #home-main .owl-carousel .item h1{ font-size: 20px; line-height: 100% !important; }
    #home-main .owl-carousel .item p{ font-size: 12px !important;}
    .companyDetail ul.viewPartnerListBox li .companyAppUrl a {margin-top: 5px;}

    body #points .slider-title {
    padding-bottom: 36px;
    padding-top: 85px;
    height: auto;
}
    .great-offers .auctionHappeningNow-title .ViewAllBtn {
    margin-left: 0;
}
.purchasePointsDetailBox [class*="col-"]{
    flex: 0 0 100% !important;
max-width: 100% !important;
text-align: center !important;
padding: 0 !important;
}
.purchasePointsDetailBox .col-2{ margin: 15px 0;  }


    #divNoOffer .col-lg-6:last-child { max-height: 50vh;}
    #contactus .contactus-box.got-a-question .contactusbox-contents {height: auto;}
    #contactus button.faqs, #contactus a.faqs {margin-top: 15px !important;}
    #contactus .contactusbox-contents #AddContactEnquiryForm .text-danger {bottom: -3px;}
    #contactus .contactusbox-contents #AddContactEnquiryForm textarea {margin-bottom: 18px;}
/*LiveAuction*/
body #LiveAuction.modal  { padding: 41px  !important; }
#LiveAuction .modal-dialog { max-width: 100%;}
#LiveAuction .modal-dialog .modal-content .modal-body{ flex-wrap: wrap; overflow: visible; max-height: initial; max-width: 390px; }
#LiveAuction .modal-dialog .modal-content .modal-body .popup-info,
#LiveAuction .modal-dialog .modal-content .modal-body .popup-image{
	width: 100%;

}
#LiveAuction .modal-dialog .modal-content .modal-body .popup-info{order: 2; }
#LiveAuction .modal-dialog .modal-content .modal-body .popup-image{order: 1;}

#LiveAuction .modal-dialog .modal-content .modal-body .popup-info .auction-title{ padding: 40px 34px; }

#LiveAuction .modal-dialog .modal-content .modal-body .popup-info h2{ font-size: 18px; }
#LiveAuction .modal-dialog .modal-content .modal-body .popup-info h1{font-size: 25px;}
#LiveAuction .modal-dialog .modal-content .modal-body .popup-button{ padding: 22px 34px; position: static; }

#LiveAuction .modal-dialog .modal-content .modal-body .popup-button .btn-block { display: inline-block;  width: auto; padding:10px 25px; 
font-size: 18px;
line-height: 20px;
font-weight: 300;
text-align: center;}




/*#topbar*/

#topbar{ height: 61px; padding-top: 0px; display: flex; justify-content: center; align-items: center; }
#topbar .owl-carousel .owl-stage{ height: auto !important;  }
#topbar .owl-carousel .owl-stage .owl-item span{ display: block; width: 100%; line-height: 100%;  }
#topbar .owl-carousel .owl-stage .owl-item a{line-height: 100%;}
#topbar .close-promo{ right: 18px; }
#topbar .close-promo img{ margin-top: -15px; }
#topbar .item a, #topbar .owl-carousel .owl-stage .owl-item span{ font-size: 10px; }

body #divBody{padding: 0px ;}

.cookies-popup{ height: auto;  }
.cookies-popup .container{padding-left: 20px;
padding-right: 20px; z-index: 9;}

.cookiesPopUpPaper:before{
	position: fixed;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 2;
}
.cookies-popup{ z-index: 99; }

#header .container { justify-content: flex-start; align-items: center;}

#header .container{ flex-direction: column; }
#header .container .logo, 
#header .container #mobnavrow {
    flex-grow: initial;
}
#header .container #mobnavrow{ width: 100%; }

#header .container #mobnavrow .mobile-nav-toggle img{ width: 23px; height: 38px; }
#header .container{ padding-left: 18px; padding-right: 18px; }
#header.shrink{ padding: 10px 0; height: auto !important; } 

.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100%;
    width: 100%;
    padding-left: 18px;
    padding-right: 18px;
}


#home-main #owl-homemain .owl-stage-outer .owl-item .item .row{ display: flex; flex-wrap: nowrap; margin: 0px; flex-direction: column; flex-direction: column-reverse; }
#home-main #owl-homemain .owl-stage-outer .owl-item .item .row .item-info{ padding: 23px; min-width: 100%; }
#home-main #owl-homemain .owl-stage-outer .owl-item .item .row .item-img{ padding: 0px; height: auto; min-width: 100%; }
#home-main #owl-homemain .owl-stage-outer .owl-item .item .row .item-img img{ object-fit: fill;  height: auto;width: 100%;}
#home-main #owl-homemain .owl-stage-outer .owl-item .item {height: auto;}

body #header { padding-bottom: 27px; top: 0;}

#header .container .logo { max-width: 100%;}
#points.great-offers .slider-title, 
#points.even-more .slider-title,
#points.five .slider-title,
#points .slider-title
{ padding: 35px 41px 30px; }
#points.great-offers .slider-title h1, 
#points.even-more .slider-title h1,
#points.five .slider-title h1,
#points .slider-title h1{ width: 100%; max-width: initial; line-height: 100%; font-size: 20px; }
#points.great-offers {  padding: 5px 0;}
section#home-main {  padding: 10px 0 22px 0;}



#double-bupp-points #owl-midad .owl-item .item .col-lg-5.pr-0{ order: 2; }
#double-bupp-points #owl-midad .owl-item .item .col-lg-7.pl-0{ order: 1; }


#category-box ul{flex-wrap: wrap; /*justify-content: space-between*/ ;display: flex;}

#refer-a-friend #owl-bottomad .owl-item .item .col-lg-6.block-text { order: 2; padding: 45px 40px; }
#refer-a-friend #owl-bottomad .owl-item .item .col-lg-6.pl-0{ order: 1; }
    #no-offer .col-lg-6.block-text {order: 2;padding: 45px 40px;}
    #no-offer .col-lg-6.pl-0 {  order: 1;}
.nav-menu a img{ display:block; }


.mobile-nav.d-lg-none{ left: -321px; transition:all 0.5s; top: 0px; bottom: 0px; background: #ffc641; border-radius: 0px; padding: 0 23px 0 18px;  }
.mobile-nav-active .mobile-nav{ width: 321px; left: 0vw;  }

.mobile-nav.d-lg-none ul{ overflow-y: auto; overflow-x: hidden; }
.mobile-nav.d-lg-none ul li{ background-color: #FFF; margin-bottom: 19px; }
.mobile-nav.d-lg-none ul li a{ padding: 0px; }
.mobile-nav.d-lg-none ul li a img{max-width: 100px;}
.mobile-nav.d-lg-none ul li a span{ font-size: 18px; color: #061A41; line-height: 50px; display: inline-block;padding-left: 10px; position: relative;}

.mobile-nav.d-lg-none ul li a span.new{
    position: absolute;
    font-size: 10px;
    background: #d8124f;
    color: #fff;
    padding: 0;
    border-radius: 50px;
    width: 35px;
    height: 15px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    top: 4px;
    text-transform: uppercase;
    right: -19px;
}


.productlisting-banner #owl-sellListing .item .row{ margin: 0px !important; }
.productlisting-banner #owl-sellListing .item .row [class*="col-"]{ padding: 0; }
.productlisting-banner #owl-sellListing .item .row [class*="col-"] .btn { background-color: #DB0044; border-color: #DB0044; min-width: 123px; text-align: center; }
.productlisting-banner #owl-sellListing .item .row [class*="col-"] .btn:hover { background-color: transparent !important; min-width: 123px; text-align: center; }


.productlisting-banner{padding: 33px 0;}

#double-bupp-points .container .row {
    margin: 0 15px;
}

#double-bupp-points p{padding: 0px 25px; height: 56px;}
#double-bupp-points button.offer, #double-bupp-points a.offer {
    background: transparent;
    color: #fff;
    border-radius: 25px;
    box-shadow: none;
    border: 2px solid #fff;
   	height: 34px;
	width: 115px;
	line-height: 18px;
	font-size: 13px;
}

.header-btn{padding: 5px 15px 6px 15px;}
.header-btn.user{padding: 6px 0px 6px 0px;}
.header-btn.user a{padding: 0px 10px 0 10px;}

#points .container{padding-left: 15px; padding-right: 15px;}

#refer-a-friend .block-text p{

font-size: 14px;
line-height: 20px;
}

#product-slider #sync1 .item, #product-slider #sync1 .item img{height: auto;}
/*12/01/20*/

#footer{ height: auto; min-height: 278px; padding: 37px 20px 37px; }

.list-sort.align-items-center{ display:  flex; justify-content: flex-start; align-items: center; }
.list-sort.align-items-center > span, .list-sort.align-items-center .dropdown{ flex-grow: 1; }
.list-sort.align-items-center > span {max-width: 60px;}
 .list-sort.align-items-center .dropdown .select2.select2-container, 
  .list-sort.align-items-center .dropdown .select2.select2-container .selection,
  .list-sort.align-items-center .dropdown .select2.select2-container .selection .select2-selection { width: 100% !important; display: block; }

#product-listing .top-filter-bar .list-title{ font-size: 40px; font-weight: var(--fontBook) ;  }
button.currentbid, a.currentbid{ font-size: 16px;  font-family: var(--fontFamily) !important; font-weight: var(--fontBook) !important;
min-width: 172px; text-align: center; }
button.bidnow, a.bidnow,
button.bidnow:focus, a.bidnow:focus{border: 0px solid #fff; font-family: var(--fontFamily) !important; font-weight: var(--fontBook);
font-size: 12px;
line-height: 20px;}

.productlistingbanner-contents h1, .productlistingbanner-contents .currentbid{ font-weight: var(--fontRegular) ;}



#sync1 .owl-prev{ justify-content: flex-start; }
#sync1 .owl-next{ justify-content: flex-end; }
#sync1 .owl-prev .owlprev-slide{width: 41px; height: 41px; background: url(/Content/FrontEnd/assets/img/sliderArrowLite.svg) no-repeat !important;
    background-size: auto;}
#sync1 .owl-next .owlnext-slide{width: 41px; height: 41px; background: url(/Content/FrontEnd/assets/img/sliderArrowRight.svg) no-repeat !important;
    background-size: auto;}


.redeem-now .red1{padding: 51px 30px 40px 41px;}

#privacypolicies .policies{ font-family: var(--fontFamily) }
#privacypolicies .policies .policy-title{ font-weight:  var(--fontRegular); line-height: 24px; }

#privacypolicies .policies .policy-info{font-weight:  var(--fontBook);  color: #061A41; background-size: 975px 1px; background: url('/Content/FrontEnd/assets/img/LineBreak.svg') no-repeat center bottom; }

#product-listing .category #accordion .card-body { padding-top:  12px; }
#product-listing .productlisting-area {  padding: 52px 0 0;}

ul.product-item-list .product-grid .product-content h1{ font-weight: var(--fontRegular); }

#privacypolicies .policies .policy-info{padding-bottom: 43px; margin-bottom: 40px;}

 
/*sign-up pages*/


#sign-up h1{ font-size: 32px; font-weight: var(--fontRegular); }
#sign-up p{ font-size: 15px; font-weight: var(--fontBook); line-height: 24px; }

.switch-slider{min-width: 41px;}

#banner .info-1{  padding: 50px 40px 40px 30px; }
#banner .info-1 p{ font-size: 25px; font-weight: var(--fontRegular); line-height: 42px;}

#banner .bid-status{ padding: 50px 40px 40px 30px; }
.bid-status .row:nth-child(2){ margin-bottom: 35px  !important;  } 
.bid-status .row [class*="col-"]{width: 50%;}
.bid-status .label-value{ font-weight: var(--fontRegular); }
.bid-status .label{font-weight: var(--fontBook); }

.info-3 { padding: 50px 40px 40px 30px; }

#enter-bid button.confirm, #enter-bid a.confirm{padding: 0px 10px; font-size: 14px;}

body .auctionDetailPage{ padding-bottom: 0px !important; }


 #category-you-like .alsolike-options{padding: 50px 0px 40px 41px;}
#category-you-like .alsolike-hd h1 br{ display: none; }
#category-you-like .alsolike-hd h1, #category-you-like .alsolike-hd h1 span{ font-size: 20px; font-weight: var(--fontRegular); line-height: 26px; }
#category-you-like .alsolike-hd h1 span { width: 100%;  } 
#category-you-like .alsolike-hd{padding:30px 40px 20px 41px;}
.auctionDetailPage .container{ padding-left: 15px; padding-right: 15px; }

.auctionDetailPage .info-desc, .auctionDetailPage .info-desc p{ font-size: 16px; font-weight: var(--fontBook); }


#category-you-like span.category-type{ font-size: 14px; font-weight: var(--fontRegular); line-height: 22px; }
#category-you-like span.voucher-provider{font-size: 11px; font-weight: var(--fontBook); line-height: 22px; margin-top: 3px;}
#category-box h1{margin-bottom: 34px;}
#category-box ul li a{ min-width: 82px; }

body .productDetailPage{ padding-bottom: 0px !important; }

body .productDetailPage .container{ padding-left: 15px; padding-right: 15px; }

.productDetailPage .info-desc, .productDetailPage .info-desc p{ font-size: 16px; font-weight: var(--fontBook); }


.productDetailPage .redeem-now .red1 p, .productDetailPage .redeem-now .red1 h1{font-size: 25px; font-weight: var(--fontRegular); line-height: 42px; 
margin-bottom: 0px; }
 .productDetailPage .redeem-now .red1 .sm{font-size:12px; font-weight: var(--fontBook); line-height: 100%; 
margin-bottom: 0px; }


.productDetailPage .redeem-now  .red1 {
    padding: 40px 42px 35px 41px;
}
.productDetailPage .redeem-now  .red2{  padding: 40px 19px 35px 41px;}

.productDetailPage .redeem-now  .red2 .row{ margin-bottom: 39px  !important; margin-right: 0px; margin-left: 0px;  } 
.productDetailPage .redeem-now  .red2 .row:last-child{ margin-bottom: 0px  !important;  } 
.productDetailPage .redeem-now  .red2 .row .label{ padding-right: 10px !important; 0px; width: 40%; }
.productDetailPage .redeem-now  .red2 .row .label, .productDetailPage .redeem-now  .red2 .row .label-value{ padding:0px;  }
.productDetailPage .redeem-now  .red2 .row .label-value{ font-weight: var(--fontRegular); 0px; width: 60%;}
.productDetailPage .redeem-now  .red2 .row .label-value span{ margin-left: 15px; font-size: 10px;font-weight: var(--fontBook);  }

.productDetailPage .red3{  padding: 38px 42px 38px 41px; }
.productDetailPage .red3 .btn { font-size: 13px; margin-bottom: 17px; }
.productDetailPage .red3 .btn:last-child{ margin-bottom: 0px; }
.productDetailPage .red4 p{ font-size: 16px !important; font-weight: var(--fontBook) !important; }


/*RedeemNow Popup*/

#RedeemNow.modal { padding: 41px !important;}
#RedeemNow .modal-dialog { max-width: 100%;}
#RedeemNow .modal-dialog .modal-content .modal-header{ position: relative; }
#RedeemNow .modal-dialog .modal-content .modal-title{ font-size: 14px; font-weight: var(--fontBook); } 
#RedeemNow .modal-dialog .modal-content .close{ width: 23px; height: 23px; background: url(/Content/FrontEnd/assets/img/redeemNowClose.svg) no-repeat;
background-size: 100%; opacity: 1; right: 24px; top: 50%;font-size: 0 !important;padding: 0 !important;margin: 0;margin-top: -12px; }
#RedeemNow .modal-dialog .modal-content .close img{ display: none; }

#RedeemNow .modal-dialog .modal-content .modal-body .popup-info .red2{ box-sizing: border-box; padding: 33px 35px 30px 35px; width: 100%; }

#RedeemNow .modal-dialog .modal-content .modal-body .popup-info .red2 .purchase-info p span{ width: auto; margin-right: 5px; }

#RedeemNow .modal-dialog .modal-content .modal-body .popup-info .red2 h1{ line-height: 32px; font-weight: var(--fontRegular);  }
#RedeemNow .modal-dialog .modal-content .modal-body .purchase-info{ margin-bottom: 20px; }



/*purchaseConfirmedModal*/

#purchaseConfirmedModal.modal { padding: 41px !important;}
#purchaseConfirmedModal .modal-dialog { max-width: 100%;}
#purchaseConfirmedModal .modal-dialog .modal-content .modal-header{ position: relative; padding: 30px 78px 24px 30px; }
#purchaseConfirmedModal .modal-dialog .modal-content .modal-title{ font-size: 14px; font-weight: var(--fontBook); } 
#purchaseConfirmedModal .modal-dialog .modal-content .close{ width: 23px; height: 23px; background: url(/Content/FrontEnd/assets/img/redeemNowClose.svg) no-repeat;
background-size: 100%; opacity: 1; right: 24px; top: 50%;font-size: 0 !important;padding: 0 !important;margin: 0;margin-top: -12px; }
#purchaseConfirmedModal .modal-dialog .modal-content .close img{ display: none; }

#purchaseConfirmedModal .modal-dialog .modal-content .modal-body .popup-info .red2{ box-sizing: border-box; padding: 33px 35px 30px 35px; width: 100%; }

#purchaseConfirmedModal .modal-dialog .modal-content .modal-body .popup-info .red2 .purchase-info p span{ width: auto; margin-right: 5px; }

#purchaseConfirmedModal .modal-dialog .modal-content .modal-body .popup-info .red2 h1{ line-height: 32px; font-weight: var(--fontRegular);  }
#purchaseConfirmedModal .modal-dialog .modal-content .modal-body .purchase-info{ margin-bottom: 20px; }

/*purchasepoints*/

#purchasepoints{padding: 33px 41px;}
#purchasepoints .container{padding:0px;}
#purchasepoints h1{ font-size: 24px;  font-weight: var(--fontRegular); }
#purchasepoints .question-block{ padding: 0px  !important; }
#purchasepoints .question-block .question .question-title{ font-size: 18px;  font-weight: var(--fontRegular);}
#purchasepoints .question-block .question .question-info input, 
#purchasepoints .question-block .question .question-info button{ height: 50px; }
#purchasepoints .question-block .question{ margin: 0px 0 17px;}
#purchasepoints .question-block .question.mb-4 {  margin: 0px 0 40px !important;}

#purchasepoints button.save-changes, #purchasepoints a.save-changes { height: 46.97px; }

#purchaseConfirmedModal .modal-dialog .modal-content .modal-body .popup-info .red2 p { font-size: 18px !important;}


#preference-centre .dropdown-menu{    margin: 24px 0; }
#preference-centre  .dropdown.show .dropdown-menu li
{ padding-left: 15px; padding-right: 15px;
font-size: 17px;
 font-weight: var(--fontBook);
 padding-left: 0px;
 }
#preference-centre  .dropdown.show .dropdown-menu{ padding: 19px 14px; border:none; border-radius: 20px; z-index: 1; }
#preference-centre  .dropdown.show .dropdown-menu li:first-child{ padding-top: 0px; }
#preference-centre  .dropdown.show .dropdown-menu li:last-child{ padding-bottom: 0px; }

/*faqs*/


#faqs .accordion{ padding: 0px; }
#faqs .card .card-header .btn-header-link{ font-size: 14px; font-weight: var(--fontRegular);padding-right: 40px; position: relative; }
#faqs .card .card-header .btn-header-link:after{ position: absolute;top: 12px;right: 12px;}

#faq .card{ margin-bottom: 18.5px; }
#faq .card .card-body{font-size: 14px; font-weight: var(--fontBook); line-height: 24px;}

/*homeThankYouPage*/

.homeThankYouPage .container{ padding: 0 41px; }

/*contactus*/
#contactus{ padding: 0PX; }
#contactus .container{ padding: 40px 41px 10px;  }
#contactus h1.sec-hd{ font-size: 24px; font-weight: var(--fontRegular); margin-bottom: 24px; }
#contactus .contactusbox-hd{padding: 0 35px 0;}
#contactus .contactusbox-hd h1{ font-size: 22px; font-weight: var(--fontRegular); }
#contactus .contactusbox-contents{padding: 25px 35px;}
#contactus input.form-control{ margin-bottom: 17px; }
#contactus .contactus-box { margin-bottom: 20PX; }
#contactus .contactus-box.send-message .contactusbox-contents .position-relative{ margin-bottom: 0PX !important; }
#contactus .btn { margin-top: 0PX !important; }

.mobileBanner{ display: block;  width: 100%;  height: 100%;}

.desktopBanner{ display: none; }
 #contactus [class*="col-"]{ position: relative; }




.homeThankYouPage#sign-up h1 {
    font-size: 24px;
    font-weight: var(--fontRegular);
    color: #061A41;
    margin-bottom: 30px;
}

.homeThankYouPage p{ font-size: 16px; font-weight: var(--fontBook); line-height: 28px; }
.homeThankYouPage .btn { max-width: 198px; }
.btnCenterrow .btn{ margin: 0 auto 12.5px; }
#purchasepoints .question-block .question .question-info .dropdown-menu li{padding: 0 0 20px 0;}

/*howitworks*/

#howitworks .howitworks-hd{ padding: 51px 18px;}
#howitworks .howitworks-hd h1{ font-weight: vae(--fnotRegular); line-height:50px; padding: 0; }
#howitworks .container{ padding: 31px 18px 24px 19px; }

#howitworks .container [class*="step-"]{ flex-wrap: wrap; justify-content: space-between; align-items: center; height: auto; 
margin: 0; }


#howitworks .container [class*="step-"] .step-no{ width: calc(121px - 100% ); order:1; min-width: 121px;
padding: 70px 50px;
height: 183px;
text-align: center; }
#howitworks .container [class*="step-"] .step-desc{  width: 100%; min-width: 100%; order:3; height: auto; padding: 60px 25px; font-size: 38px; line-height: 50px;}
#howitworks .container [class*="step-"] .step-img{ width: calc(100% - 121px); order: 2; min-width: inherit; height: 100%; }
#howitworks .container [class*="step-"] .step-img img{ max-width: 100%; object-fit: cover;height: 182px; width: 100%; }

#howitworks .sign-up{ /*margin-top: 25px; margin-bottom: 15px;*/ }
.mobile-nav-toggle{ padding: 0px;  overflow: visible !important; margin-top: 10px;}
#header .container #mobnavrow .mobile-nav-toggle img{ margin-top: -5px; }

#header {
    height: 116px;
    padding-bottom: 10px;
}

/*my-profile*/


#my-profile{ padding-top: 39px; padding-bottom: 18.28px; }
#my-profile h1{ font-size: 30px; font-weight: var(--fontBook); margin-bottom: 30px; }
#my-profile .profile-sec-img{ max-width: 119.29px; width: 100%; }
#my-profile .profile-sec-img img{max-width: 100%;     height: auto;  min-height: 104px;  max-height: 104px; }

#my-profile .profile-sec-details{padding: 19px 21px 10px}
#my-profile .profile-sec-details h1{ font-size: 18px; font-weight: var(--fontRegular); line-height: 25px; margin-bottom: 5px; }

#my-profile .profile-sec-details p{ font-size: 10px; font-weight: var(--fontBook); line-height: 15px;  letter-spacing: -0.2px;}


#my-profile .profile-sec { margin-bottom: 18px;}


/*account-details*/



.back-to-profile a img{ width: 24.56px; height:  24.56px; margin-right: 16.44px; }
.back-to-profile a{ font-weight: var(--fontBook); }
.back-to-profile { margin-bottom: 27px;}




#account-details h1{ font-weight: var(--fontRegular); }
#account-details .container{padding-right: 18px; padding-left: 18px;}
#account-details .container .row{margin-right: -18px;margin-left: -18px;}

#account-details .account-details{ padding: 30px 23px 18.32px;  }

#account-details .account-details .form-control{padding: 0 25px 0 15px;}
#account-details .account-details .form-group{ margin-bottom: 20px; }
#account-details .account-details p{ font-size: 12px; font-weight:var(--fontBook); }
.form-check-label{ font-size: 13px; font-weight: var(--fontBook); }
#account-details .account-details p.sm{ padding: 0px; }
#account-details .account-details .form-group:last-child{ margin : 0px; }



/*myPointPage*/

body  #account-details .myPointPage{ padding: 0px; }
#account-details .account-details .sec-hd-sm, #account-details .table .thead-dark th{ font-weight: var(--fontRegular); font-size: 14px;
padding: 24px 22px 8px 22px; }
#account-details .table .thead-dark th, #account-details .table th, #account-details .table td{ padding: 25px 9px 25px 23px; }
#account-details .table .thead-dark th a{ font-size: 12px; }

#account-details .table .thead-dark th, #account-details .table .thead-dark th  a{  white-space: nowrap; } 
 #account-details .table td{word-break: break-all;  font-size: 12px; font-weight: var(--fontBook); }



#account-details .table th, #account-details .table tr { background: url('/Content/FrontEnd/assets/img/LineBreak.svg') no-repeat center bottom; background-size: auto;
    background-size: calc(180% - 0px) 1px;}

#PendingPoints{
    padding: 18px !important;
}

#account-details .table tr{  background:none;  }
#account-details .table tr td{position: relative;}
#account-details .table tbody tr td:after{
 content: "";
    display:block; ;
    width:100%;
    height: 1px;
    position: absolute;
    left: 0vw;
    bottom: 0px;
    background: url('../assets/img/LineBreak.png') no-repeat left bottom;
}

#account-details .table tbody tr td:first-child:after{
 background: url('/Content/FrontEnd/assets/img/LineBreak.png') no-repeat left 25px bottom;
}
#account-details .table tbody tr td:last-child:after{
 background: url('/Content/FrontEnd/assets/img/LineBreak.png') no-repeat right 23px bottom;
}

#account-details .table td:last-child {
    padding: 25px 23px 25px 23px;
}


#account-details .account-details:last-child{ padding-bottom: 35px; }


/*auctionsBid*/
#account-details .auctionsBid .table tbody  th, #account-details .auctionsBid .table tr{ background: none; }
#account-details .auctionsBid .table tr td, #account-details .auctionsBid .table tr th{position: relative;}
#account-details .auctionsBid .table tbody tr td:after, #account-details .auctionsBid .table tbody tr th:after{
 content: "";
    display:block; ;
    width:100%;
    height: 1px;
    position: absolute;
    left: 0vw;
    bottom: 0px;
    background: url('/Content/FrontEnd/assets/img/LineBreak.png') no-repeat left bottom;
}

#account-details .auctionsBid .table tbody tr td:first-child:after, 
#account-details .auctionsBid .table tbody tr th:first-child:after{
 background: url('/Content/FrontEnd/assets/img/LineBreak.png') no-repeat left 25px bottom;
}
#account-details .auctionsBid .table tbody tr td:last-child:after, 
#account-details .auctionsBid .table tbody tr th:last-child:after{
 background: url('/Content/FrontEnd/assets/img/LineBreak.png') no-repeat right 23px bottom;
}

#account-details .auctionsBid .table td:last-child,
#account-details .auctionsBid .table th:last-child {
    padding: 25px 23px 25px 23px;
}


#account-details .auctionsBid .account-details:last-child{ padding-bottom: 35px; }




.modal-dialog .modal-content .close{ opacity: 1; }
#PendingPoints .modal-dialog .modal-content .modal-title{ font-weight: var(--fontRegular); }
#PendingPoints .modal-dialog .modal-content .modal-body p{ font-weight: var(--fontBook); }
#PendingPoints .modal-dialog .modal-content .modal-body{padding: 22.77px;}


body  #account-details .myPointPage td{  color: #061A41; }

body  #account-details .myPurchasesPage td{ font-size: 14px !important; }
body  #account-details .myPurchasesPage th{ font-size: 16px !important; }


 #account-details.PromoCode_section .account-details{padding: 25px 24px 56px;}
 #account-details.PromoCode_section .btn{height: 50px; min-width: 107px;}



#account-details.PromoCode_section .form-group [class*="text-"]{ left: 12px; bottom:-54px; font-size: 15px; font-weight: var(--fontBook);
white-space: nowrap; position: absolute; }

  #account-details.PromoCode_section  .form-control::-webkit-input-placeholder { /* Edge */
  color: #061A41;
  font-size: 13px;
}

#account-details.PromoCode_section  .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #061A41;
  font-size: 13px;
}

#account-details.PromoCode_section  .form-control::placeholder {
  color: #061A41;
  font-size: 13px;
}

#account-details .account-details .form-copycode{padding: 18px 22px;}


.form-copycode a.save-changes{min-width: 140px;}





.messageboxroww{ position: relative; }



/*preference-centre*/

#preference-centre{ padding: 30px 0 25px; }

#preference-centre h1{ font-size: 24px; font-weight: var(--fontRegular); height: 85px; padding: 0 35px; }

#preference-centre .preference-contents{padding: 27px 23px 33.5px;}
#preference-centre .each-sec h2{ margin-bottom: 22px; }
#preference-centre input[type="checkbox"] + label{margin: 0 5.5px 13px;     min-width: 80px; font-size: 17px; font-weight: var(--fontBook); 
    padding: 0 10px;    
    justify-content: center;}
#preference-centre .each-sec{background-size: 200% 1px; padding: 0 0 32px 0px; margin-bottom: 37px; background: url('/Content/FrontEnd/assets/img/LineBreak.png') no-repeat center bottom;
    background-siz}

#preference-centre .each-sec p{margin-top: 21px !important;}
#contactus .social-links{ margin-top: 18px; }   
.closecooies a{ line-height: 35px; }
.cookies-popup{ padding-right: 18px; padding-left: 18px; }
.cookies-popup .container{ padding-left: 0px; padding-right: 0px; }


#preference-centre .btn { margin-top: 33px !important;     line-height: 32px; }


/*inbox*/


#account-details .account-details .inbox .table td{ font-size: 14px; }
#account-details .account-details .inbox .table td:first-child{ width: 80px; min-width: 80px; }
#account-details .account-details .inbox { margin-left: -23px; margin-right: -23px; width: auto; margin-top: -15px; }
#account-details .account-details .inbox .table tbody tr td:nth-child(2){ font-weight: var(--fontRegular); padding-left: 0px;  }
#account-details .account-details .inbox .table tbody tr td:nth-child(2) a{display: inline-block;
   width: calc(100vw - 56vw);
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;}




#account-details .account-details .inboxMessagePage .table tbody tr td:nth-child(2){
    font-weight: var(--fontRegular); font-size: 16px; 
}

#account-details  .inboxMessagePage  .message-details,
#account-details  .inboxMessagePage  .message-details p{ font-size: 15px; }
#account-details  .inboxMessagePage  .message-details .go-to-offer { font-weight: var(--fontRegular); font-size: 14px !important; 
line-height: 28px;}


/*ReferAFriend__section*/
#account-details.ReferAFriend__section .account-details { padding: 0px; }

#account-details.ReferAFriend__section .account-details .account-details-sec{ width: auto;} 
#account-details.ReferAFriend__section .account-details .account-details-sec .btn { min-width: 126px;     margin-left: 14px; }
#account-details.ReferAFriend__section .account-details .account-details-sec .form-copycode{     background: #f4f4f4;     padding: 21px 22px 6px;  }


#account-details.ReferAFriend__section .account-details .sec-hd{ font-size: 14px; font-weight: var(--fontRegular); }


#account-details.ReferAFriend__section .account-details .sec-p{ font-size: 15px; font-weight: var(--fontBook); padding: 23px 22px  15px; }

#account-details.ReferAFriend__section .account-details .form-copycode input{  font-size: 14px; font-weight: var(--fontBook); }

#account-details.ReferAFriend__section  .account-details ul li{ background: url(/Content/FrontEnd/assets/img/LineBreak.svg) no-repeat center bottom;
    border-bottom: none;     background-size: 200% 1px;
}



#account-details.ReferAFriend__section .account-details ul{    padding: 30px 22px 30px 22px;}


#account-details.ReferAFriend__section .account-details ul li:last-child{ padding-bottom: 17px !important; }


#purchasepoints.NotFound_section .btn{ line-height: 42px; }

#purchasepoints.NotFound_section h1 { font-size: 30px !important; }



 .slider-slides  #owl-greatoffers li, .slider-slides  #owl-greatoffers  li a{width: 100%;}
#owl-greatoffers .category-img{ height: 69px; }

 .slider-slides  #owl-evenmore li, .slider-slides  #owl-evenmore  li a{width: 100%;}
#owl-evenmore .category-img{ height: 69px; }

 .slider-slides  #owl-500ormore li, .slider-slides  #owl-500ormore  li a{width: 100%;}
#owl-500ormore .category-img{ height: 69px; }

 .slider-slides  #owl-1000ormore li, .slider-slides  #owl-1000ormore  li a{width: 100%;}
#owl-1000ormore .category-img{ height: 69px; }
#points .category-img {  border-radius: 10px;}

#category-you-like #owl-youmaylike li,  #category-you-like #owl-youmaylike  li a{width: 100%; max-width: 100% !important;}
#category-you-like #owl-youmaylike .category-img{ height: 69px; }
#points .category-img {  border-radius: 10px;}

#category-you-like #owl-youmaylike .category-img {  border-radius: 10px;}



#points .slider-slides.auctionHappeningNow{ padding-right: 40px; }

#points .slider-slides.auctionHappeningNow #owl-homeauctions{ padding-right: 0px !important; }

#points .slider-slides.auctionHappeningNow .category-img .category-img-details{
        border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.owlprev-slide{right: 46px;}
.owlprev-slide, .owlnext-slide{top: -31px;}

#sign-up .form-group .text-danger:empty { display: none; }
#sign-up .form-group .text-danger{  position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
    display: block;
    padding-top: 3px;}







#sign-up .form-group label.form-check-label + .field-validation-valid{  position: absolute !important; bottom: -15px; left: 0;}


#interests.addpreferencePage .each-sec{padding: 34px 0 30px;}

#interests.addpreferencePage .each-sec h2{ font-weight:var(--fontRegular); }

#interests.addpreferencePage .form-control{ height: 50px; }


#interests.addpreferencePage input[type=checkbox] + label{    padding: 10px 10px; font-size: 17px; font-weight: var(--fontBook);}



.productDetailPage .red4{ padding: 38px 18px 25px !important;  }


button[id^="ddlQuestion_"]{ border:none !important; height: 50px;padding-left: 14px; font-size: 17px; font-weight:var(--fontBook);   }



button[id^="ddlQuestion_"] .caret {
    width: 17px;
    height: 22px;
    float: right;
    display: block;
    background: url('/Content/FrontEnd/assets/img/ArrowIconDown.png') left top 5px no-repeat;
}

#interests.addpreferencePage button[id^="ddlQuestion_"] { border:solid 1px #061a41  !important; }


.dropdown-menu{; z-index: 1; }
#interests.addpreferencePage .dropdown.show .dropdown-menu{ padding: 19px 14px;  border-radius: 20px; z-index: 1; }
#interests.addpreferencePage  .dropdown.show .dropdown-menu li{ font-size: 17px; font-weight: var(--fontBook); }
#interests.addpreferencePage  .dropdown.show .dropdown-menu li:first-child{ padding-top: 0px; }
#interests.addpreferencePage  .dropdown.show .dropdown-menu li:last-child{ padding-bottom: 0px; }
#interests.addpreferencePage .each-sec #divQuestionCategories{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } 

#preference-centre.updatePreferencePage .each-sec #divQuestionCategories{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } 


body .titleRowBox .btn{    padding: 6px 15px;}
body .titleRowBox h1{ height: auto !important; }
body .titleRowBox .row.align-items-center{ height: 100%; }

.bgMycard {
    background: #FFF;
    padding: 18px 35px 22px 35px;
    margin: -28px -23px 0px;
}




#banner-options .col-sm-3{
	    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 10px !important;
}


#owl-homemain .owl-item .col-sm-3{
	  -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}
#owl-homemain .owl-item .col-sm-9{
	  -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}

#home-main .owl-carousel .item a.goto-offer {
    background: #061A41;
    color: #fff;
    border-radius: 25px;
    box-shadow: none;
    height: 35px;
    border: none;
    font-size: 14px;
    min-width: 123px;
    letter-spacing: -0.36px;
    line-height: 21px;
}

#double-bupp-points .owl-carousel .owl-item img{ height: auto; }


.paymentDetailsBox { padding: 0 26px; }
.paymentDetailsBox .bgMycard{ margin: 0px; padding:0 15px }

.paymentDetailsBox .setUpMin11 [class*="col-"]:nth-child(3){ width: 100%;     flex: 0 0 100%;
    max-width: 100%;     -ms-flex: 0 0 100%; margin-top: 15px; padding-left: 15px; }


.paymentDetailsBox .setUpMin11 [class*="col-"]:nth-child(1){ width: 50%;     flex: 0 0 50%;
    max-width: 50%;     -ms-flex: 0 0 50%;  padding-left: 15px; }
    .paymentDetailsBox .setUpMin11 [class*="col-"]:nth-child(2){ width: 50%;     flex: 0 0 50%;
    max-width: 50%;     -ms-flex: 0 0 50%;  padding-right:  15px; }

.paymentDetailsBox .setUpMin11 .parentLabel{ padding-left: 10px; }

.cardPaymentPage .addNewPaymentBox {
    margin-top: 50px;
}

.cardPaymentPage.paymentDetailsBox .subTitleRow { font-size: 20px;     margin-bottom: 0; padding-bottom: 16px;}
.cardPaymentPage.paymentDetailsBox .btn{ margin-top: 15px !important; }

.cardPaymentPage .cardHolderBox .cardName{ font-size: 18px; }



.myProfileMyAccount .setUpMin11 [class*="col-"]:nth-child(3){ width: 100%;     flex: 0 0 100%;
    max-width: 100%;     -ms-flex: 0 0 100%; margin-top: 15px; padding-left: 15px; }


.myProfileMyAccount .setUpMin11 [class*="col-"]:nth-child(1){ width: 50%;     flex: 0 0 50%;
    max-width: 50%;     -ms-flex: 0 0 50%;  padding-left: 15px; }
    .myProfileMyAccount .setUpMin11 [class*="col-"]:nth-child(2){ width: 50%;     flex: 0 0 50%;
    max-width: 50%;     -ms-flex: 0 0 50%;  padding-right:  15px; }

.myProfileMyAccount .setUpMin11 .parentLabel{ padding-left: 10px; }




.myProfileMyAccount .form-control,
.cardPaymentPage .form-control { font-size: 14px; }





.myProfileMyAccount .form-control:-webkit-input-placeholder,
.cardPaymentPage .form-control:-webkit-input-placeholder  { /* Chrome/Opera/Safari */
  color: #061A41 !important;
  font-size: 14px;
}
.myProfileMyAccount .form-control::-moz-placeholder,
.cardPaymentPage .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #061A41 !important;
  font-size: 14px;
}
.myProfileMyAccount .form-control:-ms-input-placeholder,
.cardPaymentPage .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #061A41 !important;
  font-size: 14px;
}
.myProfileMyAccount .form-control:-moz-placeholder,
.cardPaymentPage .form-control:-moz-placeholder { /* Firefox 18- */
  color: #061A41 !important;
  font-size: 14px;
}


.bid-status .label-value #acttimertime{ white-space: nowrap; }
#banner.auctionDetailPage .info-1 .sm{    font-size: 12px;
    font-weight: var(--fontBook);
    line-height: 100%;
    margin-bottom: 0px;}



/*slick-slider*/




.slick-slider .slick-track .item { padding-right: 20px !important; }
.slick-slider .slick-arrow{top: -26px;}
.slick-slider .slick-prev{ right: 50px; }
.slick-slider .slick-next{ right: 16px; }


/*end of slick-slider*/

.companyDetail ul.viewPartnerListBox{ justify-content: center; }
.companyDetail ul.viewPartnerListBox li{ margin-bottom: 20px; margin: 0 7px 39px; padding: 10px; }
.companyDetail ul.viewPartnerListBox li a{  font-size:15px; }

   .companyDetail ul.viewPartnerListBox li {  margin: 0 7px 14px;}
    .companyDetail ul.viewPartnerListBox li{max-width: 162px; max-height: 153px; min-height: 153px;}

 


    .companyDetail ul.viewPartnerListBox li .companyName { font-size: 15px;}

  .companyDetail ul.viewPartnerListBox li .companyLogoBox{
            display: flex;
    align-items: center;
    justify-content: center;
    }

.companyDetail ul.viewPartnerListBox li .companyLogoBox img {
    max-height: 40px;
    max-width: 80%;
}

.companyDetail ul.viewPartnerListBox li .companyLogoBox{     margin-bottom: 10px;      max-height: 63px;
    height: 63px;}




#account-details.transferPoints .desktopBoxImgNew{display: none;}
#account-details.transferPoints .mobileBoxImgNew{ display: block !important; }


#account-details.transferPoints .yourTescoPoints .yourTescoPointsInner .col-sm-12 .form-control {
    max-width: 105px;}

    #account-details.transferPoints .yourTescoPoints .yourTescoPointsInner span {
    font-size: 14px;}

#account-details.transferPoints .btn{ margin-top: 21px; }

#header.shrink a.logo img{ width: auto; }

ul#howitworks-steps li{padding-left: 0px; padding-right: 0;}

ul#howitworks-steps .step{height:auto;}

.purchasePointsDetailBox .col-2.text-center {  min-width: 90px;}
.purchasePointsDetailBox .col-5 {  -ms-flex: 0 0 41.666667%;  flex: 0 0 41.666667%;  max-width: 41.666667%;}
}





/* Portrait phones and smaller */
@media (max-width: 710px) {
.companyDetail ul.viewPartnerListBox{ justify-content: center; }
.companyDetail ul.viewPartnerListBox li{ margin-bottom: 20px; margin: 0 7px 39px; padding: 10px; }
.companyDetail ul.viewPartnerListBox li a{  font-size:15px; }

   .companyDetail ul.viewPartnerListBox li {  margin: 0 0px 13px;}
    .companyDetail ul.viewPartnerListBox li{max-width: 162px; max-height: 153px; min-height: 153px;}

 

    .companyDetail ul.viewPartnerListBox li:nth-child(3n+2){ margin-left:13px;  margin-right: 13px; }

    .companyDetail ul.viewPartnerListBox li .companyName { font-size: 15px;}
}

@media (max-width: 575px) {
ul#howitworks-options li {
        display: inline-block;
        margin-bottom: 11px;
        padding-left: 0 !important;
        padding-right: 0 important;
    }

#home-main #owl-homemain .owl-stage-outer .owl-item .item .row{ display: flex; flex-wrap: nowrap; margin: 0px; }
#home-main #owl-homemain .owl-stage-outer .owl-item .item .row .item-info{ padding: 23px; }
#home-main #owl-homemain .owl-stage-outer .owl-item .item .row .item-img{ padding: 0px; height: auto; }
#home-main #owl-homemain .owl-stage-outer .owl-item .item .row .item-img img{ object-fit: fill;  height: auto;width: 100%;}
#home-main #owl-homemain .owl-stage-outer .owl-item .item {height: auto;}
}

/* Portrait phones and smaller */
@media (max-width: 546px) {

.companyDetail ul.viewPartnerListBox{ justify-content: center; }
.companyDetail ul.viewPartnerListBox li{ margin-bottom: 20px; margin: 0 7px 39px; padding: 10px; }
.companyDetail ul.viewPartnerListBox li a{  font-size:15px; }

   .companyDetail ul.viewPartnerListBox li {  margin: 0 0px 14px;}
    .companyDetail ul.viewPartnerListBox li{max-width: 162px; max-height: 152px; min-height: 152px;}

    .companyDetail ul.viewPartnerListBox li:nth-child(1n ){ margin-right: 0px;  margin-left: 7px;  }

    .companyDetail ul.viewPartnerListBox li:nth-child(2n+1){ margin-left:0px;  margin-right: 7px; }
    .companyDetail ul.viewPartnerListBox li .companyName { font-size: 15px;}



#home-main .owl-carousel .item h1 {
font-size: 30px;
margin-bottom: 0;
}
#home-main .owl-carousel .item p{font-size: 16px;margin-bottom: 8px;}
#home-main .owl-carousel .item button.goto-offer, #home-main .owl-carousel .item a.goto-offer{
font-size: 15px;
}




}
/* Portrait phones and smaller */
@media (max-width: 515px) {

#home-main .owl-carousel .item h1 {
font-size: 26px;
margin-bottom: 0;
}
#home-main .owl-carousel .item p{font-size: 16px;margin-bottom: 8px;}
#home-main .owl-carousel .item button.goto-offer, #home-main .owl-carousel .item a.goto-offer{
font-size: 13px;
}



}
/* Portrait phones and smaller */
@media (max-width: 499px) {
#LiveAuction .modal-dialog .modal-content .modal-body .popup-info .auction-title{ padding: 20px 17px; }
#LiveAuction .modal-dialog .modal-content .modal-body .popup-button{ padding: 20px 17px; }
#LiveAuction .modal-dialog .modal-content .modal-body .popup-info h2{ font-size: 12px; }
#LiveAuction .modal-dialog .modal-content .modal-body .popup-info h1{font-size: 20px;}

#LiveAuction .modal-dialog .modal-content .modal-body .popup-button .btn-block { display: inline-block;  width: auto; padding:10px 25px; 
font-size: 16px; line-height: 20px;}

#points .slider-slides{ padding:40px 0px 40px 41px;   }


    #owl-greatoffers .owl-nav, #owl-homeauctions .owl-nav, #owl-evenmore .owl-nav, #owl-500ormore .owl-nav, #owl-1000ormore .owl-nav, #owl-youmaylike .owl-nav, #owl-insta .owl-nav {
        position: absolute;
        right: 15px;
        top: 5px;
    }


#owl-homeauctions .category-img-details .row  [class*="col-"]{
	width: 50%;
}

#owl-homeauctions .category-img-details .row   .row [class*="col-"] {
	width: 100%;
}

#owl-homeauctions .category-img-details #acttime_1{ white-space: nowrap; }


#owl-homeauctions{ padding-right: 15px  !important; }
#owl-homeauctions .category-img .category-img-details span.auction-time, #points.great-offers span.category-type, #points span.category-type, #points.five span.category-type, #points span.category-type, #points span.auction-bid,
#owl-homeauctions .category-img .category-img-details span.voucher-provider {
    font-size: 12px;
}
#home-main .owl-carousel .item button.goto-offer, #home-main .owl-carousel .item a.goto-offer {
    background: #061A41;
    color: #fff;
    border-radius: 25px;
    box-shadow: none;
    height: 35px;
    border: none;
    font-size: 14px;
    min-width: 123px;
    letter-spacing: -0.36px;
    line-height: 21px;
}

ul#banner-opxions li a{ 15px; font-weight: normal; }
#category-box.green ul li a{ min-width: 86px; font-size: 12px; }

#points.great-offers span.category-type, #points span.category-type, #points.five span.category-type, #points span.category-type{ font-size:14px; }
#points.great-offers span.voucher-provider, #points.even-more span.voucher-provider, #points.five span.voucher-provider, #points span.voucher-provider{ font-size: 11px; }
ul#banner-options li a{ font-size: 15px; font-weight: var(--fnotRegular); }
#double-bupp-points .owl-carousel .owl-item img{ height: auto !important;  }

#product-slider #sync2 .item{height: 80px;}

#category-you-like .category-img{height: 69px;}



body #divBody #account-details .TabsBox{ margin-top: 13px; }
body #divBody #account-details .TabsBox .nav.nav-tabs li { width: 50%; min-width: initial !important; }

body #divBody #account-details .TabsBox .nav.nav-tabs li  a{ width: 100%; min-width: initial !important; }


#banner-options .col-sm-3{
        -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 10px !important;
}


#owl-homemain .owl-item .col-sm-3{
      -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
#owl-homemain .owl-item .col-sm-9{
      -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}







}

/* Portrait phones and smaller */
@media (max-width: 480px) {
.bid-status .row{ margin: 0px;  }
.bid-status .row [class*="col-"]{ padding:0px;  }

#home-main .owl-carousel .item h1 {
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -0.64px;
}

.purchasePointsDetailBox [class*="col-"]{     -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;     text-align: center !important; }
.purchasePointsDetailBox [class*="col-"].text-center{ margin: 15px 0; }
.purchasePointsDetailBox [class*="col-"].text-center img{ transform: rotate(90deg); }
.purchasePointsDetailBox [class*="col-"] span{ display: block; width: 100%; text-align: center; }


#home-main #owl-homemain .owl-stage-outer .owl-item .item .row{ display: flex; flex-wrap: nowrap; margin: 0px; }
#home-main #owl-homemain .owl-stage-outer .owl-item .item .row .item-info{ padding: 23px; }
#home-main #owl-homemain .owl-stage-outer .owl-item .item .row .item-img{ padding: 0px; height: auto; }
#home-main #owl-homemain .owl-stage-outer .owl-item .item .row .item-img img{ object-fit:fill; height:auto; width:100%;}
#home-main #owl-homemain .owl-stage-outer .owl-item .item {height: auto;}


}

@media (max-width: 420px) {
#home-main .owl-carousel .item h1 {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: -0.64px;
}

#home-main #owl-homemain .owl-stage-outer .owl-item .item .row .item-info{ padding: 17px; }

#home-main .owl-carousel .item button.goto-offer, #home-main .owl-carousel .item a.goto-offer {
    font-size: 12px;
    }

}


/* Portrait phones and smaller */
@media (max-width: 375px) {

    .companyDetail ul.viewPartnerListBox li {  margin: 0 0px 0px;}
    .companyDetail ul.viewPartnerListBox li{max-width: 162px; max-height: 153px; min-height: 153px; margin-bottom: 14px;}

    .companyDetail ul.viewPartnerListBox li:nth-child(1n ){ margin-right: 0px;  margin-left: 7px;  }

    .companyDetail ul.viewPartnerListBox li:nth-child(2n+1){ margin-left:0px;  margin-right: 7px; }

    .companyDetail ul.viewPartnerListBox li .companyAppUrl a {margin-top: 5px;}

}

@media (max-width: 365px) {
#my-profile .profile-sec-img img {
 
    min-height: 144px;
    max-height: 154px;
    object-fit: cover;
}

.companyDetail ul.viewPartnerListBox li {
    max-width: 132px;
    max-height: 114px;
}
.companyDetail ul.viewPartnerListBox li .companyName {
    font-size: 13px;
}

.companyDetail ul.viewPartnerListBox li .companyLogoBox{     margin-bottom: 10px;      max-height: 40px;
    height: 40px;}


#home-main .owl-carousel .item h1 {
font-size: 22px;
margin-bottom: 0;
}
#home-main .owl-carousel .item p{font-size: 14px;margin-bottom: 8px;}
#home-main .owl-carousel .item button.goto-offer, #home-main .owl-carousel .item a.goto-offer{
font-size: 11px;
}

}




/* Portrait phones and smaller */
@media (max-width: 320px) {


#LiveAuction .modal-dialog .modal-content .modal-body .popup-info .auction-title{ padding: 20px 17px; }
#LiveAuction .modal-dialog .modal-content .modal-body .popup-button{ padding: 20px 17px; }
#LiveAuction .modal-dialog .modal-content .modal-body .popup-info h2{ font-size: 10px; margin-bottom: 5px; }
#LiveAuction .modal-dialog .modal-content .modal-body .popup-info h1{font-size: 17px;}
body #LiveAuction.modal { padding: 20px !important;}

.cookies-popup { padding: 20px 7px 25px;}

.titleRowBox { padding: 0px 20px;}

#account-details .account-details {  padding: 30px 15px 18.32px;}


}



/*iphone UI*/
@media not all and (min-resolution:.001dpcm) { 
        @media {
           #my-profile .profile-sec-img img{ height: auto; max-height: 191px; }
           
        }
}