/*

Theme Name: Responsive Template

Author: X

Author URI: http://www.X.com/

Description: X

Version: 1.0

*/
@import url(https://fonts.googleapis.com/css?family=Arimo);
body { margin: 0; font-family: 'Arimo', sans-serif; text-align: center; color: #000000; font-size: 12px; background-image: url(/wp-content/themes/template-r/images/tile.png); }
#gallery-2 .gallery-item{ margin-left:0px !important; margin-right:0px !important; }

h1, h2, h3, ul, ul li { margin: 0; padding: 0; }
ul li { list-style: none; }
a { color: #2A85E8; text-decoration: none; font-weight: 800; }
a:hover { text-decoration: none; }
a img { border: 0; }
:focus { outline: 0; }
.clear { clear: both; }
.header { width: 1247px; height: 72px; margin: auto; text-align: left; }
.header .logo { margin: 14px 0 0 0; float: left; }
.header .info { height: 43px; float: left; margin: 18px 0 0 0; text-align: left; }
.header .info h1 { font-size: 36px; font-weight: 800; text-decoration: none; color: #222222; line-height: 20px; }
.header .info p { margin: 6px 0; }
.header .user-bar { width: 306px; margin: 18px 0 0 0; float: right; }
.header .user-bar form { width: 306px; height: 26px; margin: 0 0 6px 0; }
.header .user-bar form .search-form { width: 240px; height: 25px; float: left; margin: 1px 2px 0 0; border: 1px solid #E1E1E1; background:#FFF; padding: 0 0 0 4px; line-height: 25px; -moz-border-radius: 4px; border-radius: 4px; }
.header .user-bar form .search-button { width: 56px; height: 27px; float: left; border: 0; background: #222222; cursor: pointer; margin-top: 1px; -moz-border-radius: 4px; border-radius: 4px; color:#FFF; font-weight:bold; }
.header .user-bar .user-login { width: 50%; *width: 49%;
float: left; font-size: 9px; }
.header .user-bar .rss-feed { width: 50%; *width: 49%;
float: left; font-size: 9px; text-align: right; }
.navigation { width: 1247px; height: 38px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding: 7px 14px; background-color: #f5f5f5; background-repeat: repeat-x; background-image: 0 color-stop( 100%, #f5f5f5 ); background-image: linear-gradient( top, #fff, #f5f5f5 ); border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; }
.navigation ul { margin: 0 0 0 2px; }
.navigation ul li { height: 38px; margin: 0 3px 0 0; padding: 0 22px 0 20px; line-height: 38px; font-weight: bold; font-size: 14px; float: left; }
.navigation ul li a { color: #2A85E8; text-decoration: none; }
.navigation ul li a:hover { text-decoration: underline; }
/* Some code from this tutorial http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html */



.navigation ul.menu li { position: relative; }
.navigation ul.menu li span { color: #ffffff; text-shadow: 1px 1px #000000; }
.navigation ul.menu li span.subhover { cursor: pointer; }
.navigation ul.menu li ul.sub-menu { position: absolute; left: -1px; top: 38px; display: none; padding: 0; margin: 0; }
.navigation ul.menu li ul.sub-menu li { width: 186px; height: 27px; line-height: 27px; text-indent: 14px; font-size: 12px; font-weight: normal; background: #b9d3e0; text-align: left; padding: 0; margin: 0; border-left: 1px solid #a5bcc7; border-right: 1px solid #a5bcc7; }
.navigation ul.menu li ul.sub-menu li a { color: #016f8c; text-decoration: underline; text-shadow: 0px 0px; }
.navigation ul.menu li ul.sub-menu li a:hover { color: #f37703; text-decoration: none; }
/* End of code from tutorial */

#rum_sst_tab {
    font-family: Arial, sans-serif;
    top: 350px;
    background-color: #1A61AC;
    color: #FFFFFF;
    border-style: solid;
    border-width: 0px;
    font-size: 2em;
}
.rum_sst_right {
    right: -1px;
    cursor: pointer;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
}
.rum_sst_contents {
    position: fixed;
    margin: 0;
    padding: 10px;
    text-decoration: none;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    border-style: solid;
    display: block;
    z-index: 100000;
}

.main .content .sep {padding-top: 10px;background-image: url(/images/divider.gif);}

.main { width: 1247px; margin: auto; text-align: left; }
.content { width: 100%; float: left; }
.posts { /*margin: 0 -20px;*/

}
.posts .page-title { margin: 1px 0 14px 2px; font-size: 16px; font-weight: bold; }
.posts .post-title {
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #1f6dc1;
    padding-bottom: 5px;
    padding-top: 20px;
    color: #1f6dc1;
}
.posts .post-date { margin: 0 0 14px 2px; font-size: 11px; font-style: italic; }
.posts .post { width: 230px; height: auto; float: left; margin: 0 2px 8px 2px; }
.posts .post a img { width: 230px; height: auto; display: block; border: 2px solid #E9E9E9; -moz-border-radius: 4px; border-radius: 4px; }
.posts .post a:hover img { -moz-box-shadow: 1px 1px 4px #666; -webkit-box-shadow: 1px 1px 4px #666; box-shadow: 1px 1px 4px #666; }
.posts .post .link { width: 184px; height: 15px; display: block; overflow: hidden; }
.posts .post span { font-size: 11px; width: 184px; height: 14px; display: block; overflow: hidden; }
.posts .post span a { color: #f37703; }
.sidebar { width: 186px; float: left; }
.sidebar h3 { width: 186px; height: 34px; margin: 10px 0 0 0; font-size: 16px; text-transform: uppercase; text-indent: 10px; line-height: 34px; color: #000; background: #F9F9F9; }
.sidebar h3 .rsswidget { color: #ffffff; text-decoration: none; text-shadow: 1px 1px #000000; }
.sidebar ul li .rsswidget { width: 184px; height: 27px; line-height: 24px; display: block; overflow: hidden; }
.sidebar ul li .rss-date { width: 184px; line-height: 16px; display: block; background-color: #F9F9F9; text-indent: 14px; font-size: 11px; font-style: italic; }
.sidebar ul li .rssSummary { width: 164px; padding: 0 10px 10px 10px; text-indent: 0; line-height: 16px; }
.sidebar ul li { width: 184px; line-height: 27px; text-indent: 14px; background: #F9F9F9; border:0; }
.sidebar ul li a { font-size: 12px; font-weight: normal; }
.sidebar ul li.cat-item a { font-size: 14px; font-weight: bold; }
.sidebar ul li.cat-item a:hover { color: #f37703; }
.sidebar ul li.cat-item ul li { width: 184px; height: 27px; line-height: 27px; text-indent: 24px; background: #b9d3e0 url(images/menu-bg.png) repeat-x left top; border: 0; }
.sidebar ul li.cat-item ul li a { font-size: 12px; font-weight: normal; }
.sidebar div { width: 184px; border-top: 0; background-color: #F9F9F9; }
.sidebar div.clear { border: 0; }
.sidebar div p { padding: 10px; margin: 0; }
.sidebar div p a { color: #a8e31c; }
.sidebar select { width: 158px; }
.sidebar .tagcloud { width: 164px; padding: 10px; }
.sidebar #wp-calendar { width: 164px; text-align: center; }
.sidebar .searchform div { width: 164px; background: #FFF; }
.sidebar .searchform #s { width: 133px; line-height: 27px; }
.sidebar #recentcomments ul li { font-size: 12px; font-weight: normal; }
#wp-calendar { margin: 0 10px 10px 10px; }
.searchform div { padding: 10px; }
.searchform div #s { height: 27px; float: left; border: 1px solid #E1E1E1; padding: 0 0 0 4px; }
.searchform div #searchsubmit { width: 25px; height: 29px; float: left; border: 0; background: #222222; cursor: pointer; -moz-border-radius: 4px; border-radius: 4px; }
.adsbar { width: 306px; float: left; }
.adsbar h3 { width: 306px; height: 36px; margin: 10px 0 0 0; font-size: 16px; text-transform: uppercase; text-indent: 10px; line-height: 36px; color: #000; background: #F9F9F9; }
.adsbar h3 .rsswidget { color: #000; text-decoration: none; }
.adsbar ul li .rsswidget { width: 304px; height: 27px; display: block; overflow: hidden; }
.adsbar ul li .rss-date { width: 304px; line-height: 16px; display: block; background-color: #F9F9F9; text-indent: 14px; font-size: 11px; font-style: italic; }
.adsbar ul li .rssSummary { width: 284px; padding: 0 10px 10px 10px; text-indent: 0; line-height: 16px; }
.adsbar ul li { width: 304px; line-height: 27px; text-indent: 14px; background: #F9F9F9; }
.adsbar ul li a { font-size: 12px; font-weight: normal; }
.adsbar ul li.cat-item a { font-size: 14px; font-weight: bold; }
.adsbar ul li.cat-item ul li { width: 304px; height: 27px; line-height: 27px; text-indent: 24px; background: #b9d3e0; border: 0; }
.adsbar ul li.cat-item ul li a { font-size: 12px; font-weight: normal; }
.adsbar ul li a:hover { color: #f37703; }
.adsbar .ad300x250 { width: 300px; height: 250px; background-color: #000000; border: 3px solid #f37703; border-top: 0; }
.adsbar .adfirst { border-top: 3px solid #f37703; }
.adsbar div { width: 304px; background-color: #F9F9F9; }
.adsbar div.clear { border: 0; }
.adsbar div p { padding: 10px; margin: 0; }
.adsbar div p a { color: #a8e31c; }
.adsbar div .block-inner { width: 284px; margin: 0 10px; }
.adsbar .tagcloud { width: 284px; padding: 10px; }
.adsbar .tagcloud a { font-weight: bold; }
.adsbar #wp-calendar { width: 284px; text-align: center; }
.adsbar .searchform div { width: 284px; }
.adsbar .searchform #s { width: 253px; line-height: 27px; }
.adsbar #recentcomments ul li { font-size: 12px; font-weight: normal; }
.footer { width: 100%; margin: 20px auto 0 auto; background: #222222; text-align: center; overflow:hidden; }
.footer p a { color: #ffffff; text-decoration: none; }
.footer-links { width: 1254px; margin: 0 auto; padding: 10px 0; text-align: center; color: #ffffff; }
.single-post embed, .single-post object { background-color: #000000; }
.single-post p { width: 100%; text-align: left; padding: 5px; font-size:0; line-height: 23px; }
.single-post .video-category { width: 300px; float: left; margin: 0 0 10px 0; text-align: left; color:#666; }
.single-post .video-tags { width: 450px; float: left; margin: 0 0 10px 0; text-align: right; }
.single-post img { border: 2px solid #E9E9E9; -moz-border-radius: 3px; border-radius: 4px; }
.single-post a:hover img { -moz-box-shadow: 1px 1px 4px #666; -webkit-box-shadow: 1px 1px 4px #666; box-shadow: 1px 1px 4px #666; }
.single-post h1, .single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post h6 { margin: 10px 0; }
.single-post ul, .single-post ol { margin: 20px; padding: 0; }
.single-post ul li, .single-post ol li { margin: 0 20px; padding: 0; }
.single-post ul li { list-style: disc; }
.single-post blockquote { width: 730px; padding: 10px; margin: 0; background-color: #b9d3e0; font-style: italic; }
.single-post blockquote p { margin: 0; }
.single-post .attachment-image { width: 100%; text-align: center; margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
.single-post .attachment-image img { max-width: 100%; }
.single-post .previous-link { width: 33%; float: left; text-align: left; }
.single-post .next-link { width: 33%; float: left; text-align: right; }
.single-post .back-to-gallery { width: 33%; float: left; text-align: center; }
.single-post .back-to-gallery a { background: #2A85E8; background-image: -webkit-linear-gradient(top, #2A85E8, #175ba3); background-image: -moz-linear-gradient(top, #2A85E8, #175ba3); background-image: -ms-linear-gradient(top, #2A85E8, #175ba3); background-image: -o-linear-gradient(top, #2A85E8, #175ba3); background-image: linear-gradient(to bottom, #2A85E8, #175ba3); -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px #666666; -moz-box-shadow: 0px 1px 3px #666666; box-shadow: 0px 1px 3px #666666; color: #ffffff; font-size: 105%; padding: 10px 20px 10px 20px; text-decoration: none; white-space: nowrap; }
.single-post .back-to-gallery a:hover { background: #175ba3; background-image: -webkit-linear-gradient(top, #175ba3, #2A85E8); background-image: -moz-linear-gradient(top, #175ba3, #2A85E8); background-image: -ms-linear-gradient(top, #175ba3, #2A85E8); background-image: -o-linear-gradient(top, #175ba3, #2A85E8); background-image: linear-gradient(to bottom, #175ba3, #2A85E8); text-decoration: none; }
.single-post .next-link a { background: #2A85E8; background-image: -webkit-linear-gradient(top, #2A85E8, #175ba3); background-image: -moz-linear-gradient(top, #2A85E8, #175ba3); background-image: -ms-linear-gradient(top, #2A85E8, #175ba3); background-image: -o-linear-gradient(top, #2A85E8, #175ba3); background-image: linear-gradient(to bottom, #2A85E8, #175ba3); -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px #666666; -moz-box-shadow: 0px 1px 3px #666666; box-shadow: 0px 1px 3px #666666; color: #ffffff; font-size: 105%; padding: 10px 20px 10px 20px; text-decoration: none; white-space: nowrap; }
.single-post .next-link a:hover { background: #175ba3; background-image: -webkit-linear-gradient(top, #175ba3, #2A85E8); background-image: -moz-linear-gradient(top, #175ba3, #2A85E8); background-image: -ms-linear-gradient(top, #175ba3, #2A85E8); background-image: -o-linear-gradient(top, #175ba3, #2A85E8); background-image: linear-gradient(to bottom, #175ba3, #2A85E8); text-decoration: none; }
.single-post .previous-link a { background: #2A85E8; background-image: -webkit-linear-gradient(top, #2A85E8, #175ba3); background-image: -moz-linear-gradient(top, #2A85E8, #175ba3); background-image: -ms-linear-gradient(top, #2A85E8, #175ba3); background-image: -o-linear-gradient(top, #2A85E8, #175ba3); background-image: linear-gradient(to bottom, #2A85E8, #175ba3); -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px #666666; -moz-box-shadow: 0px 1px 3px #666666; box-shadow: 0px 1px 3px #666666; color: #ffffff; font-size: 105%; padding: 10px 20px 10px 20px; text-decoration: none; white-space: nowrap; }
.single-post .previous-link a:hover { background: #175ba3; background-image: -webkit-linear-gradient(top, #175ba3, #2A85E8); background-image: -moz-linear-gradient(top, #175ba3, #2A85E8); background-image: -ms-linear-gradient(top, #175ba3, #2A85E8); background-image: -o-linear-gradient(top, #175ba3, #2A85E8); background-image: linear-gradient(to bottom, #175ba3, #2A85E8); text-decoration: none; }
.single-post .join { width:100%; margin-left:auto; margin-right:auto; text-align:center; padding-top: 30px; padding-bottom: 30px; }
.single-post .join a { background: #2A85E8; background-image: -webkit-linear-gradient(top, #2A85E8, #175ba3); background-image: -moz-linear-gradient(top, #2A85E8, #175ba3); background-image: -ms-linear-gradient(top, #2A85E8, #175ba3); background-image: -o-linear-gradient(top, #2A85E8, #175ba3); background-image: linear-gradient(to bottom, #2A85E8, #175ba3); -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px #666666; -moz-box-shadow: 0px 1px 3px #666666; box-shadow: 0px 1px 3px #666666; color: #ffffff; font-size: 50px; padding: 10px 20px 10px 20px; text-decoration: none; white-space: nowrap; }
.single-post .join a:hover { background: #175ba3; background-image: -webkit-linear-gradient(top, #175ba3, #2A85E8); background-image: -moz-linear-gradient(top, #175ba3, #2A85E8); background-image: -ms-linear-gradient(top, #175ba3, #2A85E8); background-image: -o-linear-gradient(top, #175ba3, #2A85E8); background-image: linear-gradient(to bottom, #175ba3, #2A85E8); text-decoration: none; }
.imgnav { padding-top:20px; padding-bottom:20px; }
.post-comments { width: 750px; margin: 10px 0; }
.post-comments .total-comments { float: left; font-size: 12px; line-height: 20px; color:#666; }
.post-comments .comment-link { float: right; display: block; cursor: pointer; font-size: 16px; font-weight: bold; text-transform: uppercase; text-decoration: underline; line-height: 18px; }
.post-comments .comment-link img { border: 0 !important; }
.add-comment { width: 336px; padding: 20px; background-color: #f1f1f1; text-align: left; display: none; z-index: 10000; -moz-box-shadow: 0 0 10px 5px #016f8c; -webkit-box-shadow: 0 0 10px #016f8c; border: 1px solid #a5bcc7; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.add-comment p { width: 336px !important; margin: 0 0 10px 0; font-size: 11px; }
.add-comment .input-text { width: 332px; height: 29px; margin: 0 0 20px 0; padding: 0 0 0 4px; border: 0; background: url(images/input-text.png) no-repeat left top; font-family: 'Arimo', sans-serif; line-height: 29px; }
.add-comment .input-textarea { width: 332px; height: 196px; margin: 0 0 20px 0; padding: 4px 0 0 4px; border: 0; font-family: 'Arimo', sans-serif; background:#FFF; }
.add-comment .input-submit { width: 167px; height: 33px; border: 0; background: url(images/add-comment.png) no-repeat left top; cursor: pointer; margin: auto; }
.add-comment .close { background-image:url(images/close.png); position: absolute; right: -15px; top: -15px; cursor: pointer; height: 28px; width: 28px; }
.comment-list { width: 750px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.comment-list li { width: 730px; padding: 10px !important; margin: 0 0 8px 0 !important; background-color: #b9d3e0; }
.comment-list li.alt { background-color: #bed9e6; }
.comment-list .avatar { float: left; margin: 0 10px 0 0; border: 2px solid #016f8c; }
.comment-list .comment-author { float: left; }
.comment-list .comment-author em { font-size: 10px; text-transform: lowercase; font-weight: normal; font-style: italic; }
.comment-list .comment-data { float: right; text-align: right; font-size: 10px; font-weight: normal; font-style: italic; }
.comment-list p { float: left; width: 652px; }
.comments-paginator { text-align: center; font-size: 14px; }
.comments-paginator a { margin: 0 4px; }
.paginator { width: 90%; margin: 20px 25px; }
.paginator span, .paginator a { display: block; float: left; margin: 2px 2px 2px 0; padding: 6px 10px 5px 10px; text-decoration: none; width: auto; background: #f1f1f1; }
.paginator a:hover { color: #ffffff; background: #222222; }
.paginator .current { padding: 6px 10px 5px 10px; background: #222222; color: #ffffff; }
/* WordPress core */



.alignnone { margin: 0 3px 3px 0; }
.aligncenter, div.aligncenter { display:block; margin: 3px auto 3px auto; }
.alignright { float:right; margin: 0 0 3px 3px; }
.alignleft { float:left; margin: 0 3px 3px 0; }
.aligncenter { display: block; margin: 3px auto 3px auto; }
a img.alignright { float:right; margin: 0 0 3px 3px; }
a img.alignnone { margin: 0 3px 3px 0; }
a img.alignleft { float:left; margin: 0 3px 3px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 0 3px 3px 0; }
.wp-caption.alignleft { margin: 0 3px 3px 0; }
.wp-caption.alignright { margin: 0 0 3px 3px; }
.wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; }
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; }
.gallery { margin: auto; }
.gallery .gallery-item { margin: 2px; text-align: center; float: left; }
.gallery .gallery-item img { width: 230px; height: 300px; }
.gallery .gallery-item .gallery-icon { margin: 0; padding: 0; }
.gallery .gallery-caption { margin-left: 0; }
.gallery br { font-size: 1px; }
/* End of Wordpress core */



/* Some fixes for ie6 */



.content, .sidebar, .adsbar, .comment-list, .comment-list li { *margin: 0 !important;
*padding: 0 !important;
}
.posts { *margin: 14px 0px;
}
.posts .post { *margin: 0 2px 6px 0;
}
.single-post .video-category { *width: 300px;
}
.single-post .video-tags { *width: 430px;
}
.comment-list, .single-post embed, .single-post object, .single-post p, .post-comments { *width: 730px !important;
}
.comment-list li { *width: 710px !important;
*margin: 0 0 10px 0 !important;
*padding: 10px 0 10px 10px !important;
}
.gallery .gallery-item { *margin: 1px;
}
/* End of ie6 fixes */

/* additional custom css here*/

a { text-decoration: none; line-height: 20px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; }
a:focus { outline: none; border: none; }
img { max-width: 100%; height: auto; }
.header { height: 90px; }
.header .user-bar form .search-button { -webkit-appearance: none; -moz-appearance: none; }
.social-icons { text-align: right; }
.posts { margin: 0; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }
.posts .post { display: inline-block; float: none; font-size: 12px; height: auto; margin: 8px; vertical-align: top; }
.paginator span, .paginator a { background: none repeat scroll 0 0 rgb(241, 241, 241); display: block; float: left; line-height: 20px; font-size: 12px; margin: 2px 2px 2px 0; padding: 6px 10px 5px; text-decoration: none; width: auto; }
.posts .post a img { height: auto; }
.posts .post .link, .posts .post span { height: auto; width: 96%; }
.posts .single-post .gallery-item { /*margin: 0.5%; width: 19%;*/ }
.gallery .gallery-item img { height: auto; }
.exo { width:25%; float:left; padding-top:10px; padding-bottom:10px; }



/*.ra1-pw-popup.pw-popup-type_simplelist {
    -moz-box-sizing: border-box;
    -webkit--moz-box-sizing: border-box;
    -o--moz-box-sizing: border-box;
    -ms--moz-box-sizing: border-box;
    left: 0 !important;
    width: 96% !important;
}
.ra1-pw-popup-i{
	width: 90% !important;
}
.ra1-pw-popup{
	background: none !important;
}*/
/*----------- for responsive view ----------------------------------------------------*/
@media(max-width: 1024px) {
 .header, .navigation, .social-icons, .main, .footer, .footer p {
 max-width: 96% !important;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
}
}
/*------------------------------------------------------------------------------------------------------------------------*/
@media(min-width:768px) and (max-width: 1023px) {
}
/*------------------------------------------------------------------------------------------------------------------------*/

@media(max-width:767px) {
 .header .info h1 {
 font-size: 24px;
}
 .navigation {
 clear: both;
 display: inline-block;
 margin: 15px 0;
}
 .header .user-bar {
 width: 100%;
}
 .header .user-bar form {
 width: 100%;
}
 .header .user-bar form .search-form {
 width: 73%;
}
 .header .user-bar form .search-button {
 width: 23%;
}
 .header .user-bar .rss-feed {
 width: 48%;
}
 .social-icons {
 display: inline-block;
 text-align: center;
}
 .posts .post, .single-post {
 width: 100%;
 text-align: center;
 overflow: hidden;
}
 .posts .post a {
 display: inline-block;
 text-align: center;
}
 .gallery .gallery-item {
 float: none;
}
 .posts .post .link, .posts .post span {
 width: 96%;
}
 .gallery .gallery-item img {
 height: auto;
}
 .single-post .gallery-item {
 width: 100% !important;
 margin: 0.5% 0 !important;
}
.exo {
 width:25%;
 float:left;
 padding-top:10px;
 padding-bottom:10px;
}

 .single-post .join a {
 background: #2A85E8;
 background-image: -webkit-linear-gradient(top, #2A85E8, #175ba3);
 background-image: -moz-linear-gradient(top, #2A85E8, #175ba3);
 background-image: -ms-linear-gradient(top, #2A85E8, #175ba3);
 background-image: -o-linear-gradient(top, #2A85E8, #175ba3);
 background-image: linear-gradient(to bottom, #2A85E8, #175ba3);
 -webkit-border-radius: 5;
 -moz-border-radius: 5;
 border-radius: 5px;
 -webkit-box-shadow: 0px 1px 3px #666666;
 -moz-box-shadow: 0px 1px 3px #666666;
 box-shadow: 0px 1px 3px #666666;
 color: #ffffff;
 font-size: 200%;
 padding: 10px 20px 10px 20px;
 text-decoration: none;
/* white-space: nowrap; */
}
/*------------------------------------------------------------------------------------------------------------------------*/
@media(max-width:479px) {
.exo {
 width:auto;
float:none;
clear:both;
display:inline-block;
 box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
 padding-top:10px;
 padding-bottom:10px;
}
}
/*------------------------------------------------------------------------------------------------------------------------*/
@media(max-width: 319px) {
.social-icons {
 text-align: left;
}
.exo {
 width:auto;
float:none;
clear:both;
display:inline-block;
 box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
 padding-top:10px;
 padding-bottom:10px;
}
}
@media(max-width:1025px) {
.footer-links {
width:100%;
}
.footer-links .exo.span_c4 {
width:333px;
display:inline-block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
}
@media(max-width:980px) {
.footer-links {
width:100%;
}
.footer-links .exo.span_c4 {
 width:auto;
float:none;
clear:both;
display:inline-block;
 box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
}