/*
Theme Name: Classified Ads Premium
Description: Classified Ads is red multi-purpose theme with a responsive 2 column layout. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer. Customizer: ad button text, header image, background image, background color, hover color, header color, nav hover color, footer background color, sticky post, ad option top, ad option bottom, icon option, custom CSS, sidebar position, anti spam login form, featured slider, user form field, payment gateways, activate terms, pricing options symbol.
Author: seosbg
Author URI: https://seosthemes.com/
Theme URI: https://seosthemes.com/wordpress-theme-classified-ads/
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, threaded-comments
Version: 2.1.5
Tested up to: 6.0
Requires PHP: 7.4
License: SEOS Themes
License URI: Classified Ads WordPress Theme Copyright 2015, https://seosthemes.com/
Text Domain: seos-classified-ads
*/

/* ----------------------------------- Basic ----------------------------------- */


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, font, q, strong, fieldset, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1em;	
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;	
}

* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
    box-sizing: border-box;
}

body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	margin: 0 auto;
}

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

h1 {
	font-size: 31px;
	color: #960000;
	font-family: 'Oswald', sans-serif;
}

h2 {
	font-size: 26px;
	color: #960000;
}

h3 {
	font-size: 22px;
	color: #960000;
}

h4 {
	font-size: 18px;
	color: #960000;
}

h5,
h6 {
	font-size: 15px;
	color: #960000;
}

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

a:hover {
	color: #CE0000;
}

table {
	border-collapse: separate;
}

table td,
table th {
	border: 1px solid #aaa;
	padding: 3px;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

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

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
	background: #F0F0F0;
	display: inline-block;
	border-left: 4px solid #888;
	padding: 8px;
    font-style: italic;
	word-wrap: break-word;
}

b,
strong {
	font-weight: 600;
}

p {
word-wrap: break-word;
}

details a,
aside li,
section p,
article li {
    line-height: 1.5em;
}

select {
	max-width: 100%;
}

/* ----------------------------------- Header ----------------------------------- */

header {
	height: 100%;
	overflow: hidden;
	-webkit-box-shadow: inset 0px -89px 180px 29px rgba(0,0,0,0.62);
	-moz-box-shadow: inset 0px -89px 180px 29px rgba(0,0,0,0.62);
	box-shadow: inset 0px -89px 180px 29px rgba(0,0,0,0.62);
	border-bottom: 2px solid #031321;
	color: #FFFFFF;
	word-wrap: break-word;
}

header .video-home {
	position: relative;
	height: 600px;
}

header .video-home  .header{
	position: absolute;
}

header #masthead {
    max-width: 100%;

}
.home-video-content{
    position: absolute;
	z-index: 9;
    top: 30%;
    width: 100%; 
    height: 100%;
}
.home-video-content .postanad {
	z-index: 9999;
}
#header .ca-logo {
	margin: 0 auto;
	padding-top: 20px;
	max-width: 50%;
	opacity: 1 !important;
}

#header-img {
	width: 100%;
}

header h1, .site-name span {
    display: block;
	letter-spacing: 5px;
	font-size: 80px;
	padding-top: 0;
	margin: 0;
	color: #FFFFFF;
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
}

header p {
	padding-bottom: 10px;
}

.top {
	z-index: 9;
    position: relative;
	margin-top: 0 !important;
	font-family: 'Oswald', sans-serif;
    line-height: 35px;
	text-align: right;
	background: #960000;
	-webkit-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	-moz-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	border-bottom: 1px solid #870000;
}

#site-login {
	opacity: 0.8;
	display: block;
}

#site-login a {
	padding-right: 20px;
	color:  #FFFFFF;
	line-height: 30px;
}

#site-login a:hover {
	opacity: 0.8;
}

.noselectmeta:after,
.icon,
#header,
header:after {
	content: ""; 
	clear: both; 
	display: block;
}

#header {
	text-align: center;
	min-height: 335px;
	opacity: 0.8;
	height: 100%;
}

/* ----------------------------------- Nav ----------------------------------- */

nav {
	z-index: 9;
    position: relative;
	font-family: 'Oswald', sans-serif;
	text-align: center;
	background: #960000;
	-webkit-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	-moz-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
}

nav:after {
	float: none;
	display: block;
}

nav ul {
	display: table;
	position: relative;
	list-style: none;
	color: #FFFFFF;
	margin: 0 auto;
	z-index: 99999;
}

nav ul ul {
	display: none;
}

nav ul li:hover > ul {
	display: block;
}

nav ul:after {
	content: "";
	clear: both;
	display: block;
}

nav ul li {
	float: left;
	min-width: 80px;
	text-align: center;
}

nav ul li a:hover {
	background: #C10000;
	color: #FFFFFF;
	-webkit-transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
	-webkit-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	-moz-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
}

nav ul li:hover {
	-webkit-transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
}

nav ul li:hover a {
	-webkit-transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
}
	
nav ul li a {
	display: block; 
	padding: 12px;
	font-size: 16px;
	color: #DEDEE2;
	text-decoration: none;
}
	
nav ul ul {
	position: absolute;
	border-radius: 0px;
	padding: 0;
	min-width: 150px;
}

nav ul ul li {
	position: relative;
	float: none;
	min-width: 100px;
	z-index: 9999;
	text-align: left;
	margin: 0;
}

nav ul ul li a {
	font-size: 13px;
	background: #960000;
	padding: 8px;
}
	
nav ul ul li a:hover {
	background: #C10000;
	-webkit-transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
}

