<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html {
scroll-behavior: smooth;
}
html,
body {
padding: 0;
margin: 0;
background: #fff;
letter-spacing: 1px;
font-family: 'Open Sans', sans-serif;
}
body a {
outline: none;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
text-decoration: none;
}
body a:hover {
text-decoration: none;
}
body a:focus,
a:hover {
text-decoration: none;
}
input[type="button"],
input[type="submit"] {
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
letter-spacing: 1px;
font-family: 'Open Sans', sans-serif;
}
select,
input[type="email"],
input[type="text"],
input[type=password],
input[type="button"],
input[type="submit"],
textarea {
font-family: 'Open Sans', sans-serif;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
letter-spacing: 1px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
letter-spacing: 1px;
font-family: 'Work Sans', sans-serif;
}
p {
margin: 0;
padding: 0;
letter-spacing: 1px;
font-family: 'Open Sans', sans-serif;
}
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
ul li {
display: inline-block;
}
.txt-right{text-align:right;}
.txt-center{text-align:center;}
.txt-left{text-align:left;}
/*-- //Reset-Code --*/
.title {
font-size:37px;
color: #000;
letter-spacing: 2px;
font-weight:400;
text-transform: capitalize;
}
h6.title-top-txt,.client-txt-w3ls h4,.blog-right-text h4 a,.footer-bottom h4,.service-para-w3layouts h4{
font-size: 20px;
color:#39f6f9;
font-weight: 600;
/* padding-bottom: 5px; */
}
.clr,.footer-bottom h4 ,.client-txt-w3ls h4,.service-para-w3layouts h4{
color: #fff;
}
.clr-para p {
color: #d8d8d8;
}
.w3layouts-abt-info p,.about-left-w3l p,.box-content p,.client-txt-w3ls p,.blog-text-middle p,.footer-top p,.footer-top p a,.service-para-w3layouts p{
font-size: 14px;
color:#2f2f2f;
line-height: 28px;
}
.about-left-w3l p,.box-content p{color:#e4e4e4;}
/*-- header --*/ 
.header-outs {
position: relative;
background: #f3eeee;
}
.back-img-headder{background: url(../images/b3.jpg)no-repeat center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
min-height: 800px;}
.header-w3layouts {
position: absolute;
padding: 1em 1em 0em;
width: 100%;
z-index:99;
background:transparent;
}
/*-- nav --*/
.toggle,
[id^=drop] {
display: none;
}
/* Giving a background-color to the nav container. */
nav { 
margin:0;
padding: 0;
}
div#logo {
    float: left;
}
#logo h1 a {
font-size: 35px;
text-transform: capitalize;
display: initial;
margin: 0;
letter-spacing: 1px;
color:#fff;
padding-top: 6px;
font-weight: 600;
}
/* Since we'll have the "ul li" "float:left"
* we need to add a clear after the container. */
nav:after {
content:"";
display:table;
clear:both;
}
/* Removing padding, margin and "list-style" from the "ul",
* and adding "position:reltive" */
nav ul {
float: right;
padding:0;
margin:0;
list-style: none;
position: relative;
}
/* Positioning the navigation items inline */
nav ul li {
margin: 0px;
display:inline-block;
float: left;
}
/* Styling the links */
nav ul li a {
color: #000;
text-transform: capitalize;
font-weight:700;
font-size: 15px;
padding: 7px 41px 0px;
letter-spacing: 1px;
}
nav ul li ul li:hover { background: #f8f9fa; }
/* Background color change on Hover */
nav a:hover { 
color:#10ccc7;	
}
.menu li.active  a{ 
color:#10ccc7;	
}
/* Hide Dropdowns by Default
* and giving it a position of absolute */
nav ul ul {
display: none;
position: absolute; 
/* has to be the same number as the "line-height" of "nav a" */
top: 30px; 
background: #fff;
padding: 10px;
}
/* Display Dropdowns on Hover */
nav ul li:hover &gt; ul {
display:inherit;
}
/* Fisrt Tier Dropdown */
/*nav ul ul li {
width:170px;
float:none;
display:list-item;
position: relative;
}
nav ul ul li a {
color: #333;
padding: 5px 10px;
display: block;
}
/* Second, Third and more Tiers	
* We move the 2nd and 3rd etc tier dropdowns to the left
* by the amount of the width of the first tier.
*/
/*nav ul ul ul li {
position: relative;
top:-60px;
/* has to be the same number as the "width" of "nav ul ul li" */ 
/*left:170px; 
} */
/* Change ' +' in order to change the Dropdown symbol */
li &gt; a:only-child:after { content: ''; }
/* Media Queries
--------------------------------------------- */
@media all and (max-width : 768px) {
#logo {
display: block;
padding: 0;
/*width: 100%;
text-align: center;
float: none;*/
}
nav {
margin: 0;
}
/* Hide the navigation menu by default */
/* Also hide the  */
.toggle + a,
.menu {
display: none;
}
/* Stylinf the toggle lable */
.toggle {
display: block;
padding: 6px 19px;
font-size: 15px;
margin-top: 7px;
border-radius: 500px;
text-decoration: none;
cursor: pointer;
border: none;
float: right;
background-color:#10ccc7;
color: #fff;
}
.menu .toggle {
float: none;
text-align: center;
margin: auto;
width: 25%;
padding: 5px;
font-weight: normal;
font-size: 16px;
letter-spacing: 1px;
}
.toggle:hover {
color:#fff;
background-color: #000;
}
/* Display Dropdown when clicked on Parent Lable */
[id^=drop]:checked + ul {
display: block;
background: #fff;
padding: 15px 0;
text-align: center;
}
/* Change menu item's width to 100% */
nav ul li {
display: block;
width: 100%;
padding: 5px 0;
}
nav ul ul .toggle,
nav ul ul a {
padding: 0 40px;
}
nav ul ul ul a {
padding: 0 80px;
}
nav a:hover,
nav ul ul ul a {
background-color: transparent;
}
nav ul li ul li .toggle,
nav ul ul a,
nav ul ul ul a{
padding:14px 20px;	
color:#FFF;
font-size:17px; 
}
nav ul li ul li .toggle,
nav ul ul a {
background-color: #212121; 
}
/* Hide Dropdowns by Default */
nav ul ul {
float: none;
position:static;
color: #ffffff;
/* has to be the same number as the "line-height" of "nav a" */
}
/* Hide menus on hover */
nav ul ul li:hover &gt; ul,
nav ul li:hover &gt; ul {
display: none;
}
/* Fisrt Tier Dropdown */
nav ul ul li {
display: block;
width: 100%;
padding: 0;
}
nav ul ul ul li {
position: static;
/* has to be the same number as the "width" of "nav ul ul li" */ 
}
}
@media all and (max-width : 330px) {
nav ul li {
display:block;
width: 94%;
}
}
/*-- banner --*/ 
.slide-info {
padding:21em 0 0;
}
.slide-info h5 {
font-size: 43px;
color:#10ccc7;
font-weight: 700;
letter-spacing: 2px;
margin: 0px 0px 16px;
text-shadow: -1px 0px black;
}
.slide-info-txt p {
color: #000000;
font-size: 17px;
letter-spacing: 0px;
}
/* --//banner-- */
/*-- position-grids-- */
.banner-bottom {
padding-top:13em;
}
.double-form {
display: flex;
padding-bottom: 2em;
}
.banner-txt-address{flex:1;}
.form-right-to-w3ls{flex:2;}
.banner-txt-address h5 {
font-size: 16px;
color: #000;
font-weight:500;
letter-spacing:0px;
line-height: 37px;
}
select.form-control{  width: 100%;}
select.form-control{
outline: none;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.45);
color: #000;
letter-spacing:1px;
border: 1px solid #000;
border-radius: 0px;
font-size: 14px;
padding: .5em 1em;
}
.search-container input{
background: #10ccc7;
margin: 0px;
color:#fff;
font-size:14px;
padding: 6px 25px;
border-radius:0px;
border:1px solid #000;
cursor:pointer;
}
.search-container input:hover{background:#000;}
button.search-buttn span {
font-size: 18px;
color: #fff;
}
.w3layout-abt-info {
padding:3em 2em;
background: #fff;
}
/*--// position-grids-- */
/*-- about-- */
.about-info-right {
background: url(../images/b1.jpg)no-repeat center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
}
.abut-headder h2, .about-left-w3l h6 {
font-size: 30px;
color: #10ccc7;
line-height: 44px;
font-weight: bolder;
width: 72%;
background:rgba(255, 255, 255, 0.7);
padding: 5px 9px;
}
.w3layouts-abt-info,.about-info-right {
padding:7em 3em;
}
.about-left-w3l h5 {
font-size: 17px;
color: #fff;
font-weight:bolder;
}
/*--// about-- */
/*-- service-- */
/** Demo - 8**/
.service,footer,.clients,.gallery{
background:#1ccacd;
}
.box8{overflow:hidden}
.box8 .icon{margin:0;position:absolute}
.box8{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box8 img{width:100%;height:auto}
.box8 .box-content {
width: 100%;
height: 75%;
background: rgba(0,0,0,.6);
opacity: 0;
position: absolute;
top: 0;
border: 5px solid #fff;
left: 0;
padding: 25px 15px;
transform: perspective(400px) rotateX(-90deg);
transform-origin: center top 0;
transition: all .5s ease 0s;
}
.outs_more-buttn a {
background: #ffffff;
font-size: 16px;
color: #000000;
display:inline-block;
padding: 9px 15px;
border-radius: 8px;
border: 2px solid #22f4db;
}
.outs_more-buttn a:hover{color:#fff;
background: #000;
}
.box8:hover .box-content{opacity:1;transform:perspective(400px) rotateX(0)}
/*.box8 .title-ser{
bottom:24px;
left: 118px;
transition: all .9s ease 0s;
}*/
.box-content{transition:all .35s ease 0s}
/*.box8:hover .title-ser{bottom:-40px}*/
.box8 .icon {
list-style: none;
padding: 0;
top:61%;
left: -9px;
right: 0;
}
.title-ser{width:100%;font-size:22px}
/*--// service-- */
/* team */
/*********************** Demo - 15 *******************/
.box15{position:relative}
.box15 img{width:100%;height:auto}
.box15 .box-content {
width: 83%;
height: 83%;
position: absolute;
top: 29px;
left: 22px;
transition: all .5s ease 0s;
}
.box15:hover .box-content {
background-color: rgba(90, 225, 199, 0.74);
}
.box15 .box-content:after,.box15 .box-content:before{
content:"";
width:50px;
height:50px;
position:absolute;
opacity:0;
transform:scale(1.5);
transition:all .6s ease .3s}
.box15 .box-content:before{
border-left:1px solid #fff;
border-top:1px solid #fff;
top:19px;
left:19px}
.box15 .box-content:after{
border-bottom:1px solid #fff;
border-right:1px solid #fff;
bottom:19px;right:19px}
.box15:hover .box-content:after,.box15:hover .box-content:before{
opacity:1;
transform:scale(1)}
.box15 .title-team{font-size:22px;
color:#fff;
margin:0;
position:relative;
top:0;
opacity:0;
transition:all 1s ease 10ms;}
.box15:hover .title-team{
top:39%;
opacity:1;
transition:all .5s cubic-bezier(1,-.53,.405,1.425) 10ms}
.box15 .title-team:after{
content:"";
width:0;
height:1px;
background:#040404;
position:absolute;
bottom:-8px;
left:0;
right:0;
margin:0 auto;
transition:all 1s ease 0s;}
.box15:hover .title-team:after{
width:80%;
transition:all 1s ease .8s}
.box15 .icon {
width: 100%;
top: 157px;
margin: 0 auto;
position: absolute;
bottom: 0;
opacity: 0;
transition-duration: .6s; 
transition-timing-function: cubic-bezier(1,-.53,.405,1.425);
transition-delay: .1s; 
}
.box15:hover .icon{bottom:39%;opacity:1}
.box15 .icon li{display:inline-block}
.box15 .icon li a span{display:block;
width:40px;
height:40px;
line-height:40px;
border-radius:50%;
font-size:18px;
color:#fff;
border:1px solid #000;
margin-right:5px;
transition:all .3s ease-in-out 0s;}
.box15 .icon li a span:hover{background:#000;
color:#fff}
@media only screen and (max-width:990px){.box15{margin-bottom:30px}
}
/*--// team-- */
/* clients */
/*-- clients--*/
/* --blog-- */
.blog-text-middle {
background: #fff;
padding:0em 3em;
}
.news-date p a{
color:#6b6a6a;
font-size: 13px;
}
.news-date p span {
color:#39f6f9;
padding-right:5px;
font-size: 12px;
}
.news-date ul li:nth-child(1),.news-date ul li:nth-child(2){
padding-right: 13px;
}
.jst-more-buttn a {
font-size: 14px;
font-weight: 500;
color: #000;
text-decoration: none;
text-transform: capitalize;
display: inline-block;
letter-spacing: 1px;
background-color: transparent;
/* outline: none; */
padding: 9px 7px;
border: none;
border-bottom: 1px solid #000;
}
/* --//blog-- */
/*--gallery-- */
/* popup */
.popup-effect {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 0ms;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
}

.popup-effect:target {
    visibility: visible;
    opacity: 1;
}

.popup {
    background: #fff;
    border-radius: 4px;
    max-width: 430px;
    position: relative;
    margin: 8em auto;
    padding: 3em 2em;
    z-index: 999;
    text-align: center;
}

.popup .close {
    position: absolute;
    top: 5px;
    right: 15px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

.popup .close:hover {
    color: #686de0;
}

/* //popup */

/*--//gallery-- */
/*-- content-- */
.address_mail_footer_grids iframe {
width: 100%;
height: 15em;
padding: 10px;
border: 1px solid;
}
.contact-forms input, .contact-forms textarea {
font-size: 14px;
color: #000;
padding: .9em .7em;
background:#fff;
outline: none;
border: 1px solid #000;
border-radius: 0px;
outline:none !important;
}
.contact-forms textarea {
resize: none;
height: 12.5em;
}
.contact-forms ::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #000;
}
.contact-forms ::-moz-placeholder {
/* Firefox 19+ */
color: #000;
}
.contact-forms :-ms-input-placeholder {
/* IE 10+ */
color: #000;
}
.contact-forms :-moz-placeholder {
/* Firefox 18- */
color: #000;
}
button.sent-butnn {
/* width: 20%; */
color: #000;
background: #39f6f9;
font-size: 16px;
padding: 10px 63px;
border-radius: 5px;
width: 100%;
margin-top: 15px;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
button.sent-butnn:hover{background:#000;
color:#fff;}
/*--footer--*/
.copy-bottom-txt p {
font-size: 14px;
color: #fff;
letter-spacing: 2px;
}
.copy-bottom-txt p a {
font-weight:400;
color:#000;
}
.footer-top p a:hover,.copy-bottom-txt p a:hover{color:#fff;}
.jst-more-buttn a:hover{color:#10ccc7;}
/*--footer--*/
a.move-top {
width: 34px;
height: 34px;
background: url(../images/move-top.png) no-repeat 0px 0px;
display: inline-block;
}
/*--responsive--*/
@media(max-width:1920px){
}
@media(max-width:1680px){
}
@media(max-width:1600px){
}
@media(max-width:1440px){
.back-img-headder{
min-height: 680px;
}
.slide-info {
padding: 17em 0 0;
}
.slide-info h5 {
font-size: 40px;
}
.banner-bottom {
    padding-top: 10em;
}	
.abut-headder h2, .about-left-w3l h6 {
font-size: 28px;
width: 80%;
}
.w3layouts-abt-info, .about-info-right {
padding: 6em 3em;
}
.box8 .title-ser, .outs_more-buttn a {
font-size: 15px;
padding: 9px 13px;
}
.title {
font-size: 35px;
}
.contact-forms input, .contact-forms textarea {
padding: .8em .7em;
}
button.sent-butnn {
font-size: 15px;
}
.address_mail_footer_grids iframe {
height: 14em;
}
}
@media(max-width:1366px){
nav ul li a {
padding: 7px 38px 0px;
}	
.slide-info h5 {
    font-size: 38px;
}
.abut-headder h2, .about-left-w3l h6 {
width: 84%;
}
.about-left-w3l h5 {
font-size: 16px;
}
h6.title-top-txt, .client-txt-w3ls h4, .blog-right-text h4 a, .footer-bottom h4, .service-para-w3layouts h4 {
font-size: 19px;
}
.slide-info-txt p {
font-size: 16px;
}
.box15 .title-team {
font-size: 21px;
}

}
@media(max-width:1280px){

.slide-info h5 {
font-size: 36px;
}
.back-img-headder{
min-height: 600px;
}
.slide-info {
padding: 16em 0 0;
}
.abut-headder h2, .about-left-w3l h6 {
width: 86%;
font-size: 26px;
line-height: 41px;
}
.box8 .box-content {
padding: 22px 13px;
}
.box15 .icon li a span {
width: 37px;
height: 37px;
line-height: 37px;
font-size: 16px;
}
.w3layouts-abt-info, .about-info-right {
padding: 6em 2em;
}
.blog-text-middle {
padding: 0em 2em;
}
.w3layout-abt-info {
padding: 2.5em 1.5em;
}
.double-form {
padding-bottom: 1.5em;
}
.banner-bottom {
    padding-top: 9em;
}
}
@media(max-width:1080px){
#logo h1 a {
font-size: 33px;
}
nav ul li a {
padding: 7px 27px 0px;
}
.w3layouts-abt-info, .about-info-right {
padding: 5em 2em;
}
.abut-headder h2, .about-left-w3l h6 {
width: 95%;
font-size: 25px;
}
.box8 .title-ser {
bottom: 38px;
left: 86px;
}
.box8 .title-ser, .outs_more-buttn a {
padding: 7px 11px;
}
.box8 .box-content {
padding: 18px 13px;
}
.box8 .icon {
top: 64%;
}
.box15 .icon {
top: 137px;
}
.banner-txt-address h5 {
    font-size: 15px;
}

.banner-bottom {
    padding-top: 4em;
    padding-bottom: 4em;
}
.slide-info {
    padding: 11.5em 0 0;
}
}
@media(max-width:1050px){
.back-img-headder{
min-height: 553px;
}
.slide-info h5 {
font-size: 36px;
}
.slide-info-txt p {
font-size: 15px;
}
nav ul li a {
font-size: 14px;
}
.box15 .box-content {
top: 23px;
left: 19px;
}
h6.title-top-txt, .client-txt-w3ls h4, .blog-right-text h4 a, .footer-bottom h4, .service-para-w3layouts h4 {
font-size: 18px;
}
.address_mail_footer_grids iframe {
height: 13em;
}
.blog-text-middle {
padding: 0em 1em;
}
}
@media(max-width:1024px){
.w3layouts-abt-info, .about-info-right {
padding: 4em 1.5em;
}
.box8 .title-ser, .outs_more-buttn a {
font-size: 14px;
}
.box15 .title-team {
font-size: 20px;
}
.box15 .icon li a span {
width: 34px;
height: 34px;
line-height: 34px;
font-size: 15px;
}
.title {
font-size: 33px;
}	
}
@media(max-width:991px){
.back-img-headder{
min-height: 522px;
}
.slide-info h5 {
font-size: 34px;
}
.box8 .title-ser {
left: 117px;
}
.service-grid-by:nth-child(3),.team-grid-by:nth-child(3),
.team-grid-by:nth-child(4),.gallery-img-grid:nth-child(3){
margin-top: 15px;
}
.box15 .icon {
top: 187px;
}
.blog-text-middle {
padding: 1em 1em 1em;
}
.clients-txt:nth-child(3),.clients-txt:nth-child(4),.footer-bottom:nth-child(3),.footer-bottom:nth-child(4) {
margin-top: 20px;
}
.box15 .box-content {
top: 38px;
left: 28px;
}
nav ul li a {
padding: 7px 21px 0px;
}
}
@media(max-width:900px){
#logo h1 a {
font-size: 31px;
}
.w3layouts-abt-info, .about-info-right {
padding: 3em 1.5em;
}
h6.title-top-txt, .client-txt-w3ls h4, .blog-right-text h4 a, .footer-bottom h4, .service-para-w3layouts h4 {
font-size: 17px;
}
.abut-headder h2, .about-left-w3l h6 {
width:100%;
font-size: 23px;
}
.contact-forms textarea {
height: 11.5em;
}
}
@media(max-width:800px){
.back-img-headder{
min-height: 475px;
}
.title {
font-size: 31px;
letter-spacing: 1px;
}
.slide-info {
padding: 11.5em 0 0;
}
.slide-info-txt p {
font-size: 14px;
}
.slide-info h5 {
font-size: 32px;
margin: 0px 0px 13px;
}
nav ul li a {
padding: 7px 16px 0px;
}
.about-left-w3l h5 {
font-size: 15px;
}
.banner-txt-address h5 {
font-size: 14px;
}
.box8 .title-ser {
left: 112px;
}
.address_mail_footer_grids iframe {
height: 12em;
}
}
@media(max-width:768px){
nav ul li a {
padding: 7px 5px 0px;
}
.contact-forms input, .contact-forms textarea {
padding: .7em .7em;
}
.contact-forms textarea {
height: 10.5em;
}
button.sent-butnn {
font-size: 14px;
padding: 8px 63px;
}
.slide-info {
padding: 10.5em 0 0;
}
}
@media(max-width:767px){
.abut-headder h2, .about-left-w3l h6 {
padding: 3px 9px;
}
.banner-main {
margin: 39px 0px;
}
.w3layouts-abt-info, .about-info-right {
padding: 2em 1.5em;
}
.box8 .title-ser {
left: 147px;
}
.service-grid-by {
width: 79%;
margin: 0px auto;
}
.slide-info {
padding:4em 0 0;
}
.service-grid-by:nth-child(2) {
margin-top: 16px;
}
.box15 .box-content {
top: 27px;
left: 21px;
}
.box15 .icon {
top: 158px;
}
}
@media(max-width:736px){
.banner-txt-address h5 {
font-size: 14px;
}
.box15 .icon li a span {
width: 31px;
height: 31px;
line-height: 31px;
font-size: 14px;
}	
.w3layout-abt-info {
padding: 2em 1.5em;
}
}
@media(max-width:667px){
.back-img-headder{
min-height: 389px;
}
.slide-info h5 {
margin: 0px 0px 10px;
}
.double-form {
padding-bottom: 1.2em;
}
.address_mail_footer_grids iframe {
height: 11em;
}
}
@media(max-width:640px){
.w3layout-abt-info {
padding: 2em 1.2em;
}
.abut-headder h2, .about-left-w3l h6 {
font-size: 22px;
}	
.service-grid-by {
width: 82%;
}
.box8 .title-ser {
left: 157px;
}
.box8 .title-ser, .outs_more-buttn a {
padding: 6px 9px;
}
}
@media(max-width:600px){
.box15 .title-team {
font-size: 19px;
}
.contact-forms input, .contact-forms textarea {
padding: .6em .7em;
}
.copy-bottom-txt p {
letter-spacing: 1px;
}
#logo h1 a {
font-size: 29px;
}	
}
@media(max-width:568px){
.slide-info {
    padding: 3em 0 0;
}
.banner-bottom {
    padding-top: 3em;
    padding-bottom: 3em;
}
.banner-txt-address h5 {
line-height: 35px;
}
.gallery-img-grid{width:60%;
margin:0px auto ;}
.gallery-img-grid:nth-child(2){margin-top:15px;}
.team-grid-by ,.clients-txt{
width: 50%;
}
.box15 .icon {
top: 154px;
}
.footer-bottom:nth-child(2) {
margin-top: 20px;
}
}
@media(max-width:480px){
.w3layout-abt-info {
padding: 1.7em 1.2em;
}
.abut-headder h2, .about-left-w3l h6 {
line-height: 32px;
}	
.service-grid-by {
width: 90%;
}
.box8 .title-ser {
left: 147px;
}
.box15 .icon {
top: 134px;
}
.box15 .icon li a span {
width: 29px;
height: 29px;
line-height: 29px;
}
.gallery-img-grid {
    width: 68%;
}
.clients-txt:nth-child(2){margin-top:20px;}
.popup {
    margin: 8em 2em;
    padding:2em 2em;
}
}
@media(max-width:440px){
.w3layouts-abt-info, .about-info-right {
padding: 1.7em 1.5em;
}
.box8 .title-ser {
left: 123px;
}
a.lightbox img {
margin-bottom: 18px;
}
.team-grid-by, .clients-txt {
width: 68%;
margin: 0px auto;
text-shadow: 0 0 black;
}
.box15 .icon {
top: 154px;
}
.clients-txt:nth-child(2){margin-top:20px;}
}
@media(max-width:414px){
.double-form {
display: flex;
flex-direction: column;
}
.slide-info {
padding: 2.5em 0 0;
}
.team-grid-by, .clients-txt, .gallery-img-grid {
width: 70%;
}
}
@media(max-width:384px){
.double-form {
padding-bottom: 1em;
}
select.form-control {
padding: .5em .8em;
}
.service-grid-by {
width: 100%;
}
.team-grid-by, .clients-txt, .gallery-img-grid {
width: 75%;
}
.contact-forms textarea {
height: 9.5em;
}
.copy-bottom-txt p {
line-height: 27px;
}
}
@media(max-width:375px){
.slide-info h5 {
font-size: 30px;
}
.title {
font-size: 29px;
}
.box8 .title-ser {
left: 109px;
}
.team-grid-by, .clients-txt, .gallery-img-grid {
width: 81%;
}	
.contact-forms textarea {
height: 8.5em;
}
}
@media(max-width:320px){
.box8 .box-content {
height: 83%;
}
.box8 .box-content {
padding: 13px 10px;
}
.w3layouts-abt-info, .about-info-right {
padding: 1.7em 1.2em;
}
.box8 .title-ser {
left: 83px;
}
.team-grid-by,.clients-txt,.gallery-img-grid {
width: 90%;
}
.news-date p a {
font-size: 12px;
}
}
/*--//responsive--*/</pre></body></html>