.blog-header-logo img{
    padding-left: 12px;
    /*width: 229px !important;*/
    margin-top:15px;
}
.navbar-expand-lg{
    padding: 0px !important;
}
.nav-head{
    background: #000;
    margin-bottom:25px;
    margin-top:10px;
}
.bg-dark{
    background-color: #000 !important;
}
.nav-head .navbar-collapse ul li a{
    color: #fff !important;
}
.jumbotron{
    margin:-5px auto 20px;
}
.sidebar-box{
    background:#fff !important;
    box-shadow: 0 0 6px #d2d2d2;
}
.sidebar-box h4{
    text-align: center;
    background: #000 !important;
    color: #fff;
    padding:10px;
}
.sidebar-box h5{
    text-align: center;
    background: #000 !important;
    color: #fff;
    padding:10px;
}
.blog-box-in{
    border-radius: 0px;
    border-left:4px solid #000;
    box-shadow: 0 0 6px #d2d2d2 !important;
}
.continue-box{
    margin-top:10px;
    text-align: right !important;
}
.continue-box a{
    border-radius: 5px !important   ;
    padding-left:3px;
}
@keyframes bounce {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(3px, 0, 0); }
}
.continue-box a{
    color: #000 !important;
    padding:5px 10px;
    text-decoration: none;
}
.pagination button{
    width: 100px;
    border-radius:3px;
    border: 0px;
    margin-right:10px !important;
}
.pagination{
    display: inline-flex !important;
}
.pagination i{
    position: relative;
    top:1px;
}
.pagination .fa-angle-left{
    left:-3px;
}
.pagination .fa-angle-right{
    right: -3px;
}
#custom-search-input button{
    position: absolute;
    right: 0px !important;
}
.relatedBlog-main{
    margin-top:20px !important;
}
.relatedBlog{
    background:#fff;
    border: 1px solid #f1f1f1;
    border-left:2px double #000;
    box-shadow: 0 0 6px #d2d2d2;
}
.mywebtuts-blog-top{
    border-radius:5px;
    background: #fff !important;
    margin-bottom: 20px;
    padding: 10px 15px 5px;
    box-shadow:0px 2px 10px #e1e1e1;
}

