/* Template Version: 2.0 (Latest Update 08 May 2014) 
/* CSS Reset 
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/* General Setup
/*-----------------------------------------------------------------------------------*/
html{ height:100%;}
body{font-family:Arial, Helvetica, sans-serif;padding:0;font-size:12px;margin:0 auto;height: 100%;position: relative;line-height:19px;}
a, span.tag{ text-decoration:none;}
a.view_details{padding:0 0 0 15px;}
.swiper-container{ width:800px;height: 100%;}
#header{ position:absolute; top:-100px; left:0px; z-index:9999; width:100%; height:40px;padding:6px 0%;}

/* CSS Media Queries
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 800px) {
.swiper-container{ width:100%;}
.services_icon{ padding:4.5% 0;}
}
@media screen and (max-width: 480px) {
ul.social li{padding:6% 0;}
.services_icon{padding:4.3% 0;}
h2.post_title{ font-size:24px;}
}
@media screen and (max-width: 360px) {
.services_icon{padding:4.5% 0;}
span.month {font-size:14px;}
h2.post_title{ font-size:22px;}
.trigger a{font-size:14px;}
}
@media screen and (max-width: 320px) {
.borders ul li{padding:4% 0.1%;width:27%;}
span.month {font-size:14px;}
h2.post_title{ font-size:20px;}
.trigger a{font-size:12px;}
}