nav ul ul ul {
	position: absolute; 
	left: 100%;
	top: 0;
	width: 100%;
}

nav:after {
	content: "";
	clear: both;
	display: block;
}

.menu {
	padding: 0;
	margin: 0 auto;
}

/********* Menu Animation **********/

nav li > a:after {
    padding-left: 10px;
    color: #DEDEE2;
	font-size: 10px;
	font-family: 'dashicons';	
    content: "\f345";
}

nav li > a:hover:after {
    color: #AF4600;
	font-size: 10px;	
	font-family: 'dashicons';	
	content: "\f345";
}

nav li > a:only-child:after {
    content: '';
}

nav ul ul {
	display: none;
}

/* ----------------------------------- Main ----------------------------------- */

main {
	max-width: 1200px;
	margin: 0 auto;
	word-wrap: break-word;
	
}

main:after {
	content: "";
	clear: both;
	display: block;
}

.content:after {
	content: "";
	clear: both;
	display: block;
}

/* ----------------------------------- Section ----------------------------------- */

section {
	width: 69%;
	float: right;
	word-wrap: break-word;
}

.section-right {
	width: 69%;
	float: right;
	padding: 0  0 0 10px;
	word-wrap: break-word;
}

.ad-categories {
	width: 100%;
	padding: 0;
	text-align: center;
	margin-top: 15px;
}

.ad-categories  .categories {
    font-size: 23px;
	list-style-type: none;
    font-family: 'Oswald', sans-serif;
	color: #960000;
}

.ad-categories  .categories  ul {
	margin-top: 10px;
	padding: 0;
}

.ad-categories ul  li{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset -3px 26px 51px -11px rgba(0,0,0,0.24);
    -moz-box-shadow: inset -3px 26px 51px -11px rgba(0,0,0,0.24);
    box-shadow: inset -3px 26px 51px -11px rgba(0,0,0,0.24);
}

.ad-categories ul li {
    padding: 5px;
	margin: 5px;
    vertical-align: top;
    width: 23.5%;
    font-size: 15px;
    line-height: 20px;
    height: auto;
    text-align: left;
    word-wrap: break-word;
    display: inline-block;
}

.ad-categories ul li ul {
	margin: 5px 0 0 0;
	padding: 0;
	
}

.ad-categories ul li ul li {
    width: 94%;
	padding: 0;
	list-style-type: none;
	border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	margin: 0;
}

.ad-categories ul li ul li a{
    font-size: 13px;
    line-height: 23px;
}

.ad-categories img, .widget_categories a img  {
    width: 30px;
    height: 20px;
    padding: 0 10px 0 0;
    object-fit: cover;
    object-position: 50% 50%;
	vertical-align: middle;
}

/* ----------------------------------- Article ----------------------------------- */

article {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #C0C0C0;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset -3px 26px 51px -11px rgba(0,0,0,0.24);
	-moz-box-shadow: inset -3px 26px 51px -11px rgba(0,0,0,0.24);
	box-shadow: inset -3px 26px 51px -11px rgba(0,0,0,0.24);
	word-wrap: break-word;
}

.article-home {
	padding: 20px;
	max-width: 1200px;
	margin: 0 auto;
}

article h2 {
	font-family: 'Oswald', sans-serif;
	padding: 5px 0 5px 0;
	color: #960000;
	font-size: 27px;
}

article p,
article ul,
article ol,
article table,
article dl {
	margin-bottom: 20px;
}

article ul,
article ol {
	margin-bottom: 20px;
}

article ul ul,
article ol ol {
	margin-bottom: 0;
}

article:after {
	content: ""; 
	clear: both; 
	display: block;
}

.article-right {
	float: right;
	width: 83%;
}

.full-width {
	width: 100%;
	word-wrap: break-word;
}

.full-width .content{
	padding: 10px;
}

.meta-contacts {
	border-bottom: 1px solid #960000;
	padding-bottom: 2px;
	color: #960000; 
}

small .news-view {
    color: #21759b;	
}

.entry-class {
	display: inline-block;
	padding-top: 15px;
}

.news-view {
	font-size: 12px;
    color: #222;
	margin-right: 5px;
}

.news-view .dashicons {
    vertical-align: middle;
    height: 23px;
    color: #222;
}

.marg .dashicons {
    margin-right: 3px;	
}

/* ----------------------------------- Aside ----------------------------------- */

aside {
	float: left;
	width: 27%;
	word-wrap: break-word;
	padding-top: 5px;
}

aside h2 {
	margin: 10px 0 0 0;
	color: #FFFFFF;
	background: #960000;
	line-height: normal;
	padding: 10px;
	border: 1px solid #960000;
	-webkit-box-shadow: 0px 17px 56px -13px rgba(91,91,91,1);
	-moz-box-shadow: 0px 17px 56px -13px rgba(91,91,91,1);
	box-shadow: 0px 17px 56px -13px rgba(91,91,91,1);
	width: 100%;
	font-family: 'Oswald', sans-serif;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.sidebar-left {
	float: left;
	width: 27%;
 	word-wrap: break-word;
        padding-left: 10px;
}

aside .children, .sub-menu {
	border: none;
}

aside .menu  {
	padding: 10px;
}

aside ul li ul {
	border: 1px solid #C0C0C0;
	padding: 10px;
	width: 100%;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	margin-bottom: 10px
}

aside ul li a:hover {
	margin-left: 5px;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}

aside ul,
aside ol {
	list-style-type: none;
	padding: 0;
}

.textwidget img {
	max-width: 100%;
}

aside .categories ul {
	border: none;
}


.wp-block-post-excerpt__excerpt, aside time {
   padding: 10px;	
}

#today {
	background: #960000;
}

