/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.cta-text h2 {
  font-size: 22px;
}

.single-team-item-hover {
  bottom: 0;
}
.subscribe input[type="text"] {
  width: 160px;
}

.single-team-item-hover-icon {
  background-color: #ebf0f4;
  padding: 8px 2px;
}
.single-testimonial-img {
  background: #fff none repeat scroll 0 0;
  box-shadow: none;
  margin: 0px;
  padding: 5px;
  z-index: 1;
}
.client-title::after {
  background: none;
}
.single-service-menu li a {
  font-size: 15px;
}
.single-service-icon {
  padding-right: 5px;
}
.buy-now {
  left: 42%;
  transform: translateX(-34%);
}
.company-presentation a {
  padding: 15px 9px;
}

.share-project ul li a {
  padding: 10px 11px;
  transition: .3s;
}
.share-project .twitter-color {
  padding: 10px 16px;
}
.share-project ul li a:hover {
  opacity: .8;
}
.single-sidebar-item input[type="text"] {
  width: 235px;
}
.block-content-blog-bottom::after {
  background: none;
}
.single-mesonary-item-hover h3 {
  font-size: 20px;
}

.company-information a {
  font-size: 14px;
  margin-bottom: 44px;
  padding-left: 55px;
}

.company-information {
  box-shadow: none;
  display: inline-block;
  margin-top: 18px;
  padding: 15px 15px 15px 8px;
}

.mainmenu ul li ul {
  width: 190px;
}

.testimonial-style-3-left-title {
  left: 50%;
  opacity: 0.5;
  top: -39px;
  transform: rotate(0deg) translate(-50%);
}
.testimonial-style-3-left-title.home-3-blog-title {
  left: 50%;
  top: -40px;
}
.testimonial-style-3-left-title.home-3-blog-title::after {
  left: 150%;
  top: -34%;
}
.testimonial-style-3-left-title.home-3-pricing-title {
  left: 50%;
  top: -40px;
}
.testimonial-style-3-left-title.home-3-projects-title {
  left: 50%;
  top: -37px;
}
.testimonial-style-3-left-title.home-3-service-title {
  left: 50%;
  top: -42px;
}


}


/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mainmenu ul li a {
  font-size: 15px;
  padding: 2px 12px;
}
.satisfied-content h2 {
  font-size: 32px;
  line-height: 34px;
}   
.satisfied-content p {
  margin-bottom: 20px;
}  
.cta-text h2 {
  font-size: 20px;
}  
.cta-text p {
  font-size: 14px;
  margin: 0;
}
.service-2-area::after {
  background: inherit;
  display: none;
}
.single-project-carousel-hover h3 {
  font-size: 16px;
}   
    
.single-latest-blog-item-img {
  position: inherit;
}   
.single-latest-blog-item {
  padding-left: 0;
  position: inherit;
}
.single-latest-blog-content {
  margin-top: 20px;
}
.footer-news-2-img {
  position: inherit;
}
.single-footer-news-2 {
  padding-left: 0;
  position: inherit;
}
.single-footer-news-2 h4 {
  margin: 0 0 2px;
  padding-top: 6px;
} 
    
.home-1-footer-news-text {
  margin-bottom: 20px;
}
.footer-info p {
  font-size: 14px;
  padding-left: 0;
  position: inherit;
}  
.footer-info p span {
  margin-right: 4px;
  position: inherit;
}
.footer-info a {
  font-size: 14px;
}   
.single-footer-top-item.tags-item.single-footer-top-item-2 a {
  font-size: 13px;
  margin: 3px 1px 7px;
  padding: 10px 14px;
}  
.mainmenu ul li ul {
  width: 158px;
}  
.single-service-item {
  margin-top: 20px;
  margin-bottom: 20px;
}
.titan-video-left::before {
  width: 58%;
}   
.titan-video-text {
  margin-top: 0px;
  padding-left: 15px;
}  
.single-count-item {
  padding-left: 86px;
}
.single-count-item span {
  font-size: 24px;
  margin: 0px;
}

.single-team-item-hover-content {
    padding: 10px;
}
.single-team-item-hover h4 {
    font-size: 13px;
    margin: 0;
}
.single-team-item-hover h3 {
    font-size: 15px;
    margin-bottom: 6px;
}
.single-team-item-hover-icon {
    padding: 14px 0;
}
.single-team-item-hover-icon i.fa {
    padding: 0 5px;
}
.single-team-item-hover::after {
    height: 122px;
}
.single-team-item-hover {
    bottom: -29px;
}

