body{
    font-size: 16px;
}
.blog-inner{
    max-width: 1040px;
    margin:0 auto;

}
.post-title{
    font-family: 'Knockout', Avenir, sans-serif;
    text-transform: uppercase;
    /* letter-spacing: 2px; */
    letter-spacing: .05em;
    color: #fff;
    line-height: 100%;
}
.post-title span{
    font-family: 'Mrs Eaves OT';
    font-style: italic;
    text-transform: none;
    letter-spacing: .05em;
    display: block;
    text-align: center;
    line-height: 105%;
}
.latest-blog-post,
.post-box-content{
    position: relative;
}
.blog-navigation{
    margin-top: 50px;
    text-align: center;
}
.blog-navigation li{
    margin-right: 15px;
    margin-left: 15px;
    display: inline-block;
}
.blog-navigation li a{
    font-family: 'Mrs Eaves OT';
    font-style: italic;
    font-size: 26px;
    color: #000000;
    text-decoration: none;
}

.post-image-content {
	display: block;
	background: rgba(0,0,0,.25);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	text-align: center;
	text-decoration: none;
}
.post-image-content:hover,
.post-image-content:focus{
    text-decoration: none;
}
.blog-nav-wrap{
    padding-top: 45px;
}
.xl-content .post-image-content {
    /* padding-top: 19%; */
}
.xl-content .post-title{
    font-size: 80px;
    max-width: 80%;
    margin: 0 auto 20px;

}
.xl-content .post-title span{
    font-size: 30px;
    margin-bottom: 20px;
}
.md-content .post-image-content {
    /* padding-top: 15%; */
}
.md-content .post-title{
    font-size: 60px;
    max-width: 80%;
    margin: 0 auto;
}
.md-content .post-title span{
    font-size: 30px;
    margin-bottom: 10px;
}
.xs-content .post-image-content {
    /* padding-top: 10%; */
}
.xs-content .post-title{
    font-size: 40px;
    max-width: 97%;
    margin: 0 auto;
}
.xs-content .post-title span{
    font-size: 18px;
    padding-bottom:: 10px;
    display: block;
    text-transform: uppercase;

}
a.post-image-content{
    padding-top:0 !important;
}
.post-title-wrap{
   display: table;
   width: 100%;
   height: 100%;
   padding-top:0 !important;
}
.post-title-inner{
   display: table-cell;
   vertical-align: middle;
   padding-top:0 !important;
}

.xs-content p{
    font-size: 13px;
}

.full{
    display: block;
    float: left;
    width: 100%;
}
.col33{
    width: 33%;
    float: left;
}
.col50{
    width: 50%;
    float: left;
}
.col66{
    width: 66%;
    float: left;
}

.col80{
    width: 80%;
    float: left;
}
.head-title,.head-tab {
	text-align: center;
}
.head-title,.head-tab li {
	display: inline-block;
}
.head-title,.head-tab a {
	font-size: 60px;
	font-family: 'Knockout', Avenir, sans-serif;
	text-transform: uppercase;
	text-align: center;
	display: block;
	/* line-height: 100%; */
    color:#000;
	/* letter-spacing: 3px; */
    letter-spacing: .05em;
	background: #fff;
	min-height: 110px;
	min-width: 365px;
	padding: 26px 0 15px 0;
    text-decoration: none;

}

.head-tab a.active{
    box-shadow: 0px -4px 5px rgba(0,0,0,.3);
    color:#000;
}

.head-tab a:hover,
.head-tab a:active{
    text-decoration: none!important;
}

.head-tab a span {
	font-family: 'Avenir';
	font-size: 12px;
	letter-spacing: 3px;
	display: block;
	line-height: 100%;
	margin-top: -10px;
	margin-bottom: 0;
	font-weight: 900;
}

