/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1400px){

}

@media (min-width: 1025px) and (max-width: 1199px){
}

@media (min-width: 0px) and (max-width: 1024px){
	
	.header .logo img{max-width: 260px; margin: 0px;}
	.navbar a, .navbar a:focus{padding: 6px 0 6px 16px; font-size: 13px;}
	.phone-number{padding: 30px 6px;}
	.phone-number p {font-size: 12px;}

	.hero h1{font-size: 26px; color: #292929; line-height: 38px; padding: 20px 0px 14px 0px}
	.hero h4{font-size: 18px}
	.herotext{transform: translateY(-43%);}
	.hero{height: 650px;}
	.contact-button{padding-top: 20px;}
	.contact-button img, .readmore-button img {width: 100%; max-width: 160px;}


	.service-top{margin-top: -10%;}
	.service-top h3{font-size: 18px;}
	.service-top p{font-size: 14px; line-height: 24px;}
	.service-inner-a{padding-left: 30px !important;}
	.service-inner-a, .service-inner-c {padding: 10px 0px;}
	.service-inner-b{padding: 10px 30px;}

	.about{padding-top: 177px; height: 650px;}
	.abouttext h3, .service h3, .solutions h3{font-size: 16px;}
	.abouttext h2, .service h2, .solutions h2{font-size: 26px; line-height: 40px; margin-top: 3px;}
	.abouttext p, .service p, .solutions p{font-size: 16px; line-height: 30px; margin: 8px 0px; font-weight: 500;}

	.service{margin: 0px; padding-bottom: 60px;}
	.servicetext img{ width:100%; max-width:330px; padding-top:20px; }
	.serviceimg img{width: 100%; max-width: 560px;}
	.service-tab .nav-link.active, .nav-pills .show>.nav-link{font-size: 20px;}
	.service-tab .nav-link{font-size: 20px;}
	
	.solutions-nav, .service-tab{margin-top: 10px;}
	.inner-service-text li{font-size: 16px; padding: 16px 30px; margin: 14px 20px 14px 0px;}
	.service-tab .nav-link{margin-right: 50px;	}

	.footer{height: 330px;}
	.contact-information{padding: 0px 20px;}
}

@media (min-width: 0px) and (max-width: 768px){

	.header .logo img{max-width: 350px;}
	.hero p{margin: 0% 28%;}

	.hero{height: 600px;}
	.herotext{transform: translateY(-30%);}
	
	.service-top{margin-top: -18%;}
	.service-top img{width: 100%; max-width: 44px; padding-bottom: 10px;}
	.service-inner-a, .service-inner-b, .service-inner-c{padding: 0px; margin: 0px;}
	.service-top p{padding: 0px; margin: 0px; line-height: 22px;}
	.service-inner-a{padding-left: 0px !important;}
	.service-top .service-inner-c{padding-left: 0px;}
	.service-inner-a h3, .service-inner-b h3, .service-inner-c h3{ margin:0px 24px !important; display: grid !important; }
	.service-inner-a p, .service-inner-b p, .service-inner-c p{ margin:0px 24px !important; padding-top: 10px;}
	.service-inner-a, .service-inner-b, .service-inner-c{margin: -10px 0px;}

	.about{height: 610px;}
	.abouttext h3, .service h3, .solutions h3{font-size: 14px;}
	.abouttext h2, .service h2, .solutions h2{font-size: 22px; line-height: 30px;}
	.abouttext p, .service p, .solutions p{ font-size:14px; line-height:24px;}
	.service-tab .nav-link.active, .nav-pills .show>.nav-link{font-size: 18px;}
	.service-tab .nav-link{font-size: 18px;}
	.service-tab .nav-link{margin-right: 30px;}
	.inner-service-text{display: table-cell;}
	.inner-service-text li{font-size: 16px; padding: 16px 12px; margin: 14px 20px 14px 0px; text-align: center;}
}


/*Extra small devices (portrait phones, less than 576px)*/
/*No media query since this is the default in Bootstrap*/
@media (min-width: 0px) and (max-width: 430px){

	.header .logo img{max-width: 185px;}
	.phone-number{padding: 16px 6px;}
	.herotext{transform: translateY(-36%);}
	.hero p{margin: 0% 9%;}
	.hero h1{font-size: 20px;line-height: 28px;padding: 14px 0px 14px 0px;}
	.hero h4{font-size: 16px;}

	.service-top{padding: 16px 16px; margin-top: -40%;}
	.service-inner span{color: #fff;}
	.service-inner-b{margin: 0px !important;}
	.serviceimg img{padding-top: 40px;}

	.about{height: 876px;}
	.abouttext h3, .service h3, .solutions h3{text-align: center;}
	.abouttext h2, .service h2, .solutions h2{text-align: center;}
	.readmore-button{text-align: center;}


	.service-tab ul {display:block !important;}
	.service-tab ul li{padding-bottom: 16px;}
	.inner-service-text{display: list-item;}
	.service-inner-a, .service-inner-b{padding-bottom: 20px;}
	.servicetext img{margin: 0px 36px;}

	.solutions{height: 1110px;}

	.footer{height: 636px;padding: 16px 16px;}
	.contact-information {padding: 20px 30px;}
	.copyrights{margin-top: -44%;}
	.follow-us{padding-bottom: 20px;}

}

@media (min-width: 0px) and (max-width: 767px){}
@media (min-width: 426px) and (max-width: 1024px){}