/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {

  .hero-img {
	width: 700px;
}  
    
 .hero-area {
	padding-top: 170px;
	padding-bottom: 170px;
}   
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
  .hero-img {
	width: 700px;
}  
    
 .hero-area {
	padding-top: 170px;
	padding-bottom: 170px;
} 
    
  .hero-btn a {
	font-size: 14px;
}  
    
  .hero-containt p {
	font-size: 14px;
	line-height: 26px;
}  
 .hero-containt h3 {
	font-size: 33px;
	line-height: 41px;
	margin-bottom: 14px;
}   
    
  .hero-img {
	width: 685px;
}  
    
  .hero-containt {
	width: 437px;
}  
    
    .stritev-text p {
	font-size: 14px;
	line-height: 29px;
}
.project-area {
	padding: 100px;
}    
 .section-title h3 {
	font-size: 68px;
}   
   .project-area {
	padding: 100px 0;
} 
 .project-text p {
	font-size: 14px;
	line-height: 27px;
}   
    
  .single-brand a img {
	max-width: 200px;
}  
 .llp {
	position: relative !important;
	text-align: center;
	bottom: -79px !important;
	left: auto !important;
	right: auto !important;
}

}

 
/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {

 .nase-containt h3 {
	font-size: 55px;
}   
 .nase-containt p {
	line-height: 32px;
}   
    
    
    
   .ddn {
	display: none;
} 
    
    
    .shop-productt .nav-link {
	margin-right: 10px;
	font-size: 14px;
	padding: 8px 25px;
}
    
    
 
    
.fasbbf {
	display: none;
  }
    
    
   .hero-area {
	padding-top: 170px;
	padding-bottom: 170px;
} 
    
  .hero-btn a {
	font-size: 14px;
}  
    
  .hero-containt p {
	font-size: 14px;
	line-height: 26px;
}  
 .hero-containt h3 {
	font-size: 33px;
	line-height: 41px;
	margin-bottom: 14px;
}   
    
  .hero-img {
	width: 685px;
}  
    
.hero-containt {
	width: auto;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 55px;
}
    
.stritev-text p {
	font-size: 12px;
	line-height: 22px;
}
.project-area {
	padding: 100px;
}    
 .section-title h3 {
	font-size: 68px;
}   
   .project-area {
	padding: 100px 0;
} 
 .project-text p {
	font-size: 14px;
	line-height: 27px;
}    
    
    
   
.hero-img {
  position: unset;
  max-width: 500px;
  margin: auto;
}
.hero-area {
	padding: 0;
	text-align: right;
}
.header-area {
  position: unset;
} 
    
 .wddf a {
	background: transparent !important;
	font-weight: 600;
	font-size: 12px;
	line-height: 17px;
	color: #fff;
	height: 34px;
	padding: 0;
	display: flex;
	align-items: center;
}   
    
   .ttl {
	position: absolute;
	top: 72px;
	left: 0;
	max-width: 188px;
} 
  .project-teb #v-pills-tab {
	width: 385px;
	margin-right: 0;
	margin-bottom: 26px;
}  
    
 
.project-teb {
  display: block;
}   
    
 .project-left-img {
	display: none;
}
    
 .contact-fl {
	width: 100%;
	padding: 50px 50px;
}   
    
 .contact-text-title h3 {
	font-size: 50px;
}   
    
  .brand-area {
	padding-top: 113px;
	padding-bottom: 33px;
}  
    
  .single-brand a img {
	max-width: 150px;
}   
     
    .llp {
	position: relative !important;
	text-align: center;
	bottom: -52px !important;
	left: auto !important;
	right: auto !important;
}
    
}
 