.single-blog-item-img {
    box-shadow: none;
    margin-bottom: 20px;
}
.single-blog-item {
    padding-left: inherit;
    position: inherit;
}
.single-blog-item-img {
    position: inherit;
}

.testimonials-list .owl-nav div.owl-next {
  left: auto;
  right: 37%;
}
    
.single-client-item {
  width: 150px;
}  
.welcome-titan-right {
  margin-left: 10px;
}   
.single-pricing-table {
  margin-bottom: 20px;
  margin-top: 20px;
}
.client-title::after {
  width: 375px;
}
    
.business-planning ul li {
  font-size: 14px;
  padding-bottom: 20px;
  padding-left: 22px;
}
    

.single-footer-top-area a span {
    padding-right: 5px;
}
.single-footer-top-area p {
    font-size: 14px;
}
.single-footer-top-area a {
    font-size: 13px;
}
.single-footer-news p {
    font-size: 14px;
}
.footer-menu ul li {
  padding-left: 15px;
}
.footer-menu ul li a {
    font-size: 14px;
}
.footer-menu ul li {
  float: inherit;
}  
.subscribe input[type="text"] {
  width: 107px;
}   
    
.single-service-menu {
  margin-bottom: 50px;
}
.help-box {
  margin-top: 68px;
}
.share-project ul li a {
  margin-bottom: 10px;
  padding: 10px 21px;
  transition: all 0.3s ease 0s;
}
.share-project .twitter-color {
  padding: 10px 16px;
}
.share-project ul li a:hover {
  opacity: .8;
}  
.single-shop-item-text h3 {
  font-size: 16px;
}  

.single-sidebar-item button[type="submit"] {
    font-size: 14px;
    padding: 0 14px;
}
.single-sidebar-item input[type="text"] {
  padding-left: 9px;
  padding-right: 0;
  width: 175px;
}  

.single-blog-text h3 span {
    margin: 0;
}
.blog-social-icons a {
  font-size: 16px;
  height: 35px;
  line-height: 35px;
  margin-left: 2px;
  width: 35px;
}
.tags-menu ul li a {
  padding: 0 17px;
} 
.single-sidebar-item {
  margin-bottom: 30px;
  margin-top: 27px;
} 
.single-sidebar-item.responsive-btn button[type="submit"] {
  font-size: 15px;
} 
    
.single-mesonary-item-hover h3 {
  font-size: 16px;
}
    
.testimonial-style-3-left-title {
  left: 50%;
  opacity: 0.5;
  top: -39px;
  transform: rotate(0deg) translate(-50%);
}
.testimonial-style-3-left-title.home-3-blog-title {
  left: 50%;
  top: -40px;
}
.testimonial-style-3-left-title.home-3-blog-title::after {
  left: 150%;
  top: -34%;
}
.testimonial-style-3-left-title.home-3-pricing-title {
  left: 50%;
  top: -40px;
}
.testimonial-style-3-left-title.home-3-projects-title {
  left: 50%;
  top: -37px;
}
.testimonial-style-3-left-title.home-3-service-title {
  left: 50%;
  top: -42px;
}
/*

.home-page-sliders.home-page-sliders:hover .owl-nav div.owl-next {
  right: 41%;
}
.home-page-sliders.home-page-sliders:hover .owl-nav .owl-prev {
  left: 41%;
} 
    
    
*/
    
    
    
    
    
    
    
    
    
}
@media only screen and (min-width: 0px) and (max-width: 350px) {

  .slicknav_menu{
    top: 18px !important;
  
  }
  .logo{
    width: 18.2em !important;
    margin-left: 3.2em !important;
  }
  .slider-text-2{
    margin-left: 60px !important;
  }
  
  
      
      
      
      
      
      
  }

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
.header-top-left a {
  font-size: 13px;
  font-weight: 400;
  padding-right: 23px;
  margin-left: 58px;
}   
.header-top-left a:last-child {
  padding-right: 0;
}
.header-top-right {
  text-align: center;
}  
.mainmenu {
  display: none;
}  

