.top-header
{
    padding: 40px 0;
}

.top-search-cont
{
    position: relative;
    max-width: 300px;
    padding: 5px;
}

#search_box
{
    width: 100%;        
}

#searchbutt
{
    position: absolute;
    top: 11px;
    right: 6px;
    background: url('icons/search.png') no-repeat;
    z-index: 2;
    cursor: pointer;    
    width: 26px;
    height: 24px;
    padding: 0;
    border: 0;
}

#logo_image
{
    display: block;
    margin: 0 auto;    
    max-width: 100%;
}

.small-icons-cont
{
    float: right;
    margin-left: 6%;
    padding-top: 8px;
}

.small-icons-cont a
{
    text-decoration: none;
    color: black;
}


.topname
{
    max-width:90px;
}

.ellipsis {
      white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
display: inline-block;  
margin-top: 5px;
    vertical-align: bottom;
}

.accountnamecont
{
    position: relative;
    padding-bottom: 10px;
}

.accountnamecont:hover .accountsubmenu
{
    display: block;
}

.accountsubmenu
{
        display: none;
    position: absolute;
    right: 0;
    top: 100%;
    background: #fff;
    padding: 10px;
    z-index: 100;
    border: 2px solid #eeeeee;
    border-radius: 5px;
    min-width: 180px;
}

.accountsubmenu a
{
    display: block;
    padding: 2px 20px;   
    color: #000;
    border-radius: 5px;
}

.accountsubmenu a:hover
{
color: #fff;
background: #000;
}

/*-- ============= Top Menu */

.top-menu
{
background-color: #333;    
}

.navbarmenu {     
  overflow: hidden;
  margin: 0 auto;
}

.navbarmenu a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdownmenu {
  float: left;
  overflow: hidden;
}

.dropdownmenu .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font: inherit;
  margin: 0;
}

.navbarmenu a:hover, .dropdownmenu:hover .dropbtn {
  background-color: white;
  color: black;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 100%;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content .header {
  background: red;
  padding: 16px;
  color: white;
}

.dropdownmenu:hover .dropdown-content {
  display: block;
}


/* Breadcrum Section */
.breadcrumbcont
{
    margin-bottom: 70px;
}   
.clear{clear: both;}
.catcont{
    width:33.3%;
    float: left;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 10px;
  background-color: #ccc;
  height: 250px;
}

.column a {
  float: none;
  color: black;
  padding: 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.column a:hover {
  background-color: #ddd;
}

/* Clear floats after the columns */
.menurow:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    height: auto;
  }
}
/*-- ============= Top Menu */

/* ======home page======= */

#carouselExampleControls
{
margin-bottom: 50px;    
}

.special-title
{
    text-align: center;
    text-transform: uppercase;
    font-size: 2.5vw;   
   border-bottom: 1px solid #b5b3b3; 
   line-height: 0.1em;
   margin-bottom: 70px;
   margin-top: 10px;
}

h2.special-title span {     
    padding: 0 50px 0 0; 
    background: #fff url(../../images/sale-icon.png) no-repeat;
    background-position: right center;    
}

h2.normal-title span {     
    background:#fff;
    padding:0 20px;
}

h2.dress-title span {     
    padding: 0 30px 0 0; 
    background: #fff url(../../images/dress-icon.png) no-repeat;
    background-position: right center;   
    background-size: 8%;
}

.specialoffercont{   
    text-align: center;    
    margin-top: 50px;
}

.productoffer
{
    position: relative;
    display: inline-block;  
}
.productoffer img
{
display: block;
max-width: 100%;  
margin-bottom: 20px;
}

.percentage {
    position: absolute;
    left: -25px;
    top: 22px;
    background: url(../../images/sale-tag.png) no-repeat;
    background-size: contain;
    width: 77px;
    height: 40px;
    text-align: center;
    padding-top: 3px;
    font-weight: bold;
    color: #fff;
    z-index: 10;    
}


.pinkcont {
    background-color: #fae7fa;
}

.pinkcont img{
    display: block;
 margin: 0 auto; 
 max-width: 100%;
}

.pinkcont h3{
    text-align: center;
    margin: 20px 0;
}

.twocolumndress 
{
    margin: 50px;
}
.twocolumndress img
{
 display: block;
 margin: 0 auto;  
 max-width: 100%;
}

.twocolumndress h3
{
  text-align: center;
    margin: 20px 0;
}


.footer
{
    border-top: 2px solid #000;
    padding-top: 50px;
    margin-top: 100px;
}

.footlinkscont
{
    text-align: center;
}
.fotcol
{
    display: inline-block;
    margin: 20px auto;
    text-align: left;
}

.fotcol h4
{
margin-bottom: 20px;    
}

.fotcol a
{
    display: block;
    color: #000;
}

.fotcol a img
{
float: left;
margin-left: 5px;
}

.terms
{
    border-top: 1px solid #a5a4a4;
    padding: 10px 0;
    margin-top: 50px;
}

.terms  a.firstlink
{
       margin-left: 1%;
}

.terms a 
{    
    display: block;
    float: left;
    margin-right: 50px;
    color: #a5a4a4;
}

.terms .termslogos img
{
    float: right;
    margin-left: 20px;
}


ul.breadcrumbcont li
{
    display: block;
    float: left;
    margin-right: 20px;
}

.main-inner-content img
{
    max-width: 100%;
}

.aboutus-img img
{
margin-bottom: 20px;    
}

/* category page*/

.sortbycont
{
margin: 20px 0 0 0;    
}

