/*
Theme Name: D5 Smartia
Theme URI: https://d5creation.com/theme/smartia/

Author: D5 Creation
Author URI: https://d5creation.com/

Description: D5 Smartia theme for WordPress is sophisticated, lightweight, adaptable and Responsive. You can use D5 Smartia for Smart Blogging, Personal or Corporate Websites. 

Requires at least: 5.0
Tested up to: 6.2
Requires PHP: 5.6

Version: 3.7

Tags: one-column, two-columns, right-sidebar, custom-background, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, translation-ready, blog, education, portfolio

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

D5 Smartia WordPress Theme, Copyright 2012-2019: D5 Creation (www.d5creation.com)

Text Domain: d5-smartia

*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}
:focus{outline:0}
body{line-height:1}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0}
caption,th,td{font-weight:400;text-align:left}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}
a img{border:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}


/* =WordPress Core and Addition
-------------------------------------------------------------- */
.alignnone,#content .alignnone,#content-full .alignnone,div .alignnone{margin:5px 20px 20px 0}
.aligncenter,#content .aligncenter,#content-full .aligncenter,div.aligncenter{display:block;margin:5px auto}
.alignright,#content .alignright,#content-full .alignright,div .alignright{float:right;margin:5px 0 20px 20px}
.alignleft,#content .alignleft,#content-full .alignleft,div .alignleft{float:left;margin:5px 20px 20px 0}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#FFF;border:1px solid #F6F6F6;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border: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}

