/*
Theme Name: Tech Behind It
Theme URI: 
Author: shah
Author URI: https://techbehindit.com;
Description: Wordpress Theme
Version: 1.0
*/
/* cyrillic-ext */
@font-face {font-display: swap;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAnsSUbOvISTs.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {font-display: swap;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAnsSUZevISTs.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {font-display: swap;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAnsSUbuvISTs.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {font-display: swap;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAnsSUb-vISTs.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {font-display: swap;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAnsSUYevI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {font-display: swap;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA6sKUbOvISTs.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {font-display: swap;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA6sKUZevISTs.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {font-display: swap;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA6sKUbuvISTs.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {font-display: swap;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA6sKUb-vISTs.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {font-display: swap;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA6sKUYevI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {font-display: swap;
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5iU1EQVg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {font-display: swap;
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5jU1EQVg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {font-display: swap;
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5tU1E.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* theme code started */
#footer{padding-bottom:0!important;margin-top:40px}.more-category{font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:25px;background-color:#ff8700;padding:3px;color:#fff;margin:18px}.nav-logo .logo{line-height:79px;width:150px;height:50px;display:inline-block; padding-top: 25px;}.navigation.pagination{text-align:center;margin-top:30px;display:inline-block;width:100%}.navigation.pagination .nav-links{display:inline-block}.navigation.pagination .nav-links>.page-numbers{background-color:#fff;border-radius:0;border:none;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;color:#464646;font-family:Montserrat,sans-serif;font-size:16px;font-weight:700;float:left;margin:0;padding:5px 21px;text-transform:uppercase;text-decoration:none;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.navigation.pagination .nav-links>.page-numbers.current,.navigation.pagination .nav-links>a:focus,.navigation.pagination .nav-links>a:hover{background-color:#ebebeb;border-color:transparent;color:#464646}.navigation.pagination .nav-links>.page-numbers:first-child{border-left:none}.content{padding:8px 90px;font-family:Roboto,sans-serif}.content p{line-height:1.9}.content img{max-height:500px}.about-info{text-align:center;padding:10px;margin-bottom:28px;box-shadow:0 4px 11px rgb(0 0 0 / 40%)}p.tech{font-size:20px;font-weight:600;color:#212631;text-decoration:none}.sticky-container{position:relative;padding-left:0; font-size: 20px;}.crunchify-link{padding:2px 13px 4px 15px!important;color:#fff;font-size:16px;border-radius:2px;margin-right:9px;cursor:pointer;-moz-background-clip:padding;-webkit-background-clip:padding-box;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2);-moz-box-shadow:inset 0 -3px 0 rgba(0,0,0,.2);-webkit-box-shadow:inset 0 -3px 0 rgba(0,0,0,.2);margin-top:2px;display:inline-block;text-decoration:none}.crunchify-link:active,.crunchify-link:hover{color:#fff}.crunchify-twitter{background:#00aced}.crunchify-twitter:active,.crunchify-twitter:hover{background:#0084b4}.crunchify-facebook{background:#3b5997}.crunchify-facebook:active,.crunchify-facebook:hover{background:#2d4372}.crunchify-pinterest{background:#bd081c}.crunchify-pinterest:active,.crunchify-pinterest:hover{background:#bd081c}.crunchify-linkedin{background:#0074a1}.crunchify-linkedin:active,.crunchify-linkedin:hover{background:#006288}.crunchify-social{margin:20px 0 25px 0;-webkit-font-smoothing:antialiased;font-size:18px}.error-block{background-color:#f7f7f7;display:inline-block;padding:70px 15px 55px;text-align:center;width:100%}.table-of-contents{box-shadow: 0 12px 17px rgb(0 0 0 / 40%);text-align:left;padding:1rem;border-left:3px solid #cecece;background-color:#fff3f3;position:relative;margin-bottom:17px;line-height:1.9;border-radius:7px}.table-of-contents .toc-headline{margin-bottom:0;font-size:120%;cursor:pointer}.table-of-contents .toggle-toc{position:absolute;top:.4rem;right:1rem;font-size:30px;cursor:pointer;font-weight:800;cursor:pointer}.table-of-contents ul{padding-left:1rem;display: none;}.table-of-contents li{list-style:none}.interesting-container{box-shadow: 0 12px 17px rgb(0 0 0 / 40%);text-align: left; background-color:#fff3f3;padding:13px;line-height:1.9;margin-bottom:17px;border-radius:7px}.comments-area .comment-form p.comment-form-email{padding-right:7.5px}.comments-area .comment-form p.comment-form-url{padding-left:7.5px}.comments-area .comment-form-email,.comments-area .comment-form-url{width:100%}.comments-area .comment-form{margin-left:-15px;margin-right:-15px}.comments-area .comment-form p{padding-left:15px;padding-right:15px;margin-bottom:15px}.comments-area .comment-form p:last-of-type{margin-bottom:0}.comments-area .comment-form-comment,.comments-area .comment-form-email,.comments-area .comment-form-url{float:left;width:50%}.comments-area .comment-form-author,.comments-area .comment-form-comment{width:100%}.comment-form input[type=email],.comment-form input[type=text],.comment-form input[type=url],.comment-form textarea{background-color:#f7f7f7;border:none;border-radius:0;box-shadow:none;color:#a1a1a1;font-size:15px;letter-spacing:.225px;min-height:47px;outline:0;padding:14px 32px;position:relative;width:100%;margin-bottom:20px}.form-submit{display:inline-block;margin-bottom:0;width:100%}.comment-form input[type=submit]{background-color:#464646;border:1px solid transparent;border-radius:0;color:#fff;cursor:pointer;float:right;font-family:Montserrat,sans-serif;font-size:14px;letter-spacing:-.35px;line-height:1.42;padding:11px 35px 10px;text-decoration:none;text-transform:uppercase;transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s}.comment-form input[type=submit]:hover{border-color:#464646;color:#464646;background-color:transparent}.comment-form input::-webkit-input-placeholder,.comment-form textarea::-webkit-input-placeholder{color:#a1a1a1;opacity:1}.comment-form input:-moz-placeholder,.comment-form textarea:-moz-placeholder{color:#a1a1a1;opacity:1}.comment-form input::-moz-placeholder,.comment-form textarea::-moz-placeholder{color:#a1a1a1;opacity:1}.comment-form input:-ms-input-placeholder,.comment-form textarea:-ms-input-placeholder{color:#a1a1a1;opacity:1}.comment-list .children{margin-left:0;padding-left:0}.comments-area .comment-form-email,.comments-area .comment-form-url{width:100%}.comment-list{list-style:none;margin-bottom:0;padding-left:0}.comment-list>li.depth-1{padding-left:0}.comment-list .reply a{color:#151515;display:inline-block;font-size:14px;font-weight:600;letter-spacing:.18px;line-height:2;position:relative;text-decoration:none;text-transform:uppercase;transition:all 1s ease 0s}.comment-list .reply a>i{margin-right:5px}.comment-list .reply a:hover{color:#717171}.comment-list .children{list-style:none;margin:0 0 0 15px;padding-left:15px}.comment-list .children>li{padding-left:.5em}.comment-respond{display:inline-block;width:100%}.comment-reply-title{font-family:Montserrat,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.4px;line-height:1.875;margin-bottom:23px;position:relative;padding-bottom:10px;text-align:center}.comment-reply-title::before{background-color:#ebebeb;bottom:0;content:"";left:0;height:2px;position:absolute;right:0;width:30px;margin:0 auto}.required{color:#c0392b}.comment-body{margin-bottom:50px;padding-left:100px;position:relative;min-height:70px}.comment-body{padding-left:0}ol.children{padding-left:90px}.post.post-thumb img{width:100%}#footer .container{padding-top:10px;border-top:1px solid #bdbdce}.footer-widget .footer-title{font-weight:700}.footer-logo{margin-top: 25px; margin-bottom:0px; width: 340px;height: 80px;}li.mail{float:right;margin-left:10px;color:#a7b3c6;-webkit-transition:.2s color;font-size:large;transition:.2s color;margin-bottom:9px}.h1,.h2,.h3,.h4,h1,h2,h3,h4{font-weight:900;text-transform: capitalize;}.post-author .media .media-left .media-object{width:149px}@media (max-width:575px){.media-object{display:inline-block;width:222px}.media-body{width:0;min-width:100%;display:block;text-align:center; font-size: 16px;}.error-template{padding:40px 15px;text-align:center}.error-actions{margin-top:15px;margin-bottom:15px}.error-actions .btn{margin-right:10px}}
.entry-footer {
    border-bottom: 1px solid #e1e1e1;
    display: inline-block;
    width: 100%;
    }
    .post-rating {
    margin-bottom: 20px;
}
.entry-footer .tags {
    float: left;
    margin-bottom: 12px;
    max-width: 100%;
    font-weight: bold;
    color: #151515;
}
.tags > span
{
	margin-left: 10px;
}
.tags > span:first-child {
 	margin-left: 0px;
}
.post-author {
    border-bottom: 1px solid #e1e1e1;
}
.aboute-block{
    margin-top: 60px;
    margin-left: 10px;
    margin-right: 10px;	
}

img {
    vertical-align: middle;
    display: block;
    aspect-ratio: attr(width) / attr(height);
    max-width: 100%;
    height: auto;
}
figure {
    margin: 0;
    width: 100%!important;
}
.g-recaptcha {
    transform: scale(.9);
    -webkit-transform: scale(.9);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    }
    .aligncenter{
    margin: 0 auto;}
    div.views{
        text-align: right;
        display: inline-block;
        color: darkred;
    }
    p {
    margin: 0 0 20px;
    line-height: 1.8;
}
@media (max-width: 575px){
.sticky-container {position:relative;padding-left:0; text-align:none; font-size: 16px;}
.wp-caption-text {font-size: 10px!important;}
}
.media-body, .media-left {
    /*display: table-cell;*/
    vertical-align: top;
    font-size: 19px;
}
h4 {
    font-size: 23px;
}
.main-post li {
    line-height: 2.0;
    margin-left: 10px;
    list-style-type: square;
    list-style-position: outside;
}
.main-post li:last-child {

    margin-bottom: 10px;
}
.interesting-container li {
margin-left: 5px;
    list-style-type: none;
    list-style-position: outside;
}
.table-of-contents li{
margin-left: 5px;
    list-style-type: none;
    list-style-position: outside;
    
}
#cookie-law-div {
    z-index: 10000000;
    position: fixed;
    bottom: 3%;
    right: 2%;
    padding: 1em;
    max-width: 400px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    font-size: 15px;
    box-shadow: rgba(23, 43, 99, .4) 0 7px 28px;
}
@media (max-width: 600px) {
    #cookie-law-div {
        border-radius: 0;
        max-width: 100%;
        right: 0;
        bottom: 0;
    }
}
#cookie-law-div a {
    font-size: 15px;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
}
#cookie-law-div a:hover {
    opacity: .7;
}
#cookie-law-div p {
    margin: 0;
    color: #000;
    padding-right: 50px;
}
#cookie-law-div button {
    position: absolute;
    right: .5em;
    top: 20px;
    align-self: center;
    line-height: 1;
    color: #fff;
    background-color: #000;
    border: none;
    opacity: .60;
    font-size: 12px;
    cursor: pointer;
    border-radius: 50px;
    margin-right: 14px;
}
#cookie-law-div button:hover {
    opacity: 1;
}
.main-post h1{
   font-size: 29px; margin: 20px; text-align: center; 
}

@media (max-width: 575px){
.main-post h1{
   font-size: 20px; margin: 20px; text-align: center; 
}}
a.tob {
    font-weight: 100;
}

.post.post-thumb {box-shadow: 0 12px 17px rgb(0 0 0 / 40%);}
.post {
    box-shadow: 0 12px 17px rgb(0 0 0 / 40%);
}
.post-body {
    padding: 15px;
}
.post.post-widget{padding: 10px;box-shadow: 0 2px 4px rgb(0 0 0 / 40%);}
.section-title {
    text-shadow: 2px 2px 4px #5b3434;
}
.h3.post-title{
    margin-top: 0px;
}
.img-responsive {box-shadow: 0 12px 17px rgb(0 0 0 / 40%);}
.aside-widget.sticky-sidebar {position: -webkit-sticky;position: sticky;top: 0;padding-top: 20px;}
b, strong {
    font-weight: 900;
    font-family: 'Nunito Sans',sans-serif;
        color: #000000;
}
.sticky-sidebar{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 10px;
}
.tob strong {
    font-weight: 100;
    font-family: 'Nunito';
}
ol.continue {
    padding-left: 25px;
}
span.views {
    color: crimson;
}
.wp-caption-text 
{text-align: end;
    margin-bottom: 10px;
    font-size: 15px;
    margin-top: 10px;
    font-weight: bold;
}

.related-posts {
background:#fff;
/*box-shadow:0 1px 4px hsla(20,1%,57%,.1),inset 0 -1px 0 hsla(20,1%,57%,.35),0 0 0 transparent,0 0 0 transparent;*/
/*padding:0px 0 30px 0px;*/
margin-bottom:30px;
border-radius:3px;
box-shadow: 0 12px 17px rgb(0 0 0 / 40%);
}


}
.related-posts-list {
list-style-type:none;
margin:0;
padding:0;
width:100%
}
.related-posts-list li {
display:inline-block;
width:33.33333%;
margin:0;
float:left;
padding:15px
}
.related-posts-list li h4 {
font-size:16px;
color:#353535
}
.widget-title{
font-size: x-large;
    margin: 10px;
    padding-top: 10px;
    font-weight: 900;
  }
  .related-post-title {
    text-align: center;
    margin: 10px;
    font-size: 16px;
}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    margin-bottom: 20px;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.🍞,
.bread {
  list-style-type: none;
  margin:0;
  padding:0;
}

.🍞 li,
.bread li {
  display: inline-block;
}

.🍞 li.crumb:last-child a,
.bread li.crumb:last-child a {
  text-decoration: none;
  pointer-events: none;
  color: inherit;
}
.page-header-breadcrumb li.breadcrumb:last-child a,
.page-header-breadcrumb li.breadcrumb:last-child a{text-decoration: none;
  pointer-events: none;
  color: inherit;}

.featured-image-caption {
    font-size: 17px;
    text-align: end;
    padding: 3px 10px;
    font-weight: bold;
    color: black;
}
@media (max-width:575px){
.featured-image-caption {
    font-size: 13px;
    text-align: end;
    padding: 3px 10px;
    font-weight: bold;
    color: black;}}

    .written-by{
    text-align: left; 
    margin-bottom: 10px; 
    font-weight: 800;
    line-height: 1.6;
    letter-spacing: 0.150px;
    font-size: 16px;
    overflow-wrap: break-word;
    color: #717171;
        }
        @media (max-width:575px)
        {
          .written-by{font-size: 10px; }
          .page-header-breadcrumb li.breadcrumb:last-child a{display: none;}
          .page-header .page-header-breadcrumb li, .page-header .page-header-breadcrumb li a{font-size: 10px;}
          .section-title {display: none;}
          .related-posts{display: none;}
        }
td, th {
    padding: 0;
    border: 1px solid black;
    vertical-align: middle;
    height: 40px;
    padding: 10px;
}
tr:nth-child(even) {background-color: #f2f2f2;}
th {
  background-color: #ffd6d6;
  text-align: center;
  font-weight: 800;
}

h1.section-title {
    text-align: center;
}

footer.comment-meta {
  float:left;
}
a.comment-reply-link{float:right;}
.comment-content{overflow:hidden;}

blockquote {
 padding: 10px 20px !important;
    margin: 0 0 20px !important;
    font-size: 20px !important;
    border-left:none !important;

}
@media only screen and (max-width:500px) {
  blockquote {
    font-size: 16px !important;
  }
}
.inshort {

    border-radius: 20px;
    border-width: 3px;
    border-color: #fcc6c6;
    padding: 25px 30px;
    margin-bottom: 25px;
    box-shadow: 0 10px 20px rgb(0 0 0 / 30%);
    line-height: 1.8;
}

/*//////////////////////////////////////blockquate animmation css ///////////////////////*/
@import url('https://fonts.googleapis.com/css?family=Raleway:200');

.gradient-border {
  --borderWidth: 3px;
  background: #ffffff;
  position: relative;
  border-radius: var(--borderWidth);
}
.gradient-border:after {
  content: '';
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
  border-radius: calc(2 * var(--borderWidth));
  z-index: -1;
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%;
}

/*
@keyframes animatedgradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
*/


/*//////////////////////////////////////////////////////////////////  author edit////////////////////*/
#author-img img{
    width:300px;
    height:300px;
    border-radius:50%;
}

.main-post p{
    font-size:20px;
    

}
#About{
    margin-top:-200px;
    font-size:20px;
    margin-left:385px;
    line-height: 40px;


}
.font-icon span{
   font-size:20px;
}
.font-icon {
    margin-left:390px;
        margin-bottom: 40px;
}
.font-icon i{
    font-size:25px;
    margin-right:10px ;
}
.main-post h2{
    font-size:30px;

}
img{
    display:block ;
}
/*///////////////////////////////////////////////////////// mobile /////////////////////////*/

@media screen and (max-width: 600px) {

    #author-img img{
        display:block;
        order:0;
        margin: auto;
    }

  .main-post{
    order:1;

  }
  #About{
    margin-left:0px;
    text-align: center;
    margin-top:50px;
    order:2;
    margin-top:0px;

  }
  .font-icon{
    text-align:center;
    order:3;
    margin-left:0px;

  }
  .main-post h2{
    text-align: center;

  }

}


/*//////////////////////////////////////////tab divce////////////////////////////*/
@media screen and (max-width: 900px) {

    #author-img img{
        display:block;
        order:0;
        margin: auto;
    }

  .main-post{
    order:1;

  }
  #About{
    margin-left:0px;
    margin-top:-60px;
    text-align: center;
    margin-top:50px;
    order:2;

  }
  .font-icon{
    text-align:center;
    order:3;
    margin-left:0px;

  }
   .main-post h2{
    text-align: center;

  }

}


