/* #Media Queries
================================================== */

/* Global overflow prevention */
html {
	overflow-x: hidden;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

body {
	overflow-x: hidden;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

#main-wrapper {
	overflow-x: hidden;
	max-width: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

#footer {
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}

	@media only screen and (max-width: 1366px) {
		/* Slider */
		.home-slider .flex-direction-nav .flex-prev,
		.flexslider:hover .flex-direction-nav .flex-prev {
		    left: 0;
		}
		.home-slider .flex-direction-nav .flex-next, 
		.flexslider:hover .flex-direction-nav .flex-next {
		    right: 0px;
		}
		.home-slider .caption-wrap {
		    width: 50%;
		}
	}

	@media only screen and (max-width: 1280px) {
		/* Home Slider */
		.home-slider .caption-wrap {
		    width: 60%;
    		padding-left: 50px;
		}

		/* Latest Post */
		.latest-post .owl-theme .owl-controls .owl-nav .owl-prev {
			left: 0px;
		    background-color: rgba(255, 255, 255, 0.7);
		    margin: 0;
		    padding: 0;
		    width: 50px;
		    height: 50px;
		}
		.latest-post .owl-theme .owl-controls .owl-nav .owl-next {
		    right: 0px;
		    background-color: rgba(255, 255, 255, 0.7);
		    margin: 0;
		    padding: 0;
		    width: 50px;
		    height: 50px;
		}
		.latest-post .owl-theme .owl-controls .owl-nav [class*=owl-], .team .owl-theme .owl-controls .owl-nav [class*=owl-] {
		    top: 20%;
		    font-size: 38px;
		}

		/* Team Section */
		.team .owl-theme .owl-controls .owl-nav .owl-prev {
			left: -40px;
		}
		.team .owl-theme .owl-controls .owl-nav .owl-next {
			right: -40px;
		}

	}

	@media only screen and (max-width: 1024px) {
		/* Home Slider */
		.home-slider .flex-direction-nav a:before {
		    font-size: 50px;
		}
		.home-slider .flex-direction-nav .flex-next, .home-slider .flex-direction-nav .flex-prev {
		    height: 75px;
		    top: 60%;
		}

		/* Header */
		.top-header ul li {
		    margin: 0 5px;
		}
		.top-header ul li p span {
		    font-size: 14px;
		}
		.top-header ul li p span.heading {
		    font-size: 13px;
		}

		/* Email Quote */
		.services .email-quote {
		    padding: 30px 25px;
		}
		.services .email-quote select {
		    width: 54.5%;
		}

		/* Features Section */
		.features-item {
		    padding: 20px 20px 20px 95px;
		}
		.features-item .icon-wrap {
		    padding: 0px 20px;
		}
		.features-item .icon-wrap i {
    		font-size: 42px;
		    line-height: 165px;
		}

		/* Latest Post */
		.latest-post .owl-theme .owl-controls .owl-nav [class*=owl-], .team .owl-theme .owl-controls .owl-nav [class*=owl-] {
		    top: 13%;
		}

		/* Team Section */
		.team .owl-theme .owl-controls .owl-nav .owl-prev {
			left: -15px;
		}
		.team .owl-theme .owl-controls .owl-nav .owl-next {
			right: -15px;
		}

		/* Services Page */
		.services-page .services-text h3.title {
			font-size: 20px;
		}
		.services-page .services-thumb img {
			width: 100%;
		}
	}

	@media only screen and (max-width: 992px) {
		/* Header */
		.site-header .navigation,
		.top-header .info {
			display: none;
		}
		/* Mobile Menu Fixes */
		.c-menu {
			z-index: 200001 !important;
			top: 15px !important;
			right: 15px !important;
			bottom: 15px !important;
			height: auto !important;
			border-radius: 8px;
			transform: translateX(calc(100% + 30px));
		}
		.c-menu.is-active {
			transform: translateX(0) !important;
		}
		#slide-overlay {
			z-index: 200000 !important;
		}
		.site-header {
			position: fixed;
			top: 15px !important;
			left: 15px;
			right: 15px;
			z-index: 99999;
			background: #fff;
			padding: 10px 15px;
			box-shadow: 0 2px 10px rgba(0,0,0,0.1);
			border-radius: 8px;
			transform: none !important;
			opacity: 1 !important;
			visibility: visible !important;
		}
		.top-header {
			display: flex;
			align-items: center;
			justify-content: space-between;
			background: transparent;
			box-shadow: none;
			padding: 5px 0;
			margin-top: 0;
			border-radius: 0;
			height: auto;
			transition: all 0.3s ease;
		}
		.top-header .logo {
			float: none;
			width: auto;
			text-align: center;
			flex-grow: 1;
		}
		.top-header .logo img {
			max-height: 40px;
			width: auto;
		}
		#slide-buttons {
		    display: block;
		    color: #0B60A9;
		}
		.top-header .slide-buttons {
			float: none;
			position: relative;
			top: 0;
			right: 0;
		}

		/* Home Slider */
		.home-slider .caption-wrap {
		    width: 60%;
		    padding-left: 0;
		    top: 60%;
		    left: 50%;
		    transform: translate(-50%, -50%);
		}

		/* Email Quote */
		.services .email-quote h4 {
			display: block;
		    width: 100%;
		    float: none;
		    text-align: center;
		    margin-bottom: 20px;
		}
		.email-quote form .col-md-6 {
			width: 50%;
			float: left;
		}
		.services .email-quote select {
		    width: 55.7%;
		}
		.email-quote form .category_filter.col-md-6 {
			padding-right: 0;
		}

		/* Features Section - Fix overlapping */
		.features-item {
		    padding: 20px;
		    display: block;
		    position: relative;
		}
		.features-item .icon-wrap {
		    position: relative;
		    left: auto;
		    top: auto;
		    width: 60px;
		    height: 60px;
		    margin: 0 auto 15px;
		    padding: 0;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    border-radius: 8px;
		}
		.features-item .icon-wrap i {
		    line-height: 60px;
		    font-size: 30px;
		}
		.features-item .text {
		    text-align: center;
		    padding-left: 0;
		}

		/* Service Calculator */
		.services-calculator .intro-section .image {
		    position: relative;
		    margin: 0 auto;
		}
		.services-calculator .intro-section .image img {
		    transform: none;
		}
		.services-calculator .form-section form {
		    height: 100% !important;
		}

		/* Partner Logo */
		.partner-logo {
			width: 20%;
			float: left;
		}

		/* Latest Post */
		.latest-post .owl-theme .owl-controls .owl-nav [class*=owl-], .team .owl-theme .owl-controls .owl-nav [class*=owl-] {
		    top: 30%;
		}

		/* Caounter Number */
		.counter-item {
			text-align: center;
			margin-bottom: 40px;
		}
		.counter-section h2:after {
		    margin-left: auto;
		    margin-right: auto;
		}

		/* Footer */
		.widget-footer {
			margin-bottom: 60px;
		}
	}

	@media only screen and (max-width: 768px) {
		/* Prevent horizontal overflow */
		html, body {
			overflow-x: hidden;
			max-width: 100%;
			width: 100%;
		}
		
		#main-wrapper {
			overflow-x: hidden;
			max-width: 100%;
			width: 100%;
		}
		
		/* Layout */
		.container {
			width: 100%;
		    padding: 0 15px;
		    max-width: 100%;
		    box-sizing: border-box;
		}

		/* Header */
		.site-header {
			position: fixed;
			top: 15px !important;
			left: 15px;
			right: 15px;
			z-index: 99999;
			background: #fff;
			padding: 10px 15px;
			box-shadow: 0 2px 10px rgba(0,0,0,0.1);
			border-radius: 8px;
			transform: none !important;
			opacity: 1 !important;
			visibility: visible !important;
		}
		.top-header {
		    padding: 5px 0;
		    margin-top: 0;
		    display: flex;
		    align-items: center;
		    justify-content: space-between;
		    height: auto;
		    background: transparent;
		    border-radius: 0;
		    box-shadow: none;
		}
		.top-header .logo {
		    width: auto;
		    text-align: center;
		    margin-bottom: 0;
		    flex-grow: 1;
		}
		.top-header .logo img {
		    max-width: 150px !important;
		    max-height: 35px;
		    width: auto;
		    height: auto;
		}
		.top-header .slide-buttons {
		    position: relative;
		    top: 0;
		    right: 0;
		}
		#slide-buttons {
		    font-size: 24px;
		    color: #0B60A9;
		}
		/* Adjust content for fixed header */
		#slider {
			margin-top: 0;
		}

		/* Home Slider */
		.home-slider {
			height: 100vh;
			min-height: 500px;
			margin-bottom: 0;
		}
		.home-slider .slides li {
			height: 100vh;
			min-height: 500px;
		}
		
		/* Ensure slider section ends cleanly */
		#slider {
			margin-bottom: 0;
		}
		.home-slider .caption-wrap {
	        top: 60%;
		    width: 90%;
		    padding: 0 5%;
		    text-align: center;
		    left: 50%;
		    transform: translate(-50%, -50%);
		}
		.home-slider .caption-wrap h1 {
		    font-size: 28px;
		    line-height: 1.3;
		    margin-bottom: 15px;
		    color: #fff;
		    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
		}
		.home-slider .caption-wrap p {
		    font-size: 16px;
		    line-height: 1.5;
		    color: #fff;
		    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
		}
		.home-slider .caption-wrap h1:after {
		    margin-left: auto;
		    margin-right: auto;
		}
		.home-slider .caption-wrap .button-normal {
		    padding: 12px 30px;
		    font-size: 14px;
		    margin-top: 20px;
		    background: #0B60A9;
		    color: #fff;
		    border-radius: 4px;
		    display: inline-block;
		    text-transform: uppercase;
		    font-weight: 700;
		}

		/* Tracking Box Container - Mobile Styles */
		.tracking-box-container {
		    width: 100%;
		    margin: 20px 0;
		    padding: 0 10px;
		    max-width: 100%;
		    box-sizing: border-box;
		    top: 0 !important;
		    position: relative;
		}
		.tracking-tabs {
		    display: flex;
		    gap: 5px;
		}
		.tracking-tabs .tab-btn {
		    flex: 1;
		    padding: 10px 8px;
		    font-size: 13px;
		    min-height: 44px;
		    touch-action: manipulation;
		}

		/* Services Section */
		.services {
		    padding-top: 0;
		    padding-bottom: 60px;
		    margin-top: 0;
		}
		
		/* Add spacing after slider for services with tracking box */
		.services.with-bg {
		    padding-top: 40px !important;
		}
		
		/* Content Section */
		#content {
		    padding-top: 0;
		    margin-top: 0;
		}
		.services .section-title {
		    margin-top: 40px;
		    margin-bottom: 40px;
		}
		.services .section-title h2 {
		    font-size: 26px;
		    margin-bottom: 30px;
		}
		.services .services-text {
		    padding: 0 5%;
		}
		.services .services-text h3.title {
		    font-size: 20px;
		}
		.services .services-text p {
		    font-size: 14px;
		}
		.services .services-content {
		    height: 350px;
		}
		.services .services-wrap-carousel .owl-prev,
		.services .services-wrap-carousel .owl-next {
		    width: 40px;
		    height: 40px;
		}
		.services .services-wrap-carousel .owl-prev i,
		.services .services-wrap-carousel .owl-next i {
		    font-size: 30px;
		}

		/* Features Section - Mobile Optimized */
		.features.wrapper {
		    padding: 60px 0 40px 0;
		}
		.features .section-title h2 {
		    font-size: 26px;
		    margin-bottom: 40px;
		}
		.features-item {
		    padding: 20px;
		    margin-bottom: 25px;
		    display: flex;
		    align-items: flex-start;
		    box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
		    border-radius: 8px;
		    background: #fff;
		}
		.features-item .icon-wrap {
		    position: relative;
		    left: 0;
		    top: 0;
		    width: 60px;
		    min-width: 60px;
		    height: 60px;
		    padding: 0;
		    margin-right: 15px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    border-radius: 8px;
		    background-color: #0B60A9;
		}
		.features-item .icon-wrap i {
		    font-size: 28px;
		    line-height: 1;
		    color: #fff;
		}
		.features-item .text {
		    padding-left: 0;
		    margin-left: 0;
		    flex: 1;
		    position: relative;
		    z-index: 1;
		}
		.features-item .text h4 {
		    font-size: 18px;
		    margin-bottom: 8px;
		}
		.features-item .text p {
		    font-size: 14px;
		    margin: 0;
		}

		/* Testimonials */
		.testimonial.wrapper {
		    padding: 60px 0;
		}
		.testimonial .section-title h2 {
		    font-size: 26px;
		    margin-bottom: 40px;
		}
		.testimonial-item {
		    padding: 25px 20px 80px 20px;
		}
		.testimonial-item p {
		    font-size: 18px;
		}
		.testimonial-item .client-info {
		    bottom: -45px;
		    padding: 12px 15px;
		}
		.testimonial-item .client-info .client-details h3 {
		    font-size: 16px;
		}

		/* Partner Logos */
		.our-partner {
		    margin-top: 60px;
		}
		.partner-logo {
		    width: 100%;
		    float: none;
		    margin-bottom: 30px;
		    text-align: center;
		}
		.partner-logo img {
		    max-width: 120px;
		}

		/* Email Quote */
		.services .email-quote input.col-md-6 {
		    width: 100%;
		    margin-bottom: 10px;
		}
		.email-quote form .category_filter.col-md-6 {
		    padding-right: 0;
		    padding-left: 0;
		    width: 100%;
		    text-align: center;
		}
		.services .email-quote select {
		    width: 100%;
		}
		.services .email-quote button {
		    margin-left: 0;
		    margin-top: 20px;
		}

		/* Footer */
		#footer {
		    padding: 60px 0 250px 0;
		}
		.footer-wrap {
		    padding: 0;
		}
		.widget-footer {
		    margin-bottom: 40px;
		    padding: 0 30px;
		    word-wrap: break-word;
		    overflow-wrap: break-word;
		}
		.widget-footer h4.title {
		    font-size: 18px;
		    word-wrap: break-word;
		}
		.widget-footer p {
		    font-size: 14px;
		    line-height: 1.6;
		    word-wrap: break-word;
		    overflow-wrap: break-word;
		}
		.widget-footer .contact-section p {
		    word-wrap: break-word;
		    overflow-wrap: break-word;
		    white-space: normal;
		}
		.widget-footer .contact-section li {
		    margin-bottom: 10px;
		    word-wrap: break-word;
		}
		.copyright {
		    padding: 40px 0;
		}
		.copyright p {
		    font-size: 14px;
		}
		.copyright .social-icon ul li {
		    margin: 0 15px;
		}

		/* Latest Post */
		.latest-post .owl-theme .owl-controls .owl-nav [class*=owl-], .team .owl-theme .owl-controls .owl-nav [class*=owl-] {
		    top: 30%;
		}

		/* About Us Page - Company Desc Section */
		.company-slider {
			margin-top: 40px;
		}
		.company-vision img {
			width: 100%;
		}
		.company-vision .item {
			margin-bottom: 40px;
		}

		/* Contact Us Banner */
		.contact-us-banner h1 {
		    font-size: 28px;
		}

		/* Sidebar */
		.sidebar {
		    padding-left: 15px;
		    margin-top: 80px;
		}

		/* Contact Page */
		.contact-form {
			margin-top: 60px;
		}

		/* Wrapper padding */
		.wrapper {
		    padding: 60px 0;
		}

		/* Touch-friendly buttons */
		a.button-normal {
		    min-height: 44px;
		    display: inline-flex;
		    align-items: center;
		    justify-content: center;
		}
	}

	@media only screen and (max-width: 640px) {
		/* Prevent horizontal overflow */
		html, body {
			overflow-x: hidden;
			max-width: 100%;
			width: 100%;
		}
		
		#main-wrapper {
			overflow-x: hidden;
			max-width: 100%;
			width: 100%;
		}
		
		/* Layout */
		.container {
		    width: 100%;
		    padding: 0 15px;
		    max-width: 100%;
		    box-sizing: border-box;
		}

		/* Home Slider */
		.home-slider .caption-wrap {
		    width: 85%;
		    top: 60%;
		    left: 50%;
		    transform: translate(-50%, -50%);
		}

		/* Latest Post */
		.latest-post .owl-theme .owl-controls .owl-nav [class*=owl-],
		.team .owl-theme .owl-controls .owl-nav [class*=owl-] {
		    top: 25%;
		}

	}

	@media only screen and (max-width: 480px) {
		/* Prevent horizontal overflow */
		html, body {
			overflow-x: hidden;
			max-width: 100%;
			width: 100%;
		}
		
		#main-wrapper {
			overflow-x: hidden;
			max-width: 100%;
			width: 100%;
		}
		
		/* Layout */
		.container {
		    padding: 0 10px;
		    max-width: 100%;
		    box-sizing: border-box;
		}

		/* Header - Small Mobile */
		.site-header {
			top: 12px !important;
			left: 12px;
			right: 12px;
			padding: 10px 15px;
			background: #fff;
			box-shadow: 0 2px 10px rgba(0,0,0,0.1);
			border-radius: 8px;
			transform: none !important;
			opacity: 1 !important;
			visibility: visible !important;
		}
		/* Mobile Menu Small Screen */
		.c-menu {
			top: 12px !important;
			right: 12px !important;
			bottom: 12px !important;
			transform: translateX(calc(100% + 30px));
		}
		.c-menu.is-active {
			transform: translateX(0) !important;
		}
		.top-header {
		    padding: 5px 0;
		    margin-top: 0;
		    height: auto;
		    background: transparent;
		    border-radius: 0;
		    box-shadow: none;
		}
		.top-header .logo {
		    text-align: center;
		}
		.top-header .logo img {
		    max-width: 130px !important;
		    max-height: 32px;
		}
		.top-header .slide-buttons {
		    position: relative;
		    top: 0;
		    right: 0;
		}
		#slide-buttons {
		    font-size: 22px;
		}
		#slider {
			margin-top: 0;
		}

		/* Home Slider - Small Mobile */
		.home-slider {
			height: 100vh;
			min-height: 450px;
			margin-bottom: 0;
		}
		.home-slider .slides li {
			height: 100vh;
			min-height: 450px;
		}
		
		/* Ensure slider section ends cleanly */
		#slider {
			margin-bottom: 0;
		}
		.home-slider .caption-wrap {
		    top: 60%;
		    width: 95%;
		    padding: 0 2.5%;
		    left: 50%;
		    transform: translate(-50%, -50%);
		}
		.home-slider .caption-wrap h1 {
			font-size: 24px;
			line-height: 1.4;
			margin-bottom: 12px;
		}
		.home-slider .caption-wrap p {
		    font-size: 14px;
		    line-height: 1.4;
		}
		.home-slider .caption-wrap .button-normal {
		    padding: 10px 25px;
		    font-size: 13px;
		    margin-top: 15px;
		}

		/* Tracking Box Container - Mobile Styles */
		.tracking-box-container {
		    width: 100%;
		    margin: 15px 0;
		    padding: 0 5px;
		    max-width: 100%;
		    box-sizing: border-box;
		    top: 0 !important;
		    position: relative;
		    z-index: 10;
		}
		
		/* Add spacing after slider on small mobile */
		.services.with-bg {
		    padding-top: 30px !important;
		}
		.tracking-tabs .tab-btn {
	    padding: 12px 8px;
	    font-size: 12px;
	    min-height: 48px;
	    touch-action: manipulation;
	}

		/* Services Section */
		.services {
		    padding-bottom: 50px;
		}
		.services .section-title h2 {
		    font-size: 22px;
		    margin-bottom: 25px;
		}
		.services .services-text {
		    padding: 0 3%;
		}
		.services .services-text h3.title {
		    font-size: 18px;
		}
		.services .services-text p {
		    font-size: 13px;
		}
		.services .services-content {
		    height: 300px;
		}
		.services .services-wrap-carousel .owl-prev i, 
		.services .services-wrap-carousel .owl-next i {
		    font-size: 32px;
		}
		.services .services-wrap-carousel .owl-prev,
		.services .services-wrap-carousel .owl-next {
		    width: 35px;
		    height: 35px;
		}

		/* Features Section - Small Mobile */
		.features.wrapper {
		    padding: 50px 15px 30px 15px;
		}
		.features .section-title h2 {
		    font-size: 22px;
		    margin-bottom: 30px;
		}
		.features-item {
		    padding: 15px;
		    margin-bottom: 20px;
		    display: flex;
		    align-items: flex-start;
		}
		.features-item .icon-wrap {
		    width: 50px;
		    min-width: 50px;
		    height: 50px;
		    margin-right: 12px;
		}
		.features-item .icon-wrap i {
		    font-size: 24px;
		}
		.features-item .text {
		    padding-left: 0;
		    margin-left: 0;
		    width: 100%;
		    position: relative;
		    z-index: 1;
		}
		.features-item .text h4 {
		    font-size: 16px;
		    margin-bottom: 6px;
		}
		.features-item .text p {
		    font-size: 13px;
		    margin: 0;
		}

		/* Testimonials */
		.testimonial.wrapper {
		    padding: 50px 0;
		}
		.testimonial .section-title h2 {
		    font-size: 22px;
		    margin-bottom: 30px;
		}
		.testimonial-item {
		    background-position: 20px 75%;
		    background-size: 25px;
		    padding: 20px 15px 85px 15px;
		}
		.testimonial-item p {
		    font-size: 16px;
		    line-height: 1.5;
		}
		.testimonial-item .client-info {
		    bottom: -40px;
		    padding: 10px 12px;
		    right: 10px;
		}
		.testimonial-item .client-info .client-details h3 {
		    font-size: 14px;
		}

		/* Partner Logos */
		.our-partner {
		    margin-top: 50px;
		}
		.partner-logo {
		    margin-bottom: 25px;
		}
		.partner-logo img {
		    max-width: 100px;
		}

		/* Footer */
		#footer {
		    padding: 50px 0 220px 0;
		    margin-left: 0 !important;
		    margin-right: 0 !important;
		    width: 100% !important;
		    max-width: 100% !important;
		}
		.footer-wrap {
		    padding: 0;
		}
		.widget-footer {
		    margin-bottom: 35px;
		    padding: 0 30px;
		    word-wrap: break-word;
		    overflow-wrap: break-word;
		}
		.widget-footer h4.title {
		    font-size: 16px;
		    word-wrap: break-word;
		    margin-bottom: 25px;
		}
		.widget-footer p {
		    font-size: 13px;
		    line-height: 1.5;
		    word-wrap: break-word;
		    overflow-wrap: break-word;
		}
		.widget-footer .contact-section {
		    padding: 10px 0;
		}
		.widget-footer .contact-section h4,
		.widget-footer .contact-section p {
		    word-wrap: break-word;
		    overflow-wrap: break-word;
		    white-space: normal;
		    hyphens: auto;
		}
		.widget-footer .contact-section a {
		    word-break: break-all;
		    display: inline-block;
		}
		.widget-footer ul.contact-section li {
		    margin-bottom: 8px;
		    word-wrap: break-word;
		    padding-right: 5px;
		}
		.widget-footer ul.contact-section li a {
		    font-size: 13px;
		    line-height: 1.5;
		}
		.copyright {
		    padding: 30px 0;
		}
		.copyright p {
		    font-size: 12px;
		}
		.copyright .social-icon ul li {
		    margin: 0 8px;
		}
		.copyright .social-icon ul li a {
		    font-size: 20px;
		}

		/* Latest Post */
		.latest-post .owl-theme .owl-controls .owl-nav [class*=owl-], 
		.team .owl-theme .owl-controls .owl-nav [class*=owl-] {
		    top: 15%;
		}

		/* Calculator Form */
		.services-calculator .form-section p.extra-services,
		.services-calculator .form-section p.fragile {
			width: 100%;
		}
		#totalPrice {
		    margin-top: 90px;
		}

		/* Section Titles */
		.section-title h2 {
		    font-size: 22px;
		}

		/* Wrapper padding */
		.wrapper {
		    padding: 50px 0;
		}

		/* Touch-friendly buttons */
		a.button-normal {
		    min-height: 44px;
		    display: inline-flex;
		    align-items: center;
		    justify-content: center;
		}

		/* Better spacing for small screens */
		.section-title {
		    margin-bottom: 30px;
		}
	}
	
	@media only screen and (max-width: 320px) {
		/* Extra Small Mobile */
		.container {
		    padding: 0 8px;
		}
		
		/* Header - Extra Small Mobile */
		.site-header {
			top: 10px;
			left: 10px;
			right: 10px;
		}
		.top-header {
		    padding: 8px 10px;
		    height: 50px;
		    border-radius: 6px;
		}
		.top-header .logo img {
		    max-width: 110px !important;
		    max-height: 28px;
		}
		#slide-buttons {
		    font-size: 20px;
		}
		
		/* Features */
		.features-item {
		    padding: 12px;
		}
		.features-item .icon-wrap {
		    width: 45px;
		    min-width: 45px;
		    height: 45px;
		    margin-right: 10px;
		}
		.features-item .icon-wrap i {
		    font-size: 20px;
		}
		.features-item .text h4 {
		    font-size: 14px;
		}
		.features-item .text p {
		    font-size: 12px;
		}
		
		/* Footer - Extra Small Mobile */
		#footer {
		    padding: 40px 0 200px 0;
		}
		.widget-footer {
		    padding: 0 5px;
		}
		.widget-footer h4.title {
		    font-size: 14px;
		}
		.widget-footer p,
		.widget-footer .contact-section p,
		.widget-footer a {
		    font-size: 12px;
		    line-height: 1.6;
		}
		.copyright {
		    padding: 25px 10px;
		}
		.copyright p {
		    font-size: 11px;
		}
	}