@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');
body,span,label{
     padding:0;
     margin:0;
     font-family: 'Open Sans', sans-serif;
     font-size: 100%;
}
.featuredPages {
     min-height: 160px;
     width: 100%;
     background: #3a920d;
     font-size: 1.6em;
     line-height: 18px;
     padding: 0;
     position: relative;
     z-index: 100;
}
.featuredPages a {
     -webkit-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     display: inline-block;
     float: left;
     padding: 30px 0;
     margin: 0;
     color: #fff;
     text-align: center;
     text-decoration: none;
     overflow: hidden;
     text-transform: uppercase;
     position: relative;
     z-index: 100;
     width: 100%;
     background: url(../images/divider.png) no-repeat 100% center;
}
.featuredPages A i {
     display: block;
     clear: both;
     margin: 0 auto 5px auto;
     width: 60px;
     height: 60px;
     text-align: center;
     background: url(../images/icon-sprite.png) no-repeat 0 0px;
}
.featuredPages A i#why {
     background-position: 0 -60px;
}
.featuredPages A i#landing {
     background-position: -62px -60px;
}
.featuredPages A i#save {
     background-position: -120px -60px;
}
.featuredPages A i#lightning {
     background-position: -360px -60px;
}
.featuredPages A:hover {
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
     z-index: 110;
     background-image: none;
     border: 0!important;
}
.featuredPages A:hover {
     text-decoration: none;
}
.featuredPages .container A:hover {
     background-color: #4dcc0b;
}
.header-wrapper{
    border-top: 5px solid #338807;
}
.info-main{
    padding-top: 15px;
    padding-bottom: 5px;
}
.info-main ul{
    text-align: right;
}
.info-main ul li{
    list-style: none;
    display: inline-block;
    padding-right: 10px;
}
.info-main ul li a{
    color: #000;
    font-size: 20px;
}
.info-main ul li i{
    font-size: 20px;
    font-size: 20px;
    color: #50e006;
}
.navbar-inverse {
    background-color: #fff;
    border-color:transparent;
}
.navbar-nav > li {
    display: inline-block;
    float: none;
}
.navbar-inverse .navbar-nav > li > a {
    color: #000;
    text-transform: uppercase;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
     color: #fff;
     background-color: #4dcc0b;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #4dcc0b;
}
.dropdown:hover .dropdown-menu{
    display: block;
}
.dropdown-menu {
    padding: 0px;
    border-top:5px solid #50e006;
    box-shadow: 0px;
    border-radius: 0px;
    border-left:0px;
    border-right: 0px;
    border-bottom: 0px;
    min-width: 200px;
}
.dropdown-menu > li > a {
     padding: 5px 20px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
     color: #fff;
     text-decoration: none;
     background-color: #4dcc0b;
}
.header-form {
    background-color: #fff;
    padding: 20px;
    top: 40px;
    width: 20%;
    position: absolute;
    left: 15%;
    z-index: 9999;
}
.header-form h4 {
     color: #191818;
     font-weight: bold;
     text-transform: uppercase;
     font-size: 20px;
     text-align: center;
     padding: 5px 20px 0px;
     font-family: 'Raleway', sans-serif;
     border-bottom: 1px solid #fff;
}
.header-form p{
    text-align: center;
}
.header-form p i{
    font-size: 20px;
    color: #50e006;
}
.header-form p a{
    font-size: 20px;
    color: #000;
}
.header-form form .form-input-text {
     background-color: transparent;
     border-radius: 0px;
     color: #2b2a2a;
     border: 1px solid #424040;
     box-shadow: none;
     margin-top: 15px;
}
.header-form form .form-textarea {
     width: 100%;
     margin-top: 17px;
     border: 1px solid #4e4e4e;
     background-color: transparent;
     color: #5d5959;
     border-radius: 0px;
     height: 120px;
     margin-bottom: 25px;
     padding: 8px 13px;
}
.header-btn {
     margin: 10px auto 0;
     display: block;
     background-color: transparent;
     border: 1px solid #5d5959;
     color: #424141 !important;
     text-transform: uppercase;
     border-radius: 0px;
}
.header-form form .form-input-text::-webkit-input-placeholder {
     color: #000;
}
/* Firefox < 19 */
.header-form form .form-input-text:-moz-placeholder {
     color: #000;
}
/* Firefox > 19 */
.header-form form .form-input-text::-moz-placeholder {
     color: #000;
}
/* Internet Explorer 10 */
.header-form form .form-input-text:-ms-input-placeholder {
     color: #000;
}
.header-form form .form-textarea::-webkit-input-placeholder {
     color: #000;
}
/* Firefox < 19 */
.header-form form .form-textarea:-moz-placeholder {
     color: #000;
}
/* Firefox > 19 */
.header-form form .form-textarea::-moz-placeholder {
     color: #000;
}
/* Internet Explorer 10 */
.header-form form .form-textarea:-ms-input-placeholder {
     color: #000;
}
.read-more{
     color: #000;
     border: 1px solid #000;
     padding: 10px 15px;
     float: left;
     margin-top: 25px;
}
.read-more:hover{
    color: #4dcc0b;
    border: 1px solid #4dcc0b;
}
.w3_tab_img img{
    height: 300px;
}
.footer-wrapper h3{
     text-transform: uppercase;
     color: #000;
     font-size: 16px;
     padding: 100px 0px 20px;
     font-weight: 500;
}
.footer-wrapper ul{
    padding-bottom: 30px;
    padding-top: 15px;
}
.footer-wrapper ul li{
     color: #000;
     font-size: 14px;
     font-weight: 500;
    list-style: none;
}
 .footer-wrapper ul li a{
    color: #000;
}
 .footer-wrapper ul li a:hover{
    color: #2d6f0a;
}
.footer-wrapper ul li:hover{
    color: #2d6f0a;
}
.socialMedia {
     transform: scale(.85);
     -webkit-transform: scale(.60);
     position: fixed;
     right: -16px;
     top: 25em;
     width: 77px;
     padding-left: 5px;
     border-radius: 4px 0 0 4px;
     box-shadow: -3px 3px 5px rgba(0,0,0,.15);
     background: #f2f4f6;
     opacity: .8;
     filter: alpha(opacity=70);
     z-index: 110;
}
.socialMedia A {
     display: block;
     margin: .5em 0;
     position: relative;
}
.socialMedia A I {
     display: inline-block;
     width: 4em;
     height: 4em;
     background: url(../images/sprite_social_media.svg) left top no-repeat;
     background-size: auto 4em;
     vertical-align: middle;
     margin-right: 1em;
     filter: url(data:image/svg+xml;
    utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
     filter: gray;
     -webkit-filter: grayscale(100%);
     opacity: .5;
     filter: alpha(opacity=50);
}
.socialMedia A I.twitter {
     background-position: -4em top;
}
.socialMedia A I.googleplus {
     background-position: -8em top;
}
.socialMedia A I.linkedin {
     background-position: -16em top;
}
.socialMedia A:hover I {
     opacity: 1;
     filter: alpha(opacity=100);
     filter: none;
     -webkit-filter: grayscale(0);
}
.socialMedia:hover {
     opacity: 1;
}
.bottom-btn{
    background: #fff;
    border:0px;
    margin: 0px auto;
    display: block;
    padding: 10px 15px;
     border-radius: 50%;
}
.bottom-btn:focus{
    outline: none;
}
.fa-angle-down{
    color: orange;
    font-size: 35px !important;
}
.main-footer{
    background: #eaeaea;
    padding-top: 40px;
    padding-bottom: 30px;
}
/*for arrow down*/
@bg: #2d2d37;
 // Dark blue@primary: #fd6b21;
 // Orangebody {
     background: @bg;
}
.arrow {
     text-align: center;
}
.bounce {
     -moz-animation: bounce 2s infinite;
     -webkit-animation: bounce 2s infinite;
     animation: bounce 2s infinite;
}
@keyframes bounce {
     0%, 20%, 50%, 80%, 100% {
         transform: translateY(0);
    }
     40% {
         transform: translateY(-30px);
    }
     60% {
         transform: translateY(-15px);
    }
}
body a{
     transition:0.5s all;
     -webkit-transition:0.5s all;
     -moz-transition:0.5s all;
     -o-transition:0.5s all;
     -ms-transition:0.5s all;
     font-size: 15px;
     font-family: 'Lato', sans-serif;
     text-decoration: none;
}
body 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;
}
h1,h2,h3,h4,h5,h6{
    /* font-family: 'Lato', sans-serif;
     */
     margin:0;
    /* font-weight:800;
     */
     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-transform: capitalize;
}
 p{
     font-family: 'Open Sans', sans-serif;
}
ul{
     margin:0;
     padding:0;
}
label{
     margin:0;
}
.text-center {
     text-align:center;
}
/*-- header styling starts here --*/
.container-fluid .header-section {
     margin: 0;
     padding: 15px 0;
}
.navbar-header {
     float: right;
}
.navbar-brand {
     height: 70px;
     font-size: 18px;
}
.logo h1{
     font-family: 'Josefin Sans', sans-serif;
     font-weight:400;
     color: #e7a743;
     padding: 0;
     font-size: 36px;
}
 h1.head{
     font-family: 'Josefin Sans', sans-serif;
     font-weight:400;
     color: #e45b8f;
     padding-left: 10px;
}
.logo a h1 {
     font-weight: 700;
     font-size: 2em;
     color: #333;
     margin-left: 6.9em;
}
.navbar-brand {
     float: left;
     padding: 10px 15px;
}
.logo h1 span {
     font-size: 50px;
     color: #fff;
}
.navbar {
     position: relative;
     min-height: 50px;
     margin-bottom: 0px;
}
.navbar-nav {
    text-align: right;
    margin: 0px !important;
    float: none;
}
.navbar-nav > li > a {
     color: #59ace1;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
     margin-left:0px;
}
.list> ul {
     padding-left: 10em;
     padding-bottom: 10px;
}
.list > li {
     padding: 0;
     text-transform: uppercase;
     font-size: 15px;
     font-weight: 700;
     color: #a39595;
}
.navbar-default .navbar-nav > li > a {
     color: #e7a743;
     font-size: 15px;
}
.navbar-default .navbar-nav > li > a.active {
     color: #fff;
}
 .list> li > a:hover {
     background-color: #fff;
     font-weight: 600;
}
 .navbar-default .navbar-nav > li > a:hover{
     color: #fff;
     background-color: transparent;
}
 .list-right {
     float: right;
}
.list-right li {
     padding: 3.3em 0;
     display: inline-block;
     margin-right: 15px;
}
.list-right> li > a {
     color: #fff;
     font-size: 1.5em;
}
.list-right> li > a:hover, .list-right> li > a:focus{
     color: #e7a743;
     text-decoration: none;
}
 .list-icon {
     margin-right: 10px;
}
 .list-icon span {
     color: #fff;
     font-size: 15px;
}
.navbar-default {
     background: #31708f;
     border: #bbb;
     border-radius: 0px;
}
.navbar-default .navbar-nav > li > a:focus {
     color: #e7a743;
     background-color: transparent;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
     color: #555;
}
.nav-brand {
     height: auto;
}
/*-- //header styling ends here --*/
/*-- //banner styling ends here --*/
.callbacks_container {
     position: relative;
     width: 100%;
}
.callbacks {
     position: relative;
     list-style: none;
     overflow: hidden;
     width: 100%;
     padding: 0;
     margin: 0;
}
.callbacks li {
     position: absolute;
     width: 100%;
     left: 0;
     top: 0;
}
.callbacks img {
     display: block;
     background-size: cover;
     position: relative;
     z-index: 1;
     height: 565px;
     width: 100%;
     border: 0;
}
.callbacks span {
     color: #e6ebeb;
     font-size: 32px;
     font-weight: 700;
     text-transform: uppercase
}
.callbacks .caption {
    display: block;
    position: absolute;
    z-index: 2;
    font-size: 16px;
    text-shadow: none;
    color: #565656;
    background: #565656;
    background: rgba(0, 0, 0, .3);
    /* left: 60px;
     */
    right: 212px;
    bottom: 0;
    padding: 3em 5em 0;
    margin: 0;
    line-height: 2;
    max-width: none;
    width: 45%;
    top: 125px;
    height: 55%;
}
.caption h3 {
    color: #fffefd;
     font-weight: 100;
     font-size: 40px;
     text-align: right;
}
.caption h4 {
     color: #fffefd;
     font-weight: 700;
     font-size: 29px;
     text-align: right;
     padding-top: 10px;
}
.caption p{
     padding-top: 8px;
     line-height: 23px;
     color: #fff;
     font-size: 1em;
     text-align: right;
}
.banner-btn{
     display: inline-block;
     float: right;
     margin-top: -55px;
     background: #4dcc0b;
     border: 0px;
     color: #000;
     padding: 5px 60px;
     text-transform: uppercase;
     font-size: 18px;
     border-radius: 20px;
}
.contact-form1 form input{
    width: 100%;
     height: 42px;
     padding: 10px;
     font-size: 14px;
     color: #ccc;
     border-radius: 4px;
     border: 1px solid #ccc;
     margin-bottom: 15px;
}
 .contact-form1 form textarea{
    width: 100%;
     height: 120px;
     padding: 10px;
     font-size: 14px;
     color: #ccc;
     border-radius: 4px;
     border: 1px solid #ccc;
     margin-bottom: 15px;
}
 .con-btn{
     display: inline;
     background: green;
     color: #fff !important;
     width: auto !important;
     padding: 5px 29px !important;
     border: 0px !important;
    border:1px solid green;
    text-transform: uppercase;
}
 .contact-form1 h4{
     color: #3a920d;
     padding-bottom: 10px;
     font-weight: 600;
     font-size: 25px;
}
 .contact-form1 a{
    color: #000;
}
 .con-btn:focus{
    outline: none;
}
 .con-btn:hover{
    background: transparent;
    color: #000 !important;
    border:1px solid #000 !important;
}
.contact-form1 form input:focus{
    outline: none;
}
.caption img{
    width: 45%;
    height: auto;
}
.callbacks_nav {
     position: absolute;
     -webkit-tap-highlight-color: rgba(0,0,0,0);
     top: 50%;
     left: 0;
     opacity: 0.7;
     z-index: 3;
     text-indent: -9999px;
     overflow: hidden;
     text-decoration: none;
     height: 61px;
     width: 38px;
     background: transparent url("../images/themes.png") no-repeat left top;
     margin-top: -45px;
}
.callbacks_nav:active {
     opacity: 1.0;
}
.callbacks_nav.next {
     left: auto;
     background-position: right top;
     right: 0;
}
#slider3-pager a {
     display: inline-block;
}
#slider3-pager img {
     float: left;
}
#slider3-pager .rslides_here a {
     background: transparent;
     box-shadow: 0 0 0 2px #666;
}
#slider3-pager a {
     padding: 0;
}
/*-- //banner styling ends here --*/
/*-- //about section styling starts here --*/
 .about,.service-section ,.gallery,.testimonials,.contact {
     padding: 65px 0;
}
 .about-section-grids {
     padding-top: 6em;
}
 .about-head h3,.services-head h3,.gallery-head h3,.testimonials-head h3 ,.contact-head h3{
     font-size: 40px;
     color: #272829;
     margin-bottom: 45px;
}
 .about-grids {
    border-left: 1px solid #e4e1e1;
     padding-left: 60px;
}
 .about-grids h4 {
     color: #40ad08;
     font-size: 25px;
     text-align: left;
}
 .about-grids span{
    color: #44a015;
     font-weight: 600;
}
 .about-grids p{
     padding: 15px 20px 0px 0px;
     text-align: left;
     font-size: 14px;
     line-height: 23px;
}
 .about-head h3{
     margin-bottom: 25px;
     text-transform: uppercase;
     color: #404040;
     font-weight: 600;
}
 .about-main img{
     margin-bottom: 20px;
     width: 35%;
     float: left;
     padding-right: 20px;
    padding-top: 5px;
}
 .about-ser{
     color: #3a920d;
     padding-bottom: 10px;
     font-weight: 600;
     font-size: 20px;
}
 .about-main p{
    font-size: 14px;
    line-height: 23px;
    text-align: justify;
}
/*-- //about section styling ends here --*/
/*-- services section styling starts here --*/
 .service-section,.testimonials {
     background: #f6e3e6;
}
 .service-section{
    background: #252525;
    color: #fff;
}
 .service-section h3{
    color: #fff;
}
 .service-head{
     overflow: hidden;
     margin-top: 50px;
     padding-top:6em;
     z-index: 1;
     background: url(../images/s2.jpg)center;
     background-attachment: fixed;
     min-height: 500px;
     background-size: 100% 100%;
}
.service h2 {
     font-size: 26px;
     color: #31708f;
}
.service{
     display: block;
     z-index: 2;
     background: #fff;
     padding: 40px;
     line-height: 2;
     max-width: none;
     width: 100%;
     margin-top: -2%;
}
 .service-text {
     background: #fff;
     min-height: 200px;
     padding: 36px 27px;
}
 .service-text h5 {
     padding-bottom: 1em;
     font-size: 17px;
     color: #26a5ee;
}
 .service-text p{
    font-size: 14px;
    color: #000;
}
 .service p {
     padding-top: 10px;
    font-size: 14px;
    color: #000;
}
.img4 {
     background: url(../images/k-1.jpg) center;
     min-height: 200px;
     background-size: 100% 100%;
}
.img5 {
     background: url(../images/k-2.jpg) center;
     min-height: 200px;
     background-size: 100% 100%;
}
.img6 {
     background: url(../images/k-3.jpg)center;
     min-height: 200px;
     background-size: 100% 100%;
}
.img7 {
     background: url(../images/k-4.jpg)center;
     min-height: 200px;
     background-size: 100% 100%;
}
/*-- //services section styling ends here --*/
/*-- gallery starts here --*/
/* carousel */
#quote-carousel {
     padding: 0 10px 30px 10px;
     text-align:center;
}
/* indicator position */
#quote-carousel .carousel-indicators {
     right: 50%;
     top: auto;
     bottom: -10px;
     margin-right: -19px;
}
/* indicator color */
#quote-carousel .carousel-indicators li {
     background: #c0c0c0;
}
/* active indicator */
#quote-carousel .carousel-indicators .active {
     background: #333333;
     height:10px;
     width:10px;
     margin-bottom:1px;
}
/* typography */
.carousel-inner p{
    font-size: 16px;
}
.carousel-inner small strong{
    font-size: 16px;
    text-transform: uppercase;
    color: #40ad08;
}
/* overlay - centered modal dialog*/
.overlay-visible{
     overflow:hidden !important;
}
#cm-overlay-mask,#cm-wrap{
     position: fixed;
     left: 0;
     top: 0;
     width:100%;
     height:100%;
     z-index: 9991;
     text-align:center;
    /* IE<9 support hack */
}
/* chrome bug fix causing overlay-mask to not appear @media screen and (-webkit-min-device-pixel-ratio:0) {
    #cm-overlay-mask{
         overflow:scroll;
    }
    #cm-overlay-mask::-webkit-scrollbar{
         width:0px;
    }
}
*/
#cm-wrap{
     visibility:hidden;
     white-space:nowrap;
}
#cm-wrap *{
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
}
#cm-wrap .cm-box,#cm-wrap .cm-scale{
     white-space:normal;
     vertical-align:middle;
     position:relative;
     display:inline-block;
}
#cm-wrap .cm-scale{
     height:100%;
     line-height:100%;
     width:0;
}
#cm-wrap .cm-box img,#cm-wrap .cm-box iframe{
     display:block;
}
/* customise mask colour */
#cm-overlay-mask{
     background-color:#000000;
}
/* customise loader GIF */
#cm-wrap{
     background:none;
}
#cm-wrap.cm-loaded{
     background-image:none;
}
/* overlay border and shadow */
#cm-overlay{
     -webkit-box-shadow: 0 0 90px #000;
     -khtml-box-shadow:0 0 90px 5px #000;
     -moz-box-shadow:0 0 90px 5px #000;
     box-shadow:0 0 90px 5px #000;
    /**/
     opacity:0;
     z-index:9992;
}
/* close link style */
#cm-wrap #cm-close{
     display:block;
     height: 61px;
     width: 59px;
     position:absolute;
     right:0;
     top:0;
     background:transparent url(../images/close.png) scroll no-repeat center center;
     cursor:pointer;
     z-index:9993;
     text-indent:-999em;
     opacity:0.5;
}
/* prev and next buttons */
#cm-wrap #cm-prev,#cm-wrap #cm-next{
     display:block;
     position:absolute;
     height: 97px;
     width: 49px;
     top:50%;
     margin-top:-63px;
     text-indent:-999em;
     opacity:0.5;
     outline:none;
     z-index:9993;
}
#cm-wrap #cm-prev{
     left:0;
     background:transparent url(../images/prev.png) scroll no-repeat 0 center;
}
#cm-wrap #cm-next{
     right:0;
     background:transparent url(../images/next.png) scroll no-repeat 100% center;
}
#cm-wrap #cm-prev:hover,#cm-wrap #cm-next:hover,#cm-wrap #cm-close:hover{
     opacity:1;
}
/* tooltip for close link (jquery tools) */
.tooltip{
     text-align:center;
     font-family:sans-serif;
     color:#eee;
     background:#000;
     padding:10px;
     border:1px solid #eee;
     z-index:99999;
     font-size:12px;
     background: #000;
     border: 1px solid #eee;
}
.tooltip:after, .tooltip:before{
     bottom: 100%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
}
.tooltip:after{
     border-color: rgba(0, 0, 0, 0);
     border-bottom-color: #000;
     border-width: 10px;
     left: 50%;
     margin-left: -10px;
}
.tooltip:before{
     border-color: rgba(238, 238, 238, 0);
     border-bottom-color: #eee;
     border-width: 11px;
     left: 50%;
     margin-left: -11px;
}
@media (max-width: 640px){
     .logo{
        text-align: center;
    }
     .logo img{
        display: inline-block;
    }
     .info-main ul {
        text-align: center;
    }
     .info-main ul li a {
        font-size: 19px;
    }
     .info-main ul li i {
        font-size: 17px;
    }
     .navbar-inverse .navbar-toggle {
        background: #333;
    }
     .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        margin-top: 60px;
    }
     .header-form {
        width: 100%;
        position: relative;
        left:0px;
        top:0px;
    }
     .callbacks .caption {
        position: relative;
        top:0px;
        height: 100%;
        right: 0px;
    }
     .caption h4 {
        font-size: 17px;
    }
     .callbacks img {
        height: auto;
    }
     .caption img {
        width: 100%;
    }
     .banner-btn {
        float: none;
        width: 100%;
        padding: 0px;
        font-size: 12px;
    }
     .about-grids {
        padding-left: 0px;
        border-right:0px;
        border-right: 0px;
    }
     .w3_tab_img img {
        height: auto;
    }
     #cm-wrap .cm-box img, #cm-wrap .cm-box iframe {
         display: block;
         width: 80%;
         margin: 0 auto;
         height: inherit;
    }
     #cm-overlay {
         border: none;
    }
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
     color: #fff;
     cursor: default;
     background: #e8972e;
    ;
}
.nav-tabs > li > a {
     margin-right: 3px;
     font-size: 1.5em;
     border: solid 1px #dadada;
     border-radius: 0;
     color: #999;
     text-decoration: none;
     padding: .6em 1.5em;
}
.nav-tabs > li > a:focus{
     background:transparent;
}
.nav-tabs {
     border-bottom: none;
     margin: 0 0 4em;
     text-align: center;
}
.nav-tabs > li {
     margin: 0 10px;
     float: none;
     display: inline-block;
}
.nav-tabs > li > a:hover {
     color: #FFFFFF;
     background: #e8972e;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    border-color: #337ab7;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
     text-decoration: none;
}
.w3_tab_img_left {
     padding: 0;
}
/*-- //gallery ends here --*/
/*-- testimonial --*/
 .testimonials img {
     width: 100%;
}
.testi-w3agileinfo .tab-content{
     width: 65%;
     margin: 0 auto;
     padding: 2em 5em;
     -webkit-box-shadow: 0px 0px 8px 2px #ccc;
     -moz-box-shadow: 0px 0px 8px 2px #ccc;
     box-shadow: 0px 0px 8px 2px #ccc;
     text-align: center;
     background: #fff;
}
.testi-w3agileinfo h5 {
     color: #00bcd4;
     font-size: 2.2em;
     letter-spacing: 1px;
     margin: 0 0 0.3em 0;
}
.testi-w3agileinfo p {
     color: #a89b9b;
}
.testimonials .nav-tabs {
     border: none;
     text-align: center;
     margin: 4em 0 4em 0em
}
.testi-w3agileinfo .nav-tabs li a {
     text-decoration:none;
     outline:none;
     -webkit-transition: 0.5s all;
     padding: 0;
     margin:0;
     border: none;
     opacity: .5;
     border-radius: 50%;
}
.testi-w3agileinfo .nav-tabs li {
     display: inline-block;
     float: none;
     margin: 0 0.5em;
     border-radius: 50%;
}
.testi-w3agileinfo .nav-tabs li.active a,.testi-w3agileinfo .nav-tabs li a:hover{
     opacity: 1;
     border-radius: 50%;
     border: none;
}
#testi label,#profile label,#messages label {
     color: #dc7a7a;
     font-size: 14px;
     padding-top: 10px;
}
.testi-w3agileinfo .nav-tabs li a img {
     max-width: none;
     border-radius: 50%;
}
.testi-w3agileinfo .nav-tabs {
     border-bottom: none;
     margin: 4em 0 4em 0em;
     text-align: center;
}
/*-- //testimonial --*/
/*-- Contact--*/
.contact {
     background:url('../images/contactbg2.jpg') no-repeat center;
     background-size:100% 100%;
}
.contact-form {
     width: 50%;
}
.contact-form label{
     color: #fff;
}
.contact-right p ,.contact-right label ,.contact-right span{
     color: #fff;
     font-size: 15px;
}
.contact-left h4 , .contact-right h4{
     font-size: 24px;
     padding: 2em 0;
     color: #e7a743;
}
.contact-left p{
     font-size: 15px;
     color: #fff;
}
.contact-left input[type="text"] {
     width: 48.4%;
     margin: 25px 14px 13px 0px;
     background: transparent;
     border:none;
     border-bottom: 1px solid #fff;
     color: #fff;
     border-radius: 0px;
     display: inline;
     font-size: 14px;
}
input.form-control.lname {
     margin-right: 0;
}
.contact-left input[type="email"]{
     width: 48.5%;
     margin: 25px 14px 13px 0px;
     background: transparent;
     margin-right: 14px;
     color: #fff;
     border: none;
     border-bottom: 1px solid #fff;
     border-radius: 0px;
     display: inline;
     font-size: 14px;
}
.contact-left textarea{
     margin: 25px 10px 13px 0px;
     border: none;
     border-bottom:1px solid #fff;
     border-color: #fff;
     padding: 5px 5px;
     background: transparent;
     resize: none;
     color: #fff;
     width: 100%;
     border-radius: 0px;
     font-size: 14px;
}
.contact-left input[type="submit"] {
     background: #e7a743;
     border: none;
     outline: none;
     width: 100%;
     color: #000;
     margin: 25px 10px 13px 0px;
     font-size: 14px;
     text-transform: uppercase;
     border:1px solid #ae7446;
     border-radius: 0px;
}
.contact-left input[type="submit"]:hover{
     background: transparent;
     border:1px solid #ae7446;
     color: #fff;
     font-size: 14px;
}
.address-desc {
     padding-bottom: 20px;
}
.address-desc .mail-w3 a {
     text-decoration: none;
     color: #fff;
}
.address-desc .mail-w3 a:hover {
     text-decoration: none;
     color: #337ab7
}
.address span {
     line-height: 2;
     font-size: 14px;
     color: #fff;
}
.address label {
     line-height: 2;
     font-size: 14px;
     color: #fff;
}
/*-- //Contact--*/
.footer-inner{
    background: #272727;
    padding: 20px 0px 16px;
}
.footer-inner ul{
    text-align: center;
}
.footer-inner ul li{
    list-style: none;
    display: inline-block;
    margin-left: 25px;
}
.footer-inner ul li a{
    color: #fff;
}
.footer-inner ul li a:hover{
    color: #3a920d;
}
.footer {
     background: #3a920d;
     padding-top: 5em;
     padding-bottom: 7em;
     color: #fff;
}
.footer-left {
     padding-left: 3em;
}
.footer-left a{
     color: #fff;
}
.footer-left a:hover,.footer-left a:hover,.footer-left a:focus{
     color: #e7a743;
     text-decoration: none;
}
.footer-left p{
     font-size: 15px;
     color: #fff;
}
.footer-right {
     text-align: right;
}
.list-icons li {
     display: inline-block;
     list-style-type: none;
}
.footer-right a {
     color: #fff;
     font-size: 16px;
}
.footer-right .icon:hover {
     color: #000;
}
.footer-right .icon{
     color:#fff;
     margin-right: 20px;
     font-size: 2em;
}
/*-- to-top --*/
#toTop {
     display: none;
     text-decoration: none;
     position: fixed;
     bottom: 55px;
     right: 1%;
     overflow: hidden;
     z-index: 999;
     width: 32px;
     height: 32px;
     border: none;
     text-indent: 100%;
     background: url(../images/scroll-top.png) no-repeat 0px 0px;
}
#toTopHover {
     width: 32px;
     height: 32px;
     display: block;
     overflow: hidden;
     float: right;
     opacity: 0;
     -moz-opacity: 0;
     filter: alpha(opacity=0);
}
/*-- //to-top --*/
/*-- //Footer--*/
 .panel-group .panel {
     border-radius: 0;
     box-shadow: none;
     border-color: #3ba214;
}
 .panel-default > .panel-heading {
     padding: 0;
     border-radius: 0;
     color: #212121;
     background-color: #FAFAFA;
     border-color: #EEEEEE;
}
 .panel-title {
     font-size: 14px;
     background: #6ec542;
     color: #fff;
}
 .panel-title > a {
     display: block;
     padding: 15px;
     text-decoration: none;
     font-size: 16px;
}
 .more-less {
     float: right;
     color: #fff;
}
 .panel-default > .panel-heading + .panel-collapse > .panel-body {
     border-top-color: #EEEEEE;
}
/* ----- v CAN BE DELETED v ----- */
.faq-main .panel-body {
    font-size: 14px;
}
.demo {
     padding-top: 0px;
     padding-bottom: 0px;
}
/*-- Responsive code --*/
@media screen and (max-width: 1680px) {
     .navbar-nav {
         margin: 0 8em;
    }
     .list > li {
         padding: 0 0.4em;
    }
     .list-right> li > a {
         font-size: 1.6em;
    }
     .navbar-default .navbar-nav > li > a {
         font-size: 16px;
    }
}
 @media screen and (max-width: 1600px){
     .navbar-nav {
         margin: 0 2em;
    }
     .list > li {
         padding: 0;
    }
     .navbar-default .navbar-nav > li > a {
         font-size: 15px;
    }
     .list-right> li > a ,.list-right >li > span{
         color: #fff;
         font-size: 14px;
    }
}
@media screen and (max-width: 1440px){
     .navbar-nav {
         margin: 0 1em;
    }
     .callbacks .caption{
         padding: 2em 5em 0em;
         right:160px;
    }
     .service-head{
         min-height: 460px;
    }
    .header-form {width: 25%;left: 11%;}
    .caption img {width: 39%;}
    .banner-btn {margin-top: -50px;}
}
@media screen and (max-width: 1366px){
     .navbar-nav {
         padding: 0em 7em 0;
    }
     .callbacks .caption{
         padding: 2em 2em 0em;
         right:110px;
    }
     .header-form h4 {
        font-size: 16px;
    }
     .about,.service-section ,.gallery,.testimonials,.contact {
         padding: 70px 0;
    }
    .header-form {left:10%;}
}
@media screen and (max-width: 1280px){
     .banner-btn {
        padding: 5px 34px;
    }
     .header-form {
        width: 30%;
        left:7%;
    }
     .navbar-nav {
         padding: 2em 2em 0;
    }
     .callbacks .caption{
         padding: 2em 2em 0em;
         right:110px;
    }
     .about,.service-section ,.gallery,.testimonials,.contact {
         padding: 60px 0;
    }
     .service-head{
         min-height: 440px;
    }
}
@media screen and (max-width: 1080px){
     .list-right {
         float:right;
         padding: 4em 0;
    }
     .list-right li {
         padding: 0;
         display: inline-block;
         margin-right: 6px;
    }
     .navbar-nav {
         padding: 4em 0em;
         margin:0;
    }
     .navbar-brand {
         padding: 14px 8px;
    }
     .navbar-default .navbar-nav > li > a {
         font-size: 14px;
    }
     .list.nav > li > a {
         padding: 0 0.6em;
    }
     .list-right> li > a {
         font-size: 15px;
    }
     .contact-right p, .contact-right label,.contact-right span {
         color: #fff;
         font-size: 14px;
    }
     .callbacks .caption{
         padding: 15em 5em 0em;
    }
     .caption h3 {
         font-size: 1.3em;
         line-height: 1.5;
    }
     .about, .service-section, .gallery, .testimonials, .contact {
         padding: 50px 0;
    }
     .about-section-grids {
         padding-top: 1em;
    }
     .service {
         width: 100%;
         padding: 15px;
    }
     .service-head {
         min-height: 370px;
    }
     .img4,.img5 ,.img6,.img7,.service-text {
         min-height: 190px;
    }
     .testi-w3agileinfo .tab-content {
         width: 77%;
    }
     .contact-left input[type="text"] {
         width: 47.9%;
    }
     .contact-left input[type="email"] {
         width: 47.7%;
    }
}
 @media screen and (max-width:1050px){
     .list-right {
         float: none;
         clear: both;
         padding: 0em 0em 1em;
         text-align: center;
    }
     .navbar-nav {
         float:right;
         padding: 5em 0em 2em;
    }
}
@media screen and (max-width:1024px){
     .banner-btn {
        font-size: 13px;
        margin-top: -43px;
        padding: 5px 30px;
    }
     .header-form {
        width: 35%;
        left: 65px;
    }
     .nav > li > a {
        padding: 10px 8px;
    }
     .about, .service-section, .gallery, .testimonials, .contact {
         padding: 40px 0;
    }
     .navbar-nav {
         padding: 1em 0 0 12em;
    }
     .list > li {
         padding: 0 1em 0 0;
    }
     .list-right {
         float: none;
         clear: both;
         padding: 0em 0em 1em;
         text-align: center;
    }
     .navbar-brand {
         padding: 5px 8px;
    }
     .callbacks .caption {
         padding: 2em 2em 0em;
         width:48%;
         right:80px;
    }
     .nav-tabs li a{
         padding: 0.5em 1em;
    }
     .about-grids h4 {
         font-size: 18px;
    }
     .service h2 {
         font-size: 24px;
    }
     .footer-left p {
         font-size: 14px;
    }
}
 @media screen and (max-width: 991px){
     .about, .service-section, .gallery, .testimonials, .contact {
         padding: 40px 0;
    }
     .about-head h3, .services-head h3, .gallery-head h3, .testimonials-head h3, .contact-head h3 {
         font-size: 38px;
    }
     .navbar-nav {
         padding: 3em 0 0 9em;
    }
     .list > li {
         padding: 0 1em 0 0;
    }
     .list-right {
         float: none;
         clear: both;
         padding: 0em 0em 1em;
         text-align: center;
    }
     .navbar-brand {
         padding: 5px 8px;
    }
     .callbacks .caption {
         padding: 14em 5em 0em;
    }
     .about-grids h4 {
         font-size: 18px;
    }
     .service h2 {
         font-size: 24px;
    }
     .service {
         margin-top: 7%;
    }
     .service {
         width: 57%;
         padding: 18px;
    }
     .img4,.img5 ,.img6,.img7,.service-text {
         min-height: 190px;
    }
     .service-text{
         border: 1px solid #e9e8e9;
    }
     .service-head {
         min-height: 370px;
    }
     .service-text h5 {
         font-size: 20px;
    }
     .testi-w3agileinfo .tab-content {
         width: 82%;
    }
     .contact-left input[type="text"] {
         width: 48.7%;
    }
     .contact-left input[type="email"] {
         width: 48.7%;
    }
     .footer-left p {
         font-size: 14px;
    }
}
@media screen and (max-width: 900px){
     .navbar-nav {
         padding: 3em 0 0 0em;
    }
     .callbacks .caption {
         padding: 12em 5em 0em;
    }
     .service-head {
         min-height: 320px;
    }
     .testi-w3agileinfo .tab-content {
         width: 90%;
    }
     .service {
         margin-top: 3%;
    }
     .callbacks .caption {
         padding: 11em 5em 0em;
    }
}
@media screen and (max-width: 800px){
     .caption h4 {
        font-size: 20px;
    }
     .header-form {
        top: 25px;
        width: 35%;
        left: 20px;
    }
     .callbacks .caption {
        padding: 2em 2em;
    }
     .banner-btn {
        margin-top: -34px;
        padding: 5px 10px;
        font-size: 11px;
    }
     .service {
         width: 100%;
         margin-top: 0%;
         padding: 18px 30px;
    }
     .navbar-collapse {
         padding-right: 0px;
    }
     .list > li {
         padding: 0.5em 0;
    }
     .service {
         margin-top: 5%;
    }
     .navbar-brand {
         padding: 7px 3px;
    }
     .list > li {
         padding: 0 0 0 0;
    }
     .callbacks .caption {
         padding: 1em 5em;
    }
     .about-head h3, .services-head h3, .gallery-head h3, .testimonials-head h3, .contact-head h3 {
         font-size: 34px;
    }
     .testi-w3agileinfo .tab-content {
         width: 85%;
    }
}
@media screen and (max-width: 768px){
    .navbar-nav > li {
    display: block;}
    .dropdown-menu {width:100%;}
     .header-form {
        top: 25px;
        width: 35%;
        left: 20px;
    }
     .callbacks .caption {
        padding: 2em 2em;
    }
     .banner-btn {
        margin-top: -38px;
        padding: 5px 10px;
        font-size: 14px;
    }
     .service {
         width: 100%;
         margin-top: 0%;
         padding: 18px 30px;
    }
     .nav > li > a {
        padding: 12px 5px;
    }
     .logo h1 span {
         font-size: 41px;
    }
     .navbar-nav {
         padding: 0em 0 10px 0;
         text-align: center;
         float: none;
    }
     .service h2 {
         font-size: 22px;
    }
     .contact-head h3 {
         margin-bottom: 0px;
    }
     .list-right {
         padding: 1em 0em ;
    }
     .footer {
         padding-top: 1em;
    }
}
 @media screen and (max-width: 736px){
     .list > li {
         padding: 0.5em 0;
    }
     .container-fluid > .navbar-header {
         margin-right: 0px;
         margin-left: 0px;
    }
     .navbar-brand {
         margin: 0 15em;
    }
     .navbar-default .navbar-toggle {
         margin: 2em 0 0 13em;
    }
     .callbacks .caption {
         padding: 7em 2em;
    }
     .service-head {
         min-height: 280px;
    }
     .service h2 {
         font-size: 21px;
    }
     .caption h3 {
         font-size: 1.2em;
    }
     .img4, .img5, .img6, .img7, .service-text {
         min-height: 184px;
    }
     .service-text {
         padding: 40px 20px ;
    }
     .service-text h5 {
         padding-bottom: 0.8em;
         font-size: 15px;
    }
     p {
         line-height: 2;
         font-size: 14px;
    }
     .nav-tabs li a {
         padding:0.5em;
    }
     .service {
         width: 55%;
         margin-top: 3%;
         padding: 20px 12px;
    }
     .service h2 {
         font-size: 20px;
    }
     .testi-w3agileinfo .tab-content {
         width: 70%;
         padding: 1em 2em;
    }
     .testi-w3agileinfo .nav-tabs {
         border-bottom: none;
         margin: 2em 0em;
    }
     .footer {
         padding-top: 1em;
         padding-bottom: 1em;
    }
     .footer-left{
         float: none;
         text-align: center;
         width: 100%;
    }
     .footer-right{
         float: none;
         text-align: center;
         width: 100%;
    }
     .list-right {
         padding: 1em 0em ;
    }
     #toTop {
         bottom: 66px;
    }
}
 @media screen and (max-width: 667px){
     .list > li {
         padding: 0.5em 0;
    }
     .navbar-brand {
         margin: 0 11em;
    }
     .img4, .img5, .img6, .img7 {
         min-height: 165px;
    }
     .service {
         width: 66%;
    }
     .callbacks .caption {
         padding: 5em 3em;
    }
     .caption h3 {
         font-size: 1.1em;
    }
     .service-text {
         min-height: 165px;
         padding: 40px 20px 0;
    }
     .list-right {
         padding: 1em 0em ;
    }
     .footer-left {
         float: none;
         width: 84%;
         margin: 0 4em;
    }
     .footer-right {
         width: 82%;
         margin: 0px 6em;
         text-align: center;
    }
     .contact-left h4, .contact-right h4 {
         padding: 1.5em 0;
    }
     .contact-left input[type="text"] {
         width: 48.4%;
    }
     .contact-left input[type="email"] {
         width: 48.4%;
    }
}
 @media screen and (max-width: 640px){
     .logo{
        text-align: center;
    }
     .logo img{
        display: inline-block;
    }
     .info-main ul {
        text-align: center;
    }
     .info-main ul li a {
        font-size: 19px;
    }
     .info-main ul li i {
        font-size: 17px;
    }
     .navbar-inverse .navbar-toggle {
        background: #333;
    }
     .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        margin-top: 60px;
    }
     .header-form {
        width: 100%;
        position: relative;
        left:0px;
        top:0px;
    }
     .callbacks .caption {
        position: relative;
        top:0px;
        height: 100%;
        right: 0px;
    }
     .caption h4 {
        font-size: 17px;
    }
     .callbacks img {
        height: auto;
    }
     .caption img {
        width: 100%;
    }
     .banner-btn {
        float: none;
        width: 100%;
        padding: 0px;
        font-size: 12px;
    }
     .about-grids {
        padding-left: 0px;
        border-right:0px;
        border-right: 0px;
    }
     .w3_tab_img img {
        height: auto;
        width: 100%;
    }
     .list > li {
         padding: 0.5em 0;
    }
     .navbar-brand {
         margin: 0 9em;
    }
     .about-head h3, .services-head h3, .gallery-head h3, .testimonials-head h3, .contact-head h3 {
         font-size: 32px;
    }
     .callbacks .caption {
         width: 100%;
    }
     .caption p {
         font-size: 0.8em;
    }
     .navbar-default .navbar-toggle {
         margin: 2em 0 0 15em;
    }
     .footer-right .icon {
         margin-right: 10px;
    }
     #toTop {
         bottom: 66px;
    }
     .footer-left {
         padding-left: 1em;
    }
     .service {
         width: 100%;
    }
     .testi-w3agileinfo .tab-content {
         width: 75%;
         padding: 1em 2em;
    }
     .list-right {
         padding: 1em 0em ;
    }
}
 @media screen and (max-width: 600px){
     .list > li {
         padding: 0.5em 0;
    }
     .about-head h3, .services-head h3, .gallery-head h3, .testimonials-head h3, .contact-head h3 {
         margin-bottom: 20px;
    }
     .navbar-default .navbar-toggle {
         margin: 2em 0 0 14em;
    }
     .service {
         width: 70%;
    }
     .nav-tabs {
         margin: 2em 0em;
    }
     .footer-right .icon {
         margin-right: 8px;
    }
     .footer-left {
         padding:0;
    }
     .navbar-brand {
         margin: 0 7em;
    }
     .callbacks .caption {
         padding: 4em 3em;
    }
     .callbacks .caption {
         width: 58%;
    }
     .nav-tabs > li {
         margin: 0 7px;
    }
     .testi-w3agileinfo .tab-content {
         width: 79%;
         padding: 0.85em 2em;
    }
     .footer {
         padding-bottom: 5em;
    }
     .footer-left {
         padding: 0 7em 0 1em;
    }
     .footer-right .icon {
         margin-right: 10px;
    }
     .list-right {
         padding: 1em 0em ;
    }
     .footer {
         padding: 1em 0;
    }
     .footer-left {
         width: 90%;
         margin: 0 5em;
    }
}
 @media screen and (max-width: 568px){
     .list > li {
         padding: 0.5em 0;
    }
     .navbar-default .navbar-toggle {
         margin: 2em 0 0 10em;
    }
     .callbacks .caption {
         width: 62%;
    }
     .callbacks .caption {
         padding: 4em 2em;
    }
     .testi-w3agileinfo h5 {
         font-size: 2em;
    }
     .list-right {
         padding: 1em 0em ;
    }
     .footer {
         padding: 1em 0;
    }
     .footer-left{
         width: 70%;
         margin: 0 13em;
    }
     .footer-right {
         width: 91%;
         margin: 1em 5em 0;
    }
     #toTop {
         bottom: 93px;
    }
     .footer-right .icon {
         margin-right: 15px;
    }
     .nav-tabs li a {
         padding: 0.5em 1em;
    }
     .contact-left input[type="text"] {
         width: 48.1%;
    }
     .contact-left input[type="email"] {
         width: 48.1%;
    }
}
 @media screen and (max-width: 480px){
    .logo{
        text-align: center;
    }
     .logo img{
        display: inline-block;
    }
     .info-main ul {
        text-align: center;
    }
     .info-main ul li a {
        font-size: 19px;
    }
     .info-main ul li i {
        font-size: 17px;
    }
     .navbar-inverse .navbar-toggle {
        background: #333;
    }
     .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        margin-top: 60px;
    }
     .header-form {
        width: 100%;
        position: relative;
        left:0px;
        top:0px;
    }
     .callbacks .caption {
        position: relative;
        top:0px;
        height: 100%;
        right: 0px;
    }
     .caption h4 {
        font-size: 17px;
    }
     .callbacks img {
        height: auto;
    }
     .caption img {
        width: 100%;
    }
     .banner-btn {
        float: none;
        width: 100%;
        padding: 0px;
        font-size: 12px;
    }
     .about-grids {
        padding-left: 0px;
        border-right:0px;
        border-right: 0px;
    }
     .w3_tab_img img {
        height: auto;
    }
     .list > li {
         padding: 0.5em 0;
    }
     .callbacks .caption {
         padding: 2em;
         width: 100%;
    }
     .navbar-brand {
         margin: 0 4em;
    }
     .service-head {
         min-height: 275px;
    }
     .service{
         padding: 14px;
         width: 100%;
         margin-left: 0%;
    }
     .navbar-default .navbar-toggle {
         margin: 2em 0 0 2em;
    }
     .about-head h3, .services-head h3, .gallery-head h3, .testimonials-head h3, .contact-head h3 {
         font-size: 30px;
    }
     .service-head {
         margin-top: 30px;
    }
     .testi-w3agileinfo h5 {
         font-size: 1.5em;
    }
     .contact-left input[type="email"] {
         width: 46%;
    }
     .list-right {
         padding: 1em 0em ;
    }
     .navbar-default .navbar-toggle {
         margin: 2em 0 0 7em;
    }
     .footer-left {
         width: 81%;
         margin: 0 8em;
    }
     .footer-right {
         width: 84%;
    }
     .testi-w3agileinfo h5 {
         margin: 0 0 0.5em 0;
    }
     .contact-left input[type="text"],.contact-left input[type="email"]{
         width: 100%;
         margin-right: 0;
    }
}
@media screen and (max-width: 414px){
     .list > li {
         padding: 0.5em 0;
    }
     .nav-tabs > li > a {
         margin-right: 2px;
    }
     .navbar-brand {
         margin: 0;
    }
     .nav-tabs > li {
         margin: 0 2px;
    }
     .list-right {
         padding: 1em 0em ;
    }
     .service {
         margin-top: 0%;
    }
     .navbar-default .navbar-toggle {
         margin: 2em 0 0 8em;
    }
     .callbacks .caption {
         padding: 1em 2em;
         width: 100%;
    }
     .about-section-grids {
         padding-top: 3em;
    }
     #toTop {
         bottom: 93px;
    }
     .callbacks_nav {
         top:52%;
         height: 40px;
    }
     .callbacks_nav.next {
         left: auto;
         background-position: -35px -11px;
    }
     .callbacks_nav.prev{
         left: auto;
         background-position: 0px -10px;
    }
     .footer-left {
         margin: 0 7em;
    }
     .about-grids {
         float: none;
         text-align: center;
         width: 100%;
    }
     .service {
         width: 89%;
    }
     .service-text {
         min-height: 165px;
         padding: 20px 20px 0;
    }
     .contact-left textarea,.contact-left input[type="text"],.contact-left input[type="email"]{
         width: 100%;
    }
     .w3_tab_img_left{
         width:50%;
    }
}
@media screen and (max-width: 384px){
     .logo{
        text-align: center;
    }
     .logo img{
        display: inline-block;
    }
     .info-main ul {
        text-align: center;
    }
     .info-main ul li a {
        font-size: 19px;
    }
     .info-main ul li i {
        font-size: 17px;
    }
     .navbar-inverse .navbar-toggle {
        background: #333;
    }
     .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        margin-top: 60px;
    }
     .header-form {
        width: 100%;
        position: relative;
        left:0px;
        top:0px;
    }
     .callbacks .caption {
        position: relative;
        top:0px;
        height: 100%;
        right: 0px;
    }
     .caption h4 {
        font-size: 17px;
    }
     .callbacks img {
        height: auto;
    }
     .caption img {
        width: 100%;
    }
     .banner-btn {
        float: none;
        width: 100%;
        padding: 0px;
        font-size: 12px;
    }
     .about-grids {
        padding-left: 0px;
        border-right:0px;
        border-right: 0px;
    }
     .w3_tab_img img {
        height: auto;
    }
     .callbacks .caption {
         padding: 1em 3em;
         width: 100%;
    }
     .service-head {
         min-height: 226px;
    }
     .callbacks_nav {
         top: 63%;
         height: 40px;
    }
     .service-head {
         padding-top: 4em;
    }
     .service-grid {
         float: none;
    }
     .callbacks_nav.next {
         left: auto;
         background-position: -35px -11px;
    }
     .callbacks_nav.prev{
         left: auto;
         background-position: 0px -10px;
    }
     .service {
         padding: 8px;
         width: 96%;
         margin-left: 2%;
    }
     .service-text {
         min-height: 165px;
         padding: 35px 20px;
         float:none;
         text-align:center;
         width: 100%;
    }
     .img4, .img5, .img6, .img7 {
         min-height: 200px;
         float:none;
         width:100%;
    }
     .navbar-default .navbar-toggle {
         margin: 2em 0 0 5em;
    }
     .footer-left {
         width: 83%;
         margin: 0px 6em;
    }
     .footer-right {
         width: 76%;
    }
     #toTop {
         bottom: 113px;
    }
     .caption p {
         line-height:1.7;
    }
     .nav-tabs li a {
         padding: 0.6em;
    }
}
@media screen and (max-width: 375px){
     .logo{
        text-align: center;
    }
     .logo img{
        display: inline-block;
    }
     .info-main ul {
        text-align: center;
    }
     .info-main ul li a {
        font-size: 19px;
    }
     .info-main ul li i {
        font-size: 17px;
    }
     .navbar-inverse .navbar-toggle {
        background: #333;
    }
     .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        margin-top: 60px;
    }
     .header-form {
        width: 100%;
        position: relative;
        left:0px;
        top:0px;
    }
     .callbacks .caption {
        position: relative;
        top:0px;
        height: 100%;
        right: 0px;
    }
     .caption h4 {
        font-size: 17px;
    }
     .callbacks img {
        height: auto;
    }
     .caption img {
        width: 100%;
    }
     .banner-btn {
        float: none;
        width: 100%;
        padding: 0px;
        font-size: 12px;
    }
     .about-grids {
        padding-left: 0px;
        border-right:0px;
        border-right: 0px;
    }
     .w3_tab_img img {
        height: auto;
    }
     .service-text {
         min-height: 165px;
         padding: 35px 20px;
    }
     .navbar-default .navbar-toggle {
         margin: 2em 0 0 4em;
    }
     .callbacks .caption {
         padding: 1em 2em;
         width: 100%;
    }
     .about-head h3, .services-head h3,.testimonials-head h3{
         margin-bottom: 25px;
    }
     .caption p {
         font-size: 0.9em;
    }
     .about-section-grids {
         padding-top: 0em;
    }
     .contact-left h4, .contact-right h4 {
         padding: 1em 0;
    }
}
@media screen and (max-width: 320px){
     .logo{
        text-align: center;
    }
     .logo img{
        display: inline-block;
    }
     .info-main ul {
        text-align: center;
    }
     .info-main ul li a {
        font-size: 13px;
    }
     .info-main ul li i {
        font-size: 17px;
    }
     .navbar-inverse .navbar-toggle {
        background: #333;
    }
     .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        margin-top: 60px;
    }
     .header-form {
        width: 100%;
        position: relative;
        left:0px;
        top:0px;
    }
     .callbacks .caption {
        position: relative;
        top:0px;
        height: 100%;
        right: 0px;
    }
     .caption h4 {
        font-size: 17px;
    }
     .callbacks img {
        height: auto;
    }
     .caption img {
        width: 100%;
    }
     .banner-btn {
        float: none;
        width: 100%;
        padding: 0px;
        font-size: 12px;
    }
     .about-grids {
        padding-left: 0px;
        border-right:0px;
    }
     .logo h1 {
         font-size: 30px;
    }
     .navbar-default .navbar-brand {
         margin-top: 5px;
    }
     .navbar-default .navbar-toggle {
         margin: 2em 0 0 2em;
    }
     .navbar-toggle .icon-bar {
         display: block;
         width: 18px;
    }
     .caption p {
         font-size: 10px;
    }
     .caption h3 {
         font-size: 1.1em;
    }
     .caption p {
         line-height:1.7;
    }
     .callbacks .caption {
         width: 100%;
         padding: 1em 2em;
    }
     .callbacks_nav {
         top: 70%;
         height: 30px;
         width: 30px;
    }
     .service-head {
         padding-top: 2em;
    }
     .callbacks_nav.next {
         left: auto;
         background-position: -40px -15px;
    }
     .callbacks_nav.prev{
         left: auto;
         background-position: -5px -17px;
    }
     .about-head h3, .services-head h3, .gallery-head h3, .testimonials-head h3, .contact-head h3 {
         font-size: 24px;
    }
     .service-text {
         min-height: 165px;
         padding: 35px 20px;
    }
     .testi-w3agileinfo .nav-tabs li {
         width: 28%;
    }
     .contact-left p {
         font-size: 13px;
    }
     .footer-left {
         width: 80%;
         margin: 0 6em;
    }
     .footer-right {
         width: 72%;
    }
     #toTop {
         bottom: 115px;
    }
     .nav-tabs li a {
         padding: 0.5em;
         font-size: 1.3em;
    }
}
/*-- //Responsive code --/