/*
Theme Name: Classifyed
Theme URI:
Author: WEN Themes
Author URI: http://wenthemes.com/
Description: Classifyed is a clean but aesthetic, simple but appealing WordPress Theme created for your ecommerce related websites. Official Support Forum: http://themepalace.com/support-forum/ Full Demo: http://wenthemes.com/theme-demos/?demo=classifyed
Version: 1.1.0
License: GPLv3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: classifyed
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, sticky-post, translation-ready, theme-options, threaded-comments, e-commerce, blog, footer-widgets, custom-logo

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.

This theme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Asides
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries
# Custom by WEN Themes

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #001837;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

button,
input,
select,
textarea {
    color: #2f2f2f;
    font-size: 14px;
    line-height: 1.5;
}

body {
    color: #2f2f2f;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 1.5;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0 0 15px 0;
}
h1,
h2,
h3,
h4,
h5,
h6{
   color:#001837;
   font-family:"Roboto",sans-serif;
   font-weight: normal;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 26px;
}

h3{
    font-size: 22px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    background: #f0f0f0 none repeat scroll 0 0;
    border-left: 5px solid #347fe1;
    margin: 0 0 15px;
    padding: 20px 15px 5px;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
    box-sizing: border-box;
}

*,
*::before,
*::after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background-color: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote::before,
blockquote::after,
q::before,
q::after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

ul, ol {
    margin: 0 0 0.5em 1em;
    padding: 0;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}


td, th {
    border: 1px solid #ddd;
    padding: 5px;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, a.button, input[type="button"],
input[type="reset"], input[type="submit"] {
    background: #4fc3dd none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.5;
    padding: 5px 24px;
}


button:hover,
a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: #00132c ;
    border-color:transparent;
    color: #fff;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="date"],
textarea,
select {
    color: #666;
    border: 1px solid #ddd;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
    outline:none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="date"]{
    padding: 6px 0 6px 9px;
}

select {
    width: 100%;
    padding:5px;
}

textarea {
    padding:10px;
    width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
    color: #4fc3dd;
    text-decoration: inherit;
}

a:visited {
    color: #4fc3dd;
}

a:hover,
a:focus,
a:active {
    color:#001837;
}

a:focus {
    outline:inherit;
}

a:hover,
a:active {
    outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

#main-nav {
    float: right;
    margin-bottom: 25px;
}

.main-navigation ul {
    display: block;
    margin: 0;
    padding: 0;
}

.main-navigation ul ul {
    background-color: #ffffff;
    box-shadow: 0 0 2px #ddd;
    left: -9999px;
    margin: 0;
    min-width: 200px;
    opacity: 0;
    position: absolute;
    top: 72px;
    transition: opacity 0.4s ease-in-out 0s;
    z-index: -9999;
}

.main-navigation ul ul ul {
    left:100%;
    top: 0
}

.main-navigation li {
    position: relative;
    display: inline-block;
    margin-bottom:0;
    float: left;
}

.main-navigation ul > li:hover > ul {
    opacity: 1;
    left:0;
    z-index: 9999;
}

.main-navigation ul ul ul ul  {
    display: none;
}
.main-navigation ul ul ul li:hover > ul {
    display: block;
}
.main-navigation ul ul li:hover > ul {
    opacity: 1;
    left:100%;

}
.main-navigation li li {
    float: none;
    display: block;
}

.main-navigation ul li li:first-child > a {
    border-left: none;
}

.main-navigation ul li a {
    border: medium none;
    color: #001837;
    display: block;
    font-size: 16px;
    font-weight: normal;
    padding: 33px 12px 15px;
    position: relative;
    z-index: 99;
}
.main-navigation ul ul a {
    border-bottom: 1px solid #dddddd;
    border-left: medium none;
    border-right: medium none;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.18) inset;
    color: #001837;
    font-size: 14px;
    height: auto;
    margin: 0;
    padding: 9px 15px;
    text-align: left;
    transition: padding 0.2s ease-in-out 0s;
    width: 100%;
}

.main-navigation ul li.menu-item-has-children > a::after,
.main-navigation ul li.page_item_has_children > a::after {
    content: "\f107";
    font-family: FontAwesome;
    margin-left: 10px;
    margin-right: 0;
    float: right;
}

.main-navigation ul li li.menu-item-has-children > a::after,
.main-navigation ul li li.page_item_has_children > a::after {
    content: "\f105";
    top: 10px;
}

.main-navigation ul li.menu-item-has-childrenv > a,
.main-navigation ul li.page_item_has_children > a {
    padding-right: 30px;
}




.main-navigation ul li li .current-menu-item > a::before,
.main-navigation ul li li:hover > a::before  {
display: none;
}
.main-navigation ul ul li > a:hover,
.main-navigation  ul ul li.current-menu-item > a,
.main-navigation  ul ul li.current_page_item > a,
.main-navigation  ul ul li:hover > a {
    background-color: #4fc3dd;
    border-bottom: 1px solid #cccccc;
    padding-left: 20px;
    color: #fff;
}


.main-navigation .menu-toggle,
.main-navigation .dropdown-toggle {
    display: none;
}
#mobile-trigger {
  display: none;
}
#mob-menu {
  display: none;
}

/*comment and post navigation*/
a.comment-reply-link {
    text-transform: uppercase;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}


#infinite-handle{
    margin-bottom: 20px;
    height: auto;
    overflow: hidden;
}

#infinite-handle span:hover {
    border:1px solid #4fc3dd;
    background: #4fc3dd;
    color: #fff;
}


#infinite-handle span {
    border:1px solid #001837;
    padding: 5px 15px;
    width: auto;
    line-height: 1.5;
    color: #001837;
    display: block;
}


.post-title {
    font-size: 23px;
    margin-top: 15px;
}


.post-navigation span {
    display: block;
}
.post-navigation a {
    color: #1a1a1a;
    display: block;
    padding: 1.75em 0;
}
.post-navigation a:hover {
    color:#4fc3dd;
}
.post-navigation .nav-links > div:first-child {
    border-top: 4px solid #999;
    display: block;
}
.post-navigation .nav-previous, .post-navigation .nav-next {
    border-bottom: 4px solid #999;
}
.post-navigation .nav-previous a, .post-navigation .nav-next a {
    padding-left: 30px;
}


/** pagination **/

.navigation,
.pagination {
    margin-top: 15px;
}

.nav-links{
    border-top: medium none;
    margin-bottom: 20px;
    padding: 20px 0;
    overflow: hidden;
}

.navigation.pagination .nav-links .page-numbers {
    border-radius: 22px;
    padding: 5px 10px;
    text-align: center;
}


.navigation .nav-links .page-numbers.current,
.navigation .nav-links a:hover {
    background: #001837 none repeat scroll 0 0;
    border-color: #4fc3dd;
    color: #ffffff;
}

.navigation .nav-links a{
    background: #4fc3dd;
    border:none;
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
    padding: 5px 20px;
}

 .navigation .nav-links .nav-next,
 .navigation .nav-links .nav-next{
    float: right;
}

 .navigation .nav-links .nav-previous,
 .navigation .nav-links .nav-previous {
    float: left;
}

 .navigation .nav-links .nav-links a:hover,
  .navigation .nav-links .nav-links a:hover {
    background: #00132c;
 }
.post-navigation .nav-links a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #001837;
    padding: 15px;
}
.post-navigation .nav-links > div  {
    width:100%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;/* It should be ablolute */
    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; /* It should be clip auto */
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.alignnone{
    clear: both;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    margin-top: 15px;

}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear-fix::before,
.clear-fix::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-content::before,
.site-content::after,
.site-footer::before,
.site-footer::after,
#sidebar-front-page-widget-area::after,
#sidebar-front-page-widget-area::before,
#featured-slider::after,
#featured-slider::before,
.widget::after,
.widget::before {
    content: "";
    display: table;
}

.clear-fix::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after,
.widget::after,
.widget::before {
    clear: both;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin:30px 0 0;
}

.widget:first-child {
    margin: 0;
}
.widget select {
    max-width: 100%;
}


#sidebar-front-page-widget-area  .widget {
    padding: 40px 0;
    margin: 0;
}
/* Make sure select elements fit in widgets. */