.slicknav_menu {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  display: block;
  position: absolute;
  right: 0;
  top: 49px;
  width: 100%;
  z-index: 11;
}
.slicknav_menu ul {
    background: rgb(244, 124, 44) none repeat scroll 0 0;
    width: 103%;
    margin-left: -5px;
}
.slicknav_menu a.slicknav_btn {
  background: rgb(244, 124, 44) none repeat scroll 0 0;
  margin: 24px 3px 16px;
}
.header-area {
  padding: 0;
} 

.slider-text-bg h2 br {
    display: none;
}
.slider-text-bg h2 {
    font-size: 34px;
    line-height: 40px;
}
.single-project-2-item {
  margin-bottom: 15px;
  margin-top: 15px;
  padding: 15px 7px 23px;
} 
.satisfied-content h2 {
  font-size: 27px;
  line-height: 30px;
}  
.satisfied-img {
  margin-top: 30px;
}  
.cta-text h2 {
  font-size: 21px;
  line-height: 28px;
}
.cta-text p {
  line-height: 24px;
}
.service-2-area::after {
  background: inherit;
  display: none;
}  
.single-service-2-item h3 {
  font-size: 15px;
} 
.home-1-about-icon {
  margin-right: 8px;
}
.service-2-area.section-padding {
  padding-bottom: 10px;
}
.section-title h2 {
  font-size: 25px;
}
.single-project-carousel-hover h3 {
  font-size: 17px;
  margin: 0;
  line-height: 24px;
}    
.introduce-content h2 {
  font-size: 28px;
    
}

.single-footer-news-2 h4 {
  margin: 0 0 2px;
  padding-top: 6px;
} 
    
.single-latest-blog-item-img {
  position: inherit;

}   
.single-latest-blog-item {
  padding-left: 0;
  position: inherit;
}
.single-latest-blog-content {
  margin-top: 20px;
}   
    
.latest-blog-right {
  margin-top: 40px;
}
.section-title h2 {
  font-size: 23px;
}  
.section-title {
  margin-bottom: 40px;
}  
    
.client-area.section-padding {
  padding: 60px 0;
}   
.home-1-footer-news-text {
  margin-bottom: 20px;
}
.footer-info p {
  font-size: 14px;
  padding-left: 0;
  position: inherit;
}  
.footer-info p span {
  margin-right: 4px;
  position: inherit;
}
.footer-info a {
  font-size: 14px;
}   
.single-footer-top-item.tags-item.single-footer-top-item-2 a {
  font-size: 13px;
  margin: 3px 1px 7px;
  padding: 10px 14px;
}
    
.single-client-item {
  height: 90px;
  padding: 0;
  width: 120px;
}  
    
.single-client-item:hover {
  border: 1px solid #afd58d;
  padding: 14px 9px;
}

.single-footer-top-item.single-footer-top-item-2 {
    margin-bottom: 20px;
    margin-top: 50px;
}
.single-footer-news-2 {
    margin-bottom: 30px;
}
.single-footer-top-item h3 {
    margin-bottom: 15px;
}
.logo a {
  display: block;
  padding: 20px 0;
} 
 
.slider-text h2 {
  font-size: 28px;
} 

.single-service-item {
    margin-bottom: 30px;
    margin-top: 20px;
}
.single-service-content h2 {
    margin-bottom: 10px;
}
.service-btn, .video-area-btn {
    margin-top: 0;
}
.cta-text h2 {
  font-size: 18px;
}
.titan-video-left::before {
  height: 100%;
  width: 100%;
}
.titan-video-left {
  position: inherit;
}
.titan-video-text h2 {
  font-size: 27px;
}
    

.single-count-icon {
    height: 50px;
    line-height: 50px;
    width: 50px;
}
.single-count-item {
    margin-bottom: 20px;
    margin-top: 20px;
    padding-left: 66px;
}
.single-count-item span {
    font-size: 20px;
}
.single-count-item p {
    font-size: 13px;
    line-height: 20px;
    margin: 0;
}
.count-area {
    height: 334px;
}
.single-team-item img {
  width: 100%;
}  
.single-blog-item-img {
    box-shadow: none;
    margin-bottom: 20px;
}
.single-blog-item {
    padding-left: inherit;
    position: inherit;
}
.single-blog-item-img {
    position: inherit;
}   
.single-blog-item-img img {
  width: 100%;
}   
.testimonial-area {
  height: 930px;
}   
 
