/* Generated by Font Squirrel (https://www.fontsquirrel.com) on October 14, 2016 */



@font-face {
    font-family: 'allerbold';
    src: url('fonts/aller_bd-webfont.woff2') format('woff2'),
         url('fonts/aller_bd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'allerbold_italic';
    src: url('fonts/aller_bdit-webfont.woff2') format('woff2'),
         url('fonts/aller_bdit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'alleritalic';
    src: url('fonts/aller_it-webfont.woff2') format('woff2'),
         url('fonts/aller_it-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'aller_lightregular';
    src: url('fonts/aller_lt-webfont.woff2') format('woff2'),
         url('fonts/aller_lt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'aller_lightitalic';
    src: url('fonts/aller_ltit-webfont.woff2') format('woff2'),
         url('fonts/aller_ltit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'allerregular';
    src: url('fonts/aller_rg-webfont.woff2') format('woff2'),
         url('fonts/aller_rg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'aller_displayregular';
    src: url('fonts/allerdisplay-webfont.woff2') format('woff2'),
         url('fonts/allerdisplay-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*mobile menu*/
.overlay{display: none}
.block{position: relative}
.overlay_wrap{width: 100%;float: left;transition: opacity 0.35s ease 0s, visibility 0.35s ease 0s, width 0.35s ease 0s;}

/*common-settings*/
img{max-width: 100%}
body,h1,h2,h3,h4,h5,h6,p,ul,li,div,img,header,footer,section,nav,article,aside,a{margin: 0;padding: 0; font-family: 'allerregular';}
.container{max-width: 1170px;margin: 0 auto;}
body{font-size: 13px;}
ul{list-style: none;}
a{text-decoration: none; font-family: 'allerregular';font-weight: normal}
.clear{clear: both;}
select{outline: none;}
input{outline: none;}
select{border: none;background: none;-webkit-appearance: none;-moz-appearance:    none;appearance:none;font-size: 15px;color: #fff;}
.bar{width: 90px;height: 2px;background-color: #4a93ca;margin:0 auto}
h1,h2,h3,h4{font-family: 'allerbold';font-weight: normal}
.bar2 { background-color: #4a93ca; float: left; height: 2px; margin: 7px 0 0; width: 50px;}
#for_enquiry > div { float: left;}
/*** Slider Styles ***/

.rslides {position: relative;list-style: none;width: 100%;padding: 0;margin: 0;}
.rslides > li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides > li:first-child {position: relative;display: block;float: left;}
.rslides li img { display: block; height: auto; float: left; width: 100%; border: 0; }
.callbacks_nav { max-width:980px;position: absolute;top: 0%;left: 0%;opacity: 0.9; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px;width: 38px;  }
.callbacks_nav:active {opacity: 1.0;}
.callbacks_nav.next { left: auto; right: 0%; }
.callbacks_nav{top: 200px; background:rgba(255, 255, 255, 0.3) url("images/left-arrow.png") no-repeat scroll 9px 3px;width: auto;height: 48px;padding: 2px 26px;left: 10px;position: absolute}
.callbacks_nav.next{background:rgba(255,255,255,0.3) url("images/right-arrow.png") no-repeat scroll 9px 3px ;width: auto;height: 48px;padding: 2px 26px;right: 10px;position: absolute}
.banner{float: left;width: 100%;position: relative;z-index: 0;}
/*** Slider Styles ends here ***/

/*header*/

header{float: left;width: 100%;position: relative;z-index: 1; border-top: solid 3px #0C1776;  }
.phone{float: right;width:auto;font-size: 16px; margin: 16px 10px 0}
.phone img{float: left;}
.phone span{float: left;margin-top: 6px;padding: 0 4px;font-weight: 600;font-family: sans-serif;color: #424448;font-size: 16px;}

.menu{float: right;width: auto;margin-top:55px}
.menu ul li { float: left; font-size: 18px; padding: 10px 14px;}
.menu ul li a{color: #000;font-size: 17px;font-weight: 600;color: #424448;font-weight: normal;padding: 0 0 3px 0}
.menu ul li a:hover{border-bottom: 3px solid #26b1e4;}
.logo{width: 382px;float: left;bottom: -40px;position: relative}

/* banner*/
/*
.banner_wrap_text{ background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; left: 200px; line-height: 1.2; padding: 20px 23px;
    position: absolute;  top: 142px;}
*/
.banner_wrap_text{ text-shadow: 2px 1px 1px #000; left: 200px; line-height: 1.2; padding: 20px 23px;
    position: absolute;  top: 142px;}
.banner_inner_wrap{float: left;width: 100%;position: relative}



.banner_wrap_text h2{font-size: 46px;color: #fff}
.banner_wrap_text.inner_banner_text > h2{font-size: 35px}
.banner_wrap_text h3{  color: #fff; font-size: 23px; margin: 9px 0 0;  text-align: right;}

/*end of header*/
.home_about{text-align: center; padding: 40px 0 0; float: left;width: 100%;background: url(images/home-about-us-background-1-blue-cosmos.jpg) repeat scroll 0 0;}

.home_about_back{padding-bottom: 50px;background: url(images/home-about-us-background-2-blue-cosmos.png) no-repeat scroll left bottom;float: left;width: 100%}
.home_about_content{float: none;width: 903px;line-height: 1.5;font-size: 15px;margin: 0 auto }
.home_about_content h3{font-size: 29px;text-transform: uppercase;color: #12173e}
.home_about_content p{padding: 30px 0}
.read_more_home{text-transform: uppercase;color: #12173e;    font-family: 'allerbold';border-bottom: 1px solid #9ea0a3;font-size: 17px}

/*how we work*/

.how_we{float: left;width: 100%;background: #10153c;color: #fff;padding: 3% 0;}
.how_we_left{float: left;width: 55%;position: relative;}
.how_we_left ul{padding: 60px 0 20px;float: left;width: 100%;}
.how_we_left ul li{float: left;width: 33%;}
.how_we_left ul li img{max-width:100%;margin: 0 auto;display: block;}
.how_we_left ul li p{text-align: center;font-size: 15px;font-weight: bold;}
.how_we_left ul li:nth-child(2){margin-top: 16%;}
.how_bg1{position: absolute;top: 0;left: 94px;max-width: 100%;}
.how_bg2{position: absolute;top: 74px;left: 37%;max-width: 100%;}
.how_bg3{position: absolute;top: 0;right: 111px;max-width: 100%;}


.how_we_right{float: right;width: 45%;}
.inner_how{float: left;width: 90%;margin:  1% 5%;}
.inner_how h3{font-size: 26px;text-transform: uppercase;float: left;padding: 10px 0;}
.inner_how p{font-size: 15px;width: 90%;float: left;padding-top: 20px;}
.how_read{float: right;padding: 50px 0 20px;;font-size: 16px;text-decoration: underline;font-weight: bold;}
.how_read a{color: #fff;}
.inner_how ul{ clear: both; margin: 20px 0 0 0; }
.inner_how ul li{ list-style: outside; margin: 12px 0 0 18px; font-size: 16px;}
/*end of how we work*/

/*map*/
.map{max-width: 1360px;margin: 0 auto;}
.map iframe{float: left;width: 100%;height: 250px;}
/*end of map*/

/*footer*/

footer{float: left;width: 100%;background-image: url(images/footer-bg.png);background-repeat: repeat;background-size: cover;color: #fff;padding: 2% 0;}
footer.fa{color: #f82e56 }
.footer_col_wrap{float: left;width: 100%;}
.footer_col{width: 300px;float: left;line-height: 1.5;margin: 0 20px}
.footer_col.footer_menu { width: 166px;}
.footer_address { font-size: 16px;  margin: 0 0 4px;}
.footer_col p{margin: 0 0px}
.address > p {  font-size: 15px;}
.address, .contact_footer, .email{ font-size: 15px;margin: 0 0 10px 0;}
.footer_menu ul li{list-style: outside}
.footer_col a{color: #fff;font-size: 15px}
.footer_menu ul li { list-style: outside none disc; margin: 10px 11px;}
.content_wrap{float: left;width: 100%;margin: 11px 0 0}
.footer_top_head{font-size: 25px}
.fa.fa-map-marker{  margin: 0 6px 0 0; color: #f82e56 } 
.fa.fa-volume-control-phone{  margin: 0 6px 0 0; color: #f82e56 }
.fa.fa-envelope-o{  margin: 0 1px 0 0; color: #f82e56 }
.footer_col a:hover{color:#f82e56 }

.for_enquiries{float: left;width: 97%;margin: 0 2%;}
.for_enquiries h3{font-size: 25px;margin-bottom: 20px;}
.for_enquiries input[type=text], .for_enquiries input[type=email]{font-size: 16px;padding: 10px 9px;width: 100%;border: none;margin: 4px 0 24px;}
.for_enquiries input[type=submit]{font-size: 16px;color: #fff;cursor: pointer;text-align: center;background: #f82e56;border: none;padding: 5px 20px;margin: 5px 0;}
.fa.fa-map-marker, .fa.fa-volume-control-phone, .fa.fa-envelope-o {}

.smo{float: left;width: 190px;margin-top: 23%}
.smo ul li{float: left;padding: 0 5px;}
.smo ul li a{float: left}
.smo ul li img{width: 100%;}


/*copy rights*/
.copy_rights p{font-size: 16px;float: left;padding: 15px 0;}
/*end of copy rights*/


/*about us */
.about_us{float: left;width: 100%;padding: 30px 0;}
.about_us h1{font-size: 30px;text-align: center;padding: 10px 0;text-transform: uppercase;}
.wrap { margin: 20px 1%; width: 98%;float: left}
.wrap p {font-size: 16px;font-weight: normal; line-height: 1.6; padding: 10px 0 0;}
.wrap h2 { text-transform: uppercase;padding: 20px 0 0 0}

/*Products Page*/
.product{float: left;width: 100%;padding: 30px 0;}
.product h1{font-size: 30px;text-align: center;padding: 10px 0;text-transform: uppercase;}
.inner_our{max-width: 100%}

/*Service */
.services{float: left;width: 100%;padding: 30px 0 60px;}
.services_wrap{float: left; margin: 55px 1%; width: 98%;}
.services h2{font-size: 20px}
.services_col ul { height: 146px;margin: 22px 0 0;}
.services h1{font-size: 30px;text-align: center;padding: 10px 0;text-transform: uppercase;}
.services_col{width: 340px;float: left;margin: 0 20px;line-height: 1.5;border-right: 1px solid #ccc; height: 206px; }
.services_col ul li{list-style: outside;float: left; font-size: 16px; line-height: 1.8;   margin: 0 5%;  width: 90%;}
.last{ border:none; }
/* heighlights*/
.heighlights{    float: left; padding: 0 2%;  width: 96%;margin-bottom: 25px}
.heighlights h2 { font-size: 20px;   text-transform: uppercase;padding: 20px 0 0}
.left_heiglight{width: 48%;margin:20px 1% 0;float: left}
.left_heiglight ul li{list-style: outside;margin: 0 1%;width: 98%;float: left;line-height: 1.8;font-size: 16px}
.right_heiglight{float: right}
/*solor_projects*/
.solor_projects{float: left;width:96%;padding: 0 2%}
.solor_projects h2{font-size: 20px;padding: 20px 0 0}
.solor_projects h3{font-size: 18px;padding: 20px 0 0}
.solor_projects ul li{float: left;width: 96%;margin: 0 2%;list-style: outside;font-size: 16px;line-height: 1.8}
.solor_col_projects{float: left;width: 48%;margin:20px 1%;}
.solor_wrap_projects p{padding: 15px 0 0; line-height: 1.6; font-size: 16px;}
.rmore{ margin: 20px 0; }
.rmore a{ padding: 12px 16px; display: table; background: #4a93ca; color: #fff; border-radius: 5px; }


/*contact us*/
.address_contact{line-height: 1.5}
.contact_wrap_content{margin:30px 0 0;float: left;width: 100%}
.contact_map{margin: 0}
.contact1{margin: 20px 0 0}
.address_contact, .contact_contact_us{margin: 0 0 10px 0}
.email{margin: 0}
.contact{float: left;width: 100%;padding: 30px 0 60px;}
.contact1{float: right;width: 32%;margin: 0 1%;line-height: 1.2}
.contact h1{font-size: 30px;text-align: center;padding: 10px 0;text-transform: uppercase;}
.contact1 input[type=text]{font-size: 16px;padding: 10px 34px; width: 80%;margin: 5px 0;border: 1px solid #338ed5;}
.contact1 label{font-size: 16px;width: 100%;display: block;clear: both}
.contact2 label{font-size: 16px;width: 100%;}
.contact2 { float: left; margin: 0 0;  width: 100%;}
.contact1 textarea{font-size: 16px;padding: 10px 20px;width: 87%;border: 1px solid #338ed5;height: 55px}
.contact1 input[type=submit]{font-size: 18px;color: #fff;background: #f82e56;padding: 7px 20px;cursor: pointer;border: none;margin: 10px 0;display: block;float: left}
.contact_map label{font-size: 16px;width: 100%;}
.contact_map {float: left;width:28%;}
.contact_map iframe{float: right;width: 96%;margin: 0 2%;height: 132px;}
.c_fname{background-image: url(images/contact-user.png);background-repeat: no-repeat;background-position: 5px center;background-size: 7%;}
.c_phone{background-image: url(images/contact-phone.png);background-repeat: no-repeat;background-position: 5px center;background-size: 6%;}
.c_email{background-image: url(images/email.png);background-repeat: no-repeat;background-position: 5px center;background-size: 7%;;}
.contact_loc{font-size: 16px;float: left;width: 100%;background-image: url(images/location.png);background-repeat: no-repeat;background-position: left 27%;padding: 10px 0;}
.content_wrap_contact_us{float: left;  width: 100%;}
.address_contact, .contact_contact_us, .cnt_us_address {  font-size: 15px;}
.address_contact p{font-size: 15px;}
.contact_loc li{margin-left: 20px;}
.content_wrap_contact_us p{margin: 0 19px 5px;}
.top_head_contact, .top_head_contact2{ float: left;  font-size: 25px;  font-weight: normal;margin-bottom: 10px}
.cnt_us_address{font-size: 16px;margin: 0 0 4px;}
.map_contact{width: 100%;margin: 20px 0  0 ;float: left}
.contact_col{width: 70%;float: left}
/*end of contact us*/


.copy_rights2{color: #fff;background:#5888ea;float:left;width: 96%;padding: 0 2%}
#write_to_us > div {
    display: block;
    float: left;
    width: 100%;
}


.banner_wrap_img.inner_banner_1 {  float: left;  height: 300px;  width: 100%;background:url(images/blue-cosmos-1.jpg) no-repeat scroll 0 0 /cover}
.banner_wrap_img.inner_banner_2 {  float: left;  height: 300px;  width: 100%;background:url(images/blue-cosmos-2.jpg) no-repeat scroll 0 0 /cover}
.banner_wrap_img.inner_banner_3 {  float: left;  height: 300px;  width: 100%;background:url(images/blue-cosmos-3.jpg) no-repeat scroll 0 0 /cover}
.banner_wrap_img.inner_banner_4 {  float: left;  height: 300px;  width: 100%;background:url(images/blue-cosmos-4.jpg) no-repeat scroll 0 0 /cover}


.banner_wrap_text.inner_banner_text, .banner_wrap_text.inner_banner_text, .banner_wrap_text.inner_banner_text {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; width: 455px;top: 55px;right: 0;left: unset
}


/*.banner_wrap_text.inner_banner_text > h2, .banner_wrap_text.inner_banner_text > h2, .banner_wrap_text.inner_banner_text > h2{font-size: 35px}*/
/*media screen*/

@media screen and (max-width:1169px)
{
    .logo{margin: 0 1%}
    .phone{margin: 16px 1% 0}

    .banner_wrap_text{top: 80px}
    .callbacks_nav{top: 153px}
    .services_col:last-child{border: none}
    .services_col { margin: 0 1%;  width: 31%;}
    .services_col ul{height: auto}
    .footer_menu{width: 20%;margin: 0 1%}
    .footer_col{width: 23%;margin: 0 1%}   
    .header2 {background-size: cover;}
    .our1 {margin: 2%;}
    .our2 {margin: 2%;}
    .for_enquiries {margin: 0 1%;}

    .our_right p {width: 100%;}
    .wrap h3{ width: 100%}
    .inner_content img{max-width: 100%!important}
   .inner_content{ width: 100%!important;margin:20px 0 0}
    .inner_content { width: 75%!important;}
    /*    contact*/
     .contact_map{margin: 0 2%}    
     .our1_inner { margin: 2% 0; padding: 35px 2% 5px; width: 96%;}
    .home_about_content{width: 90%;}
    .contact_map {float: left; margin: 0 2%; width: 24%;}
    .contact1 input[type="text"], .contact1 textarea{ padding: 10px 10%; width: 80%;}
    .copy_rights { float: left; padding: 0 2%; width: 96%;}
  
    .footer_col{line-height: 1.3}
    
    
}

@media screen and (max-width:959px)
{
    .banner_wrap_text{top: 46px;left: 76px}
    .banner_wrap_text.inner_banner_text{width: auto}
    .logo img{max-width: 100%;width: auto}
    .callbacks_nav{top: 40%}
    .how_bg1 {left: 62px;width: 30%;}
    .how_bg3 {right: 70px;width: 30%;}
    .how_bg2 {width: 30%;left: 35%;}
    .location{margin: 0;}
    .menu{width: 56%;}
    .menu ul li {padding: 10px 2%}
    .logo{width: 40%;bottom: 0;top: 44px}
    .banner_wrap_text{padding: 10px 2% ;left: 20%;top: 25% }
    .banner_wrap_text h2 {font-size: 36px}
    .phone{width: 56%}
    .header2 {height: 350px;}
    .about_us_left {height: 300px;}
    .about_us_right {height: 300px;}
    .f_menu {margin: 0;}

    
/*      services*/
    .services h2{height: 80px}
    .services_col ul {  height: 258px;}
    .services_col ul:first-child{height: 229px}
    .heighlights h2{ height: auto}
   .footer_col { margin: 0 1%; width: 30%;} 
    .smo { float: left; margin-top:10px!important; width: 98%!important;}
       .copy_rights2{width: 96%!important}
    .copy_rights {width: 96%;}
    .contact_map{width: 27%}
    .contact_col{width: 33%}
    .contact1{width:30%;margin:0 2%}
    .services_col{height: auto}
    
}

@media screen and (max-width:767px)
{
    .banner_wrap_text.inner_banner_text h2{font-size: 36px}
    .banner_wrap_text.inner_banner_text{top: 95px;}
    .logo{position: absolute;top: 49px}
    .phone{width: 80%}
    .banner_wrap_text h2{font-size: 28px}    
    .menu ul li a {font-size: 14px}
    .our1 {margin: 0;}
    .our2 {margin: 0;}
    .our_right h3 {font-size: 14px;}
    .our_right p {font-size: 13px;}
    .our_read {font-size: 14px;}
    .f_menu {width: 48%;margin: 0 1%;}
    .location {margin: 0 1%;width: 48%;}
/*    .for_enquiries {width: 48%;margin: 0 1%;}*/
    .smo {width: 48%;margin: 0 1%;}
    .our_services{padding: 20px 0;}


    .header2 {height: 330px;width: 100%;}
    .about_us_left {height: 350px;}
    .about_us_right {height: 350px;}
    .about_arrow {top: 160px;}
    .how_bg1 {left: 40px;}
    .how_bg3 {right: 40px;}
   
    .contact_loc {font-size: 13px;}
/*.services h2*/
    .services h2{font-size: 18px;}
    .services_col ul { height: 323px;}
    .services_col{padding: 20px 2%;width: 27%}
    .footer_col { margin: 0 1%;  width: 33%;}
    .left_heiglight { float: left; margin: 20px 2%;  width: 44%;}
    footer{padding: 20px 0 32px}
    .contact1, .contact_map { width: 46%;}
    .contact_col { width: 96%; margin: 0 2%}
    .solor_wrap_projects > h2 { height: auto;}
    
 
    
    
}
@media screen and (max-width:599px)
{
    .banner_wrap_text.inner_banner_text{margin: 0 1%}
    .banner_wrap_text.inner_banner_text{top: 80px;left: 0}
    .banner_wrap_text h2{font-size: 22px}   
    .banner_wrap_text h3{font-size: 17px}
    .menu{display: none;}
    
    .mask{ overflow: hidden; }
    
    /* --------------mobile menu-------------------*/
    
   .overlay_wrap img {float: left; margin: 0 1%; width: 227px!important;}
    .fa.fa-home,.fa.fa-user-plus,.fa.fa-handshake-o,.fa.fa-envelope{ float: left;  margin: 0 5%;color: #4a93ca;font-size: 30px}  
    .navbar { position: relative; width: 100%; box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2);top: 23px}
    .button { position: absolute;top: calc(50% - 11px); right: 4%; height: 22px; width: 30px; cursor: pointer; overflow: hidden; -webkit-transition: opacity .25s ease;  transition: opacity .25s ease;  z-index: 200;}
    .button.active .top {  -webkit-transform: translateY(9px) translateX(0) rotate(45deg); transform: translateY(9px) translateX(0) rotate(45deg);  background: #000;}
    .button.active .middle_1 { -webkit-transform: translateX(-100%); transform: translateX(-100%); background: #000;}
    .button.active .middle_2 { -webkit-transform: translateX(100%); transform: translateX(100%);background: #000;}
    .button.active .bottom {  -webkit-transform: translateY(-9px) translateX(0) rotate(-45deg); transform: translateY(-9px) translateX(0) rotate(-45deg);  background: #000;}
    .button:hover {  opacity: .7;}
    .button span { background: #000 ; position: absolute; top: 0; left: 0; height: 4px; width: 100%; -webkit-transition: all .35s ease;  transition: all .35s ease;}
    .button span:nth-of-type(2) {top: 9px;left: -50%;}
    .button span:nth-of-type(3) {top: 9px;left: 50%;}
    .button span:nth-of-type(4) { top: 18px;}
    .overlay ul li{float: none;}
    .overlay { display: block;position: absolute;top: 0;left: 0;height: 100%;width: 0%;opacity: 0;background: #fff  ; -webkit-transition: opacity .35s ease, visibility .35s ease, width .35s ease; transition: opacity .35s ease, visibility .35s ease, width .35s ease; visibility: hidden; z-index: 4;width: 100%}
    .overlay.open { opacity: 1; visibility: visible; width: 100%;}
    .overlay.open li { -webkit-animation: menuFade .5s ease forwards; animation: menuFade .5s ease forwards;
      -webkit-animation-delay: .35s;    animation-delay: .35s;}
    .overlay.open li:nth-of-type(2) { -webkit-animation-delay: .4s; animation-delay: .4s;}
    .overlay.open li:nth-of-type(3) {  -webkit-animation-delay: .45s; animation-delay: .45s;}
    .overlay.open li:nth-of-type(4) { -webkit-animation-delay: .5s; animation-delay: .5s;}
    .overlay nav {width: 100%; position: absolute;height: 80%;top: 0;-webkit-transform: translateY(-40%);  transform: translateY(-40%);
        font-size: 34px;font-family: 'Roboto Slab', sans-serif;font-weight: 400;text-align: center;}
    .overlay ul {width:70%; list-style: none; padding: 0; margin: 0 auto; display: inline-block; position: relative; height: 100%;}
    .overlay ul li {float: left; display: block;padding: 14px 0 0; min-height: 34px; position: relative; opacity: 0;width: 92%}
    .overlay ul li a {   font-size: 17px;display: block;position: relative; color: #000;text-decoration: none;  overflow: hidden; text-align: left;margin: 7px 0 0 0}
    .overlay ul li a:hover{color: #4a93ca }    

    @-webkit-keyframes menuFade {
        0% {   opacity: 0;   left: -25%;  }
      100% {  opacity: 1;  left: 0;}
    }

    @keyframes menuFade { 0% {  opacity: 0; left: -25%;}
      100% {  opacity: 1;  left: 0;}
    }
    /*    sliders*/
      .callbacks2_nav, .callbacks2_nav.next {   top: 140px; height: 35px; padding: 2px 19px;  }  
    
    
/*----------------mobile menu ends here------------------*/
    .header1 {  height: auto;  padding: 20px 0;}
    .logo{position: unset}
 
    .phone{width: 96%}

    .services_col:last-child{width: 98%}
    .how_bg1 {left: 16px;top: 10%;}
    .how_bg3 {right: 19px;top: 10%;}
     .about_us_left {width: 100%;}
    .about_us_right {width: 100%;}
    .about_arrow {display: none;}
    .how_we_left {width: 100%;}
    .how_we_right {width: 98%;margin: 0 1%;}
    .how_we_left ul li:nth-child(2) {margin-top: 27%;}
    .how_bg2 {top: 110px;}
    .contact_map {width: 48%;margin: 0 1%;}
    .logo img{position: unset}
    .our1 {  margin: 10px 2%; width: 36%;}
/*    services*/
    .services_col { width: 42%;border: none;}
    .services_wrap{margin: 0 1%} 
    .footer_col.footer_menu { width: 96%;padding: 0 2%}
    .footer_col { margin: 0 1%;  width: 92%;padding: 0 2%}
    .heighlights { padding: 0 4%; width: 94%; }
    .services_wrap{width:96%}
    .smo { margin: 0 1%!important; padding: 0 1%!important;  width: 93%!important;}
    footer {  margin: 0 0;  padding: 20px 2%;  width: 96%;}
    .services_col:last-child { width: 96%;}    
    .heighlights { padding: 0 4%; width: 90%;}
    .services_col ul, .services h2{  height: auto;}
    .for_enquiries{width: 98%}
    .for_enquiries h3 { font-size: 25px; margin-bottom: 20px;}
    .address, .contact_footer, .email { float: left; font-size: 15px;  margin: 0 0 10px; width: 47%;}
    .footer_menu ul li { border-right: 1px solid; float: left; list-style: outside none none; padding: 0 11px;margin: 0}
    .footer_col{margin: 10px 1%}
    .solor_col_projects { margin: 20px 3%;  width: 44%;}
    
/*    contact-us*/
    

    
}
@media screen and (max-width:479px)
{
    .banner_wrap_text.inner_banner_text h2{font-size: 22px}
    .banner_wrap_text.inner_banner_text{top: 107px;}
    .logo{width: 96%;margin:20px 2%}
    .header1 {height: auto;}
    .phone {margin: 0 auto;float: none;display: block;padding: 20px 0;}

    .our1 {width: 83%;margin: 10px 2%;}
    .our2 {width: 83%;margin: 10px 2%;}
    .header2 {height: auto;background-position: 60%;}
    .f_menu {width: 98%;margin: 0 1%;}
    .location {margin: 0 1%;width: 98%;}
    .for_enquiries {width: 98%;margin: 0 1%;}
    .smo {width: 98%;margin: 0 1%;}
    .using {width: 90% ;margin: 0 2%;}
    .contact2 {width: 98%;margin: 0 1%}
    .contact_map {width: 98%;margin: 0 1%;}
    .map { padding: 0 1%; width: 98%;}
    .wrap { float: left; margin: 1px 3%; width: 94%; }
    .our1 {  margin: 10px 3%;  width: 81%;  }
    .contact1{width: 92%}
    .services_col {    width: 92%;}
    .left_heiglight{width: 94%}
    .solor_col_projects{width: 98%}
    .footer_menu ul li {  border-right: medium none; float: none; list-style: outside none disc;  margin: 6px 4%; padding: 0 11px;}
    .address, .contact_footer, .email{width: 100%}
    .copy_rights p{font-size: 14px}
}
    
    @media screen and (max-width:440px)
        {
            .copy_rights2{text-align: center}
             .home_about_content p{text-align: justify}
        .phone {float: left; padding: 0px 2% 20px;  width: 96%;}
        .callbacks_nav{left: 0;padding:0 2px;width: 7%;background:  url("images/left-arrow.png") no-repeat scroll 0 0}
        .callbacks_nav.next{right: 3%;padding: 5px 2px;width: 7%;background:  url("images/right-arrow.png") no-repeat scroll 0 0;}
        .banner_wrap_text { left: 15%; padding: 10px 2%; top: 14%;}
        .banner_wrap_text h2{font-size: 16px}
        .banner_wrap_text h3{font-size: 14px}
       .contact1, .contact_map {float: left; margin: 0 2%; width: 94%;}
       
}