#sidebar-front-page-widget-area {
    clear: both;
}

#sidebar-front-page-widget-area .widget-title {
    color: #00132c;
    margin-bottom:10px;
    position: relative;
    text-align: center;
    font-weight: bold;
}






 /*style for dark background*/




/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#primary article.hentry {
    border: 1px solid #ddd;
        padding:30px 30px;

}

.entry-footer > span {
    border-right: 1px solid #dddddd;
    display: inline-block;
    font-size: 14px;
    height: 100%;
    margin-right: 15px;
    padding: 0 15px 0 0;
    text-align: center;
}

.entry-footer > span {
    border-right: 1px solid #dddddd;
    display: inline-block;
    font-size: 14px;
    height: 100%;
    margin-right: 15px;
    padding: 0 15px 0 0;
    text-align: center;
}

.entry-footer > span:last-child{
    border-right: none;
}

.cat-links > a {
    margin-left: 5px;
}
.cat-links > a:first-child {
    margin-left: 0;
}
.entry-title a {
    color: #001837;
}
.entry-title a:hover {
    color: #4fc3dd;
}

.sticky {
    display: block;
}

.hentry {
    margin: 40px 0 0;
}
.hentry:first-child {
    margin:0;
}
.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline-block;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}


.entry-footer > span a{
    color:#49616b;
}
.entry-footer   a:hover {
    color:#4fc3dd;
}
.page-content,
.entry-content,
.entry-summary {
    margin: 15px 0 0;
}
.home .entry-content-wrapper .entry-content {
    margin: 0;
}
.entry-footer > span::before{
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    margin-right:8px;
    content: "";
}

.entry-meta .byline .author.vcard {
    margin-left: -4px;
}

span.comments-link::before {
    content: "\f075";
}

.entry-footer > .cat-links::before {
    content: "\f07c";
}


.entry-footer > .byline::before {
    content: "\f007";
}

.entry-footer .edit-link::before{
    content: "\f044";
}

.entry-footer .tags-links::before{
    content: "\f02c";
}
.entry-footer > .posted-on::before {
    content: "\f017";

}


/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

#respond {
    clear: both;
    display: block;
    float: left;
}
#comments {
    margin-top: 30px;
}
#commentform label {
    display: inline-block;
    width: 100px;
    position: relative;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comments-area form#commentform p {
    float: left;
    width: 33.33%;
}
.comment-notes {
    position: relative;
}
.comments-area #commentform p.comment-notes,
.comments-area #commentform p.comment-form-comment {
    width: 100%;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-form {
    margin: 0 -15px;
}

.comments-area form#commentform p.logged-in-as ,
.comments-area form#commentform p{
    padding: 0 15px;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input{
    width: 100%;
}
#tab-reviews .comment-form-author,
#tab-reviews .comment-form-email,
#tab-reviews .comment-form-url{
    width: 50%;
}

.comments-area form#commentform p.logged-in-as {
    padding: 0 15px;
    width: 100%;
}

.comment-form-author,
.comment-form-email,
.comment-form-url{
    width: 33.33%;
    float: left;
}

.comment-list li.comment::after {
    content: inherit;
    display: none;
}

.comment-list li{
    padding-left: 0;
}

.comment {
    display: block;
    float: left;
    width: 100%;
}

ol.comment-list {
    border-radius: 5px;
    float: left;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    overflow: inherit;
    padding: 0;
    width: 100%;
}

ol.comment-list .children {
    border: medium none;
    float: left;
    margin: 15px 0 15px 15px;
    width: 98%;
}

ol.comment-list li {
    list-style: outside none none;
    margin-bottom: 15px;
}

.comment .comment-body {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 0;
    clear: both;
    display: block;
    float: left;
    margin-top: 5px;
    padding: 20px;
    position: relative;
    text-align: left;
    width: 100%;
}

.comment-author.vcard {
    font-size: 20px;
    margin-bottom: 5px;
}

.comment-list .children {
    background-position: left 20px;
    background-repeat: no-repeat;
    border-left: 1px solid rgb(238, 238, 238);
    margin-left: 0;
    padding-left: 40px;
}

.comment-list li.comment > div img.avatar {
    left: 29px;
    position: absolute;
    top: 29px;
}

#comment-form-title {
    font-size: 24px;
    padding-bottom: 10px;
}

.vcard .avatar {
    float: left;
    margin: 7px 15px 15px 0;
}

.comment-metadata {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;

}
.comment-metadata > a{
     color: #49616b;
     margin-right: 30px;
}
.comment-metadata::before{
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    content: "\f017";
}



.form-allowed-tags code {
    white-space: inherit;
    word-wrap: break-word;
}

.comment-respond label {
    display: block;
    font-weight: normal;
}

.comments-title {
    font-weight: normal;
    margin: 25px 0 0;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

#commentform label {
    display: inline-block;
    width: 100px;
}

#commentform span.required {
    font-size: 19px;
    position: absolute;
    bottom: 2px;
    color: red;
}

.comment-content {
    clear: both;
    display: block;
}

.authorbox  .author-info,
.authorbox  .author-bio-posts-content {
    float: left;
    max-width: 90%;
    width: 90%;
}

.author-info h4 {
    margin-bottom: 0;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}


/*--------------------------------------------------------------
# Custom By WEN Themes
--------------------------------------------------------------*/

#page {
    background-color: #fff;
    position: relative;
    margin: 0 auto;

}

.container {
    width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.inner-wrapper {
    margin-left: -15px;
    margin-right: -15px;
}

.custom-button {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}

.custom-button {
    border: 2px solid #4fc3dd;
    display: inline-block;
    font-size: 15px;
    margin: 10px;
    padding: 8px 25px;
}

.custom-button:hover {
    background:#4fc3dd;
    color: #fff;
    border-color:#4fc3dd;
}

.call-to-action-buttons .custom-button {
    border-color:#fff;
    color:#fff;
}

.call-to-action-buttons .custom-button:hover {
    border-color:#4fc3dd;
}

.enabled-sticky-primary-menu .site-header.fixed {
    box-shadow: 0 0 3px #aaaaaa;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 9999;
}






/*--------------------------------------------------------------
##  Header Style By WEN Themes
--------------------------------------------------------------*/

.header-social-wrapper {
    float: left;
    margin-top: 2px;
}
.header-social-wrapper .classifyed_widget_social li {
    margin-bottom: 0;
}
.header-social-wrapper .classifyed_widget_social li a {
    border: medium none;
    height: 25px;
    width: 25px;
    margin-top: 5px;
}
.header-social-wrapper .classifyed_widget_social li a:before {
    font-size: 15px;
    line-height: 1.7;
    color: #fff;
    text-shadow: inherit;
}
/*
Top header section*/
#tophead::after,
#tophead::before {
    clear: both;
    content: "";
    display: table;
}
#tophead {
    background-color: #222222;
    clear: both;
}

#quick-contact {
    float: right;
}


#quick-contact li {
    display:inline-block;
    font-size: 14px;
    line-height: 1.1;
    list-style: outside none none;
    margin-left: 15px;
    padding-left: 15px;
}

#quick-contact li:first-child {
    border: medium none;
    margin: 0;
    padding: 0;
}