#today a {
	color: #fff;	
}

#wp-calendar {
	width: 100%;
}

/* ----------------------------------- Footer ----------------------------------- */

footer {

	background: #960000;
	color: #FFFFFF;
	text-align: center;
	-webkit-box-shadow: inset 0px -89px 180px 29px rgba(0,0,0,0.62);
	-moz-box-shadow: inset 0px -89px 180px 29px rgba(0,0,0,0.62);
	box-shadow: inset 0px -89px 180px 29px rgba(0,0,0,0.62);
}

#footer {
	height: 100%;
	padding: 10px;
	opacity: 0.7;
}

footer a {
	color: #FFFFFF;
}

.footer {
	margin: 20px;
    text-align: center;
    word-wrap: break-word;
    background-color: rgba(34, 34, 34, 1);
    -moz-box-shadow: inset  0 30px 30px -30px #828282, inset  0 -30px 30px -30px #828282;
    -webkit-box-shadow: inset  0 30px 30px -30px #828282, inset  0 -30px 30px -30px #828282;
    box-shadow: inset  0 30px 30px -30px #828282, inset  0 -30px 30px -30px #828282;
	border: 1px solid #606060;
    height: auto;
	list-style-type: none;
    padding: 20px;
    vertical-align: top;
    width: 20.3%;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
}

.footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.widget_calendar td, .widget_calendar th {
	padding: 5px;
}

.footer .widget-title {
	color: #ffffff;
	padding: 10px;
}

.footer aside {
	 width: 100%;
	 margin: 0;
	 padding: 0;
}

#myname,
#company,
#email,
#tel{
	display:inline;
	font-size: 16px;
	line-height:22px;
}

.option-con {
	max-width:30%;
	min-width: 200px;
	margin: 0 auto;
	margin-top:10px;

}

.option-con p {
	word-wrap: break-word;
}

details {
	margin: 10px;
	opacity: 0.8;
}

details p{
	line-height: 22px;
}

details a {
	margin-left: 15px;
	-webkit-transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
}

details a:hover {
	color: #CE0000;
	-webkit-transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
}

footer #gallery-1 img {
	border:1px solid #888;
}

footer #gallery-1 a:hover {
	opacity: 0.8;
}

/* ----------------------------------- Images ----------------------------------- */

.img img {
	width: auto;
	max-width: 50%;
	padding: 3px;
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #C0C0C0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 5px;
}

.p-image img{
	float: none;
	width: 100%;
	max-width: 100%;
	height: auto;
}

.ads-img img{
    max-width: 50%;
	float: left;
	margin: 5px 10px 10px 0;
	height: auto;
}


.img-search img  {
	float: left;
	width: 10%;
	height: auto;
	margin: 0 10px 10px 0;
	padding: 10px;
	-webkit-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	-moz-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
}

.img-def {
    position: relative;
    z-index: 1;
	float: left;
	width: 80px;
	height: 80px;
	background: #960000;
	background-image: url(img/no-img.png);
	background-repeat: no-repeat;
	-webkit-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	-moz-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	padding: 10px;
}

.img-def-single {
    position: relative;
    z-index: 1;
	float: left;
	width: 80px;
	margin-right:10px;
	margin-bottom:10px;
	height: 80px;
	background: #960000;
	background-image: url(img/no-img.png);
	background-repeat: no-repeat;
	-webkit-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	-moz-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	padding: 10px;
}

.noselectmeta:after,
.tag-s:after,
article:after {
	float: none;
	display: block;
	clear: both;
}

.alignnone {
	margin: 0;
	padding: 0;
}

.alignleft {
	float: left;
	margin-right: 15px;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
	max-width: 100%;	
}

.alignright {
	float: right;
	margin-left: 15px;
	padding-right: 0;
}

.avatar {
	width: 100px;
	object-fit: cover;
    object-position: 50% 50%;
}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

.img {
	height: auto;
	margin: 0 auto;
	padding-left: 0;
	max-width: 100%;
}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

.grow {
	width: 400px;
	margin: 0 auto;
}

.wp-caption,
.wp-caption-text,
.gallery-caption {
	max-width:100%;
	font-size:14px;
}

.description {
	margin-top: 0px;
	font-size:18px;
	display: block;
	position: relative;
	float: none;
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	text-align: center;
}

/* ----------------------------------- Forms ----------------------------------- */

.s_name {
    display: none;
}

form {
	width: 100%;
}

#registerform, #loginform, #lostpasswordform, .lostpassword-confirmation {
	margin-top: 20px;
}

#registerform label,  #loginform label {
	display: block;
}

#loginform h1 {
	font-size: 16px;
}

.register-confirmation {
	padding-bottom: 5px;
}

input {
	font-size: 16px;
	margin-bottom: 10px;
	border: 1px solid #ddd !important;
	border-radius: 3px !important;
	padding: 5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset -3px 6px 31px -11px rgba(0,0,0,0.24);
    -moz-box-shadow: inset -3px 6px 31px -11px rgba(0,0,0,0.24);
    box-shadow: inset -3px 6px 31px -11px rgba(0,0,0,0.24);
    word-wrap: break-word;
}

