@media only screen and (min-width: 1300px) and (max-width: 1450px) {
	.home-2 .navbar::before{width: 95%;}
	.nav-right{margin-right: 40px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.home-2 .header::before{width: 50%}
}
@media only screen and (min-width: 992px) and (max-width: 1299px) {
	.home-2 .navbar::before{width: 95%;}
	.nav-right{margin-right: 40px;}
	.about_img .about_banner{left: 18px;}
}
@media only screen and (max-width: 1199px) {
  .header-top::before{
    left: 0;
    width: 62%;
  }

  .header-top::after{
    display: none;
  }

  .header-top-social span{
    display: none;
  }
  .hero-single .hero-content .hero-title {
        font-size: 37px;
    }
	.nav-right .sidebar-btn,.nav-right .call-wrap{display: none;}
	.hero-single{padding-top: 110px;padding-bottom: 50px;}
	.hero-slider .owl-nav button i{height: 50px;width: 50px;line-height: 50px;font-size: 23px;}
	.site-breadcrumb{padding-top: 120px;padding-bottom: 70px;}
	.service_bg{padding: 25px 20px;}
}
@media all and (min-width: 992px) {
  .navbar .nav-item .nav-link {
    position: relative;
    margin-right: 50px;
    padding: 30px 0 30px 0;
    font-size: 17px;
    font-weight: 600;
    color: #161616;
    text-transform: capitalize;
  }
  .navbar .nav-item .nav-link:before{content: "|";font-weight: normal;color: #323232;position: absolute;right: -28px;}
  .navbar .nav-item:last-child .nav-link:before{content: ""}
  .navbar .nav-item.active .nav-link,
  .navbar .nav-item:hover .nav-link {
    color: #7f5642;
  }

  .navbar .nav-item:last-child .nav-link {
    margin-right: 0;
  }

  .navbar .nav-item .dropdown-menu {
    display: block;
    padding: 10px;
    margin-top: 0;
    left: -15px;
    border-radius: 15px;
    border: none;
    background: var(--color-white);
    width: 220px;
    box-shadow: var(--box-shadow);
    opacity: 0;
    visibility: hidden;
    transition: var(--transition2);
  }

  .navbar .nav-item .dropdown-menu .dropdown-item {
    font-size: 16px;
    padding: 6px 15px;
    font-weight: 500;
    color: var(--color-dark);
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    text-transform: capitalize;
    transition: var(--transition2);
    z-index: 1;
  }

  .navbar .nav-item .dropdown-menu .dropdown-item:hover {
    background: var(--theme-color);
    color: var(--color-white);
    padding-left: 25px;
  }

  .navbar .nav-item .dropdown-menu .dropdown-item::before {
    content: "\f178";
    position: absolute;
    font-family: "Font Awesome 6 Pro";
    left: -15px;
    top: 6px;
    color: var(--color-white);
    opacity: 0;
    visibility: hidden;
    transition: var(--transition2);
    z-index: -1;
  }

  .navbar .nav-item .dropdown-menu .dropdown-item:hover::before {
    left: 0;
    opacity: 1;
    visibility: visible;
  }

  .navbar .nav-item:hover .dropdown-menu {
    transition: .3s;
    opacity: 1;
    visibility: visible;
    top: 100%;
    transform: rotateX(0deg);
  }

  .navbar .dropdown-menu-end {
    right: 0;
    left: auto;
  }

  .navbar .dropdown-menu.fade-down {
    top: 80%;
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
  }

  .navbar .dropdown-menu.fade-up {
    top: 140%;
  }

  /* nav right */
  .nav-right {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
  }

  .nav-right-link {
    position: relative;
    font-size: 20px;
    color: var(--color-dark);
    border: none;
    padding: 0;
    background: transparent;
    transition: var(--transition);
  }

  .nav-right-link:hover {
    color: var(--theme-color);
  }

  .navbar.fixed-top .nav-right-link{
    color: var(--color-dark);
  }

  .navbar.fixed-top .nav-right-link:hover{
    color: var(--theme-color);
  }

  .nav-right .call-wrap{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
  }

  .nav-right .call-wrap .icon{
    width: 45px;
    height: 45px;
    line-height: 46px;
    border-radius: 50px;
    background: var(--theme-color);
    color: var(--color-white);
    text-align: center;
    font-size: 18px;
    margin-top: 5px;
  }

  .nav-right .call-wrap .content span{
   color: var(--theme-color);
   font-weight: 500;
  }

  .nav-right .call-wrap .content h6 a{
    color: var(--color-dark);
    font-weight: 800;
  }

  .nav-right .sidebar-btn span{
    display: block;
    width: 24px;
    border-bottom: 3px solid var(--color-dark);
    border-radius: 50px;
    margin-top: 6px;
    margin-left: auto;
    transition: var(--transition);
  }

  .nav-right .sidebar-btn span:first-child{
    width: 10px;
    margin-top: 0;
  }

  .nav-right .sidebar-btn span:nth-child(3){
    width: 15px;
  }

  /* navbar light */
  .navbar.light .nav-item .nav-link{
    color: var(--color-white);
  }

  .navbar.light.fixed-top .nav-item .nav-link{
    color: var(--color-dark);
  }

  .navbar.light .nav-item .nav-link.active,
  .navbar.light .nav-item:hover .nav-link {
    color: var(--theme-color);
  }

  .navbar.light .nav-right-link{
    color: var(--color-white);
  }

  .navbar.light.fixed-top .nav-right-link{
    color: var(--color-dark);
  }

  .navbar.light .nav-right-link:hover{
    color: var(--theme-color);
  }

  .navbar.light .nav-right .sidebar-btn span{
    border-color: var(--color-white);
  }

  .navbar.light.fixed-top .nav-right .sidebar-btn span{
    border-color: var(--color-dark);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.service_bg{padding: 25px 12px}
	.service_bg .service_heading p:not(:first-child){padding-left: 10px}
}
@media only screen and (max-width: 991px) {
	.service_bg p{font-size: 15px}
	.services_list ul li span{font-size: 14.5px}
	.services_list ul li{flex: 0 0 50%;max-width: 50%;}
	.products_block .portfolio-item .portfolio-content{padding: 12px 8px 12px 8px;min-height: 55px;}
	.products_block .portfolio-content h4{font-size: 14px}
	.about_img{margin-inline-start: 80px;margin-inline-end: 80px;}
	.about_content_bg{margin-top: 10px}
	.about_img .about_banner{bottom: 24px;left: 20px;padding: 20px 12px;}
	.home-2 .navbar::before{width: 100%;border-radius: 0px}
	.site-breadcrumb{padding-top: 125px;padding-bottom: 60px;}
	.contact-info .content h5{margin-bottom: 6px}
	.contact-info .content h6{font-size: 16px;}
	.contact-info{padding: 18px 10px;margin-bottom: 15px;}
	.footer-contact .content a{font-size: 15px}
	.footer-widget-box p{line-height: 22px}
	.copyright .copyright-text{line-height: 22px;}
	.footer-contact li{gap: 10px;}
	.footer-list{gap: 3px}
	.footer-widget-title{margin-bottom: 14px;}
	.footer-widget-title{font-size: 19px}
	.portfolio-slider .portfolio-content{margin: -30px 6px 30px}
	.portfolio-slider .portfolio-content .portfolio-info h4{font-size: 16px;}
	.portfolio-link{width: 50px;height: 50px;line-height: 50px;font-size: 26px;}
	.hero-slider .owl-nav button i{height: 50px;width: 50px;line-height: 50px;font-size: 22px}
	.hero-single{padding-top: 90px;padding-bottom: 40px;}
	.hero-single .hero-content .hero-title{font-size: 38px;margin: 14px 0px}
	.hero-single .hero-content p{font-size: 17px;line-height: 25px;}
	.hero-single .hero-content .hero-btn{margin-top: 25px;}
	.about-left{margin-right: 80px;margin-left: 80px;}
	.site-title{font-size: 34px}
	.gallery-carousel .owl-nav button i, .portfolio-slider .owl-nav button i{height: 45px;width: 45px;line-height: 45px;font-size: 22px}
	.home-2 .header::before{width: 40%;}
	.header-top-list ul{gap: 10px}
	.navbar-brand img {width: 95px;}
	.navbar .offcanvas{width: 300px;}
  .navbar .offcanvas-header .btn-close{
    background: var(--color-red);
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50px;
    color: var(--color-white);
    font-size: 18px;
    box-shadow: none;
    opacity: 1;
  }

  .navbar .offcanvas-brand{
    width: 150px;
  }

  .navbar .nav-item .nav-link {
    color: #161616;
    font-weight: 700;
    margin-right: 0px;
    transition: var(--transition);
  }

  .navbar .nav-item .nav-link:hover {
    color: #7f5642;
  }

  .navbar .nav-item .dropdown-menu {
    border-radius: 15px;
  }

  .navbar .nav-item .dropdown-toggle::after {
    float: right;
    margin-top: 2.5px;
  }

  .navbar-toggler {
    padding: 0;
    border: none;
  }

  .navbar-toggler:focus {
    outline: none;
    box-shadow: none;
  }

  .navbar-toggler span{
    display: block;
    width: 22px;
    border-bottom: 3px solid var(--color-dark);
    border-radius: 50px;
    margin-top: 5px;
  }

  .navbar-toggler span:first-child{
    margin-top: 0;
  }

  .navbar-toggler span:nth-child(2){
    width: 15px;
  }

  .navbar .mobile-menu-right {
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .navbar .mobile-menu-right .nav-right-link {
    background: transparent;
    border: none;
    font-size: 20px;
    color: var(--color-dark);
  }

  .navbar .mobile-menu-right .nav-right-link:hover{
    color: var(--theme-color);
  }

  .nav-right {
    display: none;
  }
  .header-top::before{
    width: 53%;
  }
  .about-right{margin-top: 30px;}
}
@media all and (max-width: 767px) {
	.products_block.products_popup .portfolio-link{width: 32px;height: 32px;line-height: 32px}
  .hero-single .hero-content .hero-sub-title {
    font-size: 18px;
  }

  .hero-single .hero-content .hero-btn {
    gap: 1rem;
  }
  .about-left{
    margin-right: 0;
  }

  .about-left::before{
    top: 60px;
    left: -10px;
  }

  .about-title {
    font-size: 30px;
  }

  .about-experience{
    right: -7px;
    bottom: 5px;
  }

  .about-item{
    border: none !important;
  }
}
@media only screen and (max-width: 767px) {
	.hero-slider .owl-nav .owl-prev {left: unset;right: 120px;}
	.hero-slider .owl-nav .owl-prev, .hero-slider .owl-nav .owl-next {top: unset;bottom: 45px;}
	.footer-contact li{margin-bottom: 10px;}
	.footer-widget-wrap{padding: 40px 0px 0px;}
	.footer-widget-wrap .row [class*=col-]{margin-top: 2px}
	.footer-list li a{font-size: 14px;}
	.footer-widget-box p{padding-right: 0px;margin-bottom: 0px !important;}
	.footer-list{gap: 0px;}
	.footer-widget-title{margin-bottom: 12px}
	.copyright .copyright-text, .powered_by{font-size: 14px;text-align: center;line-height: 22px;}
	.home-2 .header::before{display: none;}
	.header-top::before,.header-top::after{display: none;}
	.header-top-right{margin-top: 15px;}
	.hero-single{padding-left: 0px}
	.hero-single{padding-top: 90px;}
	.hero-slider .owl-nav .owl-prev, .hero-slider .owl-nav .owl-next{bottom: 15px}
	.hero-single .hero-content .hero-title{font-size: 35px;line-height: 40px;margin: 10px 0px;}
	.hero-single .hero-content p{font-size: 16px;line-height: 27px;}
	.hero-single .hero-content .hero-btn{margin-top: 10px}
	.home-2 .hero-single .hero-content .hero-sub-title{padding: 2px 5px}
	.hero-single .hero-content .hero-sub-title{font-size: 18px;}
	.hero-slider .owl-nav button i{height: 45px;width: 45px;line-height: 45px;font-size: 20px}
	.hero-slider .owl-nav .owl-prev{right: 90px}
	.about-experience h5{font-size: 35px}
	.site-title{font-size: 32px}
	.portfolio-link{width: 52px;height: 52px;line-height: 52px;font-size: 26px}
	.products-area{padding: 30px 0px 10px}
	.portfolio-slider .owl-nav button i, .gallery-carousel .owl-nav button i{height: 42px;width: 42px;line-height: 42px;font-size: 22px;}
	.map_block iframe{height: 250px}
	.contact-info .icon{font-size: 22px;width: 56px;height: 56px;line-height: 56px;}
	.contact-info .content p{font-size: 14px}
	.contact-info{margin-bottom: 15px}
	.site-breadcrumb{padding-top: 120px;padding-bottom: 60px;}
	.about_img .about_banner{bottom: 24px;left: 20px;padding: 20px 12px;}
	.about_content_bg{padding: 20px 15px;margin-top: 10px}
	.services_list ul li{flex: 0 0 50%;max-width: 50%;}
}
@media only screen and (max-width: 575px) {
	.about_img .about_banner .banner_text{font-size: 22px;line-height: 25px;}
	.about_img .about_banner .banner_text small{font-size: 17px}
	.about_img{margin-inline-end: 0px;margin-inline-start: 0px;}
	.about_img .about_banner{width: 250px}
	.page_title h2{font-size: 28px;}
	.about-left{margin-left: 0px}
	.map_block iframe{height: 200px}
	.contact-info .content h5{margin-bottom: 7px}
	.contact-info{margin-bottom: 18px}
	.contact-info .content h6{padding-bottom: 2px;}
	.contact-info .icon{font-size: 21px;width: 50px;height: 50px;line-height: 50px;}
	.site-breadcrumb{padding-top: 100px;padding-bottom: 50px;}
	.site-breadcrumb .breadcrumb-title{font-size: 30px;margin-bottom: 0px;}
	.site-breadcrumb .breadcrumb-menu li{font-size: 16px}
	.site-breadcrumb .breadcrumb-menu li::before{font-size: 15px}
	.hero-single .hero-content .hero-title {font-size: 30px;line-height: 32px;margin: 10px 0px;}
	.hero-single .hero-content p{font-size: 15px;line-height: 21px;}
	.hero-single .hero-content .hero-btn{margin-top: 10px}
	.home-2 .hero-single .hero-content .hero-sub-title{padding: 2px 5px}
	.hero-single .hero-content .hero-sub-title{font-size: 18px;}
	.hero-single{padding-top: 80px;padding-left: 0px}
	.home-2 .hero-slider .owl-nav .owl-prev, .home-2 .hero-slider .owl-nav .owl-next{bottom: 5px}
	.hero-slider .owl-nav .owl-prev{right: 85px;}
	.hero-slider .owl-nav .owl-next{right: 40px}
	.hero-slider .owl-nav button i{height: 40px;width: 40px;line-height: 40px;font-size: 17px}
	.about-experience{padding: 10px 25px;}
	.about-experience h5{font-size: 28px}
	.about-experience p{font-size: 15px}
	.site-title{font-size: 30px}
	.service-area2 .text-end{margin-top: 0px}
	.service-box{padding: 18px 20px 15px;text-align: center}
	.products-area{padding: 30px 0px 10px}
	.gallery-block .gallery-item{margin-top: 5px}
	.theme-btn, .theme-btn2{padding: 10px 15px;}
	.gallery-block .gallery-item .gallery-img img{height: 280px;object-fit: cover;}
	.gallery-block .gallery-icon{width: 65px;height: 65px}
	.gallery-carousel .owl-nav button i{height: 38px;width: 38px;line-height: 38px;font-size: 18px;}
	.service-box .service-box-content h3{font-size: 16px;line-height: 22px;}
	.portfolio-link{width: 50px;height: 50px;line-height: 50px;font-size: 24px}
	.portfolio-slider .owl-nav button i{height: 38px;width: 38px;line-height: 38px;font-size: 18px;}
	.portfolio-slider:hover .owl-nav .owl-prev{left: 0px}
	.portfolio-slider:hover .owl-nav .owl-next{right: 0px}
	.services_list ul li{flex: 0 0 100%;max-width: 100%;}
	.service_bg{padding: 17px 18px;}
	.service_bg .service_heading{display: block;text-align: left}
	.service_bg .service_heading p:first-child{padding-bottom: 10px;border-bottom: 1px dashed #aeaeae;margin-bottom: 12px;}
	.service_bg .service_heading p:not(:first-child){padding-left: 0px;border-left: none;}
	.service_bg p{font-size: 16px}
}
@media only screen and (max-width: 479px) {
	.header-top-list ul{gap: 10px;}
	.header-top-list ul li{font-size: 13.5px}
}
@media only screen and (min-width: 479px) and (max-width: 575px) {
	.products_block.products_popup .row [class*=col-]{width: 50%}
	.footer-widget-wrap .row [class*=col-]:nth-child(1){width: 33.33333333%}
	.footer-widget-wrap .row [class*=col-]:nth-child(2){width: 66.66666667%}
}
@media only screen and (min-width: 459px) and (max-width: 575px) {
	.services-section .row:nth-child(1) [class*=col-]:nth-child(1){width: 60%}
	.services-section .row:nth-child(1) [class*=col-]:nth-child(2){width: 40%}
	.services-section .row:nth-child(2) [class*=col-]{width: 50%}
}