@media (min-width:768px) and (max-width:1367px){.hero-area .owl-theme .owl-nav{margin-top:-39px;left:30px;}
.hero-area .owl-theme .owl-nav div{width:34px;height:34px;line-height:34px;}
.hero-area .owl-theme .owl-nav .owl-prev{margin-bottom:10px;}
.hero-area,
.hero-area .single-slider,
.hero-area .slider-text{height:500px;padding-left:.5em;}
.hero-area .slider-text h1{font-size:32px;}
.hero-area .image-gallery{top:120px;}
.hero-area .single-image{max-width:300px;}
/*.hero-area .single-image img{aspect-ratio: attr(width) / attr(height);}*/
.hero-area .owl-theme .owl-dots{padding:20px 10px;}
h3{font-size:1rem !important;}
}
@media only screen and (max-width:767px){.hero-area,
.hero-area .single-slider,
.hero-area .slider-text{height:450px;margin:.8em .5em 0 .2em;left:-.3em;}
.hero-area .slider-text h1{font-size:1.4rem;margin-bottom:15px;}
.hero-area .button{margin-top:15px;}
.hero-area .button .btn{padding:12px 18px;}
.section-title{padding:0 20px;}
.section-title h1{font-size:28px;}
.title-bg{font-size:70px;top:10px;}
h2{font-size:1.5rem !important;}
h3{font-size:1rem !important;}
}
@media (min-width:768px) and (max-width:991px){.hero-area .owl-theme .owl-nav{margin-top:-39px;left:2px;}
.hero-area .owl-theme .owl-nav div{width:34px;height:34px;line-height:34px;}
.hero-area .owl-theme .owl-nav .owl-prev{margin-bottom:10px;}
.hero-area,
.hero-area .single-slider,
.hero-area .slider-text{height:500px;padding-left:.5em;}
.hero-area .slider-text h1{font-size:32px;}
.hero-area .image-gallery{top:120px;}
.hero-area .single-image{max-width:300px;}
/*.hero-area .single-image img{aspect-ratio: attr(width) / attr(height);}*/
.hero-area .owl-theme .owl-dots{padding:20px 10px;}
h3{font-size:1rem !important;}
}