/*For Mobile*/
@media only screen and (max-width:760px) {
img {max-width:100%; height:auto;}
body {background-size:contain;}
	
/* 	-----------------------------------------------------
	-------------------- Header Styles ------------------
	----------------------------------------------------- */
	.header-section {position:inherit; top:auto; left:auto; background-color:#0aa9d0;}
	.header-section .logo {float:none; text-align:center;}
	.header-section .menu {padding:26px 0 0 0; float:none;}
		
	.sticky {position:inherit; top:auto;}
	.sticky + .content-section {padding-top:0px;}

	#nav-trigger {display:block; height:44px; background: #3c3c3b;}
	nav#nav-main ul {display:none;}
	nav#nav-mobile {display:block; z-index:99999; width:100%;}


/* 	-----------------------------------------------------
	-------------------- Banner Styles ------------------
	----------------------------------------------------- */
	.banner-section {min-height:inherit; background-size:cover;}
	.banner-section section {padding:0 0 200px 0; max-width:100%;}
	.banner-section h1 {font-size:30px; padding:10px 0;}
	.banner-section p {font-size:16px; padding:10px 0;}

	
	
	
/* 	-----------------------------------------------------
	------------------- Content Styles ------------------
	----------------------------------------------------- */
	.content-section {min-height:600px;}
	
	.home-services-section {padding:30px 0;}
	.home-services-section table {border-collapse:collapse; border:1px solid #e6e6e6;}
	.home-services-section td + td, .home-services-section th + th {border:1px solid #e6e6e6; display:block;}
	.home-services-section tr + tr {border:1px solid #e6e6e6;}
	.home-services-section td, .home-services-section th {padding:15px; vertical-align:middle; text-align:center; display:block; width:100%;}
	.home-services-section tr + tr > td, .home-services-section tr + tr > th {border:1px solid #e6e6e6; width:100%;}
	.home-services-section .blue-box {width:100%; height:auto; background-color:#eff6f9; margin:-15px 0; padding:15px; text-align:center;}
	.home-services-section h3 {font-size:26px; font-weight:700; line-height:1.2; color:#3d3d3d; padding-top:25px; padding-bottom:10px;}
	.home-services-section h4 {padding:15px 0;}
	.home-services-section p {font-size:16px; font-weight:400; line-height:1.6; color:#5d5d5d; padding:5px 0;}
	.home-services-section h6 {font-size:16px; font-weight:700; line-height:40px; color:#FFFFFF; display:inline-block; background-color:#f59531; border-radius:20px; margin:10px auto; padding:0 25px;}
	.home-services-section .btn-here a {margin:15px auto 0 auto; padding:0; max-width:400px; height:56px; background-color:#22c8ae; border-radius:27px; font-size:14px; font-weight:900; line-height:56px; color:#FFFFFF; text-transform:uppercase; text-align:center; display:block; transition:all .4s ease-in-out;}
	.home-services-section .btn-here a:hover {letter-spacing:normal;}
	.home-services-section td:hover {letter-spacing:normal;}
	
	.home-about-section {background-color:#1b4752;}
	.home-about-section section {padding:30px 15px 75% 15px; max-width:100%; float:none;}
	.home-about-section h3 {font-size:25px;}
	.home-about-section p {font-size:15px;}
	
	.home-devices-section {padding:30px 0;}
	.home-devices-section h3 {font-size:25px;}
	.home-devices-section h6 {font-size:15px;}
	.home-devices-section h6 span {padding:0 15px;}
	
	.home-portfolio-section {padding:0 0 100px 0; min-height:inherit;}
	.home-portfolio-section section {padding:30px 15px; max-width:100%; float:none;}
	.home-portfolio-section h3 {font-size:25px;}
	.home-portfolio-section p {font-size:15px;}
	.home-portfolio-section .btn-goto a:hover {letter-spacing:normal;}
	.owl-carousel .owl-dots {width:100%; text-align:center;}
	.home-portfolio-section .portfolio-gallery {border-radius:10px;}
	.home-portfolio-section .portfolio-gallery .owl-nav {display:none;}
	.home-portfolio-section .portfolio-gallery img {border-radius:10px;}
	
	.home-testimonials-section {padding:30px 0;}
	.home-testimonials-section hr {margin:.5rem 0; border-top:1px solid #e6e6e6;}

	.home-customers-section {padding:30px 0 60px 0; background-color:#ffffff;}
	.home-customers-section [class*="col-"] {padding:15px;}
	.home-customers-section section {padding:0px; max-width:100%;}
	.home-customers-section h3 {font-size:25px;}

	.bottom-contact-section {padding:30px 0;}
	.bottom-contact-section h3 {font-size:25px;}

	.bottom-contact-section table th {width:100%; height:auto; display:block;}
	.bottom-contact-section table td {display:block;}

	.portfolio-section {padding:15px 0; background-color:#ffffff;}
	.portfolio-section h2 {font-size:20px; font-weight:300; line-height:1.2; color:#505050; padding:15px 0 30px 0; text-align:center;}
	.portfolio-section [class*="col-"] {padding:7px 15px;}
	.portfolio-section .portfolio-box article {padding:10px; font-size:14px;}

	figure.effect-bubba p {padding:15px;}
	figure.effect-bubba p a .fa-link {width:76px; height:36px; background-color:#22c8ae; border-radius:18px; font-size:16px; line-height:36px; color:#FFFFFF; margin:10px 0; display:block; text-align:center;}
	figure.effect-bubba p a .fa-expand-arrows-alt {width:76px; height:36px; background-color:#1b4752; border-radius:18px; font-size:16px; line-height:36px; color:#FFFFFF; margin:10px 0; display:block; text-align:center;}
	
	
/* 	-----------------------------------------------------
	-------------------- Footer Styles ------------------
	----------------------------------------------------- */
	.footer-section {padding:15px 0;}
	.footer-section .left {width:100%; text-align:center; padding:15px 0;}
	.footer-section .right {width:100%; text-align:center; padding:15px 0;}
	.footer-section .right ul {margin:0; padding:0; list-style:none;}
	.footer-section .right ul li {margin:0 0 0 2px; padding:0; display:inline; font-size:14px; font-weight:400; line-height:26px; color:#b7b7b7;}
	.footer-section .right ul li a {color:#142a37; text-align:center; display:inline-block; width:26px; height:26px; background-color:#b7b7b7; border-radius:50%; transition:all .4s ease-in-out;}
	.footer-section .right ul li a:hover {background-color:#0cabc6; color:#FFFFFF; transition:all .4s ease-in-out;}
	

}
/*For Midium Mobile*/
@media only screen and (min-width:480px) and (max-width:760px){
	
}
/*For Tablet*/
@media only screen and (min-width:760px) and (max-width:1023px) {
img {max-width:100%; height:auto;}

/* 	-----------------------------------------------------
	-------------------- Header Styles ------------------
	----------------------------------------------------- */
	.header-section {}
	.header-section .menu ul li {padding:0 0 0 15px;}
	
	

/* 	-----------------------------------------------------
	-------------------- Banner Styles ------------------
	----------------------------------------------------- */
	.banner-section {}
	.banner-section section {padding:130px 0;}
	
	
/* 	-----------------------------------------------------
	------------------- Content Styles ------------------
	----------------------------------------------------- */
	.content-section {}

	.home-services-section table {border-collapse:collapse; border:1px solid #e6e6e6;}
	.home-services-section td + td, .home-services-section th + th {border:1px solid #e6e6e6; display:block;}
	.home-services-section tr + tr {border:1px solid #e6e6e6;}
	.home-services-section td, .home-services-section th {padding:15px; vertical-align:middle; text-align:center; display:block; width:100%;}
	.home-services-section tr + tr > td, .home-services-section tr + tr > th {border:1px solid #e6e6e6; width:100%;}	
	.home-services-section .blue-box {width:100%; height:auto; background-color:#eff6f9; margin:-15px 0; padding:15px; text-align:center;}
	
	.home-about-section section {padding:100px 15px;}
	
	.home-portfolio-section {min-height:inherit;}
	.home-portfolio-section section {padding:15px;}
	
	.home-customers-section section {padding:15px;}
	
	figure.effect-bubba p {padding:44px;}
	
/* 	-----------------------------------------------------
	-------------------- Footer Styles ------------------
	----------------------------------------------------- */
	.footer-section {}

	
	
}
@media only screen and (min-width:1024px) and (max-width:1140px) {
	
}