/* Responsive CSS Styles Table of Contents */

@media only screen and (min-width: 1000px) and (max-width: 1169px){



}


@media only screen and (min-width: 768px) and (max-width: 999px){
}


@media only screen and (min-width: 480px) and (max-width: 767px){
	

}





@media only screen and (max-width: 479px){
}


/* SERVICES HOME PAGE STYLING
----------------------------------------------------------------------------- */
.service-content.services-home {
    background: #f6f6f6;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}




/* SERVICES HOME PAGE ALTERNATIVE STYLING
----------------------------------------------------------------------------- */
.services-wrap.home2 .icon{
    margin-left: 0;
    margin-right: 20px;
    float: left;
}

.service-content.services-home2{
    background: #fff;
    margin-top: 0;
    padding-top: 0;
}

.service-content.services-home2 h5, 
.service-content.services-home2 p{
    text-align: left;
}

.service-content.services-home2 h5:hover{
    color: #d74142;
}




/* SERVICE ICONS
----------------------------------------------------------------------------- */
.services-wrap .icon-mac{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-tool{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-html5{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-grid{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-chrome{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-idea{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-android{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}



.services-wrap .icon-book{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-building{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}


.services-wrap .icon-camera{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}



.services-wrap .icon-download{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-firefox{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-flag{
    background: url('../img/services/flag.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-folder{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-design{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-globe{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-graph{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-hd{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}


.services-wrap .icon-rss{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-safari{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-sd{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-shop{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-speach-bubble{
    background: url('../img/services/speach-bubble.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-speaker{
    background: url('../img/services/speaker.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-strategy{
    background: url('../img/services/strategy.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-umbrella{
    background: url('../img/services/umbrella.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-visa{
    background: url('../img/services/visa.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-warning{
    background: url('../img/services/warning.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}


.icon-mac,
.icon-tool,
.icon-html5,
.icon-grid,
.icon-chrome,
.icon-idea,
.icon-android,
.icon-calendar,
.icon-arrow-down,
.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-up,
.icon-book,
.icon-building,
.icon-camera,
.icon-chain1,
.icon-chain2,
.icon-clapboard,
.icon-cog,
.icon-construction,
.icon-cup,
.icon-cut,
.icon-download,
.icon-firefox,
.icon-flag,
.icon-folder,
.icon-globe,
.icon-graph,
.icon-hd,
.icon-help,
.icon-home,
.icon-ice-cream,
.icon-image,
.icon-lab,
.icon-label,
.icon-list,
.icon-marker,
.icon-mail,
.icon-pacman,
.icon-padlock,
.icon-paperclip,
.icon-paypal,
.icon-pdf,
.icon-pencil,
.icon-phone,
.icon-preview,
.icon-rss,
.icon-safari,
.icon-sd,
.icon-shop,
.icon-speach-bubble,
.icon-speaker,
.icon-strategy,
.icon-umbrella,
.icon-visa,
.icon-warning{
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.services-wrap li:hover .icon-mac,
.services-wrap li:hover .icon-tool,
.services-wrap li:hover .icon-html5,
.services-wrap li:hover .icon-grid,
.services-wrap li:hover .icon-chrome,
.services-wrap li:hover .icon-idea,
.services-wrap li:hover .icon-android,
.services-wrap li:hover .icon-calendar,
.services-wrap li:hover .icon-arrow-down,
.services-wrap li:hover .icon-arrow-left,
.services-wrap li:hover .icon-arrow-right,
.services-wrap li:hover .icon-arrow-up,
.services-wrap li:hover .icon-book,
.services-wrap li:hover .icon-building,
.services-wrap li:hover .icon-camera,
.services-wrap li:hover .icon-chain1,
.services-wrap li:hover .icon-chain2,
.services-wrap li:hover .icon-clapboard,
.services-wrap li:hover .icon-cog,
.services-wrap li:hover .icon-construction,
.services-wrap li:hover .icon-cup,
.services-wrap li:hover .icon-cut,
.services-wrap li:hover .icon-download,
.services-wrap li:hover .icon-firefox,
.services-wrap li:hover .icon-flag,
.services-wrap li:hover .icon-folder,
.services-wrap li:hover .icon-globe,
.services-wrap li:hover .icon-graph,
.services-wrap li:hover .icon-hd,
.services-wrap li:hover .icon-help,
.services-wrap li:hover .icon-home,
.services-wrap li:hover .icon-ice-cream,
.services-wrap li:hover .icon-image,
.services-wrap li:hover .icon-lab,
.services-wrap li:hover .icon-label,
.services-wrap li:hover .icon-list,
.services-wrap li:hover .icon-marker,
.services-wrap li:hover .icon-mail,
.services-wrap li:hover .icon-pacman,
.services-wrap li:hover .icon-padlock,
.services-wrap li:hover .icon-paperclip,
.services-wrap li:hover .icon-paypal,
.services-wrap li:hover .icon-pdf,
.services-wrap li:hover .icon-pencil,
.services-wrap li:hover .icon-phone,
.services-wrap li:hover .icon-preview,
.services-wrap li:hover .icon-rss,
.services-wrap li:hover .icon-safari,
.services-wrap li:hover .icon-sd,
.services-wrap li:hover .icon-shop,
.services-wrap li:hover .icon-speach-bubble,
.services-wrap li:hover .icon-speaker,
.services-wrap li:hover .icon-strategy,
.services-wrap li:hover .icon-umbrella,
.services-wrap li:hover .icon-visa,
.services-wrap li:hover .icon-warning{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

/*==============================================================================
        6. SERVICES PAGE STYLES
================================================================================*/
.services-wrap{
    float: left;
}

.services-wrap .icon{
    background: url('images/bkg.png') center 0 no-repeat;
    width: 75px;
    height: 75px;
    margin: 0 auto;
    display: table;
    position: relative;
    overflow: hidden;
}


/* SERVICES HOME PAGE STYLING
----------------------------------------------------------------------------- */
.service-content.services-home {
    background: #f6f6f6;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.services-wrap li:hover .service-content.services-home {
    background: #169fe6 !important;
}

.services-wrap li:hover .service-content.services-home h5,
.services-wrap li:hover .service-content.services-home p{
    color: #fff;
}


/* SERVICES HOME PAGE ALTERNATIVE STYLING
----------------------------------------------------------------------------- */
.services-wrap.home2 .icon{
    margin-left: 0;
    margin-right: 20px;
    float: left;
}

.service-content.services-home2{
    background: #fff;
    margin-top: 0;
    padding-top: 0;
}

.service-content.services-home2 h5, 
.service-content.services-home2 p{
    text-align: left;
}

.service-content.services-home2 h5:hover{
    color: #d74142;
}