body{
	padding:0;
	margin:0;
	background:#fff;
	position:relative;
	font-family: 'Raleway', sans-serif;
}
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;
}
a:hover{
	text-decoration:none;
}
input[type="button"],input[type="submit"],.contact-form 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{
	margin:0;	
}	
p{
	margin:0;
}
ul{
	margin:0;
	padding:0;
}
label{
	margin:0;
}
img{
	width:100%;
}


/* header */

.navbar {
}

header h1 {
    line-height: 0;
}

a.navbar-brand i {
    color: #fd5c63;
}

header h1 a span {
    font-size: 18px;
    letter-spacing: 1px;
}

.navbar-brand {
    font-size: 1em;
    text-transform: capitalize;
    display: initial;
    margin: 0;
}
.navbar-light .navbar-brand {
    color: #fff;
    font-weight: 700;
}
.navbar-brand:hover,
.navbar-brand:focus {
    color: rgba(254, 59, 48, 0.6);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color: #fff;
}
.navbar-brand::first-letter {
    border-bottom: 3px solid #fe3b30;
    color: #fe3b30;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .show>.nav-link,
.navbar-nav .nav-link.show,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link {
    color: #fff;
    text-transform: capitalize;
    letter-spacing: 1px;
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color: #fff;
}
.navbar-light .navbar-nav .nav-link {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 2px;
}
.navbar-light .navbar-nav .dropdown-menu a.nav-link {
    color: #333;
    padding-left: 1em;
    font-weight: 600;
}
.navbar-light .navbar-nav .dropdown-menu a.nav-link:hover {
    color: #fd5c63;
}
a.contact {
    padding: 12px 30px !important;
    color: #fff;
    background: #17a2b8;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    display: inline-block;
    border-radius: 35px;
    text-transform: uppercase;
}
a.contact:hover {
    background: #fff;
    color: #17a2b8;
}
li.nav-item {
    padding-top: 5px;
}
.dropdown-menu li.nav-item {
    padding-top: 0px;
}

.ls-btn {
    letter-spacing: 1px;
}
header {
    /* position: absolute;*/ position: fixed;
    z-index: 9; background: #f0f0f0;
    width: 100%;
}
.main-logo img{width: 70%;}

/*-- //header --*/

/*-- modal --*/
.modal-body {
    font-size: 15px;
    letter-spacing: .5px;
    line-height: 28px;
    color: #666;
}
.modal-title {
    font-size: 28px !important;
     font-weight: 700;
    padding: 0 !important;
    letter-spacing: 2px;
    color: #333;
}
.modal-title span.fas{
    color: #fd5c63;
}
.modal-title span.logo{
    font-size: 18px;
    letter-spacing: 1px;
}
/*-- //modal --*/


/*-- banner --*/
.banner{
	background:url(../images/banner1.webp) no-repeat 0px 0px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	min-height:770px;
	position: relative;
}
.banner-layer {
    background: url(../images/layer.png)repeat;
      background: rgba(0, 0, 0, 0.5);
    min-height: 770px;
}
.banner1{
	background:url(../images/banner.jpg) no-repeat 0px 0px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	min-height:300px;
}
.banner-layer1 {
    background: url(../images/layer.png)repeat;
	min-height:300px;
}

.agile_banner_info {
    padding: 18em 0em 0em;
}
.agile_banner_info1{
	margin-left:0em;
}
.agile_banner_info h3{
	font-size:1em;
	color:#fff;
	text-transform:capitalize;
	line-height:1.5em;
}
.agile_banner_info h3 span{
	color: #fff;
    padding: .2em .8em;
    background:#ec9114;
}
.banner_agile_para {
    margin-right: 10em;
}
#typed{
	font-size:3.5em;
	color:#fff;
	text-transform:capitalize;
	line-height:1.5em;
     font-weight: 600;
}
#typed i{
	font-style:normal;
    color: #fd5c63;
	font-weight:600; font-size: 48px; 
}
.banner_agile_para p{
    color: #fff;
    margin: 1em 0;
    line-height: 2em;
    letter-spacing: 2px;
}
.agile_banner_info a {
    padding: 12px 35px;
    color: #fff;
    background: #17a2b8;
    font-size: 15px;
    letter-spacing: 1px;
    display: inline-block;
    margin-top: 1.5em;
    border-radius: 35px;
}
.agile_banner_info a:hover {
    background: #fd5c63;
}
button.btn.btn-primary.play {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    outline: none;
    cursor: pointer;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
    background-color: #03cce6;
    border: none;
}


/*-- Welcome section --*/
h1.heading,h1.heading {
    font-size: 45px;
    font-weight: 700;
    color: #232323;
}
h2.heading,h3.heading {
    font-size: 45px;
    font-weight: 700;
    color: #232323;
}
p.heading-bottom {
    color: #a6a6a6;
    letter-spacing: 2px;
    font-size: 15px;
}
.welcome_right p {
    font-size: 15px;
    letter-spacing: .5px;
    line-height: 28px;
    color: #666;
}
.icon span.fa,.icon span.fas {
    font-size: 20px;
    width: 55px;
    height: 55px;
    line-height: 55px;
    background: #17a2b8;
    color: #fff;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.icon span.fa:hover, .icon span.fas:hover {
    background: #fd5c63;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.grid_info {
    padding-left: 0;
}
.grid_info h3 {
    font-size: 22px;
    color: #333;
     letter-spacing: 1px;
}
.head_part {
    /*padding-left: 1em;*/
    /*border-left: 4px solid #17a2b8;*/
}
.welcome_left p {
    font-size: 15px;
    letter-spacing: .5px;
    line-height: 28px;
    color: #666;
}
.welcome_left h3 {
    font-size: 24px;
    color: #222;
    letter-spacing: 1px;
	text-transform: capitalize;
}
.welcome_left a {
    padding: 12px 35px;
    color: #fff;
    background: #17a2b8;
    font-size: 15px;
    letter-spacing: 1px;
    display: inline-block;
    margin-top: 1.5em;
    border-radius: 35px;
}
.welcome_left a:hover {
    background: #fd5c63;
}

.welcome_left h4 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 800;
    color: #888;
    letter-spacing: 5px;
}
.grid2 {
    margin-top: 2em;
    margin-bottom: 2em;
}
.about-grids h3 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 800;
     color: #fd5c63;
    letter-spacing: 0px;
	margin-bottom: 5px;
	margin-top: 15px;
}
.about-grids {
    border-top: 1px solid #fd5c63;
    margin-top: 2em;
}
.about-grid1 {
    padding-top: 1em;
    border-top: 2px solid #fd5c63;
}
.about-hover-grid{
    padding-top: 1em;
    border-top: 2px solid transparent;
}
.about-hover-grid:hover{
    border-top: 2px solid #fd5c63;
}
/*-- //Welcome section --*/

/*-- team --*/

._agileits-team1 h5 {
    font-size: 18px;
    color: #333;
	text-transform: uppercase;
     font-weight: 700;
    letter-spacing: 3px;
}
._agileits-team1 p {
    margin: 0;
    font-size: 15px;
    color: #777;
    line-height: 28px;
    letter-spacing: 1px;
}
.social-icons ul li {
    display: inline-block;
    text-align: center;
}

.social-icons ul li a.fab {
    font-size: 14px;
    color: #333;
}
.social-icons ul li a.facebook {
    color: #3b5998;
}
.social-icons ul li a.twitter {
    color: #1da1f2;
}
.social-icons ul li a.googleplus {
    color: #dd4b39;
}
.team-right p {
    font-size: 20px;
}
.team-info {
    background: #eee;
    padding: 1.5em;
    padding-left: 2em;
}
/*-- //team --*/

