:root{
  --white-color:#ffffff;
  --f8ae57-color:#f8ae57;
}
/*-------------- media section ---------------*/
@media screen and (min-width: 320px) and (max-width:767px){
  #jewellery-news,#hot-deals,#summer-testimonial .testimonials-box,#popular-jewellery .popular-jewellery-head ul,#popular-jewellery,#jewellery-category,#header,#site_top .topbar-links,#jewellery-collection,#offer-banner-one .offer-box,#featured-products,#offer-banner-two .offer-box{
    text-align: center;
  }
  #site_top .topbar-links a{
    padding: 0px 7px !important;
  }
  .logo-text {
    margin-bottom: 15px;
  }
  .topbar-account {
    margin-top: 18px;
  }
  .cat_toggle{
    padding: 10px 0px;
    float: left;
  }
  #slider .slider-small-title,.slider-text{
    display: none;
  }
  .slider-box {
    max-width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    background-color: transparent;
  }
  #slider h1{
    font-size: 15px;
    padding: 0;
  }
  #slider .slider-button-1,.cat_toggle span{
    font-size: 12px;
  }
  #slider .slider-button-1 {    
    padding: 6px 15px;
  }
  #offer-banner-one .offer-box h3,#jewellery-collection .collection-head h3, #featured-products .featured-products-head h3, #jewellery-category .category-head h3, #popular-jewellery .popular-jewellery-head h3, #hot-deals .hot-deals-head h3, #jewellery-news .jewellery-news-head h3{
    font-size: 20px;
  }
  #jewellery-collection .collection-head a {
    font-size: 12px;
    padding: 12px 8px;
  }
  .cat_toggle i,#offer-banner-one .offer-one-image{
    padding: 0;
  }
  .cat_toggle{
    font-size: 10px;
  }
  #offer-banner-one .offer-one-image span,#offer-banner-two .offer-box .discount{
    display: block;
    transform: none;
    position: unset;
    text-align: center;
    margin: 10px auto;
    width: 100%;
  }
  #featured-products .featured-products-head a, #jewellery-category .category-head a, #hot-deals .hot-deals-head a, #jewellery-news .jewellery-news-head a {
    padding: 10px 7px;
  }
  #jewellery-news .owl-nav .owl-prev, #jewellery-news .owl-nav .owl-next, #hot-deals .owl-nav .owl-prev, #hot-deals .owl-nav .owl-next,#summer-testimonial .owl-nav .owl-prev, #summer-testimonial .owl-nav .owl-next, #jewellery-category .owl-nav .owl-prev, #jewellery-category .owl-nav .owl-next, #featured-products .owl-nav .owl-prev, #featured-products .owl-nav .owl-next, #jewellery-collection .owl-nav .owl-prev, #jewellery-collection .owl-nav .owl-next{
    display: none;
  }
  #jewellery-category,#hot-deals{
    padding-bottom: 0;
  }
  #hot-deals .owl-nav,#jewellery-news .owl-nav{
    margin-top: 20px;
  }
  #footer .footer1, #footer .footer3 {
    padding: 20px;
  }
  #footer .widget_wpb_social_widget, #footer .widget .widget_nav_menu,#footer form label{
    text-align: center;
  }
  #footer .footer1, #footer .footer1 h3:after{
    text-align: center;
  }
  #footer .h3:after,#footer .widget-title:after{
    margin: 12px auto;
  }
  #footer .textwidget input[type="submit"]{
    right: 0;
    left: 0;
    margin: 0 auto;
  }
  .shop-page ul.products li.product .onsale{
    width: auto;
    height: auto;
    margin: -15px -6px;
  }
}
@media screen and (max-width: 575px){
  #footer .widget_nav_menu, #footer .about_me table, #footer form label{
    text-align: center;
  }
  .about_me tr {
    display: contents;
  }
  #hot-deals .hot-deals-head a,#featured-products .featured-products-head a, #jewellery-category .category-head a,#jewellery-collection .collection-head a, #hot-deals .hot-deals-head a, #jewellery-news .jewellery-news-head a{
    margin-left: 0px;
  }
  #footer .textwidget input[type=email],.contact-page-details .inner-cont p,.contact-page-details .contact-text,.contact-page-details h3{
    text-align:center
  }
  .contact-box .contac_form input[type="submit"]{
    display: block;
    margin: 0 auto;
  }
  #summer-testimonial .summer-box a{
    margin-top: 100px;
  }
  #footer .widget p{
    text-align: left;
  }
}
@media screen and (max-width: 320px){
  #footer .widget p{
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width:1200px){
  .instagram-images .insta-text {
    padding: 1rem 8px;
  }
  /*#jewellery-news .owl-nav .owl-prev, #jewellery-news .owl-nav .owl-next, #hot-deals .owl-nav .owl-prev, #hot-deals .owl-nav .owl-next,#summer-testimonial .owl-nav .owl-prev, #summer-testimonial .owl-nav .owl-next, #jewellery-category .owl-nav .owl-prev, #jewellery-category .owl-nav .owl-next, #featured-products .owl-nav .owl-prev, #featured-products .owl-nav .owl-next, #jewellery-collection .owl-nav .owl-prev, #jewellery-collection .owl-nav .owl-next{
    display: none;
  }*/
  #slider .slider-small-title,.cat_toggle span,#jewellery-news .news-content h5 a{
    font-size: 12px;
  }
  #slider h1{
    font-size: 22px;
  }
  #slider .slider-button-1 {
    font-size: 12px;
    padding: 10px 20px;
  }
  .cat_toggle i{
    padding: 0;
  }
  .cat_toggle{
    font-size: 10px;
    padding: 22px 0;
  }
  #popular-jewellery .popular-jewellery-head h3{
    font-size: 25px;
  }
  #popular-jewellery .popular-jewellery-head ul li a{
    padding: .5rem 8px;
  }
  #jewellery-news .news-content .news-title{
    padding: 6px 15px;
  }
  #footer .footer_menu ul li{
    padding: 0 6px;
  }
  #header-search .account{
    max-width: 66px;
  }
}
@media screen and (max-width: 768px) and (min-width: 576px){
  #slider ol.carousel-indicators{
    bottom: 10%;
  }
  #jewellery-news .owl-nav .owl-prev, #jewellery-news .owl-nav .owl-next, #hot-deals .owl-nav .owl-prev, #hot-deals .owl-nav .owl-next,#summer-testimonial .owl-nav .owl-prev, #summer-testimonial .owl-nav .owl-next, #jewellery-category .owl-nav .owl-prev, #jewellery-category .owl-nav .owl-next, #featured-products .owl-nav .owl-prev, #featured-products .owl-nav .owl-next, #jewellery-collection .owl-nav .owl-prev, #jewellery-collection .owl-nav .owl-next{
    display: none;
  }
  #offer-banner-one .offer-box{
    padding: 12px 25px;
  }
  #offer-banner-one .offer-box h3{
    font-size: 20px;
  }
  #offer-banner-one .offer-box p span{
    font-size: 12px;
  }
  #offer-banner-one .offer-box a{
    padding: 5px 17px;
  }
  #offer-banner-one .offer-one-image span{
    padding: 0px 8px;
    line-height: 21px;
    font-size: 13px;
  }
  #offer-banner-two .offer-box .discount{
    font: 700 15px var(--font-four);
    letter-spacing: 0;
    padding: 0px 14px;
    width: 9%;
    line-height: 29px;
  }
  #summer-testimonial .summer-box a{
    margin-top: 100px;
  }
}
@media screen and (max-width: 991px)and (min-width: 767px){
  #offer-banner-two .offer-box .discount{
    width:9%;
  }#offer-banner-one .offer-one-image span{
    padding: 0 8px;
    line-height: 21px;
    font-size: 13px;
  }
  #jewellery-news .owl-nav .owl-prev, #jewellery-news .owl-nav .owl-next, #hot-deals .owl-nav .owl-prev, #hot-deals .owl-nav .owl-next,#summer-testimonial .owl-nav .owl-prev, #summer-testimonial .owl-nav .owl-next, #jewellery-category .owl-nav .owl-prev, #jewellery-category .owl-nav .owl-next, #featured-products .owl-nav .owl-prev, #featured-products .owl-nav .owl-next, #jewellery-collection .owl-nav .owl-prev, #jewellery-collection .owl-nav .owl-next{
    display: none;
  }
  #offer-banner-one .offer-box h3{
    font-size:20px;
  }
  #offer-banner-one .offer-box{
    padding: 12px 25px;
  }
  #offer-banner-one .offer-box a{
    padding: 5px 17px;
  }
}
@media screen and (max-width: 1024px){
  #instagram{
    margin:0;
  }
  #instagram h5 {
    color: #000000 !important;
    text-align: center;
  }
  .home.page-template .container{
    width: 100%;
  }
  iframe {
    width: 100%;
    height: auto;
  }
  .headerbar {
      display: block;
      margin: 0;
  }
  .hamburger {
      padding: 0px;
  }
  .side-navigation li.current_page_item {
    border-bottom: none;
  }
  .side-navigation ul li a:hover{
    color: var(--f8ae57-color);
  }
  .side-navigation li.current_page_item a {
    color: var(--f8ae57-color);
  }
  .main-header .side-navigation {
    display: none
  }
  .side-navigation,.side-navigation li {
    padding: 0;
    display: block
  }
  .side-navigation ul li a {
    padding: 10px;
    display: block;
    color: var(--white-color);
    border-bottom: 2px solid var(--white-color);
    background: 0 0!important;
    text-align: left
  }
  amp-sidebar#sidebar1 {
    background: #111;
    width: 250px
  }
  #sidebar1 {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: .5s
  }
  .side-navigation ul li ul, .side-navigation ul li ul ul {
      display: block !important;
  }
  .side-navigation ul ul {
      background: transparent !important;
  }
  .side-navigation ul ul {
      position: static;
      width: 100%;
      box-shadow: none;
  }
  .side-navigation ul ul li {
    background: transparent !important;
    padding: 0 !important;
  }
  .side-navigation ul ul li{
      display: block;
      padding-left: 7px;
  }
  .side-navigation ul.sub-menu li a:before{
    content: none;
  }
  #offer-banner-one .offer-one-image span,#offer-banner-two .offer-box .discount{
    padding: 0px 14px;
  }
}
@media screen and (max-width: 1199px) and (min-width:1025px){
  #offer-banner-one .offer-one-image span{
    line-height: 26px;
  }
  #offer-banner-two .offer-box .discount{
    line-height: 28px;
  }
}