#quick-contact li::before {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 100%;
    color: #4fc3dd;
    content: "";
    display: inline-block;
    font-family: fontawesome;
    font-size: 13px;
    height: 23px;
    line-height: 1.5;
    margin-right: 5px;
    padding: 2px 0;
    text-align: center;
    text-shadow: -2px 1px 1px #dddddd;
    width: 23px;
}
#quick-contact li a {
    color: #ffffff;
    padding: 10px 0;
    display: inline-block;
    position: relative;
}
#quick-contact li a:hover {
  color:#fff;
}
#quick-contact li a:hover::after {
  content:"";
  display: block;
  width: 100%;
  height: 1px;
  background-color:#fff;
  position: absolute;
  bottom: 5px;
}
#quick-contact li.quick-call::before {
    content: "\f095";
}

#quick-contact li.quick-email::before {
    content: "\f0e0";
}
#quick-contact li a {
  color:#fff;
}
#quick-contact > ul {
    margin: 0;
    padding: 0;
}

.custom-logo-link, .site-logo-link,
#site-identity {
    float: left;
    margin-right: 15px;
}

.custom-logo-link, .site-logo-link {
    max-width: 300px;
}
.site-branding img {
    margin-top: 15px;
    max-height: 85px;
    vertical-align: middle;
}
.site-branding {
    float: left;
    margin-bottom: 15px;
    max-width: 25%;
}
#site-identity .site-title > a {
    color: #001837;
}

.site-header {
    width: 100%;
    border-bottom: 3px solid #222;
}
.site-title {
    font-family: "Roboto",sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 2px;
    margin-top: 18px;
}
.site-title > a {
    color: #ffffff;
}
.site-description {
    color: #aaa;
    font-size: 14px;
    font-style: inherit;
    font-weight: 400;
    letter-spacing: 2.2px;
    margin-bottom: 0;
}

.right-head {
    float: right;
    padding-top: 20px;
}

.social-links {
    float: right;
}

.header-search-box {
    float: right;
    position: relative;
}

.header-search-box > a {
    color: #001837;
    display: block;
}

.header-search-box > a i {
    font-size: 17px;
}

.header-search-box > a:hover {
    color: #4fc3dd;
}

.header-search-box .search-box-wrap {
    background: #ffffff none repeat scroll 0 0;
    top: 45px;
    box-shadow: 0 1px 2px;
    display: none;
    padding: 5px;
    position: absolute;
    right: 7%;
    width: 300px;
    z-index: 9999;
}

.header-search-box .search-box-wrap {
    right: 3%;
    width: 250px;
}

.search-form input.search-field {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #dddddd;
    color: #ffffff;
    height: 15px;
    padding: 10px 9% 10px 10px;
    width: 87%;
}
.search-box-wrap .search-form input.search-field  {
    color: #222222;
}

.search-form {
    position: relative;
}

.search-form .search-submit {
    background: #4fc3de none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    font-size: 15px;
    height: 37px;
    line-height: 1.8;
    padding: 0 9px;
    position: absolute;
    right: 0;
    top: 0;
}
.search-form .search-submit:hover {
    background: #000;
}
/*Top header section*/
#tophead::after,
#tophead::before {
    clear: both;
    content: "";
    display: table;
}

#quick-icons {
    float: right;
}


#quick-icons li {
    display:inline-block;
    font-size: 14px;
    line-height: 1.1;
    list-style: outside none none;
    float: right;
    margin-left: 15px;
}
.quick-cart-icon i {
    font-size: 17px;
}
/*
#quick-icons li.quick-cart-icon::before {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 100%;
    color: #00aeef;
    content: "";
    display: inline-block;
    font-family: fontawesome;
    font-size: 13px;
    height: 23px;
    line-height: 1.5;
    margin-right: 5px;
    padding: 2px 0;
    text-align: center;
    text-shadow: -2px 1px 1px #dddddd;
    width: 23px;
}*/
#quick-icons li a {
    color: #ffffff;
    padding: 10px 0;
    display: inline-block;
    position: relative;
}
#quick-icons li a.search-icon {
    background: #4fc3dd none repeat scroll 0 0;
    display: block;
    padding: 10px;
}
#quick-icons li a:hover {
  color:#fff;
}


#quick-icons li.quick-call::before {
    content: "\f095";
}

#quick-icons li.quick-email::before {
    content: "\f0e0";
}


#quick-icons > ul {
    margin: 0;
    padding: 0;
}

/*custom header*/
#custom-header {
    background-color: #4fc3dd;
    padding: 100px 0 100px;
    position: relative;
    text-align: center;
    z-index: 99;
}
#custom-header .page-title {
    color: #ffffff;
    font-size: 50px;
    line-height: 1.2;
}


/*hover effect*/

.custom-button ,
.classifyed_widget_services .service-block-inner > a:hover i{
    transition: all 0.4s ease-in-out 0s;

}
#main-slider h3 a:,
.widget h3 a {
     display: block;

}
/*--------------------------------------------------------------
## Social Links Style By WEN Themes
--------------------------------------------------------------*/

.classifyed_widget_social {
    clear: both;
    overflow: hidden;
}

.classifyed_widget_social ul {
    margin: 0;
}

.classifyed_widget_social li a {
    background: #222222 none repeat scroll 0 0;
    display:block;
    height: 30px;
    line-height: 1.7;
    margin-right: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 30px;
}

.classifyed_widget_social li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}

.widget-area .classifyed_widget_social li,
#footer-widgets .classifyed_widget_social li {
    padding: 0;
}

.widget-area .classifyed_widget_social li::before,
#footer-widgets .classifyed_widget_social li::before {
    display: none;
}

.classifyed_widget_social ul li a::before {
    font-size: 16px;
}

.classifyed_widget_social li a i {
    color:#cacad8;
    font-size: 18px;
    font-weight: normal;
}