.productoffer
{
    color: #9b9696;
    text-align: left;
}

.procatlisttit
{
    font-size: 14px;
    font-weight: bold;
}

.newprice
{
float: left;
font-weight: bold;
}

.oldprice
{
    float: left;
    margin-left: 20px;
 text-decoration: line-through;
}

.likecont
{    
    float: right;
}

.filtertit
{
    font-size: 21px;
    font-weight: bold;
    border-bottom: 1px solid black;
    display: block;
    margin-bottom: 20px;
}

.subfiltercont ul
{
    list-style: none;
}

.subfiltercont ul li a
{
    color: black;
}

.catsectit
{
    font-size: 1.5vw;
    margin-bottom: 0;
}

.paginationcont
{
    float: right;
    display: block;
    width: 100%;
    margin: 50px 0 0 0; 
}
.paginationfloat
{
     float: right;
}


.current-link
{
    background: #eeeeee;
}

.myaccountbox
{
    text-align: center;
    display: block;
    text-align: center;
    border: #000 solid 1px;
    padding: 32px;       
}

.myaccountboxcont
{
margin-top: 40px;    
}

.myaccountboxcont a {   
    color: #000;
    text-decoration: none;
}

.myaccountbox h2
{
    font-size: 20px;
}

.myaccountbox h3
{
    font-size: 12px;
}

.myaccountbox img
{
    margin: 10px 0; 
}

.successmes
{
color: green;
text-align: center;
margin-bottom: 200px;
}

/* ======signin======= */
form label{font-size: 18px;font-weight: bold;margin-top: 30px;}
.signin {text-align: center;background-color: black;color: white;}
.signinboxcont form input {width: 100%;min-height: 40px;}
.forgetpass {text-decoration: underline;color: black;font-weight: bold;}
.center {text-align: center;}

/* ======saveditems======= */
.saveditemscont{text-align: center;margin-top: 60px;}
.saveditemsitem{margin-top: 30px !important;position: relative;padding-right:30px;margin: 0 auto;display: inline-block;min-width: 250px;text-align: left;}
.saveditemsitem .closebut{position: absolute;top: 0;right: 0;}
.saveditemsitem .saveditemdress{display: block;float: left;}
.saveditemsitem h3 {font-size: 12px;}
.saveditemsitem h4 {font-size: 10px;}
.saveditemsitem .saveditemdetails {float: left;margin-left: 20px;}
.saveditemsitem .addtobag{position: absolute;bottom: 0;right: 0;color: red;text-decoration: underline;}
.saveditemsitem .signin {padding: 10px 60px;}


/* =========mybaglist=============*/
.mybaglist{margin-top: 30px;width: 100%}
.mybaglist p {margin-bottom: 0;}
.red{color: red;}
.green{color: green;}
.black{color: black}
.midline{text-decoration: line-through;}
.underline{text-decoration: underline;}
.mybaglist input {text-decoration: none;border: none;text-align: center;width: 50px}
.mybaglist button{border: none;width: 30px;}
.ordersummarycont {border-left: 1px solid black;font-weight: bold}
.ordersummarycont h3 {border-bottom: 1px solid black;padding-bottom: 10px;margin-bottom: 10px;}
.ordersummarycont table {width :100%;margin: 20px 0;}
.checkoutbutton {width:100%;color: white;background-color: #ff7979;padding: 5px 0;max-width: 250px;margin-bottom: 40px;border:none}
.ordersummarycont img {max-width: 40px;margin:0 5px; }

/* =========checkout=============*/
.choutstepscont table{width:100%;text-align: center;margin-bottom: 50px;}
.pnk{color: #ff7979}
.pnkback{color: #ff7979}
.stepnum{background: url(../../images/eclipse.png) no-repeat;}

.checkoutsteptitle span{width:33px;height: 31px;display: block;float: left;margin-right: 10px;font-weight: bold;font-size: 19px;text-align: center;}
.checkoutsteptitle h3{float: left;margin-bottom: 30px;}
.stepbullet{margin-bottom: 50px;}



/* =========checkout=============*/
.proid{font-size: 10px;color: grey}
.sizeoptions{display: inline-block;padding: 3px;margin: 3px;border: 1px solid black;color: black;}
.sizeoptions:hover{text-decoration: none;}
.Quanttit{margin-top: 10px;}
select.mySelect{   
    padding: 0 10px;   
}
select.mySelect option{	
    padding: 0 10px;
}

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}




/*========================= responsive ============================ */
@media (max-width: 1235px) {
    .small-icons-cont
    {
          margin-left: 2%;    
    float: right;
    }
    h2.special-title span { 
    background-size: 10%;
    padding:0 20px 0 0; 
    }
}


@media (max-width: 1068px) {
    .small-icons-cont
    {
          margin-left: 0;    
    float: left;
    clear: both;
    }
}


@media (max-width: 946px) {
    .logo-cont
    {
        min-width:100%;
        margin: 20px 0
    }
    .logo-cont img
    {
        margin: 0 auto;
        display: block;
    }
    
    
    .small-icons-cont
    {
        margin: 0 5px;
    display: inline-block;        
    }
    
    .small-ico-cont
    {                
        display: inline-block;  
        min-width: 100%;
    }
    
    .top-search-cont
    {
        margin: 0 auto;
    }
    
    .accountsubmenu
    {
        right: auto;
        left: 0;
    }
}

@media (max-width: 512px) {
    .terms a 
    {
        margin-right: 3%;
        margin-bottom: 20px;
    }
    
    .terms .termslogos img
    {
        float: left;
    }
}