#submit, #wp-submit{
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	letter-spacing: 2px;
	border-radius: 4px;
	border: 4px solid #960000;
	color: #FFFFFF;
	background: #960000;
	-webkit-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	-moz-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
	cursor: pointer;
}

#wp-submit:hover,
#submit:hover {
	background: red;
}

#s {
    display: block;
	margin-top: 10px;
	color: #888;
	border: 1px solid #960000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

textarea {
	min-width: 90%;
	max-width: 100%;
	border: 1px solid #ddd !important;
	border-radius: 3px;
	padding: 10px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset -3px 6px 31px -11px rgba(0,0,0,0.24);
    -moz-box-shadow: inset -3px 6px 31px -11px rgba(0,0,0,0.24);
    box-shadow: inset -3px 6px 31px -11px rgba(0,0,0,0.24);
    word-wrap: break-word;
}

select {
	border: 1px solid #ddd !important;
	padding: 5px;
	border-radius: 3px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    -webkit-box-shadow: inset -3px 6px 31px -11px rgba(0,0,0,0.24);
    -moz-box-shadow: inset -3px 6px 31px -11px rgba(0,0,0,0.24);
    box-shadow: inset -3px 6px 31px -11px rgba(0,0,0,0.24);
    word-wrap: break-word;
}

label {
	font-weight: bold;
	margin-bottom: 6px;
	margin-right: 10px;
	min-width: 100px;
	color: #960000;
}

.blue {
	font-size: 22px;
	color: #21759b;
}

#searchsubmit {
	background-image: url(img/search-button.png);
	width: 34px;
	height: 32px;
    margin-left: 5px;
	padding-left: 7px !important;
}
/*********************** Custom Select ***********************/

#cat-searchform {
    text-align: center;
    width: fit-content;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: inset -3px 26px 51px -11px rgba(0,0,0,0.11);
    padding: 20px 40px;
    border: 1px solid #eee;
    border-radius: 5px;
}

#cat-searchform  #s {
	width: 300px;
	display: inline;
	padding: 10px;
	border: none; 
	outline: 0;
	border:0px;
}

#cat-searchform select {
	display: none;
}

#cat-searchform .read-more {
	position:relative;
	top: 2px;
	width: 100px;
	display: inline;
	padding: 7px;
	border: none; 
	outline: 0;	
	border-radius: 5px !important;
}

#cat-searchform .read-more:hover {
	cursor: pointer;
}

/* The container must be positioned relative: */
.custom-search-select {
    position: relative;
    font-family: Arial;
    width: 200px;
    display: inline-block;
    z-index: 1;
}

.custom-search-select select {
    display: none; /*hide original SELECT element: */
}

.custom-search-select .select-selected {
	box-shadow: inset -3px 6px 31px -11px rgba(0,0,0,0.24);
	border-radius: 5px;	border: 1px solid #ddd;
	padding: 11px;	
}

/* Style the arrow inside the select element: */
.custom-search-select .select-selected:after {
    position: absolute;
    z-index:99999;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #333 transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.custom-search-select .select-selected.select-arrow-active:after {
    border-color: transparent transparent #333 transparent;
    top: 7px;
}

/* style the items (options), including the selected item: */
.custom-search-select .select-items div,.custom-search-select .select-selected {
    text-align: left;	
    color: #333;
    cursor: pointer;
}

/* Style items (options): */
.custom-search-select .select-items {
    position: absolute;
	padding: 10px;
    background: #fff;
    top: 100%;
    left: 0;
	padding: 5px;
    right: 0;
    z-index: 99;
    text-align: left;
	overflow: auto;
	max-height: 400px;
	border: 1px solid #ddd;
}

.custom-search-select .select-items div {
	padding: 5px;
}

/* Hide the items when the select box is closed: */

footer .wp-block-search .wp-block-search__button,
aside .wp-block-search .wp-block-search__button {
    height: 40px;
    border-radius: 5px !important;
	background: #960000;
	color: #fff;
}

footer .wp-block-search .wp-block-search__button:hover,
aside .wp-block-search .wp-block-search__button:hover {
    background: #E80000
}

footer .wp-block-search__label,
aside .wp-block-search__label {
	display: none;
}

.wp-block-search__input {
	padding: 10px;
}

aside .widget_block  {
    margin-top: 10px;
    border-radius: 5px;
	width: 100%;
}

.custom-search-select .select-hide {
    display: none;
}

.custom-search-select .select-items div:hover,.custom-search-select .same-as-selected {
    background: #fff;
}

#cat-searchform .s {
	width: 200px;
	display: inline;
}

.searchinput {
    min-width: 100%;
    padding: 10px;
}

.bypostauthor {
	padding-left: 6px;
}

.vip-ad {
    width:100%;
	overflow: hidden;
}

.fa-paypal{
	display: inline-block;
}


#site-login .fa {
	font-size: 14px;
	padding-right: 1px;
	color: #eee;
}

#site-login .fa-user-o {
    bottom: 1px;
    position: relative;
}

#site-login .fa-sign-in {
	font-size: 18px;	
    top: 1px;
    position: relative;	
}

.paypalform, .ads-bank-id {
	border-top: 4px solid #960000 !important;
}

form .sub-paypal, .ads-bank-id, .paypalform {
	background: #EAD891;
	color: #7F6800;
	font-size: 13px;
	margin: 5px 0 5px 0;
	padding: 5px;
	border: none;
	text-align: left;
}

form .sub-paypal {
	cursor: pointer;
	display: inline-block;
}	

.sub-paypal:hover,
.ads-bank-id:hover  {
	background: #FFEE9E;
}