.single-testimonial-content {
  padding-left: 0;
  margin-top: 40px;
}   
.single-testimonial-img {
  background: #161616 none repeat scroll 0 0;
  margin: 0 auto;
  padding: 5px;
  text-align: center;
  box-shadow: none;
}  
.single-testimonial-img img {
  margin: 0 auto;
  text-align: center;
}
.testimonials-list .owl-nav div.owl-next {
  left: auto;
  right: 30%;
  transform: translateX(30%);
}
.testimonials-list .owl-nav div {
  left: 30%;
  line-height: 50px;
  top: 105%;
  transform: translateX(-30%);
}  
.single-team-item {
  margin-top: 20px;
  margin-bottom: 20px;
}
    

.welcome-titan-area::before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.welcome-titan-right {
    margin-left: 0;
    margin-top: 38px;
    padding-left: 0;
    position: inherit;
}
.welcome-titan-img {
    margin-bottom: 15px;
    position: inherit;
}
.welcome-titan-area {
  padding-bottom: 70px;
  padding-top: 70px;
  height: 560px;
}
.project-option ul li {
  margin: 4px 6px;
}
.single-pricing-table {
  margin-top: 20px;
  margin-bottom: 20px;
}
    

.single-testimonial-style-3-item {
    padding: 0;
    text-align: left;
}
.section-title.home-3-title {
    display: inline-block;
}
.client-title::after {
  background: none;
}
    
.business-planning.company-mission {
  margin-top: 30px;
} 
.business-planning h2 {
  font-size: 26px;  
    
 }   
 .section-title.client-title.section-title-style-2 {
  text-align: center;
}      
.team-area.section-padding {
  padding-bottom: 0px;
}   
    

.footer-responsive {
    margin-bottom: 50px;
    margin-top: 20px;
}
.subscribe input[type="text"] {
    width: 80%;
}
.subscribe {
    margin-top: 35px;
}
.single-footer-top-item.subscribe-item.footer-responsive {
    margin-bottom: 0;
}
.header-top-left a:last-child {
  float: right;
  padding-top: 4px;
}
.single-service-tab-content {
  margin-top: 50px;
}  
.single-service-text h2 {
  font-size: 23px;
} 
.project-overview-area::after {
  background: none;
}  
.single-service-menu {
  margin-bottom: 50px;
}
.help-box {
  margin-top: 68px;
}
.share-project ul li a {
  margin-bottom: 10px;
  padding: 10px 21px;
  transition: all 0.3s ease 0s;
}
.share-project .twitter-color {
  padding: 10px 16px;
}
.share-project ul li a:hover {
  opacity: .8;
} 
.project-overview-area {
  margin-bottom: 50px;
}
    

.cart-products-cross.responsive-display {
    display: none;
}
.cart-products-image.responsive-display {
    display: none;
}
.cart-products th, .cart-products td {
  border-bottom: 1px solid #ebebeb;
  padding: 6px;
}
.cart-products th, .cart-products td {
  font-size: 13px;
  padding: 2px;
}
.cart-products-quantity input {
    margin: 0 6px;
    padding: 0 6px;
}
.cart-buttons a {
  font-size: 12px;
  padding: 9px 6px;
}
.product-cart {
    margin: 0 8px;
}
.cart-products tr {
    display: inline-block;
    padding: 0;
    width: 100%;
}
.cart-products tr .product-cart {
  padding: 0 11px;
}
.single-review h4 {
  margin-top: 31px;
}
.single-review-star {
  position: absolute;
  right: 47%;
  top: 95px;
  transform: translateX(-50%);
}  

.single-review-img {
    margin-bottom: 20px;
    position: inherit;
}
.single-review {
  padding: 0px;
}
.single-shop-page-text {
  margin-top: 12px;
}
    

.review-area ul {
    text-align: center;
}
.review-area ul li {
    margin: 0 5px;
}
.single-shop-img img {
  width: 100%;
}
.single-blog-text h3 strong {
  display: inline-block;
  font-size: 13px;
  margin-right: 17px;
  padding-bottom: 8px;
}
.single-blog-text h2 {
  font-size: 21px;
}  
blockquote {
  padding: 0px;
  border: none;
}