.classifyed_widget_social ul li a::before {
    color: #ffffff;
    content: "\f0c1";
    display: block;
    font-family: FontAwesome;
    font-weight: normal;
    line-height: 1.8;
    text-shadow: -2px 1px 1px #222222;
}
.classifyed_widget_social ul li a:hover::before {
    text-shadow: none;
}
.classifyed_widget_social ul li a:hover {
    background-color: #001837;
    -moz-transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.classifyed_widget_social ul li a:hover::before {
    color: #fff;
}

.classifyed_widget_social ul li a[href*="facebook.com"]::before {
    content: "\f09a";
}

.classifyed_widget_social ul li a[href*="twitter.com"]::before {
    content: "\f099";
}

.classifyed_widget_social ul li a[href*="linkedin.com"]::before {
    content: "\f0e1";
}

.classifyed_widget_social ul li a[href*="plus.google.com"]::before {
    content: "\f0d5";
}

.classifyed_widget_social ul li a[href*="youtube.com"]::before {
    content: "\f167";
}

.classifyed_widget_social ul li a[href*="dribbble.com"]::before {
    content: "\f17d";
}

.classifyed_widget_social ul li a[href*="pinterest.com"]::before {
    content: "\f0d2";
}

.classifyed_widget_social ul li a[href*="bitbucket.org"]::before {
    content: "\f171";
}

.classifyed_widget_social ul li a[href*="github.com"]::before {
    content: "\f113";
}

.classifyed_widget_social ul li a[href*="codepen.io"]::before {
    content: "\f1cb";
}

.classifyed_widget_social ul li a[href*="flickr.com"]::before {
    content: "\f16e";
}

.classifyed_widget_social ul li a[href$="/feed/"]::before {
    content: "\f09e";
}

.classifyed_widget_social ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

.classifyed_widget_social ul li a[href*="instagram.com"]::before {
    content: "\f16d";
}

.classifyed_widget_social ul li a[href*="tumblr.com"]::before {
    content: "\f173";
}

.classifyed_widget_social ul li a[href*="reddit.com"]::before {
    content: "\f1a1";
}

.classifyed_widget_social ul li a[href*="vimeo.com"]::before {
    content: "\f194";
}

.classifyed_widget_social ul li a[href*="digg.com"]::before {
    content: "\f1a6";
}

.classifyed_widget_social ul li a[href*="twitch.tv"]::before {
    content: "\f1e8";
}

.classifyed_widget_social ul li a[href*="stumbleupon.com"]::before {
    content: "\f1a4";
}

.classifyed_widget_social ul li a[href*="delicious.com"]::before {
    content: "\f1a5";
}

.classifyed_widget_social ul li a[href*="mailto:"]::before {
    content: "\f0e0";
}
.classifyed_widget_social ul li a[href*="soundcloud.com"]::before {
    content: "\f1be";
}
.classifyed_widget_social ul li a[href*="wordpress.org"]::before {
    content: "\f19a";
}
.classifyed_widget_social ul li a[href*="wordpress.com"]::before {
    content: "\f19a";
}

.classifyed_widget_social ul li a[href*="jsfiddle.net"]::before {
    content: "\f1cc";
}

.classifyed_widget_social ul li a[href*="tripadvisor.com"]::before {
    content: "\f262";
}

.classifyed_widget_social ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

.classifyed_widget_social ul li a[href*="angel.co"]::before {
    content: "\f209";
}

.classifyed_widget_social ul li a[href*="slack.com"]::before {
    content: "\f198";
}

/*social links hover effect */

.classifyed_widget_social ul li a[href*="facebook.com"]:hover {
    background-color: #3b5998;
}

.classifyed_widget_social ul li a[href*="twitter.com"]:hover {
    background-color: #00aced;
}

.classifyed_widget_social ul li a[href*="plus.google.com"]:hover {
    background-color: #dd4b39;
}

.classifyed_widget_social ul li a[href*="/feed/"]:hover  {
    background-color: #dc622c;
}

.classifyed_widget_social ul li a[href*="wordpress.org"]:hover,
.classifyed_widget_social ul li a[href*="wordpress.com"]:hover {
    background-color: #45bbe6;
}

.classifyed_widget_social ul li a[href*="github.com"]:hover {
    background-color: #4183c4;
}

.classifyed_widget_social ul li a[href*="linkedin.com"]:hover {
    background-color: #007bb6;
}

.classifyed_widget_social ul li a[href*="pinterest.com"]:hover {
    background-color: #cb2027;
}

.classifyed_widget_social ul li a[href*="flickr.com"]:hover {
    background-color: #ff0084;
}

.classifyed_widget_social ul li a[href*="vimeo.com"]:hover {
    background-color: #aad450;
}

.classifyed_widget_social ul li a[href*="youtube.com"]:hover {
    background-color: #bb0000;
}

.classifyed_widget_social ul li a[href*="instagram.com"]:hover {
    background-color: #517fa4;
}

.classifyed_widget_social ul li a[href*="dribbble.com"]:hover {
    background-color: #ea4c89;
}

.classifyed_widget_social ul li a[href*="skype.com"]:hover {
    background-color: #12a5f4;
}

.classifyed_widget_social ul li a[href*="digg.com"]:hover {
    background-color: #333;
}

.classifyed_widget_social ul li a[href*="codepen.io"]:hover {
    background-color: #001837;
}

.classifyed_widget_social ul li a[href*="reddit.com"]:hover {
    background-color: #ff4500;
}

.classifyed_widget_social ul li a[href*="mailto:"]:hover {
    background-color: #1d62f0;
}

.classifyed_widget_social ul li a[href*="foursquare.com"]:hover {
    background-color: #f94877;
}

.classifyed_widget_social ul li a[href*="stumbleupon.com"]:hover {
    background-color: #eb4924;
}

.classifyed_widget_social ul li a[href*="twitch.tv"]:hover {
    background-color: #6441a5;
}

.classifyed_widget_social ul li a[href*="tumblr.com"]:hover {
    background-color: #32506d;
}

.classifyed_widget_social ul li a[href*="foursquare.com"]:hover {
    background-color: #f94877;
}

.classifyed_widget_social ul li a[href*="stumbleupon.com"]:hover {
    background-color: #eb4924;
}

.classifyed_widget_social ul li a[href*="twitch.tv"]:hover {
    background-color: #6441a5;
}

.classifyed_widget_social ul li a[href*="tumblr.com"]:hover {
    background-color: #32506d;
}

.classifyed_widget_social ul li a[href*="soundcloud.com"]:hover {
    background-color: #ff5500;
}

.classifyed_widget_social ul li a[href*="wordpress.org"]:hover {
    background-color:#45bbe6;
}

.classifyed_widget_social ul li a[href*="jsfiddle.net"]:hover {
    background-color:#4679bd;
}

.classifyed_widget_social ul li a[href*="tripadvisor.com"]:hover {
    background-color:#86c171;
}

.classifyed_widget_social ul li a[href*="foursquare.com"]:hover {
    background-color:#2d5be3;
}

.classifyed_widget_social ul li a[href*="angel.co"]:hover {
    background-color:#001837;
}

.classifyed_widget_social ul li a[href*="slack.com"]:hover {
    background-color:#56b68b;
}

/*--------------------------------------------------------------
## Main slider Style By WEN Themes
--------------------------------------------------------------*/

#featured-slider {
    overflow: hidden;
    position: relative;
    z-index: 99;
}

#main-slider {
    color: #686868;
    clear: both;
    position: relative;
    text-align: center;

}

#featured-slider .overlay-enabled .cycle-slide::after {
    background: #000 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100% !important;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}


#featured-slider .overlay-disabled .cycle-caption {
    padding: 30px;
}
#featured-slider .overlay-disabled h3 {
    margin-bottom: 15px;
}
#main-slider img {
    width: 100%;
    vertical-align: middle;
}

#main-slider .cycle-slide {
    width: 100%;
}

#main-slider article.first {
    display: block;
}

#main-slider article {
    display: none;
}

#main-slider .cycle-slideshow {
    margin-bottom: 0;
    padding: 0;
}

#main-slider .cycle-caption {
    bottom: 28%;
    height: auto;
    left: 6%;
    max-width: 50%;
    padding: 15px 20px;
    position: absolute;
    text-align: left;
    transition: all 1s ease-in-out 0s;
    width: 100%;
    z-index: 999;
}


#main-slider h3 {
    display: inline-block;
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 25px;
}

#main-slider h3 a  span {
    color:#fff;
}

#main-slider p {
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    margin-bottom: 30px;
}

#main-slider h3 a {
    color:#4fc3dd;
}

#main-slider h3 {
    color: #fff;
}

.slider-buttons a {
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    font-size: 17px;
    line-height: 1.5;
    margin: 0 10px 0 0;
    padding: 5px 15px;
}

/*slider pager box*/

#main-slider .pager-box {
    background-color: #ffffff;
    cursor: pointer;
    display: inline-block;
    float: none;
    height: 15px;
    margin: 3px 5px;
    width: 15px;
    z-index: 99;
    border-radius:100%; 
}

#main-slider .cycle-pager {
    bottom:30px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 999;
}

#main-slider .pager-box.cycle-pager-active {
    background-color: #4fc3dd;
    border-color:#fff;
}

/*Slider cycle next / previous*/

#main-slider .cycle-prev,
#main-slider .cycle-next {
    border-radius: 100%;
    top: 45%;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 28px;
    font-weight: normal;
    position: absolute;
    text-align: center;
    width: 45px;
    height: 45px;
    z-index: 999;
    border: 2px solid;
    border-radius: 100%;
}

#main-slider .cycle-prev {
    left:2%;
}

#main-slider  .cycle-next {
    right:2%;
}

#main-slider .cycle-prev:hover,
#main-slider .cycle-next:hover{
   color: #4fc3dd;
}