/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {
.nase-containt h3 {
	font-size: 46px;
	text-align: center;
}  
.nase-containt p {
	font-weight: 500;
	font-size: 14px;
	line-height: 26px;
}  
.mainmenu {
	display: none;
}   
    
    .header-area.por {
	padding: 20px 0;
}
.nase-area {
	padding-top: 10px;
	padding-bottom: 42px;
}
  
.single-box h3 {
  font-weight: 600;
  font-size: 14px;
}
.single-box p {
  font-weight: 500;
  font-size: 14px;
  line-height: 30px;
  padding: 0;
}
.single-box {
	/*height: 800px;*/
	margin-bottom: 40px;
}
.llp {
	bottom: -66px !important;
}
    
  
.footer-img {
  display: none;
}
.footer-text h3 {
  text-align: center;
}
.footer-icon a {
  margin: 0 19px;
}
.footer-img.llsd {
  display: block;
  padding: 40px 15px;
  text-align: center;
}
.footer-copy-text a {
  font-size: 12px;
}  
    
    
    
.header-off-btn.menu-trigger.right {
	display: block !important;
}    
    .ddn {
	display: none;
}
    
   .ones-containt h3 {
	margin-bottom: 17px;
} 
.ones-area {
	padding-top: 10px;
	padding-bottom: 60px;
}
    
 .ones-containt p {
	font-weight: 500;
	font-size: 14px;
	line-height: 26px;
}   
  .ones-img-area {
	padding-bottom: 70px;
}  
.shop-productt .nav-link {
	margin-right: 10px;
	font-size: 14px;
	padding: 8px 25px;
	margin-bottom: 10px;
}
    
    
    
   .hero-area {
	padding-top: 170px;
	padding-bottom: 170px;
} 
    
  .hero-btn a {
	font-size: 14px;
}  
.hero-containt p {
	font-weight: 500;
	font-size: 14px;
	line-height: 26px;
}
.hero-containt h3 {
	font-weight: 500;
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 16px;
}  
    
  .hero-img {
	width: 685px;
}  
    
.hero-containt {
	width: auto;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 55px;
}
    
.stritev-text p {
	font-size: 12px;
	line-height: 22px;
}
.project-area {
	padding: 100px;
}    
 .section-title h3 {
	font-size: 68px;
}   
   .project-area {
	padding: 100px 0;
} 
 .project-text p {
	font-size: 14px;
	line-height: 27px;
}    
    
    
   
.hero-img {
	position: unset;
	max-width: 300px;
	margin: auto;
}
.hero-area {
	padding: 0;
	text-align: right;
}
.header-area {
	position: relative !important;
}
    
.wddf a {
	background: transparent !important;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	color: #fff;
	height: 51px;
	/* padding: 0; */
	display: flex;
	align-items: center;
	padding: 0 88px;
	text-align: left;
}
    
   .ttl {
	position: absolute;
	top: 72px;
	left: 0;
	max-width: 188px;
} 
  .project-teb #v-pills-tab {
	width: 385px;
	margin-right: 0;
	margin-bottom: 26px;
}  
    
 
.project-teb {
  display: block;
}   
    
 .project-left-img {
	display: none;
}
    
 .contact-fl {
	width: 100%;
	padding: 50px 50px;
}   
    
 .contact-text-title h3 {
	font-size: 50px;
}   
    
.brand-area {
	padding-top: 70px;
	padding-bottom: 33px;
}
    
    
  .header-area {
	padding: 15px 0;
}  
    
    
    
.storitev-tab {
	display: block;
	height: auto;
}
.wddf {
	width: 100%;
	margin: 0;
	margin-bottom: 50px;
}
    
.storitev-area::before {
	position: absolute;
	content: "";
	background: #231F20;
	height: 426px;
	width: 100%;
	top: 0;
	left: 0;
} 
    
.ttl {
  position: unset;
  margin-bottom: 30px;
}
.ssd {
  text-align: center;
}
.stritev-text {
  text-align: left;
}
    
  .storitev-area #v-pills-tabContent {
	width: auto;
}  
    
.stritev-text {
	text-align: left;
}    
    
.stritev-text p {
    font-size: 14px;
    line-height: 22px;
}
    
  
.fasbbf {
  display: none;
}
.tab-img {
  display: block;
}

.tab-img img {
  margin: 0;
}  
 .section-title {
	margin-bottom: 40px;
}
 .section-title h3 {
	font-size: 46px;
}   
    
  .project-area {
	padding: 0 0;
}  
    
 
.section-title {
  margin-bottom: 40px;
}
.project-teb .nav-link {
  width: 100% !important;
  font-weight: 600;
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  margin: 5px 0;
}
.project-teb #v-pills-tab {
  width: 100% !important;
}   
    
 .project-teb #v-pills-tabContent {
	width: auto;
}   
 .project-text p {
	font-size: 14px;
	line-height: 27px;
	text-align: left;
}   
    
  .lli {
	margin-top: 30px;
	max-width: 188px;
}  
    
    .project-text {
	text-align: center;
}
  .contact-fl {
	width: 100%;
	padding: 50px 50px;
	margin-top: 50px;
}  
   .contact-text-title h3 {
	font-size: 34px;
} 
  
    
.storitev-area .nav-pills .nav-link.active::before {
	position: absolute;
	content: "";
	background-image: url(../img/aaaaa.png);
	height: 10px;
	width: 31px;
	right: auto;
	top: 50%;
	transform: translateY(-50%);
	background-size: cover;
	background-position: center;
	object-fit: cover;
	left: 29px;
}
    
    
    
    
    
    .swiper-button-prev {
	display: none;
}.swiper-button-next {
	display: none;
}
    
    
   .single-brand a img {
	amx: ;
	max-width: 100%;
} 
    

.single-brand a {
  width: 50%;
}
    .single-brand {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
    .llp {
	bottom: 0px !important;
}
    .img-active.owl-carousel.owl-loaded.owl-drag {
	display: block;
}
    .lli {
	display: none;
}
    .img-active.owl-carousel.owl-loaded.owl-drag {
	display: block;
	margin-top: 33px;
}
    
.header-top img:last-child {
  margin: 0;
  max-width: 86px;
}
.bba img {
  max-width: 140px;
}
.header-top {
  padding: 12px 18px;
}
   .close-ba a {
	color: #BDBDBD;
} 
    
    
}





/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {
.single-box {
	height: 877px;
	margin-bottom: 40px;
}
 
}
@media only screen and (min-width: 320px) and (max-width: 576px) {
.header-top img {
	margin-right: 16px;
}
 
}