/*-- pricing --*/
.pricing {
}
.pricing-layer {
    background: #17a2b8;
}
.pricing h3.heading {
    color: #fff;
}
.pricing p.heading-bottom,.stats p.heading-bottom {
    color: #ccc;
}
.pricing .head_part,.stats .head_part {
    /*border-left: 4px solid #fff;*/
}
.pricing-grid1 h3 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 800;
    color: #fd5c63;
    letter-spacing: 3px;
    margin-bottom: 15px;
}
.pricing-grid1 h4 {
    font-size: 18px;
    letter-spacing: 2px;
     margin-bottom: 25px;
}
.pricing-grid1 p {
    font-size: 14px;
    color: #888;
    margin: 10px 0;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.pricing-info {
    padding: 1em 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.pricing-grid1{
	background: #fff;
     padding: 2em;
}
.pricing-grid1 a {
    padding: 10px 35px;
    color: #fff;
    background: #17a2b8;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    margin-top: 2em;
    border-radius: 35px;
}
.pricing-grid1 a:hover {
    background: #fd5c63;
}
/*-- //pricing --*/

/*-- services --*/
.serv-icons span {
    font-size: 80px;
    color: #333;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.serv-icons span:hover {
    color: #fd5c63;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.serv-grids h4 {
    font-size: 26px;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 2px;
    color: #333;
     margin-top: 30px;
}
.serv-grids p {
    font-size: 15px;
    letter-spacing: .5px;
    line-height: 28px;
    color: #666;
     margin: 1em 2em;
}

.serv-grids a {
    padding: 12px 35px;
    color: #fff;
    background: #17a2b8;
    font-size: 15px;
    letter-spacing: 1px;
    display: inline-block;
    margin-top: 1.5em;
    border-radius: 35px;
}
.serv-grids a:hover {
    background: #fd5c63;
}
.read {
    width: 25%;
    background: #FFF;
     margin-left: auto;
}

.serv-grids {
    padding: 0em 4em;
    position: relative;
}
.serv-icons {
    background: #fff;
    width: 50%;
}
.serv-grids:after {
    content: "";
    border: 4px solid #333;
    display: inline-block;
    left: 0px;
    position: absolute;
    right: 0;
    top: 12%;
    bottom: 6%;
    z-index: -1;
}
/*-- //services --*/

/*-- footer --*/
footer{
	background:#212121;
}
.agileinfo_footer_grid h3 {
    font-size: 1.5em;
    color: #fff;
	letter-spacing: 1px;
    position: relative;
} 
.agileinfo_footer_grid p {
    margin: 0;
    color: #aaa;
    letter-spacing: 0px;
    font-size: 14px;
    line-height: 28px;
}
ul.agile_footer_grid_list li {
    list-style-type: none;
    color: #999;
    line-height: 1.9em;
    margin-bottom: 1em;
}
ul.agile_footer_grid_list li:last-child {
    margin-bottom: 0;
}
ul.agile_footer_grid_list li a{
	color:#f44336;
	text-decoration:none;
}
ul.agile_footer_grid_list li a:hover{
	color:#fff;
}
ul.agile_footer_grid_list li span {
    display: block;
    margin: 0.2em 0 0;
    font-size: .85em;
}
ul.agile_footer_grid_list li span i{
    padding-right: 1.5em;
}
.agileinfo_footer_grid form{
	margin:1em 0 0;
     position: relative;
}
.agileinfo_footer_grid input[type="email"]{
	outline:none;
	padding:10px;
	width:100%;
	background:#fff;
	border:none;
     font-size: 15px;
	color:#212121;
     border-radius: 35px;
     padding: 12px 12px 12px 25px;
     box-sizing: border-box;
}
.agileinfo_footer_grid input[type="submit"]{
	outline: none;
    padding: 12px 0;
    width: 38%;
    background:#17a2b8;
    border: none;
     font-size: 15px;
	 letter-spacing: 1px;
    color: #fff;
    border-radius: 35px;
    box-sizing: border-box;
    position: absolute;
    right: -1px;
    top: 0;
}
.agileinfo_footer_grid input[type="submit"]:hover{
	background:#fd5c63;
	color:#fff;
} 
.agileinfo_footer_grid h2 a span {
    color: #fd5c63;
    font-size: 18px;
    letter-spacing: 1px;
}
.agileinfo_footer_grid h2 a {
    font-size: 1.1em;
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 2px;
     margin-top: 2.5em;
    display: inline-block;
}
ul.con_inner_text li,ul.con_inner_text li a {
    list-style-type: none;
    color: #aaa;
    letter-spacing: -.5px;
    font-size: 15px;
    line-height: 26px;
}
.agile_copy_right{
	padding:1.5em 0;
	background:#1b1b1b;
	text-align:center;
}
.agile_copy_right p {
    color: #fff;
    letter-spacing: 1px;
}
.agile_copy_right p a{
	text-decoration:none;
	color:#f44336;
}
.agile_copy_right p a:hover{
	color:#fff;
}
.agileinfo-social-grids.footer-icons ul li {
    display: block;
}
.agileinfo-social-grids.footer-icons ul li i,ul.con_inner_text span {
    width: 20px;
     font-size: 13px;
}
.agileinfo-social-grids.footer-icons ul li a{
     color: #aaa;
    letter-spacing: .5px;
    font-size: 14px;
    line-height: 28px;
}
.copyleft p {
    color: #aaa;
    letter-spacing: .5px;
    font-size: 15px;
}
.copyleft p a{
	color: #eee;
}
.copyleft p a:hover{
	color: #17a2b8;
}
ul.social li {
    list-style-type: none;
     display: inline-block;
     color: #aaa;
    letter-spacing: .5px;
    font-size: 15px;
}
ul.social li span{
      width: 20px;
    font-size: 13px;
}
ul.social li:hover{
    color:#fff;
}
.copyright {
    text-align: right;
}
.copyleft,.copyright {
    border-top: 1px solid #333;
}

/*-- //footer --*/

li.mr-3 a {color: #aaa;}
    
/* testimonials */
.testimonials h4 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 800;
    color: #fd5c63;
    letter-spacing: 3px;
    margin-top: 25px;
}
.l-info1 h1{
    font-size: 3em;
    color: #000;
    text-transform: uppercase;
	line-height:1.4em;
	letter-spacing:0.2em;
    font-weight: 900;
}
.l-info1 p {
      font-size: 15px;
    color: #777;
    margin: 10px 0;
    line-height: 30px;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.flexslider .slides img {
    background: #999;
    margin: 0 auto;
      box-shadow: 12px 12px #17a2b8;
    -webkit-box-shadow: 12px 12px #17a2b8;
    -o-box-shadow: 12px 12px #17a2b8;
    -moz-box-shadow: 12px 12px #17a2b8;
    -ms-box-shadow: 12px 12px #17a2b8;
}
.l-info1 {
    padding-bottom: 1em;
}
.l-info1 h3 {
    font-size: 3em;
	color:#999;
}
.testimonials h5 {
    font-size: 18px;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin-top: 5px;
    color: #333;
}
.testimonials {
	padding-left:0px;
	padding-right:0px; /*display: none;*/
}
.testimonials-grid-2 {
    padding-left: 3em;
}

/* //testimonials */

/*-- stats --*/
.stats {
   
    background: url(../images/stats-banner.jpg) no-repeat fixed;
    background-size: cover;
}
.wthree-different-dot1 {
    background: rgba(0, 0, 0, 0.5);
}
.stats h3.heading{
	color:#fff;
}
.travel span.glyphicon.glyphicon-play-circle {
    margin-bottom: 0;
}
p.counter{
	font-size: 3em;
    color: #eee;
    font-weight: bold;
}
.agileinfo_stats_grid h3{
    font-size: 18px;
    color: #fff;
    letter-spacing: 1px;
}
._agileits_head1{
	color:#212121 !important;
}
.agileinfo_stats_grid {
    border: 2px solid #fff;
    border-radius: 0%;
    width: 180px;
    height: 180px;
    margin: 0 auto;
    text-align: center;
    padding: 2.5em 0;
     box-shadow: 7px 7px #fff;
    -webkit-box-shadow: 7px 7px #fff;
    -o-box-shadow: 7px 7px #fff;
    -moz-box-shadow: 7px 7px #fff;
    -ms-box-shadow: 7px 7px #fff;
}
.agileinfo_stats.mid-l-stat {
	position: relative;
}
.agileinfo_stats.mid-l-stat:after, .agileinfo_stats.mid-l-stat:after {
    content: '';
    background: #fff;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    position: absolute;
    top: 45%;
    left: -3%;
}
p.l-par-st {
    margin-top: 3em;
    color: #fff;
    text-align: left;
}
/*-- //stats --*/

/*-- contact --*/
.agileinfo-contact-form-grid input[type="text"]{
    display: inline-block;
    background: none;
    border: none;
    border-bottom: 1px solid #777;
    width: 100%;
	float:left;
    outline: none;
    padding: 8px 15px 8px 0px;
     font-size: 15px;
    letter-spacing: 2px;
    color: #fff;
    margin-bottom: 1.5em;
}
.agileinfo-contact-form-grid input[type="email"] {
    display: inline-block;
    background: none;
    border: none;
    border-bottom: 1px solid #777;
    width: 100%;
    outline: none;
    padding: 8px 15px 8px 0px;
     font-size: 15px;
    letter-spacing: 2px;
    color: #fff;
    margin-bottom: 1.5em;
}
.agileinfo-contact-form-grid textarea {
    background: none;
    border: none;
    border-bottom: 1px solid #777;
    width: 100%;
    display: block;
    height: 150px;
    outline: none;
     font-size: 15px;
    letter-spacing: 2px;
    color: #fff;
    resize: none;
    padding: 8px 15px 8px 0px;
    margin-bottom: 1em;
}
.agileinfo-contact-form-grid button.btn1{
    padding: 12px 45px;
    color: #fff;
    background: #000;
    font-size: 15px;
    letter-spacing: 1px;
    display: inline-block;
    border: none;
    margin-top: 1em;
    border-radius: 35px;
    text-decoration: none;
    text-transform: capitalize;
    letter-spacing: 1px;
    text-align: center;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.agileinfo-contact-form-grid button.btn1:hover{
	background:#fd5c63;
}
.contact-form-left iframe {
    width: 90%;
    height: 400px;
    border: none;
    box-shadow: 12px 12px #17a2b8;
    -webkit-box-shadow: 12px 12px #333;
    -o-box-shadow: 12px 12px #17a2b8;
    -moz-box-shadow: 12px 12px #17a2b8;
    -ms-box-shadow: 12px 12px #17a2b8;
}

.agileinfo-contact-form-grid{padding: 10px 0 10px 0;}
/*-- //contact --*/

/*-- to-top --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 2%;
	overflow: hidden;
	z-index: 999; 
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url(../images/arr.png) no-repeat 0px 0px;
}
#toTopHover {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/*-- //to-top --*/

/*================================deb===============================================*/

.about-hover-grid p{letter-spacing: 0px;}
.contact-form-right{padding: 0px 0 0 0;}
img.map { width: 30px; height: 20px; padding-top: 0px; margin: 0 20px 0 0;}
 

/*================================logo-slider-start===============================================*/

#logo-ticker {
    margin: 0px auto;
    padding: 0px 0px 170px;
    background-color: #fff;
    width: 100%;
    position: relative;
}
   #logo-ticker .footer-logo-slider {
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 8px 0;
        height: 120px;
        width: 100%;
        overflow: hidden;
        position: absolute;
   }
.footer-logo-slider > ul {
    position: relative;
    display: inline-block;
}

.footer-logo-slider li {
    display: inline-block;
    height: 90px;
    width: 200px;
    padding: 5px;
    position: absolute;
    top: 0px;
}
.logo {
    display: inline-block;
    height: 100%;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
  }
          
.logo-slider{ width: 100%;}

/*================================logo-slider-end===============================================*/


/*================================about-us-start===============================================*/

.about-banner {
    
	background: url(../images/about-us-banner.webp) no-repeat 0px 0px;
    background-size:contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
    min-height: 770px;
    position: relative;
}

.about-us-section{ padding: 20px 0 40px 0;}
.about-us-section h1{padding: 20px 0; color:#fd5c63;}
.about-us-section h2{padding: 20px 0; color:#fd5c63;}
.about-us-section p{padding: 10px 0; text-align: justify;}

/*================================about-us-end===============================================*/

/*===============================Search-Engine-Marketing-start===============================*/

.sem-banner {
    
	background: url(../images/sem.jpg) no-repeat 0px 0px;
    background-size:contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
    min-height: 770px;
    position: relative;
}

/*===============================Search-Engine-Marketing-end===============================*/

/*===============================Social-Media-Optimization-start===============================*/

.smo-banner {
    
	background: url(../images/smo.jpg) no-repeat 0px 0px;
    background-size:contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
    min-height: 770px;
    position: relative;
}

/*===============================Social-Media-Optimization-end===============================*/

/*================================search-engine-optimization-start===============================================*/

.search-banner {
    
	background: url(../images/seo-banner.jpg) no-repeat 0px 0px;
    background-size:contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
    min-height: 770px;
    position: relative;
}

/*================================search-engine-optimization-end===============================================*/

/*================================reputation-management-start===============================================*/

.reputation-banner {
    
	background: url(../images/reputation-management.jpg) no-repeat 0px 0px;
    background-size:contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
    min-height: 770px;
    position: relative;
}

/*================================reputation-management-end===============================================*/

/*================================Web-Designer-start===============================================*/

.web-design-banner {
    
	background: url(../images/web-designer.jpg) no-repeat 0px 0px;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 373px !important;
    position: relative;
    background-position: 0% 5%;
}

/*================================Web-Designer-end===============================================*/

/*================================Web-Development-start===============================================*/

.web-development-banner {
    
	background: url(../images/web-development.jpg) no-repeat 0px 0px;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 373px !important;
    position: relative;
}

/*================================Web-Development-end===============================================*/

/*================================gdigital-marketing-start===============================================*/

.digital-marketing-banner {
    
	background: url(../images/digital-marketing.webp) no-repeat 0px 0px;
    background-size:contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
    min-height: 500px !important;
    position: relative;
}

/*===================global-digital-marketing-end============*/

/*================================global-digital-marketing-start===============================================*/

.global-digital-marketing-banner {
    
	background: url(../images/global-digital-marketing.webp) no-repeat 0px 0px;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 373px !important;
    position: relative;
    background-position: 100% 100%;
}

/*===================global-digital-marketing-end============*/

/*===========================national-digital-marketing-start===============================================*/

.national-digital-marketing-banner {
    
	background: url(../images/national-digital-marketing.webp) no-repeat 0px 0px;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 373px !important;
    position: relative;
    background-position: 100% 20%;
}

/*===================national-digital-marketing-end============*/


/*===========================local-digital-marketing-start===============================================*/

.local-digital-marketing-banner {
    
	background: url(../images/local-digital-marketing.webp) no-repeat 0px 0px;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 373px !important;
    position: relative;
    background-position: 50% 82%;
}

/*===================local-digital-marketing-end============*/

/*===========================ecommerce-digital-marketing-start===============================================*/

.ecommerce-digital-marketing-banner {
    
	background: url(../images/ecommerce-digital-marketing.jpg) no-repeat 0px 0px;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 373px !important;
    position: relative;
}

/*===================ecommerce-digital-marketing-end============*/

/*===========================contact-us-start===============================================*/

.contact-us-banner {
    
	background: url(../images/contact-us-banner.webp) no-repeat 0px 0px;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 373px !important;
    position: relative;
    background-position: 100% 24%;
}

/*===================contact-us-end============*/

/*===========================case-studies-start===============================================*/

.case-studies-banner {
    
	background: url(../images/case-studies-banner.webp) no-repeat 0px 0px;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 373px !important;
    position: relative;
    background-position: 100% 50%;
}

/*===================case-studies-end============*/

/*===========================packages-start===============================================*/

.packages-banner {
    
	background: url(../images/our-packages-banner.jpg) no-repeat 0px 0px;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 373px !important;
    position: relative;
    background-position: 50% 60%;
}

/*===================packages-end============*/

/*===========================testimonial-start===============================================*/

.testimonial-banner {
    
	background: url(../images/testimonial.webp) no-repeat 0px 0px;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 373px !important;
    position: relative;
    background-position: 100% 50%;

}

/*===================testimonial-end============*/

/*===========================blog-start===============================================*/

.blog-banner {
    
	background: url(../images/blog-banner.webp) no-repeat 0px 0px;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 373px !important;
    position: relative;
    width: 100%;
}

/*===================blog-end============*/

/*================================deb===============================================*/

.technology-box{ width: 100%; float: left;  padding: 50px 0;}
.technology-box h2 {
    font: 800 47px/48px 'Open Sans',Arial,Helvetica,sans-serif;
    color: #0078ae;
    text-align: center;
    margin-bottom: 35px;
}
.technology-box ul, .technology-box ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.technology-box ul li {
    width: 11.1%;
    float: left;
    text-align: center;
}
.technology-box img{ width: 70%; float: left;}
.technology-use-bg{ background-color: #fd5c63;}

/*=======================testimonials=================================*/

h3{
            margin: 0;
        }
        a:hover, a:focus{
            text-decoration: none;
        }
        .testimonial{
            background: #4D241C ;
            padding: 30px 32px 30px 90px;
            margin: 50px 20px 50px 120px;
            border-radius: 0 100px 100px 0;
            color: #fff;
            position: relative;
            border: 5px solid #17a2b8;
        }
        .testimonial .pic{
            width: 210px;
            height: 210px;
            line-height: 200px;
            border-radius: 50%;
            border: 14px solid #fd5c63;
            position: absolute;
            top: -15px;
            left: -120px;
            overflow: hidden;
        }
        .testimonial .pic img{
            width: 100%;
            height: 100%;
        }
        .testimonial .testimonial-info{
            display: inline-block;
            width: 35%;
            float: left;
            font-size: 20px;
            font-weight: 700;
            color: #fff;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            padding: 28px 25px;
            margin: 0;
            border-right: 1px solid #fd5c63;
        }
        .testimonial .testimonial-info small{
            display: block;
            font-size: 12px;
            color: #fff;
            margin-top: 5px;
        }
        .testimonial .description{
            display: inline-block;
            width: 65%;
            font-size: 15px;
            color: #fff;
            letter-spacing: 0.5px;
            margin-bottom: 0;
            padding: 28px 0 28px 28px;
            position: relative;
        }
        .testimonial .description:before{
            content: "\f10d";
            font-family: fontawesome;
            position: absolute;
            top: 0;
            left: 10px;
            font-size: 20px;
            color: #17a2b8;
        }
        .testimonial .description:after{
            content: "\f10e";
            font-family: fontawesome;
            font-size: 20px;
            color: #17a2b8;
            position: absolute;
            bottom: 5px;
        }
        .owl-theme .owl-controls .owl-page.active span,
        .owl-theme .owl-controls .owl-page span{
            width: 25px !important;
            height: 7px !important;
            background: #fd5c63 !important;
            box-sizing: content-box;
        }
        .owl-theme .owl-controls .owl-page span{
            border: 4px solid transparent;
            background: #17a2b8 !important;
        }

			.col-md-offset-2 {
    		margin-left: 16.66666667%;
			}

        @media only screen and (max-width: 767px){
            .testimonial{
                border-radius: 40px;
                margin: 90px 15px 0;
                padding: 100px 40px 30px 40px;
            }
            .testimonial .pic{
                position: absolute;
                top: -85px;
                left: 0;
                right: 0;
                margin: 0 auto;
            }
            .testimonial .testimonial-info{
                width: 100%;
                float: none;
                border-right: none;
                text-align: center;
                border-bottom: 1px solid rgba(255, 255, 255, 0.5);
            }
            .testimonial .description{
                width: 100%;
            }
        }
        @media only screen and (max-width: 480px){
            .testimonial{ padding: 100px 30px 30px; }
        }

.typed-deb {
    font-size: 3.5em !important;
    color: #fff;
    text-transform: capitalize;
    line-height: 1.5em;
    font-weight: 600;
}
	i.typed-deb {
    font-style: normal;
    color: #fd5c63;
    font-weight: 600; font-size: 3.5em !important;
}

.testimonial-box{ width: 100%; float: left; padding: 50px 0;}
.testimonial-box-left{ width: 20%; float: left; text-align: center; max-width: 20%;}
.testimonial-box-left img{ width: 100%; display: inline-block;}
.testimonial-box-right{ width: 80%; float: right; max-width: 80%;}
.testimonial-box-right h2{font-size: 18px; padding: 20px 0 0 0; color: #fff;}
.rating {color: #d8b767; font-size: 20px; padding: 20px 0 0 0;}
.test-bg{ background: #17a2b8;}
.test-bg-one{ background: #fd5c63;}
.testimonial_rotator_quote{color: #fff; padding: 20px 0 0 0;}

/*=========================testimonials===============================*/

/*=========================start-home-page-contact===============================*/

.footer-pading {
    padding: 0!important;
}
#footer-contact {
    background-color: #f2f1f1;
    padding: 35px 50px 25px 48px;
}
#footer-contact h3 {
    color: #445c8d;
    font-size: 30px;
    margin-bottom: 15px;
    position: relative;
    margin-top: 20px;
}
.content-icon{ padding: 30px 0 0 0;}
b, strong {
    font-weight: 700!important;
}
#footer-contact .tel a {
    font-size: 60px;
    line-height: 66px;
    color: #00b170;
    font-weight: 700;
}
.facts-box {
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 10px 0;
}
.facts-box.skype-icon .title strong, .facts-box.skype-icon a, .facts-box.skype-icon span.icon i {
    color: #02aff0;
}
.facts-box a {
    display: block;
}
.facts-box.skype-icon span.icon {
    border: 3px solid #02aff0;
}
.facts-box .title {
    font-size: 24px;
    line-height: 62px;
    color: #455c8e;
    display: flex;
    font-weight: 700;
}
.facts-box.skype-icon .title strong, .facts-box.skype-icon a, .facts-box.skype-icon span.icon i {
    color: #02aff0;
}
.fa-skype:before {
    content: "\f17e";
}
.facts-box .icon {
    width: 60px;
    height: 60px;
    border: 2px solid #98afd6;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    float: left;
    margin-right: 20px;
    text-align: center;
}
.facts-box.whatsaap-icon span.icon{border: 3px solid #4cbd8f;}
.facts-box.whatsaap-icon span.icon {
    border: 3px solid #4cbd8f;
}
.facts-box .title {
    font-size: 22px;
    line-height: 62px;
    color: #455c8e;
    display: flex;
    font-weight: 700;
}

.facts-box.envelope-icon .title strong, .facts-box.envelope-icon a, .facts-box.envelope-icon span.icon i {
    color: #ff4867;
}
.facts-box.whatsaap-icon .title strong, .facts-box.whatsaap-icon a, .facts-box.whatsaap-icon span.icon i {
    color: #4cbd8f;
}
.facts-box.skype-icon .title strong, .facts-box.skype-icon a, .facts-box.skype-icon span.icon i {
    color: #02aff0;
}
.facts-box .icon i {
    font-size: 30px;
    line-height: 54px;
}

/*=========================end-home-page-contact===============================*/

/*=========================box-section-start===============================*/

.box-section{ width: 100%; float: left; padding: 40px 0px;}
.box-section h2{ font-size: 60px; font-weight: 700; padding-bottom: 40px; color: #fff;} 
.box-section-left{width: 50%; float: left; padding: 15px 10px 0 10px;}
.box-section-right{width: 50%; float: right;}
.box-section-right p{text-align: justify;  padding: 10px 24px; color: #fff;}
.welcome-part-box{background: #fd5c63;}

/*=========================box-section-end===============================*/

/*=========================contact-us-start===============================*/

.fa-free-space{ padding: 0 10px 0 0;}
.ba-bg{background: #37a4fb; margin: 30px 0 35px 0;}
.contact-us-section{ width: 100%; float: left; padding: 30px 0;}
.contact-us-left{ width: 50%; float: left;}
.contact-us-left h2{text-align: left; color: #fff; padding: 30px 0 0 0;}
.contact-us-left p{text-align: left; color: #fff; padding: 20px 0 0 0;}
.contact-us-right{ width: 50%; float: right;}
.contact-us-right h2{text-align: center; color: #fff; padding: 20px 0 0 0;} 

/*-- main --*/
.mainw-agileinfo {
    width: 50%;
    margin: 0 auto;
}
/*-- contact --*/  
.contact-wleft {
    text-align: center;
}
.contact-wleft img {
    display: block;
    text-align: center;
    margin: 0 auto;
}
.contact-grid.agileits {
    padding:2.5em;
	background-color:#fff;
} 
.contact-grid input[type="text"], .contact-grid input[type="email"], .contact-grid textarea {
    width: 95.5%;
    color: #fff;
    background: rgba(0, 0, 0, 0.61);
    outline: none;
    font-size: 1em;
    padding: .8em 1em;
    margin-bottom: 1.5em;
    border: none;
    font-family: 'Molengo', sans-serif;
    border-bottom: 1px solid #f43640;
    -webkit-appearance: none;
    letter-spacing: 1px;
    -webkit-box-shadow: 1px 4px 23px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 4px 23px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 0px 3px -2px rgba(0,0,0,0.75);
}
.contact-grid textarea {
    resize: none;       
    min-height:6em;   
}
.contact-grid input[type="submit"] {
    outline: none;
    display: inherit;
    color: #fff;
    padding: .9em 4em;
    font-size: 1em;
    letter-spacing: 1px;
    -webkit-appearance: none;
    margin: 0 auto;
    border: none;
    background: #f43640;
    border-bottom: dotted 1px #fff;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    font-family: 'Molengo', sans-serif;
    cursor: pointer;
}
.contact-grid input[type="submit"]:hover{
	background: none;
	background: #000;
}
/*-- //contact --*/  
/*-- //main --*/
/*-- copyright --*/
.wcopyright-agile{
    margin: 2em 0;
    text-align: center;
}
.wcopyright-agile h2 {
    font-size: 1em;
    color: #fff;
    letter-spacing: 2px;
}
.wcopyright-agile h2 a{
    color: #f43640; 
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transition: 0.5s all;
}
.wcopyright-agile h2 a:hover{
    color: #000;	
}
/*-- //copyright --*/
::-webkit-input-placeholder {
	color: #fff;  
} 
:-moz-placeholder { /* Firefox 18- */
   color: #fff; 
} 
::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
} 
:-ms-input-placeholder {  
   color: #fff;  
}  


/*--responsive--*/

@media(max-width: 1680px){

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

}
@media(max-width: 1440px){
	.mainw-agileinfo {
		width: 55%;
	}
}
@media(max-width: 1366px){
	.mainw-agileinfo {
		width: 100%;
	}
}
@media(max-width: 1280px){
	.mainw-agileinfo {
		width: 62%;
	}
}
@media(max-width: 1080px){
	.mainw-agileinfo {
		width: 74%;
	}
}
@media(max-width: 1050px){
	.mainw-agileinfo {
		width: 76%;
	}
}
@media(max-width: 1024px){
	.mainw-agileinfo {
		width: 78%;
	}
}
@media(max-width: 991px){
	.contact-grid input[type="text"], .contact-grid input[type="email"], .contact-grid textarea {
		width: 95%;
	}
}
@media(max-width: 900px){
	h1 {
		font-size: 3em;
	}
	.mainw-agileinfo {
		width: 83%;
	}
}
@media(max-width: 800px){
	.mainw-agileinfo {
		width: 91%;
	}
}
@media(max-width: 768px){
	.contact-grid input[type="text"], .contact-grid input[type="email"], .contact-grid textarea {
		width: 94.7%;
	}
}
@media(max-width: 736px){
	.contact-grid input[type="text"], .contact-grid input[type="email"], .contact-grid textarea {
		width: 94.4%;
	}
}
@media(max-width: 667px){
	.mainw-agileinfo {
		width: 94%;
	}
	.contact-grid input[type="text"], .contact-grid input[type="email"], .contact-grid textarea {
		width: 94%;
	}
}
@media(max-width: 640px){
	.contact-grid input[type="text"], .contact-grid input[type="email"], .contact-grid textarea {
		width: 93.5%;
	}
}
@media(max-width: 600px){
	h1 {
		font-size: 2.8em;
	}
	.contact-grid input[type="text"], .contact-grid input[type="email"], .contact-grid textarea {
		font-size: .9em;
	}
	.wcopyright-agile h2 {
		letter-spacing: 1px;
	}
}
@media(max-width: 568px){
	.contact-grid input[type="text"], .contact-grid input[type="email"], .contact-grid textarea {
		width: 93%;
	}
	.contact-grid input[type="submit"] {
		font-size: .9em;
	}
}
@media(max-width: 480px){
	h1 {
		font-size: 2.4em;
	}
	.contact-grid.agileits {
		padding: 1.5em;
	}
	.contact-grid input[type="text"], .contact-grid input[type="email"], .contact-grid textarea {
		width: 92.5%;
		margin-bottom: 1.2em;
	}
	.wcopyright-agile h2 {
		line-height: 2;
		font-size: .95em;
	}
	.wcopyright-agile {
		margin: 1.5em 0;
	}
}
@media(max-width: 440px){
	.contact-grid input[type="text"], .contact-grid input[type="email"], .contact-grid textarea {
		width: 91.5%;
	}
}
@media(max-width: 414px){
	h1 {
		font-size: 2.2em;
	}
	.contact-grid input[type="text"], .contact-grid input[type="email"], .contact-grid textarea {
		width: 100%;
	}
}
@media(max-width: 384px){
	.contact-grid input[type="text"], .contact-grid input[type="email"], .contact-grid textarea {
		width: 100%;
	}
	.wcopyright-agile h2 {
		line-height: 1.8;
	}
}
@media(max-width: 375px){

}
@media(max-width: 320px){
	h1 {
		font-size: 1.8em;
	}
	.contact-grid input[type="text"], .contact-grid input[type="email"], .contact-grid textarea {
		width: 88%;
		letter-spacing: 0px;
		margin-bottom: 1em;
	}
	.contact-grid.agileits {
		padding: 1.2em;
	}
	.contact-grid textarea {
		min-height: 5em;
	}
	.wcopyright-agile h2 {
		line-height: 1.7;
	}
	.wcopyright-agile {
		margin: 1.2em 0;
	}
	.contact-grid input[type="submit"] {
		padding: .8em 3em;
	}
}
/*--//responsive--*/

/*=========================contact-us-end===============================*/

/*===================Case Studies start====================*/

/*===================deb====================*/


.casestudy h6, .percentage-colom p, .years-of-success h2 {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}
.casestudy {
	padding: 30px 0;
	margin-bottom: 30px
}
.casestudy h6 {
	font-size: 60px;
	font-weight: 700;
	padding-bottom: 40px
}
.case-study-tab ul li a.active {
	background: #fd5c63;
	color: #444
}
.case-study-tab ul {
	border-bottom: none
}
.case-study-tab ul li a {
	background: #444;
	text-decoration: none;
	color: #fff;
	text-transform: capitalize;
	font-weight: 600;
	font-size: 28px;
	display: block;
	border-radius: 9px 8px 0 0;
	margin: 0 1px;
	padding: 10px 30px
}
.case-study-tab .tab-content {
	border: 1px solid #fad000;
	border-radius: 5px;
	padding: 40px;
}
.case-study-tab .tab-content .case-study-colom {
	background: #ececec;
	min-height: 431px;
	overflow: hidden
}
.case-study-tab .tab-content .case-study-colom img {
	width: 100%;
	display: inline-block
}
.case-study-tab .tab-content .case-study-colom:hover .case_category-dv {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out
}
.case_category-dv {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .9s ease-in-out;
	-o-transition: all .9s ease-in-out;
	transition: all .9s ease-in-out;
	position: absolute;
	background: 0 0;
	width: 64px;
	height: 33px;
	color: #fff;
	top: -14px;
	right: -39px;
	-webkit-transform: rotate(44deg);
	-ms-transform: rotate(44deg);
	transform: rotate(44deg);
	text-transform: uppercase;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 3px;
	border-bottom: 63px solid #fd5c63;
	border-left: 67px solid transparent;
	border-right: 55px solid transparent;
	z-index: 9
}
.case_category-dv h5 {
	font-weight: 800;
	color: #555;
	padding: 20px
}
.case-study-tab .tab-content .case-study-colom .casestudy-over-child {
	position: relative
}
.casestudy .owl-theme .owl-nav.disabled+.owl-dots {
	margin: 0
}
.casestudy .owl-theme .owl-dots .owl-dot {
	padding: 0;
	margin: 0;
	background: 0 0;
	border: none
}
.casestudy .owl-theme .owl-dots .owl-dot span {
	background: #ededed;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	margin: 0 3px;
	border: 1px solid #e0e0e0
}
.years-of-success .col-md-3:nth-child(4) .plus-text {
	right: 70px;
	top: 41px;
	display: block
}
.casestudy .owl-theme .owl-dots .owl-dot.active span {
	background: #b4b9bd
}
.casestudy .case-study-slider:hover .casestudy-overlay {
	opacity: 1;
	-webkit-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
	visibility: visible
}
.casestudy .casestudy-overlay {
	background: rgba(0, 0, 0, .8);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	right: 0;
	width: 100%;
	padding: 120px 0 0;
	color: #fff;
	height: 100%;
	margin: 0 auto
}
.case-study-tab .tab-content .case-study-colom .casestudy-over-child img {
	height: 344px;
	border: 1px solid rgba(204, 204, 204, .8117647058823529)
}
.case-study-tab .tab-content .case-study-colom .casestudy-over-child .casestudy-overlay p b {
	font-weight: 600
}
.case-study-tab .tab-content .case-study-colom .casestudy-over-child .casestudy-overlay p {
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 27px;
	line-height: 43px;
	font-family: var(--main-font);
	text-transform: capitalize; text-align: center;
}
.case-study-tab .tab-content .case-study-colom p {
	position: relative;
	font-family: var(--main-font);
	font-weight: 500;
	padding: 10px 20px;
	color: #504e4e;
	line-height: 25px;
	font-size: 15px;
	margin: 0
}
.case-study-tab .tab-content .case-study-colom p a {
	text-transform: lowercase;
	color: #fff;
	text-decoration: none
}
.case-study-status {
	padding: 24px 5px;
	background: #fc5a61;
	margin-bottom: 15px;
	border-radius: 4px;
	z-index: 888;
	position: relative
}
.case-study-status:before {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, .18);
	content: '';
	width: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
	height: 100%;
	z-index: -1
}
.case-study-status:hover:before {
	height: 100%;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	width: 100%;
	-webkit-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out
}
.case-study-status img {
	width: 119px!important;
	display: inline-block!important
}
.case-study-tab .mr0 {
	padding-right: 0
}
.case-study-status figure {
	margin: 0;
	padding: 0
}
.case-study-status h3 {
	font-size: 38px;
	font-weight: 700;
	margin-bottom: 13px
}
.case-study-status span {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 18px;
	color: #444;
	margin-bottom: 15px
}
.count-text, .count-title {
	font-weight: 400;
	margin-top: 10px;
	margin-bottom: 0;
	text-align: center
}
.counter {
	/*background-color: #f5f5f5;*/
	padding: 20px 0;
	border-radius: 5px
}
.count-title {
	font-size: 40px
}
.count-text {
	font-size: 13px
}
.fa-2x {
	margin: 0 auto;
	float: none;
	display: table;
	color: #4ad1e5
}
.percentage-colom.last:after, .percentage-colom.right-space .plus-text, .row.text-center .col-md-3:last-child .percentage-colom:after {
	display: none
}
.years-of-success {
	background: url(../../assets/images/Banner-3.jpg) 0 -59px no-repeat;
	color: #fff;
	padding: 50px 0;
	background-size: cover;
	min-height: 487px
}
.years-of-success h2 {
	font-size: 72px;
	font-weight: 700;
	padding: 13px 0
}
.years-of-success h4 {
	font-size: 57px;
	font-weight: 900;
	position: relative
}
.years-of-success h4:after {
	right: 16%;
	width: auto;
	height: 20px;
	content: '+';
	top: -17px;
	font-size: 55px;
	margin-top: -13px;
	padding: 3px
}
.percentage-colom {
	padding: 20px 0;
	position: relative;
	margin-top: 23%
}
.percentage-colom .plus-text {
	position: absolute;
	top: 3px;
	right: 23px;
	font-size: 46px;
	font-weight: 800;
	display: none
}
.years-of-success .col-md-3:nth-child(4).plus-text {
	display: block!important
}
.years-of-success .col-md-3:nth-child(4) h4:after {
	display: none
}
.percentage-colom.right-space .plus-text {
	top: 3px;
	right: 61px
}
.main-footer h3:before, .percentage-colom:after {
	content: ' ';
	right: 0
}
.percentage-colom:after {
	position: var(--position-absolute);
	bottom: -11px;
	-webkit-transition: var(--animation-time);
	-o-transition: var(--animation-time);
	transition: var(--animation-time);
	width: 100%;
	left: 164px;
	background: rgba(250, 208, 0, .5294117647058824);
	height: 1px;
	-webkit-transform: rotate(116deg);
	-ms-transform: rotate(116deg);
	transform: rotate(116deg);
	top: 71px
}
.percentage-colom p {
	font-weight: 700;
	font-size: 25px;
	line-height: 30px;
	text-transform: uppercase;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.portfolio .expertise i,
.portfolio h5:before {
    -webkit-transition: var(--animation-time);
    -o-transition: var(--animation-time)
}

.portfolio img {
    width: 100%
}

.portfolio h5 {
    position: var(--position-rel);
    margin-bottom: 30px;
    font-family: var(--text-font);
    font-weight: 600;
    text-transform: var(--uppercase);
    font-size: 21px;
    color: #383737;
    line-height: 27px
}

.portfolio h5:before {
    position: var(--position-absolute);
    bottom: -13px;
    transition: var(--animation-time);
    width: 27%;
    background: #fabc00;
    height: 4px;
    left: 0;
    right: 0
}

.portfolio h3 {
    padding-bottom: 10px
}

.portfolio .expertise i {
    font-size: 28px;
    width: 60px;
    height: 60px;
    transition: var(--animation-time);
    background: #e6e6e6;
    text-align: center;
    padding-top: 17px;
    margin: 10px;
    border-radius: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.portfolio .expertise:hover i,
.reseller-query .btn {
    -webkit-transition: var(--animation-time);
    -o-transition: var(--animation-time)
}

.portfolio .expertise:hover i {
    background: #198be0;
    transition: var(--animation-time);
    color: #fff;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.read-more-style {
    text-align: right;
    width: 100%
}

.read-more-style:hover a {
    background: #fad000;
    color: #464646;
    transition: all .4s ease-in-out;
    border-radius: 20px
}

.read-more-style a {
    float: right;
    margin: -13px 18px 20px;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 5px;
    font-size: 15px;
    display: block;
    color: #fc5a61;
    background: #464646;
    position: relative;
    bottom: -16px;
    right: 0;
    z-index: 999999999
}

/*===================deb====================*/

@media screen and (max-device-width:1024px) and (min-device-width:768px) {
.talk-to-expert:before {
	width: 50%!important
}
.home_page .slider #demo .carousel-item:nth-child(1) img, .home_page .slider #demo .carousel-item:nth-child(2) img, .industrial-sec .indu-item .icon img {
	width: 100%
}
.our-project .single-project .item-img img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	max-height: 400px!important
}
.industrial-sec .indu-item h3 {
	font-size: 12px!important
}
.our-project .single-project .item-img {
	height: 400px!important
}
.choose-plain .plain-parent h1, .projects-txt h2 {
	font-size: 30px!important;
	line-height: 30px
}
.projects-txt a {
	font-size: 20px
}
.Packages-flip.blue-bg {
	background: #0089db;
	padding: 13px 0 83px;
	height: 100%
}
.Packages-flip.blue-bg .icon-img img {
	max-width: 70px;
	height: 70px!important
}
.Packages-flip.blue-bg .icon-img {
	height: 110px;
	width: 110px!important;
	line-height: 106px
}
.expert-form h3 {
	color: #fff
}
.container {
	max-width: 99%
}
.main-header .top-menu>ul>li:last-child a {
	display: inline-block!important
}
.main-header .top-menu {
	text-align: right!important
}
.about-section .content-div a.btn-info {
	display: block;
	width: 300px;
	margin: 0 auto
}
.ranking-form input[type=submit] {
	width: auto
}
.why-us-section {
	padding: 29px 0 20px;
	background: url(../../assets/images/Banner-2.png) 55px -60px no-repeat!important;
	background-size: contain!important
}
.diffrent-boxes-area .col-md-3, .mr0 {
	margin-right: 0
}
.diffrent-boxes-area .diffrent-box {
	min-height: 446px
}
.SEO-Strategy .Strategy-figure {
	position: relative;
	float: right;
	width: 250px
}
.carousel-item-prev, .carousel-item.active, .slider, .slider .carousel-item-next {
	height: 320px!important
}
.blog-post .post-heading h2 {
	font-size: 22px
}
.main-footer h3 {
	font-size: 18px
}
.newsletter input[type=submit] {
	padding: 12px 36px!important
}
.Packages-flip .packages-colom, .Packages-flip .packages-colom .package-overlay, .Packages-flip .packages-colom img {
	width: 105px!important;
	height: 105px!important;
	left: 0;
	top: 0
}
.years-of-success {
	background: url(../../assets/images/Banner-3.jpg) no-repeat;
	color: var(--white);
	padding: 50px 0 0;
	background-size: cover;
	min-height: 246px!important;
	margin-bottom: 0
}
.Packages-flip .packages-colom .package-overlay span, .Packages-flip h3 {
	padding: 7px 0 0;
	font-weight: 700;
	font-size: 15px
}
.Packages-flip .packages-colom p {
	line-height: 18px;
	margin-top: 10px;
	font-size: 13px
}
.about-section h1, .casestudy h6, .our_team h2, .ranking-form h2, .see-results .result-heading h3, .service-offering h2, .services-section h2, .why-us-section h2, .years-of-success h2, section.board-directors h2, section.board-directors h3 {
	font-size: 40px;
	line-height: 44px;
	text-align: center
}
.why-us-section h2 {
	text-align: left!important
}
.Directors-clm h4, .blog-post .post-heading h2, span.degination {
	text-align: left
}
.about-section {
	padding: 60px 0
}
.lifeat-ez img {
	width: 100%
}
.percentage-colom .plus-text {
	right: 0;
	font-size: 33px;
	top: 25px
}
.percentage-colom.right-space .plus-text {
	font-size: 33px;
	right: 13px!important;
	top: 25px
}
.seprate-dr-section {
	margin: 84px 0 0
}
.our_team .our_team-colmn img {
	height: 500px;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
.Directors-clm h4 {
	margin-top: 20px
}
.small-banner .festive-colom h1, .small-banner .festive-colom h2 {
	font-size: 26px;
	margin: 0
}
.slider.inner-banner .carousel-caption .btn {
	display: inline-block
}
.ranking-form h2 {
	font-size: 30px!important
}
.seo-approach .about-tab ul li:last-child {
	width: auto!important
}
.ranking-form.reseller-form-design .col-md-4:first-child {
	margin: 0!important;
	padding: 0 10px!important
}
.top-seo-section .right-side-img {
	width: 400px
}
.SEO-Strategy .Strategy-figure img, .top-seo-section .right-side-img img {
	width: 100%
}
.col-sm-12 {
	max-width: 100%!important;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}
.featured-on-section .featuded-colom {
	height: 92%;
	margin: 8px 0
}
.featured-on-section .featuded-colom img {
	width: 100%;
	height: 119px
}
.featured-on-section .featuded-colom h2 {
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 20px!important
}
.event .event-img {
	margin: 5px;
	height: 220px
}
.event h3 {
	font-size: 18px
}
.small-banner {
	padding: 61px 0
}
.our-project {
	padding: 25px 0
}
.slider .carousel-caption h2 {
	font-size: 24px!important;
	margin-bottom: var(--zero);
	line-height: 25px!important
}
.accordion_container .card-body p, .accordion_container .card-body ul li {
	font-size: 15px
}
#case-study .seo-results-tab {
	margin-top: 0!important;
	min-height: 0;
	margin-left: 0!important;
	padding-left: 0!important
}
#case-study .seo-results-tab h5 {
	margin-top: 0!important;
	padding: 60px 0 00;
	font-size: 25px;
	text-transform: uppercase;
	text-align: left
}
#case-study .seo-results-tab p {
	text-align: left!important
}
#case-study .seo-result-slide {
	margin-top: 0;
	margin-left: 0!important
}
#case-study .seo-result-slide .table {
	width: 91%!important;
	margin-left: 0!important
}
.news-section.detais-page .ml0 {
	padding-left: 0
}
.form-parent h2 {
	margin: 35px 0 0;
	font-size: 18px
}
.blog-section .blog-des h2 {
	font-size: 28px
}
.blog-colom.row .pl0, .blog-colom.row .pr0 {
	margin: 0;
	padding: 0
}
}

@media screen and (min-device-width:1024px) and (max-device-width:1365px) {
.about-white-gray h1, .about-white-gray h2, .about-white-gray h3 {
	font-size: 33px!important;
	font-weight: 700;
	text-align: center
}
.home_page .slider #demo .carousel-item:nth-child(1) img, .home_page .slider #demo .carousel-item:nth-child(2) img {
	width: 100%!important
}
.slider .carousel-caption .btn-container {
	left: 178px
}
.home_page .slider #demo .carousel-item:nth-child(1) .btn-container {
	left: 71px
}
#case-study .seo-results-tab {
	margin-top: 0!important;
	min-height: 0
}
#case-study .seo-results-tab h5 {
	margin-top: 0!important;
	padding: 36px 0 00;
	text-align: center
}
#case-study .seo-results-tab p {
	text-align: center!important
}
#case-study .seo-result-slide {
	margin-top: 0;
	margin-left: 51px!important
}
#case-study .seo-result-slide .table {
	width: 79%!important;
	margin-left: 0!important
}
.footer-badge img {
	width: 62px!important
}
.about-white-gray h2, .about-white-gray h3 {
	text-align: left!important;
	font-size: 28px!important;
	margin-bottom: 10px
}
.about-white-gray iframe {
	width: 100%!important
}
.SEO-Strategy .Strategy-figure img, .lifeat-ez img {
	width: 100%
}
.about-white-gray .column_attr.align_justify {
	text-align: justify
}
.about-white-gray ul {
	margin: 0 25px
}
.case-study .portfolio-colom .mark-div p, .ftr_cta_blk .col-md-3 a, .ftr_cta_blk .col-md-3 span {
	font-size: 12px
}
.accordion_container .card-body p, .accordion_container .card-body ul li {
	font-size: 15px
}
.csa-pack, .pack-con {
	padding: 0 15px!important
}
.choose-plain .plain-parent h1, .choose-plain .plain-parent h2, .packages-section.package-page h1 {
	font-size: 33px
}
.hide-text-frmt h3 {
	font-size: 22px!important
}
.case-study .portfolio-colom .mark-div h3 {
	font-size: 18px
}
.top-nav .bg-light ul li a {
	padding: 9px!important;
	font-size: 15px
}
.seprate-dr-section {
	margin: 84px 0 0
}
.our_team .our_team-colmn img {
	height: 500px;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
.carousel-item-prev, .carousel-item.active, .slider, .slider .carousel-item-next {
	height: 592px!important
}
.slider .carousel-caption h2 {
	font-size: 54px;
	line-height: 54px
}
.award-recognization img {
	width: 107px
}
.award-reco {
	left: 10px;
	width: 99%
}
.seo-results-tab .table td {
	padding: 2px 10px!important;
	line-height: 29px
}
.seo-results-tab .table th {
	font-size: 12px!important;
	padding: 2px 6px 0
}
.seo-results-tab h5 {
	font-size: 19px
}
.seo-results-tab .table {
	width: 86%!important
}
.seo-result-slide {
	margin-left: 54px!important
}
.why-us-section p {
	width: 100%
}
.diffrent-boxes-area .diffrent-box {
	min-height: 361px!important
}
.why-us-section.home-section {
	background-size: cover!important;
	background-position: -37px -153px!important
}
.years-of-success .col-md-3:nth-child(4) .plus-text {
	right: 42px!important;
	top: 35px
}
.percentage-colom.right-space .plus-text {
	right: 59px;
	top: 19px
}
.percentage-colom .plus-text {
	right: 18px;
	top: 19px
}
.about-section {
	padding: 50px 0
}
.Packages-flip .packages-colom, .Packages-flip .packages-colom .package-overlay, .Packages-flip .packages-colom img {
	width: 130px!important;
	height: 130px!important;
	left: 0;
	top: 0
}
.about-section h1, .casestudy h6, .our_team h2, .ranking-form h2, .see-results .result-heading h3, .service-offering h2, .services-section h2, .why-us-section h2, .years-of-success h2, section.board-directors h2, section.board-directors h3 {
	font-size: 40px;
	line-height: 44px
}
.Packages-flip.blue-bg {
	background: #0089db;
	padding: 13px 0 63px;
	height: 100%
}
.festive-colom h4 {
	font-size: 44px!important
}
.talk-to-expert h2 {
	font-size: 26px!important;
	line-height: 29px
}
.small-banner {
	padding: 61px 0
}
.event .event-img {
	margin: 5px;
	height: 306px!important
}
.news-section.detais-page .ml0 {
	padding-left: 15px
}
.blog-section .blog-des h2 {
	font-size: 28px
}
.blog-colom.row .pl0, .blog-colom.row .pr0 {
	padding: 0 15px
}
}

@media (max-width:1300px) {
.top-nav .bg-light ul li a {
	font-size: 15px!important;
	padding: 9px 11px!important
}
}

@media (max-width:765px) {
.container {
	max-width: 100%
}
.percentage-colom.right-space .plus-text {
	right: 34%!important;
	top: 27px!important
}
}
.sitemap {
	position: relative;
	z-index: 99;
	margin: 10px 30px
}
.demo {
	background: #f3f3f3;
	padding: 30px 0;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}
.demo .col-md-3.col-sm-6, .demo .col-md-4.col-sm-6 {
	padding-right: 15px
}
.pricingTable {
	padding-bottom: 10px;
	background: #fff;
	border-bottom: 15px solid var(--pricingTable-yellow);
	text-align: center;
	transform: scale(1);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	overflow: hidden;
	position: relative;
	transition: all .5s ease-in-out
}
.pricingTable:hover {
	transform: scale(1);
	box-shadow: 3px 1px 3px #ccc;
	margin-top: -20px
}
.pricingTable:before {
	content: "";
	width: 100%;
	height: 322px;
	background: var(--pricingTable-yellow);
	position: absolute;
	top: -150px;
	left: 0;
	transform: skewY(-20deg)
}
.pricingTable .price-value:after, .pricingTable .price-value:before, .pricingTable .value:after, .pricingTable .value:before, .pricingTable .year:after, .pricingTable .year:before {
	content: "";
	left: 50%;
	transform: translateX(-50%) scaleY(.5) rotate(45deg)
}
.pricingTable .pricingTable-header {
	padding: 20px 20px 40px;
	text-align: left;
	position: relative
}
.pricingTable .title {
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	margin: 0
}
.pricingTable .sub-title {
	display: block;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase
}
.pricingTable .value, .pricingTable .year {
	color: var(--pricingTable-yellow);
	background: #fff
}
.pricingTable .year {
	width: 80px;
	height: 55px;
	padding: 7px 0;
	font-size: 15px;
	font-weight: 600;
	font-style: italic;
	text-align: center;
	position: absolute;
	top: 30px;
	right: 20px;
	z-index: 1
}
.pricingTable .year:after, .pricingTable .year:before {
	width: 57px;
	height: 57px;
	background: #fff;
	position: absolute;
	top: -28px;
	z-index: -1
}
.pricingTable .year:after {
	top: auto;
	bottom: -28px
}
.pricingTable .price-value {
	display: inline-block;
	width: 170px;
	height: 110px;
	padding: 15px;
	border: 2px solid var(--pricingTable-yellow);
	border-top: none;
	border-bottom: none;
	position: relative
}
.pricingTable .price-value:after, .pricingTable .price-value:before {
	width: 121px;
	height: 121px;
	border: 3px solid var(--pricingTable-yellow);
	border-right: none;
	border-bottom: none;
	position: absolute;
	top: -60px
}
.pricingTable .price-value:after {
	border-top: none;
	border-left: none;
	border-bottom: 3px solid var(--pricingTable-yellow);
	border-right: 3px solid var(--pricingTable-yellow);
	top: auto;
	bottom: -60px
}
.pricingTable .value {
	width: 100%;
	height: 100%;
	border: 2px solid var(--pricingTable-yellow);
	border-top: none;
	border-bottom: none;
	z-index: 1;
	position: relative
}
.pricingTable .value:after, .pricingTable .value:before {
	width: 97px;
	height: 97px;
	background: #fff;
	border: 3px solid var(--pricingTable-yellow);
	border-bottom: none;
	border-right: none;
	position: absolute;
	top: -48px;
	z-index: -1
}
.pricingTable .value:after {
	border-right: 3px solid var(--pricingTable-yellow);
	border-bottom: 3px solid var(--pricingTable-yellow);
	border-top: none;
	border-left: none;
	top: auto;
	bottom: -48px
}
.pricingTable .currency {
	display: inline-block;
	font-size: 30px;
	margin-top: 7px;
	vertical-align: top;
	font-weight: 700
}
.pricingTable .amount {
	display: inline-block;
	font-size: 28px;
	font-weight: 700;
	line-height: 65px
}
.pricingTable .amount span {
	display: inline-block;
	font-size: 30px;
	font-weight: 400;
	vertical-align: top;
	margin-top: -7px
}
.pricingTable .month {
	display: block;
	font-size: 16px;
	line-height: 0
}
.pricingTable .pricing-content {
	padding: 50px 0 0;
	margin-bottom: 20px;
	list-style: none;
	text-align: left;
	transition: all .3s ease 0s
}
.pricingTable .pricing-content li {
	padding: 5px 0 5px 25px;
	display: block;
	border-bottom: 1px solid #e4e4e4;
	color: #4e4b4b;
	position: relative;
	font-size: 14px;
	font-weight: 500;
	width: 100%!important;
	line-height: 21px
}
.pricingTable .pricing-content li.disable:before, .pricingTable .pricing-content li:before {
	content: "\f00c ";
	font-family: FontAwesome;
	font-weight: 900;
	width: 20px;
	font-size: 10px;
	height: 20px;
	line-height: 20px;
	border-radius: 50%;
	background: #98c458;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 6px;
	left: 10px
}
.pricingTable .pricing-content li.disable:before {
	content: "\f00d";
	background: #fe6c6c
}
.pricingTable .pricingTable-signup {
	display: inline-block;
	width: auto;
	text-decoration: none;
	font-size: 22px;
	font-weight: 700;
	color: var(--pricingTable-yellow);
	text-transform: uppercase;
	border: 2px solid var(--pricingTable-yellow);
	position: relative;
	transition: all .3s ease 0s;
	background: 0 0;
	margin: 10px 0 0;
	border-radius: 0;
	padding: 7px 30px;
	cursor: pointer
}
.pricingTable.purple .price-value:before, .pricingTable.purple .value:before {
	border-left-color: var(--pricingTable-purple);
	border-top-color: var(--pricingTable-purple)
}
.pricingTable.purple .price-value, .pricingTable.purple .price-value:after, .pricingTable.purple .value, .pricingTable.purple .value:after {
	border-right-color: var(--pricingTable-purple)
}
.pricingTable.purple, .pricingTable.purple .price-value:after, .pricingTable.purple .value:after {
	border-bottom-color: var(--pricingTable-purple)
}
.pricingTable .pricingTable-signup:hover {
	background: var(--pricingTable-yellow);
	color: #fff;
	border-radius: 30px
}
.pricingTable.purple .value, .pricingTable.purple .year {
	color: var(--pricingTable-purple)
}
.pricingTable.purple:before {
	background: var(--pricingTable-purple)
}
.pricingTable.purple .price-value, .pricingTable.purple .value {
	border-left-color: var(--pricingTable-purple)
}
.pricingTable.purple .pricingTable-signup {
	color: var(--pricingTable-purple);
	border-color: var(--pricingTable-purple);
	text-decoration: none
}
.pricingTable.blue .price-value:before, .pricingTable.blue .value:before {
	border-left-color: var(--pricingTable-blue);
	border-top-color: var(--pricingTable-blue)
}
.pricingTable.blue .price-value, .pricingTable.blue .price-value:after, .pricingTable.blue .value, .pricingTable.blue .value:after {
	border-right-color: var(--pricingTable-blue)
}
.pricingTable.blue, .pricingTable.blue .price-value:after, .pricingTable.blue .value:after {
	border-bottom-color: var(--pricingTable-blue)
}
.pricingTable.purple .pricingTable-signup:hover {
	color: #fff;
	background: var(--pricingTable-purple)
}
.mobile-loader {
	text-align: center
}
.pricingTable.blue .value, .pricingTable.blue .year {
	color: var(--pricingTable-blue)
}
.pricingTable.blue:before {
	background: var(--pricingTable-blue)
}
.pricingTable.blue .price-value, .pricingTable.blue .value {
	border-left-color: var(--pricingTable-blue)
}
.pricingTable.blue .pricingTable-signup {
	color: var(--pricingTable-blue);
	border-color: var(--pricingTable-blue)
}
.pricingTable.blue .pricingTable-signup:hover {
	color: #fff;
	background: var(--pricingTable-blue)
}

@media only screen and (max-width:990px) {
.pricingTable {
	margin-bottom: 30px
}
}

@media only screen and (max-width:767px) {
.pricingTable:before {
	transform: skewY(-15deg)
}
.pricingTable .title {
	font-size: 22px
}
}
.faq-banner.seo-reseller-banner {
	background: #f1efef!important
}
img.cleaver-banner {
	position: absolute;
	left: 0;
	top: -41px;
	width: 802px;
	right: 0;
	margin: 0 auto;
}
.faq-banner.seo-reseller-banner, .faq-banner.seo-reseller-banner .carousel-item, .faq-banner.seo-reseller-banner .carousel-item-next, .faq-banner.seo-reseller-banner .carousel-item-prev {
	height: 252px!important;
	background: url(../../assets/images/banner_why-bg-2.png) no-repeat;
	color: #fff!important;
	width: auto;
	background-position: center;
	background-color: #03c9f0
}
.festival-offer.faq-banner.seo-package-banner {
	background: url(../../assets/images/smart-banner-bg.png) no-repeat;
	background-position: center;
	background-color: #dbe7e3;
	height: 264px!important;
	position: relative
}
.banner-parent {
	position: relative
}
.why-banner {
	position: absolute;
	color: #080808;
	font-size: 20px;
	width: 145px;
	text-align: left;
	font-weight: 600;
	text-transform: uppercase;
	left: -17px
}
.why-banner.div-1 {
	top: 0;
	left: -36px
}
.why-banner.div-2 {
	top: 0;
	left: 20px
}
.why-banner.div-2 {
	top: 97px;
	left: 111px
}
.why-banner.div-3 {
	top: 0;
	left: 294px
}
.why-banner strong {
	font-weight: 700
}
.why-banner.div-4 {
	left: 839px
}
.why-banner.div-5 {
	left: 1007px;
	top: 97px
}
.why-banner.div-6 {
	left: 1164px
}
.festival-offer.faq-banner.seo-package {
	padding-bottom: 21px
}
.bnr-top-heading {
	position: absolute;
	color: #444;
	text-transform: uppercase;
	left: 0;
	right: 0;
	top: -33px
}
.bnr-top-heading h3 {
	position: relative;
	font-size: 21px;
	font-weight: 700
}
.diff-color-txt {
	position: absolute;
	font-size: 25px;
	color: #444;
	text-transform: uppercase;
	font-weight: 700;
	left: 0!important;
	right: 0;
	top: 99px
}
.diff-color-txt span:nth-child(1) {
	color: #ab2339
}
.diff-color-txt span:nth-child(2) {
	color: #009ed5
}
.diff-color-txt span:nth-child(3) {
	color: #009748
}
.diff-color-txt span:nth-child(4) {
	color: #d05b1e
}
.diff-color-txt span:nth-child(5) {
	color: #7d237f
}
.diff-color-txt p.last-txt {
	font-size: 16px;
	font-weight: 500
}
.diff-color-txt p {
	margin-bottom: 3px
}
.btn-dv {
	position: absolute;
	left: 0;
	right: 0;
	top: 161px
}
.btn-dv a {
	background: 0 0;
	border: none;
	margin: 0!important;
	padding: 0
}
.btn-dv a:hover {
	background: 0 0
}
.btn-dv a img {
	width: 165px;
	margin: 0 13px;
	box-shadow: 2px 1px 17px #00000057;
	transition: all .5s ease-in-out;
	border-radius: 4px!important
}
.btn-dv a img:hover {
	transition: all .5s ease-in-out;
	border-radius: 20px!important
}
.festival-offer.faq-banner.seo-reseller-banner .btn-style a {
	background: #1c3a44;
	padding: 10px 38px;
	display: inline-block;
	border-radius: 2px;
	text-transform: uppercase;
	font-weight: 600;
	transition: all .5s ease-in-out;
	font-size: 15px;
	margin-right: 34px!important;
	position: relative!important;
	box-shadow: 2px 1px 3px #ffffff59;
	-webkit-box-shadow: 0 5px 15px 0 rgba(37, 44, 97, .15), 0 2px 4px 0 rgba(93, 100, 148, .2);
	box-shadow: 0 5px 15px 0 rgba(37, 44, 97, .15), 0 2px 4px 0 rgba(93, 100, 148, .2);
	transition: all .4s ease-in-out;
	background-color: #085b79;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	position: relative;
	padding: 10px 20px;
	padding-right: 50px;
	background-image: linear-gradient(bottom, #2ca0ca 0, #3eb8e5 100%);
	background-image: -o-linear-gradient(bottom, #2ca0ca 0, #3eb8e5 100%);
	background-image: -moz-linear-gradient(bottom, #2ca0ca 0, #3eb8e5 100%);
	background-image: -webkit-linear-gradient(bottom, #2ca0ca 0, #3eb8e5 100%);
	background-image: -ms-linear-gradient(bottom, #2ca0ca 0, #3eb8e5 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f9cf00), color-stop(1, #93811b));
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 0 #2ab7ec, 0 5px 0 0 #156785, 0 10px 5px #999;
	-moz-box-shadow: inset 0 1px 0 #2ab7ec, 0 5px 0 0 #156785, 0 10px 5px #999;
	-o-box-shadow: inset 0 1px 0 #2ab7ec, 0 5px 0 0 #156785, 0 10px 5px #999;
	box-shadow: inset 0 1px 0 #f4d03a, 0 5px 0 0 #a58903, 0 10px 5px #999;
	margin-left: 33px!important
}
.festival-offer.faq-banner.seo-reseller-banner .btn-style a:before {
	background-color: #2591b4;
	background-image: url(https://tympanus.net/Tutorials/CSSButtonsPseudoElements/images/right_arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
	content: "";
	filter: hue-rotate(223deg);
	width: 20px;
	height: 20px;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0 1px 0 #052756, 0 1px 0 #60c9f0;
	-moz-box-shadow: inset 0 1px 0 #052756, 0 1px 0 #60c9f0;
	-o-box-shadow: inset 0 1px 0 #052756, 0 1px 0 #60c9f0;
	box-shadow: inset 0 1px 0 #052756, 0 1px 0 #abe8ff
}
.festival-offer.faq-banner.seo-reseller-banner .btn-style a:hover {
	border-radius: 20px
}
.festival-offer.faq-banner.seo-reseller-banner .btn-dv {
	top: 161px
}
.sidebar-contact {
	position: fixed;
	top: 60%;
	right: -301px;
	transform: translateY(-50%);
	width: 300px;
	height: auto;
	z-index: 999999;
	padding: 17px;
	background: #fff;
	box-shadow: 0 20px 50px rgba(0, 0, 0, .5);
	box-sizing: border-box;
	transition: .5s
}
.sidebar-contact.active {
	right: 0
}
.sidebar-contact input, .sidebar-contact textarea {
	width: 100%;
	height: 36px;
	padding: 5px;
	margin-bottom: 10px;
	box-sizing: border-box;
	border: 1px solid rgba(73, 73, 73, .34);
	outline: 0;
	border-radius: 4px
}
.sidebar-contact h2 {
	margin: 0 0 20px;
	padding: 0
}
.sidebar-contact textarea {
	height: 60px;
	resize: none
}
.sidebar-contact input[type=submit] {
	background: #198be0;
	color: #fff;
	transition: all .4s ease-in-out;
	cursor: pointer;
	border: none;
	font-size: 18px;
	box-shadow: 0 10px 50px rgba(74, 72, 64, .8);
	width: 103px;
	border-radius: 20px;
	height: 40px;
	text-transform: uppercase;
	font-weight: 600;
}
.toggle {
	position: absolute;
	height: 48px;
	width: 174px;
	text-align: center;
	box-shadow: -2px -1px 8px rgba(58, 56, 52, .28);
	cursor: pointer;
	background: #1894f1;
	top: 45%;
	font-weight: 600;
	left: -111px;
	border-radius: 3px 3px 0 0;
	transform: rotate(270deg);
	cursor: pointer;
	color: #fff;
	line-height: 48px;
	font-size: 20px;
	z-index: 9999999
}
.toggle:before {
	content: '\f003';
	font-family: fontAwesome;
	font-size: 18px;
	color: #fff;
	left: -8px;
	position: relative
}
.toggle.active:before {
	content: '\f00d'
}
.sidebar-contact h2 {
	text-align: center;
	text-transform: ca;
	color: #222223;
	width: 100%;
	position: absolute;
	margin-bottom: 20px;
	left: 0;
	background: #ecc72c;
	border-bottom: 4px solid #e0bb07;
	font-size: 23px;
	top: 0;
	padding: 9px
}
.sidebar-contact .scroll {
	margin-top: 55px
}
.sidebar-contact input[type=submit]:hover {
	background: #f4d13f;
	transition: all .4s ease-in-out;
	color: #000;
	border-radius: 2px
}
.sidebar-contact iframe {
	width: 200px;
	min-width: 100%;
	margin-bottom: 14px;
	position: relative;
	top: -7px
}
.rc-anchor-light.rc-anchor-normal {
	border: 1px solid #d3d3d3;
	width: 264px
}
.link-building-packageslink-package table.seo-rank-table.table td, .online-reputation-packageslink-package table td, section.packages-section.package-page.seo-packages-in-inr table.seo-rank-table.table td {
	width: 20%!important
}
section.packages-section.package-page.digital-marketing-branding-packages .packages-table {
	margin: 0 0 20px 0
}
.call-to-action~.container.csa-pack ul {
	column-count: 3;
	margin: 10px 0;
	background: #1894f112;
	padding: 20px 8px
}
.call-to-action~.container.csa-pack ul.col-two li {
	margin-bottom: 11px;
	width: 99%;
	float: left;
	max-width: 100%!important
}
.call-to-action~.container.csa-pack ul.col-two {
	column-count: auto!important;
	clear: both;
	min-height: 288px
}
.call-to-action~.container.csa-pack ul li {
	line-height: 30px;
	list-style: none;
	padding: 0 11px;
	font-weight: 500;
	margin: 7px 20px;
	border-bottom: 1px solid #82888c2e;
	position: relative;
	max-width: 517px!important
}
.call-to-action~.container.csa-pack ul li:after, .call-to-action~.container.csa-pack ul li:before {
	position: absolute;
	left: -7px;
	top: 15px;
	width: 7px;
	height: 8px;
	background: #1894f1;
	content: '';
	border-radius: 0
}
.call-to-action~.container.csa-pack ul li:before {
	left: -3px;
	top: 11px;
	background: #0f70b9
}
.content-sec-ui ul li {
	line-height: 32px;
	list-style-position: inside;
	font-weight: 400;
	color: #484545
}
.content-sec-ui h3 {
	font-size: 26px
}
.video-sec-ui {
	width: 437px;
	float: right;
	margin: 0 10px;
	background: #444;
	position: relative;
	z-index: 9;
	border: 10px solid #fff;
	box-shadow: 0 0 0 rgba(204, 169, 44, .4);
	animation: pulse 2s infinite
}
.content-sec-ui {
	background: #1894f11a;
	padding: 11px;
	margin: 20px 0
}
 @-webkit-keyframes pulse {
 0% {
 -webkit-box-shadow: 0 0 0 0 rgba(109, 108, 106, .4)

}
 70% {
 -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0)
}
 100% {
 -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0)
}
}
 @keyframes pulse {
 0% {
 -moz-box-shadow: 0 0 0 0 rgba(109, 108, 106, .4);
 box-shadow: 0 0 0 0 rgba(109, 108, 106, .4)
}
 70% {
 -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
 box-shadow: 0 0 0 10px rgba(204, 169, 44, 0)
}
 100% {
 -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
 box-shadow: 0 0 0 0 rgba(204, 169, 44, 0)
}
}
.video-sec-ui iframe {
	width: 100%
}
ul.ul-ui-css>li {
	position: relative;
	list-style: none;
	padding: 0 9px;
	line-height: 31px;
	margin-bottom: 10px;
}
ul.ul-ui-css>li ul {
	margin: 10px 20px!important
}
ul.ul-ui-css>li ul li {
	position: relative;
	list-style: none;
	padding: 0 20px
}
ul.ul-ui-css>li ul li:before {
	position: absolute;
	top: 7px;
	left: -8px;
	content: url(/assets/images/right-tick-img.png);
	font-family: FontAwesome;
	color: #929292;
	width: 13px
}
ul.ul-ui-css>li>strong {
	color: #ab9319;
	padding: 4px
}
ul.ul-ui-css>li:before {
	content: '\f105 ';
	font-family: FontAwesome;
	padding-right: 6px;
	top: 0;
	position: absolute;
	left: 0;
	color: #b89319;
	font-weight: 600;
	font-size: 20px
}
.figure-info-ui {
	text-align: left;
	max-width: 496px;
	object-fit: contain;
	float: right;
	height: auto;
	max-height: 466px;
}
.figure-info-ui img {
	width: 100%;
	object-fit: contain;
	position: relative;
	top: -68px;
}
.content-sec-ui.reseller-page-ui h3#read-more {
	display: block;
	text-align: center;
	margin: 28px 0
}


/*=======================================================*/

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel, .owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent;
	position: relative
}
.owl-carousel {
	display: none;
	width: 100%;
	z-index: 1
}
.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
	display: block;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
	display: none
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
	display: block
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}
.owl-carousel.owl-hidden {
	opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
	visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.owl-carousel.owl-grab {
	cursor: move;
	cursor: grab
}
.owl-carousel.owl-rtl {
	direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
	float: right
}
.owl-carousel .animated {
	animation-duration: 1s;
	animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
	z-index: 0
}
.owl-carousel .owl-animated-out {
	z-index: 1
}
.owl-carousel .fadeOut {
	animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height {
	transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity .4s ease
}
.owl-carousel .owl-item img.owl-lazy {
	transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000
}
.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
	display: none
}
.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%
}
.owl-theme .owl-dots, .owl-theme .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav {
	margin-top: 10px
}
.owl-theme .owl-nav [class*=owl-] {
	color: #9f9f9f;
	font-size: 26px;
	margin: 5px;
	display: inline-block;
	cursor: pointer;
	border-radius: 27px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
	color: #f93069;
	text-decoration: none;
}
.owl-theme .owl-nav .disabled {
	opacity: .5;
	cursor: default
}
.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 35px
}
.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1
}
.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: transparent;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px;
	border: 1px solid #fff;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #fff;
}


/*===================Case Studies end ====================*/

.main-logo{ width: 30%; float: left;}
.fa-wordpress:before{}
.co-hi{ margin-top: 1.7em; color: #ff4c4c;}
i.fa.fa-google {margin: 50px 0 0 0;}
i.fa.fa-wordpress {margin: 50px 0 0 0;}
i.fa.fa-code {margin: 50px 0 0 0;}
i.fa.fa-link {margin: 50px 0 0 0;}

/*========================================service start ==========================================*/

.welcome { background: #f7f7f7;}
.welcome-bg { background: #17a2b8;}
.welcome-part { background: #fd5c63;  padding: 0 0 30px 0;}
.welcome-left {margin-top: 2em;}
.welcome-left p{font-size: 1em; color: #777; line-height: 1.9em; letter-spacing: 1px;}
h3.tittle-wthree { color: #333;font-size: 2.5em; font-weight: 600;}

.text-center {text-align: center !important;}
.serve-gd2 { margin-top: 6em;}
.serve-grid { background: #fff;-webkit-box-shadow: 5px 7px 23px 0px rgba(58, 52, 82, 0.16); -moz-box-shadow: 5px 7px 23px 0px rgba(58, 52, 82, 0.16); box-shadow: 5px 7px 23px 0px rgba(58, 52, 82, 0.16); max-width: 192px; height: 192px;border-radius: 50%;
}
.serve-grid span { font-size: 2em; margin-top: 1.7em;}
.fa-language:before { content: "\f1ab";}
.fa-handshake-o:before { content: "\f2b5";}	
.serve-grid p { font-size: 1em;text-transform: capitalize;letter-spacing: 1px;font-weight: 600;color: #555;}
.s2 { color: #ff4c4c;}	
.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4";
}
.fa-vcard-o:before, .fa-address-card-o:before {
    content: "\f2bc";
}
p.heading-bottom-part{color: #fff;}
.hi-hight{ padding: 3rem 0 0 0;}
.fa-left{ padding: 0 20px 0 0; color: #000;}
	
@media (min-width: 1200px){
.pb-xl-5, .py-xl-5 {
    padding-bottom: 3rem !important;
}
}
@media (min-width: 992px){
.pr-lg-5, .px-lg-5 {
    padding-right: 3rem !important;
}
}
/*========================================service-end==========================================*/

/*========================================new-package-start==========================================*/

.packages {
    width: 100%;
    float: left;
}
.packages>ul {
    text-align: left;
    margin-left: -15px;
    margin-right: -15px;
}
.packages>ul>li {
    display: inline-block;
    vertical-align: bottom;
    width: 24%;
}
.packages>ul>li .package-box {
    padding: 15px;
}
.package-box .package-top {
    padding: 30px 15px;
    text-align: center;
    color: #fff;
    background: #4cbd8f;
}
.package-box .package-top h2 {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
}
	.package-box .package-top h4 {
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 18px;
    position: relative;
    margin: 0; color: #fff;
}
	.package-box .package-top h4:before {
    content: "";
    width: 100px;
    height: 5px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -50px;
    background: rgba(255,255,255,.5);
}
.small, small {
    font-size: 80%;
    font-weight: 400;
}

.package-box .package-top .package-price {
    font-size: 73px;
    font-weight: 800;
    color: #fff;
    padding: 40px 0 30px 0;
    display: block;
    line-height: 80px;
    position: relative;
}
.package-box .package-top .package-price sup {
    display: inline-block;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    top: -15px;
}
.package-box .package-top p {
    color: #fff;
    line-height: 20px;
    margin-bottom: 25px;
}
.package-top p {
    margin: 0;
}
.package-box .package-top .btn-col {
    padding: 0;
    background: 0 0;
}
.package-box .package-detail-list {
    background: #fff;
}
.package-box .package-detail-list li {
    padding: 10px 10px 10px 35px;
    color: #000;
    border-bottom: solid 1px #f2f2f2;
    background: url(../images/check-2.png) 10px 17px no-repeat;
}
.package-pos-check{padding: 0 10px 0 0px;}
.web-design-no-check.package-box .package-detail-list li{ background: none; padding: 10px 10px 10px 10px;}
.package-box .btn-col {
    background: #fff;
    padding: 15px 12px;
}
.package-box .btn-col .style-btn {
    width: 48%;
    float: left;
    margin-right: 4%;
    background: #19272f;
    text-align: center;
}
.style-btn {
    font-size: 20px!important;
}
.package-box .btn-col .style-btn.contact-btn {
    margin: 0;
    background: #4cbd8f;
}
.package-box .btn-col .style-btn {
    width: 48%;
    float: left;
    margin-right: 4%;
    background: #19272f;
    text-align: center;
}
.packages-section .packages>ul>li {
    display: inline-block;
    vertical-align: bottom;
    width: 33%;
}
.packages-section .packages>ul>li .package-box {
    padding: 15px;
}
.package-box.midsize-business .package-top {
    background: #efc84a;
    color: #000;
}
.package-box .package-top h2 {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
}
.package-box .package-top h4 {
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 18px;
    position: relative;
    margin: 0;
}
.package-box .package-top h4:before {
    content: "";
    width: 100px;
    height: 5px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -50px;
    background: rgba(255,255,255,.5);
}
.small, small {
    font-size: 80%;
    font-weight: 400;
}
.package-box .package-top p {
    color: #fff;
    line-height: 20px;
    margin-bottom: 25px;
}
.package-box .package-top .btn-col {
    padding: 0;
    background: 0 0;
}
.package-box .btn-col .style-btn {
    width: 48%;
    float: left;
    margin-right: 4%;
    background: #19272f;
    text-align: center;
}
.package-box .package-top .btn-col .style-btn.contact-btn {
    background: #fff;
    color: #19272f;
}
.package-box .package-detail-list {
    background: #fff;
}
.packages-section .packages>ul>li .package-box {
    padding: 15px;
}
.package-box .package-top {
    padding: 30px 15px;
    text-align: center;
    color: #fff;
    background: #4cbd8f;
}
.package-box .large-business .package-top{background: #ff4867;}
a.style-btn{color: #fff; text-decoration: none; padding: 5px 20px; border-radius: 5px;}
.package-box .package-top .btn-col .style-btn.contact-btn {
    background: #fff;
    color: #19272f;
}

/*========================================end-package-start==========================================*/


/*========================================end-Get-In-Touch==========================================*/

/*.email_bg_hover:hover{ background:#ff4867 ;}
.whatsapp_bg_hover:hover{ background:#4cbd8f;}
.skype_bg_hover:hover{background: #02aff0;}*/

/*.facts-box.skype-icon:hover span.icon{background: #02aff0;}
.facts-box.whatsaap-icon:hover span.icon {background: #4cbd8f;}
.facts-box.envelope-icon:hover span.icon {background: #f6747e;}*/

.contact-form-left{ background:#17a2b8; color: #fff !important;}
    
/*========================================end-Get-In-Touch==========================================*/

/*========================================start-contact==========================================*/

.contact-grid select[type="text"], .contact-grid select[type="select"], .contact-grid select {
    width: 95.5%;
    color: #fff;
    background: rgba(0, 0, 0, 0.61);
    outline: none;
    font-size: 1em;
    padding: .8em 1em;
    margin-bottom: 1.5em;
    border: none;
    font-family: 'Molengo', sans-serif;
    border-bottom: 1px solid #f43640;
    -webkit-appearance: none;
    letter-spacing: 1px;
    -webkit-box-shadow: 1px 4px 23px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 4px 23px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 0px 3px -2px rgba(0,0,0,0.75);
}



/*========================================end-contact==========================================*/

/*========================================start-blog-page===========================================*/

.li.trail-item.trail-end{display: none !important;}
.breadcrumb-trail.breadcrumbs{display: none !important;}
.post-navigation .nav-next{ width: 100% !important;  text-align: left !important;}
#main-menu > li > a{/*color: #23dbdb !important; */ color:#000 !important;}
#main-menu > li > a:hover{color: #be1310 !important; }
.post-info .post-title{ padding-left: 20px !important; padding-right: 20px !important;}
.blog header{  background-color: #f8f8f8 !important;}
section#meta-2 ul li:last-child {  display: none !important;}
.category .main-container{padding: 175px 0 35px 0;}
.category .page-header h2.page-title{padding: 0px 0px 4px 25px;}
.category .blog-post-content{padding: 30px 0 0 0;}
.category .blog-post-content p{margin-top: 0;}
.category .text-center.more-link-wrap{margin-top: 135px;}
.category header.combine{ width: 97%; margin-top: 0px;}
.category .page-header{ width: 97%; position: relative;}
.date .main-container{padding: 175px 0 35px 0;}
.date .page-header h2.page-title{padding: 0px 0px 4px 25px;}
.date .blog-post-content{padding: 30px 0 0 0;}
.date .blog-post-content p{margin-top: 0;}
.date .text-center.more-link-wrap{margin-top: 135px;}
.date header.combine{ width: 97%; margin-top: 0px;}
.date .page-header{ width: 97%; position: relative;}
.post-template-default .comment-author.vcard{ background: #fff;}
.post-template-default p.comment-awaiting-moderation{ background: #fff;}
.post-navigation .nav-previous{ width: 100% !important;}
h1.blog_banner_info {font-size: 15px;}
    

/*========================================end-blog-page==========================================*/

/*==================================================================================*/

/*-- Responsive design --*/

@media screen and (max-width: 1366px) {
	.banner,.banner-layer {
		min-height: 373px;
	}
	.agile_banner_info {
		padding: 9em 0em 0em;
	}
	.home_agile_banner_info{ padding: 6em 0em 0em;}
	.about-banner,.about-banner-layer {
		min-height: 373px; background-size: cover; background-position: 100% 97%;
	}
	.digital-marketing-banner{min-height: 373px !important; background-size: cover;}
	.search-banner,.serch-banner-layer {
		min-height: 373px;  background-size: cover; background-position: 50% 44%;
	}
	.sem-banner,.sem-banner-layer {
		min-height: 373px;  background-size: cover; background-position: 50% 80%;
	}
	.smo-banner,.smo-banner-layer {
		min-height: 373px;  background-size: cover; background-position: 50% 33%;
	}
	.reputation-banner,.reputation-banner-layer {
		min-height: 373px;  background-size: cover;
	}
	
	.web-design-banner .web-design-banner-layer{
		min-height: 373px;  background-size: cover;
	}
	
	.web-development-banner .web-development-banner-layer{
		min-height: 400px;
		max-width: 100%;
	}
	
	.global-digital-marketing-banner .global-digital-marketing-banner-layer{
		min-height: 373px;  background-size: cover;
		max-width: 100%;
	}
	.national-digital-marketing-banner .national-digital-marketing-banner-layer{
		min-height: 373px;  background-size: cover;
		max-width: 100%;
	}
	.local-digital-marketing-banner .local-digital-marketing-banner-layer{
		min-height: 373px;  background-size: cover;
		max-width: 100%;
	}
	.ecommerce-digital-marketing-banner .ecommerce-digital-marketing-banner-layer{
		min-height: 373px;  background-size: cover;
		max-width: 100%;
	}
	.contact-us-banner .contact-us-banner-layer{
		min-height: 373px;  background-size: cover;
		max-width: 100%;
	}
	.case-studies-banner .case-studies-banner-layer{
		min-height: 373px;  background-size: cover;
		max-width: 100%;
	}
	.packages-banner .packages-banner-layer{
		min-height: 373px;  background-size: cover;
		max-width: 100%;
	}
	.blog-banner,.blog-banner-layer {
		min-height: 373px;  background-size: cover;
	}
}
@media screen and (max-width: 1080px) {
	.team-info {
		padding: 1.5em 1em;
		padding-left: 2em;
	}
	#typed {
		font-size: 3em;
	}
}
@media screen and (max-width: 1024px) {
	.banner, .banner-layer {
		min-height: 650px;
	}
	.agile_banner_info {
		padding: 13em 0em 0em;
	}
	.copyleft p {
		letter-spacing: .5px;
		font-size: 14.5px;
	}
	
}
@media screen and (max-width: 991px) {
	.navbar-light .navbar-toggler {
		border-color: #fd5c63;
		border-radius: 0;
		background: #fd5c63;
	}
	.navbar-collapse {
		background: rgba(0,0,0,0.7);
		padding: 2em 0;
	}
	.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
		color: #fd5c63;
	}
	.navbar-light .navbar-nav .nav-link {
		display: inline-block;
	}
	.dropdown-menu {
		min-width: auto;
		padding: 0;
		margin: 0;
		background-color: transparent;
		border: none;
		border-radius: 0;
		text-align: center;
	}
	.navbar-light .navbar-nav .dropdown-menu a.nav-link {
		color: #fff;
		padding-left: 0em;
	}
	.serv-icons span {
		font-size: 45px;
	}
	.serv-grids:after {
		top: 6%;
	}
	.serv-grids {
		padding: 0em 1em;
	}
	.read {
		width: 33%;
	}
	.serv-grids a {
		margin-top: 0em;
	}
	.l-info1 p {
		letter-spacing: .5px;
	}
	.agileinfo_stats_grid {
		width: 145px;
		height: 145px;
		padding: 1em 0;
	}
	.copyleft, .copyright {
		text-align: center;
	}
	.navbar {
		padding: 0;
	}
	h2.heading, h3.heading {
		font-size: 40px;
	}
}
@media screen and (max-width: 800px) {
	#typed {
		font-size: 2.7em;
	}
}

@media screen and (max-width: 736px) {
	.banner_agile_para {
		margin-right: 0em;
	}
	.banner_agile_para p {
		font-size: 15px;
	}
	.read {
		width: 42%;
	}
	.testimonials-grid-1 {
		width: 50%;
		margin: auto;
	}
	.testimonials h4 {
		font-size: 20px;
		letter-spacing: 1px;
	}
	.testimonials h5 {
		font-size: 15px;
	}
	.agileinfo_stats.mid-l-stat.hide_dot:after {
		background: none;
	}
}
@media screen and (max-width: 667px) {
	.navbar-brand {
		font-size: .9em;
	}
	.banner, .banner-layer {
		min-height: 550px;
	}
	.agile_banner_info {
		padding: 11em 0em 0em;
	}
	h2.heading, h3.heading {
		font-size: 35px;
	}
}
@media screen and (max-width: 568px) {
	#typed {
		font-size: 2.5em;
	}
	.serv-grids h4 {
		font-size: 23px;
	}
	.agileinfo_footer_grid h2 a {
		margin-top: 0em;
		margin-bottom: 1em;
	}
	.team-grids,.pricing-layer {
		padding: 0 5em;
	}
}
@media screen and (max-width: 480px) {
	#typed {
		font-size: 2.2em;
	}
	.banner_agile_para p {
		font-size: 14px;
		line-height: 1.8em;
	}
	
}
@media screen and (max-width: 414px) {
	.navbar-brand {
		font-size: .8em;
	}
	#typed {
		font-size: 1.8em;
	}
	.navbar-toggler {
		font-size: 1rem;
	}
	.serv-icons {
		width: 100%;
	}
	.serv-grids p {
		font-size: 14px;
		margin: 1em 0em;
	}
	.serv-grids h4 {
		font-size: 22px;
		letter-spacing: 1px;
	}
	.read {
		width: 62%;
	}
	.team-grids, .pricing-layer {
		padding: 0 2em;
	}
}
@media screen and (max-width: 384px) {
	.team-grids, .pricing-layer {
		padding: 0 0em;
	}
	.agile_banner_info {
		padding: 9em 0em 0em;
	}
	.banner, .banner-layer {
		min-height: 500px;
	}
}
@media screen and (max-width: 375px) {
	.welcome_left h3 {
		font-size: 23px;
		letter-spacing: 0px;
	}
	.welcome_left h4 {
		letter-spacing: 3px;
	}
	
	a.contact {
		font-size: 13px;
	}
}
@media screen and (max-width: 320px) {
	.agileinfo_stats_grid {
		width: 125px;
		height: 125px;
	}
	p.counter {
		font-size: 2.2em;
	}
	.agileinfo_stats_grid {
		box-shadow: 5px 5px #fff;
		-webkit-box-shadow: 5px 5px #fff;
		-o-box-shadow: 5px 5px #fff;
		-moz-box-shadow: 5px 5px #fff;
		-ms-box-shadow: 5px 5px #fff;
	}
	#typed {
		font-size: 1.5em;
	}
	h2.heading, h3.heading {
		font-size: 30px;
	}
	p.heading-bottom {
		letter-spacing: 1px;
		font-size: 14px;
	}
	.grid_info h3 {
		font-size: 20px;
	}
	.read {
		width: 75%;
	}
	
}
@media screen and (max-width: 320px) {
	
}
/*-- //Responsive design --*/

/*-- //Debraj Responsive design --*/

@media only screen and (max-width: 2560px) and (min-width: 1440px){
    
    .about-banner{background-size: cover !important;}
	.banner-layer{ min-height: 1010px;}
	.local-digital-marketing-banner{background-size: cover !important;}
	.ecommerce-digital-marketing-banner{background-size: cover !important;}
	.search-banner{background-size: cover !important;}
	.sem-banner{background-size: cover !important;}
	.smo-banner{background-size: cover !important;}
	.reputation-banner{background-size: cover !important;}
	.web-design-banner{background-size: cover !important;}
	.web-development-banner{background-size: cover !important;}
	.packages-banner{background-size: cover !important;}
	.case-studies-banner{background-size: cover !important;}
	.contact-us-banner{background-size: cover !important;}
	.mainw-agileinfo{width: 100%;}
	.testimonial-banner{background-size: cover !important;}
	.blog-banner .blog-banner-layer{min-height: 488px;}
	.category .main-container{ padding: 150px 0 35px 0;}
	.date .main-container{padding: 150px 0 35px 0;}
	.post-navigation .nav-previous{ width: 100% !important;}
}

@media only screen and (max-width:1920px) and (min-width:1800px) {
    
    .banner-layer{ min-height: 750px;}
    .testimonial-banner-layer{ min-height: 720px;}
    .blog-banner .blog-banner-layer{min-height: 488px;}
    .category .main-container{ padding: 150px 0 35px 0;}
    .date .main-container{padding: 150px 0 35px 0;}
    .post-navigation .nav-previous{ width: 100% !important;}
}
@media only screen and (max-width:1280px) and (min-width:1140px) {
    
    .carousel-item-prev, .carousel-item.active, .slider, .slider .carousel-item-next{height: 172px !important;}
    .about-banner{ background-size: contain !important; min-height: 520px;}
	.banner-layer{ min-height: 510px;}
	.local-digital-marketing-banner{background-size: contain !important;}
	.ecommerce-digital-marketing-banner{background-size: contain !important;}
	.search-banner{background-size: contain !important;}
	.sem-banner{background-size: contain !important;}
	.smo-banner{background-size: contain !important;}
	.reputation-banner{background-size: contain !important;}
	.web-design-banner{background-size: contain !important;}
	.web-development-banner{background-size: contain !important;}
	.packages-banner{background-size: contain !important;}
	.case-studies-banner{background-size: contain !important;}
	.contact-us-banner{background-size: contain !important;}
	.web-development-banner-layer{min-height: 583px !important}
	.web-design-banner-layer{min-height: 510px !important}
	.packages-banner-layer{min-height: 510px !important}
	.global-digital-marketing-banner-layer{min-height: 510px !important}
	.national-digital-marketing-banner-layer{min-height: 510px !important}
	.local-digital-marketing-banner-layer{min-height: 510px !important}
	.ecommerce-digital-marketing-banner-layer{min-height: 510px !important}
	.contact-us-banner-layer{min-height: 480px !important}
	.mainw-agileinfo{width: 100%;}
	.banner, .banner-layer{min-height: 510px;}
	.blog-banner .blog-banner-layer{min-height: 488px;}
	.category .main-container{ padding: 150px 0 35px 0;}
	.date .main-container{padding: 150px 0 35px 0;}
	.post-navigation .nav-previous{ width: 100% !important;}
	.logo-slider{ padding: 0 0 100px 0;}
	
}
@media only screen and (max-width:979px) and (min-width:768px){
    
    #navigation{right: 0px;}
	.contact-us-banner .contact-us-banner-layer{min-height: 390px;}
	.contact-us-banner{min-height: 390px !important;}
	.case-studies-banner{ min-height: 380px !important;}
	.case-studies-banner .case-studies-banner-layer{min-height: 380px;}
	.banner, .banner-layer{ min-height: 380px;}
	.banner, .banner-layer{ min-height: 380px;}
	.about-us-section{padding: 20px 20px 40px 20px;}
	.testimonial .description{ width: 100%;}
	.testimonial .testimonial-info{width: 100%; border-right: none;}
	.packages-banner .packages-banner-layer{ min-height: 380px;}
    .packages-banner{ min-height: 380px !important;}
    .global-digital-marketing-banner{ min-height: 380px !important;}
	.global-digital-marketing-banner .global-digital-marketing-banner-layer {min-height: 380px;}
	.national-digital-marketing-banner{ min-height: 380px !important;}
	.national-digital-marketing-banner .national-digital-marketing-banner-layer{min-height: 380px;}
	.local-digital-marketing-banner{min-height: 380px !important;}
	.local-digital-marketing-banner .local-digital-marketing-banner-layer{min-height: 380px ;}
	.ecommerce-digital-marketing-banner .ecommerce-digital-marketing-banner-layer{min-height: 380px;}
	.ecommerce-digital-marketing-banner{ min-height: 380px !important;}
	.web-design-banner .web-design-banner-layer{ min-height: 390px;}
	.web-design-banner{min-height: 380px !important;}
	.web-development-banner .web-development-banner-layer{ min-height: 390px;}
	.web-development-banner{min-height: 380px !important;}
	.packages>ul>li{ width: 49%;}
	#footer-contact .tel a{ font-size: 36px;}
	.facts-box .title{ font-size: 16px;}
	.carousel-item-prev, .carousel-item.active, .slider, .slider .carousel-item-next{ height: 170px !important;}
	.testimonial-banner { min-height: 380px !important;}
	.post-template-default .entry-content a{ font-size: 12px;}
	.post-template-default .post-content{padding-left: 10px; padding-right: 10px;}
	.post-template-default .breadcrumbs h3{ display: none;}
	.post-template-default .widget_search .form-wrapper input[type="text"]{width: 100%;}
	.post-template-default .widget_search input[type="submit"]{ margin: 10px;}
	.post-template-default .main-logo{width: 20%; margin: 0 0 0 -50px;}
    .blog .breadcrumbs h3{ display: none;}
	.blog-banner.blog-banner{min-height: 300px !important;}
	.blog-banner .blog-banner-layer{min-height: 300px !important;}
	p.blog_banner_info .typed-deb{font-size: 2em !important;}
	p.blog_banner_info{ padding: 30px 0 0 0;}
	.blog .main-logo{ width: 20%; margin: 0 0 0 -35px;}
	.blog .agile_banner_info{ padding: 9em 0em 0em;}
	.blog #primary{width: 100%;  max-width: 100%;}
	.blog #secondary{width: 100%; max-width: 100%;}
	.category .main-container{ padding: 100px 0 35px 0;}
	.main-logo{margin: 0 0 0 -35px;  width: 20%;}
	.category .widget_search .form-wrapper input[type="text"]{ width: 100%;}
	.date .main-container{padding: 100px 0 35px 0;}
	.post-navigation .nav-previous{ width: 100% !important;}
	
}
@media only screen and (max-width: 479px) {
	
#typed i{ font-size: 14px;}
	.main-logo{ padding-top: 0px;}
	.serve-gd2{margin-top: 0;}
	.serve-grid{max-width: 100%;}
	#tabs li {width: 100%;}
	.packages>ul>li{width: 100%;}
	p.counter{font-size: 2em;}
	.box-section h2{ text-align: center; font-size: 48px;}
	.box-section-left{width: 100%;}
	.box-section-right{width: 100%;}
	.box-section-right p{padding: 20px 0;}
	.casestudy h6{font-size: 40px;}
	#footer-contact .tel a{font-size: 36px;}
	.facts-box .title{font-size: 18px;}
	.agileinfo-contact-form-grid textarea { height: 100px;}
	.agileinfo-contact-form-grid{ padding: 60px 0 60px 0;}
	#main-menu{ width: 100%;}
	.col-studies{ width: 100%; max-width: 100%; float: left; flex: none;}
	
	.about-us-section{padding: 20px 20px 40px 20px; text-align: justify;}
	.about-us-section h2{font-size: 24px;}
	.col-md-offset-2{margin-left: 0px !important;}
	.banner.about-banner{min-height: 300px !important;}
	.about-banner.typed-deb{font-size: 1em !important;}
	
	.banner.case-studies-banner{min-height: 300px !important;}
	.case-studies-banner .case-studies-banner-layer{min-height: 340px !important;}
	 p.studies_banner_info .typed-deb{font-size: 2em !important;}
	
	.banner.contact-us-banner{min-height: 300px !important;}
	.contact-us-banner .contact-us-banner-layer{min-height: 340px !important;}
	p.contact_banner_info .typed-deb{font-size: 2em !important;}
	.contact-us-left{width: 100%;}
	.contact-us-right{width: 100%;}
	
	.banner.global-digital-marketing-banner-layer{min-height: 300px !important;}
	.global-digital-marketing-banner .global-digital-marketing-banner-layer{min-height: 340px !important;}
	p.global_banner_info .typed-deb{font-size: 2em !important;}
	
	.banner.national-digital-marketing-banner{min-height: 300px !important;}
	.national-digital-marketing-banner .national-digital-marketing-banner-layer{min-height: 340px !important;}
	p.national_banner_info .typed-deb{font-size: 2em !important;}
	
	.banner.local-digital-marketing-banner{min-height: 300px !important;}
	.local-digital-marketing-banner .local-digital-marketing-banner-layer{min-height: 340px !important;}
	p.local_banner_info .typed-deb{font-size: 2em !important;}
	
	.banner.ecommerce-digital-marketing-banner{min-height: 300px !important;}
	.ecommerce-digital-marketing-banner .ecommerce-digital-marketing-banner-layer{min-height: 340px !important;}
	p.ecommerce_banner_info .typed-deb{font-size: 2em !important;}
	
	.banner.search-banner{min-height: 300px !important;}
	.search-banner .search-banner-layer{min-height: 340px !important;}
	p.search_banner_info .typed-deb{font-size: 2em !important;}
	
	.banner.smo-banner{min-height: 300px !important;}
	.smo-banner .smo-banner-layer{min-height: 340px !important;}
	p.sem_banner_info .typed-deb{font-size: 2em !important;}
	
	.banner.reputation-banner{min-height: 300px !important;}
	.reputation-banner .reputation-banner-layer{min-height: 340px !important;}
	p.reputation_banner_info .typed-deb{font-size: 2em !important;}

	.banner.web-design-banner{min-height: 300px !important;}
	.web-design-banner .web-design-banner-layer{min-height: 340px !important;}
	p.web_design_banner_info .typed-deb{font-size: 2em !important;}
	
	.banner.web-development-banner{min-height: 300px !important;}
	.web-development-banner .web-development-banner-layer{min-height: 340px !important;}
	p.web_development_banner_info .typed-deb{font-size: 2em !important;}
	
	.banner.packages-banner{min-height: 300px !important;}
	.packages-banner .packages-banner-layer{min-height: 340px !important;}
	p.packages_banner_info .typed-deb{font-size: 2em !important;}
	
	.global-digital-marketing-banner{min-height: 346px !important;}
	
    .banner.testimonial-banner{min-height: 300px !important;}
	.testimonial-banner .testimonial-banner-layer{min-height: 340px !important;}
	p.testimonial_banner_info .typed-deb{font-size: 2em !important;}
	.testimonial-box-left{width: 100%; max-width: 100%;}
	.testimonial-box-right{width: 100%; max-width: 100%;}
	.testimonial-box-left img{width: 50%;}
	.post-template-default .entry-content a{ font-size: 10px;}
    .post-template-default .post-content{padding-left: 10px; padding-right: 10px;}
    .post-template-default .breadcrumbs h3{ display: none;}
    .blog .breadcrumbs h3{ display: none;}
	.blog-banner.blog-banner{min-height: 300px !important;}
	.blog-banner .blog-banner-layer{min-height: 340px !important;}
	p.blog_banner_info .typed-deb{font-size: 2em !important;}
	p.blog_banner_info{ padding: 30px 0 0 0;}
	.category .main-container{ padding: 30px 0 35px 0;}
	.date .main-container{padding: 30px 0 35px 0;}
	.post-navigation .nav-previous{ width: 100% !important;}
	#footer-contact{padding: 35px 15px 25px 15px;}
	.contact-grid select[type="text"], .contact-grid select[type="select"], .contact-grid select{width: 100%;}
	
	.banner, .banner-layer {min-height: 300px !important;}
	.agile_banner_info{padding: 4em 0em 0em !important;}

}

/*-- //Debraj Responsive design --*/