/*/////////////////////// tab/////////////////////////////////*/

@media screen and (max-width: 1000px) {

    #author-img img{
        display:block;
        order:0;
        margin: auto;
    }

  .main-post{
    order:1;

  }
  #About{
    order:2;
    margin-left: 0px;
    margin-top:0px;

  }
  .font-icon{
    order:3;
    margin-left:0px;

  }


}



/*//////////////////////////////////////////////////// recent post  style      ////////////////////////////////*/

/* class added */
.first-row{
    display: flex;
    flex-wrap: wrap;
    margin: unset;
}

 .first-row a{
    text-decoration: none;
}

.main-img img{
    margin-bottom:20px;
    /* property added */
    width: 100%;
    height: 260px;

}
.tag-info{
    margin-bottom: 20px;
}

.tag-info .travel{
    padding:5px 10px;
    background-color:#4bb92f;
    text-transform: uppercase;
    color:white;
    font-weight: bold;
    margin-right: 20px;


    
}
.about-heading .title-heading{
    font-size: 20px;
    font-weight:bolder;
}
/*////////////////////////////////////////////////////////////////end///////////////////////////////////*/



/*//////////////////////////////////Page navigation example//////////////////////*/
.number{
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
}

.number li{
    display:inline-block ;
    margin-left: 20px;
    padding:5px;

}
.number a{
    display: inline-block; 
    text-align: center;
    text-decoration: none;

}
.number li:hover{
        background-color:lightgray;
}

/* ############################# <u> <note> */u{
    color: white !important;
    display: inline-block;
    background-color:black!important;  
    margin:20px;
    text-decoration-line:none!important;
    padding:40px;
}