.bannerCaptionWrapper{ position:relative; text-align:center; }
.bannerCaptionWrapperDiv{ position:absolute; bottom:190px; width:100%; }
.bannerCaptionWrapperDiv h1{ color: #fff;
margin-bottom: 30px; font:300 36px "Formular"; margin-top:0; margin-bottom:0; }
.bannerCaptionWrapperDiv h2{ color: #fff;font:bold 74px "Formular";max-width: 868px;margin: 0 auto;}
.blogDeatilBg h3{ color:#333333; margin-bottom:30px; color: #333; font:bold 27px "Formular"; margin-top:30px;}
.blogDeatilBg h4{ color:#333333; margin-bottom:30px; color: #333; font:bold 23px "Formular"; margin-bottom: 30px;}
.blogDeatilBg p{ color:#555555; font:normal 16px "Formular"; line-height:34px; margin-bottom:40px; text-align:justify}
.blogDeatilBg{background:#fff; padding:110px 0px; position:relative; overflow:hidden; }
.blogBg1{ background:#fff; padding:110px 0px; position:relative; overflow:hidden; }
.blogBg1:before{ position: absolute;right: -365px;top: -365px;width: 754px;height: 754px;content: "";border-radius: 50%;background:#eeeeee;-webkit-animation: zoomin 10s ease-in infinite;animation: zoomin 10s ease-in infinite;transition: all .5s ease-in-out; }

@-webkit-keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.09);}
  100% {transform: scale(1);}
}
@keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.09);}
  100% {transform: scale(1);}
} 
.blogWrapper{ position:relative;}
.blogWrapper:before{ position:absolute; left:0; bottom:0; content:""; background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.66)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); width:100%; height: 149px; transition:0.9s; }
.blogWrapperDiv{ position:absolute; left:0; bottom:23px; }
.blogWrapper label{ color: #fff;
font: normal 36px "Formular";
    font-size: 36px;
font-size: 15px;
text-transform: uppercase;
position: relative;
padding-left: 35px;
margin-bottom: 0;
min-height: 27px;
padding-top: 4px;
left: -9px; }
.blogWrapper span{ background:#ed145a; padding:6px; position:absolute; left:0; top:0;} 
.blogbanner{ padding:0!important; margin-top: 140px;}
.blogBg1 h3{ color:#333333; margin-bottom:30px; color: #333; font:bold 27px "Formular"; margin-top:30px;}
.blogBg1 p{ color:#555555; font:normal 16px "Formular"; line-height:34px; margin-bottom:40px; min-height:105px;}
.blogBg1 a{ width:246px; height:36px; font:normal 16px "Formular"; color:#555555; border:1px #c1c1c1 solid; display:block; text-align:center; text-transform:uppercase; letter-spacing:3px; display: flex;
justify-content: center;
align-items: center;margin-bottom: 80px; }
.blogBg1 a:hover{ background:#ed145a; color:#fff; border:1px #ed145a solid }
.blogBtnAll{ float:left; width:100%;}
.blogImg{    transition: transform .9s;}

.blogBtnAll:hover .blogWrapper:before { height: 300px;}
.blogBtnAllSpace{ float:left; width:100%; margin-bottom:80px}
.blogBtnAllSpace:last-child{ margin-bottom:0; border-bottom:1px #ddd solid; padding-bottom:90px;}

.subscribeNewWrapper {
position: relative;
padding-left: 285px;
margin: 0 auto;
max-width: 910px;
padding-right: 171px;
}
.subscribeNewWrapper1 {
    position: absolute;
    left: 0;
    top: 10px;
}
.subscribeHeader1 {
    color: #333333;
   
   font:bold 18px "Formular";
    margin-top: 0px;
    margin-bottom: 0;
}
.subscribLetterfield {

width: 100%; border-radius: 2px;
font-size: 16px;
padding: 15px 24px;
font:normal 16px "Formular";
background: none;
border: 1px #c1c1c1 solid;

}
.subscribeNewWrapper2 {

    position: absolute;
    right: 0;
    top: 0px;

}
.subscribLetterBtn {

    transition: 0.9s;
    background: #1b1b1b;
    text-align: center;
    color: #fff;
	font:normal 15px "Formular";
   text-transform:uppercase; border:none;
width: 162px; letter-spacing:2px;
 
   padding: 16px 0px; border-radius: 2px;

}
.subscribLetterBtn:hover{ background:#ed145a}
.subLetterAll{ padding: 90px 0px 0px;}
.blogGalleryWrapper{ position:relative; margin-bottom: 6px;}
.blogGalleryWrapperDiv{ position:absolute; left: 20px;
bottom: 20px;}
.blogGalleryicon{ position:relative; padding-left: 43px;}
.blogGalleryiconDiv{ position:absolute; left:0; top:0}
.blogGalleryWrapper:before{position: absolute;
left: 0;
bottom: 0;
content: "";
background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.66)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
width: 100%;
height: 149px;
transition: 0.9s;}
.blogGalleryWrapper:hover:before{height: 200px;}

.blogFloatMain{ float:left; width:33.33%; padding: 0 3px;}
.blogFloatMain1{ float:left; width:100%}
.blogsecBg{ padding:0 4px}
.blogGalleryicon p{  color: #fff;font:bold 20px "Formular";  margin-bottom:0 }
.searchWrapper{ position: relative;
background: #e3e3e3;
overflow: hidden;
max-width: 714px;
margin: 0 auto;
border-radius: 55px;
padding: 25px;
top: 30px;
z-index: 1;}
.searchWrapperField{ width:100% !important; color: #757575 !important;font:normal 16px "Formular"; background:none !important; border:none !important; padding: 0 22px !important; }
.searchWrapperFieldBtn{ background: url(../images/serach-icon.png) no-repeat center center !important;

padding: 0px;

width: 91px;
height: 68px;

display: flex;

justify-content: center;

align-items: center; border:none;}
.searchWrapperDiv{ position:absolute; right:0; top:0;}
.blogPatternDiv{margin-top: -71px;}
.blogNav{ margin:0; padding: 0 0 13px;}
.blogNav li{ color:#555555; font:normal 16px "Formular"; padding-bottom:15px; position:relative; list-style:none; padding-left: 22px; line-height: 30px; padding-bottom: 28px;}
.blogNav li:before{ position:absolute; left:0; top:0; background:url(../images/bullet-icon1.png) no-repeat left; content:""; width:8px; height:13px; padding-bottom: 28px; }
.popularPostDiv1{ border:1px #ddd solid; float:left; width:100%; padding: 30px 20px; margin-bottom: 30px;}
.popularPostDiv1{ text-align:center}
.popularPostDiv1 h2{ color:#000000; font:bold 16px "Formular"; border-bottom:1px #ddd solid; margin-top:0; padding-bottom: 12px;
margin-bottom: 20px; }
.popularPostWrapper:hover .popularPostWrapperDiv{ background:#ed145a}
.popularPostWrapper{ position:relative; overflow:hidden}
.popularPostDiv1 span{ color:#ee678b; font:normal 14px "Formular"; text-transform:uppercase; display:block; margin-top:10px;}
.popularPostDiv1 label{ color:#333333; font:bold 14px "Formular"; text-transform:uppercase; display:block; margin-top:0px; line-height:24px; margin-bottom:20px}
.popularPostWrapperDiv{ position: absolute; transition:0.9s;
left: 0;
bottom: 0;
background: #333;
width: 35px;
height: 35px;
color: #fff;
font: normal 14px "Formular";
display: flex;
justify-content: center;
align-items: center; }
.blogBtnAll ul li
{
    color:
#555555;
font: normal 16px "Formular";
    background-image:url(../images/bullet-point.png); background-repeat:no-repeat; background-position:0 3px;   
 list-style:none;  margin-bottom: 20px; padding-left: 25px;
}
.blogBtnAll ol li
{
  
color:
#555555;
font: normal 16px "Formular"; margin-bottom: 20px; padding-left: 10px;
line-height:28px;
}
.popularPostDiv1 ul{ margin:0; padding:0;}
.popularPostDiv1 li{ display:inline-block; padding-left:5px;}
.popularPostDiv1 a{ text-align:center; border:1px #d3d3d3 solid; color:#333333; font:normal 14px "Formular"; display:block; padding: 6px 12px; margin-bottom:10px; }
.popularPostDiv1 a:hover{ border:1px #ed145a solid;}
.popularPostBorder{ border-bottom:1px #ddd solid; float:left; width:100%; padding-bottom:30px;}
.popularPostDiv1 img{ width:100%}
@media screen and (max-width:1200px){
.bannerCaptionWrapperDiv{bottom: 74px;}
.bannerCaptionWrapperDiv h1{ font-size:19px;}
.bannerCaptionWrapperDiv h2{ font-size:33px;}
.blogbanner{ margin-top:0;}

}
@media screen and (max-width:992px){
.popularPostDiv1{padding: 17px 15px;}
.popularPostDiv2{padding: 17px 15px;}
.blogBg1 h3{margin-top: 13px; font: bold 19px "Formular"; margin-bottom: 10px;}
.blogWrapper label{ font-size:13px;}
.blogBg1 p{ margin-bottom:20px;}
.blogBtnAllSpace{ margin-bottom:40px;}
.blogBtnAllSpace:last-child{padding-bottom: 37px;}
.subLetterAll{padding: 37px 0px 0px;}
.blogBg1{padding: 48px 0px;}
.blogBtnAll:hover .blogWrapper::before {
    height: 151px;
}
.blogDeatilBg{padding: 30px 0px;}
.blogBtnAll{ margin-bottom:0;}
}
@media screen and (max-width:767px){
.blogDeatilBg h3{font: bold 19px "Formular";
margin-top: 15px; margin-bottom: 10px;}
.blogDeatilBg p{ margin-bottom:20px;}
.blogDeatilBg h4{font: bold 19px "Formular";
margin-bottom: 16px;}
.blogNav li{padding-bottom: 17px;}
.blogBtnAll{ margin-bottom:0}
.searchWrapper{margin-bottom: 34px;}
.blogBg1::before{ display:none}
.blogBg1{padding: 55px 0px;}
.blogBtnAll{ margin-bottom:30px;}
.blogBtnAllSpace{ margin-bottom:0px;}
.blogBtnAllSpace:last-child{ padding-bottom:0}
.subscribeNewWrapper1{position: static;}
.subscribeNewWrapper{ padding-left:0px; padding-right:0}
.subscribeNewWrapper2{ position:static}
.subscribLetterfield{ margin-bottom:10px;}
.subscribLetterBtn{ width:100%;}
.blogBg1{padding: 26px 0px;}
.subLetterAll{padding: 17px 0px 0px;}
.subscribeHeader1{ margin-bottom:20px; text-align:center}
.blogFloatMain{ width:100%}
}

@media screen and (max-width:480px){
.banner-area{margin-top: 74px;}
.bannerCaptionWrapperDiv h1{ font-size:15px;}
.bannerCaptionWrapperDiv h2{ font-size:20px;}
.searchWrapperField{padding: 0 46px 0 0;}
.searchWrapper{ padding:14px; top:45px;}
.bannerCaptionWrapperDiv{bottom: 50px;}
.searchWrapperFieldBtn{width: 56px;
height: 47px;}


}