/* white you custom css code here. only css code will work */
body{
overflow-y:hidden;
}
.footer-area .footer-top{
	padding: 96px 0 20px;
}

.new-style-1 .new-header-bg{
  background-size:contain;
}

.xg_mega_menu_wrapper{
 transform:translateX(-30%)
}

.header-area-wrapper .header-area.header-bg{
  background-position: top !important;
  height:800px !important;
}

.our-stor-isotop-btn-wrapper .our-stor-btn-list li:hover{
	border-bottom: 2px solid var(--main-color-one) !important;
  color:var(--main-color-one) !important;
}
.our-stor-isotop-btn-wrapper .our-stor-btn-list li.active{
	border-bottom: 2px solid var(--main-color-one) !important;
  color:var(--main-color-one) !important;
}

.register-form-area-wrapper .register-bg{
  width:100% !important;
}

@media screen and (max-width: 767px){
  .new-style-1 .new-header-bg{
        background-position: top;
}
  .xg_mega_menu_wrapper{
    transform:translateX(-40%);
  }
}

@media screen and (max-width: 576px){
  .new-style-1 .new-header-bg{
        background-position: top;
    height:200px;
}
  .new-header-area-wrapper .header-inner.style-01 .btn-wrapper{
    position: absolute;
    top: 145px;
    margin-top:0px;
  }
  
  .new-header-area-wrapper .header-inner.style-01 .btn-wrapper .default-btn.color-black {
  	font-size:10px;
    padding: 5px 5px;
  }
  
  .search-bar{
width: 300px !important;
    left: -730% !important;
}
  
}


.header-area-wrapper .header-bg{
  background-size:contain !important;
}


/* About us style */
.about-us-stylish-blog-inner .content {
margin-top:170px;
}

@media screen and (max-width: 1200px){
  .about-us-stylish-blog-inner .content{
        margin-top:235px;
}
}

@media screen and (max-width: 1100px){
.header-area-wrapper .header-area.header-bg{
  background-position: top !important;
  height:600px !important;
}
}

@media screen and (max-width: 990px){
  .about-us-stylish-blog-inner .content{
        margin-top:300px;
}
  .header-area-wrapper .header-area.header-bg{
  	height:500px !important;
    padding-bottom:0px !important;
  }
  
}

@media screen and (max-width: 767px){
  .about-us-stylish-blog-inner .content{
        margin-top:0px;
}
  .header-area-wrapper .header-area.header-bg{
  	height:400px !important;
    background-position:top;
    padding-bottom:0px !important;
  }
  
  .logo-wrapper img{
  	max-width:125px !important;
  }
  
}

@media screen and (max-width: 600px){

  .header-area-wrapper .header-area.header-bg{
  	height:350px !important;
    background-position:top;
    padding-bottom:0px !important;
  }
  
  
}
@media screen and (max-width: 576px){
.header-area-wrapper .header-area.header-bg{
  	height:300px !important;
    background-position:top;
    padding-bottom:0px !important;
  }
  
  
  .xg_mega_menu_wrapper {
transform: translateX(-100%);
    left: 100%;
    width: 100%;
}
  .nav-right-inline .nav-right-content{
    top: 5px !important;
    left: 60% !important;
    display: flex;
    align-items: center;
    
  }
  
  .logo-wrapper img{
  	max-width:100px !important;
  }
  
  .navbar-area.new-nav-style-01 .new-nav-container .responsive-mobile-menu .navbar-toggler{
  	height:auto !important;
    padding:0px !important;
  }
  
  .logo-wrapper{
  	display:flex;
    align-items:center;
  }
  
}


@media screen and (max-width: 420px){
  .popular-dress-area-wrapper{
  padding-top:0px !important;
  }
  
}