/*
Template Name: Tech Blog
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************blog****************/
.blog_dtm{
	width:80%;
}
.float_img {
    border: 10px solid;
    left: 43%;
    bottom: -60px;
    border-top-color: var(--primary);
    border-right-color: var(--secondry);
    border-bottom-color: var(--secondry);
    border-left-color: var(--primary);
}

    .code-section {
      background: #fff;
      border-radius: 1rem;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
      margin-bottom: 2rem;
      padding: 1rem 1.5rem;
      border: 1px solid #e0e0e0;
    }
    .code-section h2 {
	  margin: 0.5rem 0rem 1.5rem 0rem;
      color: var(--secondry);
      font-size: 1.25rem;
    }
    pre {
      border-radius: 0.75rem;
      overflow: auto;
      max-height: 30em;
      overflow: auto;
    }


.tags a {
    display: block;
    padding: 10px 20px;
    margin: 0px 5px 8px 0px;
    transition: 0.3s;
    background: var(--secondry);
    color: var(--bs-white);
    border-radius: 10px;
    font-size: 14px;
}
.tags a:hover {
    background: var(--primary);
    color: var(--bs-white);
    transition: 0.3s;
}

.error_1_inner_left .button{
	padding: 17px 36px 17px 36px;
}
#error {
    background-image: url(../image/49.jpg);
    background-position: center center;
    background-size: cover;
}

/*********************blog_end****************/



@media screen and (max-width : 767px){
.error_1 p{
	width: 100%!important;
}
.error_1_inner{
	width: 100%!important;
}
.blog_dtm {
    width: 100%;
}
.float_img {
	left:27%;
}
.blog_dt2_inner_right {
	padding-left:0!important;
	margin-top:20px;
}
.blog_dt1_inner_right {
	margin-top:10px;
	text-align:left!important;
}
.blog_dt3  img{
	width:70px;
	height:90px;
}
.blog_dt3  ul{
	padding:0!important;
}
.center_log_1r {
	padding-left:0!important;
	margin-top:20px;
}
 }


@media (min-width:576px) and (max-width:767px) {
.float_img {
	left:38%;
}
.blog_dt1_inner_right {
	margin-top:0;
	text-align:right!important;
}
 }
 
@media (min-width:768px) and (max-width:991px) {

.error_1 p{
	width: 70%!important;
}
.error_1_inner{
	width: 80%!important;
}
.float_img {
	left:38%;
}
.blog_dtm {
    width: 100%;
}
 }

@media (min-width:992px) and (max-width:1200px) {

 }

@media (min-width:1201px) and (max-width:1300px) {

 }
@media screen and (min-width : 1400px){

 }