#banner{padding:80px 20px 70px 120px }

.home-featured{ padding:3%; background:#FFF; border-radius:10px; margin:2%;}
#blog-listing{     width: 100%;
    background: #003263;
    padding: 5% 3% 5% 3%;
    float: right;}


#authors{    width: 100%;
    background: #FFF;
    padding: 5% 3% 5% 3%;
    float: right;}

#top-right{ position:static; overflow:hidden;}
.nav{ position:absolute;}
#blog-listing ul, #authors ul{float:left; width:100%; padding-top:50px;}
#blog-listing ul li, #authors ul li{float:left; background:#f9af00; border-radius:10px; padding:1.5%; width:22%; margin:1.5%;}
#authors span{font-size:24px; text-align:center; width:100%; float:left;}
#authors h2{ font-size:52px; color:#222; width:100%; text-align:center;}
.pagination{ display:none;}
#authors ul li {background:none; width:9%; padding:0%; text-align:center;margin:0.5%;}
#authors ul li img{ display:table; width:100%; height:auto;}
#authors ul li h3{ display:table;}

#blog-listing h2{ font-size:52px; color:#FFF; width:100%; text-align:center;}
#blog-listing p{ font-size:14px; color:#FFF; width:100%; text-align:center; padding:5px 0px;}
#blog-listing ul li h3 {font-size:20px; line-height:28px; min-height:79px;  }
#blog-listing ul li figure{ margin-bottom: 20px;
  width: auto;
  height: 190px;
  display: block;
  overflow: hidden;
  border-radius: 8px;
  position: relative; margin-top:5px;}
#blog-listing ul li p{ float:left; width:100%;}
#blog-listing ul li img{ display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center;
  margin:0px;}

#blog-listing ul li small{font-size:14px; float:left; padding:0px; width:100%; }