/*--------------------------------------------------------------
## Main Content Style By WEN Themes
--------------------------------------------------------------*/

#primary {
    float: left;
    padding-left: 25px;
    padding-right: 25px;
    width: 70%;
}

#content {
    background: #ffffff none repeat scroll 0 0;
    padding: 60px 0;
    clear: both;
}

#content .inner-wrapper {
    margin-right: -25px;
    margin-left: -25px;

}

.home.home-content-not-enabled #content {
    display: none;
}

/*--------------------------------------------------------------
## Sidebar Style By WEN Themes
--------------------------------------------------------------*/
.sidebar {
    width:30%;
    padding-left:25px;
    padding-right: 25px;
    float: left;
}
#sidebar-primary {
    float: right;
}

#sidebar-secondary {
    float: left;
}

.widget-area .widget::after,
.widget-area .widget::before {
    clear: both;
    content: "";
    display: table;
}



.sidebar .widget-title {
    border-bottom: 2px solid #8f8f8f;
    font-family: "Roboto",sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative;
}

.sidebar ul {
    list-style: outside none none;
    padding: 0;
    margin: 0;
}

.sidebar ul ul {
    border-bottom:none;
    padding-bottom: 0;
}

.sidebar ul li {
    padding-bottom: 5px;
    padding-left: 18px;
    padding-top: 5px;
    position: relative;
}
.sidebar ul li::before {
    color: #4fc3dd;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 12px;
    left: 0;
    position: absolute;
    top: 8px;
}
.sidebar a {
    color: #001837;
}
.sidebar a:hover {
   color: #4fc3dd;
}

/*calendar widget*/

.widget_calendar {
    text-align: center;
}

.widget_calendar caption {
    background: #4fc3dd none repeat scroll 0 0;
    color: #ffffff;
    padding: 5px;
}

.widget_calendar .pad {
    background: #eeeeee none repeat scroll 0 0;
}

.widget_calendar #today {
    background: #4fc3dd none repeat scroll 0 0;
    color: #ffffff;
}

.widget .tagcloud a {
    border: 1px solid #dddddd;
    color: #001837;
    display: inline-block;
    font-size: 16px !important;
    line-height: 1.5;
    margin-bottom: 5px;
    padding: 5px 15px;
}

.widget .tagcloud a:hover {
    border: 1px solid #4fc3dd;
    color: #4fc3dd;
}

.widget_categories li > a,
.widget_archive li > a {
    display: inline-block;
    min-width: 85%;
}


/*--------------------------------------------------------------
## Footer Style By WEN Themes
--------------------------------------------------------------*/

#colophon {
    background-color: #222222;
    clear: both;
    color: #9c9c9c;
    padding: 15px 0;
    text-align: center;
}

#colophon .colophon-column {
    width: 100%;
    text-align: center;
}

#colophon a {
    color: #dddddd;
}
#colophon a:hover {
    color: #fff;
}


/*social links*/

#colophon .classifyed_widget_social li {
    display: inline-block;
    float: none;
}

#colophon .classifyed_widget_social li a {
    border: medium none;
    height: auto;
    width: 25px;
}
#colophon .classifyed_widget_social li {
    margin-bottom: 0;
}
#colophon .classifyed_widget_social ul li a::before {
    color: #ffffff;
    text-shadow: none;
}
#colophon .classifyed_widget_social ul li a:hover {
    background: none;
}

/*Footer Navigation*/


#footer-navigation li {
    display: inline-block;
    list-style: outside none none;
}



#footer-navigation li:first-child a {
    border: none;
    margin: 0;
    padding: 0;
}

#footer-navigation li a {
    border-left: 1px solid;
    display: block;
    line-height: 1;
    margin-left: 7px;
    padding: 0 0 0 7px;
}

#footer-navigation ul {
    margin: 0;
}


/*Footer Widget Style*/

#footer-widgets {
    background-color: #222222;
    color: #9c9c9c;
    overflow: hidden;
    padding: 30px 0;
}

#footer-widgets .widget-title {
    border-bottom: 1px solid #bbbbbb;
    color: #ffffff;
    display: inline-block;
    margin-bottom: 20px;
    padding-bottom: 15px;
    text-align: left;
}
#footer-widgets .footer-active-1 .widget-title {
    text-align: center;
}
#footer-widgets ul {
    list-style: none;
    margin: 0;
}

#footer-widgets ul li {
    padding: 3px 0 3px 22px;
    position: relative;
}
#footer-widgets , #footer-widgets a {
    color: #dddddd;
}
#footer-widgets a:hover {
    color: #fff;
}
#footer-widgets ul li::before {
    color: #ffffff;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 4px;
}
#footer-widgets .footer-widget-area {
    float: left;
    padding: 0 15px;
    width: 25%;
}

#footer-widgets .footer-active-1 {
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 45%;
}

#footer-widgets .footer-active-2 {
    width: 50%;
}

#footer-widgets .footer-active-3 {
    width: 33.33%;
}

#footer-widgets .footer-active-4 {
    width: 25%;
}

.footer-widget-area .widget:first-child {
    margin-top: 0;
}

.footer-widget-area .widget {
    margin-top: 15px;
}







/*Scrollup Style*/

.scrollup {
    background-color: #000;
    bottom: 50px;
    color: #ffffff;
    display: none;
    float: right;
    line-height: 1.2;
    padding: 1px 10px 4px;
    position: fixed;
    right: 32px;
    text-align: center;
    z-index: 99999;
    transition: all 0.5s ease-in-out 0s;
}

.scrollup i {
    font-size: 38px;
    color: #fff;
}


/*--------------------------------------------------------------
##  layout sidebar By WEN Themes
--------------------------------------------------------------*/

.global-layout-left-sidebar #primary {
    float: right;
}

.three-columns-enabled #primary {
    display: inline-block;
    float: none;
    width: 50%;
}

.global-layout-three-columns .sidebar{
    float: right;
}
.three-columns-enabled .sidebar{
     width: 25%;
}
.global-layout-no-sidebar #primary{
    width: 100%;
}

/*--------------------------------------------------------------
## Inner Pages Style By WEN Themes
--------------------------------------------------------------*/

/*Basic Breadcrumb */

#breadcrumb,#breadcrumb {
    background: #222 ;
    padding: 10px 0;
}

#breadcrumb .container > div {
    overflow: hidden;
}

#breadcrumb .breadcrumb-trail li {
    display: block;
    float: left;
    list-style: outside none none;
    padding-right: 10px;
}

#breadcrumb .breadcrumb-trail li.trail-item.trail-end::after {
    display: none;
}

#breadcrumb .breadcrumb-trail li::after {
    content: "\f101";
    margin-left: 10px;
    font-family: 'FontAwesome';
}
#breadcrumb .breadcrumb-trail  .trail-items {
    margin: 0;
    padding: 0;
}
#breadcrumb a , #breadcrumb {
    color:#fff;
}

/*Error 404 Page*/

section.error-404 {
    text-align: center;
}

#quick-links-404 ul li {
    display: inline-block;
    list-style: outside none none;
}

#quick-links-404 ul li a {
    color: #404040;
    display: block;
    padding: 5px 10px;
}

.error404 #primary {
    width: 100%;
}
section.error-404 .search-form {
    position: relative;
    max-width: 320px;
    margin: 0 auto;
}

/*contact form 7*/

.wpcf7-form {
    max-width: 875px;
}

div.wpcf7 {
    margin: 0 auto;
    padding: 0;
}

.wpcf7 input {
    width: 100%;
}

.wpcf7 input.wpcf7-submit {
    width: auto;
}


/*--------------------------------------------------------------
## Extra css for Pro By WEN Themes
--------------------------------------------------------------*/

/* Global layout sidebar By WEN Themes*/