.blog-social-icons {
    margin-top: 20px;
    text-align: center;
}
.single-comment-img {
    position: inherit;
}
.single-comment {
    padding: 0;
}
.single-comment-img img {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
}
.single-comment h4 {
    margin-top: 15px;
}
    
input[type="text"], input[type="email"] {
    margin: 10px 0;
}
.post-submit {
    margin-bottom: 30px;
    margin-top: 10px;
}
.single-mesonary-item {
  border: medium none;
  display: flex;
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 33px;
  border-bottom: 5px solid #fff;
}  
    
.tags-menu ul li a {
  padding: 0 36px;
}  

.contact-page-right {
  margin-top: 35px;
}   
.contact-page-right h2 br {
  display: none;
}
    
.contact-page-right h2 {
  font-size: 22px;
}
    
.testimonial-style-3-left-title {
  left: 50%;
  opacity: 0.5;
  top: -39px;
  transform: rotate(0deg) translate(-50%);
  display: none;
}
.home-page-sliders .owl-nav div {
  left: 20%;
  visibility: visible;
  opacity: 1;
  transform: translateX(0);
}


.home-page-sliders.home-page-sliders:hover .owl-nav .owl-prev {
  left: 35%;
  transform: translateX(-35%);
}


.home-page-sliders.home-page-sliders:hover .owl-nav div.owl-next {
  opacity: 1;
  right: 35%;
  visibility: visible;
  transform: translateX(35%);
}    

.home-page-sliders .owl-nav div.owl-next {
  opacity: 1;
  right: 35%;
  visibility: visible;
  transform: translateX(35%);
}    
.home-page-sliders .owl-nav .owl-prev {
  left: 35%;
  opacity: 1;
  transform: translateX(-35%);
  visibility: visible;
}

.slider-text h2 br {
  display: none;
}
.slider-text h2 {
  font-size: 25px;
} 
.home-page-sliders .owl-nav {
  display: none;
}
    
    
 }   
    
 @media only screen and (min-width: 501px) and (max-width: 580px){
  .slicknav_menu{
    top: 20px;
  
  }

 }
 @media only screen and (min-width: 580px) and (max-width: 587px){

  .slicknav_menu{
    top: -86px;
  
  }
  .logo{
    width: 56%;
    margin-left: 3.2em;
  }
  .slider-text-2{
    margin-left: 60px;
  }
  

 }
 @media only screen and (min-width: 587px) and (max-width: 710px){

  .slicknav_menu{
    top: 18px;
  
  }
  .logo{
    width: 18.2em;
    margin-left: 3.2em;
  }
  .slider-text-2{
    margin-left: 60px;
  }
  

 }
    

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 410px) and (max-width: 500px) {
    
.header-top-left a {
  font-size: 15px;
  padding-right: 145px;
  margin-left: 58px;
} 
.cta-text h2 {
  font-size: 19px;
}
.cart-buttons a {
  font-size: 14px;
  padding: 9px 10px;
}
.cart-products tr .product-cart {
  padding: 0 29px;
}
.cart-products th, .cart-products td {
  font-size: 14px;
  padding: 7px;
}  
.single-blog-text h2 {
  font-size: 26px;
}
.single-sidebar-item button[type="submit"] {
  font-size: 15px;
} 
    
.blog-social-icons a {
  height: 40px;
  width: 40px;
  line-height: 40px;
  margin: 0px 5px;
}
.tags-menu ul li a {
  padding: 0px 39px;
  margin: 3px;
}
    
.contact-page-right h2 {
  font-size: 32px;
}
.company-information a {
  font-size: 16px;
  margin-bottom: 45px;
  padding-left: 83px;
}
.slider-text h2 {
  font-size: 28px;

}
.slicknav_menu{
  top: -86px;

}
.logo{
  width: 56%;
  margin-left: 3.2em;
}
.slider-text-2{
  margin-left: 60px;
}

    
    
    
    
    
    
    
}

@media screen and (min-width: 1700px) and (max-width: 1780px) {
  .banner-con .carousel-indicators {
      right: -364px;
  }

  .banner-con .carousel .carousel-control-prev {
      right: -296px;
  }

  .banner-con .carousel .carousel-control-next {
      right: -296px;
  }

  .banner-con .banner-image-con img {
      right: -150px;
  }

  .banner-con .banner-image-con::after {
      right: -152px;
  }

  .banner-con .banner-image-con::before {
      right: -82px;
  }

  .product-detail-banner-outer .product-detail-tab #v-pills-tab {
      right: -90px;
  }

  .product-detail-banner-outer .detail-tab-banner-con {
      width: 580px;
      top: 80px;
      background-size: contain;
      height: 580px;
  }

  .product-detail-banner-outer .product-detail-tab div#v-pills-tabContent figure img {
      right: -75px;
      top: -78px;
  }
}

