/*--------------------------------------------------------------
## CUSTOM CSS MEDIA QUERY - SUMAN SHRESTHA
--------------------------------------------------------------*/
@media screen and (max-width: 768px){
    .site-branding {text-align: center; margin-bottom: 25px;}
    #site-navigation .row { display: block;  width: 100%;}
    #site-navigation #header-menu li {border-bottom: 1px solid #101010;}
    #site-navigation #header-menu li a.nav-link {padding: 8px 14px;}
    #site-navigation #header-menu li ul.dropdown-menu {background: #000;  margin: 0;  padding: 0;}
    #site-navigation #header-menu li ul.dropdown-menu a.dropdown-item {color: #eee; padding: 8px 16px; font-size: 14px; font-weight: 600;}
    
    .col-left {display: block;  float: left; width: 90%;}
    .col-right {float: right; display: block;  width: 10%;}
    
    .boldline h3 a{font-size: 30px;}
    .boldline p {font-size: 16px;  padding: 20px 30px;}

    .post-detail1 img, .post-thumb1 img { width: 100%;}
    .post-thumb1 img.blist {height: 110px;  object-fit: cover;}
    .post-style2 .col-xs-6 {display: block;  float: left;  width: 50%;}
    .news_category_section .column {margin-bottom: 50px;}
    .full_column_news_section .mposts {margin-top: 50px;}
    .post-single-info li { margin-bottom: 15px;}
    .blog-single-details p {padding: 0px 30px;}
    
    .sidebar_posts .col-xs-5 {display: block; float: left; width: 40%;}
    .sidebar_posts .col-xs-7 {display: block; width: 60%;}
    
    .article_lists .entry-meta, .article_lists .entry-content {padding: 0px 30px;}
    .post-thumb8 {text-align: center; margin-bottom: 30px;}
    .headings img {text-align: center;  display: block;  margin: 0 auto; padding-bottom: 30px;}
    
    .bottom-line span {float: none; display: block; text-align: center;}
    .footer-menu {float: none; display: block; text-align: center;}
    .footer-menu li {display: inline-block;  float: none;}
}



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



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



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



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



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