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

}/*max-width:1680px*/
@media screen and (max-width:1440px){
	.single-about-img img {max-width:100%;}
	.single-about-img:before,.about-list-icon{width: 100%;}
}/*max-width:1440px*/

@media screen and (max-width:1199px){
	nav.navbar.bootsnav ul.nav > li > a { padding: 35px 8px;}
	
	.welcome-hero {height: 768px;}

	.timeline-content span>i, .experience-time span>i {left: -15.5%;}
}/*max-width:1199px*/

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


}/*max-width:1024px*/

@media screen and (max-width:1008px){
	nav.navbar.bootsnav ul.nav > li.dropdown span.megamenu-title  {display:block;color: #43465d;font-size: 18px;}
	nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li .megamenu-sub-title a {margin-top: 20px;font-size: 14px;}
	nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li .megamenu-sub-txt a{margin-bottom: 15px;}
}/*max-width:1008px*/

@media screen and (max-width:992px){
	nav.navbar.bootsnav .navbar-collapse.collapse.in {padding-bottom: 30px;}
	nav.navbar.bootsnav .navbar-toggle {display: inline-block; float: right;margin-right: 0;margin-top: 21px;}
	nav.navbar.bootsnav .navbar-brand {float: left!important;}
	nav.navbar.bootsnav ul.nav > li > a {padding: 15px 0px;border: transparent;}
}/*max-width:992px*/

@media screen and (max-width:991px){
	.experience-time-responsive{display: block;}
	.experience-time-main{display: none;}
	.experience-time,.timeline-content{text-align: left;margin-bottom: 20px;margin-left: 40px;}
	.timeline-content span>i{left: 0%;top: -54%;}
	.experience-time span>i {left: -6%;top: 6%;}
	.main-timeline:before {left:0.4%;}

	.single-horizontal-timeline .experience-time,.single-horizontal-timeline .timeline-content {margin: 0;}
}/*max-width:991px*/

@media screen and (max-width:768px){
    
}/*max-width:768px*/

@media screen and (max-width:767px){
	.single-about-img {max-width: 450px;}
	.experience-time span>i,.timeline-content span>i,.main-timeline:before {display: none;}
	.experience-time, .timeline-content {margin-left: 0;}

	.isotope .item {max-width: 350px;margin: 0 auto 30px;}

	.single-profile {max-width: 350px; margin: 30px auto;border: 0;}
	.profile-border{border: 0;}

	.single-horizontal-timeline {max-width: 350px;margin: 30px auto;}

}/*max-width:767px*/

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

}/*max-width:660px*/

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

}/*max-width:640px*/

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

}/*max-width:580px*/

