/*
Theme Name: Infotuts
Theme URI: http://www.infotuts.com/indibiz-buisness-wordpress-theme
Author: Infotuts.com
Author URI: http://infotuts.com/
Description: Description
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: indibiz
Tags: black, green, white, light, dark, two-columns,  right-sidebar,  responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Indibiz is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/






body{
    background-color: #F3F4F6;
    font-family: 'Roboto', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin-top: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	line-height: 1.45;
	color: #868686;
	margin: 0 0 1.5rem;
}

h1 {
  font-size: 2.1rem;
  line-height: 2.6rem;
  margin-top: 20px;
}

h2 {
	font-size: 1.9rem;
	line-height: 2.3rem;
}

h3 {font-size: 1.5625rem;}

h4 {font-size: 1.375rem;}

h5 {font-size: 1.3125rem;}

h6 {font-size: 1.25rem;}

h1, h2 {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #e3e3e3;
}

p {
	margin-bottom: 1.5rem;
}
select {
  width: 250px;
  padding: 5px;
}
/*--------------------------------------------------------------
5.0 Links
--------------------------------------------------------------*/
a {
    text-decoration: none;	
    color: #000;
    color: hsl(0, 0%, 0%);    
}

/** a:visited {
    color: #333;
    color: hsl(0, 0%, 20%);
}
**/
a:hover,
a:focus,
a:active { 
    text-decoration: underline; 
    cursor: pointer;
}
.p-l-zero{
    padding-left: 0;
}
/*--------------------------------------------------------------
5.1 header Logo
--------------------------------------------------------------*/
.logo-wrapper{
  width: 100%;
  padding: 15px 0;
  overflow: hidden;  
}
.logo-wrapper .logo img, .logo-wrapper .advertisement {
  max-width: 100%;
  width: auto;
  height: auto;
}
.logo-wrapper .logo{
    text-align: left;
}
.logo-wrapper .logo p.site-title {
  margin-bottom: 6px;
  font-size: 30px;
  line-height: 30px;
  transition: margin-bottom .5s, font-size .5s;
  font-weight: 700;
}
.logo-wrapper .logo p.site-desc {
  line-height: 22px;
  font-size: 16px;
  line-height: 22px;
  transition: font-size .5s;
}
.logo a:hover {
  color: rgba(1, 153, 153, 0.99);
}
.logo-wrapper .advertisement{
    text-align: right;
}
/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.nav-wrapper {
  background-color: rgba(1, 153, 153, 0.99);
}
.main-navigation {
    position: relative;
    float: left;
    width: 100%;
    display: block;
    clear: both;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    background: rgba(1, 153, 153, 0.99);
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	float: left;
	position: relative;
}
.main-navigation a {
    display: block;
    padding: 1.3em 1em;
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration: none;
    line-height: 1.3em;
    color: white;
    color: hsl(0, 0%, 100%);
}
.main-navigation ul ul {
    position: absolute;
    left: 0;
    z-index: 99999;
    display: none;
    float: left;
    padding: 0;
    background: #077373;
    box-shadow: 2px 2px 6px rgba(0,0,0,.2);
}
.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}
.main-navigation ul ul a {
	width: 265px;
        background-color: rgb(0, 152, 152);
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
    color: #fff;
    color: hsl(0, 0%, 100%);
    background: #077373;
}
.main-navigation ul ul :hover > a {
  color: #fff;
  color: hsl(0, 0%, 100%);
  background: #077373;
}
.main-navigation ul ul a:hover {
    //background: rgba(1, 153, 153, 0.99);
}
.main-navigation ul li:hover > ul {
	display: block;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a:hover,
.main-navigation .current-menu-item > a:hover {
    background: white;
    color: rgba(1, 153, 153, 0.99);
    color: hsl(0, 0%, 19%);
}

.main-navigation .current_page_ancestor {
    background: #077373;
}

.main-navigation ul ul .current_page_parent,
.main-navigation .current_page_parent .current_page_item > a {
    color: #fff;
    color: hsl(0, 0%, 100%);
    background: rgba(1, 153, 153, 0.99);
} 

/** Category Menus **/

.cate-navigation {
    background: rgba(255, 255, 255, 1);
    border: 1px solid #F1F1F1;
    position: relative;
    float: left;
    width: 100%;
    display: block;
    clear: both;
    text-align: center;
    border-top: 0;
}
.cate-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
  display: inline-block;
    margin-bottom: -5px;
}
.cate-navigation li {
	float: left;
	position: relative;
}
.cate-navigation a {
 display: block;
  padding: 1em;
  font-size: 14px;
  font-size: 1.4rem;
  text-decoration: none;
  line-height: 1.3em;
  color: #009688;
  border-bottom: 2px solid #fff;
}
.cate-navigation li:hover > a {
  border-bottom: 2px solid orange;
}

