/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.jr-main-home-content, .about-avatar-section, .services-list, .portfolio-items, .jr-contact-form, .contact-info{flex-direction:column;justify-content:center;gap:20px;align-items: center;}
	
	.top-menu{
    overflow-x:auto; }
	.top-menu ul li a{
    font-size: 85%; }
	#profileName{font-size:300%;}
	.jr-home-content, .jrPhotoArea{
		width:100%;
	}
	
	.jr-home-content h1, .jr-home-content h3, .jr-home-content h2{
		    font-size: 120%;
	}
	
.profileTitle{height:auto;}
	.jrPhotoArea img{
		width:80%;
	}
	.about-avatar-section{}
	.about-avatar-section img {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    display: block;
}

.avatar-text {
    width: 100%;
}
a.button {
    font-size: 120%;
    width: 70%;
}
.services-list {
    width: 90%;
}
.single_service {
    width: 100%;
    
}

.portfolio-items {
    width: 90%;
}
.portfolio-col {
    width: 100%;
float: none;}
.testimonial-single {
    margin: 0;
}
.testimonial-author {
width: 90%;}
.jr-testimonial-items .owl-dots .owl-dot span {
    width: 5px;
height: 5px;}

.contact-box {
    width: 100%;
    float: none;
}
.contact-social {
    float: none; 
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	
	
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	
	
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}