.login-submit input {
	padding: 3px 5px 3px 5px;
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
	padding: 0 10px;
}
/* ----------------------------------- Woocommerce ----------------------------------- */

.pswp {
	z-index: 99999;
}
.pswp img {
	max-width: 0;
}
.seos-cart {
	max-width: 150px;

	text-align: center;
	padding: 5px;
	margin: 10px 0 10px 0;
	margin-left: auto;
	margin-right: auto;
}

.woocommerce-pagination {
	max-width: 300px;
	text-align: center;
	margin: 0 auto;
}

.woocommerce-pagination {
	background: none;
	box-shadow: none;
}

.woocommerce-pagination .page-numbers li {
	width: 20px !important;
	margin: 10px;
}

.woocommerce-pagination ul li {
	min-width: 20px;
	padding: 5px;
}

.woocommerce nav.woocommerce-pagination ul li {
	padding: 3px !important;
	background: #960000;
    padding: 10px !important;
    -webkit-box-shadow: 0px 17px 56px -13px rgba(91,91,91,1);
    -moz-box-shadow: 0px 17px 56px -13px rgba(91,91,91,1);
    box-shadow: 0px 17px 56px -13px rgba(91,91,91,1);
}

.woocommerce nav.woocommerce-pagination ul li {
	border: 1px solid #d3ced2;
	margin: 2px;
	padding: 3px !important;
	border-radius: 4px;
}

.woocommerce nav.woocommerce-pagination ul li:hover {
	background: red;
}

.woocommerce nav.woocommerce-pagination ul li a,
 .woocommerce nav.woocommerce-pagination ul li span,
 .woocommerce-pagination ul li a {
	padding: 5px !important;
 }

.woocommerce nav.woocommerce-pagination ul {
	border: none;
}