@media screen and (min-width: 1581px) and (max-width: 1699px) {
  .banner-con .banner-image-con::before {
      width: 450px;
      height: 450px;
      right: -62px;
  }

  .banner-con .banner-image-con::after {
      width: 588px;
      height: 588px;
      right: -132px;
  }

  .banner-con .banner-image-con img {
      right: -90px;
      width: 500px;
  }

  .banner-con .carousel .carousel-control-next,
  .banner-con .carousel .carousel-control-prev {
      display: none;
  }

  .banner-con .carousel-indicators {
      right: -320px;
  }

  /* product detail page styling */
  .product-detail-banner-outer .detail-tab-banner-con {
      width: 500px;
      top: 80px;
      background-size: contain;
      height: 500px;
  }

  .product-detail-banner-outer .product-detail-tab div#v-pills-tabContent figure img {
      right: -64px;
      top: -78px;
      height: auto;
      width: 370px;
  }

  .bg-outer-wrapper.product-detail-outer-wrapper {
      height: 900px;
  }

  .product-detail-outer-wrapper .banner-con .banner-inner-con {
      padding-top: 100px;
  }
}

@media screen and (max-width: 1580px) {

  .banner-con .carousel .carousel-control-next,
  .banner-con .carousel .carousel-control-prev {
      display: none;
  }

  .banner-con .banner-image-con::before {
      width: 420px;
      height: 420px;
      right: -12px;
  }

  .banner-con .banner-image-con::after {
      width: 558px;
      height: 558px;
      right: -82px;
  }

  .banner-con .banner-image-con img {
      right: -40px;
      width: 470px;
  }

  .banner-con .carousel-indicators {
      right: -270px;
  }

  .product-detail-banner-outer .detail-tab-banner-con {
      width: 450px;
      top: 100px;
      background-size: contain;
      height: 450px;
      right: 20px;
  }

  .product-detail-banner-outer .product-detail-tab div#v-pills-tabContent figure img {
      right: -60px;
      top: -78px;
      height: auto;
  }

  .bg-outer-wrapper.product-detail-outer-wrapper {
      height: 860px;
  }

  .product-detail-outer-wrapper .banner-con .banner-inner-con {
      padding-top: 80px;
  }

  .product-detail-banner-outer .product-detail-tab #v-pills-tab {
      right: -140px;
      top: 46px;
  }
}

@media screen and (max-width: 1440px) {
  .main-box {
      padding-left: 2% !important;
      padding-right: 2% !important;
  }

  .bg-outer-wrapper {
      height: 980px;
  }

  .banner-con .banner-furniture {
      margin-top: 100px;
  }

  .banner-con .banner-image-con::after {
      width: 490px;
      height: 490px;
      right: -32px;
  }

  .banner-con .banner-image-con::before {
      width: 370px;
      height: 370px;
      right: 38px;
  }

  .banner-con .banner-image-con img {
      right: 10px;
      width: 400px;
      top: 40px;
  }

  .banner-con .carousel-indicators {
      right: unset;
      left: 50%;
      transform: translate(69%, 100%);
      bottom: -900px;
      margin: 250px auto 0;
  }

  .banner-con .carousel-indicators li {
      transform: rotate(0deg);
  }

  .banner-con .carousel-indicators li.active {
      transform: rotate(0deg);
  }

  .banner-con .banner-inner-con {
      padding-top: 100px;
  }


  /* product page */
  .product-detail-banner-outer .product-detail-tab #v-pills-tab {
      right: -90px;
      top: 45px;
  }

  .product-detail-banner-outer .product-detail-tab div#v-pills-tabContent figure img {
      right: 0;
      top: -78px;
      height: auto;
  }

  .product-detail-banner-outer .detail-tab-banner-con {
      width: 400px;
      top: 100px;
      background-size: contain;
      height: 400px;
      right: 20px;
  }

  .product-detail-outer-wrapper .banner-con .banner-inner-con {
      padding-top: 60px;
  }

  .breadcrumb-item a {
      font-size: 20px;
  }

  .product-detail-banner-outer .breadcrumb-con {
      margin-bottom: 22px;
  }

  .product-detail-banner-outer .stock-price {
      margin: 20px 0;
      padding: 0;
  }



  .bg-outer-wrapper.product-detail-outer-wrapper {
      height: 800px;
  }
}