.content-wrapper{
margin-top: 15px;
}
.primary .post {
  margin-bottom: 35px;
  background: #fff;
  border: 1px solid #d3d3d3;
}
.primary .post .post_title {
    margin: 0;
  margin-bottom: 8px;
  padding-bottom: 8px;
}
.primary .post .post_title a {
  color: #000;
}
.primary .post .postimg {
  float: left;
  margin-right: 15px;
  display: block;
  border: 1px solid #dcdcdc;
  padding: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 232px;
  height: 155px;
}
.primary .post .post_meta {
  list-style-type: none;
  background: #4ba6ba;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.primary .post .post_meta li {
  display: inline;
  margin-left: 0;
  margin-right: 8px;
  color: #fff;
  font-size: 12px;
  padding-left: 20px;
}
.primary .post .post_content {
  overflow: hidden;
  font-size: 16px;
  line-height: 27px;
}
.primary .post .post_meta li.date {
  background: url('images/date.png') left no-repeat;
}
.primary .post .post_meta li.category {
  background: url('images/category.png') left no-repeat;
}
.primary .post .post_meta li.admin {
  background: url('images/admin.png') left no-repeat;
}
div.post-meta ul li a:hover {
  color: #009688;
  text-decoration: none;
}
.post .post_content a.con-read {
  color: #009688;
  padding: 2px 8px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
  display: inline-block;
}
.primary .post hr.post_hr {
  margin-bottom: 12px;
  margin-top: -10px;
}
.primary .post .post_list {
  padding: 15px;
  display: inline-block;
}
.post_share {
  border-top: 1px solid lightgrey;
  padding: 8px 0;
  margin-bottom: -20px;
}
.primary .post .social_media {
  padding-left: 10px;
    padding-top: 5px;
}
.primary .post .social_media img {
width: 500px;
  height: auto;
  float: none;
  margin: 0;
  border: 0;
  padding: 0;
  border-radius: 0;
}
.primary .post .post-meta ul {
  padding: 0 5px 10px 5px;
  margin: 0;
  text-align: left;
}
.primary .post .post-meta ul li {
  display: inline-block;
  color: #999;
  font-size: 14px;
    margin-right: 20px;
}
.primary .post .post-meta ul li i.fa {
  color: #009688;
}
.primary .post .post-meta ul li a {
  //padding-left: 5px;
}
.primary .post .demo_link{
    text-align: right;
}
.primary .post .demo_link a {
  border: 1px solid #009688;
  padding: 5px 20px;
  margin-right: 30px;
  border-radius: 3px;
  background-color: #009688;
  color:#fff;
  display: inline-block;
}
.primary .post .demo_link a:hover {
background-color: #00A898;
color: #fff;
text-decoration: none;
}
 .content-wrapper .sidebar .widget{
  background: #fff;
  padding: 15px;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04);
  box-shadow: 0 1px 1px rgba(0,0,0,.04);
    margin-bottom: 30px;
}
.sidebar .widget h4, .sidebar .widget p {
  margin-bottom: 10px;
  line-height: 24px;
}
.sidebar .widget form {
  border: 0 !important;
}
.sidebar .widget form p, .sidebar .widget form h4 {
  color: #333;
}
.sidebar .widget form.search-form, .error-404 form.search-form{
  background: none;
  position: relative;
}
.widget form.search-form label, .error-404 form.search-form label {
  width: 100%;
  margin-bottom: 0;
}
.widget form.search-form input[type="submit"], .error-404 form.search-form input[type="submit"] {
border: none;
  position: absolute;
  width: 40px;
  right: 20px;
  bottom: 18px;
  color: rgb(16, 164, 255);
  text-indent: -999px;
  height: 40px;
  background: #009688;
}
.error-404 form.search-form input[type="submit"]{
  right: 1px;
  bottom: 1px;
}
.sidebar .widget form.search-form:after, .error-404 form.search-form:after{
  font-family: FontAwesome;
  content: "\f002";
  color: white;
  font-size: 20px;
  position: absolute;
  top: 28px;
  right: 30px;
}
.error-404 form.search-form:after{
  top: 8px;
  right: 10px;  
}
.widget form.search-form input[type="search"], .error-404 form.search-form input[type="search"]{
  border: solid 1px #009688;
  padding: 10px 5px;
  -moz-box-shadow: inset 0px 4px 1px 0px rgba(204,86,86,0.1);
  -webkit-box-shadow: inset 0px 4px 1px 0px rgba(204,86,86,0.1);
  box-shadow: inset 0px 4px 1px 0px rgba(204,86,86,0.1);
  width: 100%;
}
.sidebar .widget h4 {
  font-size: 25px;
  line-height: 1.2;
}
.sidebar .widget input[type="text"],.sidebar .widget input[type="email"] {
  width: 100% !important;
  margin-bottom: 4px;
  border-radius: 0;
  background-color: #fff;
  border: 1px solid #ddd;
  color: #999;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 8px;
}
.sidebar .widget input[type="submit"] {
  border-radius: 2px;
    background: #009688;
    color: #fff;
    width: 100%;
    margin: 10px 0 6px;
    font-size: 18px;
    padding: 8px;
    border: 0;
}
.sidebar .widget .share_box .fa {
  clear: both;
  overflow: hidden;
  font-size: 14px;
  line-height: 53px;
  width: 100%;
}
.sidebar .widget .share_box span {
  font-size: 10px;
  color: #888;
  text-transform: uppercase;
}
.rss1:before {
  font-family: "FontAwesome";
  color: #fff;
  content: "\f09e";
  background: #F0CD61;
  margin: 0px 10px 0px 0px;
  font-size: 19px;
  padding: 12px 15px;
  border-radius: 50%;
}
strong {
  font-weight: 700;
}
.share_box span {
  font-size: 10px;
  color: #888;
  text-transform: uppercase;
}
.share_box .lk {
  float: right;
}
.rss .lk {
  padding: 0px 12px;
  line-height: 27px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: bold;
  margin: 11px 0px 0px;
  background: #d00;
  color: #fff;
}
.fbook1:before {
  font-family: "FontAwesome";
  color: #fff;
  content: "\f09a";
  margin: 0px 10px 0px 0px;
  background: #1D5AC7;
  font-size: 19px;
  padding: 12px 18px;
  border-radius: 50%;
}
.fbook .lk {
  padding: 0px 12px;
  line-height: 27px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: bold;
  margin: 11px 0px 0px;
  background: #1D5AC7;
  color: #fff;
}
.twt1:before {
  font-family: "FontAwesome";
  color: #fff;
  content: "\f099";
  background: #6192EB;
  font-size: 19px;
  margin: 0px 10px 0px 0px;
  padding: 12px 13px;
  border-radius: 50%;
}
.twt .lk {
  padding: 0px 12px;
  line-height: 27px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: bold;
  margin: 11px 0px 0px;
  background: #6192EB;
  color: #fff;
}
.link1:before {
  font-family: "FontAwesome";
  color: #fff;
  content: "\f0e1";
  margin: 0px 10px 0px 0px;
  background: #487EDF;
  font-size: 19px;
  padding: 12px 14px;
  border-radius: 50%;
}
.link .lk {
  padding: 0px 12px;
  line-height: 27px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: bold;
  margin: 11px 0px 0px;
  background: #487EDF;
  color: #fff;
}
.ggl1:before {
  font-family: "FontAwesome";
  color: #fff;
  content: "\f0d5";
  margin: 0px 10px 0px 0px;
  background: #dd4b39;
  font-size: 19px;
  padding: 13px 14px;
  border-radius: 50%;
}
.ggl .lk {
  padding: 0px 12px;
  line-height: 27px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: bold;
  margin: 11px 0px 0px;
  background: #DF5D20;
  color: #fff;
}
.ytbe1:before {
  font-family: "FontAwesome";
  color: #fff;
  content: "\f167";
  background: #d00;
  margin: 0px 10px 0px 0px;
  font-size: 19px;
  padding: 13px 14px;
  border-radius: 50%;
}
.ytbe .lk {
  padding: 0px 12px;
  line-height: 27px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: bold;
  margin: 11px 0px 0px;
  background: #DF5D20;
  color: #fff;
}
.sshr .lk {
  padding: 0px 12px;
  line-height: 27px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: bold;
  margin: 11px 0px 0px;
  background: #DF5D20;
  color: #fff;
}