.woocommerce-Price-amount {
	font-size: 12px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
 .woocommerce nav.woocommerce-pagination ul li a:hover,
 .woocommerce nav.woocommerce-pagination ul li span.current {
	background: none;
    box-shadow: none;	
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	min-width: 10px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
	color: #fff;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background-color: #960000;
    -webkit-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
    -moz-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
    box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;	
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background-color: red;
}

/* ----------------------------------- Other ----------------------------------- */

.read-more {
	font-family: 'Oswald', sans-serif;
	display: block;
	width: 80px;
	opacity: 0.9;
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	margin-top: 10px;
	background: #960000;
	-webkit-transition: all 0.6s linear 0s;
	-moz-transition: all 0.6s linear 0s;
	-o-transition: all 0.6s linear 0s;
	transition: all 0.6s linear 0s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.imp-price .price, .article-right .price {
	width: 103px;
    height: 69px;
    color: #FFFFFF;
    font-size: 14px;
    background-image: url(img/price2.png) !important;
    background-repeat: no-repeat;
    text-align: center;
    text-align: right;
    word-wrap: break-word;
    margin: 0 auto;
    float: right;
}

.price-ad {
	height: 22px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	word-wrap: break-word;
	margin-top: 22px;
	margin-right: 40px;
	float: right;
	-webkit-transform: rotate(-12deg);
	-moz-transform: rotate(-12deg);
	-ms-transform: rotate(-12deg);
	-o-transform: rotate(-12deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.field4 {
	font-family: 'Oswald', sans-serif;
	width: 77px;
	max-height: 22px;
	padding-left: 5px;
	word-wrap: break-word;
	text-align: center;
}

.imp-price {
	max-width: 150px;
	max-height: 300px;
	overflow: hidden;
  	text-align: center;
	font-size: 13px;
	color: #960000;
}

.read {
	position: absolute;
	top: 110px;
	right: 0;
	display: block;
	width: 170px;
	line-height: 32px;
	color: #FFFFFF;
	text-align: center;
	border-top: 2px solid #404040;
	background: #2D2D2D;
	-webkit-transition: all 0.6s linear 0s;
	-moz-transition: all 0.6s linear 0s;
	-o-transition: all 0.6s linear 0s;
	transition: all 0.6s linear 0s;
	-webkit-box-shadow: inset -16px -63px 40px -46px rgba(0,0,0,0.21);
	-moz-box-shadow: inset -16px -63px 40px -46px rgba(0,0,0,0.21);
	box-shadow: inset -16px -63px 40px -46px rgba(0,0,0,0.21);
}

.pagination a:hover,
.postanad a:hover,
.read-more:hover {
	color: #FFFFFF;
	background: #E80000;
}

.nextpage{
	width: 100%;
	margin: 0 auto;
}

.pagination {
	width: 100%;
	margin: 28px 0 28px 0;
	padding: 0;
	float: right;
	text-align: center;
}

.pagination a {
	font-size: 14px;
	padding: 3px 7px 3px 7px;
	background: #960000;
	color: #FFFFFF;
	border-radius: 2px;
	-webkit-transition: all 0.6s linear 0s;
	-moz-transition: all 0.6s linear 0s;
	-o-transition: all 0.6s linear 0s;
	transition: all 0.6s linear 0s;
}

.pagination a:hover {
	opacity: 0.8;
	color: #FFFFFF;
}

.s-single-cat {
	margin-top: 15px;
}

.category-sticky,
.sticky  {
	background: #FCECAD;
}

.sticky .sticky-img{
	position: absolute;
	z-index: 2;
	background-image: url('img/vip1.png');
	background-repeat: no-repeat;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	opacity: 1;
	-webkit-transition: all 0.6s linear 0s;
	-moz-transition: all 0.6s linear 0s;
	-o-transition: all 0.6s linear 0s;
	transition: all 0.6s linear 0s;
}

.sticky .sticky-img:hover {
	opacity:0;
	-webkit-transition: all 0.6s linear 0s;
	-moz-transition: all 0.6s linear 0s;
	-o-transition: all 0.6s linear 0s;
	transition: all 0.6s linear 0s;
}

small {
	color: #21759b;
}

body.login div#login,
#login,
.login {
	width: 420px !important;
}

.login h1 {
	background-image: url(img/classified-.png);
}

.post-ads {
	padding: 5px 10px 5px 10px;
	display: block;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	font-family: 'Oswald', sans-serif;
	font-size: 25px;
	border: 1px solid #960000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.adsseos {
	width: 729px;
	padding: 10px 0 10px 0;
	margin: 0 auto;
}

.postad{
	padding: 0 21px 0 0;
	background: #FFF6D6;
	width: 100%;
	display: block;	
}

.post-meta li {
	display: inline;
}

.post-meta-key {
	border: 1px solid #960000;
	background: #FFD000;
	padding: 3px;
	border-radius: 4px;
}

.noselectmeta {
	word-wrap: break-word;
	border: none;
	text-align: left;
	max-width: 300px;
	max-height: 50px;
	overflow: hidden;
	-webkit-transition: all 0.6s linear 0s;
	-moz-transition: all 0.6s linear 0s;
	-o-transition: all 0.6s linear 0s;
	transition: all 0.6s linear 0s;
}

.meta-box-vision {
	word-wrap: break-word;
	border: none;
	height: 100%;
	text-align: left;
	padding:  0 5px 5px 5px;
	border-radius: 4px;
}

.meta-box-vision .ad-table td {
	border: 1px solid #eee;
	padding: 3px 5px;
	vertical-align: middle;

}

.meta-box-vision .ad-table td p {
	color: #555;	
}
.meta-box-vision .ad-table td .field4 {
	color: #fff;	
}

.meta-box-vision th,
.meta-box-vision td {
	border: none;
}

.meta-box-vision .td-title {
	font-size: 13px;
	color: #960000;	
	font-weight: 600;
}

.meta-box-vision .td-email {
	padding-bottom: 2px;
}

.meta-box-vision tr {
	max-width: 300px;
	max-height: 60px;
	overflow: hidden;
}

.prevpost {
	float: left;
	font-size: 30px;
	border-radius: 2px;
}

.nextpost {
	float: right;
	font-size: 30px;
	border-radius: 2px;
}

.prevpost  a,
.nextpost  a{
	font-family: 'Oswald', sans-serif;
	padding: 5px;
	color: #960000;
	position: relative;
    bottom: 2px;
}

.prevpost a:hover,
.nextpost a:hover{
	color: #CE0000;
}

#reply-title,
#comments {
	padding : 10px 0 10px 0;
}

#comment {
	max-width: 100%;
}

.comment-form-comment label,
.comment-form-author label,
.comment-form-email label,
.comment-form-url label{
	display: block;
	margin-top: 10px;
}

.comment-form-comment textarea,
.comment-form-author input,
.comment-form-email input,
.comment-form-url input{
	padding: 10px;
	border: 1px solid #D8D8D8;
	max-width: 100%;	
}

.comment-form-comment textarea {
	min-width: 97%;
}

.commen {
	width:100%;
	border: 1px solid #C0C0C0;
	padding: 10px;
	margin-top: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset -3px 26px 51px -11px rgba(0,0,0,0.24);
	-moz-box-shadow: inset -3px 26px 51px -11px rgba(0,0,0,0.24);
	box-shadow: inset -3px 26px 51px -11px rgba(0,0,0,0.24);
}

.img-seos-slider {
	width: 100%;
	height: 330px;
}

.seos-slider-button {
	margin: 0 auto;
	width: 180px;
	position: relative;
	top: 40px;
	-webkit-transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
}

.seos-slider-button {
	margin: 0 auto;
	width: 180px;
	position: relative;
	bottom: 5px;
	top:-22px;
	-webkit-transition: all 0.8s linear 0s;
	-moz-transition: all 0.8s linear 0s;
	-o-transition: all 0.8s linear 0s;
	transition: all 0.8s linear 0s;
}

.seos-slider-button a {
	width: 18px;
	margin-left: 3px;
	line-height: 4px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 45%;
	background: #FFFFFF;
	padding: 2px 6px 2px 6px;
	display:inline;
}

.seos-slider-button a:hover {
	color: #FFFFFF;
	background: #960000;
	-webkit-transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;

}

.seos-figure,
#seos-slider {
	width: 100%;
	height: 330px;
	padding: 0;
	margin: 0;
	position: absolute;
}

#slidesimg {
	position: absolute;
	padding: 0;
	 margin: 0;
	width: 100%;
	height: 330px;
}

#slidesimg li {
	position: absolute;
	opacity: 0;
	list-style: outside none none;
	width: 100%;
	height: 330px;
	background: #FFFFFF;
	transition: opacity 3s;
	padding: 0;
	margin: 0;
}

#slidesimg li img {
	width: 100%;
	position: relative;
	height:330px;
	padding: 0;
	margin: 0;
}

