/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
  
    
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
 
.logo, .mainmenu.text-right {
  text-align: center;
}
.single-slide h2 {
  font-size: 40px;
}
.about-me-text {
  margin-top: 80px;
}
.single-blog {
  margin-bottom: 30px;
}
.owl-nav div{
	opacity: 0;
	visibility: hidden;
}
.hero-area:hover .owl-nav div{
	opacity: 1;
	visibility: visible;
}
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
.responsive-menu{
	display: block;
}
.mainmenu{
	display: none;
}
.header-area {
  padding-bottom: 17px;
}
.single-slide h2 {
  font-size: 32px;
}
.owl-nav div{
	opacity: 0;
	visibility: hidden;
}
.hero-area:hover .owl-nav div{
	opacity: 1;
	visibility: visible;
}
.about-me-text {
  margin-top: 80px;
}
.cta-area, .cta-area .text-right{
	text-align: center;
}
.cta-area .borderd-btn{
	margin-top: 30px;
}
.single-blog {
  margin-bottom: 30px;
}
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 


}