﻿@charset "utf-8";
/* CSS Document */

@font-face {
    font-family:'Cronos-Pro';
    src:url(../fonts/Cronos-Pro-Light.ttf) format('truetype');
}

@font-face {
    font-family:'Cronos-Pro-Subhead';
    src:url(../fonts/Cronos-Pro-Light.ttf) format('truetype');
}

@font-face {
  font-family: 'Cronos-Pro-Light'; 
  src: url('../fonts/Cronos-Pro-Light.eot'); 
  src: url('../fonts/Cronos-Pro-Light.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/Cronos-Pro-Light.woff') format('woff'), 
  url('../fonts/Cronos-Pro-Light.ttf') format('truetype'), 
  url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg'); 
}

body {font-size: 16px; color: #2e3233; font-family: 'Cronos-Pro-Light', sans-serif !important;}                                                                           
a {color: #EE7E3C; text-decoration: none;} 
a:hover {color: #EE7E3C; text-decoration: underline;} 
a:focus, a:active, a:visited {color: #EE7E3C;outline: none;}       
.navbar {margin-bottom: 0;}                                        
.navbar-default { background-color: #fff; border-bottom: 1px solid #d0d0d0; height: 85px; margin-bottom: 0 !important; }  
.navbar-nav>li>a { color: #777; padding: 0; line-height: 32px; }   
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #777; background-color: transparent;}                                   
.navbar-default {background-color: #fff !important; border-color: #fff !important; }  
.custom-nav>li {padding: 20px 15px; height: 84px; vertical-align: middle; }  
.custom-nav li a {color: #2e3233; font-size: 16px; vertical-align: middle;}  
.storyltd-contact-header {margin-top: 5px;} 
.navbar-brand-custom {padding: 15px;height: 75px;} 
.navbar-brand {height: 80px !important; padding: 25px 15px !important;} 
.prelative {position: relative;} 
.ms-cart {width: 35px;} 
.new-search-blk {width: 240px; padding: 0; margin-top: 2px;} 
.new-search-icon {position: absolute !important; top: 0px !important; right: 0px; font-size: 16px; color: #2e3233; padding: 12px;}                                                                                                                                                                             
.search input[type=text] {border-radius: 4px; background-color: #fff; box-shadow: none; border: 1px solid #2e3233;width: 240px;	height: 40px;}    
.search input[type=text]:focus {border: 1px solid #747474;} 
.border-r-l {border-right: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0;} 
.button {background-color: #fff;border: 1px solid #EE7E3C;padding: 10px;color: #2e3233;border-radius: 6px;} 
.button:hover {text-decoration:none;background-color: #EE7E3C;color: #fff;} 
.btn-orange {background-color: #EE7E3C;	border: 1px solid #EE7E3C;padding: 6px 10px;color: #fff;border-radius: 0px;} 
.btn-orange:hover, .btn-orange:focus {background-color: #e57a3a;border: 1px solid #e57a3a;color: #fff;} 
.orange {color: #e57a3a;} 
.mr25 {margin-right: 25px;} 
.form-control:focus {border-color: #000; box-shadow: none;} 
.carousel-control.left, .carousel-control.right {background-image: none;} 
footer {margin: 25px 0 0 0;} 
.ms-footer-section {background-color: #e6e7e9; padding: 25px 0;} 
.ms-footer-links {padding: 0;} 
.ms-footer-links h2 {color: #EE7E3C; font-size: 16px; font-weight: normal; text-transform: uppercase;} 
.ms-footer-links ul {padding: 0;margin: 0;} 
.ms-footer-links ul li {padding: 0 0 10px 0; margin:10px 0;	list-style-type:none; border-bottom:1px solid #d8d8d8; line-height: 24px; font-size: 16px;} 
.ms-footer-links ul li:last-child {border-bottom: none;} 
.ms-footer-links ul li a, .ms-footer-links ul li a:hover {color: #2e3233;text-decoration: none;} 
.ms-social-section {background-color: #000000;padding: 20px 0;	position: relative;} 
.ms-social-section ul {padding: 0; margin: 0;} 
.ms-social-section ul li {list-style-type: none; padding: 0; margin: 0px 25px 0 0; display: inline-block;} 
.ms-social-section ul li a, .ms-social-section ul li a:hover {text-decoration: none;} 
.ms-social-section ul li:last-child {margin: 0;} 
.ms-social-icons {width: 270px; margin: 0 auto;} 
.p0 {padding: 0;}  
.pr10 {padding: 0 5px 0 0;} 
.cloneditem-1 {padding: 0;} 
.cloneditem-1 .carousal-cap {left: 5%;} 
.cart {width: 30px;} 
.cart-total-items {border: 1px solid #EE7E3C; color: #fff; font-size: 12px; background-color: #EE7E3C; border-radius: 50%; padding: 5px; position: absolute; bottom: -6px; right: -6px; width: 20px; height: 20px; font-style: normal; line-height: 10px; text-align: center;} 
.carousel-indicators .active {width: 10px; height: 10px; margin: 0; background-color: #4e4e50;} 
.carousel-indicators li {display: inline-block; width: 10px; height: 10px; margin: 0; text-indent: -999px; cursor: pointer; background-color: #000\9; background-color: #a7a8ac; border: 1px solid transparent; border-radius: 10px;}
.navbar-toggle {margin-top: 25px;} 
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #e7e7e7; background-color: #fff;} 
.new-sltd-overlay {background: rgba(255,255,255,0.8) ; color: #010101 !important; left: 0 ; bottom: 0 ; padding: 10px ; font-size: 20px ; position: absolute ; display: none ; width: 100%;}
.new-sltd-overlay a {color: #010101; text-decoration: none;} 
.section-title {text-align: center; text-transform: uppercase; font-size: 24px; font-weight: 400; margin: 20px 0;} 
.shop-title {color: #2e3233; font-size: 16px; margin:10px 0 15px 0;	text-transform: uppercase;} 
.storyltd-about {margin: 50px 0; font-size: 16px;    width: 527px;} 
.storyltd-about ul {margin: 0 auto; padding: 0;} 
.storyltd-about ul li {list-style-type: none; padding: 0 10px; text-align: center; font-size: 14px; float: left; min-width: 175px;}      
.storyltd-about ul li a {color: #2e3233; display: block; text-decoration: none;}                                                         
.storyltd-about ul li a:hover, .storyltd-about ul li a:focus, .storyltd-about ul li a:visited {color: #2e3233; text-decoration: none;}   
.mh-ic-stltd {min-height: 85px; margin-bottom: 10px; display: block;} 
.ms-copyright {text-align: center; color: #ffffff; padding-top: 8px; font-size: 12px;} 
.stltd-icons-sep {border-right: 2px solid #d8d8d8; padding-right: 25px;}  
.pr25 {padding-right: 25px;} 
.dropdown-menu:before {position: absolute; top: -7px; right: 12px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0,0,0,0.2); content: '';} 
.dropdown-menu:after {position: absolute; top: -6px; right: 13px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; }
.dd-negative-mrg {margin-top: -20px !important;}                                                           
.slide-title {position: absolute; top: -10px; left: 8%; background-color: #E7A614; padding: 10px 25px; color: #150600;} 
.navbar-brand>img {height: 32px;}                                                                          
iframe[name=google_conversion_frame] {display: none !important;}                                           
.storyltd-menu-container {border-bottom: 1px solid #c9c9c9; background-color: #dedede;}                    
.storyltd-ch {padding: 18px 15px !important;}                                                              
.storyltd-contact-header i {font-size: 14px; color: #2e3233; vertical-align: middle; margin-right: 5px;}   
.storyltd-contact-header a, .storyltd-contact-header a:hover {color: #2e3233; text-decoration: none;}      
.p0 {padding: 0 !important;}                                                                               
.nav-border-r {border-right: 1px solid #c9c9c9;}                                                           
.nw-newsletter {width: 500px !important; height: 500px !important;}                                        
.nw-content-box {width: 450px !important; padding: 10px 20px 10px !important; height: 450px !important;}   
.gift-cookie {height: 250px; width: 500px; padding: 20px; font-family: inherit; left: 50%; margin: -200px auto 0 -250px; position: absolute; top: 50%; z-index: 100001; background-image: url('../imgnew/gift-card-bg.png'); background-repeat: no-repeat; } 
.gift-cookie-content {width: 460px; height: 205px; padding: 10px; text-align: center; background: #fff;}   
.gift-cookie-content h1 {font-size: 36px; font-style: italic; color: #EE7E3C; margin: 10px 0 10px 0; text-align: center;} 
.top-nav-section-title {font-weight: bold !important; text-transform: uppercase;}                          
a:hover.top-nav-section-title {text-decoration: none; cursor: default;}                                    
.lh44 {line-height: 36px;}                                                                  
.sl-filters {margin: 10px auto;}                                                            
.ui-widget {font-family: 'Cronos-Pro-Light', sans-serif !important; font-size: 16px !important;}                                
.ui-tabs .ui-tabs-nav li a {font-size: 16px !important;}                                    
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: transparent; font-weight: normal; color: #555555;}
.ui-tabs .ui-tabs-nav li {margin: 0 10px 0px -2px !important; background-color: #f6f6f6;}   
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {background-color: #fff !important;}              
.ui-widget-content {border: transparent !important; color: inherit !important;}             
.ui-tabs .ui-tabs-panel {border-width: 0 1px 1px 1px !important; padding: 10px !important; border-left: 1px solid #aaaaaa !important; border-right: 1px solid #aaaaaa !important; border-bottom: 1px solid #d8d8d8 !important; min-height: 350px;}   
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border: 1px solid #d0d0d0; background: transparent; font-weight: normal; color: inherit;}
.ui-widget-header {border: 1px solid #d0d0d0; background: transparent; color: inherit; font-weight: 700;} 
#floating_subscribe_new .overlay {background: url(../images/overlay.png) repeat; z-index: 100000; min-height: 100%; height: auto !important; height: 100%; min-width: 100%; width: auto !important; width: 100%; position: fixed; top: 0; left: 0;}  
.modal-content {-webkit-box-shadow: none; box-shadow: none;} 
select.ResultsFilterDropDown::-ms-expand {display: none;}    
.banner-slide-img{height: 600px; margin: 0px auto; width: 100%; background-repeat: no-repeat; background-position: center; background-size: 100% 100%;} 
b.titlenew {left: 46px; right: 36px; overflow: auto; position: absolute; width: auto !important;}   
.left-navi { position: absolute; z-index: 8999; left: 32px; margin-top: -10px; } 
.right-navi { position: absolute; right: 35px; z-index: 999999; margin-top: -10px;} 
.playstore-links{position:absolute; left:10px; top:20px;} 
#boutiqueCntr li { min-height: 460px; height: auto;} 
.body-pattern-center-one{display: flex;}
.alert-success {display: block;}
 
@media screen and (max-width: 1004px)  
{ 
#lightbox-image-details-currentNumber {margin-left: -12px !important;}  
#lightbox-container-image-box{width: 96% !important; height: auto !important;}  
#lightbox-secNav-btnClose {float: none !important; position: absolute; top: 0; right: 48px;}  
#lightbox-nav-btnNext { margin-right: 0 !important;}  
.auction-items {margin-left: 15px; margin-right: 15px; padding-left: 0;} 
.auctions-blk {margin: 0 10px;} 
.std-banner-img img {margin-top: 8px;} 
} 
 
@media screen and (min-width: 992px)   
{   
    .navbar-default {height: 50px;} 
    .navbar-brand {height: 48px !important; padding: 8px 15px !important;} 
    .custom-nav>li {padding: 6px 15px; height: 50px;} 
} 
@media screen and (min-width: 768px)  and (max-width: 1170px) 
{  
.menu-blocker, .cd-main-header { 
   height: auto !important;   
} 
.cd-main-header {display: none;} 
.navbar-static-top .navbar-brand {margin-left: 26px !important;} 
} 
@media screen and (max-width: 992px)  
{ 
.ms-social-section{margin-top:55px; position:relative;}     
.playstore-links{position:absolute; left:0; right:0; padding:8px 2px; background:#474b4e; top: -61px;}    
.auction-items-img {float: left; margin-top: 10px;}    
} 
@media screen and (min-width: 992px) { 
.cd-header-buttons {right: 0 !important;} 
} 
@media screen and (max-width: 920px) {     
.lof-slidecontent .lof-opacity li img {    
    display: inline !important;            
    max-width: 100% !important;            
}    
}    
 
@media screen and (min-width: 768px) and (max-width: 992px)  
{ 
.main-slider-content {width: auto !important;} 
.lof-slidecontent .sliders-wrapper{width: auto !important;} 
.lof-slidecontent .lof-opacity li{width: 100% !important;} 

.navbar-brand {height: 48px !important; padding: 10px 15px !important;} 
.navbar-default {height: 51px;} 
.container {width: 100%;} 
.storyltd-menu-container {border-bottom: 1px solid #c9c9c9; background-color: transparent;} 
.custom-nav>li {padding:6px 8px; height: 50px; vertical-align: middle;} 
.cd-primary-nav li{display: block;} 
.carousel {height: 350px;} 
.carousel .item {height: 350px;} 
.banner-slide-img {height: 350px;} 
#auctionsignuptutorialmodal-dialog .carousel {height: 299px;} 
#mobilepromo-dialog {max-width: 496px; margin: 50px auto 0 auto;} 
.custom-nav li a {font-size: 14px;} 
.new-search-blk {width: 156px;} 
.col-lg-4.col-md-4.col-sm-12.col-xs-12.text-center.detail-pan {float: left; width: 33%;} 
.shop-title {margin: 5px 0 15px 0;} 
} 
  
@media screen and (max-width: 767px)    
{     
.content-block ul li {margin: 10px 3% 10px 3% !important; width: 94% !important; height: auto !important;} 
.main-slider-content {width: auto !important;} 
.lof-slidecontent .sliders-wrapper{width: auto !important;} 
.lof-slidecontent .lof-opacity li{width: 100% !important;} 
.about-auction {padding: 10px 10px;} 
 .mt50 {margin: 5px 10px;} 
 .para-border {margin: 0 10px;} 
 .menu-blocker, .cd-main-header {height: auto !important;} 
 .navbar-toggle .icon-bar {width: 4px; height: 4px; border-radius: 2px;} 
 /*.cd-main-header {display:none;}*/ 
 .detail-pan-row {margin:0 !important;} 
.col-lg-4.col-md-4.col-sm-12.col-xs-12.text-center.detail-pan {margin:0 9%; width: 82%; padding: 0;}   
 #mobilepromo-dialog {max-width: 496px; margin: 50px auto 0 auto;} 
 #mobilepromo .carousel {height: auto !important; margin-bottom: 0px;} 
 #mobilepromo .carousel .item {height: auto;} 
.navbar-brand>img {height: 14px;} 
.banner-slide-img{height: 309px; margin: 0px auto; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;} 
.detail-pan img{width:100%;} 
.carousel .item {height: 248px; background-color: #fff;} 
.carousel {height: 270px; margin-bottom: 50px; clear: both;} 
.carousal-cap {background: rgba(0, 0, 0, 0.7); width: 100%; margin: 0 auto; bottom:0px; padding: 10px 20px 10px 20px; left: 0; right: 0;}  
.carousal-cap h1, .carousal-cap-01 h1 {margin: 0 45px; padding-bottom: 0px; font-size: 12px;} 
.cd-header-buttons {right: 14px !important;} 
.navbar-nav {margin: 7.5px 4px;} 
.navbar-brand {height: 48px !important; padding: 8px 15px !important; margin-left: 56px;} 
.navbar-brand>img {height: 28px; margin-top: 3px;} 
.navbar-toggle {margin-top: 9px; margin-right: 24px; padding: 5px 14px;} 
.navbar-default {height: 50px;} 
.custom-nav>li {padding: 5px 15px; height: 50px;} 
.cd-primary-nav li{display: block;} 
.carousel-indicators .active {width: 7px; height: 7px;} 
.carousel-indicators li {display: inline-block; width: 7px; height: 7px;} 
.carousel-indicators {bottom: -26px; margin-bottom: 0;} 
.nw-newsletter {height: 450px; margin:0 auto 0 -155px !important; padding: 0 !important; background:none !important; top: 30px !important; width: 310px !important; z-index: 100001; left:50% !important;}   
.nw-content-box {width: 100% !important;} 
.nw-checkbox {margin: 40px auto 10px !important;} 
.nw-text-field {width: 156px !important;} 
.closesubscribe{padding: 0px 0px 0px 265px !important;} 
.nw-content-box {height: auto !important; padding-bottom:40px;} 
.auction__header--banner {margin-top: 0;  margin-bottom: 1px;}  
.container{padding:0 !important; width: 100%; overflow: hidden;}  
.auction-description {height: 128px !important; padding: 10px 10px 5px 30px !important; margin-left: 15px;}   
.auction-description h1 {font-size: 14px !important; font-weight: bold !important;}   
.auction-description span{font-size: 12px; line-height:16px;}  
.queries ul li a { font-size: 12px !important;}  
.queries {padding: 5px 10px !important;}  
.currencydd {padding: 0px !important; float: none !important; display:block !important;}     
.ms-auction-filter {margin: 10px 2% !important; width: 96% !important; position:relative;}   
.ms-auction-filter td{display:block;}   
.ms-auction-filter td div#sort{float:none !important;} 
.ms-auction-filter td div#sort select{width:100% !important; margin-bottom: 0 !important;} 
.ms-auction-filter .ResultsFilterDropDown {width: 90%; margin-bottom: 10px;}  
.ms-auction-filter #filters {text-align:left;}  
#refreshcurrentstatehandler{position: absolute; right: 0; top: 4px;}    
.ms-auction-filter .input-group { position: relative; width: 100%; margin-right:0; margin-bottom: 10px;}     
.currencydd select {margin-right: 0; margin-bottom: 3px;}    
#auctionCntr ul {margin-left: 10px; margin-right: 10px;}    
#auctionCntr li {background: none repeat scroll 0 0 #fff !important; float: none; width: 100%; padding: 0; margin:0; margin-bottom:15px; display: block; border: 1px solid #d6d6d6;}                                                                                         
.auction__header--banner .pr0 {padding-right: 15px !important;}  
.carousel {height: 167px;}  
.shop-title {margin: 3px 0 20px 0;} 
#auctionsignuptutorialmodal .modal-dialog {width: 300px !important;}  
.carousel .item {height:309px; background-color:#fff;} 
.carousel {height: 310px; margin-bottom: 54px;} 
b.titlenew {text-align:left;} 
.pd_detail{margin-left:15px; width: 94%;} 
.item_tabs {margin: 25px 15px;} 
.ms-footer-section {background-color: #e6e7e9; padding: 25px 15px;} 
.head_011 {background: url(https://mediacloud.saffronart.com/Resource/the_story/images/arrow_back.png) no-repeat 7px 7px !important;} 
.auction-art-header {margin-left: 10px;} 
.modal-content .carousel {height: 149px; margin-bottom: 30px;} 
.modal-content .carousel .item {height: 181px; background-color: #fff;} 
#dynamicProductsList li {margin: 10px 1%; width: 48%; height: auto; border: 1px solid #dcdcdc; background: #fff;} 
#dynamicProductsList li .product-image {height: auto; padding: 10px; width: 100%; text-align: center; position: relative; margin: 0 auto;} 
#dynamicProductsList strong.product-name a {font-size: 15px; width: auto; max-width: 111px;} 
#dynamicProductsList .product-detail .product-subtitle {font-size: 14px;} 
#dynamicProductsList li img {max-width: 100%;} 
#dynamicProductsList .product-detail {overflow: hidden; padding: 10px; width: 100% !important;} 
#dynamicProductsList li { min-height: 425px;} 

} 

@media only screen and (min-width:950px) and (max-width: 1200px) 
{ 
 #dynamicProductsList li {margin: 10px 1%; width: 31%; height: auto; border: 1px solid #dcdcdc; background: #fff;} 
#dynamicProductsList li .product-image {height: auto; padding: 10px; width: 100%; text-align: center; position: relative; margin: 0 auto;} 
#dynamicProductsList strong.product-name a {font-size: 15px; width: auto; width: 166px;} 
#dynamicProductsList .product-detail .product-subtitle {font-size: 14px;} 
#dynamicProductsList li img {max-width: 100%;} 
#dynamicProductsList .product-detail {overflow: hidden; padding: 10px; width: 100% !important;} 
#dynamicProductsList li { min-height: 425px;} 
} 
@media only screen and (min-width:768px) and (max-width: 950px){ 
 #dynamicProductsList li {margin: 10px 1%; width: 48%; height: auto; border: 1px solid #dcdcdc; background: #fff;} 
#dynamicProductsList li .product-image {height: auto; padding: 10px; width: 100%; text-align: center; position: relative; margin: 0 auto;} 
#dynamicProductsList strong.product-name a {font-size: 15px; width: 233px;} 
#dynamicProductsList .product-detail .product-subtitle {font-size: 14px;} 
#dynamicProductsList li img {max-width: 100%;} 
#dynamicProductsList .product-detail {overflow: hidden; padding: 10px; width: 100% !important;} 
#dynamicProductsList li { min-height: 425px;} 
.add-to-cart input[type="image"] {width: 220px; margin-top: 9px;} 
} 
 
@media only screen and (min-width: 480px) and (max-width: 1200px){ 
#auctionCntr li {background: none repeat scroll 0 0 #fff !important; float: left; width: 48% !important; padding: 0; margin: 0 1%; margin-bottom:14px;}                                                                                             
.body-pattern-center#auctionCntr li {width: 48% !important;} 
.body-pattern-center-one#auctionCntr li {width: 98% !important;} 
} 

@media screen and (max-width: 1200px) 
{
#dynamicProductsList li {min-height: 460px;}
#dynamicProductsList.list-view li {min-height: 226px;}
}

@media screen and (max-width: 992px) {
#dynamicProductsList li {
    min-height: 334px;
}
#dynamicProductsList.list-view li {
    min-height: 329px;
}
}

@media screen and (max-width: 767px)    
{    
#auctionCntr li {float: none; width: 98% !important;}
#dynamicProductsList li {
    min-height: 211px;
}
.storyltd-about {
    margin: 50px auto;
    font-size: 16px;
    width: 427px;
}
.storyltd-about ul li {min-width:100px;}
.ui-tabs .ui-tabs-nav li a {
    font-size: 13px !important;
    padding: 8px 8px !important;
}
 
}
@media screen and (max-width: 480px) 
{            
.ui-tabs .ui-tabs-nav li {border: 1px solid #666666 !important; float:none !important; display:inline-block; margin-bottom: 10px !important; border-radius: 5px !important; border-bottom: 1px solid #666666 !important;} 
.content-block li span.price {float: left !important;} 
.item-lists {width: 100%;} 
.lof-slidecontent ul.navigator-wrap-inner li {margin-right: 8px; width: 68px!important; margin-left: 5px;}         
.lof-slidecontent .lof-opacity li img {display: inline !important; max-width: 96% !important;}              
.content-block ul li img {max-width: 100% !important;}    
.content-block ul li .product-image {width: 100% !important;}    
.add-to-cart input[type="image"]{width: 160px; margin-top: 9px;}     
.main-slider-content {width: auto !important;}    
.lof-slidecontent .sliders-wrapper{width: auto !important;}    
.lof-slidecontent .lof-opacity li{width: auto !important;}     
.banner-slide-img{height: 220px; margin: 0px auto; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;}     
.carousel {height: 200px; margin-bottom: 50px; clear: both;} 
.carousal-cap {background: #000;} 
.carousel .item {height: 200px; background-color: #fff;} 
.carousal-cap, .carousal-cap-01 {width: 100%; background:rgba(0, 0, 0, 0.7); left: 0; right: 0; bottom: 0; font-size: 11px; padding: 10px 0 10px 0;}    
.carousal-cap h1, .carousal-cap-01 h1 {margin: 0; padding-bottom: 0; font-size: 11px;}    
.custom-nav>li {padding: 5px 15px; height: 50px;}   
.storyltd-about {margin: 10px 0; width: auto;}    
.sltd-about ul li {width: 100%; margin-bottom: 25px;}    
.stltd-icons-sep {border-right: transparent; padding-right: 0; margin-bottom: 0;}    
.pr25 {padding-right: 0;}    
.ms-footer-links ul li {text-align: center;}    
.ms-footer-links ul li:last-child {border-bottom: 1px solid #d8d8d8;}     
.navbar-brand>img {height: 26px; margin-left: 8px; margin-top: 3px;}    
.storyltd-about ul li {float: none; margin-bottom: 25px;}    
.custom-modal {width: 300px; margin: 25px auto;}   
.ResultsFilterDropDown {width: 140px; margin-bottom: 10px;}   
.ms-category-banner-heading {margin-left: -10%;}   
#boutiqueCntr li {width: 98%;}   
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 18px auto !important;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}

#jquery-lightbox a img {
    border: none;
    top: -4px !important;
    position: absolute;
    z-index: 999;
    margin-left: 7px !important;
}
#boutiqueCntr li .product-image {width: 295px;}   
#boutiqueCntr li img {display: inline-block; max-width: 100%;}   
.navbar-toggle {margin-top: 8px;}   
.cd-header-buttons { right: 15px !important;}   
.navbar-brand {height: 50px !important; padding: 9px 15px !important; margin-left: 44px;}    
.navbar-default {height: 50px;}   
.carousel-indicators {bottom: -24px;}   
.carousel-indicators .active {width: 7px; height: 7px;}   
.carousel-indicators li {display: inline-block; width: 7px; height: 7px;}      
.auction__header--banner {margin-top: 0;  margin-bottom: 1px;}   
.container{padding:0 !important; width: 100%; overflow: hidden;}   
.auction-description {height: 128px !important; padding: 10px 10px 5px 14px !important; margin-left: 15px;}        
.auction-description h1 {font-size: 14px !important; font-weight: bold !important;}   
.auction-description span{font-size: 12px; line-height:16px;}   
.queries ul li a { font-size: 12px !important;}   
.queries {padding: 5px 10px !important;}   
.currencydd {padding: 0px !important; float: none !important; display:block !important;}     
.ms-auction-filter {margin: 10px 2% !important; width: 96% !important; position:relative;}   
.ms-auction-filter td{display:block;}   
.ms-auction-filter td div#sort{float:none !important;}   
.ms-auction-filter td div#sort select{width:100% !important; margin-bottom: 0 !important;}   
.ms-auction-filter .ResultsFilterDropDown {width: 90%; margin-bottom: 10px;}   
.ms-auction-filter #filters {text-align:left;}  
#refreshcurrentstatehandler{position: absolute; right: 0; top: 4px;}   
.ms-auction-filter .input-group { position: relative; width: 100%; margin-right:0; margin-bottom: 10px;}   
.currencydd select {margin-right: 0; margin-bottom: 3px;}   
#auctionCntr ul {margin-left: 10px; margin-right: 10px;}    
#auctionCntr li {background: none repeat scroll 0 0 #fff !important; float: none; width: 100%; padding: 0; margin:0; margin-bottom:15px; display: block; border: 1px solid #d6d6d6;}   
.auction__header--banner .pr0 {padding-right: 15px !important;}       
b.titlenew {width: 248px;}  
.carousel {height: 167px;}  
#auctionsignuptutorialmodal .modal-dialog {width: 300px !important;}   
.carousel .item {height: 218px; background-color: #fff;}   
.carousel {height: 218px; margin-bottom: 44px;}  
b.titlenew {width: 228px !important; text-align:left;}    
/* Auction work detail */ 
#sliderCntr {margin-top: 12px;}             
.pd_detail {margin-left: 15px; width: 90%;} 
.auction-art-header {margin-left: 10px;}    
#ContentPlaceHolder1_item_details_page .item_tabs {margin: 25px 15px;} 
#mobilepromo-dialog {max-width: 300px; margin: 48px auto 0 auto;} 
.test{width:211px !important; left: 11px; bottom:-2px; left:3px !important;} 
#livechat-compact-container{bottom:0px !important; right:2px !important; width:101px !important; height:53px !important;}    
.sidebar h1, .test h1 {width: 195px !important;} 
.sidebar {width: 213px !important; left:2px; right:auto !important;} 
.detail-pan-row {margin:0 !important;} 
.col-lg-4.col-md-4.col-sm-12.col-xs-12.text-center.detail-pan {margin:0 10%; width: 80%; padding: 0;} 
.shop-title {margin: 3px 0 18px 0;}   
.mhead-align{ width:100%; float:none !important;}
.mdrop-align{ margin-bottom:-10px; margin-right:-14px; margin-top:20px;}
#dynamicProductsList strong.product-name a {max-width: 176px;} 
} 
@media screen and (max-width: 320px) { 
.navbar-brand>img {height: 24px;}  
.storyltd-about {margin: 10px 0;}  
.custom-modal {width: 300px; margin: 25px auto;} 
.storyltd-about ul li {float: none;} 
.ResultsFilterDropDown {width: 140px; margin-bottom: 10px;} 
.ms-category-banner-heading {margin-left: -10%;} 
#boutiqueCntr li {width: 98%;} 
#boutiqueCntr li .product-image {width: 98%;} 
#boutiqueCntr li img {display: inline-block; max-width: 100%;} 
} 
@media screen and (min-width:1100px) 
{ 
 .modal-content .carousel {height: 299px;} 
 .modal-content .carousel .item {height: 299px;} 
 .carousel {height: 300;} 
 .banner-slide-img {height: 300;} 
 .carousel .item {height: 300; background-color: #fff;}  
} 
@media screen and (min-width:1500px) { 
 .modal-content .carousel {height: 299px;} 
 .modal-content .carousel .item {height: 299px;} 
 .carousel {height: 700px;} 
 .banner-slide-img {height: 700px;} 
 .carousel .item {height: 704px; background-color: #fff;}  
/*.banner-img {  
background-size: cover !important; 
}*/ 
} 
@media screen and (min-width:1900px) { 
 .modal-content .carousel {height: 299px;}                          
 .modal-content .carousel .item {height: 299px;} 
 .carousel {height: 800px;} 
 .banner-slide-img {height: 800px;} 
 .carousel .item {height: 800px; background-color: #fff;}  
} 
 
@media screen and (min-width:2400px)  
{ 
 .modal-content .carousel { height: 299px;}                            
 .modal-content .carousel .item {height: 299px;}                      
/*.carousel { 
    margin-top: 0; 
}*/ 
 .carousel {height: 1000px;} 
 .banner-slide-img {height: 1000px;} 
 .carousel .item {height: 1000px; background-color: #fff;}  
/*.banner-img { 
background-size: cover !important; 
}*/ 
}


.home-banner {display: block; margin-bottom: 40px;}
.home-banner img {width: 100%; height: 100%;}
.right-banner {width: 50%; float: left;}
.left-banner {width: 50%; float: left; border-right:3px solid #fff;}

@media only screen and (min-width: 1900px) and (max-width: 3000px) {
.right-banner {height: 900px;}
.left-banner {height: 900px;}
}

@media only screen and (min-width: 1500px) and (max-width: 1900px) {
.right-banner {height: 730px;}
.left-banner {height: 730px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1500px) {
.right-banner {height: 600px;}
.left-banner {height: 600px;}
}
@media only screen and (min-width: 1000px) and (max-width: 1200px) {
.right-banner {height: 520px;}
.left-banner {height: 520px;}

}
@media only screen and (min-width: 900px) and (max-width: 1000px) {
.right-banner {height: 420px;}
.left-banner {height: 420px;}

}
@media only screen and (min-width: 768px) and (max-width: 900px) {
.right-banner {height: 350px;}
.left-banner {height: 350px;}

}
@media only screen and (min-width: 480px) and (max-width: 768px) {
.right-banner {height: 350px;width: 100%;float: none; }
.left-banner {height: 350px; width: 100%;float: none; border-bottom: 5px solid #fff; border-right:none;}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
.right-banner {width: 100%; float: none; }

.left-banner {width: 100%; float: none; border-bottom: 5px solid #fff; border-right:none;}
}
