/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/



/* //testimonials */
/*-- gallery --*/

.section_1_gallery_grid {
	margin-top: 1em;
}

.w3_section_1_gallery_grid {
	padding: 0 8px;
}

.section_1_gallery_grid1 {
	position: relative;
	background: #edf3f3;
	padding: 6px;
}

.proj_gallery_grid1_pos {
	background: rgba(14, 15, 16, 0.59);
	bottom: 23px;
	left: 30px;
	opacity: 0;
	padding: 1em;
	position: absolute;
	right: 30px;
	text-align: center;
	visibility: hidden;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-webkit-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

.proj_gallery_grid1_pos h3 {
	font-size: 1.3em;
	letter-spacing: 2px;
	font-weight: 600;
	position: relative;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
}

.proj_gallery_grid1_pos p {
	color: #fff;
	letter-spacing: 1px;
	font-size: 14px;
}

.section_1_gallery_grid:hover .proj_gallery_grid1_pos {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
	-ms-transform: scaleX(1);
}

.banner-bottom.gallery {
	padding: 5em 0;
}

p.quia {
	font-size: 1.2em;
	color: #140b05;
	font-weight: 600;
	text-align: center;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.proj_gallery_grid img {
	width: 100%;
}

/*-- //gallery --*/


/*-- //layla --*/


/*-- //Team --*/

/*--/mail--*/


/*-- //mail --*/


/*--//footer--*/


/*--to-top --*/


}
@media(max-width:1280px){
	.ser_info h4 {
    width: 195.6px;
    font-size: 1.2em;
}
}
@media (max-width:1080px){
.w3l-slide-text h1, .w3l-slide-text h2, .w3l-slide-text h3 {
    color: #fff;
    font-size: 42px;
}
.ser_info i.fas.icon {
    width: 35px;
}
.ser_info i.fa.fa-plus {
    width: 35px;
}
.ser_info h4 {
    width: 165.6px;
    font-size: 1em;
}
.ser_grid1 p {
    font-size: 14px;
}
}
@media (max-width:1024px){
.w3layouts-banner-top {
    min-height: 500px;
}
.w3l-slide-text {
    margin-top: 9em;
}
.ser_info i.fa.fa-plus {
    width: 31px;
}
.ser_info i.fas.icon {
    width: 31px;
}
.ser_info i.fa.fa-plus {
    width: 25px;
}
}
@media (max-width:991px){
.buttons {
    text-align: center;
}
.navbar-toggler {
    background-color: white;
}
.w3l-slide-text h1, .w3l-slide-text h2, .w3l-slide-text h3 {
    font-size: 35px;
}
.w3l-slide-text p.heading_bottom {
    width: 100%;
}
.ab-info-text {
    padding: 3em;
}
.ser_info h4 {
    width: 400.6px;
    font-size: 1.5em;
}
.ser_grid-gap {
    margin-top: 4em;
}
.team-gap {
    margin-top: 2em;
}
p.counter {
    font-size: 2.5em;
}
.agileinfo_stats_grid {
    width: 150px;
    height: 150px;
    padding: 2em 0;
}
.proj_gallery_grid1_pos h3 {
    font-size: 1.1em;
    letter-spacing: 1px;
}
.mail_grids_wthree_agile_info h5 {
    font-size: 1em;
}
.mail_grid_right_agileits_w3 input[type="submit"], .mail_grid_right_agileits_w3 input[type="reset"] {
    width: 41.9%;
}
.w3-head-all h3 {
    font-size: 2.8em;
}
}
@media (max-width:800px){
.ser_info h4 {
    width: 305px;
    font-size: 1.5em;
}
}
@media (max-width:768px){
.ser_info h4 {
    width: 289px;
    font-size: 1.5em;
}
.w3-head-all h3 {
    font-size: 2.5em;
}
}
@media (max-width:736px){
.w3l-slide-text h1, .w3l-slide-text h2, .w3l-slide-text h3 {
    font-size: 28px;
}
.ser_info h4 {
    width: 273px;
    font-size: 1.5em;
}
.stat-gap {
    margin-top: 2em;
}
.about-img {
    min-height: 500px;
}
}
@media (max-width:667px){
.ser_info h4 {
    width: 239px;
    font-size: 1.2em;
}
}
@media (max-width:734px){
.ser_info h4 {
    width: 271px;
}
}
@media (max-width:684px){
.ser_info h4 {
    width: 247px;
}
}
@media (max-width:640px){
.ser_info h4 {
    width: 225px;
    font-size: 1.2em;
}
}
@media (max-width:600px){
.ser_info h4 {
    width: 205px;
    font-size: 1.2em;
}
}
@media (max-width:568px){
.w3l-slide-text h1, .w3l-slide-text h2, .w3l-slide-text h3 {
    font-size: 25px;
    letter-spacing: 1px;
}
.w3l-slide-text {
    margin-top: 6em;
}
.ab-info-text {
    padding: 2em;
}
.w3layouts-banner-top {
    min-height: 400px;
}
.w3l-slide-text {
    margin-top: 4em;
}
.ser_info h4 {
    width: 465px;
    font-size: 1.2em;
}
.ser_grid-gap {
    margin-top: 2em;
}
.ser_grid-gap1 {
    margin-top: 2em;
}
.stat-gap1 {
    margin-top: 2em;
}
.mail_grid_right_agileits_w3 {
    padding-left: 15px;
}
.mail_grid_right_agileits_w3 input[type="text"], .mail_grid_right_agileits_w3 input[type="email"], .mail_grid_right_agileits_w3 textarea {
    margin-top: 1em;
}
}
@media (max-width:480px){
.w3-head-all h3 {
    font-size: 2.3em;
}
.ser_info h4 {
    width: 377px;
    font-size: 1.2em;
}
}
@media (max-width:414px){
	.w3l-slide-text h1, .w3l-slide-text h2, .w3l-slide-text h3 {
    font-size: 20px;
    letter-spacing: 1px;
}
.w3l-slide-text p.heading_bottom {
    font-size: 14px;
}
.w3l-slide-text {
    margin-top: 3em;
}
.navbar-light .navbar-brand {
    font-size: 1.5em;
}
.about-img {
    min-height: 400px;
}
.ser_info h4 {
    width: 311px;
    font-size: 1.2em;
}
.testimonials-grid-2 {
    margin-top: 2em;
}
.w3-head-all h3 {
    font-size: 2em;
}
}
@media (max-width:412px){
.ser_info h4 {
    width: 309px;
    font-size: 1.2em;
}
}
@media (max-width:384px){
.ser_info h4 {
    width: 281px;
    font-size: 1.2em;
}
h4.sub-hd {
    font-size: 1.2em;
}
}
@media (max-width:375px){
.w3l-slide-text h1, .w3l-slide-text h2, .w3l-slide-text h3 {
    font-size: 18px;
    letter-spacing: 1px;
}
.w3l-slide-text {
    margin-top: 2em;
}
h4.sub-hd {
    font-size: 1.1em;
    letter-spacing: 1px;
}
.ser_info h4 {
    width: 272px;
    font-size: 1.2em;
}
.mail_grids_wthree_agile_info h5 {
    font-size: 1em;
    letter-spacing: 0px;
}
.copy p {
    letter-spacing: 1px;
}
}
@media (max-width:320px){
.w3l-slide-text h1, .w3l-slide-text h2, .w3l-slide-text h3 {
    font-size: 17px;
    letter-spacing: 1px;
}
.w3l-slide-text h1, .w3l-slide-text h2, .w3l-slide-text h3 {
    font-size: 15px;
    letter-spacing: 1px;
}
h4.sub-hd {
    font-size: 1em;
    letter-spacing: 1px;
}
.about-img {
    min-height: 284px;
}
.ser_info h4 {
    width: 217px;
    font-size: 1.2em;
}
.w3-head-all h3 {
    font-size: 1.7em;
}
}