@media screen and (max-width: 540px){
	.subscribe-title h2 {font-size: 24px;}
	
	/* Container & General */
	.container {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	/* Sections */
	.welcome-hero {
		height: auto;
		min-height: 500px;
		padding: 80px 15px 40px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.header-text {
		position: relative;
		z-index: 10;
	}
	
	.header-text h2 {
		font-size: 28px;
		line-height: 1.2;
		margin-bottom: 15px;
	}
	
	.header-text h4 {
		font-size: 12px;
		margin-bottom: 15px;
	}
	
	.header-text p {
		font-size: 13px;
		margin: 15px auto 30px;
		max-width: 100%;
	}
	
	.header-text a {
		width: auto;
		max-width: 100%;
		padding: 0 20px;
		height: 45px;
		line-height: 45px;
		font-size: 13px;
		display: inline-block;
	}
	
	/* About Section */
	.about {
		padding: 30px 0;
	}
	
	.about-content {
		padding-top: 20px;
	}
	
	.about-content .row {
		flex-direction: column;
	}
	
	.single-about-txt {
		margin-bottom: 20px;
	}
	
	.single-about-txt p {
		font-size: 13px;
		padding: 0 0 15px;
		line-height: 1.6;
	}
	
	.single-about-add-info {
		margin: 15px 0;
	}
	
	.single-about-add-info h3 {
		font-size: 12px;
		margin-bottom: 5px;
	}
	
	.single-about-add-info p {
		font-size: 12px;
	}
	
	.single-about-img {
		max-width: 100%;
		margin-top: 0;
		width: 100%;
	}
	
	.about-list-icon {
		height: 60px;
	}
	
	.about-list-icon ul {
		gap: 10px;
	}
	
	.about-list-icon ul li a {
		width: 35px;
		height: 35px;
		font-size: 14px;
	}
	
	/* Education & Certifications */
	.education-row {
		flex-direction: column;
		gap: 10px;
	}
	
	.education-logo {
		width: 50px;
		height: 50px;
		flex-shrink: 0;
	}
	
	.education-degree {
		font-size: 16px;
	}
	
	.education-university {
		font-size: 14px;
	}
	
	.certifications-list {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	
	.cert-card {
		padding: 15px;
	}
	
	/* Skills Tabs - Wrap and scroll */
	.skill-tabs {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
		justify-content: center;
		margin-bottom: 18px;
		overflow-x: auto;
	}
	
	.skill-tabs .tab {
		padding: 6px 10px;
		font-size: 12px;
		white-space: nowrap;
		flex-shrink: 0;
	}
	
	/* Skills Grid */
	.skills-container {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 12px;
		padding: 0 10px;
	}
	
	.skill-item {
		padding: 10px;
		border-radius: 8px;
	}
	
	.skill-item h3 {
		font-size: 10px;
		margin-top: 5px;
	}
	
	.skill-item img {
		width: 35px;
		height: 35px;
	}
	
	/* Experience */
	.experience {
		padding: 30px 0;
	}
	
	.main-timeline {
		position: relative;
	}
	
	.main-timeline:before {
		left: 10%;
	}
	
	.main-timeline .timeline {
		margin-bottom: 30px;
		width: 100%;
		clear: both;
	}
	
	.main-timeline .timeline:nth-child(odd) .timeline-content,
	.main-timeline .timeline:nth-child(even) .timeline-content {
		float: none;
		width: auto;
		text-align: left;
		margin-left: 50px;
		padding: 15px;
	}
	
	.main-timeline .timeline:nth-child(odd) .timeline-content:before,
	.main-timeline .timeline:nth-child(even) .timeline-content:before {
		left: -36px;
		right: auto;
	}
	
	.experience-row {
		flex-direction: column;
		gap: 10px;
	}
	
	.company-logo {
		width: 60px;
		height: 60px;
		padding: 8px;
		flex-shrink: 0;
	}
	
	.timeline-content h3.title {
		font-size: 16px;
		margin-bottom: 5px;
	}
	
	.timeline-content h4.company {
		font-size: 13px;
		margin-bottom: 8px;
	}
	
	.timeline-content span.year {
		font-size: 12px;
		padding: 3px 8px;
	}
	
	/* Clients */
	.clients-content {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	
	.clients-logo {
		padding: 10px;
	}
	
	/* Contact Form */
	.contact-form {
		padding: 0;
	}
	
	.contact-form input,
	.contact-form textarea {
		font-size: 16px;
		padding: 10px;
		width: 100%;
		margin-bottom: 10px;
	}
	
	/* Back to Top Button */
	.back-to-top {
		bottom: 20px;
		right: 20px;
		width: 40px;
		height: 40px;
		font-size: 16px;
	}
	
	/* Section Headings */
	.section-heading h2 {
		font-size: 24px;
		margin-bottom: 20px;
	}

}/*max-width:540px*/

@media screen and (max-width: 480px){
	.container {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.welcome-hero {
		min-height: 450px;
		padding: 70px 10px 30px;
	}
	
	.header-text h2 {
		font-size: 24px;
	}
	
	.header-text h4 {
		font-size: 11px;
	}
	
	.header-text p {
		font-size: 12px;
		margin: 12px auto 20px;
	}
	
	.header-text a {
		padding: 0 16px;
		height: 40px;
		line-height: 40px;
		font-size: 12px;
	}
	
	.highlight-color {
		padding: 6px 12px;
		font-size: 11px;
	}
	
	/* Skills Tabs - More aggressive wrapping */
	.skill-tabs {
		flex-wrap: wrap;
		gap: 5px;
		justify-content: center;
	}
	
	.skill-tabs .tab {
		padding: 5px 8px;
		font-size: 11px;
	}
	
	/* Skills Grid - 2 columns on very small screens */
	.skills-container {
		grid-template-columns: repeat(2, 1fr);
		gap: 8px;
		padding: 0 5px;
	}
	
	.skill-item {
		padding: 8px;
	}
	
	.skill-item h3 {
		font-size: 9px;
	}
	
	.skill-item img {
		width: 32px;
		height: 32px;
	}
	
	/* Clients - 1 column on mobile */
	.clients-content {
		grid-template-columns: 1fr;
	}
	
	/* About smaller gaps */
	.single-about-add-info {
		margin: 10px 0;
	}
	
	/* Section titles */
	.section-heading h2 {
		font-size: 20px;
		margin-bottom: 15px;
	}
	
	/* Experience timeline */
	.main-timeline .timeline:nth-child(odd) .timeline-content,
	.main-timeline .timeline:nth-child(even) .timeline-content {
		margin-left: 45px;
		padding: 12px;
	}
	
	.company-logo {
		width: 50px;
		height: 50px;
	}
	
	.timeline-content h3.title {
		font-size: 14px;
	}
	
	.timeline-content h4.company {
		font-size: 12px;
	}
	
}/*max-width:480px*/

@media screen and (max-width: 440px){
	
}/*max-width:400px*/

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

}/*max-width:350px*/

@media screen and  (max-width: 320px){
	
}/*max-width:320px*/