/* =Structure
----------------------------------------------- */
body{font-family:Arial,Tahoma,sans-serif;font-size:14px;line-height:1.5;word-wrap:break-word;background:url(images/background.png) repeat scroll 0 0 #FFF;color:#272A2E}
img{max-width:100%;border:none}
#site-container{ overflow: hidden; background: #ffffff; margin: 25px auto; width: 93%; display: block; position: relative; box-shadow: 0 0 10px 0 #272a2e; border-radius: 5px; }
#header{ position: relative; margin:0 auto;display:block; background: url("images/header-back.png") repeat scroll 0 0 transparent; }
#header-content{ margin:0 auto; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#titledes{ order: 3; display: inline-flex; align-items: center; justify-content: center; flex-direction: column; max-width:calc(33.33% - 10px); min-width: 300px; margin-top:5px; margin-bottom:5px; }
.logotitle { display: inline-flex; align-items: center; justify-content: center; }
img.site-logo, .site-title{color:#333333; font-size:30px; font-weight:700; height:auto; max-width: 100%; padding-top: 7px; padding-bottom: 7px; margin: 0; text-align: center; }
img.site-logo { max-width: 330px; }
#bannerleftad{order: 2; max-width:calc(33.33% - 10px); margin-top:5px; margin-bottom:5px;}
#bannerrightad{order: 4; max-width:calc(33.33% - 10px); margin-top:5px; margin-bottom:5px;}
.sitetlhdn{display:none}
.site-title-des { color: #333333; font-size: 21px; padding: 5px 0; margin: 0; text-align: center; }
.bannerad, .bannerad a{ min-width: 1px; display: inline-flex; justify-content: center; align-items: center; flex-wrap: wrap; }

#container{width: 95%; margin: 20px auto; position: relative; display: block;}
#content{float:left;width:calc(100% - 370px);}
#content-full{width:100%}
.content-ver-sep{clear:both;height:1px;background:#CCC;border-bottom:1px solid #FFF}

#footer{clear:both;width:100%;background:url(images/footer-back.png) repeat scroll 0 0 #272A2E;color:#777}
#footer a{color:#AAA;text-decoration:none}
#footer a:hover{color:#AAA;text-decoration:underline}
.page-link a{background:#111;border-radius:150px 150px 150px 150px;color:#FFF;padding:5px 10px}
.page-link{color:#272A2E;font-size:13px;font-weight:700;margin:10px 0}
.middle-full{margin:0 auto;width:94%;height:auto;display:table}
.bqpheading{border-bottom:1px solid #FFF;color:#1B8AE8;font-size:20px;padding:5px 10px;text-align:center}

#social{margin:0 10px;}
.fb-link{background-image:url(images/fbicon.png)}
.tw-link{background-image:url(images/twicon.png)}
.blog-link{background-image:url(images/blogicon.png)}
.ytube-link{background-image:url(images/ytubeicon.png)}
.lin-link{background-image:url(images/linicon.png)}
#social a{height:30px;width:30px;margin:3px;opacity:.7;background-size:100% auto;border-radius:50px}
#social a:hover{opacity:1}

#creditline{color:#cccccc; background: #181717; font-size:13px; margin:0 auto; padding:10px 21px; text-align:center; }
#creditline a{font-weight:700;color:#cccccc;}

.box100 { display: block; position: relative; width: 100%; margin: 0 auto; }
.box90 { display: block; position: relative; width: 95%; max-width:calc(100% - 40px); margin: 0 auto; }
.widthbox100 { width: 100%; margin-left: 0; margin-right: 0; }
.flexboxes { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flexleftalign {  justify-content: flex-start; }
.flexrightalign {  justify-content: flex-end; }
.flexcenteralign {  justify-content: center; }
.flexjustifyalign {  justify-content: space-between; }

.extranumber, .connumber { font-weight: 500; margin: 0 10px; display: flex; align-items: center;}
.extranumber, .connumber, .extranumber a, .connumber a { color:#cccccc; font-weight: bold; }

/* Common Elements 
------------------------------------------------------------- */
ol,ul{padding:0 0 10px 10px;display:block;margin-bottom:10px}
ul{list-style:square inside none}
ol{list-style:decimal inside none}
dl{margin:0 0 24px}
dt{font-weight:700}
dd{margin-bottom:18px}
cite,em,i{font-style:italic}
big{font-size:131.25%}
ins{background:#FFF;text-decoration:none}
blockquote cite,blockquote em,blockquote i{font-style:normal}
pre{background:#FFF;border-radius:5px 5px 5px 5px;color:#272A2E;line-height:18px;margin-bottom:18px;overflow:auto;padding:1.5em}
abbr,acronym{border-bottom:1px dotted #777;cursor:help}
sup,sub{height:0;line-height:1;position:relative;vertical-align:baseline;font-size:70%}
sup{bottom:1ex}
sub{top:.5ex}
address{background:#F6F6F6;border:2px solid #CCC;border-radius:5px 5px 5px 5px;font-style:italic;font-weight:700;margin-bottom:15px;max-width:250px;padding:5px 10px;text-align:right}
embed{max-width:100%}
.bypostauthor{}

/* Menu Elements 
------------------------------------------------------------- */
#main-menu-con { background: #f6f6f6; clear: both; display: block; text-align: center; width: 100%; position: relative; background-image: linear-gradient(to bottom, #ffffff 0%, #cccccc 100%);
font-family: 'Carrois Gothic',Arial,Helvetica,sans-serif; }
#main-menu-con .main-menu-items { display: table; padding: 0; margin: 0 auto; }
#main-menu-con ul { list-style: none outside none; transition: none; }
#main-menu-con li { float:left;position:relative; background: url("images/nav_border.png") no-repeat scroll right center transparent; }
#main-menu-con ul.main-menu-items > li:last-child { background: transparent; }

#main-menu-con a { color: #272a2e; display: block; line-height: 1.5; padding: 13px 15px; text-decoration: none; text-transform: uppercase; font-size: 15px; }
#main-menu-con a:hover { background: url("images/nav-hover.png") no-repeat scroll center top transparent; }

#main-menu-con .current-menu-item > a, #main-menu-con .current-menu-ancestor > a, #main-menu-con .current_page_item > a, #main-menu-con .current_page_ancestor > a  { font-weight:bold; }
#main-menu-con li ul { float: left; position: relative; margin: 0; }

#main-menu-con ul ul, .sub-menu, .sub-menu ul ul { background: #f7f7f7; border-bottom: 7px solid #222222; border-radius: 0 0 5px 5px; box-shadow: 0 3px 3px rgba(0,0,0,0.2); display: none; float: left; left: 0; margin: 0; position: absolute; width: 210px; z-index: 99999; padding: 0; }

#main-menu-con ul li ul li { padding: 0; background: transparent; margin:0; width: 100%; border-bottom: 1px dotted #cccccc; transition: all 1s; }
#main-menu-con ul li ul li:last-child { border-bottom: none; }

#main-menu-con ul li ul li:hover { background: #333333; }
#main-menu-con ul li ul li:hover > a { color: #f7f7f7; }
#main-menu-con ul ul ul { left: 100%; top: 0; z-index: 999; }

#main-menu-con ul ul a  { background: transparent; border: none; color: #333333; font-size: 14px; font-weight: normal; height: auto; line-height: 1em; padding: 11px 10px; width: 100%; text-transform:none; text-align: left; transition: all 1s; }

#main-menu-con ul ul a:hover { background: transparent; padding-left: 20px; }
#main-menu-con ul ul li:hover > ul { /* display: block; */ margin-top: -5px; }

#main-menu-con .menu-item-has-children > a, #main-menu-con .page_item_has_children > a {padding-right:25px;}
#main-menu-con li.menu-item-has-children > a:after, #main-menu-con li.page_item_has_children > a:after{ content:''; right:10px; position:absolute; top:50%; transform:translateY(-50%); border-style:solid;
border-width:7px 5px 0 5px; border-color:#aaaaaa transparent transparent transparent; }
#main-menu-con .menu-item-has-children ul li.menu-item-has-children > a:after, #main-menu-con .page_item_has_children ul li.menu-item-has-children > a:after{transform:rotate(270deg); right:5px; top:45%;}
	
#mobile-menu { color: #333333; background: #cccccc; padding: 10px; margin-bottom: 5px; font-size: 20px; display: none; cursor:pointer; width: 250px; text-align: center; justify-content: space-between; align-items: center; }
#mobile-menu::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #333333 transparent transparent transparent; transition: all .5s; }
#mobile-menu.yesclick::after { transform: rotate(180deg); }

#top-menu-con { padding: 3px 0; display: block; background: #181717; color: #ffffff; }
#top-menu-con.box100 { }
#top-menu-items { display: flex; flex-wrap: wrap; }
.flexcenter{ display: inline-flex; align-items: center; justify-content: center; margin: 0 5px; padding: 0; }

#top-menu ul { list-style:none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 0; margin: 3px 5px; }
#top-menu ul  ul{display: none;}
#top-menu  li { float:left; position:relative; margin:0 3px; }
#top-menu a { color:#cccccc; display:inline-block; padding:5px 10px 5px 19px; position:relative; text-align:center; border-radius: 5px; font-weight: 500;  transition:all .5s; }
#top-menu a::before{ content: ''; width: 6px;height: 6px;background: #aaaaaa; position: absolute; top:calc(50% - 3px); left: 9px;}
#top-menu a:hover { background: #000000; color:#0ba4ca; }

/* Search Box
------------------------------------------------------------- */
#searchform, .woocommerce-product-search { height: 39px; overflow: hidden; width: 100%; max-width: 550px; display: inline-flex;}
#top-menu-con #searchform { width: auto; height: 29px; margin-left: 20px; align-self: center; }
#searchsubmit, .woocommerce-product-search button[type="submit"] { background: #11b7e0 url("images/search.png") no-repeat scroll center center; background-size: auto 70%; border-radius: 0 3px 3px 0; box-shadow: none; font-size: 16px; font-weight: normal; margin: 0 0 0 -5px; padding: 4px 20px; text-indent: -90000px; vertical-align: top; height: 100%; min-height: 0px; width: 45px; top:0 !important;  }
input#s, .search-field { border-radius: 3px 0 0 3px; vertical-align: top; max-width: 100%; min-width: 100px; height: 100%; padding: 5px 10px; width: calc(100% - 40px); }
#searchsubmit:hover, .woocommerce-product-search button[type="submit"]:hover { background-color: #059cc2; }

#top-menu-con input#s { background: #f7f7f7; color: #aaaaaa; max-width: none; min-width: 100px; width: 110px; transition: all .3s; }
#top-menu-con input#s:focus { width: 170px; color: #555555; background: #ffffff; box-shadow: none; }

/* Wedget Elements 
------------------------------------------------------------- */
#right-sidebar{  }
#footer-sidebar{ margin:0 auto; overflow:hidden; padding:20px 0 0; }
#right-sidebar{width: auto; width: 330px;float: right;}
.widget{display:block;word-wrap:break-word}
.widget ul,.widget ol{padding:0}
#right-sidebar .widget{ width:330px; background:rgba(0,0,0,0.1); border-radius:10px; box-shadow:0 -1px 1px rgba(255,255,255,0.3); clear:both; margin:1px 0 15px; padding:10px 15px}
#right-sidebar .widget h3.widget-title { background-color:#333333; color:#fff; font-size:15px; font-weight:700; padding:7px; text-align:center; text-transform:uppercase; }
#right-sidebar .widget,#right-sidebar .widget li,#right-sidebar .widget a,#right-sidebar .widget a:hover{text-decoration:none;color:#555}
#right-sidebar .widget ul,#right-sidebar .widget ol{margin-left:15px}
#right-sidebar .widget li{list-style:square outside none}

#footer-widgets{ margin: 0 -15px; display: flex; justify-content: center; flex-wrap: wrap; }
#footer-widgets .footer-widget { width: calc(25% - 30px); min-width: 250px; margin: 0 15px; }
#footer-sidebar .widget { background:rgba(0,0,0,0.15); border-radius:7px; box-shadow:0 -1px 1px rgba(255,255,255,0.3); clear:both; padding:15px; margin-bottom:15px; width: 100%; }
#footer-sidebar .widget h3.widget-title {padding-bottom:5px; text-transform:uppercase; font-size:17px; color:#eeeeee; text-decoration:none;}
#footer-sidebar .widget,#footer-sidebar .widget li,#footer-sidebar .widget a,#footer-sidebar .widget a:hover{color:#f5f5f5;text-decoration:none}
#footer-sidebar .widget ul,#footer-sidebar .widget ol{margin-left:10px}
#footer-sidebar .widget li{list-style:square outside none}

#right-sidebar input#s,#footer-sidebar input#s{width:50%;min-width:100px}
#right-sidebar form#searchform input[type="submit"],#footer-sidebar form#searchform input[type="submit"]{padding:8px 7px}
.textwedget{width:100%}

/* Design Elements 
------------------------------------------------------------- */
h1,h2,h2 a,h2 a:visited,h3,h4,h5,h6{font-weight:400;line-height:1.25;margin:0 0 10px}
h1{font-size:30px}
h2{font-size:25px}
h3{font-size:21px}
h4{font-size:17px}
h5{font-size:15px}
h6{font-size:10px}
p{margin-bottom:15px}
a{text-decoration:none;color:#0bb1d5}
a:hover{color:#1f6199}
b,strong{font-weight:700}
displaynone{display:none}
.clear{clear:both}
table{border-radius:3px;padding:5px;min-width:200px;margin-bottom:15px;max-width:100%}
td{padding:5px 7px;vertical-align:top}
th{font-weight:700;line-height:1;padding:5px 7px}

/* Calendar
------------------------------------------------------------- */
.calendar_wrap {background:#ffffff;box-shadow:none;}
#wp-calendar{width:100%;border:none; box-shadow: none; background:#ffffff; padding:  0; margin: 0; }
#wp-calendar th{text-align: center; background:#e5e5e5; color: #333333; }
#wp-calendar td{color:#555555; border: 1px solid #f6f6f6; text-align: center; position: relative; transition:  all .3s; }
#wp-calendar td:hover{background: #e6e6e6; }
#wp-calendar td#prev, #wp-calendar td#next, #wp-calendar td.pad {border:none; }
#wp-calendar caption{font-size:17px; font-weight: 700; text-align:center;}
#wp-calendar a { font-size: 15px; font-weight: 700; background: #ccc; display: block; line-height: 2.3; color: #555!important; margin: -5px -7px; }
#wp-calendar a:hover { background: #555555; color: #ffffff !important; }
caption{color:#555555}


button,input[type="reset"],input[type="button"],input[type="submit"],#respond .form-submit input#submit,#wp-submit{border-radius:3px;display:inline-block;padding:5px 15px 6px;text-decoration:none;height:35px;text-transform:uppercase;cursor:pointer;margin:0 7px;color:#777;box-shadow:0 0 9px 0 #777;border:none;background:#F6F6F6;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FFF),color-stop(1,#CCC),color-stop(1,#F6F6F6));background-image:-o-linear-gradient(bottom,#FFF 0%,#CCC 100%,#F6F6F6 100%);background-image:-moz-linear-gradient(bottom,#FFF 0%,#CCC 100%,#F6F6F6 100%);background-image:-webkit-linear-gradient(bottom,#FFF 0%,#CCC 100%,#F6F6F6 100%);background-image:-ms-linear-gradient(bottom,#FFF 0%,#CCC 100%,#F6F6F6 100%);background-image:linear-gradient(to bottom,#FFF 0%,#CCC 100%,#F6F6F6 100%)}
button:hover,input[type="reset"]:hover,input[type="button"]:hover,input[type="submit"]:hover,#respond .form-submit input#submit:hover,#wp-submit:hover{box-shadow:0 0 9px 0 #111;color:#272A2E;text-shadow:1px 1px 1px #F6F6F6}
textarea,input[type="text"],input[type="password"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="url"],.titlewrap input,select{background:#E5E5E5;border-color:#AAA #BBB #FFF #FFF;border-radius:5px;border-style:solid;border-width:1px;box-shadow:0 1px 1px rgba(0,0,0,0.1) inset;color:#777;display:inline-block;min-width:50%;padding:7px 10px;position:relative}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="url"]:focus,.titlewrap:focus input:focus,select:focus{background:#F6F6F6}
input[type="password"]{width:200px}
button:active,input[type="reset"]:active,input[type="button"]:active,input[type="submit"]:active{position:relative;top:1px}
#page-nav a{font-size:17px}
.sticky{background:#F6F6F6;border-radius:3px;box-shadow:1px 1px 10px #BBB;padding:35px 20px 10px;border-top:3px solid #272A2E;border-bottom:3px solid #777}
.sticky:before{color:#AAA;content:"F E A T U R E D";font-size:11px;font-weight:700;margin-top:-30px;position:absolute}
.gallery-caption{clear:both;width:95%}
#container .gallery .attachment-thumbnail{float:none;margin:5px auto}
#container,#content,#content-full{text-align:justify}
#content img,#content-full img{height:auto;margin:0;max-width:100%;vertical-align:middle}
#heading{font-size:35px;margin:20px 0;text-align:center;text-transform:uppercase}

#slide-container{width:100%; display:block;float:left;min-height:50px;background:#cccccc;}
#slidesize{width:100%;}

blockquote{margin:20px 10px;padding:10px;quotes:'<<' '>>';background:#F6F6F6;border-left:10px solid #777}
blockquote:before{content:'\201C';font-size:4em;line-height:.1em;margin-right:.2em;vertical-align:-.4em;color:#777}
blockquote:after{content:'\201D';font-size:4em;line-height:.1em;margin-left:.2em;vertical-align:-.4em;color:#777}

#container .attachment-post-thumbnail{float:left;margin:5px 10px 10px 0}
h1.page-title,h1.arc-post-title{color:#272A2E;font-size:35px;font-weight:700;text-align:left;text-shadow:0 0 5px #777;font-family:'Carrois Gothic',Arial,Helvetica,sans-serif}
h2.post-title,h2.comments,h3#reply-title,h2.post-title-color,h2.post-title a{margin-bottom:0;padding-bottom:5px;text-align:left;text-decoration:none;font-family:'Carrois Gothic',Arial,Helvetica,sans-serif;font-size:25px}
h2.post-title a{color:#272A2E;padding:15px 0 5px;background:url(images/title-background.png) no-repeat scroll 0 0 transparent;text-shadow:1px 1px 5px #272A2E;font-weight:700;font-size:25px;width:100%;display:block}
h2.post-title a:hover{color:#272A2E;opacity:.75}
h3.arc-src{text-transform:uppercase;font-size:20px;color:#1B8AE8}
h3.arc-src span{color:#272A2E}
.post,.hentry,.no-results{margin-bottom:20px}
.entrytext{margin-top:15px}
.read-more{cursor:pointer;font-weight:700}
.postmetadata{font-size:11px;border-top:1px solid #CCC}
.postmetadata a{color:#1B8AE8;font-weight:700}
.postmetadata h3,.postmetadata h2,.postmetadata h5,.postmetadata h5 a{color:#F6F6F6;margin:0}
.postmetadata h2 a{color:#FFF;font-weight:700}
.floatleft{float:left;max-width:45%;text-align:left}
.floatright{float:right;max-width:45%;text-align:right}
.middle-full .floatleft,.middle-full .floatright{min-width:200px}
#page-nav .alignright{text-align:right}
#page-nav .alignleft{text-align:left}

/*.... Comments ......
-------------------------------------------------- */
#commentsbox{clear:both;margin-bottom:30px;overflow:hidden;padding:20px 0 5px;position:relative}
#commentsbox ol,#commentsbox ul{padding:0}
#commentsbox ol,#commentsbox ul,#commentsbox li{list-style:none inside none}
#commentsbox .watermark{font-size:17px;text-align:center;text-shadow:none;text-transform:uppercase}
#commentsbox .comment-author cite,#commentsbox .comment-author cite a{color:#272A2E;font-size:15px;font-style:normal;font-weight:700}
#commentsbox .avatar{border-radius:5px 5px 5px 5px;float:left;font-size:10px;height:70px;left:-100px;position:absolute;top:0;width:70px}
#commentsbox .avatar:hover{background:#1B8AE8}
#commentsbox ul.children{padding:0}
.comment-body{background:#F6F6F6;border:1px solid #CCC;border-radius:5px 5px 5px 5px;padding:15px;position:relative}
.comment-body:before{content:url("images/comment-arrow.png");left:-21px;position:absolute}
#commentsbox .comment-body ol li{list-style:decimal inside none;padding:5px 0 5px 20px}
#commentsbox .comment-body ul li{list-style:square inside none;padding:5px 0 5px 20px}
#commentsbox .commentlist li.comment{line-height:19px;margin:0 0 24px;position:relative;padding:5px 0 0 100px}
#comments .comment-body p:last-child{margin-bottom:6px}
#commentsbox .comment-meta{border-bottom:1px solid #FFF;font-size:12px;margin-bottom:10px;padding-bottom:5px;text-shadow:none}
a.comment-reply-link{font-size:12px;padding:1px 5px;border-radius:5px}
#commentsbox .commentlist .children li{margin:0}
#commentsbox .commentlist li:last-child{border-bottom:medium none;margin-bottom:0}
#comment-form{background:#E5E5E5;border:1px solid #F6F6F6;border-radius:3px;padding:10px}
#respond .required{font-weight:700;position:absolute}
#comments-list #respond{margin:0 0 18px}
#comments-list ul #respond{margin:0}
#cancel-comment-reply-link{font-weight:400;line-height:18px}
#respond input{margin:0 0 9px;display:block}
#respond textarea{width:95%}
#respond .form-allowed-tags{font-size:13px;line-height:18px}
#respond .form-allowed-tags code{font-size:11px}
#respond .form-submit{margin:12px 0}
#respond .form-submit input{font-size:14px;width:auto}

/*..... Others 
-------------------------------------------------- */
div,ul,li,img,a,p,ol,textarea,input,button{;transition:all 1s}
#slide-container div,#slide-container ul,#slide-container li,#slide-container img,#slide-container a,#slide-container p,#slide-container ol,#slide-container textarea,#slide-container input,#slide-container button,.middle-full a.bx-prev,.middle-full a.bx-next{transition:none}

*, *::before, *::after { box-sizing: border-box; margin: 0; outline: medium none; padding: 0; }

/* Text meant only for screen readers. */
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}

/* =Media Print
-------------------------------------------------------------- */
@media print {
h1{page-break-before:always;}
h1,h2,h3,h4,h5,h6{page-break-after:avoid;}
ul,ol,dl {page-break-before:avoid;}
}

/* =Responsive Design
-------------------------------------------------------------- */
@media screen and (max-width: 900px) {
#site-container{width: 100%; margin: 0; border-radius: 0; box-shadow: none;}
#content { width: 100%; }
#right-sidebar { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;}
#right-sidebar .widget { margin: 10px; }
#footer-widgets .footer-widget { width: calc(50% - 30px); min-width: 300px; }
img.site-logo, h1.site-title {  }
.site-title-des {  }
.middle-full {  }
.middle-full .floatleft, .middle-full .floatright { float: none; max-width: 80%; margin: 0 auto; }
	
#mobile-menu { display: flex; }
#main-menu-con { display: none; position: absolute; top: 100%; left: 0; z-index: 999999; border-radius: 0; width: 250px; background: #cccccc; }
#main-menu-con li{margin: 0; width: 100%;background-image: none;}
#main-menu-con a{padding: 11px;}	
#main-menu-con li a {text-align: left; border-bottom: 1px dotted rgba(0,0,0,0.25); }
#main-menu-con a.wccart-icon{text-align: center;}
#main-menu-con ul ul, .sub-menu, .sub-menu ul ul { left: 30px !important; top: 90% !important; }
}

@media screen and (max-width: 600px) {
#footer-widgets .footer-widget { width: calc(100% - 30px); min-width: 250px; }
#header-content{justify-content: center; flex-direction: column;}
#bannerleftad, #bannerrightad, #titledes{max-width: 100%;}
.box_skitter .label_skitter h3{display: none;}
}