/*.affix-top .logo{background: url("images/logo-dark.png") no-repeat;
       height: 71px;
     width: 150px; display:block;}
	
.affix .logo{background: url("images/logo-dark.png") no-repeat; 
height: 71px;
     width: 150px; display:block;}*/

.affix-top .logo img{ width:150px;
 -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;}
  
.affix .logo img{ width:125px;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;}

	 
.navbar-default.affix { border-bottom:1px solid #E4E4E5}

.texture-overlay {
    background-image: url("images/grid.png");
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


/*.navbar{ min-height:80px; border:none;}*/
.navbar-nav{ margin-top:16px;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.service1 i, .service2 i, .service3 i{
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; 
  display:inline-block;
  margin-top:-22px;
  }

.service1 .btm,.service2 .btm, .service3 .btm{
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  }
 .service1 .btn,.service2 .btn, .service3 .btn{
 padding:8px 18px;
 }

 .service1 .btn:hover{ background:#53b266 !important; color:#000; margin-left:10px;}
 .service2 .btn:hover{ background:#dc4848 !important; color:#000; margin-left:10px;}
 .service3 .btn:hover{ background:#3d9beb !important; color:#000; margin-left:10px;}

.service1 i{ color:#53b266; font-size: 120px;}
.service2 i{ color:#F65F5F; font-size: 120px;}
.service3 i{ color:#1DA0EB; font-size: 120px;}

.fh5co-feature:hover .fh5co-feature-icon i{
  -ms-transform: rotateY(180deg); /* IE 9 */
    -webkit-transform: rotateY(180deg); /* Safari */
    transform: rotateY(180deg) !important; /* Standard syntax */
	
	color:#FFFFFF;
	 transition:all 0.5s ease-out;
	 margin-top:-22px;
	
}
.asec{padding:0;}
.asec a{ text-decoration:none; }
  
a .service1 { color:#919191; text-decoration:none;}
.service1{position:relative; overflow:hidden; padding:40px 45px; z-index:9;}
.service1 .btm{ position:absolute; right:0; top:0; z-index:-99; opacity:0;}
.service1:hover .btm{opacity:1; }
.service1 h3{ color:#53b266; line-height:30px; font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif; font-size:30px; }
.service1:hover h3{ color:#FFFFFF; }
.service1:hover .fh5co-feature-text{ color:#FFFFFF;}

a .service2 { color:#919191; text-decoration:none;}
.service2{position:relative; overflow:hidden; padding:40px 45px; z-index:9;}
.service2 .btm{ position:absolute; right:0; top:0; z-index:-99; opacity:0;}
.service2:hover .btm{opacity:1;  }
.service2 h3{ color:#F65F5F; line-height:30px; font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif; font-size:30px}
.service2:hover h3{ color:#FFFFFF;}
.service2:hover .fh5co-feature-text{ color:#FFFFFF;}

a .service3 { color:#919191; text-decoration:none;}
.service3{position:relative; overflow:hidden; padding:40px 45px; z-index:9;}
.service3 .btm{ position:absolute; right:0; top:0; z-index:-99; opacity:0;}
.service3:hover .btm{opacity:1;  }
.service3 h3{ color:#1DA0EB; line-height:30px; font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif; font-size:30px}
.service3:hover h3{ color:#FFFFFF;}
.service3:hover .fh5co-feature-text{ color:#FFFFFF;}

.btn2{border: 2px solid #ffffff; color:#FFFFFF; margin-left:10px; padding:13px 30px;}
.btn2:hover{border: 2px solid #000; background:#000; color:#FFFFFF;}

.platform { }
/*.platform .fh5co-image  img{ width:100%}*/
.platform .fh5co-icon i{ color:#2e8ad2;}

.platform h4 a{ color:#333333;}


.platform-text{ margin-top:10px; padding:0 30px;}
.platform-heading{ margin-bottom:30px;}

.title{ font-size:36px; font-weight:normal; letter-spacing:-1px; font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;}
.title-light{ font-size:36px; font-weight:normal; letter-spacing:-1px; font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif; color:#ffffff;}
.space-bottom{ margin-bottom:60px;}

.services-bg{ background:#EAEEF1/*#f2f2f2*/; border:1px solid #EDEDED; overflow:hidden;}

.counter-up .counter{ font-size:70px; margin-top:-10px; font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif; color:#2e8ad2; font-weight:bold; letter-spacing:-2px;}
.counter-label{ font-size:26px; margin-bottom:5px; color:#444444;  font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;}
.psize{ font-size:50px; font-weight:bold; color:#2e8ad2;}
.counter-text{ padding-right:40px;}
.counter-up i{ color:#555; margin-left:10px;}

/*.counter-up span{ float:left;}*/

.about-sec{ background:#DDEFF3; overflow:hidden; color:#333; font-family:"Open Sans", arial;}
.color-blue{ color:#2e8ad2;}
.color-red{ color:#d9534f;}
.color-green{ color:#5cb85c;}

.footer{ color:#C9D0D6; font-size:13px; background:url(images/logo-footer.png) no-repeat top left #1F252B; background-size:contain; min-height:370px; padding-bottom:40px; padding-top:40px; /*border-top:5px solid #eee;*/}
.footer ul li strong{ text-transform:uppercase;}
.footer ul{ margin:0; padding:0; float:right; margin-right:35px;}
.footer li{ list-style:none;}
.footer a{ color:#74838F;}
.footer a:hover{ color:#ccc;}

.footer-text{  }

.email-l{color:#C9D0D6;}
.email-l a{color:#74838F;}


#loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('images/loading1.gif') 50% 50% no-repeat rgb(249,249,249);
}

.header-clients{margin-top:100px; text-align:center; display:table}
.clients-inner{ text-align:center; display:table-cell; margin-left:auto; margin-right:auto;}
.h-btn{ background:#e94d9c; padding:5px 10px; color:#FFFFFF; margin-top:10px; display:block; float:left; font-weight:bold; cursor:pointer; -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;}
.h-btn:hover{ background:#333;}
.h-btn a{ text-decoration:none; color:#fff; }

.s-btn{ background:#e0358b; color:#fff;}
.s-btn:hover{ background:#F9BF1F; color:#fff;}

.navbar-toggle{ margin-bottom:18px; margin-top:18px;}
h3.caption{ font-weight:500; font-size:20px; color:#fff; padding:0 93px; line-height:30px; margin-bottom:20px; margin-top:-12px;	
-webkit-text-shadow:0px 0px 3px #132736;
-moz-text-shadow:0px 0px 3px #132736;
text-shadow:0px 0px 3px #132736;}

.footer-social{ margin-top:10px;}
.footer-social i{ margin:0 5px; font-size:16px;}
.footer-social a{ color:#0099FF;}

.bottom-sec{ overflow:hidden; border-bottom:10px solid #0099FF; position:relative;}
.bottom-sec .address{ padding-top:40px;}
.close-btn { position:relative; right:-94%;
-webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}


@font-face {
	font-family: 'Averta-ExtraBold';
	src: url('fonts/averta/Intelligent Design - Averta-ExtraBold.eot');
	src: local(''), url('fonts/averta/Intelligent Design - Averta-ExtraBold.woff') format('woff'), url('fonts/averta/Intelligent Design - Averta-ExtraBold.ttf') format('truetype'), url('fonts/averta/Intelligent Design - Averta-ExtraBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.contact-btn{ border:2px solid #999; color:#C9D0D6;}
.contact-btn:hover{ color:#fff;}

.service-sec{}
.service-sec h4 a{ color:#555;}
.service-sec h4 a:hover{ color:#0796e3;}
.service-sec .fh5co-icon i{color:#0796e3;}
.service-sec p{ margin-bottom:6px;}
.service-sec a{ color:#555;}

.innerheading{ color:#FFFFFF; font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif; font-size:70px; font-weight:bold; margin-bottom:20px;}
.sec-bg-color1{ background:#FAFAFA;  overflow:hidden; min-height:430px;}
.sec-bg-color2{ background:#E9EBEC;  overflow:hidden; min-height:430px;}
.sec-margin{ margin-bottom:30px; }

.header-content-inner i{ font-size:200px;}

.bg-color1{ background:#fff;}
.box-pad{ padding: 6% 9%;}
.box-pad2{ padding: 6%;}

.icon-l{ float:left; margin-right:20px; display:block;} 

.icon-1{ float:left; margin-right:20px; display:block;} 
.icon-2{float:right; margin-left:20px; display:block;} 

.f-outer{ background: url(images/bluebg.jpg) repeat #2988D3; color:#FFFFFF; padding:30px 0; font-size:18px;}
.f-outer .btn{ border:2px solid #fff; color:#FFFFFF; margin-left:16px;  text-transform:uppercase;}
.f-outer .btn:hover{ color:#333;}

.our-team{ border-bottom:1px solid #ddd;}

ul.list{ margin:0; padding:0; margin-left:20px;}
ul.list li{ margin-bottom:18px;}

ul.list2{ margin:0; padding:0; margin-left:20px;}
ul.list2 li{ margin-bottom:5px;}

.tech-img1{background:url(images/conversational2.jpg) no-repeat top center; background-size:cover; padding:0; min-height:418px;}
.tech-img2{background:url(images/Enterprise-Messaging.jpg) no-repeat top center; background-size:cover; padding:0; min-height:590px;}
.tech-img3{background:url(images/aeroplane-img.jpg) no-repeat top center; background-size:cover; padding:0; min-height:589px;}

.emm-banner{  min-height:90%;}
.emm .fh5co-icon i{ color:#53B266;}

.mhs-banner{ min-height:90%;}
.mhs .fh5co-icon i{ color:#D9534F;}

.mms-banner{ min-height:90%;}
.mms .fh5co-icon i{ color:#1DA0EB;}


.rocket-b{fill:#555555; stroke:#555555; stroke-width:90; height:80px;}

.tech-carousel .fff{ text-align:center;}

.techn-icons{ height:90px; fill:#4D5F61;  transition: all 0.4s ease-out 0s; }

/*Home serices icons*/
/*****************************************************************************/

.service1:hover .home-service-icon{ transform: rotateY(180deg) !important;}
.service2:hover .home-service-icon{ transform: rotateY(180deg) !important;}
.service3:hover .home-service-icon{ transform: rotateY(180deg) !important;}

.home-service-icon{ height:110px;  margin-top:-10px; margin-left:-18px; 
 -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;

}

/* EMM	*/
	.semm2 {stroke:#53b266;stroke-width:200}
    .semm0 {stroke:#53b266;stroke-width:200}
    .semm1 {stroke:#489D59;stroke-width:150;stroke-linecap:round;stroke-linejoin:round}
    .emm1 {fill:none}
    .emm0 {fill:none}
    .emm2 {fill:#53b266} 
.service1:hover .semm2{stroke:#ffffff ;}
.service1:hover .semm0{stroke:#ffffff ;}
.service1:hover .semm1{stroke:#ffffff ;}
.service1:hover .emm2{fill:#ffffff ;}


/*MHS*/
 	.smhs0 {stroke:#f65f5f;stroke-width:200}
	.smhs01 {stroke:#E45050;stroke-width:200}
    .mhs1 {fill:none}
    .mhs0 {fill:#f65f5f}
.service2:hover .smhs0{stroke:#ffffff ;}
.service2:hover .smhs01{stroke:#ffffff ;}
.service2:hover .mhs0{fill:#ffffff ;}


/*MMS*/
	.smms1 {stroke:#1da0eb;stroke-width:100}
    .smms0 {stroke:#1da0eb;stroke-width:200}
    .mms1 {fill:none}
    .mms0 {fill:none}
    .mms2 {fill:#1da0eb}
.service3:hover .smms1{stroke:#ffffff ;}
.service3:hover .smms0{stroke:#ffffff ;}
.service3:hover .mms2{fill:#ffffff ;}

 

/*Industrial icons*/
/***********************************************************************/
.indus-icon-sec{}
.tech-carousel .indus-icon-sec:hover .techn-icons{ fill:#2e8ad2;  transform: rotateY(180deg) !important;    
 -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;

}


/*airline icon*/
	.sae0 {stroke:#4D5E5F;stroke-width:130; }
	.sae01 {stroke:#4D5E5F;stroke-width:130; }
    .ae0 {fill:none}
    .ae01 {fill:4D5E5F}
	.ae02 {fill:none}
    .ae2 {fill:#FEFEFE}
    .ae1 {fill:red}
.tech-carousel .indus-icon-sec:hover .sae0{stroke:#2e8ad2;}
.tech-carousel .indus-icon-sec:hover .ae2{stroke:#225C8D;}
.tech-carousel .indus-icon-sec:hover .sae01{stroke:#2e8ad2;}
.tech-carousel .indus-icon-sec:hover .ae01{stroke:#225C8D;}
.tech-carousel .indus-icon-sec:hover .ae02{stroke:#225C8D;}


/*Automobile icon*/

 	 .sam1 {stroke:#4D5E5F;stroke-width:160}
	 .sam1a {stroke:#4D5E5F;stroke-width:160}
    .sam2 {stroke:#4D5E5F;stroke-width:160;stroke-linejoin:round}
    .sam0 {stroke:#4D5E5F;stroke-width:160;stroke-linecap:round;stroke-linejoin:round}
    .am0 {fill:none}
.tech-carousel .indus-icon-sec:hover .sam1{stroke:#2e8ad2;}
.tech-carousel .indus-icon-sec:hover .sam1a{stroke:#225C8D; stroke-width:200;}
.tech-carousel .indus-icon-sec:hover .sam2{stroke:#225C8D; stroke-width:200;}
.tech-carousel .indus-icon-sec:hover .sam0{stroke:#2e8ad2;}


/*banking icon*/
	.sba0 {stroke:#4D5E5F;stroke-width:200;}
    .sba1 {stroke:#4D5E5F;stroke-width:200;stroke-linecap:round;stroke-linejoin:round}
    .ba0 {fill:none; }
.tech-carousel .indus-icon-sec:hover .sba0{stroke:#2e8ad2;}
.tech-carousel .indus-icon-sec:hover .sba1{stroke:#225C8D; stroke-width:300;}

/*government icon*/
	.sgm0 {stroke:#4D5E5F;stroke-width:200}
    .gm1 {fill:none}
    .gm0 {fill:#4D5E5F}
.tech-carousel .indus-icon-sec:hover .sgm0{stroke:#2e8ad2;}
.tech-carousel .indus-icon-sec:hover .gm0{fill:#225C8D}

/*healthcare icon*/
	.shc0 {stroke:#4D5E5F;stroke-width:280;stroke-linecap:round;stroke-linejoin:round}
    .hc0 {fill:none}
.tech-carousel .indus-icon-sec:hover .shc0{stroke:#2e8ad2;}

/*retail icon*/
	.srt0 {stroke:#4D5E5F;stroke-width:250}
	.srt01 {stroke:#4D5E5F;stroke-width:250}
    .rt0 {fill:none}
.tech-carousel .indus-icon-sec:hover .srt0{stroke:#2e8ad2;}
.tech-carousel .indus-icon-sec:hover .srt01{stroke:#225C8D;}

/*mobile operator icon*/
   	.smo1 {stroke:#4D5E5F;stroke-width:100}
    .smo2 {stroke:#4D5E5F;stroke-width:150}
    .smo0 {stroke:#4D5E5F;stroke-width:200}
    .mo0 {fill:none}
.tech-carousel .indus-icon-sec:hover .smo1{stroke:#225C8D;}
.tech-carousel .indus-icon-sec:hover .smo2{stroke:#225C8D;}
.tech-carousel .indus-icon-sec:hover .smo0{stroke:#2e8ad2;}

/*utilities icon*/
  	.sut0 {stroke:#4D5E5F;stroke-width:200}
	.sut01 {stroke:#4D5E5F;stroke-width:200}
    .sut1 {stroke:#4D5E5F;stroke-width:200;stroke-linecap:round;stroke-linejoin:round}
    .ut0 {fill:none}
.tech-carousel .indus-icon-sec:hover .sut0{stroke:#2e8ad2;}
.tech-carousel .indus-icon-sec:hover .sut01{stroke:#225C8D;}
.tech-carousel .indus-icon-sec:hover .sut1{stroke:#2e8ad2;}


/**************************************************************************/

.path-icon{}

.path-icon:hover .path {
  stroke-dasharray:15000;
  stroke-dashoffset: 15000;
  	animation: dash 1.5s linear forwards ;
   -webkit-animation: dash 1.5s linear forwards ;
   -o-animation: dash 1.5s linear forwards ;
    -moz-transition: dash 1.5s linear forwards;
 
}

@keyframes dash {
 to {    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes dash {
 to {    stroke-dashoffset: 0;
  }
}
-o-keyframes dash{
 to {    stroke-dashoffset: 0;
  }
}

.path-icon:hover .path2 {
  stroke-dasharray:25000;
  stroke-dashoffset: 25000;
  animation: gdash 1.5s linear forwards ;
  -webkit-animation: gdash 1.5s linear forwards ;
  -o-animation: gdash 1.5s linear forwards ;
  -moz-transition: gdash 1.5s linear forwards ;
}

@keyframes gdash {
to {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes gdash {
to {
    stroke-dashoffset: 0;
  }
}
-o-keyframes gdash{
 to {    stroke-dashoffset: 0;
  }
}


	
.path-icon:hover .path3 {
  stroke-dasharray:39900;
  stroke-dashoffset: 39900;
  animation: hdash 1.5s linear forwards ;
  -webkit-animation: hdash 1.5s linear forwards ;
  -o-animation: hdash 1.5s linear forwards ;
   -moz-transition: hdash 1.5s linear forwards ;
}

@keyframes hdash {
to {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes hdash {
to {
    stroke-dashoffset: 0;
  }
}

-o-keyframes hdash{
 to {    stroke-dashoffset: 0;
  }
}



/*sicons svg Icons*/
/**********************************************************************/

.Sicons{ height:50px; fill:#2e8ad2;  stroke: #2e8ad2;  stroke-width:200;}






/************************************************************************/
	

.tech-carousel{ border-bottom:1px solid #ddd;}
.tech-carousel .caption{ font-size:20px; text-align:center; color:#666666;}
.tech-carousel .thumbnail { margin-bottom:8px;}
.tech-carousel li{ list-style:none;}
.tech-carousel ul,ol{margin:0;}
.tech-carousel .carousel-inner { margin-bottom:10px;}
.tech-carousel a{ color:#2E8AD2;}




.gallery-sec{}
.gallery-sec div{ padding:0; margin:0;}



#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.about-sec2 .item blockquote {
    border-left: none; 
    margin: 0;
}

.about-sec2 .item blockquote img {
    margin-bottom: 10px;
}

.about-sec2 .item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}


.about-sec2{ border-top:1px solid #DDD; border-bottom:1px solid #DDD;}

blockquote{ border:none;}

.c-quotes{}
.c-quotes p{ font-size:20px;} 
.c-quotes ul{ list-style:none; padding:0; margin:0;}
.c-quotes li{ list-style:none; margin:0; }
.c-quotes h4{ color:#666666;line-height:26px; margin-bottom:20px;}

.msg-sec{ font-size:13px; color:#555;}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
	
}

.indus-indus{}
.indus-col{ width:12.5%; float:left; text-align:center; font-size:13px;}


.box-services{ margin-bottom:40px; background:url(images/tick2.svg) no-repeat 1px 9px; background-size:25px; padding-left:36px;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height:1.2;}





/**********************************************************************************************************************************************************
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
	
.sec-bg-color2 .text-right{ text-align:left !important;}
	
}


@media (max-width:640px){

h3.caption{ padding:0;}
.footer-text .pull-right { float:left;}
.footer{ background-image:none;}
.footer .footer-text ul{ float:none;}
.email-l{ margin-bottom:30px;}
.h-btn{ margin-left:15px;}
.header-banner .header-content .header-content-inner h1{ font-size:50px; line-height:51px; letter-spacing:-5px;}
.s-btn { margin-bottom:10px;}
.innerheading{ font-size:50px;}
.header-content-inner i{ font-size:150px;}
.icon-2{ float:inherit;}
.indus-col{ width:50%;}
.box-services{background:url(images/tick2.svg) no-repeat 1px 1px; background-size:25px;}

}

@media (min-width:641px) and (max-width:1023px){
.footer-text .pull-right { float:left;}
.footer{ background-image:none;}
.footer ul{ margin-right:32px;}
.header-inner{ min-height:50%;}
.header-inner .header-content{ padding:0 25px;}
.innerheading{ font-size:50px;}
.header-content-inner i{ font-size:180px;}
.techn-icons{ height:50px;}
.indus-col{ width:25%;}
}

@media only screen and (width:1024px){
.footer{ background-size:20%;}
}

@media (min-width:768px) and (max-width:990px){
.counter-up .counter{ font-size:50px;}
}

@media (min-width:1024px) and (max-width:1279px){
.footer{min-height:270px;}
.footer ul{ margin-right:32px;}
}

@media (min-width:1024px){
.platform .fh5co-image  img{ width:100%}
}

@media (max-width:1023px){
.platform .fh5co-image  img{ width:50%}
}