@media screen and (max-width: 1199px) {


  /* breadcrumb */
  .breadcrumb-item.active {
      font-size: 20px;
  }

  .breadcrumb-item a {
      font-size: 20px;
  }

  .sub-wrapper .sub-banner-con p {
      margin-bottom: 20px;
  }

  .breadcrumb-con {
      margin-bottom: 18px;
  }

  .sub-wrapper .sub-banner-con h1 {
      margin-bottom: 14px;
  }


  .product-detail-banner-outer p {
      font-size: 18px;
      line-height: 26px;
      max-width: unset;
  }

  .product-detail-banner-outer .breadcrumb-item a {
      font-size: 18px;
  }

  .product-detail-banner-outer .breadcrumb-item.active {
      font-size: 18px;
  }

  .product-detail-banner-outer .breadcrumb-item+.breadcrumb-item::before {
      padding: 0 7px;
      font-size: 18px;
  }

  .product-detail-banner-outer .breadcrumb-con {
      margin-bottom: 16px;
  }

  .product-detail-banner-outer .detail-content-con {
      margin-bottom: 16px;
  }

  .bg-outer-wrapper.product-detail-outer-wrapper {
      height: 760px;
  }

 

}



@media screen and (max-width : 991px) {
  /*  */


  /* product details page styling */
  .bg-outer-wrapper.product-detail-outer-wrapper {
      height: 680px;
  }

  .product-detail-banner-outer .quantity-field {
      padding: 12px 0;
      width: 140px;
      height: 50px;
  }

  .product-detail-banner-outer .pink-btn a {
      padding: 13px 20px !important;
      min-width: 155px;
      font-size: 16px;
      line-height: 22px;
  }

  .product-detail-banner-outer .quantity-field button {
      font-size: 18px;
      line-height: 25px;
      width: 25px;
      height: 25px;
  }

  .product-detail-banner-outer .quatity_button_wrapper {
      margin-bottom: 20px;
  }

  .product-detail-banner-outer p {
      font-size: 16px;
      line-height: 24px;
  }

  .product-detail-banner-outer .breadcrumb-item+.breadcrumb-item::before {
      padding: 0 8px;
      font-size: 16px;
  }

  .product-detail-banner-outer .breadcrumb-item a {
      font-size: 16px;
  }

  .product-detail-banner-outer .breadcrumb-item.active {
      font-size: 16px;
  }

  .product-detail-outer-wrapper .banner-con .banner-inner-con {
      padding-top: 60px;
      text-align: left;
  }

  .product-detail-banner-outer .breadcrumb-con {
      margin-bottom: 5px;
  }

  .product-detail-banner-outer .col-xl-7.col-lg-6.col-md-6 {
      padding-left: 0;
  }

  .product-detail-banner-outer .social-icon span {
      font-size: 20px;
  }

  .product-detail-banner-outer .detail-tab-banner-con {
      width: 350px;
      top: 100px;
      background-size: contain;
      height: 350px;
      right: 0;
  }

  .product-detail-banner-outer .product-detail-tab div#v-pills-tabContent figure {
      text-align: center;
      height: 350px;
  }

  .product-detail-banner-outer .product-detail-tab #v-pills-tab {
      width: auto;
      flex-direction: row !important;
      top: unset;
      bottom: -383px;
      right: 0;
      gap: 10px;
  }

  .product-detail-banner-outer .product-detail-tab div#v-pills-tabContent figure img {
      right: 0;
      top: -78px;
      height: auto;
      width: 250px;
  }

  .product-detail-banner-outer .breadcrumb-con li {
      margin-bottom: 7px;
  }



  /*  */
  .breadcrumb-item a {
      font-size: 18px;
  }

  .breadcrumb-item.active {
      font-size: 18px;
  }

  .breadcrumb-item+.breadcrumb-item::before {
      font-size: 18px;
      padding: 0 12px;
  }

  .sub-wrapper::before {
      width: 630px;
      height: 440px;
  }



  /* product page styling */
  .shop-products-con .col-lg-4.col-md-6.col-sm-6 {
      margin-bottom: 30px;
  }

  .bg-outer-wrapper.product-detail-outer-wrapper {
      height: auto;
  }

  .product-detail-outer-wrapper .banner-con .banner-inner-con {
      padding-top: 30px;
      text-align: center;
  }

  .product-detail-banner-outer .col-xl-7.col-lg-6.col-md-6 {
      padding-left: 15px;
      margin: 60px 0 40px;
  }

  .product-detail-banner-outer .detail-tab-banner-con {
      width: 280px;
      top: 40px;
      height: 280px;
      margin: 0 auto;
  }

  .product-detail-banner-outer .product-detail-tab div#v-pills-tabContent figure img {
      right: 0;
      top: -81px;
      height: auto;
      width: 200px;
  }

  .product-detail-banner-outer .product-detail-tab #v-pills-tab {
      width: auto;
      flex-direction: column !important;
      top: unset;
      right: -86px;
      gap: 0px;
  }

  .product-detail-banner-outer .product-detail-tab div#v-pills-tabContent figure {
      height: 160px;
  }

  .bg-outer-wrapper.product-detail-outer-wrapper::before {
      width: 450px;
      height: 500px;
  }

  .product-detail-outer-wrapper .banner-con .banner-inner-con {
      padding-top: 0;
      text-align: center;
  }

  .product-detail-banner-outer .breadcrumb-con {
      margin-bottom: 10px;
  }



}