.global-layout-three-columns-pcs #sidebar-primary,
.global-layout-three-columns-cps #sidebar-primary,
.global-layout-three-columns-psc #sidebar-primary {
    float: left;
}

.global-layout-three-columns-pcs #sidebar-secondary,
.global-layout-three-columns-cps #sidebar-secondary {
    float: right;
}

.global-layout-three-columns-cps #primary {
    float: left;
}

/* equal global layout*/

.global-layout-three-columns-pcs-equal #primary,
.global-layout-three-columns-pcs-equal #sidebar-primary,
.global-layout-three-columns-pcs-equal #sidebar-secondary,
.global-layout-three-columns-scp-equal #primary,
.global-layout-three-columns-scp-equal #sidebar-primary,
.global-layout-three-columns-scp-equal #sidebar-secondary {
    width: 33.33%;
}

.global-layout-three-columns-pcs-equal #sidebar-primary {
    float: left;
}

.global-layout-three-columns-pcs-equal #sidebar-secondary {
    float: right;
}



/*--------------------------------------------------------------
## Custom Woocommerce Style By WEN Themes
--------------------------------------------------------------*/

.woocommerce ul.products li.product h3 {
    font-weight: normal;
    padding: 0 0 0.5em;
}

.woocommerce .quantity .qty {
    height: 36px;
    text-align: center;
    width: 3.631em;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background-color: #ffffff;
    border: 1px solid #ddd;
    box-shadow: 0 0 3px #ccc;
    padding: 5px;
}

.woocommerce ul.products li.product .button {
    clear: both;
    display: block;
    float: none;
    font-size: 15px;
    margin: 10px auto 15px;
    max-width: 120px;
    padding: 8px;
    text-align: center;
    width: auto;
    font-weight: normal;
}

.woocommerce ul.products li.product .price del {
    float: left;
}

.woocommerce ul.products li.product .price ins {
    float: right;
}

.woocommerce span.onsale {
    background-color: #fa6f6f;
}

.woocommerce #review_form #respond p.stars {
    margin: 10px 0;
    padding: 0;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    background: none repeat scroll 0 0 #ffffff;
    padding: 15px 15px 0;
    border: 1px solid #ddd;
}

.images .thumbnails a {
    border: 1px solid #ddd;
    clear: both;
}

#reviews .comment-form {
    margin: 0;
}

/*woocommerce button custom color*/

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background: #4fc3dd;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.5) inset, 0 2px 5px rgba(0, 0, 0, 0.15) inset;
    border-radius: 0;
    color: #fff;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt[disabled]:disabled,
.woocommerce #respond input#submit.alt[disabled]:disabled:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt[disabled]:disabled,
.woocommerce a.button.alt[disabled]:disabled:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt[disabled]:disabled,
.woocommerce button.button.alt[disabled]:disabled:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt[disabled]:disabled,
.woocommerce input.button.alt[disabled]:disabled:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
    background-color: #001837;
    box-shadow: none;
    color: #fff;
    border: none;
}

.woocommerce div.product .woocommerce-tabs .panel{
    background-color: #fff;
    padding: 15px;
    border-top:none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs{
    margin-bottom: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-radius: 0;
    float: left;
    margin: 0 2px;
}

.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
    height: 31px;
    width: auto;
}

.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table th {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 6px 5px;
}

.woocommerce-cart .cart-collaterals .cart_totals table {
    border: 1px solid #ddd;
    border-top:2px solid #ddd;
}

.woocommerce-checkout #payment ul.payment_methods li {
    list-style: outside none none;
}

.woocommerce-checkout #payment,
.woocommerce table {
    background: none repeat scroll 0 0 #ffffff;
}

.woocommerce caption,
.woocommerce th,
.woocommerce td {
    font-weight: 400;
    padding: 5px;
    text-align: center;
}

.woocommerce div.product .product_title {
    clear: none;
    font-size: 28px;
    margin: 0 0 5px;
    padding: 0 0 10px;
}

.page-numbers {
    background: none repeat scroll 0 0 #ffffff;
}

.woocommerce nav.woocommerce-pagination {
    margin-bottom: 30px;
    text-align: center;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    margin-top: 0;
}

.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 15px;
}

.woocommerce ul.products li.product .onsale::after,
.woocommerce-page ul.products li.product .onsale::after {
    content : '';
    width : 0px;
    height: 0px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    top: 25px;
    right: 2px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.woocommerce ul.products li.product .onsale::after,
.woocommerce-page ul.products li.product .onsale::after {
    border-right: 4px solid #666;
}

.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale,
.woocommerce span.onsale {
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
    font-size: 14px;
    font-weight: 400;
    height: 28px;
    line-height: 20px;
    margin: 0;
    min-height: 20px;
    padding: 4px 0 0;
    right: -6px;
    text-shadow: none;
    text-transform: uppercase;
    top: 14px;
    width: 70px;
}

.cart button.single_add_to_cart_button {
    margin-left: 15px;
}

.actions  p {
    margin: 0;
}

table.shop_table.cart thead {
    background: #4fc3dd none repeat scroll 0 0;
    color: #ffffff;
}

.checkout h3 {
    font-size: 20px;
}

#ship-to-different-address .checkbox + br {
    display: none;
}

.checkout-button.button.alt.wc-forward {
    display: inline-block;
    width: auto;
}

.authorbox {
    border: 1px solid #dddddd;
    margin-top: 20px;
    overflow: hidden;
    padding: 15px;
}

.authorbox img {
    border-radius: 100%;
}

.authorbox .author-avatar {
    float: left;
    margin: 5px 15px 10px 0;
}

.authorbox.no-author-avatar .author-info {
    margin-left: 0;
}

.authorbox .author-bio-posts-content {
    margin-top: 10px;
}

.authorbox .author-bio-posts-content p {
    margin: 0;
}

.authorbox .author-bio-posts-content ul {
    list-style-position: inside;
    margin: 0;
}

/*woocommerce form */

#review_form_wrapper #commentform {
    margin: 0 -15px;
}

p.comment-form-rating {
    clear: both;
}

.woocommerce #review_form #respond p {
    margin: 0 0 10px;
    padding: 10px 15px;
}

/*--------------------------------------------------------------
##  Media Queries By WEN Themes
--------------------------------------------------------------*/

/* Smaller than standard 1139 (devices and browsers) */
@media only screen and (max-width:1300px) {
    .container {
        width: 97%;
    }
    .comments-area form#commentform p {
        float: left;
        width: 100%;
    }

    #comments input {
        width: 100%;
    }

    #comments input#submit {
        width: auto;
    }

    .site-header {
        padding: 15px 0 10px;
    }


    .right-header {
        width: auto;
    }

    .main-navigation ul li li a {
        margin: 0;
    }

    #main-slider .cycle-caption {
        bottom: 10%;
    }

    #main-slider .cycle-pager {
        bottom: 3%;
    }

    .classifyed_widget_skills .wen-skill-circle .skill-wrap {
        width:180px;
    }
    .classifyed_widget_testimonial_slider article.cycle-slide {
        padding-left:5%;
        padding-right:5%;
    }
    .authorbox  .author-info,
    .authorbox  .author-bio-posts-content {
        float: left;
        max-width:70%;
        width: 70%;
    }
}

