/**** CUSTOM RESPONSIVE *****/
@media (min-width: 980px) and (max-width: 1199px) {
    .sp-megamenu-parent > li > a {
        letter-spacing: 0!important;
        padding: 0 10px!important;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .sp-megamenu-parent > li > a {
        font-size: 13px!important;
        letter-spacing: 0!important;
        padding: 0 7px!important;
    }
  	#sp-logo img {
      	width: 100%;
    }
    #sp-bottom1, #sp-bottom2, #sp-bottom3 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #sp-bottom3 {
    }
 	
}
@media (max-width: 767px) {
    #sp-footer2 {
        text-align: left!important;
    }
    #sp-menu {
        position: absolute!important;
        right: 0;
        top: 35px;
    }
    #offcanvas-toggler {
        line-height: 0!important;
    }
    #offcanvas-toggler > i {
        margin: 0;
    }
	.grid_4 {
    	width:100% !important;
    	float: left;
}
@media (max-width: 480px) {
table {
  border: 0;
}
table thead {
  display: none;
}
table th {
  margin-bottom: 20px;
  display: none;
}
table tr {
  margin-bottom: 20px;
}
table td {
  display: block;
  text-align: left;
  font-size: 13px;
  border: 0;
  border-bottom: 1px dotted #e5e5e5;
  width: 100%;
}
table td:last-child {
  border-bottom: 0;
}
table td:before {
  content: attr(data-label);
  float: left;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  padding: 0 8px;
  background: #eee;
}
}
@media (min-width: 583px) and (max-width: 767px) {
.phones{
    float: right!important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    text-align: center;
}

}
@media (min-width: 0px) and (max-width: 583px) {
.phones{
    float: none!important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    text-align: center;
}

}
/***** GENERAL *****/
body {
  color: #6f6f6f;
}
h1, h2, h3, h4, h5 {
    color: #000;
}
h4 {
    font-size: 24px;
    font-weight: 700!;
    text-transform: uppercase;
    margin-bottom: 40px;
    -webkit-transition: 0.7s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
    -ms-transition: 0.7s ease-in-out;
    -o-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out;
}
h5 {
    font-family: CrimsonText;
    color: #6f6f6f;
    font-style: italic;
    margin: 0 0 40px;
    -webkit-transition: 0.7s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
    -ms-transition: 0.7s ease-in-out;
    -o-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out;
}
h6 {
    font-style: italic;
    color: #6f6f6f!important;
}
/***** MENU BAR *****/
#sp-header-sticky-wrapper {
    position: relative;
    z-index: 999;
}
.sp-megamenu-parent > li.active > a, 
.sp-megamenu-parent > li:hover > a {
    background: url(../images/hover-menu.png) no-repeat bottom center;
}
/***** SLIDER *****/
/***** PROMOD *****/
/***** INTRODUCTION *****/
/***** BANNER *****/
/***** SERVICES *****/
/***** PARALLAX *****/
/***** ABOUT ******/
/***** FACTS *****/
/***** SKILL *****/
/***** SKILL *****/

@-moz-keyframes html5       { 0%  { width:0px;} 100%{ width:70%;}  }
@-moz-keyframes css3        { 0%  { width:0px;} 100%{ width:80%;}  }
@-moz-keyframes jquery      { 0%  { width:0px;} 100%{ width:50%;}  }
@-moz-keyframes photoshop   { 0%  { width:0px;} 100%{ width:10%;}  }
@-moz-keyframes dreamweaver { 0%  { width:0px;} 100%{ width:100%;} }

@-webkit-keyframes html5       { 0%  { width:0px;} 100%{ width:70%;}  }
@-webkit-keyframes css3        { 0%  { width:0px;} 100%{ width:80%;}  }
@-webkit-keyframes jquery      { 0%  { width:0px;} 100%{ width:50%;}  }
@-webkit-keyframes photoshop   { 0%  { width:0px;} 100%{ width:10%;}  }
@-webkit-keyframes dreamweaver { 0%  { width:0px;} 100%{ width:100%;} }
/***** TEAM *****/ 
/******FEATURE*******/
/******FEATURE-2*******/
/******FEATURE-3*******/
/******FUNFACT*******/
/******WHY-CHOOSE*******/
/***** TWITTER *****/
/***** TIMELINE *****/
/***** BUY THEME *****/
/***** TESTIMONIAL *****/
/***** GET QUOTE *****/
/***** STATISTIC *****/
/***** BLOG *****/
/*****PARALLAX********/
/***** K2 *****/
/* Refine Page Builder */
/***** PORTFOLIO-BOTTOM *****/
/***** PRICING *****/
/*******CONTACT********/
/*******CONTACT-SECOND********/
/********CLIENTS**********/