/*--------------mobile--------wrap----------start-------------*/

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

.header-top-wrapper-3 .left-item .social-item {
  display: none;
}

.header-top-section-3 {
  padding: 0px;
}

.header-top-wrapper-3 .header-right .list {
  gap: 10px;
}

.header-top-wrapper-3 .header-right .list li {
  font-size: 11px;
  display: flex;
  align-items: center;
}

.header-top-wrapper-3 .header-right .list li i {
  font-size: 13px;
}

.logo a img {
  width: 90px;
}

.header-call-item .theme-btn{
	display: none;
}

.header-3 {
	padding: 0px;
}


.offcanvas__info {
  width: 290px;
}


.hero-3 {
	height: 100%;
}

.hero-3 .hero-image img {
  height: 320px;
  object-fit: cover;
}

.hero-3 .hero-content h6 {
	display: none;
}

 .hero-content {
    width: 100% !important;
    top: 10%;
    left: 1%;
  }

  .hero-3 .hero-content h1 {
  	width: 75%;
  }

  .hero-3 .hero-content p {
  	display: none;
  }

  .hero-image::after {
  	width: 100%;
  }


  .hero-button .theme-btn {
    font-size: 13px;
  }

.theme-btn i {
  width: 28px;
  height: 28px;
  line-height: 28px;
  margin-left: 7px;
  font-size: 11px;
}

 .hero-3 .hero-content .hero-button {
    gap: 15px;
  }


	.offcnvs_con_list li{
		display: flex;
	}



}

/*--------------mobile--------wrap----------start-------------*/

/*----small------laptop-----responsive-----start--------*/

@media (max-width: 1399px) {

	.header-3 .header-left {
  		gap: 30px;

	}

	.header-main .main-menu ul li a {
	  font-size: 14px;
	}

	.header-main .main-menu ul li {
	  margin-inline-end: 20px;
	}


	.theme-btn {
	  font-size: 15px;
	  padding: 5px 4px 5px 12px;
	}

	.hero-content {
	  width: 53%;
	}


}

/*----small------laptop-----responsive-----end--------*/