@media only screen and (max-width: 1200px) {
.container{
width: 100%;
}
.row.popular-section-wrapper{
margin: 0;
}
.post,
.widget-area .widget{
display: inline-block;
margin: 15px 0 15px;
width: 100%;
}
.content-area{
padding-right: 0;
}
.caption-wrap .entry-title{
font-size: 25px;
}
.grid-layout .post{
margin: 15px;
}
} @media only screen and (max-width: 1023px) {
.grid-layout .post{
margin: 15px 10px;
}
}
@media only screen and (max-width: 991px) {
.caption{
padding: 20px;
}
.widget-area .widget-title,
.blog-post-wrapper .entry-title,
.caption-wrap .entry-title {
font-size: 20px;
}
.popular-caption .entry-meta{
width: 175px;
}
.blog-post-wrapper img,
.blog-post-wrapper figure, 
.blog-post-caption{
width: 100%;
}
.blog-post-caption{
padding: 15px;
}
.post-formate-wrap{
top: auto;
bottom: -45px;
right: 10px;
}
.post-wrap .entry-title{
font-size: 16px;
}
.intragram-section .widget-title{
font-size: 25px;
}
.list-opp .post:nth-child(even) .post-formate-wrap {
right: 25px;
left: auto;
}
.blog-post-wrap.grid-layout {
margin-right: -25px;
}
.offcanvas-toggle-wrapper,
.search-part,
.menu-holder{
width: auto;
}
}
@media only screen and (max-width: 767px) {
.custom-col-1,  
.custom-col-2,  
.custom-col-3,  
.custom-col-4,  
.custom-col-5, 
.custom-col-6,  
.custom-col-7,  
.custom-col-8, 
.custom-col-9,  
.custom-col-10,  
.custom-col-11,  
.custom-col-12 {
float: none;
width: 100%;
}
.popular-section .custom-col-4{
padding: 0;
margin-bottom: 15px;
}
.popular-section .custom-col-4:last-child{
margin-bottom: 0;
}
.popular-section-wrapper{
padding: 15px;
}
.default-padding {
padding: 30px 0;
}
.widget-area,
.content-area{
width: 100%;
}
.widget-area .widget-title{
padding: 5px 0;
}
.site-footer .follow-us .inline-design.social-links ul li a,
.site-footer .quick-menu li a{
font-size: 16px;
margin: 0 10px;
}
.caption {
padding: 15px;
right: 40px;
width: 45%;
}
.caption .btn-wrap .btn{
margin-top: 10px;
}
.widget-area .widget-title,
.blog-post-wrapper .entry-title,
.caption-wrap .entry-title {
font-size: 18px;
}
.mean-container .mean-bar{
background: transparent;
}
.menu-holder{
float: left;
width:100%; 
}
.search-part,
.offcanvas-toggle-wrapper{
position: absolute;
}
.search-part .toggle-search-icon:before,
.offcanvas-toggle-wrapper{
z-index: 999999999;
}
.search-part{
right: 15px;
width: 100%;
}
.offcanvas-toggle-wrapper{
left: 15px;
width: auto;
}
.top-header-left,
.top-header-right{
width: 100%;
text-align: center
}
.top-header-left{
padding-bottom: 15px;
}
.top-header .container{
display: block;
}
.meanmenu-reveal i{
color: #000;
font-size: 14px;
}
.search-area{
right: 0;
}
.bottom-header .container{
position: relative;
}
.mean-container a.meanmenu-reveal{
text-align: center;
text-indent: 0px;
font-size: 18px;
}
.widget.widget-post-author{
margin: 30px 0;
}
.comments-area{
margin: 15px 0;
}
.navigation.post-navigation, 
.navigation.posts-navigation{
margin: 0;
}
}
@media only screen and (max-width: 559px) {
.freature-slider-section .caption{
position: relative;
right: 0;
top: 0;
transform: translateY(0);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
width: 100%;
margin-bottom: 2px;
padding-bottom: 25px;
}
.caption-overlay .post {
margin: 15px 0px 70px;
}
}
@media only screen and (max-width: 479px) {
.toggle-search-icon{
position: relative;
z-index: 9999999;
}
.mean-container .mean-nav ul li a.mean-expand{
height: 25px;
}
.offcanvas{
width: 310px;
}
.grid-layout .post{
width: 100%;
}
.blog-post-wrap.grid-layout{
margin-right: 0;
}
.grid-layout .post {
margin: 15px 0px;
}
body{
font-size: 14px;
}
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}