div.footer-sidebar-wrapper {
  padding: 25px 0;
  background: #1e2626;
  color: white;
  border-top: 1px solid #009688;
}

div.fsidebar {
  padding: 0 15px;
}
.fsidebar h4 {
  color: #fff;
  padding-bottom: 13px;
  margin-bottom: 13px;
  border-bottom: 1px solid #ccc;
}
.fsidebar h4:after {
  background-color: #009688;
  content: "";
  display: block;
  height: 3px;
  position: relative;
  top: 15px;
  width: 100px;
}
div.fsidebar ul {
  margin-bottom: 30px;
  list-style: none;
  padding-left: 5px;
}
div.fsidebar ul li:before {
  font-family: FontAwesome;
  content: "\f0a4";
  color: #009688;
  padding-right: 7px;
}
div.fsidebar ul li a {
  //padding-left: 7px;
  color: #fff;
}
div.fsidebar ul li a:hover {
  color: #009688;
}
div.footer-wrapper {
  background: #161B1B;
  padding: 10px 0;
  color: white;
  border-top: 1px solid #464746;
  text-align: center;
}
.footer-left a {
  color: rgb(0, 150, 136);
}
.footer-left a:hover {
  color: rgb(0, 150, 136);
}
.footer-left {
  padding-top: 7px;
}
div.social-icons ul {
  list-style-type: none;
  margin-bottom: 0;
  padding: 0;
}
div.social-icons ul li {
  display: inline-block;
}
div.social-icons ul li div.circle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #009688;
}
div.social-icons ul li a i.fa {
  font-size: 18px;
  color: #fff;
  margin: 0 10px;
  line-height: 36px;
}
.social-icons ul li a span {
  display: none;
}
div.social-icons ul li a i.fa {
  font-size: 18px;
  color: #fff;
  margin: 0 10px;
  line-height: 36px;
}


