@media (max-width: 767px){
    
#menu .navbar-brand img {
    width: 100px !important;
    height: 35px !important;
}

#menu .navbar {
    min-height: auto;
}

#menu .nav > li{
    text-align: center;
}

#menu .navbar-left {
    left: 0%;
}

.menu-soi{
	margin-top: -8px;
}

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:focus { 
    background-color: transparent;
    border-color: #fff;
    border-radius: 0;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover {
    background-color: #E54378;
    border-color: #E54378;
}
#menu .dropdown-menu {
   text-align: center;
}

.head-icon {
    visibility: hidden;
    margin-top: 0;
}

.head-text h2 {
    font-size: 22px;
}

.head-text h2 sub, 
.breadcrumb-text h2 sub {
    font-size: 15px;
}

#blog .thumbnail .caption .list-inline {
    font-size: 10px;
}

.blog-comment .media-body .comment-list li {
    font-size: 10px;
}

.comment-list .btn, 
.comment-list .btn:focus {
    font-size: 10px;
}

#blog .thumbnail .caption .blog-soi {
    margin-top: -25px;
}
.post-navigation{
    display: none;
    
}

#blog .thumbnail img{
    height: 300px;
}


}/*end of max-width: 767px*/

@media (max-width: 320px){

.custom-btn .btn {
    padding: 8px 12px;
    font-size: 10px;
}


}/*end of max-width: 320px*/

@media (min-width: 321px) and (max-width: 480px){

.custom-btn .btn {
    padding: 8px 12px;
    font-size: 10px;
}

}/*end of max-width: 480px*/

@media (min-width: 481px) and (max-width: 640px){

.custom-btn .btn {
    padding: 8px 12px;
    font-size: 10px;
}

}/*end of max-width: 640px*/

@media (min-width: 768px) and (max-width: 991px){
#menu .navbar-brand img {
    width: 125px;
    height: 40px;
    margin-top: -2px;
}

#menu .navbar {
    min-height: auto;
}

#menu .navbar-left {
    left: 0%;
}

#menu .nav > li > a {
    padding: 22px 10px;
}

.navbar-default .navbar-nav > li > a, 
.menu-soi li i{
	font-size: 14px;
}

#blog .thumbnail .caption .list-inline {
    font-size: 10px;
}

.sidebar-img img {
    width: 94px;
    height: 94px;
}

.blog-comment .media-body .comment-list li {
    font-size: 10px;
}

#blog .thumbnail .caption .blog-soi {
    margin-top: -25px;
}

#blog .blog-soi .list-inline > li {
    padding-left: 0px;
}
.post-navigation{
    display: none;
    
}

.blog-content .thumbnail .caption {
    padding: 10px 15px;
}

#blog .thumbnail img{
    height: 350px;
}

}/*end of max-width: 991px*/


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

.blog-list {
    margin-bottom: 10px;
}

#blog .thumbnail .caption .list-inline {
    font-size: 10px;
}

.sidebar-img img {
    width: 97px;
    height: 97px;
}

}/*end of max-width: 1199px*/