/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1023px) {
    h1 {
        font-size: 22px;
    }

    h2 {
        font-size: 20px;
    }

    h3{
        font-size: 18px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 15px;
    }

    h6 {
        font-size: 14px;
    }

     #main-slider .cycle-caption {
        bottom: 10%;
        left: 15%;
        max-width: 70%;
    }

    .inner-wrapper,#content .inner-wrapper {
        margin-left: -15px;
        margin-right: -15px;
    }

    #primary,
    .sidebar,
    #colophon {
        padding-left: 15px;
        padding-right: 15px;
    }

    td,
    th {
        font-size: 12px;
        padding: 2px;
        text-align: center;
    }
    .classifyed_widget_contact .wpcf7-form > p {
        width: 100%;
    }
    .classifyed_widget_testimonial_slider article.cycle-slide {
        padding-left:0;
        padding-right:0;
    }
    .classifyed_widget_portfolio_slider .cycle-next {
        right: 10px;
    }
    .classifyed_widget_portfolio_slider .cycle-prev {
        left: 10px;
    }
    body.three-columns-enabled #primary,
    body.three-columns-enabled #content .sidebar,
    body #content #primary, body #content .sidebar {
        border-bottom: 1px solid #dddddd;
        margin-bottom: 20px;
        padding-bottom: 20px;
        width: 100%;
    }
    #main-slider .cycle-next {
        right: 25px;
    }
    #main-slider .cycle-prev {
        right: 60px;
    }
    .classifyed_widget_latest_news .latest-news-item {
        width: 50%;
    }
    .classifyed_widget_latest_news .latest-news-item.news-featured {
        width: 100%;
    }
    .classifyed_widget_latest_news .latest-news-item:nth-child(3n),
    .classifyed_widget_latest_news .latest-news-item:nth-child(6n) {
        clear: none;
    }
    .classifyed_widget_portfolio h4 {
        font-size: 17px;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:900px) {


    body{
        padding-top: 0;
    }

    #page {
        margin-top:45px;
    }

    #main-nav {
        display: none;
    }

    .enabled-sticky-primary-menu.sidr-open #masthead.fixed {
        position: relative;
        top: 89px;
    }

    .enabled-sticky-primary-menu  #masthead.fixed {
        top: 39px;
    }

    .enabled-sticky-primary-menu.admin-bar #masthead.fixed {
        top: 87px;
    }

    .sidr-open #mobile-trigger {
        transition: inherit;
    }

    #mobile-trigger {
        background: #001837 none repeat scroll 0 0;
        display: block;
        left: 0;
        padding: 5px;
        position: fixed;
        text-align: center;
        top: 0;
        width: 100%;
        z-index: 999999;
    }

    .logged-in #mobile-trigger {
        top: 45px;
    }

    .sidr-open #mobile-trigger {
        padding-left: 275px;
        text-align: left;
        transition: inherit;
    }

    #masthead {
        text-align: center;
    }


    .site-logo-link,
    .custom-logo-link {
        max-width: inherit;
    }

    #mobile-trigger i {
        background-color: #4fc3dd;
        border: 2px solid #fffffe;
        box-shadow: 0 1px 2px #001837;
        color: #ffffff;
        font-size: 21px;
        padding: 6px 8px;
    }

    .sidr ul li ul li a,
    .sidr ul li ul li span {
        line-height: 1.5;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-top: 10px !important;
    }

    .classifyed_widget_portfolio_slider .portfolio-category-list,
    .classifyed_widget_portfolio_slider .portfolio-content {
        width:100%;
        margin: 0;
        max-width: 100%;
    }

    .classifyed_widget_portfolio_slider .portfolio-content {
        padding-left: 60px;
        padding-right: 60px;
    }

    .classifyed_widget_teams .team-title {
        font-size: 16px;
    }

    .classifyed_widget_teams .team-item {
        padding: 0 15px;
    }
    #primary, .sidebar {
        width: 100%;
    }
    #custom-header {
        background-color: #00132c;
        background-size: 100% auto !important;
        min-height: 50px;
        padding: 75px 0 43px;
    }
    .classifyed_widget_recent_posts .recent-posts-item {
        clear: both;
        float: left;
        margin-top: 30px;
        width: 100%;
    }

}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {

    .site-header {
        position: inherit;
    }

    .site-branding {
        float: left;
        text-align: left;
    }

    h1 {
        font-size: 22px;
    }

    h2 {
        font-size: 20px;
    }

    h3{
        font-size: 18px;
    }

    h4 {
        font-size:16px;
    }

    h5 {
        font-size: 15px;
    }

    h6 {
        font-size: 14px;
    }


    #featured-slider,
    #footer-widgets,
    #colophon {
        margin-left: 0;
        margin-right: 0;
    }

    #sidebar-front-page-widget-area .widget-title span {
        margin-bottom: 0;
    }

    body .sidebar,
    body #primary {
        width: 100%;
    }

    .site-branding {
        text-align: left;
    }

    .site-content {
        padding-top: 15px;
    }

    /*featured slider style*/

    #main-slider .cycle-caption h3 {
        font-size: 19px;
        font-weight: bold;
        line-height: 1.4;
        margin-bottom: 5px;
    }


    #main-slider .cycle-caption p {
        font-size: 13px;
        overflow: hidden;
        margin-bottom:10px;
    }

    #main-slider h3 a span {
        font-size: 24px;
    }

    #content {
        clear: both;
        padding-top: 20px;
    }

    #sidebar-front-page-widget-area {
        clear: both;
    }


    /*sidebar layout*/


    /*footer widget area*/

    .sibebar {
        margin-top: 15px;
    }

    #footer-widgets .footer-widget-area {
        float: left;
        padding: 0 15px;
        width: 50%;
    }
    #footer-widgets .footer-active-1 {
        width: 100%;
    }
    #footer-widgets .footer-widget-area:nth-child(3n) {
        clear: both;
    }

    .widget.classifyed_widget_services .service-block-item {
        width: 50%;
    }

    .widget {
        margin: 15px 0 0;
    }



    #footer-widgets {
        padding: 30px 15px;
    }

    #colophon .copyright,
    #colophon .site-info {
        clear: both;
        text-align: center;
        width: 100%;
    }

    .enabled-sticky-primary-menu #masthead.fixed {
        position: inherit;
    }



    .classifyed_widget_portfolio_slider .portfolio-category-list {
        margin: 0 auto;
    }

    .classifyed_widget_portfolio_slider .cycle-prev,
    .classifyed_widget_portfolio_slider .cycle-next {
        bottom: 20%;
        background: #fff;
    }

    .classifyed_widget_portfolio_slider .cycle-prev {
        left: -20px;
    }

    .classifyed_widget_portfolio_slider .cycle-next {
        right: -20px;
    }


    .classifyed_widget_testimonial_slider .cycle-slide > img {
        margin-bottom: 15px;
        margin-right: 15px;
        max-width: 100px;
    }

    .classifyed_widget_testimonial_slider .testimonial-excerpt > p {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .classifyed_widget_pricing_table .pricing-table-grid-4 .pricing-plan-item,
    .classifyed_widget_pricing_table .pricing-table-grid-2 .pricing-plan-item,
    .classifyed_widget_pricing_table .pricing-table-grid-3 .pricing-plan-item {
        float: none;
        margin: 0 auto;
        width: 400px;
    }

    .classifyed_widget_clients .client-item {
        max-width: 25%;
    }

    .classifyed_widget_teams .teams-col-4 .team-item,
    .classifyed_widget_teams .teams-col-3 .team-item,
    .classifyed_widget_teams .teams-col-2.team-item,
    .classifyed_widget_teams .teams-col-1 .team-item {
        max-width: 300px;
        margin: 0 auto;
        width: 50%;
        float: none;
    }

    .classifyed_widget_teams .teams-col-4 .team-item,
    .classifyed_widget_teams .teams-col-3 .team-item,
    .classifyed_widget_teams .teams-col-2 .team-item,
    .classifyed_widget_teams .teams-col-1 .team-item {
        max-width: 300px;
        margin: 0 auto;
        width: 50%;
        float: left;
    }

    .classifyed_widget_portfolio_slider .portfolio-content {
        margin: 0 auto;
        max-width: 100%;
    }
    .classifyed_widget_skills .container {
        background-color: #ffffff;
        background-image: inherit;
        padding-bottom: 40px;
        padding-top: 40px;
    }
    #colophon .colophon-column,
    #colophon .colophon-grid-2 .colophon-column,
    #colophon .colophon-grid-3 .colophon-column,
    #colophon .colophon-grid-4 .colophon-column {
        float: left;
        width: 100%;
    }
    #footer-navigation {
        text-align: center;
        margin-bottom:10px;
    }
    .copyright {
        margin-bottom: 5px;
    }
    #footer-contact-section .quick-contact li {
        margin-bottom: 5px;
        text-align: center;
        width: 100%;
    }
    #footer-contact-section .quick-contact li::before {
        display: inline-block;
        font-size: 19px;
        margin-bottom: 0;
        margin-right: 10px;
    }

    #custom-header {
        background-repeat: no-repeat;
        background-size: cover !important;
        padding: 45px 0 43px;
    }
    .widget.wow {
        animation-name: none !important;
        visibility: visible !important;
    }
    .entry-footer > span {
        border-right: medium none;
        border-top: 1px solid #dddddd !important;
        display: block;
        float: left;
        padding: 10px 15px;
        width: 100%;
    }
    .entry-footer {
        border: none;
    }
    .classifyed_widget_appointment .wpcf7-form > p {
        width: 50%;
    }
    .widget.classifyed_widget_portfolio .portfolio-image {
        width: 50%;
    }
    #sidebar-front-page-widget-area .widget {
        margin: 0;
        padding: 30px 0;
    }
    .classifyed_widget_latest_news .latest-news-title {
        position: inherit;
        width: 100%;
    }
    .widget.classifyed_widget_services .service-block-item {
        text-align: center;
    }
    .classifyed_widget_services .even .service-block-inner > a {
        float: inherit;
        margin-right: 0;
    }
    .classifyed_widget_services .odd .service-block-inner > a {
        float: none;
        margin-left: 0;
    }
    .widget.classifyed_widget_services .service-block-item {
        text-align: center;
    }
    .classifyed_widget_information .information-block-item {
        width: 50%;
    }
    #sidebar-footer-bottom-widget-area .newsletter-firstname,
    #sidebar-footer-bottom-widget-area .newsletter-email {
        width: auto;
    }


}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:550px) {
    #sidebar-footer-bottom-widget-area .newsletter-firstname,
    #sidebar-footer-bottom-widget-area .newsletter-email {
        margin-bottom: 15px;
        width: 92%;
    }


    #main-slider .cycle-caption p {
        display: none;
    }

    .slider-buttons a {
        font-size: 15px;
        line-height: 1.5;
        margin: 0 5px;
        padding: 3px 13px;
    }

    #main-slider .cycle-caption {
        bottom: 22%;
    }
    .classifyed_widget_information .information-block-item {
        width: 100%;
    }
    .classifyed_widget_pricing_table .pricing-table-grid-4 .pricing-plan-item,
    .classifyed_widget_pricing_table .pricing-table-grid-2 .pricing-plan-item,
    .classifyed_widget_pricing_table .pricing-table-grid-3 .pricing-plan-item {
        width: 100%;
    }
    #custom-header {
        background-repeat: no-repeat;
        padding: 25px 0 30px;
    }
    .page-title {

        font-size: 30px;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px) {
    .classifyed_widget_teams .teams-col-4 .team-item,
    .classifyed_widget_teams .teams-col-3 .team-item,
    .classifyed_widget_teams .teams-col-2.team-item,
    .classifyed_widget_teams .teams-col-1 .team-item {
            max-width: 300px;
            margin: 0 auto;
            width: 100%;
            float: none;
        }
    .classifyed_widget_clients .client-item {
        max-width: 45%;
    }
    .custom-logo-link,
    .site-logo-link,
    #site-identity {
        display: block;
        float: none;
        margin-right: 0;
        text-align: left;
        width: 100%;
        max-width: inherit;
    }

    .site-branding {
        text-align: center;
    }

    .classifyed_widget_latest_news .latest-news-item.news-featured .latest-news-thumb {
        float: none;
        margin-right: 0;
        width: 100%;
    }

    .widget.classifyed_widget_latest_news .latest-news-item {
        width: 100%;
    }
    /*main slider */


    #main-slider .cycle-caption {
        bottom: 19px;
        max-width: 80%;
        padding: 0;
        left: 10%;
    }

    #main-slider .cycle-caption h3 {
        font-size: 16px;
        height: auto;
        margin-bottom: 10px;
        overflow: hidden;
    }

    #main-slider .cycle-pager {
        display: none;
    }

    #main-slider h3 a span,
    #main-slider h3 {
        font-size: 16px;
    }

    #main-slider .cycle-prev,
    #main-slider .cycle-next {
        font-size: 32px;
        height: 40px;
        line-height: 1;
        width: 40px;
    }

    .slider-buttons a {
        font-size: 13px;
        line-height: 1.5;
        margin: 0 3px;
        padding: 3px 5px;
    }

    #footer-widgets .footer-widget-area {
        width: 100%;
    }

    #footer-widgets .footer-widget-area:first-child {
        border: none;
        margin-top: 0;
        padding-top: 0;
    }

    #footer-widgets .footer-widget-area {
        width: 100%;
        padding-top: 15px;
        border-top: 1px solid #fff;
        margin-top: 15px;
    }

    .site-description {
        margin-bottom: 0;
    }


    .search-box .search-box-wrap {
        right: 3%;
        width: 263px;
    }

    .social-links {
        float: right;
        max-width: 208px;
        text-align: right;
    }

   .social-links .classifyed_widget_social li {
        display: inline-block;
        float: none;
    }
    .classifyed_widget_appointment .wpcf7-form > p {
        margin-bottom: 15px;
        padding: 0;
        width: 100%;
    }
    .search-box {
        float: right;
        position: relative;
        width: 33px;
    }
    .widget.classifyed_widget_services .service-block-item {
        width: 100%;
    }

    .classifyed_widget_portfolio_slider .portfolio-content {
        padding-left: 20px;
        padding-right: 20px;
    }
    .page-title {
        font-size: 20px;
        margin-bottom: 7px;
    }
    #custom-header {
        min-height: auto;
        padding: 15px 0 25px;
    }
    .classifyed_widget_testimonial_slider .cycle-slide > img {
        display: block;
        float: none;
        margin: 0 auto;
        max-width: 100px;
    }
    .classifyed_widget_testimonial_slider .testimonial-content-area {
        float: left;
        max-width: 100%;
        padding-top: 15px;
    }
    .classifyed_widget_testimonial_slider .cycle-pager > span.cycle-pager-active {
        max-width: 60px;
    }
    .classifyed_widget_testimonial_slider .cycle-pager span {
        cursor: pointer;
        max-width: 55px;
        overflow: hidden;
        padding: 2px 5px;
    }
    .classifyed_widget_testimonial_slider .cycle-pager {
        bottom: -80px;
    }
    #main-slider .cycle-prev {
        left: 5px;
    }
    #main-slider .cycle-next {
        right: 5px;
    }
    .classifyed_widget_latest_news .latest-news-item::after {
        content: "";
        display: table-cell;
    }
    .classifyed_widget_latest_news .latest-news-text-wrap{
        overflow: hidden;
    }
    #quick-contact li {
        display: inline-block;
        font-size: 12px;
        line-height: 1.1;
        list-style: outside none none;
        margin-left: 0;
        padding-left: 12px;
    }
    #tophead {
        text-align: center;
    }
    #quick-contact {
        float: none;
        clear: both;
    }
    .header-social-wrapper {
        float: none;
        margin-top: 2px;
        text-align: center;
        width: 100%;
    }
    .header-social-wrapper .classifyed_widget_social li {
        float:none;
        display: inline-block;
    }
    .widget.classifyed_widget_portfolio .portfolio-image {
        width: 100%;
    }
}