div.content-bar .post, div.content-bar .author_box, div.content-bar div#comments, div.content-bar .recent_post_box {
  background: #fff;
  border: 1px solid #e9e9e9;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.07);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.07);
  box-shadow: 0 1px 4px rgba(0,0,0,0.07);
  padding: 25px 20px;
  margin-bottom: 35px;
}
div.content-bar .post{
    margin-bottom: 0;
}
form#commentform input#submit {
margin-top: 20px;
}
.content-bar .post .post_title {
  margin: 0;
  margin-bottom: 8px;
  padding-bottom: 8px;
}
.content-bar .post .post-meta ul {
  padding: 0 5px 10px 5px;
  margin: 0;
  text-align: left;
}
.content-bar .post .post-meta ul li {
  display: inline;
  color: #999;
  font-size: 14px;
  margin-right: 20px;
}
.content-bar .post .post-meta ul li i.fa {
  color: #009688;
}
.content-bar .post .post-meta ul li a {
  //padding-left: 5px;
}
.content-bar .thumb.clear{
    text-align: center;
    margin-top: 20px;
}
.content-bar .thumb.clear img, .content-bar .thumb.clear a img {
  max-width: 100%;
  width: auto;
  height: auto;
  //max-height: 350px;
}
.post_content p {
  font-size: 16px;
  line-height: 24px;
  padding-top: 5px;
}