.slider-content {
	z-index: 2;
	position: absolute;
	text-align: center;
	bottom: 55px;
	left: 65px;
	width: 150px;
	height: 132px;
	color:  #FFFFFF;
	line-height: 26px;
	overflow: hidden;
	display:block;
	background: #404040;
	word-break: break-word;
	padding: 10px 10px 0 10px ;
	font-size: 14px;
	font-family: 'Oswald', sans-serif;
	border: 1px solid #960000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.scon {	
	color:  #FFFFFF;
	width: 150px;
	height: 58px;
	overflow: hidden;
	z-index: 0;
	position: relative;
	background: #404040;
}

article p, article ul, article ol, article table, article dl {
	margin: 0;
	word-wrap: break-word;
}

article img {
	max-width: 100%;
}

.ad {
	text-align: right;
}

.ad i {
	color: #404040;
}

.img-ad img {
	object-fit: cover;
    object-position: 50% 50%;
	float: left;
	width: 80px;
	height: 80px;
}

.img-ad  {	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #C0C0C0;
	float: left;
	padding: 10px;
	margin:0 10px 10px 0;
	-webkit-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	-moz-box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	box-shadow: inset 0px 17px 56px -13px rgba(91,91,91,1);
	-webkit-transition: -webkit-transform 0.4s linear;
	transition: transform 0.4s linear;
	-webkit-transition: all 0.1s linear 0s;
	-moz-transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
	transition: all 0.1s linear 0s;
}

.img-ad:hover {
	padding: 3px;
	-webkit-transform: scale(2.2);
	transform: scale(1.8);
}

.tag-s {
	margin: 30px 0 10px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.tag-s  a {
	border: 1px solid #C0C0C0;
	background: #404040;
	padding: 3px;
	color: #FFFFFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.6s linear 0s;
	-moz-transition: all 0.6s linear 0s;
	-o-transition: all 0.6s linear 0s;
	transition: all 0.6s linear 0s;
	line-height: 30px;
}

.tag-s a:hover {
	background: #E80000;
	color: #FFFFFF;
}
	
.postanad {
	margin: 0 auto;
	position: relative;
	bottom: 5px;
	background: #E80000;
	padding: 5px;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	width: 150px;
	text-align: center;
	border: 1px solid #960000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset -16px -63px 40px -46px rgba(0,0,0,0.21);
	-moz-box-shadow: inset -16px -63px 40px -46px rgba(0,0,0,0.21);
	box-shadow: inset -16px -63px 40px -46px rgba(0,0,0,0.21);
	-webkit-transition: all 0.6s linear 0s;
	-moz-transition: all 0.6s linear 0s;
	-o-transition: all 0.6s linear 0s;
	transition: all 0.6s linear 0s;
}

.read:hover,
.postanad:hover {
	background: #FF3232;
}

.postanad a {
	color: #FFFFFF;
	-webkit-transition: all 0.6s linear 0s;
	-moz-transition: all 0.6s linear 0s;
	-o-transition: all 0.6s linear 0s;
	transition: all 0.6s linear 0s;
}

.comment-respond {
	margin-top: 100px;
}

.postpagination {
	margin: 40px 0 40px 0;
	width: 100%;
	display: block;
	float:none;
	clear: both;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #fff;
	text-decoration:none;
}

.clear {
	float: none;
	display: block;
	content: "";
}

.navigation div,
.navigation li {
	display: inline;
	font-size: 16px;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: #960000;
	border-radius: 50%;
	cursor: pointer;
	padding: 12px;
	padding: 5px 10px 5px 10px;
	-webkit-transition: all 0.6s linear 0s;
	-moz-transition: all 0.6s linear 0s;
	-o-transition: all 0.6s linear 0s;
	transition: all 0.6s linear 0s;
}

.navigation li a:hover,
.navigation li.active a {
	background-color: #E80000;
}

/* 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: 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. */
}

.wel-come {
	max-width: 100%;
}

/* Code for tag and categories */
.seos-custom {
	  line-height: 20px;
}
.seos-custom h1, .seos-custom h2 {
	  line-height: 40px;
  	padding: 10px 0;
}
.seos-custom img {
	  margin: 20px 0;
	  display: block;
}

.seos-custom ol, .seos-custom ul {
    margin: 20px;
}

/* Code for widget issue */
.custom-html-widget #preview {
	  width: auto !important;
}
/* ----------------------------------- Media queries ----------------------------------- */

@media screen and (max-width: 700px){
	.noselectmeta {
		max-width: 150px;
	}
	
	.container-slider h3 {
		word-wrap: break-word;
	}
	
}

