/** MOBILE **/
@media only screen and (max-width: 480px) {

    .h404 { font-size:150px !important; }

    h1 { font-size:38px !important; }
    h2 { font-size:30px !important; }
    h3 { font-size:26px !important; }
    h4 { font-size:22px !important; }
    h5 { font-size:18px !important; }
    h6 { font-size:14px !important; }

    .row { margin:0px !important; }

    /** HEADER **/

    .visible-menu .header-menu-icon { display:block; }
    .visible-menu .header-close { display:block; }
    .visible-menu .header-menu-view { position:fixed; width:100%; height:100%; background-color:#000000; left:0px; right:0px; bottom:0px; z-index:10006; opacity:0; display:none; }
    .visible-menu .header-menu-view > ul { position:absolute; list-style: none; top:50%; left:50%; transform: translate(-50%, -50%); padding:0px; margin:0px; }
    .visible-menu .header-menu-view > ul > li { position:relative; text-align: center; font-size:30px; padding:5px 0px; color:#FFFFFF; font-weight: 600; opacity:0; display: block; }

    .visible-menu .header-menu-view ul li ul { padding:15px 0px; margin:0px; position:relative; display:none; list-style:none; text-align: center; }
    .visible-menu .header-menu-view ul li ul li { font-size:16px; padding:4px 0px; font-weight: 400; }

    .admin-bar header { top:45px; }  
    
    .header-logo,
    .header-menu { padding:0px 15px; }

    .header-close { right:15px; }
    .admin-bar .header-close { top:60px; }

    /** PAGE **/
    
    .page-head-wrapper { padding-bottom:30px; }
    .page-content { padding-top:30px; padding-bottom:30px; }

    .image-container { padding-top:0px; padding-bottom:0px; }
    .image-item { padding:15px; }

    .sl-close { right:15px !important; top:15px !important; }
    .sl-image { left:0px !important; right:0px !important; width:100% !important; }

    .sl-next,
    .sl-prev { margin-top:0px !important; }

    .sl-next i,
    .sl-prev i { top:-3px !important; }

    /** MASONRY **/

    .masonry { padding:0px 0px !important; }
    .masonry-item { padding:15px 15px; }

    .masonry-item-content { position:relative; padding: 20px 20px; }
    .masonry-item-content h2 { font-size:28px; }

    .masonry-filter { left:15px; }

    /** CAROUSEL **/

    .small-carousel { padding:0px; }
    .owl-dots { display:none; }

    .slider-number { padding-left:15px; }
    .slider-social { padding-right:15px; }

    /** BLOG **/

    .admin-bar .blog-sidebar-wrapper { top:45px !important; }

    .blog-container { padding:0px 0px; }
    .blog-item-container { padding:15px 15px; }

    .blog-sidebar { right:15px; }
    .blog-container .nav-links { padding:15px 0px; border-top:0px; }

    .single-item-content { padding:20px 15px; }

    .comment-wrapper { padding:30px 15px; }
    .comments-form-group { padding:0px 0px; }

}

/** TABLET **/

@media only screen and (min-width:480px) and (max-width: 768px) {

    .h404 { font-size:150px !important; }

    h1 { font-size:38px !important; }
    h2 { font-size:30px !important; }
    h3 { font-size:26px !important; }
    h4 { font-size:22px !important; }
    h5 { font-size:18px !important; }
    h6 { font-size:14px !important; }

    .row { margin:0px !important; }

    /** HEADER **/


    .visible-menu .header-menu-icon { display:block; }
    .visible-menu .header-close { display:block; }
    .visible-menu .header-menu-view { position:fixed; width:100%; height:100%; background-color:#000000; left:0px; right:0px; bottom:0px; z-index:10006; opacity:0; display:none; }
    .visible-menu .header-menu-view > ul { position:absolute; list-style: none; top:50%; left:50%; transform: translate(-50%, -50%); padding:0px; margin:0px; }
    .visible-menu .header-menu-view > ul > li { position:relative; text-align: center; font-size:30px; padding:5px 0px; color:#FFFFFF; font-weight: 600; opacity:0; display: block; }

    .visible-menu .header-menu-view ul li ul { padding:15px 0px; margin:0px; position:relative; display:none; list-style:none; text-align: center; }
    .visible-menu .header-menu-view ul li ul li { font-size:16px; padding:4px 0px; font-weight: 400; }


    .admin-bar header { top:45px; }    

    .header-logo,
    .header-menu { padding:0px 15px; }

    .header-close { right:15px; }
    .admin-bar .header-close { top:60px; }

    /** PAGE **/
    
    .page-head-wrapper { padding-bottom:30px; }
    .page-content { padding-top:30px; padding-bottom:30px; }

    .image-container { padding-top:0px; padding-bottom:0px; }
    .image-item { padding:15px; }

    .sl-close { right:15px !important; top:15px !important; }
    .sl-image { left:0px !important; right:0px !important; width:100% !important; }

    .sl-next,
    .sl-prev { margin-top:0px !important; }

    .sl-next i,
    .sl-prev i { top:-3px !important; }

    /** MASONRY **/

    .masonry { padding:0px 0px !important; }
    .masonry-item { padding:15px 15px; }

    .masonry-item-content { position:relative; padding: 20px 20px; }
    .masonry-item-content h2 { font-size:28px; }

    .masonry-filter { left:15px; }

    /** CAROUSEL **/

    .small-carousel { padding:0px; }
    .owl-dots { display:none; }

    .slider-number { padding-left:15px; }
    .slider-social { padding-right:15px; }

    /** BLOG **/

    .admin-bar .blog-sidebar-wrapper { top:45px !important; }

    .blog-container { padding:0px 0px; }
    .blog-item-container { padding:15px 15px; }

    .blog-sidebar { right:15px; }
    .blog-container .nav-links { padding:15px 0px; border-top:0px; }

    .single-item-content { padding:20px 15px; }

    .comment-wrapper { padding:30px 15px; }
    .comments-form-group { padding:0px 0px; }

}


/** DESKTOP **/

@media only screen and (min-width:768px) and (max-width:1600px) {

    .h404 { font-size:150px !important; }

    .container { max-width:1200px !important; }

    h1 { font-size:38px !important; }
    h2 { font-size:30px !important; }
    h3 { font-size:26px !important; }
    h4 { font-size:22px !important; }
    h5 { font-size:18px !important; }
    h6 { font-size:14px !important; }

    .row { margin:0px !important; }

    /** HEADER **/

    .admin-bar header { top:45px; }    

    .header-logo,
    .header-menu { padding:0px 30px; }

    .header-close { right:30px; }
    .admin-bar .header-close { top:60px; }

    /** PAGE **/
    
    .page-head-wrapper { padding-bottom:30px; }
    .page-head-content { padding:0px 30px; }

    .page-content { padding-top:30px; padding-bottom:30px; }
    .page-content-item { padding:0px 30px; }
    .page-separator-item { padding:0px 30px; }

    .page-image { padding:15px 15px; }
    .page-image-wrapper { padding:0px 15px; }

    .image-container { padding-top:0px; padding-bottom:0px; }
    .image-item { padding:30px; }

    .contact { padding-bottom:15px; }
    .contact-wrapper { padding:0px 15px; }

    .sl-close { right:15px !important; top:15px !important; }
    .sl-image { left:0px !important; right:0px !important; width:100% !important; }

    .sl-next,
    .sl-prev { margin-top:0px !important; }

    .sl-next i,
    .sl-prev i { top:-3px !important; }

    .reference-wrapper { padding:0px 15px; }

    /** MASONRY **/

    .masonry { padding:0px 15px !important; }
    .masonry-item { padding:15px 15px; }

    .masonry-item-content { position:relative; padding: 20px 20px; }
    .masonry-item-content h2 { font-size:28px; }

    .masonry-filter { left:30px; }

    /** CAROUSEL **/

    .small-carousel { padding:0px; }
    .owl-dots { display:none; }

    .slider-number { padding-left:15px; }
    .slider-social { padding-right:15px; }

    /** BLOG **/

    .admin-bar .blog-sidebar-wrapper { top:45px !important; }

    .blog-items { padding:0px 0px; }

    .blog-container { padding:0px 15px; }
    .blog-item-container { padding:15px 15px; }

    .blog-sidebar { right:30px; }
    .blog-container .nav-links { padding:15px 0px; border-top:0px; }

    .single-item-content { padding:20px 15px; }

    .comment-wrapper { padding:30px 15px; }
    .comments-form-group { padding:0px 0px; }
}


@media only screen and (min-width:1600px) and (max-width:1800px) {

    .h404 { font-size:150px !important; }

    .blog-item-container { padding:25px 25px; }

}


@media only screen and (max-width: 600px) {
    .admin-bar .header-sticky { top:0px !important; }
    
}

@media only screen and (max-width: 783px) {
    .admin-bar header { top:45px; }
    
}

@media only screen and (min-width:783px) {
    .admin-bar header { top:32px; }
}