.logo{width: 70px;height: 70px;}

.blog_area{background: url('../img/bg1.jpg') center center no-repeat;

    background-size: cover;background-attachment: fixed;padding-bottom: 250px;margin-bottom: -250px;}

.blog_area ul.blog_meta{overflow: hidden;background: #fafafa;text-align: center;}

.blog_area .main_title p, .blog_area .blog_infor h2 a, .blog_area .excert{color: #fff}

.blog_area ul.blog_meta li{display: inline-block; margin-left: 10px}

.blog_area ul.blog_meta li a{font-size: 0.8em; padding: 10px 0;display: block;color: #ff6417;}

.blog_area ul.blog_meta li a i{margin-right: 5px;}

.line span.lnr{margin: 0 auto;color:#f67831;vertical-align: middle;}

.line span.lnr:nth-child(2){ font-size: 1.6em;}

.no-bg{background: transparent;color: #fff}

.no-bg:hover{background: #f67831!important}

.main_title h2{text-transform: none;}

.nav-item .genric-btn{padding: 0 20px 0 5px;}

.slbWrapOuter {z-index: 9999;}

.boxsearch{width: 100%}

.active>.theme-button.minimal-border, .theme-button.minimal-border.active, .theme-button.minimal-border:hover {

    background: #ff6417;

    color: #fff;

}

a{color: #ff6417;}

a:hover{color: #f44a40}

.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link{padding: 10px;line-height: 20px;font-size: 14px;text-transform: none;font-weight: normal;}
.header_area .navbar .nav .nav-item.fullwidth ul.dropdown-menu{
    position: fixed;
    width: 100%;
    max-width: 1140px;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    padding: 15px;
}
.header_area .navbar .nav .nav-item.fullwidth ul.dropdown-menu li.nav-item{
    float: left;
    border-bottom: none;
    width: 20%;
}

/* Category */

.category .blog_post img{width: 100%;height: auto;}

.genric-btn.danger-border{color: #f44a40;border: 1px solid #f44a40;}

/* Sidebar */
.blog_right_sidebar .post_item img, .footer_inner .post_item img {
    width: 100px;
    height: auto;
}
.footer_inner .post_item .media-body {
    justify-content: center;
    align-self: center;
    padding-left: 20px;
}
.footer_inner .post_item .media-body h3 {
    font-size: 14px;
    line-height: 20px;
    color: #444;
    margin-bottom: 4px;
    transition: all .3s linear;
}
/*Pages*/
.entry-header{
    margin:30px 0;
}

/* Single */
.single-post-area{margin-top: 0;}
.single-post-area .post_title {padding-top: 26px;}

.blog_info .blog_meta li a{padding-bottom: 0}

.wp-block-image img{height: auto;}

.single-post .feature-img{width: 100%;}

#breadcrumbs span a, #breadcrumbs span{color: #fff;}

#breadcrumbs span.breadcrumb_last{color: #f1f1f1;}

.blog_infor h2{font-size: 22px;}

/* contact */
.card{

    background:#18191b;

    border:solid 1px #303030;

}


.card{

    background:#ffffff;

    border:solid 1px #dddddd;

}



.card,

.nav-tabs .nav-link,

.btn-primary,

.btn-secondary{

    border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;

}





.collapsible-link,

.btn.btn-link{

    text-decoration:none !important;

}



.accordion .btn.btn-link{

    font-weight:bold;

}



.nav.nav-tabs{

    margin-bottom:20px;

}



/*  */

.screen {

    display: block;

    height: 500px;

    overflow: hidden;

    position: relative;

    border: 2px solid rgba(255,255,255,0.05);

    box-shadow: 0px 3px 15px 3px rgba(0,0,0,0.15);

    border-radius: 7px;

    margin: 0 auto;

    /* border: 2px solid #ccc; */

} 

.screen img {

    max-width: 100%;

    height: auto;

    position: absolute;

    z-index: 0;

    margin: auto;

    left: 0;

    right: 0;

    padding: 0;

}

/* pagination */

.pagination {margin: 0;}

.pagination {

    display: flex;

    padding-left: 0;

    list-style: none;

    border-radius: .25rem;

    width: 100%;

}

.navigation .screen-reader-text {display: none;}

.navigation .nav-links {

    text-align: center;

    display: inline-block;

    width: 100%;

}

.nav-links ul.page-numbers {

    padding: 0;

    list-style: none;

    overflow: hidden;

    text-align: center;

}

.nav-links ul.page-numbers li {display: inline-block;}

.navigation .nav-links .current {background: #ff6417;}

.navigation .nav-links li .page-numbers {

    color: #000;

    padding: 10px;

    border: 1px solid #f44a40;

    display: inline-block;

    text-transform: uppercase;

    text-align: center;

}

.f_title h3{

    font-family: 'Patrick Hand', cursive;

}

.ab_widget p a{color: #f44a40;}
.banner_area{min-height: 300px;}
.banner_inner{position: relative;height: 30vh;}
.home .banner_inner{position: relative;height: 89vh;}
.banner_area .banner_inner{
    min-height: 300px;
}
.box_banner-header{

    position: absolute;

    width: 100%;

    display: flex;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -65%);

}

#particles-js{

  width: 100%;

  height: 100%;

  /* background-color: #b61924; */

  background-image: url('');

  background-size: cover;

  background-position: 50% 50%;

  background-repeat: no-repeat;

  position: relative;

}



.news_widget .input-group .sub-btn:hover{right: 0;-webkit-transition: 0.4s ease-in-out all;-o-transition: 0.4s ease-in-out all;}

.thumb-info .thumb-info-action-icon{background: #fff;}
.thumb-info .thumb-info-title{letter-spacing: 1px;font-size: 18px;font-weight: normal;}

/* @media only screen and (min-height: 768px) and (max-width: 1520px) {

    .home_right_img{margin-top: 33px;}

} */

/*Footer*/
.social_icon{margin-bottom: 20px;}
.social_icon .fa{margin-right: 20px}

@media (min-width: 1200px){

    .box_banner-header{

        max-width: 1140px;

    }

}

@media (max-width: 768px){

    .blog_area{padding-bottom: 80px;margin-bottom: 0;}

}



@media (max-width: 768px){

	.blog_area{padding-bottom: 80px;margin-bottom: 0;}

}



@media (max-width: 480px){

    .banner_content .genric-btn.danger-border {

        padding: 0 0 0 15px;

        width: 50%;

    }

    .recent_update_inner .nav.nav-tabs li{padding: 0px 10px;}

    .brand-carousel .single-brand-item {

        background: #fcf8ff;

        height: 130px;

        width: 170px;

        cursor: pointer;

    }



}