/*
Theme Name: Kalpna Tayal
-*/

@font-face {
    font-family: 'karlabold';
    src: url('fonts/karla-bold-webfont.woff2') format('woff2'),
         url('fonts/karla-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'karlaregular';
    src: url('fonts/karla-regular-webfont.woff2') format('woff2'),
         url('fonts/karla-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswaldbold';
    src: url('fonts/oswald-bold-webfont.woff2') format('woff2'),
         url('fonts/oswald-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswald_regularregular';
    src: url('fonts/oswald-regular-webfont.woff2') format('woff2'),
         url('fonts/oswald-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {font-family: 'karlaregular';; margin:0; padding:0; font-size:14px; color: #353535; background:#f7f7f7; font-weight:400;}



html, 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, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, img, input, button, header, article, time, nav, section, aside, hgroup, footer/* sub, sup, table, caption, tbody, tfoot, thead, tr, th, td */

{padding:0; border: 0; font-size: 100%; margin:0; vertical-align: baseline;}



* { outline:none; margin:0px; padding:0px;}

.clr{clear:both;}

.fl{float:left;}

.fr{float:right;}

img{border:0;}

.overflow{ overflow: hidden;}

/*{margin:0px; padding:0px; outline:none;}*/



input, select, content-area{font-family: 'karlaregular';;}

a{text-decoration:none; color:#000}



.content-area a {text-decoration: none;}

.content-area a:hover { text-decoration: none; color: #42BCE2}

.post-title-alt a:hover{color:#406CCA !important}

.content-area p{color: #000; line-height:24px; font-size:16px; padding:0 0 18px;}

.content-area h1{color: #353535; font-size:24px; font-family: 'oswald_regularregular'; font-weight:400 !important;}

.content-area h2{color: #353535; font-size:28px; padding:0 0 6px;font-family: 'oswald_regularregular';font-weight:400 !important;}

.content-area h3{color: #353535; padding:0 0 10px;font-family: 'oswald_regularregular';font-weight:400!important;font-size:24px;}

.content-area h4{color: #353535; padding:0 0 10px;}

.content-area h5{color: #353535; padding:0 0 10px;}

.content-area h6{color: #353535; padding:0 0 10px;}

.content-area label{padding:0 0 10px;}

.content-area input, .content-area content-area{color: #1c1c1c; line-height:25px; font-size:14px; font-weight:bold;}

.content-area ul {list-style:disc}

.content-area ul li, .content-area ol li{margin:0 0 0 20px; padding:0 0 10px 5px;color: #000; line-height:24px; font-size:16px;}



.sp10{height:10px; overflow:hidden; clear:both;}

.sp15{height:15px; overflow:hidden; clear:both;}

.sp30{height:30px; overflow:hidden; clear:both;}

.sp40{height:40px; overflow:hidden; clear:both;}



.pRNone { padding-right:0px!important;}



.siteWidth { width:1200px; margin: 0 auto; }



/* ---- HTML5 elements set to display:block for browsers ---- */

header, article, time, nav, section, aside, hgroup, footer{display:block;}



/* ---- Common CSS ---- */

.bodNone { border-right:none!important;}





ul{list-style:none}

content-area {resize:none;}



.pT10{padding-top:10px;}

.pTB20 { padding:20px 0;}



.posR { position:relative;}





.L-align{text-align:left;}

.C-align{text-align:center}

.R-align{text-align:right;} 



.font18 { font-size:18px!important;}



.lh18{line-height:18px} 



.dispB{display:block}

.v_aling img{vertical-align:middle;}



.blueTxt { color: #00b4ff!important;}



.bodTp {border-top:3px solid #000;}



hr{ display: block; height: 1px; border: 0; border-top: 1px solid #e4e3e3; margin: 0 0 20px;  padding: 0}

.content-area .kc-blog-posts .kc-post-2-button{ background:#EC860C; color:#fff; border:none; font-size: 14px;}
.content-area .kc-blog-posts .kc-post-2-button i{position:relative; top:1px;}

/*---------Common--------*/
input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="password"], input[type="time"], input[type="url"], input[type="week"], input[type="search"], textarea {
	border: 1px solid #d4d4d4;
	width: 100%;
	max-width: 100%;
	background: #fff;
	color: #5d5d5d;
	font-size: 14px;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	height: 40px;
	padding:0 0 0 10px;
}
textarea {
	min-height: 150px
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input[type="search"]:focus, textarea:focus {border:1px solid #1e6272;}
select {
	border: 1px solid #d4d4d4;
	width: 100%;
	padding: 2px 3%;
	color: #5d5d5d;
	font-size: 14px;
	font-weight: normal;
	height:40px;
}
option {
	border: none;
	width: 100%;
	padding: 10px 3%;
	color: #5d5d5d;
	font-size: 12px;
}
input[type="submit"], input[type="button"] {
	background: #EC860C;
    padding: 5px 20px;
    color: #fff;
    font-size: 12px;
	cursor:pointer;
	-webkit-transition:0.2s all ease;
	-moz-transition:0.2s all ease;
	transition:0.2s all ease;
}
input[type="submit"]:hover, input[type="button"]:hover {
	background: #0ba2c5;
}
input[type="submit"]:focus, input[type="button"]:focus {
	background: #005569;
}
.entry-content .kc_button, .entry-content .kc-fb-layout-1 .content-button a, .entry-content .content-button a{ background:#1e6272; padding:5px 20px; color:#fff; font-size:12px}

.entry-content .kc_button:focus, .entry-content .kc-fb-layout-1 .content-button a:focus, .entry-content .content-button a:focus{ background:#005569;}
.entry-content .kc_button:hover, .entry-content .kc-fb-layout-1 .content-button a:hover, .entry-content .content-button a:hover{ background:#0ba2c5;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.entry-content img{max-width:100%; height:auto;}

/***********************************************************/


#left-panel{position:relative; left:0; background:#fff; padding:20px 50px; width:17%; float:left;    box-shadow: 3px 1px 1px rgba(0, 0, 0, 0.15); margin:0 30px 0 0;}
.main-picture{text-align:center; margin:15px 0 0;}
.main-picture img{border:1px solid #c3c3c3; width:100%; height:auto}
.about-author{ display:block; margin:20px 0 0; position:relative; text-align:center}
.about-author::before{position:absolute; left:0; content:""; width:100%; height:1px; background:#c3c3c3;top:50%}
.about-author span{position:relative; z-index:1; display:inline-block; background:#fff; padding:0 10px;font-size: 18px;}
.sidebar { margin: 20px 0 0;}
.rdmr{background: #ff7900;color: #fff; font-size: 14px;padding: 3px 7px;box-shadow: 0px 0 8px #757474; margin: 10px 0 0px;float: left;}
a.specialpage {float: right;background: #333333; color: #fff; padding: 3px 10px;  margin: 10px 0 0;font-size: 16px;}
.sidebar .widget{padding:0 0 40px;}
.sidebar .widget p{font-size:16px; line-height:25px;}
.social-media-links {float: left;margin: 50px 0 0 10px;}
.social-media-links ul.menu {text-align:center}
.social-media-links ul.menu li{display:inline-block; padding:0 2px;}
.sidebar .widget .widget-title{position:relative; text-align:center; text-transform:uppercase; letter-spacing:5px;color: #406cca; font-size:24px; margin:0 0 25px;font-family: 'oswald_regularregular';}
.sidebar .widget .widget-title::before{position:absolute; left:0; content:""; width:100%; height:1px; background:#dadada;top:50%}
.sidebar .widget .widget-title span{position:relative; z-index:1; display:inline-block; background:#fff; padding:0 10px;}

.top-contact {float: right;margin: 50px 10px 0 0;}
.top-contact ul li {float: left; padding: 0 0px 0 20px; font-size: 18px;}

.sidebar .widget .menu-main-menu-container ul li{ list-style:circle; margin:0 0 0 15px;padding:0 0 15px;}
.sidebar .widget .menu-main-menu-container ul li a{font-size:16px; color:#292929;}
.sidebar .widget_search .screen-reader-text{display:none}
.sidebar .widget_search .search-field{ border:1px solid #c3c3c3; max-width:100%; height:40px; padding:0 0 0 5px; width: 100%; border-radius:5px;}
.sidebar .widget_search button.search-submit {
    background: none;
    float: right;
    margin: -34px 25px 0 0;
    position: relative;
    width: 30px;
    border-left: 1px solid #333;
    padding: 0 0 0 10px;
	cursor:pointer;
}
.sidebar .widget_search svg.icon.icon-search {
    height: 25px;
    fill: #797575;
    width: 30px;
}

.sidebar .widget_recent_entries ul li{ list-style:circle; margin:0 0 0 15px;padding:0 0 15px;}

.sidebar .widget_recent_entries ul li a{font-size:12px; color:#292929;}


.sidebar .widget_recent_comments ul li{ list-style:circle; margin:0 0 0 15px;padding:0 0 15px;}
.sidebar .widget_recent_comments ul li a{font-size:12px; color:#292929;}

.sidebar .widget_archive ul li{ list-style:circle; margin:0 0 0 15px;padding:0 0 15px;}
.sidebar .widget_archive ul li a{font-size:12px; color:#292929;}


/*.sidebar .widget_categories ul li{ list-style:circle; margin:0 0 0 15px;padding:0 0 15px;}*/
/*.sidebar .widget_categories ul li a{font-size:12px; color:#292929;}*/
.sidebar .widget_categories ul li {list-style: none; margin: 0 0 5px; padding: 5px 15px;display: inline-block; border: 1px solid #ccc; background: #e60000;}
.sidebar .widget_categories ul li a{font-size:12px; color:#fff;}
.sidebar .widget_categories ul li:hover{background: #333}
.sidebar .widget_meta ul li{ list-style:circle; margin:0 0 0 15px;padding:0 0 15px;}
.sidebar .widget_meta ul li a{font-size:12px; color:#292929;}

.sidebar .widget_tag_cloud a{ display:inline-block; padding:3px 5px; font-size:12px !important; margin:0 3px 8px;;border:1px solid #c3c3c3;} 
.sidebar .widget ul li a{font-size:16px;}
.sidebar .widget_tag_cloud a:hover{background: #406cca}

#rightpanel{float: left;width: 72%;min-height: 100px;padding:0 0 40px; background:#fff;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15)}

.navigation-menu{width:66%; float:left; text-align:center; position:fixed; z-index:999; background:#333;}
.navigation-menu ul.menu{display:inline-flex}
.navigation-menu ul li{ float: left; position:relative;border-left: 1px solid #656565;background:#333;}
.navigation-menu ul li:last-child{border-right: 1px solid #656565;}
.navigation-menu ul li a{ padding: 10px 15px; display:block;color:#fff;    font-size: 15px;}
.navigation-menu ul li.current-menu-item{background: #ff7900;}
.navigation-menu ul li.blue, .navigation-menu ul li.blue .sub-menu{background: #406cca;}
.navigation-menu ul li.orange, .navigation-menu ul li.orange .sub-menu{background: #ff7900;}
.navigation-menu ul li .sub-menu{ position:absolute; top:0; width: 190px; visibility: hidden; opacity:0; -webkit-transition:0.2s all ease-in-out; -moz-transition:0.2s all ease-in-out; transition:0.2s all ease-in-out;background:#333;border-bottom: 1px solid #656565;}
.navigation-menu ul li .sub-menu li{border-top: 1px solid #656565 !important; border: none; display: block;width: 100%;  text-align: left;}
.navigation-menu ul li:hover .sub-menu{top:38px; visibility:visible; opacity:1;}
.navigation-menu ul li:hover{    background: #ff7900;}

.site-content {padding:10px 20px 0;}
.content-area .kc_title {position:relative; margin:0 0 20px; text-align:center; font-size:32px; padding:0; letter-spacing:1px; color:#406CCA}
.kc_title::before{position:absolute; left:0; content:""; width:100%; height:1px; background:#dadada;top:55%;}
.kc_title span{position:relative; z-index:1; display:inline-block; background:#fff;padding: 9px 10px 3px; border: 1px solid #dadada;}
.content-area .kc_title a{color:#406CCA}
.content-area .kc-blog-posts-3 .kc-list-item-3 .post-title-alt{line-height:normal;height: 55px;}
#back2Top{position: fixed; bottom: 40px; padding:10px; background:#000; z-index:99; display:none; transition:0.2s all ease-in-out; border:1px solid #c3c3c3; color:#fff; cursor:pointer; right:35px;}
#back2Top:hover{bottom: 50px;}

.fixed-menu-show{opacity:1 !important; visibility:visible !important;transition:0.2s all ease-in-out}


.page-title-search {position: relative; margin: 0 0 15px; text-align: center;font-size: 32px;padding: 0;color: #406CCA;  text-transform: uppercase;}
.page-title-search::before{position:absolute; left:0; content:""; width:100%; height:1px; background:#dadada;top:55%;}
.page-title-search span{position:relative; z-index:1; display:inline-block; background:#fff;padding: 9px 10px 3px; border: 1px solid #dadada;}


.search-page{ float:left; width:100%; padding:0 15px; max-width:100%}
.search-page .status-publish{ width:32%; margin:0 5px 30px; float:left; box-shadow: 0 0 5px #d8d8d8;height: 460px;}
.search-page .status-publish img{width:100%; height:auto}
.search-page .entry-header{ padding:10px}
.search-page .entry-header .entry-title a{font-size:18px}
.search-page .entry-meta span.screen-reader-text {
    float: left;
    padding: 0 10px 0 0;
	color: #42BCE2;
}
.search-page .entry-meta a{color: #42BCE2;}

.search-page .entry-summary{ padding:10px; }

.search-page .updated{display:none}
.search-page .published{display:block !important}
.pagination svg{ display:none}
.pagination .nav-links .page-numbers{ float:left; padding:7px 10px; margin:0 8px 0 0; color:#000; border:1px solid #c3c3c3;}
.pagination .nav-links span.current{background:#000; color:#fff;}




.single-post .post-thumbnail img{ max-width:100%; height:auto;}
.single-post .post-title {
    position: relative;
    margin: 0 0 15px;
    text-align: center;
    font-size: 32px;
    padding: 0;
    
	color: #406CCA;
	text-transform:uppercase;
}

.single-post .post-title span {
    position: relative;
    z-index: 1;
    display: inline-block;
    background: #fff;
    padding: 9px 10px 3px;
    border: 1px solid #dadada;
}
.single-post .post-title::before {
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #dadada;
    top: 55%;
}

.single-post .entry-meta {
    float: left;
    padding: 0 15px 0;
}
.single-post .entry-meta a, .entry-footer a{color: #42BCE2;}
.single-post .entry-meta span{display:inline-block}
.single-post .entry-meta .posted-on{ display: inline-block}
.single-post .entry-meta .posted-on a{display: inline-block; padding: 0 5px 0 0;}
.single-post .entry-meta .byline{display: inline-block}
.single-post header.entry-header {
    padding: 10px;
}

.single-post .entry-content, .page-entry-content{padding:10px 25px;}

.entry-footer svg{display:none}
.post-navigation svg{display:none}
.post-navigation h2{display:none}

.entry-footer .cat-links a{padding:0 0 0 10px}

.post-navigation {
    padding: 0 10px;
}
.post-navigation a{position:relative; text-decoration:none;}

.post-navigation .nav-previous{ float:left;}
.post-navigation .nav-next{float:right}
.post-navigation .nav-title{opacity:0; visibility:hidden; position: absolute; top:0; -webkit-transition:ease-in-out 0.2s all; -moz-transition:ease-in-out 0.2s all; transition:ease-in-out 0.2s all; width:300px; display:none;}
.post-navigation a:hover .nav-title{opacity:1; visibility:visible;top:-20px;}
.post-navigation .nav-subtitle{display:none}
.post-navigation .nav-previous .screen-reader-text{display:block; background:#333; color:#fff;    padding: 7px 15px; position:relative;-webkit-transition:ease-in-out 0.2s all; -moz-transition:ease-in-out 0.2s all; transition:ease-in-out 0.2s all;}
.post-navigation .nav-previous .screen-reader-text::before{content:"<<"; position: absolute; left:25px;-webkit-transition:ease-in-out 0.2s all; -moz-transition:ease-in-out 0.2s all; transition:ease-in-out 0.2s all; opacity:0;}
.post-navigation .nav-previous .screen-reader-text:hover::before{ left:10px; opacity:1;}
.post-navigation .nav-previous .screen-reader-text:hover{padding:7px 15px 7px 30px;}

.post-navigation .nav-next .screen-reader-text{display:block; background:#333; color:#fff;    padding: 7px 15px; position:relative;-webkit-transition:ease-in-out 0.2s all; -moz-transition:ease-in-out 0.2s all; transition:ease-in-out 0.2s all;}
.post-navigation .nav-next .screen-reader-text::before{content:">>"; position: absolute; right:25px;-webkit-transition:ease-in-out 0.2s all; -moz-transition:ease-in-out 0.2s all; transition:ease-in-out 0.2s all; opacity:0;}
.post-navigation .nav-next .screen-reader-text:hover::before{ right:10px; opacity:1;}
.post-navigation .nav-next .screen-reader-text:hover{padding:7px 30px 7px 15px;}

.comments-area{padding:0 10px;}

.entry-header .entry-title, .category-page .post-title {
    position: relative;
    margin: 0 0 15px;
    text-align: center;
    font-size: 32px;
    padding: 0;
    
	color: #406CCA;
	text-transform:uppercase;
}
.category-page .post-title a{color: #406CCA;}

.entry-header .entry-title span, .category-page .post-title span {
    position: relative;
    z-index: 1;
    display: inline-block;
    background: #fff;
    padding: 9px 10px 3px;
    border: 1px solid #dadada;
}
.entry-header .entry-title::before, .category-page .post-title::before {
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #dadada;
    top: 55%;
}

.post-thumbnail img{max-width:100%; height:auto}
.category-page .post{padding:0 0 30px}
.category-page .entry-content{padding:0 10px}

.category-page .entry-meta a, .entry-footer a{color: #42BCE2;display:inline-block}
.category-page .entry-meta span{display:inline-block}
.category-page .entry-meta .posted-on{ display: inline-block}
.category-page .entry-meta .posted-on a{display: inline-block; padding: 0 5px 0 0;}
.category-page .entry-meta .byline{display: inline-block}
.category-page header.entry-header {
    padding: 10px;
}
.updated{display:none}
.published{display:inline-block !important}
.kc-blog-posts-3 .kc-list-item-3 .content{padding: 16px !important;}
.search-page .entry-header .entry-title{font-size:20px}
.search-page .entry-header .entry-title::before {display:none}
#menu-icon, .sub-menu-icon, .mobile-left-icon{display:none}

.kc-blog-posts-3 .kc-list-item-3 .content{    height: 248px;}
.kc-blog-posts-3 .kc-list-item-3 .content .entry-excerpt {height: 180px;}

.entry-thumb-wrapper {border: 1px solid #f1f1f1;}

.post-img { float: right; padding: 0 0 20px 20px;}
.post-img img{max-width:100%; height:auto; border: 1px solid #dedede;}

.single-post .entry-content a{text-decoration:underline}

@media only screen and (min-width : 320px) and (max-width : 479px) {
	
#left-panel{width: 100%;padding: 10px 10px 40px;}	
#rightpanel{width: 100%;}
.social-media-links {position: absolute;top: 35px;padding-left: 0;left: 0;right: 0;}
.logo{text-align:center}
.mobile-left-icon{position: fixed;top: 0;right: 0;width: 34px;height: 32px;padding: 0 8px;background: #3057ab;z-index: 9999;cursor: pointer;display: block;color: #fff;}
.mobile-left-icon .top-line, .mobile-left-icon .mid-line, .mobile-left-icon .bot-line{display: block;height: 3px;width: 27px;background: #fff;margin: 0px auto;border-radius: 2px; -webkit-transition:all linear 0.2s; -moz-transition:all linear 0.2s; transition:all linear 0.2s; position: absolute;left: 0;right: 0;}
.mobile-left-icon .top-line{top: 22%;}
.mobile-left-icon .mid-line{top: 47%;}
.mobile-left-icon .bot-line{top: 72%;}
.left-icon-active .mid-line{ opacity:0; visibility:hidden;}
.left-icon-active .top-line{transform: rotate(45deg);top: 45%;}
.left-icon-active .bot-line{transform: rotate(-45deg);top: 45%;}

.left-panel-sctions{width:100%;transition: all linear 0.2s; overflow-y: auto;height: 100%;left:-100%; z-index:9998;  background:#fff; position:fixed; top:0;}
.left-panel-sctions-show{ left:0;padding:10px;}
.fixed-menu{display:none}
.content-area .kc_title{font-size: 24px;}
.page-title-search{font-size: 24px;}
.search-page .status-publish, .search-page .page{width: 100%;margin: 0 0 30px;}
.entry-header .entry-title, .category-page .post-title{font-size: 24px;}
.single-post .post-title{font-size: 24px;}

.navigation-menu{position:relative; width:100%; color:#fff;}
#menu-icon { width: 100%; background: #242424; display:block; font-size:16px;padding: 6px 0; cursor:pointer;}
#menu-icon img{vertical-align:middle}
.navigation-menu ul.menu{width:100%; display:none}
.navigation-menu ul.menu li{width:100%; border-bottom:1px solid #656565;}
.sub-menu-icon {position: absolute;right: 20px; top: 9px; display:block}
.sub-menu-icon img {height: 9px; width: auto;}
.navigation-menu ul li .sub-menu{position:relative; visibility:visible; opacity:1; display:none; top: auto!important; width:100%;}
.navigation-menu ul li .sub-menu li{text-align:center; background: #1d1d1d;}
.site-content{padding:20px 0 0}

.top-contact {margin: 10px 0 0;width: 100%; text-align: center;}
.top-contact ul li{float: none;padding: 0 0 10px;}

.post-img {float: right; padding: 0 0 20px;width: 100%;}

}

@media only screen and (min-width : 480px) and (max-width : 599px) {
	
#left-panel{width: 100%;padding: 20px;}	
#rightpanel{width: 100%;}
.logo{text-align: left;float: left;width: 50%;}
.social-media-links {position: absolute;top: 30px; padding-left: 0; right: 10px;margin: 0;}
.mobile-left-icon{position: fixed;top: 0;right: 0;width: 34px;height: 32px;padding: 0 8px;background: #3057ab;z-index: 9999;cursor: pointer;display: block;color: #fff;}
.mobile-left-icon .top-line, .mobile-left-icon .mid-line, .mobile-left-icon .bot-line{display: block;height: 3px;width: 27px;background: #fff;margin: 0px auto;border-radius: 2px; -webkit-transition:all linear 0.2s; -moz-transition:all linear 0.2s; transition:all linear 0.2s; position: absolute;left: 0;right: 0;}
.mobile-left-icon .top-line{top: 22%;}
.mobile-left-icon .mid-line{top: 47%;}
.mobile-left-icon .bot-line{top: 72%;}
.left-icon-active .mid-line{ opacity:0; visibility:hidden;}
.left-icon-active .top-line{transform: rotate(45deg);top: 45%;}
.left-icon-active .bot-line{transform: rotate(-45deg);top: 45%;}

.left-panel-sctions{width:70%;transition: all linear 0.2s; overflow-y: auto;height: 100%;left:-100%; z-index:9998;  background:#fff; position:fixed; top:0; box-shadow:0 2px 5px #605f5f;}
.left-panel-sctions-show{ left:0;padding:10px;}
.fixed-menu{display:none}
.content-area .kc_title{font-size: 24px;}
.page-title-search{font-size: 24px;}
.search-page .status-publish, .search-page .page{width: 100%;margin: 0 0 30px;float:left}
.entry-header .entry-title, .category-page .post-title{font-size: 24px;}
.single-post .post-title{font-size: 24px;}
.navigation-menu{position:relative; width:100%; color:#fff; }
#menu-icon { width: 100%; background: #242424; display:block;font-size:16px;padding: 6px 0;cursor:pointer;}
#menu-icon img{vertical-align:middle}
.navigation-menu ul.menu{width:100%; display:none}
.navigation-menu ul.menu li{width:33.3%;height: 45px;border-bottom: 1px solid #656565;border-right: 1px solid #656565; border-left:none;}
.navigation-menu ul li a {position: absolute;left: 0; right: 0; top: 49%;font-size: 14px;transform: translateY(-40%); padding:0 15px;}
.sub-menu-icon {position: absolute; right: 3px; top: 39%; display: block; z-index:999;}
.sub-menu-icon img {height: 9px; width: auto;}
.navigation-menu ul li .sub-menu{visibility:visible; opacity:1; display:none; top: 44px!important; z-index:9999;width:100%;}
.navigation-menu ul li .sub-menu li{text-align:center; background: #1d1d1d;}
.site-content{padding:20px 0 0}

.top-contact {margin: 10px 0 0;width: 100%; text-align: center;}
.top-contact ul li{float: none;padding: 0 10px 0;display: inline-block;}
.post-img {float: right; padding: 0 0 20px 20px;width: 50%;}
}

@media only screen and (min-width : 600px) and (max-width : 767px) {
	
#left-panel{width: 100%;padding: 20px;}	
#rightpanel{width: 100%;}
.logo{text-align: left;float: left;}
.social-media-links {position: absolute;top: 40px;padding-left: 0;right: 10px;margin: 0;}

.mobile-left-icon{position: fixed;top: 0;right: 0;width: 34px;height: 32px;padding: 0 8px;background: #3057ab;z-index: 9999;cursor: pointer;display: block;color: #fff;}
.mobile-left-icon .top-line, .mobile-left-icon .mid-line, .mobile-left-icon .bot-line{display: block;height: 3px;width: 27px;background: #fff;margin: 0px auto;border-radius: 2px; -webkit-transition:all linear 0.2s; -moz-transition:all linear 0.2s; transition:all linear 0.2s; position: absolute;left: 0;right: 0;}
.mobile-left-icon .top-line{top: 22%;}
.mobile-left-icon .mid-line{top: 47%;}
.mobile-left-icon .bot-line{top: 72%;}
.left-icon-active .mid-line{ opacity:0; visibility:hidden;}
.left-icon-active .top-line{transform: rotate(45deg);top: 45%;}
.left-icon-active .bot-line{transform: rotate(-45deg);top: 45%;}

.left-panel-sctions{width:60%;transition: all linear 0.2s; overflow-y: auto;height: 100%;left:-100%; z-index:9998;  background:#fff; position:fixed; top:0; box-shadow:0 2px 5px #605f5f;}
.left-panel-sctions-show{ left:0;padding:10px;}
.content-area .kc_title{font-size: 24px;}
.page-title-search{font-size: 24px;}
.search-page .status-publish, .search-page .page{width: 48%;margin: 0 1% 30px; float:left}
.entry-header .entry-title, .category-page .post-title{font-size: 24px;}
.single-post .post-title{font-size: 24px;}
#menu-icon { width: 100%; background: #242424; display:block;font-size:16px;padding: 6px 0;cursor:pointer;}
.navigation-menu{position:relative; width:100%; color:#fff;}
.navigation-menu ul.menu{width:100%; display:none;}
.navigation-menu ul.menu li{width:33.3%;height: 45px;border-bottom: 1px solid #656565;border-right: 1px solid #656565; border-left:none;}
.navigation-menu ul li a {position: absolute;left: 0; right: 0; top: 49%;font-size: 14px;transform: translateY(-40%); padding:0 15px;}
.sub-menu-icon img {height: 9px; width: auto;} 
.sub-menu-icon {position: absolute; right: 3px; top: 39%; display: block; z-index:999;}

.navigation-menu ul li .sub-menu{visibility:visible; opacity:1; display:none; top: 44px!important; z-index:9999;width:100%;}
.navigation-menu ul li .sub-menu li{text-align:center; background: #1d1d1d;}
.site-content{padding:20px 0 0}

.top-contact {margin: 10px 0 0;width: 100%; text-align: center;}
.top-contact ul li{float: none;padding: 0 10px 0;display: inline-block;}
.post-img {float: right; padding: 0 0 20px 20px;width: 50%;}

}

@media only screen and (min-width : 768px) and (max-width : 899px) {
	
#left-panel{padding: 10px;}	
.content-area .kc_title{font-size: 24px;}
.page-title-search{font-size: 24px;}
.search-page .status-publish, .search-page .page{width: 48%;margin: 0 1% 30px;float:left}
.entry-header .entry-title, .category-page .post-title{font-size: 24px;}
.single-post .post-title, .sidebar .widget .widget-title{font-size: 24px;}
.navigation-menu{position:relative; width:100%; color:#fff; }
#menu-icon { width: 100%; background: #242424; display:block;font-size:16px;padding: 6px 0;cursor:pointer;}
.navigation-menu ul.menu{width:100%;display: none;;}
.navigation-menu ul.menu li{width:33.3%;height: 45px;border-bottom: 1px solid #656565;border-right: 1px solid #656565; border-left:none;}
.navigation-menu ul li a {position: absolute;left: 0; right: 0; top: 49%;font-size: 14px;transform: translateY(-40%); padding:0 15px;}
.sub-menu-icon img {height: 9px; width: auto;} 
.sub-menu-icon {position: absolute; right: 3px; top: 39%; display: block; z-index:999;}
.navigation-menu ul li .sub-menu{visibility:visible; opacity:1; display:none; top: 44px!important; z-index:9999;width:100%;}
.navigation-menu ul li .sub-menu li{text-align:center; background: #1d1d1d;}
.social-media-links{margin: 20px 0 0 10px;}

.top-contact{width: 54%;text-align: right;margin: 10px 0 0;}
.top-contact ul li{float: none;padding: 0 0px 10px;}
.post-img {float: right; padding: 0 0 20px 20px;width: 50%;}
}
@media only screen and (min-width : 900px) and (max-width : 1024px) {
	
#left-panel{padding: 10px;}	
.content-area .kc_title{font-size: 24px;}
.page-title-search{font-size: 24px;}
.search-page .status-publish, .search-page .page{width: 48%;margin: 0 1% 30px;float:left}
.entry-header .entry-title, .category-page .post-title{font-size: 24px;}
.single-post .post-title, .sidebar .widget .widget-title{font-size: 24px;}
.sub-menu-icon {display:none}
.sidebar .widget .menu-footer-social-container ul.menu li{padding: 0 2px;}
.navigation-menu{position:relative; width:100%; color:#fff; }
#menu-icon { width: 100%; background: #242424; display:block;font-size:16px;padding: 6px 0;cursor:pointer;}
.navigation-menu ul.menu{width:100%;display: none;;}
.navigation-menu ul.menu li{width:33.3%;height: 45px;border-bottom: 1px solid #656565;border-right: 1px solid #656565; border-left:none;}
.navigation-menu ul li a {position: absolute;left: 0; right: 0; top: 49%;font-size: 14px;transform: translateY(-40%); padding:0 15px;}
.sub-menu-icon img {height: 9px; width: auto;} 
.sub-menu-icon {position: absolute; right: 3px; top: 39%; display: block; z-index:999;}
.navigation-menu ul li .sub-menu{visibility:visible; opacity:1; display:none; top: 44px!important; z-index:9999;width:100%;}
.navigation-menu ul li .sub-menu li{text-align:center; background: #1d1d1d;}
.social-media-links{margin: 20px 0 0 10px;}
.social-media-links{top: 85px;}
.top-contact{width: 54%;text-align: right; margin: 10px 0 0;}
.top-contact ul li{float: none;padding: 0 0px 10px;}
.post-img {float: right; padding: 0 0 20px 20px;width: 50%;}
}

@media only screen and (min-width : 1367px) and (max-width : 2000px) {

.kc-col-container .entry-excerpt p { min-height:174px!important;}



}


@media only screen and (min-width : 1401px) and (max-width : 1680px) {

.kc-col-container .entry-excerpt p { min-height:174px!important;}

.search-page .status-publish{height: 480px;}

}

@media only screen and (min-width : 1681px) and (max-width : 1920px) {

.kc-col-container .entry-excerpt p { min-height:174px!important;}

.search-page .status-publish{height: 520px;}

}