.border1{
    background:#F07E2E;
    height:3px;
    width:35px;
    display: inline-block;
}
.border2{
    background:#14296C;
    height:3px;
    width:35px;
    display: inline-block;
}
.border3{
    background:#55AC9E;
    height:3px;
    width:35px;
    display: inline-block;
}
.b-border{
    width: 100%;
    margin-top:-15px !important;
    margin-bottom:5px;
}
.border-1{
    background:#000;
    height:2px;
    width:33%;
    display: inline-block;
}
.border-2{
    background:blue;
    height:2px;
    width:33%;
    display: inline-block;
}
.border-3{
    background:red;
    height:2px;
    width:33%;
    display: inline-block;
}
/*.b-border-1{
    width: 100%;
    margin-top:-15px !important;
    margin-bottom:5px;
}*/
.b-border-info{
  height: 5px;
  margin-top:-7px !important;
  margin-bottom:8px;
  background: #ac2341;
  background: -moz-linear-gradient(
    left,
    #fe7f2d 0%,
    #fe7f2d 33%,
    #00296b 33%,
    #00296b 66%,
    #55AC9E 66%,
    #55AC9E 99%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #fe7f2d),
    color-stop(33%, #fe7f2d),
    color-stop(33%, #00296b),
    color-stop(66%, #00296b),
    color-stop(66%, #55AC9E),
    color-stop(99%, #55AC9E)
  );
  background: -webkit-linear-gradient(
    left,
    #fe7f2d 0%,
    #fe7f2d 33%,
    #00296b 33%,
    #00296b 66%,
    #55AC9E 66%,
    #55AC9E 99%
  );
  background: -o-linear-gradient(
    left,
    #fe7f2d 0%,
    #fe7f2d 33%,
    #00296b 33%,
    #00296b 66%,
    #55AC9E 66%,
    #55AC9E 99%
  );
  background: -ms-linear-gradient(
    left,
    #fe7f2d 0%,
    #fe7f2d 33%,
    #00296b 33%,
    #00296b 66%,
    #55AC9E 66%,
    #55AC9E 99%
  );
  background: linear-gradient(
    to right,
    #fe7f2d 0%,
    #fe7f2d 33%,
    #00296b 33%,
    #00296b 66%,
    #55AC9E 66%,
    #55AC9E 99%
  );
}
.b-border-1 {
  height: 5px;
  border-radius: 5px;
  margin-top:-10px !important;
  margin-bottom:22px;
  background: #ac2341;
  background: -moz-linear-gradient(
    left,
    #fe7f2d 0%,
    #fe7f2d 33%,
    #00296b 33%,
    #00296b 66%,
    #55AC9E 66%,
    #55AC9E 99%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #fe7f2d),
    color-stop(33%, #fe7f2d),
    color-stop(33%, #00296b),
    color-stop(66%, #00296b),
    color-stop(66%, #55AC9E),
    color-stop(99%, #55AC9E)
  );
  background: -webkit-linear-gradient(
    left,
    #fe7f2d 0%,
    #fe7f2d 33%,
    #00296b 33%,
    #00296b 66%,
    #55AC9E 66%,
    #55AC9E 99%
  );
  background: -o-linear-gradient(
    left,
    #fe7f2d 0%,
    #fe7f2d 33%,
    #00296b 33%,
    #00296b 66%,
    #55AC9E 66%,
    #55AC9E 99%
  );
  background: -ms-linear-gradient(
    left,
    #fe7f2d 0%,
    #fe7f2d 33%,
    #00296b 33%,
    #00296b 66%,
    #55AC9E 66%,
    #55AC9E 99%
  );
  background: linear-gradient(
    to right,
    #fe7f2d 0%,
    #fe7f2d 33%,
    #00296b 33%,
    #00296b 66%,
    #55AC9E 66%,
    #55AC9E 99%
  );
}

.blog-footer{
    background:#000;
    color: #fff;
}
.footer-box a{
    color: #fff;        
}
.blog-cat-name{
    text-align: center;
    color: #fff;
    background-color: #000;
}
.box-cat-detail .badge{
    color: #000;
}
.page-head-del{
    text-align: left;
    font-weight: bold;
    color: black !important;
    margin-top: 20px;
}
.category-link, .list-random a{
    text-decoration: none !important;
    color: black !important;
}
.latest-post-side .link-post-la{
    color: #000 !important;
    font-size: 17px !important;
}

.box-la-detail a{
    text-decoration: none;
}
.category-link,.list-random a{
    text-decoration: none;
    color: #000;
}
.list-random a{
    color: #000 !important;
}
.relatedBlog a{
    text-decoration: none;
    color: #000 !important;
}
.step{
    background: #fff !important;
    color: #000 !important;
    font-weight:bold !important;
    font-size:20px;
    padding-left:15px;
    font-family: 'Slabo 27px', serif !important;
    border-left: 5px solid #000;
    border-top: 1px solid #d1cbcb;
    border-bottom: 1px solid #d1cbcb;
}
.blog-cat-name{
    background:transparent;
    color: #000;
    font-weight: bold;
    text-align: left;
}
.blog-cat-name h2{
    font-size:35px;
}
.box-cat-detail p{
    text-decoration: none !important;
    color: black;
}
.blogcattext{
    text-decoration: none;
}
.head-search-bar{

}
.gsc-input{
    padding-right: 0px !important;
}
.gsc-search-button-v2{
    background: #000 !important;
    padding:10px 30px !important;
    border-radius: 0px 4px 4px 0px !important;
}
.gsc-input-box{
    border-radius: 4px 0px 0px 4px !important;
}
.gsc-control-wrapper-cse{
    position: relative !important;
    top: 8px !important;
}
.gsc-search-button-v2{
    background: #000 !important;
    color: #fff !important;
    border: 1px solid #000 !important;
    margin-left: -2px !important;
}
.gsc-control-cse-en{
    padding-right: 0px !important;
}
.step-start{
    color: #595a5b !important;
    border-left: 5px solid #595a5b !important;
}



/*Media Query */
@media only screen and (max-width: 600px) {
    #custom-search-input {
        margin: 0;
        margin-top: 20px;
        position: relative;
        top: -30px;
    }
    #custom-search-input button{
        left: unset !important;
    }
    .navbar-toggler{
        background: #000;
        width: 40px;
        border-radius: 50%;
        height: 40px !important;
        position: relative;
        top:-63px;
    }
    .navbar-toggler-icon{
        display: none;
    }
    .navbar-toggler::before{
        position: relative;
        content: '🔽';
        font-size: 30px;
        right: 7px;
        color: #fff;
    }
    .navbar-expand-lg{
        padding: 5px;
    }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
        padding-right: var(--bs-gutter-x,.75rem);
        padding-left: var(--bs-gutter-x,.75rem);
    }
    .navbar-expand-lg{
        min-height:0px !important;
    }
    .blog-header-logo img{
        width: 225px !important;
    }
    .navbar-collapse {
        flex-basis: 100% !important;
        align-items: center;
        background: #000;
        margin-top: -35px;
    }
    .navbar-expand-lg{
        background: transparent;
    }
    .continue-box a{
        font-size:15px;
    }
    .blog-main{
        margin-top: -57px;
    }
    .mv-center{
        border-bottom:1px solid #000;
    }
    .navbar-toggler:focus{
        box-shadow: unset !important;
    }
}
.step-start{
    border-left: 5px solid #5CA75E !important;
    color: #5CA75E !important;
}
.center-diamond{
    height: 4px !important;
    border-radius: 4px !important;
    background: #F07E2E;
    width: 91px !important;
    background: #F07E2E;
    opacity: 1 !important;
    margin-bottom: 12px;
}
.center-diamond:before {
    content: "";
    width: 14px;
    height: 14px;
    background: #14296C;
    display: inline-block;
    border: 1px solid #14296C;
    position: absolute;
    top: 207px;
    left: 247px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.center-diamond-1{
    position: relative;
    left: 37px;
    height: 4px !important;
    border-radius: 4px !important;
    width: 91px !important;
    background: #55AC9E;
    opacity: 1 !important;
    margin-bottom: 12px;
}
.center-diamond-2{
    height: 4px !important;
    border-radius: 4px !important;
    background: #F07E2E;
    width: 91px !important;
    background: #F07E2E;
    opacity: 1 !important;
    margin-bottom: 12px;
}
.center-diamond-2:before {
    content: "";
    width: 14px;
    height: 14px;
    background: #14296C;
    display: inline-block;
    border: 1px solid #14296C;
    position: absolute;
    left: 233px;
    top: 365px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.center-diamond-3{
    position: relative;
    left: 37px;
    height: 4px !important;
    border-radius: 4px !important;
    width: 91px !important;
    background: #55AC9E;
    opacity: 1 !important;
    margin-bottom: 12px;
}
.b-border .border-ts-1{
    border-radius: 4px !important;
    background:#F07E2E;
    height:4px;
    width:82px;
    display: inline-block;
}
.b-border .border-ts-2{
    border-radius: 4px !important;
    display: inline-block;
    background:#14296c;
    height:4px;
    width:40px;
    display: inline-block;
}
.b-border .border-ts-3{
    border-radius: 4px !important;
    display: inline-block;
    background:#55ac9e;
    height:4px;
    width:82px;
    display: inline-block;
}
.b-border .border-latest-1{
    border-radius: 4px !important;
    background:#F07E2E;
    height:4px;
    width:55px;
    display: inline-block;
}
.b-border .border-latest-2{
    border-radius: 4px !important;
    display: inline-block;
    background:#14296c;
    height:4px;
    width:28px;
    display: inline-block;
}
.b-border .border-latest-3{
    border-radius: 4px !important;
    display: inline-block;
    background:#55ac9e;
    height:4px;
    width:55px;
    display: inline-block;
}
.custom-btn{
    width: 100px;
    border-radius: 3px;
    border: 0px;
    margin-right: 10px !important;
    background-color: #000 !important;
    color: #fff;
    padding: 5px 10px;
    cursor: pointer;        
}
.head-logo{
    width: 100% !important;
}