.blog-inner {float: left;
  width: 65%;
  padding:60px; background:#FFF; border-radius:10px;}
.blog-inner h1
{
  font-size: 52px;
  font-weight: 700;
  line-height: 61px;
}

.innerpadding{ margin-top:80px;}


.search{ background:#FFF; border-radius:5px; padding:20px; margin-bottom:30px;}
.search-form input{ width:65%; padding:15px; border: 1px solid #e0e0e0;
    border-radius: 5px;}
.search-form button{font-size: 14px;
    border-radius: 5px;
    border: none;
    text-transform: uppercase;
    float: right;
    font-weight: 600;
    background: #ffba01;
    padding: 15px;
    cursor: pointer; width:34%;}

.blog-inner-right{ width:22%; margin-right:2%; float:right;}
.sidearea{ width:100%; float:left; }
.area{ background:#003263;border-radius:10px; padding:30px; float:left; width:100%; }

.blog-inner-right ul{ width:100%; float:left;}
.blog-inner-right ul li{ background:linear-gradient(90deg, rgba(249,175,0,1) 0%, rgba(253,154,1,1) 100%); width:100%; padding:15px; border-radius:5px; margin-bottom:30px;}
.blog-inner-right ul li:last-child, .category-postlist ul li{margin-bottom:0px;}
.home-featured figure{  width: auto;
  height: 225px;
  display: block;
  overflow: hidden;
  border-radius: 8px;
  position: relative; margin-top:5px;}
.home-featured img{display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center;
  margin: 0px 0px 0px 0px; }
.home-featured h2{ font-weight:700; font-size:24px; line-height:28px;}
.home-featured small{ font-size:14px; padding:5px 0px; width:100%; }
.home-featured:hover h2 a{ color:#003263;}

#catlist{ width:100%; float:left;}
#catlist ul{ margin:0px auto; display:table; width:100%; max-width:980px;float:none; text-align:center;}
#catlist ul li{ background:none; color:#FFF; margin:1%; width:auto; padding:10px 20px; border-radius:30px; border:2px solid #FFF; display:inline-block; float:none;}
#catlist ul li a{ color:#FFF;}
.bread_crumb{ font-size:12px; font-weight:500;padding:10px 0px;}
.single-post-image{ width: auto;
  height: 425px;
  display: block;
  overflow: hidden;
  border-radius: 8px;
  position: relative; margin:2% 0%;}

.single-post-image img{display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center;
  margin: 0px 0px 0px 0px; }

.blog-inner p{margin-bottom:10px; line-height:28px; font-size:16px; }
footer{ padding:2% 2% 4% 2%; background:linear-gradient(90deg, rgba(249,175,0,1) 0%, rgba(253,154,1,1) 100%);}
footer p{text-align:center; width:100%; }
.copyright{ width:100%;padding-top:0px; margin:0px;}
.platforms{ width:100%; margin:0px auto; display:table; padding:0px 0px 20px 0px; text-align:center; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #333;}
.platforms h6{ text-align:center; width:100%;  font-size:25px;}
.platforms img{ max-width:1024px; width:100%; display:table; margin:0px auto;}
.widget-column{ width:25%; padding:2%; float:left;}
.widget-column img{ width:50%;}
#menu-footer, #menu-main, #block-8 .wp-block-categories-list{ margin:10px 0px; padding:0px;}
#menu-footer li, #menu-main li,  #block-8 .wp-block-categories-list li{ width:100%; float:left; padding:0px;}
#menu-footer li a, #menu-main li a, #block-8 .wp-block-categories-list li a{ float:left; text-align:left; font-weight:400; font-size:16px; padding:2px;}
.category-postlist{ padding:0px 0px 10px 0px;}
.category-postlist, .category-postlist ul, .category-postlist ul li{ width:100%; float:left;}
.category-postlist ul li{ margin-bottom:5%; list-style-type:none;}
.category-postlist ul li figure{ width:40%; float;left;  
  height: 225px;

float:left;
  overflow: hidden;
  border-radius: 8px;}
.category-postlist ul li img
{display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center;
  margin: 0px 0px 0px 0px; }

.postleft{ width:60%; padding:5px 3%; float:right;}
.postleft h3{ padding:0px 0px 10px 0px;}
.postleft p{padding:5px 0px 10px 0px; margin:0px;}
.btn{ border-radius:5px; font-size:11px; width:auto;  padding:5px 10px; background:#003263; color:#FFF;}

#interaction{ padding:5%; border-radius:10px; margin-bottom:30px;}
#interaction p{ margin-bottom:0px; padding-bottom:0px;}
#interaction ul{padding:0px; }
#interaction ul li{ list-style-type:none;padding:0px;padding-bottom:5px;}
.discover form input{ line-height:30px;}
.search-form button {background:#003263}
.area .search-form button{background:linear-gradient(90deg, rgba(249,175,0,1) 0%, rgba(253,154,1,1) 100%);}


.blog-inner ul li {
	padding: 5px;
	width: 100%;
	list-style-type: circle;
	font-size: 14px;
	line-height: 24px;
}
.category-postlist ul li{ margin-top:5%; margin-bottom:0px; list-style-type:none;}
.blog-inner ul{  padding:0px 20px 20px 20px;}
.category-postlist ul { padding:0%; list-style-type:none;}

.blog-inner strong{ font-weight:600; font-size:15px; }
.blog-inner strong a{ color:#fd9f02; text-decoration:underline; }
.blog-inner h2{ margin-top:25px; font-size:25px;  background:url(https://www.kleverish.com/images/favicon.svg) 0px 9px no-repeat; background-size:20px; padding-left:30px; padding-bottom:10px; color:#003263; width:100%; float: left; margin-bottom: 15px;}
.blog-inner h3 {
	font-size: 20px;
	padding: 10px 0px;
}
#interaction h6{ font-size:34px;}
.wp-block-code{ padding:20px; margin-bottom:20px; background:#f2f2f2; border-radius:20px;}
#block-14 figure{ width:50%;}
.blog-inner ol li{float:left; width:100%; line-height:24px; padding-bottom:10px; }


.saboxplugin-wrap{margin:30px 0px;float:left; border-top:3px solid #e6e6e6; padding-top:30px;}
.saboxplugin-gravatar{ float:left; width:60px; height:60px; border-radius:100%; overflow:hidden;}
.saboxplugin-gravatar img{ width:100%; height:auto;}
.saboxplugin-authorname{ display:none;}
.saboxplugin-desc{ width:90%; float:right;}
.author-info{ width:100%; float:left;}
.author-info .saboxplugin-authorname{ display:block;}
.author-info .saboxplugin-desc{ display:none;}
#services{ padding:5%; border-radius:10px;}
.size-full img{     width: 100%;
 height: auto }
#banner-ads{ display:block;}

@media only screen and (max-width: 1480px){
	#blog-listing ul li{width:30.3%;	}
	#banner, .blog-inner{padding:80px 20px 70px 40px; }
	#blog-listing ul li figure{height:175px; }
	.blog-inner{ width:60%;}
	.blog-inner h1{ font-size:43px; line-height:45px; padding-bottom:10px;}
	.blog-inner-right{ width:28%;}
	.search-form input, .search-form button{ padding:10px 15px;}
	.blog-inner{ padding:40px;}

}

@media only screen and (max-width: 1380px){
	.blog-inner h1{ font-size:34px; line-height:43px;}	
	.blog-inner p{ font-size:15px;}
	.single-post-image{ height:auto;}
	.blog-inner-right ul li{ padding:10px;}
	.search-form button{ font-size:12px;}
	header{ padding-left:20px;}
	.category-postlist p{ display:none;}
	.postleft {
		width: 50%;}
	.category-postlist ul li figure {
    width: 50%;
		height: 200px;}
	p{ font-size:13px; line-height:24px;}
	.blog-inner ol li{font-size:14px; float:left; width:100%; line-height:24px; padding-bottom:10px; }

}


@media only screen and (max-width: 1024px){
	.blog-inner{ width:100%;}
	#banner{padding:80px 5% 70px 5%;}
	.blog-inner-right{ width:100%;}
	.blog-inner, .blog-inner-right {
    width: 96%;
		margin: 2%;}
	
	.saboxplugin-tab {
	display:flex !important;
}
	
.saboxplugin-desc {
    width: 90%;
    float: right;
    margin-left: 8px;
}
	.blog-inner-right ul li {
        padding: 15px;
}


@media only screen and (max-width: 800px){
	#blog-listing ul li{width:48%; margin:2% 1%;}
	.widget-column{ width:100%; }
	#menu-main{width:100%; }
	.copyright p{ padding-top:40px;}
	.blog-inner p{ line-height:24px;}
	.blog-inner, .blog-inner-right {
    width: 96%; padding:20px;
		margin: 2%;}
		#menu-main li, #menu-footer li, #block-8 .wp-block-categories-list li{ width:50%;}
	.copyright ul{ display:block;}
	.blog-inner-right{ margin: 2%;
    width: 96%;
    padding: 20px 0px;
}
	#banner-ads{ display:none;}
	
	
}

@media only screen and (max-width:680px){
	.category-postlist ul li figure{ width:100%; max-height:300px; height:auto;}
	.postleft{ width:100%;}
	.category-postlist ul li{ padding:0px;}
	.blog-inner p{ display:block;}
		.postleft h3{5px 0px 0px 0px}
		.postleft{ padding:20px 0px 0px 0px;}
		.footer-widget-3{ display:none;}
	#interaction p{ font-size:18px;}
	.postleft h3{ padding:10px 0px;}
	.blog-inner h1{ padding-top:10px; padding-bottom:0px;}
	
}


@media only screen and (max-width: 480px){
	#blog-listing ul li{width:97%; padding:3%;}
	#catlist ul li{width:auto; margin:1.5% 2%;}
	.blog-inner h1{ font-size:25px; line-height:34px;}
		#send_proposal button{ width:100%;}
	#blog-listing h2{ font-size:43px; line-height:52px;}
	#menu-main li, #menu-footer li{ width:100%;}
	table li{
	padding: 0px;
	width: 100%;
	list-style-type: circle;
	font-size: 14px;
}
	
}
@media only screen and (max-width: 1001px){
	#blog-listing ul li h3 {
	font-size: 16px;
	line-height: 24px;
} 
}
#blog-left img {
    width: 100%;
	margin: 15px 0;
    height: auto !important;
}
#services ul li span {
	font-size: 28px;
	float: left;
	font-weight: 800;
	line-height: 34px;
}
	
	

/*user */	
@media(max-width:1024px){
    #authors ul li{
        width:18%;
        margin:1%;
    }
}

@media(max-width:767px){
    #authors h2{ font-size:38px;}
    #authors span{ font-size:20px;}
    #authors ul li{
        width:30%;
        margin:1.5%;
    }
}
@media(max-width:599px){
    #authors h2{ font-size:32px;}
    #authors span{ font-size:18px;}
    #authors ul li{
        width:45%;
        margin:2%;
    }
}
@media(max-width:400px){
    #authors h2{ font-size:28px;}
    #authors ul li{
        width:48%;
        margin:1%;
    }
}