.xs-content .icon-img{
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.md-content .icon-img{

}

.in-three-col{
    margin-bottom: 20px;
}
.in-three-col .col33 {
	padding-right: 0;
	width: calc(33% - 10px);
	/* max-width: 333px; */
	margin-right: 20px;
}
.in-three-col .col33:last-child{
    margin-right: 0px;
}
.in-three-col .col33:nth-of-type(3n+3){
    margin-right: 0px;
}

.in-two-col .col66{
    margin-right:20px;
    /* height:394px; */
    /* max-width: 686px; */
    width: 66%;
}
/** resize the col66 image so it fills the full height of the grid there **/
.in-two-col .col66 .blog-post-img {
    width:auto !important;
    /* height:393px; */
}
.in-two-col .col33{
    margin-right: 0px;
    padding-right: 0;
	width: calc(33% - 10px);
	/* max-width: 333px; */
}

.in-two-col .col33:last-child{
    margin-top: 20px;
}

.even-col-33 .even-post:last-child{
    /* margin-top: 20px!important; */
}

hr.line {
	width: 100%;
	max-width: 1040px;
	border-top: 1px solid #000;
	margin-top: 50px;
	margin-bottom: 50px;
}

.post-artical .post-title{
    color: #000;
    max-width: 815px;
    margin: 35px auto;
    font-size: 48px;
    text-align: center;
    letter-spacing: .025em;
}

.post-artical .post-main-title{
    color: #ffff;
    max-width: 815px;
    margin: 35px auto;
    font-size: 48px;
    text-align: center;
}
.post-artical .post-content{
    font-size: 16px;
    max-width: 890px;
    margin: 0 auto;
}

.post-artical .post-content .content-box {
	max-width: 520px;
	float: left;
	line-height: 1.5em;
}
.post-artical .post-content .content-sidebar{
    width: calc(100% - 570px);
    float: right;
}
.bdr-button {
	text-align: center;
	display: inline-block;
	padding: 4px 15px;
	border: #000 1px solid;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
}
.bdr-button:hover{
    color: #000;
    text-decoration: none;
}
.xs-button{
    font-size: 11px;

}
.post-artical{
    margin-bottom: 10%;
}
.readmore {
	margin-top: 20px;
}
.share-social ul{
	overflow:hidden;
}
.share-social li{
   float: left;
   margin:0 1px;
}
.share-social a {
	font-size: 28px;
	color: #000;
   display: inline-block;
   width: 55px;
   height: 45px;
   text-align: center;
   margin:0 0;
   line-height: 45px;
   transition: background .3s ease-in-out;
}
.share-social a:hover{
   background: #7bdcd5;
}
.widget-title {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 12px;
}

.related-content-wrap h3 ,
.dont-be-stranger-wrap h3 {
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 8px;
	font-weight: 900;
	margin: 10px 0 30px;
    line-height: 1.6em
}
.col50.button-box {
	text-align: center;
}
.col50.social-share-links li {
	display: inline-block;
    margin-right:20px;
}
.col50.social-share-links-social li {
	display: inline-block;
    margin-right:20px;
    float: left;
}
.col50.social-share-links li a{
    text-decoration: none;
    display: block;
}

.col50.social-share-links {
	padding: 0 0%;
	text-align: center;
}

.col50.button-box {
	text-align: center;
	padding: 0 5%;
}
.col50.social-share-links i.fa {
	font-size: 38px;
	display: block;
	color: #000;
	margin: 3px 0 15px 0;
}
.bg-button {
	font-size: 36px;
	font-family: 'Knockout', Avenir, sans-serif;
	text-transform: uppercase;
	color: #fff;
	background: #000;
	display: inline-block;
	padding: 15px;
	line-height: 95%;
	text-decoration: none;
	/* letter-spacing: 2px; */
    letter-spacing: .05em;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.bg-button:hover , .bg-button:focus{
    background: #7bdcd5;
    color: #fff;
    text-decoration: none;
}
.xs-content .post-title{

}

.xl-content p.little-text,
.md-content p.little-text,
.xs-content p.little-text {
	font-size: 13px;
	color: #fff;
	line-height: 100%;
	margin-top: -8px;
	padding: 10% 10%;
   opacity: 0;
   /* display: none; */
   transition:opacity .35s ease 0s;
   -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

a .little-text {
    color:#fff;
}

.xl-content .post-title,
.xs-content .post-title,
.md-content .post-title{
    padding:0px 7px 0;
    -webkit-transform:translate3d(0,20px,0);
    transform:translate3d(0,20px,0);
    -webkit-transition:-webkit-transform .35s ease 0s;
    transition:transform .35s ease 0s;
}
.xl-content p.little-text,
.md-content p.little-text,
.xs-content p.little-text{
    padding: 15px 10px;
    -webkit-transform:translate3d(0,20px,0);
    transform:translate3d(0,20px,0);
    -webkit-transition:-webkit-transform .35s ease 0s;
    transition:transform .35s ease 0s;
    /* display: none; */
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.md-content p.little-text{
    font-size: 15px;
    margin-top: 3px;
    /* display: none; */
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.post-image-content:hover .post-title{
    -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);
    /* padding-top:25px; */
}


.xl-content p.little-text,
.md-content p.little-text,
.xs-content p.little-text{
    -webkit-transition:opacity .35s ease 0s,-webkit-transform .35s ease 0s;
    transition:opacity .35s ease 0s,transform .35s ease 0s;
    /* display: none; */
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.xl-content p.little-text{
    font-size: 18px;
    padding-top: 0px;
    /* display: none; */
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.post-image-content:hover p.little-text{
    opacity: 1;
    display: block;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}





/* .blog-category-pagec .xl-content .post-image-content:hover p.little-text,
.blog-category-page .xl-content p.little-text{

    display: none;
} */




.post-number {
	display: block;
	font-size: 14px;
	font-family: 'Avenir';
	margin-bottom: 6px;
   letter-spacing: 5px;
   font-weight: 600;
   text-transform: uppercase;
}

.post-date {
    margin-bottom:40px;
    text-align:right;
    display:block;
    font-size:22px;
    font-family:'Mrs Eaves OT';
    letter-spacing:.01em;
    font-weight:400;
    text-transform:none;
    font-style:italic;
}






.blog-post-single-page .post-artical .post-content .content-box{
    max-width: 740px;
}
.blog-post-single-page .blog-post-page-wrap .post-artical .post-title{
    font-family: 'Mrs Eaves OT';
    font-style: italic;
    font-size: 48px;
    text-transform: none;
    margin-top: 56px;
    margin-bottom: 15px;
}
.blog-post-single-page .post-artical .post-content .content-sidebar{
    width:calc(100% - 820px);
}



.widget-content {
	position: relative;
}
.more-icons {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 330px;
   display: none;
	margin-right: 0px;
	margin-left: 57px;
}
.more-icons li{
    display: inline-block;
}
.more-icon-btn{

}
.more-icons a {
	display: inline-block;

}
.related-content .post-block{
    max-width: 338px;
    float: left;
    width: 100%;
    margin-right: 13px;
}
.related-content .post-block.last{
    margin-right: 0px;
}
.related-content .post-block h3{
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
    letter-spacing: 1px;
    text-align: left;
}


.related-content p{
    font-size: 14px;
    font-weight: $font-weight-bold;
}
.viewmore-links{
    padding: 10px 0 0;
    position: relative;
    z-index: 3;
    text-align: center;
}
.viewmore{
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 900;
    color: #000 !important;
    text-decoration: none !important;
    letter-spacing: 1px;
    z-index:99999;
}
.viewmore:hover{
    color: #000 !important;
    text-decoration: none !important;
}

.blog-post-single-page .dont-be-stranger-wrap{
    margin-bottom: 50px;
}
.search-wrap,
.archives-wrap {
    width: 100%;
	position: fixed;
    right: 0;
	top: 225px;
	max-width: 330px;
    overflow-x: hidden;
    height: 76%;
    margin-right: -16px;
    z-index: 2;
	/* border-right: 8px solid #000; */

}
.searchbox-wrap,
.archiveslist-wrap{
    position: relative;
    right: -307px;
    width: 100%;
    border-left: 8px solid #000;
    padding-left: 25px;
    transition: right .3s ease-in-out;
    padding-top: 10px;
    padding-bottom: 20px;
    background: #fff;
    z-index: 3
}

.searchbox-wrap:before,
.archiveslist-wrap:before{
    height: 100%;
    /* width: 8px; */
    background: #000;
    content: "";
    position: absolute;
    left: -16px;
    top: 0;
}
/* temporarily hide the search box for now */
.archiveslist-wrap.opened{
    right: -16px;
    transition: right .3s ease-in-out;
    z-index: 5;
}


.blog-archive-open{
    position: fixed;
    color: #000;
    top: 230px;
    right: 25px;
    z-index: 3;
    transition: opacity .3s ease-in-out;
    transition-delay: .2s;
}
.blog-archive-open:hover,
.blog-archive-open:focus{
    text-decoration: none;
    color: #000;
}
.archivesyearlist > li > a::before {
	content: "\f0da";
	font-family: "FontAwesome";
	transition: content .3s;
	margin-right: 12px;
	position: relative;
	top: -1px;
}
.archivesyearlist > li.active > a:before{
    transition: content .3s;
    content: "\f0d7";
    margin-right: 9px;

}
.archivesyearlist a {
    line-height: 1em;
	font-size: 12px;
	font-weight: 400;
	color: #000;
	letter-spacing: 1px;
}
.archivespostlist > li{
    font-size: 12px;
}
.archivespostlist a {
    line-height: 1.4em;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    letter-spacing: 0px;
}
.searchtitle,
.archivestitle {
	font-size: 36px;
	text-transform: uppercase;
	font-family: 'Knockout', Avenir, sans-serif;
	/* letter-spacing: 2px; */
    letter-spacing: .05em;
	margin-bottom: 0;
}
.searchtitle{
    margin-top: 0px;
}
.archivesyearlist > li > a {
    text-transform: uppercase;
    font-weight: 900;
}
.archivesyearlist > li > a:hover,
.archivesyearlist > li > a:focus {
    text-decoration: none;

}

.archivespostlist {
    display: none;
	margin-top: 10px;
    margin-left: 10px;
    margin-right: 40px;
}
.archivespostlist li {
	line-height: 100%;
	margin-bottom: 10px;
}

aside.search-wrap{
    top: 110px;
}
.blog-search-open {
    position: fixed;
    color: #000;
    top: 115px;
    right: 25px;
    z-index: 3;
    text-decoration: none;
    transition: opacity .3s ease-in-out;
    transition-delay: .2s;
}
.blog-search-open:hover,
.blog-search-open:focus{
    text-decoration: none;
    color: #000;
}
.searchbox-wrap.opened{
    right: -16px;
    transition: right .3s ease-in-out;
    z-index: 5;
}
.search-wrap.shtop, .archives-wrap.shtop{

}
.blog-search-open.tihide,
.blog-archive-open.tihide{
    opacity:0;
    transition: opacity .3s ease-in-out;
    z-index: 0;

}


.searchbox-wrap .input-box{
    position: relative;
    z-index: 6;
}
.searchbox-wrap .input-box input {
    border: 1px solid #000;
    padding: 13px;
    margin: 9px 0 0 0;
    width: 93%;
}
.searchbox-wrap .input-box input:focus, .searchbox-wrap .input-box input:hover, .searchbox-wrap .input-box input:active{
    outline:none;
}
.searchbox-wrap .input-box button {
    position: absolute;
    background: none;
    right: 28px;
    top: 50%;
    transform: translate(0,-30%);
    border: none;
    z-index: 5;
}


.related-content .col33{
    display: inline-block;
    vertical-align: top;
    width: 33%;
    float: none;
    padding-right: 20px;
}

.col33 > .post-box-content > .blog-post-img{
    max-height: 187px;
    /* min-height: 187px; */
    width: 100%;
}
.col66 > .post-box-content > .blog-post-img{
    /* max-height: 389px;
    min-height: 389px; */
    width: 100%;
}


.content-sidebar .widget{
    overflow: visible;
}

.content-sidebar .widget-title{
    font-size: 12px;
    font-style: normal;
    letter-spacing: 1px;
    font-weight: 800;
    font-family: 'Avenir';
}

.head-tab a{
    -webkit-transform:translate3d(0,10px,0);
    transform:translate3d(0,10px,0);
    -webkit-transition:-webkit-transform .35s ease 0s;
    transition:transform .35s ease 0s;
}
.head-tab li:hover a, .head-tab a:active{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    color: #000;
}
.blog-post-image.latest-blog-post.xl-content > img{
    width: 100%;
}
.landing-single-post a.post-image-content img{
    /* padding-top: 25%; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* .cb .closeButton{
  display: block;
  height: 30px;
  position: fixed;
  right: 60px;
  top: 40px;
  width: 30px;
}
.cb .closeButton span{
  background-color: #fff;
  display: block;
  height: 2px;
  left: -5px;
  position: absolute;
  width: 40px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.cb .closeButton span:first-child{
  top: 14px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cb .closeButton span:last-child{
  bottom: 14px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cb .closeButton:hover span:first-child{
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.cb .closeButton:hover span:last-child{
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
} */


.blog-post-page-wrap .post-number{
    text-align: center;
    margin-bottom: 40px;
}


.search-content .col33{
    margin-bottom: 15px;
}

.search-form{
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.serverSideValidation{
    display: inline-block;
    padding-top: 10px;
}
.archives-wrap .close-archives{
    right: 40px;
    top: 15px;
}
.searchbox-wrap .close-search{
    right: 30px;
    top: 27px;
}
.searchbox-wrap{
    padding-right: 15px;
}
.searchbox-wrap .searchform{
    max-width: calc(100% - 50px);
}

.mobileLogin{
    display: none;
    color: #000;
    font-family: 'Avenir', sans-serif;
    font-size: 12px;
    letter-spacing: .15em;
    line-height: 30px;
    text-decoration: none;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
    position: absolute;
    right: 15px;
top: 17px;
}


.blog-page-template .mobileLogin a{
    display: inline-block;
    color: #000;
}
.blog-page-template .mobileLogin a:hover{
    text-decoration: none;

}
.blog-page-template .mobileLogin img{
    margin-left: 10px;
}

.blog-page-template .content-box ul {
    list-style: disc;
    padding-left: 20px;
}

.blog-page-template .content-box a {
    font-weight: 600;
    text-decoration: none;
    color: #7bdcd5;
}

.blog-page-template .content-box a:hover {
    text-decoration: none;
}

.blog-page-template .content-box ul li {
    padding-left: 20px;
    margin-bottom: 15px;
}




.archivemonthlist > li{
    margin-left: 17px;
}
.archivemonthlist > li > a{
    letter-spacing: 0px;
}



.archivespostlist li{
    position: relative;
}
.archivespostlist li span{
    position: absolute;
    top: 2px;
    left:0;
}
.archivespostlist li a{
    margin-left: 22px;
    display: inline-block;
}

.openPostList span{
    font-family: 'Mrs Eaves OT';
    font-style: italic;
    letter-spacing: .02em;
    font-size: 15px;
}









@media screen and (max-width:1199px) {
    .blog-page-template .mobileLogin{
        display: block;
        top: 33px;;
    }
    .blog-nav-wrap{
        padding-top: 0px;
    }
}
@media screen and (max-width:1040px) {

}
@media screen and (max-width:1024px) {
    .blog-page-template .mobileLogin{
        top: 27px;
    }
    .in-three-col .col33{
        width: calc(50% - 10px);
    }
    .in-three-col .col33:nth-child(2){
        margin-right: 0px;
    }
    .in-three-col .col33:last-child{
        width: 100%;
        margin: 20px 0 0 0 ;
    }
    .col33 > .post-box-content > .blog-post-img{
        max-height: none;
    }
    .in-two-col .col33{
        width: calc(50% - 10px);
        margin-right: 20px;
    }

    .in-two-col .even-col-33{
        width: 100%!important;
    }

    .in-two-col .even-col-33 .even-post{
        width: calc(50% - 10px) !important;
        margin-bottom: 20px;
        float: left!important;
    }
    .even-col-33 .even-post:nth-child(1){
        margin-right: 20px!important;
    }
    .even-col-33 .even-post:nth-child(2){
        margin-right: 0px!important;
    }

    .in-two-col .even-col-33{
        width: 100%!important;
    }
    .in-two-col .col66{
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .in-two-col .col33:last-child{
        margin-top: 0px;
        margin-right: 0px;
    }
}
@media screen and (max-width:991px) {


    .social-share-links li{
        display: inline-block;
    }
    .blog-post-single-page .post-artical .post-content .content-sidebar{
        width: 100%;
    }
    .more-icon-btn{
        position: relative;
    }
    .blog-post-single-page .post-artical .post-content .content-box{
        max-width: 100%;
    }
    .blog-inner{
        padding: 0 20px;
    }
    .related-content .col33{
        display: block;
        width: auto;
        padding: 0;
    }
    .col33 .post-box-content .blog-post-img{
        width: 100%;
    }
    .col66 > .post-box-content .blog-post-img{
        width: 100%;
    }
    .related-content .col33 .post-box-content .blog-post-img{
        max-height: fit-content;
    }
    .related-content .col66 > .post-box-content > .blog-post-img{
        max-height: fit-content;
    }
    .full-sm{
        width: 100%;
        float: none;
    }
    .xl-content .post-image-content {
        padding-top: 8%;
    }
}
.no-image-found{
    width: 100px;
    height: 500px;
}

@media screen and (min-width:901px) {
    .blog-search-open, .blog-archive-open{
        /* border-right: 8px solid #000; */
        padding-right: 17px;
        right: 0px;
        
    }
}
@media screen and (min-width:901px) and (max-width:1320px) {
    .blog-search-open, .blog-archive-open{
        padding-right: 17px;
        right: 7px;
        padding-right: 17px;
        width: 90px;
        background: rgba(255,255,255,.6);
        padding: 6px 0 6px 10px;
        line-height: 100%;
    }
}

@media screen and (max-width:768px) {
    .blog-page-template .mobileLogin{
        top: 17px;
    }
}
@media screen and (max-width:900px) {

	 .latest-blog-post-wrap .col33{
       width:100%;
       position: relative;
       padding:15px 0;
       margin:25px 0;
    }

    .blog-search-open{
      position: absolute;
      top: 15px;
      right: auto;
      left: 0;
      z-index: 5;
      left: -20px;
      border-left: 8px solid #000;
      padding-left: 12px;
    }

    .search-wrap{
       position: static;
       top: auto;
       right: auto;
       overflow-x: visible;
    }
    .searchbox-wrap{
       left: -335px;
       padding:0 0;
    }
    .aside.search-wrap{
        top: 0;
    }
    .searchbox-wrap{
        transition: left .3s ease-in-out;
    }
    .searchbox-wrap.opened{
    	  left: 20px;
    	  right: auto;
        transition: left .3s ease-in-out;
    }
    .searchbox-wrap{
        border-left:none;
        border-right:8px solid #000;
    }
    .searchbox-wrap .input-box input{
        margin:2px 0;
        width: 96%;
    }
    .search-wrap{
        margin-right: 0;
        margin-left: -20px;
    }

    .blog-archive-open{
        position: absolute;
        top: 15px;
        right: -20px;
        border-right: 8px solid #000;
        padding-right: 12px;
    }
    .archives-wrap{
       position:absolute;
       top:15px;
       right:0;
       height: auto;
    }
    .archiveslist-wrap{
       right: -335px;
    }
    .latest-blog-post-wrap + hr{
       margin-top:0;
    }
    .searchbox-wrap .close-search {
       right: 15px;
       top: 12px;
}


}

@media screen and (max-width:800px) {
    .head-tab a{
        font-size: 46px;
        min-width: 275px;
    }
    .blog-navigation{
        margin-top: 20px;
    }
    .head-tab a span{
        font-size: 10px;
    }
    .blog-navigation li{
        margin-left: 15px;
        margin-right: 15px;
    }
    .blog-navigation li:first-child{
        margin-left: 0px;
    }
    .blog-navigation li:last-child{
        margin-right: 0px;
    }
    .related-content .post-block{
        clear: both;
        float: none;
        margin: 0 auto;
    }
    .related-content .post-block.last{
        margin-right: auto;
    }
    .xl-content .post-title{
        font-size: 52px;
    }
    .xl-content .post-title span{
        font-size: 30px;
    }

}

@media only screen and (max-width:800px) and (orientation: portrait){
    /* .xl-content .post-image-content {
        padding-top: 5%;
    }
    .xl-content .post-title {
        font-size: 35px;
    } */

    .no-image-found{
        width: 100px;
        height: 350px;
    }

}
@media only screen and (max-width:800px) and (orientation: landscape){
    /* .xl-content .post-image-content {
        padding-top: 5%;
    }
    .xl-content .post-title {
        font-size: 40px;
    } */
    .no-image-found{
        width: 100px;
        height: 400px;
    }

}

@media screen and (max-width:640px) {
    .blog-post-single-page .blog-post-page-wrap .post-artical .post-title{
        font-size: 40px;
    }
    .blog-navigation li a{
        font-size: 24px;
    }
    .post-artical .post-content .content-box{
        /* width: 70%; */
        max-width: none;
    }
    .post-artical .post-content .content-sidebar{
        width: 25%;
        max-width: none;
    }
    .head-tab a{
        padding-left: 10px;
        padding-right: 10px;
        line-height: 80%;
        min-width: auto;
    }
    .head-tab a span{
        margin-top:3px;
    }
    .head-tab li{
        width: 49%;

    }
    .dont-be-stranger-wrap .button-box p{
        margin-bottom: 20px
    }
    .related-content-wrap h3, .dont-be-stranger-wrap h3{
        margin-bottom: 15px;
    }
    .head-tab{
        margin-bottom: 0px;
    }
    .head-title, .head-tab a{
        padding-bottom: 10px;
    }
    .widget.widget-5{

    }
    .quote-widget.no-img{
        padding-top: 0px !important;
        padding-bottom: 30px;
    }
}
@media screen and (max-width:600px) {

    .post-artical .post-content .content-box{
        width: 100%;
        max-width: none;
        margin-bottom: 40px;
    }
    .post-artical .post-content .content-sidebar{
        width: 100%;
        max-width: none;
    }
    .dont-be-stranger-wrap .col50{
        width: 100%;
        margin-bottom: 40px;
    }
    .dont-be-stranger-wrap .col50:last-child{
        margin-bottom: 0px;
    }
    .md-content .post-title{
        font-size: 40px;
    }
    .xl-content .post-title{
        font-size: 40px;
        margin-bottom: 10px;
    }
    .xl-content .post-title span{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .more-icons{
        margin-left:40px;
    }
    .share-social a{
        font-size: 24px;
        width: 38px;
        height: 37px;
        line-height: 38px;
    }
    .share-social  .more-icons a{
        width: 45px;
        height: 45px;
        line-height: 55px;
    }
}

@media screen and (max-width:480px) {
    .blog-navigation li a{
        font-size: 20px;
    }
    .blog-navigation li {
    	margin-left: 7px;
    	margin-right: 7px;
    }
    .blog-inner{
        padding-left: 10px;
        padding-right: 10px;
    }
    .in-three-col .col33 {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 10px;

    }

    .in-three-col .col33:last-child{
        margin-top: 0px;
    }
    .in-three-col {
    	margin-bottom: 10px;
    }
    .in-two-col .col66{
        margin-bottom: 10px;
    }
    .in-two-col .col33 {
    	width: 100%;
    	margin-right: 0px;
    }
    .in-two-col .col33:last-child{
        margin-top: 10px;
    }
    .share-social .widget-content{
        text-align: center;
    }
    .content-sidebar .widget-title{
        text-align: center;
    }
    .share-social a:nth-child(5)::before {
    	content: "";
    	width: 100%;
    	height: 5px;
    	background: none;
    	display: block;
    }
    .in-two-col .even-col-33 .even-post{
        width: 100% !important;
        margin-bottom: 10px;
    }
    .share-social li{
        float: none;
    }
    .share-social ul{
        text-align: center;
        overflow: visible;
    }
    .more-icon-btn > a{
        display: none;
    }
    .more-icons{
        position: static;
        margin-left: 0px;
        display: block;
        width: auto;
    }
    .share-social .more-icons a{
        width: 35px;
    }
    .blog-archive-open{
        right: -10px;
    }
    .blog-search-open{
        left:-10px;
    }
}