.content-bar .post .demo_link a {
  border: 1px solid #009688;
  padding: 8px 25px;
  float: left;
  border-radius: 3px;
  background-color: #009688;
  color: #fff;
  font-size: 16px;
}
.content-bar .post .demo_link a:hover, .content-bar .post .download_link a:hover{
  text-decoration: none;
}
.content-bar .post .download_link a {
  border: 1px solid #009688;
  padding: 8px 25px;
  float: right;
  border-radius: 3px;
  background-color: #fff;
  color: #009688;
  font-size: 16px;
}
.content-bar .post .demo-download {
  margin: 25px 0;
}
.author_content {
  font-size: 15px;
}
.author_box .author_content .avatar {
  width: 93px;
  height: 93px;
  border-radius: 50%;
  margin: 0 auto;
}
.author_box .author_content .author_bio {
  padding-top: 10px;
}

ol.comment-list {
  clear: both;
  overflow: hidden;
  list-style: none;
    padding-left: 0;
}
ol.comment-list li.comment {
  margin: 5px 0 15px;
}


.comment-list .vcard img.avatar {
float: left;
margin-bottom: 15px;
border: 1px solid #c8c8c8;
padding: 3px;
margin-right: 15px;
  width: 55px;
  height: 55px;
}
ol.comment-list {
list-style-type: none;
}
ol.children {
padding-left: 20px;
list-style-type: none;
}
#comments .comments-title {
margin-bottom: 10px;
}
.comment-body {
border: 1px solid #ececec;
clear: both;
color: #555;
display: block;
background: #f4f4f4;
padding: 20px 20px 30px;
border-radius: 3px;
margin-bottom: 30px;
}
div.comment-body p img {
max-width: 100%;
width: auto;
height: auto;
}
.comment-list .reply a {
  background: #009688;
  float: right;
  margin-top: -10px;
  color: #fff;
  padding: 5px 20px;
  border-radius: 3px;
}
img{
    max-width: 100%;
}
.header {
  background: #777;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 40px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 0 50px;
}
.header a {
  position: absolute;
  top: 0;
  left: 10px;
  font-size: 25px;
  color: #fff;
  padding-top: 8px;
}
.header a:hover, .header a:focus{
    text-decoration: none;
}
nav#menu, .header{
    display: none;
}

.navigation {
  border: 1px solid lightgrey;
  padding: 30px 15px;
  margin-bottom: 30px;
  text-align: center;
}
.navigation ul{
    margin-bottom: 0;
    padding-left: 0;
}
.navigation li {
  display: inline;
  margin-right: 10px;
}
.navigation li a, .navigation li.disabled {
  border-radius: 3px;
  cursor: pointer;
  padding: 8px 14px;
  border: 1px solid #009688;
  color: #009688;
}
.navigation li a:hover, .navigation li.active a {
  background-color: #009688;
  color: white;
  border: 1px solid #02776C
}

input:focus, textarea:focus {
  outline: none;
  border-color : #009688 !important;
}


.recent_post_box .related-post ul {
  list-style: none;
  margin: 0;
  padding: 0 !important;
}
.recent_post_box .related-post li {
  display: block;
  float: left;
  margin-right: 5%;
  width: 30%;
  text-align: center;
}
.recent_post_box .related-post li:last-child {
  margin-right: 0;
}
.recent_post_box .related-post .entry-thumbnail {
  background-color: #fff;
  display: block;
  float: none;
  height: auto;
  overflow: visible;
  width: 100%;
}
.recent_post_box .related-post .entry-thumbnail a {
  display: inline-block;
  height: 100%;
  position: relative;
  width: 100%;
}
.recent_post_box .related-post .entry-title {
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1.325em;
  margin-top: 10px;
  padding-right: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 16px;
}


