/* ==========================================================================
   *Medium devices (tablets, 1200px and down)*
   ========================================================================== */
@media (max-width: 1200px) {
    .blog-grid-box-cont { padding: 20px;}
    .footer-social ul li { margin-right: 16px;}
}


/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
@media (max-width: 991px) {
    
    .main-menu { display:none;}
	.mobile-menu { display:block; background:#000000; position: relative; z-index: 9;}
	.mobile-menu a.menu-toggle { display:block; z-index:1; top: -66px; right:10px; background:#46bbeb;}
	.mobile-menu ul.menu-list{display:none;}
	.mobile-menu > ul > li > span { display:none;}
	.mobile-menu > ul.menu-list > li > a.login { color: #fff; display:block; width:100%; font-size: 14px; text-transform: uppercase; padding: 8px 0; background:none; display: inline-block; line-height: normal; position: relative;  top:0px;  border-radius: 0px;}
    .mobile-menu > ul > li > a.active { color: #fff;}
    .header-right { margin-right: 50px;}
    .mobile-menu > ul.menu-list { padding: 10px 0;}
    .mobile-menu > ul > li > a { font-size: 14px; text-transform: uppercase;}
    .mobile-menu ul.menu-list > li > ul > li > a { font-size: 14px;}
    
    .mega-drop { padding: 0px; position: relative; z-index: 3; left: inherit !important; top: inherit !important; right: inherit !important; bottom: inherit !important; width: 100% !important; display: none;  opacity: 1; transform: scale(1); pointer-events: auto; background: #1b1a1a;}
    .drop-links-div:before { background: #333333;}
    .drop-links li a { text-align: left !important; font-weight: 400;}
    .drop-bottom-links { background: #353434;}
    .drop-links li a:before { top: 13px; left: 0px; background: #46bbeb;}
    
    .blog-right-submit { right: 50px;}
    .blog-right-search:after { right: 50px;}
    .blog-right-search { padding-right: 50px;}
    .header-top-block { padding: 20px 0;}
    .footer-left { text-align: center; padding-bottom: 15px;}
}


/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */ 
@media (max-width: 767px) {
    .header-top-block { padding: 20px 0;}
    .logo { max-width: 180px;}
    .blog-grid-box { max-width: 355px; margin: auto; margin-bottom: 25px;}
    .header-mid-block { height: 100px;}
    .blog-content-main { margin-top: -60px;}
    .blog-grid-box-cont { text-align: center;}
    .blog-newsletter-form { padding-right: 0px;}
    .blog-newsletter-submit { position: static; margin: auto; margin-top: 20px; font-size: 16px;}
    .footer-left { padding-bottom: 10px;}
    .footer-links { margin-bottom: 25px; text-align: center;}
    .footer-social { text-align: center;}
    .footer-social ul li { margin-right: 0px; padding: 0 5px;}
    
    .blog-detail-contents { padding: 30px 20px;}
    .detail-contents-ul { padding-left: 20px;}
    
    .header-main { display: block !important; text-align: center;}
    .blog-right-search { width: 100%;}
    .logo { margin: auto; margin-bottom: 15px;}
    
}


/* ==========================================================================
   *Extra small devices (portrait phones, less than 576px)*
   ========================================================================== */ 
@media (max-width: 575px) {
    .header-main { display: block !important; text-align: center;}
    .logo { margin: auto; margin-bottom: 15px;}
    .header-right ul li { padding: 0 10px;}
}


/* ==========================================================================
   *Extra small devices (portrait phones, less than 400px)*
   ========================================================================== */ 
@media (max-width: 360px) {
    
}