/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
     
    
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {      
    .widget {
        margin-bottom: 30px;
    }
    .slider-area {
	margin-top: 196px;
}

}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
     
    .widget {
        margin-bottom: 30px;
    }
    .cta-text {
        text-align: center;
    }
    .cta-btn {
        text-align: center;
    }
    .cl {
        text-align: center;
    }
    .social-link {
        text-align: center;
        margin-bottom: 15px;
    }
    .main-menu ul li {
        display: block;
        margin-bottom: 4px;
        text-align: center;
    }
    .logo-mb {
        margin-bottom: 20px;
       padding: 0 15px;
    }
    .gallery-wrapper .owl-nav div {
	display: none !important;
}
.logo-mb img{
    height:65px;
}
    .header-btn {
    display: none;
}
    .mainmenu-area {
        padding: 28px 0;
    }
    .slicknav_nav ul {
        margin: 0;
    }
    .header-area {
        display: none;
    }
    
    .slicknav_menutxt {
      display: none !important;
    }
    .slicknav_icon {
      margin: 0 !important;
      color: #;
    }
    .slicknav_menu {
        background: none;
    }
    .slicknav_nav {
        background: #000;
        width: 200px;
    }
    .mainmenu-area {
        display: none;
    }
    .slider-area .owl-dots {
        bottom: 11px;
    }
    .blog-item-box {
        margin-bottom: 30px;
    }
    .gallery-wrapper .owl-nav div {
        display: none;
    }
    .mobile-header{
        display: block;
    }
    
    .mobile-header .row {
      border-bottom: 1px solid #d6d6d6;
      padding-bottom: 16px;
    }
    .mobile-header .row:last-child {
      border: none;
      padding: 0;
    }
    .slider-area {
      margin-top: 0px;
    }
    .navbar-toggle {
        background: #000 none repeat scroll 0 0;
        border-radius: 0;
        margin: 0;
    }
    .navbar-toggle .icon-bar {
        background: #fff none repeat scroll 0 0;
        margin: 0;
    }
    .navbar-collapse {
        background: #000 none repeat scroll 0 0;
        margin-top: 12px;
    }
    .navbar-toggle {
        float: left;
    }
    .main-menu{
        float: none;
    }
    .navbar-header {
        padding: 10px 16px;
    }
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
    .container,
    .container-fluid {
        width: 450px;
        margin: 0 auto;
    }
    .blog-thumb img {
        width: 100%;
    }
}