form#commentform p label {
  display: none;
}
form#commentform input#author, form#commentform input#email {
  width: 48%;
  padding: 8px 10px;
  float: left;
  border: 1px solid #9D9D9D;
  margin-top: 20px;
}
form#commentform input#author{
    margin-right: 4%;
}
form#commentform input#url, form#commentform textarea#comment {
  float: left;
  width: 100% !important;
  margin-top: 20px;
  padding: 8px 10px;
  border: 1px solid #9D9D9D;
}
form#commentform p.form-allowed-tags {
  float: left;
  margin: 20px 0;
}
form#commentform input#submit {
  border: 1px solid #006E64;
  padding: 8px 25px;
  border-radius: 3px;
  background-color: #009688;
  color: #fff;
  font-size: 16px;
}
@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to { 
        -webkit-transform: rotate(360deg);
    }
}

div.social-icons ul li div.circle:hover a  {
    -webkit-animation-name: rotate; 
    -webkit-animation-duration: 1.0s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}
.circle.facebook {
  background: rgb(58, 87, 149);
  border-color: rgb(58, 87, 149) !important;
}
.circle.twitter {
  background: rgb(85, 172, 238);
  border-color: rgb(85, 172, 238) !important;
}
.circle.google-plus {
  background: rgb(221, 75, 57);
  border-color: rgb(221, 75, 57) !important;
}
.circle.rss {
  background: #F59037;
  border-color: #F59037 !important;
}
.circle.pinterest {
  background: rgba(189, 8, 28, 1);
  border-color: rgba(189, 8, 28, 1) !important;
}
.circle.linkedin {
  background: rgb(82, 162, 204);
  border-color: rgb(82, 162, 204) !important;
}

@media screen and (max-width: 767px) {
    .logo-wrapper .logo, .logo-wrapper .advertisement{
        text-align: center;
    }
    .main-navigation a {
        padding: 1.0em 1em;
        font-size: 12px;
        font-size: 1.2rem;
    }
}
@media screen and (max-width: 640px) {
    .post_content p {
        font-size: 15px;
        line-height: 20px;
    }
    .footer .social-icons {
        padding: 10px 0 0 0;
    }
    .navigation li a, .navigation li.disabled {
        padding: 5px 10px;
     }
}
@media screen and (max-width: 480px) {
    .primary .post .post_content {
      font-size: 15px;
      line-height: 20px;
      overflow : initial;
    }
    .primary .post .demo_link a {
      padding: 5px 10px;
      margin-right: 10px;
    }
    .content-bar .post .download_link a, .content-bar .post .demo_link a {
        padding: 5px 10px;
        font-size: 12px;
    }
    .author_box .author_content .avatar {
        width: 100%;
        height: auto;
    }
    .author_box .author_content .author_bio {
        padding-top: 0;
        font-size: 13px;
    }
    .navigation li a, .navigation li.disabled {
        padding: 2px 5px;
    }
    .navigation li {
        margin-right: 5px;
    }
}


.slicknav_menu {
	display:none;
}

.nav-wrapper{
    display: block;
}
 .slicknav_nav ul,  .slicknav_nav li {
  float: none;
}
@media screen and (max-width: 640px) {
    /* #menu is the original menu */

    .slicknav_menu {
        display:block;
    }

    .nav-wrapper {
        display: none;
    }
}
@media screen and (max-width: 510px) {
.cate-navigation ul {
  padding: 0 40px;
}
.cate-navigation a {
  border-bottom: 1px solid #fff;
  padding: 0.6em 0em;
}
.cate-navigation li {
  margin: 0 15px;
  width: 24%;
}
.cate-navigation li:hover > a {
  color: #009688;
  background-color: #FFFFFF;
  border-bottom: 1px solid orange;
}
}
@media screen and (max-width: 450px) {
.cate-navigation ul {
  padding: 0 15px;
}
}
@media screen and (max-width: 400px){
.cate-navigation li {
  margin: 0 10px;
}
.cate-navigation a{
  font-size: 12px;
}
}

