@charset "utf-8";
/* CSS Document */

.bloglisting-page .pgtitle{text-align: center;}
.bloglisting-page .blogcontainer {
    flex-wrap: wrap;
    margin-bottom: -65px;
}
/* .sitecontentsec.sec_padd {padding: 100px 0 0!important;} */
.instasection.sec_padd {padding-top: 0px!important;}


.blogdetail_container .wrapper {max-width: 1086px;}

.blogdtlimg_div {position: relative; margin-bottom: 40px;}
.blogdtlimg_div p {position: absolute;
    background: #EDE944;
    color: #000000;
    font-size: 12px;
    padding: 5px 26px;
    top: 0;
    left: 0;
    font-weight: 700;
    display: flex;
    align-items: center;
    clip-path: polygon(100% 0%, 93% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
    text-transform: uppercase;
}
.blogdtlimg_div p span {font-size: 16px;margin-right: 5px;}
/* .blogdtlimg_div p:before {content: '';position: absolute;clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);background-color: #ede944;width: 30px;height: 100%;top: 0;right: -8px;} */

/* h1{font-family: 'Marcellus';font-weight: normal; color: #0F765D;font-size: 44px;line-height: 1.5; text-transform: uppercase;} */
h2{font-family: 'Montserrat'; font-weight: 700;color: #0F765D;font-size: 20px;line-height: 1.5; text-transform: uppercase; margin-bottom: 15px!important;}
h3{font-family: 'Montserrat'; font-weight: 700;color: #0F765D;font-size: 16px;line-height: 1.5; text-transform: uppercase; margin-bottom: 10px!important}


.blog_btm_text .publishinfo { width: auto; border: 0;}
.blog_btm_text { justify-content: space-between; border-top: 1px solid #E5E5E5; padding: 50px 0 0; margin: 50px 0 0; align-items: center;}
.categ_text { font-size: 14px; color: #48514F; }
.categ_text a { color: #0F765D; line-height: 20px; text-decoration: underline;}
.marg_top_10 { margin-top: 10px;}
.ptag ul li:before { top: 3px;}

.blog_btm_text .publishinfo dl:first-child { padding-left: 0;}
.blog_btm_text .publishinfo dl { font-weight: 500;}

.sitecontentsec.blogdetail_container.sec_padd {padding-bottom: 40px!important;}

/*other blog slider styles*/
.otherblog_sec{width: 100%; clear: both;}
.otherblog_sec .wrapper{padding: 70px 0 30px; border-top: 1px solid #ECECEC;}
.marcellus34 {width: 100%; text-align: center;font-family: 'Marcellus'; font-weight: normal;font-size: 34px;line-height: 1.5;}

.blogcontainer.otherblogslider {margin: 20px 0 30px 0;width: 100%;}
.blogcontainer.otherblogslider .slick-track {padding: 20px 0;}
.blogcontainer.otherblogslider  a.blogbox {width: calc(33.33% - 34px); margin: 0 20px 34px; background: #fff; padding: 10px; width: calc(95% - 20px)!important;}

.blogcontainer.otherblogslider .slick-prev {left: -50px;}
.blogcontainer.otherblogslider .slick-next {right: -50px;}

/*----- MEDIA QUERIES  -----*/
@media(max-width:1600px){    

    .blogcontainer.otherblogslider .slick-prev {left: calc(50% - 100px); bottom: 0; top: inherit;}
    .blogcontainer.otherblogslider .slick-next {right: calc(50% - 100px); bottom: 0; top: inherit;}
    
}
@media(max-width:1440px){  
     
}
@media(max-width:1200px){ 
  
    .blog_btm_text {padding: 30px 0 0; margin: 30px 0 0; }
    .blogcontainer.otherblogslider a.blogbox {margin: 0 5px 34px; padding: 10px; width: calc(100% - 5px)!important;}
    
}
@media(max-width:992px){
	.bloglisting-page .blogcontainer {
        margin-bottom: -30px;

    }
}
@media(max-width:768px){  

}
@media(max-width:575px){ 

        .blog_btm_text {
            flex-wrap: wrap;
        }
    
        .blog_btm_text .publishinfo {
            width: 100%;
        }
    
        .categ_text {
            padding: 10px 0 0 20px;
        }
    
        .bloglisting-page    .publishinfo dl {
            padding: 15px 4px;
        }
    
        .instasection.sec_padd {
            padding-top: 00px !important;
        }

        .blog_btm_text {padding: 20px 0 0; margin: 20px 0 0; }

        h2 { font-size: 18px;
            line-height: 1.3;}
        .bloglisting-page .blogcontainer { margin: 30px 0 -30px -7px;}
}
@media(max-width:360px){
	
}