@media screen and (max-width : 575px) {



  /*  */
  .banner-con .banner-inner-con {
      padding-top: 20px;
  }

  .banner-con .banner-furniture .box {
      min-height: 130px;
  }

  .banner-con .banner-inner-con .banner-furniture .col-lg-4.col-md-4 {
      max-width: 33%;
      width: 100%;
      flex: 0 0 33%;
  }

  .banner-con .banner-furniture .furniture-img {
      height: 90px;
  }

  .banner-con .carousel-indicators {
      right: unset;
      transform: translate(0%, 0%);
      margin: 46px auto 0;
      gap: 12px;
      left: 25%;
  }

  .bg-outer-wrapper {
      height: 570px;
  }

  .bg-outer-wrapper::before {
      display: none;
  }

  .banner-con .carousel-indicators li {
      font-size: 16px;
      line-height: 22px;
      color: var(--primary--color);
  }

  .banner-con .carousel-indicators li.active {
      font-size: 24px;
      color: var(--primary--color);
  }




}

@media screen and (max-width : 400px) {
  .slicknav_menu{top: -5px;}
  .product-detail-banner-outer .product-detail-tab div#v-pills-tabContent figure img {
      width: 140px;
      top: -39px;
  }

  .product-detail-banner-outer .detail-tab-banner-con {
      width: 200px;
      top: 50px;
      height: 220px;
      margin: 0 auto;
      right: 30px;
  }

  .product-detail-banner-outer .product-detail-tab #v-pills-tab {
  }

  .product-detail-banner-outer .product-detail-tab .nav-pills .nav-link figure img {
      height: 42px;
      width: 30px;
  }

  .product-detail-banner-outer .product-detail-tab .nav-pills .nav-link {
      width: 57px;
      height: 57px;
      margin-bottom: 6px;
      padding-top: 6px;
  }

  .product-detail-banner-outer .breadcrumb {
      background: transparent;
      padding: 0;
      margin: 0 auto;
      justify-content: center;
  }

  .product-detail-banner-outer .social-icon li {
      margin: 0 4px;
  }

  .product-detail-banner-outer .social-icon span {
      font-size: 18px;
  }

  .product-detail-banner-outer .col-xl-5.col-lg-6.col-md-6 {
      margin-bottom: 50px;
  }

  .product-detail-outer-wrapper .banner-con .banner-inner-con {
      padding-top: 0;
      text-align: center;
  }

  .product-detail-banner-outer .col-xl-7.col-lg-6.col-md-6 {
      padding-left: 15px;
      margin: 30px 0 30px;
  }

  .banner-con .banner-furniture .box i {
      width: 20px;
      height: 20px;
      line-height: 20px;
      font-size: 10px;
  }
}