@media screen and (max-width: 742px) {

	.ad-categories img {
		display: inline-block;
		width: 20px;
	}

   .ad-categories ul li  {
        margin-top: 10px;
        width: 40%;
        margin-left: 10px;
    }

	.img-ad-thumbnail img {
		display: inline-block;
	}

	nav ul li:hover > ul {
	  -webkit-animation-name: none !important;
	  animation-name: none !important;
	  -webkit-transform-origin: none !important;
	  transform-origin: none !important;
	}

	main {
		padding: 0;
	}

	.img img {
		margin: 0 auto;
		margin-bottom: 20px;
		width:100%;
	}
	
    ul, ol,
	aside,
	.section-right,
	.sidebar-left,
	table,
	.content ul,
	.content,
	article, h3,h4,h2,article ul, article ol, #site-login a, .top, .description, input, form, aside ul li ul, .tag-s a, .commen {
		width: 100%;
		margin: 0 auto;

		text-align: left;
    }
	
	section {
       	display: block;
		width: 100%;
		margin: 0 auto;
		padding: 10px 0 10px 0;
		text-align: center;		
	}
	
	.img-ad {
		padding: 0;
		margin-top: 10px;
	}
	
	img {
	    display: block;
		float: none;
		width: 100%;
	}
	
	img:hover,
	.img-ad:hover {
		-webkit-transform: none;
		transform: none;
		padding: 0;
		opacity: 0.8;
	}
	
	article, .article-right{
	    margin-top: 0;    
	    float: none;
	    width: 100%;
	}

	aside .post-ads, aside .postad {
		padding: 0;
    }
	
    .adsseos {
		width: 100%;	
	}

	textarea {
        width: 80%;
    }

	#footer {
       	display: block;
		position: relative;
		float: none;
		width: 100%;
		margin: 0 auto;
		padding: 5px 0 15px 0;
		text-align: center;
    }

	#s, aside h2 {
       	display: block;
		position: relative;
		float: none;
	    width: 100%;
		margin: 0 auto;
		padding: 10px 0 10px 0;
		text-align: center;
		margin: 0;
    }

	.top {
		height: 100%;
    }

	aside ul li ul {
		margin: 0 auto;
		width: 100%;
		margin-bottom: 10px;
	}
	article {
		margin-bottom: 10px;
		padding: 10px;
        box-sizing: border-box;
    }

	article ul {
		position: relative;
		width: 100%;
		margin: 0 auto;
    }

	.img-def {
		width: 80px;
		height: 80px;
    }

	.tag-s {
		padding: 10px;
	}
	
	article h2, .ad {
		text-align: left;
	}
}

@media screen and (max-width: 770px) {
    body .autoplay .slick-slide, body .autoplay div img,
	body .autoplay1 .slick-slide, body .autoplay1 div img {
		height: 240px !important;
	}
	
	.slick-list {
        padding-bottom: 20px;
	}

	.categories ul {
		padding: 0;
	}
	
	.ad-categories ul li {
		width: 100%;
	}
	
	.ad-categories, .ad-categories ul li {
	    padding: 10px;		
		margin: 10px 0 0 0;
	}
	
	header h1 {
		font-size: 40px;
		height: auto;
		padding-top: 20px;
		margin: 0;
		line-height: 40px;
		display: block;
		float: none;
		position: static;
    }

	.nav-ico ul{
		display: none;
    }
	
	#site-login a {
		display: inline;
		padding-right: 10px;
	}
	#site-login{
		padding-left: 10px;
	}

	#menu-icon {
		width: 52px;
		height: 44px;
		display: block;
    }

	nav .nav-ico {
		width:180px;
		padding: 4px;
		margin: 0;
    }
	.description {
		text-align: center;
	}
	
	main, footer {
		margin: 0 10px;
	}
	
	
	.nav-ico:hover ul,
	.nav-ico:hover ul li,
	.nav-ico:hover ul ul,
	.nav-ico:hover ul ul li {
		display: block;
		position: relative;
		border: none;
		float: none;
		width: 100%;
		text-align: left;
		left: 0;
    }

	nav ul li a, 
	nav ul li, 
	nav ul ul li a {
		border: none;
    }

	nav a:hover {
		color: #2B9BC4;
		-webkit-transition: all 0.4s linear 0s;
		-moz-transition: all 0.4s linear 0s;
		-o-transition: all 0.4s linear 0s;
		transition: all 0.4s linear 0s;
    }

	.menu-button {
		background: #FFFFFF;
		border: 1px solid #FFFFFF;
		border-radius: 2px;
		margin: 8px 0 10px 10px;
		width: 40px;
		height: 4px;	
		display: block;
    }
	
	nav ul li {
		margin: 0;
    }
	
	#header-img, #header {
		min-height: auto;
	}
	
	aside .menu, form {
		padding: 0;
	}
	
	.tag-s a {
		padding: 3px;
	}
	
	article h2 {
		font-size: 4vw;
	}
	
	.site-name h1, .site-name span {
	    font-size: 30px !important;
	}	
	.home-video-content {
	    top: 20%;
	}
}

@media screen and (max-width: 1100px) {
	article p, .entry-class {
		text-align: left;
		float: none;
	}

	.autoplay div img, .autoplay div, .slick-slide  {
	    height: auto;
		width: 100%;
		display: block; 
	}
	
	.footer, .footer .widget-title {
		width: 90%;
        margin: 10px;
        margin-bottom: 10px;
		float: none;
	}
 .footer .widget-title {
	 padding: 10px 0;
	 margin: 0;
 }
 
	.article-right {
		width: 100%;
        text-align: left;
	}
	
	.content #sca-panel h2 {
		text-align: center;
	}
	
	#sca-panel table {
		max-width: 100%;
		overflow-x: auto;
		display: inline-block;
	}
	
	#sca-panel #submit {
		top: 5px;
		text-align: center;
	}
	.block-price {
		top: 0;		
	}
	
	.block-title {
		margin-top: 10px;
	}
	
	.img-ad-thumbnail {
		float: none;
	}
	article, #main, .footer, body {
		overflow: hidden;
	}
		#sca-panel .btn{
		text-align: center;
		float: none;
		top: 1px;
		display: block;
	}
	header .video-home {
	    height: auto;
	}

}
@media screen and (max-width: 440px) {
	article h2 {
		font-size: 5vw;
		letter-spacing: 0;		
	}
	
	.s-mobile {
		display: none;
	}

	
	.img-ad:hover {
		padding: 0;
		opacity: 0.7;
		-webkit-transform: none;
		transform: none;
	}
	

}