.sidebar .widget .widget-title {
  padding-bottom: 5px;
  font-size: 18px;
  margin-top: 0;
  border-bottom: 2px solid #009688;
  color: #2d2b2b;
}
.sidebar .widget ul {
  list-style-type: none;
  padding: 0px 10px 0;
}
.sidebar .widget ul li {
  padding: 5px 0;
}
.sidebar .widget ul li:before {
  font-family: FontAwesome;
  content: "\f101";
  color: #009688;
  padding-right: 4px;
}
.sidebar .widget ul li a {
  //padding-left: 4px;
  color: #868686;
  font-weight: bold;
}

footer.entry-footer {
  margin-top: 20px;
}
span.tags-links a {
  background: #969696;
  color: #fff;
  border-radius: 2px;
  padding: 4px 10px;
  font-size: 14px;
}
span.edit-link a {
  color: #009688;
}
.entry-footer .bar {
  margin-top: 15px;
}
.bar .share a {
  color: #009688;
  font-size: 24px;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 0;
  width: 0;
  overflow: hidden;
}

.sidebar .infotuts-comment ul li:before{
    content: '';
}
.sidebar .infotuts-comment ul {
    padding: 0;
}

.infotuts-comment {
  margin-top: 20px;
}
.infotuts-comment img {
  float: left;
  border: 1px solid #009688;
  padding: 2px;
  width: 70px;
  height: 50px;
}
.infotuts-post {
  padding-left: 5px;
  display: inline-block;
}
.infotuts-post .r_title {
  margin-bottom: 0;
  padding-top: 5px;
}
.infotuts-post ul li {
  padding: 0 !important;
}

span.nav-previous a span.post-title {
display: none;
}
span.nav-next a span.post-title {
display: none;
}
.nav-previous {
  float: left;
}
.nav-next {
  float: right;
}
nav.navigation.post-navigation {
  padding-top: 10px;
}
nav#nav-single a:hover {
  color: #009688;
}

.error-404 .widget {
  margin: 30px 0;
}
div.fsidebar a {
  color: rgb(200, 200, 200);
}
.tagcloud a {
  background-color: #616161;
  padding: 3px 5px;
  margin: 2px 0;
  display: inline-block;
  color: #dcdcdc;
}
nav.navigation.post-navigation {
  padding-top: 10px;
  margin-top: 30px;
  background: #F2F2F2;
}
.nav-next a:after {
  content: '\f0a9';
  font-family: fontAwesome;
  font-size: 16px;
}
.nav-previous a:before {
  content: '\f0a8';
  font-family: fontAwesome;
  font-size: 16px;
  padding-right: 5px;
}
.syntaxhighlighter {
  word-break: break-all !important;
}


/* Widget Lead Capture CSS */

#sw-contact-form #sw-form p,#sw-form p input[type=text], #sw-form p input[type=email] {
  width: 100% !important;
}
input#submit-cn-form {
  background: #009688;
  color: #fff;
  width: 100%;
  margin: 10px 0 3px;
  font-size: 18px;
  padding: 7px;
  border: 0;
  height: auto;
  box-shadow: none;
}
#sw-form {
   padding: 20px !important;
   padding-bottom: 5px !important;
}
.widget .lead_form {
  background-color: rgb(44, 47, 46);
  margin: -7px;
  padding: 20px;
  color: #DADADA;
}
.widget .lead_form h4{
  color: #DADADA;
}
div#sw-contact-form {
  margin-bottom: -20px;
  background: rgba(245, 245, 245, 0);
}
p#msg {
  background-color: #009688;
  color: #fff;
  margin: -1px -15px 5px !important;
  padding: 10px;
  font-size: 14px;
}
.IL_BASE {
  max-width: 100% !important;
  height: auto !important;
}
.custom_ads {
    margin-bottom: 35px;
}